@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Roboto+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap');

input, textarea {
  outline: none !important; /* Никакой подсветки */
  box-shadow: none !important; /* Никаких теней */
  border-color: transparent; /* Границы невидимы */
}

body{
    /* font-family: "Montserrat", sans-serif; */
      font-family: "Roboto Condensed", sans-serif;
}
.docitem img {
  
    box-shadow: 9px 17px 20px 0px rgba(0, 0, 0, 0.1), 0px 0px 5px 0px #0f0f0f2b;
 
    border: 1px solid #fed901;
}
input[type="text"], textarea {
outline: none;
box-shadow:none !important;
border:1px solid #ccc !important;
}
.ms2_form{
       font-size: 20px;
}
.nostrong{
    font-weight:400!important;
}
.yesstrong{
    font-weight:600!important;
}
.price{
    font-size:24px;
    font-weight:600;
}
#msProduct{
            background: #fff;
}
.current-city {
    background:rgb(79 82 97);
    padding: 9px 15px;
    border-radius: 8px;
    font-size: 14px;
    color: white;
        width: fit-content;
}
.porit{
    font-size:16px!important;
}
.rowsfilter{
    display:flex;
        align-items: center;
    gap:30px;
        overflow: auto;
}
.rowsfilter label{
    color: rgb(33, 37, 41);
font-size: 14px;
font-weight: 400;
line-height: 24px;
letter-spacing: 4%;
text-align: left;
    text-wrap-mode: nowrap;

}
.p2p_name{
    min-height:66px;
}
.custom-label{
    border: 1px solid transparent;
border-radius: 8px;
padding:8px;
}
.custom-label input    {
    display:none;

}
.custom-label svg{
    display:none;
}
.custom-label.active svg{
    display:block;
}
.custom-label.active {
box-sizing: border-box;
/* темно серый */
border: 1px solid rgb(254 217 1);
border-radius: 8px;
padding:8px;
display: flex;
    align-items: center;
    gap: 10px;
}
.breadcrumb a, .breadcrumb span, .breadcrumb li{
    /* caption */
color: rgba(33, 37, 41, 0.5);
font-size: 14px;
font-weight: 400;
line-height: 19px;
letter-spacing: 4%;
text-align: left;
}
.blockinf{
    border-radius: 12px;
background: rgb(244, 244, 244);/* Автолейаут */
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
gap: 29;
padding: 20px 30px 20px 30px;
}
.pinf{
    color: rgba(79, 82, 97, 0.4);
font-size: 12px;
font-weight: 400;
line-height: 16px;
letter-spacing: 2%;
text-align: left;
    display: block;
}
.blockinf h1{
    color: rgb(33, 37, 41);
font-size: 30px;
font-weight: 400;
line-height: 40px;
letter-spacing: 2%;
text-align: left;
margin-bottom:20px;
margin-top:10px;
}
.blockinf .rows {
    display: flex;
    width: 100%;
    align-items: center;
    gap:30px;
    margin-bottom:5px;
}
.ctroka{
    width:100%;
}
.blockinf .rows .col2{
    width:calc(100% - 160px);
    color: rgb(33, 37, 41);
font-size: 16px;
font-weight: 400;
line-height: 21px;
letter-spacing: 2%;
text-align: left;
}
.blockinf .rows .col-form-label{
    color: rgba(33, 37, 41, 0.4);
font-size: 16px;
font-weight: 400;
line-height: 21px;
letter-spacing: 2%;
text-align: left;
width:130px;
}
.mb20{
    margin-bottom:20px;
}
.hr{
    border: 1px solid rgb(208, 213, 221);
    margin:40px 0;
    width:100%;
}





.caf img{
    width:100%;
}
.asd{
    background:#fff;
}
#msGallery{
        height: 100%;
}
.one-time, .gallery-item-img, .kopsert, .slick-list, .slick-track{
      height: 100%!important;
}
#msGallery a{
     height: 100%; 
     display: block;
}
#msGallery .slick-dots{
    bottom:10px!important;
}
.slick-dots li.slick-active button:before {
    color: #fff!important;
}
.slick-dots li button:before {
    color: #fff!important;
}
.hol{
    margin:15px auto;
    font-size:20px!important;
    font-weight:600;
}
#product_price{
    text-align:center;
    border: 1px solid;
}
.input-group{
    max-width:150px;
}
.input-group-append .btn{
    width:30px;
        text-align:center;
}
.slick-prev:before {
    content: none!important;
}
.slick-next:before {
    content: none!important;
}
.slick-arrow svg{
    color:#fff;
}
#msProduct .slick-prev {
    left: 20px!important;
    z-index: 4!important;
}
#msProduct .slick-next {
    right: 20px!important;
    z-index: 4!important;
}
#msProduct h1{
    font-size:2rem;
}

.tab-content{

    padding:20px;
}
.nav-link.active{
        border: 0px solid #4f5261;
}
.nav-tabs{
    margin-bottom:-2px;
        margin-bottom: -2px;
color: rgba(79, 82, 97, 0.5);
font-size: 16px;
font-weight: 400;
line-height: 22px;
letter-spacing: 2%;
text-align: left;

border-bottom: 1.5px solid rgb(228, 228, 231);
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    border-radius: 0!important;
}
a{
    text-decoration:none;
      color: #3f3f3f;
}
img{
    max-width:100%
}
header{
    padding:10px 0;
    background:#fff;
}
header .rows{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap:40px
}
.serch{
    width:500px;
}
.cena2{
    font-size:24px;
    font-weight:600;
}
.logo{
    max-width:200px;
}
.cart{
    width:200px;
}
.serht{
    position:relative;
}
.serht input{
    height:40px;
    padding-right:40px;
        border: 1px solid #fece00!important;
}
.serht .btn-secrh{
    position: absolute;
    background: none;
    height: 40px;
    width: 40px;
    border: none;
    top: -2px;
    right: 0;
}
#msMiniCart{
        color: #3f3f3f;
}
#msMiniCart h5, .msMiniCart h5 {
    margin: 0;
    display: flex;
    align-items: center;
    gap: 10px;
}
header .phone{
    text-align:center;
} 
header .phone a{
    display:block;
}

.location__content {
  display: grid;
  grid-template-columns: 1fr 2fr;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  grid-gap: 24px;
}

.breadcrumb.breadcrumb--location {
  margin: 0 0 78px 0;
}

.location__items {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  grid-gap: 24px;
  margin: 0 0 40px 0;
}

.location__info {
  padding: 0 0 112px 0;
}

.location__item {
  display: grid;
  grid-template-columns: auto 1fr;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 10px;
  -moz-column-gap: 10px;
  column-gap: 10px;
}

