h.car-menu li a:hover,
.cta-group:hover a,
.promo-button,
.promo-button:hover {
    text-decoration: none
}

#new_dicks,
#threesixty,
.sw-engine__picture,
.swiper-container-horizontal,
.xray-cross-content-swiper {
    overflow: hidden
}

#spinner span,
.car-cta,
.car-info {
    text-align: center
}

#content section,
#slide47 {
    clear: both
}

body {
    font-display: auto;
    font-family: PragmaticaC, sans-serif;
    font-size: 16px
}

a,
a:hover {
    color: #ED6B21
}

#new_dicks {
    margin-top: 100px
}

.pad {
    padding-top: 30px
}

#content #everyone {
    margin-bottom: -100px;
    margin-top: 100px
}

.hero {
    padding: 95px 0 105px;
    background-image: url(/wp-content/themes/lada/landings/hero-back.jpg);
    background-position: bottom;
    background-size: auto;
    background-repeat: no-repeat
}

.hero4x4,
.heroXC,
.herograntacross,
.herograntauniversal,
.herolarguscross,
.herovesta,
.herovestacross,
.herovestasport,
.herovestasw,
.herovestaswcross {
    padding: 95px 0 105px;
    background-position: left;
    background-size: auto;
    background-repeat: no-repeat
}

.herogranta{
    padding: 60px 0 105px;
    background-position: left;
    background-size: auto;
    background-repeat: no-repeat
}

.heroXRAY {
    padding: 95px 0 105px;
    background-image: url(/wp-content/uploads/2019/09/xray-club-top_2019.jpg);
    background-size: auto;
    background-repeat: no-repeat
}

.heroXC {
    background-image: url(/wp-content/uploads/2019/02/xray-cross-top_2019.jpg)
}

.hero4x4 {
    background-image: url(/wp-content/uploads/2019/02/4x4-3dv-urban-top.jpg)
}

.herogranta {
    background-image: url(/wp-content/uploads/2019/09/club-granta-top.jpg)
}

.herograntauniversal {
    background-image: url(/wp-content/uploads/2019/02/granta-sw-top.jpg)
}

.herolarguscross {
    background-image: url(/wp-content/uploads/2019/02/largus-cross-top.jpg)
}

.herolargus {
    padding: 95px 0 105px;
    background-image: url(/wp-content/uploads/2019/02/largus-top.jpg);
    background-position: left;
    background-size: auto;
    background-repeat: no-repeat
}

.herovesta {
    background-image: url(/wp-content/uploads/2019/02/vesta-sedan-top.jpg)
}

.herovestasw {
    background-image: url(/wp-content/uploads/2019/02/vesta-sw-top.jpg)
}

.herovestacross {
    background-image: url(/wp-content/uploads/2019/02/vesta-cross-top.jpg)
}

.herovestaswcross {
    background-image: url(/wp-content/uploads/2019/02/vesta-sw-cross-top.jpg)
}

.herovestasport {
    background-image: url(/wp-content/themes/lada/landings/vesta-sport/vesta-sport-top22.jpg)
}

.herograntacross {
    background-image: url(/wp-content/uploads/2019/06/herogranta-cross-top.jpg)
}

.warranty-img {
    top: 0;
    left: 0;
    width: 12%;
    height: auto
}

.car-img {
    max-width: 100%;
    height: auto;
    padding-left: 70px;
    margin-bottom: -20px
}

.car-name {
    color: #fff;
    font-size: 43px;
    font-display: auto;
    font-family: PragmaticaC, Bebas, sans-serif;
    width: 100%
}

.car-info {
    background-color: rgba(255, 255, 255, .5);
    font-size: 1.5em;
    padding: 10px 25px 12px;
    line-height: normal;
    color: #000;
    display: none
}

.car-info .price {
    font-display: auto;
    font-family: Bebas, sans-serif;
    font-size: 56px;
    line-height: 1em;
    color: #000;
    margin: 0
}

.car-info span {
    font-display: auto;
    font-family: Bebas;
}

.car-menu {
    list-style: none;
    padding: 0;
    margin: 3px 0;
    width: 100%
}

.car-menu li a {
    font-display: auto;
    font-family: PragmaticaC, Bebas, sans-serif;
    font-size: 18px;
    line-height: normal;
    color: #fff;
    background-color: rgba(0, 0, 0, .5);
    width: 100%;
    display: block;
    padding: 8px 15px;
    margin-bottom: 3px;
    position: relative
}

.about-car,
.about-car-h2,
.label,
.promo-text-header {
    font-display: auto;
    font-family: PragmaticaC;
}

.arrow-button,
.download-button {
    position: absolute;
    bottom: 0;
    width: 40px;
    height: auto;
    background-repeat: no-repeat;
    top: 0;
    right: 0
}

.car-menu li a:hover {
    background-color: rgba(0, 0, 0, .8)
}

.active-line {
    color: #fff !important;
    background-color: rgba(0, 0, 0, .8) !important
}

.arrow-button {
    background-image: url(../assets/white-arrow.svg);
    background-position: center;
    background-size: 40%;
    background-color: rgba(0, 0, 0, .2);
    transition: background-position ease-in-out .1s
}

.car-menu li a:hover .download-button,
.download-button {
    background-image: url(/wp-content/uploads/2018/07/icon_pdf_white.png)
}

.car-menu li a:hover .arrow-button {
    background-color: rgba(0, 0, 0, 1);
    background-position: 70% 50%
}

.download-button {
    background-position: center center;
    background-size: 55%;
    background-color: rgba(0, 0, 0, .2)
}

#spinner,
#spinner span {
    position: absolute;
    top: 50%
}

.about-car {
    margin-bottom: 5px;
    font-weight: 200
}

.about-car-img {
    width: 100%
}

.about-car-h2,
.label {
    margin: 0;
    text-transform: uppercase;
    font-weight: 700
}

.about-car-h2 {
    font-size: 3.5em;
    letter-spacing: -3px;
    color: #36424D;
    line-height: 48px;
    margin-left: -2px;
    margin-top: 15px
}

.label {
    margin-top: -10px;
    color: #EE6323;
    font-size: 1.5em
}

.about-car-price {
    font-size: 2em;
    color: #ED6B21;
    margin-bottom: 0
}

.about-car-p {
    font-size: 1.2em;
    color: #36424D;
    line-height: normal
}

.car-cta,
.cta-descriptor {
    color: #fff
}

.car-cta {
    padding: 15px 0;
    background-color: #ED6B21;
    font-size: 1.5em;
    transition: all ease-in-out .1s;
    line-height: normal;
    font-display: auto;
    font-family: PragmaticaC;
    text-transform: uppercase;
}

.about-icon {
    background-image: url(../assets/buttons_icons.png);
    background-size: cover;
    height: 25px;
    width: 25px;
    font-style: normal;
    display: inline-block
}

#spinner,
#threesixty_images {
    display: none
}

.auto-icon {
    background-position: center 0
}

.drive-icon {
    background-position: center 75px
}

.trade-icon {
    background-position: center 25px
}

.find-diler-icon {
    background-position: center 100px
}

.car-cta:hover {
    background-color: #51595C
}

.car-cta p {
    margin: 0
}

.promo-video {
    width: auto;
    padding-top: 20px
}

.promo-video * {
    height: 700px
}

.promo-text {
    font-display: auto;
    font-family: PragmaticaC !important;
    font-weight: 200;
}

.promo-text-header,
.promo-text-p {
    color: #ED6B21;
    font-weight: 100;
    text-transform: initial
}

.promo-text-header {
    font-size: 35px;
    font-display: auto;
    font-family: PragmaticaLightC;
}

.promo-text-p {
    font-size: 20px;
    font-display: auto;
    font-family: PragmaticaC;
}

.promo-button {
    padding: 13px 27px;
    color: #fff;
    position: absolute;
    border-radius: 3px;
    bottom: 3%;
    right: 4%;
    background-color: #ed6b21;
    font-size: 16px;
    text-transform: uppercase
}

.promo-button:hover {
    color: #FFF;
    background-color: #939393
}

.xray-cross-gallery .row {
    margin-right: 0;
    margin-left: 0
}

.promo-text.granta-granta-page h1,
.promo-text.xray-cross-page h1 {
    width: 100%;
    text-align: center;
    color: #000;
    line-height: 1.2em;
    font-size: 90px;
    font-display: auto;
    font-family: PragmaticaLightC;
    font-weight: 200;
    transform: translateY(300px -300px);
}

.promo-text.granta-granta-page h1 span,
.promo-text.xray-cross-page h1 span {
    color: #ED6B21
}

