.nav-header {display: none;}
.nav-header.active {display: block;}
html {padding-top: 1px;}
body {margin-top: -1px;}

.modal-body .variant-box {width: 100%; padding: 0px 30px; display: block; font-weight: bold;}
.modal-body .variant-box .control-label {display: block; width: 100%;text-align: center;font-size: 20px;border-bottom: 1px solid #dedede;padding-bottom: 22px;margin-top: 10px;margin-bottom: 24px;}
.modal-body .variants_plus .swiper-slide {width: 25%; padding: 0px !important; position: relative}
.modal-body .variants_plus .swiper-slide:after {content:''; height: 100%; width: 1px; background: #dedede; position: absolute; right: 14px; top: 0px;}
.modal-body .swiper-container.variants_plus img {width: 100%; border: 0px; width: 120px; margin-left: -30px;}
.modal-body  .prod-name-modal {height: 43px;overflow: hidden; max-width: 85%; margin-bottom: 10px;}
.modal-body  .prod-name-modal a {color: #000;font-size: 14px;line-height: 20px; text-align: left !important;}
.modal-body  .prod-name-modal a:hover {text-decoration: underline} 
.modal-body .variants_plus a {width: 100%;height: 100%; display: block; text-align: center;}
.variant-box-padding.modal-prod-box {margin-bottom: 30px;}
.modal-box.flex_box {max-width: 85%; border-top: 1px solid #dedede; padding-top: 10px;}
.modal-box .price {font-weight: bold}
.modal-box  .ajax_add_to_cart_button .hover_fly_btn_inner {height: 34px; width: 34px; position: relative}
.modal-box .ajax_add_to_cart_button .hover_fly_btn_inner i {height: 34px; width: 34px;}
.modal-box .ajax_add_to_cart_button.hover_fly_btn i:before {background-position: center; width: 34px; height: 34px; background-size: 18px; line-height: 34px;}
.modal-box .ajax_add_to_cart_button.hover_fly_btn {height: 34px; width: 34px; padding: 0px; background: #ff7c28}
.modal-prod-box .variants_plus .button-sub  {line-height: 34px; cursor: pointer; width: 34px;height: 34px;  position: absolute;  top: 50%;  z-index: 100;  font-size: 18px;
  text-align: center;  background: #ff7c28 !important;  border-radius: 50%;  margin-top: -67px; color: #fff}
.modal-prod-box .variants_plus .button-sub.swiper-button-next {right: 0;}
#product .modal-prod-box .variants_plus .button-sub  {line-height: 26px;}
.modal-prod-box .swiper-button-prev.button-sub.swiper-button-disabled {display: none !important}
.energy_sidebar .energy-right {text-align: right;}
.energy_sidebar .energy-right .energy-manufacturer {font-weight: bold;font-size: 16px; color: #000;}
.energy_sidebar .energy-right .energy-ref {font-size: 16px;}
.energy_sidebar .energy_top {border-bottom: 1px solid #ddd;padding-bottom: 12px;margin-bottom: 20px;}
.energy_sidebar .energy-table {border-bottom: 1px solid #ddd; margin-bottom: 20px;}
.energy-table ul li {margin-bottom: 10px;}
.energy-table ul li.energy-on {padding: 5px 0px}
.energy-table ul li .box-class {border: 1px solid #333; border-right: 0px !important; height: 33px;color: #fff;line-height: 30px;padding-left: 16px;font-weight: bold;font-size: 16px; position: relative}
.energy-table ul .css-a {background: #00a651}
.energy-table ul .css-b {background: #50b848}
.energy-table ul .css-c {background: #bfd730}
.energy-table ul .css-d {background: #fff200}
.energy-table ul .css-e {background: #fdb913}
.energy-table ul .css-f {background: #f37021}
.energy-table ul .css-g {background: #ed1c24}
.energy-table ul .box-class:after {content: '';width: 0;height: 0;right: -14px;position: absolute; border-top: 16px solid transparent;border-bottom: 16px solid transparent;}
.energy-table ul .css-a:after {border-left: 15px solid #00a651;}
.energy-table ul .css-b:after {border-left: 15px solid #50b848;}
.energy-table ul .css-c:after {border-left: 15px solid #bfd730;}
.energy-table ul .css-d:after {border-left: 15px solid #fff200;}
.energy-table ul .css-e:after {border-left: 15px solid #fdb913;}
.energy-table ul .css-f:after {border-left: 15px solid #f37021;}
.energy-table ul .css-g:after {border-left: 15px solid #ed1c24;}
.energy-table ul .box-class:before{content: '';width: 0;height: 0;right: -16px;position: absolute; top: 0px; border-top: 16px solid transparent;border-bottom: 16px solid transparent; border-left: 16px solid #333;}


.flex_container.energy-on {background: #fafafa}
.en-on {display: none}
.flex_container.energy-on .en-on {display: block;width: 30px;height: 30px;background-image: url("../img/svg/check-energy.svg");background-size: 22px;background-position: center;
background-repeat: no-repeat;margin-right: 10px;}
.wat-bottom {font-size: 18px}
.wat-top {font-size: 38px; font-weight: bold}
.energy-att .attachment.line_item:last-child {border-bottom: 1px solid #ddd; margin-bottom: 20px !important; padding-bottom: 20px;}


@media only screen and (min-width:992px) and (max-width:1199px) {
.modal-body .variants_plus .swiper-slide {width: 33.33%;}
	
}

@media only screen and (min-width:768px) and (max-width:991px) { 
.modal-body .variants_plus .swiper-slide {width: 50%;}

}
@media ( max-width :991px) {

.modal-body .variants_plus .swiper-slide:after {right: 7px;}

}

@media ( max-width :767px) {

.modal-body .variants_plus .swiper-slide {width: 50%;}
.modal-body .variant-box .control-label {font-size: 17px; padding-bottom: 16px; margin-bottom: 20px;}
	
}

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

.modal-body .variants_plus .swiper-slide {width: 100%;}
.modal-body .variants_plus .swiper-slide:after {display: none}
.modal-box.flex_box, .modal-body .prod-name-modal {max-width: 100%;}

}

@media only screen and (max-width:991px) {
.privat_easy_6 .title_block, .privat_easy_11 .title_block {display: none}

}
/*Modal delivery info*/
.modal_cart .estimated-delivery{
  font-size:12px;
  text-align:center;
}
.modal_cart .estimated-delivery span{
  font-weight:bold;
}

.pudo-point-container{
  display: flex;
  align-items: center;
}
.pudo-point-container .pudo-point-item{
  font-size:12px;
  padding:10px;
  color:white;
  background: #111111;
  display: flex;
  align-items: center;
  gap:4px;
}
.identity .pudo-point-container{
  margin-left: 25px;
  margin-right: 25px;
}
.identity .pudo-point-container svg{
  min-width: 18px;
}
@media(max-width: 767px){
  .pudo-point-container svg{
    min-width: 18px;
  }
  .pudo-point-container{
    flex-wrap: wrap;
  }
  .pudo-point-item{
    margin-left: 25px;
    margin-right: 25px;
    margin-bottom: 20px;
  }

}