/*************************************************************************/
#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;
}

.vr_frame {
	border:0; 
	width: 51%; 
	height: 480px;
	margin-top:50px!important;
}


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

.lang	{position: fixed; top: 0px; right: 25px;
		z-index: 1;
		/* width: 60px; */
		width: 60px;
		text-align:center;  
		padding: 3px 0px 5px 0px; 
		margin:0px; 
		display:inline-block; 
		background: rgba(86, 86, 86, 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: #1d521f;
	}

	
.lang a:link,
.lang a:visited	{ color:white;} 	
.lang a:hover,
.lang a:active	{ color:#1d521f;}

.lang img	{max-width:25px!important;}

.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:#397137;}

.strong {font-weight: bolder;}
.fw-700 {font-weight: 700!important;}
.center {text-align:center!important;} 
.txt_right {text-align:right!important;} 
.txt_left {text-align:left!important;} 
.ft_h5 {font-size: 1.25rem;font-weight: 500; line-height:1!important;}
.li_hg_0 {line-height:0!important;} 

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

.client_color {color: #397137!important;}
.client_color_scd {color: #677638!important;}
.lan_page_bgd {background-color: #ecf1eb!important;}

.list_none {list-style-type: none!important;}
.txt_nornal {text-transform: none!important;}

.na {
  color: #808080;
  text-decoration: line-through;
}

.bx_sh_title {text-align:center!important; padding: 0.75rem 0.75rem!important; box-shadow: 10px 35px 35px rgba(0, 0, 0, 0.7)!important;}
.bx_sh_img {box-shadow: 10px 35px 35px rgba(0, 0, 0, 0.5);}
.bx_sh_button {box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.2);}

.form-control {
  display: block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #397137;
  border-radius: 0.25rem;
  box-shadow: 10px 15px 15px rgba(0, 0, 0, 0.2);
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.contact_form button{
  background: #397137;
  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); */
  background: #677638;
}


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

.txt_left {text-align:left!important;}
.txt_right {text-align:right!important;}

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

.button_main {
  font-family: "Sofia Sans Condensed", 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: #397137;
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s;
  border: 2px solid #397137;
}

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

.button_about {
  background: #397137;
  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 #677638;
  text-align: center;


}
.button_about:hover {
  background: #677638;
  border: 2px solid #397137;
  color: #fff;
}


.button_vivlia_g {
  font-family: "Sofia Sans Condensed", sans-serif;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 1px;
  display: inline-block;
  padding: 12px 24px;
  border-radius: 1px;
  transition: 0.5s;
  line-height: 1;
  margin: 10px;
  background: #397137;
  color: #fff;
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s;
  /* border: 2px solid #397137; */
}

.button_vivlia_g:hover {
  background: #fff;
  color: #397137;
  border: 2px solid #397137;
  text-decoration: none;
}

.button_vivlia_w {
  font-family: "Sofia Sans Condensed", sans-serif;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 1px;
  display: inline-block;
  padding: 12px 24px;
  border-radius: 1px;
  transition: 0.5s;
  line-height: 1;
  margin: 10px;
  background: #fff;
  color: #000;
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s;
  /* border: 2px solid #397137; */
}

.button_vivlia_w:hover {
  background: #fff;
  color: #397137;
  border: 2px solid #397137;
  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: 50%;
  right: 5%;
  margin-left: -50vw;
  margin-right: -5vw; 
}  */

.blue_bgd {background-color: #0f4e8c;}
.res_img {max-width:100%!important;}
.fs_15 {font-size: 15px!important;}
.white_text{color: #fefefe!important;}
.gray_text{color: #828282!important;}
.red_txt{color: #5d210d!important;}
.smaller {
  font-size: 50%;
  font-weight: 400;
}
.txt_un {text-decoration: underline!important;}
.txt_body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Sofia Sans Condensed", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: left;
}
.txt_h4 {
	font-size: 1.5rem;
	font-weight: 700;
}
/* .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);
}


#hero .btn-get-started-custom {
  background: #93978c;
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 1px;
  display: inline-block;
  padding: 16px 32px;
  border-radius: 4px;
  transition: 0.5s;
  line-height: 1;
  margin: 10px;
  color: #231f20;
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s;
  border: 2px solid #fff;
  text-align: center;
}

#hero .btn-get-started-custom:hover {
  background: #231f20;
  border: 2px solid #93978c;
  color: #fff;
}

#hero .carousel-container-custom {
  /* display: flex;
  align-items: flex-end;
  justify-content: center;
  position: absolute;
  bottom: 60px;
  top: 70px;
  left: 55px;
  right: 55px; */

  /* position: absolute;
  bottom: 15%;
  top: 15%; 
  right: 15%; */
  
  justify-content: center!important;
  position: absolute;
  bottom: 50%;
  top: 40%; 
  right: 25%;

  
}




@media (max-width: 800px) {
 
 #hero .carousel-container-custom { 
  top: 20%;
  right: 22%; 
}
  
  #hero .carousel-content-custom h2 {
    margin-bottom: 5px;
    font-size: 10px;
  }
  
 #hero .btn-get-started-custom {
  font-size: 10px;
  padding: 6px 14px;
  margin: 5px;
}

.bx_sh_title {text-align:center!important; padding: 0.75rem 0.75rem!important; box-shadow: 10px 35px 35px rgba(0, 0, 0, 0.7)!important;}

}

.contact .box {
  padding: 20px;
  background: #f8f8f5;
  text-align: center;
  box-shadow: 10px 5px 5px rgba(0, 0, 0, 0.2);
  border-radius: 15px;
  border-top-right-radius: 50px 50px;
  border-bottom-right-radius: 20px 20px;
  position: relative;
  overflow: hidden;
}

.half{
width: 20%;
border-top: 2px solid #8c8b8b;
margin-left: auto;
margin-right: auto;
margin-top:1px!important;
}

.img_half{
max-width: 25%!important;
margin-left: 0!important;
margin-right: 0!important;
}

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


/*@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: #397137;}
} */




/* label { color: #fff; }
#rev-works { 
  display: flex; 
  align-items: flex-start;
  justify-content: space-between;
  width: 90%;
  margin: 0 auto;
}
#rev-works figure { 
  flex: 1;
  background: #fff;
  padding: 10px; 
  opacity: 0;
  transition: .8s opacity; 
}
#rev-works figure.visible { 
  opacity: 1; 
}
#rev-works figure img { 
  width: 100%; height: auto; 
}
#rev-works figcaption { 
  margin: 1rem auto;
  text-align: center;
  font-weight: 700; 
}
#rev-works figure div { 
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 1000px) {
  div#rev-works { width: 100%; }
}
@media screen and (max-width: 700px) {
  div#rev-works { 
    flex-direction: column;
    width: 80%;
}
}
@media screen and (max-width: 500px) {
  div#rev-works { 
    width: 100%;
}
} */