/* GENERAL TEMPLATE CSS START
------------------------------------------------------- */
.t2-wrapper,
.wrapper {
    max-width: 1370px;
    width: 97%;
}
/* GENERAL TEMPLATE CSS END
------------------------------------------------------- */
/* HEADER BOX END
------------------------------------------------------- */ 
.t2-header {
    padding-top: 105px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .15);
    background: linear-gradient(180deg, rgba(2,0,36,1) 0%, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 47%, rgba(255,255,255,1) 80%, rgba(255,255,255,1) 89%, rgba(255,255,255,1) 94%, rgba(232,232,232,1) 100%, rgba(235,235,235,1) 100%);
}
.t2-header .t2-header-image {
  position: relative;
}
.t2-header .t2-header-image img{
    max-width: 600px;
    width: 100%;
}
.t2-header .t2-header-image img.product_img {
    margin-top: 0!important;
}
.t2-header-image .img1 img {
    display: none;
}
.t2-header .circle-span {
    position: absolute;
    left: 10%;
    top: 6%;
    font-size: 18px;
    border-radius: 100%;
    height: 60px;
    line-height: 60px;
    width: 60px;
    text-align: center;
}
.t2-header h1 {
    font-size: 44px;
    margin-bottom: 10px;
    font-weight: 600;
}
.t2-header .t2-textual p {
    font-size: 18px;
    line-height: 1.5;
    font-weight: 500;
}
.t2-header .t2-stars img {
    width: 130px;
    position: relative;
    top: 7px;
    margin: 0 3px 0 0;
}
.t2-header .t2-stars span {
    font-weight: 400;
    font-size: 20px;
}
.t2-header .t2-price-before-discount {
    margin-right: 7px;
    position: relative;
    top: 3px;
    text-decoration: line-through;
    font-size: 24px;
}
.t2-header .t2-price-after-discount {
    margin-right: 7px;
    color: #0d75bc;
    font-size: 32px;
}
.t2-header .t2-postage {
    position: relative;
    top: 5px;
}
.t2-header .t2-order-date p {
    font-size: 14px;
}
.t2-header .t2-order-date span, 
.t2-header .t2-postage span {
    color: #0d75bc;
}
.t2-header .t2-select span {
    font-size: 22px;
    margin-right: 10px;
    margin-bottom: 3px;
    font-weight: 700;
    display: block;
}
.t2-header .c051 {
    margin-bottom: 15px;
}
.t2-header .t2-select select {
    border: 1px solid #ffffff;
    cursor: pointer;
    font-size: 20px;
    padding: 3px 15px;
    width: 100%;
    max-width: 100px;
    box-shadow: 0px 1px 3px rgba(50, 50, 50, 0.75);
}
.t2-header .t2-blinkes span {
    color: #0d75bc;
    font-size: 17px;
    font-weight: 900;
    margin-left: 5px;
}
.t2-header .t2-availability p {
    font-size: 17px;
    font-weight: 900;
    margin: 0;
}
.t2-header .t2-button-holder {
    width: 100%;
    text-align: center;
}
.t2-header .t2-button {
    width: 100%;
    max-width: 650px;
    cursor: pointer;
    border: none;
    box-shadow: 0px 1px 5px -2px rgba(5, 5, 5, 0.75);
    font-size: 32px;
    font-weight: 700;
    text-decoration: initial;
}
/* HEADER BOX END
------------------------------------------------------- */ 
/* 360 BOX START
------------------------------------------------------- */
.t2-360-box {
    margin-top: 20px;
}
.t2-360-box h2 {
    font-size: 26px;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.t2-360-box #canvas {
    width: 100%;
    height: 580px;
}
.t2-360-box .logo-icon {
    width: 100%;
    position: relative;
    top: -37px;
    background: rgb(255 255 255 / 25%);
}
.t2-360-box .logo-icon img {
    width: 60px!important;
}
@media (max-width: 479px) {
    .t2-360-box #canvas {
        width: 97%;
        height: 97%;
    }
    .t2-360-box .c034 .c007  {
        position: relative;
        top: -38px;
    }
}
/* 360 BOX END
------------------------------------------------------- */
/* BENEFIT BOX START
------------------------------------------------------- */
.t2-benefit-box {
    text-align: center;
}
.t2-benefit-item {
    max-width: 600px;
}
.t2-benefit-item .c027 {
    margin-top: 50px;
}
.t2-benefit-box .t2-benefit-item div div:first-child {
    margin-top: 0;
}
.t2-benefit-box .t2-benefit-item img {
    width: 100%;
}
.t2-benefit-item h2 {
    font-size: 26px;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.t2-benefit-item p {
    font-size: 18px;
    line-height: 1.35;
    margin-bottom: 10px;
}
/* BENEFIT BOX END
------------------------------------------------------- */
/* SOCIAL COMMENTS BOX START
------------------------------------------------------- */
.t2-social-comments-box {
    
}
.t2-social-comments-box h2 {
    font-size: 26px;
    text-transform: uppercase;
    margin-bottom: 10px;
}
/* SOCIAL COMMENTS BOX END
------------------------------------------------------- */
/* ORDER FORM BOX START
------------------------------------------------------- */ 
.t2-order-form-box {
    background: rgb(255,255,255);
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(247,247,247,1) 0%, rgba(255,255,255,1) 13%, rgba(255,255,255,1) 23%, rgba(255,255,255,1) 35%, rgba(255,255,255,1) 53%, rgba(255,255,255,1) 83%, rgba(255,255,255,1) 87%);
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(247,247,247,1) 0%,rgba(255,255,255,1) 13%,rgba(255,255,255,1) 23%,rgba(255,255,255,1) 35%,rgba(255,255,255,1) 53%,rgba(255,255,255,1) 83%,rgba(255,255,255,1) 87%);
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(247,247,247,1) 0%,rgba(255,255,255,1) 13%,rgba(255,255,255,1) 23%,rgba(255,255,255,1) 35%,rgba(255,255,255,1) 53%,rgba(255,255,255,1) 83%,rgba(255,255,255,1) 87%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .15);
}
.t2-order-form-box h2 {
    font-size: 34px;
    text-align: center;
    line-height: 1;
}
.t2-order-form-box h2 {
    font-size: 34px;
    text-align: center;
    line-height: 1;
}
.t2-order-form-item {
    width: 45%;
}
.t2-order-form .t2-order-form-item .t2-order-form-media-holder img {
    width: 100%;
    max-width: 500px;
}
.t2-order-form .t2-order-form-item .t2-order-form-media-holder {
    max-width: 600px;
    margin-top: 60px;
}
.labtit {
    display: none;
}
span.agreement {
    margin-top: 5px;
}
/* ORDER FORM BOX END
------------------------------------------------------- */ 
/* TABLE BOX START
------------------------------------------------------- */ 
.table-holder  table td,
.table-holder  table th{
    color: #000;
    padding: 10px;
    text-align: center;
    font-size: 15px;
    border: 1px solid #000;
}
.table-holder table {
    border-collapse: collapse;
    margin-top: 5px;
}
.table-holder table, th, td {
    border: 1px solid black;
}
.table-holder table tr td.velicina-t{
    padding-top: 20px;
}
.table-holder .table-title h3 {
    font-size: 20px;
    font-weight: 600;
}
.table-holder p {
    margin: 10px 0;
    font-size: .9em;
}
/* TABLE BOX END
------------------------------------------------------- */ 
/* MEDIA QUERIES START
------------------------------------------------------- */
@media screen and (max-width:768px){
    .t2-logo {
        max-width: 120px;
        max-height: 35px;
        position: relative;
        top: 3px;
    }
    div.t2-order-form-item {
        width: 100%;
        padding: 0; 
    }
    .t2-order-form .t2-order-form-item .t2-order-form-media-holder {
        margin-top: 10px
    }
    .t2-header h1 {
        font-size: 32px;
    }
    .t2-header .t2-header-image {
      padding: 0;
    }
    .t2-header .circle-span {
      left: 1%;
      top: 2%;
    }
    .t2-header .t2-button {
        font-size: 24px;
    }
    .t2-header .t2-wrapper {
        flex-flow: column;
    }
    .t2-header .t2-postage span {
        font-size: 14px
    }
    .t2-button {
        line-height: 32px;
        font-size: 16px;
    }
    .t2-header .t2-price-after-discount {
        font-size: 28px;
    }
    .t2-header .t2-price-before-discount {
        font-size: 20px;
        top: 3px;
    }
    .t2-header .t2-textual p {
        font-size: 18px;
        line-height: 1.3;
    }
    .t2-benefit-box .t2-benefit-item p {
        font-size: 18px;
        line-height: 1.3;
        margin-bottom: 0;        
    }
    .t2-order-form-item,
    .t2-order-form-media-holder {
        width: 100%;
        margin: 0 auto;
        float: none;
        max-width: 450px;
    }
    .t2-benefit-item {
        margin-bottom: 20px;
    }
    .t2-header .t2-stars {
        margin-bottom: 15px;
    }
    .t2-header .t2-select span {
        font-size: 20px;
    }
    .t2-header .t2-blinkes span,
    .t2-header .t2-availability p {
        font-size: 15px;
    }
    .images_holder img {
        max-width: 100%;
    }
    .c065 img {
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        max-width: 340px;
        display: block;
        float: none;
    }
    .table-holder{
        float: none;
        display: block;
        width: 100%;
        border: none;
        max-width: 100%;
    }
    .table-holder table{
        float: none;
        display: block;
        width: 100%;
        border: none;
        max-width: 100%;
    }
    .t2-benefit-item .c027 {
       margin-top: 30px;
    }
    .table-holder table td, .table-holder table th {
        padding: 8px 3px!important;
        font-size: 13px!important;
    }
    .table-fill{
        overflow-x: auto;
    }
}
.table-holder img {
    max-width: 300px;
    width: 100%;
}

