/* Kaydırma Çaubuğu */
::-webkit-scrollbar {
    width: 8px;
    background-color: #F2F2F2;
}

::-webkit-scrollbar-thumb {
    background-color: #D6D6D6;
}

    ::-webkit-scrollbar-thumb:hover {
        background-color: #A5A5A5;
    }

    ::-webkit-scrollbar-thumb:active {
        background-color: #A5A5A5;
    }

body {
    background-color: white;
    font-family: 'Poppins', sans-serif;
    color: black;
    font-size: 16px;
}

h1 {
    font-size: 24px;
}

p {
    font-size: 16px;
}

a:hover, a:active, a:focus {
    text-decoration: none;
}

.no-gutters {
    padding: 0;
}

.ust-navs {
    margin-top: 15px;
}

input#search-bar {
    margin: 0 auto;
    width: 325px;
    height: 60px;
    padding: 0 50px;
    font-size: 1rem;
    border: 1px solid #DADADA;
    outline: none;
    transition: ease-in-out .3s;
    background-color: #f7f7f7;
    position: relative;
}

@media (max-width:1200px) {
    input#search-bar {
        margin: 0 auto;
        width: 100%;
        height: 60px;
        position: relative;
    }
}

.search-icon {
    position: absolute;
    float: left;
    top: 75%;
    right: 85%;
    width: 17px;
    height: auto;
}

@media (max-width: 991px) {
    .search-icon {
        position: absolute;
        float: left;
        top: 75%;
        right: 85%;
        width: 17px;
        height: auto;
    }
}

.search-icon {
    position: absolute;
    float: left;
    top: 42%;
    right: 90%;
    width: 17px;
    height: auto;
}

.yeni-arm {
    display: inline-block;
    margin: 10px 0 8px 0;
}

.arama-btn {
    max-width: 200px;
    display: inline-block;
}

    .arama-btn a {
        background-color: #005AA3;
        padding: 18px 22px;
        color: #fff;
        border: 1px solid transparent;
        transition: ease-in-out .5s;
    }

        .arama-btn a:hover {
            color: #005AA3 !important;
            background-color: #fff;
            border: 1px solid #005AA3;
        }

.social {
    display: inline-block;
    margin-left: 25px;
    margin-bottom: 0;
}

    .social li {
        display: inline-block;
    }

        .social li a {
            color: #005AA3;
            margin-right: 10px;
            font-size: 20px;
        }

.langs {
    display: inline-block;
    margin-bottom: 0;
}

    .langs li a {
        color: #090909;
        padding: 10px 15px;
    }

.ust-navs .navbar {
    background-color: #005AA3;
    width: 100%;
}

.ust-navs .navbars {
    background-color: #005AA3;
    width: 100%;
    margin-top: 15px;
}

.ust-navs .navbar .collapse {
    width: 100%;
}

.ust-navs .navbar .navbar-nav {
    width: 100%;
}

.navbar-expand-lg .navbar-nav .nav-link {
    margin: auto;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    padding: 15px 1rem;
    transition: ease-in-out .3s;
}

    .navbar-expand-lg .navbar-nav .nav-link:hover {
        background-color: #0186d1;
    }

@media (min-width:992px) {
    .mob-nav {
        display: none;
    }
}

@media (max-width:991px) {
    .ust-navs {
        display: none;
    }

    /* mob-banner */

    .sidenav {
        height: 100%;
        width: 0;
        position: fixed;
        z-index: 20;
        top: 0;
        right: 0;
        background-color: #fff;
        overflow-x: hidden;
        transition: 0.5s;
        padding-top: 30px;
    }

    .overlay_bg {
        position: fixed;
        width: 100%;
        height: 100vh;
        background: rgba(0, 0, 0, 0.4);
        z-index: 20;
        display: none;
        transition: all 0.5s ease-in-out;
    }

    .overlay_bg_active {
        display: block;
        opacity: 1;
    }

    .sidebar_active {
        width: 320px;
    }

    #dismiss {
        position: absolute;
        top: 0;
        right: 5%;
        font-size: 25px;
    }

    .sidenav {
        background: rgb(40,99,163);
        background: linear-gradient(90deg, rgba(40,99,163,1) 0%, rgba(27,63,118,1) 100%);
    }

        .sidenav a {
            padding: 8px 8px 8px 32px !important;
            text-decoration: none !important;
            font-size: 20px !important;
            color: #fff !important;
            display: block !important;
            font-weight: 300 !important;
            transition: .3s;
            position: relative;
        }

    .arama-btn a {
        background-color: #005AA3;
        padding: 18px 22px !important;
        color: #fff;
        border: 1px solid transparent;
        transition: ease-in-out .5s;
        margin-left: 100px;
    }

    .sidenav .dropdown-item {
        color: #204D87 !important;
    }

    .sidenav .dropdown-toggle::after {
        display: none;
    }

    .sidenav span {
        display: block;
        padding: 10px 0 15px 30px;
        font-size: 40px;
        font-weight: 200;
        font-family: 'Poppins', sans-serif;
        color: #fff;
    }

    .sidenav i {
        color: #fff;
        font-size: 24px;
    }

    .lang li {
        padding-top: 15px;
        padding-right: 20px;
    }

        .lang li i {
            font-size: 28px;
            color: #054980;
        }

    .sidenav .dot {
        padding: 0;
    }

    .mob-nav .teklif {
        margin: 10px 80px;
    }

    .nav-link {
        margin: 0.75rem 0;
    }

    .nav-item .social {
        display: flex;
        padding-top: 0px;
    }

    .sidenav .cos i {
        float: right;
        padding-right: 55px;
    }
}


