/* GENERAL TEMPLATE CSS START
------------------------------------------------------- */
.t4-wrapper,
.wrapper {
    max-width: 1370px;
    width: 97%;
}
/* GENERAL TEMPLATE CSS END
------------------------------------------------------- */
/* HEADER BOX END
------------------------------------------------------- */ 
.t4-header {
    padding-top: 120px;
    padding-bottom: 20px;
}
.t4-header h1{
    font-size: 50px;
    font-weight: 700;
}
.t4-header p {
    font-size: 27px;
    line-height: 1.3em;
    font-weight: 500;
}
.t4-header .t4-price1 {
    max-width: 450px;
    width: 100%;
    padding: 15px 55px 15px 15px;
}
.t4-header .t4-price1 .t4-price-before-discount {
    font-size: 32px;
    text-decoration: line-through;
    margin-left: auto;
}
.t4-header .t4-price1 .t4-price-after-discount {
    font-size: 50px;
    margin-left: 10px;
}
.t4-price-before-discount,
.t4-price-before-discount{
    position: relative;
    top: 3px;
}
.t4-header .t4-header-image img{
    max-width: 400px;
    width: 100%;
}
.t4-postage-box {
    margin-top:15px;
    max-width:700px;
    width: 100%;
    border: 1px solid rgba(0,0,0,.4);
}
.t4-postage-box .t4-postage-01 p{
    font-size:23px;
}
.t4-postage-box .t4-postage-01 p:nth-child(1){
    border-bottom: 1px solid black;
}
.t4-postage-box .t4-postage-02 p{
    font-size:20px;
}
/* HEADER BOX END
------------------------------------------------------- */ 
/* BENEFIT BOX START
------------------------------------------------------- */
.t4-benefit-box {
    text-align: center;
}
.t4-benefit-box h2 {
    font-size: 28px;
    font-weight: 700;
}
.t4-benefit-box h3 {
    font-size: 20px;
    font-weight: 500;
}
.t4-benefit-box p {
    font-size: 18px;
    line-height: 1.25;
}
.t4-benefit-text h4 {
    font-size: 20px;
    text-transform: uppercase;
}
.t4-benefit-image img {
    width: 100%;
    max-width: 130px;
}
/* BENEFIT BOX END
------------------------------------------------------- */
/* ADVANTAGE BOX START
------------------------------------------------------- */
.t4-advantage-box .t4-wrapper {
    max-width: 1199px;
}
.t4-advantage-box h2 {
    font-size: 28px;
    font-weight: 700;
    text-align: center;
    line-height: 1;
}
.t4-advantage-box h3 {
    font-size: 20px;
    font-weight: 500;
    text-align: center;
}
.t4-advantage-box p {
    font-size: 18px;
}
.t4-advantage-text h4 {
    font-size: 20px;
    text-transform: uppercase;
}
.t4-advantage-image img {
    max-width: 100%;
}
.t4-advantages .t4-advantage-item:nth-child(even) .t4-advantage-text{
    order:2;
}
/* ADVANTAGE BOX END
------------------------------------------------------- */
/* 360 BOX START
------------------------------------------------------- */
.t4-360-box {
    
}
.t4-360-box h2 {
    font-size: 34px;
    text-align: center;
    margin-bottom: 10px;
}
.t4-360-box #canvas {
    width: 100%;
    max-width: 580px;
    height: 580px;
}
.t4-360-box .logo-icon {
    width: 100%;
    position: relative;
    top: -37px;
    background: rgb(255 255 255 / 25%);
}
.t4-360-box .logo-icon img {
    width: 60px!important;
}
/* 360 BOX END
------------------------------------------------------- */
/* SELECTOR BOX START
------------------------------------------------------- */
.t4-select {
    width: 100%;
    max-width: 450px;
}
.t4-selector-box h2 {
    font-size: 50px;
    text-align: center;
}
.t4-selector-box .t4-selector .t4-blinkes span {
    color: #ff6575;
    font-size: 17px;
    font-weight: 900;
    margin-left: 5px;
}
.t4-selector-box .t4-selector .t4-description p,
.t4-selector-box .t4-selector .t4-select span {
    font-size: 22px;
}
.t4-selector-box .t4-selector .t4-description span {
    font-size: 18px;
}
.t4-selector-box .t4-selector .t4-stars img {
    width: 100px;
    position: relative;
    top: 3px;
    margin: 0 3px 0 0;
}
.t4-selector-box .c037 img {
    width: 100%;
    max-width: 600px;
}
.t4-selector-box .img1 img {
    border: 1px solid #8e8e8e;
    width: 50px;
    float: left;
    margin: 2px;
    opacity: 0.5;
}
.t4-selector-box .img1 img:hover {
    opacity: 1;
    cursor: pointer;
}
.t4-selector-box .c088 {
    margin-top: 10px;
}
.t4-selector-box .t4-selector select {
    font-size: 24px;
    padding: 15px 100px 15px 10px;
    width: 100%;
    max-width: 170px;
} 
.t4-selector .t4-price2 .t4-price-before-discount {
    font-size: 24px;
    text-decoration: line-through;
}
.t4-selector .t4-price2 .t4-price-after-discount {
    font-size: 40px;
    margin-left: 10px;
}
.t4-selector-box .t4-selector button {
    width: 100%;
    margin: 0 auto;
    font-size: 34px;
    font-weight: 600;
    border: none;
    border-radius: 3px;
    cursor: pointer;
}
.t4-selector .postage-p   {
    font-size: 14px;
}
/* SELECTOR BOX END
------------------------------------------------------- */
/* SPECIFICATION BOX START
------------------------------------------------------- */
.t4-specification-box h2 {
    font-size: 34px;
    text-align: center;
}
.t4-specification-box p {
    font-size: 18px;
    line-height: 1.3;
    margin: 0;
}
p.spec-mini-header {
    font-weight: 700;
    margin-top: 10px;
}
.t4-specification-box .specs .c063  {
    /*flex*/
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    /*flex: 1*/
    flex: 1;
    /*column*/
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    /**/
    padding-right: 10px;
}
.t4-specification-box .specs .c063 .c065 div:first-child p  {
    font-weight: 700;
    margin-top: 10px;
}
/* SPECIFICATION BOX END
------------------------------------------------------- */
/* GALLERY BOX START
------------------------------------------------------- */
.t4-gallery-box .c061 {
    /*h-center*/
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    /*v-center*/
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    /*flex*/
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    /*row*/
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row;
    flex-flow: row;
}
.t4-gallery-box .c068 {
    /*h-center*/
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    /*v-center*/
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    /*flex*/
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    /*row*/
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row;
    flex-flow: row;
    /*h-center*/
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.t4-gallery-box .c068 div {
    /*h-center*/
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    /*v-center*/
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    /*flex*/
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
}
.t4-gallery-box .c068 div img {
    max-width: 320px;
    border: 1px solid #ececec;
    width: 100%;
    margin: 3px;
}
.t4-gallery img {
    max-width: 320px;
    border: 1px solid #ececec;
    width: 100%;
    margin: 3px;
}
.t4-gallery-box .t4-button {
    width: 100%;
    max-width: 315px;
    text-align: center;
    border-radius: 3px;
    box-shadow: rgb(52, 52, 52) 0px 10px 14px -7px;
    text-decoration: none;
    font-size: 22px;
    font-weight: 700;
}
/* GALLERY BOX END
------------------------------------------------------- */ 
/* SOCIAL COMMENTS BOX START
------------------------------------------------------- */
.t4-social-comments-box {
    width: 100%;
}
.t4-social-comments-box h2 {
    font-size: 34px;
    text-align: center;
    margin-bottom: 10px;
}
/* SOCIAL COMMENTS BOX END
------------------------------------------------------- */
/* WARRANTY BOX START
------------------------------------------------------- */ 
.t4-warranty-box {
    text-align: center;
}
.t4-warranty-box h2 {
    font-size: 40px;
    margin-top: 0;
}
.t4-warranty-box h3 {
    font-size: 28px;    
    margin-top: 0;
}
.w-100 {
    width: 100%;
}
/* WARRANTY BOX END
------------------------------------------------------- */ 
/* ORDER FORM BOX START
------------------------------------------------------- */ 
.t4-order-form-box h2 {
    font-size: 34px;
    text-align: center;
    line-height: 1;
}
.t4-order-form-item {
    width: 45%;
}
.t4-order-form .t4-order-form-item .t4-order-form-media-holder {
    max-width: 600px;
    margin-top: 60px;
}
.t4-order-form .t4-order-form-item .t4-order-form-media-holder img {
    width: 100%;
    max-width: 500px;
}
.labtit {
    display: none;
}
span.agreement {
    margin-top: 5px;
}
/* ORDER FORM BOX END
------------------------------------------------------- */ 
/* MEDIA QUERIES START
------------------------------------------------------- */
@media screen and (max-width:768px){
    .t4-selector-box .t4-selector button {
        width: 100%;
    }
    .t4-logo {
       max-width: 120px;
       max-height: 35px;
       position: relative;
       top: 3px;
    }
    .t4-header {
        padding-top: 105px;
    }
    .t4-button {
       line-height: 32px;
       font-size: 20px;
    }
    .t4-header .t4-price1 .t4-price-before-discount {
        margin-left: initial;
    }
    .t4-header h1,
    .t4-selector-box h2 {
       font-size: 34px;
       text-align: center;
    }
    .t4-warranty-box h2  { 
        font-size: 28px;
    }
    .t4-header p {
       font-size: 20px;
       text-align: center;
    }
    .t4-warranty-box h3{
       font-size: 18px;
       font-weight: 500;
    }
    .t4-header .t4-wrapper {
        flex-flow: column;
    }
    .t4-header .t4-header-text {
        order:2;
        justify-content: center;
        align-items: center;
    }
    .t4-header .t4-header-image {
        order:1;
    }
    .t4-benefit-image img {
        max-width: 80px;
    }
    .gallery .gallery-item img{
        width: initial;
    }
    .gallery {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .t4-benefits .t4-benefit-item,
    .t4-header-text,
    .t4-header-image,
    .t4-advantage-text.flex-1,
    .t4-advantage-image.flex-1,
    .t4-advantages .t4-advantage-item,
    .t4-postage-box .t4-postage-01,
    .t4-postage-box .t4-postage-02,
    .selector-slider.flex-1,
    .t4-selector-text.flex-1,
    .specs-item.flex-1,
    .gallery-item,
    .t4-specification-box .specs .c063  {
        flex: initial;
    }
    .t4-advantages .t4-advantage-item:nth-child(even) .t4-advantage-text{
        order: initial;
    }
    .t4-selector .t4-price2 .t4-price-before-discount {
        font-size: 20px;
    }
    .t4-selector .t4-price2 .t4-price-after-discount {
        font-size: 30px;
    }
    .t4-selector-box .t4-selector .t4-description p, 
    .t4-selector-box .t4-selector .t4-select span {
        font-size: 19px; 
    }
    .t4-selector-box .t4-selector button {
        font-size: 24px;
    }
    .t4-quantity {
        -webkit-box-orient: vertical!important;
        -webkit-box-direction: normal!important;
        -ms-flex-flow: column!important;
        flex-flow: column!important;
        margin-bottom: 20px!important;
    }
    .t4-header .t4-price1 {
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      width: 103%;
      padding: 0;
      margin-top: 10px;
    }
    .t4-order-form-item,
    .t4-order-form-media-holder {
        width: 100%;
        margin: 0 auto;
        float: none;
        max-width: 450px;
    }
    .t4-benefits .t4-benefit-item:first-child,
    .t4-advantages .t4-advantage-item:first-child {
        margin-top: 20px;
    }
    .t4-selector-box .t4-selector select {
        font-size: 18px;
        padding: 5px 30px 5px 5px;
        margin-top: 5px;
        max-width: 170px;
    }
    .t4-selector .t4-price2 {
        position: relative;
        top: 10px;
    }
    .specs-item {
        padding: 0 10px;
    }
    .t4-order-form-item {
        padding: 10px 0!important;
    }
    .t4-order-form .t4-order-form-item .t4-order-form-media-holder {
        margin-top: 20px;
    }
    .t4-360-box h2 {
        font-size: 28px;
    }
    .t4-360-box #canvas {
        width: 97%;
        height: 97%;
    }
    .t4-360-box .c034 .c007  {
        position: relative;
        top: -38px;
    }
}
/* MEDIA QUERIES END
------------------------------------------------------- */
/* THE END */.txt-align-left {
  text-align: left !important;
}

.txt-small {
  font-size: 14px;
}

.txt-bold {
  font-weight: 600;
}

.medHold {
  width: 95% !important;
  max-width: 500px !important;
  margin: 0 auto !important;
}

.medHold img {
  width: 95% !important;
  max-width: 500px !important;
  margin: 0 auto !important;
  display: block
}

.rev {
  max-width: 600px !important;
}

.bot-holder {
  width: 90% !important;
  max-width: 500px !important;
  display: block !important;
  float: none !important;
  margin: 30px auto !important;
  border-radius: 5px !important;
}

.bot-holder .bkb-wrapper {
  border: 1px solid #ddd !important;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}


/* ORDER FORM BLACKBOX REGENERATION FIX @=>1.10.2020 */
.contact-form-box {
  position: relative;
}

div#newform div#repp3,
div#newform div#repp33,
div#newform div#repp34 {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100% !important;
  background: #000;
  z-index: 9999999;
  color: #fff;
  opacity: .9;
  font-size: 20px;
  text-align: center;
  line-height: 1.5em;
  font-family: inherit;
  padding-top: 100px;
}

/* COUPONS */

.coupons {
  display: flex;
  justify-content: space-between;
}

.coupon_wrapper {
  width: 100%;
  float: left;
}

.coupon_field {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  text-align: center;
  color: #fff;
  z-index: 99999999999999999;
  font-weight: 900;
}

@media screen and (min-width: 1025px) {
  .coupon_field {
    padding: 5px;
  }
}

.valid_coupon {
  background: #5cb85c;
}

.invalid_coupon {
  background: #ff0000;
}

#checkCoupon {
  float: right;
  font-weight: 600;
  font-size: 19px;
  height: 45px;
  line-height: 45px;
  background-color: #82b541 !important;
  color: #ffffff;
  padding: 0px;
  padding-left: 5px;
  padding-right: 5px;
  cursor: pointer;
  text-indent: 0;
  display: block;
  letter-spacing: -1px;
  font-style: normal;
  text-decoration: none;
  text-align: center;
  /* border-radius: 3px; */
  border: none;
}

