﻿.adresler-container li a, .fixed-adresler-container li a {
    letter-spacing: 0;
    color: #fff;
    text-decoration: none !important
}

    .adresler-container li a::after, .fixed-adresler-container li a::after {
        content: "";
        bottom: -4px;
        left: 0;
        width: 0%;
        height: 2px;
        background-color: #bc9632;
        transition: .2s ease-in-out
    }

    .adresler-container li a:hover::after, .ana-menu, .fixed-adresler-container li a:hover::after {
        width: 100%
    }

.musiad-container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

.ana-menu {
    position: fixed;
    z-index: 9
}

.adresler-container li a::after, .mute-container {
    position: absolute
}

.menu-container {
    display: flex;
    column-gap: 108px;
    align-items: center;
    padding: 24px 0
}

.logo-resim {
    width: 136px;
    height: 44px
}

.adresler-container {
    display: flex;
    column-gap: 40px;
    margin-bottom: 0;
    padding-bottom: 0;
    padding-left: 0
}

    .adresler-container li a {
        font-family: Oswald,sans-serif;
        font-weight: 600;
        line-height: 19px;
        font-size: 16px;
        position: relative
    }

.mute-container {
    bottom: 10%;
    left: 5%;
    cursor: pointer
}

.fixed-adresler-container li a {
    position: relative;
    font: 600 16px/19px Oswald
}

    .fixed-adresler-container li a::after {
        position: absolute;
        transform-origin: center
    }

.giris-alani {
    background-color: #212b30;
    height: 100vh
}

.gra {
    position: relative;
    display: flex;
    left: 94px;
    column-gap: 0;
    padding-bottom: 78px
}

.giris-yazı-alani {
    padding-top: 69px
}

.yukari-btn {
    position: absolute;
    bottom: 30px;
    border: none;
    box-shadow: none;
    background: 0 0;
    left: -175px;
    right: 0;
    margin: 0 auto;
    text-align: center;
    z-index: 9999999999999
}

.m-text-bold, .must-uzun-aciklama, .simge-yazi {
    text-align: left;
    letter-spacing: 0
}

.baslangic-resim {
    position: relative;
    display: flex;
    justify-content: flex-end;
    width: 765px;
    padding-top: 5px;
    left: -140px
}

.arka-resim {
    position: absolute;
    left: -12px;
    max-width: 757px;
    max-height: 629px
}

.ana-w-resim, .baslangic-baslik-2, .konusmaci-resim-alani, .konusmacilar-baslik, .paragraf-aciklama, .swiper-slide, .video-alani {
    position: relative
}

.ana-w-resim {
    z-index: 1;
    left: 53px;
    top: -1px;
    max-width: 618px;
    max-height: 631px
}

.gra .buton-resim-w {
    position: absolute;
    bottom: 0;
    left: 112px;
    max-width: 318px;
    max-height: 228px
}

.baslangic-baslik-1 {
    font: bold 126px/151px Oswald;
    letter-spacing: 0;
    color: #fff;
    position: relative;
    bottom: -8px
}

.baslangic-baslik-2 {
    font: 75px/73px Oswald;
    letter-spacing: 0;
    color: #fff;
    padding-bottom: 17px;
    z-index: 99
}

.must-simge-secici, .simge-seciciler {
    display: flex;
    align-items: center
}

.pb-15 {
    padding-bottom: 15px
}

.simge-seciciler p {
    margin-bottom: 0;
    padding-bottom: 0;
    font: 22px/32px Oswald;
    letter-spacing: 0;
    color: #fff
}

.cg-14, .column-gap-14 {
    column-gap: 14px
}

.cg-11, .column-gap-11 {
    column-gap: 11px
}

.video-alani {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    object-fit: fill
}

.baslangic-tanitim {
    width: 100%;
    height: 91vh;
    object-fit: cover
}

.musiad-section {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat
}

.m-flex {
    display: flex;
    column-gap: 207px;
    padding: 166px 97px 150px 93px
}

.paragraf-aciklama {
    font: 300 61px/61px Oswald;
    letter-spacing: 0;
    width: 100%;
    min-width: 281px;
    color: #fff;
    padding-bottom: 66px;
    margin-bottom: 0;
    bottom: -6px
}

.orta-sol-container {
    width: 281px
}

.pb-16 {
    padding-bottom: 16px
}

.simge-yazi {
    font: 22px/32px Oswald;
    color: #fff
}

.must-uzun-aciklama {
    text-align: justify;
    font: 300 20px/28px Oswald;
    color: #fff;
    margin-bottom: 0;
    padding-bottom: 0;
    padding-top: 34px
}

    .must-uzun-aciklama p {
        margin-bottom: 0
    }

.m-text-bold {
    font: 900 16px/27px Oswald
}