.promo-text.granta-granta-page p,
.promo-text.xray-cross-page p {
    color: #4A5963;
    font-size: 1.4em;
    line-height: 25px;
    font-display: auto;
    font-family: PragmaticaC;
    font-weight: 100;
}

#threesixty {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

#threesixty ol,
#threesixty ul {
    list-style: none
}

#threesixty img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    margin-top: -210px
}

.current-image {
    visibility: visible;
    width: 100%
}

.previous-image {
    visibility: hidden;
    width: 0
}

#spinner {
    left: 50%;
    width: 90px;
    height: 90px;
    margin-left: -45px;
    margin-top: -50px
}

#spinner span {
    width: 100%;
    color: #333;
    font: .8em Arial, Verdana, sans;
    line-height: .6em;
    margin-top: -.3em
}

.arrow,
.xray-cross-about .pad-class,
.xray-cross-spin {
    position: relative
}

.xray-cross-spin {
    width: 100%;
    height: 700px;
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.arrow {
    top: 45%
}

.arrow a {
    position: absolute;
    top: 50%
}

.arrow-back {
    left: 0
}

.arrow-next {
    right: 10px
}

.granta-granta-grid-img,
.vesta-sport-grid-img,
.xray-cross-grid-img {
    width: 100%;
    margin: 0 auto;
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.xcross-img.first {
    float: left;
    height: 750px;
    margin: 0;
    clear: none;
    width: 50%;
    border-right-color: #fff;
    border-right-width: 5px;
    border-right-style: solid;
    border-top-color: #fff;
    border-top-width: 5px;
    border-top-style: solid;
    border-bottom-width: 5px;
    border-bottom-color: #fff;
    border-bottom-style: solid;
    background-image: url(/wp-content/uploads/xray_cross/xray_cross_02.jpg);
    background-attachment: scroll;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat
}

.ggranta-img.first,
.vestasport-img.first {
    float: left;
    height: 750px;
    margin: 0;
    clear: none;
    width: 50%;
    border-right-color: #fff;
    border-right-width: 5px;
    border-right-style: solid;
    border-top-color: #fff;
    border-top-width: 5px;
    border-top-style: solid;
    border-bottom-width: 5px;
    border-bottom-color: #fff;
    border-bottom-style: solid;
    background-attachment: scroll;
    -webkit-background-size: cover
}

.vestasport-img.first {
    background-image: url(https://lada.by/wp-content/uploads/2019/02/IMG_2803_full.jpg);
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat
}

.ggranta-img.first {
    background-image: url(https://lada.by/wp-content/uploads/2018/11/granta04_liftback.jpg);
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat
}

.ggranta-cross-img.first,
.ggranta-sw-img.first {
    float: left;
    height: 750px;
    margin: 0;
    clear: none;
    width: 50%;
    border-right-color: #fff;
    border-right-width: 5px;
    border-right-style: solid;
    border-top-color: #fff;
    border-top-width: 5px;
    border-top-style: solid;
    border-bottom-width: 5px;
    border-bottom-color: #fff;
    border-bottom-style: solid;
    background-attachment: scroll;
    -webkit-background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%
}

.ggranta-sw-img.first {
    background-image: url(https://lada.by/wp-content/uploads/2019/01/granta04_sw.jpg);
    background-size: cover
}

.ggranta-cross-img.first {
    background-image: url(/wp-content/uploads/2019/05/granta-cross/granta02_cross.jpg);
    background-size: cover
}

.vestasport-img.second,
.xcross-img.second {
    float: right;
    height: 375px;
    margin: 0;
    clear: none;
    width: 50%;
    border-bottom-color: #fff;
    border-bottom-width: 5px;
    border-bottom-style: solid;
    border-top-color: #fff;
    border-top-width: 5px;
    border-top-style: solid;
    background-attachment: scroll;
    -webkit-background-size: cover
}

.ggranta-img.second,
.vestasport-img.second,
.xcross-img.second {
    background-repeat: repeat repeat
}

.xcross-img.second {
    background-image: url(/wp-content/uploads/xray_cross/xray_cross_03.jpg);
    background-size: cover;
    background-position: 50% 80%
}

.vestasport-img.second {
    background-image: url(https://lada.by/wp-content/uploads/2019/02/IMG_2744.jpg);
    background-size: cover;
    background-position: 50% 80%
}

.ggranta-img.second,
.ggranta-sw-img.second {
    float: right;
    height: 375px;
    margin: 0;
    clear: none;
    border-bottom-color: #fff;
    border-bottom-width: 5px;
    border-bottom-style: solid;
    background-attachment: scroll;
    -webkit-background-size: cover;
    width: 50%;
    border-top-color: #fff;
    border-top-width: 5px;
    border-top-style: solid;
    background-position: 50% 80%
}

.ggranta-img.second {
    background-image: url(https://lada.by/wp-content/uploads/2018/11/granta02_liftback.jpg);
    background-size: cover
}

.ggranta-sw-img.second {
    background-image: url(https://lada.by/wp-content/uploads/2019/01/granta02_sw.jpg);
    background-size: cover;
    background-repeat: repeat repeat
}

.ggranta-cross-img.second,
.xcross-img.third {
    float: right;
    height: 375px;
    margin: 0;
    clear: none;
    border-bottom-width: 5px;
    border-bottom-color: #fff;
    border-bottom-style: solid;
    background-attachment: scroll;
    -webkit-background-size: cover;
    background-repeat: repeat repeat
}

.ggranta-cross-img.second {
    width: 50%;
    border-top-color: #fff;
    border-top-width: 5px;
    border-top-style: solid;
    background-image: url(/wp-content/uploads/2019/05/granta-cross/granta03_cross.jpg);
    background-size: cover;
    background-position: 50% 80%
}

.xcross-img.third {
    width: 25%;
    border-left-color: #fff;
    border-left-width: 5px;
    border-left-style: solid;
    background-image: url(/wp-content/uploads/xray_cross/xray_cross_04.jpg);
    background-size: cover;
    background-position: 50% 50%
}

.ggranta-img.third,
.vestasport-img.third {
    float: right;
    height: 375px;
    margin: 0;
    clear: none;
    width: 25%;
    border-left-color: #fff;
    border-left-width: 5px;
    border-left-style: solid;
    border-bottom-width: 5px;
    border-bottom-color: #fff;
    border-bottom-style: solid;
    background-attachment: scroll;
    -webkit-background-size: cover
}

.vestasport-img.third {
    background-image: url(https://lada.by/wp-content/uploads/2019/02/Disk-Koleso.jpg);
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: repeat repeat
}

.ggranta-img.third {
    background-image: url(https://lada.by/wp-content/uploads/2018/11/granta05.jpg);
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: repeat repeat
}

.ggranta-cross-img.third,
.ggranta-sw-img.third {
    float: right;
    height: 375px;
    margin: 0;
    clear: none;
    width: 25%;
    border-left-color: #fff;
    border-left-width: 5px;
    border-left-style: solid;
    border-bottom-width: 5px;
    border-bottom-color: #fff;
    border-bottom-style: solid;
    background-attachment: scroll;
    -webkit-background-size: cover;
    background-position: 50% 50%;
    background-repeat: repeat repeat
}

.ggranta-sw-img.third {
    background-image: url(https://lada.by/wp-content/uploads/2019/01/granta05.jpg);
    background-size: cover
}

.ggranta-cross-img.third {
    background-image: url(/wp-content/uploads/2019/05/granta-cross/granta04_cross.jpg);
    background-size: cover
}

.vestasport-img.last,
.xcross-img.last {
    float: right;
    height: 375px;
    margin: 0;
    clear: none;
    width: 25%;
    border-bottom-width: 5px;
    border-bottom-color: #fff;
    border-bottom-style: solid;
    background-attachment: scroll;
    -webkit-background-size: cover
}

.xcross-img.last {
    background-image: url(/wp-content/uploads/xray_cross/xray_cross_05.jpg);
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: repeat repeat
}

.vestasport-img.last {
    background-image: url(https://lada.by/wp-content/uploads/2019/02/IMG_2782_obzor.jpg);
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: repeat repeat
}

.ggranta-img.last,
.ggranta-sw-img.last {
    -webkit-background-size: cover;
    height: 375px;
    margin: 0;
    width: 25%;
    border-bottom-width: 5px;
    border-bottom-color: #fff;
    border-bottom-style: solid;
    background-attachment: scroll;
    background-position: 50% 50%;
    background-repeat: repeat repeat;
    clear: none;
    float: right
}

.ggranta-img.last {
    background-image: url(https://lada.by/wp-content/uploads/2018/11/granta03_liftback.jpg);
    background-size: cover
}

.ggranta-sw-img.last {
    background-image: url(https://lada.by/wp-content/uploads/2019/01/granta03_sw.jpg);
    background-size: cover
}

.ggranta-cross-img.last {
    float: right;
    height: 375px;
    margin: 0;
    clear: none;
    width: 25%;
    border-bottom-width: 5px;
    border-bottom-color: #fff;
    border-bottom-style: solid;
    background-image: url(/wp-content/uploads/2019/05/granta-cross/granta05_cross.jpg);
    background-attachment: scroll;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: repeat repeat
}

.xray-cross-about {
    padding-top: 50px;
    padding-bottom: 90px;
    margin-bottom: 20px !important
}

.xray-cross-about .container {
    max-width: 1350px
}

.xray-cross-about .promo-text-header {
    color: #000;
    font-size: 33px;
    font-display: auto;
    font-family: PragmaticaC;
    font-family: PragmaticaLightC;
    font-weight: 100
}

.xray-cross-about .promo-text-header span {
    color: #ed6b21
}

.promo-car-gradient .promo-text-header {
    color: #000;
    font-size: 33px;
    font-display: auto;
    font-family: PragmaticaC;
    font-family: PragmaticaLightC;
    font-weight: 100
}

.promo-car-gradient .promo-text-header span {
    color: #ed6b21
}

.xray-cross-about p {
    position: absolute;
    font-size: 1.4em;
    clear: none;
    font-display: auto;
    font-family: PragmaticaC;
    font-weight: 200;
    color: #4A5963;
    width: 70%;
    right: 0;
    top: 0
}

.granta-granta-section-sw .row h2,
.vesta-sport-section2 .row h2,
.xray-cross-section2 .row h2 {
    font-display: auto;
    font-family: PragmaticaC;
}

.granta-cross-swiper .swiper-slide,
.granta-cross-swiper1 .swiper-slide,
.juliel-lada-swiper .swiper-slide,
.juni-lada-swiper .swiper-slide,
.juniel-lada-swiper .swiper-slide,
.xray-cross-swiper .swiper-slide {
    position: relative;
    height: 290px;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    overflow: hidden
}

.granta-cross-swiper .swiper-slide .separator,
.granta-cross-swiper1 .swiper-slide .separator,
.juliel-lada-swiper .swiper-slide .separator,
.juni-lada-swiper .swiper-slide .separator,
.juniel-lada-swiper .swiper-slide .separator,
.xray-cross-swiper .swiper-slide .separator {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #ed6b21;
    opacity: .9;
    color: #FFF;
    bottom: -210px;
    padding-top: 10px;
    transition-duration: .5s;
    transition-property: all;
    text-align: left;
    font-weight: 200;
    padding-left: 30px
}

.gallery-grid a,
.gallery-grid.vestacross a,
.promo-pigments {
    transition: flex ease-in-out .2s
}

.granta-cross-swiper .swiper-slide:hover .separator,
.granta-cross-swiper1 .swiper-slide:hover .separator,
.juliel-lada-swiper .swiper-slide:hover .separator,
.juni-lada-swiper .swiper-slide:hover .separator,
.juniel-lada-swiper .swiper-slide:hover .separator,
.xray-cross-swiper .swiper-slide:hover .separator {
    bottom: 0
}

.granta-cross-swiper .swiper-slide .separator p,
.granta-cross-swiper1 .swiper-slide .separator p,
.juliel-lada-swiper .swiper-slide .separator p,
.juni-lada-swiper .swiper-slide .separator p,
.juniel-lada-swiper .swiper-slide .separator p,
.xray-cross-swiper .swiper-slide .separator p {
    color: #FFF;
    padding-top: 10px;
    padding-right: 30px
}

.juliel-lada-pagination,
.juni-lada-pagination,
.juniel-lada-pagination,
.xray-swiper-pagination {
    margin: 10px auto 0;
    width: 85px
}

.granta-swiper-pagination,
.granta-swiper-pagination-two {
    margin: 10px auto 0;
    width: 84px
}

.granta-swiper-pagination-1 {
    margin: 10px auto 0;
    width: 150px;
    text-align: center
}

@media (max-width:1366px) {
    .car-cta {
        font-size: 16px
    }
}

@media screen and (width:768px) {

    .granta-swiper-pagination,
    .granta-swiper-pagination-1,
    .granta-swiper-pagination-two {
        width: 105px
    }

    .descriptionColor,
    .logoColor {
        display: inline-block;
        vertical-align: top;
        width: 55% !important
    }

    .logoColor {
        margin-left: -120px;
        padding-left: 0 !important;
        text-transform: uppercase;
        font-size: 21px;
        line-height: 50px
    }

    .promo-car-gradient .promo-text-header {
        font-size: 22px
    }

    .xray-cross-about .promo-text-header {
        font-size: 22px !important
    }

    .gallery-grid {
        padding: 0 0 0 30px
    }

    .granta-cross-swiper .swiper-slide .separator,
    .granta-cross-swiper1 .swiper-slide .separator,
    .juliel-lada-swiper .swiper-slide .separator,
    .juni-lada-swiper .swiper-slide .separator,
    .juniel-lada-swiper .swiper-slide .separator,
    .xray-cross-swiper .swiper-slide .separator {
        padding-top: 10px
    }
}

@media screen and (width:1366px) {
    .xray-cross-spin {
        margin-bottom: -143px !important
    }
}

@media (max-width:640px) {
    .granta-swiper-pagination {
        margin: 10px auto 0;
        width: 85px
    }

    .granta-swiper-pagination-1,
    .granta-swiper-pagination-two {
        margin: 10px auto 0;
        width: 130px
    }
}

.granta-swiper-pagination .swiper-pagination-bullet,
.granta-swiper-pagination-1 .swiper-pagination-bullet,
.granta-swiper-pagination-two .swiper-pagination-bullet,
.juliel-lada-pagination .swiper-pagination-bullet,
.juni-lada-pagination .swiper-pagination-bullet,
.juniel-lada-pagination .swiper-pagination-bullet,
.xray-swiper-pagination .swiper-pagination-bullet {
    width: 13px;
    height: 13px;
    margin: 4px
}

.xray-cross-full-swiper .swiper-slide {
    height: 670px;
    cursor: -webkit-grab
}

.promo-text-header .motor_img {
    width: 70%;
    margin-left: 120px
}

.granta-new-image-full .container,
.xray-cross-image-full .container {
    max-width: 1650px
}

@media (max-width:640px) {
    .granta-new-image-full {
        margin-top: -90px !important
    }
}

@media (max-width:1150px) {
    .granta-new-image-full img {
        margin-top: 165px !important
    }
}

@media (max-width:840px) {
    .granta-new-image-full img {
        margin-top: 0 !important
    }

    .model-heading__holder {
        margin-bottom: -20px !important
    }

    .xray-cross-about {
        margin-bottom: -40px !important
    }
}

.xray-cross-content-swiper {
    position: relative;
    height: 655px;
    margin-top: 25px
}

.xray-content-pagination {
    position: absolute;
    z-index: 9999;
    bottom: 10px !important;
    right: 0;
    left: 45% !important
}

.xray-content-pagination .swiper-pagination-bullet {
    width: 15px;
    height: 15px;
    display: inline-block;
    border-radius: 100%;
    background: #FFF;
    opacity: 1
}

.xray-content-pagination .swiper-pagination-bullet-active {
    background-color: #ED6B21
}

.xray-cross-content-swiper .swiper-slide .about-separator {
    position: absolute;
    width: 45%;
    right: 3%;
    top: 30%;
    text-align: left;
    line-height: 20px;
    color: #ed6b21
}

.xray-cross-content-swiper .swiper-slide .about-separator p {
    color: #FFF
}

.vesta-sport-section2,
.xray-cross-section2 {
    width: 1900px;
    color: #4d5666;
    position: relative;
    z-index: 2;
    margin: 0 auto;
    min-height: 730px
}

@keyframes slideup {
    from {
        transform: translateY(300px);
        opacity: 0
    }

    to {
        transform: translateY(0);
        opacity: 1
    }
}

.vesta-sport-section2 {
    background: url(https://lada.by/wp-content/uploads/2019/02/sport01.jpg) -511px 50% no-repeat no-repeat #fff;
    -webkit-background-size: auto;
    background-size: auto;
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.xray-cross-section2 {
    background: url(https://lada.by/wp-content/uploads/2020/07/xray_cross_01.jpg) -511px 50% no-repeat no-repeat #fff;
    -webkit-background-size: auto;
    background-size: auto;
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.granta-granta-section-sw,
.granta-granta-section2 {
    margin: 0 auto;
    color: #4d5666;
    position: relative;
    z-index: 2;
    min-height: 730px
}

.granta-granta-section2 {
    background: url(/wp-content/uploads/2018/11/granta01_liftback.jpg) -511px 50% no-repeat no-repeat #fff;
    -webkit-background-size: auto;
    background-size: auto;
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.granta-granta-section-sw {
    background: url(/wp-content/uploads/2019/01/granta01_sw.jpg) -511px 50% no-repeat no-repeat #fff;
    -webkit-background-size: auto;
    background-size: auto;
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.granta-granta-section-cross {
    background: url(/wp-content/uploads/2019/05/granta-cross/granta01_cross.jpg) -511px 50% no-repeat no-repeat #fff;
    color: #4d5666;
    position: relative;
    z-index: 2;
    -webkit-background-size: auto;
    background-size: auto;
    margin: 0 auto;
    min-height: 730px;
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.vesta-sport-section2 .row {
    position: absolute;
    width: 600px;
    right: 15%;
    top: 10%
}

.xray-cross-section2 .row {
    position: absolute;
    width: 540px;
    right: 15%;
    top: 10%
}

.granta-granta-section-cross .row,
.granta-granta-section-sw .row,
.granta-granta-section2 .row {
    position: absolute;
    width: 540px;
    right: 23.2%;
    top: 10%
}

@media (max-width:1600px) {

    .vesta-sport-section2 .row,
    .xray-cross-section2 .row {
        right: 33%;
        font-size: 15px
    }

    .granta-granta-section-cross .row,
    .granta-granta-section-sw .row,
    .granta-granta-section2 .row {
        right: .7%;
        font-size: 15px
    }
}

.granta-granta-section-cross .row h2,
.granta-granta-section-sw .row h2,
.granta-granta-section2 .row h2,
.vesta-sport-section2 .row h2,
.xray-cross-section2 .row h2 {
    color: #ed6b21;
    font-size: 43px;
    font-weight: 100;
    letter-spacing: 0;
    text-transform: uppercase
}

.granta-granta-section-sw .row h2,
.granta-granta-section2 .row h2,
.xray-cross-section2 .row h2 {
    font-display: auto;
    font-family: PragmaticaLightC
}

.granta-granta-section-cross .row h2 {
    font-display: auto;
    font-family: PragmaticaC;
    font-family: PragmaticaC
}

.granta-granta-section-cross .row h2 span,
.granta-granta-section-sw .row h2 span,
.granta-granta-section2 .row h2 span,
.vesta-sport-section2 .row h2 span,
.xray-cross-section2 .row h2 span {
    color: #000
}

.granta-granta-section-cross .row p,
.granta-granta-section-sw .row p,
.granta-granta-section2 .row p,
.vesta-sport-section2 .row p,
.xray-cross-section2 .row p {
    font-size: 1.4em;
    color: #4d5666;
    margin-top: 50px
}

.vesta-sport-section2 .row p {
    line-height: 1.5
}

.xray-cross-video {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

@media (max-width:992px) {
    .car-menu {
        margin-bottom: -35px !important
    }
}

@media (max-width:1200px) {
    .promo-text-p {
        font-size: 15px
    }

    .promo-button {
        position: initial;
        padding: 10px 20px
    }

    .xray-cross-section2 {
        background: url(/wp-content/uploads/2018/11/xray_cross_01.jpg);
        width: 100%
    }

    .vesta-sport-section2 {
        background: url(/wp-content/uploads/2019/02/sport01.jpg);
        width: 100%
    }

    .granta-granta-section2 {
        background: url(/wp-content/uploads/2018/11/granta01_liftback.jpg);
        width: 100%
    }

    .granta-granta-section-sw {
        background: url(/wp-content/uploads/2019/01/granta01_sw.jpg);
        width: 100%
    }

    .granta-granta-section-cross {
        background: url(/wp-content/uploads/2019/05/granta-cross/granta01_cross.jpg);
        width: 100%
    }

    .granta-cross-swiper,
    .granta-cross-swiper1,
    .juliel-lada-swiper,
    .juni-lada-swiper,
    .juniel-lada-swiper,
    .xray-cross-swiper {
        overflow: hidden
    }
}

@media (min-width:767px) and (max-width:769px) {
    .promo-text-header {
        font-size: 24px
    }
}

.promo-text-paragraph {
    font-size: 1.4em;
    line-height: normal;
    text-align: left
}

.dark-gray {
    color: #495963
}

.parallax-window {
    min-height: 800px;
    background: 0 0;
    margin-bottom: -40px;
    margin-top: -75px
}

.about-car .row:first-child {
    margin-bottom: 55px
}

.promo-video.pre-loader {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover
}

.all-number-slide span {
    font-size: 34px;
    padding-top: 0;
    font-weight: 300;
    border-right: 1px solid #FFF;
    border-height: 1px;
    padding-right: 9px;
    max-height: 40px
}

@media (max-width:750px) {
    .pre-loader {
        margin-bottom: -50px;
        margin-top: -50px
    }

    #content .parallax-window {
        margin-bottom: -70px;
        margin-top: -48px
    }

    #content #drive_cross {
        margin-bottom: -110px
    }

    #content #everyone {
        margin-top: -110px;
        margin-bottom: -130px
    }
}

@media (max-width:1300px) {
    .promo-video * {
        height: 600px
    }
}

@media (max-width:1000px) {
    .promo-video * {
        height: 480px
    }
}

@media (max-width:700px) {
    .promo-video * {
        height: 280px
    }

    .granta-cross-swiper,
    .granta-cross-swiper1,
    .juliel-lada-swiper,
    .juni-lada-swiper,
    .juniel-lada-swiper,
    .xray-cross-swiper {
        top: 15%
    }
}

@media (max-width:400px) {
    .promo-video * {
        height: 200px
    }
}

@media (max-width:1300px) {
    .pre-loader .button {
        position: static;
        height: 600px;
        width: 40%
    }
}

@media (max-width:1000px) {
    .pre-loader .button {
        position: static;
        height: 480px;
        width: 55%
    }
}

@media (max-width:700px) {
    .pre-loader .button {
        position: static;
        height: 280px;
        width: 75%
    }
}

@media (max-width:400px) {
    .pre-loader .button {
        top: 0;
        position: static;
        height: 200px;
        width: 90%
    }
}

@media (max-width:720px) {
    .parallax-window {
        min-height: 300px
    }
}

@media (max-width:1240px) {

    .promo-text.granta-granta-page h1,
    .promo-text.xray-cross-page h1 {
        line-height: 1em;
        font-size: 40px
    }
}

.special-table {
    display: grid;
    margin-bottom: 30px
}

.row-grid {
    display: inherit;
    grid-template-columns: repeat(4, 1fr);
    border-bottom: 1px dotted gray
}

.row-grid>div {
    text-align: center
}

.row-grid>div:first-child {
    text-align: right
}

.row-grid:first-child {
    border-bottom: 0;
    font-display: auto;
    font-family: Bebas, sans-serif;
    font-size: 1.5em
}

.color-header,
.logoColor p {
    font-display: auto;
    font-family: PragmaticaC
}

article li {
    margin: 0;
    font-size: 1.2em
}

article p {
    font-size: inherit
}

article p.model-equipment__description {
    font-size: 1.4em
}

article ul {
    margin: 20px 0;
    padding: 0;
    font-size: 16px;
    list-style-position: inside
}

.gallery-grid {
    display: -ms-flex;
    display: flex;
    flex-flow: row wrap;
    object-fit: cover;
    justify-content: space-between
}

.gallery-grid a {
    flex: 25%;
    background: #FFF;
    flex-basis: 250px;
    height: 180px;
    margin: 1%;
    overflow: hidden;
}

.gallery-grid a .img-fluid {
    width: 100%;
    object-fit: cover;
    height: 180px;
}

@media (max-width:991px) {
    .gallery-grid a .img-fluid {
        max-width: 100%
    }

    .gallery-grid a {
        margin: 2px;
        flex: 48%
    }
}

@media (max-width:575px) {
    .gallery-grid a {
        margin: 2px;
        flex: 48%
    }
}

.promo-car-gradient {
    background: linear-gradient(#c7cccc, #f6f6f6 70%);
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center
}

.promo-car-gradient.vesta {
    background: #FFF;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    margin-top: 40px
}

.colors {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    box-shadow: 0 10px 5px -4px rgba(0, 0, 0, 0.25);
    width: 100%
}

.promo-pigments {
    flex: auto;
    height: 25px;
    cursor: pointer
}

.promo-pigments:hover {
    flex: 1.2
}

@media (max-width:576px) {
    .promo-pigments {
        height: 28px
    }
}
#cn-115 {
    background: #96011D;
}
#cn-204 {
    background: #fff;
}
#cn-360 {
    background: #1C3937;
}
#cn-601 {
    background: #000000;
}
#cn-618 {
    background: #CD853F;
}
#cn-630 {
    background: #777372;
}
#cn-633 {
    background: #3d4e55;
}
#cn-690 {
    background: #eff7ec;
}
#cn-918 {
    background: #4f4102;
}


#c-221 {
    background: #FFF
}

#c-124 {
    background: #DA0F23
}

#c-134 {
    background: #f37001
}

#c-136 {
    background: #B10121
}

#c-238 {
    background: #74766a
}

#c-242 {
    background: #B2B6A2
}

#c-250 {
    background: #5b4f3f
}


#c-265 {
    background: #986F59
}

#c-283 {
    background: #311500
}

#c-498 {
    background: #0082fc
}

#c-616 {
    background: #676769
}