.location__item a,
.location__item strong {
  font-size: 24px;
  line-height: 1.2;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.location__item span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 22px;
  height: 22px;
}
.location__item span svg {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
#form .strlop{
    height:350px;
}
 .feedback-form-container {
        box-sizing: border-box;
        display: flex;
        flex: 0 0 auto;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        max-width: initial;
        height: 330px;
        background: url("/theme/img/1/image_4e4bcc6d.png") 50% / cover no-repeat;
      }
      .inp1{
          
      }
      .feedback-form-container2 {
        box-sizing: border-box;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        padding-top: 52px;
        padding-bottom: 53px;
      }
      .feedback-form-section {
        box-sizing: border-box;
        flex: 0 0 auto;
        width: 45.23%;
        padding-top: 17px;
        padding-bottom: 28px;
      }
      .main-heading-text-style {
        padding: 0;
        margin: 0;
        font: 400 60px "Roboto Condensed";
        font-size:60px;
        font-weight:400;
        color: #4f5261;
        letter-spacing: 2.4px;
      }
      .feedback-form-description {
        box-sizing: border-box;
        max-width: 652px;
        padding: 0;
        margin: 0;
        margin-top: 16px;
        font: 400 20px/28px "Roboto Condensed";
        color: #4f5261;
        text-align: left;
        letter-spacing: 0.4px;
      }
      .feedback-form-container1 {
        box-sizing: border-box;
        display: flex;
        flex: 0 0 auto;
        flex-direction: column;
        gap: 21px;
        align-items: end;
        justify-content: center;
        width: 54.77%;
      }
      .horizontal-box-container1 {
        box-sizing: border-box;
        flex: 0 0 auto;
        min-width: 366px;
      }
      .white-border-input-container {
        box-sizing: border-box;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: start;
        width: 100%;
        height: 61px;
        padding-left: 31px;
        font: 400 16px/21px "Roboto Condensed";
        color: white;
        border: 1px solid white;
        border-radius: 8px;
        opacity: 0.4;
        background: none;
      }
      .-webkit-control-input-style {
        box-sizing: border-box;
        width: 100%;
        font: 400 16px/21px "Roboto Condensed";
        background: transparent;
        border: none;
        outline: none;
        opacity: 0.4;
      }
      .input-style-51120a10::placeholder {
        color: white;
      }
      .horizontal-box-container {
        box-sizing: border-box;
        flex: 0 0 auto;
        min-width: 366px;
      }
      .header-input-container {
        box-sizing: border-box;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: start;
        width: 100%;
        height: 61px;
        padding-left: 31px;
        font: 400 16px/21px "Roboto Condensed";
        color: white;
        border: 1px solid white;
        border-radius: 8px;
      }
      .-webkit-control-input-style1 {
        box-sizing: border-box;
        width: 100%;
        font: 400 16px/21px "Roboto Condensed";
        background: transparent;
        border: none;
        outline: none;
      }
      .input-style-39bd7bb9::placeholder {
        color: rgb(255, 255, 255);
      }
       .direct-manufacturer-info-block {
        box-sizing: border-box;
        width: 100%;
        padding: 37px 0 71px 0;
        background: url("/theme/img/1/image_fc5298c8.png") 50% / cover no-repeat;
      }
      .direct-from-manufacturer-heading {
        padding: 0;
        margin: 0;
        font: 400 20px "Roboto Condensed";
        color: white;
        letter-spacing: 0.8px;
      }
      .factory-title-text-style {
        padding: 0;
        margin: 0;
        font: 400 60px "Roboto Condensed";
        color: white;
        letter-spacing: 2.4px;
      }
      .yellow-button-with-shadow {
        box-sizing: border-box;
        display: block;
        width: 366px;
        min-width: 366px;
        height: 61px;
        margin-top: 22px;
        font: 700 18px "Roboto Condensed";
        color: #212529;
        letter-spacing: 0.72px;
        cursor: pointer;
        background: #fed901;
        border: none;
        border-radius: 8px;
        box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.15);
        display: flex;
    align-items: center;
    justify-content: center;
      }
      .yellow-button-with-shadow:hover{
         background: #4f5261;
    color: rgb(254, 217, 1);
    border:1px solid rgb(254, 217, 1);
      }
      .btncup:hover{
         background: #4f5261;
    color: rgb(254, 217, 1);
    border:1px solid rgb(254, 217, 1);
      }
      .btncup:hover svg path{
          fill:rgb(254, 217, 1)
      }
       .btn4:hover{
         background: #4f5261;
    color: rgb(254, 217, 1);
    border:1px solid rgb(254, 217, 1);
      }
      .submit-button-style:hover{
         background: #4f5261;
    color: rgb(254, 217, 1);
    border:1px solid rgb(254, 217, 1);
      }
      .submit-button-style {
        box-sizing: border-box;
        display: block;
        flex: 0 0 auto;
        width: 366px;
        min-width: 366px;
        height: 61px;
        font: 700 18px "Roboto Condensed";
        color: #212529;
        letter-spacing: 0.72px;
        cursor: pointer;
        background: #fed901;
        border: none;
        border-radius: 8px;
        box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.15);
      }
    input[type="number"]::-webkit-inner-spin-button, 
input[type="number"]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}
       .showroom-address-container2 {
        box-sizing: border-box;
        width: 100%;
        max-width: 471px;
        padding: 28px 39px 27px;
        background: white;
        border-radius: 12px;
        box-shadow: 0px 4px 28px rgba(0, 0, 0, 0.15);
      }
      .showroom-address-title {
        padding: 0;
        margin: 0;
        font: 400 30px "Roboto Condensed";
        color: #4f5261;
        letter-spacing: 1.2px;
      }
      .showroom-address-container1 {
        box-sizing: border-box;
        width: 100%;
        margin-top: 31px;
      }
      .showroom-address-container {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
      }
      .showroom-snippet-container {
        margin-top: 16.93px;
      }
      .showroom-address-container:first-child {
        box-sizing: border-box;
        width: 100%;
        margin-top: 0px;
      }
      .svg-container {
        display: flex;
        flex: 0 0 auto;
        width: 32px;
        height: 32px;
        color: #4f5261;
      }
      .showroom-address-text-style {
        flex-basis: auto;
        flex-grow: 0;
        padding: 0;
        margin: 0;
        margin-left: 10px;
        font: 400 16px "Roboto Condensed";
        white-space: pre-wrap;
      }
      #whor{
          display: inline-block;
          width: 471px;
          position:absolute;
         top:20%;   
             z-index: 2;

      }
      .home-show-room{
          position:relative;
      }
.location__map {
  width: 100%;
  height: auto;
  border-radius: 16px;
  position: relative;
  overflow: hidden;
}
.hert span{
    color: rgba(79, 82, 97, 0.1);
font-size: 100px;
font-weight: 400;
line-height: 110%;
letter-spacing: 0%;
text-align: left;
text-transform: uppercase;
}
#plus{
    background: rgb(244, 244, 244);
}
	.ticker-inline {
  margin: 0 auto;
  overflow: hidden;
}
		a.nodecor{
			text-decoration:none
		}
		a.nodecor:hover{
			text-decoration:none
		}

.ticker-inline-bottom-trial {
  margin-bottom: 4rem;
}
	
.tickers {
  position: relative;
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
}

.ticker1 {
  position: absolute;
  left: -110%;
  animation: marquee1 1s linear infinite;
}

.ticker {
  display: flex;
   color: rgba(79, 82, 97, 0.1);
font-size: 100px;
font-weight: 400;
line-height: 110%;
letter-spacing: 0%;
text-align: left;
text-transform: uppercase;
  animation: startLine 25s linear, marquee 25s linear 25s infinite;
  width: 2630px;
  margin: 0 auto;
	padding:14px 0;
	
}
			.ticker img {
    width: 30px!important;
}

.ticker__head {
  width: auto;
  text-align: center;
      margin: 0 10px;
}

@keyframes startLine {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(-50%);
  }
}

@keyframes marquee {
  0% {
    transform: translateX(-50%);
  }
  100% {
    transform: translateX(0%);
  }
}
		@media(max-width:700px){
		    
		    #whor {
    display: inline-block;
    width: 100%;
    position: relative;
    top: 0;
    z-index: 2;
}
	.rowszag {
    display: flex;
    gap: 10px;
    align-items: center;
    margin-bottom: 30px;
    justify-content: center;
    flex-wrap: wrap;
    flex-direction: column-reverse;
}
.radio-group {
    display: flex;
    gap: 10px;
    align-items: center;
    flex-wrap: wrap;
}
.blockinf .rows {
    display: flex;
    width: 100%;
    align-items: center;
    gap: 30px;
    margin-bottom: 5px;
    flex-wrap: wrap;
}
.col {
    flex: 100%;
}
	.jkjkh{
    width: 100%;
    padding: 0;
    margin: 0;
	}	 
		.jkjkh button{
		    margin:0;
		}
			.ticker {
  display: flex;
  font-size: 44px!important;
	    align-items: center;
  font-style: normal;
  font-weight:600;
  color: #000;
  animation: startLine 15s linear, marquee 15s linear 15s infinite;
  width: 2630px;
  margin: 0 auto;
	padding:14px 0;
	
}
.lpt1{
    display:none;
}
.plus13{
    padding:20px!important;
}
.direct-manufacturer-info-block {
    box-sizing: border-box;
    width: 100%;
    padding: 21px 0 21px 0;}
    .direct-manufacturer-info-block {
    background: #4f5261!important;
}
#form .strlop {
    height: 100px;
}
    .hierarchical-content-container {
        display: block;
        text-align: center;
        width: fit-content;
        margin: 0 auto;
    }
