@import url('https://fonts.googleapis.com/css2?family=League+Spartan:wght@100..900&display=swap');
:root {
  --red:#d40100;
  --main:#312F30;
  --grey: #7f7b7b;
  --border:#DBDBDB;
  --black:#000
}

button {color: var(--main)}


h1, .h1, h2, .h2, h3, .h3, h4, .h4 {font-family: 'AdihausDIN'; font-weight: bold}

h1, .h1 {font-size: 36px; line-height: 120%; padding: 0px; margin: 0px 0px 30px 0}
h2, .h2 {font-size: 30px; line-height: 120%; padding: 0px; margin: 0px 0px 20px 0}
h3, .h3 {font-size:26px; line-height: 100%; display: block;  padding: 0px; margin: 0px 0px 20px 0}
h4, .h4 {font-size: 20px; line-height: 120%; padding: 0px; margin: 0px 0px 10px 0}

#navbar {position: fixed; padding-top: 20px; background: #fff; border-bottom: 1px solid #ddd; top: 0px; width: 100%; left: 0px;  -webkit-transition: all 0.3s; transition: all 0.3s; margin-top: -200px; z-index: 111111}
#navbar.fixed {margin-top: 0px;}

body {font-family: 'AdihausDIN'; color: var(--main); font-size: 16px; line-height: 120%; max-width: 1900px; margin: 0px auto;}
.bold {font-family: 'AdihausDIN'; font-weight: bold}
/*.spartan {font-family: "League Spartan", sans-serif;}*/
.spartan {font-family: 'AdihausDIN Cn';}

.top_line {  padding: 20px 0 8px 0; background: url(images/head.png)}
.top_social {display: flex; align-items: center; justify-content: flex-end}
.top_social a {margin-left: 20px;}
.top_social a img {width: 22px; height: auto}
.top_social a svg {width: 22px; height: auto; -webkit-transition: all 0.3s; transition: all 0.3s;}

.top_social a:hover svg path {fill:var(--red)}
.top_call {display: flex; align-items: center}
.top_call a {font-weight: bold; white-space: nowrap}
.top_call span {margin-right: 20px;}
.logo_line {padding: 30px 0px 20px 0px; display: flex; align-items: center; justify-content: center}
 
.top_social a.cart_link {margin-left: 50px; position: relative;}
.top_social a.cart_link #cart_count {width: 20px; height: 20px; border-radius: 50%; border: 1px solid #ffde5a; display: flex; align-items: center; justify-content: center; font-size: 10px; color: var(--main); position: absolute; right: -16px; top: -10px; position: absolute; opacity: 0;}
.top_social a.cart_link #cart_count.active, a.cart_link #cart_count1.active {color: red; background: #ffde5a; opacity: 1}
 
