@import url(../_styles/footer.css); /* Footer */
@import url(../_styles/header.css); /* Header Menu */
@import url(../_styles/news.css); /* Latest News */
@import url(../_styles/all_pages.css); /* All other pages */



body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	height: 100%;
	width:100%;
	min-width:320px;
	max-width:1440px;
	background-color: #395d580a;
}

a { color:  #193542; text-decoration: none; }

a:hover { text-decoration: none; }

p { margin-top: 4px; margin-bottom: 7px; }

ul { margin-top: 0px; }

h1 {
	font-size: 16px;
	font-weight: bold;
	margin-top: 0px;
	padding-bottom: 6px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
}

h2 {
	margin-left:0%;
	margin-top:0%;
	text-align: center;
	font-size:3vw;
	line-height:2;
	font-weight: 400;
	color: #ffffff;
	border-bottom:3px solid #193542;
	background-color:#193542;
}

h3 {
	margin-left:0%;
	padding-bottom:2%;
	text-align: center;
	font-size: 25px;
	font-weight: 400;
	color: #193542;
}

h4 {
	margin-left:0%;
	padding-bottom:2%;
	text-align: center;
	font-size: 20px;
	font-weight: 400;
	color: #193542;
}

h5 {
	position: absolute;
	margin-left:35%;
	font-weight:200;
	width:40%;
	padding-bottom:0%;
	text-align: right;
	font-size: 1em;
	color: #193542;
}

h6 {
	margin-top:0%;
	margin-left:0%;
	text-align: center;
	font-size: 2em;
	line-height:2;
	font-weight: bold;
	color: #193542;
}

h7 {
	position:absolute;
	margin-top:20%;
	padding-bottom:2%;
	text-align: center;
	font-size: 2em;
	color: #193542;
	border-bottom:3px solid #7a8656;
	width:100%;
}

.incontainer {
	height: inherit;
	margin-left:0px;
	width:100%;
	height:100%;
	margin-right:0px;
	background-repeat: repeat-x;
	font-family: 'Oswald', sans-serif;
}


.incontainerGr {
	height: inherit;
	margin-left:0px;
	width:100%;
	height:100%;
	margin-right:0px;
	background-repeat: repeat-x;
	font-family: 'Roboto Condensed', sans-serif;
}

.incontainerR {
	width:100%;
	overflow:hidden !important;
}



/*------------------------------------
 CONTENT CSS 
-------------------------------------- */

.mainContent {
	display: table;
	position: relative;
	overflow: auto;
	width:100%;
	min-height:100%;
	margin-right: 0px;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	padding-top:0px;
	color:white;
}

.upperContent{
	position: relative;
	overflow: hidden;
	width:100%;
	height:800px;
	/*background-image: url(../_img/background.gif);*/
	max-width:1440px;
	background-repeat: no-repeat;
	background-size:cover;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.05), 0 6px 20px 0 rgba(0, 0, 0, 0.05);
}

#upperImage{
	z-index:-11;
	position:absolute;
	width:100%;
	max-width:1440px;
	height:100%;
	background-color: #193542;
	/*background-image: url(../_img/stepcbuilding3.jpeg);*/
	background-repeat: no-repeat;
	background-size:cover;
}

.innercontent {
	line-height: 1.5em;
	font-size: 15px;
	font-weight:lighter;	
	color: #193542;
	margin-top:0.5%;
	padding-top: 1%;
	padding-left: 60px;
	padding-right: 25%;
	padding-bottom: 10%;
	margin-left:0px;
	margin-right:0px;
	width: 70%;
	display: table;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.05), 0 6px 20px 0 rgba(0, 0, 0, 0.05);
}

.innercontent a:hover {
	color: #788388;
}

.middleContent{
	margin-top:55px;
}

.middleAterContent {
	position:absolute;
	left:0%;
	width:100%;
	height:400px;
	top:98%;
	font-size: 20px;
	font-weight: normal;
	margin-top: 20px;
	margin-left:0px;
	margin-right:20px;
	display: table;
	background-color: rgba(238, 240, 245, 0.64);
	border-top: 5px solid #193542;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.03), 0 6px 20px 0 rgba(0, 0, 0, 0.03);
	background-image: url(../_img/background-illustration-bright.png);
	background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.contenTitle {
	font-size:bolder;
	font-size: 50px;
	margin-left:60px;
	margin-right:20px;
	margin-top:180px;
	width:100%;
	padding-bottom: 0px;
	padding-left: 0%;
	padding-top: 1%;
	color:#193542;
}

.more{
	position:absolute;
	font-weight:100;
	font-size:20px; 
	line-height:23px;
	padding-left:2%; 
	padding-right:3%; 
	padding-top:0.2%;
	padding-bottom:0.2%;
	z-index:10;
	color:#193542;
	border:2px solid #193542;
	overflow:auto;
	background-color: white;
	overflow:hidden;
}

.more:hover{
	transition:0.3s;
	color:#788388;
}

#aboutMore{
	top:85%;
	padding-top:0.1%;
	padding-bottom:0.1%;
	margin-left:80%; 
}

