.vyfiltrovano{
  letter-spacing: 0;
}

.select-form .ui-button{
  width: 100% !important;
  height: 52px;
  max-width: 100%;
}

.select-form .ui-selectmenu-text {
  position: relative;
  top: 5px;
}

.carsFilterDS .tabs-list li {
  min-width: 25% !important;
}

.car-tag {
  color: #fff;
  padding: 2px 7px 1px 7px;
  z-index: 1;
  margin: 0px;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 1px;
  background-color: #3288c0;
}

.car-tag--noprice{
  color: #fff;
  padding: 15.5px 20px 12.5px 20px;
  z-index: 1;
  margin: 0px;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 1px;
  background-color: #3288c0;
  white-space: nowrap;
  cursor: pointer;
  display: inline-block;
  position: relative;
  top: -4px;
  margin-left: 15px;
}

@media (max-width: 1450px){
  .car-tag--noprice{
    color: #fff;
    padding: 15.5px 20px 12.5px 20px;
    z-index: 1;
    margin: 0px;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
    background-color: #3288c0;
    white-space: nowrap;
    cursor: pointer;
    display: inline-block;
    position: relative;
    top: -4px;
    margin-left: 0;
    display: table;
    margin: 11px 0 0 0px;
  }
}

.car-tag--noprice small{
  color: #3288c0;
  padding: 1px 7px;
  font-size: 14px;
  background-color: #fff;
  margin-left: 10px;
}


.car-tag--detail {
  position: relative;
  top: -6px;
  margin-right: 15px;
}

.car-detail-msg{
  color: green;
  font-weight: 600;
  max-height: 0px;
  overflow: hidden;
  transition: all 1s;
}

.ds-tag-header{
  display: flex;
  color: #fff;
  padding: 0px 7px;
  z-index: 1;
  margin: 0px;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 1px;
  background-color: #3288c0;
}

.page-header.active .page-top__side,.page-top__side--right {
  text-align: center;
}

.article-nav__prev{
  top: 66px;
  z-index: 10;
}
@media (max-width: 1200px){
  .breadcrumbs{
    margin-left: 35px;
  }
}

.article-nav__prev--ps{
  top: 123px;
}

.pl .tabs-list-hp-blue,.sk .tabs-list-hp-blue{
  display: none;
}
@media (min-width: 630px){
  .de .page-top__logo img{
    min-width: 400px;
  }
}
@media (min-width: 830px){
  .de .page-top__logo img{
    min-width: 600px;
  }
}


.color-white{
  color: #fff;
}

@media only screen and (max-width: 767px){
  span.souhlas {
    bottom: -78px;
    padding-left: 0;
  }
}

.car-preview__metas{
  position: relative;
  margin-top: -28px;
  margin-right: -10px;
}

.car-preview__metas >div{
  float: right;
}

.nav-main__item > ul{
  display: none;
  position: absolute;
  top: 26px;
  left: 0;
  width: 100%;
  background-color: #fff;
}

.nav-main__item{
  position: relative;
}

.page-header{
  overflow: visible;
}

@media (max-width: 1024px){
  .nav-main__item > ul{
    display: block;
    position: relative;
    top: initial;
    left: initial;
    width: 100%;
    background-color: #fff;
  }
  .nav-main__item > ul > li{
    display: inline-block;
    padding: 0 10px;
  }

}

.button--online{
  position: relative;
  color: #000;
  background-color: #F7CC1C;
  margin-bottom: 15px;
  padding-right: 35px;

}

