button, input, select, textarea {
    box-sizing: border-box;
}

.btn {
    display: inline-block;
    cursor: pointer !important;
    text-decoration: none;
    border: 0;
    text-align: center;
    -webkit-transition: background .3s ease-out;
    -moz-transition: background .3s ease-out;
    -o-transition: background .3s ease-out;
    transition: background .3s ease-out;
    -webkit-appearance: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-weight: 700
}

    .btn:hover {
        cursor: pointer
    }

.btn-l {
    height: 40px;
    line-height: 38px;
    font-size: 18px;
    padding: 0 20px
}

.btn-m {
    height: 36px;
    line-height: 36px;
    font-size: 16px;
    padding: 0 16px
}

.btn-s {
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    padding: 0 10px
}

.btn-xs {
    height: 24px;
    line-height: 24px;
    font-size: 13px;
    padding: 0 10px
}

.input, .select {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #646464;
    text-indent: 10px
}

.input-l, .select-l {
    height: 40px;
    line-height: 40px;
    font-size: 15px
}

/*.input-m, .select-m {
    height: 36px;
    line-height: 36px;
    font-size: 14px
}*/

.input-s, .select-s {
    height: 30px;
    line-height: 30px;
    font-size: 14px
}

.input-xs, .select-xs {
    height: 24px;
    line-height: 24px;
    font-size: 12px
}

.select-def {
    -webkit-appearance: menulist-button
}

.btn-primary {
    background-color: #be0213;
    color: #000
}

    .btn-primary:hover {
        cursor: pointer;
        background-color: #6b010e;
        color: #000
    }

.btn-secondary {
    background-color: #2a3238;
    color: #000
}

    .btn-secondary:hover {
        cursor: pointer;
        background-color: #000;
        color: #000
    }

.btn-gray {
    background-color: #9b9b9b;
    color: #000
}

    .btn-gray:hover {
        cursor: pointer;
        background-color: #686868;
        color: #000
    }

.btn-gray-light {
    background-color: #efefef;
    color: #000;
    color: #232323
}

    .btn-gray-light:hover {
        cursor: pointer;
        background-color: #bcbcbc;
        color: #000
    }

.btn-secondary-ghost {
    background-color: #fff;
    color: #2a3238;
    border: 2px solid #2a3238;
    box-sizing: border-box
}

    .btn-secondary-ghost:hover {
        cursor: pointer;
        background-color: #2a3238;
        color: #000
    }

.btn-primary-ghost {
    background-color: #fff;
    color: #be0213;
    border: 2px solid #be0213;
    box-sizing: border-box
}

    .btn-primary-ghost:hover {
        cursor: pointer;
        background-color: #be0213;
        color: #000
    }

.box-shadow {
    border-width: 1px;
    border-color: #ebebeb;
    border-style: solid;
    background-color: #fff;
    box-shadow: 1px 2px 2px 0 rgba(0,0,0,.2)
}

.link-secondary {
    color: #2a3238;
    text-decoration: underline
}

    .link-secondary:hover {
        text-decoration: underline
    }

.link-primary {
    color: #be0213;
    text-decoration: underline
}

    .link-primary:hover {
        text-decoration: underline
    }

select:disabled {
    opacity: .6 !important;
    background: #f7f7f7;
}

input:disabled {
    opacity: .6 !important;
    background: #fff
}

.styled-checkbox {
    position: absolute;
    opacity: 0
}

    .styled-checkbox + label {
        position: relative;
        cursor: pointer;
        padding: 0
    }

        .styled-checkbox + label:before {
            content: '';
            margin-right: 10px;
            display: inline-block;
            vertical-align: text-top;
            width: 20px;
            height: 20px;
            background: #fff;
            border: 1px solid #9b9b9b
        }

    .styled-checkbox:hover + label:before {
        background: #fff
    }

    .styled-checkbox:checked + label:before {
        background: #2a3238
    }

    .styled-checkbox:disabled + label {
        color: #b8b8b8;
        cursor: auto
    }

        .styled-checkbox:disabled + label:before {
            box-shadow: none;
            background: #ddd
        }

    .styled-checkbox:checked + label:after {
        content: '';
        position: absolute;
        left: 5px;
        top: 9px;
        background: #fff;
        width: 2px;
        height: 2px;
        box-shadow: 2px 0 0 #fff,4px 0 0 #fff,4px -2px 0 #fff,4px -4px 0 #fff,4px -6px 0 #fff,4px -8px 0 #fff;
        transform: rotate(45deg)
    }

    .styled-checkbox.b:checked + label:before {
        background: #50e3c2
    }

    .styled-checkbox.d:checked + label:before {
        background: #007bff
    }

    .styled-checkbox.i:checked + label:before {
        background: #dc1a22
    }

    .styled-checkbox.bh:checked + label:before {
        background: #f5a623
    }

html {
    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important
}
 

h1, h2, h3, h4, h5, h6 {
    margin-top: 10px;
    margin-bottom: 10px
}
 

    body .loading-animate {
        display: none
    }

    body.loading {
        position: relative
    }

        body.loading .loading-animate {
            background: url(assets/img/shared/loading.svg) no-repeat center center rgba(255,255,255,.8);
            display: block;
            position: fixed;
            width: 100%;
            top: 0;
            right: 0;
            left: 0;
            bottom: 0;
            z-index: 99
        }

 

ul li {
    list-style: none
}

ul {
    margin: 0
}

strong {
    font-weight: 700
}

.brdtn {
    border: 0 !important
}

.page-wrapper {
    margin: 0;
    padding: 0
}

.clearfix:after, .clearfix:before {
    content: " ";
    display: table
}

.clearfix:after {
    clear: both
}

.fl {
    float: left
}

.fr {
    float: right
}