#aboutMore:hover #imgMore{
	padding-left:7%;
	transition:0.2s;
}

#imgMore{ 
	padding-left:5%;
	margin-top:-3%;
	height:33px;
	position:absolute;
}

#imgMoreMin{
	display:none;
}

.content {
	line-height: 1.5em;
	font-size: 15px;
	font-weight:100;	
	padding-top: 15px;
	padding-bottom: 20px;
	text-align: center;
	padding-left:0%;
	padding-right:0%;
	width:100%;
	display:table;
}

.content ul{
	list-style: none;
}

* html .content {
	margin-right: 0; /*IMPORTANT*/
}



/*------------------------------------
BOTTOM SIDE - LOGOS/PROJECTS
--------------------------------------*/



.bottomLogos {
	padding-top: 0px;
	position: absolute;
	width: 100%;
	min-width:800px;
	height:230px;
	margin-top: 20px;
	text-align: left;
	top:413%;
	overflow:hidden;
}

.bottomHead {
	font-size: 30px;
	color: #193542;
	margin-left:0px;
	margin-right:20px;
	width:100%;
	height:280px;
	padding-bottom: 6px;
	border-top: 5px solid #193542;
	/*background-image: url(../_img/background-illustration-bright.png);*/
	background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 120%;
	background-color: white;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.03), 0 6px 20px 0 rgba(0, 0, 0, 0.03);
}

.bottomTitle {
	font-weight:400;
	margin-left:60px;
	font-size:50px;
	width:18%;
	margin-top:5px;
}

#projectsMore{
	overflow: hidden;
	margin-left:79%;
	margin-top:-3%;
}

#projectsMore:hover #imgMore{
	padding-left:7%;
	transition:0.2s;
}

ul.bottomProjects {
    display: table;
    width: 80%;
	margin-right:10%;
	margin-left:10%;
	list-style-type: none;
 }
 ul.bottomProjects li {
 	display: table-cell;
	width:10%;
 }

 ul.bottomProjects li:hover {
	-webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
    transition:0.3s;
 }







/*------------------------------------
 LINKS/REST DIV
--------------------------------------*/






.links{
	width:250%;
	background-color: white;
	border-top: 5px solid #193542;
	height:230px;
	top:242%;
	margin-left:0%;
	position:absolute;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.05), 0 6px 20px 0 rgba(0, 0, 0, 0.05);
}

.innerLinks{
	position:relative;
	width:100%;
	height:230px;
	top:0%;
	margin-top:5px;
	margin-left:0%;
	margin-right:0%;
	float:left;
	display:inline-block;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.01), 0 6px 20px 0 rgba(0, 0, 0, 0.01);
}

.incTitle{
	font-size: 50px;
	font-weight:400;
	padding-left:60px;
}

#linksMore{
	top:250%;
	margin-bottom:0%;
	margin-left:79.5%;
}

#linksMore:hover #imgMore{
	padding-left:7%;
	transition:0.2s;
}



/*------------------------------------
 MIDDLE/SERVICES DIV
--------------------------------------*/





.middle{
	min-width:540px;
	width:50%;
	background-color: #f7f9f6;
	border-top: 5px solid #193542;
	height:330px;
	top:315%;
	padding-left:1.5%;
	position:absolute;
	background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.05), 0 6px 20px 0 rgba(0, 0, 0, 0.05);
}

.innerMiddle{
	position:relative;
	overflow:hidden;
	width:100%;
	height:330px;
	top:0%;
	margin-top:0px;
	line-height:25px;
	margin-left:0%;
	margin-right:20%;
	float:left;
	display:inline-block;
}

#servicesMain{
	color:#193542;
	list-style-type: none;
	margin-top:12%;
	margin-left:1%;
	margin-right:2%;
	font-weight:200;
}

#imgCheck{
	padding-right:10px;
}

#servicesMore{
	min-width:110px;
	max-width:120px;
	width:17%;
	top:7%;
	margin-left:65%; 
}

#servicesMore:hover #imgMore{
	padding-left:7%;
	transition:0.2s;
}


/*------------------------------------
 RIGHT/EVENTS DIV
--------------------------------------*/


.right{
	width:50%;
	min-width:700px;
	background-color: #f7f9f6;
	border-top: 5px solid #193542;
	border-left: 1px solid #193542;
	height:329px;
	top:315%;
	margin-left:51%;
	padding-left:1.5%;
	position:absolute;
	overflow:hidden;
	background-size: cover;
    background-repeat: no-repeat;
	background-position: 50% 50%;
	z-index: 11;
	background-color: #f7f9f6;
	/*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.05), 0 6px 20px 0 rgba(0, 0, 0, 0.05);*/
}

.innerRight{
	position:relative;
	overflow:hidden;
	width:100%;
	height:330px;
	top:0%;
	margin-top:10px;
	line-height:25px;
	margin-left:0%;
	margin-right:20%;
	float:left;
	display:inline-block;
}