#checkCoupon:hover {
  transition: all 0.2s ease;
  background-color: #8fc050 !important;
}

.t8-selector .t8-selector-text .t8-quantity .t8-select .selector-holder {
  margin: 0px !important;
}

/* TOS */

.tosbody {
  padding-top: 130px !important;
}

/* FAQ & 404 page */

.faq {
  padding-top: 130px !important;
}

/* Niche template product of the day image fix */
.selector-slider .slider-wrapper .main-image img {
  max-width: 280px;
}

/* Blured logo fix */

.logo-holder img {
  /* image-rendering: -moz-crisp-edges; Firefox */
  image-rendering: -o-crisp-edges;
  /* Opera */
  image-rendering: -webkit-optimize-contrast;
  /* Webkit (non-standard naming) */
  /* image-rendering: crisp-edges; */
  -ms-interpolation-mode: nearest-neighbor;
  /* IE (non-standard property) */
}


.property-image {
  width: 50px;
}

body .instantAddChecked {
  background-color: #0be881 !important;
}


.send_instant_added {
  position: fixed;
  left: 50%;
  bottom: -10px;
  transform: translate(-50%, -50%);
  margin: 0 auto;
  background-color: #4caf50;
  border: none;
  color: #fff !important;
  padding: 10px;
  text-align: center;
  text-decoration: none;
  font-size: 16px;
  cursor: pointer;
  width: 95%;
  max-width: 600px;
  font-weight: 600;
  line-height: 1.35;
  box-shadow: 0px 6px 17px 24px rgb(0 0 0 / 44%);
  -webkit-box-shadow: 0px 6px 17px 24px rgb(0 0 0 / 44%);
  -moz-box-shadow: 0px 6px 17px 24px rgb(0 0 0 / 44%);
  z-index: 999997;
  border-radius: 10px;
  border: 3px solid #fff;
}