.konusmaci-alani-w {
    background-color: #485155;
    padding-top: 89px;
    padding-bottom: 135px
}

.konusmaci-bilgi-secici, .konusmaci-gorevi.must-orange {
    background-color: #bc9632
}

.konusmacilar-baslik-big {
    font: 158px/153px Oswald;
    letter-spacing: 0;
    color: #fff;
    opacity: .04;
    padding-bottom: 35px
}

.konusmaci-paragraf-n {
    font: 53px/52px Oswald;
    letter-spacing: 0;
    color: #bc9632;
    position: absolute;
    top: -17px;
    bottom: 0;
    margin: auto 0;
    max-height: max-content
}

.konusmaci-baslik {
    font: 500 22px/26px Oswald;
    letter-spacing: 4.4px;
    color: #bc9632;
    padding-bottom: 38px;
    margin-bottom: 0
}

.konusmaci-tablo {
    display: grid;
    grid-template-columns: repeat(4,281px);
    column-gap: 10px
}

.p-lr-0 {
    padding-left: 0;
    padding-right: 0
}

.konusmaci-resim-alani img {
    width: 281px;
    height: 316px
}

.konusmaci-c {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    margin-bottom: 50px
}

.konusmaci-bilgi-secici {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 220px;
    padding: 13px 10px
}

.konusmaci-adi-w {
    font: 400 14px/18px Oswald;
    letter-spacing: 0;
    color: #fff;
    padding-bottom: 0;
    margin-bottom: 5px
}

.konusmaci-gorevi-p, .konusmaci-unvani, .program-alt-baslık {
    letter-spacing: 0;
    margin-bottom: 0
}

.konusmaci-unvani {
    font: 400 13px/17px Oswald;
    color: #fff;
    padding-bottom: 0
}

.konusmaci-gorevi {
    margin-top: 2px;
    width: 220px;
    padding: 5px 10px 7px;
    background-color: #07a29d
}

.konusmaci-gorevi-p {
    padding-bottom: 0;
    font: 300 14px/14px Oswald;
    color: #fff
}

.konusmaci-gorevi.must-light-orange {
    background-color: #de844c
}

.konusmaci-gorevi.must-mod {
    background-color: #d5224c
}

.konusmaci-gorevi.must-yesil {
    background-color: #0caf18
}

.pt-65 {
    padding-top: 65px
}

.must-program {
    background-color: #e3e3e3
}

.program-bookmark {
    position: absolute;
    left: 140px;
    top: 27px
}

    .program-bookmark:before {
        content: "\F1A3";
        justify-content: flex-end;
        font-family: bootstrap-icons;
        font-size: 26px
    }

.must-program-alani {
    padding: 75px 97px 142px
}

.program-text-header {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column; /*padding-bottom:67px*/
}

.program-alt-baslık {
    font: 500 20px Oswald;
    color: #bc9632;
    padding-bottom: 7px
}

.program-baslik, .program-baslik-w, .program-isim, .program-saat-paragraf {
    color: #43525a;
    letter-spacing: 0
}

.program-baslik {
    font: 57px/56px Oswald;
    margin-bottom: 6px
}

.program-baslik-w {
    font: 24px/30px Oswald;
    padding-top: 19px;
    padding-bottom: 0;
    margin-bottom: 0
}

.program-nesneler {
    display: flex;
    flex-direction: column;
    row-gap: 10px
}

.program-nesne {
    width: 100%;
    padding: 24px 194px;
    background-color: #fff;
    border-radius: 17px;
    position: relative
}

.turuncu-arkaplan:before {
    background-color: #bc9632 !important
}

.cyan-arkaplan:before {
    background-color: #07a29d !important
}

.yesil-arkaplan:before {
    background-color: #0caf18 !important
}

.w-turuncu-arkaplan:before {
    background-color: #de844c !important
}

.kirmizi-arkaplan:before {
    background-color: #d5224c !important
}

.program-saat-paragraf {
    font: 600 20px/30px Oswald;
    margin-bottom: 0;
    padding-bottom: 11px
}

    .program-isim.program-orange, .program-saat-paragraf.program-orange {
        color: #bc9632
    }

.program-isim {
    font: 600 34px/30px Oswald;
    margin-bottom: 0
}

.cyan {
    color: #07a29d !important
}

.program-konusmaci-paragraf {
    font: 600 30px/30px Oswald;
    letter-spacing: 0;
    color: #575757;
    margin-bottom: 0;
    padding-top: 12px;
    position: relative
}

.program-konusmaci-pw {
    font: italic 20px/30px Oswald;
    letter-spacing: 0;
    color: #575757;
    padding-top: 3px;
    margin-bottom: 0
}

.yesil {
    color: #0caf18
}

