:root { /*
  --main-color: #0673b6;
  --secondary-color:#495057;  
  --secondary-color-light: #078fcd;
  --dark-color: #272e40; */
  --main-color: #000000;
  --secondary-color:#495057;  
  --secondary-color-light: #000000;
  --dark-color: #272e40;
  --base-font: "GFS Didot";
  --secondary-font: "GFS Didot";
}
.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: #272e40; font-weight: bold; text-decoration: underline; } a:hover { color: #ba2025; 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; } .fs36 { font-size: 36px !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: 'GFS Didot', sans-serif; }

.fix_menu{ line-height: 15px;  }

h1{ font-weight: 700; text-transform: capitalize; font-size: 34px; color: var(--main-color); margin-top: 25px; padding: 10px 15px 30px 15px; text-align: center; margin-bottom: 0; font-family: 'GFS Didot', sans-serif; }
h2 { font-size: 30px;  font-family: 'GFS Didot', sans-serif; padding: 10px 15px 30px 15px; text-align: center; color: var(--secondary-color-light); text-shadow: 1px 1px 1px rgba(50, 50, 50, 0.3); letter-spacing: 1px; font-weight: bold; }

#periexomena .titlos {
  font-size: 36px;  font-family: 'GFS Didot', serif; padding: 10px 15px 50px 15px; color: var(--secondary-color-light); text-shadow: 1px 1px 1px rgba(50, 50, 50, 0.3); letter-spacing: 1px; font-weight: bold; 
}
#periexomena .per_link { font-size: 26px; }
#periexomena h3{ font-weight: 700; text-transform: capitalize; color: var(--main-color); margin-top: 25px;  text-align: center; font-size: 36px;  font-family: 'GFS Didot', serif; padding: 10px 15px 50px 15px; text-shadow: 1px 1px 1px rgba(50, 50, 50, 0.3); letter-spacing: 1px;  }
#periexomena ul {
  margin: 20px 0; list-style-type: none;
} 
#periexomena ol {
  margin: 20px 0;
}
.titlos_g { align-items: center; }
.titlos { align-items: center; }
 
.titlos ol li{ padding: 0px 15px 20px 0px; }
.titlos ol { padding-left: 0px; }

.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.25); } .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: 'Georgia', serif; font-weight: 400; font-size: 29px; color: #000000; height: 100%;
}
#isfirst{ background: #efefef; background: url(../images/main_bg2.jpg); background-size: cover; background-attachment: fixed; background-repeat: no-repeat;  }
#nofirst{ background: #efefef; background: url(../images/main_bg2.jpg); background-size: cover; background-attachment: fixed; background-repeat: no-repeat; }

#logo{  /* #f9f9f7
  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;
}
 
