.btn,button{
    cursor:pointer
}
.btn:focus,.btn:hover,.nav__link,.nav__submenu-link,a{
    text-decoration:none
}
button,hr{
    border:none
}
.btn,.h__uppercase,.nav__link{
    text-transform:uppercase
}
:root{
    --theme-color-primary:#4384C4;
    --theme-color-secondary:#0061E6;
    --theme-color-highlight:#0061E6;
    --nav-padding:12px 32px
}
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:inherit;
    color:#000;
    vertical-align:baseline
}
.btn,.tabnav-underlined__link,strong{
    font-weight:500
}
body,html{
    font-family:Roboto,sans-serif
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
    display:block
}
li,ol,ul{
    list-style:none
}
button{
    background:0 0;
    padding:0
}
button::-moz-focus-inner{
    border:0;
    padding:0
}
blockquote,q{
    quotes:none
}
blockquote:after,blockquote:before,q:after,q:before{
    content:'';
    content:none
}
table{
    border-collapse:collapse;
    border-spacing:0
}
input{
    margin:0
}
img{
    vertical-align:top
}
html{
    box-sizing:border-box;
    font-size:10px;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
*,:after,:before{
    box-sizing:inherit
}
body{
    background-color:#fff;
    color:#000;
    display:grid;
    font-size:1.4rem;
    font-weight:400;
    grid-template-rows:10px auto auto 10px;
    line-height:1.2
}
.nav,.nav__submenu{
    background-color:#FFF
}
@media screen and (min-width:992px){
    body{
        grid-row-gap:40px;
        grid-template-rows:70px auto auto 150px
    }
    .wrapper{
        max-width:1300px;
        margin-left:auto;
        margin-right:auto;
        min-width:992px
    }
}
.nav{
    max-width:100vw;
    transition:box-shadow .2s cubic-bezier(.25,0,1,1);
    z-index:99;
    position:-webkit-sticky;
    position:sticky;
    top:0
}
.nav__list{
    display:flex;
    flex-wrap:nowrap
}
@media screen and (max-width:767px){
    .wrapper{
        padding-left:16px;
        padding-right:16px
    }
    .wrapper--fluidxs{
        padding-left:0;
        padding-right:0
    }
    .page{
        margin-bottom:40px;
        max-width:100vw
    }
    .nav__list{
        overflow-x:scroll;
        width:100vw
    }
    .nav__list::-webkit-scrollbar{
        display:none
    }
}
@media screen and (min-width:768px) and (max-width:1024px){
          .header{
            flex-wrap: wrap;
          }
          a.header__logo-dealer.media-wrap {
    order: 1;
    flex: 0 0 50%;
}
a.header__logo-brand.media-wrap {
    order: 1;
    flex: 0 0 50%;
    flex-wrap: wrap;
}
.header__contact {
    order: 2;
    flex: 0 0 100%;
    justify-content: space-evenly;
    align-items: center;
}
a.header__phone.js-analytics-element {
    display: flex;
    gap: 7px;
}
    .nav__list{
        overflow-x:scroll;
        width:100vw
    }
    .nav__list::-webkit-scrollbar{
        display:none
    }
}
.nav__item{
    display:block;
    padding-right:13px
}
@media screen and (max-width:767px){
    .nav__item{
        padding-right:12px
    }
}
.nav__link{
    border-bottom:3px solid transparent;
    border-radius:1.5px;
    color:#414549;
    display:block;
    font-size:1.3rem;
    line-height:21px;
    padding:8px;
    transition:padding .2s cubic-bezier(.25,0,1,1);
    white-space:nowrap
}
.nav__item:hover{
    position:relative;
    z-index:99
}
.nav__item.has-active .nav__link{
    border-color:var(--theme-color-primary);
    color:#000
}
.nav__item:hover .nav__link{
    color:#000
}
.nav__item.has-children .nav__link{
    padding-right:24px;
    position:relative
}
.nav__item.has-children .nav__link:after,.nav__item.has-children .nav__link:before{
    border-style:solid;
    border-color:rgba(0,0,0,.54);
    border-width:0 0 1.5px 1.5px;
    content:'';
    display:block;
    height:8px;
    position:absolute;
    right:0;
    top:50%;
    transform:translate(-6px,-7px) rotate(-45deg);
    width:8px
}
.nav__submenu{
    border:1px solid #f8f8f8;
    box-shadow:0 3px 3px rgba(0,0,0,.1);
    display:none;
    left:0;
    min-width:80vw;
    position:absolute;
    top:100%
}
.nav__submenu-item{
    display:block;
    position:relative;
    z-index:1
}
.nav__submenu-item:not(:last-child){
    border-bottom:1px solid #f0f0f0
}
.nav__submenu-link{
    color:#000;
    display:block;
    font-size:1.4rem;
    padding:14px 20px
}
.nav__submenu-link:hover{
    color:#00f
}
@media screen and (min-width:992px){
    .nav__list{
        justify-content:space-between
    }
    .nav__link{
        font-size:1.4rem
    }
    .nav__submenu{
        min-width:200px
    }
    .nav__submenu-link{
        text-align:left
    }
}
.btn,.h__ac,.media-wrap,.model-discontinue__img,.model-discontinue__price,.model-discontinue__txt,.model-fuel{
    text-align:center
}
.nav__item:hover .nav__submenu{
    display:block;
    z-index:999
}
@media screen and (max-width:767px){
    .nav__item.has-children:before{
        background-color:rgba(89,89,89,.75);
        border-radius:50%;
        content:'';
        display:block;
        height:100vh;
        left:50%;
        position:fixed;
        top:50%;
        transform:translate(-50%,-50%) scale(0);
        transition:transform .2s ease-in;
        width:100vh
    }
    .nav__item.has-children .nav__submenu{
        opacity:0;
        transition:opacity .4s ease-in
    }
    .nav__item.has-open{
        position:relative;
        z-index:2
    }
    .nav__item.has-open.has-children:before{
        transform:translate(-50%,-50%) scale(1.5)
    }
    .nav__item.has-open .nav__submenu{
        display:block;
        left:50%;
        position:fixed;
        opacity:1;
        top:50%;
        transform:translate(-50%,-50%);
        z-index:999
    }
}
.nav__link-highlight{
    position:relative
}
.nav__link-highlight:after{
    content:attr(data-badge);
    border:1px solid var(--theme-color-primary);
    border-radius:3px;
    display:inline-block;
    color:var(--theme-color-primary);
    font-size:.7rem;
    line-height:1;
    margin-left:6px;
    padding:3px;
    vertical-align:top
}
@media screen and (min-width:992px){
    .nav__link-highlight:after{
        font-size:1rem;
        margin-left:6px;
        position:absolute;
        top:-8px
    }
    body.has-sticky-nav .nav__link{
        padding-bottom:16px;
        padding-top:16px
    }
}
.h__relative,.media-wrap--gratio,.svg-icon svg{
    position:relative
}
body.has-sticky-nav .nav{
    box-shadow:0 1px 6px 0 rgba(0,0,0,.24)
}
.svg-icon{
    color:inherit;
    display:inline-block;
    line-height:1;
    min-height:1em;
    min-width:1em
}
.svg-icon[data-icon]:before{
    background-color:currentColor;
    border-radius:50%;
    content:'';
    display:inline-block;
    height:1em;
    opacity:.5;
    width:1em
}
.svg-icon.has-loaded:before{
    display:none
}
.svg-icon img,.svg-icon svg{
    display:block;
    height:1em;
    margin-left:auto;
    margin-right:auto;
    width:1em
}
.svg-icon svg{
    fill:currentColor
}
.media-wrap{
    overflow:hidden
}
.media-wrap img{
    height:auto;
    image-rendering:-webkit-optimize-contrast;
    max-height:100%;
    max-width:100%
}
@media screen and (max-width:767px){
    .h__hide-xs{
        display:none!important
    }
}
.btn{
    background-image:none;
    border:1px solid transparent;
    display:inline-block;
    font-size:1.4rem;
    margin-bottom:9;
    /*padding:7px 13px;*/
    vertical-align:middle;
    touch-action:manipulation
}
.btn,.btn:active,.btn:focus{
    outline:0
}
.btn:focus,.btn:hover{
    color:#d1343a
}
.btn.disabled,.btn[disabled],fieldset[disabled] .btn{
    cursor:not-allowed;
    opacity:.65;
    pointer-events:none
}
.btn-block{
    display:block;
    width:100%
}
.btn-round{
    border-radius:4px
}
.media-wrap--gratio{
    display:block;
    height:0;
    padding-top:61.9%
}
.media-wrap--gratio img{
    height:100%;
    left:0;
    object-fit:cover;
    position:absolute;
    right:0;
    top:0;
    width:100%
}
.section--bg{
    background-image:linear-gradient(-180deg,#FFF 0,#F5F5F5 100%);
    position:relative
}
.section--grey{
    background-color:#F5F5F5
}
.section--pad{
    padding-bottom:40px;
    padding-top:40px
}
.title-widget{
    color:#828286;
    font-size:2rem;
    margin-bottom:20px
}
@media only screen and (min-width:992px){
    .title-widget{
        font-size:2.4rem;
        margin-bottom:30px
    }
}
.title-widget a{
    color:inherit
}
.tab__content{
    animation:fadeEffect 1s;
    display:none;
    overflow:hidden
}
.tab__content.active,.tab__content.has-active{
    display:block
}
@keyframes fadeEffect{
    from{
        opacity:0
    }
    to{
        opacity:1
    }
}
.tabnav-underlined{
    align-items:center;
    display:flex;
    justify-content:center;
    position:relative;
    z-index:2
}
.tabnav-underlined__item{
    position:relative
}
.tabnav-underlined__link{
    border-bottom:2px solid transparent;
    color:rgba(0,0,0,.54);
    display:block;
    line-height:1;
    padding:10px 12px;
    position:relative;
    margin-bottom:10px;
    font-size:1.6rem
}
@media screen and (min-width:992px){
    .tabnav-underlined{
        display:block;
        text-align:left
    }
    .tabnav-underlined__link{
        font-size:1.6rem;
        margin-bottom:24px;
        padding:0
    }
    .tabnav-underlined__link.active{
        color:#212121
    }
    .tabnav-underlined__link.active:before{
        border-left:2px solid var(--theme-color-primary);
        content:'';
        display:block;
        height:20px;
        top:-3px;
        left:-10px;
        position:absolute
    }
}
@media screen and (max-width:767px){
    .tabnav-underlined__link.active,.tabnav-underlined__link.active-tab,.tabnav-underlined__link.has-active{
        border-bottom-color:var(--theme-color-primary);
        border-left:none;
        color:#212121
    }
}
.input-material{
    font-size:1.4rem;
    margin-bottom:36px;
    position:relative
}
.input-material__input{
    -webkit-appearance:none;
    appearance:none;
    background:0 0;
    border:none;
    border-bottom:1px solid rgba(0,0,0,.16);
    border-radius:0;
    display:block;
    font-size:inherit;
    line-height:1.4;
    -moz-appearance:none;
    padding:.8em 0;
    width:100%
}
.input-material__input,.input-material__input:-webkit-autofill{
    background:0 0;
    color:rgba(0,0,0,.54);
    font-weight:500
}
.input-material__input:focus,.input-material__input:invalid{
    box-shadow:none;
    outline:0
}
.input-material__input[disabled]{
    cursor:not-allowed;
    opacity:.5
}
.input-material__input:focus~.input-material__bar:after,.input-material__input:focus~.input-material__bar:before{
    width:50%
}
.input-material__input.error~.input-material__bar:after,.input-material__input.error~.input-material__bar:before{
    background-color:#D13438;
    width:50%
}
.input-material__label{
    color:#757575;
    font-size:inherit;
    font-weight:400;
    margin-bottom:3px
}
.input-material__bar{
    display:block;
    position:relative;
    width:100%
}
.input-material__bar:after,.input-material__bar:before{
    background-color:#3d79e1;
    bottom:0;
    content:'';
    height:2px;
    position:absolute;
    transition:.2s ease all;
    width:0
}
.input-material__bar:before{
    left:50%
}
.input-material__bar:after{
    right:50%
}
.input-material .input-material__inputwrap{
    position:relative;
    width:auto
}
:-moz-placeholder,:-ms-input-placeholder,::-moz-placeholder,::-webkit-input-placeholder{
    color:#999
}
.input-material--dropdown:after{
    border-style:solid;
    border-color:#757575;
    border-width:0 0 2px 2px;
    content:'';
    display:block;
    height:8px;
    position:absolute;
    right:0;
    top:50%;
    transform:translate(-12px,-5px) rotate(-45deg);
    width:8px
}
.input-material--dropdown .input-material__input{
    padding-right:34px;
    padding-top:8px
}
.model{
    position:relative;
    padding-top:20px
}
.model__ttl{
    color:#000;
    font-size:22px;
    font-weight:500;
    margin-bottom:30px;
    line-height:35px
}
@media screen and (min-width:992px){
    .model{
        padding-top:0
    }
    .model__ttl{
        font-size:30px;
        padding-top:40px
    }
    .model__grid,.model__subgrid{
        display:grid;
        grid-column-gap:140px
    }
    .model__grid{
        align-items:center;
        grid-template-columns:130px auto
    }
    .model__subgrid{
        align-items:center;
        grid-template-columns:auto 130px
    }
    .model-types__item:not(:last-child){
        padding-bottom:24px
    }
}
.model-types__btn{
    color:rgba(0,0,0,.54);
    display:block;
    font-size:16px
}
@media screen and (max-width:767px){
    .model-types__list{
        display:flex;
        flex-wrap:nowrap;
        justify-content:center;
        overflow-x:scroll;
        width:100vw
    }
    .model-types__btn{
        padding:7px 20px;
        white-space:nowrap
    }
    .model-colors__btn.has-active .model-colors__bar,.model-colors__btn:hover .model-colors__bar{
        transform:scale(1.2)
    }
}
.model-banner{
    background:rgba(255,255,255,.01)
}
.model-colors__btn{
    border:none;
    display:block
}
.model-colors__btn:active,.model-colors__btn:focus{
    outline:0
}
.model-colors__bar{
    border:1px solid transparent;
    border-radius:6px;
    display:block;
    height:6px;
    width:60px;
    transition:transform .2s ease-in
}
@media screen and (min-width:992px){
    .model-colors__bar{
        float:right;
        transition:width .2s ease-in
    }
}
.model-colors__btn.has-active .model-colors__bar,.model-colors__btn:hover .model-colors__bar{
    width:80px
}
.model-colors__label{
    color:rgba(0,0,0,.54);
    display:block;
    font-size:1.2rem;
    height:0;
    opacity:0;
    overflow:hidden;
    padding-bottom:0;
    transition:all .2s ease-in;
    white-space:nowrap
}
.model-colors__btn.has-active .model-colors__label,.model-colors__btn:hover .model-colors__label{
    height:22px;
    opacity:1;
    padding-bottom:8px
}
@media screen and (min-width:992px){
    .model-colors__btn{
        padding-bottom:10px
    }
    .model-colors__list{
        display:grid;
        justify-items:right;
        float:right
    }
}
@media screen and (max-width:767px){
    .model-colors__label{
        transform:translateX(-50%);
        z-index:9;
        position:absolute;
        top:-30px;
        left:50%
    }
    .model-colors{
        margin-bottom:30px;
        position:relative;
        padding-left:16px;
        padding-right:16px
    }
    .model-colors__list{
        display:flex;
        flex-wrap:wrap;
        justify-content:center;
        overflow-x:scroll;
        padding-left:10px
    }
    .model-colors__list::-webkit-scrollbar{
        display:none
    }
    .model-colors__btn{
        border:1px solid transparent;
        border-radius:6px;
        display:flex;
        height:12px;
        white-space:nowrap;
        width:40px
    }
    .model-colors__btn:not(:last-child){
        margin-bottom:6px;
        margin-right:10px
    }
}
.grid-am,.model__action{
    align-items:center
}
.model-fuel__name{
    color:#57517A;
    font-size:14px;
    font-weight:500;
    margin-bottom:18px
}
.model-fuel__price{
    color:#d1343a;
    font-size:16px;
    font-weight:700;
    margin-bottom:16px
}
.model__action{
    display:flex;
    grid-gap:10px;
    grid-template-columns:1fr;
    justify-content:center
}
@media screen and (min-width:992px){
    .model-fuel__name{
        font-size:14px;
        margin-bottom:18px
    }
    .model-fuel__price{
        font-size:22px
    }
    .model__action{
        grid-gap:20px;
        grid-template-columns:1fr 1fr;
        max-width:480px;
        margin-left:auto;
        margin-right:auto
    }
        .model__action-btn-btn,.model__action-secbtn-btn{
            order:0
        }
        .model__action-btn-secbtn,.model__action-secbtn-secbtn{
            order:1
        }
    }
    .model__action-btn,.model__action-secbtn{
        font-size:1.6rem;
        border-radius:30px;
        white-space:nowrap
    }
    .model__action-btn:active,.model__action-btn:focus,.model__action-btn:hover,.model__action-secbtn:active,.model__action-secbtn:focus,.model__action-secbtn:hover{
        color:#FFF;
        filter:grayscale(.4)
    }
    .model__action-btn{
        background-color:var(--theme-color-primary);
        border-color:var(--theme-color-primary);
        color:#fff
    }
    .model__action-secbtn{
        background-color:var(--theme-color-secondary);
        border-color:var(--theme-color-secondary);
        color:#fff
    }
.model-discontinue{
    margin-bottom:20px
}
@media screen and (min-width:992px){
    .model-discontinue{
        margin-bottom:40px
    }
    .model-discontinue__grid{
        display:grid;
        grid-template-columns:50% 50%;
        grid-gap:30px
    }
}
.model-discontinue__ttl{
    color:#000;
    font-size:1.8rem;
    font-weight:700;
    margin-bottom:20px
}
@media screen and (min-width:992px){
    .model-discontinue__ttl{
        font-size:3.5rem;
        margin-bottom:40px;
        padding-top:30px
    }
}
.model-discontinue__img{
    overflow:hidden;
    position:relative
}
@media screen and (max-width:767px){
    .model-discontinue__img{
        margin-bottom:20px
    }
}
.model-discontinue__img img{
    display:block;
    width:100%
}
@media screen and (min-width:992px){
    .model-discontinue__img img{
        height:100%;
        max-width:100%;
        margin:0 auto;
        width:auto
    }
}
.model-discontinue__price{
    color:var(--theme-color-primary);
    font-weight:500;
    font-size:1.6rem;
    line-height:24px;
    margin-bottom:20px;
    z-index:2
}
@media screen and (min-width:992px){
    .model-discontinue__price{
        font-size:2rem;
        margin-bottom:40px
    }
}
.model-discontinue__txt{
    font-size:1.6rem;
    color:#000;
    line-height:1.6
}
@media screen and (min-width:992px){
    .model-discontinue__txt{
        font-size:2rem
    }
}
.model-discontinue__overlay{
    background-color:rgba(255,255,255,.7);
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    z-index:9
}
.model-discontinue__icon{
    display:block;
    font-size:81px
}
.model-discontinue__icon-wrap{
    position:absolute;
    top:50%;
    left:50%;
    font-size:20px;
    margin-top:-60px;
    margin-left:-53px;
    font-weight:500
}
.grid{
    display:grid
}
.grid-flex{
    display:flex
}
.h__mb30{
    margin-bottom:30px
}
.h__hide{
    display:none
}
@media screen and (max-width:767px){
    .h__bleed{
        margin-left:-16px;
        margin-right:-16px
    }
}
.h__bold{
    font-weight:500;
    font-size: 15px;
}

.services-form__ttl.h__bold {
    font-size: 20px;
}


.header{
    align-items:center;
    display:flex;
    position:relative;
    width:100%
}
@media screen and (max-width:767px){
    .header{
        flex-wrap:wrap;
        justify-content:space-between;
        padding:0 8px 8px;
        max-width:100vw
    }
    .header__logo-dealer{
        order:1;
        width:162px
    }
}
.header__logo-brand,.header__logo-dealer{
    display:block;
    height:32px;
    text-decoration:none
}
@media screen and (min-width:992px){
    .header{
        justify-content:flex-end;
        padding-top:30px
    }
    .header__logo-brand,.header__logo-dealer{
        height:64px
    }
    .header__logo-dealer{
        margin-right:auto
    }
}
.header__logo-dealer{
    color:#EC1C2F;
    font-size:1.6rem;
    justify-self:flex-start
}
.header__contact{
    display:flex
}
@media screen and (max-width:767px){
    .header__logo-brand{
        order:2;
        width:86px
    }
    .header__contact{
        background-color:var(--theme-color-primary);
        margin-left:-8px;
        margin-bottom:10px;
        order:0;
        overflow:scroll;
        width:100vw
    }
    .header__contact::-webkit-scrollbar{
        display:none
    }
}
@media screen and (min-width:992px){
    .header__logo-brand{
        margin-right:50px
    }
    .header__contact{
        justify-content:flex-end
    }
    .header .header__fig{
        display:block
    }
    .header__phone{
        margin-left:18px
    }
}
@media screen and (max-width:767px){
    .header__phone{
        display:flex;
        flex-direction:row;
        align-items:center;
        background-color:transparent;
        border-radius:3px;
        color:#FFF;
        text-align:center;
        padding:10px;
        white-space:nowrap
    }
    .header__phone:focus{
        color:#1E81CE
    }
    .header__phone .svg-icon{
        color:inherit;
        display:block;
        font-size:1.8rem;
        margin-right:6px
    }
}
@media screen and (min-width:992px){
    .header__phone-no{
        border-bottom:1px solid #414549;
        color:#414549;
        font-size:1.4rem;
        font-weight:700;
        line-height:16px;
        padding-bottom:4px
    }
}
.header__phone-label{
    color:rgba(0,0,0,.54);
    font-size:1.5rem;
    font-weight:500;
    text-transform:capitalize
}
@media screen and (min-width:992px){
    .header__phone-label{
        font-size:1.2rem;
        margin-bottom:3px
    }
}
@media screen and (max-width:767px){
    .header__phone-label{
        color:inherit;
        margin-right:6px
    }
    .header__phone-no{
        border-bottom:1px solid #414549;
        color:inherit;
        font-size:inherit;
        padding-bottom:3px
    }
    .header__phone-no:before{
        content:'('
    }
    .header__phone-no:after{
        content:')'
    }
}
.header__phone-icon{
    color:#1E81CE;
    font-size:3.4rem
}
:root {
    --theme-color-primary : #EC1C2F;
     --theme-color-secondary : #0061E6;
     --theme-color-highlight : #0061E6;
     --nav-padding: 12px 20px;
}


.smm_share
{
    text-align: center;
    padding-bottom: 20px;
    /*display: flex;*/
}

.kk_footer-social
{
    text-align: center;
    align-items: center;
}




.kk-login_btn
{
    display: flex;
    padding-right: 10px;
}

.kk-sign_btn
{
    display: flex;
    padding-right: 70px;

}


.kk-login_icon a:last-child {
    position: relative;
}