.fn {
    float: none
}

.db {
    display: block !important
}

.di {
    display: inline
}

.dib {
    display: inline-block
}

.clb {
    clear: both
}

.tac {
    text-align: center
}

.tar {
    text-align: right
}

.tal {
    text-align: left
}

.taj {
    text-align: justify
}

.posr {
    position: relative
}

.posa {
    position: absolute
}

.posf {
    position: fixed
}

.poss {
    position: static
}

.ovh {
    overflow: hidden
}

.ovv {
    overflow: visible
}

.ovs {
    overflow: scroll
}

.curp {
    cursor: pointer
}

.curd {
    cursor: default
}

.fwb7 {
    font-weight: 700
}

.p0 {
    padding: 0
}

.p5 {
    padding: 5px
}

.p10 {
    padding: 10px
}

.p15 {
    padding: 15px
}

.p20 {
    padding: 20px
}

.pt0 {
    padding-top: 0
}

.pt5 {
    padding-top: 5px
}

.pt10 {
    padding-top: 10px
}

.pt15 {
    padding-top: 15px
}

.pt20 {
    padding-top: 20px
}

.pr0 {
    padding-right: 0 !important
}

.pr5 {
    padding-right: 5px
}

.pr10 {
    padding-right: 10px
}

.pr15 {
    padding-right: 15px
}

.pr20 {
    padding-right: 20px
}

.pb0 {
    padding-bottom: 0
}

.pb5 {
    padding-bottom: 5px
}

.pb10 {
    padding-bottom: 10px
}

.pb15 {
    padding-bottom: 15px
}

.pb20 {
    padding-bottom: 20px
}

.pb30 {
    padding-bottom: 30px
}

.pl0 {
    padding-left: 0
}

.pl5 {
    padding-left: 5px
}

.pl10 {
    padding-left: 10px
}

.pl15 {
    padding-left: 15px
}

.pl20 {
    padding-left: 20px
}

.m0 {
    margin: 0
}

.m5 {
    margin: 5px
}

.m10 {
    margin: 10px
}

.m15 {
    margin: 15px
}

.m20 {
    margin: 20px
}

.mt0 {
    margin-top: 0
}

.mt5 {
    margin-top: 5px
}

.mt10 {
    margin-top: 10px
}

.mt15 {
    margin-top: 15px
}

.mt20 {
    margin-top: 20px
}

.mt80 {
    margin-top: 80px
}

.mt30 {
    margin-top: 30px
}

.mt40 {
    margin-top: 40px
}

.mt60 {
    margin-top: 60px
}

.mr0 {
    margin-right: 0
}

.mr5p {
    margin-right: 5%
}

.mr5 {
    margin-right: 5px
}

.mr10 {
    margin-right: 10px
}

.mr10p {
    margin-right: 10%
}

.mr15 {
    margin-right: 15px
}

.mr20 {
    margin-right: 20px
}

.mr40 {
    margin-right: 40px
}

.mb0 {
    margin-bottom: 0
}

.mb5 {
    margin-bottom: 5px
}

.mb10 {
    margin-bottom: 10px
}

.mb15 {
    margin-bottom: 15px
}

.mb20 {
    margin-bottom: 20px
}

.mb30 {
    margin-bottom: 30px
}

.mb40 {
    margin-bottom: 40px
}

.mb50 {
    margin-bottom: 50px
}

.ml0 {
    margin-left: 0
}

.ml5 {
    margin-left: 5px
}

.ml10 {
    margin-left: 10px
}

.ml15 {
    margin-left: 15px
}

.ml20 {
    margin-left: 20px
}

.ml200 {
    margin-left: 200px
}

.m0a {
    margin: 0 auto
}

.m5a {
    margin: 5px auto
}

.m10a {
    margin: 10px auto
}

.m15a {
    margin: 15px auto
}

.m20a {
    margin: 20px auto
}

.m0-5 {
    margin: 0 5px
}

.m0-10 {
    margin: 0 10px
}

.m0-15 {
    margin: 0 15px
}

.m0-20 {
    margin: 0 20px
}

.ma-a {
    margin: auto
}

.w10 {
    width: 10px
}

.w20 {
    width: 20px
}

.w30 {
    width: 30px
}

.w40 {
    width: 40px
}

.w50 {
    width: 50px
}

.w60 {
    width: 60px
}

.w70 {
    width: 70px
}

.w80 {
    width: 80px
}

.w90 {
    width: 90px
}

.w100 {
    width: 100px
}

.w20p {
    width: 20%
}

.w30p {
    width: 30%
}

.w35p {
    width: 35%
}

.w40p {
    width: 40%
}

.w100p {
    width: 100%
}

.hl {
    outline: 2px solid #0f0
}

.brdt {
    border-top: 1px solid #9b9b9b
}

.fz10 {
    font-size: 10px
}

.fz12 {
    font-size: 12px
}

.fz14 {
    font-size: 14px
}

.fz16 {
    font-size: 16px
}

.fz18 {
    font-size: 18px
}

.fz20 {
    font-size: 20px
}

.fz22 {
    font-size: 22px
}

.fz24 {
    font-size: 24px
}

.fz30 {
    font-size: 30px
}

.fz45 {
    font-size: 45px
}

.lh140p {
    line-height: 140%
}

.color-primary {
    color: #be0213
}

.color-secondary {
    color: #2a3238
}

.tdu {
    text-decoration: underline
}

.section-padding {
    padding: 40px 0
}

/*a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}*/

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block
}



ol, ul {
    list-style: none
}

blockquote, q {
    quotes: none
}

    blockquote:after, blockquote:before, q:after, q:before {
        content: '';
        content: none
    }

