@import url('../content/bootstrap.min.css');
@import url("https://cdnjs.cloudflare.com/ajax/libs/flag-icon-css/6.6.6/css/flag-icons.min.css");
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.3/font/bootstrap-icons.css");

/*
@font-face {
    font-family: 'SF Pro Display';
    src: url('Fonts/SFPRODISPLAYREGULAR.OTF');
    
}
*/

:root {
    --background-color: #efefef !important;
    --text-color: #212529 !important;
    --topbar-color: #00A3D4 !important;
    --dark-icon-hover-color: #212529 !important;
    --dark-icon-border-color: #efefef !important;
    --navbar-bottom-border-color: #00A3D4 !important;
    --donusum-hizi: background 1.3s, color 1.3s;
    --footer-color: #212529 !important;
    --card-shadow-color: rgba(0, 163, 212,0.16);
    --footer-bg-color: var(--bs-dark);
    --c-footer-color: var(--bs-dark);
    --btn-bg-Hakkımızda: var(--topbar-color);
    
}

.dark-theme {
    --background-color: var(--bs-dark);
    --text-color: #efefef !important;
    --topbar-color: #FF5C2B !important;
    --dark-icon-hover-color: #efefef !important;
    --dark-icon-border-color: #212529 !important;
    --navbar-bottom-border-color: #FF5C2B !important;
    --donusum-hizi: background 1.3s, color 1.3s;
    --card-shadow-color: rgba(255, 92, 43, 0.16);
    --c-footer-color: #FF5C2B !important;
    --btn-bg-Hakkımızda: #FF5C2B !important;
   
    /*--footer-bg-color: rgba(255, 92, 43, 0.1);*/
}

body {
    background-color: var(--background-color);
    color: var(--text-color);
    height: 100%;
    /*transition: var(--donusum-hizi);*/
    scroll-behavior: smooth;
}

section{

}

#topBar {
    background-color: var(--topbar-color);
    color: var(--background-color);
    font-size: 16px;
    /*transition: var(--donusum-hizi);*/
}

    #topBar li i {
        color: var(--background-color);
    }

    #topBar li a {
        border-color: var(--dark-icon-border-color) !important;
        /*transition: var(--donusum-hizi);*/
    }

#navbar {
    background-color: var(--background-color) !important;
    --bs-navbar-color: var(--text-color) !important;
    color: var(--text-color) !important;
    font-weight: 600;
    /*transition: var(--donusum-hizi);*/
}

.navbar-nav .dropdown-menu, .dropdown-menu a:active {
    background-color: var(--background-color) !important;
    color: var(--text-color) !important;
    --bs-dropdown-color: var(--text-color) !important;
    --bs-dropdown-link-color: var(--text-color);
    --bs-dropdown-link-hover-color: var(--topbar-color);
    --bs-dropdown-link-hover-bg: var(--background-color);
    --bs-dropdown-link-active-color: rgba(0, 0, 0, 0,13);
    --bs-dropdown-link-active-bg: rgba(0, 0, 0, 0,13);
    --bs-dropdown-border-color: var(--topbar-color);
    --bs-dropdown-bg: var(--background-color) !important;
}

    .navbar-nav .dropdown-menu .dropdown-item, .dropdown-item:active {
        background-color: var(--background-color) !important;
        font-weight: 400;
    }

.nav-link:focus {
    color: var(--text-color);
}

.nav-link:hover {
    color: var(--topbar-color);
}


.navbar_border_bottom {
    border-bottom: 1.5px solid;
    border-color: var(--navbar-bottom-border-color);
    box-shadow: 0 2px 10px 0 var(--card-shadow-color);
    /*transition: 0,5s ease-in;*/
}


#dark_icon:hover {
    color: var(--dark-icon-hover-color);
}





.flag_GB {
    background: no-repeat center;
    background-image: url('../images/tr_18.png');
    object-fit: cover;
}

.flag_TR {
    background: no-repeat center;
    background-image: url('../images/gb_18.png');
    object-fit: cover;
}

.c-item {
    height: 600px;
}

.c-img {
    height: 100%;
    object-fit: cover;
    filter: brightness(0.6);
}

@media only screen and (min-width:390px) {
    .dropdown:hover .dropdown-menu {
        display: block;
    }
}

#ana_bolum {
    height: 100%;
}

#btn_Hakkımızda{
    background-color:var(--btn-bg-Hakkımızda);
}



/*.dropdown-menu .dropdown-item:hover {
    color: #FF5C2B !important;
    background-color: #212529 !important;
}*/
#c_footer {
    border-top: 1.5px solid;
    border-color: var(--c-footer-color);
}

#footer_row{
    background-color:var(--footer-bg-color);
}

.chevron{
    color:var(--topbar-color);
   
}




.wrapper {
    display: table;
    height: 200%;
    width: 100%;
}

.containerx-fostrap {
    display: table-cell;
    padding: 1em;
    text-align: center;
    vertical-align: middle;
}

.fostrap-logo {
    width: 100px;
    margin-bottom: 15px
}

h1.heading {
    color: #fff;
    font-size: 1.15em;
    font-weight: 900;
    margin: 0 0 0.5em;
    color: #505050;
}

@media (min-width: 450px) {
    h1.heading {
        font-size: 3.55em;
    }
}