.home-slider-img{
    display:none;
}
			.ticker img{
			width:20px
		}
			.ticker__head {
  width: auto;
  text-align: center;
      margin: 0 15px;
}
		}

#plus h2{
    color: rgb(79, 82, 97);
font-size: 30px;
font-weight: 400;
line-height: 130%;
letter-spacing: 0%;
text-align: left;
}
.row1{
     display: flex;
    justify-content: space-between;
    gap: 20px;
    align-items: center;
}
.row2{
     display: flex;
    justify-content: space-between;
    gap: 20px;
    align-items: baseline;
}
.conter{
    margin-top:20px;
}
.blockotr{
    padding:20px 0;
    border-bottom: 1px solid rgba(22, 24, 21, 0.2);
}
.row2 .text{
    width:calc(100% - 229px);
}
.row2 .foto img{
    width:192px;
}
.plokls{
    margin-top:50px;
}
.row2 .text{
    color: rgb(79, 82, 97);
font-size: 20px;
font-weight: 400;
line-height: 140%;
letter-spacing: 2%;
text-align: left;
}
.blockotr .row1 .zag{
    color: rgb(79, 82, 97);
font-size: 32px;
font-weight: 400;
line-height: 130%;
letter-spacing: 2%;
text-align: center;
}
.blockotr:hover{
    cursor:pointer;
}
.blockotr.active .row1 .zag{
color: rgb(79, 82, 97);
font-size: 48px;
font-weight: 400;
line-height: 120%;
letter-spacing: 2%;
text-align: center;
}
.chis{
    color: rgba(22, 24, 21, 0.4);
font-size: 32px;
font-weight: 400;
line-height: 130%;
letter-spacing: 0%;
text-align: center;
}
.map {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 1;
}

header .phone a{
color: #4f5261;

font-size: 20px;
font-weight: 700;
line-height: 27px;
letter-spacing: 4%;
text-align: left;
}
header .phone span{
    display:block;
    font-size:12px;
        color: #3f3f3f;
}
nav{
    background-color: #4f5261;
    font-size: 1.3rem;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
    margin-bottom: 2rem;
    clear: both;
}
nav .rows{
      display: flex;
    align-items: center;
    justify-content: space-between;
}
.nav_block.catalog{
    width:300px;
}
.nav_block{
    height:60px;
}
body {
    padding-top: 152px;
}
nav .catalog {
    font-weight: normal;
    border-left: 1px dotted #868686;

}
.absolute_nav{
    display:none;
        background: #4f5261;
        position:relative;
        z-index:2;
            
}
.absolute_nav ul{
    padding-left:0px;
}
.absolute_nav a{
    border-bottom: 1px solid #ece9e1;
    padding: 5px 10px !important;
    display: block !important;
    font-size:16px!important;
}
.card_Catalog{
    background: #fff;
    color: #666;
    box-shadow: 0 5px 15px rgba(0,0,0,.08);
    width:100%;
    padding:15px;
    transition:0.3s;
}
.card_Catalog2{
     background: #fff;
    color: #666;
    box-shadow: 0 5px 15px rgba(0,0,0,.08);
        padding: 10px;
}
.card_Catalog:hover{
    box-shadow: 0px 0px 9px 0px #7d7878;
}
.pd40{
    padding:40px 0;
}
.card_Catalog{
    display:flex;
    gap:10px;
    margin-bottom:30px;
}
.card_Catalog .opis h3{
    font-size:16px;
    font-weight:600;
}
.count_catalog{
    font-size:12px;
}
.price_catalog{
    font-size:14px;
}
.price_catalog span{
    font-weight:600;
}
.card_Catalog .img{
    width:90px;
}
.card_Catalog .img img{
        width: 100%;
}
.card_Catalog .opis{
    width: calc(100% - 100px);
}
.absolute_nav a:hover{
        background: #30333f!important;
}
.catalog:hover{
     background: #4f5261;
}
.catalog:hover .absolute_nav{
    display:block;
}
.catalogmob:hover .absolute_nav{
    display:block;

}

.nav_block a{
    height:100%;
    display:flex;
    align-items:center;
    gap:16px;
    font-size:20px;
    color:#fff;
    transition:0.1s;
    padding: 0 1rem;
}
.nav_block a:hover{
       background: #30333f;
}
.nav_block a .fa{
    font-size:24px;
}
nav .catalog2 {
    display: flex;
    align-items: center;

}
nav .catalog2 a{
    font-weight: normal;
    border-right: 1px dotted #868686;
    color: rgb(255, 255, 255);

font-size: 16px;
font-weight: 400;
line-height: 24px;
letter-spacing: 4%;
text-align: left;
}
nav .catalog2 a:first-child{
        border-left: 1px dotted #868686;
}


.popup {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 24;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  overflow-x: hidden;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

.popup.open {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}

.popup__body {
  min-height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.popup__content {
  width: 42%;
  height: 100svh;
  overflow-y: auto;
  background-color: #fff;
  padding: 64px 48px 48px 48px;
  position: relative;
  opacity: 0;
  -webkit-transform: translate(105%, 0);
  -ms-transform: translate(105%, 0);
  transform: translate(105%, 0);
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
}

.popup.open .popup__content {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}

.popup__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-column-gap: 20px;
  -moz-column-gap: 20px;
  column-gap: 20px;
  margin: 0 0 32px 0;
}
.popup__title span{
        font-size: calc(1.325rem + .9vw);
}
.popup__close {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  display: block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #4f5261;
  border: none;
  font-size: 0;
  cursor: pointer;
  position: relative;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  -o-transition: transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
.popup__close:hover {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.popup__close::before,
.popup__close::after {
  content: "";
  display: block;
  height: 2px;
  width: 20px;
  border-radius: 1px;
  background-color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
}

.popup__close::before {
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  -ms-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
}

.popup__close::after {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  -ms-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg);
}

.popup__form,
.popup__form-basket {
  width: 76%;
}


.popup__form > p {
  margin: 0 0 24px 0;
}

.popup__inputs {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: auto;
  grid-gap: 16px;
  margin: 0 0 24px 0;
}

.popup__inputs .input-container--textarea {
  grid-column: span 2;
}

.popup__inputs .input.input--textarea {
  height: 96px;
}
.basket-label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    margin: 0 0 24px 0;
}
.basket-label small {
    
    font-size: 18px;
    line-height: 1.2;
    color: #999;
}
.all {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    font-family: “Roboto-Medium”;
    font-size: 16px;
    color: #4f5261;
    text-decoration: underline;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    background:none;
    border:none;
}

.basket-list {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    row-gap: 16px;
    margin: 0 0 48px 0;
    list-style: none;
    padding:0;
}
.basket-list li {
    display: grid;
    grid-template-columns: 2.5fr 1fr auto;
    grid-template-rows: auto;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-column-gap: 28px;
    -moz-column-gap: 28px;
    column-gap: 28px;
    row-gap: 10px;
    padding: 16px 0 0 0;
    border-top: 1px solid #d2d5db;
}
.basket-list li h5 {
    grid-column: 1 / span 1;
    grid-row: 1 / span 1;
    
}
.basket-list li small {
    grid-column: 1 / span 1;
    grid-row: 2 / span 1;
    font-size: 16px;
    line-height: 1.2;
    color: #999;
}
.basket-list li strong {
    grid-column: 2 / span 1;
    grid-row: 1 / span 2;
    
    font-size: 20px;
    line-height: 1.2;
    text-align: right;
    margin: 3px 0 0 0;
}
.basket-list li button {
    grid-column: 3 / span 1;
    grid-row: 1 / span 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 29px;
    height: 29px;
    border-radius: 50%;
    background-color: #f9fafb;
    border:none;
}
.category_buttons .btn2{
    width:100%;
}

.btn2 {

  width: 250px;
  height: 44px;
  padding: 0 12px;
border-radius: 4px;
/* темно серый */
background: rgb(79, 82, 97);
color: rgb(254, 217, 1);
font-family: "Roboto Condensed";
font-size: 16px;
font-weight: 700;
line-height: 20px;
letter-spacing: 0px;
text-align: left;
display: flex;
flex-direction: row;
  -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
align-items: center;
gap: 10px;
  overflow: hidden;

  position: relative;
  top: 0;
  z-index: 1;
  border:none;
}
.btn2:hover{
    background-color:rgb(254, 217, 1);
        color: rgb(33, 37, 41);

}
.btn13{
    background: #f6e9b1;
    color: #000;
}
.btn13:hover{
    background-color:#dbc771!important;
      color: #000!important;
}
.btn2.btn13::after {
    content: "";
    width: 0;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
    background-color: #dbc771;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    -webkit-transform-origin: right;
    -ms-transform-origin: right;
    transform-origin: right;
}
.basket-links{
    display:flex;
    gap:20px;
    margin-top:20px;
}
.btn3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 250px;
  height: 44px;
  padding: 0 12px;
  background-color: #fff;
  border:1px solid #4f5261;
  font-size: 15px;
  color: #4f5261;
  text-align: center;
  overflow: hidden;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  position: relative;
  top: 0;
  z-index: 1;
}
.btn3:hover{
    color: #fff;
    background-color: #4f5261;
     border:1px solid #4f5261;
}
.excursion__title {
    font-weight: 500;
    font-size: 40px;
    line-height: 120%;
    color: #000;
    margin-bottom: 30px;
}
.home-show-room__content .excursion__descr {
    margin-top: 40px;
    font-weight: 400;
}
.excursion__descr {
    font-weight: 500;
    font-size: 24px;
    line-height: 130%;
    color: #000;
}

