.bx-wrapper {
  position: relative;
  margin: 0 auto;
  padding: 0;
  zoom: 1;
}

.bx-wrapper img {
  width: 100%;
  max-width: 100%;
  display: block;
}

html,
button,
input,
select,
textarea {
  color: #222;

}
*{
  font-family: 'Open Sans', sans-serif;
}
::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}

::selection {
  background: #b3d4fc;
  text-shadow: none;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

img {
  vertical-align: middle;
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

textarea {
  resize: vertical;
}

.main-menu ul, .site-slider ul, ul.social {
  padding: 0;
  margin: 0;
  list-style: none;
}

.item-small, .item-large, .product-item .item-thumb {
  overflow: hidden;
}
.item-small img, .item-large img, .product-item .item-thumb img {
  width: 100%;
}

/* ==========================================================================
   Helper classes
   ========================================================================== */
.ir {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  *text-indent: -9999px;
}

.ir:before {
  content: "";
  display: block;
  width: 0;
  height: 150%;
}

.hidden {
  display: none !important;
  visibility: hidden;
}

.invisible {
  visibility: hidden;
}

.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}

.clearfix:after {
  clear: both;
}

.clearfix {
  *zoom: 1;
}

/* ==========================================================================
    Forms
   ========================================================================== */
form input[type="text"],
form input[type="email"],
form input[type="number"],
form input[type="password"] {
  background: #fff;
  border: 1px solid #fff;
  padding: 7px 10px;
  width: 60%;
}
form input[type="text"]:focus,
form input[type="email"]:focus,
form input[type="number"]:focus,
form input[type="password"]:focus {
  outline: none !important;
}
form .button {
  background: #fff;
  border: 1px solid #fff;
  padding: 7px 20px;
  text-transform: uppercase;
}
form .button:focus, form .button:active {
  outline: none !important;
}
form .button.yellow {
  background: #e7af2a;
  color: #fff;
  border: 1px solid #c89316;
}

/* ==========================================================================
   Print styles
   ========================================================================== */
@media print {
  * {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster: h5bp.com/s */
    box-shadow: none !important;
    text-shadow: none !important;
  }

  a,
  a:visited {
    text-decoration: underline;
  }

  a[href]:after {
    content: " (" attr(href) ")";
  }

  abbr[title]:after {
    content: " (" attr(title) ")";
  }

  /*
   * Don't show links for images, or javascript/internal links
   */
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }

  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  thead {
    display: table-header-group;
    /* h5bp.com/t */
  }

  tr,
  img {
    page-break-inside: avoid;
  }

  img {
    max-width: 100% !important;
  }

  @page {
    margin: 0.5cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }

  h2,
  h3 {
    page-break-after: avoid;
  }
}
/* ==========================================================================
    Structure & Defaults
   ========================================================================== */
html, body {
  font-size: 100%;
  width: 100%;
  height: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: baseline;
}

body {
  color: #838383;
  background-color: white;
}

a {
  color: #2d92ff;
  text-decoration: none !important;
  -webkit-transition: all 200ms ease-in;
  -moz-transition: all 200ms ease-in;
  -ms-transition: all 200ms ease-in;
  -o-transition: all 200ms ease-in;
  transition: all 200ms ease-in;
}
a:hover {
  color: #054537;
}
h1 {
  font-size: 2.6em;
}

h2 {
  font-size: 2.2em;
}

h3 {
  font-size: 1.8em;
}

h4 {
  font-size: 2em;
}

h5 {
  font-size: 1em;
}

h6 {
  font-size: .8em;
}

*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.section-title {
    font-size: 2em;
    border-top: 1px solid #e1e6e9;
    margin-top: 20px;
    padding-top: 20px;
    text-transform: uppercase;
}

.bigger-text {
  font-size: 16px;
  line-height: 28px;
  font-weight: normal;
  margin-bottom: 50px;
}

/* ==========================================================================
    Header Site Styling
   ========================================================================== */
.site-header {
    min-height: 52px;
    width: 100%;
    z-index: 1000;
    background-color: #fff;
}

#templatemo_logo {
  display: inline-block;
}
#templatemo_logo h1 {
  margin: 0;
  text-transform: uppercase;
  font-weight: normal;
  line-height: 52px;
  display: block;
}
#templatemo_logo h1 a {
  margin-left: 125px;
  color: white;
  display: block;
}

.main-menu {
  border-top: none;
  text-align: right;
  position: relative;
  background: #fff;
}
.main-menu ul {
  position: absolute;
  width: 100%;
  background: #fff;
}
.main-menu ul li {
  display: inline-block;
  text-align: center;
  line-height: 52px;
  font-size: 24px;
  color: #2d92ff;
}
.main-menu ul li a {
  color: #000;
  font-size: 24px;
  text-transform: uppercase;
  outline: 0;
  border: 0;
  display: block;
}
.main-menu ul li a.current {
  color:#2d92ff;
}

.toggle-menu {
  display: none;
  margin: 0;
  font-size: 24px;
  color: #1c252c;
  text-align: right;
}

.hiddeb_n {
  display: none;
  margin: 0;
  font-size: 22px;
  text-align: right;
  padding: 0px;
  float: left;
}

.responsive .main-menu {
  display: none;
}
.responsive .main-menu ul li {
  width: 100%;
}
.responsive .main-menu ul li a {
  line-height: 55px;
  padding: 10px 20px;
}
.responsive .main-menu ul li a.current {
  background-image: none;
  color: #2d92ff;
  border-bottom: 0;
}

.small_show { display: none;}
/* ==========================================================================
    Slider Styling
   ========================================================================== */
.site-slider {
  padding-top: 0px;
}
.site-slider ul li {
  float: left;
  margin: 0;
}

.bx-wrapper img {
  opacity: 0.8;
  filter: alpha(opacity=80);
}

.bx-wrapper {
  background-color: #5a6770;
}

.bx-thumbnail-wrapper {
  background-color: #5a6770;
  text-align: center;
  margin-top: -1px;
  position: relative;
}

.caption-wrapper {
  position: relative;
}

.slider-caption {
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 7px;
  padding: 7px 5px 1px 5px;
  text-align: center;
  width: 300px;
}
.slider-caption h3 {
    color: #fff;
  font-size: 25px;
  margin: 0px;
  font-weight: normal;
  text-transform: uppercase;
  display: inline-block;
    margin-bottom: 10px;
}



#bx-pager a {
    margin: 10px 0px 0 0px;
    padding: 0px 0 10px 0;
    display: inline-block;
    opacity: 0.4;
    filter: alpha(opacity=40);
    outline: 0;
    border: 0;
}
#bx-pager a img {
  outline: 0;
  border: 0;
}
#bx-pager a.active {
  opacity: 1;
  filter: alpha(opacity=100);
}

.bx-controls {
  position: relative;
}

.bx-controls-direction {
  position: absolute;
  text-align: right;
  bottom: 80px;
  right: -2px;
  z-index: 998;
}
.bx-controls-direction a {
  width: 40px;
  height: 40px;
  background-color: rgba(0, 0, 0, 0.9);
  display: block;
  float: left;
  margin-right: 2px;
  line-height: 40px;
  text-align: center;
  font-size: 20px;
  color: white;
}

/* ==========================================================================
    Services Styling
   ========================================================================== */
#services {
  /*padding-top: 160px;*/
  /*margin-top: -60px;*/
}

.service-item {
  padding-bottom: 40px;
  text-align: center;
  -webkit-backface-visibility: hidden;
  /* Chrome, Safari, Opera */
  backface-visibility: hidden;
}
.service-item h3 {
  font-size: 18px;
  font-weight: normal;
}
.service-item .service-icon {
  margin: 0 auto;
  background-repeat: no-repeat;
  background-position: center;
  width: 200px;
  height: 113px;
  display: block;
}
/*.service-item .service-icon.first {*/
  /*background-image: url('../images/trade-in.png');*/
/*}*/
/*.service-item .service-icon.second {*/
  /*background-image: url(../images/credit.png);*/
/*}*/
/*.service-item .service-icon.third {*/
  /*background-image: url(../images/testdrive.png);*/
/*}*/
/*.service-item .service-icon.fourth {*/
  /*background-image: url(../images/logo.png);*/
/*}*/

/* ==========================================================================
    Promotion Styling
   ========================================================================== */
.item-small {
  padding: 20px;
  background-color: #2d92ff;
  color: white;
  text-align: center;
}
.item-small h4 {
  color: white;
  line-height: 24px;
  margin: 20px 0 0 0;
}

.item-large .item-header {
  margin: 30px 0;
}
.item-large .item-header h2 {
  margin: 0;
}
.item-large .item-header span i {
  display: inline-block;
  font-size: 18px;
  color: #e7d323;
  margin-left: 3px;
}
.item-large .item-header span i:first-child {
  margin-left: 10px;
}

/* ==========================================================================
    Products Styling
   ========================================================================== */
