body{font-family:'Roboto Condensed',Arial; font-size:14px; color:#333; background:#333; min-width:320px; cursor:default;}
body::-webkit-scrollbar{width:7px;}
body::-webkit-scrollbar-track{background:#eaeaea;}
body::-webkit-scrollbar-thumb{background:#333;}
html{min-height:100%; position:relative;}
*{padding:0; margin:0; outline:0; border:none;}
ul, ol{list-style:none;}
u{text-decoration:none;}
i{font-style:normal;}
a{color:#fff; text-decoration:none; cursor:pointer;}
a:hover{color:#fff; text-decoration:underline;}
h1,h2,h3{font-weight:bold; color:#333; margin-bottom:35px;}
.hide{display:none;}

.layout{display:block; overflow:hidden; min-width:800px; max-width:1200px; margin:0 auto;}
.button{display:block; width:100%; height:55px; line-height:55px; border-radius:10px; background:#ffc600; font-family:'Roboto Condensed',arial; text-align:center; color:#000; font-weight:bold; cursor:pointer;}
.button:hover{background:#ffa200; color:#000; text-decoration:none;}

.upline{display:block; overflow:hidden; background:#111; padding:15px 20px; font-size:1.6em;}
.upline .phone{float:right; font-weight:bold;}
.upline b{color:#fff; font-weight:normal;}
.splash{position:relative; display:block; overflow:hidden;}
.splash .bg{display:block; width:100%;}
.splash .logo_multidom{position:absolute; top:20px; left:50%; margin-left:-40px;}
.splash .bb{position:absolute; top:30%; left:30px; right:30px; font-size:3em; font-weight:bold; text-align:center; text-transform:uppercase; color:#fff;text-shadow: 0px 2px 3px rgba(0, 0, 0, 1);}
.downline{display:block; overflow:hidden; background:#111; padding:30px 20px; font-size:1.2em; text-align:center; color:#fff;} 
.downline .button{display:block; max-width:300px; margin:0 auto; margin-top:20px; font-size:1.4em;}
.downline.ww{font-size:1em;}

.box{display:block; overflow:hidden; background:#ccc; padding:30px; text-align:center;}
.box h2{display:block; font-size:3em; color:#111; margin-bottom:10px;} 
.box strong{display:block; clear:both; font-size:1.8em; color:#222; margin-bottom:30px;}

.box.cat .set{display:block; overflow:hidden; margin:0 -20px;}
.box.cat .set .item{float:left; width:calc(25% - 20px); margin:0 10px;}
.box.cat .set .item img{display:block; width:100%;}
.box.cat .set .item b{display:block; width:100%; font-size:1.6em; color:#111; margin:10px 0 5px 0;}
.box.cat .set .item .price{display:block; width:100%; font-size:1.4em; font-weight:normal; color:#ff0000; margin-bottom:10px;}
.box.cat .set .item .button{font-size:1.4em; max-width:140px; height:40px; line-height:40px; margin:0 auto;}

.box.mat .set{display:block; overflow:hidden; margin:0 -20px;}
.box.mat .set .item{float:left; width:calc(33.33% - 20px); margin:0 10px;}
.box.mat .set .item img{display:block; width:100%;}
.box.mat .set .item b{display:block; width:100%; font-size:1.6em; color:#111; margin:10px 0 5px 0;}

.custom{position:relative; display:block; overflow:hidden;}
.custom .bg{display:block; width:100%;}
.custom p{position:absolute; top:30%; left:30px; right:30px; font-size:1.6em; font-weight:bold; text-align:center; text-transform:uppercase; color:#fff;text-shadow: 0px 2px 3px rgba(0, 0, 0, 1);}

.ideal{background:#111;}
.ideal strong{display:block; width:100%; font-size:3em; color:#fff;}
.ideal span{display:block; width:100%; font-size:1.4em; color:#fff;}
.ideal .button{margin:0 auto; max-width:300px; font-size:1.8em; margin-top:30px;}

.contacts{display:block; overflow:hidden; padding:20px; font-size:1.6em; background:#ccc; position:relative;}
.contacts .mail{float:left; color:#111;}
.contacts .phone{float:right; color:#111; font-weight:bold;}

.socials{display:block;}
.socials a{float:left; width:30px; height:30px; margin-right:4px; border-radius:4px;}
.socials a.fb{background:url(../img/fb.png) no-repeat;}
.socials a.vk{background:url(../img/vk.png) no-repeat;}
.socials a.in{background:url(../img/in.png) no-repeat;}
.socials a.vb{background:url(../img/vb.png) no-repeat;}
.socials a.tg{background:url(../img/tg.png) no-repeat;}

.upline .socials{float:right; margin:0 -10px 0 15px;}
.contacts .socials{position:absolute; top:22px; left:50%; margin-left:-110px;}

footer{display:block; width:100%; text-align:center; background:#111; color:#999; padding:20px 0;}

.modal.show{display:block;}
.modal{display:none; position:fixed; top:50%; left:50%; width:600px; z-index:9999; transform: translateX(-50%) translateY(-50%);}
.modal .content{position:relative; display:block; height:100%; color:#fff; background:#fff; -webkit-box-shadow: 0px 0px 74px 10px rgba(0,0,0,0.75);-moz-box-shadow: 0px 0px 74px 10px rgba(0,0,0,0.75);box-shadow: 0px 0px 74px 10px rgba(0,0,0,0.75);margin:0 auto; padding:0; top:-1px;}
.modal .content .close{position:absolute; top:8px; right:8px; width:50px; cursor:pointer;}
.modal .content .close img{display:block; width:100%;}
.modal .content h3{display:block; height:64px; line-height:64px; font-size:2em; background:#333; color:#fff; text-align:left; padding:0 0 0 25px; margin:-1px 0 20px 0;}
.modal .content .form{display:block; text-align:center; margin:0 60px 0 20px; padding:0 0 20px 0;}
.modal .content .button{width:calc(100% + 40px); font-size:1.6em;}
.modal .content input{margin-bottom:20px; color:#000; background:#cfcfcf;}
.form label{display:block; clear:both; text-align:left; color:#333; margin:0 0 3px 0px;}
.form input{display:block; width:100%; line-height:100% and line-height:1; height:55px; font-family:'Roboto Condensed',Arial; font-size:2em; outline-width:0; padding:0 20px; margin-bottom:30px;}
.mbg.show{display:block;}
.mbg{display:none; position:fixed; z-index:9998; left:0; top:0; right:0; bottom:0; background:#000; opacity:.8;}

@media (max-width:400px){
	.layout{min-width:300px; max-width:600px;}
.splash .logo_multidom{margin-left:-25px !important; width:50px !important;}
.splash .bb{top:40% !important; font-size:1.3em !important;}
}
@media (max-width:600px){
	.layout{min-width:300px; max-width:600px;}
	.box{padding:10px 10px 0 10px;}
	.modal{top:0; left:0; right:0; width:auto; transform:none;}
	.button{height:45px; line-height:45px;}
	.upline{padding:10px 20px; font-size:1.2em; text-align:center;}
	.upline .phone{float:none; display:inline-block; width:100%; font-size:1.2em;}
	.upline b{display:block; width:100%; text-align:center;}
	.upline .socials{float:none; display:inline-block; margin:8px 0 5px 0;}
	.splash .logo_multidom{top:10px; margin-left:-35px; width:80px;}
	.splash .logo_multidom img{display:block; width:100%;}
	.splash .bb{top:50%; font-size:1.6em;}
	.downline{padding:20px; font-size:1em;} 
	.downline .button{max-width:240px; margin:0 auto; margin-top:20px; font-size:1.4em;}
	.box{padding:20px 30px !important;}
	.box h2{font-size:1.6em; margin-bottom:10px;} 
	.box strong{font-size:1em; margin-bottom:20px;}
	.box.cat strong{margin-bottom:0;}
	.box.cat .set .item b,.box.mat .set .item b{font-size:1.2em;}
	.box.cat .set .item{float:left; width:calc(50% - 20px); margin:20px 10px 0 10px;}
	.box.cat .set .item .price{font-size:1.2em;}
	.box.cat .set .item .button{font-size:1.2em; max-width:100px; height:34px; line-height:34px;}
	.downline.ww{font-size:1em;}
	.ideal{padding:20px 0;}
	.ideal strong{font-size:1.6em; margin-bottom:10px;}
	.ideal span{font-size:1em;}
	.ideal .button{max-width:200px; font-size:1.4em; margin-top:15px;}
	.contacts{font-size:1.1em; height:70px;}
	.contacts .socials{top:60px;}
}
@media (min-width:1100px){
	.upline{font-size:1.8em;}
	.box.cat .set .item b,.box.mat .set .item b{font-size:1.8em;}
	.downline{font-size:1.8em;} 
	.downline .button{font-size:1em;}
	.box h2{font-size:4em; margin-bottom:20px;} 
	.box strong{font-size:2em;}
	.downline.ww{font-size:1.4em;}
	.ideal strong{font-size:4em;}
	.ideal span{font-size:1.6em;}
	.contacts{font-size:2em;}
	.modal .content .button{font-size:2em;}
}