.home-show-room{
    height:600px;

}
.btn2:active {
  top: 2px;
}

.btn2.btn--white {
  background-color: transparent;
  border: 2px solid #fff;
  color: #fff;
}
.btn2.btn--white::after {
  display: none;
}

.btn2.btn--red {
  background-color: #fff;
  border: 2px solid #4f5261;
  color: #111827;
}
.btn.btn--red::after {
  display: none;
}
.btn2:hover::after {
    left: 0;
    width: 100%;
}

.popup__inputs {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: auto;
    grid-gap: 16px;
    margin: 0 0 24px 0;
}
.input-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.input-container small {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    
    font-size: 16px;
    line-height: 1.2;
    margin: 0 0 8px 0;
}
.input {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 48px;
    padding: 0 16px;
    border: 1.5px solid #d1d5db;
    background-color: #fff;
    overflow: hidden;
    
    font-size: 16px;
    line-height: 1.2;
    color: #111827;
    opacity: 1;
}
.popup__inputs .input.input--textarea {
    height: 96px;
        padding: 10px 20px;
}
.checkbox__text {
    font-size: 12px;
    line-height: 1.2;
    position: relative;
}
.checkbox__text a {
    display: inline;
    color: #4f5261;
    text-decoration: underline;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}
.relative{
    position:relative;
}
.hjk {
    position: absolute;
    background: #5b9f9d;
    right: -300px;
    width: 300px;
    top: 0;
    display:none;
}
.nav_block .hjk a{
    height:auto;
}
.absolute_nav a.fler{
    display: flex!important;
    justify-content: space-between!important;

}
.absolute_nav .navopen:hover .hjk{
    display:block;
}
.absolute_nav .navopen svg{
    transition:0.3s;
}
.absolute_nav .navopen:hover svg{
    transform:rotate(180deg);
}
.nav_block:hover .brdbtm{
    border-bottom: 1px solid #ece9e1;
}
h1{
    margin-bottom:50px;
}
.block {
    border-radius: 0px;
    -webkit-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.15), 0 2px 4px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.15), 0 2px 4px 0 rgba(0, 0, 0, 0.25);
    background: #f9fafb;
    overflow: hidden;
    margin-bottom:30px;
}
.services__item{
        border-radius: 0px;
    -webkit-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.15), 0 2px 4px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.15), 0 2px 4px 0 rgba(0, 0, 0, 0.25);
    background: #f9fafb;
    overflow: hidden;
    margin-bottom:30px;
}
.services__item img{
    transition:0.5s;
}
.services__item:hover img{
    transform:scale(1.1);
}
.imghj{
    overflow:hidden;
}
.block45{
    background: rgba(232, 232, 232, 0.89);
    padding: 15px 15px;
    margin-top:20px;
    margin-bottom:20px;
}
.block45 img{
    width:100%;
}
.services__title {
     color: #4b4748;
    font-size: 16px;
    text-transform: uppercase;
    width: 100%;
    font-weight: 600;
    display: block;
    margin-top: 5px;
    margin-bottom: 0px;
    transition: all .25s;
}
.services__subtitle {
    display: inline-block;
    font-size: 14px;
    color: #000;
}
.services__content{
    padding:15px;
}
.services__item {

    border: 1px solid transparent;
    box-sizing: border-box;
    cursor: pointer;
}
.services__img {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    overflow: hidden;
}
.chapters__item2 {
  border-radius: 0px;
box-shadow: 9px 17px 20px 0px rgba(0, 0, 0, 0.1), 0px 0px 5px 0px #0f0f0f2b;
/* белый */
background: rgb(255, 255, 255);
height: 400px;
    display: block;
    margin-bottom:30px;
    padding: 0;
    position: relative;
    overflow: hidden;
    border: 1px solid #fed901;
}
.chapters__item picture {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 100%;
    height: auto;
    padding-top:55%;
    position: relative;
}
.chapters__item2 picture img {
    z-index: 1;
    transition: 0.4s;
}
.chapters__item2:hover picture img{
    transform:scale(1.1);
}
.chapters__item2 hgroup {
position:absolute;
bottom:20px;
left:20px;
z-index:2;
}
.chapters__item2 hgroup h4 {
    color: rgb(33, 37, 41);

font-size: 26px;
font-weight: 400;
line-height: 35px;
letter-spacing: 4%;
text-align: left;
}
.h2{
color: rgb(33, 37, 41);
font-size: 30px;
font-weight: 400;
line-height: 40px;
letter-spacing: 4%;
text-align: left;

}
.rowszag{
    display:flex;
    gap:10px;
    align-items:center;
    margin-bottom:30px;
    justify-content: space-between;
}
.btn4{
    border-radius: 8px;
display: flex;
    align-items: center;
    justify-content: center;
box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.15);
/* желтый */
background: rgb(254, 217, 1);
width: 366px;
height: 61px;
/* Inside Auto Layout */
flex: none;
order: 1;
flex-grow: 0;
margin: 36px auto;
color: rgb(33, 37, 41);

font-size: 18px;
font-weight: 700;
line-height: 24px;
letter-spacing: 4%;
text-align: left;
}
.btn5{
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.15);
/* желтый */
background: rgb(254, 217, 1);
width: 237px;
height: 45px;
/* Inside Auto Layout */
flex: none;
order: 1;
flex-grow: 0;
color: rgb(33, 37, 41);

font-size: 18px;
font-weight: 700;
line-height: 24px;
letter-spacing: 4%;
text-align: left;
}
.btn5:hover{
    background: #4f5261;
    color: rgb(254, 217, 1);
    border:1px solid rgb(254, 217, 1);
}

