/* ===== IMPORTED STYLE ===== */
@import url("../fonts/font-awesome/css/font-awesome.min.css");
@import url("jquery.fancybox.min.css");

@font-face {
    font-family: 'DIN Condensed';
    src: url('../fonts/DINCondensed/DINCondensed-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
	font-family: 'Montserrat';
	src: url('../fonts/montserrat/Montserrat-Light.woff') format('woff');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Montserrat';
	src: url('../fonts/montserrat/Montserrat-Bold.woff') format('woff');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}
/* ===== IMPORTED STYLE END ===== */

/* ===== RESET STYLE ===== */
* {box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; margin:0; padding:0;}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, a, abbr, acronym, address, big, cite, code, del, em, img, small, strike, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tr, th, td, article, 
aside, canvas, details, embed, figure, figcaption, footer, header, main, menu, nav, output, section, summary, time, mark, audio, video  {
	font: inherit; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;}
article, aside, figcaption, figure, footer, header, menu, nav, section, body, main, section {display: block;}
sub, sup {font-size:75%; line-height:0; position:relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
ol[class], ul[class], ol li[class], ul li[class] {list-style: none;}
blockquote, q {quotes: none; }
blockquote::before, blockquote::after, q::before, q::after {content: none;}
table {border-collapse: collapse; border-spacing: 0;}
a {text-decoration: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);-webkit-tap-highlight-color: transparent;outline: none !important;}
a:hover, a:focus, .btn:hover, .btn:focus, button:hover, button:focus {text-decoration: none;outline: none;}
body {-webkit-text-size-adjust: none;-webkit-overflow-scrolling: touch;}
input, button, select {border: none;outline: none;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
select::ms-expand {display: none;}
input::-ms-clear {display: none;}
img {display:block; max-width:100%;}
/* ===== RESET STYLE END ===== */

/* ===== Theme default ===== */
:root {
	--black: #000;
	--white: #fff;
	--yellow: #ffec4f;

	--font-montserrat: 'Montserrat';
	--font-din: 'DIN Condensed';
}
html {
	font-size:10px;
}
body {
    background: var(--white);
    font-weight: 300;
	font-family: var(--font-montserrat);
	font-size: 1.6rem;
    letter-spacing: 0.1px;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;	
    overflow-x: hidden;
	color: var(--black);
}
.page-wrapper {
	display:flex;
	flex-direction: column;
	justify-content: space-between;
}

svg {width:100%;height:100%;display:block;}

input::-webkit-input-placeholder       {opacity: 1; transition: opacity 0.3s ease;}
input::-moz-placeholder                {opacity: 1; transition: opacity 0.3s ease;}
input:-moz-placeholder                 {opacity: 1; transition: opacity 0.3s ease;}
input:-ms-input-placeholder            {opacity: 1; transition: opacity 0.3s ease;}
input:focus::-webkit-input-placeholder {opacity: 0; transition: opacity 0.3s ease;}
input:focus::-moz-placeholder          {opacity: 0; transition: opacity 0.3s ease;}
input:focus:-moz-placeholder           {opacity: 0; transition: opacity 0.3s ease;}
input:focus:-ms-input-placeholder      {opacity: 0; transition: opacity 0.3s ease;}

textarea::-webkit-input-placeholder       {opacity: 1; transition: opacity 0.3s ease;}
textarea::-moz-placeholder                {opacity: 1; transition: opacity 0.3s ease;}
textarea:-moz-placeholder                 {opacity: 1; transition: opacity 0.3s ease;}
textarea:-ms-input-placeholder            {opacity: 1; transition: opacity 0.3s ease;}
textarea:focus::-webkit-input-placeholder {opacity: 0; transition: opacity 0.3s ease;}
textarea:focus::-moz-placeholder          {opacity: 0; transition: opacity 0.3s ease;}
textarea:focus:-moz-placeholder           {opacity: 0; transition: opacity 0.3s ease;}
textarea:focus:-ms-input-placeholder      {opacity: 0; transition: opacity 0.3s ease;}

input, textarea {
	width:100%; 
	border:1px solid transparent;
	outline: none;
	resize: none;
}
input:focus, textarea:focus {
	border:1px solid var(--yellow);
}

a {position:relative;color:inherit;transition:0.25s;}
a:hover {transition:0.25s;}

b, strong {font-weight:bold;}

p {line-height: 1.5;}

/* Flexbox */
.flex {display: flex;}
.inline-flex {display: inline-flex;}
.flex-wrap {flex-wrap: wrap;}
.flex-between {justify-content: space-between;}
.flex-column {flex-direction: column;}
.align-center {align-items: center}
.align-end {align-items: flex-end;}
.align-start {align-items: flex-start;}
.justify-center {justify-content: center;}
.justify-end {justify-content: flex-end;}
.justify-start {justify-content: flex-start;}
/* // Flexbox */

/* CSS Grid */
.grid {display:grid;}
.col-2 {grid-template-columns: repeat(2, 1fr);}
.col-3 {grid-template-columns: repeat(3, 1fr);}
.col-4 {grid-template-columns: repeat(4, 1fr);}
.col-5 {grid-template-columns: repeat(5, 1fr);}
.grid-col-1 {grid-column: span 1;}
.grid-row-1 {grid-row: span 1;}
.grid-col-2 {grid-column: span 2;}
.grid-row-2 {grid-row: span 2;}
.grid-col-3 {grid-column: span 3;}
.grid-row-3 {grid-row: span 3;}
.grid-col-4 {grid-column: span 4;}
.grid-row-4 {grid-row: span 4;}
.grid-col-5 {grid-column: span 5;}
.grid-row-5 {grid-row: span 5;}
/* // CSS Grid */

.svg-library {display:none;}

.container {
	width:100%;
	max-width:1640px;
	min-width:300px;
	margin:0 auto;
	padding:0 20px;
	position:relative;
}
.section {
	padding:8rem 0;
}
.red {border:1px solid red;}
.blue {border:1px solid blue;}
.green {border:1px solid green;}

.mobile-btn {display:none;}
.noscroll {overflow: hidden;}
.mobile-menu__content {display:none;}
.text--uppercase {text-transform:uppercase;}
.text--center {text-align:center;}
.text--left {text-align:left;}
.text--right {text-align:right;}
.text--black {color:var(--black);}
.text--white {color:var(--white);}
.position-relative {position: relative;}
.position-absolute {position: absolute;}
.sm-show {display:none;}

.mt-1 {margin-top:1rem;}
.mt-2 {margin-top:2rem;}
.mt-3 {margin-top:3rem;}
.mt-4 {margin-top:4rem;}
.mt-5 {margin-top:5rem;}
.mt-6 {margin-top:6rem;}
.mt-7 {margin-top:7rem;}

.mb-1 {margin-bottom:1rem;}
.mb-2 {margin-bottom:2rem;}
.mb-3 {margin-bottom:3rem;}
.mb-4 {margin-bottom:4rem;}
.mb-5 {margin-bottom:5rem;}
.mb-6 {margin-bottom:6rem;}
.mb-7 {margin-bottom:7rem;}

.pt-1 {padding-top:1rem;}
.pt-2 {padding-top:2rem;}
.pt-3 {padding-top:3rem;}
.pt-4 {padding-top:4rem;}
.pt-5 {padding-top:5rem;}
.pt-6 {padding-top:6rem;}
.pt-7 {padding-top:7rem;}

.pb-0 {padding-bottom:0;}
.pb-1 {padding-bottom:1rem;}
.pb-2 {padding-bottom:2rem;}
.pb-3 {padding-bottom:3rem;}
.pb-4 {padding-bottom:4rem;}
.pb-5 {padding-bottom:5rem;}
.pb-6 {padding-bottom:6rem;}
.pb-7 {padding-bottom:7rem;}
.pb-8 {padding-bottom:8rem;}

.w-5 {width:5%;}
.w-10 {width:10%;}
.w-15 {width:15%;}
.w-20 {width:20%;}
.w-25 {width:25%;}
.w-30 {width:30%;}
.w-33 {width:33.33%;}
.w-35 {width:35%;}
.w-40 {width:40%;}
.w-45 {width:45%;}
.w-50 {width:50%;}
.w-55 {width:55%;}
.w-60 {width:60%;}
.w-65 {width:65%;}
.w-70 {width:70%;}
.w-75 {width:75%;}
.w-80 {width:80%;}
.w-85 {width:85%;}
.w-90 {width:90%;}
.w-95 {width:95%;}
.w-100 {width:100%;}

/* Buttons */
.btn {
	font-family: var(--font-montserrat);
	display:inline-flex;
	padding:1.1em 3em;
	background:var(--yellow);
	position:relative;
	text-align:center;
	justify-content: center;
	align-items:center;
	font-weight:400;
	transition:0.25s;
	border:1px solid transparent;
	color:#000;
	z-index:0;
	text-transform: uppercase;
	overflow: hidden;
	border-radius: 5px;
}
.btn:hover {
	cursor:pointer;
	transition: 0.25s;
	color:var(--yellow);
	border:1px solid var(--yellow);
}
.btn:hover::before {
	left:0;
	transition: all 0.25s;
}
.btn--transparent {
	border:1px solid var(--yellow);
	color:var(--yellow);
	background: transparent;
}
.btn--transparent:hover {
	border:1px solid var(--yellow);
	color:var(--yellow);
}
.btn::before {
	content:'';
	width:100%;
	height:100%;
	background:#3b220c;
	position:absolute;
	top:0;
	left:-100%;
	z-index:-1;
	transition: all 0.25s;
}

/* Icons */
.icon {display:block;}
.select-arrow-icon {
	width: 17px;
    height: 9px;
    color: var(--yellow);
}

/* Titles */
.h1, h1 {
	display:block;
	font-size:8.5rem;
	font-family: var(--font-din);
	line-height:1.1;
}
.h2, h2 {
	display:block;
	font-size:5rem;
	font-family: var(--font-din);
	line-height:1.1;
}
.h3, h3 {
	display:block;
	font-size:3rem;
	font-family: var(--font-din);
	line-height:1.2;
}
.h4, h4 {
	display:block;
	font-size:2.6rem;
	font-family: var(--font-din);
	line-height:1.2;
}
.h5, h5 {
	display:block;
}
.h6, h6 {
	display:block;
}

/* Custom default style */
.block-wrapper {margin: 0 -10px;}
.block-item {padding:0 10px;}
.two-column .block-item {flex:0 0 50%;max-width:50%;}
.three-column .block-item {flex:0 0 33.33%;max-width:33.33%;}
.four-column .block-item {flex:0 0 25%;max-width:25%;}
.five-column .block-item {flex:0 0 20%;max-width:20%;}

/* ==================== ШАБЛОНЫ ======================*/

/* Выпадающий список */
.select {
	position: relative;
	text-align: left;
	user-select: none;
	-webkit-touch-callout: none;
	font-weight: 400;
	margin: 0;
	outline: none;
	cursor: pointer;
	-webkit-appearance: none;
	-moz-appearance: none;
	text-indent: 0.01px;
	color: var(--black);
	display: inline-flex;
	align-items: center;
}
.select .placeholder {
	position: relative;
	background: transparent;
	cursor: pointer;
	white-space: nowrap;
	overflow: hidden;
	text-align: left;
	padding:0.5rem;
	text-transform: uppercase;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	color:var(--yellow);
	font-weight: bold;
}
.select .select-arrow {
    position: absolute;
    right: 0;
    z-index: 0;
}
.select-left-icon {
    position: absolute;
    left: 0;
    z-index: 0;
}
.select.is-open .select-arrow {
	transform: rotate(180deg);
	top: auto;
}
.select.is-open ul {
	display: block;
	border: 1px solid var(--yellow);
}
.select ul {
	display: none;
	position: absolute;
	overflow: hidden;
	overflow-y: auto;
	width: 100%;
	background: var(--yellow);
	border-radius: 2px;
	top: 100%;
	left: 0;
	list-style: none;
	margin: 5px 0 0 0;
	padding: 0;
	z-index: 4;
}
.select ul li {
	display: block;
	text-align: left;
	padding: 0.5em;
	color: var(--black);
	cursor: pointer;
	word-wrap: break-word;
	text-transform: uppercase;
	white-space: nowrap;
}
.select ul li:hover {
	background: #fff;
}
.select ul li:hover a {
	transition:none;
}

/* Popup  */
.popup-overlay {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(49, 49, 49, 0.62);
	z-index: 5;
	display: none;
}
.popup-window {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) scale(0);
	visibility: hidden;
	z-index: 110;
	transition: all .3s;
	background: #fff;
	padding: 2em;
	border-radius: 10px;
	width: 35em;
	min-width: 15em;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.popup-window.active {
	transform: translate(-50%, -50%) scale(1);
	visibility: visible;
}
.close-popup {
	position: absolute;
	top: 0.5em;
	right: 0.5em;
	display: block;
	overflow: visible;
	width: 20px;
	height: 20px;
	margin: 0;
	padding: 0;
	cursor: pointer;
	-webkit-transition: color 0.2s;
	transition: color 0.2s;
}
.close-popup::before, .close-popup::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 1px;
	display: block;
	width: 20px;
	height: 1px;
	border-bottom: 1px solid #000;
	transform: rotate(45deg);
}
.close-popup::after {
	left: 0;
	transform: rotate(-45deg);
}

/* ===== Theme default END ===== */

/* ===== Custom Styles =====*/
.header {
	width:100%;
	top:0;
	left:0;
	z-index: 1;
	padding: 2rem 0;
}
.header-item {
	flex:0 0 33.33%;
	max-width:33.33%;
}
.header-container {
	width:100%;
	margin:0 auto;
	padding:0 5rem;
}
.header-contact {
	color:var(--yellow);
	font-weight: bold;
	font-size: 1.8rem;
	display:inline-flex;
	align-items:center;
	margin-top: 1.1em;
}
.catalog-link::before {
	content:'';
	display:block;
	width:5px;
	height:5px;
	background:#ffec4f;
	margin-right:1rem;
	transition: 0.25s;
}
.header-contact.mobile {
	display:none;
}
.catalog-link:hover, .header-contact:hover {
	color:#fff;
}
.catalog-link:hover::before {
	transition: 0.25s;
	background:#fff;
}
.header-contact .fa {
	margin-right:10px;
}
.first-screen {
	height: 100vh;
	position: relative;
}
.btn-row .btn {
	margin-bottom:20px;
}
.logo {
	width:15rem;
	border-radius: 50%;
    padding: 3px;
    background: #fff;
}
.logo-img {
	width:100%;
	display:block;
}
.first-screen, .first-screen__catalog {
	background:linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.4)), url('../images/main.jpg') no-repeat center bottom / cover;
}
.first-screen__content {
	width:100%;
	height: 100%;
	position:relative;
}
.select-lang {
	margin-right:4rem;
}
.select-lang.is-open .select-arrow-icon {
	transform:rotate(180deg);
}
.main-title-wrap {
	width:47%;
}
.main-title-wrap h1 span {
	color:var(--yellow);
}
.main-bg-text {
	font-family: var(--font-din);
	display:block;
	bottom:0;
	left:5rem;
	font-size: 20rem;
	font-weight: bold;
	color:rgba(255,255,255,0.1);
	text-transform: uppercase;
}
.down-wrap {
	bottom:5rem;
	width:100%;
	left:0;
}
.down {
	width:5rem;
	height:5rem;
	background:var(--yellow);
	border-radius: 50%;
	position: relative;
}
.down::before {
	content:'';
	width:100%;
	height:100%;
	position: absolute;
	display:block;
	border-radius:50%;
	border:1px solid #ffec4f;
	transition: all 0.25s;
}
.down span {
	display:block;
	border-right:1px solid #000;
	border-bottom:1px solid #000;
	width:1rem;
	height:1rem;
	transform: rotate(45deg);
	margin-top:-0.5rem;
}
.down:hover::before {
	transition: all 0.25s;
	padding:5px;
}
.btn-row .btn {
	margin-right:2rem;
}
.about {
	display: flex;
	overflow: hidden;
	align-items: center;
}
.about__content {
	flex:0 0 100%;
}
.about__body {
	width:50%;
	padding: 0 4rem 0 0;
}
.about__image {
	flex:0 0 48%;
	transform: translate(-100%, 0);
	display: flex;
    align-items: center;
	justify-content: flex-end;
}
.about p {
	margin-bottom:1em;
	font-size: 1.4rem;
}
.about__body p a {
	font-weight: bold;
}
.about__body p a:hover {
	color:var(--yellow);
}
.brand {
	font-weight: bold;
	font-size: 1.8rem;
}
.catalog-link.text--black {
	color:#000;
}
.catalog-link.text--black:hover {
	color:var(--yellow);
}
.catalog-link.text--black:hover::before {
	background:var(--yellow);
}
.about__body .catalog-link:hover {
	color:var(--yellow);
}
.about__body .catalog-link:hover::before {
	background:#ffec4f;
}
.section-title {
	margin-bottom:0.7em;
}
.asside-img-1 {
	position: relative;
	width:85%;
}
.asside-img-2 {
	position: absolute;
	width:50%;
	border:0.5rem solid #fff;
	top:50%;
	left:0;
	transform:translateY(-50%);
	box-shadow:0 0 40px rgba(0,0,0,0.3);
}
.section-num {
	display:block;
	z-index:0;
	font-size: 25rem;
	top:1rem;
	left:5rem;
	color:var(--yellow);
	opacity: 0.2;
	font-family: var(--font-din);
}
.product-section p {
	width:70%;
	text-align: center;
	margin: 0 auto 2em;
    font-size: 1.4rem;
}
.catal-wrapper .block-item {
	padding:0;
}
.catal-wrapper {
	margin:0;
}
.catal-item-img {
	height:30rem;
}
.catal-item-img img {
	height:100%;
	width:100%;
}
.catal-item::before {
	content: '';
	display:block;
	width:100%;
	height:100%;
	background: rgba(0,0,0,0.5);
	position:absolute;
	top:0;
	left:0;
	transition: all 0.25s;
}
.catal-item {
	display:block;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
}
.catal-wrapper .block-item:last-child .catal-item {
	border-right:none;
}
.catal-item__content {
	padding:3rem;
	top:0;
	width: 100%;
    height: 100%;
}
.catal-item__content h3, .catal-item__content .h3 {
	font-weight:bold;
}
.catal-item:hover::before {
	background: rgba(255,236,79,0.5);
	transition: all 0.25s;
}
.catal-item:hover .to-catalog-text {
	opacity: 1;
	transition:0.25s;
}
.quality p {
	width:70%;
	margin:4rem auto 0;
	text-align: center;
	font-size: 1.4rem;
}
.quality-img {
	margin:0 auto;
}
.analitic {
	padding:7em 0;
}
.analitic__body {
	width:60%;
}
.analitic__body__outer {
    border: 1px dashed rgba(255, 255, 255, 0.6);
    border-radius: 22px;
    padding: 5px;
    position: relative;
}
.analitic__body__inner {
    display: block;
    padding: 13px;
    border: 1px solid rgba(255, 255, 255, 0.25);
    border-radius: 18px;
}
.analitic-item {
	background:#fff;
	border-radius: 10px;
	padding:4em 9em;
}
.analitic-item .h4 {
	width:80%;
	margin:0 auto 1em;
}
.analitic-item-fig {
	left:-8rem;
	top:50%;
	transform: translateY(-50%);
	height: 16rem;
    width: 16rem;
	border-radius:50%;
	background:#fff;
}
.analitic-item-fig img {
	width:100%;
}
.analitic-item-icon-wrap {
	left:0;
	top:50%;
	transform: translate(-50%, -50%);
}
.analitic-item-icon {
	top:50%;
	left:50%;
	transform: translate(-50%, -50%);
}
.analitic__wrapper .section-title {
	width:33%;
	margin-bottom:0;
}
.analitic-item p {
	text-align: center;
	margin:0 auto 2em;
	width:80%;
	font-size: 1.4rem;
}
.slogan {
	bottom:0;
	left:50%;
	transform: translateX(-50%);
	font-weight: bold;
	font-size: 3rem;
	color:#fff;
	letter-spacing: 2em;
	width: 100%;
    text-align: center;
}
.half-section-item {
	width:50%;
}
.half-section-descript {
	width:47%;
	padding: 4rem 0;
}
.half-section-row:not(:last-child) {
	margin-bottom:12rem;
}
.half-section-row.reverse {
	flex-direction: row-reverse;
}
.half-section__body p {
	margin-bottom:1em;
	font-size: 1.4rem;
}
.half-section-img-1 {
	width:100%;
}
.half-section-img-2 {
	width:60%;
	bottom:-7rem;
	left:5rem;
	border:0.5rem solid #fff;
	box-shadow: 0 0 40px rgb(0 0 0 / 30%);
}
.half-section {
	margin-bottom:5rem;
}
.common-item p {
	color:#fff;
	margin-bottom:1em;
	font-size: 1.4rem;
}
.common-item {
	width:50%;
}
.product-block-item {
	width:27%;
}
.common-row-img img {
	width:100%;
}
.to-catalog-text {
	color:#fff;
	font-weight: 300;
	text-transform: uppercase;
	display:block;
	opacity: 0;
	transition:0.25s;
}
.product-block-descript span {
	font-weight: bold;
	display:block;
	margin-bottom:1em;
	font-size: 1.4rem;
}
.product-block-descript p {
	font-size: 1.4rem;
}
.product-block-descript {
	margin-top:2rem;
}
.product-block-item img {
	border:0.5rem solid #fff;
	width:100%;
	border-radius:0 40px 0 40px;
	box-shadow: 0 0 40px rgb(0 0 0 / 30%);
}
.thermo {
	background:linear-gradient(-90deg, transparent 40%, rgba(0,0,0,0.7) 40%), url('../images/bg/bg4.jpg') no-repeat center center / cover;
}
.prof-item p {
	font-size: 1.4rem;
}
.prof-img {
	flex:none;
	margin-right:3rem;
	width:15rem;
	height:15rem;
}
.prof-img img {
	width:100%;
	height:100%;
	object-fit: contain;
}
.prof-wrapper .block-item {
	margin-bottom:3rem;
}
.contact {
	background:linear-gradient(-90deg, transparent 40%, rgba(0,0,0,0.7) 40%), url('../images/bg/bg5.jpg') no-repeat center bottom / cover;
}
.contact-item {
	display:table;
	font-size:2rem;
	color:#fff;
	margin-bottom:0.7em;
	font-weight: bold;
}
.contact .h3 {
	margin-bottom:1.5em;
}
.footer {
	padding:3rem 0;
	background:#282828;
}
.copyright {
	color:#fff;
	text-align: center;
	font-size: 1.4rem;
}
.input-wrapper input, .input-wrapper textarea {
	font-family: var(--font-montserrat);
	padding:0 1em;
	height:4rem;
	background:#efefef;
	border-radius:5px;
}
.input-wrapper textarea {
	height:8rem;
	padding:1em;
}
.first-screen__catalog {
	height:40rem;
}
.first-screen__catalog h1 {
	font-size: 5rem;
	margin-bottom:0.3em;
}
.home-link {
	color:var(--yellow);
	display:inline-flex;
	align-items: center;
	font-weight: bold;
	font-size: 1.8rem;
}
.home-link::before  {
	content:'';
	display:block;
	margin-right:1rem;
	width:5px;
	height:5px;
	background:#ffec4f;
}
.home-link:hover {
	color:#fff;
}
.catalog-common .block-item {
	margin-bottom:2rem;
}
.product-card {
	height:100%;
}
.product-info {
	margin: 0 0 0.5em;
	font-size: 1.4rem;
	line-height: 1.5;

	display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.product-descript {
	padding-top:1rem;
	flex:1;
}
.product-title {
	display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
	margin-bottom: 0.3em;
}
.product-descript p {
	font-size: 1.4rem;
	margin-bottom:1em;
}
.product-descript p span {
	font-weight: bold;
}
.order-link {
	font-weight: bold;
}
.product-img__overlay {
	width:100%;
	height:100%;
	background: rgba(0,0,0,0.4);
	display:flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
	visibility: hidden;
	top:0;
	left:0;
	transition: all 0.25s;
}
.product-img__overlay span {
	color:var(--yellow);
	text-transform: uppercase;
}
.product-card:hover .product-img__overlay {
	opacity: 1;
	visibility: visible;
	transition: all 0.25s;
}
.product-img {
	height:23rem;
}
.product-img img {
	height:100%;
	width:100%;
	object-fit: cover;
}
.catalog-wrapper .block-item {
	margin-bottom:20px;
}
.pagination a {
	min-width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--yellow);
	font-size: 1.4rem;
	border-radius: 3px;
	margin: 5px 7px;
}
.pagination a:hover {
	background: silver;
	color:#fff;
}
.pagination a:hover .select-arrow-icon {
	color:#fff;
}
.pagination a.current {
	background: silver;
	color:#fff;
}
.pagination-arrow.prev-page .icon {
	transform: rotate(90deg);
}
.pagination-arrow.next-page .icon {
	transform: rotate(-90deg);
}
.sert {
	width:20%;
}
.contact-info {
	margin-right:5rem;
}
.contact-item:last-child {
	margin-bottom:0;
}
.frame {
	background:linear-gradient(-90deg, transparent 40%, rgba(0,0,0,0.7) 40%), url('../images/bg/bg7.jpg') no-repeat center center / cover;
}

/* ===== Custom Styles END =====*/