table {
    border-collapse: collapse;
    border-spacing: 0
}
 

    body.modalOpen {
        height: 100vh;
        overflow: hidden
    }

.sprite {
    display: inline-block
}

.modal-wrapper {
    width: 700px
}

@media (max-width:768px) {
    .modal-wrapper {
        width: 100%
    }
}

.modal-wrapper h3 {
    font-size: 16px;
    padding: 10px;
    border-bottom: 1px solid #eaeaea;
    font-weight: 600
}

.modal-wrapper .modal-body {
    padding: 10px;
    font-size: 14px;
    line-height: 180%
}

.box {
    padding: 20px;
    background: #fff;
    box-shadow: 0 1px 10px 0 rgba(214,214,214,.36);
    border-radius: 4px
}

.box-header {
    text-align: center;
    border-bottom: 1px solid #eaeaea;
    padding-bottom: 20px
}

    .box-header h1 {
        font-size: 20px;
        font-weight: 700
    }

.box-body {
    border-bottom: 1px solid #eaeaea;
    padding: 20px 0
}

.box-footer {
    padding-top: 20px;
    text-align: center;
    font-weight: 600
}

.form-group .error {
    border-color: red
}

.form-group label.error {
    color: red;
    font-size: 12px
}

.static .menu-wrapper {
    border-right: 8px solid #4a4a4a
}

    .static .menu-wrapper .static-menu {
        margin-bottom: 60px
    }

        .static .menu-wrapper .static-menu li {
            border-bottom: 1px solid #d8d8d8;
            text-align: right;
            padding-right: 40px;
            border-right: 8px solid #4a4a4a;
            margin-right: -8px
        }

            .static .menu-wrapper .static-menu li.active {
                border-right-color: #be0213
            }

                .static .menu-wrapper .static-menu li.active a {
                    color: #be0213;
                    font-weight: 700
                }

            .static .menu-wrapper .static-menu li.menu-title {
                font-size: 18px;
                font-weight: 700;
                margin-bottom: 20px;
                border-bottom: 0;
                border-right: 0
            }

            .static .menu-wrapper .static-menu li a {
                padding: 15px 0;
                display: block
            }

.static .static-content {
    line-height: 1.8
}

    .static .static-content h1, .static .static-content h2, .static .static-content h3, .static .static-content h4 {
        font-weight: 700;
        margin-bottom: 10px
    }

    .static .static-content p {
        margin-bottom: 20px
    }

    .static .static-content img {
        max-width: 100%
    }

.static .contact-address-widget h1 {
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 30px
}

.static .contact-address-widget p {
    font-size: 16px;
    margin-bottom: 20px
}

    .static .contact-address-widget p .contact-title {
        display: block;
        color: #be0213;
        font-size: 14px;
        font-weight: 600;
        margin-bottom: 5px
    }

.static .contact-widget {
    background: #efefef;
    padding: 15px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

    .static .contact-widget .form-group {
        margin-bottom: 20px
    }

    .static .contact-widget .contact-input {
        height: 46px;
        width: 100%;
        font-size: 14px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        border: 0;
        text-indent: 20px
    }

    .static .contact-widget textarea {
        width: 100%;
        font-size: 14px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        border: 0;
        text-indent: 20px;
        height: 150px;
        padding-top: 10px
    }

    .static .contact-widget button {
        width: 100%
    }

.main header .top-bar {
    height: 120px;
    background: #fff;
    border-bottom: 10px solid #be0213
}

@media (max-width:768px) {
    .main header .top-bar {
        height: 64px
    }
}

.main header .top-bar .logo {
    display: inline-block;
    padding-top: 13px
}

    .main header .top-bar .logo img {
        height: 90px
    }

@media (max-width:768px) {
    .main header .top-bar .logo img {
        height: 40px
    }
}

.main .main header .top-bar .top-menu {
    float: right;
    position: relative;
    z-index: 20
}

@media (max-width:768px) {
    .main header .top-bar .top-menu, .main header .top-bar .top-text {
        display: none
    }
}

.main header .top-bar .top-menu ul {
    margin-top: 30px
}

    .main header .top-bar .top-menu ul li {
        float: right;
        margin-left: 10px
    }

        .main header .top-bar .top-menu ul li a {
            font-weight: 700;
            line-height: 13px
        }

        .main header .top-bar .top-menu ul li:first-child a.btn {
            display: none
        }

        .main header .top-bar .top-menu ul li a.btn.btn-default {
            font-weight: 400
        }

            .main header .top-bar .top-menu ul li a.btn.btn-default:hover {
                box-shadow: 0 0 0 0 #fff;
                background: #f2f2f2
            }

            .main header .top-bar .top-menu ul li a.btn.btn-default span {
                font-size: 13px;
                text-transform: lowercase
            }

        .main header .top-bar .top-menu ul li a.fast-login {
            color: #0099d3
        }

        .main header .top-bar .top-menu ul li a i {
            font-size: 40px;
            width: 100%
        }

.main header .top-bar .top-menu .is-login li {
    position: relative;
    z-index: 5
}

    .main header .top-bar .top-menu .is-login li:hover .user-menu {
        display: block
    }

    .main header .top-bar .top-menu .is-login li span {
        display: block;
        margin-top: -7px;
        width: 170px
    }

        .main header .top-bar .top-menu .is-login li span.user-name {
            margin-left: 20px;
            max-width: 150px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            font-size: 13px;
            font-weight: 600;
            color: #be0213
        }

        .main header .top-bar .top-menu .is-login li span i {
            float: right;
            font-size: 20px;
            margin-top: -23px
        }

    .main header .top-bar .top-menu .is-login li .user-menu {
        display: none;
        top: 4px;
        position: absolute;
        background: #fff;
        width: 200px;
        right: 0
    }

        .main header .top-bar .top-menu .is-login li .user-menu li {
            float: left
        }

            .main header .top-bar .top-menu .is-login li .user-menu li a {
                display: block;
                padding: 10px 0
            }

.main header .top-bar .member-mobile-menu {
    display: none;
    float: right;
    color: #000;
    font-weight: 700;
    font-size: 18px;
    margin-top: 18px
}

@media (max-width:768px) {
    .main header .top-bar .member-mobile-menu {
        display: block
    }
}

.main header .top-bar .member-mobile-menu .mobile-menu:hover {
    cursor: pointer
}

.main header .top-bar .member-mobile-menu .mobile-menu i.fa {
    font-size: 22px
}

.main header .top-bar .member-mobile-menu .mobile-menu i, .main header .top-bar .member-mobile-menu .mobile-menu span {
    float: right;
    color: #2a3238
}

.main header .top-bar .member-mobile-menu .mobile-menu span {
    margin-left: 10px;
    line-height: 24px
}

@media (max-width:768px) {
    .main header .top-bar .member-mobile-menu .mobile-menu span {
        font-size: 14px
    }
}

.main header .top-bar .mobile-row-menu {
    z-index: 3;
    display: none;
    position: absolute;
    padding: 20px;
    background-color: #fff;
    right: 0;
    top: 54px;
    width: 100%
}

    .main header .top-bar .mobile-row-menu li a {
        font-size: 14px;
        display: block;
        padding: 10px 0;
        border-bottom: 1px solid #eaeaea
    }

    .main header .top-bar .mobile-row-menu li .mobile-sub-menu {
        display: none;
        text-indent: 20px
    }

.menu-bar {
    height: 50px;
    background: #2a3238
}

    .menu-bar .trkcll-partner {
        display: inline-block;
        margin-top: 11px
    }

    .menu-bar .main-menu {
        float: right
    }

@media (max-width:768px) {
    .menu-bar .main-menu {
        display: none
    }
}

.menu-bar .main-menu li {
    float: right;
    position: relative;
    z-index: 12;
    padding: 18px 10px
}

    .menu-bar .main-menu li:after {
        content: '';
        display: block;
        width: 1px;
        height: 16px;
        background: #fff;
        position: absolute;
        right: -1px;
        top: 17px
    }

    .menu-bar .main-menu li:first-child:after {
        content: none
    }

@media (max-width:992px) {
    .menu-bar .main-menu li {
        padding: 18px 5px
    }

    #ekspertizAlani {
        display: block !important;
    }

    #ekspertizAlani, #ekspertizİsaretleme, #ekspertizSablonAlani {
        transform: scale(1, -1);
        margin: 0px;
        padding: 5px;
    }

    #ekspertizİsaretleme {
        margin-bottom: 20px;
    }

    .tar {
        text-align: center !important;
    }
}

