body {
  font-family: 'SKODANext';
  font-size: 14px;
  color: black;
  position: relative;
  margin: 0px;
  padding: 0px;
  font-weight: 500;
  overflow-x: hidden;
  /* background: url("../img/bg1.jpg") 50% 108px no-repeat; */
  max-width: 1920px;
  margin: auto;
}

.WebDMSServiceWidget {
  border: 0;
  overflow: hidden;
  margin: 20px auto 50px;
  max-width: 1200px;
}
.WebDMSServiceWidget iframe {
  border: 0;
  min-height: max(900px, 100vh);
}

.bg_gray {
  background: #ededed;
}

.compensate-for-scrollbar {
  margin: 0px auto !important;
  overflow: auto !important;
}

.row_toggle + .row_toggle_container {
  display: none;
}

.bg_green {
  background: #58a82e;
}

input[type='file'] {
  display: none;
}

.uploader_container {
  height: 100%;
}

font {
  display: block;
}

.uploader_field {
  cursor: pointer;
  display: inline-block;
  padding-left: 41px;
  height: 50px;
  border: 1px solid #376bea;
  border-radius: 100px;
  vertical-align: top;
  width: 100%;
  box-sizing: border-box;
}

.uploader_field div {
  display: inline-block;
}

.uploader_field:before {
  content: '';
  display: inline-block;
  width: 0px;
  height: 100%;
  vertical-align: middle;
}

.uploader_field div.text_loading {
  display: none;
}

.uploader_field div.uploader_images_count {
  display: none;
}

.resp_table {
  width: 100%;
}

.resp_table tr td:before {
  display: none;
}

.resp_table img {
  max-width: 100%;
}

.t_black {
  color: black !important;
}

sup {
  display: inline-block;
  vertical-align: top;
  top: -3px;
  position: relative;
}

.p_t_0 {
  padding-top: 0px !important;
}

.m_t_0 {
  margin-top: 0px !important;
}

.m_b_0 {
  margin-bottom: 0px !important;
}

img {
  border-style: none;
  vertical-align: middle;
  max-width: 100%;
  height: auto;
}

select::-ms-expand {
  display: none;
}

select::-ms-expand {
  display: none;
}

select {
  appearance: none;
  -moz-appearance: none; /* Firefox */
  -webkit-appearance: none; /* Safari and Chrome */
  background: url(../img/ico_select.png) 95% 50% no-repeat;
  font-family: 'SKODANext';
  outline: none;
  background-color: white;
  width: 100%;
  height: 60px;
  /* border-radius: 5px; */
  font-size: 14px;
  color: #686868;
  padding-left: 20px;
  border: 1px solid #b5b5b5;
  position: relative;
}

.select_block {
  background: url(../img/ico_select.png) 95% 50% no-repeat;
  font-family: 'SKODANext';
  outline: none;
  background-color: white;
  width: 100%;
  height: 60px;
  font-size: 14px;
  color: #686868;
  padding-left: 20px;
  position: relative;
  border: 1px solid #b5b5b5;
  box-sizing: border-box;
  display: flex;
  align-items: center;
}

.select_block .select_first {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}

.select_block .select_opts {
  position: absolute;
  width: 100%;
  top: 100%;
  left: -1px;
  background: #fff;
  z-index: 2;
  border: 1px solid #b5b5b5;
  display: none;
}

.select_block .select_opt {
  height: 32px;
  display: flex;
  align-items: center;
  padding-left: 20px;
  cursor: pointer;
}

.select_block.open {
  background: url(../img/ico_select_open.png) 95% 50% no-repeat;
}

.select_block.open .select_opts {
  display: block;
}

.select_block .select_opt:hover {
  color: #fff;
  background: #4ba82e;
}

.fancybox-can-pan .fancybox-content .select_block,
.fancybox-can-swipe .fancybox-content .select_block {
  cursor: unset !important;
}

.fancybox-default-skin {
}

.f_left {
  float: left !important;
}

.f_right {
  float: right !important;
}

.t_right {
  text-align: right !important;
}

.t_left {
  text-align: left !important;
}

a:hover {
  text-decoration: none;
}

.fancybox-type-image .fancybox-close {
  right: 9px;
}

.fancybox-close {
  background: url(../img/bg_close.png) 50% 50% no-repeat !important;
  color: black;
  width: 22px !important;
  height: 22px !important;
  top: -25px !important;
  right: -25px !important;
}

.container {
  margin: 0px auto;
  padding: 0px 15px;
  max-width: 1140px;
  position: relative;
}

@media (min-width: 576px) {
  .container {
    width: 540px;
    max-width: 100%;
  }
}

@media (min-width: 768px) {
  .container {
    width: 720px;
    max-width: 100%;
  }
}

@media (min-width: 992px) {
  .container {
    width: 960px;
    max-width: 100%;
  }
}

@media (min-width: 1200px) {
  .container {
    width: 1140px;
    max-width: 100%;
  }
}

.row {
  position: relative;
  float: none;
}

.ico_upload:before {
  content: '';
  background: url(../img/icons.png) -47px 0px no-repeat;
  width: 15px;
  height: 17px;
  position: absolute;
  top: 50%;
  margin-top: -9px;
  left: 20px;
  opacity: 0.5;
}

.ico_fio:before {
  content: '';
  background: url(../img/icons.png) -24px 0px no-repeat;
  width: 13px;
  height: 15px;
  position: absolute;
  top: 50%;
  margin-top: -7px;
  left: 20px;
  opacity: 0.5;
}

.ico_addr:before {
  content: '';
  background: url(../img/icons.png) 0px 0px no-repeat;
  width: 8px;
  height: 13px;
  position: relative;
  top: 1px;
  display: inline-block;
  margin-right: 11px;
}

.ico_vk:before {
  content: '';
  background: url(../img/icons.png) -104px 0px no-repeat;
  width: 15px;
  height: 10px;
  position: relative;
  top: 0px;
  display: inline-block;
  margin-right: 7px;
}

.ico_inst:before {
  content: '';
  background: url(../img/icons.png) -104px -10px no-repeat;
  width: 15px;
  height: 14px;
  position: relative;
  top: 0px;
  display: inline-block;
  margin-right: 7px;
}

.ico_fb:before {
  content: '';
  background: url(../img/icons.png) -104px -24px no-repeat;
  width: 12px;
  height: 15px;
  position: relative;
  top: 0px;
  display: inline-block;
  margin-right: 7px;
}

.ico_phone:before {
  content: '';
  background: url(../img/icons.png) -8px 0px no-repeat;
  width: 12px;
  height: 12px;
  position: relative;
  top: 0px;
  display: inline-block;
  margin-right: 11px;
}

.ico_email:before {
  content: '';
  background: url(../img/icons.png) -99px 0px no-repeat;
  width: 13px;
  height: 11px;
  position: absolute;
  top: 19px;
  left: 20px;
}

.ico_gift:before {
  content: '';
  background: url(../img/icons.png) -42px 0px no-repeat;
  width: 15px;
  height: 13px;
  position: absolute;
  top: 18px;
  left: 20px;
}

.ico_btn:after {
  content: '';
  background: url(../img/icons.png) -66px 0px no-repeat;
  width: 9px;
  height: 14px;
  position: absolute;
  top: 18px;
  right: 7px;
  display: inline-block;
  margin-left: 10px;
  margin-right: 10px;
}

.ico_btn_double:before {
  content: '';
  background: url(../img/icons.png) -66px 0px no-repeat;
  width: 9px;
  height: 14px;
  position: absolute;
  top: 26px;
  right: 19px;
}

.ico_btn_double:after {
  content: '';
  background: url(../img/icons.png) -66px 0px no-repeat;
  width: 9px;
  height: 14px;
  position: absolute;
  top: 0px;
  right: 0px;
  display: inline-block;
  margin-left: 10px;
  margin-right: 12px;
}

