.service-title {
  background-color: url("img/fon.png");
  text-align: center;
  padding: 5px 15px 0px 15px; }

.row {
  margin-right: -15px;
  margin-left: -15px; }

.service-top,
.service-bottom {
  width: 100%;
  height: auto;
  margin: 0 auto;
  text-align: center;
  margin-top: 25px; }

.service-top {
  border-top: 2px solid #9d999d;
  padding-top: 15px;
  top: 20px;
  position: relative; }

.service-bottom {
  border-bottom: 2px solid #9d999d; }

.service {
  width: 100%;
  margin: 0 auto;
  height: 100vh; }

.col {
  position: relative;
  float: left;
  width: calc( 100% / 3); }

.picture {
  height: 30vh;
  word-wrap: break-word;
  text-align: center;
  width: 100%;
  padding: 10px;
  display: block; }

@media screen and (min-width: 786px) and (max-width: 993px) {
  .picture {
    height: 50vh; } }

@media screen and (min-width: 992px) and (max-width: 1023px) {
  .picture {
    height: 30vh; } }

@media screen and (min-width: 1024px) and (max-width: 1151px) {
  .picture {
    height: 30vh; } }

@media screen and (min-width: 1152px) and (max-width: 1279px) {
  .picture {
    height: 30vh; } }

@media screen and (min-width: 1280px) and (max-width: 1359px) {
  .picture {
    height: 30vh; } }

@media screen and (min-width: 1680px) {
  .picture {
    height: 30vh; } }

.picture:hover {
  transform: scale(1.1); }

.picture-sub {
  width: 100%;
  margin: 0 auto;
  height: auto; }

.picture-sub img {
  max-width: 85%;
  margin: 0 auto;
  padding: 7px;
  border: 0;
  background-color: #d4d2ce;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
  height: auto;
  overflow: hidden; }

.div_clearfix {
  /*width:65%;*/
  width: 100%;
  text-align: center;
  margin: 0 auto;
  padding-top: 3px; }

.div-service-h3 {
  width: 100%;
  display: table;
  text-align: center; }

.div-service-h3 h3 {
  height: 50px;
  vertical-align: middle;
  display: table-cell; }

@media (min-width: 768px) and (max-width: 991px) {
  .col {
    width: calc( 100% / 2); } }

@media (min-width: 361px) and (max-width: 767px) {
  .col {
    width: 100%; } }

@media (max-width: 360px) {
  .col {
    width: 100%; }
  .picture {
    height: auto; } }

.clearfix::after {
  display: block;
  clear: both;
  content: ""; }

.img-responsive {
  display: block;
  max-width: 100%;
  height: auto; }

.div-fon {
  display: table;
  width: 100%;
  height: 100%; }

.col-left-service,
.col-right-service {
  padding-left: 0;
  padding-right: 0;
  height: calc(100vh + 30px); }

.col-left-part,
.col-right-part {
  padding-left: 0;
  padding-right: 0;
  height: 90vh; }

.h2-main-zagolovok {
  color: #5E4536;
  font-family: 'Modern_Medium';
  font-size: 1.7em; }

.div-fon-img-left {
  width: 100%;
  height: 90vh;
  position: relative;
  background: url("../img/hyundai_service_left_1.png") center;
  background-position: right top;
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-size: cover; }

.div-fon-img-left:before {
  content: "";
  display: block;
  padding-top: 100%; }

.div-fon-main-img-left {
  width: 100%;
  height: 100vh;
  position: relative;
  background: url("../img/hyundai_bus_main_left.png") center;
  background-position: right top;
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-size: cover; }

.div-fon-main-img-left:before {
  content: "";
  display: block;
  padding-top: 100%; }

.div-fon-img-right {
  width: 100%;
  height: 90vh;
  position: relative;
  background: url("../img/hyundai_service_right_1.png") center;
  background-position: left top;
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-size: cover; }

.div-fon-img-right:before {
  content: "";
  display: block;
  padding-top: 100%; }

.div-fon-main-img-right {
  width: 100%;
  height: 100%;
  position: relative;
  background: url("../img/hyundai_bus_main_right.png") center;
  background-position: left top;
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-size: cover; }

.div-fon-main-img-right:before {
  content: "";
  display: block;
  padding-top: 100%; }

.div-input-search {
  font-size: 1.5em;
  padding-left: 5px;
  height: auto;
  border: 0px; }

.div-search-button {
  font-family: Modern_Medium_bold;
  font-size: 1.2em;
  display: inherit;
  padding-left: 10px; }

a.list-group-item-sections-active {
  font-family: Modern_Medium_bold;
  font-size: 1.2em;
  color: #fff;
  background: #5E4536;
  padding: 11.4px 15px; }

a.list-group-item-sections {
  font-family: Modern_Medium_bold;
  font-size: 1em;
  padding: 11.4px 15px; }

.row-scrollbar {
  margin-right: 2px;
  height: 80vh;
  overflow: auto; }

.row-scrollbar::-webkit-scrollbar {
  width: 8px; }

.row-scrollbar::-webkit-scrollbar:horizontal {
  height: 0px; }

.row-scrollbar::-webkit-scrollbar-track {
  background: #c2bfb8; }

.row-scrollbar::-webkit-scrollbar-track-piece {
  background: #c2bfb8; }

.row-scrollbar::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px black; }

img {
  height: auto;
  max-width: 100%; }

.product {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #c0c0c0;
  height: 250px;
  overflow: hidden;
  padding: 25px 15px;
  position: relative;
  text-align: center;
  transition: all 0.5s ease 0s;
  margin-bottom: 20px; }

.product:hover {
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.5); }

.product-img {
  height: 125px; }

.product-title a {
  color: #000;
  font-weight: 500;
  text-transform: uppercase; }

.product-desc {
  width: 100%;
  margin: 0 auto;
  text-align: center;
  overflow: hidden;
  color: #555555;
  display: table-cell;
  vertical-align: middle;
  height: 98px; }

@media screen and (min-width: 1024px) and (max-width: 1151px) {
  .product {
    height: 190px; }
  .product-img {
    height: 70px; } }

@media screen and (min-width: 1152px) and (max-width: 1279px) {
  .product {
    height: 210px; }
  .product-img {
    height: 90px; } }

@media screen and (min-width: 1280px) and (max-width: 1359px) {
  .product {
    height: 225px; }
  .product-img {
    height: 110px; } }

@media screen and (min-width: 1680px) {
  .product {
    height: 310px; }
  .product-img {
    height: 175px; } }

.div-find {
  /*background: red;*/
  background: #5E4536;
  padding: 3px;
  margin: 0; }

.btn-find {
  font-family: Modern_Medium_bold;
  background: #5E4536;
  border: 0;
  color: white;
  width: 220px;
  font-size: 1.6rem; }

.product-price {
  bottom: 15px;
  left: 0;
  position: absolute;
  width: 100%;
  color: #d51e08;
  font-size: 18px;
  font-weight: 500; }

.product_menu {
  color: White;
  background: #5E4536; }

.doska {
  display: none;
  position: absolute; }