.master_1350{ margin: 0 auto; max-width: 1350px; position: relative; }
.master_1350 h8{  font-size: 34px;  font-family: 'GFS Didot', sans-serif; padding: 10px 15px 30px 15px; text-align: center; color: #495057; }
@keyframes slideInFromLeft { 0% { transform: translateY(+100%); } 100% { transform: translateY(0); } } 
.title_slidein {   
  /* This section calls the slideInFromLeft animation we defined above */ 
  animation: 1s ease-out 0s 1 slideInFromLeft; 
}

.h2_skia { color: rgba(183,181,174,.5); font-size: 55px; font-weight: 900; font-family: 'GFS Didot', sans-serif; line-height: 40px; text-align: center; letter-spacing: 2px;  }

h4{ color: #b30000; font-weight: bold; font-size: 29px !important; display: inline !important; }
sub { color: #b30000; font-weight: bold; font-size: 29px !important; display: inline !important; bottom: 0 !important; }

.main_box3{ padding: 20px 15px 20px 20px; line-height: 31px; font-size: 18px; color: #8C8C8C; text-align: justify; max-width: 100%; letter-spacing: 2px; }
.main_box2{ padding: 20px 15px 20px 20px; line-height: 31px; font-size: 18px; color: #8C8C8C; text-align: justify; max-width: calc(100% -150px); max-width: -moz-calc(100% - 150px); max-width: -webkit-calc(100% - 150px); letter-spacing: 2px; }
.main_box{ padding: 20px 15px 20px 20px; line-height: 31px; font-size: 29px; color: #000; text-align: justify; letter-spacing: 1px; line-height: 40px;
  background: #efefefe8; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; border: solid 1px #999999; 
}
.main_box h8{ font-size: 34px;  font-family: 'GFS Didot', sans-serif; padding: 10px 15px 30px 15px; text-align: center; color: #495057; font-weight: 700; margin-top: -30px; }
 /* h8 { top: 0px; opacity: 1; }  */
#side_box{ border: #e1e1e1 1px solid; background: #ffffff; }

.column2  { 
	padding: 0;
} 
.column2::after {
	content: '';
	clear: both;
	display: block;
}
.column2 div {
	position: relative;
	float: left;
	width: 160px; 
	margin: 10px 20px 10px 20px; 
} 

.hoverimg3 figure {
	width: 160px;  
	margin: 0;
	padding: 0;
	background: #fff;
	overflow: hidden; 
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  box-shadow: 2px 2px 10px rgb(0 0 0 / 50%);
}
.hoverimg3 figure:hover+span {
	bottom: -36px;
	opacity: 1;
}


.column { 
	padding: 0;
} 
.column::after {
	content: '';
	clear: both;
	display: block;
}
.column div {
	position: relative;
	float: left;
	width: 260px; 
	margin: 10px 20px 10px 20px; 
} 
.column div span {
	position: absolute;
	bottom: -20px;
	left: 0;
	z-index: -1;
	display: block;
	width: 260px;
	margin: 0;
	padding: 0;
	color: #444;
	font-size: 18px;
	text-decoration: none;
	text-align: center;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	opacity: 0;
}
figure {
	width: 260px; 
	margin: 0;
	padding: 0;
	background: #fff;
	overflow: hidden; 
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  box-shadow: 2px 2px 10px rgb(0 0 0 / 50%);
}
figure:hover+span {
	bottom: -36px;
	opacity: 1;
}
 
.hoverimg { 
  width: 600px; padding-top: 20px;
}
.hoverimg figure img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.hoverimg figure:hover img {
	-webkit-transform: scale(1.3);
	transform: scale(1.3);
}

.hoverimg2 { 
  width: 300px; padding-top: 20px;
}
.hoverimg3 { 
  width: 100%; padding-top: 20px;
}
.hoverimg2 figure img, .hoverimg3 figure img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.hoverimg2 figure:hover img, .hoverimg3 figure:hover img {
	-webkit-transform: scale(1.3);
	transform: scale(1.3);
}
 
.homeimg { float: none; width: auto; overflow: hidden; padding-top: 30px; }
.g1 { padding-top: 30px; float: left; width: 170px; }
.g2 { padding-top: 30px; float: right; width: 170px; }

#homeicons{ text-align: center; display: flex; align-items: stretch; float: right; }
#homeicons .homeicon{ text-align: center;  flex: 0 0 auto; }

.after-slider {
  padding: 40px 0 10px;   display: flex;
  align-items: stretch;
} 
.after-slider .single-block { 
  text-align: center;
  padding: 20px;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 10px 10px rgb(0 0 0 / 10%);
  border: 1px solid #eee;
  flex: 0 0 auto;
  width: 33%;
  float: left;
  margin-right:0.33333333%;
}
.after-slider .single-block .icon {
  width: 60px;
  height: 60px;
  color: #fff;
  border-radius: 30%;
  font-size: 28px;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  margin: -50px auto 10px;
  background: #fcc300;
  overflow: hidden;
}
.after-slider .single-block .title {
  text-transform: uppercase;
  margin-bottom: 10px;
  color: #333;
  font-weight: 600;
  font-size: 16px;
}

.after-slider2 { padding: 10px 0 10px;   display: flex; align-items: stretch; } 

address {
  display: block;
  color: #222732;
  margin-bottom: 34px; 
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}
address .single-contact {
  margin-bottom: 20px;
  position: relative;
  padding-left: 56px !important;
  padding-bottom: 15px !important;
}
address .single-contact a { color: #ba2025; }
address .single-contact a:hover { color:#222732; }
address .single-contact span {
  padding: 0;
  width: 45px;
  height: 45px;
  font-size: 16px;
  line-height: 40px;
  border-radius: 30px;
  margin-right: 15px;
  text-align: center;
  background-color: #fff;
  color: #fff;
  display: block;
  position: absolute;
  left: 0;
  top: 0px;
}
address .single-contact strong {
  display: block;
}

select, textarea, input[type=date], input[type=number], input[type=password], input[type=email], input[type=text] {
  min-height: 53px;
  border-radius: 10px;
  width: 100%;
  padding: 10px 27px;
  font-size: 14px;
  color: #000;
  line-height: 16px;
  box-shadow: 1px 1px 0 0 rgb(196 196 196 / 24%);
  border: 1px solid #e7edf3;
  margin-bottom: 10px;
}

.btn-default {
  display: inline-block;
  font-size: 17px;
  line-height: 21px;
  font-weight: 600;
  text-align: center;
  min-width: 160px;
  color: #fff;
  border: none;
  box-shadow: none;
  cursor: pointer;
  padding: 16px 25px;
  border-radius: 10px;
  transition: all 0.2s ease-in-out;
  transition-property: all;
  transition-duration: 0.2s;
  transition-timing-function: linear;
  transition-delay: 0s;
  text-decoration: none;
  background-color: #29235c;
  position: relative;
  text-transform: capitalize;
}
.btn-default:hover { 
  color: #fff; 
  background-color: rgb(25, 123, 255); 
}


.after-slider2 .single-block2 { 
  text-align: center;
  padding: 20px;
  background: rgba(17, 17, 17, 0.05);
  border-radius: 10px;
  box-shadow: 0 10px 10px rgb(0 0 0 / 10%);
  border: 1px solid #333;
  flex: 0 0 auto;
  width: 49%;
  float: left;
  margin-right: 1%;
}
.after-slider2 .single-block2 p { 
  text-align: left;
  padding: 5px 0 0 30px;
  margin-bottom: 0.5rem; 
  color: #4d4d4d;
}
.after-slider2 .single-block2 .icon {
  width: 60px;
  height: 60px;
  color: #fff;
  border-radius: 30%;
  font-size: 28px;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  margin: -50px auto 10px;
  background: rgba(17, 17, 17, 0.05);
  overflow: hidden;
}
.after-slider2 .single-block2 .text { 
  width: -moz-calc(100% - 180px);
  width: -webkit-calc(100% - 180px);
  width: calc(100% - 180px);
}
.after-slider2 .single-block2 .title {
  text-transform: uppercase;
  margin-bottom: 10px;
  color: #333;
  font-weight: 600;
  font-size: 16px;
}





.after-slider2 .single-block3, .after-slider2 .single-block4 { 
  text-align: center;
  padding: 20px;
  background: rgba(17, 17, 17, 0.05); 
  border-radius: 10px;
  box-shadow: 0 10px 10px rgb(0 0 0 / 10%);
  border: 1px solid #eee;
  flex: 0 0 auto;
  width: 49%;
  float: left;
  margin-right: 1%;
}
.after-slider2 .single-block3 { width: 24%; }
.after-slider2 .single-block4 { width: 74%; }
.after-slider2 .single-block3 p, .after-slider2 .single-block4 p { 
  text-align: left;
  padding: 5px 0 0 30px;
  margin-bottom: 0.5rem; 
}
.after-slider2 .single-block3 .icon, .after-slider2 .single-block4 .icon {
  width: 60px;
  height: 60px;
  color: #fff;
  border-radius: 30%;
  font-size: 28px;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  margin: -50px auto 10px;
  background: #fcc300;
  overflow: hidden;
}
.after-slider2 .single-block3 .text { 
  width: -moz-calc(100% - 180px);
  width: -webkit-calc(100% - 180px);
  width: calc(100% - 180px);
}
.after-slider2 .single-block3 .title, .after-slider2 .single-block4 .title {
  text-transform: uppercase;
  margin-bottom: 10px;
  color: #333;
  font-weight: 600;
  font-size: 16px;
}




h4 {
  font-size: 20px;
  line-height: 30px;
} 
#bottom_div { width: 100%; background: rgba(183,181,174,0.8); text-align: center; font-size: 24px; color: #000000; padding: 20px 0 10px 0; }
#bottom_div .box1 { position: relative; float: left; width: 520px; max-height: 275px;  margin: 0.2%; } 
#bottom_div .contact_line div { padding: 0 0 16px 35px; position: relative; line-height: 120%; text-align: left; }
#bottom_div .contact_line strong { padding: 0 0 6px 0; line-height: 100%; text-align: left; border-bottom: #004571 2px solid; }
#bottom_div .links_line div { padding: 0 0 16px 35px; position: relative; line-height: 120%; }
#bottom_div .banners div { padding: 0 0 16px 35px; position: relative; line-height: 120%; }
#bottom_div a { color: #004571; }
#bottom_div a:hover { color: #000000; }
   
#bot_copyr{  width: 100%; min-height: 35px;  padding: 8px 20px 2px 20px; background: #ffffff; border-top: 0.5px solid #89857c; font-size: 20px;  }
#bot_copyr a{ color: #004571; }
#bot_copyr a:hover{ color: #212529; }





.blue_banner{ background: url(../images/banner_bg.png); background-size: cover; color: #FFFFFF; padding: 10px 15px 30px 15px; }
.blue_banner h8{ font-size: 24px; font-family: 'GFS Didot', 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 h8{ font-size: 18px; font-family: 'GFS Didot', 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; float: right; }

.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: 40px; } 

.menu_bg_div {
  width: 100%; height: 60px; position: absolute; background: #ffffff; z-index: 900;
}
.menu_bot_div {
  width: 100%; height: 20px;  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;
}

/*  
.wrapper {display: flex; flex-direction: column; flex-wrap: wrap; align-items: center; justify-content: center; }  */ 
 .row {display: table; margin: 5px 0;float: left;  }
.button_Thema {position: relative; color:#272e40; font-family: 'GFS Didot', serif; font-weight: 700; font-size: 20px; padding: 0 0.5em 24px;  background: #f5f5f5 !important; }
/* Style the dropdown menu */
.dropdown-content { display: none; position: absolute; background: #f5f5f5 !important; min-width: 200px; top: 100%; left: 0; } 
.dropdown:hover .dropdown-content { display: block; } 
.dropdown-content li { padding: 10px; } 
.dropdown-content a {  color: #272e40; text-decoration: none; } 
.dropdown-content a:hover {  background-color: #f5f5f5; color: #0673b6; }
ul.dropdown-content li { list-style-type: none; }

.but_th { margin: 0px !important; }
.button {position: relative;cursor: pointer;color:#272e40;font-family: 'GFS Didot', serif; font-weight: 700;  }
.button .inner {position: absolute;top: 0;left: 0;width: 100%;height: 100%; }
.button:nth-of-type(1):before, .button:nth-of-type(1):after, .button:nth-of-type(1) .inner:before, .button:nth-of-type(1) .inner:after {background-color: #0673b6; } 
.button:before, .button:after, .button .inner:before, .button .inner:after {position: absolute;content: "";display: block;transition: transform 0.3s; }
.button.horizontal:before, .button.horizontal:after, .button.both:before, .button.both:after {left: 0;width: 100%;height: 2px;transform: scaleX(0); }
.button.horizontal .inner:before, .button.horizontal .inner:after, .button.both .inner:before, .button.both .inner:after {top: 0;width: 2px;height: 100%;transform: scaleY(0); }
.button.horizontal .inner:before, .button.both .inner:before {left: 0; }
.button.horizontal .inner:after, .button.both .inner:after {right: 0; }
.button.horizontal .inner:hover:before, .button.horizontal .inner:hover:after, .button.both .inner:hover:before, .button.both .inner:hover:after {transform: scaleY(1); }
.button.horizontal:before, .button.both:before {top: 0; }
.button.horizontal:after, .button.both:after {bottom: 0; }
.button.horizontal:hover:before, .button.horizontal:hover:after, .button.both:hover:before, .button.both:hover:after {transform: scaleX(1); }
.button.horizontal:hover .inner:before, .button.horizontal:hover .inner:after, .button.both:hover .inner:before, .button.both:hover .inner:after {transform: scaleY(1); }
.button.horizontal.clockwise .inner:before, .button.both.clockwise .inner:before {transform-origin: top center; }
.button.horizontal.clockwise .inner:after, .button.both.clockwise .inner:after {transform-origin: bottom center; }
.button.horizontal.clockwise:before, .button.both.clockwise:before {transform-origin: right center; }
.button.horizontal.clockwise:after, .button.both.clockwise:after {transform-origin: left center; }
.button.horizontal.clockwise:hover .inner:before, .button.both.clockwise:hover .inner:before {transform-origin: bottom center; }
.button.horizontal.clockwise:hover .inner:after, .button.both.clockwise:hover .inner:after {transform-origin: top center; }  
 
.box_text_form2sss{
--main-color: #0673b6;
--secondary-color:#495057;  
--secondary-color-light: #078fcd;
--dark-color: #272e40;
}


* { 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; }
 

.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 h8{
  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; position: relative; }
.desktop_menu {
 padding: 0 15px 0 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: 0 15px; }

.top_info{ color: #FFFFFF; font-family: 'Oswald', sans-serif; padding: 4px 15px 10px 15px;  text-align:  right; }
.menu{ font-family: "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; font-weight: 900; font-family: 'GFS Didot', sans-serif; }
#menu_exp { display: none; background: #FFFFFF; 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: 24px; 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; } 
}
@media (min-width:376px) and (max-width:414px){
  #logo_box{ display: inline; float: left !important; } #logo {  float: none; } 
}
@media (max-width:440px){
  #logo_box{ display: inline; float: left !important; } #logo {  float: none; } 
}
@media (max-width:414px){
  #logo_box{ display: inline; float: left !important; } #logo {  float: none; } 
}
@media (min-width:415px) and (max-width:767px){
  #logo_box{ display: inline; float: left !important; } .m_4_h{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: calc(100% - 50px); }
  #side_box{ width: 345px; }
}
@media (min-width:941px) and (max-width:1024px){
  #logo_box{ display: inline; float: left !important; } .menu{ font-size: 20px; } .top_info{ font-size: 18px; padding-right: 10px; text-align: right;  }  .main_box{ width: calc(100% - 50px); }
  #side_box{ width: 345px; }
}
@media (min-width:1025px) and (max-width:1200px){
  #logo_box{ display: inline; float: left !important; } .menu{ font-size: 20px; } .top_info{ font-size: 18px; padding-right: 10px; text-align: right;  }  .main_box{ width: 950px; }
  #side_box{ width: 345px; }
}
@media (min-width:1201px) and (max-width:1440px){
  #logo_box{ display: inline; float: left !important; } .menu{ font-size: 20px; } .top_info{ font-size: 20px; } .main_box{ width: 950px; } .mb_fix{ width: 990px !important; max-width: 990px !important; }
  #side_box{ width: 345px; }
}
@media (min-width:1440px){
  #logo_box{ display: inline; float: left !important; } .menu{ font-size: 20px; } .top_info{ font-size: 20px; } .main_box{ width: 950px; } .mb_fix{ width: 990px !important; max-width: 990px !important; }
  #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;
}
@media (max-width:568px) { 
  .h2_skia { font-size: 30px !important; }  .after-slider .single-block, .after-slider2 .single-block2, .after-slider2 .single-block3, .after-slider2 .single-block4 { padding: 10px; width: 98%; clear: both; margin-top: 45px; } .after-slider, .after-slider2{ flex-direction: column; padding: 0; }
 
} 
@media (min-width:569px) and (max-width:1024px){ 
  .after-slider2 .single-block3, .after-slider2 .single-block4 { width: 49%; } 
}
@media (max-width:1079px) { 
  .links_line, .contact_line { float: left !important; width: 33% !important; } .h2_skia { font-size: 40px; } #homeicons{ width: 100%; float: none; } #homeicons .homeicon{ width: 25%; padding: 40px 0; } 
  #gallery2, #gallery1, .g1, .g2 { width: 100% !important; float: none; }
   .b_line { display:none; }  .menu{ font-size: 30px; } .desktop_menu {display:none;} .banners{ width: 100%; float: none; clear: both; } .banners img{ height: 40px; }  .main_box2 { max-width: 100% !important; }
} 
@media (min-width:1080px) { 
  #gallery1 { max-width: 170px !important; float: left; } #gallery2 { max-width: 170px !important; float: right; }
  .mob_translate, .mobile_menu_start { display:none; } .banners, .links_line, .contact_line { float: left !important; width: 25% !important; } .banners img{ height: 70px; } 
  #homeicons{ width: 150px; float: right; flex-direction: column; } #homeicons .homeicon{ width: 100%; padding: 30px 0; }
}
@media (max-width:900px) { 
  .links_line  { float: left !important; width: 49% !important; }
  .contact_line { width: 100% !important; float: none !important; clear: both; }  
} 
 
@media (min-width:941px) and (max-width:1024px){ 
  .button { font-size: 0.7em;padding: 0.5em 0.5em 0.65em;margin: 0 10px; }
}
@media (min-width:1025px) and (max-width:1200px){ 
  .button { font-size: 0.7em;padding: 0.5em 0.5em 0.65em;margin: 0 10px; }
}
@media (min-width:1201px) and (max-width:1440px){ 
  .button { font-size: 0.7em;padding: 0.5em 0.5em 0.65em;margin: 0 10px; }  
}
@media (min-width:1440px){ 
  .button { font-size: 0.7em;padding: 0.5em 0.5em 0.65em;margin: 0 10px; } 
}