#c-624 {
    background: #e8f0f2
}

#c-676 {
    background: #111112
}

#c-691 {
    background: #C3C4C4
}

#c-6912 {
    background: #898664
}

#c-2472,
#c-6911 {
    background: #CAD5CD
}

#c-246 {
    background: #3F3A32
}

#c-492 {
    background: #1449BF
}

#c-493 {
    background: #0056ae
}

#c-496 {
    background: #686866
}

#c-608 {
    background: #515958
}

#c-247 {
    background: #E8E5CD
}

#c-888 {
    background: #CB390A
}

#c-195 {
    background: #860E02
}

#c-240 {
    background: #fff
}

#c-2404x4 {
    background: #FEFAF4
}

#c-172 {
    background: #850D34
}

#c-135 {
    background: #430D45
}

#c-316 {
    background: #112717
}

#c-418 {
    background: #007db3
}

#c-610 {
    background: #cad4cc
}

#c-618 {
    background: #bbb
}

#c-633 {
    background: #4e5a5a
}

#c-672 {
    background: #1d1d1a
}

#c-690 {
    background: #D0D8E2
}

#c-692 {
    background: #FF9225
}

#c-790 {
    background: #898461
}
#c-222{
    background: black;
}
#c-634{
    background: #dce2e2;
}
#c-677{
    background: #423d37
}
.promo-pigments.active {
    flex: 3
}