.table-holder p {
    font-size: 18px;
    margin-bottom: 30px;
}

@media screen and (max-width:768px) {
    .table-holder img {
        display: block;
        margin: 0 auto;
    }
}
/* MEDIA QUERIES END
------------------------------------------------------- */
/* DAS ENDE */.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;

}
/* GLOBAL CSS SETTINGS START
------------------------------------------------------- */
.article,.footer,a,abbr,acronym,address,applet,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,form,h1,h2,h3,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video {
  margin:0;
  padding:0;
  border:0;
  vertical-align:baseline
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
body,
html {
  font-family: 'Roboto', sans-serif !important;
  font-weight: 400;
  overflow-x: hidden;
}
::-moz-selection {
  background: #000000;
  color: #fff;
}
::selection {
  background: #000000;
  color: #fff;
}
table {
  background-color: transparent;
  border-spacing: 0;
  border-collapse: collapse;
}
a,
a:link,
a:visited,
a:active,
a:hover {
  cursor: pointer;
  text-decoration: none;
  outline: none;
}
a {
  color: #337ab7;
}
.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: middle;
  border-top: 1px solid #ddd;
}
.h3,
h3 {
  font-size: 24px;
}
ul {
  list-style: disc;
}
input,
textarea,
select {
  font-weight: 300;
  border-radius: 0;
}
.clear {
  clear: both;
  overflow: hidden;
  height: 0px;
  font-size: 0px;
  display: block;
}
.txt-center {
  text-align: center;
}
.w-100 {
  width: 100%
}
.nopad {
  padding: 0;
}
.nomargin {
  margin: 0;
}
.rr {
  margin: 0px;
  padding: 0px;
}
.capitalize {
  text-transform: capitalize;
}
.uppercase {
  text-transform: uppercase;
}
.txt-center {
  text-align: center;
}
/* GLOBAL CSS SETTINGS END
------------------------------------------------------- */
/* BACKGROUND COLORS START
------------------------------------------------------- */
.bg-color-primary {
  background-color: #2f3f66;
}
.bg-color-secondary {
  background-color: #fefefe;
}
.bg-color-tertiary  {
  background-color: rgb(13,0,72)!important;
}
.bg-color-black {
  background-color: #000000;
}
.bg-color-white {
  background-color: #ffffff;
}
.bg-color-action,
.bg-color-action-1 {
  background: #2f3f66;
}
.bg-color-action-2 {
  background: #f4d078;
}
.border-color-1 {
    border-color: #2b4369;
}
/* BACKGROUND COLORS END
------------------------------------------------------- */
/* TEXT COLORS START
------------------------------------------------------- */
.txt-color-primary {
  color: #ffffff;
}
.txt-color-secondary {
  color: #2b4369;
}
.txt-color-tertiary {
  color: #000000;
}
.txt-color-black {
  color: #000000;
}
.txt-color-white,
.txt-white {
  color: #ffffff!important;
}
.txt-color-gray {
  color: #999999!important
}
html body .txt-color-action,
.txt-color-action-1 {
  color: #fefefe !important;
}
.txt-color-action-2 {
  color: #000000;
}
/* TEXT COLORS 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;
}
.space-around {
  -ms-flex-pack: distribute;
  justify-content: space-around;
}
.space-evenly {
  -webkit-box-pack: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
}
.between {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.strech {
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}
.flex-1 {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.flex-2 {
  -webkit-box-flex: 2;
  -ms-flex: 2;
  flex: 2;
}
.flex-3 {
  -webkit-box-flex: 3;
  -ms-flex: 3;
  flex: 3;
}
.flex-4 {
  -webkit-box-flex: 4;
  -ms-flex: 4;
  flex: 4;
}
.flex-5 {
  -webkit-box-flex: 5;
  -ms-flex: 5;
  flex: 5;
}
.flex-6 {
  -webkit-box-flex: 6;
  -ms-flex: 6;
  flex: 6;
}
.order1 {
  order: 1;
}
.order2 {
  order: 2;
}
.wrap {
  -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.nowrap {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
/* FLEX 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;
}
.mrg-lateral-small {
  margin-left: 7px;
  margin-right: 7px;
}
.mrg-lateral-medium {
  margin-left: 10px;
  margin-right: 10px;
}
.mrg-lateral-large {
  margin-left: 20px;
  margin-right: 20px;
}
/* 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;
}
.pdn-lateral-small {
  padding-left: 7px;
  padding-right: 7px;
}
.pdn-lateral-medium {
  padding-left: 10px;
  padding-right: 10px;
}
.pdn-lateral-large {
  padding-left: 20px;
  padding-right: 20px;
}
/* Bold*/
.bold {
  font-weight: 700!important;
}
.semibold {
  font-weight: 600!important;
}
.notbold {
  font-weight: 500!important;
}
.italic {
  font-style: italic;
}
@media screen and (max-width:768px) {
  /* 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
------------------------------------------------------- */
/* CSS FIXES START
------------------------------------------------------- */

/* BUNDLE BOX CSS START
------------------------------------------------------- */
.page-free-bundle-main {
  position: relative;
  max-width: 700px;
  width: 100%;
  height: auto;
  margin: 15px auto 72px;
  transition: all .15s ease-out;
  box-sizing: border-box;
  display: block;
}

.page-free-bundle {
  position: relative;
  max-width: 500px;
  width: 100%;
  height: auto;
  margin: 0 auto;
  outline: none;
  background: #fff;
  box-sizing: border-box;
  border:none!important;
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25) !important;
  border-radius: 10px 10px 0px 0px !important;
}