.banner {
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 825px;
}

    .banner .bn-txt {
        position: absolute;
        top: 30%;
        left: 20%;
        padding: 55px 100px 55px 65px;
        background-color: rgb(255, 255, 255, 0.53);
    }

    .banner .carousel-item {
        position: relative;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 825px;
        position: relative;
    }

    .banner .bn-txt p {
        font-size: 38px;
        font-weight: 700;
        color: #000000;
        margin: 0;
    }

    .banner .bn-txt span {
        font-size: 38px;
        font-weight: 400;
        color: #000000;
    }

    .banner .bn-txt .bn-butons {
        margin-top: 35px;
    }

        .banner .bn-txt .bn-butons a {
            padding: 12px 20px;
            font-size: 22px;
            font-weight: 700;
            color: #000000;
            background-color: #FFFFFF;
        }

    .banner .button {
        border-radius: 4px;
        background-color: #fff;
        border: none;
        text-align: center;
        font-size: 24px;
        padding: 10px 20px;
        width: 175px;
        transition: all 0.5s;
        cursor: pointer;
        border-radius: 0px;
    }

    .banner .bn-butons .button span {
        cursor: pointer;
        display: inline-block;
        position: relative;
        transition: 0.5s;
        font-size: 22px;
        font-weight: 700;
        color: #000000;
    }

    .banner .button span:after {
        content: '\00bb';
        position: absolute;
        opacity: 0;
        top: 0;
        right: -20px;
        transition: 0.5s;
    }

    .banner .button:hover span {
        padding-right: 25px;
    }

        .banner .button:hover span:after {
            opacity: 1;
            right: 0;
        }

.carousel-caption {
    position: absolute;
    right: initial;
    top: 30%;
    left: 20%;
    bottom: initial;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
}

.ates-hrt {
    margin-top: 130px;
    margin-bottom: 115;
}

.ates-hk {
    margin-top: 20px;
}

    .ates-hk .title {
        font-size: 20px;
        font-weight: 700;
        color: #4B4B4B;
        border-left: 5px solid #E31E24;
        padding-left: 10px;
        margin-bottom: 25px;
    }

    .ates-hk .text {
        color: #4B4B4B;
        font-size: 16px;
        font-weight: 300;
    }

        .ates-hk .text p {
            color: #4B4B4B;
            font-size: 20px;
            font-weight: 400;
        }

.ates-hrt img {
    float: right;
}

@media (max-width: 1366px) and (min-width: 1200px) {
    .offset-ml-1 {
        margin-left: 8.333333%;
    }

    .col-ll-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
}

.markalars {
    background-color: #F7F7F7;
    padding-bottom: 150px;
    margin-bottom: 150px;
}

    .markalars .title {
        font-size: 22px;
        font-weight: 700;
        color: #4B4B4B;
        text-align: center;
        padding-top: 115px;
        margin-bottom: 80px;
        position: relative;
    }

        .markalars .title::after {
            content: "";
            position: absolute;
            bottom: -15px;
            left: 48%;
            width: 60px;
            height: 2px;
            background-color: #E31E24;
        }

    .markalars .mrk-img img {
        width: 100%;
    }

.mrk-buton {
    position: relative;
    width: 100%;
    background-color: #fff;
    margin-top: 15px;
    text-align: center;
}

    .mrk-buton a {
        width: 100%;
        padding: 10px 0;
        display: block;
        transition: ease-in-out .3s;
        color: #4B4B4B;
    }

        .mrk-buton a:hover i {
            -ms-transform: rotate(90deg);
            -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
        }

        .mrk-buton a i {
            transition: ease-in-out .3s;
            color: #005AA3;
        }

        .mrk-buton a span {
            padding-left: 5px;
        }