.ico_select:before {
  content: '';
  background: url(../img/icons.png) -99px 0px no-repeat;
  width: 8px;
  height: 5px;
  position: absolute;
  top: 21px;
  right: 10px;
}

.ico_metro {
  background: url(../img/ico_metro.jpg) 50% 50% no-repeat;
  width: 21px;
  height: 15px;
  vertical-align: top;
  display: inline-block;
}

form .ico_phone:before {
  /* content:''; */
  background: url(../img/icons.png) -11px 0px no-repeat;
  width: 13px;
  height: 13px;
  position: absolute;
  top: 50%;
  left: 20px;
  margin-right: 11px;
  margin-top: -6px;
  opacity: 0.5;
}

form .ico_price:before {
  content: '';
  background: url(../img/icons.png) -107px 0px no-repeat;
  width: 11px;
  height: 11px;
  position: absolute;
  top: 16px;
  left: 20px;
  margin-right: 11px;
  opacity: 0.5;
}

input[type='text'] {
  color: #686868;
}

.has-danger input,
.has-danger select,
.has-danger textarea {
  border-width: 2px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #eba5a3;
}

#form_popup,
#form_popup2 {
  display: none;
}

.popup_container {
  width: 420px;
  max-width: 100%;
  padding: 20px 29px;
  overflow: hidden;
  position: relative;
  box-sizing: border-box; /* border: 2px solid black; */
}

.popup_container h2 {
  font-size: 20px;
  font-weight: 700;
  text-transform: uppercase;
  padding: 0px;
  margin: 0px;
  padding-bottom: 26px;
  text-align: center;
  padding-top: 20px;
  color: black;
}

.popup_container .form_comment {
  text-align: center;
  font-size: 20px;
  color: #414141;
  padding-bottom: 15px;
}

.popup_container .form_comment a {
  display: block;
  color: #414141;
  text-decoration: none;
}

.popup_container .close {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 34px;
  height: 34px;
  -moz-transform: rotate(45deg); /* Aey Firefox */
  -ms-transform: rotate(45deg); /* Aey IE */
  -webkit-transform: rotate(45deg); /* Aey Safari, Chrome, iOS */
  -o-transform: rotate(45deg); /* Aey Opera */
  transform: rotate(45deg);
  cursor: pointer;
}

.popup_container .close:before {
  content: '';
  position: absolute;
  left: 0px;
  top: 16px;
  width: 34px;
  height: 1px;
  display: block;
  background-color: #a8a8a8;
}

.popup_container .close:after {
  content: '';
  position: absolute;
  left: 16px;
  top: 0px;
  width: 1px;
  height: 34px;
  display: block;
  background-color: #a8a8a8;
}

.popup_container .form-group input[type='text'] {
  color: black;
  display: block;
  height: 60px;
  line-height: 56px;
  text-decoration: none;
  text-align: left;
  /* text-transform: uppercase; */
  margin-bottom: 10px;
  width: 100%;
  box-sizing: border-box;
  outline: none;
  background: #f3f3f3;
}

.popup_container .form-group button {
  cursor: pointer;
  height: 60px;
}

.popup_container .form-group button:before {
  display: none;
}

.popup_container .form-group button:after {
  display: none;
}

.not_agree button {
  background-color: #686868 !important;
  cursor: auto !important;
  color: white !important;
}

.agree_field {
  font-size: 10px;
  line-height: 100%;
  position: relative;
  display: block;
  padding-left: 20px;
  padding-bottom: 5px;
  text-align: left;
}

.agree_field a {
  color: black;
}

.agree_field input {
  position: absolute;
  top: -2px;
  left: 0px;
  margin: -0px;
}

.agree_field span {
  padding-left: 25px;
  display: inline-block;
}

.popup_container .form-disclamer {
  color: #b8b8b8;
  font-size: 10px;
  padding-top: 10px;
  text-align: center;
}

form {
}

form .form-group {
  margin-bottom: 10px;
  position: relative;
}

form .form-group input[type='text'] {
  height: 40px;
  width: 100%;
  border: none;
  padding: 0px 0px;
  color: #555555;
  font-size: 16px;
  padding-left: 20px;
  box-sizing: border-box;
  outline: none;
  font-weight: 400;
  background: white;
  text-align: left;
  font-family: 'SKODANext';
  border-radius: 0px;
}

form .form-group button {
  width: 100%;
  height: 40px;
  outline: none;
  cursor: pointer;
  font-size: 16px;
  font-family: 'SKODANext';
}

form .form-group button:hover {
}

.form_title {
  color: black;
  font-size: 36px;
  text-transform: uppercase;
  padding: 0px;
  margin: 0px;
  text-align: center;
  padding-bottom: 20px;
}

.form_title span {
  /* display: block; */
  /* white-space: nowrap; */
}

.form_title_comment {
  text-align: center;
  font-size: 16px;
  padding-bottom: 19px;
}

.form_title_comment a {
  text-decoration: underline;
  color: #5f5f5f;
  margin-left: unset;
  font-size: 16px;
}

.form_title_comment .comagic_phone4 {
  display: flex;
  justify-content: center;
}

.flex {
  display: flex;
}

.columns2 {
  display: flex;
  justify-content: space-between;
}

.columns2 .column {
  width: 49%;
  display: inline-block;
  flex-wrap: wrap;
  justify-content: center;
}

.columns2_small {
  display: flex;
  justify-content: space-between;
  width: 1000px;
  max-width: 100%;
  margin: 0px auto;
}

.columns2_small .column {
  width: 49%;
  display: inline-block;
  flex-wrap: wrap;
  justify-content: center;
}

.btn {
  background: #4ba82e;
  color: white;
  text-align: center;
  height: 48px;
  display: block;
  font-weight: 400;
  font-size: 14px;
  border: 3px solid #4ba82e;
  position: relative;
  text-decoration: none; /* text-transform: uppercase; */
  border-radius: 0px;
  box-sizing: border-box;
  color: white;
  overflow: hidden;
  transition: 0s;
  position: relative;
}

.btn:after {
  content: '';
  width: 0px;
  height: 100%;
  vertical-align: middle;
  display: inline-block;
}

.btn span {
  vertical-align: middle;
  display: inline-block;
  width: 88%;
  z-index: 1;
  position: relative;
}

.btn:hover {
  background: #34861c;
  border-color: #34861c; /* color: #4ba82e; */
}

.btn.type1 {
  border-color: #cbcbcb;
  background: none;
  color: #4ba82e;
}

.btn.type1:hover {
  border-color: #dfdfdf;
  background: #dfdfdf;
}

.btn.type2 {
  border-color: #4ba82e;
  background: none;
  color: #4ba82e;
}

.btn.type2:hover {
  border-color: #4ba82e;
  background: #4ba82e;
  color: white;
}

.btn.type2 span sup {
  color: #000;
  font-weight: 300;
  font-size: 12px;
}

.btn.white {
  background: white;
  color: #6fa63d;
}

.btn.white:hover {
  background: #58a82e;
  border-color: white;
  color: white;
}

.btn.gray {
  background: #dcdcdc;
  border-color: #dcdcdc;
  color: black;
}

.btn.gray:hover {
  background: #c2c2c2;
  border-color: #c2c2c2;
}

.title2 {
  font-size: 36px;
  font-weight: 700;
  text-align: center;
}

.title2_comment {
  font-size: 20px;
}

.tb_complects_container {
  padding-bottom: 38px;
}

#filter_table {
  margin-bottom: 15px;
  padding-top: 25px;
  display: flex;
  justify-content: space-between;
  padding-bottom: 25px;
  background: #4ba82e;
  padding-left: 30px;
  padding-right: 30px;
}

#filter_table .select_container {
  position: relative;
  width: 31%;
  display: inline-block;
}

#filter_table .select_container:after {
  content: '';
  background: url(../img/ico_select.png) 0px 0px no-repeat;
  width: 15px;
  height: 10px;
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -4px;
  -webkit-user-select: none; /* Chrome all / Safari all */
  -moz-user-select: none; /* Firefox all */
  -ms-user-select: none; /* IE 10+ */
  user-select: none; /* Likely future */
  display: none;
}

