@import url(https://db.onlinewebfonts.com/c/8e9bab29c77d07bb5ec48564f56ec36d?family=Ondine+LT+Std);

@font-face {
    font-family: "Ondine LT Std";
    src: url("https://db.onlinewebfonts.com/t/8e9bab29c77d07bb5ec48564f56ec36d.eot");
    src: url("https://db.onlinewebfonts.com/t/8e9bab29c77d07bb5ec48564f56ec36d.eot?#iefix")format("embedded-opentype"),
        url("https://db.onlinewebfonts.com/t/8e9bab29c77d07bb5ec48564f56ec36d.woff2")format("woff2"),
        url("https://db.onlinewebfonts.com/t/8e9bab29c77d07bb5ec48564f56ec36d.woff")format("woff"),
        url("https://db.onlinewebfonts.com/t/8e9bab29c77d07bb5ec48564f56ec36d.ttf")format("truetype"),
        url("https://db.onlinewebfonts.com/t/8e9bab29c77d07bb5ec48564f56ec36d.svg#Ondine LT Std")format("svg");
}

.pageSliderContent iframe {
    transform: scale(1.65);
    width: 100%;
    height: 100%;
}

#slider-1 #slide-items-1 .slider-contents {
    text-align: left !important;
}

.logo img {
    max-height: 55px !important;
}

#page-1 .logo img {
    max-height: 65px !important;
    filter: brightness(0);
}

@media (min-width: 768px) {

    .section-header .col-lg-9,
    .section-header .col-lg-7 {
        justify-content: start;
        width: 78%;
        position: relative;
    }

    .section-header .col-lg-3 {
        width: 100%;
        z-index: 99999999999999;
        position: relative;
        height: 100%;
    }

    .section-header .col-lg-3 #menuClick {
        position: absolute;
        right: 0;
    }

    .section-header.fixed .col-lg-3 {
        margin-top: 0px;
    }

    .section-header #navigation>ul>li a,
    .nav-right .select-language .lang-menu>ul>li>a {
        font-size: 30px !important;
        font-weight: 700;
    }

    .section-header #navigation>ul>li.dropdown .dropdown-trigger {
        display: none !important;
    }

    .section-header #navigation>ul>li .dropdown-menu li a {
        font-size: 30px !important;
        margin-top: 1px;
        margin-left: 70px;
    }

    .section-header #navigation ul li#languages:hover a,
    .section-header #navigation>ul>li.active a {
        color: #fff !important;
    }

    #languages .active::after {
        display: none !important;
    }
}

.section-top-bar .container {
    display: none !important;
}

.slider-description .btn-color {
    color: #fff !important;
    background-color: #000 !important;
    border: none;
    border-radius: 0px;
    margin-top: 15px;
    position: relative;
    z-index: 9999;
}

.slider-description .btn-color:hover,
.slider-description .btn-color:focus {
    background-color: var(--site-color);
}

#slider-1 #slide-items-1::before {
    background: transparent !important;
    background-image: url(/images/video-mask.png) !important;
}

#page-detail-section-4 .rexa-gorseller video {
    border-radius: 300px;
}

.weta-slider-tag {
    color: #fff !important;
    position: relative;
    font-size: 45px;
}

.weta-slider-tag span,
.slider-description span {
    animation: rotateOutWord 0.3s linear forwards;
    -webkit-animation: rotateOutWord 0.3s linear forwards;
    position: absolute;
    top: 10px;
    left: 10px;
}

.slider-description span {
    top: 60px;
    left: 0;
    padding: 35px;
}

.weta-slider-tag span.active,
.slider-description span.active {
    animation: rotateInWord 0.3s linear forwards;
    -webkit-animation: rotateInWord 0.3s linear forwards;
}

@keyframes rotateInWord {
    0% {
        opacity: 0;
        transform: translateY(-30px);
    }

    100% {
        opacity: 1;
        transform: translateY(0px);
    }
}