.button--online::before{
  content: " ";
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='16px' height='24px' viewBox='0 0 16 24' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3Eicons/utility/touch_action%3C/title%3E%3Cdefs%3E%3Cfilter id='filter-1'%3E%3CfeColorMatrix in='SourceGraphic' type='matrix' values='0 0 0 0 0.000000 0 0 0 0 0.000000 0 0 0 0 0.000000 0 0 0 1.000000 0'%3E%3C/feColorMatrix%3E%3C/filter%3E%3Cpath d='M13.9541527,13.8695307 L9.85293216,12.4653072 C9.55284286,12.3650055 9.30276844,12.0641005 9.30276844,11.7130446 L9.30276844,6.24660323 C9.30276844,5.39403897 8.60256006,4.74207807 7.75230703,4.74207807 L7.60226238,4.74207807 C6.75200935,4.74207807 6.05180097,5.44418981 6.05180097,6.24660323 L6.05180097,17.0290335 C6.05180097,17.9317486 4.90145864,18.3329553 4.4013098,17.5305419 L3.35099723,15.323905 C2.80083351,14.371039 1.55046141,14.1202848 0.650193493,14.7722457 L0,15.2737541 L3.451027,23.4483408 C3.60107165,23.7993966 3.95117584,24 4.35129492,24 L13.4039889,24 C13.8541229,24 14.2042271,23.699095 14.3042568,23.2978883 L15.9047331,17.5806927 C16.3048522,15.9758659 15.4045843,14.4211899 13.9541527,13.8695307 L13.9541527,13.8695307 Z M3.65108654,10.4592736 L3.65108654,6.14630155 C3.75111631,4.09011718 5.40160748,2.43513951 7.45221773,2.33483783 L7.8523368,2.33483783 C9.90294705,2.43513951 11.5534382,4.09011718 11.653468,6.14630155 L11.653468,10.4592736 C11.653468,10.8103295 12.1036019,10.960782 12.3536764,10.7601787 C13.4540038,9.60670939 14.1041973,8.05203341 14.1041973,6.39705574 C14.1041973,2.6858937 10.9032447,-0.323156598 7.10211354,0.0278992704 C4.20125026,0.3288043 1.80053583,2.53544119 1.35040187,5.39403897 C1.05031257,7.40007251 1.65049117,9.3559552 3.00089305,10.7601787 C3.20095258,10.960782 3.65108654,10.8103295 3.65108654,10.4592736 Z' id='path-2'%3E%3C/path%3E%3C/defs%3E%3Cg id='STYLE-GUIDE' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='icons/utility/touch_action' transform='translate(-1437.000000, -306.000000)' filter='url(%23filter-1)'%3E%3Cg transform='translate(1437.000000, 306.000000)'%3E%3Cmask id='mask-3' fill='white'%3E%3Cuse xlink:href='%23path-2'%3E%3C/use%3E%3C/mask%3E%3Cuse id='Mask' fill='%2354698D' xlink:href='%23path-2'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  width: 16px;
  height: 25px;
  display: block;
  position: absolute;
  top: 10px;
  right: 14px;
  transition: all .5s;
}

.button--online:hover::before{
  background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 16 24'%3E%3Cdefs%3E%3Cfilter id='filter-1' name='filter-1'%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0' in='SourceGraphic'/%3E%3C/filter%3E%3C/defs%3E%3Cpath fill='%23fff' d='M14,13.87l-4.1-1.4a.83.83,0,0,1-.55-.76V6.25A1.52,1.52,0,0,0,7.75,4.74H7.6A1.55,1.55,0,0,0,6.05,6.25V17a.89.89,0,0,1-1.65.5L3.35,15.32a1.85,1.85,0,0,0-2.7-.55l-.65.5,3.45,8.18a.94.94,0,0,0,.9.55H13.4a.92.92,0,0,0,.9-.7l1.6-5.72a3.15,3.15,0,0,0-2-3.71ZM3.65,10.46V6.15a4,4,0,0,1,3.8-3.82h.4a4,4,0,0,1,3.8,3.82v4.31a.43.43,0,0,0,.7.3A6.32,6.32,0,0,0,14.1,6.4,6.41,6.41,0,0,0,7.1,0,6.49,6.49,0,0,0,1.35,5.39,6.32,6.32,0,0,0,3,10.76.4.4,0,0,0,3.65,10.46Z' transform='translate(0 0)'/%3E%3C/svg%3E");
}

.button--online{
  position: relative;
  color: #000;
  background-color: #F7CC1C;
  margin-bottom: 15px;
  padding-right: 35px;

}

.button--online:hover{
  position: relative;
  color: #fff;
  background-color: #292a2b;
}

/*******************************************************
Base Theme
********************************************************/
.datetimepicker {
  position: absolute;
  font-size: 16px;
  color: #000;
  line-height: normal;
  width: 235px;
  height: 174px;
  padding: 11px;
  background: #fefefe;
  border: 1px solid #ccc;
  border-radius: 0px;
  margin: 2px;
  box-shadow: 1px 1px 5px #666666;
}