.innerRightEvents{
	background-color: #fff;
	position:absolute;
	width:55%;
	margin-top:10%;
	height:160px;
	margin-left:12%;
	margin-right:5%;
	padding-bottom:5%;
	padding-left:5%;
	padding-right:5%;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.05), 0 6px 20px 0 rgba(0, 0, 0, 0.05);
}

#middleRightTitles{
	height:70px;
	width:270px;
	z-index:99;
	position:absolute;
	background-color:transparent !important;
	font-size:50px;
	font-weight: normal;
	margin-left:0%;
	margin-top:0%;
	padding-top:0%;
	padding-left:6%;
	margin-top:5px;
	padding-bottom:2%;
	text-align: left;
	color: #193542;
}

#eventsMore{
	min-width:100px;
	max-width:160px;
	width:16%;
	top:7%;
	margin-left:54%; 
}

#eventsMore:hover #imgMore{
	padding-left:7%;
	transition:0.2s;
}

/*------------------------------------
BOTTOM INCUBATEES - LOGOS/TENANTS
--------------------------------------*/



.bottomIncubatees {
	padding-top: 20px;
	position: absolute;
	width: 100%;
	height:300px;
	margin-top: 20px;
	text-align: left;
	top:270%;
	overflow:hidden;
}

.bottomHeadIncubatees {
	font-size: 30px;
	color: #193542;
	font-weight: bold;
	margin-left:0px;
	margin-right:20px;
	width:100%;
	height:280px;
	padding-bottom: 6%;
	padding-top: 0%;
	padding-left: 0%;
	padding-right: 6%;
	border-top: 5px solid #193542;
	background-image: url(../_img/background-illustration-bright.png);
	background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 120%;
	background-color: white;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.03), 0 6px 20px 0 rgba(0, 0, 0, 0.03);
}

.bottomInnerIncubatees{
	overflow-y: scroll;

	padding-bottom: 6%;
	padding-top: 4%;
	padding-left: 6%;
	padding-right: 6%;
}

.bottomTitleIncubatees {
	margin-left:60px;
	font-size:40px;
	width:98%;
}





/*------------------------------------
 WEATHER
--------------------------------------*/



.weather{
	position: absolute;
	top: 1572px;
	left:0%;
	width:100%;
	bottom:80%;
	border-top: 5px solid #193542;
}



/*------------------------------------
BACK TO TOP BUTTON
--------------------------------------*/



#myBtn {
	display: none; /* Hidden by default */
	width:3.5%;
	min-width:50px;
	max-width:50px;
	height:50px;
	position: fixed; /* Fixed/sticky position */
	bottom: 20px; /* Place the button at the bottom of the page */
	right: 25px; /* Place the button 30px from the right */
	z-index: 99; /* Make sure it does not overlap */
	border: none; /* Remove borders */
	outline: none; /* Remove outline */
	background-color: #193542; /* Set a background color */
	color: white; /* Text color */
	cursor: pointer; /* Add a mouse pointer on hover */
	padding: 4px; /* Some padding */
	border-radius: 2px; /* Rounded corners */
	font-size: 8px; /* Increase font size */
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3), 0 6px 20px 0 rgba(0, 0, 0, 0.03);
}

#myBtn:hover{
	-webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
    transition:0.3s;
}

.up{
	border: solid white;
	position:absolute;
	margin-left:-26%;
	margin-right:60%;
	margin-bottom:50%;
	margin-top:-12%;
	padding: 10px;
	border-width: 5px 0px 0px 5px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}



/*------------------------------------
LOGO CAROUSEL
--------------------------------------*/




#clients {
	position:absolute;
	display: block;
	margin-left: 4%;
	margin-top:0.6%;
	margin-right: auto;
}

#clients .clients-wrap {
	display: block;
	width: 75%;
	overflow: hidden;
}

#clients .clients-wrap ul {
	display: block;
	list-style: none;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0.5%;
}

#clients .clients-wrap ul li {
  display: block;
  float: left;
  position: relative;
  width: 220px;
  height: 100px;
  line-height: 100px;
  text-align: center;
}
#clients .clients-wrap ul li img {
  vertical-align: middle;
  max-width: 100%;
  max-height: 100%;
  -webkit-transition: 0 linear left;
  -moz-transition: 0 linear left;
  transition: 0 linear left;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
  filter: alpha(opacity=100); 
  opacity: 1.0;
}
#clients .clients-wrap ul li img:hover {
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100); 
  opacity: 1.0;
  -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
  transition:0.3s;
}






/*------------------------------------
 PARALLEX EFFECT
-------------------------------------- */
  