#cart_count1 {width: 20px; height: 20px; border-radius: 50%; border: 1px solid #ffde5a; display: flex; align-items: center; justify-content: center; font-size: 10px; color: var(--main); position: absolute; right: -16px; top: -10px; position: absolute; opacity: 0;}
 
 .head_menu {display: flex; align-items: center; justify-content: center; margin: 0px 0 23px 0; padding: 0px}
 .head_menu li {display: block;}
 .head_menu li a {text-transform: uppercase; font-size: 16px; margin: 0px 32px}
 
 
 .video_banner {height: 737px; background-size: cover; padding-top: 438px; position: relative; overflow: hidden }
 .video_banner video {position: absolute; left: 0px; top: 0px; width: 100%}
 
 .video_wrapper {width: 555px; position: relative; z-index: 2}
 .video_label { margin-bottom: 20px;
height: 139px; font-size: 40px; line-height: 40px; text-transform: uppercase;
background: #fff; 
border-top-left-radius: 0px;
border-bottom-right-radius: 21px;
border-bottom-left-radius: 0px; display: flex; align-items: center; justify-content: center; 
}
.video_label h1 {margin-bottom: 0px;}
.video_wrapper_pre_ul {padding-left: 75px}
.video_wrapper ul {display: flex; background: #FFDD5A; border-radius: 100px; height: 40px; align-items: center; justify-content: center}
.video_wrapper ul li {display: block; font-size: 14px; padding: 0px 10px; border-right: 1px solid var(--main)}

.video_wrapper ul li:last-child {border: none}

.title_h1 {padding: 60px 0px 0px 0px;}
.right {text-align: right}

.top_slider .item111 {box-shadow: 1px 1px 5px 0px #312F3033; border: 1px solid #f3f3f3; background: #fff; padding: 20px 20px 40px 20px; border-radius: 10px; height: auto; margin: 0px 0px; height: 100%; position: relative; }


.top_slider .item {  background: #fff; padding: 10px 0px 30px 0px; border-radius: 0px; height: auto; margin: 0px 0px; height: 100%; position: relative; }

.top_slider {padding:0px; position: relative; }
.top_slider h2 {font-size: 24px; line-height: 24px;}
.top_slider .item_description {font-size: 16px; line-height: 120%; text-align: left; margin-bottom: 10px;}

.top_slider a.more bold {}
/*
.top_slider .active.center {
    -webkit-transform: scale(1.07);
    transform: scale(1.07);
}
*/

.top_slider .owl-item {-webkit-transition: all 0.3s; transition: all 0.3s;}
.top_slider .owl-stage {display: flex; padding: 20px 0 50px 0px; }
.top_slider .owl-stage-outer {z-index: 3 }
.item{
  padding: 20px;
  margin: 20px;
}
.top_slider_img {width: 100%; height:  325px;  margin-bottom: 20px; border-radius: 10px; position: relative; overflow: hidden}
.top_slider_img img {width: 100%; height: 100%; top: 0px; left: 0px; object-fit: cover; position: absolute;}


.top_slider .owl-nav button .fa {font-size: 40px;}
.top_slider .owl-nav {position: absolute; height: 100%; top: 0px;   width: 100%}
.top_slider .owl-nav button {position: absolute; left: -20px; top: 50%; margin-top: -40px; z-index: 4}
.top_slider .owl-nav button.owl-next {right: -20px; left: auto;}

.clickable {cursor: pointer}
.clickable:hover {color: var(--red)}

.arrowslider {position: relative;}
.arrowslider .owl-nav button .fa {font-size: 40px;}
.arrowslider .owl-nav {position: absolute; height: 100%; top: 0px;   width: 100%}

.arrowslider .owl-nav button.owl-next, 
.arrowslider .owl-nav button.owl-prev  {position: absolute; left: 0px; top: 50%; margin-top: -20px; width: 40px;   background: rgba(255,255,255,0.6); z-index: 7}

.arrowslider .owl-nav button.owl-next {right: 0px; left: auto;}
.arrowslider .owl-stage-outer {position: relative; z-index: 3}
.arrowslider .item {padding: 0px; margin: 0px;}
 

.arrowslider.part_slider .owl-nav button.owl-next, 
.arrowslider.part_slider .owl-nav button.owl-prev{left: -40px;}

.arrowslider.part_slider .owl-nav button.owl-next {right: -40px; left: auto;}





.top_slider .item a.more {font-size: 14px; color: #FFBC59; display: flex; align-items: center; position: absolute; bottom: 20px; left: 0px;  }
.top_slider .item a.more img {width: 27px; margin-left: 10px}
.top_slider .item a.more:hover {color: var(--red)}
.top_slider .item a.more:hover img{filter: grayscale(1)}

.port_slider .item {height: 536px; background-size: cover; background-position: center center; display: flex; align-items: flex-end; color: #fff;}

.port_slider h2 {font-size: 24px;}

.port_logo {position: relative; padding-top: 30px}
.port_logo img {position: absolute; top: 0px; right: 0px; z-index: 4}


.part_slider .owl-nav button .fa {font-size: 40px;}
.part_slider .owl-nav {position: absolute; height: 100%; top: 0px;   width: 100%}
.part_slider .owl-nav button {position: absolute; left: -20px; top: 50%; margin-top: -20px; z-index: 4}
.part_slider .owl-nav button.owl-next {right: -20px; left: auto;}

.partners {padding-bottom: 126px;}

.allleft {text-align: left}

.portfolio {position: relative}
.port_flex {position: absolute; left: 0px; bottom: 0px; height:auto; width: 100%;  z-index: 2; display: flex; align-items: flex-end; padding: 30px 0}

.item_flex {display: flex; align-items: flex-end;}
.item_flex  h2 {font-size: 24px; color: #fff; margin-left: auto; text-transform: uppercase}

.center {text-align: center}

.way .container {padding-top: 50px;}
.way_slider {position: relative}
.way_item {  text-align: center; }
.way_item img.point {width: 93px; height: auto; display: block; margin: 0px auto 40px auto; }
.way_item h2 {font-size: 26px; line-height: 100%; margin-bottom: 10px}
.way_item p {font-size: 20px; line-height: 120%}

.way_item .num {display: block; text-align: center; padding-top: 20px; font-size: 200px; line-height: 200px; color: #312F3012; font-family: "League Spartan", sans-serif; font-weight: 600 
}

.way_item ul {display: block;font-size: 20px; line-height: 120%}
.way_item ul li {display: block; }


.way_slider .owl-stage-outer {position: relative; z-index: 5}
.way_slider .owl-nav button .fa {font-size: 40px;}
.way_slider .owl-nav {position: absolute; height: 100%; top: 0px;   width: 100%}
.way_slider .owl-nav button {position: absolute; left: -20px; top: 50%; margin-top: -40px; z-index: 4}
.way_slider .owl-nav button.owl-next {right: -20px; left: auto;}


.faq_wrapper {display: flex; }
.faq_left {width: 30%; min-width: 30%; background: url(images/waves.png); display: flex; align-items: center; justify-content: center}


.faq_right {width: 60%; min-width: 60%; padding: 70px 70px}

.faq_item {border-bottom: 1px solid #312F30; padding: 10px 0; margin-bottom: 6px}
.faq_item button {display: block; background: transparent; border: transparent; position: relative; padding: 0px 50px 0 0; font-size: 20px; line-height: 120%; width: 100%; text-align: left}
.faq_item button img {position: absolute; right: 0px; top: 0px; -webkit-transition: all 0.3s; transition: all 0.3s; transform: rotate(90deg)}
.coo_acc {font-size: 14px; line-height: 120%; height: 0px; opacity: 0; visibility: hidden; -webkit-transition: all 0.3s; transition: all 0.3s;}
.coo_acc p {margin: 0px; padding: 0px;}

.faq_item.active button img {transform: rotate(0deg)}
.faq_item.active .coo_acc{height: auto; opacity: 1; visibility: visible; padding: 10px 0}

.form_wrapper {max-width: 320px; margin: 0px auto; }
.orderform {display: block; }
.orderform label {margin-bottom: 10px; display: block; width: 100%} 
.orderform input[type="text"] {height: 55px; border: 1px solid #312F30; background: transparent; font-size: 16px; padding: 20px; border-radius: 5px; width: 100%}
.orderform a {color: #FFDD5A}
.orderform button {background: #FFDD5A; box-shadow: 2px 3px 7px 0px #312F3026; height: 55px; border-radius: 5px; border: 1px solid #FFDD5A; width: 100%; margin-top: 10px;
}
.orderform button:hover {background: #fff;}

footer .top_social {justify-content: center; padding-top: 20px; margin-bottom: 110px;}
footer .top_social a {margin: 0px 15px;}
footer .container {position: relative; z-index: 2}
.footer_msk {position: absolute; left: 0px; bottom: 0px;  width: 100%; height: 300px; background: url(images/fp.png)}
.footer_msks {position: absolute; left: 0px; bottom: 0px; height: 100%; width: 100%; background: #FFF;
background: linear-gradient(360deg,rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 1) 100%);
}

.copy_flex {display: flex; align-items: flex-end; }
.copy_logo {margin-left: auto;}

.copy {text-align: left;}
.copy>div {padding-top: 10px;}
.copy>div a {margin-right: 10px;}

.about_left { display: flex; align-items: center; justify-content: center}
.about_left_mask {background: url(images/waves.png); display: flex; align-items: center; justify-content: center;  height: 100%; width: 100%; min-width: 100%} 
.about_wrapper {display: flex; flex-wrap: wrap}
.about_left {width: 50%; min-width: 50%; padding: 10px 50px; border-right: 1px solid var(--main)}
.about_right {width: 50%; min-width: 50%; padding: 10px 50px;}

.about_stat {display: flex; max-width: 900px; flex-wrap: wrap; margin: 0px auto}
.stat_block {width: 25%; min-width: 25%; padding: 30px 30px; text-align: center; }
.stat_num {font-size: 60px; line-height: 100%; color: #FFBC59}
.stat_num span {font-size: 19px;}

 .stat_text {font-size: 18px; line-height: 120%}

.team_row {display: flex; flex-wrap: wrap; margin: 0px -5px; justify-content: center}
.team_row_block {width: 33.33%; min-width: 33.33%; padding: 5px;}

.team_image {width: 287px; max-width: 287px;   margin-bottom: 20px;}
.team_image img {max-width: 100%}


.team_block {box-shadow: 1px 1px 5px 0px #312F3033; padding: 33px 27px 45px 27px; border-radius: 25px; border-bottom-right-radius: 0px; position: relative;  -webkit-transition: all 0.3s; transition: all 0.3s; background: #fff; height: 100%}
.team_block h2 {font-size: 24px; margin-bottom: 10px;}
.team_info {padding: 5px}
.team_info a {display: block; font-size: 14px; font-weight: 100;  }
.who {font-size: 18px; margin-bottom: 10px;}

.team_footer {position: absolute; bottom: 5px; left: 0px; width: 100%; border: 1px solid red; display: flex; align-items: flex-end; justify-content: flex-end; padding: 5px; border: transparent; background: transparent}
.team_footer img {transform: rotate(90deg);  -webkit-transition: all 0.3s; transition: all 0.3s;}
.team_footer span {margin-right: 10px}

.team_content {text-align: left; font-size: 14px; opacity: 0; height: 0px; overflow: hidden;  -webkit-transition: all 0.3s; transition: all 0.3s;}

.team_block.active .team_content {height: auto; opacity: 1; }
.team_block.active .team_footer img {transform: rotate(0deg);}

.team_block.active .team_footer span {opacity: 0}
.team_row_block>img {max-width: 100%}

.team_block.orange {background: #FFBC59; text-align: center; display: flex; align-items: center; height: 100%}
.team_block.orange .in {min-width: 100%;}
.team_block.orange img {width: 65px; height: auto; margin-bottom: 20px; }


.page_wrapper{position: relative; padding-bottom: 50px }
.page_wrapper .container {z-index: 2; position: relative;}







.prod_rating {display: flex; color: #ccc}
.prod_rating span.active {color: #FFDD5A;}
.voices {margin-left: 10px; color: var(--main)}

.tabs {padding: 50px 0 0 0}
.tabs__content { padding: 70px 0px;
	display: none; /* по умолчанию прячем все блоки */
}
.tabs__content.active {
	display: block; /* по умолчанию показываем нужный блок */
}

.tabs__caption {display: flex; align-items: center; justify-content: center}
.tabs__caption li {display: block; font-size: 16px; text-transform: uppercase; padding: 5px 20px; border-radius: 5px; margin: 10px; cursor: pointer}
.tabs__caption li.active {background: #FFDD5A}

.tabs__content li, .tabs__content ul {margin-left: 30px;}




.calc_wrapper {display: flex; flex-wrap: wrap; margin: 0px -3px;}
.cb_in {width: 33.33%; min-width: 33.33%; padding: 3px}
.cb_in.full_width {width: 100%; min-width: 100%; text-align: right}

.cb_in.full_width .c_price {justify-content: flex-end; height: auto; line-height: 24px;}

 

.calc_label {height: 35px; background: #312F30; color: #fff; border-radius: 10px; display: block; width: 100%; display: flex; align-items: center; justify-content: center; margin-bottom: 10px;}
.calc_title {height: 35px; border-radius: 10px; border-bottom-right-radius: 0px; background: #fff; box-shadow: 1px 1px 5px 0px #312F3033; border: transparent; width: 100%; position: relative; padding-right: 20px; margin-bottom: 10px}
.calc_title img {width: 10px; height: auto; position: absolute; right: 10px; top: 15px; transform: rotate(90deg)}

.calc_block ul {background: #fff; position: absolute; top: 85px; box-shadow: 1px 1px 5px 0px #312F3033; width: 100%; padding: 20px 10px; z-index: 3; font-size: 14px; display: none}
.calc_block ul label {display: flex; align-items: center; padding: 0px 10px;}
.calc_block ul label input {margin-right: 5px;}
.calc_block {position: relative; }

.calc_block.active ul{display: block;}


.calculator button.submit {height: 35px; border-radius: 10px; background: #FFBC59; border: 1px solid #FFBC59; width: 100%}

.calculator button.submit.addtomycard {margin-bottom: 10px; background: #daeeff; border-color: #daeeff}


.price_range {max-width: 245px;}

.price_titles {font-size: 12px; line-height: 23px; margin-bottom: 10px}

.pl_filter {padding: 0px 0}
.pl_filter button {height: 35px; border-radius: 30px; background: #DAEEFF; border: 1px solid #DAEEFF; width: 163px;}

.product_filter ul {display: block; padding: 0px; margin: 0px 0px 30px 0px}
.product_filter ul li {display: block; font-size: 18px; line-height: 20px; margin-bottom: 25px;}
.product_filter ul li.selected a {color: #FFDD5A;}
.prod_catalog_block {display: flex; flex-wrap: wrap; box-shadow: 1px 1px 5px 0px #00000026; padding: 33px; margin-bottom: 10px; border-radius: 30px;  max-width: 730px;}



.prod_catalog_thumb {width: 282px; min-width: 282px; height: 329px; border-radius: 15px; overflow: hidden; position: relative; margin-right: 30px;}
.prod_catalog_thumb img.new {width: 50px; height: 50px; position: absolute; right: 10px !important; top: 10px;}

.prod_short_gallery {position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; }
.prod_short_gallery img {  object-fit: cover; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; -webkit-transition: all 0.9s; transition: all 0.9s;}

 
.image-container:hover .image-1 {animation:eye1 2s; animation-delay: 0s;     animation-fill-mode: forwards;}
.image-container:hover .image-2 {animation:eye2 2s; animation-delay: 2s;   animation-fill-mode: forwards;}
.image-container:hover .image-3 {  animation:eye3 2s; animation-delay: 2s;  animation-fill-mode: forwards;}




@keyframes eye1 {
    0% { opacity: 1; transform: scale(1); }   
    100% { opacity: 0; transform: scale(1.1); }
   }
@keyframes eye2 {
    0% { opacity: 1; transform: scale(1); }   
    100% { opacity: 0; transform: scale(1); }
   }
@keyframes eye3 {
     0% { opacity: 1; transform: scale(1); }   
    100% { opacity: 1; transform: scale(1.1); }
   }
 

.label_flex {display: flex; align-items: center; justify-content: center; padding: 10px 0 20px 0}
.label_flex label {margin: 0px 3px; display: flex; align-items: center;}
.label_flex label input {margin-right: 5px; }









.prod_catalog_body {flex: 1}
.prod_catalog_body h3 {font-size: 24px; }

.prod_catalog_body_price {font-size: 20px; margin: 10px 0px 0px 0px;}
/*
a.more_prod {display: flex; height: 35px; background: #FFDD5A; border: 2px solid #FFDD5A; align-items: center; justify-content: center; padding: 0px 20px; border-radius:30px; max-width: 170px; cursor: pointer;
}
a.more_prod:hover {background: #fff}

a.more_prod img {margin-left: 10px;}
*/


a.more_prod {font-size: 14px; color: #FFBC59; display: flex; align-items: center;  justify-content: flex-end; font-weight: bold}
a.more_prod img {width: 27px; margin-left: 10px}
a.more_prod:hover {color: var(--red)}
a.more_prod:hover img{filter: grayscale(1)}







.breadcrumbs {display: flex; flex-wrap: wrap; flex: 1; align-items: center; padding: 0px; margin: 0px}
.breadcrumbs li {display: block;}
.center_crumbs {margin-bottom: 50px; justify-content: center; margin-top: 70px;}
.devider {margin: 0px 5px;}

.prod_catalog_excerpt ul {display: block; padding: 0px; margin: 0px}
.prod_catalog_excerpt ul li {display: block;}

#filter_sort {margin-left: auto}
.cat_flex {display: flex; align-items: center; padding: 0px 0px 50px 0}


.s_drop {position: relative; margin-left: auto}
.s_drop ul {position: absolute; width: 232px; background: #fff; border-radius: 15px; box-shadow: 1px 1px 5px 0px #00000026; top: 35px; padding: 10px; overflow: hidden; display: none
}
.s_drop ul.active {display: block;}
.s_drop ul li {display: flex; font-size: 16px; align-items: center; position: relative;  }
.s_drop ul li img {margin-left: 0px; margin-right: 5px; opacity: 0}
.s_drop ul li input {position: absolute; left: -100px; opacity: 0; }

.s_drop ul li span~input:checked {opacity: 1;  }
.s_drop ul li input:checked~img {opacity: 1; }

.open_sort_filter {width: 232px; position: relative; border-bottom: 1px solid #FFBC59; padding: 3px 20px; cursor: pointer}

.open_sort_filter img {width: 12px; position: absolute; right: 0px; bottom: 5px; transform: rotate(90deg)}


.product_description {margin-bottom: 30px;}


.sl_item {height: 148px; border-radius: 14px; overflow: hidden; position: relative; display: flex; align-items: center; justify-content: center
}
.sl_item img {position: absolute; left: 0px; width: 100%; height: 100%; object-fit: cover; top: 0px;}

.sl_item .fa {position: relative; z-index: 3; color: #fff; opacity: 0.7; font-size: 50px;}


.product_wrapper {display: flex; flex-wrap: wrap}
.product_gallery_wrapper {width: 40%; min-width: 40%}
.product_content_wrapper {width: 60%; min-width: 60%}
.product_content_wrapper ul {padding: 0px; margin: 0px}
.product_content_wrapper ul li {display: block;}

.product_gallery { max-width: 410px;}
.product_gallery_thumb {height: 479px; width: 100%; position: relative;display: flex; align-items: center; justify-content: center; border-radius: 15px; margin-bottom: 20px; overflow: hidden;
 }

.product_gallery_thumb img {position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; object-fit: cover}
.product_gallery_thumb .fa {position: relative; z-index: 3; color: #fff; opacity: 0.7; font-size: 100px;}

.prod_price {margin: 20px 0; font-size: 20px; font-weight: 500}
.prod_price span {font-size: 30px; font-weight: 600}



.c_price {display: flex; align-items: flex-end; justify-content: center; height: 45px; font-size: 16px; line-height: 24px; font-weight: 500}
#common_price {font-weight: bold; font-size: 24px; line-height: 24px;}


.cart_rows {margin-bottom: 50px;}
.cart_line {display: flex; align-items: center; flex-wrap: wrap; border-bottom: 1px solid #ccc; margin-bottom: 10px; padding: 20px 0px;}
.cart_line button {border: none; background: none; margin-left: auto; padding: 10px;}
.cart_line button:hover {color: #fff; background: red}
.cart_line_num {display: flex; align-items: center; justify-content: center; padding: 10px; font-weight: bold;}

.cart_line_price {margin-right: 20px; display: flex; align-items: center; font-family: "League Spartan", sans-serif;}
.cart_line_price input {max-width: 70px; border: none;font-size: 24px;  height: 50px; text-align: right; margin-right: 10px; text-align: right; font-weight: 600}

#from_minsk {height: 50px; padding: 10px; text-align: center; margin-left: auto; margin-right: 20px}

 .cart_line_price input::-webkit-outer-spin-button,
.cart_line_price input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
 #aniprice { margin: 0; max-width: 60px; margin-right: 10px}
 #aniprice::-webkit-outer-spin-button,
#aniprice::-webkit-inner-spin-button {
  -webkit-appearance: none;
 
}
#addnewan {background: #FFBC59; border: 1px solid #FFBC59; border-radius: 5px; padding: 5px 20px}




 .cart_line_price input[type=number] {
  -moz-appearance: textfield;
}


.cart_line_right {min-width: 40%; margin-left: auto; display: flex; align-items: center; justify-content: flex-start; padding-left: 30px; }

.cart_line_title {flex: 1; display: flex; align-items: center
}
.cart_line_title h3 {margin-bottom: 0px;}
.cart_line_title h3 small {display: block; font-size: 16px; font-family: 'Garet Book'; }

#aqua_time {margin-left: auto}
.cart_line select {height: 45px; width: 100%; outline: none; margin-right: 20px;}
.delete_from_cart, .delete_from_cart_ani {margin-left: auto;}

.m_form input[type="text"], .m_form textarea {min-height: 55px; border-radius: 4px; padding: 10px; border: 1px solid #312F30; display: block; width: 100%; 
}
.m_form label {display: block; margin-bottom: 20px; width: 100%}
.m_form textarea {height: 100%}


.blog_thumb {width: 410px; height: 273px; border-radius: 15px; overflow: hidden; position: relative; margin-right: 70px;}
.blog_thumb img {position: absolute; left: 0px; top: 0px; height: 100%; width: 100%; object-fit: cover;}

.blog_block {display: flex; flex-wrap: wrap; margin-bottom: 100px;}
.blog_block .time {position: absolute; z-index: 2; width: 58px; height: 58px; background: #fff; left: 20px; top: 20px; font-size: 24px; display: flex; align-items: center; justify-content: center}

.blog_block .time span {display: block; text-align: center; text-transform: uppercase}

.d_month {font-size: 16px;}

.hoverable {cursor: pointer}

.blog_info {flex: 1}
.blog_info h3 {font-size: 26px; line-height: 100%}

.single_thumb {padding-right: 35px; border-right: 1px solid var(--main)}
.single_thumb img {border-radius: 15px;}

.single_row {margin-bottom: 100px;}

article img {max-width: 100%; height: auto}
article ul, article ol {margin-left: 30px;}

.pagination {display: flex; align-items: center; justify-content: flex-end; padding-top: 40px}
.pagination span, .pagination a {padding: 5px 10px; margin-left: 10px;}
.pagination span {background: #FFDD5A}

.blog_block a.more {color: #FFDD5A; display: inline-flex; align-items: center; font-weight: 700; font-size: 18px;}
.blog_block a.more img {margin-left: 10px;}

.art_links {display: flex; align-items: center; padding-top: 50px}
.art_links a:last-child {margin-left: auto}
.art_links a:first-child img{}

.rowport {display: flex; flex-wrap: wrap; margin: 0px -5px;}
.col-lg-4-port {width: 33.33%; min-width: 33.33%; padding: 5px }
.port_block {}
.port_thumb {height: 325px; width: 100%; position: relative; overflow: hidden; border-radius: 10px; margin-bottom: 30px}
.port_thumb img {position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; object-fit: cover;-webkit-transition: all 0.9s; transition: all 0.9s; }
.port_thumb:hover img{transform: scale(1.1)}
.port_block h3 {font-size: 20px; line-height: 24px; text-align: center; margin-bottom: 10px;}

.port_menu {position: relative; padding: 0px; margin: 0px 0px 30px 0px}
.port_menu li {display: block; font-size: 16px; text-transform: uppercase; margin-bottom: 24px;}
.port_menu li.active a {color: #FFBC59}

.t_cat {text-align: center; font-size: 18px; margin-bottom: 50px; }
.c_row {display: flex; flex-wrap: wrap; padding-bottom: 50px; border-bottom: 1px solid var(--main); margin-bottom: 50px}
.cont_block {width: 50%; min-width: 50px;   padding: 20px; text-align: center;}

.soc_flex {display: flex; justify-content: center; margin-bottom: 25px;}
.soc_flex a {margin: 0px 5px;}
.soc_flex img {max-width: 34px; height: auto; }

.soc_flex a svg {height: 32px; width: auto;}
.soc_flex a:hover svg path {fill:var(--red)}

.cont_block img.icon {margin-bottom: 10px;}

.flexnav { padding: 0px 50px; position: relative; }
.flexnav .cart_link {position: absolute; right: 0px; top: 0px;}
.cart_link svg {height: 22px; width: auto;}
.cart_link:hover svg path {fill:var(--red)}
.flexnav .cart_link img {width: 22px;}
.comment_body {position: relative;   margin-bottom: 50px; padding-left: 80px; font-size: 16px; }
.comment_body img {position: absolute; left: 0px; top: 0px;}
.comment_header {  display: flex; align-items: center; justify-content: flex-start; font-size: 16px; margin-bottom: 10px}


.comment_rating {display: flex; color: #ccc; margin-left: auto; font-size: 18px;}
.comment_rating span.active {color: #FFDD5A;}

.rating_check {display: flex; align-items: center }
.rating_check label {position: relative; overflow: hidden; margin: 0px 0px 0px 5px;
}
.rating_check label input {position: absolute; left: -100px; opacity: 0; visibility: hidden;}
.rating_check label input:checked~span {color: #FFDD5A}


.gallery_item {height: 334px; border-radius: 15px; border: 5px solid #fff; overflow: hidden; position: relative; width: 33.33%; min-width: 33.33%}
.gallery_item img {position: absolute; left: 0px; width: 100%; height: 100%; top: 0px; object-fit: cover}

.gallery_slider {display: flex; margin: 0px 0px 70px 0; flex-wrap: wrap}
.portfolio_stat {max-width: 450px; margin: 70px auto 0 auto; }

.portfolio_stat_line {display: flex; font-size: 16px; }
.portfolio_stat_line_left {min-width: 50%; width: 50%; text-align: right; padding: 14px 24px; border-right: 1px solid var(--main); font-weight: 800}
.portfolio_stat_line_right {min-width: 50%; width: 50%;  padding: 14px 24px;}


.prod_description {margin-bottom: 10px;}
.calc_area {padding: 30px 0 0 0}


.modal_mask {position: fixed; display: flex; align-items: center; justify-content: center; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 1000; background: rgba(0,0,0,0.6); display: none}
.modal_mask.active {display: flex;}
.modal_body {background: #fff; width: 100%; max-width: 550px; min-height: 200px; border-radius: 15px; box-shadow: 1px 1px 5px 0px #312F3033; padding: 30px; position: relative; text-align: center;}
.modal_remove, .modal_close{position: absolute; font-size: 60px; right: 3px; top: 5px; border: none; background: no-repeat; display: flex; align-items: center; justify-content: center; transform: rotate(45deg)}


.continue {display: flex; align-items: center; justify-content: center; border-radius: 5px; height: 55px; background: #FFDD5A; border: 2px solid #FFDD5A; font-size: 20px; font-weight: 600; margin-bottom: 20px; margin-top: 20px; cursor: pointer}

.continue.m_rem {background: #78ff5a; border: 2px solid #78ff5a;}
.continue:hover {background: #fff;}



.rate {
   
  height: 29px;
  padding: 0px 0px;
  display: flex; align-items: center;
   width: 104px; 
   margin: 10px 0px;
}
.rate:not(:checked) > input {
  position:absolute;
  left:-9999px;
}
.rate:not(:checked) > label {
  float:right;
  width:16px;
  overflow:hidden;
  white-space:nowrap;
  cursor:pointer;
  font-size:16px;
  color:#ccc;
}
.rate:not(:checked) > label:before { font-size: 16px;
  content: '★';
}
.rate > input:checked ~ label {
  color: #ffc700;
}
.rate:not(:checked) > label:hover,
.rate:not(:checked) > label:hover ~ label {
  color: #deb217;
}
.rate > input:checked + label:hover,
.rate > input:checked + label:hover ~ label,
.rate > input:checked ~ label:hover,
.rate > input:checked ~ label:hover ~ label,
.rate > label:hover ~ input:checked ~ label {
  color: #c59b08;
} 
 
 
 
.revform {display: block; max-width: 388px;}
.revform label.for_input {position: relative; display: block; margin-bottom: 15px; width: 100%}
.revform input[type="text"], .revform input[type="email"], .revform textarea {width: 100%; display: block;
border: 1px solid var(--main); border-radius: 10px; display: block; background: transparent; padding: 15px 20px;
}

.for_check {position: relative; padding-left: 20px; font-size: 12px; line-height: 18px; margin-bottom: 20px;}
.for_check input {position: absolute; left: 0px; top: 5px}
.revform button {height: 55px; background: var(--main); border: 2px solid var(--main); color: #FFDD5A; font-size: 20px; border-radius: 10px; width: 100%; display: block;}
.revform button:hover {background: transparent}

.del_image {background-image: url('images/delivery.webp'); height: 316px; background-size: cover; margin-top: 60px; }

.attantion {max-width: 480px; font-size: 12px; line-height: 18px; padding-top: 30px;}
.attantion p, .attantion ul   {margin-bottom: 15px;}
.attantion h3 {font-family: 'AdihausDIN'; font-size: 20px; line-height: 20px; margin-bottom: 15px }

.same_prods .h3 {margin-bottom: 50px;}
.sim_col_block {display: block; text-align: center; height: 100%}
.sim_col_body {margin: 0px auto; max-width: 287px;   height: 100%;  position: relative; padding-bottom: 80px;}

.sim_thumb {height: 325px; width: 100%; position: relative; margin-bottom: 20px; border-radius: 10px; overflow: hidden}
.sim_thumb img {position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; object-fit: cover}
.sim_col_block h4 {font-size: 20px; line-height: 100%; display: block; text-align: center; margin-bottom: 16px;}

.sim_col_block .prod_rating {display: inline-flex; margin: 0px auto 10px auto;}

.sim_price {font-size: 30px; line-height: 100%; font-weight: 600; text-align: center;}
.sim_footer {text-align: center; position: absolute; left: 0px; bottom: 0px; width: 100%; }

.blog_container {padding: 100px 0 0 0}
.blog_container.conts {padding: 100px 0 100px 0}

.mobile {display: none}
.mobile_footer_menu {display: none}

.product_params p {margin-bottom: 3px;}


.small_popupar_block {margin-bottom: 20px; display: flex; max-width: 240px;}
.small_popupar_body{display: flex; }
.small_popupar_thumb {height: 72px; width: 72px; min-width: 72px; position: relative; overflow: hidden; border-radius: 5px; margin-right: 20px;}
.small_popupar_thumb img {object-fit:cover; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%}

.small_popupar_block h4 {font-size: 18px; line-height: 100%; font-weight: 400;}
.small_popupar_price {font-weight: 600; color: #FFBC59}


.popular_adds {padding-top: 70px;}

.pic_container {height: 500px; overflow: hidden; position: relative;}

.aniselects {margin: 30px 0; display: flex; align-items: center}
.aniselects .c_price {display: flex; align-items: center; margin-left: 20px}
.aniselects select {height: 40px; margin-right: 10px }

.anicalc button {
    height: 35px;
    border-radius: 10px;
    background: #FFBC59;
    border: 1px solid #FFBC59;
    display: inline-block; padding: 0px 20px;
}
.anicalc button:hover {background: transparent;}
.anicalc button.addani
{
    margin-bottom: 10px;
    background: #daeeff;
    border-color: #daeeff;
}

#add_ani {background: #FFBC59; display: inline-block; border-radius: 5px; padding: 10px 20px;   cursor: pointer; 
	border: 2px solid #ffbd59; margin-left: auto}
.add_ani:hover {background: transparent;}

.modal_ani_wrapper { padding: 20px; max-width: 500px; margin: 0px auto;}
.modal_ani_header {display: flex; margin-bottom: 10px;}
.modal_ani_header select {height: 30px; margin-right: 10px}
.modal_ani_list {max-height: 250px; overflow-y: auto; border: 1px solid #ddd; padding: 0px;}
.modal_ani_wrapper label {display: block; margin-bottom: 5px; position: relative; padding: 5px 5px 5px 25px;}
.modal_ani_wrapper label input {position: absolute; left: 10px; top: 8px;}
.modal_ani_wrapper label:hover {background: #f9f9f9}

.nan label {text-align: left}

.promo {padding-top: 50px}

.ok {margin-bottom: 30px;}
.modal_closes {background: var(--main); color: #FFDD5A; font-size: 20px; font-weight: bold; width: 100%; display: block; border: transparent; height: 49px; border-radius: 5px; max-width: 270px; margin: 30px auto 0px auto}
.order_wrapper {padding: 10px 0 20px 0}
.order_button, .pl_filter button.order_button {background: #FFBC59; width: auto; padding: 8px 20px; height: auto; border: 1px solid #FFBC59; white-space: nowrap;  color: var(--main);   border-radius: 5px;  }
.order_button:hover, .pl_filter button.order_button:hover {background: #fff; color: #000}