.menu-bar .main-menu li:hover .sub-menu {
    display: block
}

.menu-bar .main-menu li .sub-menu {
    display: none;
    position: absolute;
    background: #fff;
    width: 415px;
    padding: 10px 0;
    top: 50px;
    box-shadow: 2px 2px 10px #ccc
}

    .menu-bar .main-menu li .sub-menu li {
        float: left;
        padding: 0;
        width: 100%
    }

        .menu-bar .main-menu li .sub-menu li a {
            display: block;
            padding: 10px 20px;
            color: #2a3238
        }

            .menu-bar .main-menu li .sub-menu li a:hover {
                color: #be0213
            }

.menu-bar .main-menu li a {
    color: #000;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase
}

    .menu-bar .main-menu li a:hover {
        color: #be0213
    }

footer .footer-body {
    background-color: #fff;
    padding: 20px 0;
    line-height: 30px;
    font-size: 12px;
    font-weight: 600
}

    footer .footer-body h3 {
        font-weight: 700;
        font-size: 14px
    }

        footer .footer-body h3:after {
            content: "";
            display: block;
            margin-top: 7px;
            width: 20px;
            height: 2px;
            background-color: #be0213;
            margin-bottom: 10px
        }

    footer .footer-body ul {
        margin-bottom: 30px
    }

        footer .footer-body ul li i {
            margin-right: 10px
        }

        footer .footer-body ul li a i {
            margin-right: 10px
        }

    footer .footer-body .aggrement-mail {
        font-size: 12px
    }

    footer .footer-body #emailAggrementBtn {
        text-decoration: underline
    }

footer .footer-copy-row {
    margin: 20px 0;
    line-height: 150%;
    font-size: 12px
}

    footer .footer-copy-row .icon-banka-logolar {
        width: 120px;
        height: 36px;
        margin: 10px auto;
        display: none
    }

.buy-now-car .buy-now-car-banner {
    background: #f2f2f2 !important;
    position: relative
}

    .buy-now-car .buy-now-car-banner:before {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        display: block;
        left: 0;
        top: 0
    }

.caption-wrapper {
    border-right: 10px solid #be0213;
    position: relative;
    padding: 7% 4.5% 7.2% 0;
    margin: 40px 0;
    padding: 7% 4.5% 7.2% 4.5%;
}

    .caption-wrapper .form-group input[type=checkbox] + span {
        font-size: 16px;
        font-weight: 400
    }

        .caption-wrapper .form-group input[type=checkbox] + span a {
            color: #000;
            text-decoration: underline
        }

.tp-caption-02-01 {
    font-size: 59px;
    line-height: 1.05;
    font-weight: 600;
    letter-spacing: -.02em;
    text-align: right;
    color: #000;
}

.tp-caption-02-02 {
    font-size: 36.6px;
    line-height: 1.05;
    font-weight: 600;
    letter-spacing: -.02em;
    text-align: right;
    color: #000;
    margin-bottom: 30px
}

