*, *:before, *:after{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-family: Calibri, Helvetica, Arial, sans-serif;
}

body{
    margin:0px;
    padding:0px;
    background: #fff;
}

.center {
    text-align: center;
}

.bold {
    font-weight: bold;
}
.green {
    color: #35A22E
}

.price-large {
    font-size: 28px;
}

.font-20 {
    font-size: 20px
}

.underline {
    text-decoration: line-through;
}
.clear {
    clear: both;
}

#content-wrapper {
    max-width: 960px;
    width: 100%;
    margin: 0px auto 5px;
    box-shadow: 0 6px 80px #CCC;
    -moz-box-shadow: 0 6px 80px #CCC;
    -webkit-box-shadow: 0 6px 80px #CCC;
    background-color: #fff;
}

.header-box {
    background-color: #27ae60;
    color: #FFF;
    border-bottom: 2px solid #188245;
    padding: 5px;
    box-sizing: border-box;
    margin-top: 1px;
}

#warning-box {
    max-width: 845px;
    width: 98%;
    padding: 5px;
    margin: 10px auto;
    border: 2px dashed red;
    text-align: center;
    clear: both;
    min-height: 50px;
    box-sizing: border-box;
}

#warning-text {

}

#main-content {
    max-width: 850px;
    width: 100%;
    margin: 15px auto 10px;
    height: auto;
    clear: both;
}

.top-product-img {float: none;padding: 10px;}

.top-product-img img {
    padding: 5px;
    display: block;
    margin: 0 auto;
}

.left-product-box {
    padding-left: 10px;
/*    margin-top: 20px;*/
    font-size: 17px;
    max-width: 335px;
    margin: 0 auto;
}

.left-box-text {
    margin-top: 30px;
}

.left-box-text img {
    display: block;
    margin: 40px auto 5px;
}

.left-box-text p {
    padding: 2px;
    margin: 0px;
}

.footer-gray-box {
    margin: 35px  auto 0px;
    width: 100%;
    background: #eee;
    padding: 25px 10px;
    box-sizing: border-box;
}

.footer-gray-box p {
    
}

.guaranty .bold {
    margin-bottom: 0px;
    padding-bottom: 0px;
}

.guaranty p {
    margin-top: 2px;
}

.button-contact-vip {
    cursor: pointer;
    max-width: 660px;
    margin: 60px auto;
    width: 100%;
    min-height: 65px;
    clear: both;
}

.contactButton-vip {
    color: rgba(255, 255, 255, 1);
    text-decoration: none;
    background-color: rgb(255, 148, 66)!important;
    font-weight: 700;
    font-size: 26px;
    display: block;
    padding: 12px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0px 9px 0px rgb(222, 134, 17), 0px 9px 25px rgba(0, 0, 0, .7);
    -moz-box-shadow: 0px 9px 0px rgb(222, 134, 17), 0px 9px 25px rgba(0, 0, 0, .7);
    box-shadow: 0px 9px 0px rgb(222, 134, 17), 0px 9px 25px rgba(0, 0, 0, .7);
    margin: 20px auto;
    max-width: 646px;
    text-align: center;
    -webkit-transition: all .1s ease;
    -moz-transition: all .1s ease;
    -ms-transition: all .1s ease;
    -o-transition: all .1s ease;
    transition: all .1s ease;
    font-family: arial;
    width: 96%;
    line-height: 29px!important;
    box-sizing: border-box;
}

.contactButton-vip:hover {
    background-color: rgb(247, 155, 87);
}

.tos-link a {
    color: #00f
}

.tos-link a:hover {
    text-decoration: underline;
}

.dynwrap{
        margin: 5px auto;
    width: 99%;
    padding: 10px;
    box-sizing: border-box;
    clear: both;
}
.dynt {

    font-weight: bold;
    font-size: 24px;
    text-align: center;
}

.specHold li {
    line-height: 22px;
    font-size: 18px;
    margin-left: 0px;
    padding-left: 20px;
    /*max-width: 400px;*/
    width: 99%;
}




/* order forma */ 

.form-box {

    max-width: 455px;
    width: 100%;
    margin: 0 auto;


}


.form-top-text {
    width: 99%;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    line-height: 1.2em;
    padding: 4px 0 6px;
    color: #fff;
    max-width: 415px;
    background: #27ae60;
    border-bottom: 2px solid #188245;
    margin: 0px auto 10px;
    /* margin-left: 5px; */
    float: right;
}


