/*
BOOTSTRAP OVERRIDE CSS FROM INTERNETi
*/

/* MULTI MENU GENERAL */
.navbar-nav:not(.sm-collapsible) ul .caret {
  position: absolute;
  right: 0;
  margin-top: 6px; 
  margin-right: 15px;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 4px dashed;
}
.navbar-nav:not(.sm-collapsible) ul a.has-submenu {
  padding-right: 30px;
}
/* make sub menu arrows look like +/- buttons in collapsible mode */
.navbar-nav.sm-collapsible .caret, .navbar-nav.sm-collapsible ul .caret {
  position: absolute;
  right: 0;
  margin: -23px 15px 0 0;
  padding: 0;
  width: 32px;
  height: 26px;
  line-height: 22px;
  text-align: center;
  border-width: 1px;
  border-style: solid;
}
.navbar-nav.sm-collapsible .caret:before {
  content: '+';
  font-family: monospace;
  font-weight: bold; color:#111;
}
.navbar-nav.sm-collapsible .open > a > .caret:before {
  content: '-';
}
.navbar-nav.sm-collapsible a.has-submenu {
  padding-right: 50px;
}
/* revert to Bootstrap's default carets in collapsible mode when the "data-sm-skip-collapsible-behavior" attribute is set to the ul.navbar-nav */
.navbar-nav.sm-collapsible[data-sm-skip-collapsible-behavior] .caret, .navbar-nav.sm-collapsible[data-sm-skip-collapsible-behavior] ul .caret {
  position: static;
  margin: 0 0 0 2px;
  padding: 0;
  width: 0;
  height: 0;
  border-top: 4px dashed;
  border-right: 4px solid transparent;
  border-bottom: 0;
  border-left: 4px solid transparent;
}
.navbar-nav.sm-collapsible[data-sm-skip-collapsible-behavior] .caret:before {
  content: '' !important;
}
.navbar-nav.sm-collapsible[data-sm-skip-collapsible-behavior] a.has-submenu {
  padding-right: 15px;
}
/* scrolling arrows for tall menus */
.navbar-nav span.scroll-up, .navbar-nav span.scroll-down {
  position: absolute;
  display: none;
  visibility: hidden;
  height: 20px;
  overflow: hidden;
  text-align: center;
}
.navbar-nav span.scroll-up-arrow, .navbar-nav span.scroll-down-arrow {
  position: absolute;
  top: -2px;
  left: 50%;
  margin-left: -8px;
  width: 0;
  height: 0;
  overflow: hidden;
  border-top: 7px dashed transparent;
  border-right: 7px dashed transparent;
  border-bottom: 7px solid;
  border-left: 7px dashed transparent;
}
.navbar-nav span.scroll-down-arrow {
  top: 6px;
  border-top: 7px solid;
  border-right: 7px dashed transparent;
  border-bottom: 7px dashed transparent;
  border-left: 7px dashed transparent;
}
/* add more indentation for 2+ level sub in collapsible mode - Bootstrap normally supports just 1 level sub menus */
.navbar-nav.sm-collapsible ul .dropdown-menu > li > a,
.navbar-nav.sm-collapsible ul .dropdown-menu .dropdown-header {
  padding-left: 35px;
}
.navbar-nav.sm-collapsible ul ul .dropdown-menu > li > a,
.navbar-nav.sm-collapsible ul ul .dropdown-menu .dropdown-header {
  padding-left: 45px;
}
.navbar-nav.sm-collapsible ul ul ul .dropdown-menu > li > a,
.navbar-nav.sm-collapsible ul ul ul .dropdown-menu .dropdown-header {
  padding-left: 55px;
}
.navbar-nav.sm-collapsible ul ul ul ul .dropdown-menu > li > a,
.navbar-nav.sm-collapsible ul ul ul ul .dropdown-menu .dropdown-header {
  padding-left: 65px;
}
/* fix SmartMenus sub menus auto width (subMenusMinWidth and subMenusMaxWidth options) */
.navbar-nav .dropdown-menu > li > a {
  white-space: normal;
}
.navbar-nav ul.sm-nowrap > li > a {
  white-space: nowrap;
}
.navbar-nav.sm-collapsible ul.sm-nowrap > li > a {
  white-space: normal;
}
/* fix .navbar-right subs alignment */
.navbar-right ul.dropdown-menu {
  left: 0;
  right: auto;
}
/* MULTI MENU GENERAL */

