/* ==========================================================
! CUSTOMIZE conent area min hight - OVERIDE style.css line 376
========================================================== */
.content-area {
  padding-right: 0 !important;
  min-height: 500px;
}

body.modal-open {
  overflow:inherit;
  padding-right:inherit !important;
}

.vs-item-title {
  background-color: #302D2D;
  padding: 10px;
  color: #fff !important;
  font-size: 14px !important;
}


.vs-item-subtitle {
  background-color: #2A613E;
  padding: 4px;
  color: white;
  font-size: 12px;
}

.vs-label {
  font-weight: bold;
}

.vs-value {
  color: rgba(0,0,0,0.6);
}

.vs-item-descr {
  padding: 10px;
}

.vs-producer-logo {
  text-align: center;
  margin-top: 20px;
  margin-bottom: 20px;
}

#page-heading {
  background-color:#bfbfc8;
  background:url("../assets/images/progress-background.jpg") center center no-repeat transparent;
  height:95px
}

/*  */
#gallery-wrapper #gallery-pager .bx-pager-item {
  padding: 3px 3px;
}

/* Fix Video view responsive */
.vid {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}

.vid iframe,
.vid object,
.vid embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/* Fixing backgoundcolor */

.btn-primary {
  background-color: #22774a;
}

body a {
  color: #22774a;
}

.block.row-block .row-item .inner .price {
  color: #22774a;
}

.features-block .feature .feature-icon {
  background-color: #22774a;
}

.faq-page .faq-item .question-mark {
  color: #22774a;
}

#header .header-inner .navigation>li:hover>a{
  background-color:green;
}

.make-menu {
  padding: 10px;
  border: 1px solid #666666;
  position: absolute;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: 5px 5px 5px #3a3a3a;
  -webkit-box-shadow: 5px 5px 5px #3a3a3a;
  box-shadow: 5px 5px 5px #3a3a3a;
  width: 100px;
  z-index: 1000;
  background-color: #ffffff;
  margin-left: 70px;
  margin-top: -60px;
  display: none;
}

/* Fixing backgoundcolor and other stuff for buttons makes and modeles popovers in front page */
.vs-btn-makes-front {
  background-color: #ffffff;
  color: black;
  font-size: 11px;
  text-align: center;
  font-weight: 500;
  padding: 1px;
}

.vs-btn-makes-front:hover {
  background-color: #F5A201;
}

.popover{
    width:170px;
}

/* ==========================================================
! CUSTOMIZE COLOR CHECKBOX ON REQUESTS FORMS
========================================================== */

.vs-checkbox-color {
  background-color: #F5F5F5;
}

/* ==========================================================
! CUSTOMIZE SIDR PANEL
========================================================== */

.sidr {
  width: 340px;
}

.sidr ul li a {
  padding: 0;
}

#pageslide-content-container li {
    padding: 0;
}

#pageslide-content-container li img {
  width:80px;
  height: 60px;
    float: left;
    margin: 0 15px 0 0;
}

#pageslide-content-container li.wishlistdatacontainer {
  line-height: normal;
  font-size: 12px;
  font-weight: bold;
  color: #333333;
}

a.wishlist_item_delete {
  position: absolute;
  z-index: 100;
  top: 0;
  right: 0;
}

.sidr ul li:hover,.sidr ul li.active,.sidr ul li.sidr-class-active
{
  border-top:1px solid red;
  line-height:normal;
}

.sidr ul li:hover>a,.sidr ul li:hover>span,.sidr ul li.active>a,.sidr ul li.active>span,.sidr ul li.sidr-class-active>a,.sidr ul li.sidr-class-active>span,.sidr ul li ul li:hover>a,.sidr ul li ul li:hover>span,.sidr ul li ul li.active>a,.sidr ul li ul li.active>span,.sidr ul li ul li.sidr-class-active>a,.sidr ul li ul li.sidr-class-active>span
{
  -webkit-box-shadow:none;
  -moz-box-shadow:none;
  box-shadow:none;
}

/* garage */
#garage_section {
  position: fixed;
  bottom: 60px;
  right: 0;
  z-index: 4000;
  cursor: pointer;
}

#garage_slider {
  box-shadow: #666 -2px 2px 2px;
  background: #D00000;
  text-align: center;
  border-radius: 5px 0 0 5px;
  padding-right: 6px;
  padding-left: 5px;
  padding-top: 2px;
  padding-bottom: 2px;
}

#pageslide-launcher {
  color: white;
  font-size: 15px;
  font-weight: bolder;
  text-decoration: none;
}

/* chosen multi select */
.chosen-container-multi {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  background-image: none;
  background-color: #f8f8f8;
  border: 1px solid #d6d6d6;
  border-radius: 0px;
  height: auto !important;
  padding: 9px 9px;
}

.chosen-container-multi .chosen-choices {
  border: 0;
}