button:focus {
    outline: 0px dotted;
    outline: 0px auto -webkit-focus-ring-color;
}

.haberler {
    margin-bottom: 225px;
}

    .haberler .title {
        font-size: 22px;
        font-weight: 500;
        color: #333333;
        margin-bottom: 50px;
        padding-bottom: 5px;
        text-align: left;
        position: relative;
    }

        .haberler .title::after {
            content: "";
            position: absolute;
            top: 105%;
            left: 5%;
            transform: translate(-50%, -50%);
            width: 68px;
            height: 1px;
            background: #E31E24;
        }

    .haberler .hb-box .h-txt {
        background-color: #ffffff;
        padding: 0px 10px 10px 10px;
    }

        .haberler .hb-box .h-txt .text {
            font-size: 16px;
            font-weight: 300;
            color: #333333;
            margin-bottom: 40px;
            max-height: 83px;
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
            overflow: hidden;
        }

        .haberler .hb-box .h-txt .titlex {
            font-size: 16px;
            font-weight: 600;
            color: #005AA3;
            padding-top: 30px;
            margin-bottom: 10px;
            max-height: 80px;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
        }

        .haberler .hb-box .h-txt span {
            font-size: 14px;
            font-weight: 400;
            color: #797979;
            margin-bottom: 20px;
        }

    .haberler .zoom_galeri {
        overflow: hidden;
    }

    .haberler a img {
        transition: .5s;
    }

    .haberler a:hover .hb-box img {
        transform: scale(1.1);
    }

    .haberler .owl-theme .owl-nav.disabled + .owl-dots {
        margin-top: 50px;
    }

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #005AA3;
}

.owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: rgb(0, 90, 163,57%);
    display: block;
}


.kataloglar .title {
    font-size: 22px;
    font-weight: 500;
    color: #333333;
    margin-bottom: 50px;
    padding-bottom: 5px;
    text-align: left;
    position: relative;
}

    .kataloglar .title::after {
        content: "";
        position: absolute;
        top: 105%;
        left: 10%;
        transform: translate(-50%, -50%);
        width: 68px;
        height: 1px;
        background: #E31E24;
    }

.kataloglar .kt-kps {
    background-color: #484848;
    padding-bottom: 30px;
}

.kataloglar .kt-box {
    padding-top: 30px;
    transition: ease-in-out .3s;
}

.kataloglar .kt-img {
    overflow: hidden;
    display: inline-block;
    padding: 0px 20px 0px 30px;
}

.kataloglar .kt-txt {
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    color: #FFFFFF;
    transition: ease-in-out .3s;
}

.kataloglar .kt-box:hover .kt-txt {
    color: #51a2fd;
}

.hart-bg {
    background-color: #F7F7F7;
    padding: 25px 35px;
    position: absolute;
    bottom: -180px;
}

    .hart-bg hr {
        border-color: #D9D9D9;
    }

    .hart-bg .hrt-title {
        font-size: 18px;
        font-weight: 500;
        color: #333333;
    }

    .hart-bg .hrt-text li {
        margin-bottom: 12px;
        color: #333333;
        font-size: 16px;
        font-weight: 300;
    }

        .hart-bg .hrt-text li a {
            color: #333333;
            font-size: 16px;
            font-weight: 300;
        }

        .hart-bg .hrt-text li i {
            padding-right: 10px;
        }

    .hart-bg .hrt-text .hrt-btn {
        margin-top: 35px;
    }

        .hart-bg .hrt-text .hrt-btn a {
            color: #005AA3;
            font-size: 16px;
            font-weight: 400;
            border: 1px solid #005AA3;
            padding: 5px 15px;
            transition: ease-in-out .5s;
        }

            .hart-bg .hrt-text .hrt-btn a:hover {
                background-color: #fff;
                color: #005AA3;
            }


.footer {
    margin-top: 40px;
    background-color: #005AA3;
    padding-bottom: 30px;
    padding-top: 150px;
}

    .footer .if-item {
        margin-bottom: 50px;
    }

        .footer .if-item .title-f {
            font-size: 18px;
            font-weight: 500;
            color: #fff;
            margin-top: 50px;
            margin-bottom: 10px;
        }

        .footer .if-item .text-f {
            font-size: 16px;
            font-weight: 500;
            color: #fff;
        }

            .footer .if-item .text-f p {
                margin-bottom: 5px;
                color: #fff;
                font-size: 16px;
                font-weight: 300;
            }

        .footer .if-item .il-ft p {
            margin-bottom: 15px !important;
        }

            .footer .if-item .il-ft p:hover {
                transform: translateX(0px) !important;
                -webkit-transform: translateX(0px) !important;
            }

        .footer .if-item .text-f p i {
            padding-right: 10px;
        }

        .footer .if-item .text-f p a {
            color: #fff;
            font-size: 16px;
            font-weight: 300;
            transition: ease-in-out .5s;
        }

        .footer .if-item .text-f p {
            transition: ease-in-out .5s;
        }

            .footer .if-item .text-f p:hover {
                transform: translateX(10px);
                -webkit-transform: translateX(10px);
            }

        .footer .if-item .text-f .ft-social {
            margin-top: 40px;
        }

            .footer .if-item .text-f .ft-social li {
                display: inline-block;
                margin-right: 20px;
            }

                .footer .if-item .text-f .ft-social li a {
                    color: #C6C6C6;
                    font-size: 22px;
                    transition: ease-in-out .5s;
                }

                    .footer .if-item .text-f .ft-social li a:hover {
                        color: #ffffff;
                    }