.descriptionColor,
.logoColor {
    display: inline-block;
    vertical-align: top;
    width: 50%
}

.descriptionColor {
    width: 45%;
    height: 260px;
    padding-left: 50px
}

.contentColor {
    width: 65%
}

.logoColor {
    padding-left: 32px;
    text-transform: uppercase;
    font-size: 30px;
    line-height: 50px
}

.logoColor p {
    color: #ED6B21;
    font-size: 35px;
    font-weight: 100;
    text-transform: initial
}

.descriptionColor {
    color: #4A5963;
    text-align: left
}

.car-feature {
    margin-bottom: 2%
}

.car-feature img {
    display: inline-block;
    width: 49%
}

@media (max-width:1000px) {
    .car-feature img {
        width: 100%
    }
}

.descriptionColor h3 {
    font-size: 45px
}

.descriptionColor p {
    font-size: 1.4em;
    font-weight: 400
}

.color_name {
    margin: 0;
    padding: 0;
    font-weight: 100 !important
}

.color-header {
    font-weight: 400;
    font-size: 3em;
    color: #4A5963;
    text-align: center
}

.tiles {
    display: flex;
    flex-wrap: wrap
}

.tile {
    flex: 25%;
    position: relative;
    perspective: 2000px;
    perspective-origin: left center
}

