@media screen and (min-width: 1200px){
/* * */

#header{
	background: url(../images/cloud/cloud1.png) 125px 295px no-repeat, url(../images/cloud/cloud2.png) 755px 255px no-repeat, url(../images/main.png) center center no-repeat;
	height: 1080px;
	margin-bottom: 60px;
	overflow: hidden;
}

.headermodulewrapper{
	height: calc(100% - 284px);
}

.trueheader{
	background: none;
	height: 284px;
	position: relative;
}
#header a.logo{
	width: 225px;
	height: 278px;
	right: 0;
	margin: 0 auto;
	background: url(../images/logo.png) center center no-repeat;
	top: 62px;
}

.fullnamemodule{
	display: block;
	font-size: 12px;
	color: #fff;
	letter-spacing: 0.5px;
	position: absolute;
	top: 90px;
}
.fullnamemodule strong{
	font-family: 'ArialBlack';
	font-weight: normal;
	font-size: 32px;
}
.fullnamemodule em{
	font-style: normal;
	color: #000;
}
.zakazmodule{
	top: 193px;
	left: 68%;
}
.phonesmodule{
	font-size: 24px;
	color: #77888f;
	font-weight: bold;
	top: 100px;
	left: 72%;
}
.phonesmodule strong{
	font-size: 16px;
	position: relative;
	margin-bottom: 15px;
	display: inline-block;
	font-weight: bold;
}
.phonesmodule strong::after{
	position: absolute;
	display: block;
	content: "";
	width: 20px;
	height: 32px;
	right: -150px;
	top: -11px;
}
.phonesmodule strong:first-of-type::after{background: url(../images/numberafter.png) center center no-repeat;}
.phonesmodule strong:last-of-type::after{background: url(../images/numberafter2.png) center center no-repeat;}

.headermodulewrapper{
	max-width: 1620px;
	width: 100%;
	position: relative;
}
.headermodulewrapper::before{
	position: absolute;
	display: block;
	content: "";
	background: url(../images/map.png) center center no-repeat;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
.headermodulewrapper::after{
	position: absolute;
	display: none;
	content: "";
	background: url(../images/shield.png) center center no-repeat;
	width: 100%;
	height: 100%;
	top: -72px;
	z-index: 7;
	right: 0;
	margin: 0 auto;
	left: 0;
	z-index: 7;
}
.headermodulewrapper.shield::after{display: block;}


#menu1 li{
	background: none !important;
	box-shadow: none !important;
	border: none !important;
	position: absolute;
	opacity: 0.8;
}
#menu1 li:hover, #menu1 li.hover{opacity: 1;}
#menu1 li a{
	background: #132128;
	box-shadow: 0 0 10px 3px #cdd1ab;
	border-radius: 14px;
}

#menu1 li:hover a, #menu1 li.hover a{
	opacity: 1;
	background: #132128;
	box-shadow: 0 0 10px 3px #cdd1ab;
}

#menu1 li::after{
	position: absolute;
	display: block;
	content: "";
	width: 44px;
	height: 62px;
	background: url(../images/map/menuicon.png) center center no-repeat;
	top: -12px;
}
#menu1 li:not(.gardfour)::after{right: 0;}
#menu1 .gardfour::after{left: 0;}

#menu1 li:not(.gardfour) a{padding-right: 60px;}
#menu1 .gardfour a{padding-left: 60px;}


#menu1 li a{position: relative;}
#menu1 li a::before{position: absolute; display: block; content: ""; z-index: -1;}

.gardone a::before{background: url(../images/map/gardone.png) center center no-repeat; width: 291px; height: 132px;}
.gardtwo a::before{background: url(../images/map/gardtwo.png) center center no-repeat; width: 1147px; height: 177px;}
.gardthree a::before{background: url(../images/map/gardthree.png) center center no-repeat; width: 527px; height: 271px;}
.gardfour a::before{background: url(../images/map/gardfour.png) center center no-repeat; width: 179px; height: 80px;}
.gardfive a::before{background: url(../images/map/gardfive.png) center center no-repeat; width: 337px; height: 161px;}
.gardsix a::before{background: url(../images/map/gardsix.png) center center no-repeat; width: 256px; height: 207px;}
.gardseven a::before{background: url(../images/map/gardseven.png) center center no-repeat; width: 556px; height: 188px;}
.gardeight a::before{background: url(../images/map/gardeight.png) center center no-repeat; width: 533px; height: 223px;}


#menu1 li{margin: 0 auto 0;}

