* {
  margin: 0px;
  padding: 0px;
}
.main p,
.main a,
.main div,
.main ul,
.main li,
.main h1,
.main td {
  text-align: justify;
  font: 14px Verdana;
  color: #fff;
}
.main b {
  font-size: 16px;
}
.main h1 {
  font-weight: bold;
  margin-bottom: 37px;
  text-align: center;
}
.main h2 {
  font-size: 18px;
  color: #333;
}
.main ul {
  padding: 0 60px;
}
.main img {
  border-width: 0px;
}
.l {
  float: left;
}
.r {
  float: right;
}
.clear {
  clear: both;
  line-height: 1px;
  width: 1px;
}
.main {
  background-color: #ebebeb;
  padding-top: 23px;
  position: relative;
}
/*Новый год*/
/* @media screen and (min-width: 646px) {
	body .container-fluid.main {
		padding-top: 30px;
	}
}
.top {border-radius: 15px;}
div.main::before {
	content:'';
	display:block;
	position:absolute;
	height:235px;
	width:100%;
	top:0;
	background:url(../img/ny_bg.png) no-repeat top center;
	z-index:999;
}
 */

/*** Шапка ***/
.topHead {
  height: 48px;
  background: url(/website/img/top_head.jpg) repeat-x top left;
}
.topHead div {
  width: 1560px;
  margin: 0px auto;
  background: url(/website/img/top_head_bg.jpg) no-repeat top right;
  height: 48px;
  text-align: right;
  font: 14px Verdana;
  padding-top: 14px;
}
.top {
  max-width: 1560px;
  width: 100%;
  max-height: 303px;
  background-color: #0c429c;
  background-image: url(/website/img/logo-header.png),
    url(/website/img/logo-header_bg.png);
  background-repeat: no-repeat, repeat-x;
  background-position: top right;
  background-size: auto 90%;
  margin: 0px auto 38px;
  position: relative;
}
.top p.address {
  font-size: 16px;
  clear: both;
  width: 50%;
  text-align: center;
  position: relative;
  top: 15px;
}
/*** Шапка end ***/

/* Меню */
.navigation-pages {
  height: 71px;
  border-radius: 0 0 20px 20px;
  background-color: #002c84;
  margin-top: 30px;
  display: flex;
  align-items: center;
  max-width: 1560px;
  justify-content: center;
}