.promo-car-gradient .bottom_banner {
    width: 100%;
    background: #4a5963;
    padding: 5% 30% 5% 20%
}

.promo-car-gradient .bottom_banner.orange {
    width: 100%;
    background: #ed6b21;
    padding: 5% 20%
}

.promo-car-gradient .bottom_banner.white {
    width: 100%;
    height: 35px;
    background: #fff;
    padding: 1% 20%
}

.promo-car-gradient .bottom_banner * {
    display: inline-block
}

.promo-car-gradient .bottom_banner p {
    float: right;
    font-size: 33px;
    color: #FFF;
    font-weight: 400;
    line-height: 38px
}

.gallery-grid.vestacross a {
    flex: 17%;
    background: #FFF;
    flex-basis: 210px;
    height: 210px;
    margin: 2px 2px 28px
}

.gallery-grid.vestacross a .img-fluid {
    max-width: 100%;
    object-fit: cover;
    border-bottom: 2px solid #FFF;
    height: 237px
}

.grid-car-trans-granta {
    margin-top: 5%
}

.tile>.description {
    display: none;
    position: absolute;
    width: 80%;
    height: 100%;
    top: 0;
    padding: 15px;
    color: #FFF;
    background: rgba(237, 107, 33, .8);
    font-weight: 700;
    animation-duration: 1s;
    animation-name: slidein
}

.tile:hover>.description {
    display: block
}

@keyframes slidein {
    from {
        transform-origin: 0 0;
        transform: rotateY(-90deg)
    }
}

@media (max-width:1600px) {

    .grid-car-trans,
    .grid-car-trans-granta {
        margin-top: 8%
    }
}