.product-item {
  margin-bottom: 30px;
}
.product-item .item-thumb {
  -webkit-backface-visibility: hidden;
  /* Chrome, Safari, Opera */
  backface-visibility: hidden;
  position: relative;
  z-index: 95;
}
.product-item .item-thumb .note {
  position: absolute;
  right: 10px;
  top: 10px;
  background-color: white;
  color: #444444;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: normal;
  z-index: 96;
}
.product-item .item-thumb .overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  border: 3px solid #2d92ff;
  padding: 20px;
  z-index: 97;
  background-color: rgba(255, 255, 255, 0.9);
  -webkit-transition: all 200ms linear;
  -moz-transition: all 200ms linear;
  -ms-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  transition: all 200ms linear;
  opacity: 0;
  filter: alpha(opacity=0);
}
.product-item .item-thumb .overlay .overlay-inner {
  width: 100%;
  height: 100%;
  text-align: center;
}
.product-item .item-thumb .overlay .overlay-inner a.view-detail {
  position: relative;
  margin-top: 7%;
  display: block;
  /*background: url(../images/active-state.png) no-repeat;*/
  background-position: center 20px;
  padding-bottom: 30px;
  color: #2d92ff;
  font-weight: normal;
  font-size: 16px;
  text-transform: uppercase;
}
.product-item .item-thumb:hover .overlay {
  opacity: 1;
  filter: alpha(opacity=100);
}
.product-item h3 {
    margin: 15px 0 12px 0;
    font-size: 18px;
    font-weight: normal;
    line-height: 125%;
    margin-bottom: 0px;
}
.product-item span {
  font-size: 14px;
}
.product-item span em {
  font-weight: normal;
  font-style: normal;
}
.product-item span em.price {

  color: #2d92ff;
}

.product-item em.price {

    color: #2d92ff;
    font-style: normal;
    font-size: 120%;
}

.product-item span em.text-muted {
  color: #a3a7aa;
  text-decoration: line-through;
  font-weight: normal;
}

/* ==========================================================================
    Contact Styling
   ========================================================================== */
#map {
  width: 100%;
  height: 380px;
  outline: 0;
  border: 0;
}

input, textarea {
  margin-bottom: 30px;
  background-color: #f6f7f8;
  padding: 14px;
  font-size: 25px;
  color: #838383;
  outline: 0;
  border: 0;
  border-bottom: 1px solid #b5c1c9;
  width: 100%;
}

.contact-form textarea {
  height: 130px;
}

input.button {
  display: inline-block;
  width: auto;
  /*background: url(../images/active-state.png) no-repeat;*/
  background-position: center bottom;
  color: #2d92ff;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: normal;
  padding-bottom: 27px;
  border: 0;
}

.site-footer {
  background-color: #004937;
  color: #669ecb;
  padding: 25px 0;
}
.site-footer a {
  color: #669ecb;
}
.site-footer span {
  margin-top: 12px;
  display: block;
}

ul.social {
  text-align: right;
}
ul.social li {
  display: inline-block;
}
ul.social li a {
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  background-color: rgba(0,  0, 0, 0.2);
  display: inline-block;
}

.iphone{
  -webkit-animation-name: none!important;
  animation-name: none!important; 
  top: -300px;
}

.complect-line{
  float: right; width: 45%; background-color: #f2f4f6; margin-top: -10px; height: 50px; margin-right: -10px; padding-right: 5px;
}

/*------------------------------------------------------
	RESPONSIVE STYLES 
--------------------------------------------------------*/


@media (max-width: 991px) {
  .main-menu, .bx-thumbnail-wrapper {
    display: none;
  }

  .toggle-menu {
    display: block;
  }

  .hiddeb_n {
    display: block;
  }

  .site-header .container {
    padding: 0;
  }

  .bx-controls-direction {
    bottom: 30px;
  }
  .complect-line{
    width: 50%;
    margin-right: 0;
  }
  .plus-cost{
    font-size: 16px;
  }

  .main-menu {
    display: none;
    border-top: 1px solid #2f2f2f;
    text-align: left;
    z-index: 1000;
  }
  .main-menu ul li {
    padding: 0;
    margin: 0;
    display: block;
    border-bottom: 1px solid #2f2f2f;
  }
  .main-menu ul li:last-child {
    border-bottom: 0;
  }
  .main-menu ul li a {
    padding: 20px;
    color: white;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 20px;
    display: block;
  }
}
@media (max-width: 767px) {

  #templatemo_logo {
    width: 250px;
    margin-top: 4px;
  }

  .contact-form {
    margin-top: 0;
  }
  .complect-line{
    width: 30%;
  }
  .item-large {
    margin: 40px 0;
  }

  .small_show{display: block;}

  .small_show .slider-caption{display: block;
    position: relative;
    margin: 0px;
    top:0;
  }
  .site-header{
  }
  .templatemo_logo h1 a {
    opacity: 1;
    filter: alpha(opacity=1);
  }
  .main-menu ul li a {
    color: #000;
  }
  .head-m-fix{
    margin-top: 60px;
  }
    .complect-line{
    display: none;
  }
  .complect-line.mobile{
    display: block!important;
    width: 100%!important;
  }
  .pls{
    margin-bottom: 10px;
  }
  .pls-all{
    margin-bottom: 10px;
  }
  .min-btn{
    display: none!important;
  }
  .min-cost{
    display: none!important;
  }
  .min-name{
    width: 70%;
  }
  .car ul{
    padding-left: 25px!important; 
  }
}
.go{
  font-size: 18px;
  color: rgb(157, 157, 157);
}
.go:hover+span{
  color: #004937;
}
.slider-caption h2 a {
  color: #fff;
}

.modal {
  z-index: 10000;
}

.modal-dialog{
  z-index: 10001;
}


/*------------------------------------------------------
	2 menu
--------------------------------------------------------*/

.site-header-bottom{
  height: 104px;
}

.site-header-bottom {
  min-height: 36px;
  height: 36px;
  width: 100%;
  z-index: 1000;
  background-color: #b6bdca;
}

.site-header-bottom .container {
  padding: 0;
}

.site-header-bottom .main-menu ul, .site-slider-bottom ul, ul.social {
  padding: 0;
  margin: 0;
  list-style: none;
}


.site-header-bottom .main-menu {
  border-top: none;
  text-align: right;
  position: relative;
  background-color: #004937;
}
.site-header-bottom .main-menu ul {
  position: absolute;
  width: 100%;
  background-color: #b6bdca;
}
.site-header-bottom .main-menu ul li {
  display: inline-block;
  width: 16%;
  text-align: center;
  line-height: 33px;
  font-size: 16px;
  color: #2d92ff;
  border-left: 1px #fff;
}
.site-header-bottom .main-menu ul li a {
  color: #1c252c;
  font-size: 16px;
  text-transform: uppercase;
  outline: 0;
  border: 0;
  display: block;
  line-height: 36px;
}
.site-header-bottom .main-menu ul li a:hover{
  background-color: #004937;
  color: #fff;
}
.site-header-bottom .main-menu ul li a.current {
  color:#2d92ff;
}
.spec-img-partner-bottom{
  display: none;
  text-align: center;
  margin: 20px;
}

.site-header-bottom .main-menu .btn-group ul li {
  display: inline-block;
  width: 100%;
  text-align: center;
  line-height: 21px;
  font-size: 22px;
  color: #2d92ff;
  border-left: 1px #fff;
}
.site-header-bottom .main-menu .btn-group ul li a {
  color: #ffffff;
  font-size: 22px;
  text-transform: uppercase;
  outline: 0;
  border: 0;
  display: block;
  padding-left: 0px;
}

.site-header-bottom .main-menu .btn-group ul.submenu li a {
  font-size: 12px;
  text-transform: none;
  text-align: left;
}
.site-header-bottom .main-menu .btn-group ul.submenu li {
  display: block;
  padding-left: 10px;
  padding-right: 10px;
  /*border-bottom: 1px solid;*/
  width: 100%;
}
.site-header-bottom .main-menu .btn-group ul li a.current {
  color:#2d92ff;
}
.site-header-bottom .main-menu .btn-group ul{
  position: absolute;
  width: 300px;
  background: rgba(66, 66, 66, 1);
  z-index: 2000;
  display: none;
}

.dropdown-menu li a:focus{
  background: rgba(66, 66, 66, 1);
  color: #2d92ff;
}

.dropdown-menu li a:hover {
  background: rgba(66, 66, 66, 1);
  color: #2d92ff;
}

.site-header-bottom .main-menu .btn-group .dropdown-menu li a:hover {
  background: rgba(66, 66, 66, 1);
  color: #2d92ff!important;
}


.responsive1 .main-menu {
  display: none;
}
.responsive1 .main-menu ul li {
  width: 100%;
}
.responsive1 .main-menu ul li a {
  line-height: 55px;
  padding: 10px 20px;
}
.responsive1 .main-menu ul li a.current {
  background-image: none;
  color: #2d92ff;
  border-bottom: 0;
}

#front_inner .main-menu {
  text-align: left;
}