.navigation-pages li {
  border-radius: 5px;
  border: 2px solid #115db2;
  background-image: linear-gradient(to top, #bababa 0%, #ffffff 100%);
  margin: 0 20px;
  padding: 13px 25px;
  display: block;
  position: relative;
}
@media (max-width: 945px) {
  .navigation-pages {
    justify-content: space-between;
  }
  .navigation-pages li {
    margin: 0;
  }
}
.navigation-pages li a {
  display: block;
  margin-top: 0px;
  text-transform: uppercase;
  color: #000;
  font-size: 14px;
  text-decoration: none;
  text-align: center;
}
.navigation-pages:after {
  display: block;
  position: absolute;
  clear: both;
  content: " ";
}
.navigation-pages li a.main {
  background: none;
  font-size: 14px;
  line-height: 10px;
  padding-top: 0;
  font-weight: 700;
}
.navigation-pages li a.main:hover,
.navigation-pages li.active a.main {
  color: #ce0d1b;
}
.navigation-pages li a span {
  display: none;
}
.navigation-pages li a.href1 {
  background: url(/website/img/href_1.gif) no-repeat center center;
}
.navigation-pages li a.href1:hover,
.navigation-pages li a.href1Selected {
  background: url(/website/img/href_1_a.gif) no-repeat center center;
}
.navigation-pages li a.href2 {
  background: url(/website/img/href_2.gif) no-repeat center center;
}
.navigation-pages li a.href2:hover,
.navigation-pages li a.href2Selected {
  background: url(/website/img/href_2_a.gif) no-repeat center center;
}
.navigation-pages li a.href3 {
  background: url(/website/img/href_3.gif) no-repeat center center;
}
.navigation-pages li a.href3:hover,
.navigation-pages li a.href3Selected {
  background: url(/website/img/href_3_a.gif) no-repeat center center;
}

.main ul.navigation-main {
  width: 100%;
  clear: both;
  display: block;
  overflow: auto;
  text-align: center;
  margin: 15px 0;
}
.navigation-main li {
  display: inline-block;
  width: 96px;
  text-align: left;
  margin-right: 2%;
}

.navigation-main li a {
  text-align: left;
  text-transform: uppercase;
  padding-top: 120px;
  display: block;
}
.navigation-main li:nth-child(1) a {
  background: url(/website/img/lacetti.png) no-repeat top left;
}
.navigation-main li:nth-child(2) a {
  background: url(/website/img/lanos.png) no-repeat top left;
}
.navigation-main li:nth-child(3) a {
  background: url(/website/img/aveo.png) no-repeat top left;
}
.navigation-main li:nth-child(4) a {
  background: url(/website/img/nexia.png) no-repeat top left;
}
.navigation-main li:nth-child(5) a {
  background: url(/website/img/matiz.png) no-repeat top left;
}
.navigation-main li:nth-child(6) a {
  background: url(/website/img/kia_hundai.png) no-repeat top left;
}
.navigation-main li:nth-child(7) a {
  background: url(/website/img/cruze.png) no-repeat top left;
}
.navigation-main li a:hover {
  color: #fff;
}

/* .menuContent,.navigation-main { 
	float: left; 
	max-width: 220px; 
	margin-right:30px;    
	background: #0c429c;
    padding-right: 15px;
}
.menuContent li,.navigation-main li { height: 20px; padding: 5px 0px 21px 30px; list-style-type: none; background: url(/website/img/menu_content_li.gif) no-repeat top left; }
.menuContent li a ,.navigation-main li a.main{
background:none;
padding-top:0;
}
.menuContent li a ,.navigation-main li a{ text-transform: uppercase; }
Меню end
.menuContent li a:hover,.navigation-main li a:hover{
	text-decoration:underline;
	color:#fff;
}
 */
/*** Контентная часть ***/
.content {
  background: #0c429c;
  max-width: 1560px;
  width: 100%;
  margin: 0px auto;
  clear: both;
  border-radius: 20px;
}
.content2 {
  min-height: 42px;
  padding: 28px 40px;
  overflow: auto;
}
.content p {
  margin: 10px 0px;
}
a.logo {
  display: block;
  position: relative;
  text-transform: uppercase;
  color: #fff;
  font-size: 28px;
  font-weight: 600;
  text-align: center;
  text-decoration: none;
  margin-top: 22px;
}
p.auto-parts {
  padding: 0;
  margin: 0;
  color: #fff;
  text-decoration: none;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 20px;
  text-align: center;
  float: left;
  width: 50%;
  clear: both;
}
p.auto-parts span {
  font-size: 30px;
}
a.logo span {
  display: block;
  color: #cc0000;
  font-size: 47px;
  text-shadow: 0px 1px 0px rgba(255, 255, 255, 1),
    0px -1px 0px rgba(255, 255, 255, 1), 1px 0px 0px rgba(255, 255, 255, 1),
    -1px 0px 0px rgba(255, 255, 255, 1);
}
a.logo:hover {
  text-decoration: none;
  color: inherit;
}
.greyBlock {
  background-color: #ebebeb;
  padding-right: 15px;
}
.greyBlock p font,
.greyBlock p a {
  color: #cc0000;
}
.greyBlock p {
  color: #333;
  padding-top: 15px;
}
.greyBlock:after {
  display: block;
  clear: both;
  content: " ";
}
.star {
  background: url(star.jpg) no-repeat left top;
  height: 55px;
  padding-left: 60px;
}

#send_mail {
  background: #cfcfcf url(form_bg.jpg) repeat-x top left;
  width: 100%;
}
#send_mail label {
  color: #141414;
  font-weight: bold;
  padding: 10px 21px;
  width: 220px;
  display: block;
  float: left;
}
#send_mail br {
  clear: both;
}
#send_mail input,
.dataTables_filter input {
  color: #000;
  margin: 10px 21px;
  max-width: 236px;
  height: 22px;
  border: solid 1px #9ea4a8;
  background: #fff url(/website/css/form_input_bg.gif) repeat-x bottom left;
}
#send_mail input.submit {
  width: 97px;
  height: 33px;
  background: url(send_button.gif) no-repeat top left;
  border-width: 0px;
  float: right;
  margin-right: 100px;
}

div.priceTableAnnotation {
  height: 94px;
  background: url(/website/img/table_head_bg.gif) repeat-x top;
  color: #333;
  font-weight: bold;
  vertical-align: text-bottom;
}
div.priceTableAnnotation div {
  padding-top: 9px;
  padding-left: 20px;
  color: #333;
  font-weight: bold;
}
div.priceTableAnnotation img {
  float: right;
  margin-right: 60px;
  position: relative;
}

.priceTable {
  border-collapse: collapse;
  width: 100%;
}
.priceTable th {
  background-color: #9fbef2;
  border-bottom: 1px solid #0c429c;
  padding: 12px 10px;
  white-space: nowrap;
}
.priceTable th,
.priceTable td {
  color: #333333;
  text-align: left;
}
.priceTable td {
  padding: 6px 10px;
}
.priceTable tr.odd {
  background-color: #ebebeb;
}
.priceTable tr.even {
  background-color: #d6d6d6;
}
table.priceTable tr th:last-child,
table.priceTable tr td:last-child {
  display: none;
}
.main div select option,
.main div select {
  color: #000;
}
.dataTables_filter {
  font-size: 12px;
  float: left;
}
.dataTables_filter input {
  max-width: 440px;
  margin: 10px;
}

.dataTables_length {
  max-width: 250px;
  float: right;
  padding: 10px;
}