@media (max-width:1220px) {
    .tile {
        flex: 50%;
        perspective: 1000px
    }

    .descriptionColor p {
        font-size: 15px;
        font-weight: 400
    }

    @media (max-width:950px) {
        .descriptionColor p {
            font-size: 11px;
            font-weight: 400
        }
    }

    @media (max-width:450px) {
        .car-img {
            max-width: 185% !important
        }
    }

    @media (max-width:680px) {
        .align-items-end {
            max-width: 56%
        }

        .col-12.col-md-4 {
            padding-left: 4%;
            padding-right: 4%
        }

        .col-12.col-md-8.pad-class>img {
            width: 40% !important
        }

        .car-img {
            max-width: 160%;
            height: auto;
            padding: 1px;
            margin-left: -60px
        }

        .car-feature {
            display: block
        }

        .tile {
            flex: auto;
            perspective: 1000px
        }

        .promo-car-gradient img {
            max-width: 100%;
            padding-top: 25px
        }

        .contentColor {
            width: 80%;
            margin-left: 0
        }

        .descriptionColor h3 {
            font-size: 26px;

        }

        .descriptionColor p {
            font-size: 12px;
            font-weight: 400;
            width: 100%
        }

        .promo-car-gradient #color-car-image {
            max-width: none
        }

        .descriptionColor,
        .logoColor {
            display: inline-block;
            float: left;
            vertical-align: top;
            width: 100%
        }

        .logoColor {
            padding-left: 0;
            text-transform: uppercase;
            font-size: 30px;
            line-height: 50px
        }

        .descriptionColor {
            width: 100%;
            height: 190px;
            padding-left: 0
        }

        #color-car-image {
            width: 100%;
            overflow: hidden;
            transform: translateX(0)
        }

        .promo-car-gradient .bottom_banner p {
            float: none;
            font-size: 24px;
            color: #FFF;
            font-weight: 400;
            line-height: 25px;
            padding-top: 20px
        }

        #mega-menu-wrap-car-nav #mega-menu-car-nav>li.mega-menu-item.mega-current-menu-item>a.mega-menu-link:after {
            content: "";
            display: none
        }

        .grid-car-trans #color-car-image,
        .grid-car-trans-granta #color-car-image {
            width: 200%;
            overflow: hidden;
            transform: translateX(-25%);
            max-width: none
        }

        .grid-car-trans,
        .grid-car-trans-granta {
            margin-top: 0;
            width: 100%;
            overflow: hidden
        }
    }

    .description,
    .tile:hover .description {
        position: absolute;
        top: 0;
        background: rgba(237, 107, 33, .8);
        padding: 15px;
        width: 70%;
        height: 100%;
        color: #fff;
        font-weight: 400;
        font-size: 1.2em
    }

    .description {
        opacity: 0;
        transform: rotateY(-90deg);
        transition: transform ease-in-out .3s, opacity ease-in-out 250ms;
        transform-origin: left center;
        line-height: normal
    }

    .tile:hover .description {
        opacity: 1;
        transform: rotateY(0);
        perspective: 500px
    }

    @media (max-width:1300px) {

        .granta-granta-section-sw,
        .granta-granta-section2,
        .vesta-sport-section2,
        .xray-cross-section2 {
            height: 580px
        }

        .granta-granta-section-cross,
        .granta-granta-section-sw,
        .granta-granta-section2,
        .vesta-sport-section2,
        .xray-cross-section2 {
            background-position: center top;
            background-size: 375px;
            background-repeat: no-repeat;
            min-height: 580px;
            margin-top: 75px !important
        }

        .granta-granta-section-cross .row,
        .granta-granta-section-sw .row,
        .granta-granta-section2 .row,
        .vesta-sport-section2 .row,
        .xray-cross-section2 .row {
            padding-top: 50px;
            width: 100%;
            right: 15px;
            top: 30%;
            padding-left: 15px
        }

        .granta-granta-section-cross {
            height: 620px
        }
    }

    @media (max-width:330px) {
        .about-separator {
            top: 18% !important;
            line-height: 17px !important
        }
    }

    @media (max-width:400px) {
        .about-separator {
            top: 22%
        }
    }

    @media (max-width:540px) {
        .about-separator {
            top: 28% !important;
            line-height: 18px !important
        }
    }

    @media (max-width:800px) {
        .about-separator {
            top: 35%
        }
    }

    @media (max-width:840px) {

        .granta-granta-section-cross .row,
        .granta-granta-section-sw .row,
        .granta-granta-section2 .row,
        .vesta-sport-section2 .row,
        .xray-cross-section2 .row {
            padding-top: 50px;
            right: 15px;
            top: 30%;
            padding-left: 15px;
            width: 100%
        }

        .promo-text.xray-cross-page {
            height: 400px
        }

        .promo-text.granta-granta-page {
            height: 230px
        }

        .granta-granta-section-cross,
        .granta-granta-section-sw,
        .granta-granta-section2,
        .vesta-sport-section2,
        .xray-cross-section2 {
            background-position: center top;
            background-size: 375px;
            background-repeat: no-repeat;
            height: 580px
        }

        .car-feature {
            display: block
        }

        .xray-cross-section2 {
            min-height: 580px;
            margin-top: 75px !important
        }

        .xray-cross-section2 .row h2 {
            font-size: 34px
        }

        .xray-cross-section2 .row p {
            font-size: 18px;
            margin-top: 15px;
            padding-right: 25px
        }

        .vesta-sport-section2 {
            min-height: 580px;
            margin-top: 75px !important
        }

        .vesta-sport-section2 .row h2 {
            font-size: 34px
        }

        .vesta-sport-section2 .row p {
            font-size: 18px;
            margin-top: 15px;
            padding-right: 25px
        }

        .granta-granta-section2 {
            min-height: 580px;
            margin-top: 75px !important
        }

        .granta-granta-section2 .row h2 {
            font-size: 34px
        }

        .granta-granta-section2 .row p {
            font-size: 18px;
            margin-top: 15px;
            padding-right: 25px
        }

        .granta-granta-section-sw {
            min-height: 580px;
            margin-top: 75px !important
        }

        .granta-granta-section-sw .row h2 {
            font-size: 34px
        }

        .granta-granta-section-sw .row p {
            font-size: 18px;
            margin-top: 15px;
            padding-right: 25px
        }

        .granta-granta-section-cross {
            min-height: 600px;
            margin-top: 75px !important
        }

        .granta-granta-section-cross .row h2 {
            font-size: 34px
        }

        .granta-granta-section-cross .row p {
            font-size: 18px;
            margin-top: 15px;
            padding-right: 25px
        }

        .xray-cross-spin {
            position: relative;
            width: 100%;
            height: 420px
        }

        .arrow {
            position: relative;
            top: 70%
        }

        .arrows-spin img {
            width: 45%
        }

        .arrow-back {
            left: 35%
        }

        .arrow-next {
            right: 18%
        }

        .xray-cross-about .promo-text-header {
            font-size: 30px;
            text-align: left
        }

        .xray-cross-about p {
            position: relative;
            text-align: left;
            width: 100%;
            padding-left: 3px
        }

        .xray-cross-full-swiper .swiper-slide {
            background-size: 105% !important;
            background-repeat: no-repeat !important;
            height: 260px;
            cursor: -webkit-grab
        }

        .xray-cross-content-swiper {
            position: relative;
            height: 710px
        }

        .xray-content-pagination .swiper-pagination-bullet {
            border: 1px solid #000
        }

        .xray-content-pagination {
            left: 32% !important
        }

        .xray-cross-content-swiper .swiper-slide {
            height: 800px !important;
            background-size: contain !important;
            background-repeat: no-repeat !important;
            background-position: center top !important
        }

        .xray-cross-content-swiper .swiper-slide .about-separator {
            position: absolute;
            width: 80%;
            right: 12%;
            top: 51%;
            text-align: left;
            line-height: 20px;
            color: #ed6b21
        }

        .xray-content-pagination .swiper-pagination-bullet-active {
            border: none
        }

        .xray-cross-content-swiper .swiper-slide .about-separator p {
            color: #000
        }

        .d-block {
            line-height: 15px;
            display: none !important
        }

        #threesixty img {
            margin-top: 0
        }
    }

    @media (width:320px) {

        .vesta-sport-section2 .row,
        .xray-cross-section2 .row {
            top: 26% !important
        }
    }

    #content #new_dicks {
        overflow: hidden;
        margin-top: -62px
    }

    #content #everyone {
        margin-top: -110px
    }

    .pad {
        padding-top: 0
    }

    @media (max-width:640px) {
        .promo-text.xray-cross-page h1 {
            width: 100%;
            text-align: center;
            color: #000;
            line-height: 1.2em;
            font-weight: 600;
            font-size: 23px
        }

        .promo-text.granta-granta-page h1 {
            width: 100%;
            text-align: center;
            color: #000;
            line-height: 1.2em;
            font-size: 35px
        }

        .granta-cross-swiper .swiper-slide .separator,
        .granta-cross-swiper1 .swiper-slide .separator,
        .juliel-lada-swiper .swiper-slide .separator,
        .juni-lada-swiper .swiper-slide .separator,
        .juniel-lada-swiper .swiper-slide .separator,
        .xray-cross-swiper .swiper-slide .separator {
            line-height: 20px
        }

        .promo-text.granta-granta-page p,
        .promo-text.xray-cross-page p {
            font-size: 18px;
            margin-bottom: 80px;
            padding-left: 10px;
            padding-right: 7px
        }

        .granta-granta-section-cross .row,
        .granta-granta-section-sw .row,
        .granta-granta-section2 .row,
        .vesta-sport-section2 .row,
        .xray-cross-section2 .row {
            right: 15px;
            top: 30%;
            padding-left: 15px;
            width: 100%
        }

        .xray-cross-video {
            height: 206px
        }

        .vesta-sport-section2,
        .xray-cross-section2 {
            height: 930px;
            background-position: center top;
            background-size: 375px;
            background-repeat: no-repeat
        }

        .xray-cross-section2 {
            margin-top: 75px !important
        }

        .xray-cross-section2 .row h2 {
            font-size: 34px
        }

        .xray-cross-section2 .row p {
            font-size: 18px;
            margin-top: 15px;
            padding-right: 25px
        }

        .vesta-sport-section2 {
            margin-top: 75px !important
        }

        .vesta-sport-section2 .row h2 {
            font-size: 34px
        }

        .vesta-sport-section2 .row p {
            font-size: 18px;
            margin-top: 15px;
            padding-right: 25px
        }

        .granta-granta-section2 {
            background-position: center top;
            background-size: 375px;
            background-repeat: no-repeat;
            height: 800px;
            margin-top: 75px !important
        }

        .granta-granta-section-cross,
        .granta-granta-section-sw {
            background-position: center top;
            background-size: 375px;
            background-repeat: no-repeat;
            height: 700px
        }

        .granta-granta-section2 .row h2 {
            font-size: 34px
        }

        .granta-granta-section2 .row p {
            font-size: 18px;
            margin-top: 15px;
            padding-right: 25px
        }

        .granta-granta-section-sw {
            margin-top: 75px !important
        }

        .granta-granta-section-sw .row h2 {
            font-size: 34px
        }

        .granta-granta-section-sw .row p {
            font-size: 18px;
            margin-top: 15px;
            padding-right: 25px
        }

        .granta-granta-section-cross {
            margin-top: 75px !important
        }

        .granta-granta-section-cross .row h2 {
            font-size: 34px
        }

        .granta-granta-section-cross .row p {
            font-size: 18px;
            margin-top: 15px;
            padding-right: 25px
        }

        .xray-cross-spin {
            position: relative;
            width: 100%;
            height: 230px
        }

        .arrow {
            position: relative;
            top: 70%
        }

        .arrows-spin img {
            width: 45%
        }

        .arrow-back {
            left: 35%
        }

        .arrow-next {
            right: 18%
        }

        .xray-cross-about .promo-text-header {
            font-size: 25px;
            text-align: left
        }

        .granta-cross-swiper .swiper-slide .separator h3,
        .granta-cross-swiper1 .swiper-slide .separator h3,
        .juliel-lada-swiper .swiper-slide .separator h3,
        .juni-lada-swiper .swiper-slide .separator h3,
        .juniel-lada-swiper .swiper-slide .separator h3,
        .xray-cross-swiper .swiper-slide .separator h3 {
            font-size: 18px
        }

        .xray-cross-about p {
            position: relative;
            text-align: left;
            width: 100%;
            padding-left: 3px
        }

        .xray-cross-full-swiper .swiper-slide {
            background-size: cover !important;
            background-repeat: no-repeat !important
        }

        .promo-text-header .motor_img {
            width: 50%;
            margin-left: 25%
        }

        .juliel-lada-pagination,
        .juni-lada-pagination,
        .juniel-lada-pagination,
        .xray-swiper-pagination {
            margin: 0 auto;
            width: 150px;
            text-align: center
        }

        .ggranta-img.first,
        .ggranta-img.last,
        .ggranta-img.second,
        .ggranta-img.third,
        .ggranta-sw-img.first,
        .ggranta-sw-img.last,
        .ggranta-sw-img.second,
        .ggranta-sw-img.third,
        .vestasport-img.first,
        .vestasport-img.last,
        .vestasport-img.second,
        .vestasport-img.third,
        .xcross-img.first,
        .xcross-img.last,
        .xcross-img.second,
        .xcross-img.third {
            float: none;
            width: 100%;
            height: 200px;
            border: 0;
            border-bottom: 5px solid #FFF;
            margin: 0
        }

        .ggranta-cross-img.first {
            float: none;
            width: 100%;
            height: 200px;
            border: 0;
            border-bottom: 5px solid #FFF;
            margin: 5px 0 0
        }

        .ggranta-cross-img.last,
        .ggranta-cross-img.second,
        .ggranta-cross-img.third {
            float: none;
            width: 100%;
            height: 200px;
            border: 0;
            border-bottom: 5px solid #FFF;
            margin: 0
        }

        .xray-cross-content-swiper {
            position: relative;
            height: 790px
        }

        .xray-content-pagination .swiper-pagination-bullet {
            border: 1px solid #000
        }

        .xray-content-pagination {
            left: 32% !important
        }

        .xray-cross-content-swiper .swiper-slide {
            height: 950px !important;
            background-size: contain !important;
            background-repeat: no-repeat !important;
            background-position: center top !important
        }

        .xray-cross-content-swiper .swiper-slide .about-separator {
            position: absolute;
            width: 80%;
            right: 12%;
            top: 35%;
            text-align: left;
            line-height: 20px;
            color: #ed6b21
        }

        .xray-content-pagination .swiper-pagination-bullet-active {
            border: none
        }

        .xray-cross-content-swiper .swiper-slide .about-separator p {
            color: #000
        }

        .d-block {
            line-height: 15px;
            display: none !important
        }
    }

    @media (max-width:365px) {

        .granta-granta-section-cross,
        .granta-granta-section-sw,
        .granta-granta-section2,
        .vesta-sport-section2,
        .xray-cross-section2 {
            background-position: center top;
            background-size: 375px;
            background-repeat: no-repeat;
            margin-top: 20px !important
        }

        .vesta-sport-section2,
        .xray-cross-section2 {
            height: 1050px
        }

        .granta-granta-section2 {
            height: 750px
        }

        .granta-granta-section-sw {
            height: 670px
        }

        .granta-granta-section-cross {
            height: 820px
        }

        .arrow {
            position: relative;
            top: 55%
        }

        .arrow-next {
            right: 15%
        }

        .arrow-back {
            left: 30%
        }
    }
}

