/*BASE*/

@font-face {
    font-family: 'MMC-Medium';
    src: url('../fonts/Mitsubishi/MMC-Medium.eot'); /* IE9 Compat Modes */
    src: url('../fonts/Mitsubishi/MMC-Medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/Mitsubishi/MMC-Medium.woff') format('woff'), /* Modern Browsers */
         url('../fonts/Mitsubishi/MMC-Medium.woff2') format('woff2'); /* Legacy iOS */
    font-style: normal;
    font-weight: normal;
    font-display: swap;
}

@font-face {
    font-family: 'MMC-Bold';
    src: url('../fonts/Mitsubishi/MMC-Bold.eot'); /* IE9 Compat Modes */
    src: url('../fonts/Mitsubishi/MMC-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/Mitsubishi/MMC-Bold.woff') format('woff'), /* Modern Browsers */
         url('../fonts/Mitsubishi/MMC-Bold.woff2') format('woff2'); /* Legacy iOS */
    font-style: normal;
    font-weight: bold;
    font-display: swap;
}

@font-face {
    font-family: 'MMC-Regular';
    src: url('../fonts/Mitsubishi/MMC-Regular.eot'); /* IE9 Compat Modes */
    src: url('../fonts/Mitsubishi/MMC-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/Mitsubishi/MMC-Regular.woff') format('woff'), /* Modern Browsers */
         url('../fonts/Mitsubishi/MMC-Regular.woff2') format('woff2'); /* Legacy iOS */
    font-style: normal;
    font-weight: normal;
    font-display: swap;
}


html,
body {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    color: #333333;
    font-size: 15px;
    line-height: 1.25;
    font-family: "MMC-Regular", "Hevetica", Arial, sans-serif;
    font-weight: normal;
    overflow-x: hidden;
  text-rendering: optimizeLegibility;
  font-feature-settings: "kern" 1;
  font-kerning: normal;
  background: #fff;
  min-width: 320px;
}
/*.rouble {
  font-family: 'PTRoubleSans';
  text-transform: none;
  font-size: 90%;
}*/
.container {padding: 0;}
.anchor {position: relative; top: -77px;}
main {padding-top: 68px;}
section {padding: 70px 0;}
a {color: #e63312;
    -webkit-transition: background 0.15s ease-out 0s, color 0.15s ease-out 0s, border 0.15s ease-out 0s;
    -o-transition: background 0.15s ease-out 0s, color 0.15s ease-out 0s, border 0.15s ease-out 0s;
    transition: background 0.15s ease-out 0s, color 0.15s ease-out 0s, border 0.15s ease-out 0s;}
