/*FONTS*/

@import url('../fonts/Nissan/stylesheet.css');
@font-face {
  font-family: 'PTRoubleSans';
  src: url('../fonts/PTRoubleSans.eot?#iefix') format('embedded-opentype'), url('../fonts/PTRoubleSans.otf') format('opentype'), url('../fonts/PTRoubleSans.woff') format('woff'), url('../fonts/PTRoubleSans.ttf') format('truetype'), url('../fonts/PTRoubleSans.svg#PTRoubleSans') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/*BASE*/
body {
  font-family: "Nissan Brand";
  font-weight: normal;
  font-style: normal;
  font-size: 16px;
  background: #fff;
  position: relative;
  font-weight: 400;
}
.container {padding: 0;}


h1 {font-size: 33px; font-weight: 300; line-height: 1.3;}
.small-h1 {font-size: 25px; font-weight: 500;}
.page-title {margin: 50px auto 60px; text-transform: uppercase;}
h2 {font-size: 36px; font-weight: 300;}
.has-title h2 {padding-top: 60px; max-width: 800px; margin: 0 auto 50px;}
main {padding-top: 137px;}

small, .small {font-size: 78%;}
*:focus {outline: none;}
a[type="button"], html [type="button"]{-webkit-appearance: none;}
button:focus, input:focus, .btn:focus, .btn.focus {
    outline: 0;
    box-shadow:none;
}
.rouble {
  font-family: 'PTRoubleSans';
  text-transform: none!important;
  font-size: 95%;
}
a, button, input, textarea, .btn, i, .btn i, span, header {
	-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;
}
b {font-weight: bold;}

.btn-invisible {opacity: 0; pointer-events: none;}
.nav-link {padding: 0;}
.anchor {position: relative; top: -140px;}
a {color: #C3002F; text-decoration: none;}
a:hover {color: inherit; text-decoration: none;}
a:focus {outline: none; box-shadow: none;}
.white {color: #fff;}
a.white:hover {color: #C3002F;}
.red {color: #C3002F;}
.blur {filter: blur(7px);}
.white-bg {background-color: #fff;}
.transp {background-color: transparent;}
.content-center {justify-content: center;}
.align-center {align-items: center;}
.uppercase {text-transform: uppercase;}
.light {font-weight: 300;}
.nopadding {padding: 0;}
.nomargin {margin: 0;}
.colored {
	background: #EEEEEE;
}
.tinted {position: relative;}
.tinted:before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	background-color: rgba(0,0,0,0.7);
	z-index: 2;
}
.z-5 {position: relative; z-index: 5;}


.shadowed {
    box-shadow: 0px 5px 30px 0px rgba(0,0,0,0.3);
}
.btn {
  text-transform: uppercase;
  font-size: 14px;
  font-weight: normal;
  text-align: center;
  border-radius: 0px;  
  line-height: 1;
  padding: 14px 10px;
  max-width: 300px;
  width: 100%;
  display: block;
  white-space: normal;

}
.btn i, .link i, .popular-descr-block a i {margin-right: 10px; margin-left: 10px; position: relative; left: 0;}
.btn:hover i, .popular-descr-block a:hover i {left: 5px;}
.btn-red, a.btn-red {
  background-color: #C3002F;
  border-color: #C3002F;
  color: #fff;
}
.btn-red:hover, a.btn-red:hover {
  background-color: #920023;
  border-color: #920023;
  color: #fff;
}

.btn-red-w, a.btn-red-w {
  background-color: #fff;
  border-color: #C3002F;
  color: #000;
}
.btn-red-w:hover, a.btn-red-w:hover {
  background-color: #C3002F;
  border-color: #C3002F;
  color: #fff;
}

.btn-skel, a.btn-skel {
  background-color: transparent;
  border-color: #222;
  color: #222;
  border-width: 2px;
}
.btn-skel:hover, a.btn-skel:hover {
  border-color: #C3002F;
  background-color: #C3002F;
  color: #fff!important;
}
.btn-skel i, .link i, .btn-red-w i  {color: #C3002F;}
.btn-skel:hover i, .btn-red-w:hover i {color: #fff;}

.white-btn, a.white-btn {
	border-color: #fff;
	color: #fff;
}
.white-btn:hover, a.white-btn:hover {
	border-color: #C3002F;
	color: #fff;
}
.white-btn:hover span {
	color: #fff;
}

.btn-grey {
  background-color: #E3E2E2;
  border-color: #E3E2E2;
  color: #343434;
}
.btn-grey:hover {
  color: #C3002F;
}

.btn-flex {
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: space-between;
}
.btn-flex span {text-align: left;}

.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: 5;
    -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;
}
@-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); }
 }



 input[type="checkbox"] {
  vertical-align: top;
  margin: 0;
  width: 20px;
  height: 20px;
}
 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 15px;
}
 input[type="checkbox"]:not(checked) + label:before {
  content: '';
  position: absolute;
  top: 0px;
  left: 0px;
  width: 20px;
  height: 20px;
  border: 1px solid #fff;
  background: transparent;
  transition: all .15s;
}
 input[type="checkbox"]:not(checked) + label:after {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 0;
  right: 0;
  width: 20px;
  height: 20px;
  opacity: 0;
  transition: all .15s;
  /*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;
    text-align: center;
    line-height: 20px;
    font-size: 12px;
    color: #fff;*/
    background-image: url(../img/svg/check.svg);
    background-repeat: no-repeat;
    background-size: 12px;
    background-position: center;

}
input[type="checkbox"]:checked + label:before {
  border: 1px solid #C3002F;
  background-color: #C3002F;
}
input[type="checkbox"]:checked + label:after {
  opacity: 1
}
.under-btn {font-size: 13px; text-align: left;} 
.under-btn a {text-decoration: underline;}

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


.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 #C3002F;
  background-color: #C3002F;
}
.radio-btn input[type="radio"]:checked + label:after {
  opacity: 1
}


/*plus*/
.plus {
	list-style: none;
	padding: 0;
}
.plus li {position: relative; padding-left: 20px; margin-bottom: 15px;}
.plus li:before {
	content: '';
	position: absolute;
	left: 0px;
	top: 8px;
	height: 10px;
	width: 10px;
	background-size: 10px;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url(../img/svg/plus.svg);
}
.plus li:last-of-type {
	margin-bottom: 50px;
}

.btn-cta {
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 30px;
}


/*sidemenu*/
.ham-block { text-align: right;}
#hamburger {
   display: inline-block;
    overflow: hidden;
    position: relative;
    vertical-align: middle;
}
#hamburger span {
   background: #000;
   display: block;
   height: 3px;
   width: 25px;
   margin: 4px 0;
   position: relative;
   top: 0;
   left: 0;
   opacity: 1;
   border-radius: 6px;
}




/*modals*/

.modal-content {
  border:none;
  text-align: center;
  padding: 50px;
  background-color: #fff;
  border-radius: 0;
}
.modal-body {padding: 0;}
.modal-content .btn {max-width: unset;}

.close-btn {
  position: absolute;
  top: 15px;
  right: 10px;  
  min-width: unset;
  max-width: unset;
  padding: 0!important;
  z-index: 5;
  display: inline-block;
  width: auto;
  background: transparent;
  color: #C3002F;
  font-size: 18px;
}
.close-btn:hover {color: #920023;}
.close-btn:hover i {left: 0;}
.modal-content .form-header {margin-bottom: 15px; font-size: 18px;}
.modal-content .text-field {margin-bottom: 20px;}

.text-modal {font-size: 15px;}
.text-modal .modal-content { text-align: justify;}








/*slider*/
.slider-control-container {
	position: absolute;
	bottom: 30px;
	left: 50%;
	-o-transform: translateX(-50%);
  	-ms-transform: translateX(-50%);
  	-moz-transform: translateX(-50%);
  	-webkit-transform: translateX(-50%);  
  	transform: translateX(-50%);}
.slider-control {position: relative; text-align: center;}
.slick-arrow {
	border: none;
	background-color: transparent;
	color: #C3002F;
	font-size: 20px;
	position: absolute;
	top: 50%;
	-o-transform: translateY(-50%);
  	-ms-transform: translateY(-50%);
  	-moz-transform: translateY(-50%);
  	-webkit-transform: translateY(-50%);  
  	transform: translateY(-50%);
  	z-index: 5;
  	cursor: pointer;
}
.slick-next {right: 0;}
.slick-prev {left: 0;}

.slick-dots {
    padding: 0;
    height: 30px;
    list-style: none;
    display: flex;
    align-items: center !important;
    justify-content: center;
    margin: 0;
    position: relative;
    display: inline-block;
    margin: 0 auto;
    text-align: center;
}
.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;
    cursor: pointer;
    position: relative;
    width: 80px;
    height: 3px;
    background: transparent;
    text-indent: 999px;
    overflow: hidden;
    padding: 0;
    min-height: unset;
    box-shadow: none;
    border: none;
    line-height: 1px;
    background-color: #E3E2E2;
    margin: 0 3px;

}
.slick-dots > li.slick-active > button {
    background-color: #C3002F;
    outline: none;
}