.dataTables_paginate {
  float: right;
  width: 50px;
  margin-top: 3px;
}
.paginate_disabled_next,
.paginate_enabled_next,
.paginate_disabled_previous,
.paginate_enabled_previous {
  height: 19px;
  width: 22px;
}
.paginate_disabled_next,
.paginate_enabled_next {
  float: right;
}
.paginate_disabled_next {
  background: url(forward_disabled.gif) no-repeat top left;
}
.paginate_enabled_next {
  background: url(forward_enabled.gif) no-repeat top left;
}
.paginate_disabled_previous,
.paginate_enabled_previous {
  float: left;
}
.paginate_disabled_previous {
  background: url(back_disabled.gif) no-repeat top left;
}
.paginate_enabled_previous {
  background: url(back_enabled.gif) no-repeat top left;
}

/*** Контентная часть end ***/
/*** Футер ***/
.footer {
  height: 130px;
  background: url(/website/img/footer_bg.jpg) repeat-x top left, #0b3a96;
  margin-top: 27px;
}
.footer > div {
  max-width: 945px;
  width: 100%;
  margin: 0 auto;
  padding-top: 13px;
}
.footer div span {
  margin: 0px auto;
  display: inline-block;
}
.footer div span font {
  font-size: 12px;
}
.footer div span font a {
  font-size: 12px;
}
.footer div span a:hover {
  color: #fff;
}
#logo_bot {
  float: left;
  width: 182px;
  margin: 0 50px;
}
/*** Футер end ***/

.content2 h2 {
  color: #fff;
  text-transform: uppercase;
  font-size: 18px;
  text-align: center;
  font-weight: normal;
}
#preffs {
  overflow: auto;
  clear: both;
  padding: 8px 39px 10px;
  background: #125db2;
  margin: -13px -39px 0;
  text-align: center;
}
#preffs h2 {
  margin-bottom: 20px;
}
#preffs div {
  float: left;
  padding: 70px 1% 10px;
}
#preffs div:nth-of-type(1) {
  background: url(../img/preff1.png) no-repeat top center;
}
#preffs div:nth-of-type(2) {
  background: url(../img/preff2.png) no-repeat top center;
  text-align: center;
}
#preffs div:nth-of-type(3) {
  background: url(../img/preff3.png) no-repeat top center;
}
#preffs div:nth-of-type(4) {
  background: url(../img/preff4.png) no-repeat top center;
}
.nal {
  margin-top: 20px;
}
.nal li {
  width: 30%;
  float: left;
  text-transform: uppercase;
  font-size: 16px;
  list-style-position: inside;
}
.main .nal li {
  text-align: left;
}
.nal li:nth-child(1),
.nal li:nth-child(4) {
  width: 25%;
}

.nal li:nth-child(2),
.nal li:nth-child(3),
.nal li:nth-child(5) {
  width: 37%;
}
.content2:after {
  display: block;
  clear: both;
  content: " ";
}
/*
new style for adaptive view
*/
.container-fluid.main {
  overflow: hidden;
  padding: 0;
}
.nal:after {
  display: block;
  clear: both;
  content: " ";
}
.dataTables_filter {
  color: #000;
}
.main div.btn-menu {
  cursor: pointer;
  color: #000;
  text-align: center;
  float: none;
  max-width: 220px;
  display: block;
  margin: 0 auto 12px;
}
p.welcome {
  text-align: center;
}
p.author {
  text-align: right;
  font-style: italic;
  margin-bottom: 20px;
}
img.up {
  position: fixed;
  bottom: 100px;
  right: 100px;
  cursor: pointer;
}

.info_item .col-xs-1,
.info_item .col-sm-1,
.info_item .col-md-1,
.info_item .col-lg-1,
.info_item .col-xs-2,
.info_item .col-sm-2,
.info_item .col-md-2,
.info_item .col-lg-2,
.info_item .col-xs-3,
.info_item .col-sm-3,
.info_item .col-md-3,
.info_item .col-lg-3,
.info_item .col-xs-4,
.info_item .col-sm-4,
.info_item .col-md-4,
.info_item .col-lg-4,
.info_item .col-xs-5,
.info_item .col-sm-5,
.info_item .col-md-5,
.info_item .col-lg-5,
.info_item .col-xs-6,
.info_item .col-sm-6,
.info_item .col-md-6,
.info_item .col-lg-6,
.info_item .col-xs-7,
.info_item .col-sm-7,
.info_item .col-md-7,
.info_item .col-lg-7,
.info_item .col-xs-8,
.info_item .col-sm-8,
.info_item .col-md-8,
.info_item .col-lg-8,
.info_item .col-xs-9,
.info_item .col-sm-9,
.info_item .col-md-9,
.info_item .col-lg-9,
.info_item .col-xs-10,
.info_item .col-sm-10,
.info_item .col-md-10,
.info_item .col-lg-10,
.info_item .col-xs-11,
.info_item .col-sm-11,
.info_item .col-md-11,
.info_item .col-lg-11,
.info_item .col-xs-12,
.info_item .col-sm-12,
.info_item .col-md-12,
.info_item .col-lg-12 {
  padding: 0px;
}
h1.big {
  font-size: 24px;
  text-align: left;
  font-weight: 400;
}
.info_item {
  padding-bottom: 29px;
  margin-bottom: 29px;
  border-bottom: 1px solid #093894;
  clear: both;
  overflow: auto;
}
.info_item .news_img {
  margin: 20px 0;
  text-align: center;
}
.info_item .news_img img {
  float: none;
  margin: 0;
}
.info_item img {
  max-width: 100%;
  border: 1px solid #fff;
}
.info_item .col-xs-12 {
  padding-left: 25px;
}
.info_item h2 {
  text-align: left;
  margin: 0px 0 20px;
}
.info_item h2 a {
  text-decoration: underline;
  font-weight: bold;
  text-transform: none;
  font-size: 16px;
}
.info_item h2 a:hover {
  text-decoration: none;
  color: #fff;
}
.info_item .btn-info {
  background: #1e82cf;
  border-color: #1e82cf;
  -webkit-text-shadow: 0 1px 0 #000;
  -moz-text-shadow: 0 1px 0 #000;
  text-shadow: 0 1px 0 #000;
  text-transform: uppercase;
}
.info_lead {
  margin-bottom: 20px;
}