.amenities__item {
  width: 100%;
  height: auto;
  padding-top: 70%;
  position: relative;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
.amenities__item::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(#000));
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #000 100%);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000 100%);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}

.amenities__item.block {
  border-radius: 10px;
}

.amenities__item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) scale3d(1, 1, 1);
  transform: translate(-50%, -50%) scale3d(1, 1, 1);
  z-index: 1;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

.amenities__item hgroup {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-rows: auto;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  grid-gap: 8px;
  width: 100%;
  padding: 0 24px 30px 24px;
  color: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 3;
}
    .chapters__item:hover hgroup span {
        opacity: 1;
        visibility: visible;
        pointer-events: all;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
            z-index: 2;
    }

.amenities__item hgroup span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #4f5261;
  margin: auto 0;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.amenities__item hgroup span svg {
  width: 48%;
  height: auto;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
    z-index: 2;
}
    .chapters__item:hover picture img {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
    }


.footer__nav-item > strong, .footer__feedback > strong{
       color: #fed901;
}
.footer {
  border-top: 1px solid #d1d5db;
 background: rgb(79, 82, 97);
  color:#000;
  padding: 50px 0 16px 0;
  margin: 0;
color: rgb(255, 255, 255);
}
.footer a{
   color: rgb(255, 255, 255);
   opacity: 0.8;
}

.footer__content {
  display: flex;
  grid-template-columns: auto 1fr auto;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-column-gap: 204px;
  -moz-column-gap: 204px;
  column-gap: 204px;
  margin: 0 0 24px 0;
}

.footer__logo {
  width: 256px;
  height: auto;
  margin: 0 0 14px 0;
}
.footer__logo svg {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
.footer__logo img{
    max-width:280px;
    width:100%;
}
.footer__logo-item > strong {
  font-size: 16px;
  line-height: 1.2;
  margin: 0 0 54px 0;
}

.footer__logo-link {

  font-size: 14px;
  line-height: 1.2;
  color: #868991;
  margin: 0 0 12px 0;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}
.footer__logo-link:last-child {
  margin: 0;
  display:block;
}
.pyt{
    margin-bottom:20px;
    display:block;
}
.ghrte{
    text-align: end;
}
.footer__nav {
  display: block;
 
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-column-gap: 80px;
  -moz-column-gap: 80px;
  column-gap: 80px;
}

.footer__nav,
.footer__feedback {
  padding: 12px 0 0 0;
}

.footer__nav-item > strong,
.footer__feedback > strong {

  font-size: 20px;
  line-height: 1.2;
  margin: 0 0 16px 0;
}

.footer__menu {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  grid-gap: 12px;
}

.footer__menu li a {
  font-size: 14px;
  line-height: 1.2;
  color: #868991;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.footer__feedback-item {
  display: grid;
  grid-template-columns: auto 1fr;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 8px;
  -moz-column-gap: 8px;
  column-gap: 8px;
  margin: 0 0 12px 0;
}

.footer__feedback-item span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 14px;
  height: 14px;
}
.footer__feedback-item span svg {
  width: auto;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

.footer__feedback-item strong,
.footer__feedback-item a {
color: rgb(255, 255, 255);
font-size: 16px;
font-weight: 400;
line-height: 140%;
letter-spacing: 2%;
text-align: left;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}
footer a:hover{
    color:#fece00;
}

.footer__socials {
  margin: 32px 0 0 0;
}
.flags{
    position:absolute;
    top:10px;
    left:10px
}
.badge{
        background-color: #a6a6a6;
    color: #ffffff;
    padding: 5px;
    margin-bottom: 5px;
    display:block;
    margin-bottom:5px;
    border-radius:0px;
    text-transform: uppercase;
    font-weight: 400;
    opacity:0.8;
}
.badge-secondary{
    background:#3c9d46;
}
.badge-secondary1{
    background:#a81a1a;
}
.badge-secondary2{
    background:#a88309;
}
.copyright {
font-size: 12px;
    line-height: 1.2;
    color: #868991;
    text-align: center;
    width: 100%;
    display: block;
    border-top: 1px solid #696d84;
    padding-top: 15px;
}
.fake_url:hover{
    cursor:pointer;
}
  
.product-thumb {
    margin-bottom: 20px;
    border: 1px solid #e5e5e5;
    transition: all .25s;
    position:relative;
        -webkit-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.15), 0 2px 4px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.15), 0 2px 4px 0 rgba(0, 0, 0, 0.25);
    background: #f9fafb;
    overflow: hidden;
        background: #fff;
        border: 1px solid #fed901;
}
.product-grid .product-thumb .image {
    float: none;
      overflow: hidden;
    height: 220px;
}
.product-thumb .image {
    text-align: center;
}
.product-thumb .image a {
    display: block;
}
.product-thumb .image img {
    margin-left: auto;
    margin-right: auto;
    width:100%;
}
.btn{
    border-radius:0;
}
.product-thumb .caption {
    padding: 0 15px;
    min-height: 110px;
}
.catalog_name span{
    color: rgba(79, 82, 97, 0.4);
font-size: 12px;
font-weight: 400;
line-height: 16px;
letter-spacing: 2%;
text-align: left;
    display:block;
    margin-top:7px;
    margin-bottom:10px;
}
.catalog_name a {
color: rgb(79, 82, 97);
font-size: 20px;
font-weight: 400;
line-height: 22px;
letter-spacing: 2%;
text-align: left;
    transition: all .25s;
    display:block;
    margin-bottom:10px;
        margin-top:10px;
}
.catalog_atr_block {
    margin-bottom: 0px;
    border-top: 0px solid #cdcdce;
    padding-top: 0px;
    margin-bottom:7px;

}
.product-grid .catalog_atr {
    width: inherit;
}
.catalog_atr {
    width: 195px;
    font-size: 12px;
    display: flex;
    justify-content: space-between;

}
.list-title a:hover{
    color:#fece00;
}
.imgteaser {
    position: relative;
    display: table;
    margin: 2px auto 30px auto;
    border: 2px solid #cdcdcd;
    padding: 0px;
    line-height: 0;
    color: #000;
    text-transform: uppercase;
    text-align:center;
}
.imgteaser figcaption strong {
    display: block;
    line-height: 20px;
    font-size: 100%;
    font-weight: 500;
}
.cartasd{
        text-align:center;
}
footer ul{
    list-style:none;
    padding:0;
        font-size: 18px;
}
.imgteaser figcaption {
    display: block;
    position: relative;
    right: 0;
    padding: 12px 0;
    background: #cdcdcd;
    font-size: 88%;
    line-height: 1.3em;
    font-weight: 100;
    margin: 0px 0 0px 0;
    color: #000;
    text-align: center;
    width: 100%;
}
.product_atr_block{
    margin-bottom:10px;
}
.catalog_cart .btn6 svg{
        margin-left: 0px;
}
.btn6{
    box-sizing: border-box;
/* темно серый */
border: 1px solid rgb(79, 82, 97);
border-radius: 4px;
width: 70px;
height: 40px;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
gap: 8;
padding: 10px;
    background: none;
}
.lpt1{
    height:152px;
}
.pricert{
    color: rgb(79, 82, 97);
font-size: 20px;
font-weight: 700;
line-height: 27px;
letter-spacing: 2%;
text-align: left;
}
.catalog_atr {
  color: rgba(79, 82, 97, 0.4);
font-size: 12px;
font-weight: 400;
line-height: 16px;
letter-spacing: 2%;
text-align: left;
}
.catalog_cart svg{
    margin-left:0px;
}
.dotted {
    border-bottom: 1px dashed #ccc;
    flex-grow: 1;
    height: 14px;
    margin: 0 5px;
    font-size: 0;
}
.catalog_price {
    margin-top: 15px;
}
.catalog_price {
    font-size: 18px;
}
.catalog_price {
    display: flex;
    justify-content: space-between;
}
.catalog_price {
    color: #4b4748;
    font-size: 14px;

    text-transform: uppercase;
    margin-bottom: 30px;
}
.catalog_price__left {
    text-align: left;
}
.catalog_price__left, .catalog_price__right {
    width: 100%;
}
.catalog_price span {
    width: 50%;
    font-size: 18px;
    padding-left: 5px;
}
.catalog_price small {
    font-size: 12px;
}
.category_buttons {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 15px 15px;
    gap:10px;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{
color: rgb(79, 82, 97);
font-size: 16px;
font-weight: 400;
line-height: 22px;
letter-spacing: 2%;
text-align: left;
/* темно серый */
border-bottom: 2px solid rgb(79, 82, 97);
}
.nav-tabs .nav-link {
color: rgba(79, 82, 97, 0.5);
font-size: 16px;
font-weight: 400;
line-height: 22px;
letter-spacing: 2%;
text-align: left;
padding: 10px 50px;
}
.tab-pane{
    padding:20px 0;
}
.breadcrumb{
    display:flex;
    gap:5px;
        margin-top:20px;
}
/* Стили для модального окна */
.modal {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    animation: fadeIn 0.3s;
}

@keyframes fadeIn {
    from {opacity: 0;}
    to {opacity: 1;}
}

.modal-content {
    background-color: #fefefe;
    margin: 5% auto;
    padding: 20px;
    border-radius: 10px;
    width: 90%;
    max-width: 900px;
    max-height: 80vh;
    overflow-y: auto;
    box-shadow: 0 4px 20px rgba(0,0,0,0.2);
}

.modal-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 2px solid #fed901;
    padding-bottom: 15px;
    margin-bottom: 20px;
    padding:10px;
}
.modal-header h4{
    margin-bottom:0;
}
.modal-header h2 {
    margin: 0;
    color: #333;
    font-size: 24px;
}

