﻿.main-content__header .stage{ position:relative}
.slider-item {
    background-repeat: no-repeat;
    background-position: center center;
    height: 210px;
    background-size:cover
}
.slider-item .old-col-xs-12{ position:relative}

.slider-content {
    position: relative;
    bottom: 0
}
.slider-content.left {
    left:auto
}
.slider-content.right {
    right:auto;
    text-align:left
}

.slider-content .slider-item__title {
    background: none;
    color: #000;
    padding: 10px 6px;
    box-shadow: none;
    white-space: normal;
    line-height: 24px;
    font-size: 18px;
    display: inline-block;
    margin-top: 0;
}
.slider-content .slider-item__detail {
    background: none;
    color: #000;
    padding: 5px 6px;
    box-shadow: none;
    white-space: normal;
    line-height: 20px;
    font-size: 15px;
    display: inline-block;
    margin-top: 0;
    margin-bottom:0
}
.slider-content .slider__link {
    background: none;
    color: #000;
    padding: 5px 6px;
    box-shadow: none;
    white-space: normal;
    line-height: 18px;
    font-size: 14px;
    display: inline-block;
    margin-top: 0;
}
.slider-content .slider__link .icon-arrow_double_right-red {
    padding-right: 37px;
    height:32px;
    padding-left:10px;
    background-position: right center;
    display: inline-block;
    margin-bottom:-7px
}
.owl-theme .owl-pagination {
    text-align: center;
    -webkit-tap-highlight-color: transparent;
    position: absolute;
    bottom: auto;
    top: 180px;
    margin: 0 auto;
    left: 40%;
    max-width: 180px
}



.m_intro__headline {
    margin: 25px 0 25px;
    font-size:18px
}
.gallery__img{ display:none; margin-bottom:30px}
.aboutgallery img{ min-height:100%; min-width:100%}
#loadMore {
    text-align: center;
    background-color: #000;
    color: #fff;
    position: relative;
    padding: 0 50px 0 15px
}

    #loadMore:hover {
        background-color: #000;
        color: #fff;
    }
.m_vtp_result_list__cta {
    text-align: center;
    margin-top: 29px;
}
.vtp-btn.expand.with-icon::after, .vtp-compare-bar.compare-enabled .action-holder .expand.with-icon.vtp-btn::after {
    content: '';
    display: inline-block;
    position: absolute;
    right: 10px;
    top: 15px;
    background-image: url(/assets/img/sprite-common.png);
    background-position: 0px -772px;
    background-repeat: no-repeat;
    width: 14px;
    height: 14px;
}
.page__banner{ position:relative}
    .page__banner span {
        position: relative;
        display: inline-block;
        background-color: none;
        color: #000;
        padding: 3px 6px;
        box-shadow: none;
        white-space: normal;
        line-height: 36px;
        font-size: 26px;
        margin-top: 24px;
        left:auto;
        top:auto;
        text-align:left
    }
    .page__banner .info {
        background-color: none;
        color: #000;
        padding: 3px 6px;
        box-shadow: none;
        white-space: normal;
        line-height: 28px;
        font-size: 18px;
        margin-top: 10px;
        left: auto;
        top: auto;
        text-align:left
    }
.box__content{
    margin-top:40px;
}
.box__content a{
    display:inline-block
}
.box__content__title {
    font-family: auditypeextendedbold,sans-serif;
    font-size:18px;
    color: #000;
    padding-top: 15px
}
.box__content p{
  font-size:15px;
}
.page__content {
    margin-left: 15px !important;
    margin-right: 15px !important;
    overflow:hidden
}
/*models*/
.model__quickmenu {
    margin-top:45px
}
    .model__quickmenu .m_quick_access .m_quick_access__function-item {
        margin-right: 0
    }
    .model__quickmenu .m_quick_access .btn-default.btn-default--simple-lg span {
        width:100%;
    }

