@font-face {
  font-family: 'vivo_icon';
  src:  url('/wp-content/themes/flatsome-child/fonts/vivo_icon.eot?hf7ju7');
  src:  url('/wp-content/themes/flatsome-child/fonts/vivo_icon.eot?hf7ju7#iefix') format('embedded-opentype'),
    url('/wp-content/themes/flatsome-child/fonts/vivo_icon.ttf?hf7ju7') format('truetype'),
    url('/wp-content/themes/flatsome-child/fonts/vivo_icon.woff?hf7ju7') format('woff'),
    url('/wp-content/themes/flatsome-child/fonts/vivo_icon.svg?hf7ju7#vivo_icon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-vz-"], [class*=" icon-vz-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'vivo_icon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-vz-shopping-cart:before {
  content: "\e900";
}
.icon-vz-search:before {
  content: "\e901";
}
.icon-vz-phone:before {
  content: "\e902";
}






/*.row-slider .flickity-prev-next-button svg {padding:20% !important}*/

.flickity-prev-next-button svg{ color: #FFD566 !important} 




.product-col {width: 100%;float: left; padding-left:15px; padding-right:15px;/* transition: all 0.4s ease-in-out; */}
/*.product-col:nth-of-type(2).focus-box  {box-shadow:1px 1px 7px 8px #ffd56629}*/

.product-col .to-cart-inner {float:left; margin-bottom: 20px;}


.product-col .js-custom-variations-select .col.full_w, .product-col .vivo-def-variations .col.full_w {max-width: 100% !important; width: 100% !important; flex-basis: inherit !important; padding:8px}

.product-col .js-custom-variations-select .var-name, .product-col .vivo-def-variations .var-name   {float:left; font-size: .8em;font-weight: 700;color: #111;margin-bottom: 0.3rem;line-height: 1.2;}

.product-col .js-custom-variations-select .var-name.two-lines, .product-col .vivo-def-variations .var-name.two-lines  {height: 30px;display:block}



.product-gallery .badge-inner {background: #F04343 !important;color: #fff !important;}
.product-col h1.entry-title {font-size: 1.9rem;font-weight: bold;line-height: 1.1; padding-top:20px}

.product-col .product-short-description ul {list-style-type: none;}
.product-col .product-short-description ul li {position:relative;padding-left:20px; line-height:1.2; color:#111; font-weight: 600;}
.product-col .product-short-description ul li:before {position:absolute; margin-left:-20px; top:4px; content:""; background:url("/wp-content/themes/flatsome-child/img/check-yellow.png") no-repeat; width:12px; height:12px; background-size:12px 12px; font-size: 1.75rem;}


.custom-quantity-buttons-wrap {display: flex;flex-wrap: wrap;gap: 10px;max-width: 100%;margin: 0 auto 5px;justify-content: center;}

.custom-quantity-button {width: 31.00%;box-shadow: 0 0 0 2px #ffd566;border: none;margin: 0px;padding:0px;border-radius: 4px;height: 85px;margin-top:25px;position: relative; /*overflow: hidden;*/}
.custom-quantity-button.no-bottom-label, .has-six-qty .custom-quantity-button:nth-of-type(2)  {height: 55px;}
.custom-quantity-button.no-bottom-label:nth-of-type(2) {height: 80px;}

/*.custom-quantity-button.no-bottom-label .bottom-info-label {display:none}*/

.custom-quantity-button:nth-of-type(2) {height: 110px;margin-top:0px;} 
.custom-quantity-button .bottom-info-label {width: calc(100% + 4px);float: left;background: #FFD566;color:#111;text-align: center;position: absolute;bottom: 0px;left: -2px;overflow:hidden;height: 30px;line-height: 1.1;font-size: 0.64rem;padding-top: 2px;display: table;} 
.custom-quantity-button .bottom-info-label span {display:table-cell; vertical-align:middle; padding:0 2px}

.custom-quantity-button .bottom-info-label .num-label {text-align: center;float: left;width: 100%;font-size: 0.9rem;}


.custom-quantity-button:nth-of-type(2) .top-price-label {width: calc(100% + 4px);position: absolute;top: -2px;left: -2px;overflow:hidden;height: 25px;line-height: 25px;float: left;background: #F04343;color:#fff;text-align: center;border-top-left-radius: 4px;border-top-right-radius: 4px;transition: all 0.2s ease-in-out;font-size: 0.7rem;} 
.custom-quantity-button.selected-button:nth-of-type(2) .top-price-label {width: calc(100% + 4px);top:-2px;left: -2px}

.price-outer, .custom-quantity-button.no-bottom-label .content-info-label {display: table;float: left;width: 100%;min-height: 55px;position: absolute;left: 0px;top: 0px;}
.price-outer .quantity-product-price, .custom-quantity-button.no-bottom-label .content-info-label span  {display: table-cell; vertical-align: middle; padding:2px}

.custom-quantity-button.no-bottom-label:nth-of-type(2) .content-info-label {margin-top:25px}
.has-six-qty .custom-quantity-button.no-bottom-label:nth-of-type(2) .content-info-label {margin-top:0px}
.has-six-qty .custom-quantity-button:nth-of-type(2)  {height: 55px !important; margin-top:25px}


.selected-check{position:absolute;top: -10px;right: -10px;width:20px;height:20px;border-radius: 50%;border: 1px solid #ffd566;background:#fff;z-index: 12;}
.custom-quantity-button:nth-of-type(2)  .selected-check{top: 14px;}
.has-six-qty .custom-quantity-button:nth-of-type(2)  .selected-check {top:-10px}
.selected-button .selected-check{border: 1px solid #ffd566;background:#fff}
.selected-button .selected-check:before{content:"";background-image: url('/wp-content/themes/flatsome-child/img/p-checkmark.svg'); background-repeat:no-repeat; background-size: 14px 14px;width: 14px;height: 14px;display: inherit;margin: 2.2px; }

.price-outer .quantity-product-price .custom-button-price {float:left; width:100%; line-height:1.2;}

.price-outer .quantity-product-price .custom-button-price .inner-price bdi {font-size: inherit;}
.price-outer .quantity-product-price .custom-button-price .inner-pcs {font-weight: normal;}

.price-outer .quantity-product-price .full-price {float:left;width:100%;line-height:1.2;text-align:center;opacity: 0.6;text-decoration: line-through;font-size: 0.8rem;margin-left: -3px;}
.price-outer .quantity-product-price .full-price bdi {font-weight:normal}

.custom-quantity-button:nth-of-type(2) .price-outer {position: absolute;left: 0px;top: 25px;}
.has-six-qty .custom-quantity-button:nth-of-type(2) .price-outer {position: absolute;left: 0px;top: 0px;}

.custom-quantity-button.selected-button  {box-shadow: 0 0 0 3px #ffd566;border: none;}


.custom-quantity-button.selected-button:nth-of-type(2) .price-outer  {border-top:0px;}
.custom-quantity-button.selected-button .price-outer, .custom-quantity-button.selected-button .content-info-label  {background: linear-gradient(180deg, rgba(255, 255, 255, 0.3) 0%, rgba(233, 189, 75, 0.3) 100%); overflow: hidden;}

.product-col .product-to-cart .quantity.buttons_added{display:none !important }

.product-col .product-to-cart .single_add_to_cart_button, .product-col .product-to-cart .js-add-variations-custom{background-color:#65c537 !important;color:#fff;box-shadow:0 -1px 10px 0 rgb(172 171 171 / 30%);margin-top:1.5vw;float:left;width:100%;margin: 0px 0 15px 0;font-size:1.2rem;transition: all 0.4s ease-in-out;-webkit-animation: breathing 3s ease-out infinite normal;animation: breathing 5s ease-out infinite normal;z-index:29 !important;color: #fff !important;font-weight: 600;text-transform: uppercase;height: 55px;border-radius: 6px;position:relative;padding: 0px;border: 1px solid #65c537 !important;}
.product-col .product-to-cart .single_add_to_cart_button:hover,
.product-col .product-to-cart .js-add-variations-custom:hover,  
.product-col .product-to-cart .single_add_to_cart_button.hover-btn, 
.product-col .product-to-cart .js-add-variations-custom.hover-btn{background-color:#419219 !important;}


.product-col .product-price-container  {float:left;width:100%;height:auto !important;margin-bottom: 0px;}
.product-col .price-wrapper {float:left;width:100%;display: flex;justify-content: center;font-size: 1.6rem;text-align: center;}
.product-col .price-wrapper .price-on-sale {margin-bottom:5px} 
.product-col .free-delivery {font-size: 0.9rem;}



.product-col .save_amount {float: left;width: 100%;text-align: center;line-height: 30px;font-style: italic;font-size: 0.95rem;}


.product-col .js-custom-variations-select, .product-col .js-custom-variations-buttons, .product-col .vivo-def-variations  {padding-bottom: 0px !important;width: calc(100% + 8px);margin-left: -4px; border:1px solid #cccccc52 !important; border-radius: 10px;}

.product-col .js-custom-variations-select .col, .product-col .vivo-def-variations .col {padding: 8px 4px 8px 8px !important;}
.product-col .js-custom-variations-select .col:nth-of-type(2), .product-col .vivo-def-variations .col:nth-of-type(2) {padding: 8px 8px 8px 4px !important;}
.product-col .js-custom-variations-select .col.full_w, .product-col .vivo-def-variations .col.full_w  {padding: 8px 8px 8px 8px !important;}
.product-col .js-custom-variations-select .col.full_w:nth-of-type(2), .product-col .vivo-def-variations .col.full_w:nth-of-type(2) {padding: 8px 8px 8px 8px !important;}


.product-col .js-custom-variations-select .col p, .product-col .vivo-def-variations .col p  {font-weight: bold;height: auto;font-size: 0.8rem;margin-bottom: 0.2rem;line-height: 1.2;}
.product-col .js-custom-variations-select .col select, .product-col .vivo-def-variations .col select  {padding-left: 2p;margin-bottom: 0px;}


.product-col .product-to-cart .js-add-variations-custom .cart-icon,  .product-col .product-to-cart .single_add_to_cart_button .cart-icon {background:#fff;width: 55px;height: 53px;float: left;border-top-left-radius: 6px;border-bottom-left-radius: 6px;line-height: 53px;}
.product-col .product-to-cart .js-add-variations-custom .cart-icon:before, .product-col .product-to-cart .single_add_to_cart_button .cart-icon:before  {font-family: 'vivo_icon' !important;content: "\e900";color: #111111f0;font-weight: normal;font-size: 1.9rem;}
.cart-text {line-height: 55px !important;}


.product-col ul.delivery-return {list-style-type: none; padding:0 0px; margin: 0 0 0.7rem; float:left;}
.product-col ul.delivery-return li {position:relative;padding-left:35px;font-size: 0.9rem;margin:0px;line-height: 1.6;color:#6c6c6c;/* font-weight: 600; */}

.product-col ul.delivery-return li.delivery:before {position:absolute;left: 5px;top: 0px;content:"";background:url("/wp-content/themes/flatsome-child/img/vivo_check.png") no-repeat;width:23px;height:23px;background-size:23px 23px}
.product-col ul.delivery-return li.return:before {position:absolute;left:6px;top: 0px;content:"";background:url("/wp-content/themes/flatsome-child/img/14-day-return.png") no-repeat;width:22px;height:22px;background-size:22px 22px}
.product-col ul.delivery-return li.delivered-from {padding-left:35px}
.product-col ul.delivery-return li.delivered-from img {position:absolute;height:15px;width:auto;display: inline-block;top: 2px;left:5px;right:7px;}


/*add remove on variation*/
.add-remove-product {display:none;  text-align:center; float:left; width:100%;     font-size: .95em;/*margin:5px 0 0.5rem 0 !important;*/background: #ebebeb;position: relative;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;overflow: hidden;}
.add-remove-product.visible-add-rem {display:block}
.add-remove-product #add-another{float:left; width:100%; color:#111;transition: all .3s ease-in-out; background:rgba(88, 194, 34, 0.3);  }
.add-remove-product #add-another.w-100{float:left; width:100%; color:#111;transition: all .3s ease-in-out;}
.add-remove-product #add-another:hover{background:#65c537; color:#fff}
.add-remove-product #remove-s-var {float:right; width:100%; color:#111; position:relative; background:rgba(115, 0, 115, 0.10); transition: all .3s ease-in-out;  }
.add-remove-product  #remove-s-var:hover {background: #FFD566; color:#fff !important}
.add-remove-product  #add-another:hover .add-v-icon {color:#fff;}
.add-remove-product  #remove-s-var:hover .remove-v-icon {color:#fff}
.add-remove-product #remove-s-var.w-100 {float:left; width:100%; color:#111;  }

.add-remove-product #add-another, .add-remove-product #remove-s-var {padding:2px 0px; cursor:pointer;}

#add-another .add-text, #remove-s-var .remove-text {width:calc(100% - 26px);float:left;  }
#add-another .add-v-icon, #remove-s-var .remove-v-icon {float:left; line-height:20px;width:20px; height:20px; margin:3px 3px; border-radius:50%; color:#7d7979; background:rgba(255, 255, 255, 0.5)}
#remove-s-var .remove-v-icon {font-size:.85em; line-height:18px}

/*visible or not*/
#add-another,
#remove-s-var
{display:none;}
#add-another.visible-add,
#remove-s-var.visible-rem
{display:block;}



/*.add-remove-product .add-new-product {float:left; width:calc(100% - 30px);}*/

.add-remove-product #remove-product {float:left; width:30px; display:none !important}
.add-remove-product #remove-product.visible {display:block !important}

.add-remove-product #remove-product a {width:24px; height:24px; color:#ccc; /*border:2px solid  #f4f4f4;*/ border-radius: 100%;}



@media screen and (min-width: 300px) and (max-width: 360px) { 

  .product-col ul.delivery-return li {font-size: 0.74rem;}
    .product-col ul.delivery-return li.delivery:before {background-size:22px 22px; width:22px; height:22px; left:7px; top:0px}
}
  

@media only screen and (min-width: 300px) {

  .product-col ul.delivery-return {display: flex; justify-content: center; padding:0px; width:100%}
  .product-col ul.delivery-return li {margin:5px 5px}

}



@media only screen and (max-width: 360px) {


  .inner-pcs {display:block !important} 


}


@media only screen and (max-width: 439px) {


  .custom-quantity-button .woocommerce-Price-amount bdi{font-size: 1rem !important;}


  .price-outer .quantity-product-price .custom-button-price, 
  .price-outer .quantity-product-price .custom-button-price .inner-pcs {font-size: 0.785rem !important;}

  .custom-quantity-button .bottom-info-label .num-label {font-size: 0.8rem !important;}

}

@media only screen and (min-width: 440px) {

  .price-outer:not(.sale) .inner-price bdi, .price-outer.sale.no-qty-discount .inner-price bdi{font-size: 1.3rem !important;}

}



@media only screen and (min-width: 420px) {

.custom-quantity-button .bottom-info-label {font-size:0.7rem}


}
@media only screen and (min-width:510px) {

  .custom-quantity-button {width:31.9%}

}




@media only screen and (max-width:540px) {

    .price-outer .quantity-product-price .full-price {display:none}

}



@media only screen and (max-width: 768px) {

  .product-template-default #main {margin-top:-20px}

  .product-essential {padding: 0vw 0px 2vw;}

  .product-col:first-of-type {padding-left:0px; padding-right:0px;}

  .product-col .product-images {margin-bottom: 0px !important;}

  .product-thumbnails {display:none !important}

  .product-col .flickity-prev-next-button svg {padding:0px !important}



}



@media only screen and (min-width: 768px) {
  
  
  .custom-quantity-buttons-wrap {}

  .custom-quantity-button:nth-of-type(2) .top-price-label {font-size: 0.76rem;} 

  .product-col .js-custom-variations-select, .product-col .js-custom-variations-buttons, .product-col .vivo-def-variations  {max-width:100%; margin-left:inherit !important;}


  .add-remove-product #add-another{width:50%;  }
  .add-remove-product #remove-s-var {width:50% }
  #add-another .add-v-icon {float:left}


}


@media only screen and (min-width: 768px) and (max-width: 992px){ 


  .custom-quantity-buttons-wrap {max-width: 92%;display: flex;flex-wrap: wrap;gap: 20px !important;}

  .custom-quantity-button {width: 31%;}
  .product-col .js-custom-variations-select, .product-col .js-custom-variations-buttons, .product-col .vivo-def-variations  {max-width: 88%;margin-left:inherit !important;width: 88%;margin: 0 auto 15px !important;}



  .product-col .product-short-description ul,
  .product-col .product-short-description h6,
  .product-col .product-short-description h5,
  .product-col .product-short-description h4,
  .product-col .product-short-description h3,
  .product-col .product-short-description h2,
  .product-col .product-short-description p {padding-left:3%}

  .product-col .js-custom-variations-select .col,  .product-col .js-custom-variations-select .col:nth-of-type(2), .product-col .vivo-def-variations .col,  .product-col .vivo-def-variations .col:nth-of-type(2) {padding: 15px 20px !important;}


}


@media only screen and (min-width:992px) {



  .product-col {width: 50%;float: left;}
  .product-col:nth-of-type(2) {padding-left: 3vw;}


  .product-col h1.entry-title {font-size: 2.2rem !important;padding-top:0px !important}

  .custom-quantity-button {width:31.8%}
  

}




@media only screen and (min-width: 1024px) { 

  .add-remove-product #add-another{width:100%;  }
  .add-remove-product #remove-s-var {width:100% }
  #add-another .add-v-icon {float:left}
  #remove-s-var .remove-v-icon {float:left}

 }



@media only screen and (min-width: 1200px) { 

  .custom-quantity-buttons-wrap {display: flex;flex-wrap: wrap;gap: 15px;max-width:100%;}
  .custom-quantity-button {width: 31.5%;}

  .product-col .product-to-cart .single_add_to_cart_button, .product-col .product-to-cart .js-add-variations-custom {height:60px;}

  .product-col .product-to-cart .js-add-variations-custom .cart-icon,  .product-col .product-to-cart .single_add_to_cart_button .cart-icon {background: #fff;width: 60px;height: 58px;float: left;line-height: 58px;}

  .product-col  .product-short-desc .product-short-description ul li:before {position:absolute; margin-left:-20px; top:4px; content:""; background:url("/wp-content/themes/flatsome-child/img/check-yellow.png") no-repeat; width:12px; height:12px; background-size:12px 12px; font-size: 1.75rem;}

  
}

@media only screen and (min-width: 1300px) { 


  .add-remove-product #add-another{width:50%;  }
  .add-remove-product #remove-s-var {width:50% }
  #add-another .add-v-icon {float:left}
  #remove-s-var .remove-v-icon {float:right}

}




@media only screen and (min-width: 1400px) { 

  .custom-quantity-buttons-wrap {max-width: 92%;display: flex;flex-wrap: wrap;gap: 20px !important;}
  .custom-quantity-button {width: 31%;} 
  .product-col .js-custom-variations-select, .product-col .vivo-def-variations, .product-col .js-custom-variations-buttons {max-width: 88%;margin-left:inherit !important;width: 88%;margin: 0 auto 15px !important;}

  .add-remove-product {/*margin:10px 0 0px 0*/}

  .product-col .product-short-description ul,
  .product-col .product-short-description h6,
  .product-col .product-short-description h5,
  .product-col .product-short-description h4,
  .product-col .product-short-description h3,
  .product-col .product-short-description h2,
  .product-col .product-short-description p {padding-left:3%}
  

}



@media only screen and (min-width: 1600px) { 
    .custom-quantity-buttons-wrap {
        max-width: 93%;
        display: flex;
        flex-wrap: wrap;
        gap: 20px !important;
      }
  .product-col .js-custom-variations-select .col,  .product-col .js-custom-variations-select .col:nth-of-type(2), .product-col .vivo-def-variations .col, .product-col .vivo-def-variations .col:nth-of-type(2), .product-col .js-custom-variations-select .col.full_w{padding: 15px 20px !important;}
  

}