/* compare items header style and stuff*/

.vs-compare-header {
  background-color: #22774a;
  color: #FFF;
  padding: 1px;
}

.attribute-label{
  font-weight: 800;
}

#grid-carousel-pager-faq
{position:absolute;bottom:-35px;right:15px}

#grid-carousel-pager-faq>div{display:inline-block}

#grid-carousel-pager-faq>div a{-webkit-transition:background-color 0.2s linear;-moz-transition:background-color 0.2s linear;-o-transition:background-color 0.2s linear;transition:background-color 0.2s linear;display:block;height:30px;width:30px}

#grid-carousel-pager-faq .next{background-color:#00658b}

#grid-carousel-pager-faq .next a{background:url("../../assets/assets/img/arrow-right.png") no-repeat center}

#grid-carousel-pager-faq .next a:hover{background-color:#004058}

#grid-carousel-pager-faq .prev{background-color:#00658b;margin-right:-4px}#grid-carousel-pager-faq .prev a{background:url("../../assets/assets/img/arrow-left.png") no-repeat center}

#grid-carousel-pager-faq .prev a:hover{background-color:#004058}

#grid-carousel-pager-faq-more
{position:absolute;bottom:0;right:15px;}

#grid-carousel-pager-faq-more>div{display:inline-block}

#grid-carousel-pager-faq-more>div a{-webkit-transition:background-color 0.2s linear;-moz-transition:background-color 0.2s linear;-o-transition:background-color 0.2s linear;transition:background-color 0.2s linear;display:block;}

.labelredstar:after
{
  content: " *";
  font-weight: bold;
  color: red;
}

 #panel {
        position: relative;
        top: -20px;
        left: 50%;
        margin-left: -180px;
        z-index: 5;
        background-color: #fff;
        padding: 5px;
        border: 1px solid #999;
      }

ul.appliances li span.dot {
    background-color: #A70303;
    border-radius: 50%;
    display: block;
    float: left;
    width: 8px;
    height: 6px;
    margin: 10px 14px 0px 0px;
}


/* ==========================================================
! CUSTOMIZE margin-top - OVERIDE theme.css line 197
========================================================== */
.vs-margin-top-none {
   margin-top: 0 !important;
}

/* ==========================================================
! CUSTOMIZE dropdown menu on carousel. overflow visible dont work...
========================================================== */
.vs-carousel-height .dropdown-menu.inner.selectpicker {
  max-height: 270px !important;
}


.vs-margin-top-20 {
  margin-top: 20px;
}

/* ==========================================================
! CUSTOMIZE car types corousel text below image and some other stuff
========================================================== */
.carousel-content {

  z-index: 20;
  color: black;
  text-shadow: 0 1px 2px rgba(0,0,0,.6);
}

.partners-carousel .owl-carousel div a {
  padding: 0 !important;
  border: solid 3px #2e6da4;
}

.partners-carousel .owl-theme .owl-controls .owl-nav [class*="owl-"] {
    background-color: #2e6da4;
}

.vs-contact-header {
  text-transform:uppercase !important;
  background-color: #EFEFEF;
  padding: 5px;
}


/* ==========================================================
! CUSTOMIZE home page big image
========================================================== */
.vsver1:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
}

.vs-button {
  color:#fff;
  padding:10px;
  letter-spacing:1px;
  font-weight:bold;
  vertical-align:middle;
  text-shadow: 3px 4px 6px rgba(0,0,0,.37);
  font-size: 18px;
}

/* ==========================================================
! CUSTOMIZE nav bar font size - default 11px. too small
========================================================== */
.main-navigation ul a {
  font-size: 15px;
  padding: 25px 12px 25px;
  color: #ffffff;
  text-transform:capitalize;
  font-family: "Segoe UI",Tahoma,Helvetica !important;
  font-weight: 700;
}

.main-navigation ul a:hover {
  color: #ffcc33 !important;
}

/* ==========================================================
! CUSTOMIZE all page headers font size
========================================================== */
.page-section.breadcrumbs .page-header h1 {
  font-size: 26px;
}



/* ==========================================================
! CUSTOMIZE plus collapse button on results
========================================================== */

.wp-automobile .auto-listing .auto-text .btn-list .vs-btn-collapse {
  top: -63px;
}


.wp-automobile .cs-listing-filters .cs-search .search-form .select-input .chosen-container-single .chosen-single {
  text-transform: capitalize;
}

/* ==========================================================
! CUSTOMIZE SINGLE PAGE - ITEM
========================================================== */
.single-page .cs-auto-accessories .cs-listing-icon ul li {
  font-size: 14px;
}

.single-page .auto-specifications .specifications-info ul li {
  font-size: 14px;
}