@keyframes rotateOutWord {
    0% {
        opacity: 1;
        transform: translateY(0px);
    }

    100% {
        opacity: 0;
        transform: translateY(30px);
    }
}

/* .slider-contents {
  width: 50%;
  min-height: 250px;
  padding: 20px;
  background-color: rgba(0, 0, 0, 0.75);
  bottom: 35px;
} */

#page-1 .section-header {
    background: transparent !important;
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 99999;
    height: 90px;
}

.section-header .container {
    height: 100%;
}

#page-1 .section-header.fixed {
    background-color: #000 !important;
}

#bar-social-media li a {
    color: #fff;
}

#page-1 .logo img {
    filter: none;
    margin-top: 40px;
}

#page-1 .section-header.fixed .logo img {
    margin-top: 0px;
}

@media (min-width: 768px) {
    #navigation {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100vh;
        z-index: 999999999999;
        background: #11141b;
        justify-content: center;
        align-items: center;
    }

    .section-header #navigation>ul {
        justify-content: flex-start;
        align-items: end;
        padding-top: 10% !important;
        flex-direction: column;
    }

    .section-header #navigation>ul #languages {
        min-width: 170px;
        opacity: 1 !important;
    }

    .section-header #navigation>ul #languages:hover,
    .section-header #navigation>ul #languages li {
        opacity: 1 !important;
    }

    .section-header #navigation>ul #languages li:nth-child(2),
    .section-header #navigation>ul #languages li:nth-child(3) {
        display: none;
    }

    .section-header #navigation>ul:nth-child(1) {
        width: 32%;
        border-left: 1px solid rgba(255, 255, 255, 0.1);
        order: 2;
    }

    .section-header #navigation>ul:nth-child(2) {
        width: 37%;
        display: block !important;
    }

    .section-header #navigation>ul>li,
    .lang-menu>ul>li {
        height: max-content;
    }

    .section-header .col-lg-9,
    .section-header .col-lg-7 {
        width: 62.4%;
    }

    .section-header .col-lg-2 {
        justify-content: end;
        height: 75px;
    }
}

#menuClick span,
.menu-button.open span {
    background-color: #fff !important;
}

.loader-mask {
    background-color: #000;
}

.section-header .col-lg-2,
#languageForm span.fa-solid.fa-globe {
    display: none !important;
}

#languageForm img {
    height: 20px;
    filter: brightness(100);
    margin-right: 10px;
    display: block;
}

#languages .dropdown-menu,
#languages:hover .dropdown-menu {
    opacity: 1 !important;
    visibility: visible !important;
    background: transparent !important;
    top: 0 !important;
}

#languages .dropdown-menu a {
    font-size: 18px !important;
    height: 70px;
    line-height: 37px;
    margin-left: 50px;
}

.section-header .col-lg-3.active .logo img {
    filter: none !important;
}

.contact-navbar * {
    color: #fff !important;
}

.contact-navbar .contact-oge p {
    padding-left: 50px;
    margin: 0px;
    color: #c8c8c8 !important;
    min-height: 40px;
    display: flex;
    align-items: center;
    position: relative;
}

.contact-navbar .contact-oge p span {
    position: absolute;
    top: 0;
}

.contact-navbar .contact-oge {
    margin-bottom: 50px;
}

.contact-navbar .contact-oge a {
    text-transform: none !important;
}

.contact-navbar a::after,
.section-header #navigation>ul>li#languages a::after {
    display: none;
}

.contact-navbar .icon {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #fff;
    padding: 5px;
    width: 40px;
    height: 40px;
}

body.active #cursor {
    position: fixed;
    top: -5px;
    left: -5px;
    width: 10px;
    height: 10px;
    background-color: #fff;
    border-radius: 50%;
    pointer-events: none;
    z-index: 9999999999;
}