#untilLoaded{
	display:none !important;
}
  
  .AllContent {
	perspective: 1px;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	height: 100%;
	overflow-x: hidden;
	overflow-y: scroll;
  }
  
  .ContentContainer {
	position: relative;
	display: block;
	background-color: white;
	z-index: 1;
  }
  
 .AfterContent{
	 height:320px;
 }
  
  .ParallaxContainer {
	display: flex;
	flex: 1 0 auto;
	position: relative;
	z-index: -1;
	height: 100%;
	max-height:600px;
	justify-content: center;
	align-items: center;
	transform: translateZ(-1px) scale(2);
	background-color: rgb(208, 233, 212);
  }
  
  @-moz-document url-prefix() {
	@-moz-document url-prefix() {
		.AllContent {
			height: 100%;
		}
		.ParallaxContainer {
			transform: translateZ(0px) scale(1) !important;
		}
		.AfterContent{
		 	margin-top:-20% !important;
	 	}
		}
	}
	
	@supports (-ms-accelerator:true) {
		.AllContent {
			height: 100%;
		}
		.ParallaxContainer {
			transform: translateZ(0px) scale(1) !important;
		}
		.AfterContent{
		 	margin-top:0% !important;
	 	}
	}

	@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
		.AllContent {
			height: 100%;
		}
		.ParallaxContainer {
			transform: translateZ(0px) scale(1) !important;
		}
		.AfterContent{
		 	margin-top:0% !important;
	 	}
	}




  /*------------------------------------
 GREEK PAGE
-------------------------------------- */


#greekTitles{
	letter-spacing:-3px !important;
	font-weight:500;
}

#greekMenu li a{
	letter-spacing:-1px;
	font-size:1.3vw;
	font-weight:bold;
}
  
#greekMenu li {
}

#greekLanguage{
	padding-left:7px;
}





 /*------------------------------------
LOADER
-------------------------------------- */

#overlay{
	position:fixed;
	z-index:99999;
	top:0;
	left:0;
	bottom:0;
	right:0;
	background:rgb(255, 255, 255,0.95);
	transition: 1s 0.4s;
  }

  #progress{
	height:5px;
	background:rgb(86, 114, 49);
	position:absolute;
	width:0;
	top:0%;
  }

  #progstat{
	font-size:0.7em;
	letter-spacing: 3px;
	position:absolute;
	top:50%;
	margin-top:-40px;
	width:100%;
	text-align:center;
	color:#fff;
  }



 /*------------------------------------
NAV ANIMATION
-------------------------------------- */

.menuButton{
	display:none;
	position:absolute;
	top:70px !important;
	left:5%;
	width:50px !important;
	height:40px !important;
	display:block;
	padding: 0;
	border: none;
	background: none;
	border: none;
	outline:none;
}

.head .nav{
	display:none;
	height:40px;
  }
#navbar {
	border: 4px solid #193542;
	padding:8px 10px;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
  }
  
#navbar div {
	height: 5px !important;
	background: #193542;
	margin: 7px 0px 7px 0px;
	border-radius: 25px;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
  }
  
  .two {
	width: 35px;
  }
  
  .three {
	width: 50px;
  }
  
#navbar:hover div {
	width: 50px;
  }
  

 /*------------------------------------
ARROW
-------------------------------------- */
  

.down {
	
    border: solid #ffffff;
    border-width: 0px 5px 5px 0px;
    display: inline-block;
    margin-left:90%;
    margin-top:40%;
    padding: 40px;
    z-index:2;
    position: relative;
  z-index:9;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}
.down1 {
	
    border: solid #ffffff;
    border-width: 0px 5px 5px 0px;
    display: inline-block;
    margin-left:90%;
    margin-top:40%;
    padding: 40px;
    z-index:2;
    position: relative;
	top:4% !important;
    position: absolute;
    margin-left:-6% ;
  	z-index:9;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}







  


  
/*LARGE SCALE-HEIGHT*/
 
 
@media screen and (min-width: 1536px){
	body{
		-webkit-transform: scale(1.1);
		-ms-transform: scale(1.1);
		transform: scale(1.1);
		max-width:1600px;
	}
	.container{
		margin-top:2%;
	}
	#myBtn{
		display:none !important;
	}

} 


@media screen and (min-width: 1600px){
	body{
		-webkit-transform: scale(1.11);
		-ms-transform: scale(1.11);
		transform: scale(1.11);
		max-width:1600px;
	}
	.container{
		margin-top:3%;
	}
	#myBtn{
		display:none !important;
	}

}

@media screen and (min-width: 1680px){
body{
	-webkit-transform: scale(1.17);
	-ms-transform: scale(1.17);
	transform: scale(1.17) ;
	max-width:1680px;
}
.container{
	margin-top:5%;
}
.language{
	left:85%;
	margin-top:3% !important;
}
}


@media screen and (min-width: 1920px){
	body{
		-webkit-transform: scale(1.6);
		-ms-transform: scale(1.6);
		transform: scale(1.34) !important;
	}
	.container{
		margin-top:10% !important;
	}
	.language{
		left:85%;
		margin-top:3% !important;
	}
}

@media screen and (min-width: 2560px){
	body{
		-webkit-transform: scale(1.05);
		-ms-transform: scale(1.05);
		transform: scale(1.8) !important;
	}
	.container{
		margin-top:36% !important;
	}
	.language{
		left:4% !important;
		margin-top:3% !important;
	}
}
			