.tp-caption-02-03 {
    font-size: 67px;
    line-height: 1.05;
    font-weight: 600;
    letter-spacing: -.02em;
    text-align: right;
    color: #000;
}

.tp-caption-02-04 {
    font-size: 50.5px;
    line-height: 1.05;
    font-weight: 600;
    letter-spacing: -.02em;
    text-align: right;
    color: #000;
}

.tp-caption-02-05 {
    text-align: right;
    margin-top: 20px
}

.caption-wrapper i {
    font-style: italic
}

.chart-footer i {
    font-size: 12px;
    line-height: 20px
}

.tt-default-color {
    color: #000;
    background: #be0213;
    padding: 0 5px;
    display: inline-block
}

.extra-link {
    background: #be0213;
    color: #fff !important;
    padding: 10px 15px;
    font-size: 20px;
    font-weight: 600;
}

    .extra-link.fs-20 {
        font-size: 30px
    }

.caption-wrapper:after, .caption-wrapper:before {
    content: '';
    position: absolute;
    display: block;
    right: 0
}

.caption-wrapper:before {
    width: 100%;
    height: 10px;
    background-color: #be0213;
    top: 0
}

.caption-wrapper:after {
    width: 30%;
    height: 10px;
    background-color: #be0213;
    bottom: 0
}

.caption-wrapper .wrapper-marker {
    width: 10px;
    height: 35px;
    background-color: #be0213;
    display: block;
    position: absolute;
    top: 0;
    left: 0%
}

.buy-now-car-list {
    text-align: right;
    font-size: 20px;
    font-weight: 600;
    color: #000
}

    .buy-now-car-list img {
        width: 100%;
        margin-bottom: 5px
    }

.buy-now-car svg {
    width: 80px;
    height: auto;
    display: block;
    margin: 0 auto 20px
}

.check-style {
    display: inline-block;
    line-height: 40px
}

    .check-style li {
        width: 50%;
        float: left;
        font-size: 16px;
        font-weight: 600;
        padding-left: 20px
    }

        .check-style li:before {
            content: '\f005';
            font: normal normal normal 14px/1 FontAwesome;
            margin-right: 8px;
            color: #be0213;
            top: -2px;
            position: relative
        }

.buy-now-car h1 {
    font-size: 32px;
    color: #000;
    font-weight: 600;
    text-align: center;
    margin: 15px 0
}

.caption-wrapper .form-group {
    margin-bottom: 30px
}

    .caption-wrapper .form-group > label {
        color: #000;
        font-size: 18px;
        font-weight: 600;
        display: block;
        margin-bottom: 10px
    }

    .caption-wrapper .form-group .text-muted {
        color: #000;
        margin-top: 3px;
        display: block;
        font-size: 12px;
        font-style: italic
    }

.wizard-details {
    color: #000;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 30px
}

.radio-inline {
    position: relative;
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    vertical-align: middle;
    cursor: pointer
}

.caption-wrapper .radio-inline {
    color: #000;
    font-size: 16px;
    margin-top: 8px
}

.caption-wrapper div > .radio-inline:first-child {
    padding-left: 0
}

#ExpertiseModule g .shape {
    fill: transparent;
    stroke: none;
    stroke-miterlimit: 10;
    cursor: pointer
}

#expertise-data th {
    font-weight: 600;
    text-align: center;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: #f7f7f7
}

.damaged-part-list {
    border: 1px solid #dee2e6;
    background-color: #fff !important;
    height: 100% !important
}

    /*.damaged-part-list tbody tr:hover {
        background-color: #fdfdfd !important;
        color: #fff
    }*/

    .damaged-part-list .table td, .damaged-part-list .table th {
        padding: 5px
    }

    .damaged-part-list label {
        margin-bottom: 0;
        font-size: 14px
    }

    .damaged-part-list td, .damaged-part-list th {
        padding: 8px 10px;
        vertical-align: middle
    }

.expertise-module .custom-radio.t_b .custom-control-label::before {
    background-color: #be0213
}

#expertise-scheme {
    max-height: 600px
}

#ExpertiseModule g .selected-path {
    fill: grey
}

#ExpertiseModule g .LB {
    fill: #ffd800
}

#ExpertiseModule g .B {
    fill: #be0213
}

#ExpertiseModule g .D {
    fill: #ffd800
}

#ExpertiseModule g .Ş {
    fill: #56bd37
}

#ExpertiseModule g .P {
    fill: #377dbd
}

.damage-types .type-list li {
    cursor: pointer
}

    .damage-types .type-list li:first-child i {
        color: transparent;
        -webkit-text-stroke: .4px #a0a0a0;
        margin-right: 5px
    }

    .damage-types .type-list li:nth-child(2) i {
        color: #ffd800;
        margin-right: 5px
    }

    .damage-types .type-list li:nth-child(3) i {
        color: #38b2d2;
        margin-right: 5px
    }

    .damage-types .type-list li:nth-child(5) i {
        color: transparent;
        -webkit-text-stroke: .4px #a0a0a0;
        margin-right: 5px
    }

    .damage-types .type-list li:nth-child(6) i {
        color: #5762ef;
        margin-right: 5px
    }

.damage-types .type-list:before {
    content: "";
    position: absolute;
    left: 50%;
    top: -10px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
    margin-left: -10px;
    clear: both
}

.expertise-module .custom-radio.t_p .custom-control-label::before {
    background-color: rgba(255,255,255,.6);
    border: .4px solid #a0a0a0
}

.custom-control {
    position: relative;
    display: block;
    min-height: 1.5rem;
    padding-left: 1.5rem
}

.custom-control-inline {
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-right: 1rem
}

.custom-control-label {
    position: relative;
    margin-bottom: 0;
    vertical-align: top
}