#filter_table select {
  font-family: 'SKODANext';
  display: block;
  color: rgb(112, 112, 112);
  height: 45px;
  box-sizing: border-box;
  width: 100%;
  padding-left: 10px;
  font-size: 16px;
  font-weight: 300;
  border-width: 1px;
  border-style: solid;
  border-color: white;
  border-image: initial;
  outline: none;
  background: white;
  border-radius: 0px;
  background: url(../img/ico_select.png) 100% 50% no-repeat white;
}

#filter_table select[name='models'] {
}

#filter_table select[name='complects'] {
}

#filter_table select[name='engine'] {
}

#filter_table select option {
  color: black;
}

.tb_complects {
  width: 100%;
  color: black;
  border-collapse: collapse;
  margin: 0px auto;
}

.tb_complects.limit tr:nth-child(n + 5) {
  display: none;
}

.tb_complects tr {
  /* display: flex; */
  justify-content: space-between;
  align-items: center; /* background: #fafafa; */
  margin-bottom: 15px;
}

.tb_complects tr:first-child {
  /* display:none; */
}

.tb_complects tr th {
  text-align: left;
  font-size: 16px;
  text-transform: uppercase;
  background: #f5f5f5;
  padding: 20px;
  font-weight: 400;
}

.tb_complects tr td {
  font-size: 16px;
  vertical-align: middle;
  padding: 15px;
  width: 100%;
}

.tb_complects tr:nth-child(2) td {
}

.tb_complects tr td:first-child {
  font-weight: 700;
  text-align: left;
  padding-left: 22px;
}

.tb_complects tr td .popup {
  /* padding: 0px; */ /* color:white; */ /* margin-left:auto; */ /* width: 100%; */ /* display:inline-block; */ /* box-sizing:border-box; */ /* font-size: 16px; */ /* font-weight: 400; */ /* margin: 0px; */
}

.tb_complects tr td .popup:first-child {
  /* background:#949494; */ /* border-color:#949494; */
}

.tb_complects tr td .popup:first-child:hover {
  /* background:#858484; */ /* border-color:#858484; */
}

.tb_complects tr:hover {
  /* box-shadow: 0px 15px 20px #00000026; */
}

.tb_complects_showmore {
  color: black;
  font-size: 16px;
  font-weight: 300;
  margin-top: 19px;
  text-align: center;
  margin-top: 25px;
  display: block;
  width: 260px;
}

.tb_complects tr td.btns {
  text-align: right;
  justify-content: space-between;
  padding-right: 22px; /* display: flex; */
}

.tb_complects tr td.btns .btn {
  display: block;
  width: 250px;
  max-width: 100%;
}

.tb_complects tr td.btns .btn:first-child {
}

.tb_complects tr td .param1 {
  font-weight: 400;
  font-size: 20px;
}

.tb_complects tr td .param2 {
}

.tb_complects tr td .param3 {
}

.tb_complects tr td .param4 {
}

.tb_complects tr td .param5 {
  /* text-decoration: line-through; */
}

.tb_complects tr td .param6 {
  text-decoration: line-through;
}

.tb_complects tr td .credit {
  color: #949494;
  white-space: nowrap;
  font-size: 14px;
}

header {
  background: rgba(255, 255, 255, 1);
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  z-index: 100;
}

header .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  /*padding-top: 15px;
    padding-bottom: 15px;*/
}

header:before {
  content: '';
  position: absolute;
  top: 66px;
  left: 0px;
  width: 100%;
  height: 1px;
  background: #888888;
  display: none;
}

.menu_container {
}

/*menu fixed*/
.menu_fixed {
  /* padding-top:127px; */
}

.menu_fixed header {
  position: fixed;
  background: transparent;
  top: 0px;
  padding-top: 0px;
}

body.menu_fixed {
  padding-top: 158px;
}

.menu_fixed .top_panel {
  margin-top: 0px;
}

.menu_fixed .menu_container,
.menu_fixed .logo1,
.menu_fixed header:before {
  display: none;
}

.logo1 {
  width: auto;
}

.top_panel {
  display: flex;
  justify-content: space-between; /* margin-top: 50px; */
  align-items: center;
  box-sizing: border-box;
}

.top_panel .top_panel-item {
  padding: 0 15px;
  text-align: center;
  box-sizing: border-box;
}

.top_panel .top_panel-item.top_panel-item-btn {
  padding: 0;
  padding-left: 15px;
}

.top_panel div.top_panel-item .logotext {
  margin-bottom: 3px;
  color: black;
  text-decoration: none;
  display: block;
}

.top_panel .top_phone {
  margin: 0;
}

.top_panel div.top_panel-item span {
  font-weight: 400;
  font-size: 12px;
  padding: 0;
}

.top_panel .btn {
  height: 32px;
  width: 174px;
}

.logotext {
  font-size: 12px;
  margin-right: auto;
}

.logotext span {
  font-size: 18px;
  font-weight: 700;
  padding-right: 8px;
  display: block;
  color: black;
  padding-bottom: 2px;
}

.addr_container {
  margin-right: 15px;
  text-align: right;
}

.phone_container {
  text-align: right;
}

.phone_container .btn {
  height: 35px;
  width: 252px;
  font-size: 16px;
}

.top_phone {
  font-size: 14px;
  color: #262626;
  text-decoration: none;
  /* display: block; */
  padding-bottom: 5px;
  font-weight: 900;
  margin-left: auto;
  padding-right: 0;
}

.top_phone a {
  color: #262626;
  text-decoration: none;
}

.comagic_all {
  padding-right: 20px;
  font-size: 16px;
  font-weight: 900;
}

.menu_container {
  background: #d7d7d7;
}

.menu {
  margin: 0px;
  padding: 10px 0;
  list-style: none;
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.menu li {
  position: relative;
  line-height: 100%;
  display: block;
}

.menu li:last-child {
  pointer-events: none;
}

.menu li:first-child {
  padding-left: 0px;
}

.menu li:first-child:before {
  display: none;
}

.menu li:before {
  content: '';
  background: #717171;
  width: 1px;
  height: 100%;
  display: block;
  position: absolute;
  top: 0px;
  left: 4px;
  display: none;
}

.menu li a {
  color: black;
  text-decoration: none;
  font-size: 17px;
}

.menu li a:hover {
  color: #949494;
}

.title1_container {
  padding-top: 130px;
}

.title1_container .title1 {
  font-size: 42px;
  color: #4ba82e;
  font-weight: 700;
}

.title1_container .title_comment {
  margin-top: 30px;
  font-size: 36px;
}

.title1_container .title_comment span {
  color: #4ba82e;
  font-weight: 700;
}

.banner_slider {
  /* padding-top: 95px; */
}

.banner_slider .ban_slide {
  height: 560px;
}

.banner_slider .ban_slide.slide1 {
  background: url(../img/banner_slider/bg1.jpg) 50% 0 no-repeat;
}

.webp .banner_slider .ban_slide.slide1 {
  background: url(../img/banner_slider/bg1.webp) 50% 0 no-repeat;
}

.banner_slider .ban_slide.slide2 {
  background: url(../img/banner_slider/bg2.jpg) 50% 0 no-repeat;
}

.webp .banner_slider .ban_slide.slide2 {
  background: url(../img/banner_slider/bg2.webp) 50% 0 no-repeat;
}

.banner_slider .ban_slide.slide1 .title1_container {
}

.banner_slider .ban_slide.slide2 .title1_container {
  padding-top: 80px;
}

.banner_slider .ban_slide.slide1 .title1 {
}

.banner_slider .ban_slide.slide2 .title1 {
  text-transform: uppercase;
  font-size: 53px;
}

.banner_slider .ban_slide.slide1 .title1_container .title_comment {
}

.banner_slider .ban_slide.slide1 .title1_container .title_comment font {
}

.banner_slider .ban_slide.slide2 .title1_container .title_comment {
  font-size: 30px;
  margin-top: 50px;
}

.banner_slider .ban_slide.slide2 .title1_container .title_comment font {
  display: block;
  text-transform: uppercase;
  padding-top: 50px;
}

.banner_slider .slick-arrow {
  position: absolute;
  top: calc(50% - 22px);
  background: #fff;
  border: none;
  color: transparent;
  font-size: 0;
  outline: none;
  cursor: pointer;
  z-index: 1;
  display: block;
  width: 22px;
  height: 44px;
}

.banner_slider .slick-prev {
  background: url(../img/banner_slider_prev.png) 50% no-repeat;
  left: 15px;
}

.banner_slider .slick-next {
  background: url(../img/banner_slider_next.png) 50% no-repeat;
  right: 15px;
}

#form1 .form_title {
  font-size: 24px;
  text-transform: none;
  text-align: center;
  font-weight: 700;
}