@media screen and (min-height: 1500px){
	.ParallaxContainer {
		top:-400px !important;

	}
  }
/*LARGE SCALE-WIDTH*/
@media screen and (min-width: 1441px){
	.topMenu li a {
		font-size: 20px !important;
	}
	.topMenu ul li a {
		font-size:16px !important;
	}
	body{
		overflow-x:hidden;
		width: 1440px;
		height: 100%;
		z-index: 15;
		margin: 0 auto !important;
		background: #fff;
	}
	h2{
		font-size:50px;
	}
	
 	
}


@media screen and (max-width: 1345px){
	.down{
		display:none;
	}
	.down1{
		display:none;
	}
}



/*IPAD PRO*/
@media screen and (max-width: 1024px){
	.logo{
		margin-left:29%;
	}
	#upperImage{
		margin-top:00px;
		width:1024px !important;
	}
		
	.AllContent {
	}
  
	.AfterContent{
		height:320px;
	}
	
	.ParallaxContainer {
		height:20vh;
	}
	@-moz-document url-prefix() {
		@-moz-document url-prefix() {
			.AfterContent{
				 margin-top:0% !important;
			 }
			}
		}
	
	.innerRightEvents{
		margin-left:5%;
	}
	.innerContent{
		line-height:20px;
	}
	#servicesMore{
		display:none;
	}
	#eventsMore{
		display:none;
	}
	#servicesMain{
		margin-right:10%;
	}
	#projectsMore{
		  margin-left:77%;
	}
	.fa-map-marker{
		margin-top:10% !important;
		margin-left:75%;
	}
	.member{
	  margin-top:16%;
    }
	

  
}

/*IPAD*/
@media screen and (max-width: 965px){
	.logo{
		margin-left:30% !important;
	}

	#logoImage{
		height:150px;
		width:230px;
	}

	#upperImage{
		margin-top:50px !important;
		width:1024px;
		height:500px
	}
		
	.AllContent {
		height: 100%;
	}
  
	.AfterContent{
		height:320px;
	}
	
	.ParallaxContainer {
		height:15vh;
		top:100px !important;

	}
	@-moz-document url-prefix() {
		@-moz-document url-prefix() {
			.AfterContent{
				 margin-top:-10% !important;
			 }
			}
		}
	#greekMenu li{
		width:100% !important;
	}
	.menuButton{
		position:absolute;
		top:50px;
		width:120px;
		height:100px;
		display:block;
		padding: 0;
		border: none;
		background: none;
	}
	.head .nav{
		display:block;
	  }
	  .innerContent{
		padding-right:10%;
		width:90%;
	}
	.topMenu{
		top:200px !important;
		display:none;
		height:750px !important;
		margin-left:0% !important;
		left:0% !important;
		border-top: 5px solid #193542;
		border-bottom: 5px solid #193542;
		width:100% !important;
		background-color:white;
		padding-left: 0% !important;
		z-index:100 !important;
	}
	#greekMenu{
		height:600px !important;
	}


	.topMenu li  {
		display: block !important;
		margin-left:0px !important;
		padding-left:3% !important;
	}
	.topMenu ul {
		left:0% !important;
		width:100%;
	}
	
	#greekMenu ul {
		left:0% !important;
	}

	.topMenu li a {
		font-size: 4vw !important;
		display: block !important;
	}

	.topMenu ul {
		display: block ;
	}

	.topMenu ul li a {
		font-size:2vw !important;
		text-align:left;
	}

	.topMenu ul li a:hover {
		color:#969c97;
		background-color:white;
	}

	#aboutDIV{
		position: relative !important; 
	}

	#proDIV{
		position: relative; 
	}
	
	#incDIV{
		position: relative; 
	}
	
	#newDIV{
		position: relative; 
	}

	#lineHeader{
		display:none;	
	}

	#lineHeaderGr{	
		display:none;
	}

	#menuArrow{
		width:35px;
		padding-left:10px;
	}
	.language {
		font-size:4vw;
		width:4%;
		margin-top: 3%;
	}

	#greekLanguage{
		font-size:3.5vw;
		padding-left:5px;
		width:3.5%;
	}
	
	.header{
		height:200px;
	}
	
	#aboutMore{
		margin-top:30px;
		top:0px;
	}
	
	ul.latestNews li{
		margin-right: 80px !important;
	}

	#servicesMore{
		margin-left:75% !important;
	}
	#servicesMain{
		margin-left:20px;
	}
	.right{
		top:420%;
		margin-left:0%;
		width:100%;
		border-left-style:none;
	}
	.middle{
		margin-left:0%;
		width:100%;
		border-left-style:none;
	}
	.innerRightEvents{
		margin-left:20% !important;
		margin-right:20% !important;
		width:50% !important;
	}
	
	.bottomLogos {
		top:518% !important;
	}
	ul.bottomProjects {
		margin-left:5%;
	}
	.weather{
		top: 1905px;
	}
	.footer{
		top:2008px;
	}
	ul.socialMedia li{
		padding-left:1% !important;
	}
	#imgMoreMin{
		height:45px;
		display:inline-block;
		position:relative;
		padding-left:10px;
		padding-right:5px;
		top:-5px;
	}
	#aboutMore{
		display:none !important;
	}
	#newsAll{
		display:none !important;
	}
	#newsAllGreek{
		display:none !important;
	}
	#linksMore{
		display:none !important;
	}
	#servicesMore{
		display:none !important;
	}
	#projectsMore{
		display:none !important;
	}
	.tenants{
		margin-left:-5% !important;
	}
	.graduatedCompanies{
		margin-left:0% !important;
	}
	
	.mainContent{
		width:100% ;
	}
	.newsyear{
		margin-left: 0px !important;
		margin-right: 0px !important;
		padding-right: 10px !important;
	}
	.newsdate{
		margin-left: 0px !important;
		margin-right: 0px !important;
	}
	.newsTable {
		margin-bottom: 10px;
		padding-left: 10px !important;
		margin-left: 0px !important;
		margin-right: 0px !important;
		width:100% !important;
	}
	.contentProjectNews{
		margin-left: 0px !important;
		margin-right: 0px !important;
		width:100% !important;
	}
	.bottomTitle {
		width:68%;
	}
	.content {
		padding-left:0%;
		padding-right:0%;
	}
	#clients {
		margin-top:1%;
	}
}

