.fL{ float:left !important; } .fR{ float:right !important; } .fC{ margin: 0 auto !important; } .ffix{ float:none; width:auto; overflow: hidden;}
.cL{ clear:both; } .vertical-text { transform: rotate(90deg); transform-origin: left top 0; } .nowrap{ white-space: nowrap; }
.w20{ width: 20% !important; } .w25{ width: 25% !important; } .w50{ width: 50% !important; } .w100{ width: 100% !important; }
.w23{ width: 23% !important; } .w2{ width: 2% !important; } .w33{ width: 33.33% !important; } .w49{ width: 49% !important; }
.tdw50{ width: 50px;} .tdw80{ width: 80px;} .tdw100{ width: 100px !important; } .tdw120{ width: 120px !important; } .tdw180{ width: 180px !important; }
.maxw40{ max-width: 40px !important;} .maxw50{ max-width: 50px !important;} .maxw60{ max-width: 60px !important;} .maxw80{ max-width: 80px !important;} .maxw100{ max-width: 100px !important; } .maxw180{ max-width: 180px !important; } .maxw250{ max-width: 250px !important; } .maxw300{ max-width: 300px !important; }
.tl{ text-align: left !important; } .tc{ text-align: center !important; } .tr{ text-align: right !important; } .tb{ font-weight: bold; } .tj{ text-align: justify;}
.dbl { display: block; } .dinl { display: inline; } .hide { display:none; }  .veralm{ vertical-align: text-top; } .imgv{ vertical-align: middle; }
.mr10 { margin-right: 10px; } .ml10{ margin-left: 10px; } .ml30{ margin-left: 30px; } .m10{ margin: 10px; } .m20{ margin: 20px; } .m5 { margin: 0 5px 0 5px; }
.m3_3 { margin:3px 0 3px 0; } .mp10{ margin-top: 10px; } .text_no_b{ font-weight: normal; }
.p3{ padding: 3px !important; } .p5{ padding: 5px !important; } .p10{ padding: 10px !important; } .p15{ padding: 15px !important; } .p20{ padding: 20px !important; }
.pb5{ padding-bottom: 5px;} .pl5{ padding-left: 5px !important; } .pl15{ padding-left: 15px !important; } .pl3{ padding-left: 3px !important; }
.plr5{ padding-left: 5px !important; padding-right: 5px !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_25 { height: 25px; } .h_30 { height: 30px; } .h_35 { height: 35px; } .h_40 { height: 40px; } .h_60 { height: 60px; } .h_90 { height: 90px; }

img { border: none; }
H1, H2, H3, H4, H5, H6 { padding: 0px; margin: 0px; font-size: 14px; }
a { color: #ba2025; font-weight: normal; text-decoration: none; } a:hover {  color: #FFFFFF; text-decoration: none; }
.no_a_line{ text-decoration: none; } .no_a_line:hover{ text-decoration: none; }
.no_b_text{ font-weight: normal !important; }
.form-check-btn, .post_form_btn, .kpoint { cursor: pointer; }
ul{ margin: 0; padding: 0px; }
.fem08 { font-size: 0.8em; } .fem1 { font-size: 1em; } .fem12 { font-size: 1.2em; }
.fs10 { font-size: 10px !important; } .fs11 { font-size: 11px !important; } .fs12 { font-size: 12px !important; } .fs13 { font-size: 13px !important; }
.fs14 { font-size: 14px !important; } .fs16 { font-size: 16px !important; } .fs18 { font-size: 18px !important; } .fs20 { font-size: 20px !important; }
.fs22 { font-size: 22px !important; } .fs26 { font-size: 26px !important; } .fs30 { font-size: 30px !important; } .fs40 { font-size: 40px !important; }
.fs60 { font-size: 60px !important; }
.brad10 { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
.brad3 { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.brad5 { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.act_step { border: solid 1px #008900; } .act_step2 { border: solid 1px #999999; }
.zero_excess_box { border: solid 1px #999999; width: 220px; color: #333333; } .border_top_add_perioxi { border-top: solid 1px #999999; }
.hotel_info_box { width: 630px; border: solid 1px #A50000; color: #e00024; display: none;  }
.tbrad10 { -webkit-border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; }
.bbrad10 { -webkit-border-radius: 0 0 10px 10px; -moz-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px; }
.bbrad6 { -webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; }
.lbrad10 { -webkit-border-radius: 10px 0 0 10px; -moz-border-radius: 10px 0 0 10px; border-radius: 10px 0 0 10px; }
.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); }
.shadowbox1:hover{ -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }

.b { font-weight: bold; }
.f_1 { font-family: 'Ubuntu Condensed', sans-serif; }
.f_2 { font-family: 'Poppins', sans-serif; }

.skia_1 { text-shadow: 1px 3px 5px rgba(50, 50, 50, 0.75); } .skia_2 { text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75); } .skia_3 { text-shadow: 1px 1px 1px rgba(50, 50, 50, 0.3); }
/* Mauro-Gri : #252830 #3B3E40  font-family:  'Titillium Web', sans-serif;  #DFEDF6;   #f0f8ff */
html, body {
   margin:0; padding:0; font-family: Verdana, Geneva, sans-serif; font-size: 12px; font-weight: normal; color: #000000; height: 100%;
}
#isfirst{ background: url(../images/main_bg.jpg); background-size: cover; }
#nofirst{ background: url(../images/main_bg.jpg); background-size: cover; }

#logo{  /*
  background: rgba(255, 255, 255, 0.5); float: left; margin-left: 10px; padding: 5px 15px 5px 15px; display: inline-block;
  -webkit-border-radius: 0px 0px 10px 10px; -moz-border-radius: 0px 0px 10px 10px; border-radius: 0px 0px 10px 10px;  */
  float: left; margin-left: 10px; display: inline-block; top: 0; position: absolute; z-index: 910;
}

.ui-datepicker-unselectable{ text-decoration: line-through; }

.master_1100{ margin: 0 auto; max-width: 1100px; background-color: #fbfbfb; }
.master_1100 h2{ font-size: 20px; font-weight: 600; line-height: 24px; word-spacing: 1px; padding: 0 20px 32px 20px;  }

.main_box{ padding: 20px 15px 20px 20px; font-size: 14px; color: #8C8C8C; text-align: justify; }
.main_box h2{ font-size: 34px; font-family: 'Poppins', sans-serif; padding: 10px 15px 30px 15px; text-align: center; color: #495057;  }

#side_box{ border: #e1e1e1 1px solid; background: #ffffff; }

.blue_banner{ background: url(../images/banner_bg.png); background-size: cover; color: #FFFFFF; padding: 10px 15px 30px 15px; }
.blue_banner h2{ font-size: 24px; font-family: 'Poppins', sans-serif; padding: 10px 15px 30px 15px; text-align: center; color: #FFFFFF; }

.grey_banner{ background: #F5F5F5; border-color: #e1e1e1; color: #949494; padding: 10px 0 0 0; font-size: 16px; }
.grey_banner h2{ font-size: 18px; font-family: 'Poppins', sans-serif; padding: 10px 15px 10px 15px; text-align: center; color: #252525; }
.grey_banner div{ padding: 13px 27px; border-bottom: solid 1px #e1e1e1; }
.zero_banner {  font-size: 14px; color: #949494; }
.zero_banner div{ padding: 13px 20px; border-bottom: solid 1px #e1e1e1; }

.mob_translate { padding: 20px 0; }

.testim{ color: #06695c; }
.testim:hover{ color: #06695c; }
#testimonials{
  background-color: #F5F5F5;
  padding: 10px 10px;
  -moz-box-shadow: inset 0 3px 3px rgba(0, 0, 0, 0.1); -webkit-box-shadow: inset 0 3px 3px rgba(0, 0, 0, 0.1); box-shadow: inset 0 3px 3px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; border: 1px solid #4f94d9;
}
.testimonial_title {
  -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;
   margin-left: 10px; background-color: #4f94d9; max-width: 240px; text-align: center; line-height: 24px; height: 24px; font-size: 14px;
   color: #FFFFFF;
}

#slide_show_1 {  overflow: hidden; max-height: 400px; }

.top_bg_div{ position: relative; height: 55px; background: #e41e26; }

.menu_bg_div {
  width: 100%; height: 100px; position: absolute; background: rgba(255,222,0,0.8) url(../images/bg_menu.png) right top repeat-x; z-index: 900;
}
.menu_bot_div {
  width: 100%; height: 40px;  text-align: center; padding-top: 10px;
}
.menu_bot_div a {
   
}

.box_text_form{
  height: 63px; padding: 20px 28px; font-size: 22px; font-weight: 500; color: #929292; display: inline-block; background-color: #ffffff;
}
.box_text_form2{
  height: 23px; font-size: 14px; font-weight: 500; color: #8c8c8c; line-height: 1.7;
}






* { box-sizing: border-box; }
.video-background { background: #000; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: -99; }
.video-foreground, .video-background iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; }
#vidtop-content { top: 0; color: #fff; }
.vid-info { position: absolute; top: 0; right: 0; width: 33%; background: rgba(0,0,0,0.3); color: #fff; padding: 1rem; font-family: Avenir, Helvetica, sans-serif; }
.vid-info h1 { font-size: 2rem; font-weight: 700; margin-top: 0; line-height: 1.2; }
.vid-info a { display: block; color: #fff; text-decoration: none; background: rgba(0,0,0,0.5); transition: .6s background; border-bottom: none; margin: 1rem auto; text-align: center; }
@media (min-aspect-ratio: 16/9) { .video-foreground { height: 300%; top: -100%; } }
@media (max-aspect-ratio: 16/9) { .video-foreground { width: 300%; left: -100%; } }
@media all and (max-width: 600px) { .vid-info { width: 50%; padding: .5rem; } .vid-info h1 { margin-bottom: .2rem; } }
@media all and (max-width: 500px) { .vid-info .acronym { display: none; } }


.title_box { text-align: center;  }
.title_box h1{
  font-family: 'Ubuntu Condensed', sans-serif; font-weight: bold; letter-spacing: 2px; color: #FFFFFF; text-align: center; font-size: 3.5em;
}
.base_titlos_1{
  font-family: 'Ubuntu Condensed', sans-serif; font-weight: bold; letter-spacing: 2px; color: #FFFFFF; text-align: center; font-size: 1.5em;
  padding-bottom: 5px;  border-bottom: 1px solid #0c4da2; margin-bottom: 25px;
}

.form-control {
  padding: 7px 8px; height: 38px; border: 1px solid #e1e1e1; display: inline-block !important;
}
.in_box_1 { border: 1px solid #0c4da2; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding: 10px; background: rgba(255, 255, 255, 0.15); font-size: 0.9em; }

#bot_copyr{  width: 100%; min-height: 55px; background: #e41e26; padding: 8px 20px 2px 20px; border-top: 3px solid #cce2ff; bottom: 0px; position: fixed; }
#bot_copyr a{ color: #FFFFFF; }
#bot_copyr a:hover{ color: #FFEBEB; }

.div_text_box{
 margin: 0 auto; max-width: 80%; background: rgba(255, 255, 255, 0.45);
  -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;
 text-align: justify; padding: 20px; font-size: 16px; line-height: 26px;
}

.div_text_box h2{
  text-align: center; font-size: 30px; line-height: 40px; display: block; width: 100%; font-family: "Montserrat", Geneva, sans-serif;
  text-shadow: 1px 1px 3px rgba(80, 80, 80, 0.75); color:#2d2d78; letter-spacing: 2px;  font-style: italic; font-weight: bold; padding-bottom: 20px;
}

.f_box  { font-size: 0.9em; height: 30px; width: 270px; float: left; line-height: 30px; /*  border: 1px solid #0c4da2; padding: 3px;  */ }
.f_box2 { font-size: 0.9em; height: 65px; width: 270px; float: left; line-height: 30px; /*  border: 1px solid #0c4da2; padding: 3px;  */ }
.f_box3 { font-size: 0.9em; height: 30px; width: 80px; float: left; line-height: 30px; /*  border: 1px solid #0c4da2; padding: 3px;  */  }

.s_box  { font-size: 0.9em; height: 45px; width: 270px; float: left; line-height: 45px; }
.s_box2 { font-size: 0.9em; height: 45px; width: 80px; float: left; line-height: 45px; }
.s_box3 { font-size: 0.9em; height: 45px; width: 350px; float: left; line-height: 45px; }
.search_box{ width: 750px; }

.perixi_load{ display: none; }
.help-block{ font-size: 0.6em; font-style: italic; line-height: 18px;  }
.add_photo_list{ height: 100px; width: 140px; float: left; margin: 6px;  -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background-size: cover; overflow: hidden; }
.del_photo_list{  background: rgba(0, 0, 0, 0.65); padding: 5px 15px 5px 15px;  }
#add_photo_list{ text-align: center; }

.color_1 { color: #FFFFFF; } .color_2 { color: #999999; } .color_3 { color: #00A300; } .color_5 { color: #ef0000; } .color_6 { color: #ffa127; } .color_7 { color: rgb(255, 207, 42); }
/*                                          gri                          prasino                         kokkino               portokoli                  portokoli-kitrino        */
.bgcolor_1 { background: #FFFFFF !important; } .bgcolor_2 { background: #f5f5f5 !important; }  .bgcolor_3 { background: #ef0000 !important; }
/*                                                                      gri                                     kokkino        */
/* =========================================================================================== */

#menu { text-align: center; }
.desktop_menu {
 padding: 20px 15px 5px 15px; margin: 0 auto; display: inline-block; float: right; margin-left: 10px; text-align:  center;
 /*  background: rgba(255, 255, 255, 0.65);  -webkit-border-radius: 10px 0 0 10px; -moz-border-radius: 10px 0 0 10px; border-radius: 10px 0 0 10px; */
}
.mobile_menu_start {  float: right; padding: 20px 15px; }

.top_info{ color: #FFCC33; font-family: 'Oswald', sans-serif; padding:10px 15px 10px 15px;  text-align:  center; }
.menu{ font-family: "Passion One", "Open Sans", sans-serif; padding:10px 15px 10px 15px; display: inline-block; }
.menu:hover{   }
#menu a{ color: #000000; font-weight:bold; letter-spacing:1px;}
#menu a:hover{ color: #df0024; }

#menu-button-fix { text-align: center; width: 100%; cursor: pointer; }
#menu_exp { display: none; background: #000000 url(../images/bg_menu.png); top: 0; left: 0; z-index: 1000; 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: #000; font-size: 18px; text-align: center;  }
.menu_exp:hover { background: #000 !important; color:#FFFFFF; }



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

@media (min-width:320px) and (max-width:359px){
  #logo_box{ display: inline; float: left !important; } #logo {  float: none; }
}
@media (min-width:360px) and (max-width:375px){
  #logo_box{ display: inline; float: left !important; } #logo {  float: none; } .top_info{display:none;}
}
@media (min-width:376px) and (max-width:414px){
  #logo_box{ display: inline; float: left !important; } #logo {  float: none; } .top_info{display:none;}
}
@media (max-width:440px){
  #logo_box{ display: inline; float: left !important; } #logo {  float: none; } .top_info{display:none;}
}
@media (max-width:414px){
  #logo_box{ display: inline; float: left !important; } #logo {  float: none; } .top_info{display:none;}
}
@media (min-width:415px) and (max-width:767px){
  #logo_box{ display: inline; float: left !important; } .m_4_h{display:none;} .top_info{display:none;}
}
@media (max-width:767px) { .main_box { width: 100%; } #side_box { width: 100%; } .mob_translate { float: right; }  .menu{ font-size: 30px; } .desktop_menu {display:none;}  }
@media (min-width:768px) { .mob_translate, .mobile_menu_start { display:none; }   }
@media (min-width:768px) and (max-width:940px){
  #logo_box{ display: inline; float: left !important; } .menu{ font-size: 20px; } .top_info{ font-size: 14px; padding-right: 0; text-align: right;  } .main_box{ width: 405px; }
  #side_box{ width: 345px; }
}
@media (min-width:941px) and (max-width:1024px){
  #logo_box{ display: inline; float: left !important; } .menu{ font-size: 30px; } .top_info{ font-size: 18px; padding-right: 10px; text-align: right;  }  .main_box{ width: 560px; }
  #side_box{ width: 345px; }
}
@media (min-width:1025px) and (max-width:1200px){
  #logo_box{ display: inline; float: left !important; } .menu{ font-size: 30px; } .top_info{ font-size: 18px; padding-right: 10px; text-align: right;  }  .main_box{ width: 660px; }
  #side_box{ width: 345px; }
}
@media (min-width:1201px) and (max-width:1440px){
  #logo_box{ display: inline; float: left !important; } .menu{ font-size: 30px; } .top_info{ font-size: 20px; } .main_box{ width: 750px; }
  #side_box{ width: 345px; }
}
@media (min-width:1440px){
  #logo_box{ display: inline; float: left !important; } .menu{ font-size: 34px; } .top_info{ font-size: 20px; } .main_box{ width: 750px; }
  #side_box{ width: 345px; }
}




/***** DATEPICKER *****/
.ui-datepicker {
  background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.15); font-family: inherit; font-size: inherit;
  padding: 10px; margin: 1px 0 0; border-radius: 3px; display: none; width: auto !important; z-index: 5 !important;
}
.ui-datepicker .ui-datepicker-header {
  display: flex; justify-content: space-between; align-items: center; position: relative; font-weight: 500; font-size: 12px; text-transform: uppercase;
  color: #868ba1; padding: 0 0 5px; letter-spacing: 1px; border: 0; background-color: transparent; border-top-left-radius: 3px; border-top-right-radius: 3px;
}
.ui-widget-header { background: none; }
.ui-datepicker .ui-datepicker-header .ui-datepicker-next, .ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
  text-indent: -99999px; color: #868e96; top: 1px;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-next::before, .ui-datepicker .ui-datepicker-header .ui-datepicker-prev::before {
  font-size: 16px; font-family: 'FontAwesome'; position: absolute; top: -4px; text-indent: 0;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-next:hover::before, .ui-datepicker .ui-datepicker-header .ui-datepicker-next:focus::before,
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev:hover::before, .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:focus::before {
  color: #343a40;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-next {
  order: 3;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-next:before {
  right: 5px; content: '\f105';
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev:before {
  left: 5px; content: '\f104';
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-next-hover, .ui-datepicker .ui-datepicker-header .ui-datepicker-prev-hover {
  color: #495057; cursor: pointer; top: 1px; border: 0; background-color: transparent;
}
.ui-datepicker .ui-datepicker-title {
  color: #17A2B8;
}
.ui-datepicker .ui-datepicker-calendar {
  margin: 0; background-color: transparent; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px;
}
.ui-datepicker .ui-datepicker-calendar th {
  text-transform: uppercase; font-size: 10px; font-weight: 500; letter-spacing: 1px; padding: 6px 10px; color: #a3a7b7;
}
@media (max-width: 320px) {
  .ui-datepicker .ui-datepicker-calendar th {
    padding: 4px 0; letter-spacing: normal;
  }
}
.ui-datepicker .ui-datepicker-calendar td {
  border: 1px solid #fff; padding: 0; background-color: #fff; text-align: right;
}
.ui-datepicker .ui-datepicker-calendar td:last-child {
  border-right: 0;
}
.ui-datepicker .ui-datepicker-calendar td.ui-datepicker-other-month .ui-state-default {
  color: #ccc;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
  border: 1px solid #d3d3d3; background: none; font-weight: normal; color: #555555;
}
.ui-datepicker .ui-datepicker-calendar td span, .ui-datepicker .ui-datepicker-calendar td a {
  transition: all 0.2s ease-in-out; padding: 5px; background-color: #FFFFFF; color: #868ba1; padding: 6px 10px; display: block; font-weight: 400;
  font-size: 12px; border: 0; border-radius: 1px;
}
.ui-datepicker .ui-datepicker-calendar td a:hover {
  background-color: #E9ECEF; color: #868ba1;
}
.ui-datepicker .ui-datepicker-calendar .ui-datepicker-today a {
  background-color: #E9ECEF; color: #868ba1;
}
.ui-datepicker-multi .ui-datepicker-group {
  padding-right: 15px; width: auto; float: left;
}
.ui-datepicker-multi .ui-datepicker-group .ui-datepicker-title {
  margin: auto;
}
.ui-datepicker-multi .ui-datepicker-group .ui-datepicker-prev::before {
  left: 10px;
}
.ui-datepicker-multi .ui-datepicker-group .ui-datepicker-next::before {
  right: 10px;
}
.ui-datepicker-multi .ui-datepicker-group table {
  margin: 0;
}
.ui-datepicker-multi .ui-datepicker-group-last {
  padding-right: 0;
}

.ui-datepicker-inline {
  max-width: 300px; border-color: rgba(0, 0, 0, 0.15);
}
.ui-state-active, .ui-state-hover {
  background: #a3d143 !important; color: #fff !important;
}