@font-face {
    font-family: FontBaslik1;
    src: url('../fonts/RussoOne-Regular.ttf');
}

@font-face {
    font-family: FontBaslik2;
    src: url('../fonts/ArchivoBlack-Regular.ttf');
}

@font-face {
    font-family: FontBaslik3;
    src: url('../fonts/Baloo2-ExtraBold.ttf');
}

@font-face {
    font-family: FontBaslik4;
    src: url('../fonts/DancingScript-Bold.ttf');
}

@font-face {
    font-family: FontBaslik5;
    src: url('../fonts/RubikDirt-Regular.ttf');
}

html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

@media (max-width: 992px) {

    .btn-back-to-top {
        top: -4rem;
    }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
    position: relative;
    min-height: 100%;
}

body {
    margin-bottom: 60px;
}

.font-baslik-1 {
    font-family: FontBaslik1;
}

.font-baslik-2 {
    font-family: FontBaslik2;
}

.font-baslik-3 {
    font-family: FontBaslik3;
}

.font-baslik-4 {
    font-family: FontBaslik4;
}

.font-baslik-5 {
    font-family: FontBaslik5;
}

#SectionVideo {
    width: 100%;
    height: 100vh;
    padding: 0;
    margin: 0;
}

.parallax-window {
    width: 100%;
    height: 100vh;
    display: table;
    /*position: relative;
    min-height: 400px;
    background: transparent;
    color: white;*/
    /*position: absolute;*/
    /*z-index: 10;*/
    /*object-fit: cover;*/
}

.parallax-window-content {
    display: table-cell;
    vertical-align: middle;
    /* Div içerisindeki yazıyı yatay olarak ortalamak için text-align:center özelliğini kullanıyorum. */
    text-align: center;
    /*
        background: rgba(0,0,0,0.5);
        height: 100%;
        width: 100%;
        z-index: 20;
        position: absolute;
        top: 0;
        left: 0;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        top: 0;
        left: 0;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;*/
}

    .parallax-window-content h1 {
        font-size: 60px;
    }

#VideoScreen {
    position: relative;
}

    #VideoScreen video {
        height: 100vh;
        width: 100%;
        position: absolute;
        z-index: 10;
        object-fit: cover;
    }

        #VideoScreen video img {
            width: 100%;
            height: auto;
            position: absolute;
            z-index: 10;
        }

    #VideoScreen .content {
        background: rgba(0,0,0,0.5);
        height: 100%;
        width: 100%;
        z-index: 20;
        position: absolute;
        top: 0;
        left: 0;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        #VideoScreen .content img {
            width: 50vw;
            -webkit-filter: drop-shadow(3px 3px 5px rgba(0,0,0,0.5));
            opacity: 0.7;
        }

        #VideoScreen .content h1 {
            text-align: center;
            font-family: Arial;
            font-weight: 900;
            text-transform: uppercase;
            opacity: 0.4;
            color: #fff;
            /*color: #dfb404;*/
            font-size: 4vw;
        }

        #VideoScreen .content h2 {
            text-align: center;
            font-family: Arial;
            font-weight: 900;
            text-transform: uppercase;
            opacity: 0.4;
            color: #fff;
            padding-top: 2px;
            /*color: #dfb404;*/
            font-size: 2.5vw;
        }

        #VideoScreen .content p {
            text-align: center;
            /*text-transform: uppercase;*/
            font-weight: bold;
            font-family: Arial;
            font-style: italic;
            opacity: 0.4;
            font-size: 2vw;
        }


.dikey-ortala {
    line-height: 20% !important;
}

.t-beyaz {
    color: #fff !important;
}

.t-bordo {
    color: #6f0b00 !important;
}

[data-bs-theme=dark] .dark__t-bordo {
    color: #6f0b00 !important;
}

.t-sari {
    color: #dfb404 !important;
}

.t-yesil {
    color: #007325 !important;
}

.t-koyu-yesil {
    color: #1d2f20 !important;
}

.t-siyah {
    color: #000 !important;
}

.t-mavi {
    color: #0d6efd !important;
}

/*---------------------------------------*/
.bg-beyaz {
    background-color: #fff !important;
}

.bg-Sari {
    background-color: #dfb404 !important;
}

.bg-yesil {
    background-color: #007325 !important;
}

.bg-koyu-yesil {
    background-color: #21421e !important;
}

.bg-cok-koyu-yesil {
    background-color: #1d2f20 !important;
}

.bg-siyah {
    background-color: #000 !important;
}

.bg-mavi {
    background-color: !important;
}

.bg-bordo {
    background-color: #6f0b00 !important;
}

[data-bs-theme=dark] .dark__bg-bordo {
    background-color: #6f0b00 !important;
}
/*---------------------------------------*/
.bc-beyaz {
    border-color: #fff !important;
}

.bc-Sari {
    border-color: #dfb404 !important;
}

.bc-yesil {
    border-color: #007325 !important;
}

.bc-koyu-yesil {
    border-color: #21421e !important;
}

.bc-cok-koyu-yesil {
    border-color: #1d2f20 !important;
}
/*----------------------------------------*/


.golge003 {
    text-shadow: 0 0 3px #000000 !important;
}

.golge005 {
    text-shadow: 0 0 5px #000000 !important;
}

.golge113 {
    text-shadow: 1px 1px 3px #000000 !important;
}

.golge335 {
    text-shadow: 3px 3px 5px #000000 !important;
}

.golge558 {
    text-shadow: 5px 5px 8px #000000 !important;
}

.ikiyanayasla {
    text-align: justify !important;
}

.paragraf {
    text-align: justify;
    text-indent: 2em;
}

.SayfaKapagi {
    vertical-align: baseline;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    display: relative !important;
}

.SayfaKapagiGolgesi {
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.6;
}

.logo {
    width: 100vw;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.logo-slider {
    width: 1000px;
    height: 100px;
    position: relative;
    background: white;
    /*box-shadow:0 10px 20px -10px rgba(0,0,0,0.2);*/
    display: flex;
    overflow: hidden;
}

.logo-slide {
    height: 100px;
    display: flex;
    align-items: center;
    animation: slideshow 10s linear infinite;
}

    .logo-slide:hover {
        animation: slideshow 0s linear infinite;
    }

    .logo-slide img {
        padding: 0 30px 0 30px;
    }

@keyframes slideshow {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-100%);
    }
}

 .sola-yasla {
    float: left !important;
}

 .saga-yasla {
    float: right !important;
}