@import "./libs/normilize/normilize.css";
@import "./fonts.css";
@import "./libs/owl/owl.carousel.min.css";
@import "./libs/owl/owl.theme.default.min.css";
@import "./libs/fancyBox/jquery.fancybox.min.css";


body.hidden {overflow: hidden;}

.wrapper {
	width: 100%;
	max-width: 1180px;
	padding: 0 20px;
	margin: 0 auto;
}

header {transition: 0.3s ease;}

header.fixed {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 6;
	width: 100%;
}


.header-top {
	background-color: rgba(110, 110, 110, 0.6);
	padding: 5px 0;
	transition: 0.3s ease;
}

header.dark {box-shadow: 0 0 15px #464646;}

header.dark .header-top {background-color: rgba(110, 110, 110, 1);}

nav {
	background-color: rgba(33, 33, 33, 0.6);
	transition: 0.3s ease;
}

header.dark nav {background-color: rgba(33, 33, 33, 1);}

.header-top .wrapper,
nav .wrapper {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

nav .wrapper {justify-content: center;}

.callback-item,
.lang-item-wrap {
	width: 100%;
	max-width: 150px;
}

.callback-number {
	display: block;
	margin-bottom: 5px;
	font-family: 'Open Sans Regular';
	font-size: 19px;
	line-height: 19px;
	color: #ffffff;
}

.callback-trigger {
	position: relative;
	display: inline-block;
    font-family: 'Open Sans Bold';
	font-size: 14px;
	line-height: 14px;
	color: #ffca28;
	text-decoration: dashed;
}

.callback-trigger::after {
	content: '';
    position: absolute;
    left: 0;
    top: 100%;
    padding-bottom: 3px;
    display: block;
    width: 100%;
    height: 1px;
	border-bottom: 2px dashed #ffca28;
	transition: 0.3s ease;
}

.callback-trigger:hover::after {opacity: 0;}

.logo {
	display: block;
	width: 100%;
	max-width: 87px;
}

.logo img {width: 100%;}

.lang-item-wrap {
	display: flex;
	justify-content: flex-end;
}

.lang-item {display: inline-block;}

.lang-item a,
.lang-item span {
	display: block;
	font-family: 'Open Sans Regular';
	font-size: 14px;
	line-height: 14px;
	color: #ffffff;
	text-align: center;
	transition: 0.3s ease;
}

.footer-line .lang-item a,
.footer-line .lang-item span  {display: inline-block;}

.lang-item span,
.lang-item a:hover {color: #ffca28;}

.lang-item span:first-child,
.lang-item a:first-child {
	padding-bottom: 3px;
	margin-bottom: 3px;
	border-bottom: 1px solid #ffffff;
}

.footer-line .lang-item a:first-child,
.footer-line .lang-item span:first-child  {
    padding: 0 6px 0 0;
    margin: 0 2px 0 0;
    border-bottom: none;
    border-right: 1px solid #ffffff;
}

nav a {
	position: relative;
	display: inline-block;
	padding: 15px 0;
	font-family: 'Open Sans Bold';
	font-size: 14px;
	line-height: 14px;
	color: #ffffff;
	text-transform: uppercase;
	transition: 0.3s ease;
}

nav a::before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 2px;
	background-color: #ffca28;
	transition: 0.3s ease;
	opacity: 0;
}

nav a:hover::before {opacity: 1;}

nav a:not(:last-child) {margin-right: 50px;}

.banner-wrapper {
	position: relative;
	width: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.banner {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	padding: 70px 20px;
}

.banner-cnt {
	position: relative;
	width: 100%;
	max-width: 540px;
}

.banner-cnt::before {
    content: '';
    position: absolute;
    top: -15px;
    left: -31px;
    width: 84px;
    height: 81px;
    background-image: url(../images/border-left-top.png);
    background-repeat: no-repeat;
    background-size: cover;
}

h1 {
	margin-bottom: 10px;
    font-family: 'Oswald Light';
	font-size: 60px;
	line-height: 72px;
	text-transform: uppercase;
	color: #ffffff;
}

h1 span {
	display: block;
    font-family: 'Oswald Bold';
	color: #ffca28;
}

.banner-cnt p {
	margin-bottom: 40px;
    font-family: 'Open Sans Light';
	font-size: 14px;
	line-height: 24px;
	color: #ffffff;
}

.banner-benefits {
	display: flex;
	justify-content: flex-start;
}

.banner-bnf {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.banner-bnf:not(:last-child) {
	padding-right: 70px;
    margin-right: 55px;
    border-right: 1px solid #ffca28;
}

.banner-bnf-img {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    width: 100%;
    height: 62px;
    margin-bottom: 5px;
}

.banner-bnf-img-1 {width: 59px;}
.banner-bnf-img-2 {width: 62px;}
.banner-bnf-img-3 {width: 47px;}

.banner-bnf-img img {max-width: 100%;}

.banner-bnf p {
	margin-bottom: 0;
	font-family: 'Open Sans Regular';
	font-size: 16px;
	line-height: 24px;
	text-align: center;
	color: #ffffff;
}

.form-block {
	position: relative;
    width: 100%;
    max-width: 465px;
    padding: 30px 50px 50px;
	background-color: rgba(0, 0, 0, 0.36);
	border-radius: 5px;
}

.form-block::before,
.form-block::after {
    content: '';
    position: absolute;
    z-index: 1;
    width: 84px;
    height: 81px;
    background-image: url(../images/border-left-top.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.form-block::before {
	transform: rotate(-90deg);
    bottom: 15px;
    left: 15px;
}

.form-block::after {
	transform: rotate(-270deg);
    top: 15px;
    right: 15px;
}

.form-block h3 {
	margin-bottom: 10px;
	font-family: 'Open Sans Bold';
	font-size: 24px;
	line-height: 24px;
	text-align: center;
	text-transform: uppercase;
	color: #ffffff;
}
.form-block p {
	margin-bottom: 20px;
	font-family: 'Open Sans Regular';
	font-size: 12px;
	line-height: 12px;
	text-align: center;
	text-transform: uppercase;
	color: #ffffff;
}

.form-block p span {color: #ffca28;}

.form-block form {
	position: relative;
	z-index: 2;
	width: 100%;
}

.form-field {
	display: block;
    width: 100%;
    max-width: 350px;
    margin: 0 auto;
    height: 45px;
    padding-left: 15px;
    margin-bottom: 30px;
    font-family: 'Open Sans Regular';
    font-size: 16px;
    line-height: 16px;
    color: #fff;
    opacity: 0.35;
    background-color: rgba(255, 255, 255, 0.35);
    border: 1px solid rgba(255, 255, 255, 1);
	border-radius: 5px;
	transition: 0.3s ease;
}

.form-field.error {border: 1px solid red;}

.form-field::-webkit-input-placeholder { color: #fff; }
.form-field::-moz-placeholder { color: #fff; }
.form-field:-ms-input-placeholder { color: #fff; }
.form-field:-moz-placeholder { color: #fff; }

.btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	max-width: 350px;
	height: 45px;
	margin: 0 auto;
	font-family: 'Open Sans Regular';
	font-size: 16px;
	line-height: 16px;
	text-transform: uppercase;
	text-align: center;
	color: #202020;
	background-color: #ffca28;
	border-radius: 5px;
	border: 2px solid #ffca28;
	transition: 0.3s ease;
}

.btn:hover {
	color: #ffca28;
	background-color: transparent;
}

.section-title {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	padding-bottom: 15px;
	margin-bottom: 40px;
    font-family: 'Oswald Regular';
	font-size: 30px;
	line-height: 30px;
	text-transform: uppercase;
	color: #212121;
	border-bottom: 3px solid #ffca28;
}

.section-title-white {color: #fff;}

.section-title a {
	font-size: 18px;
	line-height: 18px;
}


.section-title::before {
	content: '';
	position: absolute;
	bottom: -8px;
    right: 0;
    display: block;
    width: 16px;
    height: 16px;
	background-color: #ffca28;
	border-radius: 50%;
}

.price {padding: 60px 0 65px;}

.price-list {
	display: flex;
	justify-content: space-between;
}

.price-item {
	width: 100%;
	max-width: 363px;
	box-shadow: 0 0 10px lightgray;
	border-radius: 5px;
	overflow: hidden;
	transition: 0.3s ease;
}

.price-item:hover {box-shadow: 0 0 25px lightgray;}

.price-img {
	position: relative;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	width: 100%;
	height: 226px;
	overflow: hidden;
}

.price-img img {width: 100%;}

.price-icon {
	position: absolute;
	top: -7px;
	left: -10px;
	width: 100%;
	max-width: 55px;
}

.price-cnt {
	padding: 15px;
	background-color: #fff;
}

.price-title {
	position: relative;
    margin-bottom: 10px;
    padding: 0 15px 12px;
    font-family: 'Open Sans Bold';
    font-size: 16px;
    line-height: 16px;
    text-transform: uppercase;
    color: #3b3b3b;
    border-bottom: 1px solid #ffca28;
}

.price-title::before {
	content: '';
	position: absolute;
	bottom: -13px;
    left: -26px;
    display: block;
    width: 26px;
    height: 26px;
	background-color: #ffca28;
	border-radius: 50%;
}

.price-money {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding: 0 15px;
    font-family: 'Open Sans ExtraBold';
	font-size: 20px;
	line-height: 20px;
	color: #3b3b3b;
}

.price-money img {
	width: 100%;
	max-width: 27px;
	margin-right: 10px;
}

.about {padding-bottom: 65px;}

.about p {
	display: block;
	margin-bottom: 35px;
    font-family: 'Open Sans Regular';
	font-size: 30px;
	line-height: 48px;
	text-align: center;
	color: #212121;
}

.about p span {
    display: inline-block;
    padding: 0 5px;
    font-family: 'Open Sans Bold';
    background-color: #ffca28;
}

.list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.list li {
	position: relative;
	padding-left: 30px;
    font-family: 'Open Sans Regular';
	font-size: 14px;
	line-height: 20px;
	color: #212121;
}

.list li:not(:last-child) {margin-bottom: 20px;}

.list li::before {
	content: '';
	position: absolute;
	left: 0;
	top: 3px;
	display: block;
	width: 17px;
	height: 17px;
	background-image: url('../images/checker-yellow.svg');
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

.about-info  {padding: 60px 0 65px;}

.about-info-cnt {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.about-info-cnt .list {
	width: 100%;
	max-width: 815px;
	padding-right: 15px;
}

.about-info-img {
	width: 100%;
	max-width: 290px;
	border-radius: 10px;
	overflow: hidden;
}

footer {background-color: #212121;}

footer .wrapper {
	display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 60px 20px;
}

.footer-column {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
}

.footer-column:not(:last-child) {padding-right: 20px;}

.footer-logo {
	width: 100%;
	max-width: 302px;
	margin-bottom: 10px;
}

.footer-logo img {width: 100%;}

.link-info {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
}

.link-info-img {  
    width: 20px;
    padding-top: 3px;
    margin-right: 10px;
}

.link-info-img img {
	min-width: 20px;
	max-width: 100%;
}

.link-info p {
    font-family: 'Open Sans Regular';
	font-size: 14px;
	line-height: 24px;
	color: #ffffff;
}

.link-info p span {color: rgba(255, 255, 255, 0.7);}

.link-info .link-info-title {
    font-family: 'Open Sans Bold';
	font-size: 14px;
	line-height: 24px;
	color: #262626;
}

.link-info .link-info-title span,
.link-info .link-info-title a {
	font-family: 'Open Sans Regular';
	transition: 0.3s ease;
	color: #262626;
}

.link-info-title a:hover {color: #ffca28;}

.footer-nav {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    padding-top: 7px;
}

.footer-nav-column:not(:last-child) {margin-right: 120px;}

.footer-nav-column a {
	display: block;
    font-family: 'Open Sans Regular';
	font-size: 14px;
	line-height: 14px;
	color: #ffffff;
	transition: 0.3s ease;
}
.footer-nav-column a:hover {color: #ffca28;}

.footer-nav-column a:not(:last-child),
.footer-link:not(:last-child) {margin-bottom: 20px;}

.footer-link {
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.footer-link-icon {
	display: block;
	width: 18px;
	margin-right: 10px;
}

.footer-link-icon img {width: 100%;}

.footer-link span {
	display: block;
    font-family: 'Open Sans Regular';
	color: #ffffff;
	transition: 0.3s ease;
}

.footer-phone span.footer-link-cnt {
    font-size: 24px;
    line-height: 30px;
    padding-bottom: 1px;
    border-bottom: 2px dashed #ffffff;
}
.footer-phone:hover span.footer-link-cnt  {border-bottom: 2px dashed #ffca28;}
.footer-link:hover span {color: #ffca28;}

.footer-mail {
	font-size: 14px;
	line-height: 14px;
}

.footer-line {
	padding: 5px 0;
	background-color: #585858;
}

.footer-line .wrapper {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 20px;
}

.footer-line p,
.footer-line a {
	display: inline-block;
	font-family: 'Open Sans Regular';
	font-size: 14px;
	line-height: 14px;
	color: rgba(255, 255, 255, 0.7);
	transition: 0.3s ease;
}

.footer-line a:hover {color: #ffca28;}

.contacts {
	position: relative;
    height: 441px;
}

.contacts iframe {
	position: relative;
	z-index: 1;
	width: 100%;
	height: 441px;
}

.contacts-content {
	position: absolute !important; 
	top: 0;
	left: 0;
	width: 100%;
	z-index: 2;
}

.contacts .wrapper {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.contacts .form-block::before {bottom: 65px;}
.contacts .form-block::after {
	top: 65px;
    right: 10px;
}

.contacts .form-block {
    padding: 80px 50px 100px;
    background-color: rgba(0, 0, 0, 0.83);
    border-radius: 0;
}

.contacts .form-field {
	opacity: 0.5;
    background-color: rgba(255, 255, 255, 0.60);
    border: 1px solid rgba(255, 255, 255, 0.8);
}

.contacts-info {
	width: 100%;
	max-width: 365px;
	padding: 35px;
	background-color: #fff;
	border-radius: 15px;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
}

.contact-img {
	width: 33px;
	margin: 0 auto 30px;
}

.contact-img img {width: 100%;}

.contacts-loc {
	margin-bottom: 35px;
	font-family: 'Open Sans Bold';
	font-size: 16px;
	line-height: 16px;
	text-align: center;
	color: #262626;
}


.contacts-info .link-info:not(:last-child) {margin-bottom: 25px;}

.metal {
	position: relative;
	padding: 0 0 85px;
	background-color: #f4f4f4;
}

.metal::before {
	content: '';
	position: absolute;
	z-index: -1;
	bottom: calc(100% - 1px);
	left: 0;
	display: block;
	width: 100%;
	height: 500px;
	background-color: #f4f4f4;
	clip-path: polygon(100% 0, 0% 100%, 100% 100%);
}

.metal-list {
	display: flex;
	justify-content: center;
}

.metal-item {
	width: 100%;
	max-width: 308px;
	margin-bottom: 25px;
	padding: 20px;
	border-radius: 10px;
	overflow: hidden;
	transition: 0.3s ease;
	cursor: pointer;
}

.metal-item:not(:last-child) {margin-right: 20px;}

.metal-item:hover {box-shadow: 0 0 15px lightgray;}

.metal-icon {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 35px;
	width: 77px;
	height: 77px;
	background-color: #ffffff;
	border-radius: 50%;
	transition: 0.3s ease;
}

.metal-icon svg.metal-icon-3 {margin-left: 15px;}

.metal-item:hover .metal-icon {background-color: #ffca28;}

.metal-icon img {
	position: absolute;
	transition: 0.3s ease;
}

.metal-icon.metal-icon-2 img {
	width: 42px;
	height: 41px;
	top: calc(50% - 21px);
	left: calc(50% - 20px);
}

.metal-icon img.metal-icon-black,
.metal-item:hover .metal-icon img.metal-icon-white {opacity: 1;}
.metal-icon img.metal-icon-white,
.metal-item:hover .metal-icon img.metal-icon-black {opacity: 0;}


.metal-icon::before {
    content: '';
    position: absolute;
    top: 5px;
    right: 7px;
    display: block;
    width: 10px;
    height: 10px;
    background-color: #ffca28;
    border-radius: 50%;
    transition: 0.3s ease;
}


.metal-item:hover  .metal-icon::before {background-color: #fff;}

.metal-icon svg path {transition: 0.3s ease;}

.metal-item:hover  .metal-icon svg path {fill: #fff;}

.metal-img {
	width: 100%;
	height: 170px;
	margin: 0 0 25px;
	overflow: hidden;
	border-radius: 5px;
}

.metal-img img {width: 100%;}

.metal-title {
	position: relative;
	padding-top: 15px;
	font-family: 'Open Sans Regular';
	font-size: 24px;
	line-height: 24px;
	text-transform: uppercase;
	color: #262626;
	border-top: 2px solid #ffca28;
}

.metal-title::before {
	content: '';
	position: absolute;
	top: -5px;
	right: 0;
	display: block;
	width: 10px;
	height: 10px;
	background-color: #ffca28;
	border-radius: 50%;
}


.paragraph {
	display: block;
	font-family: 'Open Sans Regular';
	font-size: 14px;
	line-height: 20px;
	letter-spacing: 0.28px;
	color: #212121;
}

.services {
	padding: 60px 0 110px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}


.services-cnt {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}


.services-slider-wrap {
	position: relative;
	display: flex;
	align-items: flex-start;
	justify-content: flex-end;
	width: 100%;
	max-width: 650px;
	padding-right: 10px;
}

.services-layout-img {
	position: absolute;
    top: 230px;
    left: 45px;
	z-index: 0;
	width: 100%;
	max-width: 449px;
	border-radius: 5px;
	overflow: hidden;
}

.services-slider {
	width: 100%;
	z-index: 1;
	max-width: 521px;
	padding: 0 57px;
	overflow: hidden;
}

.services-img {
	width: 100%;
	max-width: 407px;
	border: 2px solid #ffca28;
	border-radius: 5px;
}

.services-img img {width: 100%;}


.slider .owl-nav button {
	position: absolute;
	z-index: 1;
	top: calc(50% - 19px);
	display: flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	border-radius: 50%;
	background-color: #ffca28 !important;
}

.slider .owl-nav button::before {
	content: '';
	position: absolute;
	top: calc(50% - 9px);
	left: calc(50% - 5px);
	display: block;
	width: 10px;
	height: 17px;
	background-image: url('../images/arrow-right.svg');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

.slider .owl-nav button.owl-prev {left: 0;}
.slider .owl-nav button.owl-next {right: 0;}
.slider .owl-nav button.owl-prev::before {transform: rotate(180deg);}

.slider .owl-nav button span {display: none;}

.services-list,
.services-list-item {
	width: 100%;
	max-width: 464px;
}

.services-list-item {
	position: relative;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
    padding: 17px 15px 15px 45px;
	background-color: rgba(255, 255, 255, 0);
	transition: 0.3s ease;
}

.services-list-item::before {
	content: '';
	position: absolute;
	top: calc(50% - 9px);
	right: calc(100% - 0.5px);
	display: block;
	width: 10px;
	height: 18px;
	background-color: rgba(255, 255, 255, 0);
	clip-path: polygon(100% 0, 0 50%, 100% 100%);
	transition: 0.3s ease;
}

.services-list-item:hover,
.services-list-item:hover::before {background-color: rgba(255, 255, 255, 0.1);}

.services-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 65px;
	min-width: 65px;
	margin-right: 45px;
}

.services-icon-1 img {
	width: 45px;
	height: 71px;
}
.services-icon-2 img {
	width: 65px;
	height: 47px;
}
.services-icon-3 img {
	width: 62px;
	height: 61px;
}

.services-list-item-cnt {width: 100%;}

.services-list-item-cnt h5 {
    display: block;
    padding-bottom: 6px;
    margin-bottom: 6px;
    font-family: 'Open Sans Regular';
    font-size: 24px;
    line-height: 30px;
    text-transform: uppercase;
    color: #ffffff;
    border-bottom: 1px solid #ffca28;
}

.services-list-item-cnt p {
	font-family: 'Open Sans Regular';
	font-size: 14px;
	line-height: 24px;
	color: #ffffff;
}

.form-section  {margin: -55px 0 80px;}
.form-section .wrapper {
	max-width: 1375px;
	padding: 60px 20px 30px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	border: 5px solid #ffca28;
}

.form-section form {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	width: 100%;
}

.form-section form h3 {
	position: relative;
	margin-bottom: 20px;
	font-family: 'Oswald Regular';
	font-size: 30px;
	line-height: 30px;
	text-transform: uppercase;
	text-align: center;
	color: #ffffff;
}

.form-section form h3::before {
	content: '';
	position: absolute;
	left: calc(50% - 33px);
	top: calc(50% - 33px);
	z-index: 0;
	width: 66px;
	height: 66px;
	background-image: url('../images/phone-ic.svg');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}

.form-section form p {
	margin-bottom: 35px;
    font-family: 'Open Sans Regular';
	font-size: 18px;
	line-height: 18px;
	text-align: center;
	color: #ffffff;
}

.form-section-fields {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	margin-bottom: 25px;
}

.form-section-fields input {
	max-width: 370px;
	height: 45px;
	margin: 0;
}

.form-section-fields input:not(:last-child) {margin-right: 15px;}

.form-section form .callback-text {
	margin-bottom: 0;
	font-size: 14px;
	line-height: 14px;
	text-transform: uppercase;
}
.form-section form .callback-text span {color: #ffca28;}

.benefits {padding: 70px 0;}

.benefits-list {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-flow: row wrap;
	padding-bottom: 35px;
}

.bnf {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	width: 100%;
	max-width: 559px;
	margin-bottom: 15px;
	transition: 0.3s ease;
	border-radius: 5px;
}


.bnf-img {
	width: 100%;
	max-width: 268px;
	border: 2px solid #ffca28;
	border-radius: 5px 0 0 5px;
}

.bnf-img img {
	width: 100%;
	border-radius: 3px 0 0 3px;
}

.bnf-cnt {
	width: 100%;
    max-width: 290px;
    padding: 18px 30px 18px 23px;
    background-color: #ffffff;
    border-radius: 0 5px 5px 0;
	box-shadow: 0 0 3px lightgray;
	transition: 0.3s ease;
}


.bnf:hover {box-shadow: 0 0 10px lightgray;}
.bnf:hover .bnf-cnt{box-shadow:none;}

.bnf-cnt h5 {
	margin-bottom: 10px;
    font-family: 'Open Sans Bold';
	font-size: 16px;
	line-height: 16px;
	text-transform: uppercase;
	color: #1f1f1f;
}

.bnf-cnt p.bnf-info {
    margin-bottom: 10px;
    padding-bottom: 10px;
    font-family: 'Open Sans Regular';
	font-size: 14px;
	line-height: 14px;
	color: #1f1f1f;
	border-bottom: 1px solid #ffca28;
}
.bnf-cnt p:not(.bnf-info) {
    font-family: 'Open Sans Light';
	font-size: 14px;
	line-height: 24px;
	color: #1f1f1f;
}

.benefits .btn {
	width: 100%;
	max-width: 351px;
	height: 45px;
	font-family: 'Open Sans Bold';
	color: #2a2a2a;
}

.sertificates{
	padding: 50px 0 65px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.sertificates-wrapper {max-width: 1294px;}

.sertificates-slider {
	width: 100%;
	padding: 0 57px;
	margin-bottom: 45px;
}

.sertificate {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	max-width: 270px;
	border-radius: 5px;
	overflow: hidden;
}

.sertificate-layout {
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.4);
	border: 2px solid #ffca28;
	border-radius: 5px;
	overflow: hidden;
	opacity: 0;
	transition: 0.3s ease;
}

.sertificate:hover .sertificate-layout {opacity: 1;}

.sertificate-layout img {
	width: 33px;
	height: 21px;
}

.sertificates p {
	max-width: 790px;
	margin: 0 auto;
	font-family: 'Open Sans Regular';
	font-size: 17px;
	line-height: 24px;
	text-transform: uppercase;
	text-align: center;
	color: #ffffff;
}

.sertificates p:not(:last-child) {margin-bottom: 25px;}

.scheme {
	padding: 60px 0 25px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.scheme .section-title {margin-bottom: 20px;}

.scheme-list {
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-flow: row wrap;
    padding: 30px 20px 30px 133px;
}

.scheme-list::before,
.scheme-list::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 124px;
	height: 109px;
	background-image: url('../images/triangle-gray.png');
	background-repeat: no-repeat;
	background-size: contain;
}

.scheme-list::after {
	top: auto;
	left: auto;
	bottom: 0;
	right: 0;
	transform: rotate(-180deg);
}

.scheme-item {
	position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
    width: 100%;
    max-width: 150px;
    margin-bottom: 25px;
}
.scheme-item:not(:last-child) {margin-right: 144px;}

.scheme-icon {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 104px;
	height: 104px;
	margin-bottom: 5px;
	border-radius: 50%;
	background-color: #ffffff;
}

.scheme-icon img {max-width: 43px;}

.scheme-icon span {
	position: absolute;
	top: 5px;
	right: -5px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 31px;
	height: 31px;
	border-radius: 50%;
	background-color: #ffca28;
	font-family: 'Open Sans Bold';
	font-size: 16px;
	line-height: 16px;
	text-align: center;
	color: #ffffff;
}

.scheme-item p {
	font-family: 'Open Sans Regular';
	font-size: 16px;
	line-height: 24px;
	text-align: center;
	color: #ffffff;
}

.scheme-item::before {
	content: '';
	position: absolute;
	top: 50px;
	right: -107px;
	display: block;
	width: 70px;
	height: 2px;
	background-color: #ffca28;
}

.scheme-item:nth-child(3)::before {display: none;}
.scheme-item:nth-child(4) {margin-left: 148px;}
.scheme-item:nth-child(6)::before {display: none;}

.equipment {padding: 60px 0 90px;}

.equipment-row {
	display: flex;
	justify-content: flex-start;
	width: 100%;
	padding-left: 48px;
}

.equipment-row:not(:last-child) {margin-bottom: 62px;}

.equipment-num {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 77px;
	height: 77px;
	font-family: 'Open Sans Regular';
	font-size: 36px;
	line-height: 36px;
	text-align: center;
	color: #ffca28;
	border-radius: 50%;
	box-shadow: 0 0 10px lightgray;
}

.equipment-num-wrap {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 70px;
}

.equipment-num::before {
	content: '';
	position: absolute;
    top: 3px;
    right: 9px;
	display: block;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background-color: #ffca28;
}

.equipment-img {
    position: relative;
    width: 100%;
    max-width: 270px;
    max-height: 171px;
}

.equipment-img::before {
	content: '';
	position: absolute;
	top: 20px;
	right: 20px;
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 5px;
	background-color: #ffca28;
}

.equipment-img img {
	position: relative;
	z-index: 1;
	width: 100%;
	border-radius: 5px;
	overflow: hidden;
}

.equipment-img:nth-child(2) {margin-right: 115px;}
.equipment-img:nth-child(3) {margin-left: 115px;}

.equipment-cnt {
	position: relative;
    width: 100%;
    max-width: 290px;
    box-shadow: none !important;
    padding: 0;
}

.equipment-cnt::before {
	content: '';
	position: absolute;
	top: calc(50% - 1px);
	display: block;
	width: 80px;
	height: 2px;
	background-color: #ffca28;
}

.equipment-cnt::after {
	content: '';
	position: absolute;
	top: calc(50% - 5px);
	display: block;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background-color: #ffca28;
}

.equipment-cnt:nth-child(2) {margin-left: -20px;}

.equipment-img:nth-child(3) {margin-left: 135px;}



.equipment-cnt:nth-child(2)::before {right: -100px;}

.equipment-cnt:nth-child(3)::before {left: -95px;}

.equipment-cnt:nth-child(2)::after {right: -66px;}

.equipment-cnt:nth-child(3)::after {left: -60px;}

.equipment-cnt p.bnf-info{
	margin-bottom: 16px;
	padding-bottom: 5px;
	font-size: 24px;
	line-height: 30px;
	text-transform: uppercase;
	color: #242424;
}

.equipment-cnt p{
	color: #242424;
}


.equipment-info {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding-top: 5px;
}

.equipment-info-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 35px;
	height: 35px;
	margin-right: 15px;
	box-shadow: 0 0 5px lightgray;
	border-radius: 50%;
}

.equipment-info-icon img {
	width: 19px;
	height: 19px;
}

.equipment-info span {
	display: block;
	font-family: 'Open Sans Bold';
	font-size: 14px;
	line-height: 14px;
	color: #242424;
}



.popup-wrapper {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	padding: 15px;
	opacity: 1;
	z-index: 10;
	display: none;
	align-items: center;
	justify-content: center;
	transition: 0.5s ease;
}

.popup-wrapper.active {
	display: flex;
}

.popup-layout {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 6;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 40px 20px;
    background: rgba(0, 0, 0, 0.4);
}

.popup {
  position: relative;
  width: 100%;
  max-width: 465px;
  background-color: rgba(0, 0, 0, 0.9);
}

.popup-close {
	cursor: pointer;
	position: absolute;
    top: -25px;
    right: -25px;
	width: 100%;
	max-width: 16px;
}

.popup-close img {width: 100%;}

.thanks-popup {
	padding: 50px 30px;
}

.thanks-popup h3 {
	margin-bottom: 30px;
	text-transform: uppercase;
	color: #ffca28;
}

.thanks-popup p {
	margin-bottom: 0px;
	font-family: 'Open Sans Bold';
	font-size: 18px;
	line-height: 26px;
	text-transform: uppercase;
	color: #ffffff;
}

.thanks-popup p span {color: #ffca28;}

.header-mob {
	display: none;
    align-items: center;
    justify-content: space-between;
    background-color: rgba(110, 110, 110, 0.6);
    padding: 10px 20px;
    height: 63px;
}

.header-mob .callback-number {
	font-size: 15px;
    line-height: 16px;
	margin-bottom: 0;
	color: #ffca28;
}

header.dark .header-mob {background-color: rgba(110, 110, 110, 1);}

.header-mob .logo,
.menu-trigger-wrap {
	width: 100%;
	max-width: 70px;
}

.menu-trigger-wrap {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.menu-trigger {
	display: flex;
    align-items: flex-end;
    justify-content: space-between;
    flex-direction: column;
    width: 35px;
    height: 20px;
    transition: 0.6s ease;
}

.menu-trigger span {
	display: block;
	width: 100%;
	height: 2px;
	background-color: #ffca28;
	transition: 0.2s cubic-bezier(0, 0, 0.2, 1);
}

.menu-trigger span:nth-child(1) {width: 75%;}

.menu-trigger span:nth-child(3) {width: 40%;}

header.open .menu-trigger span {
	position: relative;
	width: 100%;
}

header.open .menu-trigger  {justify-content: center;}

header.open .menu-trigger span:nth-child(1) {
	transform: rotate(-40deg);
    margin-bottom: -2px;
}

header.open .menu-trigger span:nth-child(2) {display: none;}

header.open .menu-trigger span:nth-child(3) {transform: rotate(40deg);}

nav .callback-item,
nav .lang-item-wrap {display: none;}



@media(max-width: 1160px) {
	.price-item {max-width: 310px;}
	.price-img {height: 190px;}
	.benefits-list {justify-content: space-around;}
	.services-list-item {padding: 15px;}
	.services-icon {margin-right: 15px;}
	.scheme-list {padding: 30px 20px;}
}

@media(max-width: 992px) {
	.header-mob {
		position: relative;
		display: flex;
		z-index: 8;
	}
	header.open {background-color: rgba(110, 110, 110, 1);}
	.header-top {display: none;}
	header {position: relative;}
	nav {
		position: absolute;
		z-index: 10;
		top: calc(100% - 1px);
		width: 100%;
		height: calc(100vh - 62px);
		padding: 30px 20px 90px;
		background-color: rgba(33, 33, 33, 1);
		transform: scale(0);
		transition: 0.1s ease;
		z-index: 7;
	}

	header.open nav {
		transform: scale(1);
	}

	nav .wrapper {
		flex-direction: column;
		align-items: center;
		justify-content: flex-start;
	}

	nav a {padding: 0;}

	nav a:not(:last-child) {margin: 0 0 20px;}
	
	nav .callback-item {
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	nav .callback-item a {text-align: center;}

	nav .lang-item-wrap {
		display: flex;
		justify-content: center;
		margin: 20px 0 0;
	}
	.banner {
		flex-direction: column;
		align-items: flex-start;
		padding: 35px 20px;
	}
	.banner-cnt::before {left: -10px;}
	.banner-cnt {
		text-align: center;
		max-width: 600px;
		margin: 0 auto 40px;
	}
	.banner-cnt::before {display: none;}
	.banner-benefits {justify-content: center;}
	.banner .form-block {margin: 0 auto;}
	.price-list,
	.metal-list {
		flex-flow: row wrap;
    	justify-content: space-around;
	}
	.price-item {
		max-width: 355px;
		margin-bottom: 30px;
	}
	.price-img {height: 226px;}
	.metal-item {margin: 0 0 30px;} 
	.metal-item:not(:last-child) {margin: 0 0 30px;} 
	.services-cnt {
		flex-direction: column;
		align-items: center;
	}
	.services-slider-wrap {
		padding: 0 0 30px;
		max-width: 100%;
		justify-content: center;
	}
	.services-layout-img {display: none;}
	.scheme-list {
		justify-content: space-around;
	}
	.scheme-item {
		margin: 0 0 25px !important;
		max-width: 33%;
	}
	.scheme-item::before,
	.scheme-item::after {display: none;}
	.contacts-content .form-block {display: none;}
	.contacts-content {height: 100%;}
	.contacts .wrapper {
		height: 100%;
		align-items: center;
		justify-content: center;
	}
	.equipment-row {padding-left: 0;}
	.metal-item {box-shadow: 0 0 15px lightgray;}
	.metal-item .metal-icon {background-color: #ffca28;}
	.metal-icon img.metal-icon-black,
	.metal-item .metal-icon img.metal-icon-white {opacity: 1;}
	.metal-icon img.metal-icon-white,
	.metal-item .metal-icon img.metal-icon-black {opacity: 0;}
	.equipment-cnt::before,
	.equipment-cnt::after {display: none;}
	.equipment-img:nth-child(3) {margin-left: 50px;}
	.equipment-img:nth-child(2) {margin-right: 50px;}
	.equipment-num-wrap {margin-right: 40px;}
}

@media(max-width: 900px) {
	footer .wrapper {
		flex-direction: column;
		align-items: center;
		padding: 30px 20px;
	}

	.footer-nav-column:not(:last-child) {margin: 0 0 20px !important;}

	.footer-nav {
		display: none;
	}

	.footer-logo,
	.footer-line p {margin-bottom: 20px;}
	.footer-column .link-info {
		width: 100%;
		justify-content: center;
		margin-bottom: 20px;
	}
	.footer-nav-column a {text-align: center;}
	.link-info p span {
		width: 100%;
		display: inline-block;
		text-align: center;
	}
	.footer-line {padding: 15px 0;}
	.footer-column:not(:last-child) {padding: 0;}
}
@media(max-width: 767px) {
	.contacts-content {
		position: static !important;
		height: auto;
	}
	.contacts {height: auto;}
	.contacts iframe {position: static;}
	.contact-frame {
		height: 441px;
	}
	.contacts-info {
		padding: 20px 0;
		box-shadow: none;
	}
	h1 {
		font-size: 35px;
		line-height: 45px;
	}
	.banner-bnf:not(:last-child) {
		padding-right: 40px;
		margin-right: 30px;
	}
	.banner-bnf p {
		font-size: 14px;
		line-height: 18px;
	}
	.section-title {
		font-size: 24px;
		line-height: 24px;
	}
	.about p {
		font-size: 20px;
		line-height: 30px;
	}
	.list li {
		font-size: 12px;
		line-height: 18px;
	}
	.list li::before {top: 0;}
	.services-list-item-cnt h5 {
		font-size: 18px;
    	line-height: 24px;
	}
	.equipment-cnt p.bnf-info {
		font-size: 18px;
		line-height: 20px;
	}
	.bnf-cnt p:not(.bnf-info) {
		font-size: 12px;
		line-height: 18px;
	}
	.equipment-img {
		margin: 0 0 40px !important;
		order: 2;
	}
	.equipment-cnt {
		text-align: center;
		order: 3;
	}
	.equipment-cnt {margin: 0 !important;}
	.equipment-row {
		justify-content: space-between;
		flex-direction: column;
		align-items: center;
	}
	.equipment-num-wrap {
		order: 1;
		margin: 0 0 30px;
	}
	.equipment-info {justify-content: center;}
	.sertificates p {
		font-size: 14px;
		line-height: 20px;
	}
}
@media(max-width: 650px) {
	.scheme-item {max-width: 50%;}
}

@media(max-width: 550px) {
	.header-mob .logo, .menu-trigger-wrap {max-width: 55px;}
	.popup-close {right: 0;}
	.bnf {
		flex-direction: column;
		align-items: center;
		max-width: 268px;
	}
	.services-slider,
	.sertificates-slider {
		padding: 0;
		margin: 0 auto;
		max-width: 407px;
	}
	
	.sertificates-slider {
		max-width: 270px;
		margin: 0 auto 15px;
	}

	.slider .owl-nav {
		display: flex;
		align-items: center;
		justify-content: center;
		margin-top: 30px;
	}

	.slider .owl-nav button {position: relative;}
	.slider .owl-nav button:not(:last-child) {margin-right: 20px;}
	.services-list-item {
		flex-direction: column;
		align-items: center;
		text-align: center;
		background-color: rgba(255, 255, 255, 0.1);
	}

	.services-list-item:not(:last-child) {margin-bottom: 30px;}

	.services-list-item::before {display: none;}
	.services-icon {margin: 0 0 15px;}
	.form-block {
		padding: 30px 20px 50px;
	}
	.form-block::before {left: 7px;}
	.form-block::after {right: 7px;}

}

@media(max-width: 400px)  {
	.scheme-item {
		max-width: 100%;
	}
	.banner-bnf:not(:last-child) {
		padding-right: 15px;
		margin-right: 15px;
	}
	.form-block {padding: 30px 20px;}
	.contacts-info {padding: 15px;}
}