body {
    overflow-y: hidden;
}
body.home{
	background: url(../images/home.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
p{
	
	word-wrap:break-word;	
	/*text-align: justify;*/
}
section article {
    font-size: 1rem;
    background-color: #f8f8f8;
}
header.stuck, body.topheader header {
    position: relative;
}
header #mobilenav nav {
    font-weight: normal;
}
.home .menu-horizontal {
    top: 680%;
}
.menu-horizontal ul li a {
    font-size: 0.9375rem;
	text-transform: none;
}
#mainmenu img{
	width: 55px;
}
.home #mainmenu .menuimage{
	width: 75px;
	margin-bottom: -20px;
}
.menu-horizontal {
   /* margin-top: 25px;*/
}
.home .menu-horizontal {
    margin-top: 25px;
}
.menu-horizontal ul li {
    min-width: 100px;
	/*margin: 0 10px;*/
}
.home .menu-horizontal ul li {
    min-width: 100px;
	margin: 0 10px;
}

.menu-horizontal ul li a{
    padding-top: 40px;	
	background-position: center top;
	background-repeat: no-repeat;
	-webkit-background-size: 50px 50px;
    -moz-background-size: 50px 50px;
    -o-background-size: 50px 50px;
    background-size: 50px 50px;
}

.home .menu-horizontal ul li a{
	padding-top: 70px;
	-webkit-background-size: 75px 75px;
    -moz-background-size: 75px 75px;
    -o-background-size: 75px 75px;
    background-size: 75px 75px;
}
header h1 a {
    display: inline-block;
    width: 8%;
}

.menu-horizontal ul li a:hover{
	color: #eb4024;
}
.home .menu-horizontal ul li a:before {
    background-color: transparent;
}
/*.menuimage{
	display: inline-block;	
	width: 75px;
	height: 75px;
	background-size: 75px 75px;
	margin-bottom: -25px;
}*/
#letter a{
	background-image: url(../img/icon-document.png);
}
#letter a:hover{
	background-image: url(../img/icon-document-red.png);
}

#taxi a{
	background-image: url(../img/icon-taxi.png);
}
#taxi a:hover{
	background-image: url(../img/icon-taxi-red.png);
}

#guard a{
	background-image: url(../img/icon-guard.png);
}
#guard a:hover{
	background-image: url(../img/icon-guard-red.png);
}

#parking a{
	background-image: url(../img/icon-building.png);
}
#parking a:hover{
	background-image: url(../img/icon-building-red.png);
}

#security a{
	background-image: url(../img/icon-check.png);
}
#security a:hover{
	background-image: url(../img/icon-check-red.png);
}

#contact a{
	background-image: url(../img/icon-contact.png);
}
#contact a:hover{
	background-image: url(../img/icon-contact-red.png);
}

header h1{
	position: relative;
    width: 100%;
    text-align: center;
    margin: 1rem 0;
}
header hr {
    height: 1px;
    width: 40%;
    background-color: #929292;
    margin-top: 1.2rem;
    margin-bottom: -1.9rem;
}

/*header h1 a img {
    height: 115%;
}*/
.subpage .menuimage {
    width: 50px;
    height: 50px;
    background-size: 50px 50px;
}
.menu-horizontal ul li {
    line-height: 3rem;
}
.menu-horizontal ul li a:before {
    background-color: transparent;
}
section {
    padding: 6.7rem 2.5rem 2.5rem 2.5rem;
    height: 90%;
}
section.col-3 .hlblock {
    width: 25%;
	padding-top: 4%;
}
section.hl-text-slider .content {
    padding: 4% 8% 2%;
}
section article {
    background-color: transparent;
}
.subpage section.col-3 .content{
	width: 74.8%;	
	border-top: 1px solid #222328;
	background-color: #f8f8f8;
}
section.col-3 .hlblock {
    margin-right: -3px;
}
section article h2:first-child{
	margin-top: 0;	
}

#map{
	padding: 0;	
}
section.tophead .gmap {
    height: 100%;
}
p.col-3, div.col-3{
	width: 47%;
	display: inline-block;
	vertical-align: top;	
	margin-right: 2%
}
div.col-3{	
	margin-bottom: 5%
}
.gallery img{
	width: 100%;	
}

section.col-3 .content p:first-child {
    margin-top: 1em;
}

.scrollToTop{
	width:60px; 
	height:60px;
	padding:0px; 
	text-align:center;
	position:fixed;
	bottom:30px;
	right:20px;
	display:none;
	background: url(../img/arrow_up.png) no-repeat center center;
	z-index: 100
}
.scrollToTop:hover{
	text-decoration:none;
}