.close {
    color: #aaa;
    font-size: 28px;
    font-weight: bold;
    cursor: pointer;
    transition: color 0.2s;
}

.close:hover {
    color: #fed901;
}

/* Стили для списка городов в 3 колонки */
.cities-list {
    list-style: none;
    padding: 0;
    margin: 0;
    column-count: 4;
    column-gap: 30px;
}

.cities-list li {
    margin-bottom: 5px;
    break-inside: avoid;
}

.cities-list a {
    text-decoration: none;
    color: #333;
    display: block;
    padding: 4px 10px;
    border-radius: 5px;
    transition: all 0.2s;
}

.cities-list a:hover {
    background-color: #fed901;
    color: #000;
    transform: translateX(5px);
}

/* Адаптивность */
@media (max-width: 768px) {
    .cities-list {
        column-count: 2;
    }
    
    .modal-content {
        margin: 10% auto;
        width: 95%;
    }
}

@media (max-width: 480px) {
    .cities-list {
        column-count: 1;
    }
    
    .modal-header h2 {
        font-size: 20px;
    }
}

/**
 * Swiper 8.4.7
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2023 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: January 30, 2023
 */

@font-face {
    font-family: swiper-icons;
    src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #007aff
}

.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.swiper-vertical>.swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box
}

.swiper-android .swiper-slide,
.swiper-wrapper {
    transform: translate3d(0px, 0, 0)
}

.swiper-pointer-events {
    touch-action: pan-y
}

.swiper-pointer-events.swiper-vertical {
    touch-action: pan-x
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
    height: auto
}

.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height
}

.swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px
}

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-3d .swiper-slide-shadow {
    background: rgba(0, 0, 0, .15)
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-horizontal.swiper-css-mode>.swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-vertical.swiper-css-mode>.swiper-wrapper {
    scroll-snap-type: y mandatory
}

.swiper-centered>.swiper-wrapper::before {
    content: '';
    flex-shrink: 0;
    order: 9999
}

.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-horizontal>.swiper-wrapper::before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-vertical>.swiper-wrapper::before {
    width: 100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after)
}

.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop: always
}

.swiper-virtual .swiper-slide {
    -webkit-backface-visibility: hidden;
    transform: translateZ(0)
}

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
    height: 1px;
    width: var(--swiper-virtual-size)
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
    width: 1px;
    height: var(--swiper-virtual-size)
}

:root {
    --swiper-navigation-size: 44px
}

.swiper-button-next,
.swiper-button-prev {
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size)/ 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color))
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-next.swiper-button-hidden,
.swiper-button-prev.swiper-button-hidden {
    opacity: 0;
    cursor: auto;
    pointer-events: none
}

.swiper-navigation-disabled .swiper-button-next,
.swiper-navigation-disabled .swiper-button-prev {
    display: none !important
}

.swiper-button-next:after,
.swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
    left: 10px;
    right: auto
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
    content: 'prev'
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
    right: 10px;
    left: auto
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
    content: 'next'
}

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: .3s opacity;
    transform: translate3d(0, 0, 0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-pagination-disabled>.swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
    display: none !important
}

.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
    display: inline-block;
    border-radius: 50%;
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, .2)
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet:only-child {
    display: none !important
}

.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical>.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    transform: translate3d(0px, -50%, 0)
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
    display: block
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: .2s transform, .2s top
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform, .2s left
}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform, .2s right
}

.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, .25);
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top
}

.swiper-horizontal>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical>.swiper-pagination-progressbar {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, .1)
}

.swiper-scrollbar-disabled>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
    display: none !important
}

.swiper-horizontal>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-scrollbar.swiper-scrollbar-vertical,
.swiper-vertical>.swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, .5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s infinite linear
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(360deg)
    }
}

.swiper .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-free-mode>.swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-grid>.swiper-wrapper {
    flex-wrap: wrap
}

.swiper-grid-column>.swiper-wrapper {
    flex-wrap: wrap;
    flex-direction: column
}

.swiper-fade.swiper-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.swiper-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

.swiper-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-cube {
    overflow: visible
}

.swiper-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-cube.swiper-rtl .swiper-slide {
    transform-origin: 100% 0
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-next+.swiper-slide,
.swiper-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-cube .swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-right,
.swiper-cube .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 100%;
    opacity: .6;
    z-index: 0
}

.swiper-cube .swiper-cube-shadow:before {
    content: '';
    background: #000;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    filter: blur(50px)
}

.swiper-flip {
    overflow: visible
}

.swiper-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-flip .swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-right,
.swiper-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-creative .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    transition-property: transform, opacity, height
}

.swiper-cards {
    overflow: visible
}

.swiper-cards .swiper-slide {
    transform-origin: center bottom;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden
}

/* End */


.home-slider {
    position:relative;
}
.home-slider-img{
    position:absolute;
    right:10%;
    top:10%;
    max-width:450px;
}

.home-slider__body {
    display: block;
   
    height: 500px;
}

.home-slider__block {
    position: relative;
    height: 500px;
    display: flex;
    flex-flow: column;
    gap: 12px;
    justify-content: flex-end;
    box-sizing: border-box;
}

.home-slider__block:before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(360deg, rgba(0, 0, 0, 0.8) 6%, rgba(0, 0, 0, 0) 100%);
}

.home-slider__wrap {
    width: 100%;
    margin-left: auto;
    grid-column: 1 / span 2;
}

.home-slider__wrap .btn_work-examples-prev,
.home-slider__wrap .btn_work-examples-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
}

.home-slider__wrap .btn_work-examples-prev {
    left: 0;
}

.home-slider__wrap .btn_work-examples-next {
    right: 0;
}

.home-slider__image,
.home-slider__title,
.home-slider .title-small,
.home-slider__button {
    position: relative;
    z-index: 1;
}

.home-slider__image {
    position: absolute;
    inset: 0;
    z-index: -1;
    max-width: 100%;
    height: 500px;
}

.home-slider__title .title {
    font-size: clamp(18px, calc(0.839rem + 1.43vw), 32px);
    color: #ffffff;
}

