#header{background:#fff;}
#header a{color:#333;text-decoration:none;}
.header{display:flex;justify-content:space-around;align-items:center;line-height:1.3;}
.logo{display:block;flex:0 0 101px;margin:0 0 0 -12px;}
.logo img{max-height:80px;}
.slogan{text-align:left;flex:1;font-size:20px;line-height:1;white-space:nowrap;}
.firmtitle{font-style:italic;font-size:40px;}
.contacts{flex:1;text-align:right;}
.phone{color:#333;text-decoration:none;margin:0 0 0 15px;white-space:nowrap;font-size:30px;}
.fa-shopping-cart{color:#f68a1b;font-size:24px;}
.cart{font-size:24px;margin:0 0 0 30px;}
.cart a{display:block;text-decoration:none;position:relative;}
.cart span{position:absolute;top:-8px;right:-8px;font-size:11px;line-height:18px;height:16px;min-width:16px;background:#fff;border:1px solid #F68A1B;border-radius:9px;text-align:center;color:#5F6062;}
.in{display:inline-block;padding:5px 0 0;font-size:14px;}

#led{display:flex;background-size:cover;background-position:50%;min-height:calc(100vh - 112px);color:#fff;align-items:center;}
#led:before{content:"";display:block;position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);}

.ledflex{display:flex;}
.ledflex .text h1{font-size:48px;line-height:1.1;padding:0 0 30px;}
.ledflex .text{flex:1;font-size:24px;line-height:1.1;text-shadow:0 0 2px rgba(0,0,0,.6);}
.ledflex .text li{padding:0 0 30px;}
.ledbuttons{padding:0 0 0 30px;text-align:right;}
.button.big{display:inline-block;padding:8px 16px;border:1px solid #ffcc00;box-sizing:border-box;color:#111;text-decoration:none;cursor:pointer;border-radius:6px;user-select:none;-webkit-user-select:none;text-align:center;font-size:20px;transition:.2s;line-height:20px;background:#ffcc00;}
.button.big:hover{background:#fff;}

.blocks{}
.block{display:flex;}
.blockimg{flex:0 0 50%;background-size:cover;background-position:50%;min-height:500px;height:auto;}
.blocktext{flex:0 0 50%;margin:auto 0;}
.textwrap{padding:30px;max-width:615px;box-sizing:border-box;overflow:hidden;}
.block:nth-child(2n) .blockimg{order:1;}
.block:nth-child(2n) .textwrap{float:right;}
.block .heading{font-size:48px;line-height:1.1;}
.block .text{font-size:24px;line-height:1.3;}

#bot{background:#ffcc00;padding:30px;font-size:20px;color:#333;line-height:30px;}
#bot a{color:#333;text-decoration:none;}
.bot{display:flex;justify-content:center;margin:0 -15px;flex-wrap:wrap;}
.bot>div{padding:0 15px;white-space:nowrap;}

#call label{display:block;margin:0 0 12px;}
#call input,#call textarea{display:block;width:100%;padding:6px 8px;font-size:16px;box-sizing:border-box;border:1px solid #ffcc00;background:#fff;color:#333;border-radius:2px;}

.cartitem{display:flex;padding:10px 0 5px;border-bottom:1px solid #ddd;justify-content:space-between;align-items:center;}
.cartitemimg{flex:0 0 40px;margin:0 0 5px;}
.cartitemimg img{display:block;}
.cartitemlink{flex:1;margin:0 20px 5px;}
.cartitem .counter{padding:0;flex:0 0 122px;margin:0 0 5px;overflow:visible;}
.cartitem .price{flex:0 0 100px;margin:0 20px 5px;white-space:nowrap;}
.delall{width:44px;height:44px;background:url(close.png)no-repeat 50% 50%;cursor:pointer;flex:0 0 44px;}
.total{padding:10px 0;text-align:right;}
.orderform{max-width:450px;}


#menu{background:#ffcc00;position:sticky;top:0;z-index:2;min-height:4px;}
.topmenu{display:flex;justify-content:space-between;}
.topmenu li{display:block;position:relative;list-style:none;}
.topmenu a{display:block;padding:8px 15px;color:#333;text-decoration:none;transition:.2s;line-height:1.1;font-size:20px;font-style:italic;}
.topmenu .current>a,.topmenu .active>a{background:#FFF9E5;}
.topmenu a:hover,.topmenu:hover .current:hover{background-color:rgba(0,0,0,.1);}
/*.topmenu .current:first-child{display:none;}*/
.parent>a{padding:8px 60px 8px 30px;}
.showlevel{position:absolute;top:0;right:0;bottom:0;width:40px;background:rgba(0,0,0,.0) url(arrow_down.png)no-repeat 50% 50%;transition:background .2s;cursor:pointer;}
.showlevel:hover,.showlevel.active{background-color:rgba(0,0,0,.2);}
.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:.2s;background:#F2f2f2;}
.topmenu ul a{padding:15px 15px 15px 50px;line-height:1.1;color:#333;text-shadow:none;font-size:15px;background-position:15px;}
.topmenu ul li+li:before{content:"";display:block;position:absolute;top:0;left:15px;right:15px;height:1px;background:#7F90BB;}
.parent:hover ul,.showlevel.active+ul{visibility:visible;opacity:1;transform:translateY(0);}
.menuopen,#menu .mcontacts,#menu .closemenu{display:none;}

.button{display:inline-block;padding:4px 8px;border:1px solid #ffcc00;box-sizing:border-box;color:#111;text-decoration:none;cursor:pointer;border-radius:6px;user-select:none;-webkit-user-select:none;text-align:center;font-size:16px;transition:.2s;line-height:20px;}
.button:hover{background:#ffcc00;}

.heading{font-size:30px;font-weight:bold;padding:0 0 30px;}

#content{padding:40px 0;}
.boardimages{display:flex;margin:10px;justify-content:center;flex-wrap:wrap;}
.boardimages .view{flex:0 0 33.333333%;padding:0 5px 10px;box-sizing:border-box;}
.view img{display:block;border-radius:3px;max-height:100%;}

#mapall{position:fixed;top:123px;left:0;right:0;bottom:0;}
.types{position:absolute;top:140px;right:15px;border:4px solid #ffcc00;border-radius:3px;box-shadow:0 0 2px rgba(0,0,0,.2)inset,0 0 10px rgba(0,0,0,.4);z-index:1;font-size:18px;padding:4px 8px;cursor:pointer;max-width:90%;}
.getdata{display:inline-block;padding:4px 8px;border:1px solid #ffcc00;color:#111;border-radius:6px;cursor:pointer;margin:0 0 2px;}
.getdata:hover{background:#ffcc00;}

#empty{height:120px;clear:both;}
#footer{min-height:120px;overflow:hidden;margin-top:-120px;background:#fff;z-index:1;box-sizing:border-box;color:#333;}

.footer{display:flex;text-align:right;padding:5px 0;align-items:center;}
.logo2{flex:0 0 60px;}

.botmenu{background:#ffcc00;display:flex;justify-content:center;}
.botmenu li{display:block;position:relative;list-style:none;}
.botmenu a{display:block;padding:0 15px;color:#333;text-decoration:none;transition:.2s;line-height:40px;}
.botmenu a:hover,.botmenu:hover .current:hover{background:rgba(0,0,0,.1);}


#content{padding:60px 0 20px;background:#fff;}

.double{display:flex;justify-content:space-between;margin:0 -15px;}
.sidebar{flex:0 0 280px;padding:0 45px 30px 15px;position:relative;overflow:hidden;}
.sidebar:before{content:"";display:block;position:absolute;top:0;right:30px;width:1px;height:200px;background:#7F90BB;}
.content{flex:1;padding:0 15px 30px;}

.gallery{display:flex;margin:0 -10px;flex-wrap:wrap;}
.galleryitem{flex:0 0 33.333333%;margin:0 0 20px;padding:0 10px;box-sizing:border-box;position:relative;}
.galleryimg{height:270px;background-size:cover;position:relative;}
.galleryimg:before{content:"";display:block;position:absolute;top:0;left:0;right:0;bottom:0;transition:.2s;}
.galleryitem:hover .galleryimg:before{background:rgba(0,44,85,.4);}
.galleryintro{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;visibility:hidden;opacity:0;transition:.2s;transform:translateY(20px);color:#fff;text-decoration:none;text-align:center;}
.galleryitem:hover .galleryintro{visibility:visible;opacity:1;transform:translateY(0);}
.gallery img{display:block;}
.gallery2 .galleryimg{height:auto;}

.boardtitle{font-size:20px;font-weight:bold;cursor:pointer;position:relative;padding:12px 20px;background:#f3f4f5;border-radius:6px 6px 0 0;}
.placetitle:after{content:"";display:block;position:absolute;top:100%;left:20px;right:20px;height:1px;background:#ddd;}
.boardtext{padding:12px 20px;color:#333;}
.boardprices{display:flex;border:1px solid #ddd;margin:10px 0 0;flex-wrap:wrap;}
.price{padding:7px 15px;flex:1 1 25%;}
.price+.price{border-left:1px solid #ddd;}
.pricetitle{font-size:18px;padding:0 0 5px;}
.pricevalue{font-weight:bold;color:#F68A1B;font-size:18px;padding:0 0 10px;}
.priceimages{padding:7px 0 0;}
.priceimages a{display:inline-block;}
.priceimages img{display:block;border:1px solid #ddd;}
.pricevalue:not(:empty):after{content: " ₽";}

.board{display:flex;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);overflow:auto;z-index:5;align-items:center;justify-content:center;}
.boardinner{position:relative;max-width:600px;background:#fff;border-radius:6px;flex:1;}
.clear{display:block;position:absolute;top:0;right:0;width:44px;height:44px;background:url(close.png)no-repeat 50% 50%;cursor:pointer;}

.spoiler{border-bottom:2px dashed blue;cursor:pointer;color:blue;}

.json{display:grid;max-width:100%;grid-template-columns:repeat(15,1fr);grid-auto-flow:dense;gap:0;border-bottom:1px solid #666;font-size:13px;}
.number{grid-column-start:span 1;border-left:1px solid #666;border-right:1px solid #666;border-top:1px solid #666;padding:2px;}
.name{grid-column-start:span 2;border-top:1px solid #666;border-right:1px solid #666;padding:2px;}
.month{grid-column-start:span 1;border-right:1px solid #666;border-top:1px solid #666;}
.json input{display:block;width:100%;border:0;padding:2px 4px;font-size:13px;color:#444;box-sizing:border-box;height:100%;}
.json input:focus{box-shadow:0 0 3px rgba(12,85,255,.9)inset;}
.select{border:3px solid #ffcc00;border-radius:3px;font-size:16px;padding:4px 8px;cursor:pointer;}
.select option{cursor:pointer;}
.selects{padding:0 0 10px;}

/*планшетики*/
@media(max-width:991px){
	#empty{height:0;}
	#footer{height:auto;margin:0;}
	#main{min-height:auto;}

	.menuopen{display:block;width:44px;height:44px;cursor:pointer;background:url(menu.png)no-repeat 0 50%;margin:0 0 0 15px;}
	.topmenu{visibility:hidden;opacity:0;display:block;position:absolute;top:0;right:-15px;margin:0;width:100%;max-width:482px;z-index:12;line-height:44px;overflow:hidden;background:#333;height:auto;box-sizing:border-box;transition:.2s;}
	.topmenu:after{content:"";display:block;position:absolute;top:0;left:0;right:0;height:75px;background:url(logow.png)no-repeat 50% 10px;}
	.topmenu.show{visibility:visible;opacity:1;}
	.topmenu.show li{display:block;float:none;border-top:1px solid rgba(255,255,255,.1);}
	.topmenu .showlevel{bottom:auto;width:56px;height:60px;background-color:rgba(0,0,0,.15);}
	.topmenu ul{display:none;position:relative;top:0;visibility:visible;opacity:0;transform:scaleY(0);transition:.2s;box-shadow:none;width:auto;background:none;}
	.topmenu .parent:hover ul{display:none;}
	.topmenu .showlevel.active+ul{display:block;opacity:1;transform:scaleY(1);}
	.topmenu a{padding:15px;line-height:1.2;color:#fff;}
	.topmenu .current>a,.topmenu .active>a{background:#333;}
	.topmenu ul a{font-size:95%;padding:15px 25px;color:#fff;background-position:-100px;}
	.topmenu>.current:before,.topmenu>.active:before{display:none;}
	.parent:hover ul{display:none;}
	.topmenu li+li:before{display:none;}
	.showlevel.active+ul{display:block;opacity:1;transform:scaleY(1);}
	
	#menu .mcontacts{display:block;padding:10px 0 0;}
	.mcontacts a,.mcontacts span{display:block;color:#fff;text-decoration:none;padding:20px;line-height:1.2;}
	
	#menu .closemenu{display:block;position:absolute;top:13px;right:015px;width:44px;height:44px;border:0;cursor:pointer;background:url(closemenu.png)no-repeat 0 50%;z-index:13;}
	
	.double{flex-direction:column;}
	.sidebar{flex:1;order:1;}
	.galleryitem{flex:0 0 50%;}
	
	.placeprices{flex-direction:column;}
	.price+.price{border-left:none;border-top:1px solid #ddd;}
	
	#mapall{top:89px;}
	
	.ledflex{flex-direction:column;padding:30px 0;}
	.ledflex .text h1{font-size:34px;}
	.ledbuttons{text-align:left;margin:30px 0 0;}
	.block{flex-direction:column;}
	.blockimg{order:1;}
	
	#bot{text-align:center;}

}

@media (max-width:767px){
	
	.slogan{display:none;}
	
	.footer .contacts{text-align:center;}
	
	.galleryitem{flex:0 0 100%;}
	.galleryimg{height:320px;}
	.gallery2 .galleryitem{flex:0 0 50%;}
	.gallery2 .galleryimg{height:auto;}
	
	.slogan{text-align:left;flex:1;font-size:15px;line-height:1;}
	.firmtitle{font-size:30px;}
	.phone{font-size:18px;}
	
	.botmenu{display:none;}
	
	.logo{flex:0 0 56px;}
	#mapall{top:60px;}
	.types{top:88px;}
}