/*TABLET */

@media screen and (max-width: 800px){
	.location{
		left:0%;
		width:29%
	}
	.fa-map-marker{
		display:none !important;
	}
	.contact{
		left:26%;
		width:37%
	}
	.restFooter{
		left:65%;
		width:34%

	}
	.ParallaxContainer {
		top:200px !important;
	}
}

/*IPAD */

@media screen and (max-width: 768px){
	.logo{
		margin-left:27% !important;
	}

	.topMenu li{
		padding-left:0% !important;
	}
		.topMenu ul {
		left:0% !important;
	}
	
	#greekMenu ul {
		left:0% !important;
	}
	.topMenu{
		height:600px !important;
	}
	#greekMenu{
		height:500px !important;
	}

}

/*MOBILE-LIKE */

@media screen and (max-width: 767px){
	
	.logo{
		margin-left:27% !important;
		margin-top:20px !important;
		padding-left:0px !important;
		height:100px;
		width:200px !important;
	}
	#logoImage{
		height:150px;
		margin-left:-30px !important;
	}
		
	.AllContent {
		height: 100%;
	}
  
	.AfterContent{
		height:400px;
	}
	
	.ParallaxContainer {
		height:4vh;
	}
	.innerRightEvents{
		margin-left:5%;
	}

	#servicesMore{
		  margin-left:60%;
	}

	#projectsMore{
		  margin-left:77%;
	}

	.fa-map-marker{
	  margin-top:0%;
	  margin-left:75%;
	}

	#imgMap{
		margin-left:7%;
		height:50px; 
		width:150px; 
	}
	.member{
	  margin-top:6%;
	}
	
	.topMenu{
		top:200px;
		display:none;
		height:570px !important;
		margin-left:0%;
		border-top: 5px solid #193542;
		border-bottom: 5px solid #193542;
		width:100%;
		background-color:white;
		padding-left: 0%;
		z-index:100;
	}
	#greekMenu{
		height:486px !important;
		left:0px !important;
	}
	
	.topMenu li  {
		display: block;
		margin-left:0px !important;
	}

	.topMenu li a {
		font-size: 5vw;
		display: block;
	}

	.topMenu ul {
		display: block;
	}

	.topMenu ul li a {
		font-size:3vw;
	}

	.menuButton{
		position:absolute;
		left:5px;
		top:50px;
		width:120px;
		height:100px;
		display:block;
		padding: 0;
		border: none;
		background: none;
	}
	.head .nav{
		display:block;
	  }

	#lineHeader{
		display:none;	
	}
	

	#lineHeaderGr{	
		display:none;
	}

	#menuArrow{
		width:20px;
		padding-left:10px;
	}
	.language {
		font-size:4vw;
		width:4%;
		margin-top: 30px;
		z-index:99;
	}
	#greekLanguage{
		font-size:4vw;
		padding-left:5px;
		width:4%;
	}
	
	.header{
		height:200px;
	}
	.footer{
		width:100%;
		height:980px;
	}
	.location{
		width:100%;
		left:7%;
	}
	
	.contact{
		width:100%;
		height:100px;
		left:0%;
		top:350px;
	}
	
	.restFooter{
		height:100px;
		width:100%;
		top:650px;
		left:3%;
	}

	#infoContact{
		width:70%;
	}

	ul.socialMedia{
		margin-left:0%;
	}

	ul.socialMediaGr{
		margin-left:0%;
	}

	.fa-map-marker{
		margin-left:55%;
	}
	.contentitle{
		margin-left:2% !important;
	}
	.innerContent{
		padding-left:5% !important;
	}
	.newsTitle{
		margin-left:2% !important;
	}
	.links{
		top:202%;
	}
	.incTitle{
		left:0%;
		padding-left:1% !important;
	}
	.middle{
			top:255%;
	}

	#servicesMain{
		font-size:13px;
		padding-top:0% !important;
		padding-right:5% !important;
		padding-left:0% !important;
	}
	#middleRightTitles{
		padding-left:1% !important;
		width:43% !important;
	}
	.right{
			top:330%;
	}
	.innerRightEvents{
		margin-left:2% !important;
		margin-right:2% !important;
		width:43% !important;

	}
	
	.bottomLogos {
		top:405% !important;
		z-index:99;
	}
	.weather{
		top: 1870px;

	}
	.footer{
		top: 2089px;
	}
	ul.servicesIcons {
		display: block !important;
		width: 100%;
		margin-right:0% !important;
		padding-left:15%;
		list-style-type: none;
	 }
	 ul.servicesIcons li {
	 	margin-top:5%;
    	display: block !important;
		width:100%;
	 }
	 .prev, .next {
		top: 100%;
	  }
	 
	.aboutUs{
		margin-left:5%;
		margin-right:5%;
	}
	.aboutStaff{
		margin-left:5%;
		margin-right:5%;
	}
	.contentContact{
		margin-left:0%;
		width:100% !important;
	}
	#contact{
		padding-left:5%;
			width:100% !important;
	}
	#sendButton{
		min-width:70px;
		margin-left:20%;
	}
	.findUs{
		margin-left:5%;
		margin-right:5%;
	}
	
	.tenants table{
		margin-top:0%;
		padding-right:0%;
		padding-left:0%;
	}
	.tenants {
		overflow:scroll !important;
	}
	.graduatedCompanies{
		margin-left:0% !important;
		overflow-x:scroll;
	}
	#greekTitles{
		letter-spacing:-2px !important;
	}
	.services ul{
		margin-left:0px !important;
	}
	.facilities h3{
		margin-left:20px !important;
	}
	.facilities ul{
		margin-left:0px !important;
	}
	.fa-map-marker{
		display:block !important;
	}
}

