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;}

.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:55px; background: rgb(176,7,17); background: linear-gradient(180deg, rgba(176,7,17,1) 0%, rgba(88,0,5,1) 100%); font-family:'Roboto Condensed',arial; font-size:1.6em; text-align:center; color:#f6f6f6; cursor:pointer;}
.button:hover{background:#000; color:#fff; 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;}
.upline .socials{float:right; margin:0 -10px 0 15px;}

.splash{position:relative; display:block; overflow:hidden;}
.splash .bg{display:block; width:100%;}
.splash .logo_multidom{position:absolute; top:20px; left:22px;}
.splash .logo_claroflex{position:absolute; top:30px; right:20px;}
.splash .desk{position:absolute; z-index:2; bottom:20px; left:calc(50% - 275px); width:550px; color:#fff; padding:20px;}
.splash .desk b{display:block; text-align:center; font-size:1.3em; margin:0 40px 18px 0;}
.splash .desk p{display:block; text-align:center; font-size:1.2em; margin:0 40px 18px 0;}
.splash .desk_bg{position:absolute; z-index:1; bottom:40px; left:calc(50% - 275px); width:550px; height:180px; background:#990000; border:2px solid #ff0000; opacity:.7;}

.features{position:relative; display:block; overflow:hidden; background:#ccc; padding:30px 10px 40px 10px;}
.features h2{display:block; width:100%; text-align:center; font-size:2.4em;}
.features .set{display:block; overflow:hidden; margin-bottom:40px;}
.features .set span{float:left; width:25%; font-size:1em; text-align:center;}
.features .set span p{display:block; min-height:155px; margin:0 10px; padding:10px; background:#fff; border-radius:10px;}
.features .button{max-width:500px; margin:0 auto;}

.systems{position:relative; display:block; overflow:hidden; background:#fff; padding:30px 30px 40px 30px;}
.systems .cols{display:block; overflow:hidden;}
.systems h2{float:left; width:50%; font-size:2em;}
.systems .set{display:block; overflow:hidden;}
.systems .set span{float:left; width:50%; margin-bottom:20px;}
.systems .set span i{float:left; width:50%;}
.systems .set span i img{display:block; width:100%;}
.systems .set span p{float:left; width:45%; margin:0 0px 0 10px; font-size:1em;}
.systems .desk{display:block; overflow:hidden; font-size:1.4em; text-align:center; margin-top:30px;}
.msystems{display:none;}

.photobox{display:block; overflow:hidden; background:#fff;}
.photobox .col{float:left; width:50%;}
.photobox .col img{display:block; width:100%;}
.photobox .col p{display:block; font-size:1.2em; padding:20px;}

.order{display:block; overflow:hidden; text-align:center; background:#222; padding:25px 30px 30px 30px;}
.order .mail{display:inline-block; clear:both; font-size:2.4em; margin-bottom:20px;}
.order a{margin:0 10px; font-size:2em;}
.order .phones{display:block; font-size:1.6em; margin-bottom:25px;}
.order .button{max-width:500px; font-size:1.6em; margin:0 auto;}
.order .socials{display:block; margin:0 auto; width:220px; overflow:hidden; margin-top:30px;}
.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;}

.advertice{display:block; overflow:hidden; background:#fff; padding:40px 0 0 0;}
.advertice h2{display:block; overflow:hidden; text-align:center; font-size:2em; padding:0 20px; margin-bottom:5px;}
.advertice strong{display:block; overflow:hidden; text-align:center; font-size:1.2em; padding:0 20px; margin-bottom:40px;}

.advertice .cols{display:block; overflow:hidden;}
.advertice .cols .item{float:left; width:50%;}
.advertice .cols .item .col{float:left; width:50%; overflow:hidden;}
.advertice .cols .item .col img{display:block; width:100%;}
.advertice .cols .item .col p{display:block; overflow:hidden; font-size:1.2em; padding:0 20px;}
.advertice .cols .item .col p b{color:#ff0000;}
.advertice .cols .colx{position:relative; float:left; width:25%; overflow:hidden;}
.advertice .cols .colx img{display:block; width:100%;}
.advertice .cols .colx b{position:absolute; left:0; bottom:0; right:0; height:40px; line-height:40px; font-size:1.2em; text-align:center; color:#fff; z-index:1;}
.advertice .cols .colx i{position:absolute; left:0; bottom:0; right:0; height:40px; line-height:40px; background:#111; opacity:.8;}
.advertice .cols .colx:hover i{background:#000; opacity:1;}

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; margin:0 auto; padding:0;}
.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:0 0 20px 0;}
.modal .content .form{display:block; text-align:center; margin:0 60px 0 20px; padding:0 0 30px 0;}
.modal .content .button{width:260px; margin:30px 0 0 150px;}
.modal .content input{margin-bottom:20px; color:#000; background:#cfcfcf;}
.form label{display:block; clear:both; text-align:left; color:#999; margin:0 0 3px 20px;}
.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; border-radius:45px; 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:.7;}


@media (max-width:600px){
	.layout{min-width:300px; max-width:600px;}
	.button{font-size:1.4em !important; height:45px; line-height:45px; border-radius: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{position:relative; display:block; overflow:hidden;}
	.splash .bg{display:block; width:100%;}
	.splash .logo_multidom{position:absolute; top:20px; left:22px; width:80px;}
	.splash .logo_claroflex{position:absolute; top:30px; right:20px; width:200px;}

	.splash .logo_multidom img,.splash .logo_claroflex img{display:block; width:100%;}

	.splash .desk{position:relative; bottom:0; left:0; display:block; width:auto; color:#fff; background:#930d15; padding:20px;}
	.splash .desk b{font-size:1.2em; margin:0 0 20px 0;}
	.splash .desk p{font-size:1em; margin:0;}
	.splash .desk_bg{display:none;}

	.features{position:relative; display:block; overflow:hidden; background:#ccc; padding:20px 10px 20px 10px;}
	.features h2{font-size:1.6em; margin-bottom:20px;}
	.features .set{margin-bottom:10px;}
	.features .set span{width:100%; font-size:1em; text-align:left; margin-bottom:10px;}
	.features .set span p{min-height:0;}
	.features .button{max-width:410px; margin:0 auto;}

	.systems{display:none;}
	.msystems{display:block; position:relative; display:block; overflow:hidden; background:#fff; padding:20px;}
	.msystems h2{width:100%; text-align:center; font-size:1.6em; margin-bottom:20px;}
	.msystems .tt{border-top:1px solid #999; margin-top:10px; padding-top:20px;}
	.msystems .set{display:block; overflow:hidden;}
	.msystems .set span{display:block; margin:0 auto; max-width:250px;}
	.msystems .set span i{float:left; width:100%;}
	.msystems .set span i img{display:block; width:100%; margin:0 auto; max-width:250px;}
	.msystems .set span p{float:left; width:100%; margin:10px 0 20px 0; text-align:center;}
	.msystems .desk{font-size:1.2em; text-align:center; padding-top:20px; border-top:1px solid #999;}

	.photobox .col{width:100%;}
	.photobox .col p{text-align:center; padding:15px 20px;}

	.advertice{padding:20px 0 0 0;}
	.advertice h2{display:block; overflow:hidden; text-align:center; font-size:1.6em; padding:0 20px; margin-bottom:10px;}
	.advertice strong{display:block; overflow:hidden; text-align:center; font-size:1.2em; padding:0 20px; margin-bottom:20px;}
	.advertice .cols .item{width:100%;}
	.advertice .cols .item .col{width:100%;}
	.advertice .cols .item .col img{width:100%;}
	.advertice .cols .item .col p{font-size:1.2em; text-align:center; padding:20px;}
	.advertice .cols .colx{width:50%;}
	.advertice .cols .colx b{font-size:1em;}

	.order{padding:20px;}
	.order .mail{font-size:1.4em; margin-bottom:15px;}
	.order a{margin:0 5px; font-size:1.4em;}
	.order .phones{margin-bottom:20px;}
	.order .button{max-width:400px; font-size:1.6em;}
	.order .socials{margin-top:20px; position:relative; left:14px;}

	.modal{top:0; left:0; right:0; width:auto; transform:none;}
	.modal .content .button{width:calc(100% + 40px); height:55px; line-height:55px; border-radius:55px; font-size:1.8em !important; margin:30px 0 0 0;}
	.modal .content input{margin-bottom:20px; color:#000; background:#cfcfcf;}
}
@media (min-width:1100px){
	.features .set span{font-size:1.2em;}
	.features .set span p{min-height:150px;}
	.systems .set span p{float:left; width:40%; margin:0 0px 0 20px; font-size:1.2em;}
	.systems .desk{font-size:1.8em;}
	.photobox .col p{font-size:1.4em;}
	.advertice h2{font-size:2.4em;}
	.advertice strong{font-size:1.4em;}
	.advertice .cols .item .col p{font-size:1.4em;}
	.advertice .cols .colx b{font-size:1.4em;}
	.button{height:65px; line-height:65px; border-radius:65px;}
}