.article_pagination {
  display: block;
  padding: 30px 0 0;
}
.article_pagination ul {
  padding: 0;
  text-align: center;
  display: block;
}
.article_pagination ul li {
  display: inline-block;
}
.article_pagination ul li a {
  color: #fff;
  display: block;
  padding: 6px 12px 7px;
  font-size: 18px;
}
.article_pagination ul li a.active {
  background: #1e82cf;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  border: 2px solid #fff;
}
.info_item.info_body {
  border-bottom: none;
  padding: 0;
}
.info_body img {
  float: left;
  margin: 0 44px 33px 0;
}
.info_body .btn-info {
  margin-top: 20px;
}
.main div.breads,
.main div.breads a {
  font-size: 12px;
}
.main div.breads a {
  text-decoration: underline;
}
.main div.breads a:hover {
  text-decoration: none;
  color: #fff;
}

@media (min-width: 945px) {
  .info_item .col-lg-4 {
    width: 303px;
  }
  .info_item .col-lg-8 {
    width: calc(100% - 303px);
  }
}

@media screen and (max-width: 944px) {
  .top {
    max-height: 400px;
    margin-bottom: 20px;
    background-size: 100% 85%;
    height: auto;
  }

  .main ul {
    padding: 0 10px;
  }

  .content2 {
    padding: 5px 18px;
  }
  .main ul.navigation-pages {
    width: 100%;
    text-align: center;
    float: none;
  }
  .navigation-pages li {
    float: none;
    display: inline-block;
    vertical-align: top;
    min-width: 100px;
  }

  .navigation-main li {
    margin-right: 0;
  }
}
@media screen and (max-width: 820px) {
  a.logo {
    font-size: 23px;
    width: 50%;
  }
  a.logo span {
    font-size: 33px;
  }
  p.auto-parts {
    font-size: 16px;
  }
  p.auto-parts span {
    font-size: 19px;
  }
  .top {
    background-size: 100% 80%;
  }
}
@media screen and (max-width: 934px) and (min-width: 768px) {
  .nal li:nth-child(1),
  .nal li:nth-child(4),
  .nal li:nth-child(2),
  .nal li:nth-child(3),
  .nal li:nth-child(5) {
    display: block;
    width: 100%;
    text-align: center;
  }
}
@media screen and (max-width: 767px) and (min-width: 500px) {
  .main #preffs > div {
    width: 48%;
    float: none;
    display: inline-block;
    vertical-align: top;
    text-align: center;
  }

  .main ul.navigation-pages {
    padding-left: 10px;
  }

  .navigation-pages li {
    padding: 15px 15px;
  }
}

@media (max-width: 620px) {
  .navigation-pages li {
    padding: 15px 10px;
  }

  .main ul.navigation-pages {
    padding-left: 5px;
  }
}

