@import 'https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,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;}
iframe{display:block;}
a{color:#333333; text-decoration:none;
	transition: all 600ms ease 0s;
    -webkit-transition: all 600ms ease 0s;
    -moz-transition: all 600ms ease 0s;
    -o-transition: all 600ms ease 0s;
}
a:hover { color:#333333;
	transition: all 600ms ease 0s;
    -webkit-transition: all 600ms ease 0s;
    -moz-transition: all 600ms ease 0s;
    -o-transition: all 600ms ease 0s;
}
p { font-size:14px;line-height:22px;margin:7px 0px; }
.center{text-align:center;}
.clear{clear:both;}
.divider{clear:both;height:30px;}

a.overlay_link {display:block;width:100%;height:100%;position:absolute;top:0px;left:0px;text-indent: -999999px; z-index:10; }

.padd{
	padding-top: 50px;
	padding-bottom: 50px;
	overflow:hidden;
	position:relative;
}
.padd_bottom{
	padding-top: 0px;
	padding-bottom: 50px;
	overflow:hidden;
	position:relative;
}
.container-fluid.no-padd{
	padding-top: 0px;
	padding-bottom: 0px;
}
.img-responsive{
	width: 100%;
}
.row_half{margin-left:0px;margin-right:0px;}
.no-gutter > [class*='col-'],  .no-gutter .row > [class*='col-'] {
    padding-right:0;
    padding-left:0;
}
.no-margin.row {
    margin-right:0;
    margin-left:0;
}

.no-margin.row  [class^="col-"],
.no-margin.row  [class*=" col-"] {
  padding-right: 0;
  padding-left: 0;
  position: relative;
}

.container-fluid.no-padding{
	padding-left:0px;
	padding-right:0px;
}