.etiket {
    background-color: #054980;
}

    .etiket p {
        font-size: 16px;
        font-weight: 200;
        color: #BEBEBE;
        margin: 25px 0;
    }

        .etiket p img {
            float: right;
            padding-right: 15px;
        }

.footer .ftr-bltn p:hover {
    transform: translateX(0px) !important;
    -webkit-transform: translateX(0px) !important;
}

.footer .btn-primary {
    color: #fff;
    background-color: #024982;
    border-color: #024982;
}

.footer .btn {
    display: inline-block;
    font-weight: 400;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #024982;
    border: 1px solid transparent;
    padding: 10px 22px;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.5;
    border-radius: 0rem;
    margin-top: 15px;
}

.footer .form-control {
    width: 85%;
    height: calc(2rem + .75rem + 2px);
    padding: 5px 15px;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    background-color: #F7F7F7;
    border: 0px solid #ced4da;
    border-radius: 0;
}

.footer .ftr-bltn p {
    margin-bottom: 15px !important;
}






/* mobil */
@media (max-width: 1200px) {
    .ust-navs .yeni-arm {
        max-width: 300px;
    }
}

@media(max-width: 992px) {
    .ana-harita .hart-bg {
        padding: 25px 35px;
        max-width: 425px;
        margin: 15px auto;
        position: initial;
    }

    .yeni-arm {
        display: inline-block;
        padding: 15px;
    }

    .markalars .marka-box {
        margin-bottom: 25px;
    }

    .haberler {
        margin-bottom: 150px;
    }

    .footer {
        padding-top: 40px;
    }

    .kataloglar .title::after {
        content: "";
        position: absolute;
        top: 105%;
        left: 5%;
        transform: translate(-50%, -50%);
        width: 68px;
        height: 1px;
        background: #E31E24;
    }

    .markalars .title::after {
        content: "";
        position: absolute;
        bottom: -15px;
        left: 45%;
        width: 60px;
        height: 2px;
        background-color: #E31E24;
    }

    .bos-l {
        padding-right: 15px;
        padding-left: 15px;
    }
}

@media(max-width: 767px) {
    .ana-harita .hart-bg {
        padding: 25px 35px;
        max-width: 425px;
        margin: 15px auto;
    }

    .banner .bn-txt {
        position: absolute;
        top: 30%;
        left: 5%;
    }
}

@media(max-width: 575px) {
    .banner .bn-txt p {
        font-size: 33px;
        font-weight: 700;
        color: #000000;
        margin: 0;
    }

    .banner .bn-txt span {
        font-size: 33px;
        font-weight: 400;
        color: #000000;
    }

    .banner .bn-txt {
        position: absolute;
        top: 30%;
        left: 5%;
        padding: 55px 55px 55px 65px;
    }
}

@media(max-width: 575px) {
    .banner .bn-txt {
        position: absolute;
        top: 30%;
        left: 5%;
        padding: 35px 35px 35px 35px;
    }

    .footer .etiket p img {
        float: right;
        padding-right: 15px;
        padding-bottom: 20px;
    }
}

@media(max-width: 375px) {
    .banner .bn-txt {
        position: absolute;
        top: 30%;
        left: 0%;
        padding: 20px 20px 20px 20px;
    }

        .banner .bn-txt p {
            font-size: 28px;
            font-weight: 700;
            color: #000000;
            margin: 0;
        }

        .banner .bn-txt span {
            font-size: 28px;
            font-weight: 400;
            color: #000000;
        }

    .banner .bn-butons .button span {
        cursor: pointer;
        display: inline-block;
        position: relative;
        transition: 0.5s;
        font-size: 20px;
        font-weight: 700;
        color: #000000;
    }

    .navbar-brand img {
        max-width: 200px;
    }
}

/* kurumsal */

.alt-banner {
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 300px;
}

    .alt-banner::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5);
    }

