html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}ul{list-style: none;}input:focus,select:focus,textarea:focus{outline: none;}
body{
font-family: 'Unbounded', sans-serif;
background: #fff;
font-size: 14px;
line-height: normal;
color: #000;
min-width: 320px;
overflow-x: hidden;
position: relative;
}
html{overflow-x: hidden;}
.container{max-width: 1200px; width: 100%; padding: 0 40px; margin: 0 auto; box-sizing: border-box;}
header{position: absolute; top: 0; left: 0; width: 100%; z-index: 300; padding: 15px 0; font-family: 'Arial', sans-serif;}
header .flex{align-items: flex-start;}
header .pull{display: none;}
header li{display: inline-block; margin-left: 40px;}
header li:first-child{margin-left: 0;}
header li a{color: #fff; border-bottom: 1px solid transparent; font-size: 14px; opacity: 0.7;}
header li a:hover{opacity: 1; border-bottom: 1px solid #fff;}
header .callback a{color: #fff; font-weight: 700; border-bottom: 1px solid #fff;}
header .callback a:hover{border-color: #EDC126; color: #EDC126}
header .callback p{margin-bottom: 10px;}
header .callback p a{font-weight: normal; border-bottom: none; display: block; padding-left: 22px; background: url("../img/phone.svg") 0 50% no-repeat; background-size: 14px;}
header .pull{display: none;}
#promo{padding: 160px 0 325px; position: relative; background: url("../img/bg_promo.jpg") 50% 50% no-repeat; background-size: cover; color: #fff;}
#promo .text{max-width: 670px}
#promo .text p{padding: 20px 0 60px; font-size: 20px; font-family: 'Arial', sans-serif; line-height: 23px; max-width: 470px}
#promo .text h1{font-weight: 600; font-size: 26px; line-height: 50px; text-transform: uppercase; line-height: 1.3}
#promo .text h1 strong{font-weight: 600; display: inline-block; border-bottom: 3px solid #EDC126}
#promo .advantages{position: absolute; box-sizing: border-box; text-align: center; padding: 38px 120px; color: #000; bottom: -67px; left: calc(50% + 50px); width: 50%; background: #EDC126}
#promo .advantages .data{max-width: 470px;}
#promo .advantages span{font-weight: 600; font-size: 34px;}
#promo .advantages p{font-family: 'Arial', sans-serif;}
#buy{padding: 165px 0 50px;}
#buy .item{width: 32%; margin-bottom: 24px; position: relative; overflow: hidden;}
#buy .item img{width: 100%; height: auto; transition: all 0.15s;}
#buy .item:hover img{transform: scale(1.03);}
#buy .item .data{position: absolute; background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%); top: 0; left: 0; width: 100%; height: 100%; box-sizing: border-box; padding: 20px;}
#buy .item .data .title{color: #fff; font-size: 18px; font-weight: 700; font-family: 'Arial', sans-serif;}
#buy .item .data .btn{position: absolute; bottom: 0; right: 0;}
#services{padding: 60px 0; background: #F6F6F6}
#services .bt strong{color: #F6F6F6}
#services .item{width: 32%; margin-bottom: 24px; position: relative; overflow: hidden;}
#services .item:nth-child(1){width: 66%;}
#services .item img{width: 100%; height: auto; transition: all 0.15s;}
#services .item:hover img{transform: scale(1.03);}
#services .item .data{position: absolute; background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%); top: 0; left: 0; width: 100%; height: 100%; box-sizing: border-box; padding: 20px;}
#services .item .data .title{color: #fff; font-size: 18px; font-weight: 700; font-family: 'Arial', sans-serif;}
#services .item .data .btn{position: absolute; bottom: 0; right: 0;}
#services .item .inn{position: absolute; bottom: 5px; left: 20px; color: #fff; width: 100%; max-width: 440px}
#services .item .inn .im{width: 50%; margin-bottom: 15px; display: flex; align-items: center; justify-content: flex-start; font-family: 'Arial', sans-serif;}
#about{padding: 120px 0;}
#about .flex{align-items: flex-start;}
#about .text{max-width: 560px; font-size: 20px; font-family: 'Arial', sans-serif; margin-bottom: 50px}
#about .text p{margin-bottom: 25px;}
#about .image{margin-bottom: 55px;}
#about .image img{object-fit: cover; width: 100%; height: 340px}
#about .data.flex{justify-content: center;}
#about .item{background: url("../img/round.svg") 0 50% no-repeat; height: 130px; padding-left: 45px; font-size: 18px; font-family: 'Arial', sans-serif; display: flex; align-items: center; box-sizing: border-box; max-width: 275px;}
#about .item:nth-child(2){margin: 0 100px;}
#action{position: relative;}
#action .data{margin: 0 auto; box-sizing: border-box; display: flex; align-items: center; justify-content: space-between; padding: 40px 100px 40px 80px; width: 100%; max-width: 996px; background: #EDC126}
#action .data .bt{margin-bottom: 0; font-size: 34px;}
#action .data .bt strong{border-bottom: none; display: block; color: #EDC126;}
#action .data a:hover{transform: rotate(-90deg);}
#action .data a{position: relative; width: 76px; height: 76px; border-radius: 50%; display: flex; align-items: center; justify-content: center;}
#action .data a::after, #action .data a::before{content: ''; position: absolute; border: 2px solid #000; left: -20px; opacity: 0; right: -20px; top: -20px; bottom: -20px; border-radius: 50%; animation: pulse 2.5s linear infinite;}
#action .data a::after {animation-delay: 1.25s;}
@keyframes pulse {0% {transform: scale(0.5);opacity: 0;}50% {opacity: 1;}100% {transform: scale(1.2);opacity: 0;}}
#projects{padding: 215px 0; background: #F6F6F6; margin-top: -82px}
#projects .bt strong{color: #F6F6F6}
#projects .list__projects{position: relative; padding-bottom: 110px}
#projects .data{padding: 35px 0 0; font-family: 'Arial', sans-serif;}
#projects .image{position: relative; margin-bottom: 15px}
#projects .image:after{position: absolute; bottom: -15px; right: 0; background: #EDC126; width: 190px; height: 200px; content: ''; z-index: 2}
#projects img{position: relative; z-index: 20; width: calc(100% - 15px)}
#projects .data .title{font-weight: 700; font-size: 18px}
#projects .data .content{padding: 12px 0 24px;}
#projects .data .inn{justify-content: flex-start; align-items: center;}
#projects .data span{display: inline-block; background: #EDC126; width: 102px; line-height: 20px; margin-right: 25px; text-align: center;}
#consultation{position: relative; padding: 80px 0; background: #EDC126;}
#consultation:after{position: absolute; top: calc(50% - 270px); left: 0; width: 100%; height: 540px; content: ''; background: url("../img/consultation.png") 0 50% no-repeat;}
#consultation .bt{margin-bottom: 24px; font-size: 34px;}
#consultation .bt strong{color: #EDC126}
#consultation .flex{justify-content: end;}
#consultation .form{max-width: 384px; position: relative; z-index: 2}
#arenda{padding: 120px 0;}
#arenda .list__arenda{position: relative; padding-bottom: 110px}
#arenda .data{padding: 35px 0 0; font-family: 'Arial', sans-serif;}
#arenda .image{position: relative;}
#arenda .image:after{position: absolute; bottom: -15px; right: 0; background: #EDC126; width: 190px; height: 200px; content: ''; z-index: 2}
#arenda img{position: relative; z-index: 20; width: calc(100% - 15px)}
#arenda .data .title{font-weight: 700; font-size: 18px}
#arenda .data .content{padding: 12px 0 24px;}
#contacts{padding: 100px 0 120px; background: #F6F6F6; position: relative;}
#contacts .bt strong{color: #F6F6F6}
#contacts .image{position: absolute; bottom: 130px; left: calc(50% + 100px)}
#contacts .image:after{position: absolute; width: 330px; height: 220px; bottom: -15px; left: -15px; content: ''; background: #EDC126}
#contacts .image img{position: relative; z-index: 3}
#contacts .text{max-width: 600px; font-family: 'Arial', sans-serif;}
#contacts .title{font-weight: 700; font-size: 24px; margin-bottom: 25px;}
#contacts .text .item{width: 50%;}
#contacts .text .item:last-child p{margin-bottom: 20px;}
#contacts .text p{font-size: 18px; margin-bottom: 10px;}
#contacts .text p.email{margin-top: 30px;}
#contacts .text p a{color: #000; border-bottom: 1px solid transparent;}
#contacts .text p a:hover{border-color: #000}
#contacts .socials{padding: 160px 0 0; justify-content: flex-start; align-items: center;}
#contacts .socials a{margin-right: 40px;}
footer{padding: 55px 0; color: #fff; background: #000; font-family: 'Arial', sans-serif; font-size: 20px; position: relative;}
#totop{cursor: pointer; position: absolute; bottom: 100px; right: 20px;}
#totop a{border-bottom: none;}
#totop a:hover svg{transform: rotate(-10deg);}
footer a{color: #fff; border-bottom: 1px solid transparent;}
footer a:hover{border-color: #fff;}
footer .privacy{width: 100%; padding: 70px 0 0;}
footer li{margin-bottom: 10px;}
footer .flex{justify-content: flex-start;}
footer .col{max-width: 400px; width: 100%;}
footer .title{font-size: 24px; font-weight: 700; margin-bottom: 30px;}
footer img{margin-bottom: 30px;}
footer .develop{padding: 20px 0 0;}
footer .develop a{align-items: center; display: flex; justify-content: center; font-size: 16px}
footer .develop a img{margin: 0}
.bt{margin-bottom: 60px; text-transform: uppercase; color: #000; font-weight: 600; font-size: 40px;}
.bt strong{font-weight: 600; border-bottom: 2px solid #EDC126; color: #fff; text-shadow: 1px 0 1px #000, 0 1px 1px #000, -1px 0 1px #000, 0 -1px 1px #000;}
/*text-stroke: 1px #000; -webkit-text-stroke: 1px #000;*/
#projects .swiper-button-next, #projects .swiper-button-prev{width: 46px; height: 46px; background: transparent; box-sizing: border-box; top: calc(100% - 26px); margin-top: 0; transition: all 0.25s ease-out; display: flex; align-items: center; justify-content: center; border: 2px solid #000;}
#projects .swiper-button-next:hover, #projects .swiper-button-prev:hover{background: #000}
#projects .swiper-button-next:hover svg path, #projects .swiper-button-prev:hover svg path{stroke: #fff;}
#projects .swiper-button-next{right: calc(100% - 160px)}
#arenda .swiper-button-next, #arenda .swiper-button-prev{width: 46px; height: 46px; background: transparent; box-sizing: border-box; top: calc(100% - 26px); margin-top: 0; transition: all 0.25s ease-out; display: flex; align-items: center; justify-content: center; border: 2px solid #000;}
#arenda .swiper-button-next:hover, #arenda .swiper-button-prev:hover{background: #000}
#arenda .swiper-button-next:hover svg path, #arenda .swiper-button-prev:hover svg path{stroke: #fff;}
#arenda .swiper-button-next{right: calc(100% - 160px)}
.swiper-button-prev svg,.swiper-button-next svg{width: 14px!important;}
.swiper-button-prev{left: 8px;}
.swiper-button-next{right: 8px;}
.swiper-button-next:after, .swiper-button-prev:after{display: none;}
.swiper-scrollbar.swiper-scrollbar-horizontal{opacity: 1!important; max-width: 400px; left: calc(50% - 200px)!important}
.swiper-scrollbar-drag{background: #EDC126!important}
.form input[type="text"],.form input[type="email"],.form input[type="tel"],.form input[type="number"],.form textarea{width: 100%; height: 50px; margin-bottom: 12px; background: transparent; padding: 0 24px; border: 1px solid #000; font-size: 18px}
.form textarea{resize: none; height: 150px; padding: 15px 20px;}
label.checkbox{display: block; cursor: pointer; position: relative; padding: 0 0 0 25px; margin: 7px 0 24px; cursor: pointer; font-size: 14px; font-family: 'Arial', sans-serif;}
label.checkbox:after{position: absolute; top: calc(50% - 7px); left: 0; width: 14px; height: 14px; box-sizing: border-box; border: 1px solid #B2B2B2; content: ''; border-radius: 2px; background: #3A74E4;}
label.checkbox i{font-style: normal;}
label.checkbox i:after{position: absolute; top: calc(50% - 7px); left: 0px; width: 14px; height: 14px; content: ''; background: url("../img/check.svg") 50% 50% no-repeat; box-sizing: border-box; display: none; border-radius: 5px; z-index: 2;}
label.checkbox input:checked + i:after{display: block;}
.box__modal{display: none; font-family: 'Unbounded', sans-serif; background: #EDC126 url("../img/consultation.png") calc(50% - 360px) 100% no-repeat!important; max-width: calc(100% - 30px)!important; box-sizing: border-box!important; width: 1300px!important; padding: 200px 150px 130px 40px!important; border-radius: 0;}
.box__modal .logo{position: absolute; top: 40px; left: 40px;}
.box__modal .form{max-width: 384px;}
.box__modal .flex{justify-content: end;}
.box__modal .bt{margin-bottom: 24px; font-size: 34px;}
.box__modal .bt strong{color: #EDC126}
.fancybox__content>.f-button.is-close-btn{top: 40px!important; right: 40px!important; background: url("../img/close.svg") 50% 50% no-repeat!important;}
.fancybox__content>.f-button.is-close-btn svg{display: none!important;}
#privacy{padding: 40px!important; background: #EDC126!important}
.content{line-height: 1.3;}
.content p{margin-bottom: 15px;}
.select{width: 100%; font-size: 18px; font-family: 'Arial', sans-serif; height: 50px; cursor: pointer; box-sizing: border-box; border: 1px solid #000; padding: 0 40px 0 24px; position: relative; display: flex; align-items: center; justify-content: flex-start; margin-bottom: 12px}
.select:after{width: 20px; height: 10px; position: absolute; top: calc(50% - 5px); right: 25px; content: ''; background: url("../img/arr.svg") 50% 50% no-repeat; transform: rotate(180deg);}
.select.open:after{transform: rotate(0deg);}
.select .current{position: relative;}
.select ul{position: absolute; top: 100%; display: none; left: -1px; width: calc(100% + 2px); z-index: 20; background: #EDC126; border: 1px solid #000; border-top: none;}
.select ul li{padding: 10px 24px; font-size: 14px; border-top: 1px solid #000; cursor: pointer; transition: all 0.15s;}
.select ul li:hover{color: #fff; background: #000;}
.hidden{display: none;}
.flex{display: flex; justify-content: space-between; flex-wrap: wrap;}
.grid{display: grid; grid-template-columns: repeat(3,1fr); gap: 24px;}
.clearfix{clear: both;}
.center{display: inline-block; width: 100%; text-align: center;}
a, svg, svg path{text-decoration: none; transition: all 0.25s ease-out;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
a:hover{transition: all 0.25s ease-out;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
a:focus{outline: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
div,img{display: block;-webkit-tap-highlight-color: rgba(0, 0, 0, 0); height: auto;}
img{max-width: 100%;}
.btn{display: inline-block; font-family: 'Unbounded', sans-serif; text-align: center; cursor: pointer; border: none; transition: all 0.25s ease-out; box-sizing: border-box;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.btn:hover{transition: all 0.25s ease-out;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.btn-yellow{width: 282px; height: 50px; display: flex; align-items: center; justify-content: space-between; padding: 0 17px 0 25px; background: #EDC126; text-transform: uppercase; color: #000; font-weight: 700; font-size: 14px;}
.btn-yellow:hover svg{transform: rotate(-90deg);}
.btn-black{width: 100%; height: 50px; display: flex; align-items: center; justify-content: space-between; padding: 0 17px 0 25px; background: #000; text-transform: uppercase; color: #fff; font-weight: 700; font-size: 14px;}
.btn-black:hover svg{transform: rotate(-90deg);}
#navigation{position: fixed; display: none; top: 0; right: 0; width: 100%; height: 100%; box-sizing: border-box; z-index: 199; padding: 125px 15px 20px; overflow-y: auto; background: #000}
#navigation li{margin-bottom: 24px; font-family: 'Arial', sans-serif;}
#navigation li a{color: #fff; font-size: 18px; font-weight: 700;}
#navigation .btn{width: 100%;}
#navigation .phones{padding: 30px 0; border-top: 1px solid rgba(255, 255, 255, 0.4);}
#navigation .phones p{margin: 4px 0}
#navigation .phones a{color: #fff; opacity: 0.8; font-size: 16px; font-family: 'Arial', sans-serif;}
.wpcf7-not-valid-tip{position: relative; top: -4px}
.wpcf7-response-output{margin: 15px 0 0!important; border: 1px solid #000!important}
input,textarea,select,button{-webkit-appearance: none; box-sizing: border-box; font-family: 'Arial', sans-serif;}
/*responsive*/
@media screen and (max-width: 1220px){
.container{padding: 0 15px}
header nav,header .callback{display: none;}
header .pull{display: block; position: relative;}
header .pull:after{opacity: 0; transition: all 0.15s; background: url("../img/closew.svg") 50% 50% no-repeat; position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ''}
header .pull.open:after{opacity: 1}
header .pull.open svg{opacity: 0}
header{position: fixed; z-index: 200;}
header.f-nav{background: #000;}
#promo{padding: 150px 0}
#promo .advantages{position: absolute; width: 100%; bottom: -130px; left: 0;}
#promo .advantages .data{max-width: 100%;}
#services .item{width: 48%!important; height: 315px}
#services .item .image img{height: 315px; object-fit: cover;}
#buy .item{width: 48%!important; height: 315px}
#buy .item .image img{height: 315px; object-fit: cover;}
#services .item .inn{bottom: 55px}
#about .flex{justify-content: flex-start;}
#about .flex .item{width: 100%; max-width: 100%; margin: 0!important}
.swiper-scrollbar.swiper-scrollbar-horizontal{width: 250px!important; left: calc(50% - 125px)!important}
#consultation{padding-bottom: 300px}
#consultation:after{background-size: auto 290px; background-position: 0 100%; height: 300px; top: calc(100% - 270px)}
#consultation .form{max-width: 100%; width: 100%;}
#contacts .image{position: relative; width: 100%; right: 0; left: 0; bottom: 0}
#contacts .image img{width: 100%;}
#contacts .socials{padding: 60px 0}
footer .col{max-width: 300px}
.box__modal{padding: 60px 15px 325px!important}
.box__modal .logo{display: none;}
.box__modal .form{padding: 0}
.fancybox__content>.f-button.is-close-btn{top: 15px!important; right: 15px!important}
.box__modal,#privacy{padding: 60px 15px 325px!important; background-size: auto 280px!important; background-position: 0 100%!important}
#privacy{padding-bottom: 20px!important}
.box__modal .form{max-width: 100%; width: 100%;}
}
@media screen and (max-width: 767px){
.bt,.box__modal .bt{margin-bottom: 40px; font-size: 26px;}
.box__modal .bt{margin-bottom: 20px; font-size: 20px}
#promo{padding: 125px 0 60px; background: url("../img/bg_promo_m.jpg") 50% 50% no-repeat; background-size: cover;}
#promo .text h1{font-size: 19px; line-height: 1.2;}
#promo .text p{font-size: 14px; padding: 32px 0 260px}
#promo .text .btn{width: 100%;}
#promo .advantages{padding-left: 15px; padding-right: 15px;}
#promo .advantages .data .item{width: 32%;}
#services{padding: 40px 0;}
#services .item{width: 100%!important}
#services .item .data .title{position: absolute;}
#services .item .data .btn{width: 100%;}
#services .item:nth-child(4){height: 450px}
#services .item:nth-child(4) .image,#services .item:nth-child(4) .image img{height: 450px}
#buy{padding: 50px 0 30px; margin-top: 120px}
#buy .item{width: 100%!important}
#buy .item .data .title{position: absolute;}
#buy .item .data .btn{width: 100%;}
#buy .item:nth-child(4){height: 450px}
#buy .item:nth-child(4) .image,#buy .item:nth-child(4) .image img{height: 450px}
#about{padding: 60px 0 20px}
#about .text{font-size: 18px; margin-bottom: 15px;}
#about .image img{height: 160px;}
#about .flex .item{background-size: 70px; height: 85px; margin-bottom: 30px!important;}
#action .data{padding: 25px 15px}
#action .data .bt{font-size: 14px;}
#action .data a{width: 40px; height: 40px;}
#action .data a svg{width: 20px;}
#projects{margin-top: -60px; padding: 130px 0 120px}
#projects .swiper-slide{width: 255px}
#projects .list__projects{width: calc(100% + 30px); left: -15px; box-sizing: border-box;}
#projects .swiper{padding: 0 15px}
#arenda{padding: 130px 0 120px}
#arenda .swiper-slide{width: 255px}
#arenda .list__arenda{width: calc(100% + 30px); left: -15px; box-sizing: border-box;}
#arenda .swiper{padding: 0 15px}
#arenda .btn{max-width: 100%; font-size: 12px;}
.swiper-scrollbar.swiper-scrollbar-horizontal{display: none!important;}
#consultation{padding: 60px 0 275px}
#consultation .bt{font-size: 26px;}
#consultation:after{top: calc(100% - 240px)}
#contacts{padding: 60px 0 80px}
#contacts .text .item{width: 100%;}
#contacts .text .item:first-child{margin-bottom: 30px}
#contacts .socials{padding: 50px 0; justify-content: center;}
#contacts .socials a{margin: 0 20px}
footer{font-size: 16px;}
footer .col:nth-child(2){display: none;}
#totop svg{width: 40px}
}
/*responsive*/