@media (min-width: 760px) {
    h1.heading {
        font-size: 3.05em;
    }
}

@media (min-width: 900px) {
    h1.heading {
        font-size: 3.25em;
        margin: 0 0 0.3em;
    }
}

.card {
    display: block;
    margin-bottom: 20px;
    line-height: 1.5;
    background-color: var(--background-color);
    border-radius: 5px;
    box-shadow: 0 2px 5px 0 var(--card-shadow-color),0 2px 10px 0 var(--card-shadow-color);
    transition: box-shadow .25s;
    border-color: var(--topbar-color);
    /*0px 8px 17px 0px rgba(0,163,212,0.16);*/
}

    .card:hover {
        box-shadow: 0 8px 17px 0 var(--card-shadow-color),0 6px 20px 0 var(--card-shadow-color);
    }

.img-card {
    width: 100%;
    height: 180px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    display: block;
    overflow: hidden;
}

    .img-card img {
        width: 100%;
        height: 220px;
        object-fit: cover;
        transition: all .25s ease;
    }

.card-content {
    padding: 10px;
    text-align: left;
}

.card-title {
    margin-top: 0px;
    font-weight: 700;
    font-size: 1.65em;
}

    .card-title a {
        color: var(--text-color);
        text-decoration: none !important;
    }

.card-read-more {
    border-top: 1px solid #D4D4D4;
    cursor: pointer;
}

    .card-read-more a {
        text-decoration: none !important;
        padding: 10px;
        font-weight: 600;
        text-transform: uppercase;
        cursor:pointer;

         
    }


/*---------------------------------------------------------------*/

.multiple-card-slider .carousel-inner {
    padding: 1em;
}

.multiple-card-slider .card {
    margin: 0 0.8em;
    box-shadow: 0px 0px 5px 0px rgba(22, 22, 26, 0.18);
    border: 1px;
}

.multiple-card-slider .carousel-control-prev,
.multiple-card-slider .carousel-control-next {
    background-color: #e1e1e1;
    width: 3em;
    height: 3em;
    border-radius: 50%;
    top: 50%;
    transform: translateY(-50%);
}

@media (min-width: 768px) {
    .multiple-card-slider .carousel-item {
        margin-right: 0;
        flex: 0 0 calc(100% / 4);
        display: block;
        backface-visibility: visible;
    }

    .multiple-card-slider .carousel-inner {
        display: flex;
    }
}


/*==========about us box=========*/
.about-us-section {
    padding: 100px 0;
}

    .about-us-section .title-description {
        padding-bottom: 50px;
    }

    .about-us-section .special-feature .s-feature-box {
        overflow: hidden;
        position: relative;
        min-height: 290px;
        border: 1px solid var(--card-shadow-color);
        margin-bottom: 20px;
        cursor: pointer;
        box-shadow: 0 0 20px 0 var(--card-shadow-color);
        background-color: var(--topbar-color);
        border-radius:3px;
    }

    .about-us-section .special-feature .mask-top {
        width: 100%;
        background-color: var(--background-color);
        padding: 60px 0;
        position: absolute;
        top: 0px;
        -webkit-transition: all 0.3s ease-out 0s;
        -moz-transition: all 0.3s ease-out 0s;
        -o-transition: all 0.3s ease-out 0s;
        -ms-transition: all 0.3s ease-out 0s;
        transition: all 0.3s ease-out 0s;
    }

    .about-us-section .special-feature i {
        font-size: 65px;
        line-height: 75px;
    }

    .about-us-section .special-feature h4 {
        font-size: 20px;
        margin-top: 25px;
        position: relative;
    }

    .about-us-section .special-feature .mask-top h4:before {
        top: -18px;
        content: "";
        display: block;
        height: 2px;
        left: 0;
        right: 0;
        margin: -2px auto;
        position: absolute;
        width: 40px;
        background-color: var(--topbar-color);
    }

    .about-us-section .special-feature .mask-bottom {
        color: #333333;
        padding: 20px 15px 20px 15px;
        width: 100%;
        position: absolute;
        bottom: -300px;
        height: 100%;
        -webkit-transition: all 0.3s ease-out 0s;
        -moz-transition: all 0.3s ease-out 0s;
        -o-transition: all 0.3s ease-out 0s;
        -ms-transition: all 0.3s ease-out 0s;
        transition: all 0.3s ease-out 0s;
    }

    .about-us-section .s-feature-box:hover .mask-bottom {
        background-color: var(--topbar-color);
    }

    .about-us-section .special-feature .s-feature-box:hover .mask-top {
        top: -200px;
        -webkit-transition: all 0.3s ease-out 0s;
        -moz-transition: all 0.3s ease-out 0s;
        -o-transition: all 0.3s ease-out 0s;
        -ms-transition: all 0.3s ease-out 0s;
        transition: all 0.3s ease-out 0s;
    }

    .about-us-section .special-feature .s-feature-box:hover .mask-bottom {
        bottom: 0;
        color: var(--topbar-color);
    }

    .about-us-section .special-feature .mask-bottom i {
        font-size: 38px;
        line-height: 50px;
    }

    .about-us-section .special-feature .mask-bottom h4 {
        margin: 15px 0px 17px;
        color: #000;
    }

    .about-us-section .special-feature .mask-bottom p {
        color: #000;
        padding: 0px 5px;
    }
/*==========about us box=========*/