*{
	margin: 0;
	padding: 0;
	box-sizing: border-box !important;
	-webkit-tap-highlight-color: transparent;
	font-family: 'Oswald', sans-serif;
	font-weight: 300;
	font-size: 20px;
	line-height: 30px;
	color: #fff;
}
html,
body{
	overflow-x: hidden;
}
body{
	background: #00272D;
}
#content{
	max-width: 1440px;
	margin: 0 auto;
}
.container{
	max-width: 1230px;
	margin: 0 auto;
}
ul,
li,
img,
a,
button,
input,
textarea{
	display: block;
}
a{
	text-decoration: none;
}
button,
input,
textarea,
select,
.slick-slide{
	outline: none;
	border: none;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active{
	-webkit-box-shadow: 0 0 0 30px white inset !important;
	-webkit-text-fill-color: #000 !important;
}
textarea{
	resize: none;
}
h1{
	font-weight: 600;
	font-size: 50px;
	line-height: 74px;
	text-transform: uppercase;
}
h2{
	font-weight: 500;
	font-size: 30px;
	line-height: 44px;
	text-transform: uppercase;
	text-align: center;
}
h3{
	font-weight: 500;
	font-size: 25px;
	line-height: 37px;
}
.btn_yellow{
	cursor: pointer;
	width: 164px;
	height: 49px;
	background: #FCE532;
	border: 1px solid transparent;
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: 600;
	font-size: 18px;
	line-height: 27px;
	color: #000;
	transition: all 0.2s linear;
}
.btn_yellow:hover{
	background: transparent;
	border: 1px solid #FCE532;
	color: #FCE532;
}
.btn_transparent{
	cursor: pointer;
	width: 164px;
	height: 49px;
	border: 1px solid #FCE532;
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: 600;
	font-size: 18px;
	line-height: 27px;
	color: #FCE532;
}
.btn_popup{
	cursor: pointer;
	width: 164px;
	height: 49px;
	background: #FCE532;
	border: 1px solid transparent;
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: 600;
	font-size: 18px;
	line-height: 27px;
	color: #000;
	transition: all 0.2s linear;
	margin: 40px auto 0;
}
.btn_popup:hover{
	background: transparent;
	border: 1px solid #000;
}

/*header*/
.header{
	padding: 16px 0 12px;
	background: #000;
}
.head{
	display: flex;
	align-items: center;
}
.head > a:first-child{
	margin-left: auto;
}
.head > a{
	display: flex;
	align-items: center;
	margin-right: 70px;
}
.head > a p{
	font-size: 17px;
	line-height: 25px;
	margin-left: 6px;
}
.head > a p:first-child{
	margin-left: 0;
}
.head > a:nth-child(3) img{
	margin-top: 3px;
}
.head_social{
	display: flex;
}
.head_social a{
	margin-left: 6px;
}
.head_social a:first-child{
	margin-left: 6px;
}

/*offer*/
.offer{
	position: relative;
	background: url(../img/offer_bg.png) no-repeat center top;
  	
	padding: 34px 0 240px;
}
/*offer menu cross*/
.offer_menu_cross{
	cursor: pointer;
	width: 18px;
    height: 18px;
    position: absolute;
    top: -28px;
    right: 7px;
    display: none;
}
.offer_menu_cross:before,
.offer_menu_cross:after{
    content: '';
    position: absolute;
    top: 7px;
    left: -2px;
    width: 22px;
    height: 3px;
    background: #fff;
    border-radius: 2px;
}
.offer_menu_cross:before{
    transform: rotate(45deg);
}
.offer_menu_cross:after{
    transform: rotate(-45deg);
}
/*offer head*/
.offer_head{
	display: flex;
	align-items: center;
	margin-left: -20px;
}
.offer_head_menu{
	display: flex;
	margin-left: 120px;
}
.offer_head_menu li{
	margin-left: 20px;
}
.offer_head_menu li:first-child{
	margin-left: 0;
}
.offer_head_menu a{
	font-size: 17px;
	line-height: 25px;
	text-transform: uppercase;
	transition: all 0.2s linear;
}
.offer_head_menu a:hover{
	color: #FCE532;
}
/*burger*/
.burger{
	cursor: pointer;
	width: 33px;
	height: 24px;
	margin-left: auto;
	display: none;
}
.burger div{
	width: 33px;
	height: 4px;
	background: #fff;
	border-radius: 2px;
	margin-top: 6px;
}
.burger div:first-child{
	margin-top: 0;
}
/*offer block*/
.offer_block{
	display: flex;
	margin-top: 120px;
}
.offer_title{
	max-width: 580px;
}
.offer_title p{
	max-width: 490px;
	margin: 10px 0 15px;
}
.offer_slider_block{
	position: relative;
	width: 650px;
}
.offer_slide{
	height: 450px;
	display: flex !important;
	justify-content: center;
	align-items: center;
  	margin-bottom: 40px;
}
.offer_arrow div{
	cursor: pointer;
	position: absolute;
	top: 43%;
}
.offer_next{
	right: 0;
}
/*offer items*/
.offer_items{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	position: absolute;
	z-index: 2;
	left: 0;
	right: 0;
	margin-top: -40px;
}
.offer_item{
	width: 338px;
	height: 207px;
	background: #FAFAFA;
	padding: 30px 25px 0;
	margin: 40px 20px 0;
}
.offer_item h3,
.offer_item p{
	color: #272727;
	text-align: center;
}
.offer_item p{
	font-size: 18px;
	line-height: 27px;
	margin-top: 18px;
}

/*constructions*/
.constructions{
	position: relative;
	background: #00272D;
	padding: 260px 0 145px;
	margin-top: -160px;
}
.constructions:before{
	content: '';
	display: block;
	width: 131px;
	height: 169px;
	background: url(../img/constructions_bg_left.png) no-repeat;
	position: absolute;
	left: 0;
	bottom: -86px;
}
.constructions:after{
	content: '';
	display: block;
	width: 243px;
	height: 305px;
	background: url(../img/constructions_bg_right.png) no-repeat;
	position: absolute;
	right: 0;
	bottom: -162px;
}
/*constructions title*/
.constructions_title p{
	max-width: 620px;
	text-align: center;
	margin: 18px auto 0;
}
/*constructions slider*/
.constructions_slider_block{
	position: relative;
}
.constructions_slider{
	width: 1010px;
	margin: 35px auto 0;
}
.construction_slide{
	position: relative;
	margin: 43px 0;
}
.construction_slide div:before{
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	background: rgba(2, 2, 2, 0.56);
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.constructions_slider .slick-center .construction_slide div:before{
	background: rgba(2, 2, 2, 0);
}
.constructions_slider .slick-slide{
	transition: all 0.2s linear;
}
.constructions_slider .slick-slide.slick-center{
	transform: scale(1.3, 1.3);
	position: relative;
	z-index: 9;
}
.constructions_slider .slick-center .construction_slide{
	margin-left: -50px;
}
.constructions_arrow div{
	cursor: pointer;
	position: absolute;
	top: 43%;
}
.constructions_next{
	right: 0;
}
/*constructions deskription*/
.constructions_deskription{
	max-width: 1160px;
	display: flex;
	justify-content: space-between;
	margin: 60px auto 0;
}
.constructions_deskription > div{
	max-width: 505px;
}
.constructions_deskription_list{
	display: flex;
	margin-left: 15px;
}
.constructions_deskription_list ul{
	margin-left: 50px;
}
.constructions_deskription_list ul:first-child{
	margin-left: 0;
}
.constructions_deskription_list li{
	position: relative;
}
.constructions_deskription_list li:before{
	content: '';
	display: block;
	width: 7px;
	height: 7px;
	background: #fff;
	border-radius: 50%;
	position: absolute;
	top: 14px;
	left: -15px;
}
/*constructions cooperation*/
.constructions_cooperation{
	max-width: 1100px;
	margin: 55px auto 0;
}
.constructions_cooperation_block{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.constructions_cooperation_item{
	width: 225px;
	margin-top: 35px;
}
.constructions_cooperation_item img{
	margin: 0 auto;
}
.constructions_cooperation_item p{
	text-align: center;
	margin-top: 7px;
}

/*improvement*/
.improvement{
	background: #002126;
	padding: 40px 0 100px;
}
.improvement_block{
	max-width: 1160px;
	display: flex;
	margin-top: 90px;
	margin-left: 30px;
}
/*improvement description*/
.improvement_description{
	width: 290px;
}
.btn_improvement{
	margin-top: 30px;
}
/*improvement slider*/
.improvement_slider_block{
	position: relative;
}
.improvement_slider{
	max-width: 870px;
}
.improvement_slider .slick-slide{
	transition: all 0.2s linear;
	opacity: 0;
}
.improvement_slider .slick-slide.slick-active{
	opacity: 1;
}
.improvement_slider .slick-list{
	padding-left: 30px;
}
.improvement_slide{
	cursor: pointer;
	position: relative;
	width: 240px !important;
	transform: skewX(-15deg);
	overflow: hidden;
}
.improvement_slide_photo{
	position: relative;
	transform: skewX(15deg);
}
.improvement_slide_photo:before{
	content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(2, 2, 2, 0.56);
    transform: skewX(-15deg);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
.improvement_slide_photo img{
	width: 300px;
	height: 220px;
	margin-left: -30px;
}
.improvement_slide_title{
	transform: skewX(15deg);
	position: absolute;
	right: 45px;
}
.improvement_slide_title_top{
	top: 7px;
}
.improvement_slide_title_bottom{
	bottom: 10px;
}
.improvement_slide_title h2{
	text-align: right;
}
.improvement_arrow div{
	cursor: pointer;
	position: absolute;
	bottom: 37px;
}
.improvement_prev{
	left: 820px;
}
.improvement_next{
	right: -30px;
}
/*improvement popup sliders*/
.improvement_popup_sliders_bg{
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.56);
	position: fixed;
	z-index: 3;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: none;
}
.improvement_popup_slider{
	width: 637px;
	height: 466px;
	position: fixed;
	z-index: 4;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}
.improvement_popup_slider h2{
	text-align: left;
	text-transform: none;
	margin-left: 9px;
}
.improvement_popup_slide img{
	width: 637px;
	height: 422px;
	padding: 0 10px;
}
.improvement_popup_arrow div{
	cursor: pointer;
	position: absolute;
	top: 48%;
}
.improvement_popup_prev{
	left: -50px;
}
.improvement_popup_next{
	right: -50px;
}
.improvement_popup_for_home,
.improvement_popup_benches,
.improvement_popup_brazier,
.improvement_popup_lawn_fence,
.improvement_popup_fences,
.improvement_popup_mobile_fence,
.improvement_popup_awnings,
.improvement_popup_urns{
	display: none;
}

/*services*/
.services{
	position: relative;
	background: #0b1b21;
	padding: 90px 0 100px;
}
.services:after{
	content: '';
	display: block;
	width: 884px;
	height: 1027px;
	background: url(../img/services_bg.png) no-repeat;
	position: absolute;
	top: 120px;
	left: 0;
}
.services_block{
	position: relative;
	z-index: 2;
	max-width: 1000px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: 0 auto;
}
.service_item{
	width: 390px;
	margin-top: 70px;
}
.service_item h3{
	text-align: center;
}
.service_item img{
	margin: 20px auto 15px;
}
.service_item p{
	text-align: center;
}
.services_hidden_block{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.services_open_block{
	display: none;
}
.btn_services{
	position: relative;
	z-index: 2;
	margin: 70px auto 0;
}

/*project*/
.project{
	position: relative;
	background: #002126;
	padding: 90px 0 140px;
}
.project:after{
	content: '';
	display: block;
	width: 680px;
	height: 432px;
	background: #08363D;
	position: absolute;
	top: 192px;
	left: 240px;
}
.project_block{
	position: relative;
	z-index: 2;
	max-width: 1130px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 75px auto 0;
}
.project_text{
	width: 380px;
}
.project_text p{
	margin-top: 20px;
}
.project_text p:first-child{
	margin-top: 0;
}
.project_video video{
	width: 680px;
	height: 380px;
}

/*about*/
.about{
	position: relative;
	background: #0b1b21;
	padding: 90px 0;
}
.about:before{
	content: '';
	display: block;
	width: 264px;
	height: 210px;
	background: url(../img/about_left.png) no-repeat;
	position: absolute;
	left: 0;
	bottom: 0;
}
.about:after{
	content: '';
	display: block;
	width: 478px;
	height: 260px;
	background: url(../img/about_right.png) no-repeat;
	position: absolute;
	right: 0;
	bottom: 0;
}
.about_block{
	position: relative;
	z-index: 2;
	max-width: 1190px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 30px auto 0;
}
.about_items{
	width: 420px;
}
.about_items > div{
	margin-top: 40px;
}
.about_items > div:first-child{
	margin-top: 0;
}
.about_item{
	display: flex;
}
.about_item h3{
	font-weight: 400;
}
.about_item img{
	margin-top: 8px;
}
.about_item div:last-child{
	margin-left: 23px;
}
.about_item p{
	margin-top: 7px;
}
.about_text{
	width: 550px;
}
.about_text p:last-child{
	margin-top: 20px;
}

/*contacts*/
.contacts{
	background: #002126;
	padding: 90px 0 100px;
}
.contacts_block{
	max-width: 830px;
	display: flex;
	justify-content: space-between;
	margin: 40px auto 0;
}
/*contacts data*/
.contacts_data{
	width: 365px;
}
.contacts_data_tel{
	display: flex;
	margin-top: 20px;
}
.contacts_data_tel > div:last-child{
	margin-left: 40px;
}
.contacts_data_tel a{
	display: flex;
	align-items: center;
	margin-top: 3px;
}
.contacts_data_tel a p{
	margin-left: 12px;
}
.contacts_mail a{
	display: flex;
	align-items: center;
	margin-top: 16px;
}
.contacts_mail a img{
	margin-top: 5px;
}
.contacts_mail a p{
	margin-left: 9px;
}
.contacts_location{
	display: flex;
	align-items: center;
	margin-top: 16px;
}
.contacts_location p{
	margin-left: 12px;
}
.contacts_social{
	display: flex;
	margin-top: 22px;
}
.contacts_social a{
	margin-right: 7px;
}
/*contacts form*/
.contacts_form{
	width: 287px;
}
.contacts_form input{
	width: 100%;
	background: transparent;
	border-bottom: 1px solid #FCE532;
	padding: 8px;
	margin-top: 14px;
}
.contacts_form input:nth-child(2){
	margin-top: 20px;
}
.btn_contacts_form{
	background: transparent;
	margin-top: 40px;
}
.contacts_form label.error{
	position: absolute;
	z-index: -9;
	visibility: hidden;
}
.contacts_form input.error{
	border-bottom: 1px solid #ff0000;
	color: #ff0000;
}
.contacts_form input.error::placeholder{
	color: #ff0000;
}

/*footer*/
.footer{
	position: relative;
	background: #0b1b21;
	overflow: hidden;
	padding: 35px 0 40px;
}
.footer:before{
	content: '';
	display: block;
	width: 372px;
	height: 200px;
	background: url(../img/footer_left.png) no-repeat;
	position: absolute;
	left: 0;
	bottom: 0;
}
.footer:after{
	content: '';
	display: block;
	width: 300px;
	height: 164px;
	background: url(../img/footer_right.png) no-repeat;
	position: absolute;
	top: 0;
	right: 0;
}
.foot{
	position: relative;
	z-index: 2;
	max-width: 1100px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0 auto;
}

/*call whatsapp*/
.container_btn_whatsapp{
	position: relative;
}
.container_btn{
	position: absolute;
	z-index: 3;
	right: 35px;
}
.btn_whatsapp{
	cursor: pointer;
	width: 38px;
	height: 38px;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	position: fixed;
	bottom: 60px;
	animation: pulse 3s linear infinite;
}
@keyframes pulse{
	0%{
		opacity: 0.5;
		transform: scale(1);
	}
	50%{
		opacity: 1;
		transform: scale(1.1);
	}
	100%{
		opacity: 0.5;
		transform: scale(1);
	}
}

/*popup form*/
.popup_form_bg{
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.66);
	position: fixed;
	z-index: 5;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: none;
}
.popup_form{
	width: 448px;
	height: 489px;
	background: #fff;
	padding: 60px 80px 0;
	position: fixed;
	z-index: 6;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	display: none;
}
.popup_form_cross{
	cursor: pointer;
	width: 18px;
    height: 18px;
    position: absolute;
    top: 22px;
    right: 25px; 
}
.popup_form_cross:before,
.popup_form_cross:after{
    content: '';
    position: absolute;
    top: 7px;
    left: -2px;
    width: 22px;
    height: 3px;
    background: #9C9A9A;
    border-radius: 2px;
}
.popup_form_cross:before{
    transform: rotate(45deg);
}
.popup_form_cross:after{
    transform: rotate(-45deg);
}
.popup_form h2{
	color: #000;
	text-align: center;
}
.popup_form p{
	color: #000;
	text-align: center;
	margin-top: 6px;
}
.popup_form input{
	width: 100%;
	background: transparent;
	border-bottom: 1px solid #000;
	padding: 8px;
	color: #000;
	margin-top: 14px;
}
.popup_form label.error{
	position: absolute;
	z-index: -9;
	visibility: hidden;
}
.popup_form input.error{
	border-bottom: 1px solid #ff0000;
	color: #ff0000;
}
.popup_form input.error::placeholder{
	color: #ff0000;
}

/*loader*/
#loader img{
	position: fixed;
	z-index: 11;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	display: none;
}
#overlay{
	background: rgba(0, 0, 0, 0.66);
	position: fixed;
	z-index: 15;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: none;
}
#thanks{
	width: 448px;
	height: 200px;
	background: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	position: fixed;
	z-index: 22;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}
#thanks h3{
	color: #000;
	text-align: center;
}