.free-bundle-info {
  padding: 10px;
}

.page-free-bundle .bundle-img img{
  width: 115px;
  margin-right: 5px;
}

.page-free-bundle .free-bundle-title {
  text-align: center;
  font-size: 30px;
  font-weight: 700;
  border-radius: 1px 1px 0px 0px;
  text-transform: none !important;
  padding: 3px 0px;
  color: #000;
}

.free-bundle-title-wrapp {
  border-radius: 10px 10px 0px 0px !important;
  background-color: #FFC107 !important;
}

.bundle-product-info-head {
 font-weight: 700;
 font-size: 18px;
 margin-bottom: 5px;
}

.bundle-product-info-txt {
  width: 93%;
}

.page-free-bundle-gift {
  position: absolute;
  bottom: -42px;
  right: -65px;
  width: fit-content;
  height: fit-content;
}

.page-free-bundle-gift img {
  max-width: 95px;
  width: 100%;
}


@media screen and (max-width:769px) {
  .page-free-bundle .free-bundle-info {
    flex-flow: column;
}
  .page-free-bundle-main {
    margin: 65px auto 27px;
  }

  .free-bundle-title {
    text-align:center;
  }
  
  .page-free-bundle .free-bundle-title {
    font-size:24px;
  }

  .page-free-bundle-gift {
      top: -62px;
      left: 43%;
  }

  .bundle-img img {
    max-width: 130px !important;
    width: 100%!important;
  }

  .page-free-bundle-gift img {
      max-width: 65px;
      width: 100%;
    }

    .free-bundle-info {
      padding: 15px 30px 12px 30px;
    }

  .bundle-product-info {
      margin: 0px !important;
  }

  .bundle-product-info-head {
      text-align: center;
  }

  .bundle-product-info-txt {
      width: 100%;
      text-align: center;
}
    
}