.instant_add {
  margin: 15px auto;
  display: block;
  border: none;
  padding: 10px;
  text-align: center;
  text-decoration: none;
  font-size: 16px;
  cursor: pointer;
  width: 95% !important;
  max-width: 600px;
  font-weight: 600;
  line-height: 1.35;
  box-shadow: 2px 4px 8px 1px rgb(121 121 121 / 20%);
  -webkit-box-shadow: 2px 4px 8px 1px rgb(121 121 121 / 20%);
  -moz-box-shadow: 2px 4px 8px 1px rgb(121 121 121 / 20%);
  z-index: 999997;
  border-radius: 2px;
}

.fixed-btn {
  position: relative;
  display: block;
  justify-content: space-between;
  align-items: center;
  padding: 10px 15px;
  width: 100%;
  text-align: center;
  margin: 0 auto;
}

.buttonItsNo {
  display: block;
  text-decoration: none;
  color: #333353;
  font-size: 18px;
  text-align: center;
  font-weight: 600;
  background: #d2d2d2;
  box-shadow: 0 6px 6px -6px #000;
  border-radius: 3px;
  cursor: pointer;
  border: 1px solid #fff;
  max-width: 600px;
  float: none;
  margin: 30px auto 5px;
}


.discount-bln {
  position: absolute;
  font-weight: bold;
  padding: 5px;
  background: #EA5C3D;
  border-radius: 100px;
  width: 45px;
  height: 45px;
  color: #fff;
  line-height: 33px;
  margin: 5px;
}


/* INSTANT UPSELL MESSAGE TEST START */
.thankyou-heading-instant {
  margin-bottom: 10px;
}

.thankyou-description-instant p {
  margin-bottom: 10px;
}

.fragment {
  font-size: 15px;
  height: auto;
  border: 1px solid #ccc;
  border-radius: 5px;
  display: block;
  padding: 10px;
  box-sizing: border-box;
  text-decoration: none;
  width: 95%;
  max-width: 600px;
  margin: 10px auto;
  float: none;
  color: #333;
  text-align: center;
  line-height: 1.5;
  box-shadow: 2px 4px 8px 1px rgb(121 121 121 / 20%);
  -webkit-box-shadow: 2px 4px 8px 1px rgb(121 121 121 / 20%);
  -moz-box-shadow: 2px 4px 8px 1px rgb(121 121 121 / 20%);
}

.fragment:hover {
  box-shadow: 2px 2px 5px rgba(0, 0, 0, .2);
}

.fragment h3 {
  padding: 0;
  margin: 0;
  color: #000;
  font-size: 32px;
}

#the-close {
  float: right;
  display: inline-block;
  padding: 0;
  background: none;
  color: #000;
  font-size: 24px;
  position: relative;
  top: -10px;
  left: 2px;
}

/* INSTANT UPSELL MESSAGE TEST END */


/* Seasonal text animation start */

.season-banner-wrapper h2 {
  -webkit-animation: color-change 4s infinite;
  -moz-animation: color-change 4s infinite;
  -o-animation: color-change 4s infinite;
  -ms-animation: color-change 4s infinite;
  animation: color-change 4s infinite;
}

@keyframes color-change {
  0% {
    color: white;
  }
  25% {
    color: white;
  }
  50% {
    color: #ea5c3d;
  }
  75% {
    color: #ea5c3d;
  }
  100% {
    color: white;
  }
}
@-webkit-keyframes color-change {
  0% {
    color: white;
  }

  25% {
    color: white;
  }

  50% {
    color: #ea5c3d;
  }

  75% {
    color: #ea5c3d;
  }

  100% {
    color: white;
  }
}