@media screen and (max-width: 600px){
	.logo{
		margin-left:22% !important;
		margin-top:20px !important;
		padding-left:0px !important;
		height:100px;
		width:200px !important;
	}
	#logoImage{
		height:150px;
		margin-left:-50px !important;
	}
	.onlineLibrary ul{
		margin-left:0% !important;
	}
	.linkspage{
		margin-left:0%;
		margin-right:0%;
	}
	.topMenu{
		height:500px !important;
	}
	#greekMenu{
		height:400px !important;
	}
}

@media screen and (max-width: 528px){
	.logo{
		margin-left:20% !important;
		margin-top:40px !important;
		padding-left:0px !important;
		height:100px;
		width:200px !important;
	}
	#logoImage{
		width:200px;
		height:120px;
		margin-left:-50px !important;
	}
	.menuButton{
		position:absolute;
		top:50px;
		width:40px !important;
		height:40px !important;
		display:block;
		padding: 0;
		border: none;
		background: none;
		z-index:99;
	}
	
	.head .nav{
		display:block;
	}

	.two {
		width: 30px;
  	}
  
  	.three {
		width: 40px;
 	}
	#navbar:hover div {
		width: 40px;
	}
	.topMenu{
		height:423px !important;
	}
	#greekMenu{
		height:354px !important;
	}
	.tenantstable table {
		overflow-x: scroll;
	}
}

/*IPHONE+*/