@media screen and (max-width:360px) {
  .page-free-bundle-gift {
    left: 42%;
  }
}


/* BUNDLE BOX CSS END
------------------------------------------------------- */


:root {
  --banner-height: 56px;
}

.ws-frilla-main-wrapper {
  padding-top: calc(181px - var(--banner-height));
  position: relative;
}
html body .crumbs{
  padding-top: 150px;
}

/* MOB FLOATER */
.sticky-bottom-line {
    width: 100%!important;
    bottom: 0!important;
}
.product_img {
  width: 100%;
}
@media only screen and (max-width: 767px) {
    html body .t8-header{
      padding-top: 100px!important
    }
    body div.chat-box {
        bottom: 0!important;
    }
}

/* HIDE SOCIAL COMMENTS */
#social_comments {display:none;}

/* BREADCRUMBS */
.categories-link {
  display: none;
}
.crumbs {
  background: #fff;
  padding: 0 5px;
  max-width: 1370px;
  margin: 0 auto;
}
.crumbs a {
  color: #a9a9a9;
}

/* HEADER */
body .brend-header {padding:0!important;margin-top: 107px !important;}
.sorting {
  margin-bottom: 15px;
}
.ws-frilla-wrapper {
  padding: 0;
}


/* BUTTONS */
html body .button-brend button {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 12px 64px !important;
  gap: 8px;
  background: #04a145;
  box-shadow: 0 0 10px rgba(14, 14, 33, 0.06),
    0 6px 16px rgba(14, 14, 33, 0.04), 0 4px 6px rgba(14, 14, 33, 0.04),
    0 2px 2px rgba(14, 14, 33, 0.04) !important;
  border-radius: 8px !important;
  font-weight: 600 !important;
  font-size: 20px !important;
  line-height: 23px;
  color: #fefefe !important;
  width: 100% !important;
  max-width: 600px;
}
html body .button-brend button::after {
  content: url(/svg/material-symbols_shopping-cart.svg);
  margin-top: -1px;
}
.button-brend button, .button-brend a {
  border: none;
  font-size: 18px;
  font-weight: 700;
  box-shadow: 0 6px 6px -6px #000;
  padding: 10px 30px;
  width: 100%;
  text-align: center;
  letter-spacing: 1px;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
  border-radius: 5px;
  cursor: pointer;
  max-width: 490px;
  color: #ffffff;
  font-family : inherit;
}