/* Seasonal text animation end */

video {
  max-width: 600px;
  width: 95%;
  margin: 10px auto !important;
}


/* Book package note css fix START */
.t2-availability,
.t2b-availability {
  margin-bottom: 3px !important;
}

.t2-button,
.t2b-button {
  margin-top: 30px !important;
}
.t2b-header-image .circle_holder span:first-child{
  font-size: 22px;
  justify-content: center;
  display: flex;
  align-items: center;
}
.t2b-order-form video{
  width: 100%;
}
.c044 {
  margin-bottom: 10px !important;
}

.books {
  margin: 0 auto;
}

.t1-description-box .the-benefits,
.t1-header .the-benefits {
  max-height: 100% !important;
}

/* Book package note css fix END */



/* Hiding delivery time on tmpl_1 START */
.t1-header .the-benefits .benefit-item:nth-child(2) {
  display: none !important;
}

/* Hiding delivery time on tmpl_1 END */


/* Modal/pop up style START */
div#cp-modal-background {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.75);
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 999999998;
  display: block;
}

div#cp-modal {
  width: 90%;
  max-width: 400px;
  height: fit-content;
  position: fixed;
  top: 15%;
  bottom: 0;
  right: 0;
  left: 0;
  /* inset: 0px; */
  margin: auto;
  padding: 0px 5px 5px;
  background-color: rgb(255, 255, 255);
  box-sizing: border-box;
  z-index: 99999999999;
  text-align: center;
  border: 3px solid #fe9901;
  border-radius: 5px;
}

div#cp-modal button {
  position: absolute;
  top: 5px;
  right: 5px;
  transition: all 200ms;
  font-size: 13px;
  font-weight: bold;
  text-decoration: none;
  color: rgb(51 51 51 / 60%) !important;
  background: none;
  border: none;
  float: right
}

div#cp-modal img {
  width: 100%;
  max-width: 240px;
  margin: 5px auto 0;
  float: none;
  display: block;
}

div#cp-modal h2 {
  color: #f5313b;
  font-weight: 700;
  padding-top: 0;
  padding-bottom: 10px;
  font-size: 17px;
  text-transform: uppercase;
}

div#cp-modal p {
  color: #333;
  font-size: 15px;
  line-height: 1.35;
  width: 97.5%;
  display: block;
  margin: 15px auto;
  float: none;
}

div.coupon-code-holder {
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: fit-content;
  margin: 5px auto 10px;
}

div#cp-modal span:first-child {
  border-right: none;
  padding: 0 10px;
  border-radius: 5px 0px 0px 5px;
  font-size: 16px;
  color: #000000;
  background: #f9f9f9;
  min-height: 35px;
  justify-content: center;
  align-items: center;
  border: 2px dashed #ffdf00;
  border-right: none;
}

div#cp-modal span:last-child {
  border-left: none;
  padding: 0 10px;
  border-radius: 0px 5px 5px 0px;
  font-size: 24px;
  background: #ffdf00;
  min-height: 35px;
  justify-content: center;
  align-items: center;
  color: #000;
}

div#cp-modal span {
  display: inline-flex;
  font-style: normal;
  font-weight: 700;
  margin: 0 auto;
  width: fit-content;
}

div#cp-modal a {
  display: block;
  font-size: 14px;
  color: #999;
  margin: 10px auto 5px;
  font-weight: 300;
  font-style: italic;
}

body .clickA {
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
}

/* Modal/pop up style END */


/* Video feed START */
.video-feed-wrapper {
  /*flex*/
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  /*row*/
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row;
  flex-flow: row;
  /*h-center*/
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  /*v-center*/
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  /* rest */
  max-width: 1000px;
  margin: 0 auto;
  padding: 10px 5px;
}

.video-feed-single {
  /*flex*/
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  /*h-center*/
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  /*v-center*/
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (max-width:768px) {
  .video-feed-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
  }
}

/* Video feed END */

/* Product of the day css */
.daily-product {
  text-align: center;

  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 8px;

  background: #CED8E1 !important;

  /* Inside auto layout */

  flex: none;
  align-self: stretch;
  flex-grow: 0;

  margin: 0;
  padding: 8px 16px;

  width: 100%;
  font-size: 24px;
  line-height: 32px;
}
.daily-product::before,
.daily-product::after {
  content: '';
  display: inline-block;
  width: 32px; /* Set width and height as needed */
  height: 32px;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none"><path d="M9.88469 14.7694C8.53558 14.7694 7.38419 14.2925 6.43052 13.3389C5.47684 12.3852 5 11.2338 5 9.88469C5 8.53558 5.47684 7.38419 6.43052 6.43052C7.38419 5.47684 8.53558 5 9.88469 5C11.2338 5 12.3852 5.47684 13.3389 6.43052C14.2925 7.38419 14.7694 8.53558 14.7694 9.88469C14.7694 11.2338 14.2925 12.3852 13.3389 13.3389C12.3852 14.2925 11.2338 14.7694 9.88469 14.7694ZM9.88469 11.9781C10.4662 11.9781 10.9607 11.7748 11.3682 11.3682C11.7758 10.9616 11.9791 10.4671 11.9781 9.88469C11.9781 9.30318 11.7748 8.80913 11.3682 8.40253C10.9616 7.99594 10.4671 7.79218 9.88469 7.79125C9.30318 7.79125 8.80913 7.99501 8.40253 8.40253C7.99594 8.81006 7.79218 9.30411 7.79125 9.88469C7.79125 10.4662 7.99501 10.9607 8.40253 11.3682C8.81006 11.7758 9.30411 11.9791 9.88469 11.9781ZM22.4453 27.33C21.0962 27.33 19.9448 26.8532 18.9911 25.8995C18.0375 24.9458 17.5606 23.7944 17.5606 22.4453C17.5606 21.0962 18.0375 19.9448 18.9911 18.9911C19.9448 18.0375 21.0962 17.5606 22.4453 17.5606C23.7944 17.5606 24.9458 18.0375 25.8995 18.9911C26.8532 19.9448 27.33 21.0962 27.33 22.4453C27.33 23.7944 26.8532 24.9458 25.8995 25.8995C24.9458 26.8532 23.7944 27.33 22.4453 27.33ZM22.4453 24.5387C23.0268 24.5387 23.5213 24.3355 23.9289 23.9289C24.3364 23.5223 24.5397 23.0278 24.5387 22.4453C24.5387 21.8638 24.3355 21.3698 23.9289 20.9632C23.5223 20.5566 23.0278 20.3528 22.4453 20.3519C21.8638 20.3519 21.3698 20.5556 20.9632 20.9632C20.5566 21.3707 20.3528 21.8647 20.3519 22.4453C20.3519 23.0268 20.5556 23.5213 20.9632 23.9289C21.3707 24.3364 21.8647 24.5397 22.4453 24.5387ZM6.95388 27.33L5 25.3761L25.3761 5L27.33 6.95388L6.95388 27.33Z" fill="%23E73710"/></svg>');
  flex-shrink: 0;
}