#form1 .columns {
  /* display: flex; */
  justify-content: space-between;
}

#form1 .form-group {
  width: 100%;
}

#form1 input[type='text'] {
}

#form1 button {
}

#form1 .labels {
  text-align: center;
}

#form1 .agree_field {
}

#form1 .agree_field a {
  color: black;
}

/***************************
         WARN_BLOCK
***************************/

.warn_block {
  border: 1px solid #d7d7d7;
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 40px;
}

.warn_text {
  font-size: 17px;
  font-weight: 400;
  margin-left: -55px;
}

.warn_text span {
  font-size: 22px;
  display: block;
  padding-bottom: 10px;
}

.warn_text b {
  color: #4ba82e;
}

.warn_block .btn {
  width: 300px;
  height: 50px;
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
  border-radius: 0;
}

.title2 {
  font-size: 36px;
  font-weight: 700;
  text-align: left;
}

#service {
  margin-top: 50px;
}

.service {
  margin: 0px;
  padding: 0px;
  list-style: none;
  display: flex;
  justify-content: space-between;
  padding-top: 22px;
}

.service li {
  position: relative;
  top: 0px;
  padding: 0 10px;
  padding-bottom: 10px;
}

.service li a {
  box-shadow: 3px 3px 3px 2px rgb(0 0 0 / 10%);
  text-decoration: none;
  color: black;
  display: block;
  height: 142px;
  background: white;
  background-position: 0px 0px;
  background-repeat: no-repeat;
  font-size: 20px;
  font-weight: 700;
  text-align: right;
}

.service li a span {
  display: inline-block;
  vertical-align: middle;
  width: 49%;
  text-align: left;
}

.service li a:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 0px;
  height: 100%;
}

.service li a.ico1 {
  background-image: url(../img/services/services_ico1.png);
}

.service li a.ico2 {
  background-image: url(../img/services/services_ico2.png);
}

.service li a.ico3 {
  background-image: url(../img/services/services_ico3.png);
}

.service li a.ico4 {
  background-image: url(../img/services/services_ico4.png);
}

.service li a.ico5 {
  background-image: url(../img/services/services_ico5.png);
}

.service li a.ico6 {
  background-image: url(../img/services/services_ico6.png);
}

.service li a.ico7 {
  background-image: url(../img/services/services_ico7.png);
}

.service li a.ico8 {
  background-image: url(../img/services/services_ico8.png);
}

.service li a.ico9 {
  background-image: url(../img/services/services_ico9.png);
}

.service li a.ico10 {
  background-image: url(../img/services/services_ico10.png);
}

.service li a.ico11 {
  background-image: url(../img/services/services_ico11.png);
}

.service li a.ico12 {
  background-image: url(../img/services/services_ico12.png);
}

.service li a.ico13 {
  background-image: url(../img/services/services_ico13.png);
}

.service .slick-arrow {
  position: absolute;
  z-index: 1;
  top: 50%;
  width: 25px;
  height: 25px;
  outline: 0;
  display: block;
  cursor: pointer;
}

.service .slick-prev {
  background: url(../img/services/services_arrow_prev.png);
  left: -5%;
}

.service .slick-next {
  background: url(../img/services/services_arrow_next.png);
  right: -5%;
}

.advantages {
  margin: 0px;
  padding: 0px;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  padding-top: 85px;
  counter-reset: advantages -1;
  justify-content: space-between;
}

.advantages li {
  position: relative;
  width: 32%;
  padding-bottom: 40px;
  counter-increment: advantages;
  padding-left: 40px;
  box-sizing: border-box;
}

.advantages li:first-child {
  padding-left: 107px;
}

.advantages li:first-child:before {
  content: '5';
  font-size: 170px;
  opacity: 0.1;
  font-weight: 700;
  position: absolute;
  top: -9px;
  left: 10px;
  line-height: 100%;
}

.advantages li:first-child:after {
  content: '5';
  font-size: 170px;
  color: #4ba82e;
  font-weight: 700;
  position: absolute;
  top: -14px;
  left: 0px;
  line-height: 100%;
}

.advantages li:first-child .title {
  font-size: 36px;
  font-weight: 700;
}

.advantages li:first-child .text {
  font-size: 24px;
  line-height: 126%;
}

.advantages li:first-child .text span {
  font-weight: 700;
  font-size: 30px;
}

.advantages li a {
  color: black;
  text-decoration: none;
  position: relative;
}

.advantages li a span:first-child {
  font-size: 18px;
  font-weight: 700;
  display: block;
  padding-left: 45px;
  padding-top: 4px;
  padding-bottom: 13px;
  line-height: 121%;
}

.advantages li a span:first-child:before {
  content: '';
  background: url(../img/items1.png) 0px 0px no-repeat;
  width: 40px;
  height: 40px;
  display: block;
  position: absolute;
  top: 5px;
  left: 0px;
}

.advantages li a span {
  font-size: 16px;
  font-weight: 300;
  line-height: 151%;
}

.advantages li a.ico1 span:first-child:before {
  background-position: 0px 0px;
}

.advantages li a.ico2 span:first-child:before {
  background-position: -40px 0px;
}

.advantages li a.ico3 span:first-child:before {
  background-position: -80px 0px;
}

.advantages li a.ico4 span:first-child:before {
  background-position: -120px 0px;
}

.advantages li a.ico5 span:first-child:before {
  background-position: -160px 0px;
}

.advantages li a.ico1:hover span:first-child:before {
  background-position: 0px -40px;
}

.advantages li a.ico2:hover span:first-child:before {
  background-position: -40px -40px;
}

.advantages li a.ico3:hover span:first-child:before {
  background-position: -80px -40px;
}

.advantages li a.ico4:hover span:first-child:before {
  background-position: -120px -40px;
}

.advantages li a.ico5:hover span:first-child:before {
  background-position: -160px -40px;
}

.advantages li a span:first-child:after {
  content: '0' counter(advantages);
  color: #c7c7c7;
  font-size: 36px;
  font-weight: 700;
  transform: rotate(-90deg);
  display: block;
  transform-origin: 0px 0px;
  position: absolute;
  top: 46px;
  left: -29px;
}

#specs .title2 {
  padding-top: 4px;
}

.specs {
  margin: 0px;
  padding: 0px;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  padding-top: 43px;
}

.specs li {
  width: 32.5%;
  margin-left: 1%;
  margin-bottom: 46px;
}

.specs li a {
  color: white;
  display: block;
  text-decoration: none;
  height: 209px;
  background-repeat: no-repeat;
  background-position: 0px 0px;
  background-size: contain;
  padding-top: 19px;
  position: relative;
  padding-bottom: 63px;
}

.specs li a .title {
  font-size: 24px;
  font-weight: 700;
  padding-left: 15px;
  display: block;
  position: relative;
  z-index: 1;
}

.specs li a .text {
  position: absolute;
  bottom: 75px;
  left: 0px;
  font-size: 18px;
  padding-left: 15px;
  z-index: 1;
}

