/*************************************************************************/


#dimensions_panel {
	display: block;
	position: fixed;
	top: 200px;
	left: 0;
	padding: 10px;
	line-height: 20px;
	background: green;
	color: white;
	z-index: 1000;
	box-shadow: 2px 2px 10px 2px grey;
}

#kstn_debug {
	display: block;
	position: fixed;
	top: 260px;
	left: 0px;
	padding: 10px;
	line-height: 20px;
	background: orange;
	color: white;
	z-index: 1000;
	box-shadow: 2px 2px 10px 2px grey;
}

/*************************************************************************/
.kns_frame {

width:100%;
margin-top:40px;
scrolling:auto;
border:0!important;
}


/*************************************************************************/

.lang	{	position: fixed; top: 0px; right: 25px;
		width: 60px;
		text-align:center;  
		padding: 3px 0px 5px 0px; 
		margin:0px; 
		display:inline-block; 
		background: rgba(0, 0, 0, 0.7); 
		-webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px;
		-moz-border-bottom-left-radius: 5px; -moz-border-bottom-right-radius: 5px;
		border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;
		
		-webkit-box-shadow: 0 8px 6px -6px black;
		-moz-box-shadow: 0 8px 6px -6px black;
		box-shadow: 0 8px 6px -6px black; 
		font-size: 12px; 
		color: #00b4af;
	}

	
