#header{position:fixed;left:0;top:0;width:100%;z-index:3;background-size:cover;background-position:50%;}
#header.fixed{background:#ddd url(menu.jpg);box-shadow:0 0 10px rgba(0,0,0,.4);}
.page #header{background:#ddd url(menu.jpg);box-shadow:0 0 10px rgba(0,0,0,.4);}
.header{display:flex;height:110px;align-items:center;justify-content:space-between;transition:.2s;}
#header.fixed .header{height:80px;}
.logo{height:100%;width:120px;transform:translateY(15px);margin:0 20px 0 0;}
.logo img{display:block;max-height:100%;}
.topmenu{display:flex;height:50px;line-height:50px;padding:0 20px;position:relative;text-align:center;justify-content:space-between;}
.topmenu li{display:block;position:relative;list-style:none;}
.topmenu li+li:before{content:"";display:block;position:absolute;width:1px;top:10px;bottom:10px;background:#000;}
.topmenu a{display:block;padding:0 10px;color:#000;text-decoration:none;white-space:nowrap;text-transform:uppercase;font-weight:bold;}
.parent>a{padding:0 47px 0 15px;}
.showlevel{position:absolute;top:0;right:0;bottom:0;width:40px;background:rgba(255,255,255,.0) url(arrow_down.png)no-repeat 50% 50%;transition:background .3s;cursor:pointer;}
.showlevel:hover,.showlevel.active{background-color:rgba(255,255,255,.3);}
.showlevel.active{transform:rotate(180deg);}
.topmenu ul{display:block;position:absolute;top:100%;left:0;width:320px;visibility:hidden;opacity:0;transform:translateY(20px);transition:.3s;background:#004D8D;box-shadow:0 10px 10px rgba(0,0,0,.3);}
.topmenu li:last-child ul{left:auto;right:0;}
.topmenu ul a{padding:12px 47px 12px 15px;height:auto;line-height:1.2;text-align:left;}
.topmenu a:after{content:"";display:block;top:100%;height:3px;left:0;width:40px;background:#EE0210;opacity:0;transition:.2s;}
.topmenu:hover .current a:after{opacity:0;}
.topmenu .current a:after,.topmenu .current a:hover:after,.topmenu .active a:after,.topmenu a:hover:after{opacity:1;}
.parent:hover ul,.showlevel.active+ul{visibility:visible;opacity:1;transform:translateY(0);}
.menuopen{display:none;}
.soc{padding:0 15px 0 0;white-space:nowrap;}
.soc a{display:inline-block;margin:0 10px 0 0;width:28px;height:24px;}
.vk{background:url(vk.png)no-repeat 0 50%;}
.in{background:url(in.png)no-repeat 0 50%;}
.tg{background:url(tg.svg)no-repeat 0 50%;background-size:contain;}
.contacts{text-align:center;}
.phone{font-size:32px;font-weight:bold;color:#000;text-decoration:none;display:block;padding:0 0 0 40px;background:url(phone.png)no-repeat 0 50%;text-align:center;white-space:nowrap;}
#header .call{color:#666;display:block;border-bottom:dotted 1px #666;cursor:pointer;user-select:none;-webkit-user-select:none;margin:0 0 0 40px;text-align:center;white-space:nowrap;}

#banner{height:60vh;min-height:440px;background-size:cover;background-position:50% 100%;z-index:2;}
.bannertext{position:absolute;bottom:100px;left:50%;transform:translateX(-600px);padding:55px 150px 25px 70px;background:url(bannertext.svg)no-repeat;background-size:100% 100%;color:#fff;text-shadow:2px 2px 0 #AA153C;}
.bannertext:after{content:"";display:block;position:absolute;left:100%;top:80px;width:668px;height:336px;background:url(car.png)no-repeat;margin:0 0 0 -180px;}
.bannertext .black{padding:35px 0 0;text-shadow:none;}

#form{padding:60px 0;background:url(form.png),linear-gradient(#e9e9e9,#e4e4e4);}
.form{padding:0 0 0 60px;position:relative;}
.form:after{content:"";position:absolute;top:100%;left:0;margin:-30px 0 0;width:157px;height:184px;background:url(keys.png)no-repeat;}
.heading{font-weight:bold;font-family:Sybilla-Bold,serif;}
#form .heading{padding:0 0 30px;}
label{display:inline-block;padding:0 0 3px;width:300px;margin:0 14px 0 0;position:relative;}
input{display:block;width:100%;background:url(input.svg);background-size:100% 100%;margin:5px 0 0 -6px;border:0;height:60px;line-height:60px;padding:0 15px 0 60px;box-sizing:border-box;}
.button{display:inline-block;width:303px;background:none;margin:5px 0 0 -6px;border:0;height:63px;line-height:60px;padding:0 15px;box-sizing:border-box;color:#fff;vertical-align:bottom;position:relative;cursor:pointer;}
.button svg{position:absolute;top:0;left:0;width:100%;height:100%;}
.buttonbg{fill:#EE0210;transition:.2s;}
.buttonshadow{fill:#AA153C;}
.button:hover .buttonbg{fill:#CE020F}
.policy{font-size:11px;padding:4px 0 4px 20px;background:url(check.png)no-repeat 0 50%;}
.button .viblock{position:relative;}
.name:before{content:"";display:block;position:absolute;bottom:21px;left:18px;width:17px;height:21px;background:url(user.png)no-repeat;z-index:1;}
.phone2:before{content:"";display:block;position:absolute;bottom:21px;left:18px;width:21px;height:21px;background:url(phone2.png)no-repeat;z-index:1;}

#content{padding:60px 0;min-height:500px;}
#content:after{content:"";displaY:block;position:absolute;top:60px;left:45%;width:55%;background:url(bgg.jpg)no-repeat 0 50%;height:500px;}
.half{width:45%;padding:60px 30px 0 0;box-sizing:border-box;}

#content2{padding:150px 0 30px;}
.bread{padding:0 0 15px;font-size:12px;}
.breadcrumbs,.bread ul,.bread li{display:inline;}
.bread li:after{content:" — ";}
.albums{display:flex;margin:0 -10px;flex-wrap:wrap;}
.albums a{display:block;padding:0 10px;flex:0 0 33.333333%;box-sizing:border-box;font-size:14px;text-decoration:none;transition:.2s;margin:0 0 20px;color:#666;}
.albums a p{font-size:16px;font-family:Sybilla-Bold,serif;color:#000;}
.albums a div span{display:block;font-size:15px;color:#000;text-align:center;}
.albums .img{display:inline-block;margin:0 0 4px;position:relative;}
.albums .img:after{content:"";display:block;position:absolute;top:10px;left:10px;right:10px;bottom:10px;background:rgba(0,0,0,.3);border:1px solid #fff;box-shadow:0 0 0 10px rgba(0,0,0,.3);opacity:0;transition:.2s;}
.albums .img:hover:after{opacity:1;}
.albums img{display:block;}
.albums .view .img:after{background:rgba(0,0,0,.3) url(lupa.png)no-repeat 50%;}

.pagination{padding:15px;font-size:14px;line-height:40px;background:#fff;text-align:center;}
.pagination a,.pagination b{display:inline-block;vertical-align:middle;width:30px;height:30px;line-height:30px;color:#000;text-decoration:none;text-align:center;transition:.2s;}
.pagination b{background:#FF0006;color:#fff;}
.pagination a:hover{background-color:rgba(0,0,0,.1);}
.prevpage{background:url(arrows2.png);}
.nextpage{background:url(arrows2.png)100% 50%;}



#icons{padding:60px 0 30px;background:url(form.png),linear-gradient(#e9e9e9,#e4e4e4);}
.icons{display:flex;flex-wrap:wrap;margin:0 -15px;justify-content:space-around;}
.icon{flex:0 0 26%;margin:0 0 30px;padding:0 15px;text-align:center;box-sizing:border-box;}
.iconimg{height:60px;line-height:60px;}
.iconimg img{max-height:100%;}
.icontitle{padding:10px 0;font-size:16px;font-weight:bold;}
.icontext{color:#888;}

#comments{padding:60px 0;min-height:360px;}

#map{height:640px;filter:grayscale(.5);transition:.2s;}
#map:hover{filter:grayscale(0);}

#contacts{display:flex;background:#E8E8E8;padding:80px 0 0;}
#contacts #map{flex:0 0 53%;height:700px;}
.contacttext{flex:0 0 47%;padding:60px 30px 400px;box-sizing:border-box;min-width:320px;position:relative;}
.textholder{max-width:450px;line-height:30px;}
.contacttext:after{content:"";display:block;position:absolute;bottom:50px;left:-145px;width:578px;height:400px;background:url(contacts.png)no-repeat;}
.phone4{font-size:16px;font-weight:bold;color:#000;text-decoration:none;display:block;padding:0 0 0 40px;background:url(phone.png)no-repeat 0 50%;}
.adres4{font-size:16px;font-weight:bold;color:#000;text-decoration:none;display:block;padding:0 0 0 40px;background:url(map4.png)no-repeat 0 50%;}
.email4{font-size:16px;font-weight:bold;color:#000;text-decoration:none;display:block;padding:0 0 0 40px;background:url(email4.png)no-repeat 0 50%;}

.page#main{background:#E8E8E8;}
#empty{height:180px;clear:both;background:#E8E8E8;}
#footer{min-height:180px;padding:15px 0 0;line-height:24px;margin-top:-180px;background:#3B393B url(footer.jpg)50%;background-size:cover;color:#fff;background-size:cover;z-index:1;box-sizing:border-box;}
#footer a{color:#fff;}
.phone3{padding:0 0 0 40px;background:url(phone3.png)no-repeat 0 50%;font-size:16px;}
#footer .call{color:#fff;display:inline-block;border-bottom:dotted 1px #fff;cursor:pointer;user-select:none;-webkit-user-select:none;}
.adres{position:relative;padding:0 0 0 40px;margin:0 0 0 -40px;background:url(map3.png)no-repeat 0 50%;}

.info{background:#fff;margin:0 0 30px;overflow:hidden;}
.infotitle{position:relative;box-shadow:0 0 20px rgba(0,0,0,.4);font-weight:bold;font-family:Sybilla-Bold,serif;font-size:18px;padding:12px 40px 12px 15px;cursor:pointer;user-select:none;-webkit-user-select:none;}
.infotitle:after{content:"";display:block;position:absolute;top:50%;right:10px;background:url(up.png)no-repeat;width:26px;height:16px;margin:-8px 0 0;transform:rotate(180deg);transition:.2s;}
.infotitle.active:after{transform:rotate(0);}
.infotext{padding:15px;display:none;}

.swip{height:114px;overflow:hidden;transition:.2s;border-radius:4px;}
.swip:hover{margin:-80px 0 0;height:200px;}

@media (max-width:1230px){
	#empty{height:0;}
	#footer{height:auto;margin:0;}
	#main{min-height:auto;}
	.menuopen{display:block;width:44px;height:50px;cursor:pointer;background:url(menu.png)no-repeat 0 50%;margin:0 0 0 30px;}
	.topmenu{display:none;position:absolute;top:100%;margin:0;width:480px;left:-15px;z-index:12;background:#fff;line-height:44px;overflow:hidden;box-shadow:0 10px 10px rgba(0,0,0,.1);padding:0;height:auto;}
	.topmenu:before{display:none;}
	.topmenu.show{display:block;}
	.topmenu.show li{display:block;float:none;border-top:1px solid #666;}
	.topmenu .showlevel{bottom:auto;width:56px;height:44px;background-color:rgba(255,255,255,.15);}
	.topmenu ul{display:none;position:relative;top:0;visibility:visible;opacity:0;transform:scaleY(0);transition:.2s;box-shadow:none;width:auto;}
	.topmenu .parent:hover ul{display:none;}
	.topmenu .showlevel.active+ul{display:block;opacity:1;transform:scaleY(1);}
	.topmenu a{padding:0 20px;height:44px;line-height:44px;}
	.topmenu>.current:before,.topmenu>.active:before{display:none;}
	
	#banner{height:auto;padding:180px 0 0;overflow:hidden;}
	#banner:before{content:"";display:block;position:absolute;bottom:0;left:0;right:0;height:60px;background:#e9e9e9;}
	.bannertext{position:relative;margin:0 auto;width:588px;left:0;bottom:0;transform:none;box-sizing:border-box;padding:55px 0 25px 50px;}
	.bannertext:after{top:100%;left:15px;right:0;margin:-20px 0 0;width:450px;background-size:contain;}
	
	.half{width:auto;padding:60px 0 0;}
	#content:after{position:relative;top:0;left:0;width:auto;height:500px;}
	.icon{flex:0 0 50%;}
	#footer{padding:20px 0;}
	#contacts{flex-direction:column-reverse;overflow:hidden;}
	#contacts #map{flex:0 0 700px;}
	.contacttext{flex:0 0 auto;}
	.contacttext:after{left:0;bottom:0;}
	.swip{height:auto;}
	.swip:hover{margin:0;height:auto;}
}

@media (max-width:820px){
	.albums a{display:block;padding:0 10px;flex:0 0 50%;}
	
}