#front_inner .main-menu ul li {
    width: 24%;
}
#front_inner .main-menu ul.dropdown-menu {
    top: 48px;
    left: -20px;
}
#front_inner .main-menu ul.dropdown-menu li {
    width: 180px;
    text-align: left;
    padding-left: 20px;
}

#front_inner .toggle-menu {
    width: 100%;
    text-align: center;
    margin: 16px 40px 0 0;
}

#front_inner .responsive .main-menu ul li {
    width: 100%;
}

#front_inner .responsive .main-menu ul li .dropdown-menu{
    width: 100%;
    background: #4f4f4f;
}

#front_inner .responsive .main-menu ul li .dropdown-menu li {
    width: 100%;
    background: #4f4f4f;
}
#front_inner .responsive .main-menu ul li ul.showhidenewmenu {
    position: relative;
    width: 100%;
    background: #4f4f4f;
    display: none;
}

.btn-group, .btn-group-vertical{
  width: 100%;
}
#contact h2{
  color: #1c252c;
  font-weight: 700;
  font-size: 40px;
}
#contact{
  background-color: #f1f1f1;
  min-height: 550px;
}
.head-contacts{
  font-size: 16px;
  margin: 0;
  font-weight: 700;
  line-height: 1.3;
  color: #1c252c;
}
.body-contacts{
  font-size: 16px;
  line-height: 2;
  margin: 0;
  color: #1c252c;
}
.marker-block-footer{
  height: 100%;
  float: left;
  margin-right: 5px;
}
#contact .body-contacts i{
  margin-right: 5px!important;
  color: #004937;
}
.bonus li{
  display: inline-block;
  width: 19%;
  text-align: center;
}
.bonus p{
  font-size: 15px;
  color: rgb(28, 37, 44);
}

.text-in-banner{
  left: 48px;
  top: 25px;
  font-size: 35px;
  color: #1c252c;
  text-align: left;
  position: absolute;
  z-index: 31;
}
.td-btn-container{
  margin: 0 auto;
  float: right;
}
.padd-80{
  margin-top: 80px;
}
.padd-20{
  margin-top: 20px;
}
.padd-40{
  margin-top: 40px;
}
.padd-60{
  margin-top: 60px;
}
.max-790{
  max-width: 790px;
  background-color: #f1f1f1;
  padding: 10px 25px;
  border-left: 3px solid #054537;
}
.btn-w{
  width: 250px;
  font-size: 14px;
  color: rgb(255, 255, 255);
  line-height: 30px;
  text-transform: uppercase;
}
.btn-c{
  width: 300px;
  font-size: 15px;
  color: rgb(255, 255, 255);
  line-height: 1.2;
}