.specs li a .btn {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
}

.specs li a.ico1 {
  background-image: url(../img/service1.gif);
}

.specs li a.ico2 {
  background-image: url(../img/spec2.jpg);
}

.specs li a.ico3 {
  background-image: url(../img/spec3.jpg);
}

.specs li a.ico4 {
  background-image: url(../img/spec4.jpg);
}

.specs li a.ico5 {
  background-image: url(../img/spec5.jpg);
}

.webp .specs li a.ico2 {
  background-image: url(../img/spec2.webp);
}

.webp .specs li a.ico3 {
  background-image: url(../img/spec3.webp);
}

.webp .specs li a.ico4 {
  background-image: url(../img/spec4.webp);
}

.webp .specs li a.ico5 {
  background-image: url(../img/spec5.webp);
}
.webp .specs li a.ico6 {
  background-image: url(../img/spec6.webp);
}

.specs li a.black .title {
  color: black;
}

.specs li a.black .text {
  color: black;
}

.specs li:nth-child(1) {
  margin-left: 0px;
}

.specs li:nth-child(2) {
}

.specs li:nth-child(3) {
}

.specs li:nth-child(4) {
  margin-left: 0px;
}

.specs li:nth-child(5) {
}

.specs li a:hover:after {
  content: '';
  background: rgba(0, 0, 0, 0.2);
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 227px;
}

.skoda_bonus {
  margin-top: 100px;
}

.skoda_bonus .title {
  font-size: 36px;

  text-transform: none;

  font-weight: 700;

  text-align: center;
}

.skoda_bonus .content {
  margin-top: 45px;

  display: flex;

  justify-content: space-between;
}

.skoda_bonus .content div {
  box-shadow: 0 0 20px 10px rgb(0 0 0 / 4%);

  width: 30%;

  padding: 120px 46px 35px 45px;

  text-align: center;

  color: rgb(73, 73, 73);

  line-height: 23px;

  box-sizing: border-box;
}

.skoda_bonus .content div.ico1 {
  background: url(../img/bonus_ico1.jpg) 50% 25px no-repeat;
}

.skoda_bonus .content div.ico2 {
  background: url(../img/bonus_ico2.jpg) 50% 25px no-repeat;
}

.skoda_bonus .content div.ico3 {
  background: url(../img/bonus_ico3.jpg) 50% 25px no-repeat;
}

#garanty .title2 {
  padding-top: 10px;
}

#garanty .title2_comment {
  padding-top: 11px;
  padding-bottom: 0px;
}

.garanty {
  padding-top: 25px;
  position: relative;
  padding-bottom: 49px;
}

.garanty:before {
  content: '';
  background: url(../img/bg_garanty.png) 0px 0px no-repeat;
  top: -41px;
  left: -103px;
  position: absolute;
  width: 649px;
  height: 503px;
}

.webp .garanty:before {
  background: url(../img/bg_garanty.webp) 0px 0px no-repeat;
}

.garanty ul {
  margin: 0px;
  padding: 38px 25px 26px;
  list-style: none;
  background: white;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-left: 269px;
  position: relative;
}

.garanty ul li {
  position: relative;
  width: 49%;
  box-sizing: border-box;
  padding-left: 27px;
  padding-bottom: 24px;
}

.garanty ul li:before {
  content: '';
  width: 15px;
  height: 15px;
  background: #4ba82e;
  border-radius: 100px;
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
}

.garanty ul li .title {
  font-size: 18px;
  font-weight: 700;
  padding-bottom: 5px;
}

.garanty ul li .text {
  font-size: 16px;
  font-weight: 300;
  line-height: 155%;
}

#parts {
  padding-bottom: 0;
  margin-top: 60px;
}

#parts .title2 {
}

.parts {
  padding-top: 27px;
}

.parts img {
  float: left;
  width: 49%;
}

.parts ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
  margin-left: 51%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.parts ul li {
  width: 32%;
  margin-bottom: 15px;
}

.parts ul li a {
  font-size: 16px;
  font-weight: 300;
  color: black;
  text-decoration: none;
  display: block;
  height: 100%;
  background: white;
  text-align: center;
  box-sizing: border-box;
  padding-top: 26px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
  height: 160px;
  position: relative;
  transition: 0.2s;
  top: 0px;
}

.parts ul li a:hover {
  top: -10px;
}

.parts ul li a:before {
  content: '';
  background: url(../img/items2.png) 0px 0px no-repeat;
  width: 62px;
  height: 62px;
  display: block;
  margin: 0px auto;
  margin-bottom: 6px;
}

.webp .parts ul li a:before {
  background: url(../img/items2.webp) 0px 0px no-repeat;
}

.parts ul li a span {
}

.parts ul li a.ico1:before {
  background-position: 0px 0px;
}

.parts ul li a.ico2:before {
  background-position: -62px 0px;
}

.parts ul li a.ico3:before {
  background-position: -124px 0px;
}

.parts ul li a.ico4:before {
  background-position: -186px 0px;
}

.parts ul li a.ico5:before {
  background-position: -248px 0px;
}

.parts ul li a.ico6:before {
  background-position: -310px 0px;
}

.parts ul li a:hover.ico1:before {
  background-position: 0px -62px;
}

.parts ul li a:hover.ico2:before {
  background-position: -62px -62px;
}

.parts ul li a:hover.ico3:before {
  background-position: -124px -62px;
}

.parts ul li a:hover.ico4:before {
  background-position: -186px -62px;
}

.parts ul li a:hover.ico5:before {
  background-position: -248px -62px;
}

.parts ul li a:hover.ico6:before {
  background-position: -310px -62px;
}

#form_service {
  margin-top: 60px;
}

.form_service {
}

.form_service img {
  float: right;
  max-width: 58%;
  position: relative;
  z-index: 1;
  top: 73px;
}

#form2 {
  position: relative;
  width: 53%;
  box-sizing: border-box;
  padding: 37px;
  background: white;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}

#form2 .form_title {
  font-size: 36px;
  text-transform: none;
  font-weight: 700;
  text-align: left;
  padding-bottom: 10px;
}

#form2 .form_comment {
  font-weight: 300;
  font-size: 18px;
  line-height: 136%;
}

#form2 .columns {
  /* display: flex; */
  justify-content: space-between;
  width: 315px;
  padding-top: 48px;
}

#form2 .form-group {
  width: 100%;
  margin-bottom: 12px;
}

#form2 input[type='text'] {
  border: 1px solid #b5b5b5;
  height: 38px;
}

#form2 button {
  height: 38px;
}

#form2 .labels {
  text-align: center;
}

#form2 .agree_field {
}

#form2 .agree_field a {
  color: black;
}

#form2 .select_block {
  height: 38px;
}

#form2 select {
  height: 38px;
}

#contacts {
}

#contacts .title2 {
  padding-bottom: 29px;
  padding-top: 31px;
}

.contacts {
  position: absolute;
  top: 114px;
  left: 0px;
  z-index: 1;
  width: 355px;
  display: block;
  margin-left: 49px;
  padding-left: 0px;
  padding-right: 0px;
  box-sizing: border-box;
}

.contacts .item {
  padding-left: 21px;
  position: relative;
  padding-top: 12px;
  margin-bottom: 20px;
  padding-bottom: 26px;
  background: white;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}

.contacts .item:before {
  content: '';
  position: absolute;
  top: 16px;
  left: -8px;
  background: #4ba82e;
  border-radius: 100px;
  width: 15px;
  height: 15px;
}

.contacts .column.current {
  background: #f3f3f3;
}

.contacts .title {
  font-size: 16px;
  font-weight: 700;
  padding-bottom: 6px;
}

.contacts ._title {
  font-size: 18px;
  font-weight: 700;
  padding-bottom: 7px;
}

.contacts .text {
  font-size: 16px;
  font-weight: 300;
}

