/* form*/
input:not([type]), input[type=text]:not(.browser-default), input[type=password]:not(.browser-default), input[type=email]:not(.browser-default), input[type=url]:not(.browser-default), input[type=time]:not(.browser-default), input[type=date]:not(.browser-default), input[type=datetime]:not(.browser-default), input[type=datetime-local]:not(.browser-default), input[type=tel]:not(.browser-default), input[type=number]:not(.browser-default), input[type=search]:not(.browser-default), textarea.materialize-textarea {
    background-color: white;
    border: none;
    border-bottom: initial;
    border: 1px solid #fed924;
    border-radius: 10px;
    padding: 0px 10px;
    outline: none;
    height: 40px;
    width: 100%;
    font-size: 16px;
    margin: 0 0 8px 0;
    /* padding: 0; */
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-box-sizing: border-box;
box-sizing: border-box;
    -webkit-transition: border .3s, -webkit-box-shadow .3s;
    transition: border .3s, -webkit-box-shadow .3s;
    transition: box-shadow .3s, border .3s;
    transition: box-shadow .3s, border .3s, -webkit-box-shadow .3s;
}

input:not([type]):focus:not([readonly]), input[type=text]:not(.browser-default):focus:not([readonly]), input[type=password]:not(.browser-default):focus:not([readonly]), input[type=email]:not(.browser-default):focus:not([readonly]), input[type=url]:not(.browser-default):focus:not([readonly]), input[type=time]:not(.browser-default):focus:not([readonly]), input[type=date]:not(.browser-default):focus:not([readonly]), input[type=datetime]:not(.browser-default):focus:not([readonly]), input[type=datetime-local]:not(.browser-default):focus:not([readonly]), input[type=tel]:not(.browser-default):focus:not([readonly]), input[type=number]:not(.browser-default):focus:not([readonly]), input[type=search]:not(.browser-default):focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
    border-bottom: 0px solid #fed924;
    border: 1px solid #fed924;
    -webkit-box-shadow: 0 1px 0 0 #fed924;
    box-shadow: 0px 0px 8px 0px #fed924;
}
input:not([type]):disabled, input:not([type])[readonly="readonly"], input[type=text]:not(.browser-default):disabled, input[type=text]:not(.browser-default)[readonly="readonly"], input[type=password]:not(.browser-default):disabled, input[type=password]:not(.browser-default)[readonly="readonly"], input[type=email]:not(.browser-default):disabled, input[type=email]:not(.browser-default)[readonly="readonly"], input[type=url]:not(.browser-default):disabled, input[type=url]:not(.browser-default)[readonly="readonly"], input[type=time]:not(.browser-default):disabled, input[type=time]:not(.browser-default)[readonly="readonly"], input[type=date]:not(.browser-default):disabled, input[type=date]:not(.browser-default)[readonly="readonly"], input[type=datetime]:not(.browser-default):disabled, input[type=datetime]:not(.browser-default)[readonly="readonly"], input[type=datetime-local]:not(.browser-default):disabled, input[type=datetime-local]:not(.browser-default)[readonly="readonly"], input[type=tel]:not(.browser-default):disabled, input[type=tel]:not(.browser-default)[readonly="readonly"], input[type=number]:not(.browser-default):disabled, input[type=number]:not(.browser-default)[readonly="readonly"], input[type=search]:not(.browser-default):disabled, input[type=search]:not(.browser-default)[readonly="readonly"], textarea.materialize-textarea:disabled, textarea.materialize-textarea[readonly="readonly"] {
   color: #6b6b6b;
   border-bottom: 1px solid #fed924;
   padding: 0px 0px;
   text-align:center
}