.model-heading {
    padding: 100px 0 0
}

.model-heading-cross {
    padding: 0
}

.model-heading__holder {
    box-sizing: border-box;
    margin: auto;
    max-width: 1250px;
    padding: 0 25px;
    width: 100%
}

.model-heading__inner {
    display: flex;
    margin: 0 -15px
}

.model-heading__box {
    box-sizing: border-box;
    padding: 0 15px;
    width: 50%
}

.model-heading__title {
    display: block;
    color: #ed6b21;
    font: 700 40px/48px Montserrat, sans-serif;
    text-transform: uppercase
}

.model-heading__title span {
    display: block;
    color: #000
}

.model-heading__description {
    color: #222;
    font: 300 22px/27px Montserrat, sans-serif
}

.model-equipment {
    display: flex;
    margin: 24px -12px 0
}

.model-equipment__item {
    box-sizing: border-box;
    padding: 24px 12px 0;
    width: 50%;
    position: relative;
    color: #000
}

.model-equipment__picture {
    height: 350px;
    background-size: cover;
    background-position: 50%
}

.model-equipment__name {
    display: block;
    margin: 40px 0 20px;
    color: #ed6b21;
    font-size: 24px;
    font-weight: 400;
    line-height: 28px;
    font-display: auto;
    font-family: PragmaticaC;
    font-family: PragmaticaC
}

@media screen and (max-width:1100px) {
    .model-equipment {
        margin-top: 200px !important
    }
}

@media screen and (max-width:660px) {

    .model-heading,
    .model-heading-cross {
        padding: 50px 0
    }

    .model-heading__title {
        font-size: 28px;
        line-height: 36px;
        text-align: center
    }
}

@media screen and (max-width:768px) {
    .model-equipment {
        margin-top: 0 !important
    }

    .model-heading,
    .model-heading-cross {
        padding: 60px 0
    }

    .heading__holder {
        padding: 0 10px
    }
}

@media screen and (max-width:1024px) {
    .heading__holder {
        padding: 0 15px
    }
}

@media screen and (max-width:768px) {
    .model-heading__inner {
        flex-wrap: wrap;
        padding: 0
    }

    .model-heading__box {
        width: 100%
    }
}

@media screen and (max-width:1024px) {
    .model-heading__inner {
        margin: 0;
        padding: 0 20px
    }
}

@media screen and (max-width:660px) {
    .model-equipment__item {
        padding: 0
    }

    .model-equipment__picture {
        width: 100%;
        position: relative
    }
}

@media screen and (max-width:768px) {
    .model-equipment {
        flex-wrap: wrap;
        margin: 0
    }

    .model-equipment__item {
        margin-top: 40px;
        padding: 320px 0 0;
        width: 100%;
        min-height: 300px
    }

    .model-equipment__picture {
        height: 300px;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0
    }
}

@media screen and (max-width:660px) {
    .model-equipment__name {
        margin-top: 24px;
        font-size: 20px;
        line-height: 24px
    }
}

@media screen and (max-width:768px) {
    .model-equipment__name {
        margin-top: 0
    }
}

.sw-engine {
    padding-bottom: 100px
}

.sw-engine__holder {
    box-sizing: border-box;
    margin: auto;
    max-width: 1250px;
    padding: 0 25px;
    width: 100%
}

.sw-engine__holder:after,
.sw-engine__holder:before {
    content: " ";
    display: table
}

.sw-engine_size_three .sw-engine__item {
    width: 33.33333333%;
    padding: 0 60px
}

.sw-engine_size_three .sw-engine__item-sw {
    width: 49%;
    padding: 0 60px
}

.sw-engine__item-sw:first-of-type,
.sw-engine__item:first-of-type {
    border-left: none
}

.sw-engine__item,
.sw-engine__item-sw {
    box-sizing: border-box;
    border-left: 1px dotted #cbcbcb;
    float: left;
    padding: 0 100px;
    width: 50%;
    text-align: center;
    margin-top: 100px;
    margin-bottom: 70px
}

.sw-engine__picture.state-show img {
    top: 0
}

.sw-engine__picture img {
    transition: all .5s;
    display: inline-block;
    max-width: 100%;
    position: relative;
    top: 500px;
    vertical-align: top
}

.sw-engine__description {
    padding: 0;
    list-style: none;
    margin: 20px 0 0 20px;
    text-align: left
}

.sw-engine__description-sw {
    padding: 0;
    list-style: none;
    margin: 0 0 0 20px;
    text-align: left
}

.sw-engine__description li:first-of-type,
.sw-engine__description-sw li:first-of-type {
    margin-top: 0
}

