@font-face {
    font-family: "almoni";
    src: url('./../fonts/almonilightaaa.otf');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: "almoni";
    src: url('../fonts/almoniregularaaa.otf');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: "almoni";
    src: url('../fonts/almoniboldaaa.otf');
    font-weight: 600;
    font-style: normal;
}

body, html{margin:0px;padding:0px;width:100%;height:100vh;}
*{box-sizing: border-box;color:#2a4f66;font-family: 'almoni', sans-serif;font-weight:300;}
.section.top video{ width: 100vw;height: 80vh;object-fit: cover;position: absolute;left: 0;right: 0;top: 0;bottom: 0;}
.section.top{height:80vh;position: relative;overflow: hidden;}
.project-logo{position:absolute;top:10vh;left:50%;transform:translateX(-50%);}
.project-slogan{position:absolute;top:30vh;left:0px;right:0px;text-align:center;}
.video-ttl{position:absolute;top:50%;left:0px;right:0px;text-align:center;color:#ffffff;font-size:88px;direction:ltr;transform:translateY(-50%);}
h2{font-size:50px;font-weight:300;text-align:center;line-height:1.2em;}
p{font-size:22px;font-weight:400;line-height:2em;}
.section.footer p{font-size:16px;}
p.center{text-align:center;}
.content{max-width:90vw;margin:auto;}
.content.flex{display:flex;align-items:start;justify-content:space-between;}
img{max-width:100%;}
.content.flex.projects-wrap{align-items:stretch;}
.project{width:19%;position:relative;background:url(./../images/prj-bg.webp) no-repeat center center / cover;overflow:hidden;text-align:center;padding-bottom:100px;}
.project .prj-ttl{position:absolute;top:10px;left:50%;transform:translateX(-50%);max-width: 85%;}
.prj-label{background:url(./../images/label-bg.webp) no-repeat center center / cover;font-size:47px;font-weight:bold;color:#ffffff;text-align:center;transform: rotate(26deg);margin: 50% -50px 0px;}
.prj-content p.prj-status{font-size:47px;font-weight:bold;}
.prj-content{padding:0px 15px;}
.prj-content p{margin:0px;font-size:30px;line-height:1.2em;}
.prj-content p b{font-weight:bold;}
a.prj-btn{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);background:#004b64;border-radius:30px;color:#ffffff;font-size:24px;width:80%;text-align:center;text-decoration:none;line-height:1em;height:60px;display: flex;align-items: center;justify-content: center;}
.prj-top{position:relative;}
.prj-uttl{position:absolute;top:65px;color:#ffffff;left: 50%;transform: translateX(-50%);font-size: 20px;}
.prs-lbl{position:absolute;bottom:40px;left:0px;right:0px;}
.section.projects{margin-top:-10vh;}
.content.narrow{max-width:1110px;margin:auto;}
.content.narrow .narrowst{max-width:830px;margin:auto;}
.flex-nums{display:flex;justify-content:space-between;align-items:start;margin:50px auto;}
.flex-nums .num-box p{margin:0px;text-align:center;font-size:50px;font-weight:300;line-height:1em;}
.flex-nums .num-box p.num{font-weight:400;}
.content.full{width:100%;max-width:none;}
.section.map .map-wrap{width:73%;}
.section.map .map-wrap img{width:100%;height:100%;object-fit:cover;}
.section.map .icons-wrap{flex:1;background:url(./../images/icons-bg.webp) no-repeat center center / cover;}
.icons-flex{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:start;}
.icons-flex .icon-box{width:30%;text-align:center;padding-bottom:6vh;}
.icons-flex .icon-box p{margin:0px;line-height:1em;}
.section.map .content.flex{align-items:stretch;}
.electra{background:#f8f5ed;}
.zemah{background:url(./../images/bg-zemah.webp) no-repeat center center / cover;}
.section.about .content > div{padding:5vh 6vw;text-align:center;}
.section.about .content > div img{display:block;margin:3vh auto 5vh;}
.section.about{padding:70px 0px;}
.section.about .content.flex{align-items:stretch;}
.section.footer{text-align:center;padding:50px 0px;}
.seciton.form{background:url(./../images/bg-form.webp) no-repeat center center / cover;padding:30px 0px 70px 0px;}
.seciton.form *{color:#ffffff;}
.seciton.form h2{font-size:40px;margin-top:0px;}
.form-fields{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;}
.form-fields > div{width:21%;}
.form-fields > div.btn-wrap{width:10%;}
.form-fields > div.chb-holder{width:100%;order:6;padding-top:30px;}
.form-fields > div input:not([type="checkbox"]), .form-fields > div select{width:100%;background:transparent;line-height:1.5em;border:none; border-bottom:solid 1px #ffffff;font-size:20px;}
.form-fields > div select{padding: 5px 0px;}
.form-fields > div select option{color:#2a4f66 !important;}
.form-fields > div.btn-wrap button{width: 100%;background: #ffffff;border: none;color: #2a4f66;font-size: 20px;font-weight: 400;}
#wait, #error_holder{display:none;}
.section.slider{padding-top:70px;}
.slick-dots{margin-right:auto;right:auto;left:50px;}
.slick-dots li button{border-radius:50%;border:none;opacity:0.6;background:#ffffff;}
.slick-dots li.slick-active button{opacity:1;}
.slick-dots li{padding:0px 2px;width:auto;}
.hide-on-pc{display:none;}
.slick-slide img.hide-on-pc{display:none;}
.slide-lbl{position:absolute;top:5vh;right:0px;}
.form-btn{position:fixed;top:auto;left:0px;z-index:200;cursor:pointer;font-size:24px;font-weight:600;padding:10px 30px;color:#ffffff;right: 0px;bottom: 0px;text-align: center;border-radius: 0px;background:#de7c25;}
@media only screen and (max-width: 1600px){
	.prj-uttl{top:44px;}
	.prj-content p.prj-status, .prj-label{font-size:38px;}
	.prj-content p{font-size:19px;}
	a.prj-btn{font-size:18px;height: 50px;}
	.project{padding-bottom: 80px;}
	h2, .flex-nums .num-box p{font-size:40px;}
	.icons-flex .icon-box p{font-size:16px;}
	.icons-flex .icon-box img{display:block;max-width:43px;margin:auto;}
}
@media only screen and (max-width: 767px){
	.hide-on-pc{display:block;}
	.slick-slide img.hide-on-pc{display:block;}
	.hide-on-mobile{display:none;}
	.slick-slide img.hide-on-mobile{display:none;}
	.slide-lblm{width:100%;}
	.slick-dots{bottom:50px;left:10px;}
	.content.flex{flex-wrap:wrap;}
	.project{width:100%;padding-bottom:10px;margin-bottom:50px;}
	.project .prj-content p:not(.prj-status){display:none;}
	.project .prj-top img:first-child{width:100%;margin-top:-50px;}
	.prj-uttl{top:64px;}
	.projects .project:nth-child(1){order:5;}
	.projects .project:nth-child(2){order:4;}
	.projects .project:nth-child(3){order:3;}
	.projects .project:nth-child(4){order:2;}
	.projects .project:nth-child(5){order:1;overflow:visible;}
	.prs-lbl{bottom: auto;top: 0px;transform: translateY(-100%);width: 100%;}
	.content, .content.narrow{max-width:80vw;}
	h2{font-size:37px;font-weight:400;}
	.flex-nums{flex-wrap:wrap;justify-content:center;}
	.num-box{width:30%;}
	.flex-nums .num-box p{font-size:30px;}
	.flex-nums .num-box:last-child{margin-top:30px;width:100%;}
	.section.map .map-wrap{width:100%;}
	.section.map .icons-wrap{background:none;}
	.section.slider{padding-top:30px;}
	.section.slider .content{max-width:none;width:100%;}
	.slick-slide{height:auto;}
	.section.about{padding:0px;}
	.section.about .content{max-width:none;width:100%;}
	.section.about .content > div{padding:0px 10% 20px;}
	p{font-size:16px;}
	.seciton.form h2{font-size:30px;}
	.form-fields > div, .form-fields > div.btn-wrap{width:100%;padding-bottom:10px;}
	.form-fields > div.chb-holder{order:inherit;padding-top:0px;}
	.seciton.form .form-fields > div input:not([type="checkbox"]), .seciton.form .form-fields > div select{background:#ffffff;color:#2a4f66;}
	.seciton.form .form-fields > div select option{color:#2a4f66;}
	.footer p{line-height:1.2em;font-size:14px;}
	.form-btn{right:0px;top:auto;bottom:0px;border-radius:0px;text-align:center;}
	.main{background:url(./../images/achziv-bg-mobile.jpg) no-repeat center 350px / cover;}
	.section.projects{margin-top:0px;padding-top:80px;background:none;}
	.section.top{height:350px;}
	.section.top video{width:100%;position:static;}
	.video-ttl{font-size:40px;}
	.prj-top{height:300px;overflow:hidden;position:relative;}
	.prj-top:before{background:rgba(0, 75, 100, 0.4);top:0px;left:0px;right:0px;bottom:0px;content:"";position:absolute;}
	.project .prj-ttl{transform: translate(-50%, -50%);top:50%;}
	.project:nth-child(5) .prj-status:after, .project:nth-child(4) .prj-status:after, .project:nth-child(3) .prj-status:after{content:" \25BC";color:#004b64;font-size:80%;}
	.project:nth-child(5) .prj-content.opened .prj-status:after, .project:nth-child(4) .prj-content.opened .prj-status:after, .project:nth-child(3) .prj-content.opened .prj-status:after{content:" \25B2";}
	.project:nth-child(5) .prj-status, .project:nth-child(4) .prj-status, .project:nth-child(3) .prj-status{cursor:pointer;}
	a.prj-btn{position:static;transform:none;margin:10px auto;}
	.project .prj-content.opened p:not(.prj-status){display:block;}
	.project-slogan{top:23vh;}
	.project-slogan img{max-width:80%;}
	.section.footer p{font-size:16px;}
}