body.active #cursor-border {
    --size: 50px;
    position: fixed;
    top: calc(var(--size) / -2);
    left: calc(var(--size) / -2);
    width: var(--size);
    height: var(--size);
    border-radius: 50%;
    box-shadow: 0 0 0 1px #fff;
    pointer-events: none;
    transition: top 0.15s ease-out, left 0.15s ease-out, width 0.15s ease-out,
        height 0.15s ease-out, background-color 0.15s ease-out;
    z-index: 9999999999;
}

body.active #navigation {
    cursor: none !important;
}

.section-header::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99999999;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.8379726890756303) 20%, rgba(255, 255, 255, 0) 100%);
}


.contact-navbar #address {
    display: none !important;
}

.section-header #navigation>ul>li a::after {
    background-color: #fff !important;
}

.section-header #navigation>ul>li:hover a,
.nav-right .select-language .lang-menu>ul>li:hover>a {
    color: #fff !important;
}

.gallery-section-4 .gallery-img,
.gallery-section-5 .gallery-img {
    border: 1px solid rgba(0, 0, 0, 0.7);
}

body.dark-mode .pageDetailContent .container {
    background-color: #000 !important;
}

body.dark-mode .parallax-section .container,
body.dark-mode .counter-section .container {
    background-color: transparent !important;
}

#bar-social-media li {
    width: 40px;
    line-height: 40px;
    height: 40px;
}

@media(min-width:768px) {
    #page-detail-section-3,
    #page-detail-section-17 {
        position: relative;
        z-index: 2;
    }
    #page-detail-section-3 .rgw video,
    #page-detail-section-17 .rgw video {
        margin-top: -435px;
    }
}

body.dark-mode .section-header ul {
    background-color: #11141b !important;
}

.icon-content-wrapper .col-md-4:nth-child(2),
.icon-content-wrapper .col-md-4:nth-child(5) {
    border-left: 1px solid rgba(0, 0, 0, 0.7);
    border-right: 1px solid rgba(0, 0, 0, 0.7);
}

.icon-content-wrapper .col-md-4:nth-child(1),
.icon-content-wrapper .col-md-4:nth-child(2),
.icon-content-wrapper .col-md-4:nth-child(3) {
    border-bottom: 1px solid rgba(0, 0, 0, 0.7);
}

.pageDetailContent ul li {
    font-size: var(--site-paragraph-size) !important;
    font-weight: var(--site-paragraph-weight) !important;
    line-height: var(--site-paragraph-height) !important;
    color: var(--site-paragraph-color) !important;
    font-family: 'Montserrat', sans-serif !important;
    list-style-type: circle;
}

#contactForm-1 {
    min-height: 521px !important;
}

.dark-mode .gallery-section-4 .img-wrapper img,
.dark-mode .gallery-section-5 .img-wrapper img {
    filter: invert(1);
}

.dark-mode .gallery-section-4 .gallery-img,
.dark-mode .gallery-section-5 .gallery-img {
    border: 1px solid #fff !important;
}

body .pageDetailContent:nth-child(1) {
    padding-top: 50px !important;
}

.pageSliderContent .swiper-slide .slider-contents .weta-slider-tag,
.pageSliderContent .swiper-slide .slider-contents .slider-description p {
    display: none;
}

.section-header .contact-navbar .contact-oge,
.section-header.fixed .contact-navbar .contact-oge {
    display: none !important;
}

#humanForm-1 .img-wrapper,
#humanForm-2 .img-wrapper {
    display: none;
}

.footer-title {
    margin-top: 24px;
}

.footer-description .d-flex a {
    margin: 0px 10px;
}

.footer .footer-info-list,
.footer-description {
    margin-top: 0px;
}

footer .footer-img {
    margin-top: 30px;
}

footer .footer-description ul {
    padding-left: 0px !important;
}

footer a:hover {
    color: #Adb5bd !important;
}

.footer-newsletter {
    padding: 0px 0px 0px 5px;
    border-radius: 6px;
}