@media screen and (max-width: 790px) {
  .dataTables_length {
    display: inline-block;
    vertical-align: top;
    float: none;
    padding-left: 0;
  }
}
@media screen and (max-width: 767px) {
  img.up {
    bottom: 20px;
    right: 20px;
    width: 33px;
  }
  a.logo {
    font-size: 14px;
  }
  a.logo span {
    font-size: 23px;
  }
  p.auto-parts {
    font-size: 14px;
  }
  p.auto-parts span {
    font-size: 14px;
  }
  .navigation-main {
    display: none;
  }

  .main h1 {
    text-align: center;
    margin: 12px 0;
  }
  .main ul.navigation-main {
    float: none;
    display: none;
    margin: 0 auto;
  }
  .navigation-main li {
    display: block;
    width: 96px;
    margin: 0 auto 15px !important;
  }
  .content2 h2 {
    font-size: 16px;
  }

  #logo_bot {
    float: none;
    display: block;
    margin: 0 auto 15px;
    text-align: center;
  }
  .footer {
    margin-top: 0px;
    background: #125db2;
    height: auto;
    padding-bottom: 15px;
  }
  .footer div span {
    display: block;
    float: none;
    text-align: center;
  }
  .footer:after {
    display: block;
    clear: both;
    content: " ";
  }
  .footer > div {
    max-width: 945px;
  }
  .content2 {
    background: none;
  }
  .nal li,
  .nal li:nth-child(1),
  .nal li:nth-child(4),
  .nal li:nth-child(2),
  .nal li:nth-child(3),
  .nal li:nth-child(5) {
    width: 100%;
    font-size: 14px;
    text-align: left;
  }
  .info_item .col-xs-12 {
    padding-left: 0px;
  }
  .info_body img {
    float: none;
    display: block;
    margin: 0 auto 33px;
  }
}
@media screen and (max-width: 499px) {
  .main #preffs > div {
    text-align: center;
  }
}
@media screen and (max-width: 645px) {
  .top p.address {
    top: 0;
    font-size: 14px;
  }
  .menuContent,
  .navigation-main {
    float: none;
    width: auto;
    display: block;
  }
  div.main::before {
    top: -33px;
  }
}
@media screen and (max-width: 564px) {
  .navigation-pages {
    margin-top: 10px;
  }
}
@media screen and (max-width: 463px) {
  .top {
    background: #0d47a0;
  }
  a.logo {
    width: 100%;
  }
  p.auto-parts {
    width: 100%;
  }
  .top p.address {
    width: 100%;
  }
}
@media screen and (max-width: 385px) {
  div.priceTableAnnotation {
    background: #f9f9f9;
    height: auto;
    text-align: left;
  }
}
@media screen and (max-width: 379px) {
  /* .top,.main ul.navigation-pages{
margin-bottom:0;
}
.main ul.navigation-pages{
height:auto;
}
.main ul.navigation-pages,.navigation-pages li{
    background: #d5d5d5;

}
.main b{
font-size:14px;
}
.main p{
text-align:left;
}
.navigation-pages li a{
font-size:12px;
} */
  p.auto-parts {
    padding: 0 5px;
  }

  .top {
    padding: 0;
  }
}

.flex-container {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
}
.wrap-img {
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.4s;
}
.wrap-img img {
  max-width: 100%;
  display: block;
  margin: 0 auto;
}
.main-top-sales__btn {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background-color: #3b6cbd;
  height: 26px;
  font-size: 14px;
  transition: 0.2s;
  text-decoration: underline;
  text-decoration-color: transparent;
}
.main-top-sales__btn1 {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 14px;
  text-decoration: underline;
  text-decoration-color: transparent;
}
.main-top-sales b,
.avto-detal b {
  width: 100%;
  text-align: center;
  /* text-transform:uppercase; */
  font-size: 18px;
  margin: 0 auto;
  color: #fff;
  display: block;
  margin-bottom: 10px;
}
.main-top-sales p,
.avto-detal p {
  font-size: 18px;
  margin: 0 auto;
  color: #fff;
  text-align: center;
  margin-top: 10px;
}
.main-top-sales .item {
  width: 30%;
  min-width: 280px;
  margin: 1rem auto;
}
.main-top-sales img,
.avto-detal img {
  border: 1px solid #fff;
}
.main-top-sales .item:hover .wrap-img,
.avto-detal .item:hover .wrap-img {
  transform: scale(1.02);
}
.main-top-sales .h2,
.avto-detal .h2 {
  width: 100%;
  margin: 1rem auto;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
}
.avto-detal {
  padding: 1rem calc(50% - 300px);
}
.avto-detal .item {
  width: 45%;
  min-width: 280px;
  margin: 1rem auto;
  margin-bottom: 2rem;
}
.brandcramps {
  width: 100%;
  color: #fff;
}
.brandcramps a {
  text-decoration: none;
}
.brandcramps a:hover,
.breadcrumbs a:hover {
  color: #fff;
  text-decoration: underline;
  opacity: 0.9;
}
.brandcramps .underline {
  text-decoration: underline;
}

.content2 .section_title {
  font-family: Verdana;
  font-size: 30px;
}

h1.section_title {
  width: 100%;
}

.content2 .table_title {
  font-size: 22px;
  text-transform: none;
}