/* Hide breadcrumbs */
.crumbs {
  display: none;
}










/*Surprise gift box START*/
.surprise-gift-box {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),
    linear-gradient(0deg, rgba(47, 63, 102, 0.7), rgba(47, 63, 102, 0.7)),
    linear-gradient(180deg, #77B6FF 0%, #113B80 100%),
    linear-gradient(0deg, #EDF1F4, #EDF1F4),
    linear-gradient(0deg, #FEC100, #FEC100),
    linear-gradient(0deg, rgba(255, 255, 255, 0.66), rgba(255, 255, 255, 0.66));
  width: 100%;
  overflow: hidden;
  border-radius: 8px;
  margin: 24px 0 0;
  float: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 16px;
  gap: 10px;
  box-shadow: 0px 0px 10px rgba(14, 14, 33, 0.06), 0px 6px 16px rgba(14, 14, 33, 0.04), 0px 4px 6px rgba(14, 14, 33, 0.04), 0px 2px 2px rgba(14, 14, 33, 0.04);
  position: relative;
  cursor: pointer;
}
.surprise-gift-box::before {
  font-family: Roboto, sans-serif;
  width: 100%;
  text-align: left;
  padding-bottom: 10px;
  border-bottom: 0.5px solid #657785;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  color: #FEFEFE;
}
.surprise-gift-box.added {
  background: linear-gradient(0deg, rgba(47, 63, 102, 0.7), rgba(47, 63, 102, 0.7)), linear-gradient(180deg, #77B6FF 0%, #113B80 100%), linear-gradient(0deg, #EDF1F4, #EDF1F4), linear-gradient(0deg, rgba(255, 255, 255, 0.66), rgba(255, 255, 255, 0.66)), #FEC100;
}
html body .surprise-gift-box .headline {
  padding-top: 0px;
}
.surprise-gift-box .headline {
  padding: 4px 24px !important; /* important because of a template override */
  background: #EA5C3D;
  font-size: 1.2em;

  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  gap: 8px;
  border: 1.4px solid #0B1223;
  border-radius: 4px;
  color: #2f3f66;
  align-self: flex-end;
  margin-top: -47px;
  position: relative;
  width: auto;
}
.surprise-gift-box .headline::after {
  content: url('/svg/hand_pointer.svg');
  position: absolute;
  bottom: -10px;
  right: -10px;
}
.surprise-gift-box.added .headline {
  background-color: #41CC02;
  border: none;
}
.surprise-gift-box.added .headline::after {
  display: none;
}

.surprise-gift-box .headline label[for=surprise-gift] {
  width: 100%;
  cursor: pointer;
  position: relative;
  top: 1px;

  justify-content: center;
}

.surprise-gift-box .headline label[for=surprise-gift]:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  content: "";
  transition: color, ease, .2s;
  max-width: 20px;
  width: 100%;
  height: 20px;
  border-radius: 3px;
  background-color: #fff;
  border: 2px solid #fff;
  /* margin-right:.2em; */
  position: relative;
  top: -3px;
  margin-top: 5px;
  display: none;
}

.surprise-gift-box .headline .text-add {
  color: #000;
  font-weight: 600 !important;
  font-size: 16px !important;
  line-height: 19px;
  background: #fff;
  padding: 0 !important;
  border-radius: 5px;

  visibility: hidden;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.surprise-gift-box .headline .text-add::after {
  visibility: visible;
  position: absolute;
  font-weight: 600;
  font-size: 16px;
  line-height: 19px;
  text-align: right;
  color: #FEFEFE;
  white-space: nowrap;
  font-family: Roboto, sans-serif;
}

.surprise-gift-box .headline .text-add img {
  position: relative;
  top: 3px;

  display: none;
}
.surprise-gift-box .headline .surprise-gift-arrow {
  font-size: 1.8em;
  margin: 0 .1em;
  margin-bottom: 7px;
  color: #fff;
}

.surprise-gift-box .headline .text-surprise-gift-title {
  line-height: 1.2;
  font-size: 20px;
  color: #fff;
  margin-top: 6px;

  display: none;
}

.surprise-gift-box .headline .price-surprise-gift {
  font-weight: 700;
  color: #fff;
  font-size: 23px;

  display: none;
}

.surprise-gift-box .content {
  overflow: hidden;

  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  margin-top: 8px;
}

.surprise-gift-box .content .image-holder {
  width: 100% !important;
  max-width: 107px;
  order: 1;
}

.surprise-gift-box .content .text-holder {
  width: 75%;
}

.surprise-gift-box .content .image-holder img {
  max-width: 60px;
  width: 100%;
  height: fit-content;

  content: url('/svg/mysterybox.svg');
}

.surprise-gift-box .content .text-holder p {
  color: #FEFEFE;
  font-size: 14px;
  line-height: 18px;

  font-family: Roboto, sans-serif;
}

.surprise-gift-box .content .text-holder p b {
  color: #FFF8E1;
}

#remove-surprise-package,
#remove-insurance-package {
  text-decoration: none;
  color: #000;
}

#remove-surprise-package img {
  margin-left: 5px;
}

.payu-modal img {
  margin: 0 auto;
  display: block;
}

.covid-19-disclaimer {
  overflow: hidden;
  top: 10px;
  border-radius: 3px;
}

.surprise-gift-box .content {
  display: flex
}

/*.surprise-gift-box{background-image:url(image.php?static=surprise-bckgrd.png);background-size:cover;background-repeat:no-repeat;background-position:center center;padding:10px 10px 80px}*/
@media(max-width:500px) {
  .surprise-gift-box .headline .text-surprise-gift-title {
    font-size: 14px;
  }

  .surprise-gift-box .headline .text-add {
    font-size: 15px;
  }

  .surprise-gift-box .headline .price-surprise-gift {
    font-size: 19px;
  }
}

/*Surprise gift box END*/

/*Xmas gift box START*/
.xmas-gift-box {
  font-family: "Calibri", Helvetica, Arial, sans-serif !important;
  background-color: #fff;
  border: 1px solid #c9c9c9;
  width: 100%;
  overflow: hidden;
  border-radius: 3px;
  margin: 10px auto 0;
  float: none;
  display: block
}

.xmas-gift-box .headline {
  padding: 2% 1.5%;
  width: 100%;
  background-color: #d60000;
  font-size: 1.2em;
  position: relative;
  justify-content: center;
  justify-items: center;
}

.xmas-gift-box .headline input#xmas-gift {
  margin-right: 5px;
  position: absolute;
  top: 0;
  opacity: 0;
  margin-left: 6px
}

