/*#header:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    background: var(--bg-head);
    z-index: -1;
    display: block;
    height: 100%;
    clip-path: polygon(0 0, 100% 0, 85% 100%, 0 100%);
    transform: skewX(-28deg);
    transform-origin: top right;
    width: calc(100% - 295px);
}*/
#frontPage-container{position:relative;width:100%}
.flick-slider {opacity: 0;visibility: hidden;transition: opacity 0.4s ease;}
.flick-slider.sliderVisible {opacity: 1;visibility: visible;}
#slider-wrapper{position:relative;width:100%}
#slider-outer-container{position:relative;width:100%;padding-bottom:58.86%;}
#slider-container{position:absolute;width:100%;height:100%;top:0;left:0;z-index:5}
.flick-slider,.slide-container,.slide-photo{width:100%}
.flick-slider{width:100%;height:100%}
.flickity-page-dots .prev-wrapper, .flickity-page-dots .next-wrapper{cursor: pointer}
.flickity-page-dots .custom-counter{width:30px;color: var(--bl);font:var(--med) 19px var(--sofia);}
.slide-container{position:relative}
.slide-photo{position:relative;z-index:1}
.slide-photo > picture{display:block;position:relative;width:100%;padding-bottom:58.86%;overflow:hidden;z-index:1}
.slide-photo > picture img{position:absolute;width:100%;height:100%;top:0;left:0;object-fit:cover;z-index:2}
/*.flick-slider .flickity-page-dots{display:none}*/
#video-container{margin-top:20px;position:relative;width:100%;padding-bottom:58.86%;overflow:hidden}
#videoBg{position:absolute;width:100%;height:100%;top:0;left:0;object-fit:cover;z-index:10}
#front-about-us{justify-content:center;display:flex}
.left-container{width:100%;flex-direction:column;justify-content:center;flex:0 0 auto}
#front-about-us > .left-container > h2{color:var(--bl);font-weight:var(--light);font-family:var(--sofia);}
#front-about-us > .left-container > .title2{color:var(--bl);font-weight:var(--bold);font-family:var(--sofia)}
.about-us-desc{font-weight:var(--reg);font-family:var(--sofia);line-height:1.45}
#slider-top-outer{width:100%;flex:1 1 auto}
.read-more-btn > .btn {border-radius: 19px;border: 0.6px solid #DDD;background: #FFF;display: inline-block;padding: 15px 30px;}
.read-more-btn figure {display: inline-flex;gap:10px;align-items: center;}
.read-more-btn figcaption {color: var(--b2);}
.read-more-btn > a img{-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease}
/*projects*/
#front-projects{width: 100%;justify-content: center;padding-bottom: 60px;}
#front-projects > h2{text-align: center; color: var(--bl);font-weight: var(--light); font-family: var(--sofia);}
#front-projects > .front-recent-projects{width: 100%;}
#front-projects > .front-recent-projects > li{position: relative;overflow:hidden}
#front-projects > .front-recent-projects > li picture {display:block;position:relative;width:100%;padding-bottom:100%;overflow:hidden;z-index:1}
#front-projects > .front-recent-projects > li picture > img{position:absolute;width:100%;height:100%;top:0;left:0;object-fit:cover;z-index:2}
#front-projects > .front-recent-projects > li .front-overlay{opacity: 0;pointer-events: none;position: absolute;right: 0;top: 0;height: 100%;width:calc(48% + 2.604vw) ;background: rgba(46, 76, 112, 0.85);display: flex;align-items: flex-end;justify-content: center;transition: opacity .4s ease-in-out;z-index: 999;padding: 0 1.302vw 25px;}
#front-projects > .front-recent-projects > li .front-overlay div{padding: 6px 10px;border: 1px solid var(--w);border-radius: 10px;}
#front-projects > .front-recent-projects > li .front-overlay figure{display: inline-flex;gap:8px;align-items: center;justify-content: center}
#front-projects > .front-recent-projects > li .front-overlay figcaption{color:var(--w);font-weight: var(--reg);}
.see-all-projects > a {color: var(--bl);font-weight: var(--med);font-family: var(--sofia);display: inline-flex;align-items: center;justify-content: center;border-radius: 30px;border: 1px solid #C2C2C2;background: #FFF;gap:10px;padding: 15px 100px;overflow:hidden;z-index: 9;position: relative;}
.see-all-projects > a:before{content:'';width: 120%;left: 100%;position: absolute;top: 0;height: 100%;background: var(--bl);transition: transform .4s cubic-bezier(0.3, 1, 0.8, 1);z-index: -1;}
.front-recent-projects > li{cursor:default;}
.front-recent-projects > li .overlay-btn{pointer-events: auto;}
#front-services {width: 100%;background: var(--bl);position: relative;flex-direction: column;}
#front-services:before, #front-services::after {content: '';position: absolute;bottom: 0;width:100%;height:100%;background-size:contain;z-index: 0;pointer-events: none;}
.front-services-top {width: 100%;flex-direction: column;margin: auto;align-items: center;}
.front-services-top > h2 {color: var(--w);font-weight: var(--reg);}
.front-services-desc {text-align: center;color: var(--w);font-weight: var(--light);line-height: 1.09;}
.front-services-list {width: 100%;margin: 0 auto;justify-content: flex-start;align-items: stretch;}
.front-services-list > li {position: relative;}
.front-services-list > li > a{position: relative;width: 100%;height: 100%;background:url("../img/frontpage/services-bg.svg") top left no-repeat;z-index: 1}
.service-box {flex-direction: column;align-items: center;text-align:center;gap: 3px;justify-content: flex-start;
    position: relative;}
.service-number {color: #FFF;-webkit-text-stroke-width: 2px;-webkit-text-stroke-color: #929292;font-weight: var(--bold);}
.service-label{color:var(--b2);font-size: var(--med)}
.corner {position: absolute;top: 0;right: 0;opacity: 0;transition: all .4s ease;max-width: 28%;height: auto;width: 42%;pointer-events: none;z-index: 2;}
.corner svg {width: 100%;height: auto;}
.project-title {text-align: center;font-weight: var(--reg);color: var(--bl);}
@media (min-width:1200px) {
    .header-about-wrapper{width: 100%;}
    #front-about-us{gap:9.375vw;padding:1.563vw 0 calc(2.083vw + 20px);background: url("../img/frontpage/desktop-bg.svg") left no-repeat;background-size:cover;}
    .left-container{max-width:500px;margin-left:3.125vw;}
    #front-about-us > .left-container > h2{font-size: clamp(1.875rem, -0.2083rem + 2.7778vw, 3.125rem);}
    #front-about-us > .left-container > .title2{font-size: clamp(1.8125rem, 1.2917rem + 0.6944vw, 2.125rem);}
    .about-us-desc{margin-top:1.302vw;font-size: clamp(1.3125rem, 1rem + 0.4167vw, 1.5rem);}
    .read-more-btn {margin-top: 1.302vw;}
    .read-more-btn figcaption {font: var(--reg) clamp(1.25rem, 1.0417rem + 0.2778vw, 1.375rem) var(--sofia);}
    #slider-top-outer{max-width:1210px;}

    #front-projects{margin-top:4.688vw;}
    #front-projects > h2{font-size: clamp(3.125rem, 2.0833rem + 1.3889vw, 3.75rem);margin-top:1.823vw; }
    #front-projects > .front-recent-projects{margin-top:1.563vw;}
    #front-projects > .front-recent-projects > li{width: 25%;}
    #front-projects > .front-recent-projects > li .front-overlay  figcaption{font-size: clamp(1.75rem, 1.3333rem + 0.5556vw, 2rem);}
    #front-projects > .front-recent-projects > li:hover .front-overlay {opacity: 1;pointer-events: auto;}
    /*#front-projects > .front-recent-projects > li .front-overlay:hover img{transform: translateX(5px);}*/
    .see-all-projects{margin-top: 3.646vw;font-size: clamp(1.5rem, 1.2917rem + 0.2778vw, 1.625rem);}

    #front-services:before{left:0;background:url("../img/frontpage/bulding-left.svg") left no-repeat;max-width: 740px;max-height: 330px;opacity: 0.2;}
    #front-services:after{right:0;background:url("../img/frontpage/bulding-right.svg") right no-repeat;max-width: 740px;max-height: 330px;opacity: 0.2;}
    .front-services-top{max-width: calc(100% - 42.448vw);padding-top: 2.865vw;}
    .front-services-top > h2{font-size: clamp(3.125rem, 2.0833rem + 1.3889vw, 3.75rem);}
    .front-services-top > .front-services-desc{font-size:clamp(1.3125rem, 1rem + 0.4167vw, 1.5rem); margin-top: 1.563vw;}

    .front-services-list{max-width: calc(100% - 44.375vw);margin-top: 4.167vw;gap: 2.031vw;padding-bottom: 8.073vw;}
    .front-services-list > li{width: 30.8%;max-width: 330px;}
    .front-services-list > li > a {padding: 3.958vw 3.125vw 0.781vw;background-size: cover;border-radius: 10px;}
    .service-box{padding-bottom: 0.781vw;}
    .front-services-list > li > a > .service-box:before{content:'';position: absolute;bottom: 0;left: 0;right: 0;margin: auto;max-width: 90px;width: 28%;height:2px;background:var(--b1);opacity: 0;transition: all .4s ease;}
    .service-number{font-size: clamp(6.25rem, 4.1667rem + 2.7778vw, 7.5rem);}
    .service-label{font-size: clamp(1.375rem, 0.75rem + 0.8333vw, 1.75rem);}
}
@media (max-width:1199px) {
    #video-container{margin-top:15px}
    #front-about-us {width: 100%;flex-direction: column-reverse;}
    .flickity-page-dots{justify-content: center}
    #front-about-us > .left-container{text-align: center;}
    #front-about-us > .left-container > .title2 {margin-top: 3px;}
    .about-us-desc {margin-top: 20px;}
    #front-projects > .front-recent-projects{row-gap: 20px;}
    #front-projects > .front-recent-projects > li{width: 50%;cursor: pointer;}
    #front-projects >  .front-recent-projects > li .overlay-btn{pointer-events: none;}
    #front-services:before{left:0;right:0;margin:0 auto;background:url("../img/frontpage/building-all.svg") center no-repeat ;background-size:cover;}
    .service-label{font-size: 21px;}
    .service-box{width: 80%;margin:auto;}
    .corner {opacity: 1;}
    .service-number {color: #C3B3A4;-webkit-text-stroke-color: #C3B3A4;}
    .service-box:before {content:'';position: absolute;bottom: 0;height: 2px;background: var(--b1);}
    .project-title{margin-top:10px;}
}
@media (min-width:765px) and (max-width:1199px) {
    #front-about-us{padding: 3.906vw calc(1.953vw + 20px);background: url("../img/frontpage/tablet-bg.svg") left no-repeat;background-size:cover;}
    /*.left-container {max-width: 39%;}*/
    /*#slider-top-outer {max-width: 56.25%;margin-left: 5%;}*/
    #front-about-us >.left-container{margin-top:70px;}
    #front-about-us > .left-container > h2 {font-size: clamp(2.5rem, 1.3983rem + 2.3041vw, 3.125rem);}
    #front-about-us > .left-container > .title2 {font-size: clamp(1.625rem, 1.4047rem + 0.4608vw, 1.75rem);}
    .about-us-desc {margin-top: 20px;font-size: clamp(1.125rem, 0.9047rem + 0.4608vw, 1.25rem);}

    .read-more-btn {margin-top: 4.883vw;}
    .read-more-btn > .btn figcaption {font-size: clamp(1rem, 0.7797rem + 0.4608vw, 1.125rem);}

    #front-projects{margin-top:4.883vw;}
    #front-projects > h2{font-size: clamp(2.5rem, 1.3983rem + 2.3041vw, 3.125rem);}
    #front-projects > .front-recent-projects{margin-top:3.418vw;}
    .see-all-projects{margin-top:3.906vw;font-size: clamp(1.375rem, 1.1547rem + 0.4608vw, 1.5rem);}

    #front-services:before{max-width: 590px;max-height: 265px;}
    .front-services-top{max-width: calc(100% - 9.375vw);padding-top: 2.604vw;}
    .front-services-top > h2{font-size: clamp(2.5rem, 1.3983rem + 2.3041vw, 3.125rem);}
    .front-services-top > .front-services-desc{font-size: clamp(1.5rem, 1.0593rem + 0.9217vw, 1.75rem); margin-top: 2.441vw;}
    .front-services-list{max-width: calc(100% - 3.906vw);margin-top: 4.883vw;gap: 3.5%;padding-bottom: 9.277vw;}
    .front-services-list > li{width: 31%;/*max-width: 300px;*/}
    .front-services-list > li > a {padding: 6.836vw 0 5.566vw;border-radius: 9px;background-size: cover;}
    .service-box{gap: 10px;padding-bottom:7px;}
    .service-box:before{width: 80px;}
    .service-number {font-size: clamp(5rem, 2.7967rem + 4.6083vw, 6.25rem);}
    .corner {max-width:28%;right:0;}
    .project-title{font-size: clamp(1.375rem, 1.1547rem + 0.4608vw, 1.5rem);}
}
@media (max-width:764px) {
    #header{background: var(--bg-head);}
    #video-container{padding-bottom:100%}
    #front-about-us{background: var(--bg-head);padding: 0 10px 30px;}
    #front-about-us >.left-container{margin-top:70px;align-items:center;justify-content:center}
    #front-about-us > .left-container > h2{font-size:30px}
    #front-about-us > .left-container > .title2{font-size:28px;text-align:center}
    .about-us-desc{font-size:20px;text-align:center;padding:0 5px}
    .read-more-btn{margin-top:30px}
    .read-more-btn figcaption{font-size:18px}
    #front-projects {margin-top: 6.25vw;padding-bottom: 40px;}
    #front-projects > h2 {font-size: clamp(1.875rem, 1.2565rem + 2.6042vw, 2.5rem);}
    #front-projects > .front-recent-projects {margin-top: 7.5vw;}
    .see-all-projects {width: 100%;max-width: 380px;padding: 0 10px;margin-top: 7.5vw;}
    .see-all-projects > a {width: 100%;font-size: clamp(1.25rem, 1.1263rem + 0.5208vw, 1.375rem);}
    #front-services:before{max-width: 355px;max-height: 158px;}
    .front-services-top{max-width: calc(100% - 47.368vw);padding-top: 45px;}
    .front-services-list > li{width: 100%;/*max-width: 220px;*/}
    .front-services-top > h2{font-size: clamp(2.1875rem, 1.569rem + 2.6042vw, 2.8125rem);}
    .front-services-top > .front-services-desc{font-size: clamp(1.125rem, 0.8776rem + 1.0417vw, 1.375rem);margin-top: 20px;}
    .front-services-list{max-width: 300px;margin-top: 40px;padding-bottom: 9.277vw;gap:20px;}
    .front-services-list > li > a {padding: 6.836vw 0 40px;border-radius: 9px;background-size: cover;}

    .service-number {font-size: clamp(3.75rem, 2.513rem + 5.2083vw, 5rem);}
    .corner {max-width: 100px;right:0;}
    .project-title{font-size: clamp(1.25rem, 1.0297rem + 0.4608vw, 1.375rem)}
}

@media (hover: hover) {
    .read-more-btn > a:hover {border-color:var(--bl)}
    .read-more-btn > a:hover img {transform: translateX(10px);}
    .see-all-projects > a:hover:before {transform: translate3d(-100%, 0px,0px);}
    .see-all-projects > a:hover {color:var(--w)}

    .front-services-list > li:hover .corner {opacity:1;}
    .front-services-list > li:hover .service-number{color: #C3B3A4;-webkit-text-stroke-color: #C3B3A4;}
    .front-services-list > li:hover > a > .service-box:before{opacity:1;}
}