@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:#17171d; 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:#17171d;
	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:20px;}

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

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

#header {  width: 100%; height:auto;  position:relative; z-index:999; padding-top:20px;padding-bottom:20px;   background:#000;  }

#logo { position:relative; margin: 0 0 0 0; display: block;  width: 151px; height: 80px;  }
#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:15px; }
#info a.square_logo { margin:0px 0px px 0; display: inline-block; width: 180px; height: 50px;text-indent: -999999px!important; background: url('../img/layout/square_design.png') no-repeat scroll center center transparent; background-size: 100%;  }

#info .login_link { position:absolute; right:200px; top:0px; display:block; color:#fff; background:#000000 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:#000000 url(../img/layout/logout.svg) no-repeat 7px center; background-size: 15px; }
#info .login_link:hover { background-color:#5f7be6; 	transition: all 0.4s ease; 	  }

#open_menu  { display:none;}

#main_menu { position:relative; margin:20px 0px 0px 0px;padding:0px;   border-top:1px solid #ffd000;  }
#main_menu ul { display:block; margin:0px; padding:0px;  }
#main_menu ul li{ float:left; display:inline-block; margin:0px; padding:0px; position: relative; }
#main_menu ul li a{  display:block; margin:0px; padding:10px 10px;   font-size:14px; text-transform:uppercase; color:#fff; transition: all 0.5s ease 0s;  }
#main_menu ul li.active a{ color:#ffd000;  transition: all 0.5s ease 0s; }
#main_menu ul li.right { float:right; }
#main_menu ul li a:hover{  color:#ffd000; transition: all 0.5s ease 0s; }