.bottom_addr {
  position: relative; /* padding-left:30px; */
  padding-bottom: 3px;
  font-size: 16px;
}

.bottom_addr:before {
  /* content:''; */ /* width:25px; */ /* height:25px; */ /* background:url(../img/ico_addr.png) 0px 0px no-repeat; */ /* position:absolute; */ /* top: 3px; */ /* left:0px; */
}

.bottom_worktime {
}

.bottom_worktime {
  position: relative;
  padding-left: 30px;
  padding-bottom: 11px;
}

.bottom_worktime:before {
  content: '';
  width: 25px;
  height: 25px;
  background: url(../img/ico_worktime.png) 0px 0px no-repeat;
  position: absolute;
  top: 3px;
  left: 0px;
}

.bottom_phone_container {
}

.bottom_phone_container {
  position: relative;
  padding-left: 30px;
}

.bottom_phone_container:before {
  content: '';
  width: 25px;
  height: 25px;
  background: url(../img/ico_phone.png) 0px 0px no-repeat;
  position: absolute;
  top: 3px;
  left: 0px;
}

.bottom_phone {
  font-size: 16px;
  font-weight: 300;
  color: black;
  text-decoration: none;
}

.bottom_phone a {
  font-size: 18px;
  color: #4ba82e;
  text-decoration: none;
}

.contacts .column.current .bottom_addr:before {
  background-position: 0px -25px;
}

.contacts .column.current .bottom_phone_container:before {
  background-position: 0px -25px;
}

.contacts .column.current .bottom_worktime:before {
  background-position: 0px -25px;
}

footer {
  padding-top: 20px;
  padding-bottom: 20px;
  background: whtie;
  color: #b8b8b8;
}

.disclamer_switch {
  text-align: center;
  color: #969494;
  text-decoration: underline;
  font-size: 12px;
  display: inline-block;
  text-decoration: underline;
  pointer-events: none;
}

.disclamer {
}

footer .disclamer {
  color: #b8b8b8;
  font-size: 10px;
  text-align: left;
}

#map1 {
  background: url(../img/map.jpg) 50% no-repeat;
  height: 660px;
}

.webp #map1 {
  background: url(../img/map.webp) 50% no-repeat;
}

.banner-block {
  position: relative;
  margin-top: 108px;
}

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

.online_work {
  position: absolute;
  top: -90px;
  left: 0;
  border: 2px dashed #4ba82e;
}

.online_work .content {
  padding: 12px 12px 12px 75px;
  background: url(../img/online_work.png) 7px 50% no-repeat #fff;
  margin: 5px;
}

.online_work .text1 {
  font-size: 19px;
  text-transform: uppercase;
}

.online_work .text1 span {
  color: #4ba82e;
}

.online_work .text2 {
  font-size: 14px;
}

.banner-block__content {
  position: static;
  z-index: 3;
  left: 0;
  right: 0;
  bottom: 0;
}

.banner-block__content .container {
  height: 100%;
  position: relative;
}

.banner-block__form {
  position: static;
  left: 15px;
  bottom: 60px;
  box-sizing: border-box;
  width: 350px;
  margin: 0 auto;
  margin-top: 30px;
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.slick-track:before,
.slick-track:after {
  display: table;
  content: '';
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}

[dir='rtl'] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

.slick-arrow {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
  border: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  background-image: none;
  font-size: 0;
  margin: 0;
  padding: 0;
}

.slick-slide {
  outline: 0;
}

.banner-block .slick-arrow {
  position: absolute;
  z-index: 2;
  top: 0;
  bottom: 0;
  width: 50%;
  outline: 0;
}

.banner-block .slick-prev {
  left: 0;
  cursor: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMjYiIHZpZXdCb3g9IjAgMCAxNSAyNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2Utd2lkdGg9IjAuNSIgc3Ryb2tlPSJ3aGl0ZSIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTMuNDQxNyAyNS4wMjE4TDE0LjQ1NjMgMjMuOTk3MUwyLjQ5OTU1IDEyLjc1MUwzLjE0MjY0IDEyLjA4MkwzLjEzODk5IDEyLjA4NTZMMTQuNDU2MyAxLjAzOTk5TDEzLjQ1NyAtNC40MTA0ZS0wOEMxMS45NzU5IDEuNTM5OTUgMS44ODIgMTEuMzEzMSAwLjUwMDE4NSAxMi43NTFDMS41MjY1MSAxMy44MTk0IDYuNDUyMjggMTcuNzUxMyAxMy40NDE3IDI1LjAyMThaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K)
      12 13,
    auto;
}

.banner-block .slick-next {
  right: 0;
  cursor: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMjYiIHZpZXdCb3g9IjAgMCAxNSAyNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2Utd2lkdGg9IjAuNSIgc3Ryb2tlPSJ3aGl0ZSIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMS41MTQ2NCAwLjAwMDE1NDQ1MUwwLjQ5OTk5OSAxLjAyNDg1TDEyLjQ1NjggMTIuMjcwOUwxMS44MTM3IDEyLjk0TDExLjgxNzMgMTIuOTM2M0wwLjUgMjMuOTgyTDEuNDk5MzIgMjUuMDIyQzIuOTgwNDEgMjMuNDgyIDEzLjA3NDMgMTMuNzA4OSAxNC40NTYxIDEyLjI3MDlDMTMuNDI5OCAxMS4yMDI1IDguNTA0MDIgNy4yNzA2NCAxLjUxNDY0IDAuMDAwMTU0NDUxWiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==)
      12 13,
    auto;
}

.slick-dots {
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  list-style: none;
  margin: 0;
  padding: 0;
}

.slick-dots li {
  position: relative;
  width: 26px;
  height: 16px;
}

.slick-dots li button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
  padding: 0;
  outline: 0;
  background-color: transparent;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  background-image: none;
  font-size: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 12px;
  height: 12px;
  background: white;
  cursor: pointer;
  will-change: border-width, border-color;
  border-style: solid;
  border-image: initial;
  border-width: 1px;
  border-color: #4ba82e;
  border-radius: 50%;
  transition: all 0.15s ease 0s,
    all 0.15s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
}