/* header
********************************************************/
.datetimepicker .header {position: relative; height: 15px; margin-bottom: 5px; padding-top: 1px; width:auto;}
.datetimepicker .header .title {
    text-align: center;
    margin: 0px 25px 0 25px;
    font-size: 18px;
    font-weight: 700;
}
.datetimepicker .header .titleText {}
.datetimepicker .header .previous, .datetimepicker .header .next{position: absolute; cursor: pointer; overflow: hidden; top: 2px;}
.datetimepicker .header .previous {left: 2px; border-color: transparent #666 transparent transparent; border-style: solid; border-width: 6px; width: 0; height: 0; line-height: 0; font-size: 0;top: 5px;}
@media screen and (-webkit-min-device-pixel-ratio:0){ .datetimepicker .header .previous {top: 1px;border-width: 7px;left: 1px;}}
.datetimepicker .header .previous:hover {border-color: transparent #498CE2 transparent transparent;}
.datetimepicker .header .next {right: 4px; border-color: transparent transparent transparent #666; border-style: solid; border-width: 6px; width: 0; height: 0; line-height: 0; font-size: 0;top: 5px;}
.datetimepicker .header .next:hover {border-color: transparent transparent transparent #498CE2;}

/* body
********************************************************/
.datetimepicker .body {
    position: relative;
    top: 0px;
    left: 2px;
    width: 210px;
    height: 130px;
    overflow: hidden;
}

/* time
********************************************************/
.datetimepicker .time {position: relative; width: 100%; height: 100%;}.datetimepicker .time {
    position: relative;
    height: 100%;
    width: 165px;
    margin: 10px auto;
}
.datetimepicker .time .hour, .datetimepicker .time .separator,
.datetimepicker .time .minutes {border: 1px solid #ccc; background: #fff; width: 50px; font-size: 32px; position: absolute; top: 10px; text-align: center; padding: 2px;}
.datetimepicker .time.f12 .hour, .datetimepicker .time.f12 .separator, .datetimepicker .time.f12 .minutes {top: 5px;}
.datetimepicker .time .hour {left: 15px;}
.datetimepicker .time .separator {background: transparent; border: 0px; width: 10px; left: 76px;}
.datetimepicker .time .minutes {left: 95px;}
.datetimepicker .time .ok {
  position: absolute; top: 65px; width: 136px; left: 15px; font-size: 20px; border-radius:2px;
}
.datetimepicker .time .ok:hover {color:#000000;  background: -moz-linear-gradient(top , #E8E8E8, #A2A59C); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#E8E8E8', endColorstr='#A2A59C'); background-image: linear-gradient(to bottom,#E8E8E8,#A2A59C); background: -webkit-gradient(linear,left top,left bottom, from(#E8E8E8), to(#A2A59C)); background: -o-linear-gradient(top , #E8E8E8, #A2A59C); border-color:#999999;}
.datetimepicker .time .ok:active {color:#000000; background: -moz-linear-gradient(top , #CACCC8, #95998E); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#CACCC8', endColorstr='#95998E'); background-image: linear-gradient(to bottom,#CACCC8,#95998E); background: -webkit-gradient(linear,left top,left bottom, from(#CACCC8), to(#95998E)); background: -o-linear-gradient(top , #CACCC8, #95998E); border-color:#999999;}
.datetimepicker .time.f12 .ok {top: 70px;}
.datetimepicker  .time.f12 .ampm {top:50px; position:absolute; left:73px; font-size:14px;}

/* days-grid
********************************************************/
.datetimepicker .days .day {
    float: left;
    text-align: center;
    overflow: hidden;
    width: 29px;
    line-height: 15px;
    margin: 0 1px 1px 0;
}
.datetimepicker .days .today {background: #c9dbef; border-radius: 1px;}
.datetimepicker .days .titles {
    height: 20px;
    border-bottom: 1px solid #e0e0e0;
    margin-bottom: 4px;
    margin-top: 6px;
    font-weight: 600;
}
.datetimepicker .days .week5 .day {margin-bottom: 0;}

/* days-colors
********************************************************/
.datetimepicker .days .week .day {cursor: pointer;}
.datetimepicker .days .week .day:hover {background: #CCC;border-radius: 1px;color:#000;}
.datetimepicker .days .otherMonth {color: #aaa;}
.datetimepicker .days .week .otherMonth:hover {background: #EEE;border-radius: 1px;color: #AAA;}
.datetimepicker .days .selected {background: #498CE2;border-radius: 1px;color:#fff;}

/* months-grid
********************************************************/
.datetimepicker .months .month {
    float: left;
    cursor: pointer;
    text-align: center;
    padding: 8px 0;
    width: 66px;
    line-height: 15px;
    overflow: hidden;
    margin: 0 1px 1px 0;
}
.datetimepicker .months .today {background: #c9dbef;border-radius: 1px;}
.datetimepicker .months .month3, .datetimepicker .months .month6, 
.datetimepicker .months .month9, .datetimepicker .months .month12 { margin-right: 0;}
.datetimepicker .months .month10, .datetimepicker .months .month11, .datetimepicker .months .month12 { margin-bottom: 0; }

/* months-colors
********************************************************/
.datetimepicker .months .month:hover {background: #CCC;border-radius: 1px;color:#000;}
.datetimepicker .months .selected {background: #498CE2;border-radius: 1px;color:#fff;}

/* years-grid
********************************************************/
.datetimepicker .years .year {
    float: left;
    cursor: pointer;
    text-align: center;
    padding: 8px 0px;
    width: 40px;
    line-height: 15px;
    overflow: hidden;
    margin: 0 1px 1px 0;
}
.datetimepicker .years .today {background: #c9dbef;border-radius: 1px;}
.datetimepicker .years .year4, .datetimepicker .years .year9,
.datetimepicker .years .year14, .datetimepicker .years .year19 {margin-right: 0;}
.datetimepicker .years .year15, .datetimepicker .years .year16, .datetimepicker .years .year17,
.datetimepicker .years .year18, .datetimepicker .years .year19 {margin-bottom: 0;}

/* years-colors
********************************************************/
.datetimepicker .years .year:hover {background: #CCC; border-radius: 1px; color:#000;}
.datetimepicker .years .selected {background: #498CE2; border-radius: 1px; color:#fff;}

/* global
********************************************************/
.datetimepicker .unavailable {background: none !important; color: #fbb !important; cursor: default !important;}


/*******************************************************
Themes
********************************************************/
/* yellow theme */
.datetimepicker-yellow {border:1px solid #f7b900;}
.datetimepicker-yellow .days .titles{border-bottom: 1px solid #f7b900;}
.datetimepicker-yellow .header .previous:hover {border-color: transparent #f7b900 transparent transparent;}
.datetimepicker-yellow .header .next:hover {border-color: transparent transparent transparent #f7b900;}
.datetimepicker-yellow .days .today {background: #F7F4A3;}
.datetimepicker-yellow .days .selected {background: #f7b900;}
.datetimepicker-yellow .months .today {background: #F7F4A3;}
.datetimepicker-yellow .months .selected {background: #f7b900;}
.datetimepicker-yellow .years .today {background: #F7F4A3;}
.datetimepicker-yellow .years .selected {background: #f7b900;}
.datetimepicker-yellow .time .ok {border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; -o-border-radius:2px; color:#222;background: -moz-linear-gradient(bottom, #DDB000, #FFD11C); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFD11C', endColorstr='#DDB000'); background-image: linear-gradient(to bottom,#FFD11C,#DDB000); background: -webkit-gradient(linear,left bottom,left top, from(#DDB000), to(#FFD11C)); background: -o-linear-gradient(bottom, #DDB000, #FFD11C); border:1px solid #DDB000;}
.datetimepicker-yellow .time .ok:hover { color:#222;background: -moz-linear-gradient(bottom, #FDCA00, #FFDC4F); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFDC4F', endColorstr='#FDCA00'); background-image: linear-gradient(to bottom,#FFDC4F,#FDCA00); background: -webkit-gradient(linear,left bottom,left top, from(#FDCA00), to(#FFDC4F)); background: -o-linear-gradient(bottom, #FDCA00, #FFDC4F); border-color:#DDB000;}
.datetimepicker-yellow .time .ok:active{ color:#222;background: -moz-linear-gradient(bottom, #FDCA00, #FFD11C); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFD11C', endColorstr='#FDCA00'); background-image: linear-gradient(to bottom,#FFD11C,#FDCA00); background: -webkit-gradient(linear,left bottom,left top, from(#FDCA00), to(#FFD11C)); background: -o-linear-gradient(bottom, #FDCA00, #FFD11C); border-color:#DDB000;}


/* green theme */
.datetimepicker-green {border:1px solid #279C27;}
.datetimepicker-green .days .titles{border-bottom: 1px solid #279C27;}
.datetimepicker-green .header .previous:hover {border-color: transparent #279C27 transparent transparent;}
.datetimepicker-green .header .next:hover {border-color: transparent transparent transparent #279C27;}
.datetimepicker-green  .days .today {background: #BBED9A;}
.datetimepicker-green .days .selected {background: #279C27;}
.datetimepicker-green  .months .today {background: #BBED9A;}
.datetimepicker-green .months .selected {background: #279C27;}
.datetimepicker-green  .years .today {background: #BBED9A;}
.datetimepicker-green .years .selected {background: #279C27;}
.datetimepicker-green .time .ok {border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; -o-border-radius:2px; color:#ffffff; background: -moz-linear-gradient(bottom, #006600, #009933); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#009933', endColorstr='#006600'); background-image: linear-gradient(to bottom,#009933,#006600); background: -webkit-gradient(linear,left bottom,left top, from(#006600), to(#009933)); background: -o-linear-gradient(bottom, #006600, #009933); border:1px solid #006600; }
.datetimepicker-green .time .ok:hover {color:#ffffff; background: -moz-linear-gradient(bottom, #009100, #00AE38); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#00AE38', endColorstr='#009100'); background-image: linear-gradient(to bottom,#00AE38,#009100); background: -webkit-gradient(linear,left bottom,left top, from(#009100), to(#00AE38)); background: -o-linear-gradient(bottom, #009100, #00AE38);border-color:#006600;}
.datetimepicker-green .time .ok:active {color:#ffffff; background: -moz-linear-gradient(bottom, #009100, #009933); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#009933', endColorstr='#009100'); background-image: linear-gradient(to bottom,#009933,#009100); background: -webkit-gradient(linear,left bottom,left top, from(#009100), to(#009933)); background: -o-linear-gradient(bottom, #009100, #009933);border-color:#006600;}

/* blue theme */
.datetimepicker-blue {border:1px solid #1F6DA8;}
.datetimepicker-blue .days .titles{border-bottom: 1px solid #1F6DA8;}
.datetimepicker-blue .header .previous:hover {border-color: transparent #1F6DA8 transparent transparent;}
.datetimepicker-blue .header .next:hover {border-color: transparent transparent transparent #1F6DA8;}
.datetimepicker-blue .days .today {background: #c9dbef;}
.datetimepicker-blue .days .selected {background: #1F6DA8;}
.datetimepicker-blue .months .today {background: #c9dbef;}
.datetimepicker-blue .months .selected {background: #1F6DA8;}
.datetimepicker-blue .years .today {background: #c9dbef;}
.datetimepicker-blue .years .selected {background: #1F6DA8;}
.datetimepicker-blue .time .ok {border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; -o-border-radius:2px; color:#ffffff; background: -moz-linear-gradient(bottom, #005577, #007EAE); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#007EAE', endColorstr='#005577'); background-image: linear-gradient(to bottom,#007EAE,#005577); background: -webkit-gradient(linear,left bottom,left top, from(#005577), to(#007EAE)); background: -o-linear-gradient(bottom, #005577, #007EAE); border:1px solid #005577;}
.datetimepicker-blue .time .ok:hover {color:#ffffff;  background: -moz-linear-gradient(bottom, #0077A4, #0094CC); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#0094CC', endColorstr='#0077A4'); background-image: linear-gradient(to bottom,#0094CC,#0077A4); background: -webkit-gradient(linear,left bottom,left top, from(#0077A4), to(#0094CC)); background: -o-linear-gradient(bottom, #0077A4, #0094CC);border-color:#005577;}
.datetimepicker-blue .time .ok:active {color:#ffffff;  background: -moz-linear-gradient(bottom, #0077A4, #007EAE); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#007EAE', endColorstr='#0077A4'); background-image: linear-gradient(to bottom,#007EAE,#0077A4); background: -webkit-gradient(linear,left bottom,left top, from(#0077A4), to(#007EAE)); background: -o-linear-gradient(bottom, #005577, #007EAE);border-color:#005577;}

/* red theme */
.datetimepicker-red {border:1px solid #E02A2A;}
.datetimepicker-red .days .titles{border-bottom: 1px solid #E02A2A;}
.datetimepicker-red .header .previous:hover {border-color: transparent #E02A2A transparent transparent;}
.datetimepicker-red .header .next:hover {border-color: transparent transparent transparent #E02A2A;}
.datetimepicker-red .days .today {background: #FCBDBD;}
.datetimepicker-red .days .selected {background: #E02A2A;}
.datetimepicker-red .months .today {background: #FCBDBD;}
.datetimepicker-red .months .selected {background: #E02A2A;}
.datetimepicker-red .years .today {background: #FCBDBD;}
.datetimepicker-red .years .selected {background: #E02A2A;}
.datetimepicker-red .time .ok {border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; -o-border-radius:2px; color:#ffffff;  background: -moz-linear-gradient(bottom, #990000, #C40000); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#C40000', endColorstr='#990000'); background-image: linear-gradient(to bottom,#C40000,#990000); background: -webkit-gradient(linear,left bottom,left top, from(#990000), to(#C40000)); background: -o-linear-gradient(bottom, #990000, #C40000); border:1px solid #990000;}
.datetimepicker-red .time .ok:hover {color:#ffffff; background: -moz-linear-gradient(bottom, #BF0000, #D50000); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#D50000', endColorstr='#BF0000'); background-image: linear-gradient(to bottom,#D50000,#BF0000); background: -webkit-gradient(linear,left bottom,left top, from(#BF0000), to(#D50000)); background: -o-linear-gradient(bottom, #BF0000, #D50000);border-color:#990000;}
.datetimepicker-red .time .ok:active {color:#ffffff; background: -moz-linear-gradient(bottom, #BF0000, #C40000); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#C40000', endColorstr='#BF0000'); background-image: linear-gradient(to bottom,#C40000,#BF0000); background: -webkit-gradient(linear,left bottom,left top, from(#BF0000), to(#C40000)); background: -o-linear-gradient(bottom, #BF0000, #C40000);border-color:#990000;}

/* orange theme */
.datetimepicker-orange {border:1px solid #F77701;}
.datetimepicker-orange .days .titles{border-bottom: 1px solid #F77701;}
.datetimepicker-orange .header .previous:hover {border-color: transparent #F77701 transparent transparent;}
.datetimepicker-orange .header .next:hover {border-color: transparent transparent transparent #F77701;}
.datetimepicker-orange .days .today {background: #fcb16f;}
.datetimepicker-orange .days .selected {background: #F77701;}
.datetimepicker-orange .months .today {background: #fcb16f;}
.datetimepicker-orange .months .selected {background: #F77701;}
.datetimepicker-orange .years .today {background: #fcb16f;}
.datetimepicker-orange .years .selected {background: #F77701;}
.datetimepicker-orange .time .ok {border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; -o-border-radius:2px; color:#ffffff;  background: -moz-linear-gradient(bottom, #D65203, #FF8000); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FF8000', endColorstr='#D65203'); background-image: linear-gradient(to bottom,#FF8000,#D65203); background: -webkit-gradient(linear,left bottom,left top, from(#D65203), to(#FF8000)); background: -o-linear-gradient(bottom, #D65203, #FF8000); border:1px solid #D65203;}
.datetimepicker-orange .time .ok:hover {color:#ffffff;  background: -moz-linear-gradient(bottom, #FC6A12, #FF972F); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FF972F', endColorstr='#FC6A12'); background-image: linear-gradient(to bottom,#FF972F,#FC6A12); background: -webkit-gradient(linear,left bottom,left top, from(#FC6A12), to(#FF972F)); background: -o-linear-gradient(bottom, #FC6A12, #FF972F); border-color:#D65203;}
.datetimepicker-orange .time .ok:active{color:#ffffff;  background: -moz-linear-gradient(bottom, #FC6A12, #FF8000); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FF8000', endColorstr='#FC6A12'); background-image: linear-gradient(to bottom,#FF8000,#FC6A12); background: -webkit-gradient(linear,left bottom,left top, from(#FC6A12), to(#FF8000)); background: -o-linear-gradient(bottom, #FC6A12, #FF8000); border-color:#D65203;}

/* purple theme */
.datetimepicker-purple {border:1px solid #621779;}
.datetimepicker-purple .days .titles{border-bottom: 1px solid #621779;}
.datetimepicker-purple .header .previous:hover {border-color: transparent #621779 transparent transparent;}
.datetimepicker-purple .header .next:hover {border-color: transparent transparent transparent #621779;}
.datetimepicker-purple .days .today {background: #E3C2EC;}
.datetimepicker-purple .days .selected {background: #621779;}
.datetimepicker-purple .months .today {background: #E3C2EC;}
.datetimepicker-purple .months .selected {background: #621779;}
.datetimepicker-purple .years .today {background: #E3C2EC;}
.datetimepicker-purple .years .selected {background: #621779;}
.datetimepicker-purple .time .ok {border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; -o-border-radius:2px; color:#ffffff;  background: -moz-linear-gradient(bottom, #590059, #6F37A6); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#6F37A6', endColorstr='#590059'); background-image: linear-gradient(to bottom,#6F37A6,#590059); background: -webkit-gradient(linear,left bottom,left top, from(#590059), to(#6F37A6)); background: -o-linear-gradient(bottom, #590059, #6F37A6); border:1px solid #590059;}
.datetimepicker-purple .time .ok:hover {color:#ffffff;  background: -moz-linear-gradient(bottom, #6A048C, #8345C0); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#8345C0', endColorstr='#6A048C'); background-image: linear-gradient(to bottom,#8345C0,#6A048C); background: -webkit-gradient(linear,left bottom,left top, from(#6A048C), to(#8345C0)); background: -o-linear-gradient(bottom, #6A048C, #8345C0); border-color:#590059;}
.datetimepicker-purple .time .ok:active {color:#ffffff;  background: -moz-linear-gradient(bottom, #6A048C, #6F37A6); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#6F37A6', endColorstr='#6A048C'); background-image: linear-gradient(to bottom,#6F37A6,#6A048C); background: -webkit-gradient(linear,left bottom,left top, from(#6A048C), to(#6F37A6)); background: -o-linear-gradient(bottom, #6A048C, #6F37A6); border-color:#590059;}

.popup-window .ui-selectmenu-button.ui-button {
    max-width: none;
    width: 100%;
    padding: 16px;
}

.grid__item--online{
  display: none;
}
.grid__item--online--shown{
  display: block;
}

.popup-window__content--online .grid__item--online{
  display: block;
}
.online{
  display: none;
}
.popup-window__content--online .online{
  display: inline-block;
}
.popup-window__content--online .no-online{
  display: none;
}
.w100{
  width: 100%;
}


@media screen and (min-width: 777px){
  .buffer-hp{
    margin-top: -25px;
  }
}


#slider-cars-mobile .slick-dots{
  position: relative;
  bottom: 17px;
  left: calc(50% + 10px);
}
#slider-cars-mobile .slick-dots button{
  display: block;
}
#slider-cars-mobile .slick-dots li:after {
  left: 5px;
  right: 5px;
  background-color: #000;
}
#slider-cars-mobile .slick-dots li button { 
  font-size: 0; 
} 
#slider-cars-mobile .slick-dots li.slick-active:after {
  background-color: #CCCCCC !important;
}
@media screen and (min-width: 777px){
  .slider-cars-hp-mobile{
    display: none;
  }
}
@media (max-width: 771px){
  .heading-section-mobile {
    text-transform: uppercase;
  }
  .post-dealer__title {
    text-transform: uppercase;
    letter-spacing: 1.5px;
    margin-bottom: 10px;
    font-size: 20px;
}
}
.homepage-dealers .post-dealer{
  background-color: #fff;
}
.homepage-dealers .post-dealer_text {
    padding: 0;
}
.homepage-dealers .post-dealer__img {
    margin-bottom: 15px;
}
.homepage-dealers .grid--big>.grid__item {
    padding-left: 20px;
}