#copyright { margin-bottom:0px; padding-top:20px;padding-bottom:20px; background:#000000; }
.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:#000000; margin:0px 0px 30px 0px; }
.content h2 { font-size:26px;font-weight:700; color:#000000; margin:10px 0px 20px 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
================================================== */

#building_bg {  background:#fff url(../img/layout/bg.png) no-repeat center center; min-height:calc(100vh - 290px);}

.home_boxes { padding-top:200px;}

.home_box { position:relative;margin-bottom:20px;background:rgba(0, 0, 0, 0.7); border-left:10px solid #ffd000;}
.home_box .home_box_text{ padding:15px 20px 15px 70px; color:#fff;  }
.home_box .home_box_text.construction{ background: url(../img/layout/construction.svg) no-repeat 20px center; background-size: 32px; }
.home_box .home_box_text.realtime{ background: url(../img/layout/realtime.svg) no-repeat 20px center; background-size: 32px;}
.home_box .home_box_text.finance{ background: url(../img/layout/finance.svg) no-repeat 20px center;  background-size: 32px;}
.home_box .home_box_text.concept{ background: url(../img/layout/concept.svg) no-repeat 20px center; background-size: 32px;}
.home_box .home_box_text.final-shooting{ background: url(../img/layout/final-shooting.svg) no-repeat 20px center; background-size: 32px; }
.home_box .home_box_subtitle{ display:block; font-size:20px; font-weight:300; margin-bottom:5px; }
.home_box .home_box_title{ display:block; font-size:15px; margin-bottom:10px; }

.contact_box { padding:10px 20px; background:#000000; margin-bottom:20px;}
.contact_box h3 { color:#fff; font-size:20px; font-weight:300; margin-bottom:20px; border-bottom:2px solid #ffd000;padding-bottom:10px;}
.contact_box ul li{ color:#fff; font-size:14px; font-weight:300; 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: #000000;
	padding: 10px 8px;
	border-bottom: 2px solid #000000;
}
.board_table td{
	border-bottom: 1px solid #ccc;	
	padding: 8px 8px;
}
.board_table tbody tr:hover td{
	color: #000000;
}

.gallery_area{border-top:2px solid #ffd000;padding-top:20px;margin-top:40px;}
.gallery_area h6{ font-weight:700; font-size:16px;margin-bottom:5px;}

.gallery { margin: 10px 0; border:1px solid #ccc;}


/* ALBUM PAGE
================================================== */

.realtime_box { position:relative;margin-bottom:20px;background:#fff;border-bottom:1px solid #ccc;border-left:5px solid #000;}
.realtime_box .realtime_box_text{ padding:15px 20px;}
.realtime_box .realtime_box_subtitle{ display:block; font-size:24px; font-weight:300; margin-bottom:5px; }
.realtime_box .realtime_box_title{ display:block; font-size:15px; margin-bottom:10px; }



/* BLOG PAGE
================================================== */

.cat_box { position:relative;margin-bottom:20px;background:#fff;border-bottom:1px solid #ccc;}
.cat_box .cat_box_text{ padding:15px 20px;}
.cat_box .cat_box_title{ display:block; font-size:24px; font-weight:300; margin-bottom:5px; }

.blog_post{margin-bottom:20px;background:#fff;padding:0px;border-top:3px solid #ffd000;}
.blog_post p.title { display:inline-block; color:#333; padding:10px; margin:0px;}
.blog_post p.title a {color:#333;font-weight:400;}
.blog_post .blog_date {display:inline-block;background:#000000; color:#fff; margin:0px; padding:10px 20px; text-align:center; text-transform:uppercase;}
.blog_post .blog_date span {display:inline-block;line-height:24px;}
.blog_post .blog_date span.day {}
.read_more{ display:block; color:#fff; background:#000000; padding:10px 20px; line-height:24px;  float:right; margin:0px;}
.read_more:hover{ color:#ffd000; }

.blog_view h2 { font-size:20px; color:#343434; line-height:26px;}
.created {margin:15px 0; font-weight:700; display:block;color:#666;}
.blog_thumb {float:left; margin:5px 20px 10px 0;}

/* DOWNLOAD FILES
================================================== */
.download_area{border-top:2px solid #ffd000;padding-top:20px;margin-top:40px;}
.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:#f1f1f1;border:1px solid #000000;}
.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:#000000 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:#000000 url(../img/layout/download_hover.png) no-repeat center center;transition: all 300ms linear 0s;}


/* 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: #000000;	
	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: #000000;	
	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: #f6db00; 	
	color:#000;
	transition: all 0.4s ease; 	
}

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

.contactform div.submit input{
	background: #f6db00; width:220px;border: none; color: #000000; 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: #000000;	
	color: #fff;
	transition: all 0.4s ease; 	
}
.contactform div.submit input:active{
	background: #000000;	
	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: #000000;
    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: #000000;
	color: #fff;
	padding: 5px 10px;
	font-weight: 100;
}
.pagination a:hover{
	color: #ffd000!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: #000000;
	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;  }*/		
	
	#sidebar {padding-left:0px;}
	
	
}

@media (max-width:991px){

	#header { padding-bottom:10px;   }	
	
	#logo {  width: 94px; height: 50px;  }	
	#info { margin-top:0px; }
	
	#open_menu  { position:relative;display:block; margin-top:5px; font-size:20px; color:#ffd000; padding:5px 5px 5px 40px;   background:transparent url(../img/layout/open_menu.svg) no-repeat left center;z-index:9999;background-size: 32px;}	
	#main_menu ul { display:none; }
	#main_menu ul.active { display:block; position:absolute; left:0px; top:54px; background:#fff; width:100%; padding:10px; border-bottom:10px solid #000000;border-left:1px solid #000000;border-right:1px solid #000000;}
	#main_menu ul li{ float:none; display:block;  }
	#main_menu ul li a{  padding:5px 10px; font-weight:600; color:#000;}	
	#main_menu ul li.right { float:unset;}	
	
	#sidebar.inner {display:none;}
	#sidebar {padding-left:0px; padding-top:50px;  }
	
}
  
@media only screen and (min-width:768px) and (max-width:991px) {
	/*#header { background:orange;  }*/
	
	
	
}

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

@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%;	}	
	
		
}

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

}

@media only screen and (max-width:479px) {	
	/*#header { background:cyan;  }*/
	
	#info a.square_logo {  width: 140px; }
	
	.copyright p{font-size:12px;}	
	
	.white_content { padding:15px 20px; }
}