/*  FONT  */
@font-face {font-family: 'Helvetica';src: url('../fonts/Helvetica-Regular.eot');src: url('../fonts/Helvetica-Regular.eot?#iefix') format('embedded-opentype'),url('../fonts/Helvetica-Regular.woff2') format('woff2'),url('../fonts/Helvetica-Regular.woff') format('woff'),url('../fonts/Helvetica-Regular.ttf') format('truetype');font-weight: normal;font-style: normal;font-display: swap;}
@font-face {font-family: 'HelveticaLightOblique';src: url('../fonts/Helvetica-LightOblique.eot');src: url('../fonts/Helvetica-LightOblique.eot?#iefix') format('embedded-opentype'),url('../fonts/Helvetica-LightOblique.woff2') format('woff2'),url('../fonts/Helvetica-LightOblique.woff') format('woff'),url('../fonts/Helvetica-LightOblique.ttf') format('truetype');font-weight: 300;font-style: normal;font-display: swap;}
@font-face {font-family: 'HelveticaOblique';src: url('../fonts/Helvetica-Oblique.eot');src: url('../fonts/Helvetica-Oblique.eot?#iefix') format('embedded-opentype'),url('../fonts/Helvetica-Oblique.woff2') format('woff2'),url('../fonts/Helvetica-Oblique.woff') format('woff'),url('../fonts/Helvetica-Oblique.ttf') format('truetype');font-weight: normal;font-style: normal;font-display: swap;}
@font-face {font-family: 'HelveticaBold Oblique';src: url('../fonts/Helvetica-BoldOblique.eot');src: url('../fonts/Helvetica-BoldOblique.eot?#iefix') format('embedded-opentype'),url('../fonts/Helvetica-BoldOblique.woff2') format('woff2'),url('../fonts/Helvetica-BoldOblique.woff') format('woff'),url('../fonts/Helvetica-BoldOblique.ttf') format('truetype');font-weight: bold;font-style: normal;font-display: swap;}
@font-face {font-family: 'HelveticaLight';src: url('../fonts/Helvetica-Light.eot');src: url('../fonts/Helvetica-Light.eot?#iefix') format('embedded-opentype'),url('../fonts/Helvetica-Light.woff2') format('woff2'),url('../fonts/Helvetica-Light.woff') format('woff'),url('../fonts/Helvetica-Light.ttf') format('truetype');font-weight: 300;font-style: normal;font-display: swap;}
@font-face {font-family: 'HelveticaBold';src: url('../fonts/Helvetica-Bold.eot');src: url('../fonts/Helvetica-Bold.eot?#iefix') format('embedded-opentype'),url('../fonts/Helvetica-Bold.woff2') format('woff2'),url('../fonts/Helvetica-Bold.woff') format('woff'),url('../fonts/Helvetica-Bold.ttf') format('truetype');font-weight: bold;font-style: normal;font-display: swap;}
/*  FONT  */
body{margin: 0px;font-family:'HelveticaLight';font-size:18px;letter-spacing:1px;}

h1,h2,h3,h4{margin:0 0 16px 0;font-weight:normal;font-family:'Helvetica';}
h1{font-size:42px;}
h2{font-size:42px;}
h3{font-size:32px;}
h4{font-size:32px;font-family:'HelveticaLight';}
h5{font-family:'HelveticaLightOblique';font-size:32px;}
strong{font-family:'HelveticaBold';font-weight:normal;}