.text-img img {
  float: left;
  width: 100%;
  max-width: 502px;
  margin-bottom: 5px;
  margin-right: 9px;
}
.feedback_tel {
  width: 673px;
  max-height: 146px;
  margin: 20px auto;
  padding: 45px 30px 45px 185px;
  background-image: url("/website/img/avtotel_back.png");
  background-repeat: no-repeat;
}
.feedback_tel p {
  margin: 0;
  font-size: 18px;
  font-weight: bold;
  text-align: left;
}
.feedback_tel span {
  font-size: 21px;
  font-weight: bold;
  color: #000200;
}
.feedback_tel span a {
  font: inherit;
  color: inherit;
}
@media screen and (max-width: 767px) {
  .text-img img {
    float: none;
    display: block;
    margin: 20px auto;
  }
  .feedback_tel {
    width: 100%;
  }
}
@media screen and (max-width: 722px) {
  .feedback_tel {
    padding: 40px 30px 45px 185px;
  }
  .feedback_tel p {
    font-size: 17px;
  }
  .feedback_tel span {
    font-size: 20px;
  }
}
@media screen and (max-width: 590px) {
  .feedback_tel {
    padding: 22px 30px 40px 150px;
    background-size: contain;
  }
  .feedback_tel p {
    font-size: 16px;
  }
  .feedback_tel span {
    font-size: 19px;
  }
}
@media screen and (max-width: 550px) {
  .feedback_tel {
    padding: 20px 25px 35px 135px;
    background-size: contain;
  }
}
@media screen and (max-width: 530px) {
  .feedback_tel p {
    font-size: 14px;
  }
  .feedback_tel span {
    font-size: 17px;
  }
}
@media screen and (max-width: 500px) {
  .feedback_tel {
    padding: 20px 20px 35px 115px;
    background-position: bottom;
  }
  .feedback_tel span {
    font-size: 21px;
    margin-top: 32px;
    width: 100%;
    display: inline-block;
    text-align: center;
  }
}
@media screen and (max-width: 460px) {
  .feedback_tel {
    padding: 15px 20px 35px 115px;
    background-position: bottom;
  }
  .feedback_tel span {
    margin-top: 22px;
  }
}
@media screen and (max-width: 400px) {
  .feedback_tel {
    padding: 15px 20px 35px 100px;
    background-position: bottom;
  }
  .feedback_tel span {
    margin-top: 26px;
    font-size: 19px;
  }
}
@media screen and (max-width: 375px) {
  .feedback_tel {
    padding: 15px 20px 35px 90px;
    background-position: bottom;
  }
  .feedback_tel span {
    margin-top: 30px;
    font-size: 19px;
  }
}
@media screen and (max-width: 355px) {
  .feedback_tel {
    padding: 15px 10px 35px 80px;
    background-position: bottom;
  }
  .feedback_tel span {
    margin-top: 35px;
    font-size: 18px;
  }
}
@media screen and (max-width: 335px) {
  .feedback_tel {
    padding: 15px 10px 35px 80px;
    background-position: bottom;
  }
  .feedback_tel span {
    margin-top: 25px;
    font-size: 18px;
  }
}
@media screen and (max-width: 320px) {
  .feedback_tel {
    padding: 10px 10px 35px 80px;
    background-position: bottom;
  }
  .feedback_tel span {
    margin-top: 10px;
    font-size: 17px;
  }
}
.main ul.navigation-pages li ul {
  display: none;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: flex-start;
  position: absolute;
  left: 0;
  top: 100%;
  max-width: 320px;
  width: 320px;
  margin-top: 3px;
  padding: 1em;
  background-color: #ebebeb;
  z-index: 1000;
}
.main ul.navigation-pages li:hover ul {
  display: flex;
}

