:root {
  --sl-dark-blue-color: #1c207A;
  --sl-blue-color: #69A2BD;
  --sl-light-blue-color: #BED0DA;
  --sl-beige-color: #D6AC96; 
  --sl-orange: #FD9B00;
}

body { font-family: "Open Sauce One", sans-serif; font-size: 16px; }
@media (max-width: 768px) {
    body { font-size: 14px; }
}
@media (max-width: 992px) {
    body { font-size: 14px; overflow: initial!important; }
}
h1,h2,h3 { font-family: "Lora", sans-serif; }

h1 {}

.font-lora { font-family: "Lora", sans-serif; }

.text-dark-grey { color: #414040; }
.text-dark-blue { color: var(--sl-dark-blue-color); }
.text-blue { color: var(--sl-blue-color); }
.text-light-blue { color: var(--sl-light-blue-color); }
.text-beige { color: var(--sl-beige-color); }
.text-orange { color: var(--sl-orange); }
.text-gray { color: #777; }

.background-dark-blue { background-color: var(--sl-dark-blue-color);}
.background-blue { }
.background-light-blue { background-color: var(--sl-light-blue-color); }
.background-beige { }
.background-orange { }

.border-dark-blue { }
.border-blue { }
.border-light-blue { }
.border-beige { }
.border-orange { }


.btn-orange { color: #000; background-color: var(--sl-orange); border-radius: 3px; color: #fff; }
.btn-orange:hover { background-color: var(--sl-orange); color: #fff; }
.btn-beige { color: #000; background-color: var(--sl-beige-color); border-radius: 3px; color: #fff; }
.btn-beige:hover { background-color: var(--sl-beige-color); color: #fff; }
.btn-outline-orange { color: var(--sl-orange); border-color: var(--sl-orange); border-width: 2px; border-radius: 3px; font-weight: 500; }
.btn-outline-orange:hover { border-color: #000; }
.btn-outline-beige { color: var(--sl-beige-color); border-color: var(--sl-beige-color); border-width: 2px; border-radius: 3px; font-weight: 500; }
.btn-outline-beige:hover { border-color: #000; }
.btn-blue { background-color: var(--sl-dark-blue-color); color: #fff!important; border-radius: 3px; }
.btn-blue:hover { background-color: var(--sl-blue-color); }

.cta-action-button { background: linear-gradient(-45deg, #1c207A, #69A2BD, #FD9B00); background-size: 400% 400%; animation: gradientBG 8s linear infinite; color: #fff!important; border-radius: 3px; }
.cta-action-button2 { background: linear-gradient(95deg, #FD9B00 40%, #69A2BD 100%); color: #fff!important; border-radius: 3px; border: none; }
.cta-action-button3 { background: linear-gradient(95deg, #FD9B00 40%, #69A2BD 150%); color: #fff!important; border-radius: 3px; border: none; }

@keyframes gradientBG {
    0% {
        background-position: 0% 50%;
        background-color: #1c207A;
    }
    25% {
        background-color: #69A2BD;
    }
    50% {
        background-position: 100% 50%;
        background-color: #BED0DA;
    }
    75% {
        background-color: #D6AC96;
    }
    100% {
        background-position: 0% 50%;
        background-color: #FD9B00;
    }
}

::placeholder { color: #fff!important; letter-spacing: 0.25em; opacity: 1;  }
::-ms-input-placeholder { color: #fff; }

strong { font-weight: 600!important; }

.wow { visibility: hidden; }

@media (min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1060px;
    }
}
@media (min-width: 1300px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1060px;
    }
}
@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1140px;
    }
}
@media (min-width: 1500px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1320px;
    }
}


/* Header */
header { position: fixed; top: 0; height: auto; width: 100%; z-index: 1000; padding: 1rem 50px 1rem; }
.fp-viewing-section-hero header,
.fp-viewing-section-heritage header,
.fp-viewing-section-contact2 header,
body.about-developer header,
body.about-project header,
body.news header,
body.partners header,
body.heritage header,
body.construction-status header,
body.partners header,
body.location header,
body.chestionar-targuri-2025 header,
body.contact header,
body.sustainability header  { background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, rgba(255, 255, 255, 0) 90%); }
.fp-viewing-section-location header,
.fp-viewing-section-about header,
.fp-viewing-section-benefits header,
.fp-viewing-section-gallery header { background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.0) 100%); background: #ffffffed; }
header .header-widgets > div > a { color: #000; letter-spacing: 1px; }
header .logo-black { display: block; }
header .logo-white { display: none; }
header .logo img { height: 60px; height: 9vh; transition: max-height 300ms; max-height: 100px; }
@media (min-height: 1000px) {
    /* .fp-viewing-section-hero header .logo img { max-height: 60px; } */
    /* #menu-bar { padding-top: 53px; } */
}
@media (max-width:992px) {
    header .logo img { height: 60px; }
}
.fp-viewing-section-hero header .logo-black,
.fp-viewing-section-contact2 header .logo-black,
.fp-viewing-section-contact header .logo-black,
.fp-viewing-section-info header .logo-black,
.fp-viewing-section-bf header .logo-black,
body.about-developer .logo-black,
body.about-project .logo-black,
body.news .logo-black,
body.partners .logo-black,
body.location .logo-black,
body.heritage .logo-black,
body.chestionar-targuri-2025 .logo-black,
body.contact .logo-black,
body.construction-status .logo-black { display: none;}
.fp-viewing-section-hero header .logo-white,
.fp-viewing-section-contact2 header .logo-white,
.fp-viewing-section-contact header .logo-white,
.fp-viewing-section-info header .logo-white,
.fp-viewing-section-bf header .logo-white,
body.about-developer .logo-white,
body.chestionar-targuri-2025 .logo-white,
body.about-project .logo-white,
body.news .logo-white,
body.partners .logo-white,
body.heritage .logo-white,
body.location .logo-white,
body.contact .logo-white,
body.construction-status .logo-white { display: block;}
header.scroll .logo-black { display: block; }
header.scroll .logo-white { display: none; }
header .call-widget img { height: 16px; display: inline-block; vertical-align: text-top; margin-top: 1px; }
header .whatsapp-widget img { height: 25px; display: inline-block; margin-top: -8px; }
header .language-selector .lang-selector-current-lang { text-transform: uppercase; }
.fp-viewing-section-hero header .header-widgets > div > div > a,
.fp-viewing-section-info header .header-widgets > div > div > a,
.fp-viewing-section-heritage header .header-widgets > div > div > a,
.fp-viewing-section-contact2 header .header-widgets > div > div > a,
.fp-viewing-section-contact header .header-widgets > div > div > a,
.fp-viewing-section-developer header .header-widgets > div > div > a,
.fp-viewing-section-bf header .header-widgets > div > div > a,
body.about-developer .header-widgets > div > div > a,
body.chestionar-targuri-2025 .header-widgets > div > div > a,
body.about-project .header-widgets > div > div > a,
body.news .header-widgets > div > div > a,
body.partners .header-widgets > div > div > a,
body.location .header-widgets > div > div > a,
body.heritage .header-widgets > div > div > a,
body.contact .header-widgets > div > div > a,
body.construction-status .header-widgets > div > div > a { color: #fff; }

@media (min-width: 1200px) {
    header .logo img { margin-left: -13px; }
}

#menu {  z-index: 2; }
#menu-bar { width: 45px; height: 40px; cursor: pointer; padding-top: 13px; margin-left: 50px; }
.bar { height: 4px; width: 100%;  background-color: var(--sl-dark-blue-color); display: block; border-radius: 5px; transition: 0.3s ease; }
.fp-viewing-section-hero .bar,
.fp-viewing-section-info .bar,
.fp-viewing-section-contact2 .bar,
.fp-viewing-section-developer .bar,
.fp-viewing-section-heritage .bar,
.fp-viewing-section-bf .bar,
body.about-developer .bar,
body.chestionar-targuri-2025 .bar,
body.about-project .bar,
body.news .bar,
body.partners .bar,
body.location .bar,
body.heritage .bar,
body.contact .bar,
body.construction-status .bar { background-color: #fff; }
#bar1 {  transform: translateY(-6px); }
#bar3 { transform: translateY(6px); }


@media (min-width: 768px) {
    body.about-developer header,
    body.about-project header,
    body.news header,
    body.partners header { transition: all 500ms ease; }
    body.about-developer header.scrolling,
    body.chestionar-targuri-2025 header.scrolling,    
    body.about-project header.scrolling,
    body.news header.scrolling,
    body.partners header.scrolling,
    body.contact header.scrolling,
    body.heritage header.scrolling,
    body.construction-status header.scrolling,
    body.location header.scrolling,
    body.sustainability header.scrolling,
    body.promotii header.scrolling { background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.0) 100%); background: #ffffffed; }
    body.about-developer header.scrolling .header-widgets > div > div > a,
    body.chestionar-targuri-2025 header.scrolling .header-widgets > div > div > a,
    body.about-project header.scrolling .header-widgets > div > div > a,
    body.news header.scrolling .header-widgets > div > div > a,
    body.partners header.scrolling .header-widgets > div > div > a,
    body.heritage header.scrolling .header-widgets > div > div > a,
    body.construction-status header.scrolling .header-widgets > div > div > a,
    body.contact header.scrolling .header-widgets > div > div > a,
    body.location header.scrolling .header-widgets > div > div > a,
    body.sustainability header.scrolling .header-widgets > div > div > a,
    body.promotii header.scrolling .header-widgets > div > div > a { color: #000; }
    body.about-developer header.scrolling .header-widgets .phone-call-header img,
    body.chestionar-targuri-2025 header.scrolling .header-widgets .phone-call-header img,
    body.about-project header.scrolling .header-widgets .phone-call-header img,
    body.news header.scrolling .header-widgets .phone-call-header img,
    body.partners header.scrolling .header-widgets .phone-call-header img,
    body.heritage header.scrolling .header-widgets .phone-call-header img,
    body.construction-status header.scrolling .header-widgets .phone-call-header img,
    body.contact header.scrolling .header-widgets .phone-call-header img,
    body.location header.scrolling .header-widgets .phone-call-header img,
    body.sustainability header.scrolling .header-widgets .phone-call-header img,
    body.promotii header.scrolling .header-widgets .phone-call-header img { filter: invert(1); }
    body.about-developer header.scrolling .bar,
    body.chestionar-targuri-2025 header.scrolling .bar,
    body.about-project header.scrolling .bar,
    body.news header.scrolling .bar,
    body.partners header.scrolling .bar,
    body.location header.scrolling .bar,
    body.heritage header.scrolling .bar,
    body.construction-status header.scrolling .bar,
    body.sustainability header.scrolling .bar,
    body.promotii header.scrolling .bar { background-color:var(--sl-dark-blue-color); }
    body.about-developer header.scrolling .logo-black,
    body.chestionar-targuri-2025 header.scrolling .logo-black,
    body.about-project header.scrolling .logo-black,
    body.news header.scrolling .logo-black,
    body.partners header.scrolling .logo-black,
    body.heritage header.scrolling .logo-black,
    body.construction-status header.scrolling .logo-black,
    body.location header.scrolling .logo-black,
    body.contact header.scrolling .logo-black,
    body.sustainability header.scrolling .logo-black,
    body.promotii header.scrolling .logo-black { display: block; }
    body.about-developer header.scrolling .logo-white,
    body.chestionar-targuri-2025 header.scrolling .logo-white,    
    body.about-project header.scrolling .logo-white,
    body.news header.scrolling .logo-white,
    body.partners header.scrolling .logo-white,
    body.contact header.scrolling .logo-white,
    body.construction-status header.scrolling .logo-white,
    body.heritage header.scrolling .logo-white,
    body.location header.scrolling .logo-white,
    body.sustainability header.scrolling .logo-white,
    body.promotii header.scrolling .logo-white { display: none; }
}

body.about-developer .section-contact,
body.chestionar-targuri-2025 .section-contact,
body.about-project  .section-contact,
body.news  .section-contact,
body.partners  .section-contact,
body.location  .section-contact,
body.heritage  .section-contact,
body.construction-status  .section-contact,
body.sustainability  .section-contact { padding: 180px 0; }
@media (max-width: 768px) {
    body.about-developer .section-contact,
    body.chestionar-targuri-2025 .section-contact,
    body.about-project .section-contact,
    body.news .section-contact,
    body.partners .section-contact,
    body.location .section-contact,
    body.heritage .section-contact,
    body.construction-status .section-contact,
    body.sustainability .section-contact { padding: 90px 0; }
}

/* .main-menu { transition: 0.3s ease; position: absolute; }
.main-menu ul { padding: 0 22px; }
.main-menu li { list-style: none; padding: 12px 0; }
.main-menu li a { color: white; font-size: 20px; text-decoration: none; }
.main-menu li a:hover { font-weight: bold; } */
.change { display: block; }
.change .bar { background-color: var(--sl-dark-blue-color); }
.fp-viewing-section-hero .change .bar,
.fp-viewing-section-info .change .bar,
.fp-viewing-section-contact2 .change .bar,
.fp-viewing-section-developer .change .bar,
.fp-viewing-section-heritage .change .bar { background-color: #fff; }
.change #bar1 { transform: translateY(3px) rotateZ(-45deg); }
.change #bar2 { opacity: 0; }
.change #bar3 { transform: translateY(-5px) rotateZ(45deg); }

@media (max-width: 480px) {
    header .header-widgets > div > a { font-size:11px; }
}
@media (max-width: 768px) {
    header .header-widgets .cta-widget { position: fixed; bottom: 20px; left: 50%; transform: translateX(-50%); }
    header .header-widgets .cta-widget a { font-size: 14px; }
    header .header-widgets .whatsapp-widget { position: fixed; bottom: 16px; right: 20px; }
    header .header-widgets .whatsapp-widget a { font-size: 0; }
    header .whatsapp-widget img { height: 45px; }
    header .header-widgets .language-selector { top: 37px; position: absolute; right: 71px; }
    header .header-widgets .language-selector a { }
    header .header-widgets .call-widget { bottom: 19px; position: fixed; left: 30px; }
    header .header-widgets .call-widget a { font-size: 0; }
    header .call-widget img { height: 40px; padding: 8px; background: #000; border-radius: 100%; }
}
@media (max-width: 992px) {
    header { padding: 1rem 10px 1rem; position: absolute; background: linear-gradient(180deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 90%); }
}
@media (min-width: 992px) and (max-height: 1000px) {
     header { padding-top: 1rem; padding-bottom: 1rem; }
}


/* Section Nav */
#fp-nav.fp-left { left: 50px; }
#fp-nav ul li a span, .fp-slidesNav ul li a span { width: 6px; height: 6px; background: var(--sl-beige-color); }
#fp-nav ul li, .fp-slidesNav ul li { height: 25px; }
#fp-nav ul li .fp-tooltip.fp-left { top: 4px; color: #000; }
.fp-viewing-section-hero  #fp-nav ul li .fp-tooltip.fp-left { color: #fff; }
#nav-line-lateral { position: fixed; z-index: 110; background: var(--sl-beige-color); width: 1px; height: 80%; bottom: 0; left: 100px; opacity: 20%; display: none; }
body.homepage #nav-line-lateral,
body.apartments #nav-line-lateral,
body.apartments-test #nav-line-lateral { display: block; }
.fp-viewing-section-hero #nav-line-lateral { opacity: 0; transition: all 600ms ease; }
@media (max-width: 992px) {
    #nav-line-lateral { display: none; }
    body.homepage #nav-line-lateral,
    body.apartments #nav-line-lateral,
    body.apartments #nav-line-lateral { display: none; }
}

/* Hero section */
.section-hero .fp-overflow { height: 100%; }
.section-hero #hero-slider { height: 100%; }
.section-hero #hero-content { position: absolute; left: 0; right: 0; bottom: 0; color: #fff; z-index: 500; text-shadow: 1px 1px 2px #000; }
.section-hero .col-border-right { border-right: 2px solid #fff; }
.section-hero #hero-slider .overlay { position: absolute; background: linear-gradient(25deg, rgba(105, 162, 189, 1) 0%, rgba(255, 255, 255, 0) 50%); z-index: 100;  width: 100%;  height: 80%; bottom: 0;}
.section-hero #hero-slider .overlay2 { position: absolute; background: linear-gradient(342deg, rgba(105, 162, 189, 1) 0%, rgba(255, 255, 255, 0) 50%); z-index: 100;  width: 100%;  height: 77%; bottom: 0;}
.section-hero #image-holder { transition: all 500ms ease; }
@media (max-width: 992px) {
    .section-hero #hero-slider { height: 100vh!important; }
    .section-hero #hero-content { text-shadow: 0px 1px 1px #000; }
    .section-hero .col-border-right { border-right: none; }
    .section-hero #hero-slider .overlay { height: 100%; }

    body.about-developer #image-holder { background-size: 160%!important; background-color: #3a556a!important; }
}
@media (min-width: 992px) and (max-height: 850px) {
    #hero-content h1 { font-size: 5rem!important; }
    #hero-content p { font-size: 1.75rem!important; }
}

/* About section */
.section-about, 
.section-black-friday { overflow: hidden; }
.section-about .slick-track,
.section-black-friday .slick-track,
.about-gallery .slick-track,
.section-subscribe-offers .slick-track { display: flex; }
.section-about .slick-slide,
.section-black-friday .slick-slide,
.section-subscribe-offers .slick-slide { margin-right: 20px; }
.section-about .about-gallery,
.about-gallery { overflow: hidden; position: relative; }
.section-black-friday .bf-gallery { position: relative; }
.section-black-friday .bf-gallery .slick-list { overflow: hidden; padding-left: 20px; }

.section-black-friday .slick-prev, 
.section-black-friday .slick-next { z-index: 30; }
.section-black-friday .slick-prev:before, 
.section-black-friday .slick-next:before { font-size: 38px; }

@media (max-width: 480px) {
    .slick-prev { left: 0; z-index: 50; }
    .slick-next { right: 0; z-index: 50; }
    
    .section-about .slick-prev:before, 
    .section-about .slick-next:before { font-size: 36px; }

    .section-black-friday .slick-slide { margin-right: 0; }
    .section-black-friday .bf-gallery .slick-list { padding-left: 0; margin-left: 20px; margin-right: 20px;}
}

@media (min-width: 992px) and (max-height:850px) {
    .section-about h2 { font-size: 1.5rem!important; margin-bottom: 1rem !important; }
    .section-about p { font-size: 14px; }
}
/* Section location */
.section-location #map-embed { max-height: 66vh; }
@media (min-width: 1200px) and (max-height: 850px) {
    .section-location #map-embed { max-height: 59vh; }
}
/* Benefits section */
.section-benefits .fp-overflow { height: 100%; display: flex; align-items: flex-end; overflow-x: hidden; }
.section-benefits .container { height: 85vh; /*max-height: 800px;*/ margin-bottom: 80px!important; }
.section-benefits .beige-bg { height:calc(100% - 100px);background-color:var(--sl-beige-color);position:absolute;right:-100%;top:50px;left:calc(50px + 5rem); }
@media (max-width: 992px) {
    .section-benefits .container { height: auto; max-height: initial; } 
    .section-benefits .beige-bg { right: calc(40px); left: calc(40px); }
}
@media (min-width: 992px) and (max-height:850px) {
    .section-benefits .background-dark-blue { font-size: 14px; }
}

/* Project summary section */
.section-project-summary .fp-overflow { height: 100%; display: flex; align-items: center; overflow-x: hidden; }
.section-project-summary .beige-bg { height:calc(100% - 100px);background-color:var(--sl-beige-color);position:absolute;right:calc(50px + 5rem);top:50px;left:calc(50px + 5rem); }

@media (min-width: 992px) and (max-height:960px) {
    .section-project-summary .container { height: 80vh; /*max-height: 800px;*/ } 
    .section-project-summary h2 { }
    .section-project-summary h2 br { display: none; }
}

/* Heritage section */
.section-heritage { background: url(/storage/app/resources/resize/1920_1080_0_0_auto/img_fb8e32322b307f8487e6e4c7c7947bc7.jpg); background-size: cover; background-repeat: no-repeat; }
.section-heritage .fp-overflow { height: 100%; display: flex; align-items: flex-end; }
.section-heritage .brand-video { text-align: center; position: relative; }
.section-heritage .play-btn { width: 48px; height: 48px; display: inline-block; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); }

@media (max-width: 992px) {
    .section-heritage { background:#fff; }
}
@media (min-width: 992px) and (max-height:850px) {
    .section-heritage p { font-size: 14px; }
}

/* Dicover Offers section */
.section-discover-offers { background: url(/storage/app/media/assets/e4300a3a-f341-4b6a-996f-1b8ac8986f4f-2-1.png); background-size: cover; background-repeat: no-repeat; background-position: center center; }
.section-discover-offers .fp-overflow { height: 100%; display: flex; align-items: center; }
.section-discover-offers .offers-badge { background: url(/storage/app/media/assets/skycerc-1.png); background-size: contain; background-repeat: no-repeat; background-position: center center; max-width: 600px; margin: 0 auto; padding: 120px 90px; }

@media (max-width: 992px) {
    .section-discover-offers { }
}
@media (max-width: 768px) {
    .section-discover-offers .offers-badge { padding: 120px 53px; margin: 0 -15px 0 -10px; }
}
.offer-details-section { background: #76A1BA; }


/* Apartments summary section */
.section-apartments-summary { background: url(/storage/app/resources/resize/1920_1080_0_0_auto/img_fb8e32322b307f8487e6e4c7c7947bc7.jpg); background-size: cover; background-repeat: no-repeat; }
.section-apartments-summary .fp-overflow { /*height: 100%; display: flex; align-items: flex-end;*/ }
.section-apartments-summary .key-figures > div:nth-child(2n) { background: rgba(255,255,255,0.8); }
.section-apartments-summary .key-figures > div:nth-child(2n+1) { background: rgb(214 172 150 / 50%); background: rgb(209 207 206 / 70%); }
@media (max-width: 992px) {
    .section-apartments-summary .key-figures > div { background: rgba(255,255,255,0.8)!important; }
    .section-apartments-summary .key-figures > div:nth-child(4n+1),
    .section-apartments-summary .key-figures > div:nth-child(4n+4) { background: rgb(214 172 150 / 20%); background: rgb(209 207 206 / 70%)!important;  }
}
@media (min-width: 992px) and (max-height:850px) {
    .section- p { font-size: 14px; }
}

/* Apartment Variants */
.section-apartment-type { overflow: hidden; }
.apartment-type-variants .slick-track { display: flex; }
.apartment-type-variants  .slick-prev:before, .apartment-type-variants  .slick-next:before { font-size: 48px; color: #333; }
.apartment-variant-head { border-right: 1px solid var(--sl-beige-color); padding: 0 30px; }
.apartment-variant-image { padding: 0 30px; }
.section-apartment-type .row .col-12:last-child .apartment-variant-head,
.section-apartment-type .row .col-12:last-child .apartment-variant-image { border: none!important; }
.section-apartment-type .row .col-12:first-child .apartment-variant-head,
.section-apartment-type .row .col-12:first-child .apartment-variant-image {  }
@media (max-width: 992px) {
    .apartment-variant-head { border: none!important; }
}
@media (min-width: 992px) {
    .section-apartment-type .row .col-12:last-child .apartment-variant-head,
    .section-apartment-type .row .col-12:last-child .apartment-variant-image { border: none!important; padding-right: 0;}
    .section-apartment-type .row .col-12:first-child .apartment-variant-head,
    .section-apartment-type .row .col-12:first-child .apartment-variant-image { padding-left: 0;}
}

/* Developer Section */
.section-developer { overflow: hidden; position: relative; background: var(--sl-light-blue-color); }
.section-developer .fp-overflow { height: 100%; display: flex; align-items: flex-end; }
.section-developer { }
.section-developer .brand-video { text-align: center; position: relative; }
.section-developer .play-btn { width: 48px; height: 48px; display: inline-block; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); }

@media (max-width: 992px) {
    .section-developer { background:#fff; }
    .section-developer .developer-intro { background:#bed0da69; }
}
@media (min-width: 992px) {
    .brand-video-cover { height: 18vh; object-fit: cover;aspect-ratio: 16 / 9; }
}

@media (min-width: 992px) and (max-height:850px) {
    .section-developer p { font-size: 14px; }
}


/* Video Section */
.section-video { overflow: hidden; position: relative; background: var(--sl-light-blue-color); }
.section-video .fp-overflow { height: 100%; display: flex; align-items: center; }
.section-video { }


/* Gallery Section */
.section-gallery,
.section-usps { overflow: hidden; }
.section-gallery .slick-track,
.section-usps .slick-track { display: flex; }
.section-gallery .slick-slide,
.section-usps .slick-slide { margin-right: 20px; }
.section-gallery .slick-prev,
.section-usps .slick-rev { z-index: 999; }
.section-gallery .fp-overflow { overflow-x: hidden; }
.section-gallery .slick-prev:before, 
.section-gallery .slick-next:before,
.section-usps .slick-prev:before, 
.section-usps .slick-next:before,
.section-subscribe-offers .slick-prev:before, 
.section-subscribe-offers .slick-next:before { font-size: 48px; opacity: .9; }

.slick-prev, .slick-next { width: 48px; height: 48px; }


@media (max-width: 480px) {
    .offers-gallery .slick-slide,
    .offers-gallery .slick-slide { margin-right: 0; }
    .offers-gallery .slick-list { overflow: hidden; }
}

/* Contact Section */
.section-contact  { background: url(/storage/app/resources/resize/1920_1080_0_0_auto/img_60c1eadaec14848a1eb3ae7d54f4b1c0.jpg); background-repeat: no-repeat; background-size: cover; background-position: center center; position: relative; }
.section-contact .overlay { position: absolute; background: url(/themes/skylight/assets/images/overlay.png); background-repeat: no-repeat; background-size: 100%; z-index: 100;  width: 100%;  height: 100%; bottom: 0;}
.section-contact .fp-overflow { height: 100%; display: flex; align-items: flex-end; }
.section-contact .form-wrapper { background: rgba(0,0,0,0.55); padding: 50px 60px; }
.section-contact .container { z-index: 500; }
.section-contact .form-wrapper input[type="text"],
.section-contact .form-wrapper input[type="email"],
.section-contact .form-wrapper textarea { background: transparent; border-bottom: 2px solid #fff; width: 100%; margin-bottom: 1rem; padding: 1rem; color: #fff; text-transform: uppercase; }
.section-contact .form-wrapper input[type="text"]:focus, 
.section-contact .form-wrapper input[type="email"]:focus, 
.section-contact .form-wrapper textarea:focus { outline: none; }
@media (max-width: 480px) {
    .section-contact .container { padding-top: 0!important; }
    .section-contact .form-wrapper { background: rgba(0,0,0,0.25); }
}
@media (max-width: 992px) {
    .section-contact .form-wrapper { background: rgba(0,0,0,0.45); padding: 50px 40px; }
}


.project-wrapper a:before { content: " "; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, rgba(255, 255, 255, 0) 60%); }
/* Other Projects section */
@media (max-width: 480px) {
    .project-wrapper a:before { content: " "; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, rgba(255, 255, 255, 0) 60%); }
    .project-wrapper .project-logo { max-width: 200px; top: 1rem; left: 1rem; }
}


/* Section Footer */
.section-footer { background: #15151e; }



.fp-watermark { display: none!important;}


/* Preloader */
.hide-on-loading {
    display:none;
}
body.loaded {
  /* overflow:auto!important; */
  height: 100% !important;
}

.loader-wrap {
  position: fixed;
  /* z-index: 10; */
  height: 100vh;
  width: 100%;
  left: 0;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: #f4efea;
  background: #fff;
  background: transparent;
  color:#fff;
  z-index: 99999999999999;

}

.loader-wrap svg {
  position: absolute;
  top: 0;
  width: 100vw;
  height: 110vh;
  fill: #faf4f1;
}

.loader-wrap .loader-wrap-heading .load-text {
  font-size: 20px;
  font-weight: 400;
  letter-spacing: 15px;
  text-transform: uppercase;
  z-index: 20;
  color: #212529;
}

.load-text span {
  -webkit-animation: loading 1s infinite alternate;
  animation: loading 1s infinite alternate;
}

.load-text span:nth-child(1) {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}

.load-text span:nth-child(2) {
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s;
}

.load-text span:nth-child(3) {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}

.load-text span:nth-child(4) {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}

.load-text span:nth-child(5) {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}

.load-text span:nth-child(6) {
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}

.load-text span:nth-child(7) {
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
}

@-webkit-keyframes loading {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes loading {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}



/*********footer*******************/
.kilimanjaro_area {
    position: relative;
    z-index: 1;
	}
	.foo_top_header_one {
    background-color: #15151e;
    color: #fff;
}
.section_padding_100_70 {
    padding-top: 100px;
    padding-bottom: 70px;
}
.foo_top_header_one {
    color: #fff;
}.kilimanjaro_part {
    margin-bottom: 30px;
}
.foo_top_header_one .kilimanjaro_part > h5 {
    color: #fff;
}
.kilimanjaro_part h4, .kilimanjaro_part h5 {
    margin-bottom: 30px;
}
.kilimanjaro_single_contact_info > p, .kilimanjaro_single_contact_info > h5, .kilimanjaro_blog_area > a, .foo_top_header_one .kilimanjaro_part > p {
    color: rgba(255,255,255,.5);
}
p, ul li, ol li {
    font-weight: 300;
}
ul {
    margin: 0;
    padding: 0;
}
.section_padding_50 {
    padding: 50px 0;
}
.kilimanjaro_bottom_header_one p {
    color: #fff;
    margin: 0;
}
p, ul li, ol li {
    font-weight: 300;
}
.kilimanjaro_bottom_header_one a {
    color: inherit;
    font-size: 14px;
}

.kilimanjaro_widget > li {
    display: inline-block;
}
p, ul li, ol li {
    font-weight: 300;
}
ol li, ul li {
    list-style: outside none none;
}
.kilimanjaro_widget a {
    border: 1px solid #333;
    border-radius: 6px;
    color: #888;
    display: inline-block;
    font-size: 13px;
    margin-bottom: 4px;
    padding: 7px 12px;
}
ul {
    margin: 0;
    padding: 0;
}
.kilimanjaro_links a {
    border-bottom: 1px solid #333;
    color: rgba(255,255,255,.5);
    display: block;
    font-size: 13px;
    margin-bottom: 5px;
    padding-bottom: 10px;
}
.kilimanjaro_links a {
    color: rgba(255,255,255,.5);
    font-size: 13px;
}
top-15 {
    margin-top: 15px;
}
.foo_top_header_one .kilimanjaro_part > h5 {
    color: #fff;
}
.kilimanjaro_part h4, .kilimanjaro_part h5 {
    margin-bottom: 30px;
}
.kilimanjaro_social_links > li {
    display: inline-block;
}
p, ul li, ol li {
    font-weight: 300;
}
.kilimanjaro_social_links a {
    border: 1px solid #333;
    border-radius: 6px;
    color: #888;
    display: inline-block;
    font-size: 13px;
    margin-bottom: 3px;
    padding: 7px 12px;
}
.kilimanjaro_blog_area .kilimanjaro_date {
    color: #27ae60;
    font-size: 13px;
    margin-bottom: 5px;
}
.kilimanjaro_blog_area > p {
    color: rgba(255,255,255,.5);
    line-height: 1.3;
    margin-bottom: 0;
}
.kilimanjaro_works > a {
    display: inline-block;
    float: left;
    position: relative;
    width: 33.33333333%;
    z-index: 1;
}
.kilimanjaro_thumb {
    left: 0;
    position: absolute;
    top: 0;
    width: 75px;
}
.kilimanjaro_links a i {
    padding-right: 10px;
}
  /* :: 18.0 Footer Area CSS */

    .footer_area {
        position: relative;
        z-index: 1;
    }
 .footer_bottom p > i,
    .footer_bottom p > a:hover {
        color: #27ae60;
    }	

    .social_links_area {
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
        padding: 50px 0 30px 0;
        text-align: center;
        position: relative;
        z-index: 1;
    }
 .social_links_area > a:hover {
        color: #27ae60;
    }

    .inline-style .social_links_area > a:hover {
        background-color: transparent;
        color: #27ae60;
        border: 0px solid transparent;
    }
 .single_feature:hover .feature_text h4 {
        color: #27ae60;
    }
.kilimanjaro_blog_area {
    border-bottom: 1px solid #333;
    margin-bottom: 15px;
    padding: 0 0 15px 90px;
    position: relative;
    z-index: 1;
}
.kilimanjaro_links a {
    border-bottom: 1px solid #333;
    color: rgba(255,255,255,.5);
    display: block;
    font-size: 13px;
    margin-bottom: 5px;
    padding-bottom: 10px;
}


.hamenu {
  position: fixed;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100vh;
  background: #1d1d1d;
  background: var(--sl-dark-blue-color);
  overflow: hidden;
  z-index: 9999;
  -webkit-transition: all 0.5s cubic-bezier(1, 0, 0.55, 1);
  -o-transition: all 0.5s cubic-bezier(1, 0, 0.55, 1);
  transition: all 0.5s cubic-bezier(1, 0, 0.55, 1);
}

.hamenu .logo {
  position: absolute;
  top: 40px;
  left: 40px;
}

.hamenu .close-menu {
  position: absolute;
  top: 30px;
  right: 40px;
  width: 60px;
  height: 60px;
  line-height: 60px;
  border: 1px solid #000;
  border-radius: 50%;
  text-align: center;
  cursor: pointer;
  z-index: 4;
    font-size: 20px;
    color: #000;
}

.hamenu .logo,
.hamenu .close-menu {
  -webkit-transform: translateY(-100px);
  -ms-transform: translateY(-100px);
  transform: translateY(-100px);
  opacity: 0;
  -webkit-transition: all .4s;
  -o-transition: all .4s;
  transition: all .4s;
}

.hamenu.open .logo,
.hamenu.open .close-menu {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
  -webkit-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
}

.hamenu.open .menu-links .main-menu > li .link {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
  -webkit-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
  letter-spacing: 0.15em;
}

.hamenu.open .cont-info .item {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
  -webkit-transition-delay: 1.4s;
  -o-transition-delay: 1.4s;
  transition-delay: 1.4s;
}

.hamenu.open .menu-text .text {
  opacity: 1;
  -webkit-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
}

.hamenu.open .menu-text:after {
  height: 200vh;
  -webkit-transition-delay: .7s;
  -o-transition-delay: .7s;
  transition-delay: .7s;
}

.hamenu .menu-links {
  color: #fff;
  height: 100vh;
  padding-top: 140px;
  overflow: auto;
}

.hamenu .menu-links::-webkit-scrollbar {
  width: 5px;
}

.hamenu .menu-links::-webkit-scrollbar-track {
  background: #111;
}

.hamenu .menu-links::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.2);
  border-radius: 5px;
}

.hamenu .menu-links .main-menu {
  position: relative;
  z-index: 2;
}

.hamenu .menu-links .main-menu ul {
  margin: 0;
  padding: 0;
}

.hamenu .menu-links .main-menu > li {
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
}

.hamenu .menu-links .main-menu > li .link {
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  line-height: 1.2;
  padding: 12px 30px;
  border-top: 1px solid rgba(255, 255, 255, 0.05);
  width: 100%;
  position: relative;
  display: block;
  -webkit-transform: translateY(100px);
  -ms-transform: translateY(100px);
  transform: translateY(100px);
  opacity: 0;
  -webkit-transition: all .7s;
  -o-transition: all .7s;
  transition: all .7s;
  font-size: 30px;
}

.hamenu .menu-links .main-menu > li .link i {
  position: absolute;
  width: 90px;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.02);
}

.hamenu .menu-links .main-menu > li .link i:before {
  content: '';
  width: 1px;
  height: 16px;
  position: absolute;
  top: 50%;
  left: 50%;
  background: #fff;
}

.hamenu .menu-links .main-menu > li .link i:after {
  content: '';
  width: 16px;
  height: 1px;
  position: absolute;
  top: calc(50% + 8px);
  left: calc(50% - 8px);
  background: #fff;
}

.hamenu .menu-links .main-menu > li .link.dopen i:before {
  opacity: 0;
}

.hamenu .menu-links .main-menu > li .link .fill-text {
  position: relative;
  color: rgba(255, 255, 255, 0.8);
}

.hamenu .menu-links .main-menu > li .link .fill-text:after {
  content: attr(data-text);
  position: absolute;
  top: 0;
  left: 0;
  color: #fff;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  -webkit-transition: width 0.75s cubic-bezier(0.63, 0.03, 0.21, 1);
  -o-transition: width 0.75s cubic-bezier(0.63, 0.03, 0.21, 1);
  transition: width 0.75s cubic-bezier(0.63, 0.03, 0.21, 1);
}

.hamenu .menu-links .main-menu > li:last-of-type .link {
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.hamenu .menu-links .main-menu > li.hoverd .link .fill-text:after {
  width: 0;
}

.hamenu .menu-links .main-menu > li .sub-dmenu {
  font-size: 30px;
  font-weight: 500;
  padding-left: 50px;
  text-transform: capitalize;
  letter-spacing: normal;
  border-color: rgba(255, 255, 255, 0.02);
  background: rgba(255, 255, 255, 0.009);
}

.hamenu .menu-links .main-menu .sub-menu {
  display: none;
  padding: 20px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.05);
}

.hamenu .menu-links .main-menu .sub-menu.no-bord {
  border-top: 0;
  padding: 0;
}

.hamenu .menu-links .main-menu .sub-menu li {
  padding: 0;
  margin: 0;
  line-height: 1;
  font-size: 22px;
  font-weight: 400;
}

.hamenu .menu-links .main-menu .sub-menu li a {
  padding: 12px 12px 12px 40px;
  opacity: .6;
  -webkit-transition: all .4s;
  -o-transition: all .4s;
  transition: all .4s;
}

.hamenu .menu-links .main-menu .sub-menu li a:hover {
  opacity: 1;
}

.hamenu .menu-links .main-menu .sub-menu2 {
  display: none;
  padding: 10px 0 20px;
}

.hamenu .menu-links .main-menu .sub-menu2 li {
  padding: 0;
  margin: 0;
  line-height: 1;
  font-size: 22px;
  font-weight: 400;
}

.hamenu .menu-links .main-menu .sub-menu2 li a {
  padding: 12px 12px 12px 70px;
  opacity: .6;
  -webkit-transition: all .4s;
  -o-transition: all .4s;
  transition: all .4s;
}

.hamenu .menu-links .main-menu .sub-menu2 li a:hover {
  opacity: 1;
}

.hamenu .menu-text {
  position: relative;
  height: 100%;
}

.hamenu .menu-text .text {
  position: absolute;
  right: 25%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 2;
  opacity: 0;
  -webkit-transition: all .4s;
  -o-transition: all .4s;
  transition: all .4s;
}

.hamenu .menu-text .text h2 {
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  font-size: 10vw;
  font-weight: 800;
  line-height: 1;
  text-transform: uppercase;
  opacity: .02;
}

.hamenu .menu-text:after {
  content: '';
  width: 1px;
  height: 0;
  background: rgba(255, 255, 255, 0.05);
  position: absolute;
  right: -30px;
  bottom: -75vh;
  -webkit-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}

.hamenu .cont-info {
  padding-top: 140px;
  padding-left: 15px;
  position: relative;
  z-index: 3;
}

.hamenu .cont-info:after {
  content: '';
  width: 300%;
  height: 200vh;
  position: absolute;
  left: -30px;
  top: -75vh;
  background: #1a1a1a;
  background: var(--sl-light-blue-color);
  z-index: -1;
}

.hamenu .cont-info .item {
  -webkit-transform: translateY(50px);
  -ms-transform: translateY(50px);
  transform: translateY(50px);
  -webkit-transition: all .4s;
  -o-transition: all .4s;
  transition: all .4s;
  opacity: 0;
}

.hamenu .cont-info .item h5 {
  font-size: 20px;
}

@media (max-width: 992px) {
    .hamenu .cont-info:after { display: none; }
    .hamenu .logo { display: none; }
    .hamenu .menu-links .main-menu > li .link { padding: 13px 30px; font-size: 18px; }
    .hamenu .close-menu { color: #fff; border-color: #fff; }
}

@media all and (min-width : 600px) { 
    .anpc-left {
        margin-right:10px;
    }
}

@media all and (max-width : 600px) { 
    .anpc-left {
        margin-bottom:10px;
        margin-top: 30px;
    }
}



.soft-card { background: rgb(249,248,248); background: linear-gradient(128deg, rgba(249,248,248,1) 0%, rgba(236,239,241,1) 100%); box-shadow: 6px 6px 25px #f3f0f0; }

.our-projects { background: rgb(105,162,189); background: linear-gradient(45deg, rgba(105,162,189,1) 0%, rgba(212,220,223,1) 100%);}


.section-usps .slick-slide > div { height: 100%; }
.section-usps .slick-slide { width: 300px; }

@media (min-width: 480px) {
    .section-usps .slick-slide { width: 450px; }
}
@media (min-width: 1200px) {
    .section-usps .slick-slide { width: 600px; }
} 

body.about-project .section-gallery { padding: 180px 0; }

@media (max-width: 768px) {
    body.about-project .section-gallery { padding: 0 0; }
}

.section-facilities .facility { background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 0%, rgba(105,162,189,1) 0%, rgba(105,162,189,1) 85%, rgba(255,255,255,1) 85%, rgba(255,255,255,1) 100%); }
.section-facilities .facility:nth-child(4) { background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 15%, rgba(105,162,189,1) 15%, rgba(105,162,189,1) 100%, rgba(255,255,255,1) 100%, rgba(255,255,255,1) 100%); }
@media (min-width: 992px) {
    .section-facilities .facility,
    .section-facilities .facility:nth-child(4) { background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 15%, rgba(105,162,189,1) 15%, rgba(105,162,189,1) 85%, rgba(255,255,255,1) 85%, rgba(255,255,255,1) 100%); }
}
.section-facilities .facility.lightblue { background: linear-gradient(180deg, rgba(255,255,255,1) 15%, rgba(255,255,255,1) 15%, rgba(190,208,218,1) 15%, rgba(190,208,218,1) 100%, rgba(255,255,255,1) 100%, rgba(255,255,255,1) 100%); }
@media (min-width: 992px) {
    .section-facilities .facility.lightblue { background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 15%, rgba(190,208,218,1) 15%, rgba(190,208,218,1) 85%, rgba(255,255,255,1) 85%, rgba(255,255,255,1) 100%); }
}
.section-facilities .facility.orange { background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 0%, rgba(254,151,62,1) 0%, rgba(254,151,62,1) 85%, rgba(255,255,255,1) 85%, rgba(255,255,255,1) 100%); }
@media (min-width: 992px) {
    .section-facilities .facility.orange { background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 15%, rgba(254,151,62,1) 15%, rgba(254,151,62,1) 85%, rgba(255,255,255,1) 85%, rgba(255,255,255,1) 100%); }
}

.section-facilities .facility .image-wrapper { position: relative; }
.section-facilities .facility .image-wrapper:before { position: absolute; content: " "; width: calc(100% - 1.5rem); height: 50%; top:50%; transform: translateY(-50%); box-shadow: 0px 0px 42px 20px #1F749D; }
.section-facilities .facility .image-wrapper img { position: relative; aspect-ratio: 4 / 3; object-fit: cover; }
.section-facilities .facility.lightblue .image-wrapper:before { box-shadow: 0px 0px 42px 20px #9EB9C8; }
.section-facilities .facility.orange .image-wrapper:before { box-shadow: 0px 0px 42px 20px #FE6500; }

.news-article-image { aspect-ratio: 4 / 3; object-fit: cover; }

#contact_form ::placeholder {
    color: #69A2BD !important;
    opacity: 1;
    letter-spacing: normal !important;
    font-size: 16px !important;
    font-weight: 500;
}

.contactPageForm input,
.contactPageForm textarea { border-top: none!important; border-left: none!important; border-right: none!important;}

body.promotii .phone-call-header img { filter: invert(1); }

@media (max-width: 767px) {
    body.contact .section-hero #image-holder { background-size: contain!important; background-size: 120%!important; background-position: center 100px!important; }
    body.contact .section-hero #hero-slider { height: 60vh !important; }
    body.contact .section-hero #hero-content { bottom: auto; top: 44vh; }
}