/* VIDEO BLOCK */
.c073 {
  max-width: 600px;
  margin: 0 auto;
}

.brend-colors {
  background-color:#fbedeb;
  color: #000!important;
}

.brend-colors1 {
  background-color:#000000;
  color: #ffffff!important;
}

/* CHAT BUBBLE OFF */
.custom-chat-bubble {
  display: none!important;
}

/* GLOBAL SUBTEMPLATES CSS FIXES */
.first-line h3 {
  margin: 0!important;
}
.sticky-bottom-line {
  padding: 10px 1.5%!important
}
.t3-button {
  top: 0!important
}
.button-brend {
  margin-bottom: 20px
}
.button-brend a {
  width: 95%!important
}
div.chat-box div.chat-box-wrap div.chat {
  margin-left: 5px;
  margin-right: 7px!important;
}
.sticky-bottom-price {
  margin-left: 50px!important
}
.c049 {
  width: 100%
}
.ft_l1_wrap {
  margin: 0 auto!important;
}
.ft_l1_main_wrap_3 img.footer-logo {
  margin-top: 0!important
}
.ft_l1_main_wrap_3 {
  margin-top: 0!important;
  padding: 20px 0
}
.ft_l1_main_wrap_3 h5 {
  text-transform: inherit!important
}
#phone-chat,
#whatsapp {
  display: none!important;
}
button.slick-prev, button.slick-prev:hover,
button.slick-next, button.slick-next:hover {
  color: transparent!important;
}
@media (max-width: 767px) {
  .ft_l1_main_wrap_4 {
    padding-top: 10px!important;
    padding-bottom: 60px!important
  }
  html body .button-brend button {
    max-width: none;
    font-size: 16px !important;
    line-height: 19px;
  }
}
.c049 .bold:first-child,
.selector-holder .mrg-bottom-small:first-child {display: none!important}
/*color fixes start*/
.t9-warranty-box,
.t9-testimonials-box,
.t9-benefit-box,
.t9-selector-box {
    width: 100%
}
.t9-header {
    padding-bottom: 0!important
}
.t9-header .t9-header-text .t9-header-alert {
      border: 2px solid #aa4465!important;
}
 button {
  color: #000;
}
@media (max-width: 767px) {
  .t9-benefit-box .t9-benefits,
  .t9-benefit-box .t9-benefit-single-image img {
    width: 95%!important;
    margin: 0 auto!important;
    margin-left: auto!important;
    margin-right: auto!important;
    float: none;
    display: block;
  }
}
/*color fixes end*/

