@charset "utf-8";
/* CSS Document */

/* Fonts */
@font-face {
	font-family: 'dinBold';
	src: url('fonts/DIN-Bold.eot');
	src: local('☺'), url('fonts/DIN-Bold.woff') format('woff'), url('fonts/DIN-Bold.ttf') format('truetype'), url('fonts/DIN-Bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'DIN-BlackAlternate';
	src: url('fonts/DIN-BlackAlternate.eot');
	src: local('☺'), url('fonts/DIN-BlackAlternate.woff') format('woff'), url('fonts/DIN-BlackAlternate.ttf') format('truetype'), url('fonts/DIN-BlackAlternate.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'DIN-Light';
	src: url('fonts/DIN-Light.eot');
	src: local('☺'), url('fonts/DIN-Light.woff') format('woff'), url('fonts/DIN-Light.ttf') format('truetype'), url('fonts/DIN-Light.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}



/* Fonts */
*{box-sizing: border-box; webkit-tap-highlight-color: transparent; -moz-text-size-adjust: none; -webkit-text-size-adjust: none; -ms-text-size-adjust: none; margin: 0; padding: 0 }
*:focus, button, a, input, img {outline: 0;}
html, body{height: 100%; margin: 0px; padding: 0px;}

body{font-family: 'DIN-Light'; font-size: 22px; line-height: 26px;}

.Fullscreen{position: relative; height: 100%; left:0; top: 0; bottom: 0; right: 0;}
.imageHolder {position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px;}
img {border: 0px; outline: none; display: block; max-width: 100%; height: auto;}
.OF-cover{font-family: 'object-fit: cover'; object-fit: cover; object-position: center center; width: 100%; height: 100%;}
.headerBox{ position: relative; width: 100%; padding: 30px 0 190px 0; overflow: hidden; color:#fff;}
.contetPlace{position:relative; z-index:99;}

.logoBox{ float: left;}
.address{ padding: 40px 0 0 120px; display: block;}
.logo{ width: 300px;}

.officeInfo{ float: right; width: 54%; text-align: right; padding-top: 24px;}
.officeInfo h2, .downloadContainer h2{font-family: 'DIN-BlackAlternate'; font-weight: normal;font-size: 30px; line-height: 36px; padding-bottom: 5px;}
.officeInfo span{ display: block; font-size:30px; line-height:32px; padding-bottom: 5px;}

.headerBox::before {
    content: "";
    position: absolute;
    top: -100px;
    right: -50px;
    height: 92%;
    width: 130%;
    background-color: #333838;
    -webkit-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
    z-index: 99;
}

.content_1080 {
    max-width: 1120px;
    width: 100%;
    padding: 0 20px;
    margin: 0 auto;
		position: relative;
}

.flexVerticalCenter {
    text-align: left;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.downloadBox{ position: absolute; width: 100%; height: 100%; top:0; z-index: 9;}
.downloadBox a.brochure{ margin: 0 auto;
	background-color: #A0353E;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	font-family: 'dinBold';
	font-weight: normal;
	font-size: 28px;
	line-height: 28px;
	padding: 18px 22px;
}
.downloadBox a.tour{ margin: 0 auto;
	/* background-color: #A0353E; */
	color: #F2CB48;
	border:5px solid #F2CB48;
	text-decoration: none;
	text-transform: uppercase;
	font-family: 'dinBold';
	font-weight: normal;
	font-size: 28px;
	line-height: 28px;
	padding: 18px 22px;
	margin-top:20px;
}
/* .downloadContainer{ width: 100%; text-align: center; margin-top: 200px; display:flex; flex-direction: column;} */
.downloadContainer{ width: 100%; text-align: center; margin-top: 200px; display: block;}
.downloadBox a:hover{ background-color:#8FA515;}
.downloadBox a.tour:hover{ background-color:#323A41;}
.downloadContainer .mobileshow{ display: none;}

.smallGreenbox{
	position:absolute;
	top:130px;
	right:20px;
	background-color: #8FA515;
	color:#fff;
	padding: 65px 30px 20px 30px;
	z-index: 9;
	font-family: 'DIN-BlackAlternate';
	font-size: 60px;
	line-height:60px;
	text-transform: uppercase;}


.downloadBox a, .logo, .address, .officeInfo h2, .officeInfo span, .smallGreenbox, .headerBox::before, .downloadContainer .mobileshow{-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;}

.contetPlace::after {
    visibility: hidden;
    display: block;
    font-size: 0px;
    content: " ";
    clear: both;
    height: 0%;
}

.address.mobileshow{ display: none;}


@media screen and (min-width: 0px) and (max-width:1079px) {
	.headerBox{ padding-top: 30px;}
	.logo{width:250px;}
	.address{ padding: 30px 0 0 100px;}
	.officeInfo{ padding-top: 12px;}
	.officeInfo h2{ font-size: 30px; line-height: 30px; padding-bottom: 10px;}
	.officeInfo span{ font-size: 30px; line-height: 32px;}
	.smallGreenbox{ top: 118px; font-size: 60px; line-height: 60px;}
}

@media screen and (min-width: 0px) and (max-width:1024px) {
.downloadBox a{  font-size: 24px; line-height: 24px; padding: 16px;}
.smallGreenbox{ font-size: 50px; line-height: 50px;}
.downloadBox a:hover {background-color: #A0353E;}
}

@media screen and (min-width: 0px) and (max-width:950px) {
	.logoBox{ width: 46%; min-width:250px;}
	.officeInfo h2{ font-size: 24px; line-height: 24px;}
	.officeInfo span{font-size: 24px; line-height: 26px;}
	.address{ padding-top: 20px;}
	.smallGreenbox{ font-size: 50px; line-height: 50px; top:80px;}
	.headerBox{ padding-bottom: 140px;}
	.headerBox::before{ height: 96%;}
}

@media screen and (min-width: 0px) and (max-width:900px) {
	.officeInfo span, .address{ font-size: 17px; line-height: 20px;}
	.address{ padding-top: 14px;}
	.downloadBox a{ font-size: 28px; line-height: 28px; padding: 16px;}
	.smallGreenbox{ top: 65px;}
}

@media screen and (min-width: 0px) and (max-width:767px) {
	.downloadBox a{ font-size: 26px; line-height: 26px;}
	.mobileHide{ display: none;}
	.address.mobileshow{ display: block; padding-left: 10px;}
	.smallGreenbox{ top:30px; font-size: 35px; line-height: 35px; padding: 65px 20px 20px 20px;}

	.downloadBox .mobileHide{ display: block;}

	.downloadBox.flexVerticalCenter{flex-wrap: wrap;}
	.downloadContainer .mobileshow{
		display: block;
		padding-top: 10px;
		background-color: #333838;
		color: #fff;
		padding: 20px 20px;
		margin-top: 20px;
		left:0px;
		bottom:0px;
		width: 100%;
		position: absolute;
	}
	.downloadBox a{ display:inline-block;}
	.downloadContainer h2{ font-size: 24px; line-height: 30px; padding-bottom: 10px;}
	.downloadContainer span{ display: block; }

	.Fullscreen .imageHolder{ bottom: 132px;}
}

@media screen and (min-width: 0px) and (max-width:590px) {
	.logoBox{ width: 100%;}
	.officeInfo{ width: 100%;}
	.officeInfo .address{ padding: 0px;}
	.smallGreenbox{ top:76px;}
	.downloadBox a{ font-size: 22px; line-height: 22px; padding: 14px;}
	.officeInfo .address{ text-align: left; padding-left: 100px;}
}

@media screen and (min-width: 0px) and (max-width:440px) {
	.officeInfo .address{padding-left: 72px;}
	.logo{ width: 180px;}
	.downloadContainer{ margin-top: 120px;}
	.downloadContainer h2{ font-size: 18px; padding-bottom: 6px;}
	.downloadContainer .mobileshow{ padding: 12px;}
	.downloadContainer span{ font-size: 16px; line-height: 22px;}
	.headerBox{ padding-top: 20px;}
	.smallGreenbox{ top: 65px; font-size: 28px; line-height: 28px; padding-bottom: 14px;}
	.Fullscreen .imageHolder{ bottom: 104px;}
}

@media screen and (min-width: 0px) and (max-width:359px) {
.officeInfo span, .address{ font-size: 15px;}
}