#slider {
    overflow: hidden
}

    #slider .item img {
        object-fit: cover;
        max-height: 954px;
        object-position: center bottom
    }

    #slider .item .container {
        position: absolute;
        z-index: 3;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: 0 auto
    }

    #slider .slide-caption {
        margin: 0;
        padding: 0;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        height: 90%;
        align-items: center
    }

        #slider .slide-caption .slide-caption-inner {
            clear: both;
            width: 100%;
            text-align: center
        }

            #slider .slide-caption .slide-caption-inner span {
                font-size: 25px;
                color: #fff;
                font-weight: 300;
                line-height: 1em;
                display: block;
                margin-bottom: 11px;
                text-shadow: 0 2px 5px rgba(0,0,0,0.3)
            }

            #slider .slide-caption .slide-caption-inner strong {
                font-size: 40px;
                color: #fff;
                font-weight: 700;
                line-height: 1em;
                display: block;
                margin-bottom: 11px;
                text-shadow: 0 2px 5px rgba(0,0,0,0.3)
            }

            #slider .slide-caption .slide-caption-inner p {
                font-size: 24px;
                color: #fff;
                font-weight: 400;
                line-height: 1em;
                display: block
            }

            #slider .slide-caption .slide-caption-inner span {
                font-weight: 300;
                line-height: 1em;
                font-size: 22px
            }

@media(min-width:1366px) {
    #slider .slide-caption {
        height: 56%
    }
}

@media(min-width:1200px) and (max-width:1365px) {
    #slider .slide-caption {
        height: 70%
    }
}

@media(min-width:992px) and (max-width:1199px) {
    #slider .slide-caption {
        height: 60%
    }
}

@media(min-width:768px) and (max-width:991px) {
    #slider .slide-caption {
        height: 60%
    }
}

@media(min-width:576px) and (max-width:767px) {
    #slider .slide-caption {
        height: 70%
    }

        #slider .slide-caption .slide-caption-inner span {
            font-size: 18px;
            margin-bottom: 9px
        }

        #slider .slide-caption .slide-caption-inner strong {
            font-size: 25px;
            margin-bottom: 9px
        }

        #slider .slide-caption .slide-caption-inner a {
            font-size: 16px
        }
}

@media(max-width:575px) {
    #slider .item .container {
        position: relative;
        background-color: #b01e35;
        padding: 15px 0
    }

    #slider .slide-caption {
        height: 80%
    }

        #slider .slide-caption .slide-caption-inner span {
            font-size: 14px;
            margin-bottom: 9px
        }

        #slider .slide-caption .slide-caption-inner strong {
            font-size: 16px;
            margin-bottom: 5px
        }

        #slider .slide-caption .slide-caption-inner a {
            font-size: 12px
        }

    .owl-theme .owl-dots {
        position: relative;
        background-color: #b01e35;
        padding-bottom: 15px
    }
}

#araclarimiz {
    padding: 104px 50px 125px 50px;
    background-color: #fff;
    overflow: hidden
}

    #araclarimiz header {
        text-align: center;
        padding-bottom: 38px
    }

        #araclarimiz header span {
            display: block;
            font-size: 23px;
            line-height: 1;
            margin-bottom: 4px
        }

        #araclarimiz header h2 {
            display: block;
            font-weight: 700;
            color: #b51b35;
            line-height: 1;
            font-size: 60px
        }

    #araclarimiz .vbbg {
        background-color: #af1d34;
        height: 100%
    }

    #araclarimiz .vb {
        padding: 15px 7px;
        color: #fff;
        text-align: center
    }

        #araclarimiz .vb a {
            color: #fff;
            font-weight: 300
        }

            #araclarimiz .vb a:hover {
                color: #ffec9e
            }

        #araclarimiz .vb h3 {
            font-size: 22px;
            font-weight: 700
        }

        #araclarimiz .vb .main {
            font-size: 16px
        }

        #araclarimiz .vb .spect {
            font-size: 15px
        }

            #araclarimiz .vb .spect span {
                display: inline-block
            }

                #araclarimiz .vb .spect span:not(:first-child) {
                    margin-left: 10px
                }

#neden {
    padding: 0
}

    #neden header {
        padding-bottom: 27px
    }

        #neden header span {
            display: block;
            font-size: 23px;
            line-height: 1;
            margin-bottom: 15px
        }

        #neden header h2 {
            display: block;
            font-weight: 700;
            color: #b51b35;
            line-height: 1;
            font-size: 44px
        }

    #neden .neden-images {
        max-height: 666px
    }

        #neden .neden-images img {
            object-fit: cover;
            object-position: right center
        }

    #neden .neden-icerik {
        background-color: #939393;
        padding-left: 110px;
        color: #fff;
        text-align: left
    }

        #neden .neden-icerik p {
            padding-bottom: 22px
        }

        #neden .neden-icerik ul {
            padding-bottom: 27px
        }

            #neden .neden-icerik ul li {
                position: relative;
                padding-left: 38px;
                padding-top: 5px;
                padding-bottom: 5px
            }

                #neden .neden-icerik ul li:before {
                    position: absolute;
                    width: 25px;
                    height: 24px;
                    content: '';
                    background: url("/public/images/kiralama-ico.jpg") left center no-repeat;
                    left: 0
                }