footer .footer-description ul li,
.footer .footer-pages li {
    padding: 5px 0px;
    transition: all .4s;
    width: 50%;
}

footer .footer-description ul li {
    width: 100%;
}

footer .footer-description ul li a,
.footer .footer-pages li a {
    transition: all .4s;
}

footer .footer-description ul li a:hover,
.footer .footer-pages li a:hover {
    margin-left: 10px;
}

body.dark-mode .form-control:focus {
    background-color: transparent;
}

.footer .footer-pages {
    display: flex;
    overflow: hidden;
    visibility: visible;
    flex-wrap: wrap;
}

.form-switch #modeToggle,
.form-switch #modeToggle:checked {
    background-image: none;
    position: relative;
    background-color: #111 !important;
}

.form-switch #modeToggle::after {
    content: "";
    height: 26px;
    width: 26px;
    position: absolute;
    top: 3px;
    left: 4px;
    background: #fff;
    transition: all .4s;
    border-radius: 30px;
}

.form-switch #modeToggle:checked::after {
    transition: all .4s;
}

#darklightMode .form-check {
    width: 100px;
}

#darklightMode .form-check-input {
    width: 100%;
}

body.dark-mode #darklightMode .form-switch #modeToggle:checked::after {
    transform: translateX(26px);
    ;
}

#darklightMode {
    left: auto;
    right: -16px;
}

@media(max-width:768px) {
    .section-header .col-lg-3 {
        width: 50% !important;
    }

    .menu-click span {
        background: #fff;
    }

    .section-header #navigation>ul>li a {
        color: #000 !important;
    }

    .section-header #navigation>ul>li {
        opacity: 1;
    }

    .section-header #languageForm img,
    .section-header #languages #languageForm .dropdown-trigger,
    .section-header #languageForm #main-menu li a::before {
        display: none;
    }

    .section-header #languages #languageForm .dropdown-menu {
        display: flex !important;
        top: -16px !important;
        left: 15px;
    }

    .section-header #languages #languageForm .dropdown-menu li a {
        margin-left: 0px;
        font-size: 16px !important;
    }

    .section-header #languages #languageForm .nav-link {
        border-right: 1px solid;
        padding-right: 10px;
    }

    #footer-col {
        align-items: center;
        text-align: center;
    }

    footer .col-md-2 .foooter-title,
    footer .footer-description {
        width: 100%;
    }

    footer .footer-group-items address {
        padding: 0px 35px;
    }

    footer .col-md-3 .footer-group-items .contact-oge {
        display: flex;
        justify-content: center;
    }
}

#gallery-detail-section-7 .row,
#gallery-detail-section-8 .row {
    justify-content: space-between;
}

#gallery-detail-section-7 .custom-col,
#gallery-detail-section-8 .custom-col {
    width: 45% !important;
    opacity: 1 !important;
    transform: none !important;
}
#gallery-detail-section-7,
#gallery-detail-section-8,
#gallery-detail-section-9,
.gallery-section{
    position: relative;
    z-index: 2;
}


#gallery-detail-section-7 .custom-col:nth-child(1),
#gallery-detail-section-8 .custom-col:nth-child(1) {
    margin-top: -150px;
}

#gallery-detail-section-7 .custom-col:nth-child(2),
#gallery-detail-section-8 .custom-col:nth-child(2) {
    margin-top: 130px;
}

#gallery-detail-section-7 .custom-col:nth-child(3),
#gallery-detail-section-8 .custom-col:nth-child(3) {
    margin-top: -140px;
}

#gallery-detail-section-7 .custom-col:nth-child(4),
#gallery-detail-section-8 .custom-col:nth-child(4) {
    margin-top: 130px;
}

#gallery-detail-section-7 .custom-col:nth-child(5),
#gallery-detail-section-8 .custom-col:nth-child(5) {
    margin-top: -110px;
}

#gallery-detail-section-7 .custom-col:nth-child(6),
#gallery-detail-section-8 .custom-col:nth-child(6) {
    margin-top: 160px;
}

