@charset "UTF-8";
/* CSS Document */
font-family: 'Raleway', sans-serif;
header {
	width: 100%;
	top: 0;
	position: fixed;
	z-index: 300;
}
main {
    display: block;
}
.header_bg{
	z-index: 300;
	position: fixed;
	left: 0px;
	top: 0px;
	height: 112px;
	width: 100%;
	background: rgba( 255, 255, 255, 0.7 );
	box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 );
	backdrop-filter: blur( 4px );
	-webkit-backdrop-filter: blur( 4px );
	border: 1px solid rgba( 255, 255, 255, 0.18 );
}
.site-logo {
	z-index: 500;
	left: 10%;
	position: relative;
	position: fixed;
    display: block;
    float: left;
    width: 3.1em;
	flex-shrink: 1;
}
.logo{
	position: fixed;
}
.site-nav{
	position: relative;
	position: fixed;
	right: 13%;
    float: right;
    z-index: 400;
    top: 0;
    left: 0;
    display: block !important;
    padding: 4.5em 0em 0 0em;
}
.site-nav ul {
    list-style-type: none;
    margin: 0;
    text-align: right;
}
ul {
    display: block;
    list-style-type: disc;
    margin-block-start: 1em;
    margin-block-end: 1em;
}
.site-nav ul li {
	display: inline-block;
	margin-bottom: 0;
	margin-left: 1.5em;
}
.site-nav ul li a {
	font-size: 1.3em;
	padding-bottom: .5em;
	text-decoration: none;
	letter-spacing: .15em;
	text-transform: uppercase;
	color: black;
	transition: color .3s;
}
.site-nav ul li a:hover {
	outline: none;
	border-bottom: 3px solid #F5BE41;
}

.lead {
	font-family: Raleway;
	font-style: normal;
	font-weight: normal;
	font-size: 1.688em;
	line-height: 140%;
	font-feature-settings: 'pnum' on, 'lnum' on;
}
.header_phone{
	z-index: 400;
	background: #F5BE41;
	border-radius: 0px 0px 30px 30px;
	position: absolute;
	position: fixed;
    right: 13.06%;
	top: 0%;
	padding: 0.1em 2em 0.5em 2em;
}
.header_phone a{
	font-family: Raleway;
	font-style: normal;
	font-weight: bold;
	font-size: 2.250em;
	line-height: 140%;
	text-align: center;
	text-decoration: none;
	font-feature-settings: 'pnum' on, 'lnum' on;
	color: #000000;
}
.intro{
	background: url("images/DjUWIUKdzscfirst-bg-2.jpg") no-repeat 100% 100%;
	background-size: cover;
	background-position: center center;
	position: relative;
	height: 90vh;
}
.first{
	position: relative;
	display: block;
	background: rgba( 255, 255, 255, 0.25 );
	box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 );
	backdrop-filter: blur( 4px );
	-webkit-backdrop-filter: blur( 4px );
	border-radius: 10px;
	border: 1px solid rgba( 255, 255, 255, 0.18 );
	margin-left: 10%;
	radius: 30px;
	width: 34.125em;
	top: 144px;
}
.first_inside {
	margin-left: 10%;
	flex-direction: column;
	display: flex;
	flex-grow: 1;
	margin-bottom: 2em;
}
.first_inside .lead{
	text-decoration: none;
}
.first_inside .link:hover{
	text-decoration-color:#F5BE41;
}
h1 {
    display: block;
}
.mainContent {
	float: left;
}
.title{
	font-family: Raleway;
	font-style: normal;
	font-weight: bold;
	font-size: 3em;
	line-height: 4.125em;
	Line-height: 88%;
	Align: Left;
	font-feature-settings: 'pnum' on, 'lnum' on;
}
.bold {
	font-weight: bold;
}
.first_inside a{
	text-align: left;
	font-feature-settings: 'pnum' on, 'lnum' on;
	color: #000000;
	text-decoration-line: underline;
}

