*::-webkit-input-placeholder {
	color: #666;
	opacity: 1;
}
*:-moz-placeholder {
	color: #666;
	opacity: 1;
}
*::-moz-placeholder {
	color: #666;
	opacity: 1;
}
*:-ms-input-placeholder {
	color: #666;
	opacity: 1;
}
:root {
  --font-family: "Gotham", sans-serif;
  --second-family: "Iowan Old Style", sans-serif;
}
body input:focus:required:invalid,
body textarea:focus:required:invalid {
	
}
body input:required:valid,
body textarea:required:valid {
	
}
body {
	font-family: "RobotoRegular", sans-serif;
	font-size: 16px;
	min-width: 320px;
	position: relative;
	background: #000;
min-width: 320px;
}
.hidden {
	display: none;
}
.carousel img {
	width: 100%;
	height: auto;
}
.parallax {
	background-attachment: fixed;
	background-position: 50% 0;
	position: relative;
}
header{
	width: 100%;
	height: 70px;
	background: #000;
	position: relative;
}
.logo{
	position: absolute;
	top: calc(50% - 30px);
	left: calc(50% - 72px)
}
.menu{
	
	
	margin-top:26px; 
	align-items: 
}
.menu a {
	color: #D9D9D9;

	font-family: Gotham;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
	margin-right: 36px;
}
.menu a svg{
	    margin-right: 20px;
}
.menu a line{
		stroke: #D9D9D9;

}
.menu a.active, .menu a:hover{
	color: #C9A879;
}
.menu a:hover line,
.menu a.active line{
		stroke: #C9A879;
}