#expertise-scheme {
    max-height: 600px;
    min-height: 400px;
    width: inherit;
    margin: inherit;
    padding: 10px
}

.expertise-module .custom-radio.custom-control-inline {
    min-height: 40px
}

.expertise-module .custom-radio .custom-control-label:after, .expertise-module .custom-radio .custom-control-label:before {
    border-radius: 0;
    width: 18px;
    height: 18px;
    top: 0
}

.expertise-module .custom-radio .custom-control-label {
    font-size: 14px;
    line-height: 125%;
    font-weight: 500;
    color: #000;
}

.custom-control-label::before {
    position: absolute;
    top: .25rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    pointer-events: none;
    content: "";
    background-color: #fff;
    border: #adb5bd solid 1px
}

.custom-control-label::after {
    position: absolute;
    top: .25rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    content: "";
    background: no-repeat 50%/50% 50%
}

.expertise-module .custom-radio.t_l .custom-control-label::before {
    background-color: #ffd800
}

.expertise-module .custom-radio.t_l .custom-control-input:checked ~ .custom-control-label:before {
    background-color: #fad700
}

.expertise-module .custom-radio.t_p .custom-control-label::before {
    background-color: rgba(255,255,255,.6);
    border: .4px solid #a0a0a0
}

.expertise-module .custom-radio.t_p .custom-control-input:checked ~ .custom-control-label:before {
    background-color: #ff6400
}

.expertise-module .custom-radio.t_c .custom-control-label::before {
    background-color: #ffd800
}

.expertise-module .custom-radio.t_c .custom-control-input:checked ~ .custom-control-label:before {
    background-color: #ff1500
}

.expertise-module .custom-radio.t_s .custom-control-label::before {
    background-color: rgba(0,155,255,.6)
}

.expertise-module .custom-radio.t_s .custom-control-input:checked ~ .custom-control-label:before {
    background-color: #009bff
}

.expertise-module .custom-radio.t_k .custom-control-label::before {
    background-color: rgba(0,195,255,.6)
}

.expertise-module .custom-radio.t_k .custom-control-input:checked ~ .custom-control-label:before {
    background-color: #00c3ff
}

.expertise-module .custom-radio.t_a .custom-control-label::before {
    background-color: rgba(255,0,0,.6)
}

.expertise-legend {
    text-align: right
}

.expertise-module .custom-radio.t_a .custom-control-input:checked ~ .custom-control-label:before {
    background-color: red
}

.expertise-legend .custom-control-label::after, .expertise-legend .custom-control-label::before {
    border-style: solid !important;
    border-width: 1px !important
}

.damage-types .type-list {
    position: absolute;
    top: 0;
    left: 0;
    width: 150px;
    height: 120px;
    box-shadow: 0 0 55px 0 #e6e6e6;
    background-color: #fff;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    padding: 15px;
    list-style: none;
    margin-bottom: 0;
    z-index: 999
}

    .damage-types .type-list li {
        cursor: pointer;
        line-height: 23px
    }

        .damage-types .type-list li i {
            font-style: inherit
        }

        .damage-types .type-list li:first-child i {
            color: transparent;
            -webkit-text-stroke: .4px #a0a0a0;
            margin-right: 5px
        }

        .damage-types .type-list li:nth-child(2) i {
            color: #be0213;
            margin-right: 5px
        }

        .damage-types .type-list li:nth-child(3) i {
            color: #ffd800;
            margin-right: 5px
        }

        .damage-types .type-list li:nth-child(4) i {
            color: transparent;
            -webkit-text-stroke: .4px #a0a0a0;
            margin-right: 5px
        }

        .damage-types .type-list li:nth-child(5) i {
            color: #56bd37;
            -webkit-text-stroke: .4px #a0a0a0;
            margin-right: 5px
        }

        .damage-types .type-list li:nth-child(6) i {
            color: #5762ef;
            margin-right: 5px
        }

    .damage-types .type-list:before {
        content: "";
        position: absolute;
        left: 50%;
        top: -10px;
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid #fff;
        margin-left: -10px;
        clear: both
    }

    .damage-types .type-list.on_kaput {
        margin-top: 110px;
        margin-left: -5px
    }

    .damage-types .type-list.sol_sasi {
        margin-top: 85px;
        margin-left: -62px
    }

    .damage-types .type-list.sag_sasi {
        margin-top: 85px;
        margin-left: -62px
    }

    .damage-types .type-list.on_sol {
        margin-top: 85px;
        margin-left: -60px
    }

    .damage-types .type-list.on_sag {
        margin-top: 85px;
        margin-left: -50px
    }

    .damage-types .type-list.on_sol_kapi {
        margin-top: 85px;
        margin-left: -50px
    }

    .damage-types .type-list.on_sag_kapi {
        margin-top: 85px;
        margin-left: -50px
    }

    .damage-types .type-list.arka_sol_kapi {
        margin-top: 120px;
        margin-left: -45px
    }

    .damage-types .type-list.arka_sag_kapi {
        margin-top: 120px;
        margin-left: -50px
    }

    .damage-types .type-list.bagaj_havuzu {
        margin-top: 85px;
        margin-left: -67px
    }

    .damage-types .type-list.tavan {
        margin-top: 90px;
        margin-left: -26px
    }

    .damage-types .type-list.arka_sol {
        margin-top: 125px;
        margin-left: -50px
    }

    .damage-types .type-list.arka_sag {
        margin-top: 125px;
        margin-left: -10px
    }

    .damage-types .type-list.arka_bagaj {
        margin-top: 85px;
        margin-left: -9px
    }

    .damage-types .type-list.arka_tampon {
        margin-top: 10px;
        margin-left: 6px
    }

    .damage-types .type-list.on_panel {
        margin-top: 85px;
        margin-left: -56px
    }

        .damage-types .type-list.on_panel li:nth-child(5) i {
            color: #377dbd
        }

    .damage-types .type-list.arka_tampon_sol {
        margin-top: 35px;
        margin-left: -30px
    }

    .damage-types .type-list.arka_tampon_sag {
        margin-top: 35px;
        margin-left: -35px
    }

    .damage-types .type-list.on_tampon_sag {
        margin-top: 65px;
        margin-left: -35px
    }

    .damage-types .type-list.on_tampon_sol {
        margin-top: 65px;
        margin-left: -35px
    }