#menu1 .gardone{width: 350px; top: 5px; left: 0; right: 563px;}
.gardone a::before{left: 80px;}
#menu1 .gardtwo{width: 190px; top: 5px; left: 480px; right: 0;}
.gardtwo a::before{right: -361px; top: -33px;}

#menu1 .gardthree{width: 185px; top: 95px; left: 0; right: 965px;}
.gardthree a::before{right: -106px; top: -27px;}
#menu1 .gardfour{width: 280px; top: 85px; left: 0; right: 120px;}
.gardfour a::before{left: -68px; top: 15px;}

#menu1 .gardfive{width: 290px; top: 110px; left: 580px; right: 0;}
.gardfive a::before{left: 37px; top: 5px;}
#menu1 .gardsix{width: 232px; top: 175px; left: 75px; right: 0;}
.gardsix a::before{left: 47px; top: -3px;}

#menu1 .gardseven{width: 282px; top: 240px; left: 650px; right: 0;}
.gardseven a::before{left: 8px; top: -44px;}
#menu1 .gardeight{width: 295px; top: 325px; left: 135px; right: 0;}
.gardeight a::before{left: 86px; top: -18px;}


.gardone{z-index: 2;}
.gardtwo{z-index: 1;}
.gardthree{z-index: 3;}
.gardfour{z-index: 2;}
.gardfive{z-index: 2;}
.gardsix{z-index: 3;}
.gardseven{z-index: 4;}
.gardeight{z-index: 6;}

#menu1{
max-width: 1620px;
width: 100%;
margin: 0 auto;
}

#menu1 li:hover{
	-webkit-filter: brightness(140%);
	-moz-filter: brightness(140%);
	-ms-filter: brightness(140%);
	-o-filter: brightness(140%);
	filter: brightness(140%);
}

#menu1 li:hover::after{
	-webkit-filter: brightness(60%);
	-moz-filter: brightness(60%);
	-ms-filter: brightness(60%);
	-o-filter: brightness(60%);
	filter: brightness(60%);
}

#menu1:hover li:not(:hover){
	-webkit-filter: opacity(80%);
	-moz-filter: opacity(80%);
	-ms-filter: opacity(80%);
	-o-filter: opacity(80%);
	filter: opacity(80%);
}

.weathermodule{
	display: block;
	position: absolute;
	bottom: 40px;
	left: 30px;
}
.scrolldownmodule{
	display: block;
	width: 190px;
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	bottom: 60px;
	font-size: 14px;
	color: #172831;
}

.clockmodule{
	display: block;
	position: absolute;
	bottom: 145px;
	left: 72px;
	font-family: 'digital';
	font-size: 50px;
	font-weight: bold;
	z-index: 10;
}

.cloud1, .cloud2, .cloud3{
	position: absolute;
	display: block;
}
.cloud1{width: 500px; height: 319px; background: url(../images/cloud/cloud3.png) center center no-repeat; bottom: 125px; left: 0; z-index: 7;}
.cloud2{width: 595px; height: 478px; background: url(../images/cloud/cloud4.png) center center no-repeat; margin: 0 auto; bottom: 10px; left: 0; right: 220px;}
.cloud3{width: 345px; height: 208px; background: url(../images/cloud/cloud5.png) center center no-repeat; bottom: 70px; right: 100px;}

#rain{position: absolute; display: block; width: 140px; height: 100px; left: 200px; top: 105px; opacity: 0;}

.shieldmodule{
	display: block;
	position: absolute;
	left: 0;
	right: 540px;
	margin: 0 auto;
	width: 185px;
	top: 400px;
	z-index: 9;
}
.shieldmodule span{display: none;}
.shieldmodule a{
	display: block;
	width: 148px;
	height: 148px;
	background: url(../images/shieldon.png) center center no-repeat;
	cursor: pointer;
	position: relative;
}
.shieldmodule a::before{
	position: absolute;
	display: block;
	content: "";
	width: 100%;
	height: 100%;
	border-radius: 100%;
	border: 1px solid #ff0012;
	left: -1px;
	top: -1px;
}
.shieldmodule a:hover::before{
	width: 150%;
	height: 150%;
	opacity: 0;
	left: -25%;
	top: -25%;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}


@font-face {
	font-family: 'digital';
	src: url('../fonts/digital.eot?') format('eot'), 
	     url('../fonts/digital.otf')  format('opentype'),
	     url('../fonts/digital.woff') format('woff'), 
	     url('../fonts/digital.ttf')  format('truetype'),
	     url('../fonts/digital.svg#EBGaramond') format('svg');
}





/* * */
}