.link{
	font-family: Raleway;
	font-weight: normal;
	font-size: 1.250em;
	line-height: 160%;
	text-decoration-line: underline;
}
/* Each product Information in the catalog */
.productInfo {
	float: left;
	padding: 1% 4% 1% 4%;
	width: 20%;
	overflow: hidden;
	text-align: left;
	background: #FFFFFF;
	border: 2px solid #F2F2F2;
	border-radius: 30px;
	margin-bottom: 5.5%;
}
.productInfo a {
	display: block;
}
/* Prices of a products in catalog */
.productRow .hit .price {
	position: relative;
	color: #000000;
	margin: 4% 0% 4% 0%;
}
/* Content holder for products in catalog*/
.productRow .hit .productContent {
	position: relative;
	white-space: pre-wrap;
}
/* Prices of a products in catalog */
.productRow .productInfo .price {
	position: relative;
	color: #000000;
	margin: 4% 0% 4% 0%;
}
/* Content holder for products in catalog*/
.productRow .productInfo .productContent {
	position: relative;
	white-space: pre-wrap;
}
.hit{
	border: 2px solid #FFFFFF;
	box-shadow: 0px 0px 50px rgba(245, 190, 65, 0.8);
	border-radius: 30px;
}
/* Product's images in catalog */
.productInfo div img {
	max-width: 90%;
	height: auto;
}
#catalog{
	width: 80%;
	padding-left: 10%;
}
.price{
	font-family: Raleway;
	font-style: normal;
	font-weight: bold;
	text-align: left;
	font-size: 2.2em;
	height:  2.3em;
	line-height: 110%;
	font-feature-settings: 'pnum' on, 'lnum' on;
	-webkit-line-clamp: 2;
}
.price_on_request{
	overflow: hidden;
	white-space: nowrap;
	font-variant-caps: small-caps;
}
.productContent{
	font-family: Raleway;
	font-style: normal;
	font-weight: normal;
	font-size: 1.5em;
	line-height: 120%;
	text-align: left;
	font-feature-settings: 'pnum' on, 'lnum' on;
	color: #000000;
	overflow:hidden;
	height: 3.4em;
	-webkit-line-clamp: 3; /* Число отображаемых строк */
    display: -webkit-box; /* Включаем флексбоксы */
    -webkit-box-orient: vertical; /* Вертикальная ориентация */
}
.productMid{
	margin-left: 5.5%;
	margin-right: 5.5%;
}
.subtitle{
	font-family: Raleway;
	font-style: normal;
	font-weight: 600;
	font-size: 2em;
	line-height: 2.25em;
	text-align: center;
	color: #000000;
}
.catalog_nav ul {
    text-align: left;
}
.catalog_nav ul li {
	display: inline-block;
}
.catalog_nav ul li a {
	padding-bottom: .5em;
	padding-right: 1em;
	text-decoration: none;
}
.selected{
	outline: none;
	border-bottom: 5px solid #F5BE41;
}
.catalog_nav{
	margin-left: -3.5%;
	margin-bottom: 4%;
}

