@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

body {font-family: "Montserrat", sans-serif; font-weight: 300}
/*background: #db9dc63b*/

:root {
  --grey: #77797f;
  --dark:#474a51
 
}

.mobile {display: none}

.top_banner {height: 812px; background: #292a25; background-position: center center; background-repeat: no-repeat; background-size:cover; display: flex; align-items: center;}
.top_banner h1 {color: #fff; font-size: 45px; line-height: 45px;}


@media (max-width: 1450px) {
.top_banner {height: 650px;}
}  

a:hover {color:#000}

 img.logo {width: 360px; height: auto;  }
.logo_arrea {width: 360px;   color: #fff; }
.header {position: absolute; left: 0px; top: 0px; z-index: 50; width: 100%;   height: auto;}
.top_line {display: flex; max-width: 1700px; margin: 0px auto; padding-top: 47px; padding-left: 20px; padding-right: 20px;}


  .top_info {display: flex; font-size: 12px; line-height: 12px; padding-top: 16px;}
 .top_info a,   .top_info span {flex-grow: 1; font-size: 11px; line-height: 12px; color: #fff; font-weight: 500 }
 
 .head_area {display: flex; align-items: flex-start; padding-top: 10px; margin-left: auto; justify-content: flex-end}
 .head_menu {display: flex; padding: 0px; margin: 0px;    }
 .head_menu li {display: block; margin: 0px 10px; }
 .head_menu li a {color: #fff; font-size: 18px; line-height: 25px; font-weight: 300}
 
 .head_menu li.current-menu-item a {color: #fff; font-weight: bold;  }
 
 .header_buttons {display: flex; }
 .header_buttons img {max-width: 100%; height: auto}
 .header_buttons a, .header_buttons button { background: transparent; border: transparent; margin-left: 10px; width: 24px; height: 24px; }
 
 .fix_header {position: fixed; left: 0px; top: 0px; z-index: 50; width: 100%; background: #292a25; display: flex; align-items: center; c; padding: 20px; margin-top: -100px; -webkit-transition: all 0.3s; transition: all 0.3s;}
  .fix_header.active {margin-top: 0px;}
 
 .fix_header  .top_info a,   .fix_header  .top_info span {font-size: 12px; margin-right: 30px;}
  .fix_header  .top_info {padding: 0px}
 .fix_header .head_area {padding-top: 0px}
 
 
 .preim_block{background: var(--dark); padding: 30px 25px; height: 100%; border-radius: 20px; color: #fff;}
 .preim_image {background: var(--grey); width: 90px; min-width: 90px; margin-right: 20px; height: 90px; border-radius: 50%; box-shadow: 1px 0px 10px 0px #00000036; display: flex; align-items: center; justify-content: center; padding: 16px }
 .preim_image img {max-width: 100%; height: auto; filter: invert(0%);}
 .preim_header {display: flex; align-items: center; margin-bottom: 20px;}
  .preim_title {color: #fff; font-size: 28px; line-height: 30px; font-weight: 500}
  
  .preims {padding: 90px; 0}
  .mb30 {margin-bottom: 30px}
  
  .wow.animation { }
  
  
  @keyframes fadeIn {
  0%   {opacity:0;}
  100%  {opacity:1 }
}
.animation .fadeIn {
 opacity: 0;
 animation-name: fadeIn;	
 animation-duration: 1s;	
 animation-delay: 1s;
 animation-fill-mode: forwards;	
}
.animation .fadeIn_2{
animation-delay: 1s;	
}


@keyframes fadeUp {
  0%   {opacity:0; transform: translateY(200px)}
  100%  {opacity:1;  transform: translateY(0px) }
}
.animation .fadeUp {opacity: 0;
 animation-name: fadeUp;	
 animation-duration: 1s;	
 animation-delay11: 1s;
 animation-fill-mode: forwards;	
}


h2, .h2 {font-weight: 600; font-size: 45px;}

.the_baza {background-size: cover; height: 190px; background-repeat: no-repeat; background-position: left center; border-radius: 20px; padding: 60px 40px; display: flex; justify-content: flex-end; align-items: center}

.slider_item {padding: 0px 0}

.about_flex {display: flex; align-items: center; }
.about_flex .about_text {flex: 1; padding-right: 50px}
.about_flex .about_text strong {font-weight: 600}
.about_logo {width: 450px; max-width: 450px;}
 

.cart_block {border-radius: 12px; display: flex;  background: #474a51; position: relative; padding: 26px 24px 18px 244px; color: #fff; min-height: 223px ; box-shadow: 1px 3px 10px 1px #0000005c;}
.cart_block .cart_label {writing-mode:vertical-rl; height: 100%;   position: absolute; left: 17px; top: 0px;
  text-orientation:initial; text-align: center; transform: rotate(180deg); font-weight: bold; font-size: 20px}

.add_to_cart {display: flex; width: 100%; align-items: center; border: 1px solid #77797f; border-radius: 12px; overflow: hidden; height: 40px; position: absolute; bottom: 0px; left: 0px; width: 100%; background: transparent;}
.add_to_cart:hover {background: #000}
.add_to_cart img {max-width: 30px; width: 30px; }
.add_to_cart .img_wrapper {width: 67px; display: flex; align-items: center; justify-content: center; min-width: 67px; border-radius: 10px; background: #77797f; height: 100%}
.add_to_cart .price_text {text-align: center; color: #fff; flex: 1; font-weight: 500}

.cart_wrapper {  padding: 80px 0}

.cart_image {width: 160px; height: 300px; display: flex; align-items: center; justify-content: center;  position: absolute; left: 70px; top: -40px;}
.cart_image img {max-height: 100%; display: block; position: relative; transform: rotate(-9deg); -webkit-transition: all 0.3s; transition: all 0.3s;}
.cart_image img:hover {transform: rotate(0deg) scale(1.2); z-index: 3}
.cart_body {position: relative; text-align: center; padding-bottom: 50px; position: relative; height: 100%;  }
.cart_title {display: block; color: #fff; text-align: center; margin-bottom: 5px; font-size: 18px; margin-bottom: 10px; font-weight: 600}
.cart_description {font-size: 13px; line-height: 140%; margin-bottom: 10px;}
.cart_volume {font-size: 18px; font-weight: 400; font-weight: 600}

.my_slider {position: relative}
.my_slider .owl-nav {position: absolute; z-index: 2; top: 0px; width: 100%;   height: 100%}
.my_slider .owl-nav button.owl-next, .my_slider .owl-nav button.owl-prev {width: 30px; position: absolute; height: 50px; font-size: 50px; display: flex; align-items: center; justify-content: center; color: #ddd; font-weight: 100; top: 50%; margin-top: -30px; left: -40px;  opacity: 0.2 }
.my_slider .owl-nav button.owl-next {left: auto; right: -40px; }
.my_slider .owl-stage-outer {position: relative; z-index: 20}

.my_slider .cart_image img {width: auto !important}

.my_slider .owl-nav button.owl-prev.disabled {border-right: 3px solid #cbcbcb; opacity: 1; cursor: default}
.my_slider .owl-nav button.owl-next.disabled {border-left: 3px solid #cbcbcb; opacity: 1; cursor: default}



.my_slider .owl-nav button.disabled img {display: none}
.flex_title {display: flex; align-items: center; flex-wrap: wrap; padding: 0px 30px}
.flex_title.nopad {padding: 0px;}
.flex_title a.al_right {margin-left: auto;}
.flex_title h2.al_right {margin-left: auto;}

.sellers {padding: 40px 0}

.faq_logo {width: 328px; height: auto;}
.faq_block {  color: #fff; margin-bottom: 24px}
.faq_block button {display: block; position: relative; border-radius: 30px; padding: 30px 30px 50px 30px;; text-align: center; border: transparent; background: #080808; color: #fff; font-size: 24px; line-height: 120%}

.faq_collapse {font-size: 16px; line-height: 160%; border-radius: 30px; padding: 0px 30px; background: #080808; height: 0px; overflow: hidden; -webkit-transition: all 0.3s; transition: all 0.3s;}
.faq_collapse a {color: #fff; text-decoration: underline}
.oval {width: 191px; height: 43px;   background: url(images/oval.png) no-repeat; }
.oval_wrapper {display: flex; justify-content: center; padding-right: 0px; overflow: hidden; height: 0px}
.arr {width: 36px; height: 24px; background: url(images/arrow.png); background-size: 100% auto; background-repeat: no-repeat; position: absolute; left: 50%; margin-left: -18px; bottom: 20px; transform: rotate(180deg);-webkit-transition: all 0.3s; transition: all 0.3s; }

.faq_block.active .faq_collapse {padding: 30px;height: auto;}
.faq_block.active .oval_wrapper{height: auto; padding-left: 0px}
.faq_block.active .arr {margin-left: -25px; bottom: -33px; transform: rotate(0deg)}
.faq_wrapper {padding-top: 70px;}
.news_wrapper {padding: 10px;}
.news_block {position: relative; border-radius: 24px; padding: 10px; display: flex; align-items: center; box-shadow: 1px 1px 3px 6px black ; box-shadow: 1px 1px 13px 0px #00000066;}
.news_thumb {width: 210px; min-width: 210px; height: 210px; margin-right: 15px; border-radius: 24px; overflow: hidden; position: relative; box-shadow: 1px 1px 13px 0px #00000066;}
.news_thumb img {width: 100%; height: 100%; top: 0px; left: 0px; position: absolute; object-fit: cover}
.news_info {display: flex; align-items: center; padding-bottom: 100px; position: relative;}
.news_info a.news_more {height: 57px; display: inline-flex; width: 100%; align-items: center; padding: 0px 20px; border: 1px solid #000; border-radius: 100px; left:0px; bottom: 20px; position: absolute; justify-content: center;
}
.news_info a.news_more:hover {color: #fff; background: #474a51}

.sert_wrapper {display: flex; align-items: center; margin-top: -50px}
.sert_wrapper img {width: 150px; height: auto; }
.sert_wrapper a {position: relative; z-index: 2; display: block;}
.sert_wrapper a:first-child {z-index: 3; margin-right: -70px;}

.sert_wrapper a:hover {z-index: 10}

.center {text-align: center;}
.myorder {padding-top: 70px;}

.orderform label {display: block; width: 100%; margin-bottom: 10px;}
.orderform input[type='text'], .orderform input[type='email'] {height: 59px; border-radius: 24px; border: 1px solid #474a51; background: transparent; padding: 0px 20px; font-weight: 100; display: block; width: 100%; font-weight: 500}
.orderform input::placeholder {color: #999}

.orderform label.for_check {display: flex; align-items: center; justify-content: center; padding:45px 0}
.orderform label.for_check input {width: 20px; height: 20px; margin-right: 10px;}
.orderform .for_button {display: flex; justify-content: center}
.orderform button {height: 57px; display: inline-flex; background: transparent; align-items: center; padding: 0px 40px; border: 1px solid #000; border-radius: 100px;  justify-content: center;
}
.orderform button:hover {color: #fff; background: #474a51}
.rel {position: relative;}
.map_info {width: 479px; background: rgba(255,255,255,0.8); padding: 45px 50px; border-radius: 24px; position: absolute; left: 0px; min-height: 400px; z-index: 10px; top: 80px; text-align: center;}

.soc_links {display: flex; align-items: center; justify-content: center}
.soc_links img {width: 45px; height: auto; margin: 0px 5px;}

.map_logo {display: block; margin-bottom: 68px;}
.adres {margin-bottom: 60px;}
.clients {margin-bottom: 40px}

.footer {padding: 40px 0; background: #474a51; color: #fff}

.template {padding-top: 233px; background-image: url(images/back.png); background-repeat: repeat-x; background-position: left top
	
}
.term_section {padding-bottom: 40px; }
.al {text-align: left}
.ar {text-align: right}
.cat_desc {margin-bottom: 140px}

.sin_block_wrapper { padding: 30px 0px;}
.sin_block {background: #44474e; border-radius: 24px; padding: 22px; position: relative; display: flex; align-items: center; color: #fff; min-height: 390px; height: 390px; padding-left: 150px}

.sin_block .cart_label {
    writing-mode: vertical-rl;
    height: 100%;
    position: absolute;
    left: 33px;
    top: 0px;
    text-orientation: initial;
    text-align: center;
    transform: rotate(180deg);
    font-weight: bold;
    font-size: 30px;
}

.sin_thimb {width: 150px; min-width: 150px; height: 440px;  display: flex; align-items: center; margin-right: 70px;}

.sin_thimb img {max-width: 100%; height: auto;}
.sin_gallery {width: 110px;  min-width: 110px; height: 100%; flex-wrap: wrap; display: flex; align-items: center; margin-right: 55px;}
.sin_gallery a {display: block; min-width: 100px; height: 100px; border-radius: 24px; background: #77797f; display: flex; align-items: center; justify-content: center; padding: 10px; margin:6px 0; box-shadow: 1px 1px 17px #0000006e; 
}
.sin_gallery a img {max-height: 90px; height: 90px; width: auto;}

.sin_info { height: 100%; padding-bottom: 100px; flex: 1; color: #fff; position: relative;}

.sin_info h1 {font-size: 24px; font-weight: 600; line-height: 120%; color: #fff}
.param_line {display: flex; align-items: center; font-size: 14px; margin-bottom: 2px}

.par_name {width: 50%; min-width: 50%; display: flex}
.my_dots {  flex: 1; position: relative; margin: 0px 5px }
.my_dots .dt {border-bottom: 1px dotted #fff; position: absolute; width: 100%; height: 1px; bottom: 6px; content: '';}
.sin_params {padding: 20px 0; position: relative;}
a.more_params {color: #fff; text-decoration: underline}

.sin_block .add_to_cart {position: absolute; left: 0px; bottom: 30px; width: 230px;}

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

.tabs h2, .tabs .h2 {font-size: 24px;}

.sin_tabs {padding: 90px 0}
.tabs__caption {display: flex; align-items: center; flex-wrap: wrap; margin-bottom: 40px}
.tabs__caption li {display: block; font-size: 26px; line-height: 36px; flex: 1}
.tabs__caption li.active {font-weight: 600}

.tabs__content .param_line {font-size: 16px;}
.tabs__content .my_dots .dt {border-bottom: 1px dotted #111; }
.tabs__content .param_line {margin-bottom: 10px}




.remove_from_cart  {display: flex; width: 100%; align-items: center; border: 1px solid #77797f; border-radius: 12px; overflow: hidden; height: 40px; position: absolute; bottom: 0px; left: 0px; width: 100%; background: transparent;}
.remove_from_cart:hover {background: #000}
.remove_from_cart  img {max-width: 30px; width: 30px;  }
.remove_from_cart  .img_wrapper {width: 67px; display: flex; align-items: center; justify-content: center; min-width: 67px; border-radius: 10px; background: #77797f; height: 100%; margin-left: auto}
.remove_from_cart  .price_text {text-align: center; color: #fff; flex: 1; font-weight: 500}
.sin_block .remove_from_cart {position: absolute; left: 0px; bottom: 0px; width: 230px;}

.backet {position: relative}
#c_count, #c_count1, #c_count3 {position: absolute; color: #fff; font-size: 12px; right: -5px; top: -13px; }
#c_count3 {right: -10px}
.banner_404 {background-image: url(images/404.webp); background-size: 100% auto; margin-top: -150px; background-position: center top; height: 800px; padding-top: 200px; font-size: 24px; line-height: 32px;}

.bwr {display: flex; align-items: center; padding-top: 60px}
.bwr a {display: inline-flex; border-radius: 20px; height: 81px; border: 1px solid #474a51; font-size: 24px; color: #000; align-items: center; padding: 0px 48px; margin-right: 46px; white-space: nowrap
}
.bwr a:hover {background: #f1f1f1}
.padwrap {padding: 30px 0}
.get_line {background: #474a51; padding: 26px; border-radius: 20px; color: #fff; display: flex; align-items: center; margin-bottom: 16px; margin: 0px auto 16px auto; max-width: 1010px;}
.get_line span {margin-right: 30px; font-size: 26px; font-weight: 500}
.get_line img {width: 178px; min-width: 178px; margin-left: auto;}

.wheredesc {font-size: 24px; line-height: 32px; padding-top: 50px}

.rasp_h200 {height: 200px;}

.f_contacts .sellers {margin-top: -200px}

article {display: block; max-width: 1100px; margin: 0px auto; font-size: 20px; line-height: 32px;}

article img.alignnone {width: 100%; height: auto; margin-bottom: 30px; border-radius: 20px;
	 box-shadow: 1px 3px 10px 1px #0000005c;}
a.und {text-decoration: underline}

.breadcrumbs__current {font-weight: 600}

.blackpad{color: #fff; border-radius: 20px; padding: 20px; background: #474a51; margin-bottom: 16px; height: 100%}
.blackpad .black_title {text-align: center; font-size: 19px; font-weight: 500; margin-bottom: 20px}
.blackpad ul {margin-left: 20px;}
.pb30 {margin-bottom: 16px}

.footer_line {display: flex; flex-wrap: wrap}
.footer_left {display: flex;}
.footer_left_soc{width: 50px; margin-right: 20px; min-width: 50px;}
.footer_left_soc a{margin-bottom: 10px; display: block;}
.footer_left_soc img{width: 40px; height: auto
}

.footer_info {display: flex; padding-top: 10px; font-size: 12px; margin-bottom: 16px}
.footer_info a {color: #fff}
.footer   img.logo {width: 450px;}
.footer_info span, .footer_info a {margin-right: 20px;}
.footer_adres {font-size: 12px; line-height: 20px;}


.footer_right_menu {display: block; margin-left: auto; }
.footer_right_menu li {display: block; text-align: right;}
.footer_right_menu li a {color: #fff; font-size: 14px;}
 
 
 .single_image {height: 460px; border-radius: 20px; box-shadow: 1px 3px 10px 1px #0000005c; position: relative;
	  overflow: hidden; margin-bottom: 50px; }
	  
 .single_image img {position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; object-fit: cover}	  
.single_h1 {font-size: 30px; line-height: 130%; text-align: center; margin-bottom: 37px;}	  
	  
	  
.single_article {font-size: 18px; line-height: 130%; }	  
.single_article h4 {font-size: 20px; line-height: 130%; margin-bottom: 20px; font-weight: 600}	  
.single_article h3 {font-size: 20px; line-height: 130%; margin-bottom: 20px; font-weight: 600}	  
.single_article h2 {font-size: 24px; line-height: 130%; margin-bottom: 20px; font-weight: 600}	  
	  
.single_article ul, .single_article ol {margin-left: 30px; }	  
	  
	  
.article_stats {padding: 50px 0px;}

.article_raiting_title {font-size: 18px; line-height: 22px; font-weight: 600} 
.rate {
   
  height: 29px;
  padding: 0px 0px;
  display: block;
   width: 104px;
   margin: 10px 0px;
}
.rate:not(:checked) > input {
  position:absolute;
  left:-9999px;
}
.rate:not(:checked) > label {
  float:right;
  width:20px;
  overflow:hidden;
  white-space:nowrap;
  cursor:pointer;
  font-size:20px;
  color:#ccc;
}
.rate:not(:checked) > label:before {
  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;
} 	  





.cart_form_wrapper {padding: 78px 0px 0px 100px; position: sticky; 
    top: 30px;}
.cart_form { 
    border-radius: 12px;
    display: flex;
    background: #474a51;
    position: relative;
    padding: 24px;
    color: #fff;
    min-height: 223px;
    box-shadow: 1px 3px 10px 1px #0000005c;
 }
 
 .c_form_header {display: flex; align-items: center; font-size: 18px; font-weight: 600; margin-bottom: 22px;}
 .c_price {margin-left: auto; font-size: 24px; }
  .c_form p {margin-bottom: 24px;}
   .c_form label {display: block; width: 100%; margin-bottom: 10px}
    .c_form input[type='text']{width: 100%; padding: 0px 10px; display: flex; height: 42px;   
	    border: 1px solid #77797f; background: transparent; color: #d1d2d7;  border-radius: 10px;}
.c_form button {border: 1px solid #77797f; background: transparent; color: #fff; display: inline-flex; align-items: center; padding: 0px 30px; border-radius: 10px; height: 42px}	    
.c_form button:hover {background: #000; color: #fff}

.delete_from {width: 37px; height: 37px; border-radius: 4px; display: flex; align-items: center; justify-content: center;
	 background: rgba(255,255,255,1); opacity: 0.7; position: absolute; right: -20px; top: -20px; border: transparent; padding: 10px;}
.delete_from img {max-width: 100%;}
.cart_block {position: relative;}


.cart_stat {height: 52px; border: 1px solid #77797f; margin-top: 10px;  border-radius: 10px; position: relative; display: flex; box-shadow: inset 1px -1px 10px 0px #00000040;}
.cart_stat_left {width: 35px; min-width: 35px; display: flex; align-items: center; justify-content: center; font-size: 24px; font-weight: 600; cursor: pointer }
.cart_stat_right{width: 35px; min-width: 35px; display: flex; align-items: center; justify-content: center; margin-left: auto ;font-size: 24px; font-weight: 600 ; cursor: pointer}
.cart_stat_center {flex: 1; text-align: center; font-weight: 600; padding: 5px 0px;  }

.cart_wrapper.shop_wrapper .cart_body {padding-bottom: 0px;}

.button_white{display: inline-flex; height: 42px; color: #fff; border: 1px solid #fff; border-radius: 10px; padding: 0px 20px; align-items: center}
.button_white:hover {background: #fff; color: #000}

.mobile_menu_drop {display: none}


#scroll_top {position: fixed; bottom: 50px; right: 40px; display: inline-flex; align-items: center; justify-content: center; opacity: 0; width: 70px; height: 70px; z-index: 100; border: 1px solid #fff; border-radius: 50%;}
#scroll_top img {max-width: 100%; height: auto;}
#scroll_top.active {opacity: 1}


.news_slider { margin: 0px 0px}
.mb80 {margin-bottom: 80px}

.bPwrap {display: flex; flex: 1; justify-content: center; padding-top: 20px;
}

.bPwrap .button {border: 1px solid #000; height: 57px; border-radius: 100px; align-items: center; display: inline-flex; padding: 0px 30px; margin-left: -20px; }
.sert_wrapper a:hover .button {background: #000; color: #fff}