.buy-now-car .vehicle-search .box .box-body .price-chart .price-chart-title {
    margin: 20px auto 40px auto
}

.buy-now-car .vehicle-search .box .box-body .price-chart .chart-wrapper {
    background: 0 0;
    height: inherit;
    width: inherit;
    text-align: center
}

    .buy-now-car .vehicle-search .box .box-body .price-chart .chart-wrapper img {
        max-width: 100%
    }

    .buy-now-car .vehicle-search .box .box-body .price-chart .chart-wrapper .price-avg {
        width: 100%;
        left: 0;
        top: -25px;
        text-align: center;
        margin: 0
    }

        .buy-now-car .vehicle-search .box .box-body .price-chart .chart-wrapper .price-avg .price-text {
            color: #be0213;
            margin: 51px 0 0 0;
            padding: 5px 0
        }

.buy-now-car .vehicle-search .box .box-body .price-chart .request-date {
    top: -40px
}

.buy-now-car .vehicle-search .graph-widget .title {
    padding-bottom: 10px
}

.buy-now-car .btn {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

.btn-success {
    color: #000;
    background-color: #28a745;
    border-color: #28a745
}

    .btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active, .show > .btn-success.dropdown-toggle {
        color: #000;
        background-color: #1e7e34;
        border-color: #1c7430
    }

.btn-danger {
    color: #000;
    background-color: #dc3545;
    border-color: #dc3545
}

    .btn-danger:not(:disabled):not(.disabled).active, .btn-danger:not(:disabled):not(.disabled):active, .show > .btn-danger.dropdown-toggle {
        color: #000;
        background-color: #bd2130;
        border-color: #b21f2d
    }

.graph-widget .hidden {
    display: none
}

.static-content #services {
    padding: 0;
    background: 0 0
}

    .static-content #services .services-table .services-item {
        width: calc(100% / 6);
        height: 100px
    }

.sloganStar {
    position: absolute;
    top: 20%;
    right: 70px;
    width: 100px;
    height: 100px;
    display: block;
    color: #000;
    text-align: center
}

    .sloganStar span {
        line-height: 18px;
        font-weight: 600;
        padding: 38px 18px 0;
        position: absolute;
        left: 0;
        top: 0
    }

    .sloganStar:before {
        content: "\f0a3";
        font: normal normal normal 140px/1 FontAwesome;
        color: #be0213
    }

.extra-link.small {
    display: inline-block;
    font-size: 16px;
    padding: 9px 10px 7px;
    margin-bottom: 30px
}

.top-bar .top-text {
    padding-top: 50px;
    padding-left: 40px;
    display: inline-block;
    vertical-align: top;
    color: #2a3238
}

.caption-wrapper .form-group label + span.text-muted {
    margin-top: 0;
    margin-bottom: 10px
}

.static-content #services .services-table .services-item div span {
    font-size: 13px
}

.hide {
    display: none
}

.contact-address-widget table td {
    padding: 4px 0
}

.static .static-content h2 {
    font-size: 22px
}

.form-horizontal .form-group {
    margin-right: -15px;
    margin-left: -15px
}

#demotalepet .form-group {
    margin-bottom: 1rem
}

    #demotalepet .form-group label {
        padding-top: calc(.375rem + 1px);
        padding-bottom: calc(.375rem + 1px);
        margin-bottom: 0;
        font-size: inherit;
        line-height: 1.5
    }

#demotalepet .form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

#demotalepet .btn {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

.newHeader header .top-bar .top-menu ul {
    margin-top: 22px
}

.newHeader header .top-bar .top-text {
    padding-top: 11px;
    line-height: 16px;
    padding-left: 0
}

.newHeader .header-top-bar {
    padding-top: 5px
}

    .newHeader .header-top-bar a {
        margin-right: 20px
    }

        .newHeader .header-top-bar a:last-child {
            margin-right: 0
        }

        .newHeader .header-top-bar a i {
            margin-right: 5px
        }

.newHeader .icon-pointer {
    background-image: url(../img/shared/arrow-pointer.png);
    background-position: center;
    background-size: 30px;
    background-repeat: no-repeat;
    height: 32px
}

.main header .top-bar .top-menu ul li a.btn.btn-header {
    font-weight: 400;
    line-height: 19px;
    padding: 5px 10px;
    background: #be0213;
    color: #000
}

    .main header .top-bar .top-menu ul li a.btn.btn-header b {
        font-weight: 600
    }

.header-top-block {
    background: #2a3238;
    color: #000;
    padding: 5px 0
}

    .header-top-block .header-top-bar a {
        color: #000
    }

    .header-top-block .header-top-bar a {
        margin-right: 20px;
        font-size: 13px
    }

        .header-top-block .header-top-bar a:hover {
            color: #be0213
        }

        .header-top-block .header-top-bar a:last-child {
            margin-right: 0
        }

        .header-top-block .header-top-bar a i {
            margin-right: 5px
        }

.newheader .trkcll-partner {
    display: block;
    margin-top: 20px;
    text-align: center
}