@media(min-width:576px) and (max-width:1365px) {
    #neden .neden-icerik {
        padding-top: 50px;
        padding-left: 55px;
        padding-bottom: 50px
    }
}

@media(max-width:767px) {
    #araclarimiz {
        padding: 35px 20px 27px 20px
    }
}

@media(min-width:576px) and (max-width:1199px) {
    #neden .neden-icerik {
        padding-left: 33px
    }
}

@media(max-width:575px) {
    #araclarimiz header {
        padding-bottom: 22px
    }

        #araclarimiz header span {
            font-size: 18px
        }

        #araclarimiz header h2 {
            font-size: 40px
        }

    #neden header {
        padding-bottom: 20px
    }

        #neden header span {
            font-size: 16px;
            margin-bottom: 10px
        }

        #neden header h2 {
            font-size: 24px
        }

    #neden .neden-icerik {
        padding: 40px 20px
    }
}

#services {
    padding: 104px 50px 185px 50px;
    background-color: #fff;
    overflow: hidden
}

    #services header {
        text-align: center;
        padding-bottom: 38px
    }

        #services header span {
            display: block;
            font-size: 23px;
            line-height: 1;
            margin-bottom: 4px
        }

        #services header h2 {
            display: block;
            font-weight: 700;
            color: #b51b35;
            line-height: 1;
            font-size: 60px
        }

    #services article {
        max-width: 320px;
        text-align: center;
        padding: 50px 35px;
        display: inline-block
    }

        #services article:not(:first-child) {
            border-left: 1px solid #a8a8a8
        }

        #services article > div > a {
            display: block;
            text-align: center;
            position: relative;
            vertical-align: middle;
            padding-left: 15px;
            padding-right: 15px
        }

        #services article > div > h2 {
            font-size: 22px
        }

@media(min-width:768px) and (max-width:1199px) {
    #services {
        padding: 90px 15px 175px 15px
    }

        #services article {
            padding: 40px 0
        }

        #services .row {
            flex-wrap: nowrap
        }

        #services article > div > h2 {
            font-size: 18px;
            padding-left: 15px;
            padding-right: 15px
        }
}

@media(min-width:576px) and (max-width:767px) {
    #services {
        padding: 90px 15px 175px 15px
    }

        #services article {
            padding: 40px 0;
            max-width: 186px
        }

            #services article:nth-child(4) {
                border: 0
            }

        #services .row {
            flex-wrap: wrap;
            flex-grow: 1
        }

            #services .row .col {
                width: 33%;
                flex-basis: 33%
            }

        #services article > div > h2 {
            font-size: 18px;
            padding-left: 15px;
            padding-right: 15px
        }
}

@media(max-width:575px) {
    #services {
        padding: 50px 15px 75px 15px
    }

        #services article {
            padding: 40px 0;
            max-width: 186px
        }

            #services article:nth-child(3), #services article:nth-child(5) {
                border: 0
            }

        #services .row {
            flex-wrap: wrap;
            flex-grow: 1
        }

            #services .row .col {
                width: 49%;
                flex-basis: 49%
            }

        #services article > div > h2 {
            font-size: 11px;
            padding-left: 15px;
            padding-right: 15px
        }

        #services header span {
            font-size: 18px
        }

        #services header h2 {
            font-size: 40px
        }
}

.otoparalax {
    height: 550px;
    background: url("/assets/images/ankaraoto-kiralama-parallax.jpg") no-repeat fixed center top;
    background-size: cover
}

#news {
    padding: 104px 50px 135px 50px;
    background-color: #fff;
    overflow: hidden
}

    #news header {
        text-align: center;
        padding-bottom: 38px
    }

        #news header span {
            display: block;
            font-size: 23px;
            line-height: 1;
            margin-bottom: 4px
        }

        #news header h2 {
            display: block;
            font-weight: 700;
            color: #b51b35;
            line-height: 1;
            font-size: 60px
        }

    #news article {
        text-align: center
    }

        #news article div {
            padding-top: 27px
        }

            #news article div h3 {
                display: block;
                line-height: 1;
                color: #4d4d4d;
                font-size: 28px
            }

            #news article div p {
                display: block;
                padding: 15px 0;
                margin: 0
            }

@media(max-width:1199px) {
    #news article div p br {
        display: none
    }
}

@media(max-width:767px) {
    #news {
        padding: 50px 15px 85px 15px
    }
}

@media(max-width:565px) {
    #news header {
        padding-bottom: 15px
    }

        #news header h2 {
            font-size: 40px
        }
}

