/* CSS Document */
/* CSS editing  George Milakis contact@milakis.gr
================================================================================
|                                     TAGS                                     |
================================================================================
*/
.fL{ float:left !important; } .fR{ float:right !important; } .fC{ margin: 0 auto !important; }
.cL{ clear:both; }
.w20{ width: 19.5% !important; } .w25{ width: 24.5% !important; } .w50{ width: 49.5% !important; } .w100{ width: 100% !important; }
.tl { text-align: left !important; } .tc { text-align: center !important; }
.ac { margin: 0 auto; }
.mr10 { margin-right: 10px; }  .dinl { display: inline; }
.p3 { padding: 3px !important; } .p5 { padding: 5px !important; } .p10 { padding: 10px !important; } .p15 { padding: 15px !important; } .p20 { padding: 20px !important; }
.h_1 { height: 1px; } .h_2 { height: 2px; } .h_5 { height: 5px; } .h_7 { height: 7px; }
.h_10 { height: 10px; } .h_15 { height: 15px; } .h_20 { height: 20px; } .h_40 { height: 40px; }
img { border: none; } .kpoint { cursor: pointer; }
.brad5 { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.shadowbox1{ -webkit-box-shadow:1px 1px 3px 0px rgba(50, 50, 50, 0.75);-moz-box-shadow:1px 1px 3px 0px rgba(50, 50, 50, 0.75);box-shadow:1px 1px 3px 0px rgba(50, 50, 50, 0.75); }
H1, H2, H3 { padding: 0px; margin: 0px; }
a { color: #D16D25; font-weight: bold; text-decoration: underline; } a:hover { color: #FFFFFF; }

html, body { margin:0; padding:0; font-family: Verdana, Geneva, sans-serif; font-size: 14px; font-weight: normal; color: #CCCCCC;
background: #1C313F;  height: 100%;  }

.head_b_l{ float: left; height: 101px; width: 14px; background-image: url(../images/head_b_l.png); background-repeat: no-repeat; }
.head_b_r{ float: right; height: 101px; width: 14px; background-image: url(../images/head_b_r.png); background-repeat: no-repeat; }
.head_c { float: left; height: 101px; width: 1000px; padding-top: 10px; }

/* =========================================================================================== */
#menu { text-align: center; z-index: 500;  }
.desktop_menu {
 padding: 5px 15px 0px 15px; background: #f26b00; display: block; text-align:  center;  width: 100%;
}

.menu{ font-size: 16px; font-family: Tahoma, Geneva, sans-serif; padding:10px 15px 15px 15px; border-bottom: solid 3px rgba(255,255,255,.1); display: inline-block; }
.menu:hover{ border-bottom: solid 3px #FFFFFF; }
#menu a{ color: #FFFFFF; font-weight:bold; letter-spacing:1px;}
#menu a:hover{ color: #FFFFFF; }

/* =========================================================================================== */
.main_c { background: #1C313F; width: 100%; border-left: solid 8px #43C13E; border-right: solid 8px #43C13E; }




#main_box { padding: 2px;}
.box_a, .box_b { padding: 20px; float: left; }



.color_1 { color: #FFFFFF; } .color_2 { color: #C4C4C4; } .color_3 { color: #D16D25; } .color_4 { color: #707070; } .color_5 { color: #918f8f; }
.bgcolor_0 { background: none; } .bgcolor_1 { background-color: #D16D25; } .bgcolor_2 { background-color: #f4f4f4; }
.bgcolor_3 {   background-color: #d0d0d0;
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#d0d0d0), to(#f4f4f4));
  background-image: -webkit-linear-gradient(top, #d0d0d0, 0%, #f4f4f4, 100%);
  background-image: -moz-linear-gradient(top, #d0d0d0 0%, #f4f4f4 100%);
  background-image: linear-gradient(to bottom, #d0d0d0 0%, #f4f4f4 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d0d0d0', endColorstr='#f4f4f4', GradientType=0);
}
.bgcolor_4 { background-color: #707070; } .bgcolor_5 { background-color: #8dc641; }  .bgcolor_6 { background-color: #E2EDF8; }
.bgcolor_7 { background-color: #43C13E; }
.bgcolor_8 { background-color: #1C313F; } .bgcolor_9 { background-color: #21394A; } .bgcolor_10 { background-color: #1C3F5A; } .bgcolor_11 { background-color: #A8906A; }

#languages { padding-right: 10px; padding-left: 10px; padding-top: 0px; line-height: 28px; color: #595959; font-weight: bold; text-align: right; font-size: 11px;  display: block;  }
#languages img { border: none; }

/* ====================================================================================================== */

.testim-a1{ background-color: #00a680; font-size: 18px; text-decoration: none; }
.testim-a2{ background-color: #ea4335; font-size: 18px; text-decoration: none; }
.testim-a1:hover, .testim-a2:hover{ text-decoration: none; }
.testim-utouch-icon{ margin-right: 14px; font-size: 26px; height: 26px; width: 26px; }
.testim-text{ overflow: hidden; }
.testim-btn--with-icon{ text-transform: none; text-align: left; fill: #fff; }
.testim-btn {
border-radius: 6px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
box-shadow: 0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08) !important;
cursor: pointer; display: inline-block; text-decoration: none; padding: 18px 50px; font-size: 14px; text-transform: uppercase;
color: #fff; fill: #fff; font-weight: 900; position: relative; transition: all .3s ease; text-align: center;  line-height: 1;
}
.testim-icon-rating {
border-radius: 6px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
box-shadow: 0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08) !important; transition: all .3s ease;
}
/* ====================================================================================================== */


.titlos_1 {
  min-height: 30px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 10px 0px 10px 0px; background-color: #1C3F5A;
  -webkit-box-shadow: 3px 3px 5px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow:    3px 3px 5px 0px rgba(50, 50, 50, 0.75);
  box-shadow:         3px 3px 5px 0px rgba(50, 50, 50, 0.75);
}
.titlos_1 H2{ font-size: 16px; font-weight: bold; text-align: center; padding: 0px; margin: 0; color: #f26b00;
 /* text-shadow: 1px 1px 5px rgba(0, 0, 0, 1);  */
}
.titlos_2 {
  min-height: 30px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 10px 0px 10px 0px; background-color: #1C3F5A;
  -webkit-box-shadow: 3px 3px 5px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow:    3px 3px 5px 0px rgba(50, 50, 50, 0.75);
  box-shadow:         3px 3px 5px 0px rgba(50, 50, 50, 0.75);
 margin: 15px 0 10px 0;
}
.titlos_2 H2{ font-size: 24px; font-weight: bold; text-align: center; padding: 0px; margin: 0; color: #f26b00; letter-spacing: 3px; }

.titlos_3 {  min-height: 20px;
-webkit-border-radius: 40px 40px 0px 0px;
-moz-border-radius: 40px 40px 0px 0px;
border-radius: 40px 40px 0px 0px;
padding: 10px 0px 10px 0px;
}
.titlos_3 H2{ font-size: 13px; font-weight: bold; text-align: center; padding: 0px; margin: 0; }
.titlos_4 {  min-height: 10px;
-webkit-border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
padding: 6px 0px 5px 10px;
}
.titlos_4 H2{ height: 34px; line-height: 34px; font-size: 18px; font-weight: bold; text-align: center; padding: 0px; margin: 0; }

.box_1 {

}
.box_2 {
  -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 10px 0px 10px 0px;
}
.box_3 {
 float: right; padding: 10px 0px 10px 0px;
}
.b_tags{
  font-size: 10px; font-family: Tahoma, Geneva, sans-serif; padding-top: 3px;
}
.b_more{
  padding: 0px; padding-right: 5px; padding-left: 5px; float: right; font-size: 12px;
}
.b_img{
  float: left; margin-right: 10px; margin-left: 5px; margin-top: 5px;
}
.home_img_box1{
  float: left; width: 151px;
}
.home_img_box2{
  float: left; width: 156px;
}
.home_img_box3{
  float: left; width: 230px; height: 160px;
}
.home_img{
 margin-right: 10px; margin-left: 5px; margin-top: 0px;
}
.home_img2{
 margin-right: 10px; margin-left: 10px; margin-top: 10px; margin-bottom: 10px;
    -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
    border: solid #EEEEEE 5px;
}
/* ====================== Car Rentals ======================== #43C13E  #1C313F #21394A; #04356C; */
.s_offer {
  background-color: #e3e8ea; padding: 3px; margin-bottom: 5px;
  -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
  -webkit-box-shadow: 1px 1px 3px 0px rgba(50, 50, 50, 0.75);
  -moz-box-shadow:    1px 1px 3px 0px rgba(50, 50, 50, 0.75);
  box-shadow:         1px 1px 3px 0px rgba(50, 50, 50, 0.75);
}
.s_offer a{ color: #A90000; text-decoration: none; font-family: Tahoma, Geneva, sans-serif; font-size: 13px; }
.s_offer a:hover{ color: #FF0000; text-decoration: underline; }

.offer_title{
  background-color: #e3e8ea; height: 34px; line-height: 34px; padding-left: 15px; font-weight: bold;
  -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
  -webkit-box-shadow: 1px 1px 3px 0px rgba(50, 50, 50, 0.75);
  -moz-box-shadow:    1px 1px 3px 0px rgba(50, 50, 50, 0.75);
  box-shadow:         1px 1px 3px 0px rgba(50, 50, 50, 0.75);
}
.offer_box{
  background-color: #EEEEEE;
  -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
  -webkit-box-shadow: 1px 1px 3px 0px rgba(50, 50, 50, 0.75);
  -moz-box-shadow:    1px 1px 3px 0px rgba(50, 50, 50, 0.75);
  box-shadow:         1px 1px 3px 0px rgba(50, 50, 50, 0.75);
}
.offer_one{
  font-size: 10px;  border-bottom: dashed 1px #D16D25;
}
.price_list{
  text-align: center; padding-top: 5px;
}


.ui-timepicker-table td a {
  width: 25px !important;
}

#booking_box2 {
  display: block; margin: 0 auto; width: 260px;
}
.bootstrap-timepicker-widget{
  z-index: 1700;
}

.booking_l { text-align: center; float: left; }
.booking_r { text-align: center; float: left; }
#s_date, #e_date { width: 110px; display: inline; }
#s_time, #e_time { width: 70px; display: inline; padding-left: 7px; padding-right: 7px; }
.bootstrap-timepicker-widget{ background-color: #FFFFFF; }
.clock-up { background: url(../images/clock_up.png); height: 14px !important; width: 40px !important; }
.clock-down { background: url(../images/clock_down.png); height: 14px !important; width: 40px !important; }

.booking-sub{
  background-color: #6d0a09;
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#ff4240), to(#6d0a09));
  background-image: -webkit-linear-gradient(top, #ff4240, 0%, #6d0a09, 100%);
  background-image: -moz-linear-gradient(top, #ff4240 0%, #6d0a09 100%);
  background-image: linear-gradient(to bottom, #ff4240 0%, #6d0a09 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0000c', endColorstr='#cc1009', GradientType=0);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 5px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 5px rgba(0, 0, 0, 0.075);
  border: none;
  padding-left: 0px; padding-right: 0px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; font-weight: bold; color: #FFFFFF;
}
.booking-sub:hover{
  background-color: #e42826;
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#ff4240), to(#e42826));
  background-image: -webkit-linear-gradient(top, #ff4240, 0%, #e42826, 100%);
  background-image: -moz-linear-gradient(top, #ff4240 0%, #e42826 100%);
  background-image: linear-gradient(to bottom, #ff4240 0%, #e42826 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0000c', endColorstr='#cc1009', GradientType=0);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 5px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 5px rgba(0, 0, 0, 0.075);
  border: none;
  padding-left: 0px; padding-right: 0px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; font-weight: bold; color: #FFFFFF;
}
.booking-sub-one{
  background-color: #6d0a09;
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#ff4240), to(#6d0a09));
  background-image: -webkit-linear-gradient(top, #ff4240, 0%, #6d0a09, 100%);
  background-image: -moz-linear-gradient(top, #ff4240 0%, #6d0a09 100%);
  background-image: linear-gradient(to bottom, #ff4240 0%, #6d0a09 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0000c', endColorstr='#cc1009', GradientType=0);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 5px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 5px rgba(0, 0, 0, 0.075);
  border: none;
  padding-left: 0px; padding-right: 0px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; font-weight: bold; color: #FFFFFF;
}
.booking-sub-one:hover{
  background-color: #e42826;
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#ff4240), to(#e42826));
  background-image: -webkit-linear-gradient(top, #ff4240, 0%, #e42826, 100%);
  background-image: -moz-linear-gradient(top, #ff4240 0%, #e42826 100%);
  background-image: linear-gradient(to bottom, #ff4240 0%, #e42826 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0000c', endColorstr='#cc1009', GradientType=0);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 5px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 5px rgba(0, 0, 0, 0.075);
  border: none;
  padding-left: 0px; padding-right: 0px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; font-weight: bold; color: #FFFFFF;
}
#dis_banner {
  width: 546px; height: 246px; background-image: url(../images/banner_bg.png); background-repeat: no-repeat; text-align: left;
}
.disc_nub {
font-family: 'Alfa Slab One'; font-size: 40px; text-align: left; color: #a90000;
}
.disc_soffer {
	color:#001b55; text-decoration:none; letter-spacing: 1px; font-weight: bold; font-size: 18px;
}


/* ============== Menu fix ======================== */
.navbar, #navbar-collapse-1 {
  background-color: #3e5395;
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#5d72b4), to(#3e5395));
  background-image: -webkit-linear-gradient(top, #5d72b4, 0%, #3e5395, 100%);
  background-image: -moz-linear-gradient(top, #5d72b4 0%, #3e5395 100%);
  background-image: linear-gradient(to bottom, #5d72b4 0%, #3e5395 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5d72b4', endColorstr='#3e5395', GradientType=0);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 5px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 5px rgba(0, 0, 0, 0.075);
  border: none;
  padding-left: 0px; padding-right: 0px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.navbar .nav-justified > .active > a {
  color: #112651; background-color: #cc1009;
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#f0000c), to(#cc1009));
  background-image: -webkit-linear-gradient(top, #f0000c, 0%, #cc1009, 100%);
  background-image: -moz-linear-gradient(top, #f0000c 0%, #cc1009 100%);
  background-image: linear-gradient(to bottom, #f0000c 0%, #cc1009 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0000c', endColorstr='#cc1009', GradientType=0);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 5px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 5px rgba(0, 0, 0, 0.075);

}
.nav-justified>li>a:focus, .navbar-brand, .nav-justified>li>a {
color: #FFFFFF;
}
.navbar-brand, .nav-justified > li > a {
  color: #FFFFFF; font-weight: bold; border-right: solid #FFFFFF 1px;
}
.navbar-toggle {
  color: #FFFFFF; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.25); margin: 0px;
}
.nav-justified>li>a:hover, .nav-justified > li > a:hover {
  color: #FFFFFF; background-color: #cc1009;
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#f0000c), to(#cc1009));
  background-image: -webkit-linear-gradient(top, #f0000c, 0%, #cc1009, 100%);
  background-image: -moz-linear-gradient(top, #f0000c 0%, #cc1009 100%);
  background-image: linear-gradient(to bottom, #f0000c 0%, #cc1009 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0000c', endColorstr='#cc1009', GradientType=0);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 5px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 5px rgba(0, 0, 0, 0.075);
}
.navbar-static-top, .navbar-fixed-top, .navbar-fixed-bottom {
  border-radius: 0;
}
.navbar, .navbar-brand{ min-height: 38px; height: 38px; margin-bottom: 0px; }
.navbar .nav-justified > li > a {  padding-top: 0px; padding-bottom: 0px; line-height: 38px; }
/* .navbar .navbar-brand { padding: 0px 12px; font-size: 15px; line-height: 38px; } */
.navbar .navbar-brand { padding:  0px 15px 0px 15px; font-size: 15px; line-height: 38px; background-color: #112651;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
}
.navbar-brand:hover, .navbar-brand:focus { }
.m_fsize {  font-size: 15px; }


#bottom_div { height: 70px; line-height: 60px; background-color: #c9c9c9; color: #595959; }

/* ================================================ */
#master {  margin: 0 auto; text-align: left;    }

#head_bot {
  -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; border-top-left-radius: 10px;
  -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; border-top-right-radius: 10px;
  background:  #FFFFFF;
  height: 28px;
}

#head_photoplay{ border: 0; z-index: -1; position: absolute; }
#head_space { width: 100%; height: 250px; }
#weather_id { height: 77px; overflow: hidden; border-left: solid #e9e9e9 25px; border-right: solid #e9e9e9 25px; margin-left: -2px; }
#master_logo img { border: 0; }
#company_id{ float: right; color: #FFFFFF;  }
#mastertitle{ float: right; }
#mastertitle h1{ font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; letter-spacing: 0px; color: #FFFFFF; text-align: center; font-style: italic; }
#mastertitle_alt{ clear: both; }
#mastertitle_alt h1{ font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; letter-spacing: 0px; color: #FFFFFF; text-align: center; font-style: italic; }

#gridDestinationLinks { padding: 0; }
.destinationLinks ul { display: inline-block; margin: 0; list-style: none; }
.destinationLinks ul li { float: left; line-height: 16px; font-family: Tahoma, Geneva, sans-serif; font-size: 11px; }

#div_testimonials{
  position: relative;
  text-align: left;
  border-radius: 5px;
  border: 1px solid #ebebeb;
  padding: 10px;
  margin: 5px 30px 5px 30px;
  font-size: 0.9em;
  height: 110px;
  font-family: arial, helvetica, verdana, sans-serif;
}
.testimonial { float: left; width: 830px; }
.testimonial p { font-style:italic; margin: 0px; padding: 0px 0px 10px 0px; color: #717171; }
.stars { margin: 5px 30px 0px 0px; float: right; height: 15px; }
.social_1{ background-image: url(../images/bg_g_plus.png); background-repeat: no-repeat; }
.social_2{ background-image: url(../images/bg_face.png); background-repeat: no-repeat; }
.avatar {
margin: 10px 30px 0px 40px;
float: left;
-webkit-border-radius: 35px;
-moz-border-radius: 35px;
border-radius: 35px;
}


.call_us_title{background:#04356C;padding:7px 10px 7px 10px;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;font-weight:bold;color:#D16D25;}
.call_us{background:#E2E3E4;padding:4px 4px 4px 4px;text-align:center;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;color:#000000; line-height: 22px; }
#bot_menu .box_a { float: left; width: 120px; text-align: center; }
#bot_menu .box_b { float: none; width: auto; overflow: hidden; font-size: 14px; line-height: 26px; }
#bot_menu .box_b a { white-space: nowrap; }
#bot_menu .box_c { float: right; width: 260px; padding-top: 0px; font-size: 12px; }


#bottom_div_in { margin: 0 auto; font-weight: bold; text-align: right; padding-right: 30px; }
#bot_menu { letter-spacing: 1px; font-size: 11px; padding: 15px; text-align: center; }
#bot_menu a { text-decoration: none; }
.bot_base_div{ letter-spacing: 1px; font-size: 11px; padding: 10px 15px 10px 15px; background: #f26b00; }
.bot_base_div a { text-decoration: none; }                                   
/* ================================================ */


@media (max-width: 480px) {
  #master, .head_c, .bottom_top_c, .master_logo {  width: 100%; }   .main_c  { margin: 0px; border: none; }
  .mobile_1_hide,  .logos { display: none; } .master_logo {  max-width: 350px; }
  .m_1_h, .m_2_h, .m_3_h, .m_4_h { display: none; }
  .booking_step1, .booking_step1_car{ margin-top: 0px; margin-left: 0px; width: 100%; }
}
@media (min-width: 481px) and (max-width: 767px)  {
  #master {  width: 480px;  } .head_c { width: 430px;} .bottom_top_c{ width: 452px; }
  .logos{ display: none; }  .master_logo{ width: 350px; height: 87px;  }
  .m_1_h, .m_2_h, .m_3_h { display: none; }
  .m_4_s{ display: none; }
  .booking_step1, .booking_step1_car{ margin-top: 0px; margin-left: 0px; width: 100%; }
}
@media (min-width: 768px) and (max-width: 979px)  {
  #master {  width: 760px;  } .head_c { width: 710px;} .bottom_top_c{ width: 732px; }
  .logos{ width: 220px; height: 71px; margin-top: 8px; }  .master_logo{ width: 270px; height: 87px; }
  .box_a, .box_b {  width: 49.9%; } .box_3 { width: 370px; }
  .m_1_h, .m_2_h{ display: none; }
  .m_3_s, .m_4_s{ display: none; }
  .booking_step1, .booking_step1_car{ margin-top: 0px; margin-left: 0px; width: 100%; }
}
@media (min-width: 980px) and (max-width: 1199px)    {
  #master {  width: 970px;  }  .head_c { width: 920px;}  .bottom_top_c{ width: 942px; }
  .logos{ width: 260px; height: 87px; } .master_logo{ width: 350px; height: 87px; }
  .box_a, .box_b {  width: 49.9%; } .box_3 { width: 580px; }
  .m_2_s, .m_3_s, .m_4_s{ display: none; }
  .m_1_h{ display: none; }
  .booking_step1, .booking_step1_car{ margin-top: 0px; margin-left: 0px; width: 100%; }
}
@media (min-width: 1200px)   {
  #master {  width: 1050px;  } .head_c { width: 1000px;}  .bottom_top_c{ width: 1022px; }
  .logos{ width: 260px; height: 87px; } .master_logo{ width: 350px; height: 87px; }
  .box_a, .box_b {  width: 49.9%; }
  .m_1_s, .m_2_s, .m_3_s, .m_4_s{ display: none; }
  .box_3 { width: 640px; }
  .booking_step1, .booking_step1_car{ margin-top: 10px; margin-left: 10px; }
}


.dropdown-menu>li>a { color: #FFFFFF !important; }
.dropdown-menu>li>a:hover { color: #FF0000 !important; }
/* ====================================================================================================== */
#head { position: relative; height: 600px; }
#head2 { position: relative; height: 270px; }
#head_over{ height: 600px; width: 100%; position: absolute; top: 0px; z-index: 101; text-align: center; }
#head_over h1 { width: 100%; color: #fff; padding: 40px 0 30px 0; text-shadow: 1px 2px 5px rgba(0, 0, 0, 1); font-family: Tahoma, Geneva, sans-serif; letter-spacing: 2px;  }
#head_over h1 span { width: 100%; font-size: 1.7em; font-weight: bold; white-space: nowrap; }
#head_over2{ height: 270px; width: 100%; position: absolute; top: 0px; z-index: 101; text-align: center; background-color: rgba(125,125,125,.4); }
#head_over2 h1 { width: 100%; font-size: 1.4em;  color: #fff; font-weight: bold; white-space: nowrap; padding: 5px 0 5px 0; text-shadow: 1px 2px 5px rgba(0, 0, 0, 1); font-family: Tahoma, Geneva, sans-serif; letter-spacing: 2px; }
#head_over2 h2 { width: 100%; font-size: 0.6em; color: #fff; padding: 10px 0 10px 0; text-shadow: 1px 2px 5px rgba(0, 0, 0, 1); font-family: Tahoma, Geneva, sans-serif; letter-spacing: 2px;  }

#master_logo{
  display: table; background-color: rgba(0,0,0,.5); margin: 0 auto; margin-top: 10px; padding: 15px;
  font-size: 16px; font-family: Tahoma, Geneva, sans-serif; color: #E3E3E3;
  -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; text-align: center;
}
#booking_box { text-align: left; display: table; background-color: rgba(255,255,255,.9); padding: 15px; margin: 0 auto;
-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; color: #000000;  }
#booking_box h2{ font-size: 16px; font-weight: bold; text-align: center; padding: 0px; margin: 0; text-shadow: 0px 0px 1px rgba(0, 0, 0, 1); }
.logos1{ display: inline-block; float: left; background-color: rgba(0,0,0,.2); padding: 5px; margin-top: 10px;
-webkit-border-radius: 0px 10px 10px 0px; -moz-border-radius: 0px 10px 10px 0px; border-radius: 0px 10px 10px 0px; }
.logos2{ display: inline-block; float: right; background-color: rgba(0,0,0,.2); padding: 5px; margin-top: 10px;
-webkit-border-radius: 10px 0px 0px 10px; -moz-border-radius: 10px 0px 0px 10px; border-radius: 10px 0px 0px 10px; }

#slide_show_1 {
  position: absolute; top: 0px; overflow: hidden; text-align: center; max-height: 600px; width: 100%;
}
.photo_play_0, .photo_play_1, .photo_play_2, .photo_play_3, .photo_play_4{
 background-size: cover; background-repeat: no-repeat; background-position: center center; height: 600px; width: 100%;
}
.photo_play_0 { background-image: url(../images/bike-rentals-hersonissos-0.jpg); }
.photo_play_1 { background-image: url(../images/bike-rentals-hersonissos-1.jpg); }
.photo_play_2 { background-image: url(../images/bike-rentals-hersonissos-2.jpg); }
.photo_play_3 { background-image: url(../images/bike-rentals-hersonissos-3.jpg); }
.photo_play_4 { background-image: url(../images/bike-rentals-hersonissos-4.jpg); }

#slide_show_2 {
  position: absolute; top: 0px; overflow: hidden; text-align: center; max-height: 270px; width: 100%;
}
.photo_play_5, .photo_play_6, .photo_play_7, .photo_play_8, .photo_play_9{
  background-size: cover; background-repeat: no-repeat; background-position: center center; height: 270px;
}
.photo_play_5 { background-image: url(../images/bike-rentals-hersonissos-00.jpg); }
.photo_play_6 { background-image: url(../images/bike-rentals-hersonissos-01.jpg); }
.photo_play_7 { background-image: url(../images/bike-rentals-hersonissos-02.jpg); }
.photo_play_8 { background-image: url(../images/bike-rentals-hersonissos-03.jpg); }
.photo_play_9 { background-image: url(../images/bike-rentals-hersonissos-04.jpg); }

#menu-button-fix { font-weight: bold; text-align: center; width: 100%; cursor: pointer; font-size: 16px; background: #f26b00; color: #FFFFFF; display:  }
#menu_exp { display: none; background: #f26b00; top: 0; left: 0; z-index: 10000; position: fixed; width: 100%; }
#menu_exp a{ width: 100%; text-decoration: none; }
.menu_exp { font-weight: bold; margin-bottom: 5px; padding: 10px;  text-decoration: none; color: #FFFFFF; font-size: 16px; text-align: center;  }
.menu_exp:hover { background: #2c4b95 !important; color:#FFFFFF; }
/* ====================================================================================================== */
@media (max-width:414px){
  .booking_l { width: 100%; } .booking_r { width: 100%; } .logos1, .logos2 { display: none; } .desktop_menu {display:none;}
  .w50 { width: 100% !important; } #head_over h1 { font-size: 14px; } #head_over h1 span { white-space: normal; } #head_over2 { font-size: 18px; } #head_over2 h2 { font-size: 0.7em; }
}
@media (min-width:415px) and (max-width:767px){
  .booking_l { width: 100%; } .booking_r { width: 100%; } .logos1, .logos2 { display: none; } #head_over h1, #head_over2 { font-size: 20px; } .desktop_menu {display:none;}
}
@media (min-width:768px) and (max-width:1024px){
  .booking_l { width: 250px; } .booking_r { width: 220px; }  .logos1 img, .logos2 img{ max-width: 210px; } #head_over h1, #head_over2 { font-size: 22px; }   #menu-button-fix {display:none;}
}
@media (min-width:1025px) and (max-width:1200px){
  .booking_l { width: 250px; } .booking_r { width: 220px; } #head_over h1, #head_over2 { font-size: 31px; }  #menu-button-fix {display:none;}
}
@media (min-width:1201px) and (max-width:1440px){
  .booking_l { width: 250px; } .booking_r { width: 220px; } #head_over h1, #head_over2 { font-size: 32px; }  #menu-button-fix {display:none;}
}
@media (min-width:1440px){
  .booking_l { width: 250px; } .booking_r { width: 220px; } #head_over h1, #head_over2 { font-size: 36px; }  #menu-button-fix {display:none;}
}