/* SLICK SLIDER */
.slick-slider
{
    position: relative;

    display: block;

    -moz-box-sizing: border-box;
         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;
}
.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 SLIDER */



/* TEMPLATE */
@import url(http://fonts.googleapis.com/css?family=Roboto:400,400italic,300,300italic,700,700italic&subset=latin,greek-ext);
html {
  position: relative;
  min-height: 100%;
}
body {background:#fff; font-family: 'Roboto', sans-serif; font-size:16px; color:#000;}
.page-top {background:#ddd; text-align: center; padding: 15px; color:#333; width: 50px; height: 50px; cursor: pointer; position:fixed; bottom:40px; right:10px; display: none; opacity: 0.7; line-height:18px;}
.page-top:after{
  content: "\f077";
  font-family:FontAwesome; font-size: 20px;
}
.page-top:hover {background:#ccc; }
h1, h2, h3 {font-weight:300; font-size:38px; line-height:48px; color:#2E7D32; margin:20px 0px; padding:0;}
.faq h3 {color: #333; font-size:20px; line-height:24px; margin-bottom: 10px; border-left: 10px #2E7D32 solid; padding-left: 10px;}

.minitop {padding-top:20px;}
.minitop .btn-langs {margin:0; background: none; border: none; color: #2E7D32; font-weight: 700; font-size: 16px;  position: relative; top: -12px}
.minitop .btn-group {margin:0; padding:0; height: 15px;}
.minitop .dropdown-menu {min-width: 32px; background:#2E7D32; color: #fff; border: none; border-radius: 0; }
.minitop .dropdown-menu li a{color: #fff;} .minitop .dropdown-menu li a:hover{color: #222;}
.minitop .fa { font-size: 14px; color: #222; } .minitop .fa:hover{color: #2E7D32;}
.minitop a {color: #222; text-decoration: none;} .minitop a:hover{color: #2E7D32;}
.minitop .fa-facebook-square {font-size: 20px; margin-left: 10px;}

.top {padding-top: 20px; padding-bottom: 20px;}
.top .col-md-3 img {width: 100%; max-width: 200px; height: auto; margin:0 auto;}

.navbar-default {background:none; border: none; font-size: 16px; font-weight: 600; float: left; padding: 0; margin:0;}
.navbar-brand {float: right; color: #fff!important;}
.navbar-default .navbar-toggle {background: #fff!important;}
.icon-bar { background: #2E7D32!important;}

.parallax { width:100%; height: 400px;  background: transparent; }

.search-reservation { 
  width:80%; max-width: 1200px;
  z-index:600; top: 70px;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.booking-form {background-color: rgba(0,0,0,0.8); min-height: 200px; width: 100%; padding-top:20px; padding-bottom: 10px; color: #fff; font-size:16px; font-weight: 400; } 
.booking-form label { font-weight: 600; font-size: 20px;} 
.booking-form .checkbox-inline {
    transform: scale(1.5);
    position: relative;
    left: 5px;
    top: -3px;
}
.form-control, .select, button {border-radius: 0; outline: none; border: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important;}
.date .input-group-addon{cursor: pointer!important; background: #fff!important;}
.date input {cursor: pointer!important; padding-left:0px;}
.booking-form .input-group-addon {border-radius: 0!important;}
.select-time {width: 60px!important; padding-left: 10px; padding-right: 10px; display: inline-block;}
.btn-book {font-size:16px; background: #2E7D32; color: #fff; border-radius: 0; padding: 10px 20px; font-weight: 700;}
.btn-book:hover{background: #222; color: #fff;}
.btn-danger.btn-book {background: #990000;} .btn-danger.btn-book:hover{background: #222;}

.btn-book2 {background: #FF5900!important;}
.btn-book2:hover{background: #2E7D32!important; color: #fff;}

.main-body {padding-top: 20px; padding-bottom: 20px; font-weight: 400;} .main-body a{text-decoration: underline; color: #000;} .main-body a:hover{text-decoration: none;}

.services {padding-bottom: 20px; background: #2E7D32; font-size: 16px; color: #fff; font-weight: 400;}
.services h2 {color: #fff; margin-bottom: 10px;}
.services span {font-size: 20px; color: #fff; display: block; width: 100%; font-weight: 600;}
.services .col-sm-4 {padding-bottom: 10px; padding-top: 10px;}

.offers {background: #ddd;}
.offers h3 {color: #222; margin-bottom: 10px;}
.offer {margin: 20px 30px; height: auto; background: #fff; padding:20px 0 0 0;}
.offer img {width: 90%; max-width: 300px; height: auto; margin: 0 auto}
.offer div{font-size: 20px; line-height: 22px; }
.offer-details {background: #222; color: #fff; font-size: 14px!important; width: 100%; padding: 15px;}
.offer-details span{display: block; font-size: 20px; line-height: 24px; color:#2E7D32;}
.slick-prev, .slick-next {background: none; cursor:pointer; opacity:0.5;} .slick-prev:hover, .slick-next:hover {opacity: 0.7}
.slick-prev:after {
  content: '\f053' /*fontawesome char code inside the ''*/;
  font-family: FontAwesome; /* or whatever */
  color:#000; font-size:30px; top: 150px; left:-10px;  position: absolute;
}
.slick-next:before {
  content: '\f054' /*fontawesome char code inside the ''*/;
  font-family: FontAwesome; /* or whatever */
  color:#000; font-size:30px; top: 150px; right:-10px; position: absolute;
}

.footer {padding-top: 20px; padding-bottom: 20px; background: #222;
width: 100%;
color: #fff; font-size: 13px;
}
.footer a{ color: #fff; text-decoration: none;} .footer a:hover{color:#2E7D32}
.footer .col-md-6:first-child a{ padding-left: 5px; padding-right: 5px;}

.green {color:#2E7D32!important;} .green a{color:#2E7D32!important;} .green a:hover{color:#fff!important;}
.red {color:#990000!important;} .red a{color:#990000!important;} .red a:hover{color:#fff!important;}

.date:hover {cursor:pointer;}

.inline {display:inline!important;}

.breadcrumbs {background:#eee; margin: 0; padding-top: 0px; padding-bottom: 0px; }
.breadcrumb {background:none; border:none; border-radius: 0px; display: block;}
.breadcrumb ol, .breadcrumb ul, ol.breadcrumb, breadcrumbs ol {padding:10px 0px; margin: 0!important;}
.breadcrumb li {font-size: 14px; font-weight: 500;}
.breadcrumb a {color: #111;}
.breadcrumb a:hover { text-decoration: underline;}
.breadcrumb>.active {color: #333; font-weight: 300;}

.photo_gallery { width:100%; margin-top:20px; text-align:center} 
div.photo_gallery img{margin:10px; border:none; height:180px; width:auto;}
div.photo_gallery img:hover {opacity:0.8;}

.nound {text-decoration: none!important;}

.fleet h2 {color: #222; margin-bottom: 20px; margin-top: 30px; font-size: 26px; line-height: 30px; font-weight: 600!important;}
.model-box {text-align:center!important; font-weight: 400; min-height: 330px;} .model-box a {text-decoration:none!important}
.model-box img{width:90%; max-width: 300px; height:auto; margin:0 auto; position: relative; z-index: 1;}
.model-box a .model-title, .model-box .model-title{font-size: 20px; line-height: 22px; color:#fff; padding: 10px; width:90%; max-width: 300px; margin:0 auto; background: #222;}

.confirm-titles {font-size: 16px; line-height: 18px; color:#fff; padding: 10px 15px; background: #222;}
.top20{padding: 10px; }

.model-details {background: #ccc!important; color: #222!important; font-size: 14px!important; padding: 15px; width:90%; max-width: 300px; margin:0 auto;}
.model-details img {width: 25px!important; height: auto!important; margin-left: 10px!important; margin-right: 0px!important;}
.model-box:hover .model-title{color:#2E7D32;}
.model-box:hover img {transform: scale(0.9); transition: all .2s;}
.model-box:hover .model-details img {transform: none;}
.model-box:hover .model-details {background: #ddd!important;}
.model-box .well { padding: 10px; width:90%; max-width: 300px; margin:0 auto; border-radius: 0px 0px 3px 3px; margin-bottom: 30px; position: relative; }
.model-box .well span {font-weight: 600;}
.row .col-md-4.model-box.results {position: relative;}
.row .col-md-4.model-box.results:nth-child(3n+1) {clear: both;}
.big-price {font-size: 45px; line-height: 45px; font-weight: 600; text-shadow: 1px 2px #666;}
.discount {position: absolute; width: 80px; height: 80px; border-radius: 40px; background: #990000; color: #fff; right: 10px; top: 10px; font-size: 12px; text-align: center; padding-top: 25px;}
.discount span{display: block; width: 100%; font-size: 20px; line-height: 20px; font-weight: 600;}

.model-box.active {min-height: 100px;}
.model-box.active:hover img{transform: none;}
.model-box.active:hover .model-details {background: #ccc!important;}
.model-more-details {padding-top: 2px;} .model-more-details span {font-weight: 600;}
.model-more-details .btn-book {margin-top: 10px;}

.map {width: 100%; height: 400px; position: relative; margin-top: 0px;} .map a{color: #000; text-decoration: none;}.map a:hover{color: #74a63d!important;}
.map .fa {color: #e31b22!important;}

.stations a h2{font-size: 26px; line-height: 30px; font-weight: 600!important; color: #222;}
.stations a:hover h2 {color:#2E7D32; }
.stations .btn-book {margin-top: 10px;}

.contact-form input[type=text], .contact-form input[type=email], .contact-form textarea, .contact-form select { width:100%!important; resize:none!important; border: 1px #ccc solid!important;}

.reservations {font-size:14px; font-weight:400; line-height:15px;}
.reservations .col-sm-2, .reservations .col-sm-3 { padding-top:5px;}
.restitle {background:#222; color:#fff; min-height:40px; margin-bottom: 5px;}
.reservations .btn-voucher { margin-top:5px!important; background:#222!important;} .reservations .btn-voucher:hover {opacity:0.8!important;}
.reservations .btn-red { margin-top:5px!important; background:#FF0000!important;} .reservations .btn-red:hover {opacity:0.8!important;}
.reservations .btn {border: none; margin-top: 10px;}

@media (min-width: 768px){
  .navbar-nav{
      margin: 0 auto;
      display: table;
      table-layout: fixed;
      float:none;
  }
} 

@media screen and (max-width:1199px){ 
  /*.nav li a{padding-left:18px; padding-right:18px;}*/
  .navbar-nav > li > a {font-size: 14px; padding: 15px 7px;}
  .slick-prev:after, .slick-next:before {top: 130px;}
}

@media screen and (max-width:991px){ 
  .model-more-details {padding-top: 20px; width: 300px; margin:0 auto; display: block;}
  .footer .col-md-6 {text-align: center;}
  .footer .col-md-6:nth-child(2),  .col-md-6.stations:nth-child(2) {padding-top: 10px;}
  .slick-prev:after, .slick-next:before {top: 150px;}

  .parallax { width:100%; height: 500px;}
  .book {margin-top:20px;}
  .navbar-nav > li > a {font-size: 14px; padding: 15px 7px;}

  .top .col-md-3 {text-align: center;} .top .col-md-9 {text-align: center; padding-top: 10px;} .top {padding-bottom: 0px;}

  .navbar{ margin-top:0px;}

  .g-recaptcha {
      transform:scale(0.72);
      transform-origin:0 0;
}

}

@media screen and (max-width:767px){ 
  .confirm-details {width:90%; max-width: 300px; margin:0 auto;}
  .logo .col-sm-4, .contact .col-sm-6{ text-align:center!important;}
  .g-recaptcha {
    transform:scale(0.83);
    transform-origin:0 0;
  }

  .navbar-collapse {float:none;}
  .navbar-nav > li > a {font-size: 18px; text-align: right; color: #fff!important;}
  .navbar-nav > li > a:hover{color: #222!important;}
  .navbar-nav > li.active > a {color: #fff!important; background: none!important;}
  .navbar-nav > li.active > a:hover{color: #222!important;}
  .navbar-default, .navbar-collapse { float: none; background: #74a63d} 

  .top .col-md-9 {padding-left: 0px; padding-right: 0px;}
  
}

@media screen and (max-width:599px){

}

@media screen and (max-width:480px){
  .search-reservation { width: 100%;}
}
/* TEMPLATE */

/* Added Dec 2021 */
.align-items-center {display:flex;align-items:center;}