.slick-dots li button::after {
  content: '';
  display: block;
  position: absolute;
  width: 24px;
  height: 30px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.slick-dots li.slick-active button {
  /* border-width: 8px; */
  /* border-color: rgb(255, 255, 255); */
  width: 20px;
  height: 20px;
}

.banner-block .slick-dots {
  position: absolute;
  z-index: 3;
  padding-left: 320px;
  bottom: 40px;
  right: 60px;
}

/*------------------------------------------------------------------------------------------------------------------------*/

/*IPAD PRO BEGIN*/
@media (min-width: 768px) and (max-width: 1199px) {
  .banner_slider {
  }

  .banner_slider .ban_slide {
  }

  .banner_slider .ban_slide.slide1 {
  }

  .banner_slider .ban_slide.slide2 {
  }

  .banner_slider .ban_slide.slide1 .title1_container {
  }

  .banner_slider .ban_slide.slide2 .title1_container {
  }

  .banner_slider .ban_slide.slide1 .title1 {
  }

  .banner_slider .ban_slide.slide2 .title1 {
  }

  .banner_slider .ban_slide.slide1 .title1_container .title_comment {
  }

  .banner_slider .ban_slide.slide1 .title1_container .title_comment {
  }

  .banner_slider .ban_slide.slide2 .title1_container .title_comment font {
  }

  .banner_slider .ban_slide.slide2 .title1_container .title_comment font {
  }

  .service .slick-next {
    right: -3%;
  }

  .service .slick-prev {
    left: -3%;
  }

  .service li a {
    font-size: 14px;
  }

  .warn_text span {
    font-size: 17px;
  }

  .warn_text {
    font-size: 14px;
    margin-left: 0;
  }

  .warn_block .btn {
    width: 250px;
  }

  .online_work {
    top: -100px;
  }

  .top_panel .top_panel-item {
    padding: 0 5px;
  }

  .top_phone {
    font-size: 11px;
  }

  .logotext {
    font-size: 11px;
  }

  .menu li a {
    font-size: 15px;
  }

  .specs li a.ico3 {
    background-size: 379px;
  }
}

/*IPAD PRO BEGIN*/

/*IPAD BEGIN*/
@media (min-width: 768px) and (max-width: 991px) {
  .title1_container {
    padding-top: 30px;
  }

  .banner_slider {
  }

  .banner_slider .ban_slide {
  }

  .banner_slider .ban_slide.slide1 {
  }

  .banner_slider .ban_slide.slide2 {
  }

  .banner_slider .ban_slide.slide1 .title1_container {
  }

  .banner_slider .ban_slide.slide2 .title1_container {
  }

  .banner_slider .ban_slide.slide1 .title1 {
  }

  .banner_slider .ban_slide.slide2 .title1 {
  }

  .banner_slider .ban_slide.slide1 .title1_container .title_comment {
  }

  .banner_slider .ban_slide.slide1 .title1_container .title_comment {
  }

  .banner_slider .ban_slide.slide2 .title1_container .title_comment font {
  }

  .banner_slider .ban_slide.slide2 .title1_container .title_comment font {
  }

  .skoda_bonus .content div {
    width: 32%;
    padding: 120px 20px 35px 20px;
    line-height: 17px;
    font-size: 13px;
  }

  .warn_block {
    flex-flow: wrap;
  }

  .warn_block .btn {
    width: 100%;
    margin-top: 15px;
  }

  .online_work {
    /* top: 260px; */
  }

  header .container {
    flex-wrap: wrap;
  }

  .top_phone {
    font-size: 13px;
  }

  .logotext {
    font-size: 13px;
  }

  .menu li a {
    font-size: 12px;
  }

  .top_panel .top_panel-item.top_panel-item-btn {
    margin-top: 10px;
  }

  .top_panel {
    flex-wrap: wrap;
    margin-top: 10px;
  }

  .top_panel .top_panel-item {
    width: auto;
    margin: 0 auto;
  }

  .banner-block {
    margin-top: 189px;
  }

  .service li a {
    padding-top: 150px;
    height: auto;
    padding-bottom: 10px;
  }

  .service li a:before {
    display: none;
  }

  .service li a span {
    display: block;
    text-align: center;
    width: 100%;
  }

  .advantages li {
    width: 49%;
  }

  .specs li a {
    height: 195px;
  }

  .specs li {
    width: 49%;
    margin-bottom: 15px;
  }

  .specs li:nth-child(1) {
  }

  .specs li:nth-child(2) {
    margin-left: 2%;
  }

  .specs li:nth-child(3) {
    margin-left: 0px;
  }

  .specs li:nth-child(4) {
    margin-left: 2%;
  }

  .specs li:nth-child(5) {
    margin-left: 0px;
  }

  .parts img {
    width: 37%;
  }

  .parts ul {
    margin-left: 39%;
  }
}

/*IPAD END*/

/*MOBILE BEGIN*/
@media (max-width: 767px) {
  .skoda_bonus {
    margin-top: 40px;
  }

  .skoda_bonus .content {
    margin-top: 0;
    flex-wrap: wrap;
  }

  .skoda_bonus .content div {
    width: 100%;
    margin-top: 25px;
    padding: 120px 25px 35px 25px;
  }

  .skoda_bonus .title {
    font-size: 24px;
  }

  .service li a span {
    font-size: 16px;
  }

  .warn_block {
    flex-flow: wrap;
    justify-content: center;
    margin-top: 0;
  }

  .warn_text {
    margin-left: 0;
    text-align: center;
    margin-top: 10px;
    font-size: 16px;
  }

  .warn_text span {
    font-size: 18px;
  }

  .warn_block .btn {
    width: 100%;
    margin-top: 15px;
  }

  .online_work {
    position: static;
    margin-top: 25px;
    padding: 0;
    text-align: center;
    background: none;
    border: none;
  }

  .online_work .content {
    padding: 0;
    background: none;
  }

  .online_work .text1,
  .online_work .text2 {
    font-size: 18px;
  }

  .fancybox-type-image {
    width: 100% !important;
    margin: 0px !important;
    left: 0px !important;
  }

  .fancybox-close {
    right: 9px !important;
    top: 9px !important;
  }

  .fancybox-inner {
    width: 100% !important;
    margin: 0px !important;
    padding: 0px !important;
  }

  .fancybox-wrap {
    margin: 0px !important;
    width: 100% !important;
    left: 0px !important;
    top: 20px !important;
  }

  .fancybox-type-image .fancybox-close {
    top: -8px !important;
  }

  .simple_slider .btn_left {
    display: none !important;
  }

  .simple_slider .btn_right {
    display: none !important;
  }

  .popup_container {
    width: 100%;
  }

  .resp_table tr {
    display: block;
    padding-bottom: 10px;
    margin-bottom: 0px;
  }

  .resp_table tr th {
    display: none;
  }

  .resp_table tr td {
    width: 100%;
    display: block;
    box-sizing: border-box;
    padding: 5px !important;
  }

  .resp_table tr td:before {
    display: inline-block;
    width: 43%;
    margin-right: 2%;
    font-weight: 700;
    vertical-align: top;
  }

  .banner-block {
    margin-top: 65px;
  }

  header {
    height: auto;
  }

  header .container {
    /*flex-wrap: wrap;*/
  }

  header:before {
  }

  .logo1 {
    width: 25%;
  }

  .top_panel {
    display: block;
    padding: 0;
    height: auto;
    /* padding-bottom: 5px; */
    margin-top: 10px;
    /* margin-left: -15px; */
    width: calc(100% + 30px);
    box-sizing: border-box;
  }

  .top_panel-item {
    display: none;
  }

  .top_panel .top_panel-item {
    width: 100%;
    display: none;
  }

  .top_panel .top_panel-item.top_panel-item-btn {
    display: block;
    padding: 0;
  }

  .top_panel-item-btn {
    display: block;
  }

  .logotext {
    display: inline-block;
    font-size: 7px;
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .logotext span {
    font-size: 12px;
    display: block;
  }

  .addr_container {
    display: inline-block;
    position: absolute;
    top: 110px;
    left: 15px;
    font-size: 11px;
    width: calc(100% - 30px);
    color: black;
  }

  .top_addr {
    display: inline-block;
  }

  .worktime {
    display: inline-block;
    float: right;
  }

  .phone_container {
    display: inline-block;
    float: right;
    padding-top: 9px;
  }

  .phone_container .btn {
    display: none;
  }

  .top_phone {
    font-size: 12px;
    float: right;
    padding-top: 8px;
    margin-right: 0px;
    margin-bottom: 0px;
  }

  .menu {
  }

  .menu li {
  }

  .menu li:first-child {
  }

  .menu li:first-child:before {
  }

  .menu li:before {
  }

  .menu li a {
  }

  body {
    background-size: 150%;
    background-position: 50% 225px;
  }

  #service {
    margin-top: 20px;
  }

  .title1_container {
    padding-top: 15px;
  }

  .title1_container .title1 {
    font-size: 25px;
    text-align: center;
    padding-bottom: 170px;
  }

  .title1_container .title_comment {
    font-size: 22px;
    text-align: center;
    font-size: 22px !important;
  }

  .banner_slider {
    padding-top: 0;
  }

  .banner_slider .ban_slide {
    height: auto !important;
  }

  .banner_slider .ban_slide.slide1 {
    background-size: 150% !important;
    background-position: 50% 123px !important;
  }

  .banner_slider .ban_slide.slide2 {
    background-size: 150% !important;
    background-position: 50% 75px !important;
  }

  .banner_slider .ban_slide.slide1 .title1_container {
  }

  .banner_slider .ban_slide.slide2 .title1_container {
    padding-top: 20px;
  }

  .banner_slider .ban_slide.slide1 .title1 {
  }

  .banner_slider .ban_slide.slide2 .title1 {
    font-size: 25px;
  }

  .banner_slider .ban_slide.slide1 .title1_container .title_comment {
  }

  .banner_slider .ban_slide.slide1 .title1_container .title_comment {
  }

  .banner_slider .ban_slide.slide2 .title1_container .title_comment font {
    padding-top: 15px;
  }

  .banner_slider .ban_slide.slide2 .title1_container .title_comment font {
  }

  .btn_menu {
    position: absolute;
    top: -142px;
    right: 15px;
    z-index: 1;
    width: 40px;
    height: 29px;
  }

  .btn_menu span {
    height: 4px;
    background: #58a82e;
    display: block;
    transition: 0.2s;
  }

  .btn_menu:before {
    content: '';
    height: 4px;
    background: #58a82e;
    position: absolute;
    top: 12px;
    left: 0px;
    width: 100%;
    transition: 0.2s;
  }

  .btn_menu:after {
    content: '';
    height: 4px;
    background: #58a82e;
    position: absolute;
    bottom: 0px;
    width: 100%;
    transition: 0.2s;
  }

  .btn_menu.open span {
    transform: rotate(-45deg);
    transform-origin: 37px 8px;
  }

  .btn_menu.open:before {
    opacity: 0;
  }

  .btn_menu.open:after {
    transform: rotate(45deg);
    transform-origin: 34px -2px;
  }

  .menu {
    display: block;
    background: white;
    overflow: hidden;
    width: 0px;
    position: absolute;
    top: 0px;
    right: 0px;
    transition: 0.2s;
    z-index: 1;
    border-bottom: 1px solid #ccc;
    padding-top: 0px;
  }

  .menu li {
    padding: 0px;
    display: block;
    text-align: center;
    padding: 10px 0px;
  }

  .menu li:before {
    display: none;
  }

  .menu li a {
    padding: 5px 0px;
    font-size: 14px;
    white-space: nowrap;
  }

  .btn_menu.open + .menu {
    width: 100%;
  }

  .menu_container {
    top: 112px;
    position: relative;
    margin-left: -15px;
    width: calc(100% + 30px);
    padding-top: 0px;
    display: none;
  }

  .top_panel .btn {
    width: 100%;
    height: 30px;
  }

  .banner-block__content {
    position: relative;
  }

  .banner-block__form {
    width: 100%;
    position: relative;
    left: auto;
    bottom: auto;
    margin-top: 30px;
  }

  #form1 input[type='text'] {
    background: #eee;
  }

  .service {
    display: block;
  }

  .service li {
    width: 100%;
    margin-bottom: 15px;
  }

  .advantages {
    display: block;
    padding-top: 15px;
  }

  .advantages li {
    width: 100%;
  }

  .advantages li:first-child {
  }

  .advantages li:first-child:before {
  }

  .advantages li:first-child:after {
  }

  .advantages li:first-child .title {
    font-size: 25px;
  }

  .advantages li:first-child .text {
  }

  .advantages li:first-child .text span {
  }

  .advantages li a {
  }

  .advantages li a span:first-child {
    font-size: 15px;
  }

  .advantages li a span:first-child:before {
  }

  .advantages li a span {
    font-size: 14px;
  }

  .advantages li a.ico1 span:first-child:before {
  }

  .advantages li a.ico2 span:first-child:before {
  }

  .advantages li a.ico3 span:first-child:before {
  }

  .advantages li a.ico4 span:first-child:before {
  }

  .advantages li a.ico5 span:first-child:before {
  }

  .advantages li a span:first-child:after {
  }

  #specs {
  }

  #specs .title2 {
  }

  .specs {
    display: block;
  }

  .specs li {
    width: 100%;
    margin-left: 0px !important;
    margin-bottom: 15px;
  }

  .specs li a {
    height: 157px;
  }
  .specs li a.ico3 {
    background-size: unset;
  }
  .specs li a .title {
    font-size: 20px;
  }

  .specs li a .title span {
  }

  .specs li a .text {
    font-size: 16px;
  }

  .specs li a .btn {
  }

  .specs li a.ico1 {
  }

  .specs li a.ico2 {
  }

  .specs li a.ico3 {
  }

  .specs li a.ico4 {
  }

  .specs li a.ico5 {
  }

  .specs li a.black .title {
  }

  .specs li a.black .text {
  }

  .specs li:nth-child(1) {
  }

  .specs li:nth-child(2) {
  }

  .specs li:nth-child(3) {
  }

  .specs li:nth-child(4) {
  }

  .specs li:nth-child(5) {
  }

  #garanty {
  }

  #garanty .title2 {
  }

  #garanty .title2_comment {
  }

  .garanty {
    padding-bottom: 0;
  }

  .garanty:before {
    display: none;
  }

  .garanty ul {
    margin: 0px;
    display: block;
  }

  .garanty ul li {
    width: 100%;
  }

  .garanty ul li:before {
  }

  .garanty ul li .title {
  }

  .garanty ul li .text {
  }

  #parts {
  }

  #parts .title2 {
  }

  .parts {
  }

  .parts img {
    float: none;
    max-width: 100%;
    width: auto;
  }

  .parts ul {
    display: block;
    margin: 0px;
    padding-top: 15px;
  }

  .parts ul li {
    width: 48%;
    display: inline-block;
    vertical-align: top;
  }

  .parts ul li a {
  }

  .parts ul li a:before {
  }

  .parts ul li a span {
  }

  .parts ul li a.ico1:before {
  }

  .parts ul li a.ico2:before {
  }

  .parts ul li a.ico3:before {
  }

  .parts ul li a.ico4:before {
  }

  .parts ul li a.ico5:before {
  }

  .parts ul li a.ico6:before {
  }

  .parts ul li:nth-child(even) {
    float: right;
  }

  #form_service {
  }

  .form_service {
  }

  .form_service img {
    float: none;
    top: 0px;
    max-width: 100%;
    padding-bottom: 15px;
  }

  #form2 {
    width: 100%;
    padding: 15px;
    margin-left: -15px;
    width: calc(100% + 30px);
  }

  #form2 .form_title {
  }

  #form2 .form_comment {
  }

  #form2 .columns {
    width: 100%;
  }

  #form2 .form-group {
  }

  #form2 input[type='text'] {
  }

  #form2 button {
  }

  #form2 .labels {
  }

  #form2 .agree_field {
  }

  #form2 .agree_field a {
  }

  #contacts {
  }

  #contacts .title2 {
  }

  .contacts {
    margin-left: 0px;
    position: relative;
    top: 0px;
    left: 0px;
    width: 100%;
  }

  .contacts .item {
    padding-left: 10px;
    padding-bottom: 10px;
  }

  .contacts .item:before {
  }

  .contacts .column.current {
  }

  .contacts .title {
  }

  .contacts ._title {
  }

  .contacts .text {
  }

  .bottom_addr {
  }

  .bottom_addr:before {
  }

  .bottom_worktime {
  }

  .bottom_worktime {
  }

  .bottom_worktime:before {
  }

  .bottom_phone_container {
  }

  .bottom_phone_container {
  }

  .bottom_phone_container:before {
  }

  .bottom_phone {
  }

  .bottom_phone a {
  }

  .contacts .column.current .bottom_addr:before {
  }

  .contacts .column.current .bottom_phone_container:before {
  }

  .contacts .column.current .bottom_worktime:before {
  }

  footer {
  }

  .disclamer_switch {
  }

  .disclamer {
  }

  footer .disclamer {
  }

  #map1 {
    height: 380px;
    margin-left: -15px;
    width: calc(100% + 30px);
  }
}

@media (max-width: 320px) {
  .banner_slider .ban_slide.slide2 {
    background-size: 150% !important;
    background-position: 50% 97px !important;
  }

  .banner_slider .ban_slide.slide2 .title1_container .title_comment {
    margin-top: 0px;
  }
}

/*MOBILE END*/

/* Portrait phones and smaller */