::-webkit-input-placeholder { color:    #6b6b6b;}
:-moz-placeholder {color:    #6b6b6b;opacity:  1;}
::-moz-placeholder { color:    #6b6b6b;opacity:  1;}
:-ms-input-placeholder {color:    #6b6b6b;}

.background-form{background-image: linear-gradient(65deg, #ec6f7f 33.33%, #ea7c89 33.33%, #ea7c89 50%, #ec6f7f 50%, #ec6f7f 83.33%, #ea7c89 83.33%, #ea7c89 100%);
background-size: 30.00px 64.34px;}

.section-form.background1{    background-size: contain;background-repeat: no-repeat;}


 .buy-btn-nav{background-color: #5f9a1c  !important;font-weight: bold;border: 3px solid #5f9a1c ;color: white !important;-webkit-box-shadow: none;
    box-shadow: none;
margin: 21px auto;padding: 10px 20px;height: initial;line-height: initial;border-radius: 5px !important;font-size: 26px;    width: 100%;



}



.buy-btn-nav:hover {
  color: #5f9a1c !important;
  background-color: white !important;
  poisiton: relative !important;
  -webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
-webkit-box-shadow: none;
    box-shadow: none;
}
}

.buy-btn-nav:active {
  background-color: white;
}

.buy-btn-row{display: flex;justify-content: center;align-content: center;flex-wrap: wrap;margin-bottom: 20px;width: 100%;}
.buy-btn-text{width: 100%;font-size:14px;color:#444;}
.buy-btn-text svg{width:14px;margin: 0px 5px;}

@media only screen and (max-width: 992px) {/* mobile*/
  .buy-btn{max-width: 70%;}
}
@media only screen and (max-width: 450px) {/*XS mobile*/
  .buy-btn{max-width: 95%;font-size: 17px;}
}

@media only screen and (max-width: 450px) {/*XS mobile*/
  .buy-btn-text{font-size:11px}
  .buy-btn-text svg{width:11px;}
}

.buy-btn-text b{width: 100%;
    display: block;font-size: 14px;}


@media only screen and (max-width: 600px){ .section-form .buy-btn-nav {font-size: 16px;padding: 2px 8px;margin: 6px auto;} }

.orderform .buy-btn-nav{margin: 21px auto;padding: 10px 20px;height: initial;line-height: initial;border-radius: 10px !important;font-weight:900;font-size: 22px;width: 100%;}




.col-product {text-align: left;}
.col-price{text-align: center;margin: 0px auto;}
.col-price tr {border-bottom: 0px solid white !important;}
.col-price td{padding:0px !important;}

.orderform {margin-bottom:0px}
.priceform {color: #49a2fc;font-size: 20px}
.priceform .old-price{color:black;text-decoration: line-through;}
.priceform .new-price{font-size: 25px;font-weight: 600;color: #49a2fc;}

.form-toptext{text-align: center;    margin-bottom: 20px;text-transform: uppercase;}
.form-toptext h5{    font-size: 33px;
   margin: 0px;
   font-weight: bolder;
   color: black;}
.form-toptext span{    font-size: 18px;margin-top: 5px;display: block;font-weight: bold;color: #ffffff; text-shadow: 3px 3px 5px #000;}
@media only screen and (min-width: 1191px){ .form-toptext span{ padding:0px 40px}}
input.error {border: 1px solid #a30000 !important;}
input.error::placeholder { color: red;opacity: 1;}
label.error{display: none !important;}
input.error:focus{ border-bottom: 0px solid #a30000 !important;border: 1px solid #a30000 !important;-webkit-box-shadow: 0 1px 0 0 #a30000 !important;box-shadow: 0px 0px 8px 0px #a30000 !important;}

#error-summary{font-weight: bold;color: white;margin-bottom: 5px;display: none;text-align: center;}

input::-webkit-outer-spin-button,input::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}
input[type=number] {-moz-appearance: textfield;}


.flex-container {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    }

#form_areacode {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    max-width:50px;margin-right:5px
    }

#form_phone {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    }


.formcard {
    position: relative;
    margin: 0px !important;
           background-color: #e3faff;
    border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px;
    border: 0px solid #49a2fc;
    padding: 0px;
    -webkit-box-shadow: none !important;
   box-shadow: none !important;

       border-radius: 10px;
}
@media only screen and (max-width: 600px){
   .formcard .buy-btn-nav{    font-size: 18px !important;padding: 10px 17px !important;margin: 6px auto;}
}
.formcard .card-content{
margin: 0px !important;    padding:0px;}


.col-form{
    padding: 5px !important;      -webkit-transition: all 0.4s ease-in-out;
          -moz-transition: all 0.4s ease-in-out;
          -ms-transition: all 0.4s ease-in-out;
          -o-transition: all 0.4s ease-in-out;
          transition: all 0.4s ease-in-out;}
.col-form .form1-topdeal{    color: white;
   text-align: center;
   padding: 4px 0px;
   display: block;
   font-size: 18px;}


.toend{font-size: 20px;margin: 5px 0px;}


.priceheader{font-size: 20px !important;color:#49a2fc!important;font-weight: 500!important;}
table tr:nth-child(2) > td.priceheader{font-weight:600 !important}
   @media only screen and (max-width: 500px){
     td.priceheader {text-align: right}
     td.priceheader:after{content:':';margin-right:10px;display: inline-block;}
   }

.formrow{display: flex;    justify-content: center;align-items: center;}
.card .card-content{    padding-bottom: 0px;}
 @media only screen and (max-width: 992px){
   .formrow{flex-wrap: wrap;flex-direction: column-reverse;}
   .formrow .col-product{text-align: center;margin-top:20px}
   .formrow .col-product  img{max-width:207px}
   .formcard  .stamp-img {max-width: 90px;}
   .col-form{padding: 5px !important;    margin-left: 0px !important}

 }


 @media only screen and (max-width: 450px){
   .priceform .new-price {font-size: 25px;}
   .priceheader {font-size: 17px !important;}

 }

 @media only screen and (max-width: 400px){
   .col-form{margin-left: 0px !important}
 }
 @media only screen and (max-width: 350px){
   .stamp-img {
       width: 100%;
       max-width: 70px;
       margin: 10px 5px;
   }
   .col-form.s10{width:100% !important}
 }



 @media only screen and (min-width: 993px){/* desktop*/

   .prices-box{min-width: 240px;}
 }


 .box-price{display:block;width:100%;border-radius: 20px;border:3px solid rgba(254, 220, 35, 0.8);background-color:rgba(254, 220, 35, 0.8)}
 .box-price-in{position: relative;overflow:hidden;display:block;width:100%;border-radius: 20px;border:3px solid rgba(254, 220, 35, 0.8);background-color:white;line-height: 30px;margin:0px !important;padding:5px;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
 .box-price-in img{width: 100%;}

 .box-price-head1{font-size: 21px;padding: 10px 0px;display: block;color: black;}
 .activeprice .box-price-head1,.box-price:hover .box-price-head1{color:black}
 .activeprice .box-price-in{background-color: #ffeed8}

 .box-price:hover .box-price-in,.box-price:focus .box-price-in{background-color: #ffeed8 !important;    border: 3px solid rgba(246, 148, 57, 1);}
 .box-price:hover .prices-box,.box-price:focus .prices-box{-moz-transform: translateY(10px);
-webkit-transform: translateY(10px);
-o-transform: translateY(10px);
-ms-transform: translateY(10px);
transform: translateY(10px);}


.box-price-old span{font-size: 20px;    margin: 5px 0px;text-decoration: line-through;font-weight:500;color:#424242;display: inline-block;}
.box-price-new span{    font-size: 31px;
 font-weight: 600;
 color: red;
 display: inline-block;}

 .prices-box{-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
#short-form{margin-top:10px}
 .box-price-head2{font-size: 30px;color:#000 ;font-weight: bold;display: block;text-transform: uppercase;}
 .box-price-old,.box-price-new{display: block;}


.box-price-col{

   min-height: 0px !important;
   display: flex;
   justify-content: center;
   align-items: center;
 }
.box-price-col img{border-radius: 20px;    padding: 15px;}


  @media only screen and (min-width: 601px) and (max-width: 992px){
    .section-form .container{width:90% !important}
  .box-price-head1 .hide-on-large-only{display: block}
.section-form .buy-btn-nav{    font-size: 15px;}
  }
@media only screen and (min-width: 601px) and (max-width: 820px){
.box-price-head1 .hide-on-large-only{display: block}

}
@media only screen and (max-width: 700px){
.section-form .buy-btn-nav{font-size: 15px;}


}

@media only screen and (max-width: 600px){
.section-form .container{width:100% !important}

.box-price-col.s4{width:42% !important}

.box-price:hover .prices-box,.box-price:focus .prices-box{transform: translateY(0px);}
}

.box-price.activeprice, .box-price:hover{background-color: #F49B23;border: 3px #F49B23;    box-shadow: rgb(0 52 105 / 50%);-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
.activeprice .box-price-in{border:3px solid #F49B23;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
.buyform-stamp img{width:100%;max-width:360px;padding: 10px;    margin-top: 10px;
  margin-bottom: 0px;}

@media only screen and (max-width: 992px){/* mobile*/
.box-price{margin-bottom:10px}


.box-price-col img {padding:0px !important}

.box-price-head1 {font-size: 17px;padding: 2px 0px;}
}
@media only screen and (max-width: 600px){

 .box-price-in{    display: flex;}
 .box-price-head2{    font-size: 23px;}
 .box-price-new span{font-size: 22px;}
 .box-price-old span{font-size: 18px;margin:0px}
 .box-price-new.box-price-in {font-size: 22px;}
}

.form-card-pack {
    max-width: 259px;
    margin: 0px auto 10px;
    display: block;
    border-radius: 0px !important;
padding: 0px !important;
background: none !important;
}


.product-img-single{width:100%;max-width:325px}
@media only screen and (max-width: 992px) {
  .product-img-single{width:100%;max-width:300px;margin-bottom:-40px;z-index: 9;    position: relative;}
  .shortform .box-price{padding-top:30px}
}

.shortform .box-price-old,.shortform .box-price-new{font-size: 18px;color:000}

.shortform .box-price-old span{color:000}}

.shortform .box-price-head1{font-weight: 900;}

  .shortform .box-price.activeprice, .shortform .box-price:hover{    background: linear-gradient(
90deg
, rgba(246, 148, 57, 0.95) 0%, rgba(254, 220, 35, 0.95) 100%);border: 0px solid #49a2fc;    box-shadow: rgb(0 52 105 / 50%);-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
  .shortform .activeprice .box-price-in{background-color:transparent;border:0px solid #49a2fc;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
.shortform  .box-price:hover .box-price-in,.shortform .box-price:focus .box-price-in {
      background-color: transparent !important;
      border: 0px solid #49a2fc;
  }

.shortform  .orderform .buy-btn-nav {
    margin: 10px auto 20px;}