.ks-menu {
    position: relative;
    width: 100%;
    background-color: #f7f7f7;
    height: 60px;
    z-index: 19;
    margin: auto;
}

    .ks-menu .menu-xxx {
        position: absolute;
        z-index: 19;
    }

        .ks-menu .menu-xxx ul {
            margin: 16px 0px;
        }

        .ks-menu .menu-xxx li {
            display: inline-block;
        }

            .ks-menu .menu-xxx li a {
                color: #A0A0A0;
                font-size: 18px;
                font-weight: 300;
                padding: 5px;
            }

                .ks-menu .menu-xxx li a:hover {
                    background-color: #efefef;
                }

        .ks-menu .menu-xxx .activation a {
            color: #7C7C7C;
        }

        .ks-menu .menu-xxx li i {
            color: #a0a0a0;
            font-size: 16px;
        }

.f-krm .title {
    font-size: 22px;
    font-weight: 500;
    color: #000000;
    margin-top: 50px;
}

.f-krm .text {
    font-size: 16px;
    font-weight: 300;
    color: #333333;
    margin-top: 30px;
}

.f-krm-2 {
    margin-top: 110px;
}

    .f-krm-2 .title {
        font-size: 22px;
        font-weight: 500;
        color: #000000;
    }

    .f-krm-2 .text {
        font-size: 16px;
        font-weight: 300;
        color: #333333;
        margin-top: 25px;
    }

.msyn {
    margin-top: 100px;
}

    .msyn .msn-kps {
        background-color: #005AA3;
        padding: 45px 60px;
    }

    .msyn .title {
        color: #FFFFFF;
        font-size: 22px;
        font-weight: 500;
        margin-bottom: 25px;
    }

    .msyn .text {
        font-size: 16px;
        font-weight: 300;
        color: #fff;
    }

.klte {
    margin-top: 125px;
    margin-bottom: 200px;
}

    .klte .klte-text .title {
        font-size: 22px;
        font-weight: 500;
        color: #000000;
        margin-bottom: 20px;
    }

    .klte .klte-text .text p {
        font-size: 17px;
        font-weight: 300;
        color: #333333;
    }

    .klte .alt-p {
        margin-top: 50px;
        font-size: 16px;
        font-weight: 300;
        color: #333333;
    }

.alt-footer {
    margin-top: 40px;
    background-color: #005AA3;
    padding-bottom: 30px;
}

@media (max-width: 991px) {
    .f-krm-2 .text {
        font-size: 16px;
        color: #333333;
        margin-top: 25px;
        margin-bottom: 30px;
    }

    .klte .klt-img {
        margin-bottom: 25px;
    }
}

@media (max-width: 768px) {
    .msyn .msn-kps {
        padding: 45px 35px;
    }

    .alt-banner .bn-txt {
        top: 50%;
        left: 42%;
        z-index: 9;
    }
}

@media (max-width: 575px) {
    .etiket p img {
        float: none;
        padding-right: 15px;
    }

    .etiket p {
        font-size: 16px;
        font-weight: 200;
        color: #BEBEBE;
        margin: 25px 0;
        text-align: center;
    }
}

@media (max-width: 550px) {
    .alt-banner .bn-txt {
        top: 50%;
        left: 38%;
        z-index: 9;
    }
}

@media (max-width: 320px) {
    .alt-banner .bn-txt {
        top: 50%;
        left: 35%;
        z-index: 9;
    }
}

/* MARKALAR */
.marka-bg {
    margin-bottom: 100px;
}

    .marka-bg .knd-img {
        float: left;
        padding-right: 25px;
    }

    .marka-bg .kendi-marka {
        border: 1px solid #DFDFDF;
        padding: 25px 25px 40px 25px;
    }

    .marka-bg .kendi-title {
        font-size: 22px;
        font-weight: 500;
        color: #000000;
        padding-bottom: 40px;
        padding-top: 10px;
    }

    .marka-bg .kendi-txt .title {
        font-size: 22px;
        font-weight: 500;
        color: #333333;
        margin-bottom: 10px;
    }

    .marka-bg .kendi-txt .text {
        font-size: 16px;
        font-weight: 300;
        color: #333333;
    
    }

    .marka-bg .dst-kps {
        height: 100%;
        background-color: #F7F7F7;
    }

@media (min-width: 1200px) {
    .container {
        max-width: 1200px;
    }
}

@media (max-width: 991px) {
    .marka-bg .dst-kps {
        height: 567px;
        background-color: #F7F7F7;
        margin-top: 50px;
    }

    .marka-bg .knd-kps {
        margin-bottom: 25px;
    }
}