.red-red-block{
  float: right;
  height: 60px;
  width: 300px;
  background-color: #da0609;
}
.red-red-block span{
  line-height: 60px;
  color: #fff;
  display: block;
  text-align: center;
  font-size: 20px;
}
.btn-block{
  margin: 25px 0;
}
.red-span{
  color: #ff0000;
}
.text-block-acs h3{
  font-size: 25px;
  line-height: 1.2;
  text-align: left;
  color: #1c252c;
}
.text-block-acs p{
  font-size: 14px;
  color: #1c252c;
  line-height: 1.2;
  text-align: left;
  max-width: 800px;
  display: block;
}
.complectations h3{
  font-size: 35px;
  color: #1c252c;
}
.max-790 ul, .max-790 p{
  font-size: 18px;
  color: #1c252c;
  line-height: 1.25;
  padding-left: 10px;
  font-weight: 600;
}
.max-790 p{
  font-weight: 700;
}
.max-790 ul li{
  line-height: 25px;
  font-size: 14px;
  font-weight: normal;
}
.dic{
  font-size: 13px;
}
.top-profits{
  text-align: center;
}
.top-profits h3{
  font-weight: normal;
  font-size: 35px;
  color: rgb(61, 73, 83);
}
.top-profits p, .complectations p{
  font-size: 16px;
  color: #1c252c;
}
.top-profits .profits-blocks h3{
  font-size: 20px;
  color: #1c252c;
  min-height: 43px;
}
.left-profit{
  padding-left: 170px;
}
.right-profit{
  padding-right: 170px;
}
.ico-in-banner{
  float: right;
}
.ico-in-banner img{
  max-width: 100%;
}
.profits-blocks{
  max-width: 310px; margin: 0 auto 50px;
}
.profits-blocks img{
  max-height: 125px;
}
.order-call .phone-order-call{
  width: 300px; 
  height: 45px; 
  border: 1px solid #b4b8bc; 
  border-radius: 3px; 
  font-size: 20px; 
  margin: 0 30px 10px 0; 
  padding-left: 15px;
}
.order-call .btn-call{
  width: auto;
  vertical-align: top;
  height: 45px;
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: 600;
  white-space: normal;
}
.order-call .ico{
  position: absolute;
  margin-left: 15px;
  margin-top: 15px;
  color: #004937;
}
.order-call form{
  background-color: #f1f1f1;
  /*max-width: 685px;*/
  margin: 0 auto;
}
.order-call .form-block-order-call{
  padding: 20px;
  max-width: 780px;
  margin: 0 auto;
}
.order-call .personal-order-call{
  display: inline; 
  width: 20px;
  float: left;
}
.order-call .personal-label{
  display: inline;
  font-weight: normal;
  font-size: 14px;
}
.test-drive-block{
  background-image: url('../img/test-drive-backbround.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  padding: 20px 0;
}
.test-drive-block h3{
  font-size: 35px;
  color: rgb(255, 255, 255);
  font-weight: normal;
  line-height: 0.209;
  text-align: center;
  text-shadow: 4px 4px 9px #000;
}
.test-drive-block p{
  font-size: 18px;
  color: rgb(255, 255, 255);
  line-height: 1.3;
  text-align: center;
  margin: 0;
  text-shadow: 3px 3px 4px #000;
}
.td-block{
  color: #fff;
  max-width: 700px;
  margin: 0 auto;
  text-align: center;
}
.td-bt-container{
  margin: 0 auto;
  max-width: 300px;
}
.btn-test-drive{
  background: #fff!important;
  color: #004636!important;
  border-color: #fff!important;
  text-transform: uppercase;
  line-height: 1.2;
  text-align: center;
  height: 60px;
  font-size: 18px;
  max-width: 400px;
  width: 100%;
  margin-top: 10px;
  float: right;
  font-weight: 600;
}
.btn-test-drive:hover{
  background: #004636!important;
  color: #fff!important;
  border-color: #004636!important;
}
.trust-block{
  background-color: #f1f1f1;
  padding-bottom: 40px;
}
.trust-block h3{
  font-size: 35px;
  color: #1c252c;
  text-align: center;
}

.special{
  background-color: #f2f4f6;
  padding: 30px;
  min-height: 250px;
  padding-top: 0;
}
.special img{
  margin-top: 30px;
}

.special p{
  font-size: 20px;
  color: #1c252c;
  line-height: 1.2;
  text-align: left;
}

.special h3{
  font-size: 35px;
  color: #ff0000;
  text-align: left;
}
.spec-left{
  max-width: 50%;
}
.special-blocks p{
  min-height: 70px;
  margin: 0 0 10px 0;
  font-size: 16px;
  color: #1c252c;
}

.special-blocks h5{
  font-size: 16px;
  color: #1c252c;
  margin: 0px;
  display: block;
  min-height: 40px;
}

.special-blocks .top-block{
  min-height: 180px;
  padding: 15px 15px 35px 15px;
  border-radius: 4px;
}
.special-blocks .bot-block{
  min-height: 200px;
  padding: 60px 15px 15px 15px;
}
.special-blocks .bot-block button{
  font-size: 14px;
  line-height: 25px;
  width: 170px;
  text-transform: uppercase;
}
.special-blocks .bot-block a{
  padding: 0 5px 0 15px;
  text-decoration: underline!important;
  color: #838383;
  font-size: 16px;
}
.special-blocks .bot-block a:hover{
  color: #004937;
}
.special-blocks .top-block .red-special-block{
  height: 40px;
  width: 280px;
  background-color: #da0609;
}
.special-blocks .top-block .red-special-block span{
  line-height: 40px;
  color: #fff;
  display: block;
  text-align: center;
  font-size: 20px;
  font-weight: 700;
}
.special-blocks .ico{
  height: 80px;
}
.special-blocks h3{
  color: #fff;
  font-size: 25px;
  font-weight: bold;
  line-height: 0.96;
  text-align: left;
  text-shadow: 2px 3px 5px #090909;
}
.no-padd-l-r{
  padding-right: 0;
  padding-left: 0;
  margin-top: 15px;
  border-radius: 4px;
}
.box-s{
      box-shadow: 2px 3px 15px #999999
}
.mr-t{
  margin-top: 5px;
}
.check-point{
  position: absolute; 
  color: #004937; 
  display: block; 
  border-radius: 50%; 
  border: 2px solid #fff; 
  margin-top: -16px; 
  background-color: #fff;
  margin-left: 20px;
}
.color-pick-car-box{
  max-width: 100%; margin: 0 auto;  margin-bottom: 40px; padding-bottom: 70px;
}
.color-box-car li [data-act="1"]{
  box-shadow: 0px -2px 3px #aaa;
  border: 5px solid #fff;
}
.color-box-car li [data-act="0"]{
  border: 5px solid #fff;
}
.color-box-car{
  position: relative;
  bottom: 0;
  padding-left: 0;
  max-width: 400px;
  width: 100%;
  margin: 20px auto;
}
.color-box-car i[data-act="0"]{
  display: none;
}
.color-box-car i[data-act="1"]{
  display: block;
}
.color-box-car li{
  display: inline-block;
  border-radius: 50%;
  background: #fff;
  height: 40px;
  width: 40px;
  vertical-align: middle;
  text-align: center;
  padding-top: 3px;
}
.color-box-car img{
  height: 40px;
  width: 40px;
  margin: 2px;
  padding: 1px;
  cursor: pointer;
  border-radius: 50%;

}
.color-box-car span{
  height: 35px;
  width: 35px;
  margin: 2px;
  padding: 1px;
  cursor: pointer;
  border-radius: 50%;
  display: block;
}
.car-box-img img{
  max-width: 100%;
  min-height: 440px;
  margin: 0 auto;
}

.car-box-img ul{
  padding-left: 0;
}
.car-box-img img[data-act="1"]{
  display: block;
}
.car-box-img img[data-act="0"]{
  display: none;
}
.pls{
  background-color: #004937; 
  min-height: 50px;
  padding: 10px;
  margin-top: -5px;
  margin-bottom: 10px;
}
.pls-all{
  background-color: #004937; 
  min-height: 50px;
  padding: 10px;
  margin-top: -5px;
  margin-bottom: 10px;
}
.plus{
  height: 30px; 
  width:30px; 
  background-color: #004937; 
  display: inline-block; 
  float: left;
  cursor: pointer;
  border: 1px solid #fff;
}
.plus:hover{
  background-color: #fff;
}
.plus:hover div{
  background-color: #004937;
}

.plus-vert{
  position: absolute; margin-top: 5px; margin-left: 13px; height: 18px; width: 2px; background-color: #fff;
}
.plus-gor{
  position: absolute; margin-top: 13px; margin-left: 5px; height: 2px; width: 18px; background-color: #fff;
}
.pls-name{
  color: #fff; display: inline-block; float: left; margin-left: 10px; font-size: 12px;line-height: 30px;
}
.pls-btn{
  display: inline-block; float: right;  margin-top: 6px;
}
.pls-btn span{
  color: #fff;background: #054537; width: 175px; text-align: center;line-height: 40px;display: block;border-radius: 3px;cursor: pointer;transition: .3s background-color;font-size: 14px;
}

.pls-btn span:hover{
  background: #1c252c;
  transition: .3s background-color;
}
.pls-btn span i{
  margin-left: 5px;
}

.pls-all-cost{
  display: inline-block; float: right; color: #1c252c; height: 30px; margin-right: 15px; font-size: 20px;line-height: 53px;
}


.pls-all-name{
  color: #fff; display: inline-block; float: left; margin-left: 10px; font-size: 15px;line-height: 30px;
}
.pls-all-btn{
  display: inline-block; float: right;  margin-top: 6px;
}
.pls-all-btn span{
  color: #fff;background: #054537; width: 175px; text-align: center;line-height: 40px;display: block;border-radius: 3px;cursor: pointer;transition: .3s background-color;font-size: 14px;
}

.pls-all-btn span:hover{
  background: #1c252c;
  transition: .3s background-color;
}
.pls-all-btn span i{
  margin-left: 5px;
}

.pls-all-cost{
  display: inline-block; float: right; color: #1c252c; height: 30px; margin-right: 15px; font-size: 20px;line-height: 53px;
}
.min{
  height: 50px;
  padding: 5px 10px 10px 10px;
  display: none;
  margin-bottom: 20px;
}
.minus{
  height: 30px; 
  width:30px; 
  background-color: #f2f4f6;
  display: inline-block; 
  float: left;
  cursor: pointer;
  border: 1px solid #054537;
}
.minus-gor{
  position: absolute;
  margin-top: 14px;
  margin-left: 10px;
  height: 2px;
  width: 8px;
  background-color: #054537;
}
.min-name{
  color: #1c252c; display: inline-block; float: left; margin-left: 10px; font-size: 16px;line-height: 30px;
}
.min-btn{
  display: inline-block; float: right;margin-top: -4px;
}
.min-btn span{
  color: #fff; background: #054537; width: 175px; text-align: center;line-height: 40px;display: block;border-radius: 3px;cursor: pointer;font-size: 14px;
}
.min-btn span:hover{
   background: #1c252c;
}
.min-btn span i{
  margin-left: 5px;
}
.min-cost{
  display: inline-block; float: right; color: #1c252c; height: 30px; margin-right: 15px; font-size: 20px;
}
.car{
  display: none;
}
.blue{
  color: #004937;
  margin-right: 5px;
}
.car p{
  font-weight: 700;
  margin-bottom: 0;
  margin-left: 0px;
  color: rgb(61, 73, 83);
}
.car ul li{
  font-size: 16px;
  color: rgb(61, 73, 83);
}
.car ul{
  list-style-image: url(../img/checkbox.png);
  padding-left: 30px;
  margin-top: 0px;
  margin-bottom: 0px;
}
.car .main-charact ul li{
  list-style: disc!important;
  font-size: 15px;
  font-weight: bold;
  line-height: 1.4;
}
button.btn-warning{
  background: #054537;
  border-color: #054537;
  transition: .3s all;
}
button.btn-warning:hover{
  background: #1c252c;
  transition: .3s all;
}
.btn-warning:hover, 
.btn-warning:focus, 
.btn-warning:active, 
.btn-warning.active, 
.open .dropdown-toggle.btn-warning{
  color: #fff;
  background-color: #054537;
  border-color: #054537;
}


.KACKO-img-block,
.fix-KACKO-img-block,
.utilisation-img-block,
.tradein-img-block,
.credit-img-block{
  height: 170px; 
  padding: 10px;
  background-color: #f2f4f6;
}
.site-slider{
  height: 100%;
}
.site-slider.new {
  height: 850px;
  overflow: hidden;
}
.site-slider .text-right{
  margin-top: 35px;
  min-height: 100%;
}
.site-slider .slider-caption .header{
  margin-bottom: -10px;
}


@media (max-width: 500px) {
  .text-in-banner{
    left: 15px;
    top: 5px;
    font-size: 25px;
    max-width: 100%;
  }
  .fix-KACKO-img-block{
    height: 190px;
  }
  .dic{
    font-size: 10px;
  }
  .text-block-acs h3{
    font-size: 22px;
  }
  .text-block-acs p{
    font-size: 16px;
  }
  .max-790{
    padding: 15px;
  }

}

@media (max-width: 767px) {
  .social{
    margin-top: 10px !important;
    float: left;
  }
  .red-red-block{
    float: none;
    height: 40px;
    margin-top: 15px;
  }
  .red-red-block span{
    line-height: 40px;
  }
  .spec-img-partner{
    display: none;
  }
  .spec-img-partner-bottom {
    display: block;
  }
  .fixes-h{
    margin-bottom: 125px;
  }
  .site-slider{
    height: calc(100%);
  }
  .site-slider .text-right{
    margin-top: 0;
  }
}
@media (max-width: 610px) {
  .fixes-h{
    margin-bottom: 125px;
  }
}
@media (max-width: 725px) {
  .pls{
    min-height:50px;
  }
  .pls-name{
    font-size: 12px;
    margin-bottom: 15px;
  }
  .pls-cost{
    font-size: 16px;
    margin-right: 3px;
    line-height: 30px;
  }
  .pls-btn span{
    width: 150px;
  }
  .pls-all{
    min-height:50px;
  }
  .pls-all-name{
    font-size: 20px;
    margin-bottom: 15px;
  }
  .pls-all-cost{
    font-size: 16px;
    margin-right: 3px;
    line-height: 30px;
  }
  .pls-all-btn span{
    width: 150px;
  }
  .min-name{
    font-size: 20px;
    margin-bottom: 15px;
  }
  .min-cost{
    font-size: 16px;
    margin-right: 3px;
    line-height: 30px;
  }
  .min-btn span{
    width: 150px;
  }
 
}

@media (max-width: 600px) {
  .pls{
    min-height:70px;
  }
  .pls-name{
    font-size: 12px;
    margin-bottom: 15px;
    width: 70%
  }
  .pls-cost{
    font-size: 16px;
    margin-right: 3px;
    line-height: 50px;
  }
  .pls-btn span{
    width: 150px;
  }
  .pls-all{
    min-height:70px;
  }
  .pls-all-name{
    font-size: 20px;
    margin-bottom: 15px;
    width: 70%
  }
  .pls-all-cost{
    font-size: 16px;
    margin-right: 3px;
    line-height: 50px;
  }
  .pls-all-btn span{
    width: 150px;
  }
  .min-name{
    font-size: 20px;
    margin-bottom: 15px;
  }
  .min-cost{
    font-size: 16px;
    margin-right: 3px;
    line-height: 30px;
  }
  .min-btn span{
    width: 150px;
  }
}
@media (max-width: 480px) {
  .pls{
    min-height:80px;
  }
  .pls-all{
    min-height:80px;
  }
  .trust-block h3{
    font-size: 35px;
  }
  .complectations h3{
    font-size: 35px;
  }
}

.site-slider .phone-order-call{
  width: 280px; 
  height: 45px; 
  border: 1px solid #b4b8bc; 
  border-radius: 3px; 
  font-size: 20px; 
  padding-left: 15px;
  margin-bottom: 10px;
}
.site-slider .btn-call{
  width: 280px;
  vertical-align: top;
  height: 40px;
  display: block;
  margin: 0 auto 10px auto;
  font-size: 13px;
  background-color: #f71718;
  border-color: #f71718;
  font-weight: 600;
}
.site-slider .btn-call:hover{
  background-color: #054537;
  border-color: #054537;
}
.site-slider .ico{
  position: absolute;
  margin-left: 13px;
  margin-top: 14px;
  color: #004937;
}
.site-slider .form-block-order-call{
  padding: 20px;
  max-width: 400px;
  margin: 0 auto;
  display: block;
}
.site-slider .personal-order-call{
  display: inline; 
  width: 20px;
  position: absolute;
}
.site-slider .personal-label{
  display: inline-block;
  font-weight: normal;
  font-size: 13px;
  max-width: 300px;
  text-align: center;
  line-height: 15px;
}
.site-slider h2{
  color: #004636;
  font-weight: 700;
  margin: 0px;
  font-size: 28px;
}

.site-slider h3{
  color: #004636;
  font-weight: 700;
  margin: 0px;
  font-size: 20px;
}

.site-slider .head-block{
  color: red;
  z-index: 988;
  margin-bottom:10px;
}
.site-slider .head-block span{
  color: #fff;
  font-weight: 700;
  font-size: 40px;
  display: inline-block;
  text-align: left;
  text-shadow: 2px 2px 12px #000;
  margin-bottom: -15px;
}
.site-slider .left{
  display: inline-block;
  /* float: left; */
}
.left-left{
  background: rgba(76, 81, 110, 0.5);
  padding: 0px 10px;
  margin-bottom: 7px;
  margin-top: 10px;
}
.site-slider .head-block .left p{
  font-size: 40px;
  margin: 0;
  color: #fff;
  text-shadow: 2px 3px 7px #000;
  text-align: center;
}
.site-slider .right{
  display: inline-block;
  float: right; 
  margin-top: 20px;
}
.site-slider .head-block .right p{
  font-size: 41px;
  font-weight: 600;
  margin: 0;
  color: #fff;
  text-shadow: 2px 3px 7px #000;
  text-align: right;
  font-weight: 700;
}
.site-slider .slider-foot{
  background-color: rgba(255, 255, 255, 0.65);
  z-index: 988;
  padding: 0px 10px;
  border-radius: 7px;
  margin: 0px auto;
  position: absolute;
  right: 15%;
  bottom: 75px;
}
.site-slider .slider-foot p{
  margin: 0;
  line-height: 60px;
  text-align: center;
  display: block;
  color: #1c252c;
  font-weight: 600;
  font-size: 25px;
}
.site-slider .triangle{
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 20px 35px 20px;
  border-color: transparent transparent rgba(255, 255, 255, 0.65) transparent;
  position: absolute;
  margin-top: -35px;
  margin-left: 300px;
}
.red-red-block-head{
  background-color: #ea1519;
  color: #fff;
  text-align: center;
  font-size: 30px;
  line-height: 45px;
  font-weight: 600;
}
@media (max-width: 991px) {
  .bonus li{
    width: 32%;
    text-align: center;
  }
  .bonus ul{
    padding: 0;
    text-align: center;
  }
  .td-btn-container{
    width: 100%;
  }
  .left-profit{
    padding-left: 1px;
  }
  .right-profit{
    padding-right: 1px;
  }

  .td-block{
    width: 100%;
  }
  .toggle-menu {
    display: block;
    margin-top: -7px;
  }
}
@media (max-width: 800px) {
  .spec-left{
    max-width: 100%;
  }
  .td-block{
    width: 100%;
  }
}
@media (max-width: 470px) {
  .bonus li{
    width: 49%;
    text-align: center;
  }
  .bonus ul{
    padding: 0;
    text-align: center;
  }
  .special-blocks .bot-block a{
    display: inline-block;
    margin-top: 20px;
  }
  .btn-test-drive{
    font-size: 13px;
    box-shadow: 2px 5px 15px #000;
    width: 100%;
  }
  .td-bt-container{
    float: none;
  }
  .special h3{
    line-height: 1;
    font-size: 35px;
  }
  .trust-block img{
    width: 48%;
    margin: 0;
    margin-bottom: 20px;
  }
}
@media (max-width: 370px) {
  .form-block-order-call{
    width: 100%;
  }
  .order-call .btn-call{
    width: 100%;
  }
  .order-call .phone-order-call{
    width: 100%;
  }
  button.btn-warning{
    width: 100%;
  }
  .bonus li{
    width: 100%;
    text-align: center;
  }
  .bonus ul{
    padding: 0;
    text-align: center;
  }
  #front .logo img{
    width: 100%;
    margin-bottom:10px;
  }
  .display-m-h{
    display: none;
  }
  .test-drive-block h3{
    font-size: 35px
  }
  .head-m-fix{
    margin-top: 75px;
  }
  .special-blocks .top-block .red-special-block{
    margin-left: -20px;
  }
}
@media (max-width: 991px) {
  .site-header-bottom .main-menu ul li{
    width: 100%;
    background-color: #fff;
  }
  .site-header-bottom .main-menu ul li a{
    color: #2d92ff;
  }
  .site-slider .head-block .right p{
    font-size: 25px;
  }
  .site-slider .head-block span{
    font-size: 50px;
  }
  .site-slider .head-block .left p{
    font-size: 30px;
  }
  .red-red-block-head{
    font-size: 20px;
  }
  .site-slider .head-block{
    min-height: 200px;
  }
}
@media (max-width: 768px) {
  .row{
    margin-right: 0;
    margin-left: 0;
  }
  .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{
    padding-right: 0;
    padding-left: 0;
  }
  .form-block-order-call-block{
    max-width: 300px;
    margin: 0 auto;
  }
  .top
}