#repp33, #repp34 {
    width: 100%;
}


/*
.input_wrapper {
    float: right;
    color: #000;
    font-weight: bold;
}

.input_wrapper_komentar {
    float: right;
    color: #000;
    font-weight: bold;
}

.input_wrapper, .input_wrapper_komentar {
    padding-right: 30px;
    padding-bottom: 20px;
}

.input_wrapper input {
    border: 1px solid #27AE60;
    color: #000;
    height: 35px;
    padding-left: 10px;
    width: 250px;
    font-size: 1em;
    margin-left: 5px!important;
}

.input_wrapper select {
    border: 1px solid #27AE60;
    color: #000;
    font-size: 1em;
    height: 30px;
    padding-left: 5px;
    width: 250px;
}

.input_wrapper input, .input_wrapper select, textarea#komentar {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    background-color: #fff;
    outline: 0;
}

textarea#komentar {
    border: 1px solid #27AE60;
    color: #000;
    height: 50px;
    padding-left: 10px;
    padding-top: 5px;
    width: 248px;
    font-size: 1em;
    vertical-align: top;
    font-family: Arial, Helvetica, sans-serif;
}
*/
.shippin_f {
    margin: 15px auto 10px;
    width: 275px;
    text-align: center;
    padding-right: 0px;
    font-size: 19px;
    color: #35A22E;
    padding: 4px;
    /* line-height: 27px; */
    /*background-image: url(../images/truck.png);*/
    background-repeat: no-repeat;
    /* background-position: 235px center; */
    box-sizing: border-box;
}


.shippin_f img {
    float: right;
    margin-top: -2px;
}

.pay {
    display: none;
    height: inherit;
    color: #000;
    width: 320px;
    text-align: left;
    margin: 2px auto;
}

.pay-box {
    /*display: none;*/
    height: inherit;
    color: #000;
    width: 320px;
    text-align: left;
    margin: 20px auto 3px;
}

.pickie {
    color: black;
    font-weight: bold;
    text-align: center;
    font-size: 17px;
    width: 80%;
    margin: 1px auto;
}

.pay form {
    margin-left: 15px;
    margin-top: 22px;
}

.input_first {
    margin: 0px;
    font-size: 14px;
}

.input_second {
    font-size: 14px;
    margin: 0px 0px 0px 0px;
}

.pay input {
    margin-left: 20px;
    margin-bottom: 10px;
    padding-left: 120px;
}


/* forma corrections */

.input_wrapper input, .input_wrapper select, textarea#komentar {
        background-color: #fff!important;
    border-color: #c9c9c9!important;
        border: 1px solid #ccc!important;
        box-shadow: none!important;
    border-radius: 4px!important;
    font-weight: 400!important;
        color: #8c8d8e;
    text-transform: uppercase;
    font-size: 15px!important;
    min-height: 54px;
    width: 85%!important;
}
.input_wrapper {
        margin-top: 10px!important;
}
.input_wrapper_komentar {
    float: right;
    width: 98%;
}
.input_wrapper_komentar label, .input_wrapper label {
        font-size: 13px;
    font-weight: bold;
        display: block;
    text-align: left;
    margin-left: 10%;
    line-height: 20px;
}


/* end forma */ 



.payment_options {
    clear: both;
    display: flex;
    float: right;
    max-width: 380px;
    width: 100%;
    justify-content: space-around;
}

.justify {
    /* justify-content: center; */
    align-items: center;
    flex-wrap: wrap;
    clear: both;
}

.payment_options p {
    display: flex;
    flex-flow: row;
    font-size: 19px;
    cursor: pointer;
    margin: 10px 0px;
}

.payment_options p.selected:before {
    content: "\f192"!important;
}

.payment_options p::before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    content: "\f10c";
    margin-right: 0.5407911001em;
    -webkit-transition: color, ease, .2s;
    transition: color, ease, .2s;
    margin-top: 3px;
}


.input_wrapper_sifra, .input_wrapper_id, .half_field{
    display:flex;
    margin-bottom:0px!important;
}

.half_field{
    margin-left: 8%;
}

.parent{
    display: -ms-flexbox;
    display: -webkit-flex; 
    display: flex;
    padding:0px 10px 0px 10px;
    max-width:1023px;
    width:100%;
    margin:10px auto;
}