.home-slider__info {
    width: 100%;
    margin-left: auto;
    display: flex;
    flex-flow: column;
    gap: 12px;
    padding: 40px 70px;
}
.home-slider__title h1{
    margin-bottom:0;
}
.home-slider__pict {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.home-slider__button .btn_hero {
    line-height: 42px;
    font-size: 16px;
}

.home-slider__static {
    grid-column: 3 / span 4;
    width: 100%;
    position: relative;
    flex-shrink: 0;
    padding: 40px;
    height: 500px;
    display: flex;
    flex-flow: column;
    gap: 12px;
    justify-content: flex-end;
}

.home-slider__static-info {
    max-width: 408px;
    display: flex;
    flex-flow: column;
    gap: 12px;
}

.home-slider__static-image,
.home-slider__static-title,
.home-slider__static-button,
.home-slider__static-sub {
    position: relative;
    z-index: 1;
}

.home-slider__static-image {
    position: absolute;
    inset: 0;
    z-index: -1;
    height: 500px;
}

.home-slider__static-pict {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.home-slider__static-title .title {
    font-size: clamp(18px, calc(0.839rem + 1.43vw), 32px);
    color: #ffffff;
}

.home-slider__static-sub {
    color: #ffffff;
}

.home-slider__static-button .btn_hero {
    line-height: 42px;
    font-size: 16px;
}

.home-slider__static:before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(360deg, rgba(0, 0, 0, 0.8) 6%, rgba(0, 0, 0, 0) 100%);
}

.home-slider__pagination-mob {
    display: none;
    justify-content: center;
    flex-flow: wrap;
}

.home-slider__pagination-mob .swiper-pagination-bullet {
    background: #E84E1B;
}

.home-show-room {
    background: #F2F2F2;
    position:relative;
}
.home-show-room .container{
    position:absolute
}
.home-show-room .ten{
    position:absolute;
    top:0;
    z-index:2;
    width:100%;
    height:100%;
    background:#cdcdcd99;
    transition:1s;
}
.home-show-room:hover .ten{
     background:#cdcdcd50;
}
.home-show-room__body {
    display: flex;
    justify-content: space-between;
}
.home-show-room .container {
    position: absolute;
    top:10%;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    z-index:3;
    right: 0;
}
.product-grid-container {
        box-sizing: border-box;
        display: flex;
        flex-direction: row;
        gap: 8px;
        align-items: flex-start;
        justify-content: space-between;
        width: 100%;
        padding: 66px 286px 78px;
      }
      .hierarchical-content-container {
        display: flex;
        flex: 0 0 auto;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
      }
      .plus13{
          display: inline-block; width: 100%; background: rgba(0, 0, 0, 0.35);
          padding:60px 0;
      }
      .svg-container {
        display: flex;
        flex: 0 0 auto;
        width: 30px;
        height: 30px;
      }
      .product-description-style {
        flex: 0 0 auto;
        padding: 0;
        margin: 0;
        margin-left: 15px;
        font: 500 26px "Roboto Condensed";
        color: white;
        letter-spacing: 0.8px;
      }
      .landscaping-products-container {
        display: flex;
        flex: 0 0 auto;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        margin-left: 61px;
      }

.home-show-room__text,
.home-show-room__image {
    max-width: 680px;
}

.home-show-room__text{
        border-radius: 0px;
    -webkit-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.15), 0 2px 4px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.15), 0 2px 4px 0 rgba(0, 0, 0, 0.25);
    background: #f9fafb;
    overflow: hidden;
    padding:40px;
}

.home-show-room__text {
    display: flex;
    flex-flow: column;
    gap: 20px;
}

.home-show-room__image {
    height: 420px;
}

.home-show-room__pict {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.home-show-room__content .excursion__descr {
    margin-top: 40px;
    font-weight: 400;
}

.home-show-room__addresses {
    display: flex;
    flex-flow: column;
    gap: 20px;
}

.home-show-room__address {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: clamp(18px, calc(0.981rem + 0.64vw), 24px);
    line-height: 130%;
    font-weight: 400;
}

.home-show-room__address-icon {
    width: 35px;
    height: 35px;
}

.home-show-room__address-icon svg {
    width: 35px;
    height: 35px;
}

.our-videos {
    margin-bottom: 100px;
}
h2{
    margin-top:20px;
    margin-bottom:10px;
}
#partner img{
    margin-bottom:30px;
        -webkit-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.15), 0 2px 4px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.15), 0 2px 4px 0 rgba(0, 0, 0, 0.25);
}
.box6{
    text-align:Center;
}
.box6 img{
    margin:10px auto;
}

.gallery { padding-bottom: 20px; }
.isotope .item { width: 25%; float: left; padding-bottom: 10px; }
.gallery .item { padding-bottom: 10px; }
.gallery-col-2.isotope .item { width: 50%; }
.gallery-col-3.isotope .item { width: 25%; }
.icon-box { width: 64px; height: 74px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 43px; line-height: 100px; }
.gallery-item-detail .icon-box { color: rgb(255, 255, 255); }
.nf-col-padding { padding-left: 15px; }
.gallery-item-detail a { display: block; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; color: rgb(255, 255, 255); }
.gallery-item-img { position: relative; overflow: hidden; }
.gallery-item-img img { transform: scale(1); transition: all 0.2s ease-in-out 0s; }
.gallery-item-img:hover img { transform: scale(1.2); }
.gallery-item-img .gallery-item-detail { background-color: rgb(203, 123, 82); text-align: center; color: rgb(255, 255, 255); display: flex; height: 100%; width: 100%; position: absolute; top: 0px; left: 0px; opacity: 0; visibility: hidden; overflow: hidden; transition: all 0.5s ease-in-out 0s; }
.team-item-img .team-item-detail, .gallery-item-img .gallery-item-detail { background-color: rgba(203, 123, 82, 0.32); }
.gallery-item:hover .gallery-item-detail { opacity: 1; visibility: visible; }
@media (max-width: 991px) {
  .isotope .item { width: 33.33%; }
  header .phone span{
      display:none;
  }
}
@media (max-width: 767px) {
  .isotope .item, .gallery-col-3.isotope .item { width: 50%; }
  .footer__feedback-item{
      text-align:Center;
  }
  .footer__feedback-item strong, .footer__feedback-item a{
      text-align:Center;
  }
}
@media (max-width: 480px) {
  .isotope .item, .gallery-col-3.isotope .item, .gallery-col-2.isotope .item { width: 100%; }
}
.feature-bg-box { position: relative; padding: 28px; border-radius: 4px; }
.gray-bg { background: rgb(247, 247, 247); }
.catalogbox__announce{
    margin-bottom:10px;
}
.icon-box {
 width: 64px; height: 74px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 43px!important;
    line-height: 100px;
}

.header{
    transition:1s;
}
.fixed{
    position:fixed;
    top:0;
    z-index:12;
    width:100%;
    height:152px;
}
.slick-dots li button:before {
    font-size: 14px!important;}
