@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800;900&display=swap');

*{
	margin: 0;
	padding: 0;
	outline: none;
	border: none;
	font-family: 'Montserrat', sans-serif;
	list-style: none;
}

.preloader {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: #ffffff;
	z-index: 1001;
}
/* 

.loaded .preloader {
	display: none;
} */

.wrap_preloader {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	width: 100%;
	height: 100%;
}

.preloader__item{
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

.preloader__item h3{
	font-size: 16px;
	line-height: 22px;
	margin-top: 20px;
	font-weight: 400;
	animation: preloader_text 2s infinite 0s ease-in-out;
	opacity: 1;
	color: rgba(12, 12, 12, 0.568);
}

@keyframes preloader_text {
	0%{
		opacity: 1;
		transform: scale(1);
	}
	50%{
		opacity: 0.5;
		transform: scale(1.2);
	}
	100%{
		opacity: 1;
		transform: scale(1);
	}
}

.preloader__item svg{
	max-width: 103px;
	width: 100%;
	display: block;
	opacity: 1;
	stroke-dasharray: 496.003, 496.003;
	animation: box 2s infinite 0s ease-in-out;
}

::-webkit-scrollbar {
	width: 5px; 
	height: 80%;
	background-color: #1F1F1F;
}

::-webkit-scrollbar-thumb {
	background-color: #4e877b;
	box-shadow: inset 1px 1px 10px #4e877b;
	border-radius: 3px;
}

::-webkit-scrollbar-thumb:hover {
	background-color: #003f0e;
}

a{
	text-decoration: none;
	color: #0A0A0E;
}

html{
	background: #FFFFFF;
	scroll-behavior: smooth;
}

.text p.bold{
	font-weight: 700;
}

section{
	padding-top: 135px;
}

.pageInfo section:first-child{
	padding-top: 96px;
}

body{
	max-width: 1920px;
	width: 100%;
	margin: auto;
	background: #ecf9f9;
}

.bodyFlex{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.text p,
.text ul{
	font-style: normal;
	font-weight: 400;
	font-size: 20px;
	line-height: 28px;
	letter-spacing: 0.01em;
	color: #000000;
	margin-bottom: 10px;
}

.text ul > li::before{
	content: '•';
	margin-right: 10px;
}
.text ul > li{
	display: flex;
}

.text p:last-child{
	margin-bottom: 0;
}

nav .buttons_bg_none,
.close_menu,
.icon_menu,
.icon_call_mob{
	display: none;
}

h2.titles{
	font-weight: 700;
	font-size: 38px;
	line-height: 52px;
	letter-spacing: 0.01em;
	text-transform: uppercase;
	color: #0A0A0E;
	text-align: center;
}

.buttons{
	padding: 7px 0;
	width: 100%;
	background: #4e877b;
	border: 2px solid #4e877b;
	border-radius: 4px; 
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 22px;
	color: #FFFFFF;
	max-width: 336px;
	text-align: center;
	transition: .3s;
	cursor: pointer;
}

a.buttons,
a.button_yel{
	text-align: center;
}

.buttons:hover{
	background: none;
	color: #4e877b;
}

header{
	padding: 12px 0;
	box-sizing: border-box;
	background: #FFFFFF;
}

.container{
	max-width: 1487px;
	width: 100%;
	margin: auto;
}

.wrap_logo{
	display: flex;
	align-items: center;
}

.wrap_logo svg{
	max-width: 103px;
	width: 100%;
	display: block;
	opacity: 1;
	stroke-dasharray: 496.003, 496.003;
	animation: box 14s infinite 1s ease-in-out;
}

@keyframes box {
	0% { stroke-dashoffset: 496.003; }
	50% { stroke-dashoffset: 0.230278; }
	100% { stroke-dashoffset: 496.003; }
}

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

.buttons_bg_none{
	background: none;
	font-size: 14px;
	line-height: 24px;
	color: #4e877b;
	padding: 8px 0;
	border: 2px solid #4e877b;
	max-width: 154px;
	cursor: pointer;
	transition: .3s;
}

.buttons_bg_none:hover{
	background: #4e877b;
	color: white;
}

header .buttons_bg_none{
	margin-left: 50px;
}

header .list_contactInfo{
	margin-left: 50px;
}

.list_contactInfo a:hover{
	text-decoration: underline;
}

.list_contactInfo > li{
	font-weight: 400;
	font-size: 18px;
	line-height: 24px;
	color: #0A0A0E;
	display: flex;
	align-items: center;
}

.list_contactInfo{
	display: flex;
	align-items: center;
}

.list_contactInfo > li.location::before,
.list_contactInfo > li.call::before{
	content: '';
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	display: block;
	width: 24px;
	height: 24px;
	margin-right: 12px;
}

.list_contactInfo > li.call::before{
	background-image: url(../../img/svg/call.svg);
}

.list_contactInfo > li.location::before{
	background-image: url(../../img/svg/location.svg);
}

header .list_contactInfo > li.call{
	margin-left: 216px;
}

.list_vidjet{
	display: flex;
	align-items: center;
	margin-left: 64px;
}

.list_vidjet > li img{
	max-width: 31px;
	width: 100%;
	display: block;
}

.list_vidjet > li{
	margin-right: 18px;
}

.list_vidjet > li:last-child{
	margin-right: 0;
}

header .buttons.backCall{
	max-width: 168px;
	margin-left: 64px;
}

nav.nav{
	position: sticky;
	top: 0;
	padding: 12px 0;
	background: #4e877b;
	z-index: 15;
}

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

.menu li{
	font-weight: 400;
	font-size: 18px;
	line-height: 24px;
	color: #FFFFFF;
	transition: .3s;
	cursor: pointer;
	position: relative;
}

.menu li a{
	color: #FFFFFF;
	transition: .3s;
}

.menu li:hover,
.menu li:hover > a{
	color: #FFF500;
}

.sub-menu{
	position: absolute;
	left: -22px;
	top: 100%;
	background: #4e877b;
	padding: 14px 24px 34px 22px;
	box-sizing: border-box;
	min-width: 256px;
	display: none;
}

.menu > li:hover .sub-menu{
	opacity: 0;
	display: block;
	animation: showSubMenu .5s forwards .1s;
}

@keyframes showSubMenu {
	0%{
		opacity: 0;
	}
	100%{
		opacity: 1;
	}
}

.sub-menu > li{
	margin-bottom: 16px;
}

.sub-menu > li:last-child{
	margin-bottom: 0;
}

.container_home{
	padding-top: 0;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	height: 472px;
}

.container_home_1{
	background-image: url(../../img/first_screen_new.png);
}

.container_home_2{
	background-image: url(../../img/first_screen_new_2.png);
}

.container_home_3{
	background-image: url(../../img/first_screen_new_3.png);
}

.container_home_2 .content_home h1,
.container_home_3 .content_home h1{
	line-height: 42px;
	color: #000000;
}

.container_home .container{
	height: 100%;
}

.wrap_home{
	display: flex;
	align-items: center;
	height: 100%;
}

.content_home{
	max-width: 720px;
}

.content_home h1{
	font-weight: 800;
	font-size: 48px;
	line-height: 34px;
	letter-spacing: 0.01em;
	color: #FFFFFF;
	text-shadow: 0px 0px 6.98324px rgba(76, 42, 3, 0.3);
}
.content_home h2{
	font-weight: 600;
	font-size: 32px;
	line-height: 42px;
	letter-spacing: 0.01em;
	color: #FFFFFF;
	text-shadow: 0px 0px 10px rgba(76, 42, 3, 0.3);
	margin-top: 24px;
}

.content_home .button_yel{
	margin-top: 44px;
}

.button_yel{
	font-weight: 600;
	font-size: 20px;
	line-height: 28px;
	letter-spacing: 0.01em;
	text-transform: uppercase;
	color: #000000;
	padding: 14px 0;
	max-width: 336px;
	width: 100%;
	background: #FFF500;
	box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25);
	border-radius: 50px;
	position: relative;
	cursor: pointer;
	transition: .3s;
}

.button_yel:hover{
	box-shadow: 0 4px 10px #FFF500;
}

/* .btn_moroz::after{
	position: absolute;
	content: '';
	background-image: url(../../img/moroz.gif);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	width: 70px;
	height: 70px;
	display: block;
	bottom: 0%;
	right: 30px;
	opacity: 0;
	transition: .3s;
}

.btn_moroz:hover::after{
	animation: btnMoroz .3s forwards;
}

@keyframes btnMoroz {
	0%{
		opacity: 0;
		bottom: 30%;
	}
	50%{
		opacity: 0;
		bottom: 50%;
	}
	100%{
		opacity: 1;
		bottom: 100%;
	}
} */

.container_offer{
	padding-top: 40px;
}

.list_offer{
	max-width: 100%;
	width: 100%;
	margin: auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 68px;
}

.list_offer:last-child{
	margin-bottom: 0;
}

.list_offer > li{
	text-align: center;
	margin-top: 20px;
}

.list_offer > li img{
	max-width: 100px;
	width: 100%;
	transition: .8s;
}

.list_offer > li img{
	animation: list_offerImg 2s infinite;
	transform: rotate(-10deg);
}

@keyframes list_offerImg {
	0%{
		transform: rotate(-10deg);
	}
	50%{
		transform: rotate(10deg);
	}
	100%{
		transform: rotate(-10deg);
	}
}

.list_offer > li h3{
	font-weight: 400;
	font-size: 16px;
	line-height: 22px;
	text-align: center;
	color: #0A0A0E;
	margin-top: 10px;
	transition: .3s;
}

.container_company{
	padding-top: 80px;
	margin-top: 146px;
	padding-bottom: 66px;
	background: #4e877b;
}

.container_company h2.titles{
	color: white;
}

.wrap_text_company.text p{
	font-size: 18px;
	line-height: 26px;
	color: white;
}

.wrap_text_company.text p:last-child{
	margin-bottom: 0;
}

.wrap_company{
	margin-top: 32px;
	display: flex;
	justify-content: space-between;
}

.wrap_img_company{
	margin-right: 60px;
}

.wrap_img_company img{
	width: 512px;
	height: 100%;
	object-fit: cover;
}

.item_production{
	max-width: 100%;
	width: 100%;
}

.item_production img{
	width: 100%;
	border: 4px solid #4e877b;
	box-sizing: border-box;
}

/* .swiperProduction{
	padding: 0 10px;
	box-sizing: border-box;
} */

.wrap_production{
	position: relative;
}

.btnSwiper{
	--swiper-theme-color: #000000;
}

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

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

.wrap_production{
	margin-top: 52px;
}

.container_swiper .swiper-pagination-bullet{
	border-radius: 0;
	--swiper-theme-color: #4e877b;
	width: 16px;
	height: 16px;
}

.swiper-pagination-bullets.swiper-pagination-horizontal{
	bottom: -50px;
}

.wrap_profSist{
	max-width: 100%;
	width: 100%;
}

.wrap_profSist img{
	width: 100%;
}

.container_windowNow{
	position: relative;
	padding-top: 0;
	margin-top: 104px;
	background-image: url(../../img//windowNow.png);
	background-position: right;
	background-repeat: no-repeat;
	background-size: cover;
	height: 400px;
}

.logo_windowNow{
	position: absolute;
	top: 50px;
	right: 100px;
}

.logo_windowNow .wrap_logo svg{
	max-width: 150px;
}

.container_windowNow .container{
	height: 100%;
}

.wrap_windowNow{
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.content_windowNow h2{
	text-align: left;
	color: white;
	margin-bottom: 6px;
}

.content_windowNow{
	max-width: fit-content;
}

.content_windowNow .button_yel{
	display: block;
	margin: auto;
	margin-top: 40px;
}

.whyBecker{
	margin-top: 52px;
	background: url(../../img/whyBecker/whyBecker.png) no-repeat;
	padding: 48px 0 80px;
}

.item_whyBecker{
	width: 100%;
	background: rgba(255, 255, 255, 0.97);
	backdrop-filter: blur(5px);
	padding: 40px 12px 26px;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	height: 100%;
}

.item_whyBecker h4{
	font-weight: 500;
	font-size: 20px;
	line-height: 26px;
	text-align: center;
	color: #0A0A0E;
	margin-top: 25px;
	max-width: 230px;
}

.item_whyBecker img{
	max-height: 100px;
	object-fit: contain;
}

.whyBecker .swiper-slide{
	height: auto;
}

.swiperAchievement .swiper-slide,
.swiperReview .swiper-slide,
.swiperProduction .swiper-slide,
.swiperWorks .swiper-slide{
	height: auto;
}

.item_production img,
.item_production{
	height: 100%;
}

.item_production img{
	object-fit: cover;
}

.swiperWhyBecker {
	max-width: 78%;
	width: 100%;
	margin: auto;
}

.wrap_whyBecker{
	position: relative;
}

.container_banner_orderWindow{
	margin-top: 144px;
	padding-top: 0;
	background: url(../../img/orderWindow.png) no-repeat;
	background-size: cover;
	background-position: center;
	height: 224px;
}

.wrap_orderWindow{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	height: 100%;
}

.wrap_orderWindow h2.titles{
	color: white;
	margin-bottom: 44px;
}

.container_banner_orderWindow .container{
	height: 100%;
}

.wrap_calc_akcii .item{
	width: 80%;
	box-sizing: border-box;
	height: 232px;
	display: flex;
	align-items: center;
	justify-content: center;

}

.wrap_calc_akcii{
	display: flex;
	justify-content: center;
}

.wrap_calc_akcii .item.calc{
	background: url(../../img/calc.png);
	background-size: cover;
	background-position: center;
}

.wrap_calc_akcii .item.akcii{
	background: url(../../img/akcii.png);
	background-size: cover;
	background-position: center;
}

.container_managers h2.titles{
	max-width: 750px;
	margin: auto;
}

.item_manager{
	display: flex;
	flex-direction: column;
	width: 100%;
	max-width: 100%;
	text-align: center;
}

.info_manager{
	display: flex;
	flex-direction: column;
}

.wrap_managers{
	margin-top: 56px;
}

.info_manager h3,
.info_manager a.call{
	font-weight: 600;
	font-size: 24px;
	line-height: 30px;
	text-align: center;
	letter-spacing: 0.01em;
	text-transform: uppercase;
	color: #4e877b;
}

.info_manager a.mail{
	font-weight: 400;
	font-size: 20px;
	line-height: 26px;
	text-align: center;
	color: #0A0A0E;
	margin: 8px 0 11px;
}

.info_manager a.call{
	margin-bottom: 19px;
}

.img_manager{
	max-width: 100%;
	width: 100%;
	margin-bottom: 8px;
}

.img_manager img{
	width: 100%;
	height: 328px;
	object-fit: cover;
}

.info_manager .buttons{
	padding: 12px 0;
	font-size: 20px;
	line-height: 28px;
}

.mainBottom{
	margin-bottom: 190px;
}

footer{
	background: #2D2D2D;
	padding: 38px 0 26px;
	box-sizing: border-box;
}

.wrap_footer-contact{
	display: flex;
	align-items: flex-start;
}

.wrap_footer-contact .list_contactInfo{
	flex-direction: column;
	align-items: flex-start;
	max-width: 320px;
	margin-left: 48px;
}

.wrap_footer-contact .list_contactInfo li.info{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.wrap_footer-contact .list_contactInfo li,
.wrap_footer-contact .list_contactInfo li a{
	color: white;
}

.wrap_footer-contact .list_contactInfo > li{
	margin-bottom: 30px;
}

.wrap_footer-contact .list_contactInfo > li:last-child{
	margin-bottom: 0;
}

.wrap_footer-contact .list_contactInfo li::before{
	display: none;
}

.footer_list > li h3{
	margin-bottom: 25px;
	font-weight: 400;
	font-size: 28px;
	line-height: 32px;
	letter-spacing: 0.01em;
	color: #FFFFFF;
}

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

.wrap_footer-location iframe{
	width: 580px;
	height: 288px;
}

.form_footer{
	display: flex;
	flex-direction: column;
	width: 100%;
}

.footer_list > li.form{
	max-width: 340px;
	width: 100%;
}

.form_footer > .buttons{
	max-width: 100%;
	line-height: 28px;
	padding: 8px 0;
}

.form_footer > input[type = text],
.form_footer textarea{
	max-width: 100%;
	width: 100%;
	margin-bottom: 16px;
	border: 1px solid rgba(255, 255, 255, 0.6);
	border-radius: 8px;
	background: none;
	font-weight: 400;
	font-size: 16px;
	line-height: 20px;
	color: rgba(255, 255, 255, 0.6);
}

.form_footer > input[type = text]{
	padding: 14px 0 14px 24px;
	box-sizing: border-box;
}

.form_footer textarea{
	padding: 14px 0 0px 24px;
	height: 96px;
	box-sizing: border-box;
	resize: none;
}

.wrap_TG{
	background: #000000;
	padding: 7px 0;
	text-align: center;
}

.wrap_TG img{
	max-width: 10%;
	width: 100%;
}

.wrap_informationText{
	display: flex;
	align-items: center;
	margin-top: 52px;
	justify-content: center;
}

.wrap_img_informationText{
	margin-right: 46px;
}

.wrap_img_informationText img{
	width: 512px;
}

.wrap_text_informationText{
	max-width: 800px;
}

.info_product{
	background: #FFFFFF;
	border: 1px solid #4e877b;
	border-radius: 8px;
	padding: 33px 24px 18px;
	box-sizing: border-box;
}

.item_product{
	width: 100%;
}

.img_product{
	text-align: center;
}

.img_product img{
	display: block;
	height: 173px;
	width: 100%;
	object-fit: contain;
}

.list_relatedProductDoors .img_product img{
	height: auto;
	border-radius: 4px;
}

ul.list_relatedProductDoors{
	justify-content: center;
}

ul.list_relatedProductDoors > li{
	margin-right: 0;
}

.list_relatedProduct{
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}

.item_product{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;
}

.info_product{
	height: 100%;
}

.list_relatedProduct > li{
	display: inline-block;
	width: 100%;
	max-width: 22.9%;
	width: 100%;
	margin-right: 2.8%;
	margin-top: 45px;
}

.list_relatedProduct > li:nth-child(4n+4){
	margin-right: 0;
}

.info_product > h3{
	font-weight: 600;
	font-size: 20px;
	line-height: 28px;
	letter-spacing: 0.01em;
	color: #000000;
	margin-top: 21px;
	text-transform: uppercase;
}

.item_product .buttons{
	font-size: 20px;
	line-height: 28px;
	padding: 10px 0;
	margin-top: 24px;
}

.price_product{
	display: flex;
	align-items: center;
	margin-top: 17px;
}

.price_product > div{
	font-weight: 500;
	font-size: 16px;
	line-height: 22px;
	color: #FFFFFF;
}

.price_product .price {
	max-width: 112px;
	width: 100%;
	text-align: center;
	background: #4e877b;
	border-radius: 4px;
	padding: 5px 0;
	margin-right: 20px;
}

.price_product .share_price{
	text-decoration-line: line-through;
	color: rgba(0, 0, 0, 0.6);
}

.list_char_product{
	margin-top: 14px;
}

.list_char_product > li{
	margin-bottom: 8px;
}

.list_char_product > li:last-child{
	margin-bottom: 0px;
}

.list_char_product > li h4,
.list_char_product > li h5{
	font-weight: 600;
	font-size: 18px;
	line-height: 24px;
	letter-spacing: 0.01em;
	color: #000000;
}

.list_char_product > li h5{
	font-weight: 400;
}

.wrap_payment_methods{
	display: flex;
	justify-content: center;
	justify-content: space-between;
	margin-top: 52px;
	max-width: 1257px;
	margin: auto;
}

.container_payment_methods.payment_page .wrap_payment_methods{
	max-width: 100%;
}


.item_payment_methods{
	max-width: 368px;
	width: 100%;
	text-align: center;
}

.img_payment_methods{
	text-align: center;
}

.img_payment_methods img{
	height: 185px;
	width: 100%;
	object-fit: contain;
	display: block;
}

.text_payment_methods > h3{
	font-weight: 700;
	font-size: 22px;
	line-height: 28px;
	letter-spacing: 0.01em;
	text-transform: uppercase;
	color: #0A0A0E;
	margin-top: 17px;
}

.text_payment_methods > h4{
	font-weight: 400;
	font-size: 20px;
	line-height: 28px;
	text-align: center;
	letter-spacing: 0.01em;
	color: #000000;
	margin-top: 5px;
}

.wrap_payment_methods{
	margin-top: 52px;
}

.wrap_informationText-img_height{
	align-items: stretch;
}

.wrap_informationText-img_height .wrap_img_informationText img{
	height: 100%;
	object-fit: cover;
}

.consultationForm{
	display: flex;
	justify-content: center;
}

.container_consultationForm{
	padding-top: 0;
	margin-top: 144px;
	background: url(../../img/consult.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	padding: 43px 0 64px;
}

.wrap_consultationForm h2.titles{
	max-width: 1095px;
	margin: auto;
	font-size: 28px;
	line-height: 38px;
	margin-bottom: 41px;
}

.consultationForm input[type = text]{
	font-weight: 400;
	font-size: 20px;
	line-height: 24px;
	color: rgba(0, 0, 0, 0.6);
	padding: 16px 0 16px 24px;
	box-sizing: border-box;
	margin-right: 24px;
	border-radius: 50px;
	max-width: 336px;
	width: 100%;
}

.wrap_measurement_text{
	max-width: 74%;
	margin: auto;
	margin-top: 31px;
}

.wrap_tablePrice{
	margin-top: 52px;
}

.wrap_tablePrice table{
	width: 100%;
	background: #4e877b;
	text-align: center;
}

.wrap_tablePrice table th{
	background: #4e877b;
	font-weight: 400;
	font-size: 20px;
	line-height: 28px;
	letter-spacing: 0.01em;
	color: #FFFFFF;
	padding: 10px 0;
}

.wrap_tablePrice table tr{
	background: white;
}

.wrap_tablePrice table th.configuration{
	width: 37%;
}

.wrap_tablePrice table td.img{
	padding: 12px 50px;
	box-sizing: border-box;
}

.wrap_tablePrice table td.img img{
	height: 143px;
	width: 100%;
	object-fit: contain;
	display: block;
}

.wrap_tablePrice table td{
	font-weight: 400;
	font-size: 18px;
	line-height: 24px;
	letter-spacing: 0.01em;
	color: #000000;
}

.wrap_tablePrice table td.table_btn{
	padding: 0 14px;
}

.wrap_payment_instructions ul > li::before{
	content: '';
	display: none;
}

.wrap_payment_instructions ul > li{
	margin-bottom: 10px;
}

.wrap_payment_instructions{
	max-width: 74%;
	margin: auto;
	margin-top: 52px;
}

.item_View_glazingTerras{
	position: relative;
}

.item_View_glazingTerras > h5{
	font-weight: 700;
	font-size: 20px;
	line-height: 28px;
	letter-spacing: 0.01em;
	text-transform: uppercase;
	color: #FFFFFF;
	padding: 18px 0 18px 24px;
	box-sizing: border-box;
	background: #4e877b;
	position: absolute;
	bottom: 0;
	width: 100%;
}

.item_View_glazingTerras img{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.wrap_opis_glazingTerras{
	max-width: 82%;
	width: 100%;
	margin: auto;
	margin-top: 31px;
}

.wrap_view_window{
	margin-top: 31px;
}

.wrap_view_window > p{
	max-width: 1229px;
}

.wrap_view_window .wrap_informationText{
	justify-content: flex-start;
	margin-bottom: 35px;
}

.wrap_view_window .wrap_text_informationText h3{
	font-weight: 700;
	font-size: 24px;
	line-height: 52px;
	letter-spacing: 0.01em;
	text-transform: uppercase;
	color: #0A0A0E;
	margin-bottom: 10px;
}

.wrap_Glazing {
	max-width: 100%;
}

.wrap_Glazing .item_Glazing{
	max-width: 31%;
}


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

.item_panaramicGlazing{
	max-width: 48.5%;
	width: 100%;
}

.img_panaramicGlazing img{
	width: 100%;
	max-width: 100%;
	border: 1px solid #4e877b;
	border-radius: 8px;
	display: block;
	object-fit: cover;
}

.img_panaramicGlazing{
	margin: 18px 0;
}

.wrap_panaramicGlazing{
	margin-top: 40px;
}

.item_panaramicGlazing > h3{
	font-weight: 400;
	font-size: 20px;
	line-height: 28px;
	letter-spacing: 0.01em;
	text-transform: uppercase;
	color: #000000;
}

.container_panaramicGlazing .button_yel{
	display: block;
	margin: auto;
	margin-top: 40px;
	max-width: 384px;
}

.container_glazingCottages .wrap_informationText .button_yel{
	margin-top: 20px;
	max-width: 384px;
}

.info_typeGlazing{
	padding: 24px 24px 18px;
}

.item_typeGlazing .img_product img{
	height: 192px;
	border-radius: 4px;
	object-fit: cover;
}


.info_typeGlazing  h4{
	font-weight: 400;
	font-size: 18px;
	line-height: 24px;
	letter-spacing: 0.01em;
	color: #000000;
	margin-top: 7px;
}

.item_typeGlazing .buttons{
	max-width: 100%;
}

.pageInfo section.container_company{
	margin-top: 96px;
	padding-top: 40px;
}

.wrap_contact .list_contactInfo li.location span{
	max-width: 450px;
}

.wrap_contact .list_contactInfo li.location{
	align-items: flex-start;
	margin-bottom: 40px;
}

.wrap_contact .list_contactInfo{
	flex-direction: column;
	align-items: flex-start;
	margin-right: 62px;
}

.wrap_contact .list_contactInfo li{
	font-weight: 400;
	font-size: 24px;
	line-height: 32px;
}

.wrap_contact{
	margin-top: 52px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.wrap_contact .wrap_contact_location iframe{
	width: 100%;
	height: 456px;
}

.wrap_contact_location{
	width: 100%;
	max-width: 60%;
}

.wrap_akcii{
	margin-top: 52px;
}

.item_akcii{
	background: linear-gradient(96.35deg, #4e877b -1.28%, #01A024 100.88%);
	border-radius: 8px;
	padding: 36px 87px 36px 77px;
	box-sizing: border-box;
	max-width: 83%;
	width: 100%;
	margin: 0 auto;
	display: flex;
}

.wrap_info_akcii .data_akcii{
	font-weight: 400;
	font-size: 16px;
	line-height: 22px;
	color: #4e877b;
}

.wrap_info_akcii > h3{
	font-weight: 700;
	font-size: 42px;
	line-height: 52px;
	color: #000000;
	margin: 23px 0;
	color: white;
}

.wrap_img_akcii{
	max-width: 50%;
	width: 100%;
}

.wrap_img_akcii img{
	width: 100%;
}

.list_info_akcii > li{
	font-style: normal;
	font-weight: 400;
	font-size: 24px;
	line-height: 34px;
	letter-spacing: 0.01em;
	color: #FFFFFF;
	display: flex;
	align-items: center;
}

.list_info_akcii > li::before{
	content: '';
	width: 12px;
	height: 12px;
	background: #FFC224;
	display: block;
	border-radius: 50%;
	margin-right: 20px;
}

.list_img_akcii{
	margin-top: 23px;
	display: flex;
	justify-content: space-between;
}

.list_img_akcii > li{
	width: 30%;
}

.list_img_akcii img{
	width: 100%;
	object-fit: cover;
	border-radius: 50%;
}

.list_akcii >li{
	margin-top: 40px;
}

.list_akcii >li:first-child{
	margin-top: 00px;
}

.list_btn_swiper{ 
	display: flex;
	margin-top: 36px;
}

.list_btn_swiper > li{
	width: 264px;
	text-align: center;
	border: 1px solid rgba(0, 0, 0, 0.6);
	font-weight: 400;
	font-size: 20px;
	line-height: 28px;
	letter-spacing: 0.01em;
	color: rgba(0, 0, 0, 0.6);
	padding: 14px 0;
	cursor: pointer;
}

.list_btn_swiper > li.active{
	color: #FFFFFF;
	background: #4e877b;
	border: 1px solid #4e877b;
}

ul.list_btn_types_wind{
	justify-content: center;
}

ul.list_btn_types_wind > li{
	padding: 10px 0;
	width: 336px;
	text-transform: uppercase;
}

.wrap_tipeWooden > h3{
	font-weight: 500;
	font-size: 28px;
	line-height: 28px;
	letter-spacing: 0.01em;
	color: #000000;
}

.wrap_tipeWooden{
	margin-top: 44px;
}

.item_typeWodden{
	display: flex;
	align-items: flex-start;
	background: white;
}

.swiperTypeWoode{
	margin-top: 62px;
}

.img_typeWodden{
	max-width: 568px;
	width: 100%;
	margin-right: 72px;
}

.img_typeWodden img{
	width: 100%;
	border-radius: 8px;
}

.info_typeWooden > h3{
	font-weight: 700;
	font-size: 28px;
	line-height: 28px;
	letter-spacing: 0.01em;
	color: #000000;
}

.info_typeWooden > h4{
	font-weight: 400;
	font-size: 20px;
	line-height: 28px;
	letter-spacing: 0.01em;
	color: #000000;
	margin-top: 23px;
	max-width: 720px;
}

.list_info_typeWodden > li{
	padding-left: 80px;
	position: relative;
	min-height: 56px;
	display: flex;
	align-items: center;
	font-weight: 400;
	font-size: 20px;
	line-height: 28px;
	letter-spacing: 0.01em;
	color: #000000;
	margin-top: 16px;
}

.list_info_typeWodden > li span{
	position: absolute;
	left: 0;
	background: #4e877b;
	border-radius: 50%;
	width: 56px;
	height: 56px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 700;
	font-size: 25.2px;
	line-height: 20px;
	letter-spacing: 0.01em;
	color: #FFFFFF;
}

.list_btn_typeWodden .button_yel{
	margin-left: 50px;
}

.tipeWooden > .button_yel{
	display: none;
}

.wrap_info_typeWooden {
	margin-top: 0px;
}

.wrap_info_typeWooden .wrap_informationText:first-child{
	margin-top: 0;
}

.wrap_info_typeWooden .wrap_informationText{
	margin-top: 64px;
}

.wrap_info_typeWooden .wrap_text_informationText{
	max-width: 100%;
}

.wrap_info_typeWooden .wrap_informationText:nth-child(even){
	flex-direction: row-reverse;
}

.wrap_info_typeWooden .wrap_informationText{
	justify-content: space-between;
}

.wrap_info_typeWooden .wrap_informationText:nth-child(even) .wrap_img_informationText{
	margin-right: 0;
	margin-left: 46px;
}

.wrap_info_typeWooden .wrap_text_informationText h3{
	font-size: 38px;
}

.container_formModal,
.container_thank{
	width: 100%;
	height: 100vh;
	position: fixed;
	top: 0;
	left: 0;
	background: #4e877b86;
	z-index: 15;
	display: none;
}

.container_closeModal{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	cursor: pointer;
}

.wrap_formModal{
	padding: 100px 0;
}

.itemFormModal{
	max-width: 640px;
	width: 100%;
	margin: auto;
	position: relative;
}

.itemFormModal form,
.itemThank{
	display: flex;
	flex-direction: column;
	padding: 37px 114px 56px;
	box-sizing: border-box;
	background: #FFFFFF;
	border: 2px solid #4e877b;
	border-radius: 8px;
}

.itemThank{
	padding: 30px;
}

.itemFormModal h2{
	font-weight: 700;
	font-size: 32px;
	line-height: 48px;
	text-align: center;
	letter-spacing: 0.01em;
	text-transform: uppercase;
	color: #4e877b;
}

.itemFormModal h3{
	font-weight: 400;
	font-size: 20px;
	line-height: 28px;
	text-align: center;
	letter-spacing: 0.01em;
	color: #000000;
	margin-top: 13px;
	margin-bottom: 32px;
}

.itemFormModal .formModal input[type = text]{
	background: #FFFFFF;
	border: 1px solid #4e877b;
	border-radius: 50px;
	font-weight: 400;
	font-size: 20px;
	line-height: 24px;
	color: rgba(0, 0, 0, 0.6);
	padding: 16px 0 16px 23px;
	box-sizing: border-box;
	margin-bottom: 16px;
}

.itemFormModal .formModal .button_yel{
	max-width: 100%;
}

.closeModalForm{
	position: absolute;
	top: 24px;
	right: 24px;
	cursor: pointer;
}

.list_relatedProduct_hidden{
	height: 1143px;
	overflow: hidden;
}

.buttons_show{
	display: block;
	margin: auto;
	margin-top: 50px;
	border: 1px solid #4e877b;
	border-radius: 4px;
	background: none;
	color: #4e877b;
	font-size: 20px;
	line-height: 28px;
	padding: 10px 0;
	margin-top: 24px;
}

.text_doorsPVX{
	max-width: 60%;
}

.container_notification{
	display: none;
	position: fixed;
	z-index: 20;
	right: 20px;
}

.container_notification_people{
	bottom: 10px;
}

.container_notification_call{
	bottom: 70px;
}

.notification{
	position: relative;
	padding: 15px 20px 15px 10px;
	background: linear-gradient(90deg, #75c196 0%, #50897c 100%);;
	border: 1px solid #334843;
	animation: notification_people 2s infinite;
	border-radius: 10px;
}

.close_notification{
	position: absolute;
	right: 5px;
	top: 5px;
	max-width: 10px;
	width: 100%;
	cursor: pointer;
}

.close_notification img{
	display: block;
	width: 100%;
}

.text_notification{
	color: white;
	font-size: 12px;
}

@keyframes notification_people {
	0%{
		transform: scale(1);
	}
	50%{
		transform: scale(1.05);
	}
	100%{
		transform: scale(1);
	}
}



.modal-sotka,
.modal-night {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgb(78 135 123 / 62%);
	z-index: 1001;
	overflow-x: hidden;
	overflow-y: auto;
	display: none;
}

.modal-sotka-container,
.modal-night-container {
	max-width: 500px;
	margin: 1.75rem auto;
	min-height: calc(100% - 3.5rem);
	display: flex;
	align-items: center;
}

.modal-sotka-row,
.modal-night-row {
	position: relative;
	display: flex;
	flex-direction: column;
	width: 100%;
	pointer-events: auto;
	background-color: #fff;
	background-clip: padding-box;
	border: 2px solid rgba(78, 135, 123, .5);
	border-radius: 0.3rem;
	outline: 0;
}

.btn-close {
	position: absolute;
	top: 1rem;
	right: 1rem;
	background: none;
	cursor: pointer;
	opacity: .75;
}

.btn-close:hover {
	opacity: 1;
}

.modal-sotka-col {
	padding: 50px 9px 32px 9px;
	text-align: center;
}

.modal-sotka-col__name {
	font-size: 36px;
	font-weight: bold;
	margin-bottom: 1rem;
}

.modal-sotka-col__desc {
	font-size: 20px;
}

.modal-sotka-col__desc span {
	background: rgb(78,135,123);
    display: inline-block;
    color: #fff;
    border-radius: 35px;
    padding: 4px 10px;
    line-height: 1.25;
}

.modal-sotka-col__cod {
	font-size: 32px;
	color: rgb(78,135,123);
	margin: 1rem 0 .75rem;
}

.modal-night .modal-sotka-col__cod {
	font-size: 25px;
	margin: 1.25rem 0 1.5rem;
	font-weight: 600;
}

.modal-sotka-col__cod span {
	color: #000;
	display: block;
}

.modal-sotka-col form {
	max-width: 335px;
	margin: 1.5rem auto 0 auto;
}

.modal-sotka-col form input {
	width: 100%;
	height: 50px;
	border-radius: 10px;
	border: 2px solid rgb(78,135,123);
    padding: 0 14px;
    margin-bottom: 16px;
    color: #000;
    font-size: 18px;
    box-sizing: border-box;
}

.modal-sotka-col form button {
	width: 100%;
	height: 50px;
	background: rgb(78,135,123);
	color: #fff;
	font-size: 18px;
	cursor: pointer;
	border-radius: 5px;
	transition: background ease .3s;
}

.modal-sotka-col form button:hover {
	background: #4e7f71;
}