.mobile-slider .phone-order-call{
  width: 100%; 
  height: 45px; 
  border: 1px solid #b4b8bc; 
  border-radius: 3px; 
  font-size: 20px; 
  padding-left: 30px;
  margin-bottom: 10px;
}
.mobile-slider .btn-call{
  width: 100%;
  vertical-align: top;
  height: 45px;
  display: block;
  margin: 0 auto 10px auto;
}
.mobile-slider .ico{
  position: absolute;
  margin-top: 14px;
  color: #004937;
  margin-left: 13px;
}
.mobile-slider .form-block-order-call{
  padding: 20px;
  max-width: 400px;
  margin: 0 auto;
  display: block;
}
.mobile-slider .personal-order-call{
  display: inline; 
  width: 20px;
  position: absolute;
}
.mobile-slider .personal-label{
  display: inline-block;
  font-weight: normal;
  font-size: 13px;
  max-width: 300px;
  text-align: center;
  line-height: 16px;
}
.m-form-slider{
  background-color: #ccc;
  width: 100%;
  margin: 10px auto;
  padding: 10px;
  border-radius: 7px;
}

.mobile-slider h2{
  color: #e9131a;
  font-weight: 700;
  margin: 0px;
  font-size: 25px;
}
.mobile-slider h3{
  color: #e9131a;
  font-weight: 700;
  margin: 10px 0 10px 0;
  font-size: 18px;
}
.mobile-slider .head-block{
  color: red;
  width: 100%;
}
.mobile-slider .head-block span{
  color: #fff;
  font-weight: 700;
  font-size: 40px;
  display: block;
  text-align: left;
  text-shadow: 1px -2px 6px #0D334D;
}
.mobile-slider .left{
  display: inline-block;
  width: 100%;
}
.mobile-slider .head-block .left p{
  font-size: 28px;
  margin: 0;
  color: #fff;
  text-shadow: 1px -2px 6px #0D334D;
  text-align: left;
}
.mobile-slider .right{
  display: inline-block;
  width: 100%;
  margin-top: 20px;
  font-weight: 600;
}
.mobile-slider .head-block .right p{
  font-size: 31px;
  margin: 0;
  color: #fff;
  text-shadow: 1px -2px 6px #0D334D;
  text-align: left;
  line-height: 35px;
}
.mobile-slider .slider-foot{
  height: 80px;
  background-color: rgba(255, 255, 255, 0.65);
  color: red;
  width: 100%;
  font-size: 17px;
  padding: 0px;
  border-radius: 7px;
  margin-top: 25px;
  box-shadow: 4px 4px 0px #9fa2ac;
}
.mobile-slider .slider-foot p{
  margin: 0;
  line-height: 40px;
  text-align: center;
  display: block;
  color: #1c252c;
  font-weight: 700;
}
.mobile-slider .triangle{
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 15px 25px 15px;
  border-color: transparent transparent rgba(255, 255, 255, 0.65) transparent;
  position: absolute;
  right: 85px;
  margin-top: -25px;
}
.mobile-slider .red-red-block-head{
  background-color: #ea1519;
  color: #fff;
  text-align: center;
  font-size: 23px;
  line-height: 45px;
}