@media (max-width: 500px) {
    .marka-bg .knd-kps {
        text-align: center;
    }

    .marka-bg .knd-img {
        float: none;
        padding-right: 0;
    }

    .marka-bg .dst-kps {
        height: auto;
        background-color: #F7F7F7;
    }
}

.kalite-ser {
    margin-bottom: 30px;
}

@media (max-width: 576px) {
    .kalite-ser {
        text-align: center;
    }
}

.kata-fyt .fyt-list {
    position: relative;
    margin-bottom: 145px;
}

.kata-fyt .fyt-img {
    position: absolute;
    top: 50%;
    left: 10%;
    transform: translate(-50%, -50%);
    box-shadow: 0px 3px 6px rgb(0, 0, 0, 16%);
}

.kata-fyt .fyt-title {
    font-size: 22px;
    font-weight: 500;
    color: #000000;
    margin-top: 50px;
    margin-bottom: 75px;
}

.kata-fyt .fyt-text {
    background-color: #F7F7F7;
    padding: 35px 0;
    font-size: 22px;
    font-weight: 300;
    color: #000000;
    text-align: center;
}

.kata-fyt .fyt-text-1 {
    display: inline-block;
}

.kata-fyt .fyt-text .indir-btn {
    display: inline-block;
    float: right;
}

.kata-fyt .fyt-list .indir-btn {
    margin-right: 40px;
}

    .kata-fyt .fyt-list .indir-btn a {
        padding: 15px 20px;
        background-color: #fff;
        font-size: 16px;
        font-weight: 400;
        color: #000000;
        box-shadow: 0px 3px 6px rgb(0, 0, 0, 16%);
        transition: ease-in-out .3s;
        cursor: pointer;
    }

        .kata-fyt .fyt-list .indir-btn a:hover {
            color: #005AA3;
        }

        .kata-fyt .fyt-list .indir-btn a:focus {
            box-shadow: inset 0 0 10px rgb(0, 0, 0, 16%);
            -moz-box-shadow: inset 0 0 10px rgb(0, 0, 0, 16%);
            -webkit-box-shadow: inset 0 0 10px rgb(0, 0, 0, 16%);
        }

        .kata-fyt .fyt-list .indir-btn a i {
            padding-left: 5px;
        }

.katalogs {
    margin-bottom: 100px;
}

    .katalogs .kt-title {
        font-size: 22px;
        font-weight: 500;
        color: #000000;
        margin-top: 50px;
        margin-bottom: 75px;
    }

    .katalogs .kta-box {
        text-align: center;
        border: 1px solid #E0E0E0;
        padding: 25px 0px;
        transition: ease-in-out .3s;
        margin-bottom: 50px;
    }

        .katalogs .kta-box:hover {
            box-shadow: 0px 3px 6px rgb(0, 0, 0, 16%);
        }

        .katalogs .kta-box .kta-txt {
            font-size: 16px;
            font-weight: 500;
            color: #000000;
            padding-top: 20px;
        }

@media (max-width: 1200px) {
    .kata-fyt .fyt-img {
        position: absolute;
        top: 50%;
        left: 3%;
    }
}

@media (max-width: 991px) {
    .kata-fyt .fyt-img {
        position: initial;
        transform: translate(0, 0);
        box-shadow: 0px 0px 0px rgb(0, 0, 0, 16%);
        padding-bottom: 15px;
    }

    .kata-fyt .fyt-text {
        width: 100%;
    }

    .kata-fyt .fyt-text {
        padding-bottom: 75px;
    }

    .kata-fyt .fyt-list .indir-btn {
        margin-right: 0;
        text-align: center;
        margin-top: 30px;
    }

    .kata-fyt .fyt-text .indir-btn {
        display: inline-block;
        float: none;
    }
}

.haberler .hbr-title {
    font-size: 22px;
    font-weight: 500;
    color: #333333;
    margin-top: 100px;
    margin-bottom: 75px;
    padding-bottom: 10px;
    position: relative;
    text-align: center;
}

    .haberler .hbr-title::after {
        content: "";
        position: absolute;
        bottom: 0px;
        left: 50%;
        width: 68px;
        height: 2px;
        background-color: #E31E24;
        transform: translate(-50%, -50%);
    }

.hbr-sayf {
    margin-bottom: 50px !important;
}

    .hbr-sayf .hb-box {
        margin-bottom: 75px;
    }

.pagination {
    margin-bottom: 50px;
}

    .pagination li {
        margin-right: 10px;
    }

.page-item.disabled .page-link {
    border-radius: 0;
}

.page-item:last-child .page-link {
    border-radius: 0;
}

.page-link {
    color: #005AA3;
    background-color: #fff;
    border: 1px solid #C0C0C0;
}