@media(max-width:1400px){
    .home-slider-img {
    position: absolute;
    right: 8%;
    top: 10%;
    max-width: 400px;
}

.product-description-style {
    flex: 0 0 auto;
    padding: 0;
    margin: 0;
    margin-left: 15px;
    font: 500 20px "Roboto Condensed";
    color: white;
    letter-spacing: 0.8px;
}
    
    .serch {
    width: 350px;
}
.nav_block.catalog {
    width: 200px;
}
}
@media(max-width:1200px){
    .factory-title-text-style{
        max-width:60%;
    }
 .home-slider-img {
    position: absolute;
    right: 5%;
    top: 10%;
    max-width:350px;
}
     #catalog  #msProduct   .col-md-4 {
        flex: 0 0 auto;
        width: 100%;
    }
        #msGallery {
        height: 400px;
        margin-bottom: 15px;
    }
    #catalog  #msProduct   .col-md-8 {
        flex: 0 0 auto;
        width: 100%;
    }
           .serch {
        width: 250px;
    }
    .netr{
        display:none;
    }
    .feedback-form-container{
        height:auto;
    }
    #popular    .col-lg-3 {
        flex: 0 0 auto;
        width: 33%;
    }
    header .phone a {
    font-size: 14px;
    font-weight: 600;
    margin-top: -1px;
    color: #3f3f3f;
}
.nav_block a {
    height: 100%;
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 16px;
    color: #fff;
    transition: 0.1s;
    padding: 0 1rem;
}
.nav_block a .fa {
    font-size:18px;
}
nav .catalog2 a {
    font-size: 16px;
}
.product-grid.col-lg-4 {
        flex: 0 0 auto;
        width: 50%;
    }
    .footer__content {
    column-gap: 90px;
}
#catalog     .col-md-4.catcart {
        flex: 0 0 auto;
        width: 50%;
    }
    .popup__content {
    width: 70%;
   
}
}
.nav_block.catalogmob{
    display:none;
}
    .serch.searchmob {
         display:none;
    }
    .predfoot{
    display: inline-block; width: 100%; background: linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url('172e6301052b0ff741f88968303ffb4be10c5f26') 50%
}
@media(max-width:996px){
        .factory-title-text-style {
        max-width: 80%;
    }
    
   .hierarchical-content-container {
    display: block;}
    .hierarchical-content-container .hierarchical-content-container {
         display: flex;
    flex: 0 0 auto;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    margin-left: 0;
    margin-bottom:10px;
    }
    .ticker {
    display: flex;
    color: rgba(79, 82, 97, 0.1);
    font-size: 70px;
    font-weight: 400;
    line-height: 110%;
    letter-spacing: 0%;
    text-align: left;
    text-transform: uppercase;
    animation: startLine 25s linear, marquee 25s linear 25s infinite;
    width: 2630px;
    margin: 0 auto;
    padding: 14px 0;
}
.blockotr.active .row1 .zag {
    color: rgb(79, 82, 97);
    font-size: 32px;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: 2%;
    text-align: left;
}

.blockotr .row1 .zag {
  color: rgb(79, 82, 97);
    font-size: 32px;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: 2%;
    text-align: left;
}
.row2 .text {
    width: 100%;
}
.row2 {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    align-items: baseline;
    flex-wrap: wrap;
    flex-direction: column-reverse;
    width: 100%;
}
    .landscaping-products-container {
    display: flex;
    flex: 0 0 auto;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    margin-left: 0;
    margin-bottom:10px;
}
.nav-tabs .nav-link{
        padding: 10px 20px;
}
.nav-tabs{
        justify-content: center;
}
header .rows{
    gap:15px
}
.cart {
    width: auto;
}
.logo {
    max-width: 130px;
}
.nav_block.catalogmob {
    display: block;
}
 .popup__content {
    width: 80%;
   
}
.breadcrumb {
    display: flex;
    gap: 5px;
    font-size: 12px;

}
nav{
    margin-bottom:10px;
}
nav .catalog2{
    display:none;
}
    .nav_block.catalog {
        width: 50%;
    }
     .nav_block.catalogmob {
        width: 50%;
        text-align:right;
            border-right: 1px dotted #868686;
    }
   .nav_block.catalogmob a {
                justify-content: end;
    }
    .serch{
        display:none;
        width:100%;
    }
    .home-slider{
        margin-top:40px;
    }
    .serch.searchmob{
        display:block;
    }
    #plus     .col-md-3 {
        flex: 0 0 auto;
        width: 50%;
    }
    .footer__nav{
        display:none;
    }
        .footer__content {
        column-gap: 90px;
        flex-wrap: wrap;
        text-align: center;
        width: 100%;
        justify-content: center;
    }
    .footer__feedback-item {
    display: flex;
    grid-template-columns: auto 1fr;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 8px;
    -moz-column-gap: 8px;
    column-gap: 8px;
    margin: 0 0 12px 0;
    justify-content: center;
}
.copyright {
    font-size: 12px;
    line-height: 1.2;
    color: #868991;
    text-align: center;
    display: block;
}
    .product-grid.col-lg-4 {
        flex: 0 0 auto;
        width: 100%;
    }
        #catalog .col-md-4.catcart {
        flex: 0 0 auto;
        width: 50%;
    }
    .chapters__item2{
        height:220px;
    }
    .chapters__item2 hgroup h4{
        font-size: 18px;
    font-weight: 400;
    line-height: 22px;
    }
    #msGallery {
    height: 400px;
        margin-bottom:15px;
    }
    .ghhjjj{
    align-items: center !important;
    justify-content: center;
    text-align: center;
    gap: 10px;
}
}
.fa-search-plus:before {
    content: "\f00e";
    font-size: 74px;
}
.input-group .btn{
    font-size:20px;
    font-weight:600;
    width:40px;
    background:#fff;
    box-sizing: border-box;
border-color: rgb(208, 213, 221);
}
#product_price{
    border-color: rgb(208, 213, 221);
}
.btncup{
    border-radius: 8px;
width: 363px;
height: 56px;
/* Автолейаут */
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
gap: 25px;
padding: 10px;
color: rgb(79, 82, 97);
font-family: "Roboto Condensed";
font-size: 18px;
font-weight: 700;
line-height: 20px;
letter-spacing: 0px;
text-align: left;
/* Inside Auto Layout */
flex: none;
order: 1;
flex-grow: 0;
margin: 0px 15px;
background: rgb(254, 217, 1);
    border: none;
}
#decrease-count{
    border-radius:3px 0 0 3px;
}
#increase-count{
     border-radius:0 3px 3px 0;
}
.ytr{
    display:inline-block;
    margin-bottom:4px;
}
@media(max-width:790px){
     .home-slider-img{
        display:none;
    }
        .factory-title-text-style {
        max-width: 90%;
    }
}
@media(max-width:700px){
   
  .feedback-form-container2 {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    padding-top: 52px;
    padding-bottom: 53px;
}
.predfoot {
    display: inline-block;
    width: 100%;

    background: #505261;
}
.feedback-form-container{
     background: #505261;
}
.feedback-form-section {
    box-sizing: border-box;
    flex: 0 0 auto;
    width: 100%;
    padding-top: 17px;
    padding-bottom: 28px;
    color: #fff;
}
.main-heading-text-style {
    padding: 0;
    margin: 0;
    font: 400 40px "Roboto Condensed";
    color: #ffffff;
     text-align: center;
    letter-spacing: 2.4px;
}
.feedback-form-description {
    box-sizing: border-box;
    max-width: 652px;
    padding: 0;
    margin: 0;
    margin-top: 16px;
    font: 400 20px / 28px "Roboto Condensed";
    color: #ffffff;
    text-align: center;
    letter-spacing: 0.4px;
}
.feedback-form-container1 {
    box-sizing: border-box;
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    gap: 21px;
    align-items: center;
    justify-content: center;
    width: 100%;
}
.blockotr .row1 .zag {
        color: rgb(79, 82, 97);
        font-size: 24px;
        font-weight: 400;
        line-height: 110%;
        letter-spacing: 2%;
        text-align: left;
    }
        body{
    padding-top:152px;
}
    .input-group {

    max-width: 125px;
}


    .home-slider__block {
    position: relative;
    height: 350px;
    }
    .home-slider__body {
    display: block;
    height: 350px;
}
h1 {
    margin-bottom: 25px;
    font-size:26px;
}
.pd40 {
    padding: 20px 0;
}
.excursion__title {
    font-weight: 500;
    font-size: 26px;
    line-height: 120%;
    color: #000;
    margin-bottom: 30px;
}
.excursion__descr {
    font-weight: 500;
    font-size: 20px;
    line-height: 130%;
    color: #000;
}
     .popup__content {
    width: 90%;
   
}
.popup__content {
    padding: 30px 28px 28px 28px;
}
.popup__form, .popup__form-basket {
    width: 100%;
}
#myBtnContainer .btnt{
    margin-bottom:5px;
    margin-right: 5px;
}
.nf-col-padding{
    padding-left:0px!important;
}
}

.form-control{
    border-radius:0!important;
}
@media(max-width:700px){
        #msGallery {
        height: auto;
        margin-bottom: 15px;
    }
    .factory-title-text-style {
    padding: 0;
    margin: 0;
    font: 400 36px "Roboto Condensed";
    color: white;
    letter-spacing: 2.4px;
}
.row2 .foto img {
    width: 100%;
}
.row2 .foto {
    width: 100%;
}
#msProduct h1 {
    font-size: 1.6em;
}
.breadcrumb{
    margin-top:0px;
}
}
@media(max-width:400px){
.yellow-button-with-shadow, .btn4, .submit-button-style,.horizontal-box-container1, .horizontal-box-container{
    min-width:100%;
            width: 100%;
}

}