.navigation-pages li ul li {
  position: relative;
  background: none;
  display: block;
  min-width: 152px;
  float: none;
  text-align: left;
  margin: 0;
  padding: 10px;
  color: #000000;
  font-weight: bold;
  font-size: 15px;
  width: 100%;
}
.navigation-pages li ul li + li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 1px;
  background-image: url("/website/img/avto_line.png");
  background-repeat: no-repeat;
  background-position: center;
}
.navigation-pages li ul li a {
  color: #000000;
  font-weight: bold;
  font-size: 15px;
  text-transform: none;
  text-align: left;
}
.navigation-pages li ul li:hover {
  background-color: #2196f3;
  border-radius: 5px;
}
.navigation-pages li ul li.active {
  background-color: #2196f3;
  border-radius: 5px;
}
@media screen and (max-width: 430px) {
  .main ul.navigation-pages li ul {
    left: 0%;
    width: 100%;
    transform: none;
  }
}
@media screen and (max-width: 400px) {
  .main ul.navigation-pages li:hover ul {
    display: none;
  }
}
.only-mobile {
  display: none;
}
.hamburger {
  padding: 15px 15px;
  display: inline-block;
  cursor: pointer;
  -webkit-transition-property: opacity, -webkit-filter;
  transition-property: opacity, -webkit-filter;
  transition-property: opacity, filter;
  transition-property: opacity, filter, -webkit-filter;
  -webkit-transition-duration: 0.15s;
  transition-duration: 0.15s;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible;
}
.hamburger:hover {
  opacity: 0.7;
}
.hamburger-box {
  width: 40px;
  height: 24px;
  display: inline-block;
  position: relative;
}
.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px;
}
.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
  width: 40px;
  height: 4px;
  background-color: #fff;
  border-radius: 4px;
  position: absolute;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: 0.15s;
  transition-duration: 0.15s;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
}
.hamburger-inner::before,
.hamburger-inner::after {
  content: "";
  display: block;
}
.hamburger-inner::before {
  top: -10px;
}
.hamburger-inner::after {
  bottom: -10px;
}
.hamburger--collapse .hamburger-inner {
  top: auto;
  bottom: 0;
  -webkit-transition-duration: 0.13s;
  transition-duration: 0.13s;
  -webkit-transition-delay: 0.13s;
  transition-delay: 0.13s;
  -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--collapse .hamburger-inner::after {
  top: -20px;
  -webkit-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1),
    opacity 0.1s linear;
  transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1),
    opacity 0.1s linear;
}
.hamburger--collapse .hamburger-inner::before {
  -webkit-transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1),
    -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1),
    -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1),
    transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1),
    transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19),
    -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--collapse.is-active .hamburger-inner {
  -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
  transform: translate3d(0, -10px, 0) rotate(-45deg);
  -webkit-transition-delay: 0.22s;
  transition-delay: 0.22s;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--collapse.is-active .hamburger-inner::after {
  top: 0;
  opacity: 0;
  -webkit-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333),
    opacity 0.1s 0.22s linear;
  transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333),
    opacity 0.1s 0.22s linear;
}
.hamburger--collapse.is-active .hamburger-inner::before {
  top: 0;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  -webkit-transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333),
    -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333),
    -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333),
    transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333),
    transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1),
    -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.menu-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.menu-button span {
  color: #fff;
  font-size: 20px;
  font-weight: 500;
}
@media screen and (max-width: 570px) {
  .navigation-pages {
    border-radius: 0;
  }

  .only-mobile {
    display: flex;
  }
  .navigation-pages {
    display: none;
  }
  .main ul.navigation-pages {
    margin-bottom: 0;
  }
  .main ul.navigation-pages {
    height: auto;
  }
  .main ul.navigation-pages,
  .navigation-pages li {
    background: #d5d5d5;
    width: 100%;
  }
  .main b {
    font-size: 14px;
  }
  .main p {
    text-align: center;
  }
  .navigation-pages li a {
    font-size: 12px;
  }
  .top {
    background-size: contain;
    background-position: top;
    max-height: 500px;
    height: auto;
  }
  .breadcrumbs-inner a {
    font-size: 12px;
    text-align: left;
  }
  .main ul.navigation-pages li ul {
    display: none;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: flex-start;
    position: static;
    max-width: 100%;
    width: 100%;
    transform: none;
    height: auto;
  }
  .main ul.navigation-pages li ul a {
    text-align: center;
  }
  .top {
    background-image: url(/website/img/logo-header.png);
    background-repeat: no-repeat;
    background-position: top;
    background-size: contain;
    max-height: 5000px;
    height: auto;
  }
}
@media screen and (max-width: 365px) {
  .breadcrumbs-inner a {
    font-size: 11px;
  }
  .breadcrumbs-inner span {
    font-size: 11px;
  }
}
.content p.winter-img {
  margin-bottom: 20px;
}

.content p.winter-img a {
  display: block;
}
@media screen and (max-width: 600px) {
  .content2 {
    overflow-x: hidden;
  }
  .content p.winter-img {
    margin: 30px 0;
  }
  .content p.winter-img img {
    transform: scale(1.2) translateX(6%);
  }
}
@media screen and (max-width: 460px) {
  .content p.winter-img {
    margin: 40px 0;
  }
  .content p.winter-img img {
    transform: scale(1.4) translateX(10%);
  }
}
@media screen and (max-width: 380px) {
  .content p.winter-img {
    margin: 40px 0;
  }
  .content p.winter-img img {
    transform: scale(1.55) translateX(14%);
  }
}

.contact__info {
  display: flex;
  padding: 0 40px;
}

.info-wrapper {
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.contact__info-block {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}

.contact__info-block img {
  margin-right: 20px;
  align-self: flex-start;
}

.contact__info-block p {
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
  margin-top: 0;
  margin-bottom: 0px;
}

.contact__info-block p a {
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
  color: white;
  text-decoration: none;
}

.contact__info-block p a:hover {
  text-decoration: none;
}

p.phone__info__text a {
  font-weight: 700;
}

#map {
  width: 100%;
  height: 253px;
  padding: 0;
  margin: 0;
}

@media (max-width: 778px) {
  p.info__text {
    text-align: left;
  }

  .contact__info {
    align-items: center;
  }

  .contact__info {
    flex-direction: column;
    padding: 0;
  }

  .info-wrapper {
    max-width: 330px;
    width: 100%;
  }
}
.top a:hover {
  color: inherit;
}
.greyBlock a {
  font: inherit;
  color: inherit;
}