@media (max-width: 600px) {
  .mobile-slider{
    display: block;
  }
  .site-slider{
    display: none;
  }
  .m-form-slider .header,
  .mobile-slider .head-block span,
  .mobile-slider .head-block .left p,
  .mobile-slider .head-block .right p{
    text-align: center;
  }
  .site-slider .triangle{
    margin-left: 200px;
  }
  .toggle-menu{
    margin-top: -7px;
  }
}
@media (min-width: 601px) {
  .mobile-slider{
    display: none;
  }
  .site-slider{
    display: block;
  }
}
.modal-title{
  font-size: 18px;
}
.form-input-phone{
  width: 100%;
  padding: 5px;
  margin: 0;
  font-size: 18px;
  border-radius: 3px;
  border: 1px solid #ccc;
  padding-left: 30px;
}
.modal-dialog{
  max-width: 400px;
  margin: 0 auto;
  top: 100px;
}
.modal-footer{
  border-top: none;
}
.modal-ok{
  display: none;
  max-width: 400px;
  text-align: center;
  margin: 0 auto;
  box-shadow: 0px 0px 10px #ccc;
  border-radius: 7px;
  padding: 10px;
  position: fixed;
  top: 100px;
  left: 35%;
  z-index: 1000;
  background-color: #fff;
}
.overlays{
  position: fixed;
  left: 0;
  top: 0;
  background: rgba(0,0,0,0.5);
  z-index: 999;
  width: 100%;
  height: 100%;
  display: none;
}
@media (max-width: 400px) {
  .modal-ok{
    left: 5%;
  }

}
@media (min-width: 992px) and (max-width: 1199px) {
  .special-blocks h3{
    font-size: 23px;
  }
  .special-blocks .top-block .red-special-block{
    margin-left: -20px;
  }
  .special-blocks p{
    min-height: 90px;
  }
  .special-blocks button.btn-warning{
    margin-bottom: 15px;
  }
}
.btn{
  border-radius: 5px;
}
@media (min-width: 768px) and (max-width: 1199px) {
  .site-header .call_phone_10_1{
    padding-top: 20px!important;
  }
  .site-header .call_phone_10_1 a{
    font-size: 20px!important;
  }
  .site-header p{
    font-size: 10px!important;
  }
}

@media (min-width: 601px) and (max-width: 767px) {
   .site-slider .head-block .right p{
    font-size: 23px;
  }
  .site-slider .slider-foot p{
    font-size: 20px;
  }
  .site-slider .head-block{
    min-height: 175px;
  }
  .site-slider .right{
    float: left;
  }
  .site-slider .slider-foot {
    margin: 10px 0 10px auto;
    right: 4%;
  }
  .site-slider .triangle{
    margin-left: 250px;
  }

}
#arrow{
  position:absolute;
  bottom:0;
  margin:0 auto;
  height:45px;
  width:45px;
  text-align:center;
  left:50%;
  border:2px solid #fff
  ;border-radius:50%;
  line-height:45px;
  font-size:30px;
  color:#fff;
  margin-bottom:25px;
  cursor:pointer; 
  animation: trans 5s infinite linear;
  -webkit-animation: trans 3.5s infinite linear;
  opacity: 0.7;
}
@-webkit-keyframes trans {
  0% {
    -webkit-transform: translateY(5px);
  }
  10% {
    -webkit-transform: translateY(5px);
  }
  15%{
    -webkit-transform: translateY(11px);
  }
  20% {
    -webkit-transform: translateY(7px);
  }
  25% {
    -webkit-transform: translateY(11px);
  }
  35% {
    -webkit-transform: translateY(5px);
  }
  100% {
    -webkit-transform: translateY(5px);
  }
}
.ico-head{
  height: 100px;
  width: 100px;
  background-color: #fff;
  border-radius: 50%;
  padding: 9px;
  position: absolute;
  margin-top: 115px;
}
.ico-head.tow{
  margin-left: 120px;
}
.bx-wrapper{
  background: #f1f1f1;
  box-shadow: none;
  border: none;
}
.bx-wrapper img{
  width: 90%;
  max-width: 90%;
  display: block;
  padding: 5px;
  opacity: 1;
}

ul.submenu.commerce {
  width: 320px;
}

ul.submenu {
  display: none;
  position: absolute;
  width: 257px;
  top: 20px;
  left: 0;
  background-color: white;
  border: 1px solid #d3d7de;
  box-shadow: 1px 1px 5px rgba(0,0,0,0.3);
}
.site-header-bottom .main-menu .btn-group ul.submenu li a {
  font-size: 13px;
  text-transform: none!important;
  outline: 0;
  border: 0;
  display: block;
  padding-left: 10px;
  width: 100%;
  text-align: left;
  color: #1c252c!important;
}
.site-header-bottom .main-menu ul li a:hover + ul{
  display: block;

}
.site-header-bottom .main-menu ul li a:hover + ul.submenu {
  display: block!important;
}
.site-header-bottom .main-menu .btn-group ul.submenu li a:hover {
  color: #fff!important;
}
.site-header-bottom .main-menu .btn-group ul.submenu:hover{
  display: block;
}
.site-header-bottom .main-menu .btn-group ul.submenu{
  padding-right: 0;
  width: 300px;
  background: #b6bdca;
  border: none;
  margin-top: 10px;
  z-index: 2000;
}
.site-header-bottom .main-menu .btn-group ul.submenu li{
  width: 100%;
}
.main-block-complect{
  margin-bottom: 20px;
}

.main-block-complect .car{
  background: #f1f1f1;
}
.main-block-complect .min{
  background: #f1f1f1;
  margin-bottom: 0px;
}
.arrws{
  float: left; width: 0; height: 0; border-style: solid; border-width: 25px 0 25px 12px; border-color: transparent transparent transparent #004937;
}
.tabator{
  display: flex;
  justify-content: space-between;
  align-items: start;
  flex-wrap: wrap;
  margin-bottom: 15px;
  /*border-bottom: 1px solid #004937;*/
  padding-bottom: 5px;

}
.tabuest{
  color: #004937;
  background: #fff;
  margin-bottom: 10px;
  padding: 10px 10px;
  border: 1px solid #004937;
  width: 49%;
  cursor: pointer;
  transition: 0.5s color, 0.5s background;
}
.tableren_container{
  /*display: flex;*/
  /*justify-content: space-between;*/
  /*align-items: start;*/
  margin-bottom: 15px;
  border-bottom: 1px solid #004937;
}
.tableren{
  color: #004937;
  background: #f2f4f6;;
  margin-bottom: 10px;
  padding: 10px 50px;
  border: 1px solid #004937;
  cursor: pointer;
  display: inline-block;
  transition: 0.5s color, 0.5s background;
  text-align: center;
  margin-bottom: 0;
  z-index: 2;
  position: relative;
  margin-bottom: -1px;
  font-weight: 600;
}
.tableren:hover{
  background: #004937;
  color: #fff;
}
.tabuest:hover{
  background: #004937;
  color: #fff;
}
.tableren.activares{
  /*background: #004937;*/
  background: #fff;
  color: #004937;
  border-bottom: 1px solid #fff;
}
.tabbre{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 20px;
  border-top: 1px solid #004937;
  border-bottom: 1px solid #004937;
  padding-top: 5px;
  padding-bottom: 5px;
}
.namert{
  text-align: left;
  background: #054537;
  color: #fff;
  padding: 5px 15px;
  margin: 1px 0;
  width: 60%;
  font-size: 14px;
}
.cosrt{
  text-align: right;
  color:#004937;
  background: #fff;
  font-weight: bold;
  width: 39%;
  padding: 5px 15px;
  margin: 1px 0;
}
.tabuest.activest{
  background: #004937;
  color: #fff;
}
@media (max-width: 600px){
  .namert{
    width: 100%;
  }
  .cosrt{
    width: 100%;
  }
  .top-block{
    background-position: center !important;
  }
}