.header{text-align:center;}
.underline{width:100%;height:2px;background:linear-gradient(to right,#ecb733,transparent);margin:0 0 16px 0;}
.underline2{width:100%;height:2px;background:linear-gradient(to right,transparent,#ecb733);margin:0 0 16px 0;}

#line_main_menu{position:relative;display:flex;width:100%;height:80px;z-index:99;background: linear-gradient(to top,#f6f6f6,#ffffff);border-bottom:1px solid #efefef;}
.main_menu_wrap{display:flex;width:100%;align-items:center;justify-content:space-between;}
.top-logo-wrap{display:flex;flex-direction:column;justify-content:center;margin:0 20px;}
.top-logo{width:156px;height:44px;background:url(img/ukr-dom_logo.webp) center center no-repeat;background-size:contain;}
.top-slogan{color:#888888;font-size:14px;text-align:justify;text-align-last:justify;}
.top-menu,.top-close{background:url(img/menu-open.webp) no-repeat;width:64px;height:64px;top:0px;right:0;background-size:cover;z-index:9;margin:8px 10px;cursor:pointer;}
.top-close{background:url(img/menu-close.webp) no-repeat;background-size:cover;display:block;}
.top-close{display:none;}
.top-menu:hover,.top-close:hover{transform: translateY(0%) scale(1.1);}
.right-wrap{display:flex;align-items:center;justify-content:flex-end;}
.soc-wrap{display:flex;justify-content:center;margin:16px;}
.soc{width:32px;height:32px;margin:0 10px;}
.soc.ig{background:url(img/soc/ig3.webp) no-repeat;}
.soc.tg{background:url(img/soc/tg3.webp) no-repeat;}
.soc.tt{background:url(img/soc/tt3.webp) no-repeat;}
.soc.yt{background:url(img/soc/yt3.webp) no-repeat;}
.soc.ig:hover{background:url(img/soc/ig1.webp) no-repeat;}
.soc.tg:hover{background:url(img/soc/tg1.webp) no-repeat;}
.soc.tt:hover{background:url(img/soc/tt1.webp) no-repeat;}
.soc.yt:hover{background:url(img/soc/yt1.webp) no-repeat;}
.soc.ig,.soc.tg,.soc.tt,.soc.yt,.soc.ig:hover,.soc.tg:hover,.soc.tt:hover,.soc.yt:hover{background-size:cover;}

.menu-wrap{position:absolute;width:300px;height:calc(100vh - 81px);height:calc(100dvh - 81px);right:0;top:80px;background:#fff;display:none;border-left:1px solid #efefef;flex-direction:column;justify-content:space-between;}
.menu-block{padding:0px 0px 16px 0px;}
.menu-wrap a{text-decoration: none;color:#000000;}
.menu-item{text-transform:uppercase;padding:10px 16px;border-bottom:1px solid #efefef;cursor:pointer;}
.menu-item.active{background:#efefef;}
.menu-item.sub{padding-left:40px;}
.menu-item:hover{background: linear-gradient(to bottom right, #222, #444);color:#ffffff;background: linear-gradient(to bottom right, #222, #000);}
.slogan{margin: 16px 0;text-align: center;background: url(img/ua.webp) 0 0 no-repeat;background-size: contain;aspect-ratio: 16/9;}

section{width:100%;display:flex;flex-direction:column;align-items:center;}
#sect1{position:relative;}
#sect2{flex-direction:row;}

.container{padding:40px;width:calc(100% - 80px);height:calc(100vh - 161px);height:calc(100dvh - 161px);display:flex;flex-direction:column;justify-content:space-evenly;}

.abtn{text-decoration:none;color:#222222;width:fit-content;margin:32px auto;font-family:'HelveticaBold';}
.modal-wrap .abtn{display:block;min-width:180px;}
.btn,button{display:flex;align-items:center;justify-content:center;font-family:'HelveticaBold';max-width:280px;padding:16px 20px;font-size:18px;line-height:18px;color:#222222;border-radius:4px;border:none;margin:0 auto;
	background:#ecb733;/*background:radial-gradient(circle 80px at 50% 120%, #ecb7331f, #ecb733);*/
	box-shadow:0px 0.01em 0.01em rgb(66 58 35 / 60%), 0px 0.3em 0.7em -0.01em rgb(66 58 35 / 50%), inset 0px -0.01em 0px rgb(111 95 58 / 70%);
}
button{margin:32px auto;}
.white{background:#ffffff;border:2px solid #ecb733;}
.desc{font-size:14px;}

.crcl-txt{margin-left:10px;}
.crcl{width:32px;height:32px;background-color: #ecb733;color: #fff;border-radius: 50%;display: flex;justify-content: center;align-items: center;font-family:'Helvetica';font-size:20px;line-height:32px;flex-shrink:0}
.crcl-wrap{margin:20px auto;width:fit-content;}
.crcl-item{display:flex;align-items:baseline;margin:0 0 10px 0;padding:0 0 12px 0;border-bottom:1px solid #efefef;}

.benefits,.conditions{padding:0;margin:16px 0;display:flex;flex-direction:row;align-items:center;justify-content:center;}
.conditions{flex-wrap:wrap;max-width:400px;margin:0 auto;}
.benefit,.condition{font-size:16px;display:flex;flex-direction:column;align-items:center;cursor:pointer;position:relative;margin:0 16px 0 0;text-align:center;}
.benefit{border-right:1px solid #efefef;padding-right:16px;}
.condition{margin:12px 0;width:50%;}
.benefit:last-child{margin:0;border-right:0;padding-right:0;}
.condition-img{width:42px;height:42px;margin:0 5px 10px 5px;flex-shrink:0;}
.benefit-hdr{font-size:32px;font-family:'Helvetica';}
.benefit-txt{font-size:14px;min-width:85px;min-height:34px;display:flex;justify-content: center;align-items: center;}

.square .condition-img{background:url(img/step-1.webp) 0 0 no-repeat;background-size:contain;}
.stage .condition-img{background:url(img/step-2.webp) 0 0 no-repeat;background-size:contain;}
.material .condition-img{background:url(img/step-3.webp) 0 0 no-repeat;background-size:contain;}
.lacation .condition-img{background:url(img/step-4.webp) 0 0 no-repeat;background-size:contain;}

#crmform-form{margin:0;}
.formwrap form{display:flex;flex-wrap:wrap;align-items:center;}
input[type=text],input[type=tel],textarea{height:24px;line-height:28px;padding:9px 16px;width:calc(100% - 20px) !important;max-width:280px;font-size:16px;border:2px solid #ecb733;border-radius:4px;}
textarea{height:48px;line-height:22px;border-color:#888888;}
.sect-form{position:relative;margin:0 0 20px 0;}
.thanks-hdr{display:flex;}
.thanks-hdr::before{content:" ";width:36px;height:36px;background:url(img/check3.webp) center center no-repeat;background-size:contain;margin-right:10px;flex-shrink:0;}
.thanks{margin:0 0 16px 0;padding:0 0 16px 0;text-align:center;}
.modal{position: absolute;top: 0;left:0;background: rgba(0,0,0,.3);width: 100%;height: 100dvh;}
.modal-wrap{background: #fff;padding: 20px;position: relative;top: 50%;transform: translateY(-50%);max-width: calc(100% - 32px);margin: 0 16px;}

.num-item:last-child,.crcl-item:last-child,.thanks:last-child{border-bottom:0;}

.wrap1,.wrap2{width:calc(50vw - 40px);height:calc(100vh - 121px);margin:20px;display:flex;flex-direction:column;align-items:center;}
.wrap1{justify-content:flex-start;}
.wrap2{justify-content:flex-end;}

.txt-wrap{font-size: 18px;width:calc(100% - 40px);margin:0 auto;max-width:350px;padding:16px 40px;}

.founder{background:#efefef;width:100%;display:flex;}
.founder-img{width:200px;height:200px;border-radius:100px;background:#ecb733 url(img/avzalov2.webp) center center no-repeat;background-size:cover;margin:16px 16px 16px 0;float:right;flex-shrink: 0;}
#founder-wrap{width:fit-content;}
#founder-name{font-family:'Helvetica';}
#founder-name,#founder-txt{text-align:justify;text-align-last:justify;}
#founder-1{font-size:16px;color:#888888;}
#quote{font-family: 'HelveticaOblique';font-size:22px;margin:0 0 16px 0;text-align:center;}
#bb{font-family:'HelveticaOblique';}
#ob{font-family:'HelveticaBold Oblique';font-size:42px;line-height:22px;color:#ecb733;}

.carousel-container{width:100%;margin:0 auto;position:relative;overflow:hidden;}
.slides{display:flex;width:100%;aspect-ratio:16/9;transition:transform 0.6s ease;will-change:transform;}
.slide{min-width: 100%;box-sizing: border-box;text-align: center;padding: 0px;display:flex;flex-direction:column;align-items:center;aspect-ratio:16/9;}
.sip01{background:url(img/sip/sip-01.webp);}
.sip02{background:url(img/sip/sip-02.webp);}
.sip03{background:url(img/sip/sip-03.webp);}
.sip04{background:url(img/sip/sip-04.webp);}
.sip05{background:url(img/sip/sip-05.webp);}
.sip06{background:url(img/sip/sip-06.webp);}
.sip07{background:url(img/sip/sip-07.webp);}
.sip08{background:url(img/sip/sip-08.webp);}
.sip09{background:url(img/sip/sip-09.webp);}
.sip10{background:url(img/sip/sip-10.webp);}
.sip11{background:url(img/sip/sip-11.webp);}
.sip12{background:url(img/sip/sip-12.webp);}
.sip13{background:url(img/sip/sip-13.webp);}
.sip14{background:url(img/sip/sip-14.webp);}
.sip15{background:url(img/sip/sip-15.webp);}
.sip01,.sip02,.sip03,.sip04,.sip05,.sip06,.sip07,.sip08,.sip09,.sip10,.sip11,.sip12,.sip13,.sip14,.sip15{background-size: cover;background-position: center center;background-repeat: no-repeat;}

.tech-wrap{display:flex;flex-direction:column;width:100%;}
.tech-item{display:flex;flex-direction:row;margin-bottom:16px;}
.tech-item:last-child{margin-bottom:0px;}
.tech-img{width:32px;height:32px;margin-right:10px;flex-shrink:0;}
.tech-txt-wrap{display:flex;flex-direction:column;}
.tech-hdr{font-family:'Helvetica';margin-bottom:4px;}
.tech-txt{font-size:16px;}
.tech-img.energy{background:url(img/temp.webp);}
.tech-img.speed{background:url(img/speed.webp);}
.tech-img.security{background:url(img/security.webp);}
.tech-img.money{background:url(img/money.webp);}
.tech-img.energy,.tech-img.speed,.tech-img.security,.tech-img.money{background-size:contain;background-position: 0 0;background-repeat: no-repeat;}
.tech-txt a,.desc a{color:#ecb733;}

.contacts-img{aspect-ratio:16/9;background:url(img/contacts.webp) 0 0 no-repeat;background-size:cover;margin:0 auto 20px auto;max-height:240px}

.contacts-wrap{margin:16px;font-size:16px;}
.addr,.email,.phone{display:flex;margin-bottom:14px;align-items:center;}
.cntct-img{width:32px;height:32px;margin-right:10px;flex-shrink:0;}
.addr .cntct-img{background:url(img/pin.webp);}
.email .cntct-img{background:url(img/email.webp);}
.phone .cntct-img{background:url(img/call.webp);}
.addr .cntct-img,.email .cntct-img,.phone .cntct-img{background-size: cover;background-position: 0 0;background-repeat: no-repeat;}
.email a,.phone a{color:#444444;text-decoration:none;font-family:'Helvetica';}


#allobj{color:#000000;text-decoration:none;}
.objects{display:flex;flex-wrap:wrap;}
.objects-desc{width:calc(50% - 32px);margin:0 16px 16px 16px;}
.obj-wrap{display:flex;}
.objects-title{font-size:32px;font-family:'HelveticaBold';border-bottom:1px solid #efefef;text-align:center;margin:16px 0 0 0;padding:0 0 16px 0;}
.objects-img{width:50%;margin:0 0 16px 0;}
.obj-main-img{width:100%;}
.obj-main-img img{width:100%;height:auto;}
.obj-desc-wrap{position:relative;width:50%;}
.obj-desc{font-size:13px;margin:0 16px;}
.obj-desc p:first-child{margin-top:0;}
.obj-desc-wrap #allobj{position:absolute;bottom:16px;right:16px;font-family:'HelveticaBold';font-size:16px;letter-spacing:0;}

@media (max-width: 1000px) {

}

@media (max-width: 800px) {
	h1{font-size:36px;}
	h2{font-size:36px;}
	h3,h5{font-size:24px;}
	h4{font-size:24px;font-weight:normal;}
}

@media (max-width: 600px) {
   .container{padding:20px;width:calc(100% - 40px);height:calc(100dvh - 121px);}
	h1,h2,h3,h4{}
	h1{font-size:24px;}
	h2{font-size:24px;}
	h3,h4,h5,.objects-title{font-size:20px;}
	.wrap1,.wrap2{width:100%;height:auto;margin:0;}
	.wrap2{padding-top:0px;}
	.wrap2{justify-content:flex-start;}
	.txt-wrap{padding:20px 0;margin:0 20px;}
	#quote{font-size:16px;}
	#ob{font-family:'HelveticaBold Oblique';font-size:26px;line-height:16px;color:#ecb733;}
	.founder-img{width:120px;height:120px;}
	#sect2{flex-direction:column;}
    .carousel-container{width:100%;height:auto;aspect-ratio:16/9;overflow:hidden;}    
	.slides{width:600px;max-width: 100%;aspect-ratio: 16/9;height:auto;min-height:auto;position:absolute;bottom:0;}
	.slide{min-width: 100%;box-sizing: border-box;text-align: center;padding: 0px;display:flex;flex-direction:column;align-items:center;}
	.contacts-img{margin:0 -20px 20px -20px;}
	.obj-main-img{width:calc(100% + 40px);margin:0 -20px;}

	.objects-desc{width:100%;margin:0 0 16px 0;}
	.obj-wrap{display:flex;flex-direction:column;}
	.objects-img{width:100%;margin:0 0 16px 0;}
	.obj-desc{margin:0;}
	.obj-desc-wrap{position:relative;width:100%;}
	.obj-desc-wrap #allobj{position:relative;display:block;width:100%;text-align:right;bottom:0;right:0;margin:16px 0;}

}

@media (max-width: 362px) {
	h1{font-size:22px;}
	h2{font-size:22px;}
}