a:focus, a:visited, a:hover, button:focus, .btn:focus {outline: none; box-shadow: none;}
a:hover {color: #ED0000;}
button, .btn, a.btn {
    position: relative;    
    font-weight: normal;
    text-transform: uppercase;
    text-align: center;
    min-height: 50px;
    display: inline-block;
    cursor: pointer;
    padding: 15px 30px;
    position: relative;
    border: 1px solid transparent;
    border-radius: 0;
    -webkit-transition: background 0.15s ease-out 0s, color 0.15s ease-out 0s, border 0.15s ease-out 0s, opacity 0.15s ease-out 0s; 
    -o-transition: background 0.15s ease-out 0s, color 0.15s ease-out 0s, border 0.15s ease-out 0s, opacity 0.15s ease-out 0s; 
    transition: background 0.15s ease-out 0s, color 0.15s ease-out 0s, border 0.15s ease-out 0s, opacity 0.15s ease-out 0s;
    min-width: 300px;
    border: none;
      }


button.close:after {display: none;}
button:hover, button:active, button:focus, a.btn:hover, a.btn:active  { text-decoration: none; outline: none;}
.btn-red, a.btn-red {
    background: #ED0000;
    color: #ffffff;    
    box-shadow: 0 3px 10px 0 rgba(243, 35, 23, 0.4);
}
.btn-red:hover, a.btn-red:hover {
    background: #c9302c;
    color: #ffffff;
}
.btn-skel, a.btn-skel {
    border: 1px solid #ED0000;
    background: transparent;
    color: #333;
    font-family: "MMC-Medium";
}

.btn-skel:hover, a.btn-skel:hover {
    border: 1px solid #ED0000;
    background: #ED0000;
    color: #fff;
}

.btn-skel.white-btn, a.btn-skel.white-btn {
    border: 1px solid #fff;
    background: transparent;
    color: #fff;
    font-family: "MMC-Medium";
}

.btn-skel.white-btn:hover, a.btn-skel.white-btn:hover {
    border: 1px solid #fff;
    background: #fff;
    color: #000000;
}

.fancybox-inner button {min-width: unset;}
.colored {background-color: #f2f2f2;}

h1 {font-size: 55px; text-transform: uppercase; font-family: "MMC-Bold"; margin-bottom: 30px;}
h2 {font-size: 40px; text-transform: uppercase; font-family: "MMC-Medium"; margin-bottom: 35px;}
h3 {font-size: 33px; text-transform: uppercase; font-family: "MMC-Medium"; margin-bottom: 35px;}
h3.form-heading {font-size: 28px;}
.btn-anim {overflow: hidden; position: relative;}
.btn-anim:after {
content: '';
    position: absolute;
    height: 350%;
    width: 200%;
    top: 0;
    left: -100%;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 100%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    z-index: 20;
    -webkit-animation-name: ripple;
    animation-name: ripple;
    -webkit-animation-duration: 6s;
    animation-duration: 6s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
.darked {position: relative;}
.darked:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: url(../img/light_filtr_s_dark.png) left top no-repeat;
    background-size: cover;
    z-index: 1;
    opacity: 0.8;
}
.lighted {position: relative;}
.lighted:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: url(../img/light_filtr_s.png) left top no-repeat;
    background-size: cover;
    z-index: 1;
}


.section-header {margin-bottom: 60px; text-align: center;}

@-webkit-keyframes ripple {
    20% { opacity: 0;   -webkit-transform: scale(2.5);  transform: scale(2.5); }
    100% { opacity: 0; -webkit-transform: scale(2.5);  transform: scale(2.5); }
}
@keyframes ripple {
 20% { opacity: 0;   -webkit-transform: scale(2.5);  transform: scale(2.5); }
 100% { opacity: 0; -webkit-transform: scale(2.5);  transform: scale(2.5); }
 }

.red {color: #ED0000!important;} 

.icon_text {
    font-weight: bold;
    padding-right: 1rem;
    color: #ED0000;
    font-size: 95%;
    vertical-align: top;
}

input, input:focus, input:active {outline: none; border: none;}
textarea {resize: none;}

input.error {border: 1px solid #d20000!important;}
.text-field {margin-bottom: 20px;}
.form-cont .text-field input, .form-cont .text-field textarea, .form-cont button, .form-cont select {width: 100%;}
.form-cont .text-field input, .form-cont .text-field textarea, .form-cont .text-field select {border: 1px solid #c8c8c8; padding-left: 20px; background: #fff;}
.form-cont .text-field input:focus, .form-cont .text-field textarea:focus {border: 1px solid #ED0000; outline: none;}
.text-field select {height: 50px;}
.text-field input, .text-field select {line-height: 50px; height: 52px; width: 100%; padding: 0 20px;}
.text-field textarea {padding: 20px;}

b, strong {
    font-family: "MMC-Bold";
}

.dark-bg {background-color: rgba(0,0,0,0.6);}

.btn-skel i {
    color: #ED0000;
}
.btn i {
    margin-right: 10px;
    margin-left: 10px;
}

.radio-btn input[type="radio"] {
  vertical-align: top;
  margin: 0;
  width: 20px;
  height: 20px;
}
.radio-btn input[type="radio"] + label {
  cursor: pointer;
  padding: 0 0 0 30px;
  text-align: left;
  opacity: 1;
  -webkit-transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -ms-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
  line-height: 20px;
  margin: 0px;
}
.radio-btn input[type="radio"]:not(checked) {
  position: absolute;
  opacity: 0;
}
.radio-btn input[type="radio"]:not(checked) + label {
  position: relative;
  opacity: 1;
  border:none;
  background: transparent; 
  
}

.radio-btn input[type="radio"]:not(checked) + label:before {
  content: '';
  position: absolute;
  top: 0px;
  left: 0px;
  width: 20px;
  height: 20px;
  border: 1px solid #e7e7e7;
  background-color: #fff;
  border-radius: 20px;
  -webkit-transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -ms-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
}
.radio-btn input[type="radio"]:not(checked) + label:after {
  content: '';
  position: absolute;
  top: 6px;
  left: 6px;
  width: 8px;
  height: 8px;
  opacity: 0;
  background-color: #fff;
  border-radius: 10px;
  -webkit-transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -ms-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;

}
.radio-btn input[type="radio"]:checked + label {
  opacity: 1; 
  
}
.radio-btn input[type="radio"]:checked + label:before {
  border: 1px solid #ED0000;
  background-color: #ED0000;
}
.radio-btn input[type="radio"]:checked + label:after {
  opacity: 1
}

/*HEADER*/
header {padding: 10px 0; position: fixed; z-index: 99; width: 100%; background: #ffffff;
-webkit-box-shadow: -1px 2px 6px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: -1px 2px 6px 0px rgba(0, 0, 0, 0.1);
    box-shadow: -1px 2px 6px 0px rgba(0, 0, 0, 0.1);}


header .container-fluid {padding: 0 30px;}
header:after {
    content: '';
    position: absolute;
    width: 70%;
    height: 0px;
    bottom: -3px;
    left: 50%;    
    border-radius: 0 0 10px 10px;
    background-color: #ED0000;
    border-color: transparent;
    border-style: hidden hidden solid solid;
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.right-logo-block {height: 100px;}
.logo.main-logo {
    position: absolute;
    top: -10px;
    left: 0;
    width: auto;
    padding: 10px 5px 10px;
    background: #ffffff;
    -webkit-box-shadow: -1px 2px 6px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: -1px 2px 6px 0px rgba(0, 0, 0, 0.3);
    box-shadow: -1px 2px 6px 0px rgba(0, 0, 0, 0.3);
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.shadow .logo.main-logo {
    padding: 0 5px;
}
.logo.main-logo img {width: 80px;}
.main-block {display: flex; flex-flow: row; justify-content: flex-start; align-items: center; position: relative;}

.logo-block, .logo-block img, .logo-block span {display: inline-block;}
.logo-block {padding-right: 25px; flex: 200px 0 0;}
.logo-block, .logo-block:hover {color: #333; text-decoration: none;}
.logo-block img, .logo-block span {vertical-align: middle;}
.logo-block img {width: 150px; padding-right: 15px;}
.logo-block span {font-size: 13px;}

@media (min-width: 1601px) {
    header .container-fluid {padding: 0 150px;}
    header:after {width: 1170px;}
    .logo-block {flex: auto 0 0;}
}

.top-menu {display: inline-block; vertical-align: middle;}
.top-menu > ul {padding: 0; margin: 0;}
.top-menu > ul > li {list-style: none; float: left; position: relative; padding: 15px 20px;}
.top-menu li > a {
    color: #333333;
    font-family: 'MMC-Medium';
    text-transform: uppercase;
    transition: color 0.15s ease-out 0s;
    font-size: 13px;
    text-decoration: underline;
}
.top-menu li > a:hover, .top-menu li > a:focus  {color: #ED0000; text-decoration: none;}
/*.top-menu li.dropdown {padding: 15px 35px 15px 25px;}*/
.top-menu li.dropdown:hover {-webkit-box-shadow: -1px 4px 6px 0px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: -1px 4px 6px 0px rgba(0, 0, 0, 0.1);
    box-shadow: -1px 4px 6px 0px rgba(0, 0, 0, 0.1);}
.top-menu li.dropdown:hover > a {text-decoration: none; color: #ED0000;}    
.dropdown-ul {position: absolute; text-align: left; min-width: 220px; padding: 25px 15px 15px 35px; left: 0px; top: 48px; background: #ffffff;
	-webkit-box-shadow: -1px 6px 6px 0px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: -1px 6px 6px 0px rgba(0, 0, 0, 0.1);
    box-shadow: -1px 6px 6px 0px rgba(0, 0, 0, 0.1);
display: none;
z-index: 4}
.dropdown-ul li {margin-bottom: 10px; list-style: none;}
.dropdown-ul li > a {padding: 0; color: #666666; text-decoration: none;}


.contact-block {
    padding: 0;
    align-items: flex-end;
    flex-flow: column;
    justify-content: center;
    text-align: right;
}
.phone {font-size: 23px; font-weight: 500; color: #333; background: url(../img/svg/phone.svg) no-repeat center left; margin-bottom: 5px; display: inline-block; line-height: 1;}
.phone:hover {text-decoration: none;}
.contact-block p {margin: 0; font-weight: 300; color: #333; font-size: 14px;}


/*MOBILE MENU*/
.mob-menu-btn-block {position: relative;}
.mob-menu-btn {background-color: #333; background-image: url(../img/svg/menu.svg); background-position: 87.5% center; background-size: 21px; background-repeat: no-repeat; position: absolute; right: 0; top: 0; bottom: 0; height: 100px; width: 200px; margin-top: -50px;}
.sidemenu {padding-top: 10px;}
.sidemenu li {list-style: none;}
.sidemenu > ul {padding: 0; font-weight: 500; font-size: 16px;}
.sidemenu > ul > li > a {margin-bottom: 15px;}
.sidemenu > ul > li.dropdown > a {margin-bottom: 0;}
.sidemenu a {display: block; color: #333;}
.sidemenu .dropdown:after {display: none;}
.sidemenu .dropdown-ul {display: block; position: static; background: none; box-shadow: none; padding: 10px 15px 10px 25px;}
.sidemenu .dropdown-ul li > a {
    padding: 0;
    color: #333;
}

/*main-screen*/
.main-screen {min-height: 80vh; color: #fff; padding: 10vh 0; display: flex; align-items: center; justify-content: center; position: relative;}
.main-screen:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0; 
    left: 0; 
    bottom: 0;
    z-index: 2;
    background-color: rgba(0,0,0,0.6);

}
.slider-main-bg.slick-slider, .slider-main-bg .slick-list, .slider-main-bg .slick-track {position: absolute; top: 0; right: 0; left: 0; bottom: 0; z-index: 1;}
.slider-main-bg .slide {background-size: cover; background-repeat: no-repeat; background-position: center;}
.main-screen-info {position: relative; z-index: 3;}
.main-screen-info .row {justify-content: center;}
.main-screen-text {text-align: center; margin-top: auto; margin-bottom: auto;}
.main-screen h1 {font-size: 50px; font-size: 42px; font-family: "MMC-Bold"; text-align: center; margin-bottom: 30px; line-height: 1.5;}
.main-screen h1 + .under-header {font-size: 28px; font-size: 25px; margin-bottom: 30px; line-height: 1.7;}

.slider-control .slick-dots {
    top: 0;
}
.slick-dots button {min-width: unset;}
.slider-bank-controls {text-align: center;}

/*model-block*/

.car-nav {
    display: block;
    width: 100%;
    margin-bottom: 11px;
    background-color: #e63312;
    color: #333;
    font-size: 22px;
    padding: 0;
    position: relative;
    font-family: "MMC-Bold";
}
.car-nav-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    position: relative;
    z-index: 2;
    padding-left: 28px;
    background-color: #dcdcdc;
    -webkit-transition: background 0.15s ease-out 0s;
    -o-transition: background 0.15s ease-out 0s;
    transition: background 0.15s ease-out 0s;
    overflow: hidden;}
.car-nav:hover {color: #333;}
.car-nav.active, .car-nav:not(.collapsed) {color: #fff;}
.car-nav.active .car-nav-inner, .car-nav:not(.collapsed) .car-nav-inner {background-color: transparent;}
.car-nav:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    mix-blend-mode: soft-light;
    opacity: 0.6;
}
#asx-tab.car-nav:before {background-image: url(../img/models/list/asx-bg-s.jpg);}
#outlander-tab.car-nav:before {background-image: url(../img/models/list/outlander-bg-s.jpg);}
#outlander-7-tab.car-nav:before {background-image: url(../img/models/list/outlander-7-bg-s.jpg);}
#outlander-gt-tab.car-nav:before {background-image: url(../img/models/list/outlander-gt-bg-s.jpg);}
#eclipse-cross-tab.car-nav:before {background-image: url(../img/models/list/eclipse-cross-bg-s.jpg);}
#pajero-sport-tab.car-nav:before {background-image: url(../img/models/list/pajero-sport-bg-s.jpg);}
#pajero-tab.car-nav:before {background-image: url(../img/models/list/pajero-bg-s.jpg);}
#l200-tab.car-nav:before {background-image: url(../img/models/list/l200-bg-s.jpg);}

.car-nav-list .car-nav-img {
    min-height: 90px;
    background-repeat: no-repeat;
    background-position: top left;
    max-width: 154px;
    flex: 0 0 154px;
    background-size: auto 100px;}
.car-nav-card-col {padding-right: 140px; position: relative;}
.car-nav-card > .row {justify-content: flex-end;}
.car-nav-card h2 {font-size: 55px; margin-bottom: 30px; font-family: "MMC-Bold";}
.car-nav-card .under-header {font-size: 26px; margin-bottom: 80px;}
.car-nav-features {margin-bottom: 80px;}
.car-nav-feature {font-size: 20px; text-align: center; margin-bottom: 50px;}
.car-nav-feature img {display: inline-block; margin-bottom: 10px; height: 70px;}
.car-nav-feature p {margin-bottom: 0;}
.btns-block {display: flex; flex-flow: row; justify-content: space-between;}
.btns-block .btn {min-width: 30%;}

.car-img-block {
    position: absolute;
    width: 800px;
    top: 50%;
    left: 0;
  -o-transform: translate(-100%, -50%);
  -ms-transform: translate(-100%, -50%);
  -moz-transform: translate(-100%, -50%);
  -webkit-transform: translate(-100%, -50%);
  transform: translate(-100%, -50%);
}
.car-img-block:after {
    content: '';
    position: absolute;
    background-position: right center;
    background-size: auto 420px;
    background-repeat: no-repeat;
    z-index: 2;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
}
.car-img-block:before {
    content: '';
    height: 610px;
    width: 610px;
    border-radius: 600px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    display: block;
    position: relative;
    z-index: 1;
}

#asx-img.car-img-block:after {background-image: url(../img/models/list/asx.png);}
#asx-new-img.car-img-block:after {background-image: url(../img/models/list-3/new-asx.png);}
#outlander-img.car-img-block:after {background-image: url(../img/models/list/outlander.png);}
#outlander-7-img.car-img-block:after {background-image: url(../img/models/list/outlander-7.png);}
#outlander-gt-img.car-img-block:after {background-image: url(../img/models/list/outlander-gt.png);}
#eclipse-cross-img.car-img-block:after {background-image: url(../img/models/list/eclipse-cross.png);}
#eclipse-cross-21-img.car-img-block:after {background-image: url(../img/models/list/eclipse-cross-21.png);}
#pajero-sport-img.car-img-block:after {background-image: url(../img/models/list/pajero-sport.png);}
#pajero-sport-2021-img.car-img-block:after {background-image: url(../img/models/list/pajero-sport-2021.png);}
#pajero-img.car-img-block:after {background-image: url(../img/models/list/pajero.png);}
#l200-img.car-img-block:after {background-image: url(../img/models/list/l200.png);}

#asx-img.car-img-block:before {background-image: url(../img/models/list/asx-bg.jpg);}
#asx-new-img.car-img-block:before {background-image: url(../img/models/list/eclipse-cross-bg.jpg);}
#outlander-img.car-img-block:before {background-image: url(../img/models/list/outlander-bg.jpg);}
#outlander-7-img.car-img-block:before {background-image: url(../img/models/list/outlander-7-bg.jpg);}
#outlander-gt-img.car-img-block:before {background-image: url(../img/models/list/outlander-gt-bg.jpg);}
#eclipse-cross-img.car-img-block:before {background-image: url(../img/models/list/eclipse-cross-bg.jpg);}
#eclipse-cross-21-img.car-img-block:before {background-image: url(../img/models/list/eclipse-cross-21-bg.jpg);}
#pajero-sport-img.car-img-block:before {background-image: url(../img/models/list/pajero-sport-bg.jpg);}
#pajero-sport-2021-img.car-img-block:before {background-image: url(../img/models/list/pajero-sport-2021-bg.jpg);}
#pajero-img.car-img-block:before {background-image: url(../img/models/list/pajero-bg.jpg);}
#l200-img.car-img-block:before {background-image: url(../img/models/list/l200-bg.jpg);}


/*model-block-2*/
.car-nav-list-2 {padding: 0px 0 30px; justify-content: center;}
.car-nav-list-2 .nav-link {padding: 0; width: 15%;}
.car-nav-inner-2 {font-size: 24px; text-align: center; padding: 0 10px 18px; border-bottom: 4px solid #d6d6d6; color: #777; font-family: "MMC-Regular";}
.active .car-nav-inner-2 {color:#ED0000; font-family: "MMC-Medium"; border-color: #ED0000;}

.car-nav-card-2 {padding-top: 50px; background-position: center; background-repeat: no-repeat; background-size: cover; position: relative;}
#outlander.car-nav-card-2 {background-image: url(../img/models/list-2/1.jpg);}
#pajero-sport.car-nav-card-2 {background-image: url(../img/models/list-2/2.jpg);}
#asx.car-nav-card-2 {background-image: url(../img/models/list-2/3.jpg);}
#eclipse-cross.car-nav-card-2 {background-image: url(../img/models/list-2/3.jpg);}
#l200.car-nav-card-2 {background-image: url(../img/models/list-2/1.jpg);}
#pajero.car-nav-card-2 {background-image: url(../img/models/list-2/2.jpg);}

.car-nav-card-2:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-image: -webkit-gradient( linear, left top, left bottom, from(rgba(255,255,255,0.8)), to(rgba(255,255,255,1)) );
    background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.8), rgba(255,255,255,1));
    background-image: linear-gradient(to bottom, rgba(255,255,255,0.8), rgba(255,255,255,1));
}
.car-nav-card-2 .container {position: relative; z-index: 2;}
.car-nav-card-col-2 {padding-top: 50px; position: relative; justify-content: center;}
.car-nav-card-col-2:after {
    content: '';
    position: absolute;
    top: 0;
    right: 55%;
    background-color: #ED0000;
    border-radius: 500px;
    width: 1000px;
    height: 460px;
    z-index: 1;
}
.car-nav-card-col-2 h2 {font-size: 60px; font-family: "MMC-Bold"; margin-bottom: 10px;}
.car-nav-card-col-2 .under-header {margin-bottom: 0; position: relative;}
.car-nav-card-col-2 .under-header img {position: absolute; top: 0; left: 0;}
.car-nav-img-block-2 {position: relative; z-index: 2; color: #fff;}
.car-nav-card-info-2 .under-header {font-size: 26px; margin-bottom: 50px;}
.car-nav-feature-2 {
    display: flex;
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
    text-align: left;
    margin-bottom: 50px;
    font-size: 18px;
}
.car-nav-feature-2 img {
    display: inline-block;
    margin-bottom: 0px;
    margin-right: 15px;
    height: 45px;
}
.car-nav-feature-2 p {
    margin-bottom: 0;
}
.car-nav-list-mobile {padding: 0 15px; margin-bottom: 20px;}
.car-nav-list-mobile .drop-down-items {flex-flow: column;}
.car-nav-list-mobile .car-nav-2 {padding: 0; color: #333;}

.car-nav-list-mobile .drop-down-active-item {font-family: "MMC-Bold"; color: #ed0000;}


/*model-block-3*/
.car-nav-list-3 {justify-content: center; /*width: 83.333333%;*/ margin: 0 auto;}
.car-nav-3 {font-size: 27px; color: #222; font-family: "MMC-Medium"; position: relative; padding: 0; margin-bottom: 30px;}
.car-nav-3:last-of-type {margin-left: 0px;}
.car-nav-3.point {margin-right: 60px;}
.car-nav-3.point:after {
    content: '';
    position: absolute;
    width: 8px;
    height: 8px;
    border-radius: 8px;
    padding: 0;
    margin: 0;
    top: 50%;
    margin-top: -4px;
    right: -30px;
    margin-right: -4px;
    background-color: #9a9a9a; 

}

.car-nav-3:hover {color: #c10004;}
.car-nav-3.active {color: #ED0000;}
.car-nav-card-3 .inner-block {text-align: left;}
.car-nav-img-block-3 { overflow: visible; display: flex; justify-content: flex-end; align-items: center;}
.car-nav-img-block-3 img {margin: auto 0; max-width: unset; width: 650px; position: relative; right: 30px;}
.car-nav-card-info-3 h2 {color: #ED0000; font-size: 40px; margin-bottom: 10px; }
.cart-price + .under-header {font-size: 17px; margin-bottom: 10px; font-family: "MMC-Regular";}
.car-nav-features-3 {max-width: 90%;}
.car-nav-feature-3 {font-size: 17px; margin-bottom: 30px; display: flex; flex-flow: row; align-items: center; justify-content: flex-start;}
.car-nav-feature-3 img {height: 45px; margin-right: 20px;}
.car-nav-feature-3 p {margin-bottom: 0;}
.btns-block .btn { min-width: 33%;}


/*model*/
.model-block .car-img-block {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    -o-transform: translate(0,0);
    -ms-transform: translate(0,0);
    -moz-transform: translate(0,0);
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
}
.model-block .car-img-block:before {
    height: 550px;
    width: 550px;
}
.model-block .car-img-block:after {
    background-size: auto 370px;
    background-repeat: no-repeat;
    right: 15%;
}
/*.model-block .cart-price {margin-bottom: 50px;}*/

.model-block .car-nav-card-col {padding-right: 15px;}
.model-block .car-nav-features {margin-bottom: 10px; margin-top: 0px;}
.model-block .car-nav-feature {
    display: flex;
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
    text-align: left;
    margin-bottom: 30px;
    font-size: 16px;
}
.model-block .car-nav-feature img {
    display: inline-block;
    margin-bottom: 0px;
    margin-right: 15px;
    height: 50px;
}
.model-block .btns-block {margin-bottom: 25px;}
.model-block .btns-block .btn {padding: 15px 20px;}
.gallery {padding: 0;}
.gallery a {min-height: 150px; background-size: cover; background-position: center; background-repeat: no-repeat; position: relative;}
.gallery a:after {
    content: "\f00e";
    position: absolute;
    top: 50%;
    left: 0;
    opacity: 1;
    -webkit-transition: all 0.15s ease-out 0s;
    -o-transition: all 0.15s ease-out 0s;
    transition: all 0.15s ease-out 0s;
    width: 100%;
    text-align: center;
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);  
    transform: translateY(-50%);
    color: #fff;
    font-family: "Font Awesome 5 Free";
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    font-weight: 900;
    font-size: 40px;
    opacity: 0;
}
.gallery a:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0,0,0,0.5);
    opacity: 0;
    -webkit-transition: all 0.15s ease-out 0s;
    -o-transition: all 0.15s ease-out 0s;
    transition: all 0.15s ease-out 0s;

}
.gallery a:hover:before, .gallery a:hover:after {opacity: 1;}





/*quiz-block*/
.inner-block {padding: 50px 80px; border-radius: 5px; text-align: center; background-color: #fff;}
.shadowed {box-shadow: 0px 5px 30px 0px rgba(0,0,0,0.3);}

.under-header {font-size: 20px; font-family: "MMC-Medium"; }
.z-2 {position: relative; z-index: 2;}
.feature-row {margin-bottom: 20px; text-align: left;}
.feature-row img {max-width: 86px; display: inline-block; vertical-align: middle;}
.feature-row span {display: inline-block; vertical-align: middle; max-width: calc(100% - 93px); padding-left: 10px;}
.quiz-link-bg-block {position: relative;}
.quiz-link-bg {
    position: absolute;
    top: 30px;
    right: 0;
    bottom: 30px;
    left: -110px;
    background-image: url(../img/quiz/quiz-bg.jpg);
    background-repeat: no-repeat;
    background-position: center left;
    background-size: auto 559px;
    z-index: 1;

}

/*offer-block*/

.offer-block {color: #fff; position: relative; background-size: cover; background-repeat: no-repeat; background-position: center; }
.offer-block.offer {background-image: url(../img/offer/offer-1-bg.jpg);}

.offer-block:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: url(../img/light_filtr_s_dark.png) left top no-repeat;
    background-size: cover;
    z-index: 1;
    opacity: 0.8;
}
.offer-block .under-header {margin-bottom: 35px;}


/*offer-block credit*/
.offer-block.credit-offer {background-image: url(../img/offer/credit-bg-1920.jpg);}
.offer-block.credit-offer:after {
    opacity: 0.1
}
@media (min-width: 1601px) {
.offer-block.credit-offer {padding: 100px 0 90px;}
}
.credit-offer .under-header {margin-bottom: 70px;}

.banks-row {margin: 0 0px 60px; justify-content: center;}
.bank-item-col {padding: 0 10px;}

@media (min-width: 961px) {
.bank-item-col {flex: 0 0 25%; max-width: 25%;}
}
@media (min-width: 1171px) {
.bank-item-col {flex: 0 0 14%; max-width: 14%;}
}
.bank-item {
    background-color: #fff;
    border-radius: 5px;
    text-align: center;
    height: 60px;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    padding: 20px;}
.bank-item img {max-height: 35px;} 
.bank-block {border: 2px dashed #fff; max-width: 300px; padding: 10px 20px; display: flex; flex-flow: row; align-items: center; justify-content: space-between; margin-right: 20px;}
.bank-block > span {display: inline-block; max-width: 55%; flex: 0 0 55%;}
.bank-list {display: flex; flex-flow: row; align-items: center; justify-content: center;}
.bank-list span {display: block; border: 2px solid #fff; border-radius: 50px; overflow: hidden; background-color: #fff; position: relative; z-index: 1;}
.bank-list img {margin: 0;}
.bank-list span:nth-child(2) {margin-left: -15px; margin-right: -15px; position: relative; z-index: 2;}
.credit-offer .btn {max-width: 460px; margin: auto; display: block; width: 100%;}

/*tradein*/
.tradein-header {font-size: 100px; opacity: 0.35; font-family: "MMC-Bold"; line-height: 1;}
.tradein-header-block > img {position: relative; left: 150px; top: -50px;}

.tradein-features {text-align: left; margin-bottom: 35px;}
.tradein-feature span {display: inline-block; vertical-align: middle;}
.tradein-features .num-big {font-size: 50px; line-height: 1; width: 30px; margin-right: 10px; line-height: 40px; text-align: center;}
.tradein-features span:not(.num-big) {width: calc(100% - 45px); position: relative; top: 3px;}
.el-line {height: 20px; border-left: 1px solid #e63312; margin: 10px 15px;}

.tradein-page .tradein-header {display: flex; flex-flow: row; align-items: center; justify-content: flex-start;}
.tradein-page .tradein-header img {margin-left: 50px;}
@media (min-width: 1601px) {
.tradein-page .inner-block {padding: 50px 40px;}
}
.tradein-page {padding-bottom: 0;}

/*tradein-2*/
.td-steps {position: relative;  max-width: 83.3333333%; margin: 0 auto 70px; text-align: center; padding-top: 18px;}
.td-steps:after {
    content: 'TRADE-IN';
    font-family: "MMC-Medium";
    font-size: 122px;
    line-height: 1;
    color: #e6e6e6;
    opacity: 0.3;
    position: absolute;
    top: -28px;
    right: 0;
    left: 0;
    text-align: center;
    z-index: 1;
}
.td-steps .row {justify-content: space-around; position: relative; z-index: 2;}
.td-step-num {
    margin: 0 auto 35px;
    border-radius: 90px;
    height: 88px;
    width: 88px;
    line-height: 84px;
    text-align: center;
    font-size: 31px;
    border: 2px solid #ED0000;
}
.td-step-text {font-size: 17px; font-family: "MMC-Medium";}
.separator {position: relative;}
.separator:after {
    content: '';
    width: 200px;
    height: 2px;
    background-color: #ED0000;
    position: absolute;
    top: 44px;
    left: 50%;
    margin-left: -100px;

}
.tradein-row {justify-content: center;}
.tradein-row .inner-block {position: relative;}
.tradein-row .inner-block:after {
    content: '';
    position: absolute;
    z-index: 1;
    bottom: 28px;
    right: 10%;
    width: 190px;
    height: 190px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url(../img/tradein/clock.svg);
    opacity: 0.04;
}
.tradein-info-col {text-align: left; display: flex; position: relative; z-index: 2;}
.tradein-info-inner {margin: auto 0;}
.tradein-info-col .under-header {margin-bottom: 45px;}
.tradein-info-col .btn {min-width: 350px;}

/*testdrive-block*/
.testdrive-text-col {margin-left: -16.66666%; display: flex;}
.testdrive-text-col .inner-block {margin-top: auto; margin-bottom: auto;}
@media (min-width: 1601px) {
.testdrive-text-col .inner-block {padding: 50px 40px;}
.inner-ar {padding: 0 50px}
}

.testdrive-text-col h3 small {font-size: 60%;}
.testdrive-block .inner-block p {font-size: 17px; margin-bottom: 35px; line-height: 1.4;}
.testdrive-block .feature-row {margin-bottom: 35px;}
.td-slider {border-right: 5px; overflow: hidden;}
.td-slider .slide {height: 600px; border-radius: 5px;}

/*credit*/
.credit-new {
    background-image: url(../img/credit/credit-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom center;
}
.credit-new .info-credit-col{color: #fff;}
.credit-new .container {position: relative; z-index: 2;}
.credit-new .inner-block {margin: auto 0;}
@media (min-width: 1601px) {
.credit-new .inner-block {padding: 40px 40px;}
}

.instock-main.main-screen {
    min-height: 500px;
    padding: 70px 0;
}

/*presentaion*/
@media (min-width: 1601px) {
.present-block .inner-block {padding: 60px 70px;}
}
.present-row {justify-content: center;}

.present-block h3 {margin-bottom: 20px;}
.present-block h3 + p {margin-bottom: 60px;}
.presentation .under-header + p {columns: 2; margin-bottom: 60px; line-height: 2; font-size: 16px;}
.present-img {position: relative;}
.present-img img {display: block; max-width: 580px; position: absolute; top: -75px; right: -130px;}

.present-block .inner-block {text-align: left; position: relative; z-index: 1;}
.present-block .btn {display: inline-block; width: 350px;}
.present-block .btn:first-of-type {margin-right: 15px;}

/*dist*/
.dist-info-col {padding-right: 70px;}
.dist-feature {display: flex; flex-flow: row; align-items: center; justify-content: flex-start; margin-bottom: 50px;}
.dist-feature:last-of-type {margin-bottom: 0;}
.icon-dist {
    height: 88px;
    width: 88px;
    flex: 0 0 88px;
    border-radius: 90px;
    line-height: 84px;
    text-align: center;
    font-size: 31px;
    border: 2px solid #ED0000;
    margin-right: 25px;
    }
.dist-feature-text h3 {margin-bottom: 10px; font-size: 25px;}
.dist-feature-text p {margin-bottom: 0;}
.dist-img-col {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 5px;
}

/*instock-main*/
.instock h2 {margin-bottom: 20px;}
.instock h2 + .under-header {margin-bottom: 50px;}
.instock .bem-count {padding-left: 15px;}
.instock .item {background: #fff; border-radius: 5px; overflow: hidden; margin-bottom: 30px;}
.instock .item .inner {padding: 0 50px 50px; text-align: center;}
.instock .item .name, .bem-keyFeatures .name {font-size: 27px; font-family: "MMC-Medium"; text-transform: uppercase; margin-bottom: 25px;}
.instock .old-car.item .name {font-size: 22px;}
.instock .item .item-features {margin-bottom: 20px;}
.instock .item .item-feature {text-align: left; margin-bottom: 10px;}
.price-block {margin-bottom: 20px;}
.price-block p {margin-bottom: 2px; font-size: 16px;}
.price-block .price {font-size: 24px; font-family: "MMC-Medium"; color: #ED0000; margin-bottom: 20px;}
.bem-filter__model-list {list-style: none; display: flex; flex-flow: wrap; align-items: center; justify-content: flex-start; padding: 0; padding-left: 15px; margin: 0;}
.bem-filter__model-item {font-size: 22px;}
.bem-filter__model-list a {color: #333; text-transform: uppercase;}
.bem-filter__model-list a:hover {text-decoration: none; color: #c10004;}
.bem-filter__model-list .car-nav-3.point:last-of-type:after {display: none;}
.bem-filter__model-list .bem-filter__model-item--active a {color: #ED0000;}

.bem-keyFeatures .modal-dialog {max-width: 1200px;}
.bem-keyFeatures .modal-content p {text-align: left; color: #333;}
.bem-keyFeatures .price-block .price {color: #ED0000;}
.bem-keyFeatures .price-block, .bem-keyFeatures .bem-key-features-description, .bem-keyFeatures .item-features {margin-bottom: 30px;}
.bem-keyFeatures .item-feature {margin-bottom: 10px;}
.cta-flat {
    max-height: 300px;
    overflow: hidden;
}
.collapse.show + .cta-flat, .collapsing + .cta-flat {
    max-height: 0px;
}




/*SLIDER*/

.slider {background: url(../img/main.jpg) center bottom no-repeat; background-size: cover; position: relative; z-index: 1; padding: 0 0 30px; text-align: center;}
.slide {position: absolute; background-size: cover; background-repeat: no-repeat; background-position: center;}
.slick-initialized .slide {position: relative;}
.slick-arrow {position: absolute; top: calc(50% - 30px); height: 150px; width: 26px; margin-top: -50px; padding: 0; background-color: #ED0000; z-index: 2; opacity: 1; min-height: unset; color: #303030; border-radius: 0; min-width: unset;}
.slick-arrow:focus {outline: none; color: #ffffff;}
.slick-next {right: 0!important; background: #ED0000 url(../img/arrow-right-w.png) center no-repeat; background-size: 20px; border-radius: 5px 0 0 5px;}
.slick-prev {left: 0!important; background: #ED0000 url(../img/arrow-left-w.png) center no-repeat; background-size: 20px; border-radius: 0 5px 5px 0;}
.slick-next:hover {background: #c9302c url(../img/arrow-right-w.png) center no-repeat; background-size: 20px;}
.slick-prev:hover {background: #c9302c url(../img/arrow-left-w.png) center no-repeat; background-size: 20px;}
.invert-buttons .slick-prev {border-radius: 5px 0 0 5px;}
.invert-buttons .slick-next {border-radius: 0 5px 5px 0;}

.slick-disabled {opacity: 0!important;}
.slick-dots {
    padding: 0 10px;
    height: 30px;
    list-style: none;
    display: flex;
    align-items: center !important;
    justify-content: center;
    margin: 0;
    position: relative;
    top: -40px;
    background: rgba(0,0,0,0.6);
    display: inline-block;
    margin: 0 auto;
    border-radius: 50px;
}
.pagingInfo {display: none;}
.slick-dots > li {display: inline-block; vertical-align: middle;}
.slick-dots > li > button {
    color: #ffffff;
    -webkit-transition: color 0.15s ease-out 0s;
    transition: color 0.15s ease-out 0s;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    position: relative;
    width: 20px;
    height: 30px;
    background: transparent;
    text-indent: 999px;
    overflow: hidden;
    padding: 0;
    min-height: unset;
    box-shadow: none;
}
.slick-dots > li.slick-active > button {
    color:#ED0000;
    outline: none;
}
.slick-dots > li > button:after {
    content: '';
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 8px;
    height: 8px;
    color: inherit;
    background: currentcolor;
}
.pagingInfo {color: rgba(77,75,69,0.6); font-size: 13px; padding-left: 60px; min-width: 86px;}
.slide.dark:after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: url(../img/light_filtr_s_dark.png) left top no-repeat;
	background-size: cover;
	z-index: 1;
    opacity: 0.7;

}
.slide.light:after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: url(../img/light_filtr_s.png) left top no-repeat;
	background-size: cover;
	z-index: 1;

}
.slider-text {position: relative; z-index: 2; padding: 60px 0 0 80px; text-align: left;}
.dark .slider-text, .white .slider-text {color: #ffffff;}
.slider-header {font-size: 44px; font-family: 'MMC-Medium'; margin-bottom: 19px;}
.slider-header small {font-weight: 500;}
.slider-description {font-size: 24px; margin-bottom: 60px;}
.corp .slider-description {
    margin-bottom: 30px;
}


/*SLIDER SERVICE*/
.service-slider {z-index: 1; position: relative;}

.service-slider .slick-dots {
	background: transparent;
    position: absolute;
    left: 15%;
    bottom: 20px;
    top: unset;
}
.service-slider .slick-dots > li > button {color: #ffffff;}
.service-slider .slick-dots > li.slick-active > button {color: #303030;}
.service-slider .pagingInfo {color: #ffffff; font-weight: 300; padding-left: 30px;}
.service-slide {position: relative;}
.service-slide .row {position: relative; min-height: 520px;  padding: 45px 0;}
.service-slider-text-block {display: flex;}
.service-slider-text {position: relative; margin: 60px 60px auto 30px; z-index: 2;  color: #ffffff;}
.service-slide-mini .service-slider-text {margin-top: 0px;}
.light .service-slider-text {color: #363636;}
.service-slider-header {font-size: 40px; font-family: 'MMC-Medium';}
.service-slider-description { font-size: 20px; margin-top: 20px; font-weight: 300;}
.service-slide.dark:after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: url(../img/light_filtr_s_dark.png) left top no-repeat;
	background-size: cover;
	z-index: 1;

}
.service-slide.light:after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: url(../img/light_filtr_s.png) left top no-repeat;
	background-size: cover;
	z-index: 1;

}
.service-slide .form-cont, .credit .form-cont, .trade-in-page .form-cont {position: relative; background: rgba(246,246,246,0.9);  z-index: 2; padding: 30px 60px 40px; min-height: 420px; display: flex; flex-direction: column;}
.service-slide .form-cont form {margin: auto;}
.service-slide .form-cont .heading, .credit .form-cont .heading, .trade-in-page .form-cont .heading {font-size: 18px; text-transform: uppercase; font-family: 'MMC-Medium'; text-align: center; margin-bottom: 9px;}
.service-slide .form-cont p, .credit .form-cont p, .trade-in-page .form-cont p {color: #818181; text-align: center; line-height: 1.4}
.service-slide .form-cont .text-field, .credit .form-cont .text-field, .trade-in-page .form-cont .text-field {margin-bottom: 12px;}
.service-slider-text button {
    margin-top: 40px;
}




/*SLIDES SERVICE*/
.service-slide-base {background: url(../img/service/base/service-bg.jpg) center center no-repeat; background-size: cover;}
.service-slide-calendar {background: url(../img/service/calendar/service-bg.jpg) center center no-repeat; background-size: cover;}
.service-slide-1 {background: url(../img/service/slider/1/service-bg.jpg) center center no-repeat; background-size: cover;}
.service-slide-2 {background: url(../img/service/slider/2/service-bg.jpg) center center no-repeat; background-size: cover;}
.service-slide-3 {background: url(../img/service/slider/3/service-bg.jpg) center center no-repeat; background-size: cover;}
.service-slide-4 {background: url(../img/service/slider/4/service-bg.jpg) left center no-repeat; background-size: cover;}
.service-slide-5 {background: url(../img/service/slider/5/service-bg.jpg) center center no-repeat; background-size: cover;}
.service-slide-6 {background: url(../img/service/slider/6/service-bg.jpg) center center no-repeat; background-size: cover;}
.service-slide-7 {background: url(../img/service/slider/7/service-bg.jpg) left center no-repeat; background-size: cover;}
.service-slide-8 {background: url(../img/service/slider/8/service-bg.jpg) center center no-repeat; background-size: cover;}
.service-slide-9 {background: url(../img/service/slider/9/service-bg.jpg?v=1.01) center center no-repeat; background-size: cover;}
.service-slide-10 {background: url(../img/service/slider/10/service-bg.jpg) center center no-repeat; background-size: cover;}
.service-slide-11 {background: url(../img/service/slider/11/service-bg.jpg) center center no-repeat; background-size: cover;}
.service-slide-12 {background: url(../img/service/slider/12/service-bg.jpg?v=1.01) center center no-repeat; background-size: cover;}
.service-slide-13 {background: url(../img/service/slider/13/service-bg.jpg) center center no-repeat; background-size: cover;}
.service-slide-14 {background: url(../img/service/slider/14/service-bg.jpg?v=1.01) right center no-repeat; background-size: cover;}
.service-slide-15 {background: url(../img/service/slider/15/service-bg.jpg) center center no-repeat; background-size: cover;}
.service-slide-16 {background: url(../img/service/slider/16/service-bg.jpg) center center no-repeat; background-size: cover;}
.service-slide-17 {background: url(../img/service/slider/17/service-bg.jpg) center center no-repeat; background-size: cover;}
.service-slide-18 {background: url(../img/service/slider/18/service-bg.jpg) center center no-repeat; background-size: cover;}
.service-slide-19 {background: url(../img/service/slider/19/service-bg.jpg) center center no-repeat; background-size: cover;}
.service-slide-20 {background: url(../img/service/slider/20/service-bg.jpg) center center no-repeat; background-size: cover;}
.service-slide-21 {background: url(../img/service/slider/21/service-bg.jpg) center center no-repeat; background-size: cover;}
.service-slide-22 {background: url(../img/service/slider/22/service-bg.jpg) center center no-repeat; background-size: cover;}
.service-slide-23 {background: url(../img/service/slider/23/service-bg.jpg) center center no-repeat; background-size: cover;}
.service-slide-24 {background: url(../img/service/slider/24/service-bg.jpg) center center no-repeat; background-size: cover;}


@media (max-width: 641px) {
.service-slide-14 {background: url(../img/service/slider/14/service-bg-640.jpg) center center no-repeat; background-size: cover;}
.service-slide-9 {background: url(../img/service/slider/9/service-bg-640.jpg?v=1.01) center center no-repeat; background-size: cover;}
.service-slide-12 {background: url(../img/service/slider/12/service-bg-640.jpg?v=1.01) center center no-repeat; background-size: cover;}
}

/*service-sale*/
.service-slider-text h1 {margin-bottom: 20px;}
.calendar-block {padding: 0;}
.service-sale-col {margin-bottom: 30px;}
.service-sale-block {border-radius: 10px; padding: 30px; overflow: hidden; background-size: cover; background-repeat: no-repeat; }
.service-sale-inner {position: relative; z-index: 2; color: #fff;}
.service-sale-block h3 {font-size: 26px;}
.service-sale-block .under-header {
    font-size: 16px;
    font-family: "MMC-Medium";
    line-height: 1.4;
    margin-bottom: 30px;
}
.services-list-block .service-sale-block {background-position: center;}

.services-list-block .service-sale-block h3 {font-size: 24px;}
.services-list-block .service-sale-block .btn:first-of-type {margin-bottom: 15px;}
/*.services-list-block .service-sale-block:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    background-color: #fff;
    opacity: 0.6;
}
.services-list-block .service-sale-inner {color: #333;}*/


/*service-full-list*/
.service-full-list {display: flex; flex-flow: column; justify-content: flex-start;}
.service-full-list a {display: inline-block; font-size: 20px; margin-bottom: 15px;}
.features-block {background: #f9f9f9;}
.features {margin-bottom: 50px;}
.features img {display: inline-block; height: 60px;}
.features p {
    display: inline-block;
    width: calc(100% - 70px);
    vertical-align: middle;
    padding-left: 20px;
    margin: 0;
}




/*MODEL*/
.section-cart-block {background: url(../img/main.jpg) center bottom no-repeat; background-size: cover; padding: 0px 0 60px;}
.section-cart-block .container {background: rgba(255, 255, 255, 0.7);}
.fotorama__thumb-border {display: none!important;}
.fotorama__nav__frame.fotorama__nav__frame--thumb {
    padding: 0 !important;
    border: 1px solid #e3e3e3;
    margin-right: 10px;
    margin-top: 10px;
}

.fotorama__nav__frame.fotorama__nav__frame--thumb.fotorama__active {
    padding: 0 !important;
    border-width: 3px;
    border-color: #ED0000;
    border-style: solid;

}
.section-cart-right {padding-right: 40px;}
.cart-title {margin: 30px auto 5px; color: #343434; font-size: 36px; font-family: 'MMC-Medium';}
.cart-undertitle {color: #303030; font-size: 18px;}
.cart-price {font-size: 32px; color: #454545; margin-bottom: 25px;}
.cart-price-credit {
	color: #0d75ba;
    font-size: 20px;
    font-family: 'MMC-Medium';
margin-bottom: 30px;}
.credit-btn.car-more-info {display: inline-block; background: transparent; padding: 0 20px; border: 1px solid #ED0000; color: #ED0000;}
.credit-btn.car-more-info:hover {background: #ED0000; color: #ffffff;}

.cart-introtext {background: rgba(0,0,0,.8); margin: 40px 0; padding: 30px; color: #ffffff;}
.cart-line-benefit {font-size: 21px; font-weight: 700; text-transform: uppercase;}
.cart-line-underbenefit {line-height: 26px; color: #fff; text-align: left; padding: 0 20px; margin-bottom: 20px; font-family: 'MMC-Medium';}
.date {font-weight: 400;}
.cart-introtext button {width: 100%;}
.cart-line-sentence {font-size: 16px; text-decoration: underline;}
.section-about h2 {
    margin: 0px auto 50px;
    text-align: center;
}

.feature {margin:0 0 40px;}
.feature-img {padding: 0;}
.feature-img img {border-radius: 10px;}
.feature-text {padding-left: 40px;}
.feature-title {
    font-size: 22px;
    font-family: 'MMC-Medium';
    margin-bottom: 16px;
}
.feature-description {line-height: 22px;}

.price-form {padding-left: 0;}
.price-form .form-cont {background: #fff; padding: 30px; color: #333; border-radius: 5px;}
.price-form .form-cont .inner .text-field {
    overflow: hidden;
    margin-bottom: 10px;
}

.price-form .form-cont .heading {
    font-size: 18px;
    text-transform: uppercase;
    font-family: 'MMC-Medium';
    text-align: center;
    margin-bottom: 9px;
}
.price-form .form-cont p {   
    text-align: center;
    line-height: 1.4;
}

.price-form > div.sticky {
  position: fixed;
  z-index: 2;
}
.price-form > div.stop {
  position: relative;
  z-index: 2;
}
.price-form .btn {min-width: unset; padding: 15px 10px;}

.testdrive {background: url(../img/td-bg.jpg) center right no-repeat; background-size: cover; color: #fff; position: relative;}
.testdrive:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: url(../img/light_filtr_s_dark.png) left top no-repeat;
    background-size: cover;
    z-index: 1;

}
.td-cta-block {display: flex; position: relative; z-index: 2; flex-flow: column; width: 100%;}
.td-cta {margin: auto;}
.td-cta a {display: inline-block;}
.testdrive h2 {font-size: 40px; margin-bottom: 20px; font-family: 'MMC-Medium';}
.model-name {position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    top: 10px;
    text-align: center;
    font-size: 130px;
    line-height: 1;
    font-family: 'MMC-Medium';
    color: #ffffff;
    letter-spacing: -0.01em;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
text-transform: uppercase;}
.td-car { min-height: 400px;}




.trade-in {color: #ffffff; padding: 56px 0 60px; background: url(../img/tradein/tradein-1920.jpg) center right no-repeat; background-size: cover; background-color: #2c2c2c;}
.trade-in h2 {font-size: 34px; margin-bottom: 12px; font-family: 'MMC-Medium';}
.trade-in-form {padding-left: 0;}
.trade-in-form .row {justify-content: space-between; margin: 0;}
.trade-in .form-cont {padding-left: 0;}
.trade-in .text-field {width: 100%; margin-bottom: 20px;}
.trade-in .text-field#year, .trade-in .text-field#probeg {width: calc(50% - 10px); display: block;}
.trade-in .text-field input {width: 100%; color: #333; background: #f7f7f7; font-size: 15px; line-height: 50px; padding-left: 20px;}
.trade-in .text-field input::-webkit-input-placeholder {color:#333;}
.trade-in .text-field input::-moz-placeholder          {color:#333;}/* Firefox 19+ */
.trade-in .text-field input:-moz-placeholder           {color:#333;}/* Firefox 18- */
.trade-in .text-field input:-ms-input-placeholder      {color:#333;}
.trade-in .text-field select {width: 100%; color: #333; background: #f7f7f7; font-size: 15px; line-height: 50px; padding-left: 20px; height: 50px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: url(../img/arrow-down.png) 96% / 15% no-repeat #f7f7f7; background-size: 8px 5px;}
.trade-in .text-field select::-webkit-input-placeholder {color:#333;}
.trade-in .text-field select::-moz-placeholder          {color:#333;}/* Firefox 19+ */
.trade-in .text-field select:-moz-placeholder           {color:#333;}/* Firefox 18- */
.trade-in .text-field select:-ms-input-placeholder      {color:#333;}
/*.trade-in .button.get-price {width: 100%; border: 2px solid #ffffff; color: #ffffff; font-size: 12px; font-family: 'MMC-Medium'; text-transform: uppercase; line-height: 46px; background: transparent;}
.trade-in .button.get-price:hover, .button.get-price:active {color: #b5b7bc; line-height: 46px; background: #ffffff;}*/

.trade-in.ASX {background-image: url(../img/tradein/asx-tr.jpg); background-repeat: no-repeat; background-size: cover; background-position: center;}
.trade-in.Обновленный.ASX {background-image: url(../img/tradein/asx-new-tr.jpg); background-repeat: no-repeat; background-size: cover; background-position: center;}
.trade-in.Outlander.мест {background-image: url(../img/tradein/outlander-7-tr.jpg); background-repeat: no-repeat; background-size: cover; background-position: center;}
.trade-in.Outlander {background-image: url(../img/tradein/outlander-tr.jpg); background-repeat: no-repeat; background-size: cover; background-position: center;}
.trade-in.Outlander.GT {background-image: url(../img/tradein/outlander-gt-tr.jpg); background-repeat: no-repeat; background-size: cover; background-position: center;}
.trade-in.L200 {background-image: url(../img/tradein/l200-tr.jpg); background-repeat: no-repeat; background-size: cover; background-position: center;}
.trade-in.Новый.L200 {background-image: url(../img/tradein/l200-new-tr.jpg); background-repeat: no-repeat; background-size: cover; background-position: center;}
.trade-in.Pajero {background-image: url(../img/tradein/pajero-tr.jpg); background-repeat: no-repeat; background-size: cover; background-position: center;}
.trade-in.Pajero.Sport {background-image: url(../img/tradein/pajero-sport-tr.jpg); background-repeat: no-repeat; background-size: cover; background-position: center;}
.trade-in.Новый.Pajero.Sport {background-image: url(../img/tradein/pajero-sport-2021-tr.jpg); background-repeat: no-repeat; background-size: cover; background-position: center;}
.trade-in.Eclipse {background-image: url(../img/tradein/eclipse-tr.jpg); background-repeat: no-repeat; background-size: cover; background-position: center;}
.trade-in.Новый.Eclipse {background-image: url(../img/tradein/eclipse-2021-tr.jpg); background-repeat: no-repeat; background-size: cover; background-position: center;}

/*HOT-OFFER*/

.hot-offer {background: url(../img/hot-offer.jpg) center center no-repeat; background-size: cover; padding: 60px 0;}
.hot-offer .container {background: #ffffff; padding-top: 33px;}
.hot-offer h2 {text-align: center; margin: 0 auto 30px; }
.row.slider-body-hot {margin: 0;}

.hot-offer .name {text-transform: none; font-size: 18px;}
.car-hot {border: 1px solid #ececec; border-left: 1px solid #ffffff; padding: 36px 40px 0;}
.car-hot:first-of-type {border-left: 1px solid #ececec;}
.car-hot .img-block {height: 168px; display: flex; background: url(../img/hot-mini-bg.jpg) center center no-repeat; background-size: cover; margin-bottom: 17px;}
.car-hot img {max-width: 100%; margin: auto; }
.compl {display: inline-block; color: #818181; font-weight: 300;}
.hot-credit {float: right;  font-size: 16px;  text-decoration: underline;}
.hot-param {margin-bottom: 22px;}
.param {font-size: 16px; margin-bottom: 3px;}
.hot-param-adv {color: #818181; margin: 0 0 11px;}
.hot-param-adv .col-6 {padding-left: 26px; background-position: left center; background-size: 16px;  background-repeat: no-repeat; line-height: 20px; margin-bottom: 9px;}
#fuel {background-image: url(../img/svg/fuel.svg); padding-top: 2px;}
#engine {background-image: url(../img/svg/engine.svg); background-size: 17px; padding-top: 2px;}
#wd {background-image: url(../img/svg/wd.svg);}
#shift {background-image: url(../img/svg/shift.svg); background-size: 13px;}
.hot-price {background: #ccc5b9; padding: 34px 40px 30px; margin: 0 -41px 0 -41px; border-right: 1px solid #9e998b; }
.car-hot:last-of-type .hot-price {border-right: 1px solid transparent;}
.hot-price .price {font-size: 18px;}
.hot-price .offer-adv {color: #343434; line-height: 1.2; padding: 0 0 15px;}
.hot-price button  {width: 100%;}
.hot-offer-price {margin-bottom: 9px;}
.hot-offer-testdrive {
    display: block;
    min-height: 46px;
    border: 2px solid #ffffff;
    color: #002d5f;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 700;
    text-align: center;
    background: #ffffff;
}
.hot-offer-testdrive:hover {background: transparent; color: #002d5f;}
.slider .hot-offer-testdrive:hover {background: transparent; color: #ffffff;}

/*QUESTION*/
.question {background: url(../img/q-bg.jpg) center bottom no-repeat; background-size: cover; color: #ffffff; overflow: hidden; border: transparent;}
.question.bg-grey {background: #303030;}
.question .text-field input, .question .text-field textarea {
    width: 100%;
    color: #333;
    background: #fdfdfd;
    padding-left: 20px;
}
.question .text-field textarea {height: 100%;}
.question .text-field input::-moz-placeholder, .question .text-field textarea::-moz-placeholder { color: #333; }
.question .text-field input::-webkit-input-placeholder, .question .text-field textarea::-webkit-input-placeholder { color: #333; }
.question .btn {min-width: unset;}
.question .textarea-col {margin-bottom: 0;}

.question .btn-row {margin: 0;}

.under-btn a {text-decoration: underline;}


/*FOOTER*/
footer {padding: 20px 0; color: #999999;  font-size: 16px; border-top: 1px solid #ececec;}
.logo-footer img {height: 77px;}
.logo-footer span {display: inline-block; margin: 0; vertical-align: middle;}
.conf {text-align: center;}
.conf p {margin: 0;}
.partners {text-align: right;}
.partners p {display: inline-block; margin-right: 11px;}

.under-footer {
    background: #fff;
    text-align: justify;
    padding: 20px 0 60px;
    color: #777;
    border-top: 1px solid #ececec;
}
.under-footer p {
    margin-bottom: 20px;
    font-size: 15px;
    color: #999999;
    font-weight: 300;
}

.under-footer .title {color: #666666; font-size: 18px; font-family: 'MMC-Medium';}

.under-footer .card-group {margin-bottom: 25px;}
.under-footer .card-heading, .under-footer .card-body {padding: 1rem 1.5rem;}



/*CHECKBOX*/
.question input[type="checkbox"] {
  vertical-align: top;
  margin: 0;
  width: 22px;
  height: 22px;
}
.question input[type="checkbox"] + label {
  cursor: pointer;
}
.question input[type="checkbox"]:not(checked) {
  position: absolute;
  opacity: 0;
}
.question input[type="checkbox"]:not(checked) + label {
  position: relative; 
  padding: 0 0 0 30px;
  text-align: left; 
  margin: 0 0 20px;
}
.question input[type="checkbox"]:not(checked) + label:before {
  content: '';
  position: absolute;
  top: 4px;
  left: 0px;
  width: 22px;
  height: 22px;
  border: 1px solid #ffffff;
  background: transparent;
}
.question input[type="checkbox"]:not(checked) + label:after {
  content: url(../img/svg/checked-w.svg);
  position: absolute;
  top: 7px;
  left: 6px;
  width: 10px;
  height: 10px;
  opacity: 0;
  transition: all .2s;
}
.question input[type="checkbox"]:checked + label:before {
  border: 3px solid #ffffff;
}
.question input[type="checkbox"]:checked + label:after {
  opacity: 1
}
.question .under-btn label {color: #ffffff; font-size: 0.875em; font-weight: normal;}


/*map*/
#map {position: relative; height: 500px; padding: 0;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
background-image: url(../img/map.jpg); }
#map .container, #map .row {overflow: visible; height: 1px;}
#map .contacts-col {margin-top: 60px;}

@media screen and (min-width: 1601px) {
#map .contacts-col .inner-block {padding: 50px 40px;}
}
@media screen and (max-width: 1601px) {
#map {background-image: url(../img/map-1440.jpg); }
}

@media screen and (max-width: 641px) {
#map {background-image: url(../img/map-640.jpg); }
}

/*MODAL*/

.modal-content {
    border: none;
    border-radius: 5px;
    outline: 0;
    padding: 40px 60px 60px;
}
.modal-content .heading {font-size: 20px; font-family: 'MMC-Medium'; text-align: center; margin-bottom: 10px; text-transform: up}
.modal-content p {font-size: 15px; color: #818181; text-align: center;}
.modal-content button.close {width: auto; position: absolute; top: 0; right: 0; line-height: 40px; width: 40px; min-height: unset; font-size: 30px; background: transparent; box-shadow: none; color: #ED0000; opacity: 1; min-width: unset;}
.modal-content button.close:hover {background: transparent; color: #303030;}
.modal-content .form-heading {text-align: center;}


#politicModal .modal-dialog {
    margin: 0px auto;
    text-align: center;
}
#politicModal p, #personalData p, #politicModal-2 p  {text-align: justify;}

 input[type="checkbox"] {
  vertical-align: top;
  margin: 0;
  width: 22px;
  height: 22px;
}
 input[type="checkbox"] + label {
  cursor: pointer;
}
 input[type="checkbox"]:not(checked) {
  position: absolute;
  opacity: 0;
}
 input[type="checkbox"]:not(checked) + label {
  position: relative; 
  padding: 0 0 0 30px;
  text-align: left; 
  margin: 0 0 20px;
}
 input[type="checkbox"]:not(checked) + label:before {
  content: '';
  position: absolute;
  top: -2px;
  left: 0px;
  width: 22px;
  height: 22px;
  border: 1px solid #ED0000;
  background: transparent;
}
 input[type="checkbox"]:not(checked) + label:after {
  content: url(../img/svg/checked.svg);
  position: absolute;
  top: 1px;
  left: 6px;
  width: 10px;
  height: 10px;
  opacity: 0;
  transition: all .2s;
}
input[type="checkbox"]:checked + label:before {
  border: 3px solid #ED0000;
}
input[type="checkbox"]:checked + label:after {
  opacity: 1
}
.under-btn label {color: #818181; font-size: 0.875em; font-weight: normal;}

.text-field input[type="checkbox"]:not(checked) + label {
line-height: 22px;
margin-right: 20px;
}
.text-field input[type="checkbox"]:not(checked) + label:before {
    top: 0;
 }
 .text-field input[type="checkbox"]:not(checked) + label:after {
top: 0px;
  }

/*SERVICES*/
.services {padding:1px 0 40px;}
.services h2 {
    margin: 90px auto 40px;
    text-align: center;
    font-family: 'MMC-Medium';
    position: relative;
}

.service-block {margin-bottom: 230px;}
.service-block:hover .service-info {-webkit-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.2);
box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.2);}
.service-img {position: relative; height: 260px;}
.service-img:after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgba(30,30,30,0.6);
	z-index: 1;
}
#service-1 {background: url(../img/service/services/01.jpg) center center no-repeat; background-size: cover;}
#service-2 {background: url(../img/service/services/02.jpg) center center no-repeat; background-size: cover;}
#service-3 {background: url(../img/service/services/03.jpg) center center no-repeat; background-size: cover;}
#service-4 {background: url(../img/service/services/04.jpg) center center no-repeat; background-size: cover;}
#service-5 {background: url(../img/service/services/05.jpg) center center no-repeat; background-size: cover;}
#service-6 {background: url(../img/service/services/06.jpg) center center no-repeat; background-size: cover;}

.service-info {margin: 0 40px; border: 1px solid #ededed; padding: 29px 40px 30px; background: rgba(255,255,255,0.95); position: relative; top: 50%; z-index: 2; text-align: center;}
.services .service-name {font-size: 18px; font-family: 'MMC-Bold'; text-transform: uppercase; margin-bottom: 9px;}
.service-description {color: #818181; line-height: 1.733333; padding-bottom: 23px; margin: 0;}
.service-info button {width: 100%;}
.service-info button:first-of-type {margin-bottom: 9px;}

span.service-name {color: #303030;}

.services-all .service-slide .row {min-height: 350px;}


/*SERVICES SALE*/
.services-sale {background-color: #f8f8f8; padding: 1px 0 60px;}

.services-sale h2 {
    margin: 36px auto 30px;
    padding: 18px 0 11px;
    text-align: left;
    font-family: 'MMC-Medium';
    border-bottom: 1px dashed #c1c1c1;
    position: relative;
}
.services-sale h2:before {
    border-top: 6px solid #ED0000;
    content: " ";
    left: 0;
    top: 0;
    position: absolute;
    width: 2.5em;
}

#service-sale-1 {background: url(../img/service/sale/sale-1.jpg) center center no-repeat; background-size: cover;}
#service-sale-2 {background: url(../img/service/sale/sale-2.jpg) center center no-repeat; background-size: cover;}
#service-sale-3 {background: url(../img/service/sale/sale-3.jpg) center center no-repeat; background-size: cover;}
#service-sale-4 {background: url(../img/service/sale/sale-4.jpg) center center no-repeat; background-size: cover;}
#service-sale-5 {background: url(../img/service/sale/sale-5.jpg) center center no-repeat; background-size: cover;}
#service-sale-6 {background: url(../img/service/sale/sale-6.jpg) center center no-repeat; background-size: cover;}
#service-sale-7 {background: url(../img/service/sale/sale-7.jpg) center center no-repeat; background-size: cover;}
#service-sale-8 {background: url(../img/service/sale/sale-8.jpg) center center no-repeat; background-size: cover;}
#service-sale-9 {background: url(../img/service/sale/sale-9.jpg) center center no-repeat; background-size: cover;}
#service-sale-10 {background: url(../img/service/sale/sale-10.jpg) center center no-repeat; background-size: cover;}
#service-sale-11 {background: url(../img/service/sale/sale-11.jpg) center center no-repeat; background-size: cover;}
#service-sale-12 {background: url(../img/service/sale/sale-12.jpg) center center no-repeat; background-size: cover;}
#service-sale-13 {background: url(../img/service/sale/sale-13.jpg) center center no-repeat; background-size: cover;}
#service-sale-14 {background: url(../img/service/sale/sale-14.jpg) center center no-repeat; background-size: cover;}
#service-sale-15 {background: url(../img/service/sale/sale-15.jpg) center center no-repeat; background-size: cover;}
#service-sale-16 {background: url(../img/service/sale/sale-16.jpg) center center no-repeat; background-size: cover;}
#service-sale-17 {background: url(../img/service/sale/sale-17.jpg) center center no-repeat; background-size: cover;}
#service-sale-18 {background: url(../img/service/sale/sale-18.jpg) center center no-repeat; background-size: cover;}

.sale-block {margin-bottom: 30px;}
.sale-block .row {margin: 0; overflow: hidden;}
.service-sale-info {background: #303030; color: #ffffff; padding: 36px 40px 40px 20px; position: relative;}
.service-sale-info:before {
    bottom: 0;
    top: 0;
    content: '';
    display: block;
    height: 100%;
    width: 70%;
    left: -200px;
    position: absolute;
    z-index: 1;
    border-bottom: 500px solid #303030;
    border-left: 200px solid transparent;
    border-right: 200px solid transparent;
    width: 100px;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
}
.service-sale-info-content {position: relative; z-index: 2;}

.sale-block:hover .service-sale-info:before {
    bottom: 0;
    top: 0;
    content: '';
    display: block;
    height: 100%;
    width: 70%;
    left: -200px;
    position: absolute;
    z-index: 1;
    border-bottom: 10000px solid #303030;
    border-left: 200px solid transparent;
    border-right: 200px solid transparent;
    width: 100px;
}

.service-name.sale {font-size: 20px; font-weight: 500; margin-bottom: 9px;}
.service-sale-description {font-weight: 300;}
.service-sale-info button {width: 100%; min-height: 46px; border: 2px solid #ffffff; background: transparent;}
.service-sale-info button:hover {background: #ffffff; color: #303030;}    

/*CREDIT*/
.credit {padding: 70px 0 30px; background: url(../img/td-bg1.jpg) center center no-repeat; background-size: cover;}
.credit  
.credit h1 + p {font-size: 20px; margin-bottom: 0;}
.credit .car {margin-bottom: 0; margin-top: 30px;}
.credit .price { color: #303030; font-family: 'MMC-Medium';}
.credit .row img {margin-bottom: 10px;}
.credit .form-cont {background: #ffffff;}
.trade-in-check-box.under-btn label {
    color: #333333;
    font-size: 1em;
    font-weight: 500;
}
.trade-in-check-box input[type="checkbox"]:not(checked) + label {    
    padding: 6px 0 0 30px;
}
/*TRADE-IN*/
.trade-in-page {background: url(../img/tradein/trade-in-bg.jpg) center center no-repeat; background-size: cover; min-height: calc(100vh - 196px); padding: 45px 0 10px; color: #333333; position: relative;}
.trade-in-page:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 56%, rgba(255,255,255,0) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 56%,rgba(255,255,255,0) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 56%,rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 );
}

.trade-in-page h1 {font-size: 34px; margin-top: 20px; text-transform: uppercase; font-family: 'MMC-Medium'; position: relative; z-index: 2;}
.trade-in-page h1 + p { margin-bottom: 0; color: #303030; font-size: 22px; font-family: 'MMC-Medium';}
.trade-in-page .form-cont {background: #ffffff; flex-flow: column; padding: 30px 50px 40px;}

.trade-in-page .text-field#year, .trade-in-page .text-field#probeg, .tradein-modal .text-field#year, .tradein-modal .text-field#probeg {
    width: calc(50% - 5px);
}
.tradein-modal .text-field#year {float: left;}
.tradein.month-advantages {padding: 0 0 20px;}
.tradein.month-advantages h2 {
    margin: 54px auto 41px;
    text-align: center;
}
.tradein.month-advantages p {font-weight: 300; font-size: 16px; position: relative;
    top: -40px;
    padding: 10px 13px;}
.tradein .month-advantage .num {font-size: 80px;}

.trade-in-docs img {height: 50px; display: inline-block; vertical-align: middle;}
.trade-in-docs.month-advantages {padding: 20px 0 40px;}
.trade-in-docs.month-advantages p {font-size: 18px; position: static; vertical-align: middle; padding: 10px 13px;}
.trade-in-docs .month-advantage {display: flex;}
.trade-in-docs-content {margin: auto;}

.trade-in-docs #pts {flex-grow: 0.8;}


.trade-in-page.insurance {background: url(../img/insurance/insurance-bg.jpg) center center no-repeat; background-size: cover;}

/*contacts*/
.contacts-info {
    margin-right: -16.66666%;
    display: flex;
}
.contacts-info .inner-block {margin: auto 0;}
.contacts-img-col img {border-radius: 10px;}





@media screen and (max-width: 1760px) {
/*SLIDER*/
.slick-next, .slick-next:hover, .slick-next:focus {right: -50px;}
.slick-prev, .slick-prev:hover, .slick-prev:focus {left: -50px;}
}

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

/*BASE*/
h1 {font-size: 45px;}
h2 {font-size: 35px;}	
h3 {font-size: 25px; margin-bottom: 25px;}   
.under-header {font-size: 18px;}
main {padding-top: 75px;}

/*HEADER*/	
header, .logo p, .contacts p {font-size: 14px;}
.logo.radar-logo img {
    width: auto;
    height: 30px;
}
.main-block {justify-content: center;}
/*.main-block:after {width: 90%;}*/
.top-menu-block {padding: 0; /*text-align: left;*/}
.top-menu > ul > li {padding: 15px 13px;}
.logo-block {max-width: 170px;}
.logo.radar-logo img {height: 35px;}
.logo p {padding-left: 0; padding-top: 10px;}

.contact-block {padding: 0;}
.phone {font-size: 22px;}
.contact-block p {font-size: 13px;}


/*main-screen*/
.main-screen {min-height: 70vh;}
.main-screen h1 {font-size: 50px; font-size: 40px;}

/*models-block*/
.car-nav-card-col {padding-right: 30px;}
.car-nav-card h2 { font-size: 37px;  margin-bottom: 20px;}
.car-nav-card .under-header {font-size: 24px; margin-bottom: 50px;}
.car-nav-inner {padding-left: 15px;}
.car-nav {font-size: 18px;}
.car-nav-list .car-nav-img {
    min-height: 60px;
    max-width: 50%;
    flex: 0 0 50%;
    background-size: auto 80px;
}
.car-img-block {width: 550px;}
.car-img-block:before {height: 400px; width: 400px;}
.car-img-block:after {background-size: auto 320px;}
.car-nav-features {margin-bottom: 0px;}
.car-nav-feature img {height: 50px;}
.car-nav-feature {font-size: 17px;}

/*models-block-2*/
.car-nav-inner-2 {font-size: 22px; padding: 0 10px 10px;}
.car-nav-list-2 .nav-link {width: 16.66666666666%;}
.car-nav-card-col-2 {padding-top: 30px;}
.car-nav-card-col-2 h2 {font-size: 50px;}
.car-nav-card-info-2 .under-header, .car-nav-feature-2 {margin-bottom: 30px;}

.car-nav-img-block-2 .car-nav-img-2 {
    width: 90%;
    position: relative;
    top: -40px;
    display: block;
    margin-left: auto;
}
.car-nav-card-col-2:after {height: 360px;}
.car-nav-card-col-2 .btns-block .btn {padding: 15px 10px; min-width: 33.333333%;}

/*model-block-3*/
.car-nav-list-3 {width: 83.333333%;}
.car-nav-3 {font-size: 22px; margin-bottom: 20px;}
.car-nav-img-block-3 img {width: 550px;}
.car-nav-card-info-3 h2 {font-size: 35px;}
.cart-price + .under-header {margin-bottom: 10px;}
.car-nav-feature-3 {margin-bottom: 30px;}
.btns-block .btn { min-width: 30%;}

/*presentaion*/
.present-img img {max-width: 470px;}

/*credit-offer*/
.offer-block.credit-offer {background-image: url(../img/offer/credit-bg-1440.jpg);}

/*tradein-2*/
.td-steps {position: relative;  max-width: 100%; margin: 0 auto 50px; text-align: center; padding-top: 0px;}
.td-steps:after {top: -45px;}
.td-step-num {
    margin: 0 auto 25px;
    border-radius: 90px;
    height: 60px;
    width: 60px;
    line-height: 54px;
    text-align: center;
    font-size: 24px;
}
.td-step-text {font-size: 16px;}
.separator:after {
    width: 250px;
    margin-left: -125px;
    top: 29px;
}
.tr-car {width: 90%;}


/*model*/
.model-block .car-img-block:before {
    height: 450px;
    width: 450px;
}
.model-block .car-img-block:after {background-size: auto 320px; right: 0;}
.gallery a {min-height: 110px;}


/*quiz-model*/
.inner-block {padding: 40px;}
.feature-row img {max-width: 80px;}
.quiz-link-bg {background-size: contain; left: -90px;}

/*testdrive-block*/
.td-slider .slide {height: 550px;}

/*instock-main*/
.instock .item .img-cont {padding: 0 30px;}
.instock .item .inner {
    padding: 0 30px 30px;
    text-align: center;
}
.instock .item .name, .bem-keyFeatures .name {font-size: 24px; margin-bottom: 20px;}
.instock .item .item-feature {padding: 0 5px;}
.instock .item .item-features {margin-bottom: 10px;}
.price-block .price {margin-bottom: 15px;}

.bem-keyFeatures .modal-dialog {
    max-width: 1100px;
}

/*SLIDER*/
.slide {min-height: 452px;}
.slider-header {font-size: 44px; margin-bottom: 7px;}
.slider-description {margin-bottom: 70px;}

/*SERVICE SLIDER*/
.service-slider .slick-dots {left: 10%;}
.service-slider-header {font-size: 36px;}
.service-slider-description {font-size: 18px;}
.service-slider .slick-prev, .service-slider .slick-prev:hover, .service-slider .slick-prev:focus {left: 30px;}
.service-slider .slick-next, .service-slider .slick-next:hover, .service-slider .slick-next:focus {right: 30px;}

/*MODELS*/
.inner img {width: 140px;}
.offer-model-info {padding: 0;}
.name {font-size: 16px;}

/*MODEL*/

.cart-title {font-size: 30px;}
.cart-price {font-size: 28px; margin-bottom: 5px;}
.cart-price-credit {
    font-size: 18px;
    margin-bottom: 20px;
}
.cart-introtext {margin: 30px 0 20px; padding: 20px;}
.trade-in {padding: 36px 0 40px; background: url(../img/tradein/tradein-1440.jpg) center center no-repeat; background-size: cover;}
.testdrive h2 {
    font-size: 36px;
}



/*HOT-OFFER*/
.hot-credit {font-size: 15px;}

/*QUESTION*/
.contact-block .row {margin-left: -10px; margin-right: -10px;}
.contact-block .col-md-6 {padding: 0 10px;}
.question .btn-row {margin: 0;}

/*map*/
#map {position: relative; height: 450px; padding: 0;}

/*service*/
.service-slide .row {min-height: 400px;}
.service-slider-text {margin: 20px 60px auto 30px;}

/*FOOTER*/
footer {font-size: 14px;}

/*SERVICES*/
.services {
    padding-bottom: 20px;
}
.services h2 {
    margin: 46px auto 31px;
}
.service-block {
    margin-bottom: 228px;
}
.service-img {height: 170px;}
.service-info {
    margin: 0 20px;
    padding: 16px 20px 20px;
    top: 75%;
}
.services .service-name {font-size: 16px;}
.service-description {font-size: 14px;
    line-height: 1.5;
    padding-bottom: 13px;
}

/*SERVICES SALE*/

.services-sale h2 {
    margin: 53px auto 41px;
}
.service-name.sale {font-size: 16px;}

.service-sale-info {
    padding: 36px 20px 20px 10px;
}

/*CREDIT*/
.credit h1 {font-size: 38px;}
.credit h1 + p {font-size: 18px;}

/*TRADE-IN*/
.trade-in-docs .month-adv-name {flex-grow: 0.5;}
.trade-in-docs.month-advantages p {font-size: 16px;}
.trade-in-page h1 + p {font-size: 18px;}
.trade-in-page h1 {font-size: 30px; margin-top: 0;}

}


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

main {padding-top: 69px;}
section {padding: 50px 0;}
h1 {font-size: 40px;}
h2 {font-size: 30px;}
h3 {font-size: 24px;}
h3.form-heading {font-size: 24px;}

/*HEADER*/
.logo-block {max-width: unset; padding: 0;}
.main-block {justify-content: flex-start; padding: 0;}
.ham-block {display: flex; justify-content: flex-end; align-items: center;}

/*main-block*/
.main-screen h1 {font-size: 40px; font-size: 36px;}
.main-screen h1 + .under-header {font-size: 24px; font-size: 20px;}

/*models*/
.car-img-block {left: 250px;}
.car-img-block:after {background-size: auto 250px;}

/*models-block-2*/
.car-nav-list-2 .nav-link {width: 27%; margin-bottom: 20px;}
.car-nav-card-info-2 .under-header {font-size: 24px;}
.car-nav-card-col-2 h2 {font-size: 40px;}
.car-nav-img-block-2 .car-nav-img-2 { width: 100%; position: relative; top: 0px;}
.car-nav-card-col-2:after {
    right: 60%;
    height: 320px;
}
.car-nav-card-col-2 .under-header img {width: 70px;}

/*model-block-3*/
.car-nav-list-3 { width: 100%;}
.car-nav-img-block-3 img {width: 450px;}
.car-nav-card-info-3 h2 { font-size: 30px;}
.car-nav-features-3 { max-width: unset;}
.car-nav-feature-3 { font-size: 15px;}
.car-nav-card-3 .discl {font-size: 14px;}
.btns-block {flex-flow: wrap; margin-bottom: -15px;}
.btns-block .btn {width: 100%; margin-bottom: 15px;}


/*presentation*/
.present-img img {
    max-width: 400px;
    right: -50px;
    top: -40px;
}

/*credit-offer*/
.offer-block.credit-offer {background-image: url(../img/offer/credit-bg-1170.jpg);}
.credit-offer .under-header {margin-bottom: 50px;}
.banks-row {margin-bottom: 40px;}
.bank-item-col {padding: 15px;}
.bank-item {height: 70px;}


/*dist*/
.dist-info-col {padding-right: 15px;}
.dist-feature {align-items: flex-start;}
.dist-feature-text h3 {font-size: 20px;}

/*model*/
.model-block .car-img-block {
    position: absolute;
    width: 600px;
    top: 50%;
    left: 370px;
    -o-transform: translate(-100%, -50%);
    -ms-transform: translate(-100%, -50%);
    -moz-transform: translate(-100%, -50%);
    -webkit-transform: translate(-100%, -50%);
    transform: translate(-100%, -50%);
}
.model-block .car-img-block:before {
    height: 450px;
    width: 450px;
}


/*tradein*/
.tradein-header {font-size: 80px;}
.tradein-header-block > img {left: 100px; top: 0px;}

.tradein-page {padding-bottom: 50px;}
.tradein-page .tradein-header {font-size: 70px;}
.tradein-page .tradein-header img {margin-left: 30px; height: 70px;}
.tradein-page .tradein-header-block > img { left: 0px; top: 0px;}

/*tradein-2*/
.separator:after {
    width: 200px;
    margin-left: -100px;
}
.tradein-row .inner-block:after {
    bottom: 20px;
    right: 20px;
    height: 150px;
    width: 150px;
}

/*question*/
.question .contact-block {padding: 15px;}
.question .text-field textarea {height: 200px;}

/*servces*/
.service-sale-block h3, .services-list-block .service-sale-block h3 {font-size: 22px;}


/*instock-main*/
.bem-keyFeatures .modal-dialog {max-width: 900px;}
.bem-keyFeatures .modal-content {padding: 30px;}
.instock .item .item-feature { padding: 0 15px;}

.bem-filter .car-nav-list-mobile {width: 100%;}

/*SLIDER*/
.slider-header {line-height: 1.2; font-size: 36px; margin-bottom: 25px;}


.td-car {min-height: 300px;}

/*SERVICE SLIDER*/
.service-slide .form-cont {padding: 30px 40px 40px;}
.service-slider-text {margin: 40px 0px auto 00px;}

/*MONTH ADVANTAGES*/
.month-adv-name {font-size: 16px;}
.month-advantage p {padding: 10px 13px;}

/*MODELS*/
.models .row {
    margin-right: -10px;
    margin-left: -10px;
}
.car {padding-left: 10px; padding-right: 10px; margin-bottom: 20px;}
.car .inner {padding: 15px 30px 30px;}
.img-block {text-align: center; margin-bottom: 14px;}
.inner img {width: 200px;}
.offer-model-info {
    padding: 0 10px;
}
.offer-model-info .price {display: inline-block;}
.offer-model-info .price + a {float: right;}
.offer-adv {
    padding: 4px 0 11px;
}


/*MODEL*/
.section-cart-right {padding-right: 20px;}
.section-about {padding-bottom: 40px;}
.feature {margin: 0 0 20px;}
.price-form {padding-left: 15px;}
.price-form > div {top: 0!important;}
.price-form > div.sticky {
    position: relative;
    z-index: 2;
}
.price-form .text-field {width: 33.333333333333333%; float: left; padding-left: 1%;}
.price-form .text-field:first-of-type {padding-left: 0;}

.testdrive h2 {font-size: 26px;}
.H-1 .td-car {background-size: contain;}

.trade-in h2 {font-size: 30px;}

/*HOT OFFER*/
.car-hot {padding: 36px 20px 0;}
.hot-price {padding: 34px 20px 30px; margin: 0 -21px 0 -21px;}
.slider-body-hot .slick-arrow {position: absolute; top: -80px; margin-top: 0; padding: 0; background-color: transparent; background-image: url(../img/icons.png); z-index: 5;}
.slider-body-hot .slick-next, .slider-body-hot .slick-next:hover, .slider-body-hot .slick-next:focus {right: 10px; background-position: -40px -36px;}
.slider-body-hot .slick-prev, .slider-body-hot .slick-prev:hover, .slider-body-hot .slick-prev:focus {left: 10px; background-position: 0px -36px;}


/*FOOTER*/
footer {padding: 30px 0;}
.under-footer p {font-size: 14px; margin-bottom: 15px;}

/*SERVICES*/
.service-block {margin-bottom: 260px;}
.service-info .car-more-info {text-transform: none;}

/*SERVICES SALE*/

.service-sale-info {
    padding: 36px 20px 20px;
}

/*TRADE-IN*/
.trade-in-page.insurance h1 {font-size: 50px;}
.trade-in-page h1 + p {font-size: 20px;}
.trade-in-docs .month-adv-name {flex-grow: 0.4;}
.trade-in-docs #pts {flex-grow: 0.7;}


}


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

main {padding-top: 76px;}
h1 {font-size: 35px;}
h2 {font-size: 28px;}
h3 {font-size: 24px;}
.section-header {margin-bottom: 50px;}
/*HEADER*/
header:after {width: 50%}
.main-block {padding: 0 15px;}
.ham-block {padding: 0;}

/*main-block*/
.main-screen h1 {font-size: 35px;}
.main-screen h1 + .under-header {font-size: 20px;}

/*models-block*/

.car-nav-card h2 {margin-bottom: 20px; font-size: 30px;}
.car-nav-card-col {padding-right: 15px;}
.car-nav-card .under-header {font-size: 22px; margin-bottom: 270px;}
.car-img-block {top: 270px; left: 220px;}
.car-img-block { width: 400px;}
.car-img-block:before {height: 300px; width: 300px;}
.car-img-block:after {background-size: auto 200px;}
.car-nav-feature {font-size: 14px; margin-bottom: 30px;}
.btns-block .btn {margin-bottom: 15px;}
.car-nav-list .car-nav-img {min-height: 90px; background-size: auto 90px;}

.offer-block:after {opacity: 1;}
.offer-block.offer {background-image: url(../img/offer/offer-1-bg-960.jpg);}
.offer-block.offer .td-cta-block {text-align: center;}

/*credit-offer*/
.offer-block.credit-offer {background-image: url(../img/offer/credit-bg-960.jpg);}


/*models-block-2*/
.car-nav-card-col-2 h2 {font-size: 50px;}
.car-nav-img-block-2 {margin-bottom: -70px;}
.car-nav-img-block-2 .car-nav-img-2 {width: 80%; position: relative; top: -70px;}
.car-nav-card-2 .btns-block {flex-flow: row;}
.car-nav-card-col-2:after {right: 0;}
.car-nav-card-col-2 .under-header img {width: 77px;}

/*models-block-3*/
.car-nav-list-mobile {padding: 0 30px;}
.car-nav-list-mobile .drop-down-active-item {text-transform: uppercase; border: none; font-size: 18px;}
.car-nav-list-mobile .drop-down .drop-down-active-item::before {font-size: 16px; right: 20px;}
.car-nav-list-mobile .drop-down-active-item::after {background-color: #333; height: 3px;}
.car-nav-list-mobile .drop-down-list {border: none;}
.car-nav-list-mobile .car-nav-3 {margin-bottom: 0; font-size: 18px;}
.car-nav-list-mobile .drop-down-item {padding: 0 20px;}
.car-nav-list-mobile .drop-down.active .drop-down-list {height: 270px; box-shadow: 0px 5px 30px 0px rgba(0,0,0,0.3);}
.car-nav-list-mobile .drop-down-item.selected {display: list-item;}
.car-nav-img-block-3 {flex-flow: column;}
.car-nav-img-block-3 h2 {font-size: 35px; color: #ED0000; margin-bottom: 10px;}
.car-nav-img-block-3 h2 + .under-header {margin-bottom: 30px; font-family: "MMC-Regular";}
.car-nav-img-block-3 img {width: 70%; right: 0; margin: 0 auto; margin-bottom: 20px;}
.car-nav-card-info-3 h2 {display: none;}
.btns-block {justify-content: center;}



/*model*/
.model-block .cart-price {margin-bottom: 10px;}
.model-block .car-nav-feature {
    margin-bottom: 20px;
    font-size: 16px;
}
.model-block .car-nav-feature img {
    margin-right: 15px;
    height: 50px;
}
.model-block .car-nav-features {margin-bottom: 20px;}
.model-block .car-img-block:before {
    height: 600px;
    width: 600px;
}
.model-block .car-img-block {width: 700px; left: 270px;}
.model-block .car-img-block:after {background-size: auto 340px;}
.gallery a {min-height: 200px;}

/*tradein-block*/
.tradein-header-block > img {
    left: 120px;
    top: -70px;
    width: 80%;
}

.tradein-page .tradein-header-block {padding-top: 50px;}
.tradein-page .tradein-header {justify-content: center;}
.tradein-page .tradein-header-block > img {width: 100%;}

/*tradein-block-2*/
.td-steps {max-width: 83.3333333%;}
.td-steps:after {
    top: 60px;
    font-size: 110px;
}
.step-col {display: flex; flex-flow: row; margin-bottom: 0px; align-items: center; justify-content: flex-start;}
.td-step-num {
    margin: 0 25px 0 0;
    border-radius: 90px;
    height: 60px;
    width: 60px;
    line-height: 54px;
    text-align: center;
    font-size: 24px;
    flex: 0 0 60px;
}
.td-step-text {margin-bottom: 0; text-align: left;}
.separator {width: 100%; padding: 40px 0; }
.separator:after {
    width: 2px;
    height: 50px;
    margin-left: -1px;
    left: 45px;
    top: 50%;
    margin-top: -25px;
}
.tr-car { width: 80%; margin-bottom: 30px;}
.tradein-info-col {text-align: center;}
.tradein-info-col .under-header {margin-bottom: 25px;}
.tradein-row .inner-block {overflow: hidden;}
.tradein-row .inner-block:after {
    bottom: -30px;
    right: 20px;
    height: 190px;
    width: 190px;
}



/*testdrive*/
.td-slider .slide {height: 300px;}
.testdrive-text-col {
    margin-left: 8.333333%;
    display: flex;
    margin-top: -90px;
}


/*question*/
.question {text-align: center;}
.question .text-field textarea {height: 150px;}


/*contacts*/
.contacts-info {
    margin-right: -33.333333%;
    display: block;
}
.contacts-info .inner-block {margin: 0;}
.contacts-img-col {display: flex;}
.contacts-img-col img {border-radius: 5px; margin: auto;}

/*presentaion*/

.present-block h3 + p {
    margin-bottom: 50px;
    display: flex;
    flex-flow: row;
    align-items:baseline;
}
.present-block h3 + p i {margin-right: 10px;}
.under-header + p {/*font-size: 15px;*/ margin-bottom: 40px;}
.present-img img {position: relative; top: 0; right: 0; max-width: 100%;}
.present-block .btn {
    width: auto;
    padding: 15px 20px;
    min-width: unset;
}
.present-block .btn:first-of-type {
    margin-right: 0px;
}
.present-block .btn:last-of-type {
    right: -5px;
}

/*instock-main*/
.instock .item .name, .bem-keyFeatures .name {font-size: 20px; margin-bottom: 15px;}
.instock .item .item-feature { padding: 0 10px; font-size: 14px;}
.bem-keyFeatures .modal-dialog {
    max-width: 750px;
}


/*SLIDER*/
	.slider {padding: 0 0 0px;}
	.slider-header {font-size: 30px; margin-bottom: 15px;}
    .slider-text {
    padding: 60px 10px 0 60px;
}

/*SERVICE SLIDER*/
.service-slider-text button {margin-top: 20px;}


/*MONTH ADVANTAGES*/
.month-adv-name {min-height: 90px;}
.month-advantage .num {font-size: 34px;}
.month-adv-name:after {
    border: 45px solid;
    right: -90px;
    border-color: transparent transparent transparent #303030;
}
.month-advantage {font-size: 14px; padding-left: 0;  min-height: 90px;}
.month-advantage p {padding: 5px 0; top: 35%;}
.month-advantages .row.align-items-center {align-items: flex-start!important;}

/*MODEL*/
.section-cart-block {padding-bottom: 40px;}
.section-cart-right {
    padding: 0 20px;
}
.cart-title {
    font-size: 28px;
    margin: 20px auto 5px;
}
.cart-introtext {margin: 20px 0 20px; padding: 15px;}
.cart-line-benefit {font-size: 18px;}
.cart-line-underbenefit {padding: 0;}

.feature-title {font-size: 18px; margin-bottom: 10px;}
.feature-description {line-height: 1.2;}
.testdrive {
    background: url(../img/td-bg1.jpg) center top no-repeat;
    background-size: cover;
}

.model-name {font-size: 180px;}
.td-car {min-height: 320px;}
/*HOT OFFER*/

.hot-offer {padding: 40px 0;}
.hot-param-adv {font-size: 14px;}
.hot-param-adv .col-6 {background-size: 15px;}
#shift {background-size: 12px;}




/*FOOTER*/
.partners img {height: 30px;}
.partners {padding-top: 20px; text-align: center; padding-bottom: 20px;}

/*SERVICES*/
.services h2 {
    margin: 36px auto 36px;
}
.service-img {height: 210px;}
.services .service-name {font-size: 15px;}

/*SERVICES SALE*/

.services-sale h2 {
    margin: 36px auto 36px;
}

/*CREDIT*/
.credit h1 {font-size: 30px;}
.credit h1 + p {font-size: 16px;}

/*TRADE-IN*/

.trade-in-page h1 {
    font-size: 30px;
    margin-top: 30px;
    text-align: center;
}

.trade-in-page h1 + p {
    margin-bottom: 20px;
    text-align: center;
}
.trade-in-page .trade-in-form {padding-left: 15px;}
.trade-in-docs img {height: 40px;}
.trade-in-docs-content {text-align: center;}
.trade-in-docs #pts {flex-grow: 0.8;}
.trade-in-docs .month-adv-name {
    min-height: 100px;
}
.trade-in-docs .month-adv-name:after {
content: '';
    position: absolute;
    width: 0;
    height: 0;
    border: 50px solid;
    top: 0;
    right: -100px;
    margin-left: -10px;
    z-index: 2;
    border-color: transparent transparent transparent #af9c91;}

}

@media screen and (max-width: 640px) {
/*BASE*/
body {font-size: 14px;}
h1 {font-size: 25px;}
h2 {font-size: 24px;}
h3 {font-size: 17px; line-height: 1.4;}
h3.form-heading {font-size: 22px; line-height: 1.2;}
.row {margin: 0;}
button, .btn, a.btn {padding: 15px 10px;}
.under-header {font-size: 16px;}
.section-header {margin-bottom: 30px;}
/*HEADER*/
header .container-fluid {padding: 0;}
header .contact-block {align-items: center; justify-content: center;}
header .phone {font-size: 18px;}
.logo-col {padding: 0 0 0 5px;}
.logo.main-logo {
    position: relative;
    top: 0;
    left: 0;
    width: auto;
    padding: 0;
    box-shadow: none;
    display: block;}
.shadow .logo.main-logo {padding: 0;}
.logo.main-logo img {width: 60px;}


.sb-slidebar .contacts {
    text-align: center;
}
.sb-slidebar .phone, .contacts p {color: #ffffff;}
.sb-slidebar .phone {background: url(../img/svg/phone-w.svg) no-repeat center left; background-size: 18px;}

/*main-screen*/
.main-screen h1 {font-size: 25px; font-size: 20px;}
.main-screen h1 + .under-header {font-size: 18px; font-size: 15px;}
button, .btn, a.btn {min-width: unset; width: 100%; max-width: 300px;}

/*models*/
.models {padding-bottom: 0;}
.car-nav-list {max-width: 320px; margin: 0 auto;}
.car-nav-card-col {text-align: center;}
.car-nav-list .car-nav-img {min-height: 70px;}
.car-nav-card .under-header {font-size: 22px; margin-bottom: 20px;}
.car-nav-feature {display: flex; flex-flow: row; justify-content: flex-start; align-items: center; text-align: left; margin-bottom: 20px;}
.car-nav-feature img {margin-bottom: 0; margin-right: 15px; height: 40px;}

.model-block .btns-block { justify-content: center;}


/*models-block-2*/
.car-nav-card-col-2 h2 {font-size: 36px; padding: 0 15px;}
.car-nav-card-col-2 .under-header {padding: 0 15px;}
.car-nav-img-block-2 {margin-bottom: 0; padding: 0;}
.car-nav-img-block-2 .car-nav-img-2 {
    width: 100%;
    position: relative;
    top: 0;
}
.car-nav-card-col-2:after {
    right: 15px;
    height: 300px;
}
.car-nav-card-2 .btns-block {
    flex-flow: column;
    justify-content: center;
    align-items: center;
}
.car-nav-card-col-2 .under-header img {width: 60px; left: 15px}

/*models-block-3*/
.car-nav-list-mobile {padding: 0 16px;}
.car-nav-list-mobile .drop-down-active-item {padding-right: 0; padding-left: 0;}
.car-nav-list-mobile .drop-down .drop-down-active-item::before {right: 2px;}

.models .tab-content {padding: 15px;}
.car-nav-img-block-3, .car-nav-card-info-3 {padding: 0;}
.car-nav-img-block-3 h2 {font-size: 24px; margin-bottom: 15px;}
.car-nav-img-block-3 img { width: 100%;}
.btns-block .btn {width: 100%;}



/*model*/
.model-block .car-img-block {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    -o-transform: translate(0,0);
    -ms-transform: translate(0,0);
    -moz-transform: translate(0,0);
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
    height: 40vh;
}
.model-block .car-img-block:after {
    background-size: contain;
}
.model-block .car-img-block:before {
    position: absolute;
    right: 50%;
    height: 40vh;
    width: 40vh;
}
.model-block .car-nav-card-col {padding-top: 30px;}
.model-block h2 {margin-bottom: 15px;}

.gallery {min-width: 200px;}
.gallery .container-fluid {padding: 0;}
.gallery a {position: absolute;}
.gallery .slick-initialized a {position: relative;}

.section-about .mobile-slider {margin-bottom: 30px;}
.price-form .btn {white-space: normal;}


/*quiz*/
.inner-block {padding: 20px;}
.feature-row img {max-width: 60px;}
.feature-row span {max-width: calc(100% - 66px);}

/*tradein*/
.tradein-header {font-size: 60px;}
.tradein-header img {width: 80px;}
.tradein-header-block > img {left: 30px; top: -30px; width: 100%;}


.tradein-page .form-cont .row {margin: 0 -15px;}
.tradein-page .tradein-header { font-size: 60px; flex-flow: column; margin-bottom: 10px;}
.tradein-page .tradein-header img {margin-left: 0px; height: 70px; width: 70px;}


/*tradein-block-2*/
.td-steps {max-width: 100%;}
.td-steps:after {
    top: 50px;
    font-size: 60px;
}
.td-step-text {font-size: 14px;}

.separator {padding: 25px 0;}
.separator:after {
    height: 30px;
    margin-top: -15px;
}
.tradein-row {margin: 0 15px;}
.tradein-info-col {padding: 0;}
.tr-car { width: 100%; margin-bottom: 20px;}
.tradein-info-col .btn {
    min-width: unset;
    width: 100%;
    white-space: normal;
}
.tradein-row .inner-block:after {
    bottom: 10px;
    right: -20px;
    height: 140px;
    width: 140px;
}


/*offer-block credit*/
.offer-block.credit-offer {background-image: url(../img/offer/credit-bg-640.jpg);}
.offer-block.credit-offer .container {padding: 0 15px;}
.credit-offer .under-header {margin-bottom: 30px;}
.banks-row {margin: 0 -10px 40px;}
.bank-item-col {padding: 10px;}

/*testdrive*/
.td-slider .slide {height: 200px; min-height: unset;}
.testdrive-text-col { margin-left: 0; display: flex; margin-top: 20px;}
.testdrive-block .inner-block p {font-size: 14px;}

/*services*/
.service-sale-block h3, .services-list-block .service-sale-block h3 {font-size: 15px;}
.service-sale-block .under-header {
    font-size: 14px;
    font-family: "MMC-Regular";
    margin-bottom: 40px;
}
.service-sale-block {background-position: center; padding: 20px;}

.service-full-list a {font-size: 16px;}

/*contacts*/
.contacts-info {margin-right: 0;}
.contacts-info .inner-block {margin: 0; border-radius: 5px 5px 0 0;}
.contacts-img-col {display: block;}
.contacts-img-col img {border-radius: 0 0 5px 5px; margin: 0; box-shadow: 0px 5px 30px 0px rgba(0,0,0,0.3);}

/*presentaion*/
.present-block h3 + p {margin-bottom: 30px;}
.under-header + p {columns: 1; margin-bottom: 30px; /*font-size: 14px;*/ line-height: 1.8;}
.present-img {padding: 0; margin-bottom: 10px;}
.present-block .btn {width: 100%;}
.present-block .btn:first-of-type {
    margin-bottom: 15px;
}
.present-block .btn:last-of-type {
    right: 0px;
    white-space: normal;
    padding: 8px 20px;
    line-height: 1.1;
}


/*dist*/
.dist h2 {font-size: 20px;}
.dist .container {padding: 0 15px;}
.dist-info-col {padding: 0;}
.dist-feature {margin-bottom: 40px;}
.icon-dist {
    height: 60px;
    width: 60px;
    flex: 0 0 60px;
    line-height: 54px;
    font-size: 20px;
    margin-right: 15px;
}
.dist-feature-text h3 {font-size: 18px;}

/*instock-main*/
.instock .bem-count {margin-bottom: 20px!important;}
.bem-keyFeatures .item-feature {padding: 0;}
.bem-keyFeatures .modal-content {padding: 30px 15px;}
.bem-keyFeatures .price-block, .bem-keyFeatures .bem-key-features-description, .bem-keyFeatures .item-features {
    margin-bottom: 20px;
}
.bem-keyFeatures .btn {white-space: normal; width: 100%; max-width: unset;}
.bem-keyFeatures .text-field {padding: 0;}


/*SLIDER*/
.slide {min-height: 500px;}
.slider-body .slick-arrow {top: 60%;}
.slick-arrow {width: 15px;}

.slider-text {padding: 80px 20px 0;}
.slider-header {
    font-size: 24px;
    margin-bottom: 17px;
}
.slider-header small {font-weight: 500; font-size: 24px;}
.slider-description {
    font-size: 16px;
    margin-bottom: 35px;
}

/*SERVICE SLIDER*/
.service-slider-text {margin: auto 10px auto 10px;}
.service-slider-header {font-size: 24px;}
.service-slider-description {font-size: 15px;}
.service-slider .slick-dots {
    bottom: 0;
}

/*MONTH ADVANTAGES*/
.month-advantages .row {border: 1px solid #303030;}
.month-adv-name {
    font-size: 14px;
    margin-right: 45px;
    width: 34%;
}
.month-advantage {padding-left: 20px; flex-basis: 50%;}
.month-advantage {padding-top: 7px; border-top: 1px solid #303030;}
.month-advantage.first {margin-top: 0; border-top: none;}
.month-advantage p {
    padding: 5px 15px;
    top: 40%;
    font-size: 13px;
}
.month-advantages .divider-v {margin: -11px 0 0; position: absolute; top: 50%; left: 0; z-index: 9;}
/*MODELS*/

.models .row {margin: 0;}
.car .inner {padding: 10px 20px 20px;}

/*MODEL*/

.section-cart-right { padding: 0;}
.section-cart-right .col-sm-6 {padding: 0;}
.cart-title {font-size: 24px;}
.cart-undertitle {font-size: 15px;}
.cart-price {font-size: 24px;}
.cart-price-credit {font-size: 16px; margin-bottom: 15px;}
.section-about {padding-top: 30px;}
.section-about .col-lg-8 {padding: 0;}
.section-about h2 {margin: 0px 15px 24px;}
.feature-img {padding: 0 15px;}
.feature-img img {width: 100%;}
.feature-text {padding: 15px 25px 0;}
.feature-title {font-size: 16px;}
.price-form .form-cont {padding: 20px;}
.price-form .text-field {
    width: 100%;
    float: left;
    padding-left: 0;
}
.testdrive {
    background: url(../img/td-bg1.jpg) center top no-repeat;
    background-size: cover;
}
.td-car {
    min-height: 240px;
    background-size: contain!important;
}


.trade-in {
    padding: 36px 0 40px;
    background: url(../img/tradein/tradein-768.jpg) center center no-repeat;
    background-size: cover;
    text-align: center;
}
.trade-in h2 {font-size: 20px;}
.trade-in-form {
    padding-left: 15px;
}
.trade-in-form p {font-size: 14px;}
.trade-in .form-cont {
    padding: 0;
}

/*HOT OFFER*/
.hot-offer h2 {
    padding: 0 40px;
    font-size: 18px;
}


/*FOOTER*/
footer {text-align: center; padding: 30px 0 10px;}
.conf {text-align: center; margin-top: 10px;}
.partners {
    margin-top: 20px;
    padding-top: 20px;
    text-align: center;
}
.partners img {margin-bottom: 20px;}
.partners p {display: block;}

.under-footer .container {padding: 0 15px;}

/*MODAL*/
.modal-content {padding: 40px 20px 40px;}
.modal-content .heading {font-size: 18px;}
.modal-content p {font-size: 14px;}

/*SERVICES*/

.services .service-name {font-size: 16px; min-height: 40px;}
.service-img {height: 170px;}
.service-description {min-height: 76px;}
.services h2 {
    margin: 34px 15px 24px;
}


/*SERVICES SALE*/

.services-sale h2 {
    margin: 34px 15px 24px;
}

.services-sale {padding: 1px 0 10px;}

.service-sale-img {height: 211px;}
.service-sale-info {
    padding: 10px 20px 20px;
}
.service-sale-info:before {
    background: inherit;
bottom: 0;
content: '';
display: block;
height: 70%;
left: 0;
position: absolute;
right: 0;
transform: skewY(10deg);
transform-origin: 100%;
width: 100%;
border: none;
}

.sale-block:hover .service-sale-info:before {
    background: inherit;
bottom: 0;
content: '';
display: block;
height: 70%;
left: 0;
position: absolute;
right: 0;
transform: skewY(10deg);
transform-origin: 100%;
width: 100%;
border: none;
}
.service-slide .form-cont {
    padding: 20px 20px 20px;
    margin-bottom: 20px;
    margin-top: 20px;
}

/*CREDIT*/
.credit .container {padding: 0 15px;}
.credit h1 {font-size: 24px; text-align: center;}
.credit h1 + p {font-size: 15px; text-align: center;}

/*TRADE-IN*/
.trade-in-page {padding-top: 80px;}
.trade-in-page h1 {font-size: 22px;}
.trade-in-page.insurance h1 {
    font-size: 30px;
}
.trade-in-page h1 + p {font-size: 14px;}
.trade-in-page .form-cont {
    padding: 20px;
}

.tradein.month-advantages h2 {
    margin: 34px auto 24px;
}
.tradein.month-advantages .row {
    border: none;
}
.tradein.month-advantages .month-advantage {
    padding-left: 20px;
    flex-basis: 100%;
}
.tradein.month-advantages .month-advantage:first-of-type {
    border-top: none;
}
.tradein.month-advantages {padding: 0;}
.trade-in-docs.month-advantages {
    padding: 0px 0 40px;
}

.trade-in-docs .month-adv-name {flex-grow: 1;margin-right: 0; width: 100%; min-height: 50px;}
.trade-in-docs .month-adv-name:after {display: none;}
.trade-in-docs .month-advantage {padding-top: 20px;}
.trade-in-docs.month-advantages p {display: block; width: 100%;}
.trade-in-docs #pts {flex-grow: 1;}




}

/*SOCIAL BTN*/

.social_shared_fixed {
    position: fixed;
    right: 0px;
    bottom: 0px;
}

.social_shared_fixed .list_shared {

    cursor: pointer;
    will-change: margin-top, margin-bottom;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    margin-top: -119px;
    position: relative;
}
.social_shared_fixed .list_shared_title .title_shared, .social_shared_fixed .list_shared.open_list_shared .title_shared{ display: none;
    position: absolute;
    right: 91px;
    top: 18px;
    text-transform: uppercase;
}

.social_shared_fixed .list_shared_title:hover .title_shared, .social_shared_fixed .list_shared.open_list_shared_active:hover .title_shared{display: block;}


.social_shared_fixed .list_shared.list_shared_absolute {
    margin-top: -55px;
}
.social_shared_fixed .list_shared.open_list_shared_close{
    margin-top: -55px;
}
.social_shared_fixed .list_shared.open_list_shared {
    z-index: 1;
    position: relative;
}
.social_shared_fixed .list_shared.open_list_shared.open_list_shared{
    z-index: 2;
}
.social_shared_fixed .list_shared a {
    display: block;
    width: 55px;
    height: 55px;

    border-radius: 40px;
    position: relative;
    z-index:2;

}

.social_shared_fixed .list_shared a.telegramm_link{display: none;}
.social_shared_fixed .list_shared:after{

    position: absolute;
    width: 90%;
    height: 85%;
    display: block;
    content: '';
   background: #fff;
    top: 2px;
    left: 2px;
   z-index: 1;
    border-radius: 100%;
}
.social_shared_fixed .list_shared a{
    z-index: 2;
}

.hidden_icon{display: none;}
.list_shared_title.list_shared_absolute, .open_list_shared_close.list_shared_absolute{/*overflow: hidden;*/}

.social_shared_fixed a:hover, .social_shared_fixed a.active_link{
   -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.social_shared_fixed .list_shared.list_shared_margin{
   /* margin-top: -6px;*/
    -webkit-transition: margin-top ease-in .30s;
    transition: margin-top ease-in .30s;
}

.social_shared_fixed .open_list_shared.open_list_shared_close {
    background: green;
}

.social_shared {
    position: absolute;
    bottom: 20px;
    right: 60px;
    z-index: 10;
}


@keyframes shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }
  
  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }

  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0);
  }

  40%, 60% {
    transform: translate3d(4px, 0, 0);
  }
}



.social_shared .slide {margin: 0;}
.social_shared .slick-arrow {display: none!important;}
.social-btn-fixed {
display: block; 
position: fixed; 
bottom: 20px; left:20px;
animation: shake 2s infinite ease-in-out;
animation-delay: 1s;
height: 55px; background: #303030; color: #ffffff; border-radius: 50px; z-index: 9; cursor: pointer; padding: 8px 15px; font-family: 'MMC-Medium'; -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;}
.social-btn-fixed:hover {text-decoration: none; color:#ffffff; background: #c9302c;}
a.social-btn-fixed:hover, a.social-btn-fixed:focus {color: #ffffff;}
.social-btn-fixed svg {display: inline-block; width:40px; height: 40px; margin-right: 10px; animation: 1.5s linear 0s normal none infinite running social_anim;}
.social-btn-fixed img {animation: 1.5s linear 0s normal none infinite running social_anim;}
.social-btn-fixed p {display: inline-block; margin: 0; position: relative; top: -7px; font-size: 14px;}
@keyframes social_anim {
0% {transform: scale3d(1, 1, 1);}
10%, 20% {transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);}
30%, 50%, 70%, 90% {transform: scale3d(1.05, 1.05, 1.05) rotate3d(0, 0, 1, 3deg);}
40%, 60%, 80% {transform: scale3d(1.05, 1.05, 1.05) rotate3d(0, 0, 1, -3deg);}
100% {transform: scale3d(1, 1, 1);}
}
@keyframes social_anim {
0% {transform: scale3d(1, 1, 1);}
10%, 20% {transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);}
30%, 50%, 70%, 90% {transform: scale3d(1.05, 1.05, 1.05) rotate3d(0, 0, 1, 3deg);}
40%, 60%, 80% {transform: scale3d(1.05, 1.05, 1.05) rotate3d(0, 0, 1, -3deg);}
100% {transform: scale3d(1, 1, 1);}
}

/*шИНЫ В ПОДАРОК*/
.tire-present {
background-color: #45984b;
display: inline-block;
padding: 10px;
margin: 10px 0 15px;
color: #ffffff;
font-family: 'MMC-Medium';
width: 100%;
text-align: center;
position: relative;}

.tire-present.down-form:after {
  content: '';
    position: absolute;
    width: 0;
    height: 0;
    border: 10px solid;
    top: 100%;
    left: 50%;
    margin-left: -10px;
    z-index: 2;
    border-color: #45984b transparent transparent;
}
.tire-present.right-form:after {
  content: '';
    position: absolute;
    width: 0;
    height: 0;
    border: 10px solid;
    top: 50%;
    left: 100%;
    margin-top: -10px;
    z-index: 2;
    border-color: transparent transparent transparent #45984b;
}

#tireModal .modal-content .form-cont p {
    margin-bottom: 10px;
    margin-left: 40px;
    margin-right: 40px;
}

.tires {font-family: 'MMC-Medium'; font-size: 130%; color: #002c5f;}
.tires-text {text-align: left; display: flex; background: #45984b; color: #ffffff;}
.tires-text.row {margin: 0 0 15px;}
.tires-text-img {margin: auto;}
.tires-text-block {margin: auto; padding-left: 0;}


@media screen and (max-width: 1601px) {
  .tires-text {display: block; padding-left: 15px; padding-right: 15px;}
   
}
@media screen and (max-width: 960px) {
  .tires-text {text-align: center;}
  .tires-text-img img {display: inline; height: 150px;}

    
}
}


/*Slidebar*/

.top-btn {width: 100%; position: fixed; top:0; left: 0;}
.sb-slidebar .nav > li {
  display: block;
  float: none;
  width: 100%;
}
.sb-slidebar .navbar-nav {float: none; width: 100%; margin: 0;}
.menu-divider {background: #e7e7e7; color: #999; ; font-family: "Helvetica-5-Normal-it", Helvetica, Arial, sans-serif; font-size: 0.900em; padding-left: 15px; }
.sb-menu-logo {background: url(img/logo-menu.png) no-repeat center center; margin: 5px auto; height: 45px;}
.close-menu {width: 100%; display: flex; justify-content: flex-end;}
#hamburger {
   display: block;
   width: 50px;
   padding: 10px 10px;
   overflow: hidden;
}
#hamburger span {
   background: #102f41;
   display: block;
   height: 3px;
   margin: 5px 0;
   position: relative;
   top: 0;
   left: 0;
   opacity: 1;
   transition: none 0.5s ease;
   transition-property: transform, top, left, opacity;
     -moz-transform:    rotate(0deg);
     -o-transform:      rotate(0deg);
     -webkit-transform: rotate(0deg);
     transform:         rotate(0deg);
        /* для IE8+ - условие необходимо писать в одну строку */ 
   -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1, M12=0, M21=0, M22=1, SizingMethod='auto expand')";
   
   /* IE6 and 7 */ 
   filter: progid:DXImageTransform.Microsoft.Matrix(
            M11=1,
            M12=0,
            M21=0,
            M22=1,
            SizingMethod='auto expand');
}



html, body, #sb-site, .sb-site-container, .sb-slidebar {
  /* Set box model to prevent any user added margins or paddings from altering the widths or heights. */
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

html, body {
  width: 100%;
  overflow-x: hidden; /* Stops horizontal scrolling. */
}

html {
  height: 100%; /* Site is as tall as device. */
}

body {
  min-height: 100%;
  height: auto;
  position: relative; /* Required for static Slidebars to function properly. */
}

/* Site scroll locking - prevent site from scrolling when a Slidebar is open, except when static Slidebars are only available. */
html.sb-scroll-lock.sb-active:not(.sb-static) {
  overflow: hidden;
}

/* ----------
 * 002 - Site
 */

#sb-site, .sb-site-container {
  /* You may now use class .sb-site-container instead of #sb-site and use your own id. However please make sure you don't set any of the following styles any differently on your id. */
  width: 100%;
  min-height: 100vh;
  position: relative;
  z-index: 1; /* Site sits above Slidebars */
  background-color: #ffffff; /* Default background colour, overwrite this with your own css. I suggest moving your html or body background styling here. Making this transparent will allow the Slidebars beneath to be visible. */
  padding-top: 100px;
}
@media (max-width: 768px) {
  #sb-site, .sb-site-container {padding-top: 80px;}
}

/* Micro clearfix by Nicolas Gallagher, ensures the site container hits the top and bottom of the screen. */
#sb-site:before, #sb-site:after, .sb-site-container:before, .sb-site-container:after {
  content: ' ';
  display: table;
}

#sb-site:before, #sb-site:after, .sb-site-container:before, .sb-site-container:after {
    clear: both;
}

/* ---------------
 * 003 - Slidebars
 */

.sb-slidebar {
  height: 100%;
  overflow-y: auto; /* Enable vertical scrolling on Slidebars when needed. */
  position: fixed !important; 
  top: 0 !important;
  z-index: 0; /* Slidebars sit behind sb-site. */
  display: none; /* Initially hide the Slidebars. Changed from visibility to display to allow -webkit-overflow-scrolling. */
  background-color: #fff; /* Default Slidebars background colour, overwrite this with your own css. */
  -webkit-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.64);
-moz-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.64);
box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.64);
padding: 10px 20px 10px 40px;
}

.sb-slidebar, .sb-slidebar * {
  -webkit-transform: translateZ( 0px ); /* Fixes issues with translated and z-indexed elements on iOS 7. */
}

.sb-left {
  left: 0; /* Set Slidebar to the left. */
}

.sb-right {
  right: 0; /* Set Slidebar to the right. */
}

html.sb-static .sb-slidebar,
.sb-slidebar.sb-static {
  position: absolute; /* Makes Slidebars scroll naturally with the site, and unfixes them for Android Browser < 3 and iOS < 5. */
}

.sb-slidebar.sb-active {
  display: block; /* Makes Slidebars visibile when open. Changed from visibility to display to allow -webkit-overflow-scrolling. */
}

.sb-style-overlay {
  z-index: 9999; /* Set z-index high to ensure it overlays any other site elements. */
}

.sb-momentum-scrolling {
  -webkit-overflow-scrolling: touch; /* Adds native momentum scrolling for iOS & Android devices. */
}

/* Slidebar widths for browsers/devices that don't support media queries. */
  .sb-slidebar {
    width: 30%;
  }
  
  .sb-width-thin {
    width: 15%;
  }
  
  .sb-width-wide {
    width: 45%;
  }

@media (max-width: 480px) { /* Slidebar widths on extra small screens. */
  .sb-slidebar {
    width: 300px;
  }
  
  .sb-width-thin {
    width: 55%;
  }
  
  .sb-width-wide {
    width: 85%;
  }
}

@media (min-width: 481px) { /* Slidebar widths on small screens. */
  .sb-slidebar {
    width: 300px;
  }
  
  .sb-width-thin {
    width: 40%;
  }
  
  .sb-width-wide {
    width: 70%;
  }
}

@media (min-width: 768px) { /* Slidebar widths on medium screens. */
  .sb-slidebar {
    width: 270px;
  }
  
  .sb-width-thin {
    width: 25%;
  }
  
  .sb-width-wide {
    width: 55%;
  }
}

@media (min-width: 992px) { /* Slidebar widths on large screens. */
  .sb-slidebar {
    width: 30%;
  }
  
  .sb-width-thin {
    width: 15%;
  }
  
  .sb-width-wide {
    width: 45%;
  }
}

@media (min-width: 1200px) { /* Slidebar widths on extra large screens. */
  .sb-slidebar {
    width: 20%;
  }
  
  .sb-width-thin {
    width: 5%;
  }
  
  .sb-width-wide {
    width: 35%;
  }
}

/* ---------------
 * 004 - Animation
 */

.sb-slide, #sb-site, .sb-site-container, .sb-slidebar {
  -webkit-transform: translate( 0px );
     -moz-transform: translate( 0px );
       -o-transform: translate( 0px );
          transform: translate( 0px );
  
  -webkit-transition: -webkit-transform 400ms ease;
     -moz-transition:    -moz-transform 400ms ease;
       -o-transition:      -o-transform 400ms ease;
          transition:         transform 400ms ease;
  
  -webkit-transition-property: -webkit-transform, left, right; /* Add left/right for Android < 4.4. */
  -webkit-backface-visibility: hidden; /* Prevents flickering. This is non essential, and you may remove it if your having problems with fixed background images in Chrome. */
}

/* --------------------
 * 005 - Helper Classes
 */
 
.sb-hide { 
  display: none; /* Optionally applied to control classes when Slidebars is disabled over a certain width. */
}

/*INSTOCK NEW*/

.good-offers h2 {margin: 54px auto 41px;
    text-align: center;}

.bem-key-features{
  color: #002c5f;
  text-decoration: underline;
  font-size: 18px;
  cursor: pointer;
  margin: 10px 0 20px;
}

.good-offers .items .item .btn-more-info.red-btn {
  background: #c30c2a;
  border: 1px solid #c30c2a;
}
.good-offers .items .item .btn-more-info.red-btn:hover {
  background: #103a71;
  border: 1px solid #103a71;
}

.good-offers .items .item .btn-more-info.white-btn {
  background: transparent;
  color: #002c5f;
  border: 1px solid #002c5f;

}
.good-offers .items .item .btn-more-info.white-btn:hover {
  background: #103a71;
  color: #ffffff;
  border: 1px solid #103a71;
}

.bem-filter {
    margin-bottom: 0;
}

.main-screen-instock {
  background: url(../img/instock/1920.jpg) center center no-repeat; min-height: 506px; padding-top: 80px;
}
.main-screen-instock .main-screen-white {background: transparent; padding: 0; text-align: left; margin-left: 0; width: 40%;}
.main-screen-instock .white-text-heading {
  font-size: 40px;
    font-family: 'MMC-Medium';
    margin-bottom: 10px;
}
.main-screen-instock .white-text-heading + p {font-size: 28px; margin-bottom: 21px;}

@media screen and (max-width: 1601px) {
.main-screen-instock {
    background: url(../img/instock/1440.jpg) center center no-repeat;
}
.main-screen-instock .main-screen-white {width: 100%;}
.main-screen-instock .white-text-heading {font-size: 40px;}
}
@media screen and (max-width: 1170px) {
.main-screen-instock {
    background: url(../img/instock/1440.jpg) left center no-repeat; height: 460px;
}
.main-screen-instock .main-screen-white {width: 100%; }
.main-screen-instock .white-text-heading {font-size: 40px;}
}
@media screen and (max-width: 960px) {
.main-screen-instock {
    background: url(../img/instock/960.jpg) center center no-repeat;  background-size: cover;
}
.main-screen-instock .main-screen-white {text-align: center;  width: 100%;}
.main-screen-instock .white-text-heading {font-size: 36px;}
}
@media screen and (max-width: 640px) {
.main-screen-instock {
    background: url(../img/instock/768.jpg) center center no-repeat;}
.main-screen-instock .white-text-heading {font-size: 24px;}
.main-screen-instock .white-text-heading + p {font-size: 20px;}
}

@media screen and (max-width: 320px) {
.main-screen-instock {
    background: url(../img/instock/320.jpg) center center no-repeat;
}

}


/*INSTОCK*/
.car-img {position: relative;}
.car-img .slick-arrow {
    width: 16px;
    height: 32px;
    margin-top: -16px;
    top: 50%;
}
.car-img .slick-prev, .car-img .slick-prev:hover, .car-img .slick-prev:focus {
    left: 0px;
}
.car-img .slick-next, .car-img .slick-next:hover, .car-img .slick-next:focus {
    right: 0px;
}

.car-img .slick-next:after {
    display: inline-block;
    font-size: 12px;
    vertical-align: middle;
    content: "";
    font-family: nissan_icons!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    top: 50%;
    right: 2px;
    margin-top: -0.4rem;
}

.car-img .slick-prev:after {
    display: inline-block;
    font-size: 12px;
    vertical-align: middle;
    content: "";
    font-family: nissan_icons!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    top: 50%;
    right: 2px;
    margin-top: -0.4rem;
}

.bem-imgcountwrap{
    position: absolute;
    top: 0px;
    cursor: pointer;
    width: 100%;
    height: 100%;
    background-color: transparent;
}

.bem-imgcountwrap:after{
    content: '';
    position: absolute;
    top: 0px;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: url(../img/svg/zoom.svg);
    background-position: center;
    background-size: 30px;
    background-repeat: no-repeat;
    opacity: 0;
}

.bem-imgcountwrap:hover{
    background-color: rgba(0, 0, 0, 0.7);
}
.bem-imgcountwrap:hover:after{
    opacity: 1;
}

.bem-imgcount{
    position: absolute;
    right: 0px;
    bottom: 0px;
    width: 63px;
    height: 42px;
    color: #fff;
    background: #303030 url('../img/svg/photo-camera.svg') 12px center/22px 22px no-repeat;
    font-size: 14px;
    text-align: right;
}

.bem-imgdigit{
    font-size: 14px;
    line-height: 42px;
    height: 100%;
    display: inline-block;
    width: 30px;
    text-align: center;
}

/* Key Features*/

.bem-key-features--hidden{
    display: none;
}

.bem-keyFeatures__table{
    display: table;
    width: 100%;
    font-size: 16px;
    padding: 0 20px;
    margin-top: 35px;
}

.bem-keyFeatures__row{
    display: table-row;
}

.bem-keyFeatures__row:hover{
    background-color: #f0f0f0;
}

.bem-keyFeatures__row:last-child > .bem-keyFeatures__cell{
    border-bottom-width: 0px;
}

.bem-keyFeatures__cell{
    display: table-cell;
    border-bottom: 1px dashed #dcdcdc;
    padding: 5px 10px;
    vertical-align: middle;
}

.bem-keyFeatures__cell:first-child{
    border-right: 1px dashed #dcdcdc;
}


.car .btn-more-info {
    background: #303030;
    color: #ffffff;
    font-weight: normal;
    text-transform: uppercase;
    text-align: left;
    min-height: 44px;
    line-height: 44px;
    display: inline-block;
    cursor: pointer;
    border: none;
    padding: 0 40px 0 20px;
    font-weight: 500;
    position: relative;
    width: 100%;
    margin-bottom: 9px;
    -webkit-transition: background 0.15s ease-out 0s, color 0.15s ease-out 0s, border 0.15s ease-out 0s, opacity 0.15s ease-out 0s;
    -o-transition: background 0.15s ease-out 0s, color 0.15s ease-out 0s, border 0.15s ease-out 0s, opacity 0.15s ease-out 0s;
    transition: background 0.15s ease-out 0s, color 0.15s ease-out 0s, border 0.15s ease-out 0s, opacity 0.15s ease-out 0s;
}
.car .btn-more-info:hover {background: #c9302c;
    color: #ffffff;
    text-decoration: none;
    outline: none;}

.car .btn-more-info:after {
    display: inline-block;
    font-size: 12px;
    vertical-align: middle;
    content: "";
    font-family: nissan_icons!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    top: 50%;
    right: 20px;
    margin-top: -0.4rem;
}
.noneclickable {opacity: 0; cursor: default;}

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

@media screen and (max-width: 960px) {
  .car .btn-more-info {line-height: 1.1; padding-top: 5px;}  
}

@media screen and (max-width: 640px) {
    .car .btn-more-info {line-height: 44px; padding-top: 0px;}  
    
}

/* Key Features*/
#model-ryad {padding-bottom: 0;}
.filter .btn {min-width: unset; width: 100%;}
.filter .btn-block {padding: 0;}
.filter .row {
    align-items: flex-end;
    justify-content: space-between;
    margin: 0;
}
.filter .models {padding: 0;}
.filter-item {padding-left: 0;}
.filter-title {font-size: 20px; font-weight: 600; margin-bottom: 30px;}
.filter-head {font-size: 14px; font-family: 'MMC-Medium'; margin-bottom: 10px;}
.filter .button {float: right; width: 16.66666667%; line-height: 50px;}
.under-filter {align-items: center; flex-flow: row; justify-content: space-between;}
.car-line {background-color: #f5f5f5; padding: 50px 0;}
.car-line .row {margin: 0;}
.view-select {height: 60px; float: right;}
.view-select svg {width: 14px; height: 14px; display: inline-block; fill: #a5a5a6; cursor: pointer;}
.view-block, .view-line {line-height: 68px; display: inline-block;}
.view-block {margin-right: 27px;}
.view-line {margin-right: 40px;}
.view-block.active svg, .view-line.active svg {fill: #303030;}

.car-line .car {background: #ffffff; border: 1px solid #f5f5f5; border-top: none; border-left: none; padding: 36px 40px 30px; margin: 0;}
.car-line .car:last-child {border-right: none;}
.car-title {font-size: 18px; margin-bottom: 20px; text-transform: uppercase; font-family: 'MMC-Medium';}
.car-title.list {display: none;}
.car-img {margin-bottom: 21px; background-color: #f5f5f5;}
.car-img img {position: relative; z-index: 1;}
.car-img .old-link:first-of-type {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 3;
}
.car-img .old-link:first-of-type:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    background-color: rgba(0,0,0,0.6);
    opacity: 0;
    -webkit-transition: all 0.2s ease-out 0s;
    -moz-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
}
.car-img .old-link:first-of-type:after {
    content: '\f002';
    font-weight: 900;
    font-family: "Font Awesome 5 Pro";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    font-size: 40px;
    margin-top: -20px;
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    text-align: center;
    color: #fff;
    -webkit-transition: all 0.2s ease-out 0s;
    -moz-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
    opacity: 0;
    z-index: 2;
}
.car-img .old-link:first-of-type:hover:before, .car-img .old-link:first-of-type:hover:after {opacity: 1;}

.btns .btn {min-width: unset; width: 100%;}
.btns .btn:first-of-type {margin-bottom: 15px;}

.old .car-img {padding-top: 0px!important;}
.car-price {font-size: 24px;  font-weight: bolder; margin-bottom: 2px;}
.benefit-link {font-size: 16px; display: inline-block; margin-bottom: 18px; text-decoration:underline; letter-spacing: 0.2px;}
.benefit-link:hover, .benefit-link:focus {color: #c9302c;}
.bem-key-features {font-size: 16px; color:#818181; display: inline-block; margin-bottom: 32px; text-decoration:underline; letter-spacing: 0.2px;}
.bem-key-features:hover, .bem-key-features:focus {color: #444;}
#keyFeatures .modal-content {padding: 40px 20px;}
.car .button {width: 100%; margin-bottom: 9px; line-height: 50px;}
.car .button.transparent {width: 100%; margin-bottom: 0; background: #ffffff; border: 2px solid #2088cb; color: #2088cb; line-height: 46px; text-transform: uppercase; font-size: 13px; font-family: 'MMC-Medium';}
.car .button.transparent:hover {background: #2088cb; color: #ffffff;}
.cars-view.list .car {flex: 0 0 100%; max-width: 100%; float: none; padding: 10px 30px 10px 10px; margin: 0; display: flex;}
.cars-view.list .car-img {float: left; width: 236px; margin: 0 70px 0 0;}
.old .cars-view.list .car-img {padding-top: 0px;}
.cars-view.list .list-block {width: 16.66666666666667%; float: left;}
.old .cars-view.list .list-block {width: 50%; float: left;}
.cars-view.list .car-title {display: none;}
.cars-view.list .car-title.list {display: block; margin-bottom: 10px;}
.cars-view.list .bem-key-features {float: left; width: 33.333333333%; margin-bottom: 0; padding: 0 0 0 81px;}
.cars-view.list .list-block.btns {width: 26%; padding: 25px 0 0 0; float: right;}
.cars-view.list .button {display: block;}

.pagination-instock {font-size: 14px; line-height: 39px; padding: 21px 0 19px; width: 100%;}
.pagination-instock li {display: inline-block; width: 40px; cursor: pointer; font-family: 'MMC-Medium';}
.pagination-instock li:hover {color: #ffffff; background: #303030;}
.pagination-instock li.active {color: #ffffff; background: #303030;}
.pagination-instock li a{color: #000; display: inline-block; height: 100%; width: 100%; background: transparent;}
.pagination-instock li:hover a, .pagination-instock li.active a{color: #fff;}
.pagination-instock a {color: #848484;}
.pagination-instock a > svg {fill: #848484; width: 9px; height: 16px; position: relative; top: 3px;}
.pagination-instock a.left > svg {margin-right: 20px;}
.pagination-instock a.right > svg {margin-left: 15px;}
.pagination-instock a:hover {color: #353535;}
.pagination-instock a:hover svg {fill: #353535;}

.bem-count {margin-bottom: 20px; font-family: 'MMC-Medium'; font-size: 18px;}


.old-auto .cart-read-more-btn {min-height: 48px; margin-right: 20px; margin-bottom: 20px;}
.old-auto .car-ul span {
    color: #333;
    font-family: 'MMC-Medium';
}
.old-auto .section-about {padding-bottom: 50px;}
.old-auto .trade-in {
    color: #333;
    background: url(../img/td-bg1.jpg) center no-repeat;
    background-size: cover;
}
.old-auto .trade-in .trade-in-icon {display: flex;}
.old-auto .trade-in .trade-in-icon img {margin: auto;}
.old-auto .trade-in .text-field input, .old-auto .trade-in .text-field select {background: #303030;}

.old-auto  .trade-in .button.get-price {
    width: 100%;
    color: #ffffff;
    font-family: 'MMC-Medium';
    text-transform: uppercase;
    line-height: 46px;
    background: transparent;
    border: 2px solid #303030;
    color: #363636;
}
.old-auto  .trade-in .button.get-price:hover {
    background: #303030;
    color: #ffffff;
}
.old-auto  .testdrive {
    background: url(../img/tradein/td-old.jpg) right top no-repeat;
    background-size: cover;
    color: #fff;
}
.old-auto .td-car {background: none;}

@media screen and (max-width: 960px) {
	.old-auto .td-cta-block {padding-bottom: 50px;}
}
@media screen and (max-width: 640px) {
.old-auto .trade-in .trade-in-icon {max-height: 200px; margin-top: 30px;}
.old-auto .trade-in .trade-in-icon img {margin: auto; max-height: 200px;}
.old-auto .trade-in {
    color: #333;
    background: url(../img/tradein/td-bg1-640.jpg) center no-repeat;
    background-size: cover;
}
}
/* drop-downs */
.drop-down {
    display: inline-block;
    position: relative;
    color: #848484;
    font-size: 15px;
    -ms-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    cursor: pointer;
    line-height: 1.8;
    width: 100%;
}
.drop-down-active-item {
    padding: 12px 20px;
    position: relative;
    border: 1px solid #c9c9c9;
    border-bottom: none;
    height: 50px;
    z-index: 10;
    cursor: pointer;
    pointer-events: none;
    -ms-transition:     border-color .3s ease-out 0s;
    -moz-transition:    border-color .3s ease-out 0s;
    -webkit-transition: border-color .3s ease-out 0s;
    transition:         border-color .3s ease-out 0s;
}
.drop-down-active-item::after {
    position: absolute;
    content: '';
    left: -1px;
    right: -1px;
    background: #c9c9c9;
    height: 1px;
    bottom: -1px;
    pointer-events: none;
    -ms-transition:     left .3s ease-out 0s, right .3s ease-out 0s, background .3s ease-out 0s;
    -moz-transition:    left .3s ease-out 0s, right .3s ease-out 0s, background .3s ease-out 0s;
    -webkit-transition: left .3s ease-out 0s, right .3s ease-out 0s, background .3s ease-out 0s;
    transition:         left .3s ease-out 0s, right .3s ease-out 0s, background .3s ease-out 0s;
}
.drop-down-active-item::before {
    position: absolute;
    content: '';
    right: 18px;
    top: 20px;
    background: #c9c9c9;
    height: 13px;
    width: 13px;
    pointer-events: none;
    background: url('/media/img/question-sprite.png') no-repeat -136px 0;
    -ms-transition:     -ms-transform       .3s ease-out 0s;
    -moz-transition:    -moz-transform      .3s ease-out 0s;
    -webkit-transition: -webkit-transform   .3s ease-out 0s;
    transition:         transform           .3s ease-out 0s;
}
.drop-down-list {
    background: #fff;
    position: absolute;
    left: 0;
    width: 100%;
    height: 0;
    overflow: hidden;
/*  pointer-events: none; */
    -ms-transition:     height .3s ease-out 0s, border-color .3s ease-out 0s;
    -moz-transition:    height .3s ease-out 0s, border-color .3s ease-out 0s;
    -webkit-transition: height .3s ease-out 0s, border-color .3s ease-out 0s;
    transition:         height .3s ease-out 0s, border-color .3s ease-out 0s;
    z-index: 5;
    border: 1px solid #c9c9c9;
    border-top: none;
}
.drop-down-items {
    height: 100%;
    list-style: none;
    margin: 0;
    overflow: scroll;
    padding: 8px 0 0;
}
.drop-down-item {
    padding: 8px 20px;
    position: relative;
    cursor: pointer;
    overflow: hidden;
    -ms-transition:     color .05s ease-out 0s;
    -moz-transition:    color .05s ease-out 0s;
    -webkit-transition: color .05s ease-out 0s;
    transition:         color .05s ease-out 0s;
}
.drop-down-item:hover {
    color: #303030;
}
.drop-down-item.selected {
    display: none;
}
.drop-down-item.disabled {
    pointer-events: none;
}
/* states */
.drop-down.active {
    outline: none;
    cursor: default;
    z-index: 1;
}
.drop-down[data-dropped=true] {
    z-index: 50;
}
.drop-down.active {
    z-index: 60;
}
.drop-down.active .drop-down-active-item {
    pointer-events: auto;
}
.drop-down.active .drop-down-active-item::after {
    left: 20px;
    right: 20px;
}
/*.drop-down.active .drop-down-active-item::before {
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -ms-transform-origin: 50% 40% 0;
    -moz-transform-origin: 50% 40% 0;
    -webkit-transform-origin: 50% 40%;
    -webkit-transform-origin: 50% 40% 0;
    transform-origin: 50% 40% 0;
}*/
.drop-down.active .drop-down-list {
    height: 253px;
    pointer-events: auto;
}
.drop-down.has-error .drop-down-active-item,
.drop-down.has-error .drop-down-list {
    border-color: #ff5668;
}
.drop-down.has-error.active .drop-down-active-item,
.drop-down.has-error.active .drop-down-list {
    border-color: #ffb668;
}
.drop-down.has-error .drop-down-active-item::after {
    background: #ff5668;
}
.drop-down.has-error.active .drop-down-active-item::after {
    background: #ffb668;
}
.drop-down.active .drop-down-active-item::before {
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -ms-transform-origin: 50% 30% 0;
    -moz-transform-origin: 50% 30% 0;
    -webkit-transform-origin: 50% 30%;
    -webkit-transform-origin: 50% 30% 0;
    transform-origin: 50% 30% 0;
}
.drop-down .drop-down-active-item::before {
    content: "\f078";
    font-size: 12px;
    position: absolute;
    top: 50%;
    right: 12px;
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    -webkit-transition: all .3s;
    transition: all .3s;
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    color: #ED0000;
    speak: none;
    text-transform: none;
    text-decoration: none!important;
}

.nano{position:relative;width:100%;height:233px;overflow:hidden}.nano>.nano-content{position:absolute;overflow:scroll;overflow-x:hidden;top:0;right:0;bottom:0;left:0;margin-top:15px}.nano>.nano-content:focus{outline:thin dotted}.nano>.nano-content::-webkit-scrollbar{display:none}.has-scrollbar>.nano-content::-webkit-scrollbar{display:block}.nano>.nano-pane{background:#1a85ca;position:absolute;bottom:0;visibility:hidden\9;opacity:.01;-webkit-transition:.2s;-o-transition:.2s;transition:.2s;right:26px;top:15px;width:1px;z-index:50}.nano>.nano-pane>.nano-slider{background:#1a85ca none repeat scroll 0 0;border-radius:2px;margin:0 -3px;position:relative;width:7px}.nano:hover>.nano-pane,.nano-pane.active,.nano-pane.flashed{visibility:visible\9;opacity:0.99}.nano>.nano-content:focus{outline:none}.custom-nano-pane{background:#303030;border-radius:5px;opacity:0.01;bottom:10px;position:absolute;right:9px;top:8px;-webkit-transition:all 0.2s linear 0s;-o-transition:all 0.2s linear 0s;transition:all 0.2s linear 0s;width:1px}.custom-nano-slider{background:#303030;border-radius:2px;margin:0 -3px;position:relative;width:7px}.drop-down .drop-down-list .drop-down-items{padding-right:15px;margin-right:-15px;overflow-x:hidden}.dealer__location-dropdown{position:absolute;height:45px;width:270px;border:1px solid #cfcfcf;color:#404040;font-size:14px;overflow:hidden;right:105px;top:117px;z-index:100;background:#fff;cursor:pointer}.dropdown-list{padding:0 20px;margin:0px !important}.dropdown-first{padding:0 20px;position:relative;z-index:110}.dropdown-item{color:#303030;cursor:pointer;display:block;font-family:"HyundaiSans";font-size:15px;line-height:18px;padding:6px 0 12px;width:100%}.dropdown-item.active{color:#1a85ca}.dropdown-item.first{background-color:#fff;background-image:url("/media/img/dropdown-icon.png");background-position:218px -7px;background-repeat:no-repeat;border-bottom:1px solid #fff;cursor:pointer;margin:7px 0 0;padding-left:25px;width:205px;z-index:120;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.dropdown-item.first-active{background-position:218px -52px;border-bottom:1px solid #ebebeb;color:#ababab;padding-bottom:14px;padding-left:0;width:230px}.dropdown-item.first::before{background:transparent url("/media/img/map-icon.png") no-repeat scroll center center;content:"";display:inline-block;height:18px;left:14px;position:absolute;width:25px}.dropdown-item.divider{color:#ebebeb;cursor:default;font-weight:bolder}.dropdown-item.divider:hover{color:#ebebeb}.dropdown-item.first-active:before{display:none}.dropdown-item.first:hover{color:#ababab}.dropdown-item:hover{color:#1a85ca}

@media screen and (max-width: 1601px) {
.car .button {padding: 0 13px;}
.car-title {font-size: 17px;}
 .main-header__holder {width: 100%;padding-right: 1.6%;}
 .navbar-primary__sp {padding: 0 10px;}
 .navbar-primary__nv-list-link {padding: 0 1.2em; letter-spacing: 0.3px;}
 .textblock {font-size: 16px; padding-left: 8px;}

 .main-nav__link {
    padding: 0 5px 0 5px;
    font-size: 14px;}
 .main-nav__item--has-submenu .main-nav__link {
    padding: 0 15px 0 5px;}
.main-nav__item .ic-svg {margin-left: 2px;}
.main-nav__item.main-nav__item--go-leave .ic-svg {margin-left: 2px;}
.submenu {min-width: 90%;}
.service-submenu {padding:35px; }
.wrapper-instock {padding-top: 76px; background: url(../img/instock-new-1440.jpg) center center; height: 546px;}
.old .wrapper-instock {background: url(../img/instock-old-1440.jpg) center center;}
.wrapper-instock .content-title {font-size: 48px; margin-bottom: 24px;}
.wrapper-instock p {font-size: 16px; margin-bottom: 24px;}
.filter-head {margin-right: 18px;}
.view-line {margin-right: 20px;}
.cars-view .car {padding: 20px;}
.cars-view .car .button.transparent {font-size: 12px;}
.cars-view.list .car-img {width: 194px; margin: 0 20px 0 0;}
.cars-view.list .list-block {width: 25%;}
.cars-view.list .car-title.list {font-size: 18px; margin-bottom: 13px;}
.cars-view.list .car-price {margin-bottom: 3px;}
.cars-view.list .benefit-link {font-size: 14px; margin-bottom: 0;}
.cars-view.list .bem-key-features {font-size: 14px; padding: 0 0 0 26px;}
.cars-view.list .list-block.btns {width: 235px; padding: 13px 0 0 0;}



}


@media screen and (max-width: 1170px) {
 .header-primary {text-align: right; background: #ffffff;}
 .navbar-primary {background: #ffffff; width: 75%; display: inline-block;}
 .main-header__logo {position: absolute; top: -80px; left: 3px;}
 .main-header__holder {width: 768px;}
 .navbar-primary__nv-list-link {padding: 0 15px; }
 .main-nav__list {margin-right: 0;}
 .main-nav__link { padding: 0 10px 0 5px; font-size: 13px; line-height: 3.9;}
 .main-nav__item--has-submenu .main-nav__link {
    padding: 0 12px 0 5px;}
.main-nav__item .ic-svg {margin-left: 2px;}
.main-nav__item.main-nav__item--go-leave .ic-svg {margin-left: 2px;}
 .submenu {min-width: 90%;}
.service-submenu {padding:35px; }
.wrapper-instock {padding-top: 80px; background: url(../img/instock-new-960.jpg) left center; height: 492px;}
.old .wrapper-instock {background: url(../img/instock-old-960.jpg) center center;}
.wrapper-instock .content-title {font-size: 48px; margin-bottom: 24px;}
.wrapper-instock p {font-size: 16px; margin-bottom: 24px;}
.filter {padding: 42px 0 60px;}
.old .filter-item {width: 25%;}
.filter .button {width: 25%; position: relative; top: 20px;}
.car-line {padding-bottom: 50px;}
.view-select {height: 50px;}
.view-block, .view-line {line-height: 56px;}
.view-line {margin-right: 20px;}
.cars-view .car {padding: 24px 20px 30px;}
.cars-view .car-price {font-size: 20px; margin-bottom: 5px;}
.bem-key-features {margin-bottom: 23px;}
.cars-view .car .button {font-size: 14px; padding: 0 5px;}
.cars-view .car .button.transparent {font-size: 11px;}
.car-line .right {text-align: right; padding-right: 20px;}
.car-line .left {text-align: left; padding-left: 20px;}
.cars-view.list .car {padding: 10px;}
.cars-view.list .car-img {width: 166px; margin: 0 20px 0 0;}
.cars-view.list .list-block {width: 25%;}
.cars-view.list .car-title.list {font-size: 16px; margin-bottom: 4px;}
.cars-view.list .car-price {font-size: 20px; margin-bottom: -6px;}
.cars-view.list .benefit-link {font-size: 14px; margin-bottom: 0;}
.cars-view.list .bem-key-features {font-size: 14px; padding: 0 0 0 11px;}
.cars-view.list .list-block.btns {width: 233px; padding: 3px 0 0 0;}



}


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

.navbar-primary, .main-nav__list, .sb-slidebar .navbar-primary__sp-title, .sb-slidebar .mob-menu, .sb-slidebar .main-header__logo {display: none;}
.sb-slidebar .navbar-primary, .sb-slidebar .main-nav__list {display: block;}
.sb-slidebar .submenu {min-width: 100%; left: 0; right: 0;}
.main-header__holder {width: 100%; height: 50px; text-align: center; line-height: 50px;}
.main-header__logo {float: none;}
.logoblock img {height: 36px;}
.textblock {font-size: 14px;}
.mob-menu {display: block!important; height: 50px; width: 50px; background: #002c5f; position: absolute; top: 0; left: 0;}
.sb-slidebar .mob-menu {display: none!important;}
.wrapper-instock {padding-top: 80px; background: url(../img/instock-new-768.jpg) center center; height: 492px; text-align: center;}
.old  .wrapper-instock{background: url(../img/instock-old-768.jpg) center center;}
.wrapper-instock .content-title {font-size: 24px; margin-bottom: 27px; line-height: 1.25;}
.old .wrapper-instock .content-title {font-size: 23px;}
.wrapper-instock p {font-size: 14px; line-height: 1.714285714285714; margin-bottom: 33px;}
.filter {padding: 14px 0 21px;}
.filter .row {justify-content: center;}
.filter .btn-block {
    padding-right: 15px; margin-top: 15px;
}
.filter-title {font-size: 16px; line-height: 1.5; text-align: center; margin-bottom: -7px;}
.drop-down {width: 100%;}
.drop-down.year {width: 100%;}
.filter .button {width: 100%; margin-top: 19px;}
.car-line {padding-bottom: 50px;}
.view-select {height: 50px; float: none; text-align: center;}
.view-block, .view-line {line-height: 56px;}
.view-line {margin-right: 0;}
.cars-view .car {padding: 25px; border-right: none;}
.cars-view .old .car-img {padding-top: 0px;}
.cars-view .car-price {font-size: 20px; margin-bottom: 5px;}
.benefit-link {font-size: 14px}   
.bem-key-features {font-size: 14px; margin-bottom: 23px;}
.car .button {font-size: 14px; padding: 0 5px;}
.car .button.transparent {font-size: 11px;}


.cars-view.list .car-img {width: 29%; margin: 0; padding-top: 0;}
.cars-view.list .old .car-img {padding-top: 0px;}
.cars-view.list .list-block {width: 71%; padding: 0 0 0 10px;}
.cars-view.list .car-title.list {font-size: 16px; margin-bottom: -4px; margin-top: -6px;}
.cars-view.list .car-price {font-size: 16px; margin-bottom: -1px;}
.cars-view.list .benefit-link {font-size: 14px; margin-bottom: 0;}
.cars-view.list .bem-key-features {width: 100%; font-size: 14px; padding: 2px 0 4px; text-align: center;}
.cars-view.list .list-block.btns {width: 100%; padding: 0;}

.pagination-instock a.left > svg { margin-right: -12px;}
.pagination-instock a.right > svg {margin-left: -15px;}
}

@media screen and (max-width: 640px) {
    .filter .container {padding: 0 15px;}
    .filter-item {
    width: 100%;
    padding-right: 0;
    margin-bottom: 20px;
}
.old .filter-item {
    width: 100%;
}
.filter .btn-block {
    padding-right: 0;
    margin-top: 0;
}
.filter .btn-block .btn {max-width: unset;}
.under-filter {justify-content: center;}

}


@media screen and (max-width: 320px) {
.wrapper-instock { background: url(../img/instock-new-320.jpg) center center; height: 492px; padding-top: 50px;}
.old .wrapper-instock { background: url(../img/instock-old-320.jpg) center center; height: 492px;}
.content-title br {display: block!important;}
}









/*THANK YOU*/
.form-cont .heading-ok {
  margin-bottom: 16px;
  text-transform: uppercase;
  text-align: center;
  font-size: 18px;
  line-height: 1;
  font-family: 'MMC-Medium';
  margin-top: 34px;
  margin-left: 49px;
  margin-right: 49px;
}
.form-cont .text-ok {
  margin-bottom: 30px;
  text-align: center;
  color: #363636;
  line-height: 21px;
  font-size: 16px;
  margin-left: 80px;
  margin-right: 80px;
}
.form-cont .heading-ok.smo {
  margin-left: 30px;
  margin-right: 30px;
}
.form-cont .text-ok.smo {
    margin-left: 30px;
    margin-right: 30px;
}
.modal-success-vk {
    background: #507299;
    display: block;
    width: 172px;
    color: #fff;
    line-height: 38px;
    margin: 15px auto 0;
}
.modal-success-vk:hover, .modal-success-vk:focus, .modal-success-vk:active {
    background-color: #426a97;
    color: #fff;
    text-decoration: none;
}
#thankyou {padding: 0!important;}
.thx-page {position: relative; display: flex; flex-flow: column; min-height: 100vh;}
.thx { padding: 100px 0; position: relative; text-align: center; flex: 1 0 auto;}
.thx-page footer {flex: 0 0 auto;}



/*PROMO*/
.red-bg {color: #ffffff; background-color:#c30526; padding: 5px 20px; font-family: 'MMC-Medium';}
.sale-banner-service-1 {
    background: url(../img/service/promo/1/service-bg.jpg) left top no-repeat;
    background-size: cover;
}
.sale-banner-service-2 {
    background: url(../img/service/promo/2/service-bg.jpg) center center no-repeat;
    background-size: cover;
}
.sale-banner-service-3 {
    background: url(../img/service/promo/3/service-bg.jpg) center center no-repeat;
    background-size: cover;
}
.sale-banner-service-4 {
    background: url(../img/service/promo/4/service-bg.jpg) center center no-repeat;
    background-size: cover;
}
.sale-banner-service-5 {
    background: url(../img/service/promo/5/service-bg.jpg) center center no-repeat;
    background-size: cover;
}
.sale-banner-service-6 {
    background: url(../img/service/promo/6/service-bg.jpg) center center no-repeat;
    background-size: cover;
}

.promo-banner-1 {
    background: url(../img/promo/road/road-bg.jpg) left center no-repeat;
    background-size: cover;
}

.diag-block {margin: auto;}
.diag-feature {margin-bottom: 10px;}
.diag-feature img, .form-cont .diag-feature img  {
    height: 46px;
    display: inline-block;
    margin-bottom: 10px;
    vertical-align: middle;
}
.diag-feature p, .form-cont .diag-feature p {
    width: calc(100% - 46px);
    padding-left: 15px;
    text-align: left;
    margin: 0; line-height: 1.1;
    display: inline-block;
    vertical-align: middle;
}
.diag-text .heading {margin: 20px 0 20px!important;}
.diag-text .heading:first-of-type {margin-top: 0!important;}
.service-slide.promo {background: url(../img/promo/testdrive/testdrive-bg.jpg) center bottom no-repeat; background-size: cover;}
@media screen and (max-width: 640px) {
.service-slide.promo {background: url(../img/promo/testdrive/testdrive-bg.jpg) left bottom no-repeat; background-size: cover; padding-bottom: 30px;}  
}
.promo .service-slide .row {min-height: calc(100vh - 218px);}


/*FEATURES*/
.services.features-block {background-color: #fdfdfd;}
.features-block .img-block {float: left;}
.features-block .text-block {float: left; padding-left: 30px; width: calc(100% - 70px);}
.features-block .feature-name {font-family: 'MMC-Medium'; font-size: 18px;}
.features-block .img-block img {
    width: 70px;
}


@media screen and (max-width: 960px) {
  .features-block  .feature-name {font-size: 16px;}
  .features-block  .features-text {font-size: 14px;}
}
@media screen and (max-width: 768px) {
.features-block .img-block img {
    width: 60px;
}
.features-block .text-block {padding-left: 20px; width: calc(100% - 60px);}
.services .feature {margin-bottom: 20px;}
}




/*SERVICES PAGES*/
.services-slide-1 {background:url(../img/service/services/1/service-bg.jpg) center center no-repeat; background-size: cover;}
.services-slide-2 {background:url(../img/service/services/2/service-bg.jpg) center center no-repeat; background-size: cover;}
.services-slide-3 {background:url(../img/service/services/3/service-bg.jpg) center center no-repeat; background-size: cover;}
.services-slide-4 {background:url(../img/service/services/4/service-bg.jpg) center center no-repeat; background-size: cover;}
.services-slide-5 {background:url(../img/service/services/5/service-bg.jpg) center right no-repeat; background-size: cover;}
.services-slide-6 {background:url(../img/service/services/6/service-bg.jpg) center center no-repeat; background-size: cover;}
.services-slide-7 {background:url(../img/service/services/7/service-bg.jpg) center center no-repeat; background-size: cover;}
.services-slide-8 {background:url(../img/service/services/8/service-bg.jpg) center center no-repeat; background-size: cover;}
.services-slide-9 {background:url(../img/service/services/9/service-bg.jpg) center center no-repeat; background-size: cover;}
.services-slide-10 {background:url(../img/service/services/10/service-bg.jpg) center center no-repeat; background-size: cover;}
.services-slide-11 {background:url(../img/service/services/11/service-bg.jpg) center center no-repeat; background-size: cover;}
.services-slide-12 {background:url(../img/service/services/12/service-bg.jpg) center center no-repeat; background-size: cover;}
.services-slide-13 {background:url(../img/service/services/13/service-bg.jpg) center center no-repeat; background-size: cover;}
.services-slide-14 {background:url(../img/service/services/14/service-bg.jpg) center center no-repeat; background-size: cover;}
.services-slide-15 {background:url(../img/service/services/15/service-bg.jpg) center center no-repeat; background-size: cover;}
.services-slide-16 {background:url(../img/service/services/16/service-bg.jpg) center center no-repeat; background-size: cover;}
.services-slide-17 {background:url(../img/service/services/17/service-bg.jpg) center center no-repeat; background-size: cover;}
.services-slide-18 {background:url(../img/service/services/18/service-bg.jpg) center center no-repeat; background-size: cover;}
.services-slide-19 {background:url(../img/service/services/19/service-bg.jpg) center center no-repeat; background-size: cover;}
.services-slide-20 {background:url(../img/service/services/20/service-bg.jpg) center center no-repeat; background-size: cover;}
.services-slide-21 {background:url(../img/service/services/21/service-bg.jpg) center center no-repeat; background-size: cover;}
.services-slide-22 {background:url(../img/service/services/22/service-bg.jpg) center center no-repeat; background-size: cover;}
.services-slide-23 {background:url(../img/service/services/23/service-bg.jpg) center center no-repeat; background-size: cover;}
.services-slide-24 {background:url(../img/service/services/24/service-bg.jpg) center center no-repeat; background-size: cover;}
.services-slide-25 {background:url(../img/service/services/25/service-bg.jpg) center center no-repeat; background-size: cover;}
.services-slide-26 {background:url(../img/service/services/26/service-bg.jpg) center center no-repeat; background-size: cover;}
.services-slide-27 {background:url(../img/service/services/27/service-bg.jpg) center center no-repeat; background-size: cover;}
.services-slide-28 {background:url(../img/service/services/28/service-bg.jpg) center center no-repeat; background-size: cover;}
.services-slide-29 {background:url(../img/service/services/29/service-bg.jpg) center center no-repeat; background-size: cover;}
.services-slide-30 {background:url(../img/service/services/30/service-bg.jpg) center center no-repeat; background-size: cover;}
.services-slide-31 {background:url(../img/service/services/31/service-bg.jpg) center center no-repeat; background-size: cover;}
.services-slide-32 {background:url(../img/service/services/32/service-bg.jpg) center center no-repeat; background-size: cover;}
.services-slide-33 {background:url(../img/service/services/33/service-bg.jpg) center center no-repeat; background-size: cover;}
.services-slide-34 {background:url(../img/service/services/34/service-bg.jpg) center center no-repeat; background-size: cover;}

.services-list {padding-top: 45px;}
.services-list a {
 display: block;
    background-color: #eee;
    text-transform: uppercase;
    font-family: 'MMC-Medium';
    text-align: left;
    color: #333333;
    position: relative;
    padding: 13px 40px 13px 20px;
    margin-bottom: 9px;
}
.services-list a:after {
    display: inline-block;
    font-size: 12px;
    vertical-align: middle;
    content: "";
    font-family: nissan_icons!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    top: 50%;
    right: 20px;
    margin-top: -0.4rem;
    color: #303030;
}
.services-list a:hover {
    text-decoration: none;
    background: #ccc;
    color: #303030;
}
.services-list h1 {
    margin: 36px auto 30px;
    padding: 18px 0 11px;
    text-align: left;
    font-family: 'MMC-Medium';
    border-bottom: 1px dashed #c1c1c1;
    position: relative;}

.services-list h1:before {
    border-top: 6px solid #ED0000;
    content: " ";
    left: 0;
    top: 0;
    position: absolute;
    width: 2.5em;
}

@media screen and (max-width: 768px) {
.services-list .container {
    padding: 0 15px;}
}

.social-footer img {height: 50px; margin: 0 5px;}


/*SUPER-SALE*/
.sale-main {
    padding: 77px 0 0px;
}
.sale-main .slide {margin-top: 0; min-height: unset;}
.sale-main .slide .slider-text {padding-left: 15px; padding-right: 15px;}
.sale-main .slide .row {min-height: 505px;}
.slide-sale {background: url(../img/promo/sale/sale-bg.jpg) center center no-repeat;
    background-size: cover;}
.sale-main .slide.dark:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,0.7);
    background-size: cover;
    z-index: 1;
}
.counter-block {position: relative; z-index: 2; display: flex;}
.counter-body { background-color: #303030;
    border-radius: 10px; margin: auto;
    padding: 30px 0px;
     -webkit-box-shadow: 0 -10px 28px rgba(0,0,0,0.25), 0 -5px 10px rgba(0,0,0,0.22);
    -moz-box-shadow: 0 -10px 28px rgba(0,0,0,0.25), 0 -5px 10px rgba(0,0,0,0.22);
    box-shadow: 0 -10px 28px rgba(0,0,0,0.25), 0 -5px 10px rgba(0,0,0,0.22);}

.sale-features h2 {
    margin: 36px auto 30px;
    padding: 18px 0 11px;
    text-align: left;
    font-family: 'MMC-Medium';
    border-bottom: 1px dashed #c1c1c1;
    position: relative;
}
.sale-features h2:before {
    border-top: 6px solid #ED0000;
    content: " ";
    left: 0;
    top: 0;
    position: absolute;
    width: 2.5em;
}
.sale-btn {font-family: 'MMC-Medium';}

.sale-features.features-block .text-block {float: left; padding-left: 30px; width: calc(100% - 70px);
display: flex;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
height: 70px;}
.sale-features.features-block .feature-name {margin-bottom: 0;}

@media screen and (max-width: 768px) {
    .sale-features.features-block .text-block {height: 60px;}

}

@media screen and (max-width: 640px) {
    .sale-features .container {padding-left: 15px; padding-right: 15px;}
}



  #flipcountdownbox, #carcountdownbox{
    margin-top: 0px;
    -webkit-transform: scale(0.8);
       -moz-transform: scale(0.8);
        -ms-transform: scale(0.8);
         -o-transform: scale(0.8);
            transform: scale(0.8);
            /*width: 630px;*/
            margin: 0 auto;
  }
  #carcountdownbox {width: 120px;}
  #second-box p {margin-bottom: 0;}
  .flip-clock-label{
    font-size: 18px;
    font-weight: 700;
    /*color: #fff!important;*/
    top: 100%!important;
  }
.flip-clock-wrapper ul li a div div.inn{
  color: #fff;
}
.countdown_box{
  width: 100%!important;
  text-align: center!important;
}
.countdown_box:first-of-type {padding-bottom: 30px;}
.countdown_box p{
  font-size: 18px;
  color: #fff;
  font-family: 'MMC-Medium';
}
.flip-clock-divider .flip-clock-label {color: #fff!important;}

@media (max-width: 1601px){
.countdown_box:first-of-type {padding-bottom: 30px;}
}


@media (max-width: 1601px){
   #flipcountdownbox{
  /*padding: 10px 10px 10px!important;*/
  }
}


.flip-clock-wrapper ul {
    width: 50px!important;
    height: 75px!important;
    font-size: 67px!important;
    line-height: 75px!important;
}
.flip-clock-wrapper ul li {line-height: 75px!important;}

@media screen and (max-width: 1170px) {
.sale-main .slider-header {font-size: 38px;}
.counter-body {margin: 60px auto auto;}

      #flipcountdownbox, #carcountdownbox{
    -webkit-transform: scale(0.9);
       -moz-transform: scale(0.9);
        -ms-transform: scale(0.9);
         -o-transform: scale(0.9);
            transform: scale(0.9);
  }


    
}
@media screen and (min-width: 961px)  and (max-width: 1170px) {
.flip-clock-wrapper ul {
    width: 30px!important;
    height: 45px!important;
    font-size: 40px!important;
    line-height: 45px!important;
}
.flip-clock-divider .flip-clock-label {right: -76px!important;}
.flip-clock-divider.minutes .flip-clock-label {
    right: -78px!important;
}
.flip-clock-divider.seconds .flip-clock-label {
    right: -81px!important;
}
.flip-clock-wrapper ul li {line-height: 45px!important;}
.flip-clock-wrapper ul li a div div.inn {font-size: 40px!important;}
.flip-clock-divider {height: 70px!important;}
.flip-clock-dot {width: 6px; height: 6px; }
.flip-clock-dot.top {
    top: 15px!important;
}
.flip-clock-dot.bottom {
    bottom: 25px!important;
}
  #carcountdownbox {width: 101px;}
}

@media screen and (max-width: 960px) {
.counter-body {
    margin: 60px auto 40px;
    width: 100%;
}
#flipcountdownbox {width: 540px;}
}

@media screen and (max-width: 640px) {
.sale-main .slider-header {font-size: 24px;}
.sale-main .slide .row {min-height:400px;}
}

#SaleTDModal #probeg {float: right;}

.under-feature {align-items: center; margin-top: 40px;}
.under-feature p {font-size: 20px; font-family: 'MMC-Medium';}

@media screen and (max-width: 960px) {
 .under-feature {text-align: center;}   
}

.in-stock.old .main-screen-slide {position: relative; color: #fff; }
.in-stock.old .main-screen-slide:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: url(../img/light_filtr_s_dark.png) left top no-repeat;
    background-size: cover;
    z-index: 1;
}
.in-stock.old .main-screen-slide .main-screen-white {position: relative; z-index: 2;}

.in-stock.old .main-screen-instock {background: url(../img/instock/1920-o.jpg) center center no-repeat;}

@media screen and (max-width: 1601px) {
    .in-stock.old .main-screen-instock {background: url(../img/instock/1440-o.jpg) center center no-repeat;}
}
@media screen and (max-width: 1170px) {
    .in-stock.old .main-screen-instock {background: url(../img/instock/1170-o.jpg) center center no-repeat;}
}
@media screen and (max-width: 960px) {
    .in-stock.old .main-screen-instock {background: url(../img/instock/960-o.jpg) center center no-repeat;}
}
@media screen and (max-width: 640px) {
    .in-stock.old .main-screen-instock {background: url(../img/instock/640-o.jpg) center center no-repeat;}
}




/*quiz-btn*/
.quiz-btn {color: #fff; display: block; position: relative;z-index: 11; display: flex; flex-flow: row;}
.quiz-btn:hover {text-decoration: none; color: #fff;}
.quiz-btn img {width: 36px; margin-right: 10px;}
.quiz-btn-bg {position: fixed; right: 0; bottom: 150px; background-color: #303030;
      padding: 10px 10px 10px 20px;
      border-radius: 100px 0 0 100px;
      box-shadow: 0 3px 10px 0 rgba(48, 48, 48, 0.4);
      -webkit-animation: rainbow 2s linear 2s infinite;
      -webkit-transition: all 0.5s ease-out;
      -o-transition: all 0.5s ease-out;
      transition: all 0.5s ease-out;
      z-index: 10;}
@-webkit-keyframes rainbow {
0% {background-color: #303030; box-shadow: 0 3px 10px 0 rgba(48, 48, 48, 0.4);}
50% {background-color: #ED0000; box-shadow: 0 3px 10px 0 rgba(195, 0, 47, 0.4);}
100% {background-color: #303030; box-shadow: 0 3px 10px 0 rgba(48, 48, 48, 0.4);} 
}

@media screen and (max-width: 1601px) {
  .quiz-btn-bg {bottom: 100px;}
}

@media screen and (max-width: 768px) {
.quiz-btn span {display: none;}
.quiz-btn img {width: 40px; margin-right: 0px;}
}


/*.logo.radar-logo img {width: auto; height: 40px;}*/


@media screen and (max-width: 960px) {
.logo.right-logo {padding: 10px 0px 0;}
.shadow .logo.right-logo {padding: 0;}
}

@media screen and (max-width: 640px) {
.mob-menu-btn {height: 80px; margin-top: -40px; background-position: 90% center;}
.right-logo-block {height: 80px;}
.logo-block {padding-right: 15px ;display: flex; flex-flow: column; justify-content: center; text-align: center;}
.logo.right-logo {padding: 0px; box-shadow: none; display: flex; align-items: center; justify-content: center;}
.logo.right-logo img {width: 80px;}
.logo.radar-logo a {display: block; padding: 0; margin:0;}
.logo.radar-logo img {width: auto; height: 30px;}
.slider {padding: 80px 0 0px;}
.credit-new, .section-cart-block {padding-top: 80px;}
.section-cart-block .col-md-7 {padding: 0;}
.fotorama__nav-wrap {display: none;}
}


/*contacts*/
.contacts-page .heading {
    margin: 50px 0 20px;
    font-size: 36px;
    font-weight: bold;
    line-height: 1.25;
}
.contacts-page .row {display: flex; margin-bottom: 100px;}
.contacts-page h2 {margin-top: 0; margin-bottom: 25px;
font-size: 36px;
    font-weight: bold;
    line-height: 1.25;}
.contacts-block-col {padding-top: 30px;}
.contacts-row {font-size: 24px; padding-left: 55px; margin-bottom: 30px; line-height: 1.2;}
.contacts-row a {color: #333; text-decoration: none;}
.contacts-row a:hover {color: #ED0000; text-decoration: none;}

#address {background: url(../img/svg/pin.svg) left center; background-repeat: no-repeat; background-size: 26px auto;}
/*#phone {background: url(../img/svg/call.svg) left top; background-repeat: no-repeat; background-size: 30px auto; font-size: 30px;}*/
#mail {background: url(../img/svg/email.svg) left center; background-repeat: no-repeat; background-size: 30px auto;}
#time {background: url(../img/svg/clock.svg) left top; background-repeat: no-repeat; background-size: 30px auto;}
.thx #time {background: none;}
a.phone-modal {display: block; font-family: "Helvetica"; font-size: 16px; text-decoration: underline; letter-spacing:0; -webkit-appearance: none;}
.social-contacts-col {display: flex;}
.social-contacts {margin: auto auto auto 70px;}
.social-contacts-block {margin-bottom: 75px;}
.map .social-contacts-block {margin-bottom: 0; margin-top: 35px;}
.social-btn {display: inline-block; color: #fff; padding: 0 20px; text-decoration: none; width: 200px; text-align: center; line-height: 36px; margin: 0 5px 15px;}
.social-btn:hover, .social-btn:focus, .social-btn:active {text-decoration: none; color: #fff;}
.map .social-btn {margin: 0 5px; padding: 0; width: 40px; line-height: 40px; height: 40px; border-radius: 50px; font-size: 20px;}
.vk-btn {background: #507299;}
.odn-btn {background-color: #ee8208;}
.fb-btn {background-color: #4267b2;}
.yt-btn {background-color: #ff0000;}
.ig-btn {
  background: #f09433;
    background: -moz-linear-gradient(45deg,#f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
    background: -webkit-linear-gradient(45deg,#f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
    background: linear-gradient(45deg,#f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );
}
.social-contacts-block a,  {
  -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;}
.social-contacts-block a:hover {opacity: 0.8;}
.ur-name {font-size: 24px;}
.logo.radar-logo .call_phone_4 a {display: none;}

@media screen and (max-width: 1601px) {
h1.big-heading {font-size: 40px; margin: 60px auto 30px;}
.contacts-page .row {margin-bottom: 70px;}
.contacts-block-col {padding-top: 20px;}
.contacts-row {font-size: 24px; padding-left: 45px; margin-bottom: 40px; line-height: 1.2;}
#address { background-size: 21px auto;}
#phone {background-size: 24px auto; font-size: 28px;}
#mail {background-size: 24px auto;}
#time {background-size: 24px auto;}
a.phone-modal {font-size: 13px;}
.contacts h2 {font-size: 32px;}
.social-contacts {margin: auto auto auto 50px;}
.social-contacts-block {margin-bottom: 60px;}
.ur-name {font-size: 19px;}

}

@media screen and (max-width: 990px) {
h1.big-heading {font-size: 26px; font-weight: bold; margin: 50px auto 25px;}
.contacts-page .row {margin-bottom: 55px;}
.contacts-block-col {padding-top: 15px;}
.contacts-row {font-size: 18px; padding-left: 35px; margin-bottom: 25px;}
#address { background-size: 16px auto;}
#phone { background-size: 18px auto; font-size: 20px;  background-position: left 3px;}
#mail {background-size: 18px auto;}
#time {background-size: 18px auto;}
.contacts h2 {font-size: 23px; margin-bottom: 15px; font-weight: bold;}
.social-contacts {margin: auto auto auto 15px;}
.social-contacts-block {margin-bottom: 40px;}
.ur-name {font-size: 16px;}
}
@media screen and (max-width: 640px) {
.contacts-page .heading {font-size: 28px;}
.contacts-page .row {display: block; margin-bottom: 50px;}
.contacts-block-col {padding-top: 0px;}
.contacts-row {font-size: 21px; padding-left: 45px; margin-bottom: 30px;}
.contacts h2 {text-align: left;}
#address { background-size: 19px auto;}
#phone { background-size: 20px auto; font-size: 24px;  background-position: left 3px;}
#mail {background-size: 20px auto;}
#time {background-size: 20px auto;}
#map-contacts {height: 210px;}
.social-contacts-col {text-align: center;}
.social-contacts {margin: auto;}
.social-contacts a {display: inline-block;}
.social-contacts-block {margin-bottom: 22px;}
.ur-name {margin-top: 20px;}
.logo.radar-logo .call_phone_4 a {display: inline-block;}


/*map*/
.map .social-btn {
    margin: 0 5px;
    padding: 0;
    width: 36px;
    line-height: 36px;
    height: 36px;
    border-radius: 50px;
    font-size: 16px;
}

}

#ouibounce-modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    overflow-y: scroll;
}

#ouibounce-modal .no {margin-bottom: 0;}
#ouibounce-modal .modal-footer {padding-bottom: 0;}


/*Яндекс Авто icon*/
.ya-icon {
    position: absolute;
    top: 0;
    right: 20px;
    max-width: 250px;    
    z-index: 5;
}
.ya-icon img {max-width: 250px;}

@media screen and (max-width: 1601px) {
  .ya-icon {
    right: 0px;
    max-width: 180px;
}
.ya-icon img {max-width: 180px;}

.car-nav-img-block-3 .ya-icon, .car-nav-img-block-3 .ya-icon img {max-width: 250px;}  
}

@media screen and (max-width: 960px) {
.car-nav-img-block-3 .ya-icon, .car-nav-img-block-3 .ya-icon img {max-width: 180px;}
.car-nav-img-block-3 .ya-icon img {width: 100%;}  

.car-nav-img-block-3 .ya-icon{
    top: 100px;
    right: 0;
}

}

@media screen and (max-width: 640px) {
  .ya-icon-block {margin-bottom: 50px;}
  .ya-icon, .car-nav-img-block-3 .ya-icon  {
    right: 50%;
    margin-right: -90px;
    top: auto;
    bottom: -50px;
}
  
}


/*btns widget*/
.widget-btns-block {
  position: fixed;
  right: 30px;
  bottom: 90px;
  width: 50px;
  height: 50px;
  z-index: 99;

}
.widget-btns-block-line {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.widget-btn {
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    vertical-align: middle;
    width: 50px;
    height: 50px;
    box-shadow: none;
    box-sizing: border-box;
    cursor: pointer;
    user-select: none;
    position: relative;
    border-radius: 50%;
    transition: background-color 0.25s ease 0s, box-shadow ease 0s;
    padding: 0px;
    border-width: initial;
    border-style: none;
    border-color: initial;
    border-image: initial;
    outline: none;
    position: relative;
    z-index: 2;
    margin-bottom: 10px;

}
.widget-btns-img {
  width: 100%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 25px;
  position: relative;
  z-index: 2; 
}

.ping {
  position: absolute;
  z-index: 1;
  width: 70px;
  height: 70px;
  background-color: #ED0000;
  border-radius: 50%;
  -webkit-animation: ping 2s ease-in-out infinite both;
          animation: ping 2s ease-in-out infinite both;
}
.widget-main-btn {
  background-color: #ED0000;
  opacity: 1;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin-bottom: 0;
  -webkit-transition: all 0.2s ease-out 0s;
    -moz-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
}
.widget-main-btn.opened {
  opacity: 0;
}
.main-btn-img {
  background-image: url(../img/btns/chat-main.svg);
  -webkit-animation: flip-vertical-left 6s cubic-bezier(0.455, 0.030, 0.515, 0.955) infinite both;
  animation: flip-vertical-left 6s cubic-bezier(0.455, 0.030, 0.515, 0.955) infinite both;
  
}

.onetime-flip:hover {
  -webkit-animation: flip-vertical-left 2s cubic-bezier(0.455, 0.030, 0.515, 0.955) 1 both;
  animation: flip-vertical-left 2s cubic-bezier(0.455, 0.030, 0.515, 0.955) 1 both;
  
}
.widget-close-btn {
  background-color: #000000;
  margin-bottom: 0;
}
.close-btn-img {
  background-image: url(../img/btns/close.svg);
  background-size: 20px;  
}

.widget-chat-btn {
  background-color: #ED0000;
}
.chat-btn-img {
  background-image: url(../img/btns/chat.svg);
}

.widget-fb-btn {
  background-color: #7486b4;
}
.fb-btn-img {
  background-image: url(../img/btns/facebook.svg);
}

.widget-vk-btn {
  background-color: #6382a8;
}
.vk-btn-img {
  background-image: url(../img/btns/vk.svg);
  background-size: 35px;
}

.widget-vb-btn {
  background-color: #7b519d;
}
.vb-btn-img {
  background-image: url(../img/btns/viber.svg);
  background-size: 35px;
}

.widget-tg-btn {
  background-color: #0088cc;
}
.tg-btn-img {
  background-image: url(../img/btns/telegram.svg);
  background-size: 35px;
}

.widget-wa-btn {
  background-color: #28b53e;
}
.wa-btn-img {
  background-image: url(../img/btns/whatsapp.svg);
}

.widget-btns-text-block {
  position: absolute;
  top: 50%;
  left: 0;
  -o-transform: translate(-100%, -50%);
  -ms-transform: translate(-100%, -50%);
  -moz-transform: translate(-100%, -50%);
  -webkit-transform: translate(-100%, -50%);
  transform: translate(-100%, -50%);
  white-space: nowrap;
  padding-right: 15px;

}
.widget-btns-text {  
  background-color: #000;
  color: #fff;
  font-size: 12px;
  border-radius: 4px;
  padding: 5px 8px;
  position: relative;
  
}
.widget-btns-text:after {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 0 7px 7px;
  border-color: transparent transparent transparent #000000;
  position: absolute;
  top: 50%;
  right: 1px;
  -o-transform: translate(100%, -50%);
  -ms-transform: translate(100%, -50%);
  -moz-transform: translate(100%, -50%);
  -webkit-transform: translate(100%, -50%);
  transform: translate(100%, -50%);
}


/* ----------------------------------------------
 * Generated by Animista on 2020-7-6 10:40:49
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation flip-vertical-left
 * ----------------------------------------
 */
@-webkit-keyframes flip-vertical-left {
  0% {
    -webkit-transform: rotateY(0);
            transform: rotateY(0);
  }
  100% {
    -webkit-transform: rotateY(-360deg);
            transform: rotateY(-360deg);
  }
}
@keyframes flip-vertical-left {
  0% {
    -webkit-transform: rotateY(0);
            transform: rotateY(0);
  }
  100% {
    -webkit-transform: rotateY(-360deg);
            transform: rotateY(-360deg);
  }
}



/* ----------------------------------------------
 * Generated by Animista on 2020-7-6 11:42:17
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation ping
 * ----------------------------------------
 */
@-webkit-keyframes ping {
  0% {
    -webkit-transform: scale(0.2);
            transform: scale(0.2);
    opacity: 0.8;
  }
  80% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(2.2);
            transform: scale(2.2);
    opacity: 0;
  }
}
@keyframes ping {
  0% {
    -webkit-transform: scale(0.2);
            transform: scale(0.2);
    opacity: 0.8;
  }
  80% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(2.2);
            transform: scale(2.2);
    opacity: 0;
  }
}


@media screen and (max-width: 640px) {
 .widget-btns-block {
  position: fixed;
  right: 15px;
  bottom: 75px;

} 
}


.btns-line {
    display: flex;
    flex-flow: wrap;
    align-items: center;
    justify-content: center;
}
.btns-line .widget-btn {margin-right: 20px;}
.btns-line .widget-btn:last-of-type {margin-right: 0;}

/*phones*/

.under-phone {color: #000; margin-top: 15px; text-align: center;}
.white-color.under-phone {color: #fff;}
.under-phone .call_phone_3 {text-align: center!important;}
.under-phone b {display: inline-block; margin-bottom: 5px;}
.under-phone p {margin-bottom: 0;}
.under-phone a {cursor: default; pointer-events: none; margin-bottom: 0;}
.white-color.under-phone a {color: #fff!important;}
.modal .btn {display: block; margin: 0 auto;}
#mobydickModal .under-phone {padding-bottom: 25px;}
@media screen and (max-width: 640px) {
 .under-phone a {cursor: pointer; pointer-events: all;}   
}

/*order-block*/
.order-block {padding-top: 0;}
.order-block h2 {font-size: 35px;}
.order-block .inner-block {position: relative; padding-bottom: 180px; text-align: left;}
.order-img {
    position: absolute;
    top: 80px;
    right: 60px;
}
@media screen and (max-width: 1601px) {
.order-block .inner-block { padding-bottom: 160px;}
.order-img {
    width: 500px;
    top: 90px;
    right: -50px;
}
}
@media screen and (max-width: 1171px) {
.order-block h2 {font-size: 30px;}
.order-img {
    width: 480px;
    top: 110px;
    right: -50px;
}
.order-block .inner-block { padding-bottom: 170px;}
}

@media screen and (max-width: 961px) {
  .order-img {position: relative; top: 0; right: 0; width: 400px; margin: 35px auto 0;}
  .order-block .inner-block { padding-bottom: 40px; text-align: center;}  
}
@media screen and (max-width: 641px) {
  .order-block .container {padding: 0 15px;}
  .order-block h2 {
    font-size: 17px;
    margin-bottom: 15px;
    line-height: 1.4;}
  .order-img {width: 100%; padding: 0 30px;} 

}


/*big f*cking credit form*/

.credit-form-big .page-title {margin-bottom: 10px; text-align: center;}
.credit-form-big .undertitle {font-size: 20px; margin-bottom: 25px; text-align: center;}
.banks {padding: 0 0 30px;}
.banks-header p {margin-bottom: 0;}
.banks .row {align-items: center;}
.credit-form-big .bank-item {height: auto;}

.big-credit-form-block h2 {margin-bottom: 30px;}
.credit-nav {display: flex; flex-flow: row; align-items: center; border: none;}
.credit-nav .nav-item {flex: 0 0 25%; text-align: center; margin-bottom: 0; border-right: 3px solid #fff;}
.credit-nav .nav-item:last-of-type {border-right: none;}
.credit-nav .nav-link {border: none; padding: 15px; background-color: #fafafa; border-radius: 0; }
.credit-nav .nav-link.active {background-color: #ED0000; color: #fff;}
.credit-nav .nav-link.disabled {cursor: default; background-color: #fff;}

.big-credit-form-block .tab-content {background-color: #fafafa; padding: 0; margin-top: 3px;}
.big-credit-form-block .tab-pane {padding: 50px 70px 30px;}
.big-credit-form-block .tab-pane form {position: relative; padding-bottom: 60px;}
.big-credit-form-block .tab-pane form.step-0 {padding-bottom: 0;}
.big-credit-form-block .tab-pane form h4 {margin-bottom: 20px; font-weight: bold;}
.big-credit-form-block .tab-pane form .btn {position: absolute; bottom: 0; right: 0px; max-width: 200px;}
.big-credit-form-block .tab-pane form.step-0 .btn {position: relative;}
.big-credit-form-block .tab-pane form.step-0 .btns-row {position: absolute; bottom: 0; right: 0px; display: flex; flex-flow: row; align-items: center; justify-content: flex-end;}
.big-credit-form-block .tab-pane form.step-0 .btns-row .btn.btn-skel {max-width: unset; margin-right: 20px; white-space: pre;}
.big-credit-form-block .tab-pane form .btn.centered {position: absolute; bottom: 0; right: 50%; margin-right:-193px; max-width: 386px;}
.car-credit-inner {background-color: #fff; border-radius: 5px; padding: 0 30px 20px; overflow: hidden;}
.car-credit-inner a {display: block; text-align: center;}
.car-credit-step h3 {margin-bottom: 50px;}
.car-credit-step .text-field {max-width: 386px; margin-bottom: 30px;}

.big-credit-form-block .text-field p {margin-bottom: 5px;}

.text-field-name {margin-bottom: 5px; /*color: #8a8a8a;*/}
.text-field-name p {margin-bottom: 0;}

.big-credit-form {text-align: center; background-color: #fafafa; padding: 0 20px 30px; margin-bottom: 50px;}

.credit-btn-modal {position: relative;}
.credit-btn-modal a {position: absolute; bottom: 0; left: 0; height: 44px;}

.filter.full-list {padding-top: 60px;}
.filter.full-list h2 {margin-bottom: 40px;}
.big-credit-form-block .tab-pane form.step-3 {padding-bottom: 0;}
.centered {margin: 0 auto; display: block;}


.bank-list {padding: 30px 0 15px;}
.bank-item {padding: 0 10px;}
.bank-item-inner {
    background-color: #fff;
    text-align: center;
    height: 90px;
    display: flex!important;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    padding: 20px;
}
.bank-item-inner img {max-height: 50px;}

@media screen and (max-width: 1601px) {
 .credit-nav .nav-link {padding: 10px;}
 .big-credit-form-block .tab-pane {padding: 20px 70px 30px;}
 .big-credit-form-block .tab-pane form h4 {font-size: 20px;}
 .filter.full-list {padding-top: 40px;}
}

@media screen and (max-width: 1170px) {
.credit-form-big .undertitle {
    font-size: 16px;
    margin-bottom: 25px;
    text-align: center;
}
.banks {text-align: center;}
.banks-header p {margin-bottom: 20px;}
.credit-nav .nav-link { font-size: 14px;}
.big-credit-form-block .tab-pane {padding: 20px 30px 30px;}

.big-credit-form-block .tab-pane form.step-0 .btns-row {flex-flow: column; align-items: flex-end; justify-content: flex-end;}
.big-credit-form-block .tab-pane form.step-0 .btns-row .btn.btn-skel {margin-right: 0px; margin-bottom: 10px;}
.step-0 .car-credit-step {padding-bottom: 100px;}

}

@media screen and (max-width: 960px) {
.credit-nav {flex-flow: wrap;}
.credit-nav .nav-item {
    flex: 0 0 50%;
    margin-bottom: 3px;
  }
.credit-nav .nav-item:nth-child(2) {border-right: none;}
.big-credit-form-block .tab-content {margin-top: 0;}
.car-credit-inner a {font-size: 14px;}
.car-credit-step h3 {font-size: 22px;}
.credit-btn-modal a {position:relative; margin-top: 15px;}
.big-credit-form-block .tab-pane form.step-0 .btns-row .btn.btn-skel {white-space: normal;}    
}

@media screen and (max-width: 640px) {
.credit-nav .nav-item {flex: 0 0 100%;}
.big-credit-form-block h2 {margin-bottom: 20px;}
.big-credit-form-block .tab-content {margin: 0 -15px;}
.big-credit-form-block .tab-pane form h4 {
    font-size: 18px;
    margin-bottom: 15px;
}
.big-credit-form-block .tab-pane {padding: 20px 20px 20px;}
.car-credit-inner {margin-bottom: 25px;}
.car-credit-step h3 {
    text-align: center;
    margin-bottom: 15px;
}
.big-credit-form-block .tab-pane form .btn, .big-credit-form-block .tab-pane form.step-0 .btn {
  position: relative;
  bottom: 0;
  right: 0;
  max-width: unset;
  width: 100%;
}
.car-credit-step .text-field {margin-bottom: 20px;}
.big-credit-form {text-align: left; margin: 0 -15px;}
.step-0 .car-credit-step {padding-bottom: 0;}
.big-credit-form-block .tab-pane form.step-0 .btns-row {position: relative;}

.filter.full-list h2 {margin-bottom: 20px;}

}


.btn-instock-block .btn {margin: 0 auto;}

.price-block a {
    color: #000;
    text-decoration: underline;
    display: inline-block;
    margin: 10px 0 0;
}
.price-block a:hover {color: #ED0000;}


/*new-models-block*/
.slick-slide:focus {outline: none;}

.models {position: relative; padding: 60px 0;}
.models .section-header {margin-bottom: 100px;}

.control-col {padding-top: 20px; padding-right: 0;}
.model-choose {
  display: block;
  border-radius: 5px 0 0 5px;
  padding: 20px;
  background-color: transparent;
  text-transform: uppercase;
  font-size: 18px;
  font-family: "MMC-Medium";
  color: #000;
  cursor: pointer;
  width: 100%!important;
  -webkit-transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -ms-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
}
.model-choose.slick-current {
  background-color: #fff;
  color: #ED0000;
}
.model-choose:hover {
  text-decoration: none;
  background-color: rgba(255,255,255,0.5);
  color: #ED0000;
}
.model-choose.slick-current:hover {cursor: default; background-color: #fff;
  color: #ED0000;}

.model-choose p {margin-bottom: 0;}
.models-ico {display: none!important;
-webkit-transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -ms-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;}
.models-list-col {padding-left: 0;}
.models-block {
  background-color: #fff;
  padding: 45px 60px;
  border-radius: 5px;
  overflow: visible;
  position: relative;
}
.models-info-col, .models-btn-col {position: relative;}
.models-info-inner {position: relative;}
.models-info-inner img {position: relative; top: -125px;}
.models-info {position: relative; margin-top: -80px;}
.models-info h2 {color: #ED0000; font-size: 35px; margin-bottom: 10px;}
.models-price {font-size: 35px;}
.models-info-inner .discl { margin-bottom: 0;}
.models-btn-col {padding-bottom: 180px;}
.models-features {margin-bottom: 50px; flex: 1 0 auto; align-items: flex-start; justify-content: center;}
.models-feature {display: flex!important; flex-flow: row; align-items: center; justify-content: flex-start; margin-bottom: 20px;}
.models-feature:last-of-type {margin-bottom: 0;}
.models-feature img {
    height: 45px;
    margin-right: 14px;
}
.models-feature p {margin-bottom: 0;}
.models-btns-block {position: absolute; left: 0; bottom: 0; padding: 0 15px; max-width: 100%;}
.models-btns-block .btn {margin-bottom: 10px; width: 100%; min-width: unset; white-space: normal;}
.models-btns-block .btn-skel:last-of-type {margin-bottom: 0;}

.models-control-slider .slick-track {width: 100%!important; transform: none!important;}
.models-slider .slick-list {overflow: visible; background-color: #fff;
    border-radius: 5px;}
.models-slider .slick-arrow, .models-slider .slick-arrow:focus {background-color: #333333; color: #fff; opacity: 0.2;}
.models-slider .slick-arrow:hover {color: #fff; background-color: #ED0000; opacity: 1;}
.car-nav-list-mobile .models {padding: 0;}




@media screen and (max-width: 1601px) {
  .models {padding: 40px 0 40px;}
  .models .section-header {margin-bottom: 60px;}
  .model-choose {font-size: 15px; padding: 13px 15px;}
  .models-block {padding: 30px 50px;}
  .models-info-inner img {top: -90px;}
  .models-info h2, .models-price {font-size: 29px;}
  .models-info-inner .discl {font-size: 13px;}
  .models-feature img {height: 35px;}
  .models-features {margin-bottom: 30px;}

}

@media screen and (max-width: 1171px) {
  .models-block {padding: 40px;}
  .models-info-col {padding-right: 60px;}
  .models-ico {display: block!important; max-width: 85px; overflow: hidden;}
  .model-choose {margin-bottom: 5px; background-color: #fff; display: flex!important; flex-flow: row; align-items: center; justify-content: flex-start; padding: 7px 15px; height: 50px;}
  .model-choose p {margin-bottom: 0; max-width: 0px; overflow: hidden; opacity: 0;}
  .model-choose:hover .models-ico, .model-choose.slick-current .models-ico {max-width: 0px;}
  .model-choose:hover p, .model-choose.slick-current p {max-width: 200px; opacity: 1;}
  .model-choose:hover {background-color: #fff;}

  .control-col {padding-top: 10px; padding-right: 0px; position: relative; z-index: 2; overflow: visible;}
  .models-list-col {position: relative; z-index: 1;}
  .models-control-slider .slick-list {overflow: visible;}
  .models-info {margin-top: -40px;}

}

@media screen and (max-width: 961px) {
  .models .section-header {margin-bottom: 25px;}
   .control-col {padding: 0; margin-bottom: 40px;}
   .model-choose {margin-bottom: 5px; background-color: transparent; display: flex!important; flex-flow: row; align-items: center; justify-content: flex-start; padding: 7px 15px; height: auto; width: auto!important; border-radius: 5px;}
   .model-choose:hover {background-color: transparent;}
   .model-choose p {max-width: unset; opacity: 1;}
   .models-ico {margin-right: 15px; max-width: 85px;}
   .model-choose:hover .models-ico, .model-choose.slick-current .models-ico {max-width: 85px;}
   .model-choose:hover p, .model-choose.slick-current p {max-width: unset; opacity: 1;}

   .models-info-col {padding-right: 15px;}
   .models-block {padding: 0px 30px;}
   .models-info-inner img {top: -50px; max-width: 400px; margin: 0 auto;}
   .models-info {margin-top: 0px; margin-bottom: 25px;}

   .models-btn-col {padding-bottom: 0; margin-top: -30px;}

   .models-features {align-items: center; margin-bottom: 10px;}
   .models-feature {font-size: 13px;}
   .models-feature:last-of-type { margin-bottom: 20px;}

   .models-slider .slick-arrow {width: 15px;}

   .models-btns-block {position: relative; padding: 0; display: flex; flex-flow: row; align-items: center; justify-content: space-between; margin-bottom: 15px;}
   .models-btns-block .btn {flex: 33% 0 0; max-width: 33%; padding: 15px 10px; margin-bottom: 0;}


}
@media screen and (max-width: 641px) {
.car-nav-list-mobile .drop-down-active-item {
    text-transform: uppercase;
    border: none;
    font-size: 16px;
    background-color: #fff;
    border-radius: 5px;
    font-family: "MMC-Medium";
    padding: 12px;
    -webkit-transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -ms-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
}
.car-nav-list-mobile .active .drop-down-active-item {border-radius: 5px 5px 0 0;}
.car-nav-list-mobile .drop-down .drop-down-active-item::before {
    font-size: 15px;
    right: 12px;
}
.drop-down-active-item::after {
  left: 12px;
  right: 12px;
  height: 2px;
  max-width: 0;
  background-color: #ED0000;
  -webkit-transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -ms-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;

}
.drop-down.active .drop-down-active-item::after {
    left: 12px;
    right: 12px;
    max-width: 100%;
}
.car-nav-list-mobile .drop-down-item {
    padding: 0 12px;
}
.car-nav-list-mobile .car-nav-3 {
    margin-bottom: 5px;
    font-size: 16px;
    text-transform: uppercase;
}
.drop-down-list {max-height: 0; height: auto;
 -webkit-transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -ms-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;}
.car-nav-list-mobile .drop-down.active .drop-down-list {
    height: auto;
    max-height: 500px;
    padding-bottom: 10px;
    border-radius: 0 0 5px 5px;
    box-shadow: 0px 5px 30px 0px rgba(0,0,0,0.3);
}

.models-list-col {padding: 0;}

.models-block {padding: 0;}
.models-info-inner img {
    top: -40px;
    max-width: 300px;
    margin: 0 auto;
    width: 100%;
    display: block;
}
.models-info {
    margin-top: -30px;
    margin-bottom: 25px;
    text-align: center;
}
.models-price {
    font-size: 22px;
}
.models-info h2, .models-info .discl {display: none;}
.models-btn-col {margin-top: 0px;}
.models-block .discl {font-size: 12px; text-align: center;}
.models-btns-block {display: block;}
.models-btns-block .btn {flex: 100% 0 0; max-width: 100%; padding: 15px 10px; margin-bottom: 5px;}
.models-features {overflow: hidden;}
.models-feature {margin-bottom: 0; justify-content: center;}
.models-features .slick-dots {
  display: block!important;
  text-align: center;
  background-color: transparent;
  top: -10px;
}
.models-features .slick-dots > li > button {color: #cccccc;}
.models-features  .slick-dots > li.slick-active > button {color: #ED0000;}
.models .tab-content {position: relative;}
.models-slider.tab-content > .active.tab-pane {
    display: block!important;
    position: relative!important;
    z-index: 1!important;
    opacity: 1!important;
    left: 0px!important;
    right: 0px!important;
}
.models-slider.tab-content > .tab-pane {
    display: block!important;
    position: absolute!important;
    z-index: -1!important;
    opacity: 0!important;
    left: 15px!important;
    right: 15px!important;
    top: unset!important;
}


}

.cart-line-sentence {display: none!important;}


/*main-features*/
.main-features-row {padding: 30px 0;}
.main-features-col {margin-bottom: 30px;}
.main-features {
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: flex-start;
  text-align: left;
  font-size: 17px;
  font-family: "MMC-Medium";
  border-radius: 5px;
  background: rgba(0,0,0,0.5);
  padding: 20px;
  height: 100%;
}
.main-features img {max-width: 50px; margin-right: 15px;}

@media screen and (max-width: 1601px) {
  .main-features-row {padding: 20px 0;}
}

@media screen and (max-width: 641px) {
  .main-features-row {padding: 0;}
  .main-features-col {margin-bottom: 10px; padding: 0;}
  .main-features {font-size: 14px; padding: 10px;}
  .main-features img {max-width: 40px; margin-right: 10px;}
}

/*hot-sale*/
.hot-sale {position: absolute; top: 10px; right: 0; z-index: 5; width: 60%;}
.hot-sale-inner {display: flex; flex-flow: row; align-items: center; justify-content: flex-start; background-color: #303030; padding: 15px; border-radius: 0 10px 0 10px;}
.hot-sale-inner img {max-width: 50px; margin-right: 15px; top: unset;}
.hot-sale-inner p {color: #fff; font-size: 18px; margin-bottom: 0;}

.hot-sale-model {margin-bottom: 15px;}
.hot-sale-model .hot-sale-inner {padding: 10px 15px;}


@media screen and (max-width: 1601px) {
.hot-sale {top: 0px; width: 80%;}
.hot-sale-inner p {font-size: 16px;}
.hot-sale-model .hot-sale-inner img {max-width: 40px;}
}

@media screen and (max-width: 1171px) {
.hot-sale {
    top: -50px;
    width: 50%;
}
.hot-sale-model .hot-sale-inner img {margin-right: 10px;}
}
@media screen and (max-width: 961px) {
.hot-sale {
    top: -60px;
    width: 35%;
    right: 20px;
}
.hot-sale-inner {flex-flow: column; align-items: center; justify-content: center;}
.hot-sale-inner img {max-width: 50px; margin-right: 0px; margin-bottom: 15px; }
.hot-sale-inner p {text-align: center;}

.hot-sale-model .hot-sale-inner {flex-flow: row; align-items: center; justify-content: center;}
.hot-sale-model .hot-sale-inner img {margin-bottom: 0; margin-right: 15px;}
.hot-sale-model .hot-sale-inner p {text-align: left;}

}

@media screen and (max-width: 641px) {
#outlander-img, #outlander-7-img {margin-bottom: 70px;}
.hot-sale {
    top: unset;
    width: 100%;
    right: 50%;
    bottom: -10px;
    max-width: 320px;
    -o-transform: translate(50%, 100%);
    -ms-transform: translate(50%, 100%);
    -moz-transform: translate(50%, 100%);
    -webkit-transform: translate(50%, 100%);  
    transform: translate(50%, 100%);
}
.hot-sale-inner {display: flex; flex-flow: row; align-items: center; justify-content: flex-start; padding: 10px;}
.hot-sale-inner img {max-width: 40px; margin-right: 15px; margin-bottom: 0px; }
.hot-sale-inner p {text-align: left; font-size: 15px;}

.hot-sale-model .hot-sale-inner {justify-content: center;}
.hot-sale-model .hot-sale-inner img {margin-left: 0; margin-right: 10px;}
.hot-sale-model .hot-sale-inner p {font-size: 14px;}

}

/*ya-block*/
.model-ya {padding-top: 60px;}
.order-block.model-ya .inner-block {padding-bottom: 80px;}
.model-ya-img {max-width: 700px;}
.model-ya .order-img {
    position: absolute;
    top: 50px;
    right: 60px;
    padding-top: 60px;
}

@media screen and (max-width: 1171px) {
.model-ya-img {max-width: 500px; position: absolute; left: 180px; top: 70px;}
.order-block.model-ya .inner-block {padding-bottom: 40px;}
}

@media screen and (max-width: 961px) {
.model-ya  .order-img {
    position: relative;
    top: 0;
    right: 0;
    width: 100%;
    margin: 0px auto 20px;
}
.model-ya-img {max-width: 400px; position: relative; left: 0px; top: 0px;}
.model-ya .model-block .cart-price {margin-bottom: 0px;}
}

@media screen and (max-width: 641px) {
.model-ya .order-img {padding: 0; padding-bottom: 60px;}
.model-ya-img {max-width: 100%;}
.model-ya .ya-icon {bottom: 10px;}
.ya-info-col {padding: 0;}
}


/*new-main-screen*/
.new-main-screen {padding: 0;}
.main-screen-bg {padding: 80px 0; position: relative; background-size: cover; background-position: center; background-repeat: no-repeat; min-height: 750px;}
.dark-gradient {position: relative;}
.dark-gradient:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,0.5);
    background: -moz-linear-gradient(115deg, rgba(0,0,0,0.9) 15%, rgba(0,0,0,0.5) 45%, rgba(0,0,0,0) 65%);
    background: -webkit-linear-gradient(115deg, rgba(0,0,0,0.9) 15%, rgba(0,0,0,0.5) 45%, rgba(0,0,0,0) 65%);
    background: linear-gradient(115deg, rgba(0,0,0,0.9) 15%, rgba(0,0,0,0.5) 45%, rgba(0,0,0,0) 65%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
    z-index: 1;

}
.white-text {color: #fff;}
.main-screen-text-new h1 {margin-bottom: 60px; line-height: 1.4; font-size: 45px;}
.models-features-screen {margin-bottom: 70px; font-size: 22px; align-items: flex-start;}

.icon-bg {display: flex; align-items: center; justify-content: center; margin-right: 20px; padding: 10px; border-radius: 70px; width: 60px; height: 60px; background-color: #fff;}
.icon-bg img  {margin-right: 0; max-width: 35px;}

.special-btn-hld {
    position: absolute;
    top: 0;
    right: 0px;    
}

.special-btn {
    width: 180px;
    height: 180px;
    border-radius: 200px;
    padding: 20px;
    white-space: normal;
    min-width: unset;
    font-family: "MMC-Medium";
    font-size: 18px;
}
.btn-pulse {animation: pulse-red 2s infinite;}

@keyframes pulse-red {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(255, 82, 82, 0.7);
  }
  
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 15px rgba(255, 82, 82, 0);
  }
  
  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(255, 82, 82, 0);
  }
}

@media (max-width: 1601px) {
.main-screen-bg {padding: 50px 0; min-height: 600px;}
.main-screen-text-new h1 {margin-bottom: 50px;}
.models-features-screen {margin-bottom: 60px; font-size: 20px;}
.icon-bg {width: 50px; height: 50px;}
.icon-bg img  {max-width: 30px;}
}

@media (max-width: 1171px) {
.new-main-screen .btns-block {max-width: 400px;}
}

@media (max-width: 961px) {
.main-screen-bg {min-height: 700px;}
.main-screen-text-new h1 {font-size: 30px;}
.models-features-screen {margin-bottom: 50px;}
.models-features-screen .models-feature {font-size: 16px;}

.special-btn-hld {top: 90px;}
.special-btn {
    width: 150px;
    height: 150px;
    padding: 15px;
    font-size: 16px;
}

}

@media (max-width: 641px) {
.main-screen-bg {min-height: 900px;}    
.models-features-screen {margin: 0 auto 25px; max-width: 300px;}    
.models-features-screen .models-feature {justify-content: flex-start; margin-bottom: 15px; padding: 0;}
.models-features-screen .models-feature:last-of-type {margin-bottom: 0;}
.main-screen-text-new h1 {margin-bottom: 25px; text-align: center; font-size: 25px;}
.special-btn {
    width: 100%;
    height: auto;
    border-radius: 5px;
    margin: 0 auto 25px;
    padding: 10px;
}
.models-features-screen + .btn {display: block; margin: 0 auto;}

.dark-gradient:before {
    background: rgba(0,0,0,0.5);
    background: -moz-linear-gradient(180deg, rgba(0,0,0,0.9) 15%, rgba(0,0,0,0.5) 45%, rgba(0,0,0,0) 65%);
    background: -webkit-linear-gradient(180deg, rgba(0,0,0,0.9) 15%, rgba(0,0,0,0.5) 45%, rgba(0,0,0,0) 65%);
    background: linear-gradient(180deg, rgba(0,0,0,0.9) 15%, rgba(0,0,0,0.5) 45%, rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);

}
.new-main-screen .btns-block {max-width: 100%;}

}


.models-price, .cart-price {opacity: 0!important; pointer-events: none!important;}