.banner {
	float: left;
	background-color: #C0C0C0;
	background-image:url("images/banner 2.jpg");
	height: 400px;
	width: 100%;
	background-attachment: fixed;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	position: relative;
}
.parallax {
	color: #000000;
	text-align: left;
	padding-left: 10%;
	padding-top: 110px;
	letter-spacing: 2px;
	margin-top: 0px;
	font-family: Raleway;
	font-style: normal;
	font-weight: bold;
	font-size: 64px;
	line-height: 75px;
	text-transform: uppercase;
	text-shadow: 3px 3px 0px #F5BE41;
	font-feature-settings: 'pnum' on, 'lnum' on;
}
.parallax_description {
	background: #F5BE41;
	text-align: left;
	padding-left: 10%;
	width: 40%;
	float: left;
	line-height: 23px;
	margin: 0px;
}
section {
    display: block;
}
.paragraph{
	font-family: Raleway;
	font-style: normal;
	font-size: 1.250em;
	line-height: 2em;
	font-feature-settings: 'pnum' on, 'lnum' on;
	text-align: left;
}
.about{
	float: left;
	background: #333333;
	width: 77%;
	margin-left: 10%;
	margin-top: 5.5%;
	margin-bottom: 5.5%;
	overflow: hidden;
}
.about-artboard{
	display: flex;
}
.about-description{
	display: block;
	background: #F5BE41;
	width: 28em;
	padding: 3em 2em 3em 2em;
	margin: 0 8em 0 8em;
}
.about-pic{
	padding: 5%;
}
.about-pic figure {
	position: relative;
}
.about-pic figure img {
	position: relative;
	z-index: 100;
}
.about-pic .paragraph{
	color: #FFFFFF;
}
.fact{
	padding: 1%;
	position: relative;
	display: inline-block; 
	float: left;
	width: 23%;
}
.fact .paragraph{
	text-align: center;
}
.factsRow{
	margin-left: 10%;
	white-space: pre-wrap;
}
.fact div img {
	width: 100%;
	display: inline-block;
}
.factsRow .fact {
	overflow: auto;
	position: relative;
	white-space: pre-wrap;
	display: inline-block; 
}
.contacts{
	float:left;
	background: url("images/map.png") no-repeat 100% 100%;
	position: relative;
	height: 500px;
	width: 100%;
	background-attachment: fixed;
	background-size: cover;
	background-repeat: no-repeat;
}
.contacts-description{
	position: relative;
	z-index: 100;
	background: rgba( 255, 255, 255, 0.25 );
	box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 );
	backdrop-filter: blur( 4px );
	-webkit-backdrop-filter: blur( 4px );
	border-radius: 10px;
	border: 1px solid rgba( 255, 255, 255, 0.18 );
	radius: 30px;
	width: 19.3em;
	flex-direction: column;
	display: flex;
	flex-grow: 1;
	margin:2em 13% 2em 0;
	padding: 0 2em 3em 2em;
	float: right;
}
.contacts-description .lead{
	text-decoration-line: none;
	color: #000000;
}
.bank-details{
	margin: 1% 13% 2% 10%;
	display: inline-block;
	columns: 2;
	column-gap: 30%;
	padding: 1em;
}
.footer-nav{
display: flex;
flex-direction: row;
justify-content: space-between;
}

.footer-yellow{
	float: right;
	z-index: 300;
	background: #F5BE41;
	border-radius: 30px 30px 0px 0px;
	bottom: 0%;
	padding: 1em 1em 1em 2em;
	width: 19em;
	text-align: left;
}

/* footer */
footer {
	clear: both;
	overflow: auto;
	background-color: #F2F2F2;
	font-style: normal;
	padding-left: 10%;
	padding-right: 13%;
	margin-top: 10%;
}
/*Each footer content */
footer div {
	float: left;
	text-align: justify;
}
/* Links in footer */
footer div a {
	color: #000000;
	text-align: left;
}
.mid{
	padding: 0 1em 0 1em;
}
.footerlinks p{
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}
.content{
}
.item{
	display: block;
	margin-left: 10%;
	margin-right: 13%;
}
.item-description{
	display: block;
	width: 55%;
	float:left;
	margin-right: 5%;
}
.item-description .paragraph{
	margin-top: 3em;
	margin-bottom: 3em;
}
.item-description .price-description{
	margin-bottom: 3em;
}
.price-description{
	font-family: Raleway;
	font-style: normal;
	font-weight: bold;
	font-size: 1em;
	line-height: 1.5em;
	font-feature-settings: 'pnum' on, 'lnum' on;
	color: #000000;
}
.cssisawesome{
	background: #FFFFFF;
	display: block;
	height: 13.750em;
	width: 100%;
}
.photogallary{
	width: 40%;
}
.cookie-notification {
            position: fixed;
            background-color: rgba(0, 0, 0, .8);
            bottom: 0;
            width: 100%;
            color: white;
            padding: 15px;
			font-family: Raleway;
			font-style: normal;
			font-weight: normal;
        }
        .cookie-notification_hidden_yes {
            display: none;
        }
        .cookie-notification__header {
            margin-bottom: 10px;
            font-size: 23px;
			font-family: Raleway;
			font-style: normal;
			font-weight: normal;
        }
        .cookie-notification__body {
            margin-bottom: 10px;
        }
		.cookie-notification__button {
            color: black;
			font-size: 23px;
			font-family: Raleway;
			font-style: normal;
			font-weight: bold;
			background: #F5BE41;
			border-radius: 10px;
        }