body {
    counter-reset: tabs-list-counter;
}
.location {box-sizing: content-box;}

/* UTILITY CSS */
strong {font-weight: bold !important;}
.bg-grey {background-color: #f2f2f2;}
.text-center {text-align: center;}
.center-btn {text-align: center;}
.video-container + .btn,
.video-container + .center-btn {margin-top: 33px;}
.img-fluid {
    max-width: 100%;
    height: auto;
}

.media {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
}
.media-body {
    -ms-flex: 1;
    flex: 1;
}

/* .btn {
    display: inline-block;
    border-radius: 30px;
    position: relative;
    padding: 6px 14px;
}
.btn.btn-large {
    font-size: 16px;
    padding: 9px 20px 10px;
}
.btn.btn-small {
    font-size: 12px;
    padding: 3px 12px 4px;
}
.btn.btn-ico {padding-right: 36px;}
.btn.btn-large.btn-ico {padding-right: 48px;}
.btn.btn-small.btn-ico {padding-right: 26px;}

.btn.btn-primary {
    text-transform: uppercase;
    font-weight: bold;
    background-color: #bb162b;
    color: #fff;
}

.btn.ico-round-arrow::after,
.btn.btn-ico::after {
    display: block;
    content: "";
    background: url(https://www.kia.ro/static/newsite/content/images/common/spr-button2.png) no-repeat;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.btn.btn-ico.ico-round-arrow::after {
    width: 24px;
    height: 24px;
    background-position: -25px -32px;
    right: 3px;
}
.btn.btn-large.ico-round-arrow::after {
    width: 31px;
    height: 31px;
    background-position: -32px 0;
    right: 3px;
}
.btn.btn-ico::after {
    width: 6px;
    height: 10px;
    background-position: 0 -57px;
    right: 11px;
} */



.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -18px;
    margin-right: -18px;
}

.col-3, .col-6, .col {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-left: 18px;
    padding-right: 18px;
}
.col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}
.col-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}
.col-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}

.align-items-center {
    -ms-flex-align: center!important;
    align-items: center!important;
}

@media screen and (max-width: 767px) {
    .col-3, .col-6 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}


/* PAGE SPECIFIC STYLE */
.breadcrumb + .page-asistenta-rutiera {
    margin-top: -43px;
    padding-top: 22px;
}
/* .page-asistenta-rutiera {background-color: #f2f2f2;} */

.page-asistenta-rutiera * {box-sizing: border-box;}

.page-asistenta-rutiera h1,
.page-asistenta-rutiera h2,
.page-asistenta-rutiera h3,
.page-asistenta-rutiera h4,
.page-asistenta-rutiera h5,
.page-asistenta-rutiera h6 {
    color: #343434;
}

.page-asistenta-rutiera h1 {
    font-weight: bold;
    font-size: 40px;
    line-height: normal;
    position: relative;
    margin-bottom: 25px;
}
.page-asistenta-rutiera .page-header p.lead {
    font-size: 22px;
    color: #333;
    text-align: left;
}
.page-asistenta-rutiera .page-header .lead.by {
    font-size: 18px;
}

.page-asistenta-rutiera h2.underlined {
    position: relative;
    font-size: 36px;
    font-weight: bold;
    text-transform: uppercase;
}
/* .page-asistenta-rutiera h1 + p.lead:first-of-type::after,
.page-asistenta-rutiera h2.underlined::after {
    content: "";
    display: block;
    width: 140px;
    height: 4px;
    background-color: #bb152b;
    margin: 32px 0 39px;
} */

.page-asistenta-rutiera h1 + p.lead:first-of-type {
    margin-bottom: 70px;
}

/* .page-asistenta-rutiera h3.decor {position: relative;}
.page-asistenta-rutiera h3.decor::before {
    content: "";
    background-color: #bb162b;
    width: 64px;
    height: 1px;
    display: block;
    margin: 0 auto 26px;
} */

.page-asistenta-rutiera section {
    padding: 55px 0;
}
.page-asistenta-rutiera section.small {
    padding: 31px 0;
}
.page-asistenta-rutiera section.page-header {
    padding-top: 0;
    padding-bottom: 0;
    margin: 0;
}
.page-asistenta-rutiera section.page-header h2 {
    font-weight: bold;
    font-size: 24px;
    text-transform: uppercase;
    margin-top: 65px;
}
.page-asistenta-rutiera section.hero-banner {
    /*height: 480px;*/
    background-color: #000;
    margin: 30px auto 49px;
    padding-top: 0;
    padding-bottom: 0;
}
.page-asistenta-rutiera section.hero-banner img,
.page-asistenta-rutiera section.hero-banner video {
    display: block;
    margin: 0 auto;
    max-width: 100%;
}

.page-asistenta-rutiera h3 {
    font-size: 55px;
    line-height: 52px;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 33px;
}