/*slider-main*/
.section-slider {padding: 0; position: relative;}
.slide {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.slide .row {min-height: 560px; padding-bottom: 60px;}
.slide-content {display: flex; margin: auto 0; flex-flow: column;}
.slide h1 {margin-bottom: 40px; text-transform: uppercase;}
.slide h1 span {display: inline-block;}
.slide-undertitle {font-size: 18px; font-weight: 300; margin-bottom: 0;}


/*models-list*/
.car-nav {padding: 0 40px; text-align: center; text-transform: uppercase; color: #000; font-weight: bold;}
.car-nav:hover, .car-nav.active {color: #C3002F;}
.car-nav img {margin: 0 auto 20px;}
.car-nav .car-name {padding-bottom: 25px; position: relative;}
.car-nav:hover .car-name, .car-nav.active .car-name {border-bottom: 3px solid #C3002F;}
.car-nav.active .car-name::after {
    content: ''; 
    position: absolute; /* Абсолютное позиционирование */
    left: 50%;
    margin-left: -12px;
    bottom: -24px; /* Положение треугольника */
    border: 12px solid transparent; /* Прозрачные границы */
    border-top: 12px solid #C3002F; /* Добавляем треугольник */
   }

.tab-content {padding-top: 50px;}
.car-nav-img-block {position: relative; padding: 70px 0 30px;}
.instock-y {
	background-color: #C3002F;
	color: #fff;
	font-weight: bold;
	position: absolute;
	top: 0;
	left: 0;
	padding: 20px 20px 20px 30px;
	z-index: 5;
	text-transform: uppercase;
}
.instock-y:after {
  background: inherit;
  bottom: 0;
  content: '';
  display: block;
  height: 100%;
  left: 15px;
  position: absolute;
  right: -15px;
  transform: skewX(-16deg);
  transform-origin: 100%;
  z-index: -1;
}
.car-nav-card-info {position: relative; padding: 50px 0 40px;}
.name-row {display: flex; flex-flow: row; align-items: center; justify-content: space-between; margin-bottom: 30px;}
.name-row h2 {padding-top: 0; display: inline-block; margin: 0; text-transform: uppercase;}
.link {color: #000; position: relative; text-transform: uppercase;}
.link:hover {color:#C3002F;}
.link:after {
	content: "\f054";
	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;
    color: #C3002F;
    margin-left: 10px;
}

.main-slide .link {color: #fff;}
.main-slide .link:hover {color:#C3002F;}

.price-col p {margin-bottom: 5px; line-height: 1; font-size: 14px; font-weight: bold; text-transform: uppercase;}
.price-col p.price {margin-bottom: 40px; font-size: 24px; font-weight: 300;}
.price-col p.price b {font-size: 36px; font-weight: bold;}
.car-nav-feature {display: flex; flex-flow: row; align-items: center; justify-content: flex-start; font-size: 15px; margin-bottom: 20px;}
.car-nav-feature img {width: 45px; margin-right: 15px;}
.car-nav-feature p {margin-bottom: 0;}

.discl {font-size: 14px; font-weight: 300;}
.btns-block {display: flex; flex-flow: row; align-items: center; justify-content: space-between; margin: 0 -10px;}
.btns-block .btn { margin: 0 10px; max-width: unset; min-width: unset;}

.car-nav-img-block:after {
  background: #eeeeee;
  bottom: 0;
  content: '';
  display: block;
  height: calc(100% - 60px);
  width: 2000px;
  right: 160px;
  position: absolute;
  top: 30px;
  transform: skewX(-16deg);
  transform-origin: 100%;
  z-index: -1;
}


.car-nav-card-info:after {
  background: #fff;
  bottom: 0;
  content: '';
  display: block;
  height: 100%;
  width: 2000px;
  left: -240px;
  position: absolute;
  top: 0px;
  transform: skewX(-16deg);
  transform-origin: 100%;
  z-index: -1;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.06);
-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.06);
box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.06);
}


/*model-page*/
.btns-block + .link {margin-top: 30px; display: inline-block;}
.main-info-block {padding-bottom: 60px;}
.more-info-block {
	text-align: center;
	position: relative;
	color: #C3002F;
	text-transform: uppercase;
	padding-bottom: 30px;
}

.more-info-block:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 40px;
	height: 40px;
	background-color: #fff;
	background-repeat: no-repeat;
	background-size: 20px;
	background-position: 35% 35%;
	background-image: url(../img/svg/fast-forward-45.svg);
	-o-transform: translate(-50%, -50%) rotate(45deg);
  	-ms-transform: translate(-20px, -50%) rotate(45deg);
  	-moz-transform: translate(-50%, -50%) rotate(45deg);
  	-webkit-transform: translate(-50%, -50%) rotate(45deg);
  	transform: translate(-50%, 50%) rotate(45deg);
	z-index: 5;
}




/*form*/
.form-header {font-weight: bold; font-size: 18px; text-transform: uppercase; text-align: center; margin-bottom: 30px;}
.text-field {margin-bottom: 20px;}
.text-field input, .text-field textarea, .text-field select {width: 100%; border: 1px solid #e7e7e7; padding: 13px 20px; line-height: 1; font-weight: 300; font-size: 14px; display: block;}
.text-field textarea {resize: none; min-height: 120px;}
.text-field input:focus, .text-field textarea:focus {border: 1px solid #C3002F; }
.text-field input::-webkit-input-placeholder, .text-field textarea::-webkit-input-placeholder { color: #000; font-weight: 300; font-size: 14px; line-height: 1; }
.text-field input:-ms-input-placeholder, .text-field textarea:-ms-input-placeholder { color: #000; font-weight: 300; font-size: 14px; line-height: 1; }
.text-field input::-ms-input-placeholder, .text-field textarea::-ms-input-placeholder { color: #000; font-weight: 300; font-size: 14px; line-height: 1; }
.text-field input::placeholder, .text-field textarea::placeholder { color: #000; font-weight: 300; font-size: 14px; line-height: 1; } 
.text-field input[type="range"] {padding: 0;}
.label-placeholder {position: relative;}
.text-field.label-placeholder input {padding-right: 50px;}
.text-field.label-placeholder label {
	position: absolute;
	right: 20px;
	text-align: right;
	top: 50%;
	-o-transform: translateY(-50%);
  	-ms-transform: translateY(-50%);
  	-moz-transform: translateY(-50%);
  	-webkit-transform: translateY(-50%);  
  	transform: translateY(-50%);
  	color: #8a8a8a;
  	margin-bottom: 0;
  }

.styled-select {position: relative;}
.styled-select select {
  cursor:pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  height: 47px;
}
.styled-select select::-ms-expand {
    display: none;
}
.styled-select select:focus {outline: 1px solid #C3002F;}

.styled-select::before,
.styled-select::after {
  content: "";
  position: absolute;
  pointer-events: none;
}

.styled-select::after { /*  Custom dropdown arrow */
  content: "\f078";
  font-size: 11px;
  color: #C3002F;
  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;
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -4px;

}

.styled-select::before { /*  Custom dropdown arrow cover */
  width: 48px;
  height: 25px;
  border-left: 1px solid #e7e7e7;
  right: 0;
  top: 50%;
  bottom: 0;
  -o-transform: translateY(-50%);
  	-ms-transform: translateY(-50%);
  	-moz-transform: translateY(-50%);
  	-webkit-transform: translateY(-50%);  
  	transform: translateY(-50%);

}


.text-field p {color: #8a8a8a; margin-bottom: 0;}

input[type=range] {
  -webkit-appearance: none;
  margin: 6px 0;
  width: 100%;
  position: relative;
  z-index: 2;
  border: none; 
}
input[type=range]:focus {
  outline: none;
  border: none;
}
input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 6px;
  cursor: pointer;
  animate: 0.2s;
  box-shadow: 0px 0px 0px #000000;
  background: #fff;
  border-radius: 0px;
  border: 0px solid #eeeeee;
}
input[type=range]::-webkit-slider-thumb {
  box-shadow: 0px 0px 1px #000000;
  border: 1px solid #C3002F;
  height: 12px;
  width: 12px;
  border-radius: 12px;
  background: #C3002F;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -3.5px;

}
input[type=range]:focus::-webkit-slider-runnable-track {
  background: #fff;
}
input[type=range]::-moz-range-track {
  width: 100%;
  height: 6px;
  cursor: pointer;
  animate: 0.2s;
  box-shadow: 0px 0px 0px #000000;
  background: #fff;
  border-radius: 0px;
  border: 0px solid #eeeeee;
}
input[type=range]::-moz-range-thumb {
  box-shadow: 0px 0px 1px #000000;
  border: 1px solid #C3002F;
  height: 12px;
  width: 12px;
  border-radius: 12px;
  background: #C3002F;
  cursor: pointer;
}
input[type=range]::-ms-track {
  width: 100%;
  height: 6px;
  cursor: pointer;
  animate: 0.2s;
  background: transparent;
  border-color: transparent;
  color: transparent;
}
input[type=range]::-ms-fill-lower {
  background: #fff;
  border: 0px solid #eeeeee;
  border-radius: 0px;
  box-shadow: 0px 0px 0px #000000;
}
input[type=range]::-ms-fill-upper {
  background: #fff;
  border: 0px solid #eeeeee;
  border-radius: 0px;
  box-shadow: 0px 0px 0px #000000;
}
input[type=range]::-ms-thumb {
  box-shadow: 0px 0px 1px #000000;
  border: 1px solid #C3002F;
  height: 12px;
  width: 12px;
  border-radius: 12px;
  background: #C3002F;
  cursor: pointer;
}
input[type=range]:focus::-ms-fill-lower {
  background: #fff;
}
input[type=range]:focus::-ms-fill-upper {
  background: #fff;
}

datalist {
 width: 100%;
display: flex;
justify-content: space-between;
}

#tickmarks option {
display: inline;
position: relative;
width: 12px;
font-size: 14px;
font-weight: bold;
text-align: center;
}

#tickmarks option:before {
	content: '';
	position: absolute;
	top: -15px;
	left: 0px;
	width: 12px;
	height: 12px;
	border-radius: 15px;
	background-color: #fff;
	z-index: 1;
}

.transparent-form .text-field input, .transparent-form .text-field textarea, .transparent-form .text-field select {border: 1px solid #fff; background-color: transparent; color: #fff;}
.transparent-form .text-field input:focus, .transparent-form .text-field textarea:focus, .transparent-form .text-field select:focus {border: 1px solid #C3002F;}
.transparent-form .text-field input::-webkit-input-placeholder, .transparent-form .text-field textarea::-webkit-input-placeholder { color: #fff; }
.transparent-form .text-field input:-ms-input-placeholder, .transparent-form .text-field textarea:-ms-input-placeholder { color: #fff; }
.transparent-form .text-field input::-ms-input-placeholder, .transparent-form .text-field textarea::-ms-input-placeholder { color: #fff; }
.transparent-form .text-field input::placeholder, .transparent-form .text-field textarea::placeholder { color: #fff; }

/*range*/
.irs {font-family: "Nissan Brand";}
.irs--flat .irs-min, .irs--flat .irs-max, .irs--flat .irs-single {display: none;}
.irs--flat .irs-handle {
    top: 21px;
    width: 14px;
    height: 14px;
    background-color: #c40230;
    border-radius: 20px;
    cursor: pointer;
}
.irs--flat .irs-handle>i:first-child {display: none;}
.irs--flat .irs-line {
    top: 25px;
    height: 6px;
    background-color: #fff;
    border-radius: 0px;
}
.irs--flat .irs-bar {
  background-color: #c40230;
  height: 6px;
  z-index: 2;
}
.irs--flat .irs-grid-pol.small {display: none;}
.irs--flat .irs-grid-pol {top: -4px;}
.irs--flat .irs-grid-text {
  color: #000;
  font-size: 14px;
  line-height: 14px;
  font-weight: bold;
}

/*.irs--flat .irs-grid-text:before {
    content: '';
    position: absolute;
    top: -25px;
    left: 0px;
    width: 14px;
    height: 14px;
    border-radius: 15px;
    background-color: #fff;
    z-index: 1;
}*/

/*slice*/
.slice {margin-top: 40px; padding: 60px 0; position: relative;}
.left-slice:before {
  background: #fff;
  top: 0;
  bottom: 0;
  content: '';
  display: block;
  height: 100%;
  width: 2000px;
  right: 55%;
  position: absolute;  
  transform: skewX(-16deg);
  transform-origin: 100%;
  z-index: 1;

}

.right-slice:before {
  background: #fff;
  top: 0;
  bottom: 0;
  content: '';
  display: block;
  height: 100%;
  width: 2000px;
  left: 55%;
  position: absolute;  
  transform: skewX(-16deg);
  transform-origin: 100%;
  z-index: 1;

}

.left-slice-inner {position: relative;}
.left-slice-inner:before {
  background: #eeeeee;
  top: 0;
  bottom: 0;
  content: '';
  display: block;
  height: 100%;
  width: 2000px;
  right: -100px;
  position: absolute;  
  transform: skewX(-16deg);
  transform-origin: 100%;
  z-index: -1;

}

.right-slice-inner {position: relative;}
.right-slice-inner:before {
  background: #eeeeee;
  top: 0;
  bottom: 0;
  content: '';
  display: block;
  height: 100%;
  width: 2000px;
  left: -100px;
  position: absolute;  
  transform: skewX(-16deg);
  transform-origin: 100%;
  z-index: -1;

}

/*trade in*/
.old-slice {background-size: 1150px auto!important; margin-bottom: 50px;}
.tradein-block.old-tradein {
  background-image: url(../img/tradein/td-old-icon.png);
  background-repeat: no-repeat;
  background-position: 90% center;
  background-size: 500px;
   }
.tradein-block-img.old-tradein {
  background-image: url(../img/tradein/td-old-icon.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto 80%;
}   
.col-content {
	min-height: 600px;
	display: flex;
	flex-flow: column;
}
.content-inner {margin: auto 0;}
.tradein-block {
	background: url(../img/tradein/tr-1920.jpg) right center no-repeat;
	background-size: contain;
}
.tradein-block .btn-cta {max-width: 450px;}

/*testdrive*/
.testdrive-block {
	background: url(../img/testdrive/td-1920.jpg) left center no-repeat;
	background-size: contain;
}


/*feedback*/
.feedback-block {padding-bottom: 70px;}
.feedback-col {padding: 0 45px;}
.feedback > a {display: block; position: relative;}
.feedback img {margin-bottom: 70px;}
.play-btn {
    width: 80px;
    height: 80px;
    padding: 0;
    margin: 0;
    border-radius: 80px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -40px;
    margin-left: -40px;
    text-align: center;
    line-height: 80px;
    font-size: 20px;
    color: #343434;
    background-color: rgba(255,255,255,0.8);
}
.feedback-text {
	position: relative;
	padding: 35px;
	border-top: 1px solid #eeeeee;
	border-bottom: 1px solid #eeeeee;

 }
 .feedback-text:before {
 	content: '';
 	position: absolute;
 	top: 0;
 	left: 0;
 	background-color: #fff;
 	background-image: url(../img/svg/left-quote.svg);
 	background-size: 30px;
 	background-repeat: no-repeat;
 	background-position: left center;
 	height: 36px;
 	width: 40px;
 	-o-transform: translateY(-100%);
  	-ms-transform: translateY(-100%);
  	-moz-transform: translateY(-100%);
  	-webkit-transform: translateY(-100%);  
  	transform: translateY(-100%);
 }

.feedback-name {margin-bottom: 0; margin-top: 15px; font-weight: bold; text-transform: uppercase;}
.feedback .link {margin: 10px 0; display: block; text-align: right;}
.feedback-slider .slick-arrow {top: 200px;}
.slider-feedback-controls {padding-top: 40px;}

.feedback-block .pagingInfo {display: none;}


/*question*/
.question {
	background: url(../img/question/q-bg-1920.jpg) center bottom no-repeat;
	background-size: cover;
	color: #fff;
	padding: 100px;
}
.question .status {text-align: center; margin-bottom: 30px;}
.question .status b {font-weight: bold;}


/*footer*/
footer {
	background-color: #1a1a1a;
	padding: 40px 0;
	color: #767676;
	font-weight: 300;
}
.footer > .row {align-items: center;}
.footer-logo-col {display: flex; flex-flow: row; align-items: center; justify-content: space-between;}
.footer-logo-col img {
	width: 66px;
	display: inline-block;
	margin-right: 25px;
	 }
.footer-logo-col span {
	display: inline-block;
	padding-left: 25px;
	border-left: 1px solid #767676;
}
.ur-info p {margin-bottom: 0px;}
.ur-info a {text-decoration: underline;}

.social-block a {
 display: inline-block;
 margin-right: 10px;
 width: 20px;
 height: 20px;
}
.social-block a:last-of-type {
    margin-right: 0px;
}
.social-block a:hover {
	filter: grayscale(1);

}
.dyn-logo-col {text-align: right;}
.dyn-logo img {width: 160px;}

.under-footer {
	background-color: #000;
	padding: 25px 0 85px;
	color: #767676;
	font-weight: 300;
	font-size: 14px;
}

/*contacts*/
.contacts {
	background-repeat: no-repeat;
	background-size: contain;
	background-position: right center;
	background-image: url(../img/contacts/contacts-1920.jpg);
	margin: 0 auto 50px;
	font-size: 18px;
}
.work-h {margin-bottom: 28px;}
.contacts .phone {
	font-size: 30px;
	font-weight: 300;
	color: #C3002F;
	display: block;
	margin-bottom: 2px;
}
.contacts .phone:hover {color: #920023;}
.mail-link {color: #000; font-weight: 300; margin-bottom: 30px; display: inline-block;}
.mail-link:hover {color: #C3002F;}
.social-links {margin-bottom: 60px;}
.social-links a {
	display: inline-block;
	width: 46px;
	height: 46px;
	line-height: 46px;
	border-radius: 50px;
	text-align: center;
	color: #fff;
	font-size: 20px;
	margin-right: 15px;
}
.social-links a:last-of-type {margin-right: 0;}
.vk-link {background: #507299;}
.fb-link {background: #4268b3;}
.ig-link {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 );}
.yt-link {background-color: #ff0000;}
.social-links a:hover {background: #C3002F;}
.contacts .btn { max-width: 340px; }
.map {height: 600px;}



/*service*/
.services-list {padding-bottom: 60px;}
.service-slider .slide .row {
    min-height: 460px;
    padding: 40px 0;
}
.slide-undertitle {margin-bottom: 25px;}
.service-slider .btn {max-width: 320px;}

/*service-list*/
.services-inner {margin-bottom: 30px;}
.services-img {
	position: relative;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	height: 320px;
}
.services-img:before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
background: rgb(0,0,0);
background: -moz-linear-gradient(0deg, rgba(0,0,0,0.8743872549019608) 0%, rgba(0,0,0,0.4066001400560224) 32%, rgba(0,0,0,0) 100%);
background: -webkit-linear-gradient(0deg, rgba(0,0,0,0.8743872549019608) 0%, rgba(0,0,0,0.4066001400560224) 32%, rgba(0,0,0,0) 100%);
background: linear-gradient(0deg, rgba(0,0,0,0.8743872549019608) 0%, rgba(0,0,0,0.4066001400560224) 32%, rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
	z-index: 1;
}
.services-info {
	position: relative;
	background-color:#eeeeee;
	padding: 10px 60px 60px;
	text-align: center;
 }

.services-info:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	background-color:#eeeeee;
	width: 100%;
	height: 100px;
	transform: skewY(9deg);
    transform-origin: 100%;
    z-index: 2

} 

.service-name {
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 20px;
	text-transform: uppercase;
	position: relative;
	z-index: 5;
}
.service-text {
	margin-bottom: 15px;
	font-weight: 300;
	position: relative;
	z-index: 5;
} 
.services-info .btn {
	position: relative;
	z-index: 5;
	margin-bottom: 10px;
}
.services-info .btn:last-of-type {margin-bottom: 0;}
.services-btn-block .btn {margin: 20px auto 0;}

/*service-sale*/
.service-sale {padding-bottom: 50px;}
.service-sale-slider {padding: 0 30px;}
.service-sale .pagingInfo {display: none;}
.service-sale-col {
	padding: 0 30px 30px;
}
.service-sale-inner {
	-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.10);
    -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.10);
    box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.10);
    overflow: hidden;
}

.service-sale-img {
	min-height: 180px;
	position: relative;
	overflow: hidden;
	padding: 40px 40px 50px;
}
.service-sale-img:before {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(0,0,0,0.65);
z-index: 2;
}
.service-sale-img:after {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-position: top center;
background-size: cover;
background-repeat: no-repeat;
filter: blur(3px);
z-index: 1;
}
.service-sale-img h3 {
font-size: 24px;
font-weight: 300;
text-align: center;
position: relative;
z-index: 5;
color: #fff;
text-transform: uppercase;	
}
.service-sale-info {
	position: relative;
	background-color: #fff;
	padding: 30px 35px 35px;
	font-weight: 300;
}
.service-sale-info:before {
	content: '';
	position: absolute;
	top: 50px;
	left: 0;
	background-color:#fff;
	width: 640px;
	height: 100px;
	transform: skewY(9deg);
    transform-origin: 100%;
    z-index: 2;

}
.service-sale-info:after {
	content: '';
	position: absolute;
	top: 50px;
	right: 0;
	background-color:#fff;
	width: 640px;
	height: 100px;
    transform-origin: 100%;
    z-index: 3;
  -o-transform: translateY(-100%) skewY(-9deg);
  -ms-transform: translateY(-100%) skewY(-9deg);
  -moz-transform: translateY(-100%) skewY(-9deg);
  -webkit-transform: translateY(-100%) skewY(-9deg);  
  transform: translateY(-100%) skewY(-9deg);

}  

.service-sale-text {margin-bottom: 30px; position: relative; z-index: 5;}
.service-sale-text a {margin-top: 10px; display: inline-block;}
.service-sale-info .btn {margin: 0 auto; position: relative; z-index: 5;}


/*question-service*/
.question-service {
	margin: 0;
	background-size: auto 520px;
	background-repeat: no-repeat;
	background-position: center right;
	background-image: url(../img/service/q-1920.jpg);
	padding: 0px;
	margin-bottom: 50px; 
}
.question-service .left-slice-inner:before {
	right: -200px
}

/*services-list-full*/
.services-list-full {columns: 2; padding-bottom: 70px;}
.services-list-full a {display: block; margin-bottom: 10px;}
.services-full-slide .slide .row {min-height: 350px; padding: 30px 0;}
.services-slide-1 {background-image: url(../img/service/services-full/1/service-bg.jpg);}
.services-slide-2 {background-image: url(../img/service/services-full/2/service-bg.jpg);}
.services-slide-3 {background-image: url(../img/service/services-full/3/service-bg.jpg);}
.services-slide-4 {background-image: url(../img/service/services-full/4/service-bg.jpg);}
.services-slide-5 {background-image:url(../img/service/services-full/5/service-bg.jpg);}
.services-slide-6 {background-image: url(../img/service/services-full/6/service-bg.jpg);}
.services-slide-7 {background-image: url(../img/service/services-full/7/service-bg.jpg);}
.services-slide-8 {background-image: url(../img/service/services-full/8/service-bg.jpg);}
.services-slide-9 {background-image: url(../img/service/services-full/9/service-bg.jpg);}
.services-slide-10 {background-image: url(../img/service/services-full/10/service-bg.jpg);}
.services-slide-11 {background-image: url(../img/service/services-full/11/service-bg.jpg);}
.services-slide-12 {background-image: url(../img/service/services-full/12/service-bg.jpg);}
.services-slide-13 {background-image: url(../img/service/services-full/13/service-bg.jpg);}
.services-slide-14 {background-image: url(../img/service/services-full/14/service-bg.jpg);}
.services-slide-15 {background-image: url(../img/service/services-full/15/service-bg.jpg);}
.services-slide-16 {background-image: url(../img/service/services-full/16/service-bg.jpg);}
.services-slide-17 {background-image: url(../img/service/services-full/17/service-bg.jpg);}
.services-slide-18 {background-image: url(../img/service/services-full/18/service-bg.jpg);}
.services-slide-19 {background-image: url(../img/service/services-full/19/service-bg.jpg);}
.services-slide-20 {background-image: url(../img/service/services-full/20/service-bg.jpg);}
.services-slide-21 {background-image: url(../img/service/services-full/21/service-bg.jpg);}
.services-slide-22 {background-image: url(../img/service/services-full/22/service-bg.jpg);}
.services-slide-23 {background-image: url(../img/service/services-full/23/service-bg.jpg);}
.services-slide-24 {background-image: url(../img/service/services-full/24/service-bg.jpg);}
.services-slide-25 {background-image: url(../img/service/services-full/25/service-bg.jpg);}
.services-slide-26 {background-image: url(../img/service/services-full/26/service-bg.jpg);}
.services-slide-27 {background-image: url(../img/service/services-full/27/service-bg.jpg);}
.services-slide-28 {background-image: url(../img/service/services-full/28/service-bg.jpg);}
.services-slide-29 {background-image: url(../img/service/services-full/29/service-bg.jpg);}
.services-slide-30 {background-image: url(../img/service/services-full/30/service-bg.jpg);}
.services-slide-31 {background-image: url(../img/service/services-full/31/service-bg.jpg);}
.services-slide-32 {background-image: url(../img/service/services-full/32/service-bg.jpg);}
.services-slide-33 {background-image: url(../img/service/services-full/33/service-bg.jpg);}
.services-slide-34 {background-image: url(../img/service/services-full/34/service-bg.jpg);}


/*service features*/
.features-block {background-color: #fdfdfd;}
.features-block .feature {margin-bottom: 40px;}
.features-block .img-block {float: left;}
.features-block .text-block {float: left; padding-left: 30px; width: calc(100% - 70px); font-size: 14px;}
.features-block .feature-name {font-weight: bold; text-transform: uppercase; font-size: 16px; margin-bottom: 5px;}
.features-block .img-block img {width: 70px;}





/*instock*/
.slide-instock .slide .row {
    min-height: 400px;
    padding: 40px 0;
}

.slide-new {background-image: url(../img/slider/instock/new/1920.jpg);}
.slide-old {background-image: url(../img/slider/instock/old/1920.jpg);}
@media (max-width: 1601px) {
.slide-new {background-image: url(../img/slider/instock/new/1440.jpg);}
.slide-old {background-image: url(../img/slider/instock/old/1440.jpg);}
}

@media (max-width: 1171px) {
.slide-new {background-image: url(../img/slider/instock/new/1170.jpg);}
.slide-old {background-image: url(../img/slider/instock/old/1170.jpg);}
}

@media (max-width: 961px) {
.slide-new {background-image: url(../img/slider/instock/new/960.jpg);}
.slide-old {background-image: url(../img/slider/instock/old/960.jpg);}
}

@media (max-width: 641px) {
.slide-new {background-image: url(../img/slider/instock/new/640.jpg);}
.slide-old {background-image: url(../img/slider/instock/old/640.jpg);}
} 


/* 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: 15px 20px;
    position: relative;
    border: 1px solid #c9c9c9;
    border-bottom: none;
    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;
    color: #000;
    font-weight: bold;
    line-height: 1;
}
.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 .drop-down-active-item::before {
    content: "\f04b";
    font-size: 9px;
    height: 48px;
    width: 25px;
    line-height: 48px;
    text-align: center;
    color: #C3002F;
    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;
    -o-transform: rotate(90deg) translateY(-50%);
    -ms-transform: rotate(90deg) translateY(-50%);
    -moz-transform: rotate(90deg) translateY(-50%);
    -webkit-transform: rotate(90deg) translateY(-50%);
    transform: rotate(90deg);
    position: absolute;
    top: 0px;
    right: 10px;
    border-bottom: 1px solid #e7e7e7;
}

.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:#C3002F;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:#C3002F;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:#C3002F;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}


/*instock*/
.filter {padding: 90px 0 0px;}
.filter h2 {
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  margin-bottom: 10px;
  font-size: 30px;
}
.filter h2 + p {font-size: 18px; margin-bottom: 40px;}
.filter .row {align-items: flex-end;}
.filter-head {display: block; font-size: 14px; font-weight: 300; color: #8a8a8a; margin-bottom: 5px;}
.filter .bem-count.row {align-items: center; padding-top: 40px; padding: 18px 0; border-top: 1px solid #e7e7e7; margin-top: 40px;}
.bem-count__inner {font-size: 14px; text-transform: uppercase; color: #8a8a8a;}
.reset-link-block {text-align: right;}
.reset-link {text-transform: uppercase; font-size: 14px; color: #000;}
.reset-link i {color: #C3002F; margin-right: 5px;}
.reset-link:hover {color: #C3002F;}

.instock-block {
  background-color: #fafafa;
  padding: 50px 0;
}
.instock-col {margin-bottom: 30px;}
.item {background-color: #fff;}
.item  .img-cont {padding: 0 20px;}

.item .inner {padding: 0 35px 35px;}
.item .name {font-weight: bold; text-transform: uppercase; margin-bottom: 20px;}
.item-features {margin-bottom: 15px;}
.item-feature {font-size: 14px; margin-bottom: 5px; font-weight: 300;}
.item-feature:last-of-type {margin-bottom: 0px;}
.item .price {font-weight: bold; margin-bottom: 20px;}
.price-block {
  padding: 13px 0;
  border-top: 1px dashed #e1e1e1;
  border-bottom: 1px dashed #e1e1e1;
  color: #C3002F;
  margin-bottom: 25px;
}
.price-block p {margin-bottom: 0}
.price-block small {font-size: 85%;}
.price-block a {color: #000; text-decoration: underline; font-weight: bold;}
.price-block a:hover {color: #C3002F;}
/*.item .btn-skel {margin-bottom: 15px;}*/
.item .btns a:first-of-type {margin-bottom: 15px;}

.gray-link {display: inline-block; text-decoration: underline; color: #8a8a8a; margin-bottom: 15px;}
.bem-key-features--hidden {display: none;}
.bem-keyFeatures .modal-dialog {max-width: 1200px;}
.bem-keyFeatures .modal-content {background-color: #fff; text-align: left;}
.bem-keyFeatures .name {font-size: 20px; font-weight: bold; text-transform: uppercase; margin-bottom: 20px;}
.bem-keyFeatures .price {font-weight: bold; margin-bottom: 20px;}
.bem-keyFeatures .item-feature {font-size: 16px;  font-weight: normal;}
.bem-keyFeatures .item-feature:last-of-type {margin-bottom: 15px;}
.bem-key-features-description {font-size: 14px; font-weight: 300; margin-bottom: 20px;}


.cta-flat {
    max-height: 300px;
    overflow: hidden;
}
.collapse.show + .cta-flat, .collapsing + .cta-flat {
    max-height: 0px;
}

.item.old .img-cont {padding: 0;}
.item.old  .inner {padding: 10px 35px 35px;}
.model-old-section {padding-bottom: 70px;}
.old-slide {
  height: 500px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.slider-old-controls .slick-dots > li > button {width: 40px;}
.car-ul{
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 18px;
  margin-bottom: 30px;
  font-weight: 300;
}
.car-ul li{
  margin-bottom: 10px;

}
.car-ul span{
  font-weight: bold;
}

/*thank-you*/
.thx-page {
    position: relative;
    display: flex;
    flex-flow: column;
    min-height: 100vh;
}
.thx {
    padding: 120px 0;
    position: relative;
    text-align: center;
    flex: 1 0 auto;
}
.thx-page footer {
    flex: 0 0 auto;
}



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. */
}

/* 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: -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.3);
}

.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: 999; /* 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: 360px) { /* Slidebar widths on extra small screens. */
  .sb-slidebar {
    width: 85%;
  }
  
  .sb-width-thin {
    width: 55%;
  }
  
  .sb-width-wide {
    width: 85%;
  }
}

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

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

@media (min-width: 992px) { /* Slidebar widths on large screens. */
  .sb-slidebar {
    width: 35%;
  }
  
  .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. */
}


/*sidemenu*/
.sb-slidebar {
  background-color: #fff;
  padding: 0 10px 30px 30px;}
.close-menu {height: 54px;}
.sb-slidebar .menu-col {padding: 0;}
.sb-slidebar .main-menu {
    display: flex;
    flex-flow: column;
    justify-content: flex;
    align-items: flex-start;
}
.sb-slidebar .main-menu a {
  font-size: 18px;
  margin-bottom: 10px;
  margin-right: 0;
}



@media (max-width: 1601px) {

/*base*/

h1 {font-size: 28px;}
.small-h1 {font-size: 20px;}
.page-title {margin: 40px auto 50px;}
h2 {font-size: 30px;}

.plus li {margin-bottom: 20px;}
.plus li:last-of-type {margin-bottom: 30px;}
.main-logo-col {padding-right: 0;}



/*model-list*/
.car-nav img {margin: 0 auto 10px;}
.car-nav .car-name {padding-bottom: 10px;}
.tab-content {padding-top: 20px;}

.instock-y {padding: 15px 15px 15px 20px;}
.car-nav-img-block {padding: 80px 0 0px;}
.car-nav-img-block img {width: 95%;}

.car-nav-card-info {padding: 30px 0 40px;}
.car-nav-card-info:after {left: -130px;}
.price-col p.price b {font-size: 30px;}
.car-nav-feature {font-size: 14px;}
.car-nav-feature img {width: 40px;}

/*model*/
.main-info-block {padding-bottom: 40px;}


/*slice*/
.col-content {min-height: 520px;}

/*tradein*/
.tradein-block {
    background: url(../img/tradein/tr-1440.jpg) right center no-repeat;
    background-size: contain;
}

/*testdrive*/
.testdrive-block {
    background: url(../img/testdrive/td-1440.jpg) left center no-repeat;
    background-size: contain;
}


/*feedback*/
.feedback img {margin-bottom: 40px;}
.feedback-text {padding: 20px 0; font-size: 15px;}
.feedback-text:before {
    background-size: 22px;
    height: 22px;
    width: 30px;
}
.feedback-block {padding-bottom: 50px;}
.feedback-slider .slick-arrow {top: 154px;}

/*question*/
.question {
    background: url(../img/question/q-bg-1440.jpg) center bottom no-repeat;
    background-size: cover;
    color: #fff;
    padding: 70px 0;
}

/*footer*/
footer {font-size: 14px;}
.social-block {padding: 0;}
.social-block a {margin-right: 10px;}

/*contacts*/
.contacts {background-image: url(../img/contacts/contacts-1440.jpg);}
.map {height: 500px;}

/*service*/
.services-img {height: 200px;}
.services-info {padding: 20px 40px 40px;}
.service-sale-img h3 {font-size: 21px;}

/*question-service*/
.question-service {background-size: auto 450px;}
.question-service h2 small {font-size: 22px;}
.question-service .left-slice-inner:before {right: -100px;}
.question-service .col-content {padding: 40px 15px;}


/*instock*/
.filter {padding: 50px 0 0px;}
.filter h2 {font-size: 26px;}
.filter h2 + p {font-size: 16px; margin-bottom: 30px;}
.item .name {margin-bottom: 10px; font-size: 15px;}
.item .inner {padding: 0 20px 20px;}
.item-feature {font-size: 13px;}
.item .price {font-size: 15px; margin-bottom: 15px;}
.price-block {padding: 8px 0; font-size: 15px; margin-bottom: 15px;}
.gray-link {font-size: 15px;}

.bem-keyFeatures .name {margin-bottom: 15px;}
.bem-keyFeatures .item-feature {
    font-size: 14px;
   
}


.item.old  .inner {padding: 10px 20px 20px;}
.model-old-section {padding-bottom: 50px;}
.slider-old-controls .slick-dots > li > button {width: 30px;}
.car-ul{
  font-size: 16px;
}



}

@media (max-width: 1171px) {

/*base*/

h1 {font-size: 26px;}
.small-h1 {font-size: 20px;}
h2 {font-size: 25px;}
.has-title h2 {
    padding-top: 40px;
    max-width: 650px;
    margin: 0 auto 40px;
}

.btn-cta {
    margin-bottom: 20px;
    font-size: 14px;
}
/*slick*/
.slick-dots > li > button {width: 60px; margin: 0 5px;}


/*model-list*/
.car-nav {padding: 0 15px;}
.name-row h2 {padding-top: 0;  margin: 0;}
.discl {font-size: 12px;}

/*model*/
.btns-block + .link {margin-top: 20px; font-size: 14px;}

/*slice*/
.col-content {min-height: 500px;}
.slice {padding: 40px 0;}
.left-slice:before {right: 60%;}
.right-slice:before {left: 60%;}

/*feedback*/
.feedback-slider {padding: 0 25px;}
.feedback-slider .slick-arrow {top: 134px;}
.feedback-col {padding: 0 15px;}

/*question*/
.question {
    background: url(../img/question/q-bg-1170.jpg) center bottom no-repeat;
    background-size: cover;
}

/*footer*/
footer {font-size: 13px;}
.footer-logo-col img {width: 47px;
    margin-right: 10px;}
.footer-logo-col span {padding-left: 10px;}
.social-block {padding: 0;}
.social-block a {margin-right: 5px;}


/*contacts*/
.contacts {
	background-image: url(../img/contacts/contacts-1170.jpg);
	font-size: 16px;
}
.contacts h2 {font-size: 24px;}
.work-h {margin-bottom: 26px;}
.contacts .phone {font-size: 24px;}
.social-links {margin-bottom: 40px;}

/*service*/
.services-info {padding: 10px 20px 20px;}
.service-sale-col {padding: 0 20px 30px;}
.service-sale-img h3 {font-size: 19px;}

/*services-list-full*/
.services-list-full {columns: 1; padding-bottom: 50px;}

/*service-features*/
.features-block  .feature-name {font-size: 15px;}
.features-block  .features-text {font-size: 13px;}

/*question-service*/
.question-service {background-size: auto 440px; background-image: url(../img/service/q-1170.jpg); }
.question-service h2 small {font-size: 18px;}


/*instock*/
.bem-keyFeatures .modal-dialog {
    max-width: 900px;
}

.model-old-section .btns-block {flex-flow: column;}
.model-old-section .btns-block .btn:first-of-type {margin-bottom: 10px;}

}

@media (max-width: 961px) {

/*base*/

h1 {font-size: 25px;}
h2 {font-size: 22px;}
.light-bg:after {
	background-size: 1170px;
  background-position: initial;
}

/*model-list*/
.model-list {
	-webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.06);
    -moz-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.06);
    box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.06);
}


.car-nav-img-block {padding: 0px; text-align: center;}
.instock-y {font-size: 14px;}
.car-nav-img-block img {width: 80%;}
.car-nav-img-block:after {right: 50px;}
.car-nav-card-info:after {display: none;}

/*model*/
.main-info-block {padding-bottom: 0px;}


/*tradein*/
.tradein-block {
    background: url(../img/tradein/tr-960.jpg) right center no-repeat;
    background-size: contain;
}

.testdrive-block {
    background: url(../img/testdrive/td-960.jpg) left center no-repeat;
    background-size: contain;
}

/*feedback*/
.feedback-col {padding: 0 10px;}
.feedback-slider .slick-arrow {top: 85px;}

.play-btn {
    width: 50px;
    height: 50px;
    margin-top: -25px;
    margin-left: -25px;
    line-height: 50px;
    font-size: 16px;
}

/*question*/
.question {
    background: url(../img/question/q-bg-960.jpg) center bottom no-repeat;
    background-size: cover;
}

/*footer*/

.social-block {
    padding: 0px;
    text-align: center;
}

.ur-info {margin-top: 15px;}


/*contacts*/
.contacts {
	background-image: url(../img/contacts/contacts-960.jpg);
	font-size: 16px;
}
.contacts h2 {font-size: 22px;}


/*service*/
.service-name {font-size: 15px;}
.service-text {font-size: 14px;}

/*question-service*/
.question-service h2 small {font-size: 16px;}
.question-service {
	padding: 0;
    background-size: auto 440px;
    background-image: url(../img/service/q-960.jpg);
}

/*instock*/
.filter-item, .filter .btn-block {margin-bottom: 15px;}
.filter .bem-count.row {margin-top: 20px;}
.filter h2 {font-size: 22px;}

.model-old-section .btns-block {flex-flow: row;}
.model-old-section .btns-block .btn:first-of-type {margin-bottom: 0px;}

}

@media (max-width: 641px) {

/*base*/

.container {padding: 0 15px;}
h1 {font-size: 16px; font-weight: bold;}
.page-title {font-size: 22px; font-weight: 300; margin: 30px auto 30px; padding: 0 15px;}
h2 {font-size: 18px;}
.has-title h2 {padding: 40px 15px 0;}

.light-bg:after {
    background-position: top center;
    background-size: cover;
    background-image: url(../img/light-bg-640.png);
    opacity: 0.9;
}

.sb-slidebar .main-menu a {font-size: 16px;}

/*inputs */
.text-field textarea {
    resize: none;
    min-height: 100px;
}

/*slick*/
.slick-dots > li > button {width: 20px;}

/*plus*/
.plus li {margin-bottom: 15px; font-size: 14px; line-height: 1.3; padding-left: 25px;}
.plus li:last-of-type {margin-bottom: 20px;}
.plus li:before {
    top: 2px;
    height: 14px;
    width: 14px;
    background-size: 14px;
}

/*modals*/
.modal-content { padding: 30px;}
.under-btn {line-height: 1.1;}
.form-header + p {font-size: 14px;}
.text-modal {font-size: 13px;}
.text-modal  .modal-content {padding-top: 40px;}

/*models-list*/
.tab-content {padding-top: 0px;}
.model-slider .fade:not(.show) {opacity: 1;}

.instock-y {
	font-size: 13px;
	padding: 10px 0px 10px 15px;
}
.car-nav-img-block {padding: 40px 0 10px;}
.car-nav-img-block img {margin: 0 auto; max-width: 256px;}
.car-nav-img-block:after {
	top: 60px;
	height: calc(100% - 100px);
}
.car-nav-card-info {padding: 0 15px; max-width: 320px; margin: 0 auto;}
.name-row {flex-flow: column;}
.name-row h2 {
    padding-top: 0;
    margin: 0;
    text-align: center;
    display: block;
}
.price-col p {font-size: 13px;}
.price-col p.price {margin-bottom: 30px; font-size: 13px;}
.price-col p.price b {font-size: 20px;}

.car-nav-card-info .link { text-align: center; margin-bottom: 15px; }

.btns-block {flex-flow: column; margin: 0;}
.btns-block .btn {
    flex: 0 0 100%;
    max-width: 100%;
    margin: 0 0px 10px;
}
/*.btns-block .btn:last-of-type {margin-bottom: 0;}*/
.model-slider .slick-arrow {top: 110px;}
.slider-models-controls {padding: 20px 0;}

/*model*/
.more-info-block {padding: 15px 15px 20px; font-size: 13px; max-width: 320px;}
.more-info-block:after {
    width: 30px;
    height: 30px;
    background-size: 15px;}

/*credit*/
.credit-main .form-col {padding: 0;}
.form-inner {padding: 30px 20px;}
.option-val {padding: 15px;}
.bank-list {padding-top: 0;}

.bank-row {margin-top: 0px;}
.bank-row .bank-item {margin-bottom: 0px;}


/*slice*/
.slice {padding: 0; margin: 0;}
.col-content {
    min-height: unset;
    padding: 30px 15px;
}
.slice-img {
	height: 240px;
	width: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
/*trade-in*/
.tradein-block, .tradein-block.old-tradein {background: none;}
.old-slice {margin-bottom: 0;}
.tradein-block-img {background-image: url(../img/tradein/tr-640.jpg);}



/*testdrive*/
.testdrive-block {background: none;}
.testdrive-block-img {background-image: url(../img/testdrive/td-640.jpg);}

/*feedback*/
.feedback-block {padding-bottom: 30px;}
.feedback-block .container {padding: 0;}
.slider-feedback-controls { padding-top: 20px;}
.feedback-block .pagingInfo {display: block;}
.feedback-block .slick-dots li {display: none;}

/*question*/
.question {
    background: url(../img/question/q-bg-640.jpg) center bottom no-repeat;
    background-size: cover;
    padding: 50px 0;
}
.question .status {
    text-align: left;
    margin-bottom: 20px;
    display: flex;
    flex-flow: row;
    align-items: baseline;
    justify-content: center;
}
.status-lamp {flex: 0 0 10px;}


/*footer*/
.footer-logo-col {justify-content: center;}
.footer-logo-col span {width: 160px;}
.footer-logo-col img {
    width: 68px;}

.dyn-logo-col {text-align: center; margin-top: 15px;}
.social-block {margin-top: 15px;}
.social-block a {
    width: 30px;
    height: 30px;
}

.under-footer {font-size: 13px;}


/*contacts*/
.contacts {
	background-image: none;
	font-size: 14px;
	text-align: center;
}
.contacts h2 {font-size: 18px;}
.address-text {margin-bottom: 10px;}
.work-h {margin-bottom: 16px;}
.social-links {margin-bottom: 30px;}
.social-links a {
    width: 42px;
    height: 42px;
    line-height: 42px;
    font-size: 18px;
    margin-right: 10px;
}
.contacts-block-img {background-image: url(../img/contacts/contacts-640.jpg);}

.map {height: 450px;}

/*services*/
.service-sale-slider {padding: 0;}
.service-slider .slide .row {padding: 30px 0 30px;}
.service-sale-img h3 {font-size: 16px;}
.service-sale-img {padding: 40px 20px;}
.service-sale-col {padding: 0 0px 30px;}
.service-sale-info {padding: 20px; font-size: 14px;}
.service-sale .pagingInfo {display: inline-block;}
.service-sale .slick-dots > li {display: none;}

/*services-list-full*/
.services-list-full a {font-size: 14px; margin-bottom: 15px;}

/*service-features*/
.features-block {padding-bottom: 50px;}
.features-block .img-block {float: none;}
.features-block .img-block img {width: 60px; margin: 0 auto 20px;}
.features-block .text-block {width: 100%; float: none; padding: 0; text-align: center;}
.features-block .feature {margin-bottom: 0px;}



/*question-service*/
.question-service {background-image: none;}
.question-service h2 {text-align: center;}
.question-service h2 small {font-size: 14px;}
.question-block-img { background-image: url(../img/service/q-640.jpg);}

/*instock*/
.slide-instock .slide .row {padding: 30px 0;}
.bem-count {text-align: center;}
.reset-link-block {text-align: center; margin-bottom: 15px;}

.old-slide {height: 250px;}
.slider-old-controls .slick-dots > li > button {width: 12px; margin: 0 3px;}
.car-ul {font-size: 14px;}
.model-old-section .btns-block {
    flex-flow: column;
}
.model-old-section .btns-block .btn:first-of-type {
    margin-bottom: 10px;
}

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


}


/*quiz-btn*/
.quiz-btn {color: #fff; display: block; position: relative;z-index: 11; display: flex; flex-flow: row; align-items: center; font-size: 14px; font-weight: 300;}
.quiz-btn:hover {text-decoration: none; color: #fff;}
.quiz-btn img {width: 36px; height: 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;
      display: none;}
@-webkit-keyframes rainbow {
0% {background-color: #303030; box-shadow: 0 3px 10px 0 rgba(48, 48, 48, 0.4);}
50% {background-color: #c3002f; 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: 1440px) {
  .quiz-btn-bg {bottom: 100px;}
}

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





/*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: #C3002F;
  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: #C3002F;
  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: #C3002F;
}
.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;

} 
}


/*map-links*/

.map-links {
  flex-flow: column;
  align-items: center;
  justify-content: center;
  padding: 15px 0;
}
.map-links a {
  display: flex;
  width: 100%;
  max-width: 100%;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 15px;
  color: #000;

}
.link-img-block {
  background-color: #fff;
  border-radius: 5px;
  padding: 5px;
  margin-right: 15px;

}
.link-img-block img {
  max-width: 32px;
}
.map-address {margin-bottom: 0;}
.map-address .map-links {padding-bottom: 0;}

@media (max-width: 1171px) {
  .contacts .col-content {padding: 25px 0;}
}
@media screen and (max-width: 640px) {
 .map-links a {
  max-width: 275px;

} 
.contacts .btn {
    max-width: 340px;
    margin: 0 auto;
}
}




/*features-old*/
.feature {margin-bottom: 70px;}
.feature-title {
    font-size: 22px;
    margin-bottom: 16px;
    font-weight: bold;
}
.feature-text {padding-right: 40px;}
.price-form .form-cont {background-color: #fff; padding: 30px; text-align: center;}
.price-form .form-header { margin-bottom: 10px;}
.price-form .form-cont .heading {margin-top: 0;}
.price-form .form-cont .row {margin: 0;}
.price-form .form-cont .row > .text-field {padding: 0;}
.price-form .form-cont .btn {width: 100%; margin: 0;}
.feature-img {
    padding: 0;
}
.feature-text {
    padding-left: 40px;
}

.stop {
    position: relative;
    z-index: 2;
}
.sticky {
    position: fixed;
    z-index: 2;
}

.new-price-form img {margin-top: -90px; margin-bottom: 10px;}
@media (max-width: 1601px) {
.price-form.new-price-form .form-cont {padding: 20px;}
.price-form.new-price-form .form-header {font-size: 16px;}
}


@media (max-width: 1171px) {
.price-form .form-header {
    font-size: 18px;
}
.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;}

.price-form.new-price-form .form-cont {display: flex; flex-flow: row; align-items: center; justify-content: flex-start;}
.new-price-form img {margin-top: 0px; max-width: 400px; flex: 400px; margin-right: 50px;}
.section-about {padding-bottom: 30px;}
.new-price-form .form-header {text-align: left;}

}


@media screen and (max-width: 960px) {
.feature-title {
    font-size: 18px;
    margin-bottom: 10px;
}
.feature-description {
    line-height: 1.2;
    font-size: 15px;
}
}

@media screen and (max-width: 960px) {
.section-about {padding-bottom: 40px;}
.feature {
    margin: 0 0 0px;
}
.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;
}
.new-price-form img {max-width: 300px; flex: 300px; margin-right: 20px;}
.new-price-form .form-header {text-align: center;}
.slider-features-controls {width: 100%; padding: 0px 0 20px;}
}

.under-footer .card-heading, .under-footer .card-body {
    padding: 1rem 1.5rem;
}



/*BRAND NEW SITE 2021*/

/*base*/
.new-section {padding: 100px 0;}
.bg-mr {margin-bottom: 80px;}
.md-mr {margin-bottom: 60px;}

.top-deco {position: relative; padding-top: 15px;}
.top-deco:before {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -25px;
  width: 50px;
  height: 4px;
  background-color: #C3002F;
}

@media (max-width: 1601px) {
  body {font-size: 15px;}
  main {padding-top: 132px;}
  .new-section {padding: 70px 0;}
  .bg-mr {margin-bottom: 60px;}
  .md-mr {margin-bottom: 40px;}
}

@media (max-width: 1171px) {
  main {padding-top: 140px;}
  h2 {font-size: 30px;}


}

@media (max-width: 961px) {
body {font-size: 14px;}
main {padding-top: 100px;}
.new-section {padding: 50px 0;}
h2 {font-size: 24px;}
.bg-mr {margin-bottom: 40px;}
.md-mr {margin-bottom: 30px;}

}

@media (max-width: 641px) {
main {padding-top: 80px;}
.new-section {padding: 40px 0;}
h2 {font-size: 20px; line-height: 30px;}
.bg-mr {margin-bottom: 30px;}
.md-mr {margin-bottom: 20px;}

}

/*header*/

header {position: fixed; top: 0; left: 0; width: 100%; z-index: 90; background: #fff;}
.logo-col {align-items: center; flex-flow: row;}
.nissan-logo {width: 100px; margin-right: 40px; flex: 100px 0 0;}
.dynamica-col {text-align: center; color: #8A8A8A; font-size: 12px; line-height: 20px; font-weight: 400; text-transform: uppercase;}
.dynamica-col img {margin-bottom: 5px;}

.contacts-col {text-align: right; padding-top: 22px; padding-bottom: 22px;
-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;}
.contacts-link {color: #343434; position: relative; padding-left: 19px; margin-right: 55px;}
.contacts-link:before {
  content: '';
  position: absolute;
  top: 50%;
  margin-top: -6px;
  left: 0;
  height: 12px;
  width: 9px;
  background: url(../img/svg/contacts-marker.svg) center no-repeat;
  background-size: 9px;
}
.phone-link {font-weight: bold; color: #343434; margin-right: 20px; white-space: nowrap;}
.main-menu {display: flex; flex-flow: row; align-items: center; justify-content: flex-start; padding: 22px 0; border-top: 1px solid #EEEEEE;
-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;}
.main-menu a {color: #343434; text-transform: uppercase; margin-right: 170px;}
.contacts-link:hover, .phone-link:hover, .main-menu a:hover {color: #C3002F;}

header.scroll {
    -webkit-box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 15%);
    -moz-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 15%);
}

header.scroll .contacts-col, header.scroll .main-menu { padding-top: 14px; padding-bottom: 14px;} 

@media (max-width: 1601px) {
.nissan-logo {
    width: 80px;
    margin-right: 30px;
    flex: 80px 0 0;
}
.dynamica-col {font-size: 11px; line-height: 18px;}
.main-menu {font-size: 14px;}
header.scroll .contacts-col, header.scroll .main-menu { padding-top: 12px; padding-bottom: 12px;} 
}

@media (max-width: 1171px) {
.header-md .row {align-items: center;}
.nissan-logo {
    width: 60px;
    margin-right: 25px;
    flex: 60px 0 0;
}
.dynamica-col {font-size: 10px; line-height: 16px;}
.dynamica-col img {max-width: 120px;}
.dynamica-col span {display: block;}

.contacts-col {padding-top: 31px; padding-bottom: 31px;}
.main-menu {padding: 17px 0;}

header.scroll .contacts-col {
    padding-top: 25px;
    padding-bottom: 25px;
}


}

@media (max-width: 961px) {
header {padding: 20px 0;}
.dynamica-col {
    font-size: 9px;
    line-height: 14px;
}
.contacts-col {padding: 0 15px;}

.contacts-link {
    margin-right: 0px;
    margin-bottom: 10px;
    display: inline-block;
}

header.scroll .contacts-col {
    padding-top: 0px;
    padding-bottom: 0px;
}

}

@media (max-width: 641px) {

header {padding: 10px 0;}
.contacts-col {padding: 0;}
.phone-link {
    display: block;
    font-size: 18px;
    margin-bottom: 10px;
    margin-right: 0;
}
.close-menu .close-btn {right: 0;}

}


/*main-screen*/
.dark-slide {position: relative;}
.dark-slide:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 1180px;
  background: rgb(6,7,9);
  background: -moz-linear-gradient(90deg, rgba(6,7,9,1) 0%, rgba(6,7,9,0) 100%);
  background: -webkit-linear-gradient(90deg, rgba(6,7,9,1) 0%, rgba(6,7,9,0) 100%);
  background: linear-gradient(90deg, rgba(6,7,9,1) 0%, rgba(6,7,9,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#060709",endColorstr="#060709",GradientType=1);
}

.main-slide {
  color: #fff;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 80px 0;
}
.main-slide h1 {font-size: 42px; line-height: 60px; margin-bottom: 30px; text-transform: uppercase;}
.offer-header {font-size: 14px; line-height: 17px; font-weight: 700; text-transform: uppercase; margin-bottom: 20px;}
.offers {display: flex; flex-flow: column; align-items: flex-start; justify-content: flex-start; margin-bottom: 20px;}
.offers p {margin-bottom: 15px; margin-right: 0px;}
.main-slide .btn {max-width: 225px;}
.btn .fa-chevron-right {font-size: 11px;}

/*models-list*/
.models-list.new-section {padding-bottom: 20px;}
.model-list-col {text-align: center; position: relative; padding: 0 30px; margin-bottom: 80px;}
.model-link {color: #343434; display: block;}
.model-link:hover {color: #343434;}
.model-link i {color: #C3002F; left: 0;}
.model-list-col a:hover .model-link {color: #C3002F;}
.model-link:hover i {left: 5px;}

.instock-lbl {
  color: #fff;
  background-color: #6FB820;
  font-size: 10px;
  text-transform: uppercase;
  display: inline-block;
  position: absolute;
  top: 0;
  left: 25px;
  padding: 5px;
}

.model-list-col img {margin-bottom: 30px;}
.model-list-col .model-name {text-transform: uppercase; font-size: 20px; line-height: 27px; margin-bottom: 0px;}
.model-list-col .model-price {font-size: 18px; font-weight: 700; margin-bottom: 0px;}
.model-link {/*font-size: 14px;*/ text-transform: uppercase; margin-bottom: 0; text-align: left;}
.model-link i {
  margin-left: 6px;
  font-size: 9px;
  top: -1px;
  position: relative;
}
.model-name-block {display: flex; flex-flow: row; align-items: baseline; justify-content: space-between; margin-bottom: 15px;}
.btns-block-model {margin-top: 25px;}
.btns-block-model button {margin: 0 auto 10px; max-width: 100%;}
.btns-block-model a {margin: 0 auto; max-width: 100%;}

/*brand-adv*/
.nissan-b-block h3, .nissan-f-block h3 {text-transform: uppercase; font-size: 30px; font-weight: 300; line-height: 40px;}
.nissan-b-block h3 {margin-bottom: 0;}
.nissan-f-block h3 {margin-bottom: 30px; max-width: 550px;}

.nissan-b-block {
  background-color: #343434;
  color: #fff;
  padding: 120px 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-image: url(../img/nissanf/main/1920.jpg);
  text-align: center;
}

.nissan-f-block {
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #f9f9f9;
}
.nissan-f-dark {color: #fff; background-color: #343434;}
.nissan-f-block li {margin-bottom: 15px;}
.nissan-f-left {background-position: left center;}
.nissan-f-right {background-position: right center;}
.nissan-f-right .row {justify-content: flex-end;}
.nissan-f-block .row {min-height: 538px; padding-top: 50px; padding-bottom: 50px;}
.nissan-f-col {margin-top: auto; margin-bottom: auto; }
.nissan-f-block .plus, .nissan-f-block .plus li:last-of-type {margin-bottom: 0;}



.nissan-f-1 {background-image: url(../img/nissanf/1/1920.jpg);}
.nissan-f-2 {background-image: url(../img/nissanf/2/1920.jpg);}
.nissan-f-3 {background-image: url(../img/nissanf/3/1920.jpg);}
.nissan-f-4 {background-image: url(../img/nissanf/4/1920.jpg);}
.nissan-f-5 {background-image: url(../img/nissanf/5/1920.jpg);}
.nissan-f-6 {background-image: url(../img/nissanf/6/1920.jpg);}
.nissan-f-7 {background-image: url(../img/nissanf/7/1920.jpg);}
.nissan-f-8 {background-image: url(../img/nissanf/8/1920.jpg);}

@media (max-width: 1601px) {
.nissan-f-1 {background-image: url(../img/nissanf/1/1440.jpg);}
.nissan-f-2 {background-image: url(../img/nissanf/2/1440.jpg);}
.nissan-f-3 {background-image: url(../img/nissanf/3/1440.jpg);}
.nissan-f-4 {background-image: url(../img/nissanf/4/1440.jpg);}
.nissan-f-5 {background-image: url(../img/nissanf/5/1440.jpg);}
.nissan-f-6 {background-image: url(../img/nissanf/6/1440.jpg);}
.nissan-f-7 {background-image: url(../img/nissanf/7/1440.jpg);}
.nissan-f-8 {background-image: url(../img/nissanf/8/1440.jpg);}
}
@media (max-width: 1171px) {
.nissan-f-1 {background-image: url(../img/nissanf/1/1170.jpg);}
.nissan-f-2 {background-image: url(../img/nissanf/2/1170.jpg);}
.nissan-f-3 {background-image: url(../img/nissanf/3/1170.jpg);}
.nissan-f-4 {background-image: url(../img/nissanf/4/1170.jpg);}
.nissan-f-5 {background-image: url(../img/nissanf/5/1170.jpg);}
.nissan-f-6 {background-image: url(../img/nissanf/6/1170.jpg);}
.nissan-f-7 {background-image: url(../img/nissanf/7/1170.jpg);}
.nissan-f-8 {background-image: url(../img/nissanf/8/1170.jpg);}
}
@media (max-width: 961px) {
.nissan-f-1 {background-image: url(../img/nissanf/1/960.jpg);}
.nissan-f-2 {background-image: url(../img/nissanf/2/960.jpg);}
.nissan-f-3 {background-image: url(../img/nissanf/3/960.jpg);}
.nissan-f-4 {background-image: url(../img/nissanf/4/960.jpg);}
.nissan-f-5 {background-image: url(../img/nissanf/5/960.jpg);}
.nissan-f-6 {background-image: url(../img/nissanf/6/960.jpg);}
.nissan-f-7 {background-image: url(../img/nissanf/7/960.jpg);}
.nissan-f-8 {background-image: url(../img/nissanf/8/960.jpg);}
}
@media (max-width: 641px) {
.nissan-f-1 {background-image: url(../img/nissanf/1/640.jpg);}
.nissan-f-2 {background-image: url(../img/nissanf/2/640.jpg);}
.nissan-f-3 {background-image: url(../img/nissanf/3/640.jpg);}
.nissan-f-4 {background-image: url(../img/nissanf/4/640.jpg);}
.nissan-f-5 {background-image: url(../img/nissanf/5/640.jpg);}
.nissan-f-6 {background-image: url(../img/nissanf/6/640.jpg);}
.nissan-f-7 {background-image: url(../img/nissanf/7/640.jpg);}
.nissan-f-8 {background-image: url(../img/nissanf/8/640.jpg);}
}


/*buy-features*/
.buy-features {padding-bottom: 20px;}
.buy-col {display: flex; flex-flow: row; align-items: center; justify-content: flex-start; margin-bottom: 80px;}
.buy-col img {
  max-width: 60px;
  flex: 60px 0 0;
  margin-right: 20px;
}

/*order-block*/
.order-block {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(../img/order/1920.jpg);
  position: relative;
  color: #fff;
  padding-bottom: 30px;
  padding-top: 50px;

}

.order-block:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  backdrop-filter: blur(3px);
  background: rgb(14,14,14);
background: -moz-linear-gradient(90deg, rgba(14,14,14,0.8) 0%, rgba(31,31,31,0) 100%);
background: -webkit-linear-gradient(90deg, rgba(14,14,14,0.8) 0%, rgba(31,31,31,0) 100%);
background: linear-gradient(90deg, rgba(14,14,14,0.8) 0%, rgba(31,31,31,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0e0e0e",endColorstr="#1f1f1f",GradientType=1);
}

.order-block h3 {text-transform: uppercase; font-weight: 700; font-size: 26px; line-height: 44px; margin-bottom: 40px;}

.small-check {font-size: 15px; font-weight: 300;}
.check-row {flex-flow: row; align-items: center; justify-content: space-between; margin: 0 0 25px;}
.check-row .text-field, .check-row input[type="checkbox"]:not(checked) + label {margin-bottom: 0;}
.check-row .btn {max-width: 220px; flex: 220px 0 0; }
.order-img-col {position: relative;}
.order-img-col img {
  position: absolute;
  max-width: 772px;
  left: 0;
  bottom: -75px;
}

/*postsale*/
.postsale {
  background-color: #fff;
  text-align: center;
  padding: 60px 28px 40px;
  height: 100%;  
}
.postsale img {max-width: 60px; margin-bottom: 40px;}


/*popular*/
.popular-block {
  border: 1px solid #E3E2E2;
  position: relative;
  margin-bottom: 30px;
  padding-bottom: 40px;
  }
.popular-block .instock-lbl {
  left: 0;
  top: 60px;
  font-size: 14px;
  padding: 5px 10px;
  z-index: 10;
} 
.picture-col {text-align: center; padding-top: 10px;}
.picture-col img {margin: 0 auto;} 
.popular-color-list {text-align: center; margin-top: 9px;}
.popular-color {
  width: 20px;
  height: 20px;
  border: 1px solid #E3E2E2;
  display: inline-block;
  border-radius: 20px;
  margin-right: 5px;
  position: relative;
}
.white-color {background-color: #fff;}
.pearl-color {background-color: #fffef9;}
.silver-color {background-color: #dfe2e7;}
.grey-color {background-color: #858784;}
.navyblue-color {background-color: #385d75;}
.blue-color {background-color: #0580c4;}
.black-color {background-color: #0e0a07;}
.orange-color {background-color: #ea7118;}
.brown-color {background-color: #4e4239;}
.olive-color {background-color: #9c875b;}
.red-color {background-color: #c22b35;}


.popular-color.active {
  border: 1px solid #C3002F;
  cursor: default;
  pointer-events: none;
}
.popular-color.active:before {
  content: '';
  height: 10px;
  width: 10px;
  border-radius: 10px;
  position: absolute;
  top: -2px;
  right: -3px;
  background-repeat: no-repeat;
  background-size: 10px;
  background-image: url(../img/svg/yes.svg);
  background-color: #fff;
}
.popular-info-col {
  padding: 30px 60px 0 70px;
  display: flex;
  flex-flow: wrap;
  align-items: flex-start;
  justify-content: space-between; 
}
.popular-name {
  font-size: 28px;
  line-height: 40px;
  text-transform: uppercase;
  margin-bottom: 30px;
}

.popular-prices {
  margin-bottom: 40px;
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: flex-start;
}
.popular-price {color: #8A8A8A; margin-bottom: 0; margin-right: 40px;}
.popular-price + .popular-price {display: none;}
.popular-price b, .popular-price span {font-size: 22px; margin-left: 5px;}
.popular-price span {color: #343434; font-weight: 300;}

.popular-descr-block a {text-transform: uppercase; font-size: 14px; color: #343434;}
.popular-descr-block a:hover {color: #C3002F;}
.popular-descr-block a i {font-size: 10px; margin-left: 6px; position: relative; top: -1px;}

.popular-text {padding-top: 15px; flex: 100% 0 0; width: 100%;}
.popular-btns-col {max-width: 205px; flex: 205px 0 0; padding-top: 15px;}
.popular-btns-col .btn {margin-bottom: 20px;}

.show-all-popular {text-align: center; padding-top: 30px;}
.show-all-popular a {color: #8A8A8A; text-transform: uppercase; font-size: 14px;}
.show-all-popular a.collapsed:before {
  content: 'Показать все';
}
.show-all-popular a:before {
  content: 'Скрыть';
}  
.show-all-popular a:hover {color: #343434;}
.show-all-popular a i {font-size: 10px; margin-left: 10px; position: relative; top: -1px;}
.show-all-popular a.collapsed i {
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}


@media (max-width: 1601px) {

/*main-screen*/
.main-slide {padding: 60px 0;}

/*models-list*/
.model-list-col .model-price {font-size: 16px;}

/*brand-adv*/
.nissan-b-block {
    background-image: url(../img/nissanf/main/1440.jpg);
}
.plus li:before {top: 6px;}
.nissan-b-block h3, .nissan-f-block h3 {font-size: 28px;}

/*buy-features*/
.buy-col {margin-bottom: 60px;}


/*popular*/
.popular-block .instock-lbl {
    top: 40px;
    font-size: 12px;
}
.popular-info-col {
    padding-left: 60px;
}

.popular-name {
    font-size: 26px;
    line-height: 36px;
    text-transform: uppercase;
    margin-bottom: 20px;
}
.popular-prices {display: block; margin-bottom: 20px;}
.popular-price {margin-bottom: 6px; margin-right: 0;}

/*order*/
.order-block {background-image: url(../img/order/1440.jpg);}
.order-block h3 {font-size: 25px; line-height: 42px;}
.order-form-col .form-cont {max-width: 660px;}

.order-img-col img {
    max-width: 650px;
    left: -150px;
    bottom: -65px;
}
/*postsale*/
.postsale {padding: 50px 15px 30px;}

}

@media (max-width: 1171px) {

/*main-screen*/
.main-slide h1 {font-size: 30px; line-height: 48px;}
.offers {
    flex-flow: column;
    align-items: flex-start;
    justify-content: flex-start;
    margin-bottom: 25px;
}
.offers p {margin-bottom: 5px; margin-right: 0px;}

/*models-list*/
.model-list-col {padding: 0 15px;}
.model-list-col .model-name {
    font-size: 18px;
    line-height: 24px;
}
.model-list-col .model-price {font-size: 16px; line-height: 22px;}



/*brand-adv*/
.nissan-b-block {
    padding: 100px 0;
    background-image: url(../img/nissanf/main/1170.jpg);
}
.nissan-f-block h3 {font-size: 24px; line-height: 36px;}

/*buy-features*/
.buy-col {margin-bottom: 50px;}
.buy-col img {max-width: 50px; flex: 50px 0 0; margin-right: 20px;}

/*popular*/
.popular-block {margin-bottom: 20px; padding-bottom: 30px;}
.popular-block .instock-lbl {top: 30px;}
.picture-col {padding: 10px 30px 0;}
.popular-info-col {padding: 30px 40px 0 0;}
.popular-name {font-size: 20px; line-height: 28px;}
.popular-price {font-size: 14px;}
.popular-price b, .popular-price span {font-size: 18px;}
.popular-btns-col {
    max-width: 190px;
    flex: 190px 0 0;
    padding-top: 10px;
}
.show-all-popular {padding-top: 20px;}

/*order-block*/
.order-block {background-image: url(../img/order/1170.jpg);}
.order-block h3 {font-size: 22px; line-height: 38px;}
.check-row {
    flex-flow: column;
    align-items: flex-start;
    justify-content: flex-start;
    margin: 0 0 25px;
}
.check-row .text-field {
    margin-bottom: 12px;
}
.check-row .btn {
    max-width: 220px;
    flex: auto 0 0;
}
.order-img-col img {
    max-width: 600px;
    left: -270px;
    bottom: -65px;
}

/*postsale*/
.postsale-slider {margin-left: -10px; margin-right: -10px;}
.postsale-col {padding: 0 10px;}
.postsale {font-size: 14px; line-height: 21px; padding: 40px 15px 20px;}
.postsale img {
    max-width: 50px;
    margin-bottom: 30px;
}

}

@media (max-width: 961px) {

/*main-screen*/
.dark-slide:after {width: 550px;}
.main-slide h1 {font-size: 26px; line-height: 44px;}


/*models-list*/
.model-list-col {margin-bottom: 65px;}
.model-list-col img {
    margin-bottom: 20px;
    max-width: 280px;
}
.model-link {font-size: 16px;}
/*.model-list-col .model-price {margin-bottom: 15px;}*/

/*adv*/
.nissan-b-block {
    padding: 80px 0;
    background-image: url(../img/nissanf/main/960.jpg);
}
.nissan-b-block h3 {font-size: 24px; line-height: 36px;}
.nissan-f-block .row {
    min-height: 476px;
    padding-top: 30px;
    padding-bottom: 30px;
}
.nissan-f-block h3 {font-size: 20px; line-height: 30px; margin-bottom: 20px;}

.buy-col {flex-flow: column; text-align: center; margin-bottom: 50px;}
.buy-col img {margin-bottom: 10px;}

/*popular*/
.popular-block {padding-bottom: 20px;}
.popular-block .instock-lbl {top: 15px;}
.picture-col {padding: 10px 15px 0;}
.popular-info-col {padding: 30px 45px 0 0;}
.popular-name {
    font-size: 17px;
    line-height: 22px;
    margin-bottom: 10px;
}

.popular-btns-col {
    max-width: 100%;
    flex: 100% 0 0;
    padding-top: 30px;
}
.popular-btns-col .btn {
    margin-bottom: 10px;
    max-width: 100%;
}

/*order-block*/
.order-block {background-image: url(../img/order/960.jpg);}
.order-form-col h3 {text-align: center;}

.order-img-col img {
    max-width: 570px;
    left: 220px;
    bottom: 75px;
}

/*postsale*/
.postsale-col {margin-bottom: 20px;}
.postsale {padding: 40px 30px 20px;}


}

@media (max-width: 641px) {

/*main-screen*/
.main-slide {padding-bottom: 200px;}
.main-slide h1 {font-size: 18px; line-height: 32px;}
.dark-slide:after {width: 33%;}

/*models-list*/
.model-list-col {margin-bottom: 20px;}
.model-list-col {max-width: 300px; margin: 0 auto; display: block!important;}

.flex-dots .slick-dots {
    height: auto;
    font-size: 1px;
    width: 100%;
}
.flex-dots .slick-dots > li > button {width: 30px; border-radius: 5px; margin: 0 8px;}

/*adv*/
.nissan-b-block {
    padding: 80px 15px;
    background-image: url(../img/nissanf/main/640.jpg);
    position: relative;
}
.nissan-b-block:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.4);
}
.nissan-b-block h3 {font-size: 18px; line-height: 28px; font-weight: 700;}

.nissan-f-block h3 {
    font-size: 16px;
    line-height: 26px;
}

.nissan-f-block {background-size: 640px; background-position: bottom;}
.nissan-f-block .row {
    min-height: unset;
    padding-top: 40px;
    padding-bottom: 180px;
}

/*buy-fetures*/
.buy-col {display: flex!important;}

/*popular*/
.car-nav-list {margin-top: -8px; margin-bottom: 12px;}
.car-nav {padding: 8px 20px;}
.popular-block {padding-bottom: 5px;}
.picture-col {padding: 10px 25px 0;}
.popular-info-col {padding: 30px 30px 0;}
.popular-name {font-size: 16px;}
.popular-btns-col {padding-top: 20px;}

/*order-block*/
.order-block {background-image: url(../img/order/640.jpg);}
.order-block h3 {font-size: 18px; line-height: 24px; margin-bottom: 20px;}

.check-row .btn {max-width: 100%;}

/*postsale*/
.postsale img {margin: 0 auto 30px;}

.new-price-form img {display: none;}
.price-form.new-price-form .form-cont {display: block;}
.price-form .form-cont .btn {margin: 0 auto;}


}


/*TRADE-IN PAGE*/

.tradein-page {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
  background-image: url(../img/tradein/1920.jpg);
  background-color: #343434;
  color: #fff;
  padding: 50px 0 80px;
}

.tradein-page h1 {font-size: 36px; line-height: 54px; font-weight: 300; text-transform: uppercase; margin-bottom: 40px;}
.form-col > p {text-transform: uppercase; font-weight: bold; font-size: 24px; line-height: 33px; margin-bottom: 40px;}
.glass-form {
background: rgba(255, 255, 255, 0.06);
border: 1px solid #8A8A8A;
border-radius: 10px;
padding: 20px;
}

.tradein-page .form-cont p {margin-bottom: 20px;}

.tradein-page .form-cont .under-btn {
    font-size: 12px;
    line-height: 15px;
}
.form-cols .text-field:last-of-type {margin-bottom: 0;}

.tradein-page .form-cont .btn {
  max-width: calc(100% - 30px);
  position: absolute;
  bottom: 0;
  left: 15px;
  right: 15px;

}

@media (max-width: 1601px) {
.tradein-page {background-image: url(../img/tradein/1440.jpg);} 
}
@media (max-width: 1171px) {
.tradein-page {background-image: url(../img/tradein/1170.jpg);}
.tradein-page h1 {font-size: 30px; line-height: 48px; margin-bottom: 35px;}
.form-col > p {font-size: 22px; line-height: 30px; margin-bottom: 30px;}
.tradein-page .form-cont {max-width: 730px;}
}
@media (max-width: 961px) {
.tradein-page {background-image: url(../img/tradein/960.jpg);}
.tradein-page h1 {font-size: 24px; line-height: 44px; margin-bottom: 20px;}
.form-col > p {font-size: 17px; line-height: 24px;}
.row-form {margin-right: -10px; margin-left: -10px;} 
.form-cols {padding: 0 10px;}
.tradein-page .form-cont .under-btn {font-size: 11px;}

.tradein-page .form-cont .btn {
  max-width: calc(100% - 20px);
  left: 10px;
  right: 10px;

}

}
@media (max-width: 641px) {
.tradein-page {
  background-image: url(../img/tradein/640.jpg);
  background-size: 640px;
  background-position: 80% 100%;
  background-color: #010103;
  padding: 40px 0 180px;
} 
.tradein-page h1 {font-size: 18px; line-height: 32px;}
.form-col > p {font-size: 14px; line-height: 19px; margin-bottom: 20px;}
.tradein-page .form-cont p {margin-bottom: 15px;}
.form-cols .text-field:last-of-type {margin-bottom: 30px;}
.tradein-page .form-cont .btn {
  position: relative;
  width: 100%;
  max-width: unset;
  left: 0;
  right: 0;
}

}



/*TESTDRIVE PAGE*/

.testdrive-page {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
  background-image: url(../img/testdrive/1920.jpg);
  background-color: #010103;
  color: #fff;
  padding: 120px 0;
}

.new-h1 {font-size: 42px; line-height: 60px; text-transform: uppercase; font-weight: 300; margin-bottom: 60px;}

.testdrive-page-row {
  display: flex;
  flex-flow: wrap;
  align-items: flex-start;
  justify-content: space-between;
  margin-right: -10px;
  margin-left: -10px;
}
.testdrive-page-row .text-field, .testdrive-page-row .under-btn, .testdrive-page-row .btn-container {flex: 50% 0 0; padding: 0 10px;}
.testdrive-page-row .btn {width: 100%; max-width: 100%;}


@media (max-width: 1601px) {
.testdrive-page {background-image: url(../img/testdrive/1440.jpg); padding: 80px 0;}
.new-h1 {font-size: 40px; line-height: 58px; margin-bottom: 40px;} 
}

@media (max-width: 1171px) {
.testdrive-page {background-image: url(../img/testdrive/1170.jpg);}
.new-h1 {font-size: 30px; line-height: 48px;} 
}

@media (max-width: 961px) {
.testdrive-page {background-image: url(../img/testdrive/960.jpg);  padding: 60px 0;}
.new-h1 {font-size: 26px; line-height: 44px; margin-bottom: 30px;}  
}

@media (max-width: 641px) {
.testdrive-page {
  background-image: url(../img/testdrive/640.jpg);
  padding: 40px 0 200px;
  background-size: 640px;
  background-position: bottom;

}
.new-h1 {font-size: 18px; line-height: 32px; margin-bottom: 20px; text-align: center;}
.testdrive-page-row .text-field, .testdrive-page-row .under-btn, .testdrive-page-row .btn-container {flex: 100% 0 0;}  
}

/*CREDIT CALC*/

.credit-calc-page {
  background-color: #EEEEEE;
  padding: 50px 0 70px;
}
.credit-calc-block {margin-bottom: 35px;}
.credit-calc-block p {
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 15px;
}
.credit-calc-row {
  display: flex;
  flex-flow: wrap;
  align-items: center;
  justify-content: flex-start;
}
.calc-opt {
  text-transform: uppercase;
  text-align: center;
  padding: 10px 15px;
  border: 1px solid #E3E2E2;
  background-color: transparent;
  color: #343434;
  margin-right: 35px; 
}
.calc-opt:last-of-type {margin-right: 0;}
.calc-opt:hover {
  border: 1px solid #C3002F;
  color: #343434;
}

.calc-opt.active {
  color: #fff;
  background-color: #C3002F;
  border: 1px solid #C3002F;
 
}

.credit-calc-block .text-field {margin-bottom: 0;}
.credit-calc-block .text-field input {max-width: 460px;}

.credit-calc-block input[type="checkbox"]:not(checked) + label {margin-bottom: 0;}

.calc-btns {
  display: flex;
  flex-flow: row;
  justify-content: flex-start;
}
.calc-btns .btn {max-width: 240px; margin-right: 20px;}

.calc-info-col {padding-top: 40px; opacity: 0; pointer-events: none;}
.calc-info-col.active {opacity: 1;}

/*.js--calc-modal {
  opacity: 0;
  pointer-events: none;
  -webkit-transition: all 0s ease-out 0s;
    -moz-transition: all 0s ease-out 0s;
    -o-transition: all 0s ease-out 0s;
    transition: all 0s ease-out 0s;
}
.js--calc-modal.active {
    opacity: 1;
   pointer-events: all;
   -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;
 }*/

.calc-info-block {
  background-color: #fff;
  padding: 0 80px 60px;
}

.calc-img {position: relative; top: -80px;}

.calc-model-name {font-size: 30px; line-height: 40px; margin-bottom: 20px; text-transform: uppercase; margin-top: -80px;}
.calc-model-name + p {margin-bottom: 10px;}
.credit-calculated {
font-size: 30px;
line-height: 36px;
color: #C3002F;
margin-bottom: 30px;
}
.credit-calculated span {
font-size: 42px;
line-height: 40px;
font-weight: bold;
}
.banks {margin-bottom: 30px;}
.banks p {margin-bottom: 19px;}
.bank-img {text-align: center; margin-bottom: 15px;}
.credit-special {
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: flex-start;
  font-weight: bold;
  margin-bottom: 25px;
}
.credit-special:last-of-type {margin-bottom: 0;}
.credit-special img {
  width: 20px;
  margin-right: 10px;
}
.credit-special p {margin-bottom: 0;}

.discl-form {font-size: 14px; font-weight: 300; margin-top: 20px;}


@media (max-width: 1601px) {
  .calc-opt {margin-right: 15px;}
}

@media (max-width: 1171px) {
.calc-opt {font-size: 13px; margin-right: 20px; padding: 8px 12px;}
.credit-calc-block .text-field input { max-width: 400px;}
.calc-info-col {padding-top: 60px;}
.calc-info-block {
    background-color: #fff;
    padding: 0 40px 30px;
    height: 100%;
}



}

@media (max-width: 961px) {

.calc-col {text-align: center;}
.credit-calc-row {justify-content: center;}
.calc-opt {
  font-size: 16px;
  padding: 10px 15px;
  margin-right: 25px; 
}
.calc-opt:last-of-type {margin-right: 0;}
.credit-calc-block .text-field input {margin: 0 auto;}
.calc-btns {justify-content: center;}


.calc-img {margin: 0 auto; display: block;}
.calc-model-name {margin-top: -60px;}
.calc-info-block {padding: 0 130px 60px;}

.calc-info-col {max-height: 0;
	padding-top: 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;}

.calc-info-col.active {max-height: 1000px; padding-top: 110px;}

}

@media (max-width: 641px) {
.credit-calc-page {padding: 50px 0 10px;}
.credit-calc-row {justify-content: center;}
.calc-opt, .calc-opt:last-of-type {margin: 0 10px 20px; font-size: 14px;}
.calc-opt.js--cm {
  width: calc(50% - 20px);
}
.credit-calc-block {margin-bottom: 20px;}
.credit-calc-block.blck-witn-btns {
    margin-bottom: 0;
    margin-left: -10px;
    margin-right: -10px;
}

.calc-opt.js--ct {
  width: calc(33.33333% - 20px);
  margin-bottom: 20px;
}

.credit-calc-block input[type="checkbox"]:not(checked) + label {font-size: 14px;}

.calc-btns {flex-flow: column;}
.calc-btns .btn {
    max-width: 100%;
    margin-right: 0px;
}

.mobile-calc {
	margin: 5px 0;
	max-height: 0px;
	overflow: hidden;
-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;}
.mobile-calc p {margin-bottom: 10px;}
.mobile-calc .credit-calculated {margin-bottom: 0; font-size: 20px;}
.mobile-calc .credit-calculated span {font-size: 35px;}

.mobile-calc.active {max-height: 500px; margin: 40px 0;}

.calc-img {max-width: 320px;}

.calc-info-col.active {padding: 100px 0 0;}
.calc-info-block {padding: 0;}
.calc-info-inner {padding: 0 40px 40px;}

.calc-model-name {
    font-size: 24px;
    line-height: 35px;
    margin-top: -70px;
}

.calc-info-inner .calc-model-name + p, .calc-info-inner .credit-calculated {display: none;}


}


.error-message {text-transform: none; font-size: 12px; color: #C3002F;}



/*special-modal*/
.buy-col {cursor: pointer;}
.buy-feature-text, .buy-feature-text-block {
  position: relative;
  -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;
}

.more-info-link {
    display: block;
    -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;
    position: absolute;
    opacity: 0;
    left: 0%;
    top: 50%;
    -o-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    -moz-transform: translate(0%, -50%);
    -webkit-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    white-space: nowrap;
}

.more-info-link i {color: #C3002F; font-size: 80%; margin-left: 5px;}  
.buy-col:hover .more-info-link {
 opacity: 1;
}
.buy-col:hover .buy-feature-text {
 opacity: 0.05;
}


.special-modal .modal-lg {max-width: 1000px;}
.special-modal .modal-content {
    text-align: left;
    padding: 0px;
}
.special-modal .form-header {text-align: left;}
.special-modal .close-btn {
    top: 0px;
    right: -50px;
    color: #fff;
}

.special-modal .close-btn:hover {
    color: #C3002F;
}

.special-form-col {padding: 30px 30px 30px 45px;}

.modal-bg {
  background-position: center right;
  background-size: cover;
  background-repeat: no-repeat;
}


#special-1 {background-image: url(/assets/img/modals/1.jpg);}
#special-2 {background-image: url(/assets/img/modals/2.jpg);}
#special-3 {background-image: url(/assets/img/modals/3-2.jpg?v=1.01);}
#special-4 {background-image: url(/assets/img/modals/4.jpg);}
#special-5 {background-image: url(/assets/img/modals/5.jpg);}
#special-6 {background-image: url(/assets/img/modals/6.jpg);}

@media (max-width: 1171px) {
.special-modal .modal-lg {max-width: 850px;}
}

@media (max-width: 961px) {
.special-modal .modal-lg {max-width: 500px;}
.special-modal .modal-content > .row {margin: 0;}
.special-modal .close-btn {right: -40px;}

.more-info-link {
    position: relative;
    opacity: 1;
    left: 0%;
    top: 0%;
    -o-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    -moz-transform: translate(0%, 0%);
    -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
    margin-top: 10px;
}
.buy-col:hover .more-info-link, .buy-col:hover .buy-feature-text {opacity: 1;}

.special-form-col {padding: 30px;}
.modal-bg {min-height: 200px; background-position: center;}

#special-1 {background-image: url(/assets/img/modals/1-640.jpg);}
#special-2 {background-image: url(/assets/img/modals/2-640.jpg);} 
#special-3 {background-image: url(/assets/img/modals/3-2-640.jpg?v=1.01);} 
#special-4 {background-image: url(/assets/img/modals/4-640.jpg);} 
#special-5 {background-image: url(/assets/img/modals/5-640.jpg);}
#special-6 {background-image: url(/assets/img/modals/6-640.jpg);}   

}

@media (max-width: 641px) {
 .special-modal .modal-lg {max-width: unset;}
 .special-modal .modal-content .form-header {font-size: 17px;}
 .special-form-col {padding: 20px; padding-top: 30px;}
 .modal-bg {min-height: 0px; height: 0;}
 .special-modal .close-btn {right: 3px; top: 8px; color: #C3002F;}

}

/*why-dynamica*/
.why-dynamica-col {margin-bottom: 30px;}
.why-dynamica-block {padding: 20px; height: 100%;}
.why-dynamica-block h2 {display: none;}
.why-dynamica-block h3 {margin-bottom: 0px; font-size: 24px; font-weight: bold;}
.why-dynamica-block i {margin-right: 10px; font-size: 90%;}
.why-dynamica-block p {margin-bottom: 0; margin-top: 15px;}
.allow-block {background-color: #f4f9ec;}
.allow-block i {color: #88bd2f;}
.disallow-block {background-color: #fae7e7;}
.disallow-block i {color: #f00;}

@media (max-width: 961px) {
.why-dynamica-block {padding: 15px;}
.why-dynamica-block h2 {display: block;}
.why-dynamica-block h3 {font-size: 16px;}
.why-dynamica-col {padding: 0; margin-bottom: 15px;}
.why-dynamica-slider .row {margin: 0;}
.slider-why-dynamica-controls.flex-dots .slick-dots > li > button {
    width: 20px;
    margin: 0 8px;
}
}


.popular-price, .model-price, .model-list-col .model-link, .car-nav-card-info .price-col, .car-nav-feature1, .discl1, .car-nav-card-info .btn-skel {display: none!important;}
.under-footer {padding: 25px 0;}

/*.small-text h1 {text-transform: none; font-size: 36px;}*/
.small-text .offer-header {font-size: 18px; line-height: 1.5;}
.upper {text-transform: uppercase;}
.main-slide {min-height: 470px;}
@media (max-width: 1441px) {
.small-text .offer-header {font-size: 16px;}
}
@media (max-width: 1171px) {

}

@media (max-width: 641px) {
.small-text .offer-header {font-size: 14px;}
}