/* Hide inactive countries from footer  */
#webshop-countries-list li:nth-child(1),#webshop-countries-list li:nth-child(2), #webshop-countries-list li:nth-child(4), #webshop-countries-list li:nth-child(7), #webshop-countries-list li:nth-child(8), #webshop-countries-list li:nth-child(10), #webshop-countries-list li:nth-child(11), #webshop-countries-list li:nth-child(12),#webshop-countries-list li:nth-child(13), #webshop-countries-list li:nth-child(17), #webshop-countries-list li:nth-child(22), #webshop-countries-list li:nth-child(27), #webshop-countries-list li:nth-child(28) {
  display: none;
}

.mainSelector{
  color: black;
}
.ws-frilla-products-box .product-row .product-item .price-box-holder .price-box span:first-child {
    display: block;
}

@media (max-width:767px){
    .ws-frilla-main-wrapper {
      padding-top: calc(154px - var(--banner-height));
    }
}
/* CSS FIXES END END
------------------------------------------------------- */

/* PRODUCT PAGE TABLE
------------------------------------------------------- */
.table-holder {
  margin: 0;
}
.table-holder table {
  margin: 0;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #171717;
  border-collapse: collapse;
  width: 100%;
  border: none;
}
.table-holder table thead,
.table-holder table tbody {
  width: 100%;
}
.table-holder table thead {
  margin-top: 16px;
}
.table-holder table thead th {
  background: #d9d9d9;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #171717;
  text-align: center;
  padding: 12px 16px 8px;
  width: auto;
  border: none;
}
.table-holder table tbody td {
  font-weight: 400;
  font-size: 16px !important;
  line-height: 24px;
  color: #171717;
  border: none;
  text-align: center;
}
.table-holder table tbody tr {
  background: none;
}
.table-holder table tbody tr:hover {
  background: #a9cce3;
  cursor: pointer;
}
td,
th {
  border: 1px solid #d9d9d9;
}
.table-holder table thead th:last-child,
.table-holder table tbody td:last-child {
  padding: 4px 16px 4px 0 !important;
}
.table-holder table thead th:last-child::first-letter {
  text-transform: uppercase;
}
.table-holder table thead th:first-child {
  border-top-left-radius: 8px;
}
.table-holder table thead th:last-child {
  border-top-right-radius: 8px;
}
.table-holder table tbody tr td:first-child {
  border-left: solid 1px #d9d9d9;
}
.table-holder table tbody tr td {
  border-bottom: solid 1px #d9d9d9;
}
.table-holder table tbody tr:last-child td:first-child {
  border-bottom-left-radius: 8px;
}
.table-holder table tbody tr td:last-child {
  border-right: solid 1px #d9d9d9;
}
.table-holder table tbody tr:last-child td:last-child {
  border-bottom-right-radius: 8px;
}
.table-holder table tr td.velicina-t {
  padding-top: 20px;
}
.table-holder .table-title h3 {
  font-size: 20px;
  font-weight: 600;
}
.table-holder p {
  margin: 10px 0;
  font-size: 0.9em;
}
@media screen and (max-width: 768px) {
  .table-holder {
    float: none;
    display: block;
    width: 100%;
    border: none !important;
    max-width: 100%;
  }
  .table-holder table {
    float: none;
    display: block;
    width: 100%;
    border: none;
    max-width: 100%;
  }
  .table-holder table td,
  .table-holder table th {
    padding: 8px 3px !important;
    font-size: 13px !important;
  }
  .table-fill {
    overflow-x: auto;
  }
}
/* PRODUCT PAGE TABLE END
------------------------------------------------------- */
.best-choice {
    max-height: 50px;
    height: 100%;
}

html body .t3-button {
    width: 100px;
    font-size: 15px !important;
}

@media screen and (max-width: 1023px) {
p.choice-price-p {
    flex-flow: row!important;
}
}