.page-asistenta-rutiera h4 {
    text-align: center;
    text-transform: uppercase;
    font-size: 18px;
    margin-bottom: 33px;
}

.page-asistenta-rutiera h5 {
    font-size: 16px;
    margin-bottom: 6px;
}

.page-asistenta-rutiera p {
    color: #666;
}
/* .page-asistenta-rutiera section p.lead {
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    line-height: normal;
    margin-bottom: 45px;
} */


section.alternating-title-position {
    margin: 0;
    padding: 70px 0;
}
.page-asistenta-rutiera section.hero-banner + section.alternating-title-position {
    margin-top: 0;
    padding-top: 0;
}
section.alternating-title-position:nth-child(odd) .title {order: 2; text-align: left;}
section.alternating-title-position .title {text-align: right;}
section.alternating-title-position h3 {text-align: inherit;}

section.alternating-title-position .content h4 {
    text-align: left;
    text-transform: uppercase;
    font-size: 24px;
    margin-bottom: 10px;
    margin-top: 10px;
}
section.alternating-title-position .content p {
    font-size: 18px;
    line-height: 20px
}

.row.with-borders [class^="col"] + [class^="col"] {
    border-left: 1px solid #e0e0e0;
}

@media screen and (max-width: 767px) {
    .breadcrumb + .page-asistenta-rutiera {margin-top: 0;}
    .page-asistenta-rutiera section.hero-banner video {
        height: 218px;
    }
    
    .page-asistenta-rutiera section {padding-top: 35px; padding-bottom: 35px;}
    
    .page-asistenta-rutiera section h3 {
        font-size: 22px;
        margin-top: 48px;
    }
    
    .row.with-borders [class^="col-"] {
        padding-top: 18px;
        padding-bottom: 18px;
    }
    .row.with-borders [class^="col"] + [class^="col"] {
        border-left: none;
        border-top: 1px solid #e0e0e0;
    }
    
    section.alternating-title-position:nth-child(odd) .title {order: 0;}
}

.recommended .wrapper {
    height: 190px;
    text-align: center;
    padding: 30px 0;
}
    .recommended .configurator .wrapper {
        background: #9ca1a5;
    }
    .recommended .test-drive .wrapper {
        background: #697279;
    }
    .recommended .newsletter .wrapper {
        background: #36434c;
    }
    .recommended .contact .wrapper {
        background: #515a63;
    }

    .recommended .wrapper .icon {
        height: 30px;
        width: auto;
    }
    .recommended .wrapper a {
        display: block;
        height: 100%;
    }
    .recommended .wrapper .title {
        display: block;
        font-size: 18px;
        text-transform: uppercase;
        color: #fff;
    }
    .recommended .wrapper .title::before {
        content: "";
        display: block;
        margin: 24px auto 30px;
        height: 0px;
        width: 70%;
        max-width: 120px;
        border-top: 1px solid #000;
        border-bottom: 1px solid #fff;
        opacity: 0.3;
    }