.box-sizing{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ch-col{
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-flow:column;
}

.ch-row{
    display: -webkit-flex;
    display: flex;
    flex-flow:row;
}

.mgReset{
    margin:0px!important;
}

.pdReset{
    padding:0px!important;
}

.justify{
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.justify-no-wrap{
    justify-content: center;
    align-items: center;
}

.width-80{
    width:80%;
}

.width-60{
    width:60%;
}

.width-50{
    width:50%;
}

.width-40{
    width:40%;
}

.width-20{
    width:20%;
}

.flex-1{
    flex:1;
}

.flex-2{
    flex:2;
}

.flex-3{
    flex:3;
}

.flex-4{
    flex:4;
}

.flex-5{
    flex:5;
}

.flex-6{
    flex:6;
}

.discount_bg{
    background-color: #EA3852;
    color: #fff;
    padding: 5px;
}

.green_price_bg{
    background-color: #A3D900;
    padding: 5px;
}

.product-top h1{
    color: #000;
    font-size: 50px;
    margin: 10px 0px;
    text-align:center;
}

.product-top h3{
    font-size: 28px;
    font-weight: 700;
    display: block;
    line-height: 190%;
    margin: 0px;
    text-align: center;
}

.align-center{
    align-items: center;
    align-self: center;
    align-content: center;
}

/*.input_wrapper_sifra{
    padding-left:8%!important;
}*/

/*  end   PayPall  */ 

/*SVG check*/

.path.check {
  stroke-dashoffset: -100;
  animation: dash-check .9s .35s ease-in-out forwards;
}

.path {
    stroke-dasharray: 1000;
    stroke-dashoffset: 0;
}

.check-icon.number{
    margin-right:0px;
    font-size:initial;
    padding:0px;
    width:35px!important;
    min-width:initial;
}

.mandatory_field{
    float: left;
    font-size: 14px;
    font-weight: normal;
    height: auto;
    line-height: initial;
    margin: 5px 0px;

    display: none;
    flex-flow: row;
    align-items: center;
    margin-left: 1%;
}

div.mandatory_field:before {
    content: "";
    display: block;
    background: url(../images/cross-sign-red.png);
    background-size: 14px 14px;
    width: 14px;
    height: 14px;
    float: left;
    margin-right: 6px;
}

form#forma1 div.input_wrapper input.invalid_field{
    border-radius: 4px;
    border-bottom-color: red;
    color: red!important;
    background-color: #ffeded!important;
    border-top: 1px solid red;
    border-right: 1px solid red;
    border-left: 1px solid red;
    transition: .25s;
}


form#forma1 div.input_wrapper input.active{
/*    padding-top: 22px!important;*/
    padding-bottom: 0!important;
/*    padding-left: 15px!important;*/
    font-size: 17px;
    color: #000;
    background-color: #fff!important;
    border: 1px solid #ccc;
/*    padding: .4761904762em 1em;*/
    transition: all .2s ease-out;
}

form#forma1 div.input_wrapper select[name="product"]{
    color: #000;
}

form#forma1 div.input_wrapper input.ease-out{
/*    padding-top: 20px!important;*/
    transition: all .2s ease-out;
}

.inactive{
    display:none;
}

.appear{
    display:inline-block!important;
}

.check-icon {
    width: 35px;
    position: absolute;
    right: 3px;
    top: 12px;
    display: none;
}

.lowercase{
    text-transform: lowercase!important;
}

form#forma1 div.input_wrapper label[class*="label_"]{ 
    margin: 0px;
    padding: 0px; 
}

form#forma1 div.input_wrapper input, form#forma1 div.input_wrapper select, form#forma1 div.input_wrapper_komentar textarea{
    max-width: initial;
    width: 100%!important;
    display: block;
    float: none;
    margin:0px;
}

form#forma1 div.input_wrapper_komentar textarea{
    float: none;
    width: 100%;
    box-sizing: border-box;
    text-transform: inherit;
}

.input_wrapper_komentar label, .input_wrapper label{
    margin-left:2px;
}

a.contactButton-vip{
    width:100%;
    max-width:initial;
}

.form-top-text{
    width: 100%;
    max-width: initial;
}

.form-box{
    max-width:455px
}

.input_wrapper{
    box-sizing:border-box;
}