#faq {
    min-height: 703px;
    background: url("/public/images/faq.jpg") no-repeat fixed center top;
    background-size: cover;
    padding-top: 135px;
    padding-bottom: 35px
}

    #faq .container {
        display: flex;
        flex-wrap: nowrap
    }

    #faq header {
        width: 380px;
        position: relative
    }

        #faq header span {
            display: block;
            position: absolute;
            font-weight: 700;
            font-size: 250px;
            color: transparent;
            z-index: 3;
            line-height: .7;
            top: 0;
            left: 0;
            -webkit-text-fill-color: transparent;
            -webkit-text-stroke-width: 1px;
            -webkit-text-stroke-color: white
        }

        #faq header h2 {
            display: block;
            font-size: 48px;
            color: #fff;
            line-height: 1;
            z-index: 1;
            padding-left: 129px
        }

    #faq .questions {
        padding-left: 25px;
        max-width: 790px
    }

.accordion .accordion-item {
    background-color: transparent;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    overflow: visible;
    border-radius: 6px;
    margin-bottom: 15px
}

.accordion-border .accordion-item:first-child {
    border-top: 1px solid #e0e0e0
}

.accordion .accordion-item.active {
    border-bottom: 1px solid #fff !important
}

.accordion .accordion-item .accordion-header {
    transition: all .1s ease-in-out;
    font-size: 18px;
    font-weight: 400;
    line-height: 1;
    position: relative
}

    .accordion .accordion-item .accordion-header a {
        color: #fff;
        display: block;
        position: relative;
        padding: 15px 30px 15px 7px;
        transition: all .3s ease-in-out
    }

    .accordion .accordion-item .accordion-header i {
        font-size: 1.2rem;
        display: block;
        position: absolute;
        right: 10px;
        top: 50%;
        transform: translateY(-50%);
        transition: all .3s ease-in-out;
        color: #fff
    }

    .accordion .accordion-item .accordion-header:hover a, .accordion .accordion-item .accordion-header.active a {
        color: #fff
    }

.accordion .accordion-item .accordion-content {
    display: none;
    background-color: transparent;
    color: #fff
}

    .accordion .accordion-item .accordion-content .accordion-content-wrapper {
        padding: 25px 35px;
        border-top: 1px solid #fff !important
    }

.accordion .accordion-item:target .accordion-header a {
    color: #fff
}

.accordion .accordion-item:target .accordion-content {
    display: block
}

@media(max-width:1366px) {
    #faq .container {
        padding-left: 15px;
        padding-right: 15px
    }
}

@media(max-width:767px) {
    #faq {
        min-height: 600px;
        padding-top: 35px;
        padding-bottom: 35px
    }

        #faq header {
            width: 100%;
            margin-bottom: 25px
        }

            #faq header span {
                display: none
            }

            #faq header h2 {
                font-size: 33px;
                padding: 0;
                width: 100%;
                text-align: center
            }

                #faq header h2 br {
                    display: none
                }

        #faq .container {
            flex-direction: column
        }

            #faq .container .questions {
                padding-left: 0
            }
}

.fiatparalax {
    height: 420px;
    background: url("/assets/images/fiat-parallax.jpg") no-repeat fixed center top;
    background-size: cover;
    position: relative
}

#markalarimiz {
    padding: 104px 50px 24px 50px;
    background-color: #fff;
    overflow: hidden
}

    #markalarimiz header {
        text-align: center;
        padding-bottom: 38px
    }

        #markalarimiz header span {
            display: block;
            font-size: 23px;
            line-height: 1;
            margin-bottom: 4px
        }

        #markalarimiz header h2 {
            display: block;
            font-weight: 700;
            color: #b51b35;
            line-height: 1;
            font-size: 60px
        }

    #markalarimiz .brand-list {
        display: flex;
        justify-content: center;
        flex-wrap: nowrap
    }

        #markalarimiz .brand-list a[href]:hover {
            opacity: .6
        }

@media(max-width:991px) {
    #markalarimiz {
        padding: 70px 15px 20px 15px
    }
}

@media(max-width:575px) {
    #markalarimiz header h2 {
        font-size: 40px
    }

    #markalarimiz .brand-list {
        flex-wrap: wrap;
        justify-content: center
    }

        #markalarimiz .brand-list div {
            max-width: 33%;
            padding-bottom: 20px
        }
}

.brands-area {
    padding-left: 50px;
    padding-right: 50px
}

.brands {
    background-color: #fff;
    overflow: hidden;
    border-top: 1px solid #c8c8c8;
    padding-top: 10px;
    padding-bottom: 10px;
    display: flex;
    justify-content: center;
    flex-wrap: nowrap
}

    .brands div:not(:first-child) {
        padding-left: 33px
    }

    .brands a[href]:hover {
        opacity: .6
    }

@media(max-width:767px) {
    .brands-area {
        padding-left: 15px;
        padding-right: 15px
    }
}

@media(max-width:575px) {
    .brands {
        flex-wrap: wrap;
        justify-content: center
    }

        .brands div {
            max-width: 33%;
            padding-bottom: 20px
        }
}