.pagination .active a {
    color: #005AA3 !important;
    border-color: #005AA3;
    background-color: #fff;
    background-color: #fff;
    border-radius: 0;
}

.page-item.active .page-link {
    z-index: 1;
    color: #005AA3 !important;
    border-color: #005AA3;
    background-color: #fff;
    background-color: #fff;
    border-radius: 0;
}

@media (max-width: 767px) {
    .hbr-sayf .hb-box {
        margin-bottom: 75px !important;
        max-width: 420px;
        margin: 0px auto;
    }
}

.haber-sfs .title {
    font-size: 22px;
    font-weight: 500;
    color: #333333;
    margin-top: 100px;
    margin-bottom: 50px;
    padding-bottom: 10px;
    position: relative;
}

    .haber-sfs .title::after {
        content: "";
        position: absolute;
        bottom: 0px;
        left: 35px;
        width: 68px;
        height: 1px;
        background-color: #E31E24;
        transform: translate(-50%, -50%);
    }

.haber-lw .titles span {
    font-size: 14px;
    font-weight: 400;
    color: #797979;
}

.haber-lw .titles p {
    font-size: 16px;
    font-weight: 600;
    color: #2B3990;
}

.haber-lw .texts {
    font-size: 16px;
    font-weight: 300;
    color: #333333;
}

.habers-owl .dg-title {
    margin-top: 140px;
    font-size: 22px;
    font-weight: 500;
    color: #333333;
    position: relative;
    margin-bottom: 60px;
}

    .habers-owl .dg-title::after {
        content: "";
        position: absolute;
        bottom: -10px;
        left: 35px;
        width: 68px;
        height: 1px;
        transform: translate(-50%, -50%);
        background-color: #E31E24;
    }

@media (max-width: 991px) {
    .haber-sfs .haber-lw {
        max-width: 550px;
        margin-top: 30px;
    }
}

/* iletişim */
.contact {
    margin-top: 70px;
    margin-bottom: 90px;
}

    .contact .il-title {
        font-size: 22px;
        font-weight: 500;
        color: #333333;
        position: relative;
        text-align: center;
        margin-bottom: 75px;
    }

        .contact .il-title::after {
            content: "";
            position: absolute;
            bottom: -10px;
            left: 50%;
            width: 68px;
            height: 1px;
            transform: translate(-50%, -50%);
            background-color: #E31E24;
        }

    .contact .hart-bg {
        background-color: #F7F7F7;
        padding: 25px 33px;
        position: initial;
    }

.contact-form {
    padding: 45px 55px 0px 55px;
    background-color: #F7F7F7;
    margin-bottom: 150px;
}

    .contact-form .fr-title {
        color: #333333;
        font-size: 22px;
        font-weight: 500;
        padding-bottom: 35px;
    }

    .contact-form .fr-text {
        color: #333333;
        font-size: 16px;
        font-weight: 300;
        padding-bottom: 55px;
    }

        .contact-form .fr-text p {
            margin: 0;
        }

    .contact-form .sel-title {
        font-size: 16px;
        font-weight: 500;
        color: #333333;
        padding-bottom: 35px;
    }

    .contact-form .sorular li {
        font-size: 16px;
        font-weight: 300;
        color: #333333;
        padding-bottom: 20px;
        padding-left: 20px;
    }

    .contact-form .sorular .son-s {
        padding-bottom: 0;
    }

input[type=checkbox], input[type=radio] {
    border-color: #707070;
}

.msj-kps {
    background-color: #f7f7f7;
}

.iletisim-baslik-bg {
    font-size: 32px;
    font-weight: 700;
    color: #000000;
    padding: 15px 0 30px 0px;
    font-family: 'Poppins', sans-serif;
}

.iletisim-baslik {
    font-size: 22px;
    font-weight: 500;
    color: #000000;
    padding: 15px 0 30px 0px;
    position: relative;
    font-family: 'Poppins', sans-serif;
    margin-bottom: 40px;
    margin-left: 25px;
}

    .iletisim-baslik::after {
        content: "";
        position: absolute;
        width: 10%;
        height: 2px;
        left: 5%;
        top: 75%;
        transform: translate(-50%, -50%);
        background-color: #DA2125;
    }

.form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 10px);
    padding: 0.375rem 25px;
    font-size: 15px;
    font-weight: 300;
    line-height: 2.7;
    color: #242C39;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #BDD0DF;
    border-radius: 0;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

    .form-control:focus {
        background-color: #fff;
        border-color: transparent;
        outline: 0;
    }

.alttan {
    margin-bottom: 100px;
}

.form-control::placeholder {
    color: #242C39;
    opacity: 1;
}