.whibe_bg{background:#fff;}
.grey_bg{background:#c7c7c7;}

body { font-size: 14px; font-family: 'Open Sans', sans-serif; color:#333333; background: #f6f6f6; }

#header {  width: 100%; height:auto;  position:relative; z-index:999; padding-top:20px;padding-bottom:0px;   background:#fff; border-bottom:1px solid #ccc;  }

#logo { position:relative; margin: 0 auto 20px auto; display: block;  width: 300px; height: 118px;  }
#logo a { display: block; width: 100%; height: 100%;text-indent: -999999px!important; background: url('../img/layout/logo.png') no-repeat scroll center center transparent; background-size: 100%; }

#info { text-align:right; margin-top:0px; }
#info p { color:#081d6d; font-size:13px; margin:0px 0px 5px 0;  }
#info .login_link { position:absolute; right:20px; top:45px; display:block; color:#fff; background:#c02221 url(../img/layout/login.svg) no-repeat 7px center;  background-size: 15px; font-size:13px; padding:5px 10px 5px 26px;  transition: all 0.4s ease;}
#info .login_link.logout { background:#c02221 url(../img/layout/logout.svg) no-repeat 7px center; background-size: 15px; }
#info .login_link:hover { background-color:#167766; 	transition: all 0.4s ease; 	  }

#open_menu  { display:none;}

#main_menu { position:relative; margin:0px 0px 0px 0px;padding:0px;   }
#main_menu ul { display:block; margin:0px; padding:0px; text-align:center;  }
#main_menu ul li{  display:inline-block; margin:0px; padding:0px; position: relative; }
#main_menu ul li a{  display:block; margin:0px; padding:10px 10px;   font-size:16px; text-transform:uppercase; color:#333333; transition: all 0.5s ease 0s;  }
#main_menu ul li.active a{ color:#c02221;  transition: all 0.5s ease 0s; }
#main_menu ul li a:hover{  color:#fff; background:#167766; transition: all 0.5s ease 0s; }

#copyright { margin-bottom:0px; padding-top:20px;padding-bottom:20px; background:#262626; }
.copyright p { line-height:22px;font-size:14px;color: #fff; }
.copyright a { color: #fff; text-decoration: none;  }
.copyright a:hover { text-decoration: underline; }
#wapp{position:relative;float:right; margin-top:20px;}
#wapp a{	display: block;	width: 75px;height: 20px;background:transparent url(../img/layout/wapp.png) no-repeat scroll center center;text-indent: -999999px!important;background-size: 100%;}

.content { }
.content h1 {font-size:30px;font-weight:700; color:#333333; margin:0px 0px 30px 0px; }
.content h2 { font-size:26px;font-weight:700; color:#167766; margin:10px 0px 10px 0px; }
.content h3 { font-size:20px; font-weight:bold;margin:15px 0px 10px 0px; }
.content h4 {  font-size:18px;line-height:20px;margin:5px 0px 8px 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 7px;padding-left:15px;}
.content ul.links li{ background:transparent url(../img/layout/link.png) no-repeat 0 7px;}

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

#sidebar {padding-left:50px;}


/* HOME PAGE
================================================== */

.home_box { position:relative;margin-bottom:20px;background:#fff;border-bottom:1px solid #ccc;}
.home_box .home_box_text{ padding:15px 20px;}
.home_box .home_box_subtitle{ display:block; font-size:20px; font-weight:700; margin-bottom:5px; color:#167766; }
.home_box .home_box_title{ display:block; font-size:15px; margin-bottom:10px; }


/* INNER PAGES
================================================== */

.white_content { padding:20px 25px;background:#fff;border-bottom:1px solid #ccc; }

.board_table_container{	overflow-x:auto; }
.board_table{	
	font-size: 14px;	
	margin: 0px 0 20px 0;
	width: 100%;	
	border-collapse: collapse;
	text-align: left;
}
.board_table th{
	font-size: 16px;
	font-weight: normal;
	color: #081d6d;
	padding: 10px 8px;
	border-bottom: 2px solid #081d6d;
}
.board_table td{
	border-bottom: 1px solid #ccc;	
	padding: 8px 8px;
}
.board_table tbody tr:hover td{
	color: #081d6d;
}



/* PROJECTS PAGE
================================================== */
.project_box{margin-bottom:20px;background:#fff;padding:0px; border-bottom: 1px solid #ccc; }
.project_box img { float:left; margin-right:30px; width: 350px; }
.project_box p.title { display:block;color:#333; font-size:16px; margin-top:15px;margin-bottom:8px;   }
.project_box p.title a { display:block;color:#333;font-weight:700;    }
.project_box .title_divider {	
	display: inline-block;	
	width: 50px;
	height: 5px;
	border-radius: 3px;	
	background-color: #c02221;
	margin: 5px 0 0px 0;	
}

.project_thumb {margin:5px 0px 20px 0;}

/* BLOG PAGE
================================================== */
.blog_post{margin-bottom:20px;background:#fff;padding:0px; border-bottom: 1px solid #ccc; }
.blog_post img { float:left; margin-right:30px;  }
.blog_post p.title {color:#333; font-size:16px; margin-top:15px;margin-bottom:8px; overflow:hidden;}
.blog_post p.title a { display:block;color:#333;font-weight:700;}
.blog_post .blog_date { display:inline-block; font-weight: 300; text-transform:uppercase; position:relative; margin-bottom:20px;}
.blog_post .blog_date::after {
	content: '';
	display: block;
	position: absolute;
	width: 50px;
	height: 5px;
	border-radius: 3px;
	left: 0px;
	background-color: #c02221;
	top: 30px;
	z-index: 1;
}

.read_more{ display:block; color:#167766;  padding:2px 2px 5px 2px;  float:right; margin-top:0px; margin-right:10px; border-bottom:1px solid #167766;}
.read_more.right{ float:right; }
.read_more:hover{ color:#c02221; border-bottom:1px solid #c02221; }

.created {margin:15px 0; font-weight: 300; text-transform:uppercase; display:block;}
.blog_thumb {float:left; margin:5px 20px 10px 0;}

/* DOWNLOAD FILES
================================================== */
.download_area{margin-top:30px;}
.download_area.gallery_area{margin-top:30px;}
.download_area.project_view_area{margin-top:0px;}
.download_area h6{ font-weight:700; font-size:16px;margin-bottom:5px;}

.download_box { position:relative;margin-top:20px;margin-bottom:5px;height:auto;min-height:54px;background:#fff;border:1px solid #c02221;}
.download_box  a{ display:block;position:absolute;top:0px;left:0px;width:100%;height:100%;text-indent: -999999px;z-index:9999;}
.download_box span.fileicon { width:60px; height:52px; display:block; position:absolute;  top:0px;background:#c02221 url(../img/layout/download.png) no-repeat center center;transition: all 300ms linear 0s;}
.download_box span.filename {margin-left: 75px;display: block;font-size: 14px;margin-bottom: 0px;padding-top: 5px;text-shadow: 0px 1px 0px #fff;font-weight: 700;}
.download_box span.filesize {margin-left:75px;display:block; font-size:13px;color:#7C8187;}
.download_box:hover span.fileicon {background:#167766 url(../img/layout/download.png) no-repeat center center;transition: all 300ms linear 0s;}
.download_box:hover {border-bottom:1px solid #167766;border-top:1px solid #167766;border-right:1px solid #167766;transition: all 300ms linear 0s;}

.gallery {margin:10px 0px 10px 0; }

/* CONTACT
================================================== */
.contactform{
	margin:40px 0 0px 0;	
	width:100%;	
}
.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:16px;	
	color: #167766;	
	font-family: 'Open Sans', sans-serif;
}

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

.contactform input[type="text"]:focus, .contactform input[type="text"]:hover, .contactform input[type="password"]:focus, .contactform input[type="password"]:hover {
	outline: none;
	background: #262626; 	
	transition: all 0.4s ease; 	
}

.contactform textarea:focus, .contactform textarea:hover {
	outline: none;
	background: #262626; 	
	transition: all 0.4s ease; 	
}

.contactform div.submit input{
	background: #c02221; width:220px;border: none; color: #fff; cursor: pointer; text-align: center;  margin: 20px auto; display: block; padding: 10px 20px; font-size: 18px; font-weight:bold; outline: medium none;font-family: 'Open Sans', sans-serif; transition: all 0.4s ease; 	
}
.contactform div.submit input:hover{
	background: #167766;	
	color: #fff;
	transition: all 0.4s ease; 	
}
.contactform div.submit input:active{
	background: #167766;	
	color: #fff;
	transition: all 0.4s ease; 	
}

.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: #c02221;
    width: 100%;
    height: 80px;
    z-index: 2000;
    zoom: 1;
    padding: 20px 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;
}

/* Pagination
================================================== */
.pagination{
	margin: 20px 0 20px 0;
	padding: 0px;
	width:100%;
}
.page-navigation{	
	font-size: 16px;
	font-weight: normal;
}
.page-navigation span{
	display: inline-block;
	text-align: center;
}
.page-navigation .next-prev{
	margin-left: 20px;
	text-align:right;
}
.page-navigation .next-prev a{
	display: inline-block;
	background: #081d6d;
	color: #fff;
	padding: 5px 10px;
	font-weight: 100;
}
.pagination a:hover{
	color: #EADB7D!important;
}
.page-navigation .next-prev .disabled{
	color: #ccc;
	padding: 5px 10px;
	display: none;
}
.pagination a{
	display: inline-block;
	padding: 5px 10px;
	font-size: 16px;
}
.pagination .pages{
	float: right;	
}
.page-navigation .current{
	color: #081d6d;
	font-weight: 700;
	padding: 5px 10px;
	font-size: 18px;
}
.stats{
	float: left;
	font-size: 16px;
	padding: 5px 10px;
}
.disabled{
	display: none;
}

/* MEDIA QUERIES
================================================== */

@media only screen and (min-width:1200px) and (max-width:1349px) {
	/*#header { background:red;  }*/	
	
}  

@media only screen and (min-width:992px) and (max-width:1199px) {
	/*#header { background:green;  }*/		
	

	.home_box .home_box_text{ min-height:120px;}	
}

@media (max-width:991px){
	

	#logo { margin: 0 0 20px 0;  width: 250px; height: 98px;  }		
	#info .login_link {  top:0px; }

	#open_menu  { position:absolute;top:-60px;right:5px;display:block; width:48px;height:48px;   background:transparent url(../img/layout/open_menu.svg) no-repeat center center;z-index:9999;text-indent: -999999px; background-size: 100%;}
	#main_menu ul { display:none; }
	#main_menu ul.active { display:block; position:absolute; left:0px; top:1px; background:#fff; width:100%; padding:10px; border-bottom:1px solid #ccc;border-left:1px solid #ccc;border-right:1px solid #ccc;}
	#main_menu ul li{ float:none; display:block;  }
	#main_menu ul li a{  padding:5px 10px; }	
	
	.mobile_margin_top {margin-top:30px;}

	.project_box img { width: 200px; }
	.project_box p.title {  padding-top:15px;  }
	.project_box .project_text {  display:none; }
	.project_box .read_more{  margin-top:40px; }

}
  
@media only screen and (min-width:768px) and (max-width:991px) {
	/*#header { background:orange;  }*/
	
	.home_box .home_box_text{ min-height:120px;}	

	.blog_post img { width:280px;  }
	.blog_post p.title {padding-top:15px;}
	.blog_post .read_more{  display:none; }
}

@media (max-width:767px){			
	
	.copyright {text-align:center;margin-bottom:15px;}
	.copyright p{font-size:14px;}
	#wapp{float:none;margin-bottom:10px;}
	#wapp a{margin:0 auto;}	
	
}

@media only screen and (min-width:550px) and (max-width:767px){
	#header { background:brown;  }	
	
	.blog_post img { width:200px;  }
	.blog_post p.title {padding-top:15px;}
	.blog_post .read_more{  margin-bottom:10px; }
}

@media (max-width:549px){
	
	.content h1 {font-size:22px;line-height:28px; }
	.content h2 { font-size:18px;}	
	
	.contactform div.input{	width:100%; }
	.contactform div.submit{	width:100%;}
	.contactform input[type="text"], .contactform input[type="password"], .contactform textarea {	width:100%;	}	

	.project_box img { width: 150px; }
	.project_box p.title {  padding-top:10px;  }
	.project_box .read_more{  margin-top:20px; }

	.blog_post img { float:none;  display:block; margin-right:0px; margin-bottom:20px; width:100%;  }
	.blog_post p { margin-left:10px;  }
	.blog_post .blog_date { margin-left:10px;}
	.blog_post .read_more{  margin-bottom:10px; }

	.blog_thumb {float:none; display:block; margin:5px auto 10px auto; max-width:100%;}

}

@media only screen and (min-width:480px) and (max-width:549px){
	#header { background:purple; } 	

}

@media only screen and (max-width:479px) {	
	/*#header { background:cyan;  }*/
	
	#logo {  width: 200px; height: 79px;  }	
	
	.white_content { padding:15px 20px; }
}