@keyframes dash-check {
  0% {
    stroke-dashoffset: -100;
  }
  100% {
    stroke-dashoffset: 900;
  }
}

form#forma1 div.input_wrapper_komentar textarea{
        padding-left: 10px;
    }

/*  #######   */

form#forma1 div.input_wrapper label[class*="label_"] {
    color: #919293;
    box-sizing: border-box;
    display: block!important;
    font-size: 11px;
    line-height: 1;
    opacity: 0;
    overflow: hidden;
    padding: 5px 13px 0;
    pointer-events: none;
    position: absolute;
    text-overflow: ellipsis;
    top: 0;
    text-align: left;
    text-align: left;
    transform: translateY(3px);
    transition: all .2s ease-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    width: 100%;
    z-index: 6!important;
    text-transform: uppercase;
}

.input_wrapper {
        width: 100%;
    position: relative;
    padding: 0px;
    float: none;
    height: auto;
}

.input_wrapper {
    text-align: left!important;
}

#repp3, #repp33, #repp34 {
    max-width: 455px!important;
}

label.coupon_number{
    font-weight: 700;
    font-size: 20px;
    color: #EA3852;
    padding-bottom: 5px;
}

form#forma1 div.input_wrapper input[id^="s_k_kuponov"], form#forma1 div.input_wrapper label[class^="label_s_k_kuponov"]{
    color:red;
}

.color555{
    color:#555!important;
}

.cap{
  text-transform:capitalize!important;
}

.opacity-1{
    opacity: 1!important;
}

div.contact-form-box{
    position:relative;
}

div#repp3, div#repp33, div#repp34{
    display: block;
    float: left;
    max-height: initial;
    margin-bottom: 0px;
    position: absolute;
    height: 100%!important;
    top: 0px;
    left: 0px;
}

div.dynwrap{
    padding:5px 10px 5px 10px;
}

p.dynt{
    margin: 0px 0px 10px 0px;
}

@media screen and (max-width: 768px){
    .order-1{
        order:1;
    }

    .order-2{
        order:2;
    }

    div.ch-row{
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-flow:column;
    }

    div.product-top h1{
        text-align:center;
        margin:0px;
    }

    div#main-content{
        margin-top:0px;
    }
}

@media screen and (max-width: 799px){
    #main-content {
        margin-top: 15px
    }
    .left-product-box {
        float: none;
        text-align: center;
        display: block;
        clear: both;
            

    }
    .form-box {
        float: none;
        margin: 5px auto;
        /* max-width: 320px; */
        text-align: center;
    }
    .input_wrapper, .input_wrapper_komentar {
        float: none;
        padding: 5px;
    }
    .input_wrapper input, textarea#komentar, .input_wrapper select {
        width: 99%
    }
    .shippin_f {
        padding-left: 8%;
        text-align: left;
    }
    .left-product-box {
        padding: 0px;
    }
    .top-product-img {
        float: none;
    }
    .top-product-img img {
        max-width: 280px;
        display: block;
        margin: 5px auto;
    }

}




@media screen and (max-width: 479px) {
    .form-top-text {
        max-width: 390px;
        float: none;
        width: 87%;
    }
    .input_wrapper_komentar label, .input_wrapper label {
        margin-left: 0px;
    }
    .check-icon {
        right: 10px;
    }

    .half_field{
        flex-flow:column;
        margin:0px;
        width:100%!important;
    }

    div.product-top{
        margin:0px;
    }

    div.product-top h1{
        text-align:center;
        margin:0px;
    }

    div.top-product-img img{
        margin-top:0px;
        padding-top:0px;
    }

    div.form-box div.form-top-text{
        margin:0px;
        max-width:initial;
        width:100%;
    }

    body, html, #content-wrapper{
        overflow-x:hidden;
    }

    .ch-row{
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-flow:column;
    }

    div#main-content{
        margin-top:0px;
    }

}

@media screen and (min-width: 479px) {
    .contactButton-vip {
        width: 90%;
        float: right;
    }
}

.cstm_c_h_wrap, .ft_l1_main_wrap {
    display: none;
}.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
------------------------------------------------------- */
@media  (min-width: 1200px) {
    div.choice-price {
        font-size: 15px!important;
    }
}
@media  (max-width: 768px) {
    div.choice-price .choice-price-p {
        flex-direction: column;
    }
}