.acik-turuncu {
    color: #de844c
}

.kirmizi {
    color: #d5224c
}

.program-konusmaci-listesi {
    padding-top: 11px
}

    .program-konusmaci-listesi:last-of-type {
        padding-bottom: 0
    }

.mt-yetkili {
    padding: 2px 9px 5px;
    background-color: #de844c;
    border-radius: 4px;
    position: absolute;
    left: -100px;
    top: 17px;
    font: italic bold 12px/14px Oswald;
    letter-spacing: 0;
    color: #fff
}

.program-sembol {
    position: absolute;
    left: 148px;
    top: 67px;
    width: 26px;
    max-width: 26px;
    height: auto
}

.fancybox__footer, .mobile-nav {
    display: none
}

.fancybox__toolbar__column.is-left, [title="Toggle full-screen mode"], [title="Toggle slideshow"], [title="Toggle thumbnails"], [title="Toggle zoom level"] {
    display: none !important
}

.fancybox__backdrop {
    background: rgba(0,0,0,.9);
    opacity: unset !important
}

[data-fancybox-close] {
    position: absolute;
    top: 28px;
    right: 28px
}

.w-buton svg {
    width: 21px;
    height: 21px;
    stroke-width: 2
}

.local-container video, .yt-container {
    width: 799px;
    height: 532px
}

.video-simgesi {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer
}

.altalan-form-secici input, textarea.form-input-c {
    border: 0;
    background-color: transparent;
    padding-bottom: 4px;
    font: 600 16px/19px Oswald
}

.yt-container {
    overflow: hidden;
    aspect-ratio: 16/9;
    pointer-events: none
}

    .yt-container iframe {
        width: 300%;
        height: 100%;
        margin-left: -100%
    }

.local-modal, .yt-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 99999
}

.modal-backdrop-w {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    z-index: 1;
    background-color: rgba(0,0,0,.9)
}

.modal-body-container {
    position: relative;
    z-index: 99999
}

.close-icon-w {
    position: absolute;
    top: 28px;
    right: 45px;
    z-index: 99999;
    cursor: pointer
}

.mobile-nav-menu-container, .sabit-menu {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0
}

.sponsorluk-basligi {
    padding-bottom: 35px
}

.sponsorluk-baslik {
    margin: 0;
    padding: 0;
    font: 500 22px/30px Oswald;
    letter-spacing: 6.6px;
    color: #bc9632
}

.altalan-form-secici input, .sosyal-simge, button.form-button-c, textarea.form-input-c {
    color: #fff;
    letter-spacing: 0
}

.bottom-bar p, .sosyal-aciklama {
    color: #8ca7b5;
    letter-spacing: 0;
    margin-bottom: 0
}

.sponsorluk {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 80px
}

.c-pt-0 {
    padding-top: 0 !important
}

.sponsor-nesneleri {
    display: flex;
    justify-content: center;
    column-gap: 40px;
    row-gap: 50px;
    flex-wrap: wrap
}

    .sponsor-nesneleri a img {
        width: 100%;
        height: 100%;
        object-fit: contain
    }

.pb-54 {
    padding-bottom: 54px
}

.sabit-menu {
    z-index: 999;
    background: #000;
    display: none
}

.sabit-menu-secici {
    padding-top: 19px;
    padding-bottom: 19px;
    display: flex;
    align-items: center;
    column-gap: 130px
}

.fixed-adresler-container {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    align-items: center;
    column-gap: 40px
}

.altalan {
    background-color: #232b2f;
    padding-top: 65px;
    padding-bottom: 32px
}

.altalan-secici {
    display: flex;
    padding-bottom: 26px
}

.altalan-sol-bilgilendirme {
    display: flex;
    flex-direction: column;
    justify-content: flex-start !important;
    row-gap: 46px;
    padding-right: 71px
}

.altalan-logolar {
    display: flex;
    align-items: center;
    column-gap: 37px
}

.sosyal-simge {
    margin-bottom: 0;
    font: 500 30px Oswald;
    padding-bottom: 10px
}

.sosyal-aciklama {
    max-width: 388px;
    font: 18px/20px Oswald;
    padding-bottom: 41px
}

.sosyal-linkler {
    display: flex;
    align-items: center;
    column-gap: 2px
}

.orta-altalan {
    padding-top: 95px;
    padding-bottom: 80px;
    padding-right: 95px
}

.altalan-linkler-ul {
    margin-left: 0;
    display: grid;
    grid-template-columns: repeat(2,1fr);
    column-gap: 31px;
    row-gap: 24px;
    padding-left: 0
}

    .altalan-linkler-ul li {
        list-style: none
    }

        .altalan-linkler-ul li a {
            font: 600 16px/19px Oswald;
            letter-spacing: 0;
            color: #91cbe5;
            margin-bottom: 0;
            padding-bottom: 0
        }

