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,
select {
   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 0.3s,
      -webkit-box-shadow 0.3s;
   transition:
      border 0.3s,
      -webkit-box-shadow 0.3s;
   transition:
      box-shadow 0.3s,
      border 0.3s;
   transition:
      box-shadow 0.3s,
      border 0.3s,
      -webkit-box-shadow 0.3s;
   direction: rtl;
}

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;
}
#mobile_areacode {
   display: inline-block;
   width: 35%;
   margin-right: 5px;
   border-radius: 10px;
   border: 1px solid #fed924;
   height: 40px;
   font-size: 16px;
   background-color: white;
   box-sizing: border-box;
   color: #817e7e;
   direction: rtl;
}
::-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: 30px 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;
}

.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;
}