.sw-engine__description li,
.sw-engine__description-sw li {
    margin-top: 5px
}

.sw-engine__description span,
.sw-engine__description-sw span {
    display: block;
    color: #ed6b21
}

@media screen and (max-width:768px) {
    .sw-engine {
        padding-bottom: 50px
    }

    .sw-engine__holder {
        padding: 0 10px
    }
}

@media screen and (max-width:1024px) {
    .sw-engine__holder {
        padding: 0 15px
    }
}

@media screen and (max-width:660px) {

    .sw-engine_size_three .sw-engine__item,
    .sw-engine_size_three .sw-engine__item-sw {
        width: 100%
    }
}

@media screen and (max-width:750px) {
    .sw-engine__item:first-of-type {
        margin-top: 0;
        padding-top: 0;
        border-top: 0
    }
}

@media screen and (max-width:768px) {

    .sw-engine_size_three .sw-engine__item,
    .sw-engine_size_three .sw-engine__item-sw {
        padding: 0 20px
    }
}

@media screen and (max-width:1024px) {

    .sw-engine_size_three .sw-engine__item,
    .sw-engine_size_three .sw-engine__item-sw {
        padding: 0 40px
    }

    .sw-engine_size_three .sw-engine__description,
    .sw-engine_size_three .sw-engine__description-sw {
        margin-left: 0
    }
}

@media screen and (max-width:750px) {

    .sw-engine__item,
    .sw-engine__item-sw {
        border-left: none;
        margin-top: 0;
        padding: 20px 30px 0;
        width: 100%
    }
}

@media screen and (max-width:768px) {

    .sw-engine__item,
    .sw-engine__item-sw {
        padding: 0 50px
    }
}

@media screen and (max-width:1024px) {

    .sw-engine__item,
    .sw-engine__item-sw {
        margin-top: 150px;
        margin-bottom: 70px
    }
}

@media screen and (max-width:820px) {

    .sw-engine__item,
    .sw-engine__item-sw {
        margin-top: 0;
        margin-bottom: 70px
    }
}

#slide47 {
    float: left;
    height: auto;
    margin: 0;
    width: 100%;
    padding-top: 100px;
    padding-bottom: 100px;
    background-color: rgba(255, 255, 255, 1)
}

.slide2cols_box {
    float: none;
    height: auto;
    margin-left: auto;
    margin-top: 0;
    clear: none;
    width: 90%;
    max-width: 1200px;
    margin-right: auto
}

.slide2cols_text_left {
    float: left;
    font-size: 2.6em;
    width: 50%;
    height: auto;
    text-align: left;
    font-weight: 400;
    margin: 0;
    clear: none;
    min-height: 0;
    font-display: auto;
    font-family: PragmaticaC 'Regular';
    padding-right: 30px;
    max-width: none;
    display: block
}

@media screen and (max-width:650px) {
    .exceptionphoto {
        width: 50% !important;
        max-width: 50% !important
    }

    .wrapper {
        padding-top: 15px
    }

    .hero,
    .hero4x4,
    .heroXC,
    .heroXRAY,
    .herogranta,
    .herograntauniversal,
    .herolargus,
    .herolarguscross,
    .herovesta,
    .herovestacross,
    .herovestasport,
    .herovestasw,
    .herovestaswcross {
        padding: 0 60px 105px
    }

    .herograntacross {
        padding: 20px 60px 105px
    }
}

@media (max-width:600px) {
    .hero {
        padding-top: 70px
    }

    .wrapper {
        padding-top: 20px
    }
}

@media (max-width:450px) {
    .wrapper {
        padding-top: 27px
    }
}

@media (max-width:350px) {
    .wrapper {
        padding-top: 35px
    }
}

@media (width:1024px) {
    .wrapper {
        padding-top: 30px
    }
}

.my-3 .d-lg-none.container h1 {
    width: 100%
}

@media only screen and (max-width:700px) {

    .hero,
    .hero4x4,
    .heroXC,
    .heroXRAY,
    .herogranta,
    .herograntacross,
    .herograntauniversal,
    .herolargus,
    .herolarguscross,
    .herovesta,
    .herovestacross,
    .herovestasport,
    .herovestasw,
    .herovestaswcross {
        background-size: cover
    }
}

#enjoy_block_video {
    float: left;
    height: auto;
    margin-left: 0%;
    margin-top: 0px;
    margin-bottom: 10px;
    clear: none;
    width: 100%;
    position: relative;
    display: block;
    margin-right: 0%;
    background-color: rgb(0, 0, 0);
}

#enjoy_block_image1 {
    float: left;
    width: auto;
    max-width: 100%;
    height: auto;
    margin: 0px;
    clear: none;
    color: rgb(0, 0, 0);
}

#enjoy_block_box1 {
    float: left;
    height: auto;
    clear: none;
    width: 100%;
    position: absolute;
    top: auto;
    left: 0px;
    bottom: 0px;
    right: auto;
    padding: 60px;
    background-image:-webkit-linear-gradient(270deg, rgba(0, 0, 0, 0) 1%, black 100%);
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 1%, black 100%);
    background-attachment: scroll;
    -webkit-background-size: auto;
    background-size: auto;
    background-position: 0% 0%;
    background-repeat: repeat repeat;
}

#enjoy_block_image2 {
    float: left;
    width: 50%;
    max-width: 100%;
    height: auto;
    margin: 0px;
    clear: none;
    color: rgb(0, 0, 0);
}

#enjoy_block_box2 {
    float: left;
    height: auto;
    margin: 0px 0px 0px 10%;
    clear: none;
    width: 40%;
}

#enjoy_block_text {
    float: left;
    font-size: 21px;
    width: 100%;
    height: auto;
    text-align: left;
    font-weight: 700;
    line-height: 1.3em;
    margin: 0px;
    clear: none;
    min-height: 0px;
    font-family: PragmaticaC;
    color: rgb(242, 100, 4);
    display: block;
    min-width: 0px;
}

#enjoy_block_box3:hover {
    background-color: rgb(250, 105, 0);
}

#enjoy_block_box3 {
    float: left;
    height: 50px;
    margin: 60px 0px 0px;
    clear: both;
    width: 100%;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
    border-bottom-left-radius: 25px;
    display: block;
    background-color: rgb(242, 100, 4);
}

#enjoy_block_text1 {
    float: left;
    font-size: 14px;
    width: 100%;
    height: 50px;
    text-align: center;
    font-weight: 500;
    line-height: 1.3em;
    margin: 0px;
    clear: none;
    min-height: 0px;
    font-family: PragmaticaC;
    color: rgb(255, 255, 255);
    padding-top: 16px;
    display: block;
}

@media only screen and (max-width: 1279px) {
    #enjoy_block_box3 {
        margin-top: 30px;
    }
}

@media only screen and (max-width: 1023px) {
    #enjoy_block_video {
        width: 100%;
    }
}

@media only screen and (max-width: 959px) {
    #enjoy_block_text {
        font-size: 18px;
    }

    #enjoy_block_image2 {
        width: 40%;
    }

    #enjoy_block_box2 {
        width: 50%;
    }

    #enjoy_block_box1 {
        padding: 30px;
    }
}

@media only screen and (max-width: 639px) {
    #enjoy_block_image2 {
        width: 100%;
    }

    #enjoy_block_box2 {
        width: 100%;
        margin-left: 0%;
        margin-top: 30px;
    }

    #enjoy_block_box1 {
        position: static;
        bottom: auto;
        top: 0px;
        left: 0px;
        width: 100%;
        margin-top: -130px;
        margin-left: 0%;
        clear: none;
        padding: 60px;
    }

    #enjoy_block_text {
        width: 100%;
    }

    #enjoy_block_box3 {
        width: 100%;
        height: 50px;
    }

    #enjoy_block_text1 {
        width: 100%;
        height: 50px;
    }

    #enjoy_block_image1 {
        margin: 0px;
        clear: none;
        width: 100%;
    }
}

@media only screen and (max-width: 599px) {
    #enjoy_block_video {
        margin-left: 0%;
        clear: both;
    }

    #enjoy_block_box1 {
        padding: 40px;
    }
}

@media only screen and (max-width: 479px) {
    #enjoy_block_text {
        font-size: 18px;
    }

    #enjoy_block_box1 {
        padding: 30px;
        margin-top: -60px;
    }
}

@media only screen and (max-width: 369px) {
    #enjoy_block_text {
        font-size: 18px;
    }
}

@media only screen and (max-width: 320px) {
    #enjoy_block_text {
        font-size: 18px;
    }
}