@media (max-width: 1200px){
  .tabuest{
    color: #004937;
    background: #fff;
    margin-bottom: 10px;
    padding: 10px 10px;
    border: 1px solid #004937;
    width: 100%;
    cursor: pointer;
    transition: 0.5s color, 0.5s background;
  }
}
@media (max-width: 1024px){
  .arrws{
    display: none;
  }
  .complect-line{
    margin-top: 15px;
    width: 100%;
  }
  .pls{
    background-color: #004937;
    min-height: 50px;
    padding: 10px;
    margin-top: -5px;
    margin-bottom: 10px;
    height: 115px;
    width: 100%;
  }
  .pls-all{
    background-color: #004937;
    min-height: 50px;
    padding: 10px;
    margin-top: -5px;
    margin-bottom: 10px;
    height: 115px;
    width: 100%;
  }
  
}
@media (max-width: 600px){
  .pls-name {
    font-size: 12px;
    margin-bottom: 0px;
    width: 80%;
    float: none;
  }
  .pls-all-name {
    font-size: 16px;
    margin-bottom: 15px;
    width: 80%;
  }
  .complect-line.mobile{
    float: none!important;
    margin-bottom: 20px;
    margin-top: 0px;
    height: 60px;
  }
  .pls{
    background-color: #004937;
    min-height: 50px;
    padding: 10px;
    margin-top: -5px;
    margin-bottom: 0;
    height: 110px;
    width: 100%;
  }
  .pls-all{
    background-color: #004937;
    min-height: 50px;
    padding: 10px;
    margin-top: -5px;
    margin-bottom: 0;
    height: 110px;
    width: 100%;
  }
}
@media (min-width: 1025px) and (max-width: 1199px) {
  .complect-line{width: 40%}
  
}

@media (min-width: 992px) {
  .top-mini-line{
    position: fixed;
    top: 0;
    z-index: 1250;
  }
  #front1,
  #front{
    position: fixed;
    top: 4px;
    width: 100%;
    z-index: 1250;
  }
  #front.head-m-fix{
    position: fixed;
    width: 100%;
    top: 69px;
    z-index: 1250;
  }
  .site-slider{
    margin-top: 105px;
    z-index: 1250;
  }
}

.pls-btn {
  margin-left: 15px;
}
.pls-cost {
  line-height: 49px;
  text-align: right;
  padding-right: 15px;
  color: #000;
}
.pbase{
  color: #ccc;
  display: block;
  line-height: 20px;
  padding-top: 3px;
}
.uaz-hover{
  transition: all 0.3s;
}
.uaz-hover:hover{
  opacity: 0.7;
  filter: alpha(opacity=70);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.main-block-complect{
  margin-bottom: 10px;
}
.complect-line{
  width: 30%;
}
.complect-line.mobile{
  width: 75%;
}
.site-slider .phone-order-call{
  height: 40px;
}
.pls-all{
  border-radius: 5px;
}
.complectations .go{
  text-decoration: underline!important;
}
.pls-all-name{
  font-size: 16px;
}
#tuning-block .head{
  color: #1c252c;
  margin-bottom: 7px;
  font-weight: bold;
}
#tuning-block .tuning-text{
  color: #1c252c;
  font-size: 14px;
}
#tuning-block .single-tuning{
  margin-bottom: 20px;
}
@media (max-width: 1024px) and (min-width: 601px) {
  .site-slider .head-block .left span{
    font-size: 40px;
  }
  .site-slider .head-block .left .red-red-block-head{
    margin-top: 10px;
  }
  .site-slider .head-block .left p{
    font-size: 25px;
  }
  .site-slider h2{
    margin-top: -10px;
  }
}
@media (max-width: 768px) {
  .slslsl{
    display: none!important;
  }
}
@media (max-width: 767px) {
  #front.srs{
    height: 100px!important;
  }
}
@media (max-width: 991px) {
  .pls{
    min-height: 80px;
  }
  .pls-all{
    min-height: 50px;
    height: 50px;
  }
}
@media (max-width: 600px) {
  .pls-name-s{
    font-size: 14px;
    padding-right: 10px!important;
    margin-left: 0px
  }
  .pls-name-s+a{
    font-size: 14px;
  }
  .pls-all-name-s{
    font-size: 14px;
    padding-right: 10px!important;
    margin-left: 0px
  }
  .pls-all-name-s+a{
    font-size: 14px;
  }
  #front.ssrf{
    height: 120px;
  }
  .complect-line.mobile{
    height: 55px;
  }
  .complectations .go{
    font-size: 16px!important;
  }
  .color-box-car{
    width: 100%;
  }

}

.pls-btn.g{
  margin-top: 20px;
  float: none;
}
.pls-btn.g span img{
  margin-right: 25px;
}
.pls-btn.g span{
  margin: 0 auto;
  width: 350px;
  height: 80px;
  line-height: 80px;
  max-width: 100%;
}
@media (max-width: 1024px) and (min-width: 600px){

  .complect-line{
    width: 100%;
    margin-top: 15px;
  }
  .pls-all{
    height: 50px;
  }
}
.uaz-hover{
  transition: all 0.3s;
}
.uaz-hover:hover{
  opacity: 0.7;
  filter: alpha(opacity=70);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.site-slider .phone-order-call{
  height: 40px;
}
.complectations .go{
  text-decoration: underline!important;
}
@media (max-width: 1024px) and (min-width: 601px) {
  .site-slider .head-block .left span{
    font-size: 40px;
  }
  .site-slider .head-block .left .red-red-block-head{
    margin-top: 10px;
  }
  .site-slider .head-block .left p{
    font-size: 25px;
  }
  .site-slider h2{
    margin-top: -10px;
  }
}
@media (max-width: 768px) {
  .slslsl{
    display: none!important;
  }
}
@media (max-width: 767px) {
  #front.srs{
    height: 100px!important;
  }
}
@media (max-width: 991px) {
  .pls{
    min-height: 80px;
  }
}
@media (max-width: 600px) {
  .pls-name-s{
    font-size: 14px;
    padding-right: 10px!important;
    margin-left: 0px
  }
  .pls-name-s+a{
    font-size: 14px;
  }
  #front.ssrf{
    height: 120px;

  }
  .color-box-car{
    width: 100%;
  }
}
.complex-next span.go{
  cursor: pointer;
}
.pls-btn.g{
  margin-top: 20px;
  float: none;
}
.pls-btn.g span img{
  margin-right: 25px;
}
.pls-btn.g span{
  margin: 0 auto;
  width: 350px;
  height: 80px;
  line-height: 80px;
  max-width: 100%;
}
.minusss p{
  color: #054537;
}
.go{
  cursor: pointer;
}

@media (max-width: 420px) {
  .pls-btn.g span{
    width: 320px;
  }
}
.cont-year-tabs{
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  text-align: center;
  margin-bottom: 20px;
}
.year-btn{
  min-width: 200px;
  height: 40px;
  border: 1px solid #004937;
  line-height: 40px;
  margin-right: 10px;
  color: #004937;
  font-weight: bold;
  cursor: pointer;
}
.year-btn.activate{
  color: #fff;
  background: #004937;
}

.pls-btn {
  margin-left: 15px;
}
.pls-cost {
  line-height: 25px;
  text-align: right;
  padding-right: 15px;
}
.pls-btn.g{
  margin-top: 20px;
  float: none;
}
.pls-btn.g span img{
  margin-right: 25px;
}
.pls-btn.g span{
  margin: 0 auto;
  width: 350px;
  height: 80px;
  line-height: 80px;
  max-width: 100%;
}
.old-cost{
  text-decoration: line-through;
}
@media (max-width: 600px) {
  .pls{
    height: auto;
    min-height: auto;
  }
  .old-cost{
    text-decoration: line-through;
    text-decoration-color: red;
    line-height: 10px;
  }
  .tableren{
    width: 32%;
    padding: 10px 0;
  }
}
@media (max-width: 420px) {
  .pls-btn.g span{
    width: 320px;
  }
  .phone-order-call.fs{
    width: 100%;
  }
}
.data-ssdrre{
    cursor: pointer;
    text-decoration: underline;
}
#more h3{
    font-size: 22px !important;
    text-align: left !important;
}
.top-profits-button{
  background: #004937;
  max-width: 250px;
  margin: 0 auto;
  cursor: pointer;
  line-height: 40px;
  height: 40px;
  text-align: center;
  color: #ffffff;
  transition: 0.3s background-color;
}
.top-profits-button:hover{
  background: #004937;
}
.prof-claster{
  position: absolute;
  margin-top: 15px;
  left: calc(50% - 145px);
  width: 290px;
  background: #f1f1f1;
  z-index: 30;
  display: none;
  border: 1px solid #f1eded;
  padding: 0 5px;
}
.angle-ooop{
  top: -15px;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 20px 15px 20px;
  border-color: transparent transparent #f1f1f1 transparent;
  margin: 0 auto;
}
.stick-new{
  position: absolute;
  left: 50px;
  top: -10px;
}