.sag-altalan {
    padding-top: 33px;
    padding-bottom: 36px
}

.footer-form {
    display: flex;
    flex-direction: column;
    row-gap: 26px
}

.form-baslik .form-h3 {
    margin-bottom: 0;
    padding-bottom: 0;
    font: 600 30px/36px Oswald;
    letter-spacing: 0;
    color: #bc9632
}

.altalan-form-secici {
    display: grid;
    grid-template-columns: repeat(2,199px);
    column-gap: 14px;
    row-gap: 19px
}

    .altalan-form-secici input {
        border-bottom: 1px solid #3c4548;
        width: 100%
    }

        .altalan-form-secici input::placeholder {
            color: #85a8b7
        }

        .altalan-form-secici input:focus, textarea.form-input-c:focus {
            outline: 0;
            border-bottom-color: #fff
        }

textarea.form-input-c {
    border-bottom: 1px solid #3c4548;
    resize: none;
    height: 64px
}

    textarea.form-input-c::placeholder {
        color: #85a8b7
    }

button.form-button-c {
    border: 0;
    box-shadow: none;
    background-color: #bc9632;
    height: 45px;
    margin-top: auto;
    font: 500 16px/19px Oswald
}

.bottom-bar {
    border-top: 1px solid rgba(204,204,204,.16);
    padding-top: 12px;
    display: flex;
    align-items: center;
    justify-content: center
}

    .bottom-bar p {
        padding-bottom: 0;
        font: 14px/20px Oswald
    }

.yukari-ok-btn {
    position: fixed;
    bottom: 40px;
    right: 60px;
    cursor: pointer;
    display: none;
    z-index: 99
}

.fancybox-image {
    max-width: 1214px
}

.w-buton[title=Close] {
    background-color: transparent !important
}

.mobile-nav-menu-container {
    height: 100vh;
    z-index: 99999999999;
    background-color: #232b2f;
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    justify-content: center;
    row-gap: 20px;
    transform: translateX(100%);
    transition: .3s ease-in-out
}

.slide-animation {
    transform: translateX(0)
}

.mobile-adresler-container {
    margin: 0;
    padding: 0 0 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: 20px
}

    .mobile-adresler-container li a {
        font: 600 16px/19px Oswald;
        letter-spacing: 0;
        color: #fff;
        text-decoration: none !important
    }

.mobil-menu-kapat {
    position: absolute;
    top: 20px;
    right: 20px;
    background: 0 0;
    border: 0;
    box-shadow: none;
    cursor: pointer
}

    .mobil-menu-kapat:focus {
        outline: 0;
        box-shadow: none
    }

    .mobil-menu-kapat svg {
        width: 40px;
        height: 40px;
        color: #fff
    }

.mt-50 {
    margin-top: 50px
}

.mt-90 {
    margin-top: 90px
}

.swiper {
    width: 100%;
    height: 100%;
    overflow-y: visible
}

.swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover
}

#galeri .swiper-slide img {
    width: 281px;
    height: 188px
}

.galeri-container {
    padding-top: 27px
}

.galeri-heading {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 19px
}

.gal-head-text {
    margin-bottom: 0;
    padding-bottom: 0;
    font: 500 22px/30px Oswald;
    letter-spacing: 6.6px;
    color: #bc9632
}

.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: -30px
}

.swiper-pagination-bullet {
    width: 9px;
    height: 7px;
    display: inline-block;
    border-radius: 7px;
    background: #485155;
    opacity: unset
}

.swiper-pagination-bullet-active {
    opacity: unset;
    background-color: #bc9632 !important
}

.kayit-alt-baslik {
    font-size: 40px !important;
    font: 500 20px Oswald;
    color: #bc9632;
    margin-bottom: 30px
}

.kayit input, .kayit select, .kayit textarea {
    color: #3c4548;
    border-color: #3c4548 !important
}

.industrial-loader {
    min-height: 380px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 2rem;
}

.loader-spinner-box {
    position: relative;
    width: 70px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}

.loader-ring {
    position: absolute;
    width: 100%;
    height: 100%;
    border: 3px solid rgba(19, 51, 94, 0.1);
    border-top: 3px solid #bc9632;
    border-radius: 50%;
    animation: industrialSpin 1.2s linear infinite;
}

.loader-gear {
    font-size: 26px;
    color: #bc9632;
    animation: industrialReverseSpin 3s linear infinite;
}

.loader-text {
    font-size: 1.15rem;
    font-weight: 700;
    color: #bc9632;
    letter-spacing: 0.5px;
}

@keyframes industrialSpin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes industrialReverseSpin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(-360deg);
    }
}