.lang a:link,
.lang a:visited	{ color:white;} 	
.lang a:hover,
.lang a:active	{ color:#00b4af;}

.error_msg	{
color: #AC0823!important; 
font-size: 16px!important;
line-height: 30px!important;
margin-bottom: 15px!important;}

.ok_msg	{font-weight:700;
color: #10285d;
font-size: 16px;
line-height: 30px;
margin-bottom: 15px;}
.error_msg a,
.error_msg a:visited { color:#333683; font-size: 16px; text-align:center; }
.error_msg a:hover   { color:#3e6139;}

.w-100p{width:100px!important;}
.h-35p{height:35px!important;}

.contact_form button{
  background: #00b4af;
  border: 0;
  padding: 12px 24px;
  text-align: center;
  color: #fff;
  transition: 0.4s;
  border-radius: 4px;
}
.contact_form button:hover {
  background: rgba(0, 0, 0, 0.5);
}


/* Rows */
.row-float-left		{ float:left;  text-align:left;  }
.row-float-right	{ float:right; text-align:right;}
.row-clearer 		{ clear: both; height:0px; font-size:0px;}

.pad-right-10	{ padding-right:10px !important; }
.marg-top-m10	{ margin-top:-10px !important; }
.pad15{padding:15px;}
.set-width-100		{ width:100px; }

.keyschool {display:inline-block;width:100%;margin:0 auto;}

.byline
	{
		display: block;
		margin: 0.5em 0 0 0;
		padding: 0 0 0.5em 0;
		font-size: 18px;
	}

.button_main {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 1px;
  display: inline-block;
  padding: 12px 32px;
  border-radius: 4px;
  transition: 0.5s;
  line-height: 1;
  margin: 10px;
  color: #00b4af;
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s;
  border: 2px solid #00b4af;
}

.button_main:hover {
  background: #00b4af;
  color: #fff;
  text-decoration: none;
}

@media screen and (max-width:767px){
	#header .logo {
	  font-size: 22px;
	}
}

.ml-lg-6,
  .mx-lg-6 {
    margin-left: 10rem!important;
  }
  
/*   .full_width {
  width: 100vw;
  position: relative;
  left: 5%;
  right: 5%;
  margin-left: -50vw;
  margin-right: -50vw; 
} */

.blue_bgd {background-color: #0f4e8c;}
.res_img {max-width:100%!important;}
.fs_15 {font-size: 15px!important;}
.white_text{color: #fefefe!important;}
.text_normal{text-transform: none!important;}

/* .services .efarmogi_panelladikes {
  text-align: center;
  padding: 20px 20px 20px 20px;
  transition: all ease-in-out 0.3s;
  background: #fff;
} */

.services .efarmogi_panelladikes:hover {
  border-color: #fff;
  box-shadow: 0px 0 35px 0 rgba(0, 0, 0, 0.08);
}

/* ********************************************************************************************************************** */
/* Social Icons		 
/* ********************************************************************************************************************** */		 
div.gadget-social-container	{ float:right; text-align:right; background:none; margin-top: 45px; }
div.gadget-social-container img	{ padding:0px 5px 0px 5px; }
div.gadget-social-container a:link,
div.gadget-social-container a:hover { text-decoration:none; }

@media print { div.gadget-social-container	{ display: none !important; } }


/* ********************************************************************************************************************** */		 		 

.table-blue,
.table-blue > th,
.table-blue > td {
  background-color: #fdfdfe;
}

.table-blue th,
.table-blue td,
.table-blue thead th,
.table-blue tbody + tbody {
  border-color: #fbfcfc;
}

.table-hover .table-blue:hover {
  background-color: #ececf6;
}

.table-hover .table-blue:hover > td,
.table-hover .table-blue:hover > th {
  background-color: #ececf6;
}

.table .thead-blue th {
  color: #fefefe;
  background-color: #00b4af;
  border-color: #dee2e6;
}

/* ********************************************************************************************************************** */
/* slider	 
/* ********************************************************************************************************************** */		 
/* Βασικό ύψος για μεγάλες οθόνες (Desktop / Laptops) */
.slider-wrapper {
    position: relative;
    width: 100%;
    /* height: 480px;  */
    max-height: 100%; 
    background-color: #111; /* Fallback χρώμα αν αργήσει η εικόνα */
}

.universal-img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Κόβει ομοιόμορφα τη φωτογραφία για να γεμίζει το πλαίσιο */
    object-position: center;
}

/* Ευέλικτο κουτί κειμένου */
.custom-caption-box {
    background: rgba(0, 0, 0, 0.6);
    backdrop-filter: blur(4px); /* Μοντένιο εφέ θόλωσης στο φόντο του κειμένου */
	border-radius: 8px;
    padding: 15px 20px;
    bottom: 30px;
    left: 10%;
    right: 10%;	
	-webkit-animation-duration: .5s;
	animation-duration: .5s;
	border-top: 5px solid #00b4af;
}

.slider-title {
    font-size: 1.8rem;
    font-weight: 700;
    margin-bottom: 5px;
}

.slider-text {
    font-size: 1rem;
    margin-bottom: 0;
}

.btn-get-started {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 1px;
  display: inline-block;
  padding: 12px 32px;
  border-radius: 4px;
  transition: 0.5s;
  line-height: 1;
  margin: 10px;
  color: #fff;
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s;
  border: 2px solid #00b4af;
}

 .btn-get-started:hover {
  background: #00b4af;
  color: #fff;
  text-decoration: none;
}

/*3. Media Queries (Για Tablets & Κινητά)


Tablets (οθόνες έως 992px) */
@media (max-width: 992px) {
    .slider-wrapper {
        height: 360px;
    }
    .slider-title {
        font-size: 1.4rem;
    }
}

/* Κινητά τηλέφωνα (οθόνες έως 576px) */
@media (max-width: 576px) {
    .slider-wrapper {
        height: 240px; /* Μικρό ύψος για να μην κρύβει το υπόλοιπο περιεχόμενο του κινητού */
    }
    
    .custom-caption-box {
        background: rgba(0, 0, 0, 0.3);
		padding: 8px 12px;
        bottom: 15px;
        left: 5%;
        right: 5%;
    }

    .slider-title {
        font-size: 1rem;
    }

    .slider-text {
        font-size: 0.75rem;
    }
	
	.btn-get-started {
	  font-size: 1rem;
	  padding: 6px 16px;
	  margin: 5px;
	}
}







/*@media screen and (max-width:970px){
	.lang	{ margin-left: auto; margin-right:auto; right: 0px; left: 0px;}
}
*/
/* @media screen and (max-width:970px){
.lang {position: fixed; top: 60px; width: 100%; right: 5px;font-size:26px; color:#fefefe;}

.langs {float: left; text-align: center; padding-right: 9px; padding-left: 5px; background: rgba(0, 0, 0, 0.7);
-webkit-border-top-left-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-bottomleft: 5px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px; 
-webkit-box-shadow: 0 8px 6px -6px black;
-moz-box-shadow: 0 8px 6px -6px black;
box-shadow: 0 8px 6px -6px black; font-size: 0.6em; color: #00b4af;}
} */