.logo_fix,
.tel_fix {
  display: none;
}
.fixed .logo,
.fixed .auto-parts,
.fixed .address {
  display: none;
}
.fixed .logo_fix,
.fixed .tel_fix {
  display: block;
}
.fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  max-width: 100%;
  background: #0d387f;
  z-index: 10001;
}
.fixed .wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 945px;
  width: 100%;
  margin: 0px auto;
  padding: 10px 0;
}
.fixed .navigation-pages {
  height: auto;
  border-radius: 0;
  background: none;
  margin: 0;
  padding: 0;
}
.fixed .navigation-pages li {
  border: none;
  padding: 10px 7px;
  border-width: 2px;
  border-color: rgb(9, 44, 102);
  border-style: solid;
}
@media screen and (min-width: 945px) {
  .fixed .navigation-pages li {
    margin: 0 3px;
  }
}
.fixed .navigation-pages li a.main {
  font-size: 14px;
  line-height: 1;
  font-weight: 500;
  font-family: "Montserrat", sans-serif;
}
.fixed .tel_fix {
  font-size: 18px;
  font-weight: 500;
  font-family: "Montserrat", sans-serif;
}
@media screen and (max-width: 944px) {
  .fixed .wrapper {
    padding-left: 10px;
    padding-right: 10px;
  }
  .fixed ul.navigation-pages {
    width: auto;
    align-items: stretch;
  }
  .fixed .navigation-pages li {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
  }
  .fixed .navigation-pages li a.main {
    font-size: 12px;
  }
}
@media screen and (max-width: 900px) {
  .fixed .wrapper {
    flex-wrap: wrap;
    max-width: 600px;
    margin: 0 auto;
  }
  .fixed ul.navigation-pages {
    width: 100%;
    max-width: 600px;
    margin: 5px auto 0;
    order: 2;
  }
  .fixed .navigation-pages li a.main {
    font-size: 14px;
  }
  .fixed .menu-button {
    order: 3;
    margin-right: -15px;
  }
}
@media screen and (max-width: 570px) {
  .fixed ul.navigation-pages {
    order: 4;
  }
}
@media screen and (max-width: 480px) {
  .fixed .logo_fix {
    width: calc(100% - 200px);
  }
  .fixed .logo_fix img {
    max-width: 100%;
  }
  .fixed .tel_fix {
    margin-right: -25px;
    font-size: 16px;
  }
}
.qr_banner {
  margin: 10px 0;
  width: 100%;
}
.qr_banner_s {
  display: none;
}
@media screen and (max-width: 550px) {
  .qr_banner_f {
    display: none;
  }
  .qr_banner_s {
    display: block;
  }
}
.content .center {
  text-align: center;
}
.content .center img {
  margin: 0 auto;
}
.gdpr {
  position: fixed;
  top: auto;
  bottom: 0;
  height: auto;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  color: #fff;
  box-shadow: 0px 3px 38px 0px rgba(99, 99, 99, 0.38);
  padding: 15px 0;
  font-weight: 600;
  z-index: 1000;
}
.gdpr--white {
  background-color: rgba(255, 255, 255, 0.9);
  color: #090f1f;
  border-top: 3px solid #191919;
}
.gdpr .container {
  display: grid;
  grid-template-columns: 1fr 244px;
  grid-column-gap: 80px;
  align-items: center;
  box-sizing: border-box;
}
.gdpr .container:before,
.gdpr .container:after {
  display: none;
}
.gdpr p,
.gdpr small {
  margin: 0;
  padding: 0;
  color: inherit;
  font-size: 14px;
  line-height: 1.3;
}
.gdpr .container > small {
  display: none;
}
.btn_close {
  grid-row: 1/3;
  grid-column: 2/3;
  display: block;
  margin: 0;
  padding: 20px;
  font-size: 14px;
  color: #000;
  text-align: center;
  text-transform: uppercase;
  border: none;
  background-color: #fff;
  cursor: pointer;
  font-weight: 600;
}
.gdpr--white .btn_close {
  background-color: #000000;
  color: #fff;
}
.btn_close:hover {
  color: #000;
}
.gdpr--white .btn_close:hover {
  color: #fff;
}
@media screen and (max-width: 991px) {
  .gdpr .container {
    grid-template-columns: 1fr 200px;
    grid-column-gap: 40px;
  }
}
@media screen and (max-width: 680px) {
  .gdpr {
    padding: 20px 0 15px;
  }
  .gdpr .container {
    grid-template-columns: 1fr 175px;
    grid-column-gap: 35px;
  }
  .gdpr p {
    grid-column: 1/-1;
    margin-bottom: 10px;
    font-size: 13px;
  }
  .gdpr p small {
    display: none;
  }
  .gdpr .container > small {
    display: block;
    font-size: 12px;
    font-weight: normal;
  }
  .btn_close {
    grid-row: 2/3;
    grid-column: 2/3;
    font-size: 13px;
  }
}
@media screen and (max-width: 400px) {
  .gdpr .container {
    grid-template-columns: 1fr 145px;
    grid-column-gap: 20px;
  }
  .btn_close {
    padding: 15px 10px;
  }
}
.site-creator {
  padding: 8px 0;
  background-color: #555555;
  color: #ffffff;
  text-align: center;
  font-size: 15px;
}
.site-creator_link {
  display: inline-block;
  color: inherit;
  text-decoration: underline;
  font-weight: bold;
}
@media (max-width: 480px) {
  .site-creator {
    font-size: 14px;
  }
}
.footer .footer__politic {
  font-size: 12px;
}
@media (max-width: 576px) {
  .footer .footer__politic {
    display: block;
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
  }
}
.gdpr__cookie-link {
  color: rgb(93, 161, 238);
}