.quick__menu {
    display:none;
    background: #000;
    position: fixed;
    right: 0;
    top: 50%;
    z-index: 8000;
    list-style: none;
    margin: 0;
    padding: 5px;
    width: 115px;
    margin-top: -180px
}
    .quick__menu li {
        padding: 5px;
        border-bottom: #4e4f51 solid 1px;
        overflow:hidden
    }
    .quick__menu li:last-child {
        border-bottom:none;
    }
    .quick__menu li a{ color:#fff; line-height:16px; }
    .quick__menu li a i{ float:left; margin-right:8px; margin-top:5px}
        .quick__menu li a span {
            display:inline-block;
            float:left
        }
    .quick__menu .directions {
        background: url(/assets/img/icon/maps_icon.png) no-repeat center center;
        display: inline-block;
        width: 19px;
        height: 23px;
    }
    .quick__menu .testdrive {
        background: url(/assets/img/icon/testdrive__icon.png) no-repeat center center;
        display: inline-block;
        width: 23px;
        height: 23px;
    }
    .quick__menu .service {
        background: url(/assets/img/icon/service__icon.png) no-repeat center center;
        display: inline-block;
        width: 22px;
        height: 23px;
    }
    .quick__menu .getoffer {
        background: url(/assets/img/icon/bid__icon.png) no-repeat center center;
        display: inline-block;
        width: 26px;
        height: 23px;
    }
    .quick__menu .vtalk {
        background: url(/assets/img/icon/goruntulu_konus.png) no-repeat center center;
        display: inline-block;
        width: 22px;
        height: 21px;
    }

.iph-button-group__item input[type=radio]:not(old) {
    width: 30px;
    margin: 0;
    padding: 0;
    opacity: 0;
}

    .iph-button-group__item input[type=radio]:not(old) + label {
        display: inline-block;
        margin-left: -30px;
        padding-left: 40px;
        background: url('/assets/img/checkbox_ico.png') no-repeat 0 0;
        line-height: 30px;
    }

    .iph-button-group__item input[type=radio]:not(old):checked + label {
        background-position: 0 -30px;
    }

.product-tooltip {
    position: absolute;
    display: inline-block;
    border-bottom: 1px dotted #92c5d9;
    left: 70px;
    top:15px;
    display: none;
}

    .product-tooltip .tooltiptext {
        width: 170px;
        background-color: #000;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px 0;
        position: absolute;
        z-index: 1;
        bottom: 150%;
        left: 57%;
        font-size: 12px;
        margin-left: -60px;
    }

        .product-tooltip .tooltiptext::after {
            content: "";
            position: absolute;
            top: 100%;
            left: 50%;
            margin-left: -5px;
            border-width: 5px;
            border-style: solid;
            border-color: #000 transparent transparent transparent;
        }
.m_search_field__button{ border:none}
.search_result__title{ position:relative}
.search_result__title .product-tooltip {
    position: absolute;
    display: inline-block;
    border-bottom: 1px dotted #92c5d9;
    left: 70px;
    top:auto;
    display: none;
}
.service_m_kontaktbar__list{ max-width:600px; margin-left:auto !important; margin-right:auto !important}
.plus {
    font-style: italic
}
.textblock-large {
    font-size: 18px;
    line-height: 24px
}
.iph-icon--right {
    width: 24px;
    height: 24px
}


@media (min-width:768px) {
    
    .m_intro__headline {
        margin: 25px 0 25px;
        font-size: 18px
    }
    .quick__menu {
        display: none;
    }
    .slider-content {
        position: relative
    }

    .slider-item {
        height: 210px
    }

    .owl-theme .owl-pagination {
        text-align: center;
        -webkit-tap-highlight-color: transparent;
        position: absolute;
        bottom: auto;
        top: 180px;
        margin: 0 auto;
        left: 40%;
        max-width: 180px
    }
    .page__content {
        margin-left: 15px !important;
        margin-right: 15px !important;
        overflow: hidden
    }
    .page__banner {
        position: relative
    }

        .page__banner span {
            position: relative;
            display: inline-block;
            background-color: none;
            color: #000;
            padding: 3px 6px;
            box-shadow: none;
            white-space: normal;
            line-height: 36px;
            font-size: 26px;
            margin-top: 24px;
            left: auto;
            top: auto;
            text-align: left
        }

        .page__banner .info {
            background-color: none;
            color: #000;
            padding: 3px 6px;
            box-shadow: none;
            white-space: normal;
            line-height: 28px;
            font-size: 18px;
            margin-top: 10px;
            left: auto;
            top: auto;
            text-align: left
        }
    .model__quickmenu .m_quick_access .btn-default.btn-default--simple-lg span {
        width: 200px;
    }

}

@media (min-width:992px) {
    .m_intro__headline {
        margin: 45px 0 25px;
        font-size: 36px
    }
    .quick__menu {
        display: block;
    }
    .slider-content {
        position: absolute;
        top: 0;
    }
    .page__content {
        margin-left: 15px !important;
        margin-right: 15px !important;
        overflow: hidden
    }

    .slider-item {
        height: 440px
    }

    .slider-content .slider-item__title {
        background-color: #000;
        color: #fff;
        padding: 3px 6px;
        box-shadow: none;
        white-space: normal;
        line-height: 36px;
        font-size: 26px;
        display: inline-block;
        margin-top: 24px;
    }

    .slider-content .slider-item__detail {
        background-color: #000;
        color: #fff;
        padding: 3px 6px;
        box-shadow: none;
        white-space: normal;
        line-height: 36px;
        font-size: 18px;
        display: inline-block;
        margin-top: 15px;
    }

    .slider-content .slider__link {
        background-color: #000;
        color: #fff;
        padding: 3px 6px;
        box-shadow: none;
        white-space: normal;
        line-height: 36px;
        font-size: 22px;
        display: inline-block;
        margin-top: 24px;
    }

    .slider-content.left {
        left: 50px
    }

    .slider-content.right {
        right: 50px;
        text-align: right
    }

    .owl-theme .owl-pagination {
        text-align: center;
        -webkit-tap-highlight-color: transparent;
        position: absolute;
        bottom: 0px;
        margin: 0 auto;
        left: 50%;
        max-width: 180px;
        top: auto
    }

    .box__content {
        margin-top: 40px;
        margin-left: 15px;
        margin-right: 15px;
    }
    .insurance__box {
        border: #d5d9d8 solid 1px;
        text-align:center;
        padding:30px 0;
        min-height:245px
    }
    .insurance__box .iph-icon--right {
        width: 24px;
        height: 24px
    }
        .page__banner {
            position: relative
        }
    .page__banner span {
        position: absolute;
        display: inline-block;
        background-color: #000;
        color: #fff;
        padding: 3px 6px;
        box-shadow: none;
        white-space: normal;
        line-height: 36px;
        font-size: 26px;
        margin-top: 24px;
        left: 50px;
        top: 24px
    }

        .page__banner .info {
            background-color: #000;
            color: #fff;
            padding: 3px 6px;
            box-shadow: none;
            white-space: normal;
            line-height: 28px;
            font-size: 18px;
            margin-top: 24px;
            left: 50px;
            top: 75px
        }
    .model__quickmenu .m_quick_access .btn-default.btn-default--simple-lg span {
        width: 200px;
    }

}

@media (min-width:1200px) {
    .m_intro__headline {
        margin: 45px 0 25px;
        font-size: 36px
    }
    .quick__menu {
        display: block;
    }
    .slider-content {
        position: absolute;
        top: 0;
    }

    .slider-item {
        height: 440px
    }
    .page__content {
        margin-left: auto !important;
        margin-right: auto !important;
        overflow: hidden
    }

    .slider-content .slider-item__title {
        background-color: #000;
        color: #fff;
        padding: 3px 6px;
        box-shadow: none;
        white-space: normal;
        line-height: 36px;
        font-size: 26px;
        display: inline-block;
        margin-top: 24px;
    }

    .slider-content .slider-item__detail {
        background-color: #000;
        color: #fff;
        padding: 3px 6px;
        box-shadow: none;
        white-space: normal;
        line-height: 36px;
        font-size: 18px;
        display: inline-block;
        margin-top: 15px;
    }

    .slider-content .slider__link {
        background-color: #000;
        color: #fff;
        padding: 3px 6px;
        box-shadow: none;
        white-space: normal;
        line-height: 36px;
        font-size: 22px;
        display: inline-block;
        margin-top: 24px;
    }
    .right .slider__link {
        position: absolute;
        right: 0;
        bottom: 20px;
        white-space:nowrap
    }

    .slider-content.left {
        left: 50px
    }

    .slider-content.right {
        right: 50px;
        text-align: right
    }

    .owl-theme .owl-pagination {
        text-align: center;
        -webkit-tap-highlight-color: transparent;
        position: absolute;
        bottom: 0px;
        margin: 0 auto;
        left: 50%;
        max-width: 180px;
        top: auto
    }
    .page__banner {
        position: relative
    }
        .page__banner span {
            position: absolute;
            display: inline-block;
            background-color: #000;
            color: #fff;
            padding: 3px 6px;
            box-shadow: none;
            white-space: normal;
            line-height: 36px;
            font-size: 26px;
            margin-top: 24px;
            left: 50px;
            top: 24px
        }
        .page__banner .info {
            background-color: #000;
            color: #fff;
            padding: 3px 6px;
            box-shadow: none;
            white-space: normal;
            line-height: 28px;
            font-size: 18px;
            margin-top: 24px;
            left: 50px;
            top: 75px
        }
    .model__quickmenu .m_quick_access .btn-default.btn-default--simple-lg span {
        width: 200px;
    }

}

.page_top__menu{
    background:#000;
    margin-top:1px;
    list-style:none;
    overflow:hidden;
    padding-left:4%
}
    .page_top__menu li {
        padding: 10px;
        float: left;
        background: #000
    }
        .page_top__menu li.active {
            background: #e7e9ea;
        }
.page_top__menu li a{ color:#fff;}
    .page_top__menu li.active a {
        color: #000;
        background: #e7e9ea;
    }
        .page_top__menu li a:hover {
            color: #b0b6b8
        }

.contact_map {
    padding:  0;
}
    .contact_map iframe {
        width: 100%;
        height: 350px;
    }
.info__page{ padding:12px}

.contact_form{ margin-top:50px;}
    .contact_form .form__control{ margin-bottom:30px}
    .contact_form input, .contact_form textarea {
        border-bottom: solid 1px gray;
        border-right: none;
        border-top: none;
        border-left: none;
        height: 50px;
        color: #000;
        width: 100%;
        font-size: 18px;
        padding: 10px 0
    }
    ::-webkit-input-placeholder {
        color: #000;
    }
    .contact_form textarea {
        height: 100px
    }
    .contact_form input:focus, .contact_form textarea:focus {
        color: #000;
    }
    .contact_form .form__control .error {
        color: #bb0a30;
        padding-top:5px
    }
    .contact_form .contact_btn{
        background:#000;
        width:240px;
        color:#fff;
        /*float:left;*/
        font-size:18px;
        text-align:center;
        height:60px
    }

    .contact_form select {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background: #fff url("/assets/img/selectbox-bg.png") no-repeat 98% center;
        border-bottom: solid 1px gray;
        border-right: none;
        border-top: none;
        border-left: none;
        height: 50px;
        color: #000;
        width: 100%;
        font-size: 18px;
        padding: 10px 0
    }
.checkbox-custom {
    opacity: 0;
    position: absolute;
}

.checkbox-custom, .checkbox-custom-label {
    display: inline-block;
    vertical-align: middle;
    margin: 5px;
    cursor: pointer;
}

.checkbox-custom-label {
    position: relative;
}

.checkbox-custom + .checkbox-custom-label:before, .checkbox-custom.error + .checkbox-custom-label:before {
    content: '';
    background: #fff;
    border: 1px solid #ddd;
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    padding: 2px;
    margin-right: 10px;
    text-align: center;
}

.checkbox-custom:checked + .checkbox-custom-label:before {
    background: #000;
    box-shadow: inset 0px 0px 0px 4px #fff;
}
.check__con{ padding-bottom:30px}
.c_link{ font-weight:600}
/*kampanya*/
.portfolioFilter {
    margin: 20px 0 0;
    background-color: #e7e9ea;
    padding: 20px 10px 10px 20px;
    min-height: 70px;
    line-height: 30px;
    width: 100%;
}
    .portfolioFilter .option {
        display: inline-block;
        margin-right: 16px;
        margin-bottom: 10px;
        cursor: pointer;
    }
    .portfolioFilter .option:before {
        content: '';
        height: 30px;
        width: 30px;
        border: 2px solid #000;
        background-color: #fff;
        display: inline-block;
        border-radius: 50%;
        margin-bottom: -10px;
        margin-right: 9px;
    }
        .portfolioFilter .option.current:before {
            background-color: #c03;
            border-color: #c03;
            background-image: url('data:image/svg+xml;charset%3DUS-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20d%3D%22M4.9%2018.3l4.5-3.5%203.8%204.3L25.8%207.3l2.8%204.1-15.7%2014.1%22%20fill%3D%22%23ffffff%22%3E%3C%2Fpath%3E%3Cpath%20fill%3D%22none%22%20d%3D%22M0%200h32v32H0z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
            background-repeat: no-repeat;
        }
.portfolioContainer {
    width:100%;
    overflow:hidden
}
.isotope-item {
    z-index: 2;
    float:left
}

.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}

.isotope,
.isotope .isotope-item {
    /* change duration value to whatever you like */
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    transition-duration: 0.8s;
}

.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    transition-property: height, width;
    width:100%;
    min-height:100%;
    margin-top:30px
}

    .isotope .isotope-item {
        -webkit-transition-property: -webkit-transform, opacity;
        -moz-transition-property: -moz-transform, opacity;
        transition-property: transform, opacity;
    }
.m_offer_finder__sub_headline {
    margin-top: 45px;
    margin-left:15px;
    margin-bottom:30px
}
.campaign__box{
    margin-bottom:30px;
    overflow:hidden;
    min-height:400px;
}
.campaign__box img{
    max-width:100%
}
    .campaign__box .campaign__headline {
        font-size: 16px;
        display:block;
        color: #000;
        margin-top: 15px;
        margin-right: 20px;
        font-family: auditypeextendedbold,sans-serif
    }
        .campaign__box .campaign__headline:hover {
            color: #000;
        }
        .campaign__box .campaign__headline .campaign__headline_arrow{ position:relative;display:inline-block; margin-left:-1px}
            .campaign__box .campaign__headline .campaign__headline_arrow:before {
                content: '';
                display: inline-block;
                height: 18px;
                background-position: left;
                background-size: 18px;
                position: absolute;
                background-color: #fff;
                margin-left: 3px;
                padding-right: 25px;
                margin-top: -14px;
                background-image: url('data:image/svg+xml;charset%3DUS-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%20height%3D%2232%22%20width%3D%2232%22%3E%3Cpath%20d%3D%22M2.8%207.4L11%2016l-8.2%208.6h7.9l8-8.6-8-8.6%22%20fill%3D%22%23cc0033%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M13.3%207.4l8.3%208.6-8.3%208.6h7.9l8-8.6-7.9-8.6%22%20fill%3D%22%23cc0033%22%3E%3C%2Fpath%3E%3Cpath%20fill%3D%22none%22%20d%3D%22M0%200h32v32H0z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
                background-repeat: no-repeat
            }
        .campaign__box .campaign__content {
            font-size: 16px;
            color: #000;
            margin-top: 5px;
        }
    .campaign__box .campaign__link {
        border: 1px solid #f2f4f3;
        margin-top: 14px;
        display:block;
        width:100px;
        text-align:center;
        font-size: 12px;
        font-family: Verdana,Arial,sans-serif;
        white-space: nowrap;
        color: #434c53;
        padding:5px;
    }

.logbtn {
    background-color: #000;
    color: #fff;
    border: 0;
    font-family: "Audi Type Screen";
    padding: 21px 44px;
    margin-top: 40px;
    width:158px;
}
/*servis randevu formu*/

.nm-icon-video-large {
    display: block;
    height: 48px;
    margin-bottom: 6px;
    margin-bottom: var(--space-xs);
    width: 48px;
}