@media screen and (max-width: 414px){
	h2{
		font-size:30px;
	}
	.header{
		height:130px;
	}
	.logo{
		margin-left:18% !important;
		top:-45px;
		height:10px
	}
	#logoImage{
		width:180px;
		height:120px;
		margin-left:-50px !important;
	}
	#upperImage{
		width:100%;
		background-size:auto;
		margin-top:34% !important;
		background-image: url(../_img/southview_building1mob.png) !important;
	}
	.ParallaxContainer {
		height:3px;
	}
	@-moz-document url-prefix() {
		@-moz-document url-prefix() {
			.AfterContent{
				margin-top:-15% !important;
			}
			}
		}

	.menuButton{
		position:absolute;
		margin-top:-40px;
		top:50px;
		z-index:100 !important;
		width:25px !important;
		height:35px !important;
		display:block;
		border: none;
		background: none;
		z-index:99;
	}
	
	.head .nav{
		display:block;
	}

	.two {
		width: 25px;
  	}
  
  	.three {
		width: 25px;
 	}
	#navbar:hover div {
		width: 25px;
	}

	#navbar{
		border: none;
	}
	.innerContent{
		font-size:13px;
		line-height:16px;
	}
	.language{
		top:1%;
	}
	.greekLanguage{
		top:1%;
	}
	.topMenu{
		height:430px !important;
		top:130px !important;
		z-index:100;
	}
	.topMenu li a {
		font-size: 5vw !important;
	}

	.topMenu ul li a {
		font-size:3vw !important;
	}

	#greekMenu{
		height:360px !important;
	}
	.contentitle{
		margin-left:2% !important;
	}
	.innerContent{
		padding-left:5% !important;
		padding-right:5% !important;
		width:90%;
		height:400px;
		font-size:13px;
	}
	
	.newsTitle{
		margin-left:2% !important;
	}
	ul.latestNews {
		margin-left: 7%;
		overflow-x:scroll;
	}

	ul.latestNews li{
	}	
	.links{
		top:202%;
	}
	.incTitle{
		left:0%;
		padding-left:1% !important;
	}
	.middle{
			top:255%;
	}
	#servicesMain{
		font-size:14px;
		padding-right:25% !important;
		padding-left:0% !important;
		overflow-y: scroll !important;

	}
	
	#middleRightTitles{
		padding-left:1%;
		width:70% !important;
	}
	.right{
			top:330%;
	}
	.innerRightEvents{
		margin-left:2% !important;
		margin-right:2% !important;
		width:43% !important;
	}

	#greekLanguage{
		font-size:5vw;
		padding-left:2px;
		width:4%;
	}
	
	.bottomLogos {
		top:405% !important;
		z-index:99;
	}
	.weather{
		top: 1870px;
	}
	.footer{
		top: 2089px;
	}
	.bottomTitle{
		margin-left:2%;
	}
	ul.bottomProjects {
		display: inline-block;
		margin-left:0%;
		overflow-x:scroll;
		width: 40% !important;
	}
	ul.bottomProjects li {
			width:1% !important;

	}
	#privacy{
		margin-right:10%;
	}
	ul.servicesIcons {
		padding-left:20%;
	 }
	 .prev, .next {
		top: 60%;
	  }
	  #latestNewsTitleLink{
		font-size:17px;
	}
	.language{
		top:5%;
		border:none;
	}
	
	
}

/*IPHONEX*/

@media screen and (max-width: 375px){
	  

	.logo{
		margin-left:18% !important;
		top:-38px;
		height:10px
	}
	#logoImage{
		width:170px;
		height:110px;
		margin-left:-50px !important;
	}
	.innerContent{
		font-size:15px;
		line-height:16px;
	}
	#latestNewsTitleLink{
		font-size:17px;
	}
	ul.latestNews {
		margin-left: 3%;
		overflow-x:scroll;
	}
	#middleRightTitles{
		width:70% !important;
	}
	#servicesMain{
		padding-right:25% !important;
		padding-top:10px !important;
		line-height:19px;
		overflow-y: scroll !important;
		font-size:14px;
	}
	#imgCheck{
		width:15px;
	}
	.topMenu{
		height:400px !important;
	}

	.topMenu li a {
	}

	.topMenu ul li a {
	}

	#greekMenu{
		height:360px !important;
	}
	.newsTitle{
		margin-left:10px !important;
	}
	.menuButton{
		position:absolute;
		margin-top:-40px;
		top:50px;
		z-index:100 !important;
		width:20px !important;
		height:35px !important;
		display:block;
		border: none;
		background: none;
		z-index:99;
	}
	
	.head .nav{
		display:block;
	}
	.one {
		width: 25px;
  	}
	.two {
		width: 25px;
  	}
  
  	.three {
		width: 25px;
 	}
	#navbar:hover div {
		width: 25px;
	}
	#upperImage{
		width:100%;
		background-size:auto;
		margin-top:41% !important;
	}
	.ParallaxContainer {
		height:3px;
	}
}

/*GALAXY*/

@media screen and (max-width: 360px){
	.logo{
		margin-left:18% !important;
		top:-36px;
		height:10px
	}
	#logoImage{
		width:160px;
		height:100px;
		margin-left:-50px !important;
	}

	#middleRightTitles{
		width:70% !important;
	}
	#upperImage{
		margin-top:44% !important;
	}
}

/*IPHONE-5*/

@media screen and (max-width: 320px){
	.logo{
		margin-left:14% !important;
	}
	#logoImage{
		margin-left:-55px !important;
	}
	.innerContent{
		font-size:12px;
		line-height:15px;
	}
	.innerRightEvents{
		width:30% !important;
	}
	.clients{
		top:1% !important;
	}
	#servicesMain{
		padding-right:40% !important;
		font-size: 12px;
		line-height:14px;
		overflow-y: scroll !important;
	}
	#imgCheck{
		width:13px;
	}
	#latestNewsTitleLink{
		font-size:18px;
	}
	.topMenu{
		height:380px !important;
	}
	.topMenu li a {
	}

	.topMenu ul li a {
	}

	#greekMenu{
		height:330px !important;
	}
	.contentitle{
		font-size:40px !important;
	}
	.newstitle{
		font-size:40px !important;
	}
	.inctitle{
		font-size:40px !important;
	}
	.middleRightTitles{
		font-size:40px !important;
	}
	.bottomTitle{
		font-size:40px !important;
	}
	.graduatedCompanies td{
		overflow-x:scroll;
		font-size:10px;
	}
	#upperImage{
		margin-top:54% !important;
	}
}