.navtabs {
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    margin-right: 54px;
}
    .navtabs .navitem + .navitem { margin-left: 1px; }
    .navtabs .navitem {
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        text-align: center;
    }
    .navtabs .navitem .navlink {
        display: block;
        padding: 13px 0;
        color: #fff;
        font-size: 15px;
        font-weight: bold;
        text-decoration: none;
        background: #9ba1a5;
    }
    .navtabs .navitem .navlink.active,
    .navtabs .navitem .navlink:hover,
    .navtabs .navitem .navlink:focus  {background-color: #05141f;}

.tabcontent {
    background-color: #FFF;
    border: 1px solid #e3e3e3;
    /* border-top: none; */
    padding: 0 35px 35px;
    font-size: 16px;
    color: #666;
    text-align: left;
    position: relative;
}
    .tabcontent .kar-logo {
        position: absolute;
        top: 0;
        right: 53px;
    }
    .tabcontent .row {
        margin-top: 48px;
    }
    .tabcontent .banner {margin: 0 -36px 60px;}
    .tabcontent .tabpane:not(.active) {
        display: none;
    }
    .tabcontent p {line-height: 30px;}
    .tabcontent h2 {
        border-left: 5px solid currentColor;
        padding-left: 10px;
        font-size: 26px;
        font-weight: bold;
        text-transform: uppercase;
        margin-top: 60px;
        margin-bottom: 23px;
        line-height: normal;
    }
    .tabcontent h3 {
        font-size: 20px;
        font-weight: bold;
        text-transform: none;
        text-align: inherit;
        line-height: normal;
    }
    .tabcontent h4 {
        font-size: 20px;
        font-weight: bold;
        text-transform: none;
        text-align: inherit;
        margin-bottom: 18px;
        display: flex;
        align-items: center;
        line-height: 25px;
    }
    .tabcontent .col .boxed {
        border: 1px solid #e5e5e5;
        padding: 35px 28px;
    }
    .tabcontent ul li {
        /* padding: 6px 0; */
        padding-left: 20px;
        position: relative;
        line-height: 30px;
    }
    .tabcontent ul:not(.check-list) li::before {
        content: "\2022";
        font-weight: bold;
        color: currentColor;
        font-size: 12px;
        position: absolute;
        left: 0;
    }
    .tabcontent ul.check-list li::before {
        content: "";
        display: block;
        width: 14px;
        height: 14px;
        background: url(assets/icons/check-red.svg) no-repeat center;
        background-size: contain;
        position: absolute;
        left: 0;
        top: 9px;
    }
    .tabcontent ul.check-list li {
        padding-left: 32px;
        /* background: url(assets/icons/check-red.svg) no-repeat left 10px; */
    }
    .tabcontent .contact p {font-size: 16px; line-height: 24px;}
    .tabcontent .contact .icon {
        width: 62px;
        margin-right: 27px;
    }
    .tabcontent .contact-options p {
        font-size: 16px;
        line-height: normal;
        margin-bottom: 18px;
    }
    .tabcontent .contact-options a {
        font-size: 20px;
        color: #ba152a;
    }
    .tabcontent table {margin: 40px 0;}
    .tabcontent table th ,
    .tabcontent table thead tr {
        background-color: #f8f8f8;
        border: 1px solid #e3e3e3;
    }
    .tabcontent table thead tr th {
        padding: 26px;
        font-size: 16px;
        font-weight: bold;
        border: none;
        white-space: nowrap;
    }
    .tabcontent table tbody td {
        padding: 10px 26px;
        font-size: 16px;
        color: #000;
    }
    .tabcontent table tbody td:not(:first-child) {
        text-align: center;
        font-weight: bold;
    }
    /* .tabcontent .check {
        color: #bb152b;
    } */
    .tabcontent .numbered li {
        margin: 46px 0;
    }
    .tabcontent .numbered li h4::before {
        counter-increment: tabs-list-counter;
        content: counter(tabs-list-counter);
        display: inline-block;
        width: 30px;
        min-width: 30px;
        background-color: #343434;
        color: #fff;
        text-align: center;
        padding: 8px 0 7px;
        margin-right: 20px;
    }
    .tabcontent #tab2 .numbered .media {
        align-items: center;
    }
    .tabcontent .numbered .icon {
        margin-left: 90px; 
        margin-right: 40px;
    }

    .tabcontent .attention {
        background-color: #f8f8f8;
        border: 1px solid #e3e3e3;
        padding: 20px 27px;
        padding-left: 76px;
        position: relative;
        font-size: 16px;
        margin: 50px 0 30px;
    }
    .tabcontent .attention p {margin: 0;}
    .tabcontent .attention::before {
        content: "!";
        width: 30px;
        background-color: #343434;
        color: #fff;
        padding: 8px 0 7px;
        display: inline-block;
        text-align: center;
        position: absolute;
        left: 26px;
    }

    .tabcontent #tab4 .col p,
    .tabcontent #tab4 > p {
        margin-bottom: 15px;
    }


@media (max-width: 960px) {
    .navtabs .navitem .navlink {
        font-size: 12px;
    }
    .tabcontent {
        font-size: 14px;
    }
    .tabcontent p {
        font-size: 14px;
        line-height: 22px;
    }
    .tabcontent ul li {
        line-height: 24px;
    }
    .tabcontent table thead tr th {
        padding: 15px;
        font-size: 12px;
    }
    .tabcontent table tbody td {
        padding: 6px 15px;
        font-size: 12px;
    }
    .tabcontent .contact .media {
        flex-flow: column;
    }
    .tabcontent .contact .icon {
        margin: 0 auto;
        margin-bottom: 27px;
    }
}

@media (max-width: 767px) {
    .navtabs {
        margin-right: 0;
    }
    .navtabs .navitem {
        flex: 1;
    }
    .navtabs .navitem .navlink {
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .tabcontent .kar-logo {
        width: 40px;
        right: 15px;
    }

    .tabcontent .row .col + .col {margin-top: 40px;}

    section .recommended > .row > .col {
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .tabcontent table {
        margin-left: -20px;
        margin-right: -20px;
    }
    .tabcontent table thead tr th {
        white-space: normal;
        text-align: center;
        padding: 10px 8px;
    }
    .tabcontent table tbody td {
        padding-left: 3px;
        padding-right: 3px;
    }

    .tabcontent .media {
        flex-flow: column;
    }
    .tabcontent .media .media-body {
        order: 2;
    }
    .tabcontent .media .icon {
        order: 1;
        margin: 20px auto;
    }
}

@media screen and (max-width: 767px) {
    .tabcontent .row {
        margin-top: 0;
    }

    .tabcontent h2 {
        font-size: 18px;
    }
}