.contact-button {
    text-align: center;
    font-weight: 500;
    margin-top: 15px;
    margin-bottom: 15px;
    color: #ffffff;
    border: 1px solid #BDD0DF;
    padding: 12px 50px;
    background-color: #2B3990;
}

.msj-kps a {
    width: 100%;
    margin: 0 5px;
}

@media(max-width: 991px) {
    .hrt-box {
        text-align: center;
    }

        .hrt-box iframe {
            max-width: 425px;
        }
}

@media(max-width: 475px) {
    .contact-form {
        padding: 45px 35px 0px 35px;
        background-color: #F7F7F7;
        margin-bottom: 150px;
    }
}

@media(max-width: 375px) {
    .contact-form {
        padding: 45px 20px 0px 20px;
        background-color: #F7F7F7;
        margin-bottom: 150px;
    }
}
/*haber*/


/*sektörler*/
.hakki-x {
    background-color: #f7f7f7;
    width: 100%;
    height: 50px;
}

    .hakki-x .menu-xxx {
        position: absolute;
        z-index: 19;
    }

        .hakki-x .menu-xxx ul {
            margin: 13px 0px;
        }

        .hakki-x .menu-xxx li {
            display: inline-block;
        }

            .hakki-x .menu-xxx li a {
                color: #A0A0A0;
                font-size: 16px;
                font-weight: 300;
                padding: 5px;
            }

                .hakki-x .menu-xxx li a:hover {
                    background-color: #efefef;
                }

        .hakki-x .menu-xxx .activation a {
            color: #7C7C7C;
        }

        .hakki-x .menu-xxx li i {
            color: #a0a0a0;
            font-size: 16px;
        }

.alt-banner .title {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 43px;
    font-weight: 700;
    color: #fff;
    z-index: 9;
}

/* ------SEKTÖRLER-------- */
.skrt-bg {
    margin-top: 100px;
    margin-bottom: 100px;
}

.sk-box .sk-img {
    margin-bottom: 30px;
}

.sk-box .sk-text {
    font-size: 16px;
    font-weight: 300;
    color: #333333;
    margin-bottom: 50px;
}

.sk-box .sk-link a {
    padding: 12px 20px;
    background-color: #f7f7f7;
    color: #686868;
    font-weight: 300;
    transition: ease-in-out .5s;
}

    .sk-box .sk-link a:hover {
        color: #E31E24;
    }

    .sk-box .sk-link a i {
        padding-right: 13px;
        text-align: center;
    }

    .sk-box .sk-link a:hover i {
        animation-name: tada;
        animation-duration: 1s;
    }

.sk-bss {
    margin-bottom: 100px;
}

@media (max-width: 767px) {
    .skrt-img {
        margin: 30px 0px;
    }
}


.sektor-kapsa {
    display: flex;
    flex-direction: row;
}

.sektorler-alan .sektor-kapsa:nth-child(2n) {
    flex-direction: row-reverse;
}


@media(max-width:1200px) {
    .sektor-kapsa {
        display: inline;
    }
}

.navbar-nav li {
    margin: auto;
}

.navbar .dropdown:hover .dropdown-menu {
    display: block;
}

@media (min-width: 992px) {
    .col-5d {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}

.renk:nth-child(2n) .kendi-marka {
    background-color: #F7F7F7;
    height: 100%;
}


@media(max-width:1440px){
	.banner {
		  height: 555px;
	}
	
	.banner .carousel-item {
   
    height: 555px;
  
}
	
	}
    .sticky {
        top: 0;
        padding-top: 0px !important;
        left: 0;
        width: 100%;
        position: fixed !important;
        z-index: 99999;
        margin-top: 0 !important;
        transition:ease-in-out .2s;
    }
    
    .logo {
        display: none;
        width: 175px;
    }
    
    .logosticky {
        display: block;
    }
    
       
            .stickymbl {
                top: 0;
                left: 0;
                width: 100%;
                position: fixed !important;
                z-index: 99999;
                background-color: #ffffff;
                transition: ease-in-out .2s;
            }
            input#search-bar2 {
    margin: 0 auto;
    width: 200px;
    height: 60px;
    padding: 0 10px;
    font-size: 1rem;
    border: 1px solid #DADADA;
    outline: none;
    transition: ease-in-out .3s;
    background-color: #f7f7f7;
    position: relative;
}
@media(max-width: 992px){
    .yeni-arm{
        position: relative;
        padding: 15px 0px;
    }
    .arama-btn a{
        margin:0px;
        padding: 14px 22px !important;
    }
    .yeni-arm img{
        display: none;
    }
    .navbar-nav li {
        margin: 0;
    }
}
@media(max-width: 565px){
    .banner {
        height: 25vh;
    }
    .banner .carousel-item {
        height: 25vh;
    }
}