@import 'https://fonts.googleapis.com/css?family=Open+Sans:300,400,700&subset=greek,greek-ext';

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0px; padding: 0px; border: 0px none; outline: 0px none; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
:focus { outline: 0px none; }
ol, ul { list-style: none outside none; }
strong{font-weight:bold;}
a{color:#6d6e70; text-decoration:none;}
.clear{clear:both;}

body { font-size: 15px; font-family: 'Open Sans', sans-serif; color:#010103; min-width: 980px; background:#808185; }
.container { margin:0 auto; width: 980px; height: auto;position:relative; }

#header {  width: 100%; height:145px;  padding: 0px; margin:0 auto; background: url('../img/layout/bg-header.jpg') repeat-x scroll top left #fff; position:relative; z-index:998;}

#top_bar { display:block; margin: 0px 0px 0px 0px; width:auto; }

.amea { position:absolute;top:25px;right:0px; }
.amea img{ position:relative;margin: 0px 0px 0px 10px; float:left;padding:0px;   }

#logo { position:absolute;top:30px;left:0px; width: 285px; height: 120px;  }
#logo a { display: block; width: 100%; height: 100%;text-indent: -999999px!important; background: url('../img/layout/logo.png') no-repeat scroll center center transparent; }

#navi { float: right;  margin: 76px 0px 0px 0px; width:auto;  }
#navi ul { float: left;  }
#navi ul li { float: left; }
#navi ul li a { float: left; display: block; font-size: 16px; color: #6d6e70; text-decoration: none; padding: 5px 5px 5px 5px; margin: 0px 10px 0px 0px;  }
#navi ul li a:hover, #navi ul li.current a {color:#00a850;}
#navi ul li.last a {margin-right: 0px;padding-right: 0px;}

#slideshow {  width: 100%;    height: 450px;  position: relative;  margin:0px; }
#slideshow .content_text {  width: 980px; margin:0 auto; }
#slideshow p.heading1 { font-size:44px; font-weight:700; color:#fff;display:block; top:220px;position:relative;z-index:99; text-shadow: 0 3px 5px #6d6e70; }
#slideshow p.heading2 { font-size:26px; font-weight:300; color:#fff; top:230px; position:relative; z-index:99;text-shadow: 0 3px 5px #6d6e70;}
#slideshow a.banner_link { display:block;width:100%;height:100%;position:absolute;top:0px;left:0px;text-indent: -999999px; z-index:100; }

#slogan {  width: 100%; padding: 0px; margin: 0px auto 0px auto; padding: 20px 0 20px 0;  background:#00a850 url(../img/layout/green_bg.jpg) no-repeat top center; text-align:center;}
#slogan p { color: #fff; font-size:26px;font-weight:300;  }

#subfooter {  width: 100%;  margin: 0px auto 0px auto;background: #00a850; padding: 20px 0 20px 0;text-align:center; }
#subfooter a { color: #fff; display:block; font-size:20px;font-weight:300;  }

#footer {  width: 100%; padding: 0px; margin: 0px auto 0px auto; color: #555555;
background: #e5e6e6; /* fallback for old browsers */
background: -webkit-linear-gradient(to left, #e5e6e6 , #a9abae); /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to left, #e5e6e6 , #a9abae); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */        
}
#footer .container { padding: 40px 0 40px 0; }

.footer_box { float:left;width:370px;   }
.footer_box p {font-size:14px;color: #555555;margin-bottom:8px;}
.footer_box p.footer_heading { color:#fff; font-size:26px;font-weight:300; display:block;margin-bottom:20px;  }
.footer_box ul {margin:0px 0px 0px 0px;}
.footer_box ul li{ font-size:14px;color: #555555;display:block; margin-bottom:8px; background:transparent url(../img/layout/arrow_footer.png) no-repeat 0 4px;padding-left:12px;}
.footer_box ul li a{color: #555555;display:block; }
.footer_box ul li a:hover{color:#00a850; }

.footer_box ul li.home {background:transparent url(../img/layout/footer_home.png) no-repeat 0 1px;padding-left:20px;}
.footer_box ul li.tel {background:transparent url(../img/layout/footer_tel.png) no-repeat 0 1px;padding-left:20px;}
.footer_box ul li.fax {background:transparent url(../img/layout/footer_fax.png) no-repeat 0 1px;padding-left:20px;}
.footer_box ul li.email {background:transparent url(../img/layout/footer_email.png) no-repeat 0 1px;padding-left:20px;}

.social_media {float:right;width:230px; }
.social_media a {display:inline-block;margin:0px 0px 0px 15px; background:#6d6e70;padding:10px; -webkit-border-radius: 52px;-moz-border-radius: 52px;border-radius: 52px;}
.social_media a img {display:block; }
.social_media a:hover {background:#00a850; }

#footer_copyright {  width: 100%;  }
#footer_copyright .container { padding: 20px 0 20px 0;  }
#footer_copyright p { float: left; width: 700px;line-height:20px;font-size:14px;color: #e5e6e6; }
#footer_copyright a { color: #e5e6e6; text-decoration: none;  }
#footer_copyright a:hover { text-decoration: underline; }
#wapp{position:relative;float:right;}
#wapp a{	display: block;	width: 75px;height: 20px;background:transparent url(../img/layout/wapp.png) no-repeat center;text-indent: -999999px!important;}


#content {  width: 100%; background: #fff; padding:0; }

#heading {  width: 100%; height:80px;line-height:80px; padding: 20px 0 20px 0; margin: 0px auto 0px auto; background:#00a850 url(../img/layout/green_bg.jpg) no-repeat top center;}
#heading h1 { color: #fff; font-size:36px;font-weight:300;  }

#banner {  width: 100%;  text-align:center; margin-bottom:40px;}

.content {  width: 980px; padding:30px 0px;margin:0px auto 0 auto; position:relative;  }
.content h1 {font-size:36px;font-weight:300; color:#00a850;margin:5px 0px 15px 0px; }
.content h1  a{ color:#00a850; }
.content h2 { font-size:26px;font-weight:300; color:#00a850;margin:15px 0px 10px 0px; }
.content h2  a{ color:#00a850; }
.content h3 { font-size:24px;font-weight:300;color:#00a850;margin:5px 0px 10px 0px; }
.content h3  a{ color:#00a850; }
.content h4 {  font-size:18px;line-height:20px;color:#00a850;margin:5px 0px 8px 0px; }
.content p { font-size:14px;line-height:22px;margin:5px 0px; }
.content ul { margin:10px 5px 10px 5px;overflow:auto;}
.content ul li{ margin:0 0 8px 0;font-size:14px;line-height:22px; background:transparent url(../img/layout/list.png) no-repeat 0 6px;padding-left:12px;}

.home_heading {font-size:30px!important;font-weight:300!important; color:#00a850!important;margin:5px 0px 20px 0px!important;  }
.home_heading  a{ color:#00a850!important; display:block;}

a.read_more {display:inline-block; margin:25px 0 0 0;color: #fff; background: #6d6e70;  padding: 5px 10px 5px 10px;}
a.read_more:hover {background: #00a850; }

.service_container {  width: 100%; background: #e5e6e6;  }
.service_container img { float:right;  margin:0 0px 0 50px;   }
.service_container.white {  background: #fff;  }
.service_container.white img {  float:left;  margin:0 50px 0 0; }

.left_thumb {float:left; margin:20px 20px 10px 0;}
.right_thumb {float:right; margin:20px 0px 10px 20px;}

.blog { display:block;margin:15px 0px 15px 0px; background: #e5e6e6; padding:10px 20px 20px 20px;}
.blog h2 a { color: #6d6e70; }
.blog a.read_more {float:right;margin:10px -20px -20px 0; }
span.created {color:#808185; font-size:13px; display:block;margin-bottom:15px;}

.blog_home { float:left;width:455px;margin:15px 10px 15px 0px; background: #e5e6e6; padding:15px 15px 0px 15px;}
.blog_home.last { margin-right:0px; }
.blog_home p { display:block; font-size:18px;line-height:26px;font-weight:300; }
.blog_home p a { color: #6d6e70; display:block;}
.blog_home a.read_more {float:right;margin:-25px -15px 0px 0; }

#news {  padding:30px 0;  }
#services {  padding:30px 0;  }
#brands {  padding:30px 0; width: 100%; background: #e5e6e6;  }
.brands_left {float:left;width:300px;}
.brands_right {float:right;width:630px;}
.brands_right img {/*width:90px; margin:10px 5px;*/}

.service_box {float:left;width:305px; margin:10px 10px;text-align:center;}
.service_box img {width:200px; }
.service_box h3 {font-size:20px; }

.block {
    overflow: hidden;
    position: relative;
    width: 100%;
    background: #e5e6e6;
}
.block .image {
    background-position: center center;
    background-size: cover;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 40%;
}
.block .content {   
    clear: both;    
    display: table;
    height: 100%;
    margin-left: 40%;
    min-height: 400px;
    overflow: hidden;
    position: relative;
    width: 60%;
}
.block  .inner {
    display: table-cell;
    padding: 30px 80px;
    position: relative;
    vertical-align: middle;
}
.block .max {
    display: block;
    max-width: 580px;
}
.block.right  {
    background: #fff;
}
.block.right .image {
    left: auto;
    right: 0;
}
.block.right .content {
    margin-left: 0;
    margin-right: 40%;
}
.block.right .max {
    float: right;
}




/* CONTACT
================================================== */
.contact_left{float:left;width:600px;}
.contact_right{float:right;width:300px;}

ul.contact_list {margin:10px 0 50px 0px;}
ul.contact_list li {margin:0px 0 10px 0;padding-left:36px;line-height:32px; font-size:16px;}
ul.contact_list li.home {background:transparent url(../img/layout/home.png) no-repeat 0 0;}
ul.contact_list li.tel {background:transparent url(../img/layout/tel.png) no-repeat 0 0;}
ul.contact_list li.fax {background:transparent url(../img/layout/fax.png) no-repeat 0 0;}
ul.contact_list li.email {background:transparent url(../img/layout/email.png) no-repeat 0 0;}

.contactform{
	margin:20px 0 20px 0;	
	width:600px;	
}
.contactform div.input{
	float:left;
	margin:0px 0 15px 0;
	padding:0;
	width:50%;
	position: relative;
	background:none;
}
.contactform div.textarea {
	float:left;
	margin:0px 0 15px 0;
	padding:0;
	width:100%;	
}

.contactform div.submit{
	float:left;
	width:95%;
	margin:5px 0 10px 0;
	padding:20px 0 5px;
	text-align:center;	
}

.contactform div.input label {
	float:left;
	width:100%;
	margin:0 0 4px 0;
	padding:0px;
	display:block;
	text-align:left;		
	font-size:17px;	
	color: #010103;	
	font-family: 'Open Sans', sans-serif;
}

.contactform input[type="text"], .contactform textarea {
	width:250px;
	padding:10px;
	margin:0px;	
	font-size:16px;	
	font-family: 'Open Sans', sans-serif;
	background: #00a850;	
	color: #fff;	
	-webkit-transition: all 0.4s ease; 
	transition: all 0.4s ease; 	
	border:none;
	text-align:left;
	float:left;	
}
.contactform textarea {	
	width:550px;
	height:130px;	
}

.contactform input[type="text"]:focus, .contactform input[type="text"]:hover {
outline: none;
background: #6d6e70; 
}

.contactform textarea:focus, .contactform textarea:hover {
outline: none;
background: #6d6e70; 
}

.contactform div.submit input{
	background: #6d6e70; width:220px;border: none; color: #fff; cursor: pointer; text-align: center;  margin-left: 160px; margin-top: 20px;display: block; padding: 10px 20px; font-size: 24px; outline: medium none;font-family: 'Open Sans', sans-serif;
}
.contactform div.submit input:hover{
	background: #00a850;	
}
.contactform div.submit input:active{
	background: #00a850;	
}

.contactform .required label:after {
	color:#e32;
	content:'*';
	display:inline;
}
.contactform div label.error{
	color:#e32;
	font-size:14px;
	width:100%;
	margin-top:5px;
	text-align:left;
	float: left;
}

/* FLASH MESSAGES
================================================== */
.hello-bar {
	position: absolute;
	top: 0;
	left: 0;
    color: #fff;
    font-size: 20px;
    text-align: center;
    background: #00A850;
    width: 100%;
    height: 50px;
    z-index: 2000;
    zoom: 1;
    padding: 25px 0 0 0;
    font-family: 'Open Sans', sans-serif;
}

.hello-bar:after, .hello-bar:before {
    content: "";
    display: table;
}

.hello-bar:after {
    clear: both;
}

.hello-bar .close {
    text-indent: -9999em;
    background: url(../img/layout/hello-bar-close.png) no-repeat top left;
    width: 21px;
    height: 21px;
    position: absolute;
    top: 25px;
    right: 15px;
}

.hello-bar .close:hover {
    background-position: bottom left;
}