@media (min-width: 800px) {
  /*.car-box-img{*/
    /*min-height: 510px;*/
  /*}*/
}
.main-slider-gallery__item{
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.main-slider-gallery__photo{
  min-height: 440px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  max-width: 58%;
}
.main-slider-gallery__info{
  max-width: 42%;
  width: 100%;
  min-height: 440px;
  background-color: #004937;
  color:#fff;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 30px;
  position: relative;
}
.main-slider-gallery__title{
  font-weight: bold;
  text-transform: uppercase;
  line-height: 46px;
  font-size: 30px;
  max-width: 400px;
}
.main-slider-gallery__text{
  max-width: 420px;
  line-height: 30px;
  font-size: 20px;
}
.fotogallery .bx-viewport{
  max-height: 480px !important;
}
.button-arrow, .button-arrow:before {
  width: 70px;
  height: 70px;
  border-radius: 50%;
}
.button-arrow{
  border: 1px solid #ccc;
  border-radius: 50%;
  line-height: 66px;
  text-align: center;
  font-size: 30px;
  cursor: pointer;
  display: inline-block;
  position: absolute
}
.slider-prev2{
  bottom: 20px;
  left: 20px;
}
.slider-next2{
  bottom: 20px;
  left: 100px;
}
.button-arrow .bx-prev {
  left: 10px;
  background: none !important;
  color: #fff !important;
  display: block;

}
.button-arrow .bx-next {
  left: 10px;
  background: none !important;
  color: #fff !important;
  display: block;
}

@media (max-width: 1024px) {
  .main-slider-gallery__title{
    max-width: 400px;
    margin-top: -80px;
  }
  .main-slider-gallery__photo{
    min-height: 360px;
  }
  .main-slider-gallery__info{
    min-height: 360px;
  }
}

@media (max-width: 768px) {
  .offerModalWindow {
    display: none;
    position: fixed;
    width: 320px;
    height: auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 102;
  }
  .offerModalContent .social_buttons a {
    font-size: 16px;
  }
  .offerModalContent .social_buttons a.vk {
    float: right;
  }
  .main-slider-gallery__photo{
    min-height: 506px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    max-width: 100%;
  }
  .main-slider-gallery__title{
    margin-top: 0;
  }

  .main-slider-gallery__info{
    width: 100%;
    max-width: 100%;
    padding: 15px;
  }
  .main-slider-gallery__title{
    line-height: 24px;
    font-size: 18px;
  }
  .main-slider-gallery__text {
    max-width: 400px;
    line-height: 20px;
    font-size: 16px;
  }
  .button-arrow {
    border: 1px solid #ccc;
    border-radius: 50%;
    line-height: 44px;
    text-align: center;
    font-size: 24px;
    cursor: pointer;
    display: inline-block;
    position: absolute;
  }
  .button-arrow, .button-arrow:before {
    width: 50px;
    height: 50px;
    border-radius: 50%;
  }
  .slider-next2 {
    bottom: 20px;
    left: 90px;
  }
}
@media (max-width: 1024px) and (min-width: 601px){
  .slide-fix{
    background-size: contain !important;
    background-position: unset !important;
  }
  .orrright p{
    display: inline-block;
    margin-right: 10px !important;
    padding: 0 !important;
  }
  .orrright{
    padding: 0 !important;
  }
}
@media (min-width: 361px) and (max-width: 425px) {
  .button-arrow{
    bottom: 10px;
  }
}
@media (max-width: 425px) {
  .main-slider-gallery__photo{
    min-height: 230px;
  }
  .ico-in-banner{
    float: none;
  }
  .car-box-img img{
    min-height: auto;
  }
  .main-slider-gallery__info{
    min-height: 250px;
    height: auto;
  }
  .main-slider-gallery__item{
    display: block;
  }
  .slider-prev2{
    left: 15px;
  }
  .slider-next2{
    left: 70px;
  }
  .main-slider-gallery__title{
    font-size: 16px;
  }
  .main-slider-gallery__text{
    line-height: 18px;
    font-size: 14px;
  }
  .button-arrow, .button-arrow:before{
    font-size: 20px;
    line-height: 36px;
    width: 40px;
    height: 40px;
  }
}
@media (max-width: 375px) {
  .main-slider-gallery__photo{
    min-height: 230px;
  }
  .button-arrow, .button-arrow:before{
    bottom: 15px;
  }

}
@media (max-width: 320px) {
  .main-slider-gallery__photo{
    min-height: 204px;
  }
}
.header_offer {
  text-shadow: none;
}
.header_offer .header_offer_title {
  display: table;
  width: 100%;
  margin-top: 10px;
}
.header_offer .header_offer_title div,
.header_offer .header_offer_sections div {
  font-size: 32px;
  color: #fff;
  text-shadow: 2px 2px 12px #000;
  font-weight: 700;
}
.header_offer .header_offer_title .slogan {
  padding: 10px;
}
.header_offer .header_offer_title .slogan span {
  line-height: 0;
  text-shadow: none;
  color: #fff;
}
.header_offer .header_offer_title .slogan span.name {
  font-size: 36px;
}
.header_offer .header_offer_title .slogan span.desc {
  font-size: 32px;
  margin: 0;
  display: unset;
  padding-left: 0px;
}
.header_offer .header_offer_title .button {
  padding: 10px;
}
.header_offer .header_offer_title .button a {
  font-size: 18px;
  color: #015f46;
  text-decoration: underline !important;
}
.header_offer .header_offer_title .button a:hover {
  text-decoration: none;
}
.header_offer .header_offer_divider {
  width: 25%;
  height: 2px;
  background-color: #015f46;
  margin:15px auto 30px;
}
.header_offer .offer_content {
  padding: 0 20px;
  text-align: center;
  font-size: 32px;
  border-left: 5px solid #015f46;
  color: #e1002f;
  font-weight: bold;
  height: 90px;
  line-height: 55px;
}
.header_offer .offer_content a {
  color: #e1002f;
  font-size: 28px;
}
.header_offer .offer_content a span {
  margin: 0 10px;
}
.header_offer .offer_content a:hover span {
  text-decoration: underline;
}
.header_offer .offer_content span {
  font-size: 22px;
  color: #fff;
  text-transform: uppercase;
  font-weight: bold;
  margin-right: 5px;
  text-shadow: none;
}
.header_offer .offer_content img {
  height: 55px;
}
.header_offer .header_offer_button {
  text-align: center;
  margin-top: 15px;
}
.header_offer .header_offer_button .offer_button {
  background-color: #c50000;
  color: #fff;
  font-weight: 700;
  padding: 15px 25px;
  font-size: 25px;
  text-transform: uppercase;
  width: 100%;
  border: 2px solid #a8a8a8;
}
.header_offer .header_offer_button .offer_button:hover {
  transition: all ease-in-out 0.3s;
  background-color: #015f46;
  border: 2px solid #015037;
}
.header_offer .header_timer_title {
  background-color: #c50000;
  color: #fff;
  font-size: 28px;
  font-weight: bold;
  text-align: center;
  padding: 10px 0;
}
.header_offer .header_timer_title span {
  text-shadow: none;
  font-size: 28px;
  margin-right: 5px;
}
.header_offer .timer {
  background-color: #fff;
  padding-bottom: 20px;
}
.header_offer .timer span {
  text-shadow: none;
  color: #222;
}
.header_offer .timer .title {
  color: #222;
  text-align: center;
  font-weight: bold;
  font-size: 18px;
}
.new_box {

}
.new_box .title {
  padding: 15px;
  background-color: #054537;
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 22px;
  text-align: center;
  line-height: 2;
}
.new_box .main_image {
  line-height: 0;
}
.new_box .main_image img {
  width: 100%;
  max-width: 100%;
  height: auto;
}
.new_box .newbox_content .newbox_icon {
  padding: 20px 60px;
  text-align: center;
}
.new_box .newbox_content .newbox_icon img {
  width: 200px;
  height: 200px;
}
#new_divider {
  width: 100%;
  height: 5px;
  background-color: #054537;
  margin: 60px 0 20px;
}

.green {
  background: url(/promo-uaz/img/green.png);
  min-height: 100%; 
  background-position: center 0px; 
  background-size: cover; 
  background-repeat: no-repeat;
  height: 850px;
}
.block_1 {
text-align: center; 
position: absolute; 
top: 160px; 
left: 180px;
}
.block_2 {
 text-align: center; 
 position: absolute; 
 top: 320px; 
 left: 245px; 
}
.block_3 {
text-align: center; 
position: absolute; 
top: 480px; 
left: 315px;  
}
.block_4 {
width: 350px;
position: absolute; 
bottom: 100px;
left: 345px; 
}
@media(min-width: 1366px) and (max-width: 1367px) {
  .mass {
    background-size: contain!important;
}
.green, .site-slider.new {
    height: 607px;
}
.block_1 {
    text-align: center;
    position: absolute;
    top: 30px;
    left: -110px;
    width: 100%;
}
.block_2 {
    text-align: center;
    position: absolute;
    top: 150px;
    left: -70px;
    width: 100%;
}
.block_3 {
    text-align: center;
    position: absolute;
    top: 255px;
    left: -35px;
    width: 100%;
}
.block_4 {
    width: 350px;
    position: absolute;
    bottom: 140px;
    left: 180px;
}
}