.xmas-gift-box .headline label[for=xmas-gift] {
  width: 100%;
  cursor: pointer;
  position: relative;
  top: 1px;
}

.xmas-gift-box .headline label[for=xmas-gift]:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  content: "";
  transition: color, ease, .2s;
  max-width: 20px;
  width: 100%;
  height: 20px;
  border-radius: 3px;
  background-color: #fff;
  border: 2px solid #fff;
  /* margin-right:.2em; */
  position: relative;
  top: -3px;
  margin-top: 5px;
}

.xmas-gift-box .headline input#xmas-gift:checked+label[for=xmas-gift]:after {
  content: "";
  position: absolute;
  left: 9px;
  top: -5px;
  display: inline-block;
  transform: rotate(40deg);
  height: 28px;
  width: 13px;
  border-bottom: 3px solid #478b05;
  border-right: 3px solid #478b05;
  margin-top: -5.5px;
  border-radius: 2px;
}

.xmas-gift-box .headline .text-add {
  font-weight: bold;
  color: #000;
  font-size: 21px;
  background: #fff;
  padding: 4px 5px;
  border-radius: 5px;
}

.xmas-gift-box .headline .text-add img {
  position: relative;
  top: 3px;
}

.xmas-gift-box .headline .xmas-gift-arrow {
  font-size: 1.8em;
  margin: 0 .1em;
  margin-bottom: 7px;
  color: #fff;
}

.xmas-gift-box .headline .text-xmas-gift-title {
  line-height: 1.2;
  font-size: 20px;
  color: #fff;
  margin-top: 6px;
}

.xmas-gift-box .headline .price-xmas-gift {
  font-weight: 700;
  color: #fff;
  font-size: 29px;
}

.xmas-gift-box .content {
  overflow: hidden;
  padding: 2.5%;
}

.xmas-gift-box .content .image-holder {
  width: 20%;
}

.xmas-gift-box .content .text-holder {
  width: 80%;
}

.xmas-gift-box .content .image-holder img {
  max-width: 60px;
  width: 100%;
  height: fit-content;
}

.xmas-gift-box .content .text-holder p {
  color: #000;
  font-size: 16px;
  line-height: 1.25;
  margin-left: 25px;
  margin-right: 5px;
}

.xmas-gift-box .content .text-holder p b {
  color: #d60000;
}

#remove-xmas-package img {
  margin-left: 5px;
}

.payu-modal img {
  margin: 0 auto;
  display: block;
}

.covid-19-disclaimer {
  overflow: hidden;
  top: 10px;
  border-radius: 3px;
}

.xmas-gift-box .content {
  display: flex
}

/*.surprise-gift-box{background-image:url(image.php?static=surprise-bckgrd.png);background-size:cover;background-repeat:no-repeat;background-position:center center;padding:10px 10px 80px}*/
@media(max-width:767px) {
  .xmas-gift-box .headline input#xmas-gift:checked+label[for=xmas-gift]:after {
    top: -6px;
  }
}

@media(max-width:500px) {
  .xmas-gift-box .headline .text-xmas-gift-title {
    font-size: 14px;
  }

  .xmas-gift-box .headline .text-add {
    font-size: 15px;
  }

  .xmas-gift-box .headline .price-xmas-gift {
    font-size: 19px;
  }
}

/*Xmas gift box END*/

/* messenger chat */
@media (max-width: 575px) {
  .fb_dialog_content>iframe {
    left: 0 !important;
    bottom: 7px !important;
    z-index: 200;
  }

  .sticky-bottom-line {
    z-index: 999999;
  }
}

/* HR kuna/euro fix for subtemplate 9 */

@media (min-width: 330px) and (max-width: 400px) {
  .t9-selector-box .t9-selector .t9-description span:first-child {
    font-size: 24px !important;
  }

  .t9-selector-box .t9-selector .t9-description span:last-child {
    font-size: 30px !important;
    padding: initial !important;
  }
}

/* COD Subscription test for Perishable products START */

.info-modal-container {
  position: fixed;
  z-index: 1000001 !important;
  display: none;
}
.info-modal-container:before {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000002;
  margin: auto;
  content: '';
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,.8);
}
.info-modal {
  position: fixed;
  top: 50%;
  right: auto;
  bottom: auto;
  left: 50%;
  z-index: 1000003;
  transform: translate(-50%,-50%);
  width: calc(100% - 30px);
  max-width: 800px;
  max-height: calc(100vh - 108px - 32px); /* - 2x header height - 2x desired padding */
  overflow: auto;
  margin: auto;
  background: #fff;
}
.info-modal-heading {
  padding: 15px 30px;
  background: #10ac84;
  position: relative;
}
.info-modal-heading p {
  margin: 0;
  line-height: 41.6px;
  font-size: 32px;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
}
.info-modal-close {
  text-transform: uppercase;
  color: #fff;
  position: absolute;
  right: 16px;
  top: 11px;
  font-size: 40px;
  cursor: pointer;
}
.info-modal-text {
  padding: 30px;
}
.info-modal-text h4 {
  margin: 0 0 15px;
  line-height: 28px;
  font-size: 20px;
}
.info-modal-text ul {
  list-style-position: inside;
  list-style-type: disc;
  margin-top: 20px;
  margin-bottom: 15px;
}
.info-modal-text ul li {
  position: relative;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
  margin: auto;
  width: 100%;
  padding-left: 25px;
  list-style: none;
  line-height: 28px;
  font-size: 20px;
}
.info-modal-text ul li:not(:last-of-type) {
  margin-bottom: 10px;
}
.info-modal-text ul li:before {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  line-height: 15px;
  text-align: center;
  background: #10ac84;
  position: absolute;
  top: 6px;
  right: unset;
  bottom: unset;
  left: 0;
  z-index: 0;
  margin: auto;
  content: '';
}
.info-modal-text p {
  margin: 20px 0 0;
  line-height: 28px;
  font-size: 16px;
}
.info-modal-image img {
  max-height: 450px;
  margin: 0 auto 30px;
  display: block;
  max-width: 100%;
}
@media screen and (max-width: 768px) {
  .t11-header .t11-wrapper{
    padding-top: 20px;
  }
  .info-modal-heading {
      padding: 15px 42px 15px 20px;
  }
  .info-modal-heading p {
      line-height: 31.2px;
      font-size: 24px;
  }
  .info-modal-close {
      font-size: 32px;
  }
  .info-modal-text {
      padding: 20px 20px 0;
  }
  .info-modal-text h4 {
      line-height: 22.4px;
      font-size: 16px;
  }
  .info-modal-text ul li {
      line-height: 22.4px;
      font-size: 16px;
  }
  .info-modal-text p {
      font-size: 14px;
      line-height: 22.4px;
  }
  .info-modal-image img {
      max-height: unset;
      padding: 0 30px;
  }
  .daily-product {
    font-size: 16px;
    line-height: 20px;
  }
  #videodiv{
    margin-top: 5px;
  }
}
@media screen and (max-width: 360px) {
  .discount-bln {
    font-size: 15px;
  }

}
/* COD Subscription test for Perishable products END */