@media only screen and (max-width: 1366px) {
	.home .menu-horizontal {
		top: 530%;
	}
	.home section {
		padding: 4rem 2.5rem 2.5rem 2.5rem;
	}
	.menuimage {
		background-size: 60px 60px;
	}
	.home #mainmenu .menuimage {
		width: 60px;
		height: 60px;
	}
	section {
		height: 88%;
	}
	section.col-3 .hlblock{
		padding-top: 5%;
	}
	section.col-3 .hlblock img{
		width: 40%;
	}
	section.col-3 .hlblock p{
		font-size: 0.9rem;
		line-height: 1.3rem;
	}
	.subpage section.col-3 .content{
		width: 74.5%;	
	}
	section.stripes h2, section.stripes-part h2 {
		font-size: 2rem;
		line-height: 2rem;
	}
}
@media only screen and (max-width: 1280px) {
	.home .menu-horizontal {
		top: 550%;
	}
}
@media only screen and (max-width: 1023px) {
	section {
		height: 100%;
	}
	#animation-logo {
		top: 10%;
	}
	header hr{
		display: none;
	}
	.home header #mainmenu {
		display: block;
		top: 700%;
	}
	header #mobilenav{
		display: none;
	}
	.menu-mobile ul li a br, .menu-mobile ul li .menuimage{
		display: none;	
	}
	ul.osx-dock li a {
    	height: auto;
	}
	.subpage section.col-3 .content {
		width: 100%;
		height: auto;
	}
	section {
		padding: 4rem 2rem 2rem 2rem;
	}
	section.col-3 .hlblock {
		padding-top: 3%;
	}
	section.col-3 .hlblock{
		width: 100% !important;
		height: auto;
		padding-bottom: 2rem;
		text-align: center;
	}
	section.col-3 .hlblock img{
		width: 8%;
	}
	section.col-3 .hlblock h1 {
		top: 20%;
		-webkit-transform: translateY(0%);
		transform: translateY(0%);
	}
	section.col-3 .hlblock br{ display: none;}
	#map {
		width: 100%;
	}
	section.col-3.stripes-1.stripes-clone .hlblock {
    	height: auto;
	}
	header h1 {
    	width: 95%;
		z-index: 100;
	}
	header h1 a {
		width: 10%;
	}
	header h1 a img {
    	height: 115%;
	}

}
@media only screen and (max-width: 980px) {

}
@media only screen and (max-width: 800px) {

}
@media only screen and (max-width: 768px) {
	body {
		overflow-y: auto;
	}
	.home header #mainmenu {
		display: none;
	}
	header #mobilenav, .home header #mobilenav{
		display: block;
	}
	section.col-3 .hlblock {
		padding: 1.5rem 1.25rem;
		padding-top: 1.5rem;
	}
	#map {
		height: 500px;
	}
	#animation-logo {
		top: 30%;
	}
	#letter a,#letter a:hover{
		background-image: none;
	}
	#taxi a, #taxi a:hover{
		background-image: none;
	}
	#guard a, #guard a:hover{
		background-image: none;
	}
	#parking a, #parking a:hover{
		background-image: none;
	}
	#security a, #security a:hover{
		background-image: none;
	}
	#contact a, #contact a:hover{
		background-image: none;
	}
	div.col-3{
		width: 100%;	
	}
}
@media only screen and (max-width: 736px) {
	#animation-logo {
		top: -5%;
	}
}
@media only screen and (max-width: 667px) {
	p.col-3 {
    	width: 47.5%;
	}
	#animation-logo {
		top: -10%;
	}
}
@media only screen and (max-width: 640px) {
	header h1 a {
		width: 14%;
	}
}
@media only screen and (max-width: 480px) {
	header h1 a {
		width: 20%;
	}
}
@media only screen and (max-width: 414px) {
	section {
		padding: 4rem 1rem 1rem 1rem;
	}
	#animation-logo {
		top: 13%;
	}
	p.col-3{
		width: 100%;
	}
	section.col-3 .hlblock img {
		width: 15%;
	}
	header h1 {
    	width: 88%;
	}
}
@media only screen and (max-width: 375px) {
	header h1 {
    	width: 83%;
	}
}
@media only screen and (max-width: 360px) {

}
@media only screen and (max-width: 320px) {
	#animation-logo {
		top: 0%;
	}
}


@media only screen and (max-height: 980px) {
	.home .menu-horizontal {
		top: 670%;
	}
}
@media only screen and (max-height: 800px) {
	.home .menu-horizontal {
		top: 550%;
	}
}
@media only screen and (max-height: 800px) {
	.home .menu-horizontal {
		top: 450%;
	}
}
@media only screen and (max-height: 600px) {
	.home .menu-horizontal {
		top: 420%;
	}
}