#gallery-detail-section-7 .img-title,
#gallery-detail-section-8 .img-title {
    position: relative;
    overflow: hidden;
}

#gallery-detail-section-7 .img-title .weta-icerik-tag,
#gallery-detail-section-8 .img-title .weta-icerik-tag {
    font-size: 48px;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 200;
    transform: translateY(2em);
    transition: transform 4s cubic-bezier(0.25, 1, 0.5, 1), opacity 4s cubic-bezier(0.25, 1, 0.5, 1);
}

body.dark-mode #gallery-detail-section-7 .img-title .weta-icerik-tag,
body.dark-mode #gallery-detail-section-8 .img-title .weta-icerik-tag {
    color: #adb5bd !important;
}

#gallery-detail-section-7 .custom-col.aos-init.aos-animate .img-title .weta-icerik-tag,
#gallery-detail-section-8 .custom-col.aos-init.aos-animate .img-title .weta-icerik-tag {
    transform: translateY(0em);
}

#gallery-detail-section-7 .gallery-img,
#gallery-detail-section-8 .gallery-img {
    position: relative;
    overflow: hidden;
}

#gallery-detail-section-7 .gallery-img img,
#gallery-detail-section-8 .gallery-img img {
    transition: transform 2s cubic-bezier(0.25, 1, 0.5, 1), opacity 2s cubic-bezier(0.25, 1, 0.5, 1);
}

#gallery-detail-section-7 .custom-col:nth-child(1) img,
#gallery-detail-section-7 .custom-col:nth-child(3) img,
#gallery-detail-section-7 .custom-col:nth-child(5) img,
#gallery-detail-section-8 .custom-col:nth-child(1) img,
#gallery-detail-section-8 .custom-col:nth-child(3) img,
#gallery-detail-section-8 .custom-col:nth-child(5) img {
    transform: translateX(-100%);
}

#gallery-detail-section-7 .custom-col:nth-child(2) img,
#gallery-detail-section-7 .custom-col:nth-child(4) img,
#gallery-detail-section-7 .custom-col:nth-child(6) img,
#gallery-detail-section-8 .custom-col:nth-child(2) img,
#gallery-detail-section-8 .custom-col:nth-child(4) img,
#gallery-detail-section-8 .custom-col:nth-child(6) img {
    transform: translateX(100%);
}

#gallery-detail-section-7 .custom-col.aos-init.aos-animate img,
#gallery-detail-section-8 .custom-col.aos-init.aos-animate img {
    transform: translateX(0);
}

body.dark-mode .pageDetailContent ul li {
    color: #fff !important;
}

.map-content {
    height: 350px;
    position: relative;
}

.map-content iframe {
    height: 350px;
    position: absolute;
    z-index: 99;
}

.footer .col-md-4 .footer-description {
    position: absolute;
    bottom: 30%;
}

.footer .col-md-4 .footer-description img {
    height: 30px;
    margin-right: 10px;
}

.gallery-section-9 .gallery-img,
.gallery-section-10 .gallery-img {
    background-color: #fff;
}

.gallery-section-9 .row,
.gallery-section-10 .row {
    margin-top: -80px;
}

.section-header .contact-navbar {
    position: relative;
}

.section-header .contact-navbar::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background-image: url(/images/serra-logo-icon.png);
    width: 80%;
    height: 80%;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    top: 10%;
}

body.dark-mode .cookie-wrapper {
    background: #000 !important;
}

body.dark-mode #declineBtn {
    background-color: #000 !important;
}

.sliderJs video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.video-popup {
    padding: 12px 30px;
    font-size: 18px;
    background-color: #000000d1;
    border-radius: 8px;
}

footer #footer-col .footer-description ul li:nth-child(5) {
    position: absolute;
    left: 52.5%;
}
#parallax-10{
    padding: 0px !important;
    padding-top: 0px !important;
}