.wp-automobile .cs-auto-listing.cs-auto-box ul.cs-auto-box-slider .vsnew:after {
  background: rgba(0, 0, 0, 0.75) none repeat scroll 0 0;
  color: #fff;content: "ΚΑΙΝΟΥΡΓΙΟ";font-weight: bold;
  left: 26px;padding: 0px 8px;
  position: absolute;
  top: 10px;
  font-size: 10px;
  z-index:999;}

  .wp-automobile .cs-field-holder .cs-field input[type=text], .wp-automobile .cs-field-holder .cs-field input[type="datetime"] , .wp-automobile .cs-field-holder .cs-field input[type="email"] {
    color: #000;
    font-size: 15px;
  }

  .cs-contact-form .cs-form-holder .input-holder input,.cs-form-holder .input-holder textarea {
    color: #000;
    font-size: 15px;
  }

  /* change styles an images on result toggle button in per car line*/
  .wp-automobile .auto-listing .auto-text .btn-list .btn.collapsed.vs-btn-collapse:after {
    content: "\e937";
    border-style: solid;
    border-width: 1px;
  }

  .wp-automobile .auto-listing .auto-text .btn-list .btn.vs-btn-collapse:after {
    content: "\e93e";
    border-style: solid;
    border-width: 1px;
  }

  /* change color on compos in home page*/
  .wp-automobile .main-search .chosen-container-single .chosen-single span {
    color: #000000 !important;
  }

  .vs-chosen {
    color: #000000 !important;
  }

  .wp-automobile .cs-listing-filters .cs-search .search-form .select-input:before {
    content: none;
}

  /* change footer go to top....made it larger*/
  footer#footer .cs-copyright .btn-to-top {
    width: 40px;
    height: 38px;
    font-size: 37px;
  }


#header{background: #000000 !important;}

#img_container {
    position:relative;
    display:inline-block;
    text-align:center;
    border:1px solid red;
}

.single-page .vs-item-main-info ul li {
  text-align: left;
}

.btn-more.vs-round-button {
  border-color: #000000 !important;
}
.vs-round-button {
  color: #fff !important;
  background: #29397E;
}

.vs-round-button-offer {
  color: #000 !important;
  background: #ffcc33;
  border-color: #ffcc33 !important;
}

.vs-round-button-offer-2 {
  color: #ffcd00 !important;
  background: #000000;
  border-color: #000000 !important;
}

.vs-blog-cs-color {
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: red;
}

.cs-column-text ul.vs-cs-icon-list li{display:inline-block;margin:0 -4px 0 0;font-size:14px;padding:0 15px 0 30px; text-transform:capitalize; font-weight:700;position:relative;}


#mask {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 9000;
  background-color: #000;
  display: none;
}

#boxes .window {
  position: absolute;
  left: 0;
  top: 0;
  width: 440px;
  height: 200px;
  display: none;
  z-index: 9999;
  padding: 20px;
  border-radius: 15px;
  text-align: center;
}

#boxes #dialog {
  width: 460px;
  height: 670px;
  padding: 10px;
  background-color: #ffffff;
  font-family: 'Segoe UI Light', sans-serif;
  font-size: 15pt;
}

#popupfoot {
  font-size: 16pt;
  position: absolute;
  bottom: 11px;
  /*width: 250px;
  left: 250px;*/
}

.blink {
  animation: blink-animation 1s steps(5, start) infinite;
  -webkit-animation: blink-animation 1s steps(5, start) infinite;
}
@keyframes blink-animation {
  to {
    visibility: hidden;
  }
}
@-webkit-keyframes blink-animation {
  to {
    visibility: hidden;
  }
}

.panel-group.box .panel-title a.collapsed {
    background-color: #d00000;
}

.panel-group.box .panel-title a.collapsed {
    color: #fff !important;
}

.panel-group.box .panel-title a.collapsed:before {
    color: #ffffff !important;
}

.panel-group.box .panel-title a:before, .panel-group.box .panel-title a.collapsed:before {
    font-size: 26px;
}


ul.cs-partners-slider2{ margin:0; padding:0; overflow:hidden; cursor:move;}
ul.cs-partners-slider2 li{ list-style:none; padding:0; margin:0 40px; float:left;}
ul.cs-partners-slider2 li a{ display:block;cursor:move;}

.vs-model-text {
  text-align: center;
  font-weight: bold;
}

.vs-black {
    color: #000000 !important;
  }

.vs-text-transform-1 {
    text-transform: capitalize !important;
    font-weight: 500 !important;
  }

.cs-column-text p {
  font-size: 16px;
}

.section-separator {
    border-top: 3px solid #fc3;
    width: 35%;
    display: block;
    height: 1px;
    margin: 35px auto 40px;
}

.widget:before {
    position: absolute;
    content: '';
    bottom: 0;
    left: -25px;
    display: block;
    border-bottom: 1px solid #efefef;
    width: 1500px;
    height: 0;
    visibility: hidden;
}

.cs-footer-widgets .widget-our-partners ul li a::before {
  color: #ffcc33 !important;
}