body{font:1.8em/1.4 'Open Sans',Arial,sans-serif;color:#000}
h1,h2,h3{text-align:center;font-family:Oswald}
h1{font-size:3em}
h2{text-transform:uppercase;margin:2em auto}
h3{text-transform:uppercase;font-weight:bold}
img{max-width:80%}
a:hover{color:#f30;cursor:pointer}

header{min-height:50vh;color:#fff;text-align:center;padding:3em 0;line-height:1.6;
background:#333;
background-image:linear-gradient(rgba(0,0,0,0.8),rgba(0,0,0,0.4)),url('/image/background.jpg');
background-size:auto,cover;
background-repeat:repeat,no-repeat;
/*background-attachment:scroll,fixed;*/
}
header p{margin:1em auto}

section{margin:0 auto 2em}

.advantage{background:#f66101;color:#fff;text-align:center}
.advantage div{padding:0.3em 0 0}
.advantage h2{font-size:1.2em}
.advantage p{padding:0.3em}
.advantage i{font-size:1.4em}
.advantage .container div{width:340px}
@media screen and (max-width:1000px){
.advantage .container div{width:99%}
}



#about .act{text-align:center}
#about .act img{margin:0 auto 0.5em}
#about .act img:hover{transform:scale(1.02);}

#service{margin-bottom:0}
.srv{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center;margin-bottom:2em}
.srv a{display:inline-block;position:relative;width:300px;padding:0.5em;margin:0.5em;box-shadow:0 0 0.5em #999;text-decoration:none;font-size:1.3em}
.srv a small{display:block;margin:0.5em;font-size:0.7em;color:#555}
.srv a:hover{box-shadow:0 0 0.5em #000;transform:scale(1.02);color:#f30}
.srv a img{width:100%;height:200px;margin-bottom:1em;object-fit:cover}
/*
.srv a:hover::before{content:'Заказать звонок';position:absolute;right:0.2em;top:0.2em;background:#f30;color:#fff;display:block;padding:0.3em 1em;font-size:0.8em;
}
*/
.modal-dialog{text-align:center}
.modal-header{color:#fff;background:linear-gradient(#f60,#f30)}
.modal-header .close{font-size:1.4em}
#callme input{margin:0}
#callme .input-group{margin:0 auto 1em}
#callme .input-group {margin:0 auto 1em}
#callme .service2 {color:#f33;margin:0.5em auto}
#callme a {color:#666;margin:0.5em auto}
#callme p {font-size:0.9em;margin:0.5em auto}
#form_remont .modal-dialog label{display:block;margin:1em auto;color:#369;text-align:left;font-weight:normal}
#form_remont .modal-dialog label input, .modal-dialog label textarea{margin:auto}
form a{display:table;margin:auto;font-size:11px;color:#fff}

#foto{text-align:center}
#foto h2{margin:1em auto 0.5em}
#foto img{width:120px;height:90px;object-fit:cover;box-shadow:0 0 0.3em #666;margin:0.3em}
#foto img:hover{transform:scale(1.04);box-shadow:0 0 0.3em #333}
#foto .sert img, #foto .dost img, #foto .team img{width:90px;height:110px;object-position:center top}

#advantage{position:relative;background-image:url(/image/bg.png);
background-position:center center;
background-repeat:no-repeat;
background-size:cover;
padding:1em;
color:#fff;
}
#advantage h3{}
#advantage ul{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center}
#advantage li{display:block;width:220px;margin:0.5em;background:rgba(0,0,0,0.2);border:0.1em solid #fff;border-radius:0.6em;padding:0.5em;}
#advantage li:hover{background:rgba(0,0,0,0.3);}
#advantage li i{font-size:2em;display:block;margin:0.2em auto;}
#advantage li b{text-transform:uppercase;display:block;margin:0.2em auto;}
#advantage img{max-width:680px}

#frm{position:relative;background-image:url(/image/bg.png);
background-position:center center;
background-repeat:no-repeat;
background-size:cover;
padding:1em 1em 0;
color:#fff}
#frm p{text-align:center}
#frm form{margin:auto;text-align:center}
#frm form input, #frm form textarea{display:inline-block;margin:0.6em auto}
#frm form input{width:240px;vertical-align:top}
#frm form textarea{max-width:490px}
#frm form input[type=submit]{text-transform:uppercase;}
#frm img{}

#review{font-size:0.9em}
#review b{font-weight:normal;display:block;color:#f30}
#review small{color:#999}
#review p{font-size:0.9em}
#review .owl-item{max-height:260px;overflow:auto}

footer{color:#fff;padding:2em 0;
background:#333;
background-image:linear-gradient(rgba(0,0,0,1),rgba(0,0,0,0.9)),url('/image/background.jpg');
background-size:auto,cover;
background-repeat:repeat,no-repeat;
background-attachment:scroll,fixed;
}
header a,footer a{color:#fff}

#nav1,#nav2{font-size:2.4em;cursor:pointer;position:fixed;top:1vw;right:1vw;color:#f30;}
#nav2{top:calc(1em + 1vw);color:rgba(0,0,0,0.2);display:none}
#nav1:hover,#nav2:hover{color:#f00;transform:scale(1.1)}
#nav, #nav li{display:block;margin:auto;padding:0}
#nav {height:100%;width:0;position:fixed;z-index:1;top:0;right:0;background:rgba(0,0,0,0.9);overflow-x:auto;transition:0.5s;padding-top:2em}
#nav a{padding:8px 1em;text-decoration:none;color:#ddd;display:block;transition:0.3s;border-bottom:1px solid rgba(255,255,255,0.05);text-align:right}
#nav a[href^="#"]{text-align:left}
#nav a[href^="#contact"]{border-bottom:1px solid rgba(255,255,255,0.2)}
#nav li:last-child a{border-bottom:0;}
#nav a:hover {color:#f90;background:rgba(255,255,255,0.2)}
#nav .fa-times {position:absolute;top:0;right:0;font-size:1.2em;border-bottom:none}

.social.fa{color:#ff0000 ;font-size:1.6em}
.social.fa.fa-skype{color:#39f}
.social.fa.fa-instagram{color:#f03}
.social.fa.fa-whatsapp{color:#093}
.social.fa.fa-phone-square{color:#834995;/*transform:rotate(315deg)*/}
.social.fa.fa-vk{color:#FF9800 }
.social.fa.fa-facebook-square{color:#369}
.social.fa:hover{transform:scale(1.2)}

.hueta{}
.hueta a{display:inline-block;padding:0.5em;margin:3.5em;width:120px;}
.hueta{}



.hueta2{}
.hueta2 a{display:inline-block;padding:0.5em;margin:1.5em;width:200px;}
.hueta2{}





#js-cookie-box{
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    color: #0c1b26;
    -webkit-transition: all .75s cubic-bezier(.19,1,.22,1);
    transition: all .75s cubic-bezier(.19,1,.22,1);
    z-index: 100;
    border-top: 1px solid rgba(12,27,38,.1);
}
button.close {
    margin: 0 -20px;
    font-size: 20px;
    opacity: 0.8;
}

.win_inner {
    background-color: #fff;
    padding: 10px 30px 10px 10px;
    border: 1px solid #ddd;
    box-shadow: 0 0 30px black;
    font-size: 14px;
}