/* Tmpl11 redesign mob gallery & phone code & truck icon fix START */
.c061 > .c037 + .c037,
.cstm_c_h_inner > .phone-oper-note + .phone-oper-note {
  display: none !important;
}  
.t11-header .t11-header-text .cod-wr span::before {
  content: '';
}
/* Tmpl11 redesign mob gallery & phone code & truck icon fix END */


/* pulising animation on main btn  */
@keyframes pulse {
  0% {
      transform: scale(1);
  }
  50% {
      transform: scale(1.05);
  }
  100% {
      transform: scale(1);
  }
}

.orderButton.ws_submit_btn,
.sticky-bottom-button {
  display: inline-block;
  animation: pulse 1.5s infinite;

}
/*  GENERAL.CSS
*********************************************
***********************************************
***********************************************
***********************************************
***********************************************
***********************************************
***********************************************
***********************************************
*/
/* STYLESHEET RESET START
------------------------------------------------------- */
abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: 0 0;
}
*,
:after,
:before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
*, :after, :before {
    box-sizing: inherit;
}
body {
    font-family: Calibri, Helvetica, Arial, sans-serif;
    line-height: 1.3;
}
h1, h2, h3, h4, h5, h6, p {
  line-height: 1.15;
}
/* STYLESHEET RESET END
------------------------------------------------------- */
/* PREDEFINED CSS START
------------------------------------------------------- */
/* Margins*/
.mrg-0 {
    margin: 0;
}
.mrg-small  {
  margin: 10px;
}
.mrg-medium  {
  margin: 20px;
}
.mrg-large  {
  margin: 30px;
}
.mrg-top-small  {
  margin-top: 10px;
}
.mrg-top-medium  {
  margin-top: 20px;
}
.mrg-top-large  {
  margin-top: 30px;
}
.mrg-bottom-small  {
  margin-bottom: 10px;
}
.mrg-bottom-medium  {
  margin-bottom: 20px;
}
.mrg-bottom-large  {
  margin-bottom: 30px;
}
/* Paddings */
.pdn-0 {
    padding: 0;
}
.pdn-small  {
  padding: 10px;
}
.pdn-medium  {
  padding: 20px;
}
.pdn-large  {
  padding: 30px;
}
.pdn-top-small  {
  padding-top: 10px;
}
.pdn-top-medium  {
  padding-top: 20px;
}
.pdn-top-large  {
  padding-top: 30px;
}
.pdn-bottom-small  {
  padding-bottom: 10px;
}
.pdn-bottom-medium  {
  padding-bottom: 20px;
}
.pdn-bottom-large  {
  padding-bottom: 30px;
}
/* Bold*/
.bold {
  font-weight: 700;
}
.semibold {
  font-weight: 600;
}
.notbold {
  font-weight: 500;
}
.uppercase {
  text-transform: uppercase;
}
@media screen and (max-width:768px){
  h1, h2, h3, h4, h5, h6, p {
    margin-top: 0;
    margin-bottom: 0;
  }
  /* Margins */
  .mrg-small  {
    margin: 5px;
  }
  .mrg-medium  {
    margin: 10px;
  }
  .mrg-large  {
    margin: 15px;
  }
  .mrg-top-small  {
    margin-top: 5px;
  }
  .mrg-top-medium  {
    margin-top: 10px;
  }
  .mrg-top-large  {
    margin-top: 15px;
  }
  .mrg-bottom-small  {
    margin-bottom: 5px;
  }
  .mrg-bottom-medium  {
    margin-bottom: 10px;
  }
  .mrg-bottom-large  {
    margin-bottom: 15px;
  }
  /* Paddings */
  .pdn-small  {
    padding: 5px;
  }
  .pdn-medium  {
    padding: 10px;
  }
  .pdn-large  {
    padding: 15px;
  }
  .pdn-top-small  {
    padding-top: 5px;
  }
  .pdn-top-medium  {
    padding-top: 10px;
  }
  .pdn-top-large  {
    padding-top: 15px;
  }
  .pdn-bottom-small  {
    padding-bottom: 5px;
  }
  .pdn-bottom-medium  {
    padding-bottom: 10px;
  }
  .pdn-bottom-large  {
    padding-bottom: 15px;
  }
}
/* PREDEFINED CSS END
------------------------------------------------------- */
/* FLEX START
------------------------------------------------------- */
.parent {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
}
.row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row;
  flex-flow: row;
}
.column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
}
.h-center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.v-center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.between {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.wrap {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.flex-1 {
  flex: 1;
}
.flex-2 {
  flex: 2;
}
.flex-3 {
  flex: 3;
}
.flex-4 {
  flex: 4;
}
.flex-5 {
  flex: 5;
}
.flex-6 {
  flex: 6;
}
.order-1 {
  order:1;
}
.order-2 {
  order:2;
}
.center {
  text-align: center;
}
.talign-l {
  text-align: left;
}
.w-100 {
  width: 100%;
}
/* FLEX END
------------------------------------------------------- */





/* COLORS.CSS
*********************************************
***********************************************
***********************************************
***********************************************
***********************************************
***********************************************
***********************************************
***********************************************
*/

/* BRAND #2*/
/* BACKGROUND COLORS START
------------------------------------------------------- */
.bg-color-primary {
    background-color: #2b4369!important;
}
.bg-color-secondary {
    background-color: #f9f9f9!important;
}
.bg-color-tertiary {
    background: transparent linear-gradient(180deg,#0000004A 0%,#FFFFFF00 29%,#FFFFFF00 71%,#0000004A 100%) 0% 0% no-repeat padding-box!important;
    background-color: rgb(13,0,72)!important;
}
.bg-color-black {
    background-color: #000000!important;
}
.bg-color-white {
    background-color: #ffffff!important;
}
.bg-color-action {
    background: #f4d078!important;
    background: -webkit-linear-gradient(top,#f7dfa5,#f0c14b)!important;
    background: linear-gradient(to bottom,#f7dfa5,#f0c14b)!important;
}
.bg-color-action:hover {
    background: -webkit-linear-gradient(top,#f0c14b,#f7dfa5)!important;
    background: linear-gradient(to bottom,#f0c14b,#f7dfa5)!important;
}
.bg-color-action-2 {
    background: #fff352!important;
}
/* BACKGROUND COLORS END
------------------------------------------------------- */

/* TEXT COLORS START
------------------------------------------------------- */
.txt-color-primary {
    color: #ffffff!important;
}
.txt-color-secondary {
    color: #2b4369!important;
}
.txt-color-black {
    color: #000000!important;
}
.txt-color-white {
    color: #ffffff!important;
}
.txt-color-action {
    color: #000000!important;
}
/* TEXT COLORS END
------------------------------------------------------- */



/* EXTRAS.CSS
*********************************************
***********************************************
***********************************************
***********************************************
***********************************************
***********************************************
***********************************************
***********************************************
*/
/* ANSWERLY BOT CSS START
------------------------------------------------------- */
.rev {
  max-width: 600px!important;
}
.bot-holder {
    width: 90%!important;
    max-width: 500px!important;
    display: block!important;
    float: none!important;
    margin: 30px auto!important;
    border-radius: 5px!important;
}
.bot-holder .bkb-wrapper {
    border: 1px solid #ddd!important;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}
/* ANSWERLY BOT CSS END
------------------------------------------------------- */
/* FIXES CSS START
------------------------------------------------------- */
.fb-comments-box-section-bg {
  display: none;
}
.c049 {
  width: 100%;
}
/* FIXES CSS END
------------------------------------------------------- */

/* TEMP BRAND CSS START
------------------------------------------------------- */
.contactButton {
    -moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
    background: -webkit-linear-gradient(top,#f7dfa5,#f0c14b)!important;
    background: linear-gradient(to bottom,#f7dfa5,#f0c14b)!important;
    -webkit-border-top-left-radius: 6px;
    -moz-border-radius-top-left: 6px;
    border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -moz-border-radius-top-right: 6px;
    border-top-right-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    -moz-border-radius-bottom-right: 6px;
    border-bottom-right-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-radius-bottom-left: 6px;
    border-bottom-left-radius: 6px;
    text-indent: 0;
    display: block;
    margin: 0 auto;
    color: #000000!important;
    font-family: "Calibri", "Helvetica Neue", Arial, sans-serif;
    font-size: 24px;
    letter-spacing: -1px;
    font-weight: bold;
    font-style: normal;
    height: 54px;
    line-height: 53px;
    text-decoration: none;
    text-align: center;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    float: none;
    box-shadow: 0 6px 6px -6px #000;
}
.contactButton:hover {
     background: -webkit-linear-gradient(top,#f0c14b,#f7dfa5)!important;
    background: linear-gradient(to bottom,#f0c14b,#f7dfa5)!important;
}
.c034 .c041 {
    background: #f4d078!important;
    background: -webkit-linear-gradient(top,#f7dfa5,#f0c14b)!important;
    background: linear-gradient(to bottom,#f7dfa5,#f0c14b)!important;
    color: #000!important;
     box-shadow: 0 6px 6px -6px #000;
}
.c034 .c041:hover {
    background: #f4d078!important;
    background: -webkit-linear-gradient(top,#f0c14b,#f7dfa5)!important;
    background: linear-gradient(to bottom,#f0c14b,#f7dfa5)!important;
}
.circle_span {
    top: 120px!important;
    text-align: center;
}
.c034 {
    margin-top: 60px;
}
.c071 {
  background-color: #2B4369!important;
}

.c058 .c070 a {
    box-shadow: none!important;
    background: -webkit-linear-gradient(top,#f7dfa5,#f0c14b)!important;
    background: linear-gradient(to bottom,#f7dfa5,#f0c14b)!important;
    border:none!important;
    color: #000!important;
}
.c058 .c070 a:hover {
    background: -webkit-linear-gradient(top,#f0c14b,#f7dfa5)!important;
    background: linear-gradient(to bottom,#f0c14b,#f7dfa5)!important;
}

div.header-wrapp {
  background-color: #EF6547!important;
} 

.c005 {
    padding-top: 90px!important;
}


/* ADDITIONAL */
.product_img {
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
    float: none;
    display: block;
}
.order_title {
    font-size: 34px;
    text-align: center;
    line-height: 1;
    margin: 20px auto;
}
.c076 .c007,
.c076 .c008, 
.c075 {
   display: inline-block!important;
   width: 48%;

}
.c076 .c007 {
  float: right;
}
.c076 .c008 {
  float: left;
}
.t1-order-form-item,
.t8-order-form-item,
.t5-order-form-item  {
    width: 45%;
}
.c077 {
    background-color: #fff0!important;
    max-width: 1000px;
    margin: 0 auto;
}
.t8-order-form .t8-order-form-item .t8-order-form-media-holder img,
.product_img,
.video_hold {
    margin-top: 60px!important;
}
.t8-media-warranty .product_img {
    margin-top: 0!important
}
.c034 .c037 img.product_img {
    margin-top: 0px!important;
}
.t5-header .the-benefits {
  width: 95%;
}
.t5-header .the-benefits a,
.t5-description-box .the-benefits a {
    width: 96%;
}
.t5-advantage-text h4,
.t5-benefit-text h4 {
  margin-bottom: 10px;
}
.contact-form-top {
  display: none
}
.bot-holder {
  clear: both
}
.c008 img {
  max-width: 600px;
  width: 100%;
}
.c034 .c037 img {
  max-width: 600px
}
.c075 {
  margin-bottom: 0!important
}
.slick-prev, .slick-next {
  box-sizing: border-box!important;
}
.t1-360-box,
.t1-social-comments-box {
  display: none!important
}
.medHold {
  width: 95%!important;
  max-width: 500px!important;
  margin: 0 auto!important;
}
.c049 .bold:first-child,
.selector-holder .mrg-bottom-small:first-child {display: none!important}
@media (max-width: 767px) {
  .c076 .c007, .c076 .c008, .c075 {
      display: block!important;
      width: 99%;
      margin: 0 auto;
  }
  .t1-order-form-item,
  .t8-order-form-item,
  .t5-order-form-item  {
    width: 100%;
  }
  .t8-order-form .t8-order-form-item .t8-order-form-media-holder img,
  .product_img,
  .video_hold  {
    margin-top: 20px!important;
  }
  .product_img {
    margin-top: 20px!important;
  }
  .c034 .c037 img.product_img {
    margin-top: 0px!important;
  }
  .form-bonus {
    width: 95%!important;
  }
  .button-contact {
    width: 99%!important;
  }
  span.circle_span {
    top: 110px!important;
  }
}
/* TEMP BRAND CSS END
------------------------------------------------------- */