.menu a:last-child{
	float: right;
	margin: 0;
}
.banner{
	width: 100%;
	height: calc(100vh - 70px);
	background: url('../img/banner.jpg') no-repeat;
	background-size: cover;
	background-position: center center;
	display: flex;
	justify-content: center;
    align-items: end;

}
.banner_text{
	background: rgba(0, 0, 0, 0.40);
	width: 737px;
	height: 258px;
	border-radius: 30px 30px 0 0;
}
.banner h1{
	color: #FFF;
text-align: center;
font-family: "Iowan Old Style";
font-size: 60px;
font-style: normal;
font-weight: 700;
line-height: normal;
text-transform: uppercase;
margin:0;
}
.text-top{
	color: #FFF;
text-align: center;
font-family: Gotham;
font-size: 25px;
font-style: normal;
font-weight: 500;
line-height: normal;
text-transform: uppercase;
margin-top: 43px;
}
.text-bottom{
	color: #D9D9D9;
text-align: center;
font-family: Gotham;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
.slider-block{
	background: #000;
}
.slider-block_products{
	width: 100%;
	height: 594px;
}
.slide_product{
	width: 100%;
	height: 594px;
	background-size: 100% ;
	background-repeat: no-repeat;
	display: flex;
    justify-content: end;
}
.slide_product_text {
    width: 45%;
    padding: 104px 59px;
    background: rgb(0 0 0 / 40%);
    height: 100%;
}
.slide_product_text .new {
	color: #C9A879;

text-align: center;
font-family: Gotham;
font-size: 25px;
font-style: normal;
font-weight: 500;
line-height: normal;
text-transform: uppercase;
margin-bottom: 66px;
}
.slide_product_text-title{
	color: #FFF;

text-align: center;
font-family: Gotham;
font-size: 40px;
font-style: normal;
font-weight: 300;
line-height: normal;
text-transform: uppercase;
margin-bottom: 35px;
}
.slide_product_text hr{
	width: 255px;
	color: #FFF;
	margin: 0 auto 35px;
}
.slide_product_text-desc{
	margin: 0 auto;
	color: #FFF;

text-align: center;
font-family: Gotham;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: normal;
	
}
.slider-block_products .swiper-pagination{

}
.ye{
	width: 100%;
}
.swiper-pagination-bullet{
	 background-color: #D9D9D9 !important;
}
.swiper-pagination-bullet-active {
  background-color: #FFEC3F !important;
}
.wh{
	width: 90%	;
}
.footer-body{
	height: 450px;
	width: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	margin-top: -5%;
	display: flex;
    justify-content: space-between;
    padding: 0px 94px 45px;
    align-items: end;
}
.footer-body_right {
    display: flex;
}
.footer_menu {
    margin-left: 114px;
}
.footer_menu ul {
    padding: 0;
    list-style-type: none;
}
.footer_menu_title {
    color: #FFF;
    font-family: Gotham;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    text-transform: uppercase;
}
.footer_menu a{
	color: #000;

font-family: Gotham;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px;
}
.footer-body_social {
    margin-bottom: 49px;
    display: flex;
    justify-content: space-between;
}
.copyright {
    color: #000;
    font-family: Gotham;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.content{

	
	
}
.content.line:before {
    background-image: url(../img/ye-line.svg);
    background-repeat: no-repeat;
    background-position: right -85px;
    content: ' ';
    display: block;
    width: 100%;
    height: 220px;
    position: absolute;
z-index: -1;
}
.breadcrumbs{
	margin-top: 60px;
	height: 90px;
}
.breadcrumbs a,.breadcrumbs{
	color: #FFF;

font-family: Gotham;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px;
margin-right: 6px;
}
.breadcrumbs span{
	color: #C9A879;

font-family: Gotham;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px; 
margin-left: 6px;
}
.categories{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.category {
    width: 360px;
    height: 354px;
    display: flex;
    flex-direction: column;
    justify-content: center;
        margin-bottom: 30px;
                margin-right: 30px;
        border: 1px solid #C9A879;
position: relative;
background-repeat: no-repeat;
background-position: center;
background-size: cover;


}
a.category:after {
    background-color: rgb(0 0 0 / 70%);
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
}
.category-title{
color: #C9A879;
    text-align: center;
    font-family: Gotham;
    font-size: 28px;
    font-style: normal;
    font-weight: 900;
    display: block;
    line-height: 35px;
z-index: 3;

}
.category:hover .category-title{
	color:#FFF;
}
.category:hover::after{
	    backdrop-filter: blur(2px);
}
.category-more {
    color: #FFF;
    text-align: center;
    font-family: Gotham;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 35px;
    position: absolute;
    bottom: 62px;
    text-align: center;
    display: inline-block;
    width: 100%;
    z-index: 3;
    
}
a.category:nth-child(3n) {
    margin-right: 0px;
}
.category:last-child{
	flex:auto;
	margin-right: 0px;
}
.smile{
	color: #FFEC3F;
text-align: center;
font-family: Gotham;
font-size: 300px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.title404{
color: #FFEC3F;
text-align: center;
font-family: Gotham;
font-size: 400px;
font-style: normal;
font-weight: 900;
line-height: normal;
margin: 0;
padding: 0;
}
.text404{
	color: #D9D9D9;
text-align: center;
font-family: Gotham;
font-size: 25px;
font-style: normal;
font-weight: 400;
line-height: normal;
margin-bottom: 60px;
}
.pretitle404 {
    color: #FFEC3F;
    text-align: center;
    font-family: Gotham;
    font-size: 45px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-top: 60px;
}
.form{
	margin-left: 35px
}
.form form{
	display: flex;
	flex-direction: column;
	border-radius: 20px;
background: #C9A879;
padding: 20px 30px 30px 30px;
max-width: 393px;	
}
.form form label{
	margin-bottom: 26px;}
.form form label span{
	display: block;
	color: #000;

font-family: Gotham;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.form input{
	border-radius: 10px;
width: 100%;
border: none;
padding: 14px;
outline:none;
}
.form button{
	color: #000;
border: none;
text-align: center;
font-family: Gotham;
font-size: 20px;
font-style: normal;
font-weight: 900;
line-height: normal;
border-radius: 20px;
background: #FFEC3F;
width: 271px;
height: 50px;
margin: 0 auto;

}
.form textarea{
	width: 100%;
height: 162px;
	border-radius: 10px;
	border: none;
	padding: 14px;
}
.contacts h2 {
	color: #FFEC3F;
font-family: Gotham;
font-size: 25px;
font-style: normal;
font-weight: 900;
line-height: normal;
margin-left: 38px;
}
.contacts-body{
	display: flex;
}
.contacts-body_left{
	flex:auto;

}
.contacts-text{
	border-radius: 20px;
background: rgba(46, 46, 46, 0.50);
padding: 38px;
flex:auto;
margin-bottom: 38px;
}
.contacts-text b{
	color: #D9D9D9;
font-family: Gotham;
font-size: 20px;
font-style: normal;
font-weight: 900;
line-height: normal;
}
.contacts-text p{
	color: #D9D9D9;
font-family: Gotham;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: normal;
margin-bottom: 38px;
}
.contacts-text span,
.contacts-text p a{
	color: #D9D9D9;
font-family: Gotham;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-decoration-line: underline;
}
a.partners {
    color: #000;
    border: none;
    text-align: center;
    font-family: Gotham;
    font-size: 20px;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
    border-radius: 20px;
    background: #FFEC3F;
    width: 271px;
    max-height: 50px;
    display: block;
    padding: 13px 0;
}
.about-top{
		background: url('../img/about-top.jpg') no-repeat;
	background-size: cover;
	height: 345px;
	display: flex;
    align-items: center;
}
.about-top_body{

    display: flex;
    justify-content: space-between;
	
}
.about-top_body p{
	color: #FFF;
    width: 60%;
text-align: right;
font-family: Gotham;
font-size: 25px;
font-style: normal;
font-weight: 900;
line-height: normal;
}

.about-text{

	border-radius: 20px;
background: rgba(46, 46, 46, 0.50);

padding: 43px 50px 63px 60px;
}
.about-title{
	color: #D9D9D9;

font-family: Gotham;
font-size: 25px;
font-style: normal;
font-weight: 900;
line-height: normal;
margin-bottom: 38px;
}
.about-text p{
	color: #D9D9D9;

font-family: Gotham;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.about-h2_body {
    position: relative;
    margin: 280px 0 180px 0;
}
.about-h2{
	color: #FFEC3F;
text-align: center;
font-family: Gotham;
font-size: 35px;
font-style: normal;
font-weight: 700;
line-height: normal;
text-transform: uppercase;
transform: rotate(-7.467deg);
width: 780px;
margin: 0 auto;
}
.about-h2_body:after{
	content: ' ';
	display: block;
	position: absolute;
	background: url('../img/line-left.svg') no-repeat;
	background-position: left;
	width: 100%;
    height: 200px;
}
.about-h2_body:before{
	content: ' ';
	display: block;
	position: absolute;
	background: url('../img/line-right.svg') no-repeat;
	background-position:top right;
	width: 100%;
    height: 200px;
    top:-200px;
}
.rd3s {
    display: flex;
    justify-content: space-around;
    margin-bottom: 70px;
    margin-top: 80px;
}
.rd3{
	width: 261px;
	height: 243px;
	border-radius: 20px;
	background: rgba(46, 46, 46, 0.50);
	padding: 20px;
	text-align: center;
}

.rdt{
	color: #FFEC3F;
font-family: Gotham;
font-size: 35px;
font-style: normal;
font-weight: 700;
line-height: normal;
margin-bottom: 24px;
}

.rd3 span{
	color: #D9D9D9;
text-align: center;
font-family: Gotham;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.rdt span{
color: #FFEC3F;
text-align: center;
font-family: Gotham;
font-size: 60px;
font-style: normal;
font-weight: 700;
line-height: normal;	
display: block;

}
.partners-h2_body {
    position: relative;
    margin: 180px 0 180px 0;
}
.partners-h2{
	color: #FFEC3F;
text-align: center;
font-family: Gotham;
font-size: 35px;
font-style: normal;
font-weight: 700;
line-height: normal;
text-transform: uppercase;
transform: rotate(-7.467deg);
width: 740px;
margin: 0 auto;
}
.partners-h2_body:after{
	content: ' ';
	display: block;
	position: absolute;
	background: url('../img/line-left.svg') no-repeat;
	background-position: left;
	width: 100%;
    height: 200px;
}
.partners-h2_body:before{
	content: ' ';
	display: block;
	position: absolute;
	background: url('../img/line-right.svg') no-repeat;
	background-position:top right;
	width: 100%;
    height: 200px;
    top:-200px;
}
.citys{

}
.changeCity{
	color: #FFEC3F;
font-family: Gotham;
font-size: 25px;
font-style: normal;
font-weight: 400;
line-height: 24px; /* 96% */
margin-bottom: 42px;
}
.alphabet a{

	border-radius: 20px;
background: rgba(217, 217, 217, 0.50);
margin-right: 10px;
color: #FFF;
text-align: center;
font-family: Gotham;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 24px; /* 120% */
padding: 8px 22px;
margin-bottom: 10px;
display: inline-block;
width: 79px;
}
.alphabet a.active,
.alphabet a:hover{
	color: #000;
text-align: center;
font-family: Gotham;
font-size: 20px;
font-style: normal;
font-weight: 900;
line-height: 24px; /* 120% */
background: #FFEC3F;
}
.char{
	color: #FFEC3F;

font-family: Gotham;
font-size: 20px;
font-style: normal;
font-weight: 900;
line-height: 24px;
margin-top: 79px;
margin-bottom: 24px;
}
.city-shop{
	display: flex;
	margin-bottom: 24px;
}
.city{
	color: #FFF;
font-family: Gotham;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 24px; /* 160% */
margin-right: 50px;
padding-top: 29px;
width: 250px;
}
.shops{
	border-radius: 20px;
	background: rgba(46, 46, 46, 0.50);
	width: 100%;
	padding: 29px;

}
.shops .shop{
		display: flex;
		margin-bottom: 67px;
}
.shops  .shop div{
	width: 33.3%;
	color: #FFF;

font-family: Gotham;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 24px;
}
.shop div.name{
	color: #FFF;

font-family: Gotham;
font-size: 18px;
font-style: normal;
font-weight: 900;
line-height: 24px; 
}
.address span,
.phone span{
	text-decoration-line: underline;
}
.shops p {
    margin: 0;
    margin-top: 17px;
}
.citys  .more {
	text-align: center;
}
.citys  .more a{
	margin: 0 auto;
	color: #FFF;

text-align: center;
font-family: Gotham;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 35px;
border-radius: 20px;
border: 1px solid #FFF;
background: rgba(217, 217, 217, 0.20);
display: inline-block;
padding: 0px 40px;
}
.citys  .more a:hover{
	color: #FFEC3F;
	border-color:  #FFEC3F;
	background: none;
}
.online-shop{
background: #D9D9D9;
    transform: rotate(-8.052deg);
    margin-top: 90px;
    padding-bottom: 35px;
    width: 115%;
    margin-left: -5%;
    
}
.online-shop_title{

	color: #000;

text-align: center;
font-family: Gotham;
font-size: 30px;
font-style: normal;
font-weight: 900;
line-height: 35px;
margin-bottom: 35px;
padding-top: 20px
}
.online-shops a {
    margin-left: 50px;
}

.online-shops {
    text-align: center;
}
.online-shops a img {
    filter: grayscale(1);
}
.online-shops a:hover img{
    filter: grayscale(0);
}
.online{
	overflow-x: clip;
}
.catalog{
margin-top:104px;
margin-bottom: 104px;
display:flex;
flex-wrap:wrap;
padding:0 60px;
}
.item{
width: 310px;
    height: auto;
    display: block;
    border: 1px solid #C9A879;
    padding: 24px 50px;
    margin-bottom: 32px;
    margin-right: 30px;
    background: #232323;
    flex: 0 0 310px;
	text-align:center;
}
.slider-items{

margin-bottom:5px;
}
.slider-items {
height:250px;
}
.slider-items .swiper-slide img{
width:100%;
}
.item_title{
color: #C9A879;

text-align: center;
font-family: Gotham;
font-size: 20px;
font-style: normal;
font-weight: 900;
line-height: 24px; 
}
.catalog_title{
color: #D9D9D9;
    display: inline-block;
font-family: Gotham;
font-size: 28px;
font-style: normal;
font-weight: 900;
line-height: normal;
}
.catalog_body_title{

}
.catalog_body_title span {
    color: #D9D9D9;
    font-family: Gotham;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin-left: 60px;
}
.catalogbg{
background: #161515 url('../img/catalogbg.png');
    background-size: cover;

}
.top {
    height: 600px;
    display: flex;
    justify-content: end;
    flex-direction: column;
    background-repeat: no-repeat;
    background-size: cover;
}
.shadow {
    background: rgb(1 1 1 / 60%);
    height: 40%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.top_text{
color: #FFF;

font-family: Gotham;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
h2.catalog_title{

color: #FFF;

font-family: Gotham;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px; /* 150% */
text-transform: uppercase;
}
.catalog.other{
margin-top:60px;

}
.element {
    display: flex;
    flex-direction: row;
    border-radius: 20px;
    background: rgba(46, 46, 46, 0.50);
    padding: 75px 16px;
}
.element-left {

}
.element-right {
    margin-left: 60px;
	position:relative;
}
.element-name {
    color: #C9A879;
    font-family: Gotham;
    font-size: 35px;
    font-style: normal;
    font-weight: 900;
    line-height: 35px;
}
.element-desc {
    color: #D9D9D9;
    font-family: Gotham;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    margin-top: 49px;
    line-height: normal;
}
a.element-ozon {
    border-radius: 20px;
    background: #315EFB;
    width: 250px;
    display: block;
    text-align: center;
color: #D9D9D9;

text-align: center;
font-family: Gotham;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: normal;
    padding: 10px;
}
a.element-wb{
    border-radius: 20px;

    width: 250px;
    display: block;
    text-align: center;
color: #D9D9D9;

text-align: center;
font-family: Gotham;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: normal;
    padding: 10px;
background: #8D297F;
}
a.element-ozon {
    margin-bottom: 50px;
    margin-top: 50px;
}
.element-button {
    position: absolute;
    bottom: 0;
}
a.element-ozon span,
a.element-wb span{
color: #D9D9D9;
font-family: Gotham;
font-size: 20px;
font-style: normal;
font-weight: 900;
line-height: normal;
text-transform: uppercase;
}
.block_goods--img .swiper-container {
    width: 100%;
    height: 100%;
	overflow:hidden;
}

.block_goods--img .slider__flex {
    display: flex;
    align-items: flex-start;
}

.block_goods--img .slider__col {
    display: flex;
    flex-direction: column;
    width: 97px;
    margin-right: 15px;
}
.slider__image .swiper-pagination.swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: -32px;
}


.slider__thumbs .slider__image {
    background: #3D3D3D;
    width: 97px;
    height: 97px;
}
.block_goods--img .slider__prev, .block_goods--img .slider__next {
    cursor: pointer;
    text-align: center;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	display:none;
}

.slider__prev:focus, .slider__next:focus {
    outline: none;
}

.block_goods--img .slider__thumbs {
    height: 462px;
	width: 97px;
}

.block_goods--img .slider__thumbs .slider__image {
    cursor: pointer;
    transition: 0.25s;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: 0.5;
}

.block_goods--img .slider__thumbs .slider__image:hover {
    opacity: 1;
}

.block_goods--img .slider__thumbs .swiper-slide-thumb-active .slider__image {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
    opacity: 1;
}

.block_goods--img .slider__images {
    height: 462px;
    margin: 0 auto;
	width: 462px;
    background: #3D3D3D;
	position:relative;
}

.block_goods--img .slider__images .slider__image img {
    transition: 3s;
}

.block_goods--img .slider__images .slider__image:hover img {
    transform: scale(1.1);
}

.block_goods--img .slider__image {
    width: 100%;
    height: 100%;
    border-radius: 5px;
    overflow: hidden;
}

.block_goods--img .slider__image img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.block_goods--img .slider__prev > div, .block_goods--img .slider__next > div {
    background-image: url(../images/icon-prev-next.png);
    width: 28px;
    height: 15px;
    background-repeat: no-repeat;
}

.block_goods--img .slider__prev > div {
    background-position: 0 0;
}

.block_goods--img .slider__prev:hover > div {
    background-position: 0 -15px;
}

.block_goods--img .slider__next > div {
    background-position: -28px 0;
}

.block_goods--img .slider__next:hover > div {
    background-position: -28px -15px;
}
.element-description{
	margin-top:112px;
    height: auto;
}
.element-tab a {
    color: #D9D9D9;
    font-family: Gotham;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin-right: 30px;
}
.element-tab a.active {
    color: #C9A879;

}
.tabs {
    border-radius: 20px;
    background: rgba(46, 46, 46, 0.50);
    padding: 20px 60px;
    margin-top: 18px;
    color: #D9D9D9;
    font-family: Gotham;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
	width:100%;
	display:none;
	min-height:250px;
}
.tabs.active {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
@media (max-width: 570px) {
    .block_goods--img .slider__flex {
        flex-direction: column-reverse;
    }

    .block_goods--img .slider__col {
        flex-direction: row;
        align-items: center;
        margin-right: 0;
        margin-top: 24px;
        width: 100%;
    }

    .block_goods--img .slider__images {
        width: 100%;
    }

    .block_goods--img .slider__thumbs {
        height: 100px;
        width: calc(100% - 96px);
        margin: 0 16px;
    }

    .block_goods--img .slider__prev, .block_goods--img .slider__next {
        height: auto;
        width: 32px;
    }
}
.video{
    padding-top: 100px;
	margin:0px auto 0;
	width:80%;

}
.video_body{
background: #ccc;
width:100%;
border-radius: 10px;
text-align:center;
}
.video iframe {
    margin-bottom: -7px;
}
.video-text ul {
    list-style-type: none;
    display: flex;
    margin-top: 120px;
    padding: 0;
    justify-content: space-between;
}
.video-text ul li {
    width: 22%;
}
.video-text ul li span {
    font-weight: 500;
    font-size: 50px;
    color: #ffec3f;
font-family: var(--font-family);
}
.video-text ul li p{
font-family: var(--font-family);
font-weight: 400;
font-size: 20px;
color: #d9d9d9;
    margin: 0;
    margin-top: 13px;
}
.filter-body {
    display: flex;
    flex-direction: row;
    width: 80%;
    margin: 0 auto;
    padding-top: 100px;
}
.filter-text {
    width: 45%;
    display: block;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 20px;
    color: #d9d9d9;
	margin-right:35px;
display: flex;
    flex-direction: column;
    justify-content: center;
}
.filter-slider {
    width: 50%;
}
.filter-slider img{
border: 1px solid #fff;
border-radius: 10px;
width: 602px;
height: 569px;
}
.filter-slider {
    width: 55%;
    margin: 0px auto;
	text-align:center;
    background: url(../img/filterbg.png);
    background-repeat: no-repeat;
    background-position: center;
}
.filter {
    margin-bottom: 60px;
}
 .swiper.filterslider.swiper-initialized.swiper-horizontal.swiper-backface-hidden {
    padding-bottom: 50px;
}
.spaced {
    position: relative;
    overflow: hidden;
}
.space {
    background: url(../img/space2.jpg);
    width: 170%;
    height: 230%;
    position: absolute;
    transform: rotate(351deg);
    top: 164px;
    z-index: -1;
}
.persent100{
height: 897px;
    width: 100%;
    background: url(../img/perec.png) no-repeat;
    background-size: 100%;
    position: relative;
}
.pesent-text {
    text-align: center;
    margin-top: 180px;
    position: relative;
    top: 210px;
}
.pesent-text span{
	font-weight: 900;
font-size: 200px;
text-align: center;
color: #ffec3f;
font-family: Gotham;
}
.pesent-text p {
	font-weight: 900;
font-size: 28px;
text-align: center;
color: #fff;
font-family: Gotham;
margin-top: -50px;
}
.persent100 img {
    position: relative;
    z-index: -1;
}
.zapara-title{
font-family: var(--font-family);
font-weight: 900;
font-size: 28px;
text-align: right;
color: #c9a879;
}
.zapara-text{
font-family: var(--font-family);
font-weight: 400;
text-align: right;
font-size: 20px;
color: #d9d9d9;
}
.zapara-block-right ul{
list-style-type:none;
	margin:0 auto;
padding:0;
}
.zapara-block-right li {
    box-sizing: border-box;
    border: 1px solid rgba(217, 217, 217, 0);
    border-radius: 10px;
    background: rgb(33, 33, 33);
    margin-bottom: 17px;
    padding: 28px 34px 28px 84px;
position: relative;
min-height:160px;
}
.zapara-block-right li:last-child{

	margin-bottom:0px;
}
.zapara-block-right span {
    position: absolute;
    color: rgb(33, 33, 33);
    font-family: Gotham;
    font-size: 200px;
    font-weight: 900;
    line-height: 240px;
    letter-spacing: 0%;
    text-align: left;
    opacity: 0.4;
    text-shadow: 0px 0px 2px white;
    top: -40px;
    left: 0;
}
.zapara-block {


	position:relative;
}
.zapara-block_body{
    display: flex;
    justify-content: space-evenly;
    width: 80%;
    margin: 130px auto;

}
.zapara-block:before {
    content: '';
    display: block;
    position: absolute;
    right: 0px;
    top: -300px;
    background: url(../img/top_3ul.png);
    width: 100%;
    height: 180%;
    background-repeat: no-repeat;
    background-position: right top;
}
.zapara-block:after {
    content: '';
    display: block;
    position: absolute;
    left: 0px;
    bottom: -300px;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background: url(../img/bottom_3ul.png);
    background-position: bottom left;
    background-repeat: no-repeat;
}
.zapara-block_left{
	position:relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 45%;
    border-radius: 10px;
	margin-right:15px;
}
.zapara-block_left_img {

    background: url(../img/zapara.jpg);
    opacity: 0.5;
    background-size: cover;
width:100%;
height:100%;
    left: 0;
    top: 0;
    position: absolute;

}
p.underline {
    text-decoration: underline;
}
.bx-pagination .bx-pagination-container ul li.bx-active span {
    background: #C9A879;
    border-radius: 0;
	color: #000;
}
.bx-pagination .bx-pagination-container ul li.bx-pag-all span, .bx-pagination .bx-pagination-container ul li.bx-pag-prev span, .bx-pagination .bx-pagination-container ul li.bx-pag-next span {
    border-radius: 0;
    background: none;
    border: 1px solid #C9A879;
    color: #C9A879;
}
.bx-pagination .bx-pagination-container ul li.bx-active span,
 {
    background: #c9a979;
    color: #000;
    border-radius: 0;
}
.bx-pagination .bx-pagination-container ul li a span,
.bx-pagination .bx-pagination-container ul li.bx-pag-all a span, .bx-pagination .bx-pagination-container ul li.bx-pag-prev a span, .bx-pagination .bx-pagination-container ul li.bx-pag-next a span {
    background: none;
    border: 1px solid #c9a979;
    border-radius: 0;
    color: #FFF;
}
.bx-pagination .bx-pagination-container ul li a:hover span,
.bx-pagination .bx-pagination-container ul li.bx-pag-all a:hover span, .bx-pagination .bx-pagination-container ul li.bx-pag-prev a:hover span, .bx-pagination .bx-pagination-container ul li.bx-pag-next a:hover span {
    background: #c9a979;
    color: #000;
   border: 1px solid #c9a979;
}
.bx-pagination .bx-pagination-container ul li {
    display: inline-block;
    top: 0;
    margin: 0 7px 15px 2px;
}
.bx-pagination .bx-pagination-container ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    flex-direction: row;
}
.zapara-block_left span {
    color: rgb(217, 217, 217);
    font-family: Gotham;
    font-size: 35px;
    font-weight: 700;
    line-height: 42px;
    letter-spacing: 0%;
    text-align: left;
}
.bx-pagination .bx-pagination-container ul{
    justify-content: center;
}
.catalog_body_title {
    margin-top: 50px;
}
.item.hit {
	position:relative;

}

.item.hit:before {
    background: url(../img/hit.svg) no-repeat;
    background-position: right top;
    background-size: 100%;
    content: ' ';
    position: absolute;
    width: 30%;
    height: 30%;
    right: 0;
    top: 0;
    z-index: 10;
}
/*css for goods img popup*/
#goods-photogallery .swiper-container {
    width: 100%;
    height: 85vh;
    background-color: #fff;
}

#goods-photogallery .swiper-slide {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    cursor: grab;
}

#goods-photogallery .gallery-top {
    height: 80%;
    width: 100%;
}

#goods-photogallery .gallery-thumbs {
    height: 20%;
    box-sizing: border-box;
    padding: 10px 0;
}

#goods-photogallery .gallery-thumbs .swiper-wrapper {
    justify-content: center;
}

#goods-photogallery .gallery-thumbs .swiper-slide {
    height: 100%;
    opacity: 0.4;
    background-size: contain;
    cursor: pointer;
}

#goods-photogallery .gallery-thumbs .swiper-slide-thumb-active {
    opacity: 1;
}

/*End*/