.hizli-menu {
    float: left
}

    .hizli-menu li {
        float: left;
        position: relative;
        z-index: 12;
        padding: 18px 10px
    }

        .hizli-menu li a {
            color: #000;
            display: inline-block;
            font-size: 14px;
            font-weight: 600;
            text-transform: uppercase
        }

            .hizli-menu li a:hover {
                color: #be0213
            }

        .hizli-menu li:after {
            content: '';
            display: block;
            width: 1px;
            height: 16px;
            background: #fff;
            position: absolute;
            right: -1px;
            top: 17px
        }

        .hizli-menu li:last-child:after {
            content: none
        }

.newheader .icon-turkcellLogo {
    background-image: url(../img/shared/turkcell-partner-network3.png);
    background-repeat: no-repeat;
    background-size: 150px;
    width: 150px;
    height: 21px
}

.newheader .top-bar .top-text {
    padding-top: 35px;
    padding-left: 75px
}

.static-content p b {
    font-weight: 700
}

.static-content h2 .font-normal {
    font-weight: 400;
    font-size: 18px;
    display: block;
    margin-bottom: -5px
}

.header-top-block .header-top-bar a.whatsapp {
    background-color: #3bc44d;
    color: #000;
    padding: 4px 15px;
    height: 40px;
    padding-left: 28px;
    padding-right: 5px;
    position: relative
}

    .header-top-block .header-top-bar a.whatsapp i {
        font-size: 20px;
        position: absolute;
        left: 6px;
        top: 2px
    }

.main header .top-bar .top-menu ul li a i.fa-whatsapp {
    color: #3bc44d;
    font-size: 38px
}

.cas a {
    font-size: 18px;
    font-weight: 700;
    color: #be0213;
    text-decoration: none;
    padding: 11px 0;
    display: inline-block
}

.extra-link-icon {
    color: #be0213
}

    .extra-link-icon i {
        font-style: normal;
        font-size: 40px
    }

@media (max-width:767px) {
    .check-style li {
        width: 100%
    }

    .sloganStar {
        position: absolute;
        right: 40px;
        top: -40px
    }
}

.modelTipi {
    background: #fff;
    padding: 5px;
    line-height: 18px;
    border-radius: 4px;
    border: 1px solid #eaeaea
}

    .modelTipi li {
        position: relative
    }

        .modelTipi li a {
            display: block;
            padding: 5px 5px 5px 24px;
            background: #f8f8f8
        }

        .modelTipi li:nth-child(odd) a {
            background: #eee
        }

        .modelTipi li a.active, .modelTipi li a:hover {
            text-decoration: none;
            background: #333;
            color: #000
        }

        /*.modelTipi li:after {
            content: '\f192';
            font: normal normal normal 14px/1 FontAwesome;
            position: absolute;
            top: 13px;
            left: 6px;
            color: #767676
        }*/

        .modelTipi li:hover:after {
            color: #08951c;
            content: '\f192';
            font: normal normal normal 14px / 1 FontAwesome;
            position: absolute;
            top: 13px;
            left: 6px;
        }

        .modelTipi li:has(.active):after {
            color: #08951c !important;
            content: '\f192';
            font: normal normal normal 14px / 1 FontAwesome;
            position: absolute;
            top: 13px;
            left: 6px;
        }

.model-list .modelTipi li:after {
    top: 12px
}

.caption-wrapper.caption-wrapper-search {
    border: none;
    padding: 0;
    margin: 0
}

    .caption-wrapper.caption-wrapper-search:after, .caption-wrapper.caption-wrapper-search:before {
        content: none
    }

    .caption-wrapper.caption-wrapper-search .wizard-details {
        color: inherit
    }

    .caption-wrapper.caption-wrapper-search .expertise-module .custom-radio .custom-control-label {
        color: inherit
    }

.extra-link.small.mb-0 {
    margin-bottom: 0;
    position: relative;
    margin: -8px 0 -10px
}

/*#arka_bagaj, #arka_sag, #arka_sag_kapi, #arka_sol, #arka_sol_kapi, #on_kaput {
    border-bottom: 1px solid #be0213
}*/

#tavan {
    border-bottom: 5px solid #70f46d
}

.damaged-part-list tbody {
    border: 5px solid #70f46d;
    border-left: none;
    border-right: none;
    border-bottom: none
}

/*.damaged-part-list tbody:last-child {
        border: 1px solid #be0213;
        border-left: none;
        border-right: none;
        border-bottom: none
    }*/

.carDetail {
    text-align: center;
    font-weight: 400;
    line-height: 22px;
    background: #f2f2f2;
    border-radius: 10px;
    border: 1px solid #e4e4e4;
    padding: 8px 5px
}

    .carDetail b {
        font-weight: 600
    }

.buy-now-car .vehicle-search .box .box-body .price-chart .price-chart-title span {
    display: inline-block;
    color: #000;
    background: #be0213;
    padding: 5px;
    font-size: 26px;
    margin-top: 8px
}

.modal p {
    margin-bottom: 10px
}

.modal h3 {
    font-weight: 600;
    margin-bottom: 10px;
    font-size: 18px
}

body .blocker {
    z-index: 99
}

.text-danger {
    color: #d71820
}

.pageTitle {
    font-size: 22px;
    font-weight: 600;
    color: #000
}

#ExpertiseModule g#bagaj_havuzu .shape {
    stroke: #fff;
    fill: #fff
}

    #ExpertiseModule g#bagaj_havuzu .shape.Ş {
        fill: #56bd37
    }

    #ExpertiseModule g#bagaj_havuzu .shape.selected-path {
        fill: grey
    }

.modelTipi li:after {
    color: #000;
    content: '\f192';
    font: normal normal normal 14px / 1 FontAwesome;
    position: absolute;
    top: 13px;
    left: 6px;
}