body{font:1.7em/1.4 'Open Sans',Arial,sans-serif;color:#333}
h1,h2,h3{font-family:Oswald,'Open Sans',sans-serif}
a:hover{cursor:pointer}
img{max-width:100%}
.text-right a[href^="tel:"]{display:inline-block;margin:0.5em 0 0 1em;font-size:1.2em;}
/*
a[href^="tel:"]::before{display:inline-block;font-family:'FontAwesome';content:'\f10b';margin-right:0.3em;color:#999;}
a[href^="tel:"]:hover::before{transform:rotate3d(180,270,90,-360deg);transition:0.7s;}
*/
article h1, h2{margin:1em auto;text-align:center;color:#337ab7}

.foto article{text-align:center;}
.item article img.item{float:right;margin:0 1em;width:180px;height:180px;object-fit:cover;border-radius:50%;transition:0.5s}
.item article img.item:hover{border-radius:0}

.container aside{margin:2em auto 1em;text-align:center;color:#fff;position:sticky;top:3em}
aside>*{margin:1em auto}
aside select.form-control{border:1px solid #666}
aside form{background:#369;background:linear-gradient(#39c,#369);padding:1em;box-shadow: 0 0 1em #666;}
aside form:hover{box-shadow: 0 0 1em #333;}
aside form input{margin:1em auto;}
aside form h4{font-size:1.1em;margin:0.5em;padding:0;color:#fff}
aside form p{font-size:0.9em;margin:0.5em;padding:0;}

.fotoset{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}
.fotoset p{margin-top:10px;font-size:1.2em}
.fotoset a{display:inline-block;width:240px;max-width:40%;padding:8px;margin:8px;box-shadow:0 0 1em #aaa}
.fotoset a img{width:100%;height:130px;object-fit:cover;filter:sepia(30%)}
.fotoset.serv a{width:260px;max-width:99%}
.fotoset.serv a img{height:100px}
.fotoset.serv.srv a{width:190px}
.fotoset.serv.srv a img{height:90px}
.fotoset.serv.srv a:hover, .fotoset.serv a:hover{color:#fff;background:#369;background:linear-gradient(#39c,#369);}
.fotoset a:hover{box-shadow:0 0 1em #666;transform:scale(1.04)}
.fotoset a:hover img{filter:none}

.steps{text-align:center;margin:auto;padding-bottom:1em;}
.step{display:inline-block;width:140px;height:140px;margin:0.5em;border-radius:50%;padding:1em 0;box-shadow:inset 0 0 1em #bbb;background:#fff;vertical-align:top}
.step .fa{display:block;padding:5px;font-size:1.6em;color:#337ab7;}
.step span{display:block;font-size:0.9em}
.step:hover{box-shadow:inset 0 0 1em #ccc;transform:scale(1.05);}
.step:hover .fa{transform:rotate3d(180,270,90,-360deg);transition:0.7s}
.steps .line{min-height:2px;background:#ddd;margin:6em auto -4.5em auto;}
@media (max-width:760px){
.step{width:80%;height:auto;margin:0.2em;border-radius:0;padding:0.5em}
.step span{display:inline;font-size:1em}
}

.advantages{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center;margin:2em auto;}
.advantages div{margin:10px;padding:1em;min-width:24%;background:linear-gradient(#ddd,#fff);border-top:2px solid #337ab7}
.advantages .fa{display:block;font-size:1.8em;color:#337ab7;margin-bottom:0.2em;}
.advantages div:hover{transform:scale(1.04)}
.advantages div:hover .fa{transform:rotate3d(180,270,90,-360deg);transition:0.7s}
@media screen and (max-width:640px){
.advantages{display: block;}
}

.comment{margin-bottom:25px;margin-left:40px;position:relative;font-size:0.9em}
.comment > div{border:1px solid #ddd;border-radius:3px;padding:10px;position:relative;background:#fff;background:linear-gradient(#fff,#eee)}
.comment > div:before, .comment > div:after{border-right:10px solid #ddd;border-style:solid;border-width:10px;color:rgba(0,0,0,0);content:"";display:block;height:0;position:absolute;left:-20px;top:6px;width:0}
.comment > div:after{border-right:10px solid #fff;left:-18px}
.comment:before{background:#fff;border-radius:2px;box-shadow:0 0 3px rgba(0,0,0,0.2);content:"";width:3px;height:100%;left:-30px;bottom:-30px;position:absolute}
.comment:after{background:#fff;border-radius:50%;box-shadow:0 0 5px rgba(0,0,0,0.1);content:"";width:15px;height:15px;left:-36px;top:10px;position:absolute;border:2px solid #ccc}
.comment h4{color:#337ab7}
.comment h4 small{color:#999;display:block;margin:0.6em 0}
.comment:hover h4 small{color:#666}
.comment:hover:after{background:#eee}
.comment .fa-quote-right{float:right;z-index:-1;color:#eee}
.comment:hover .fa-quote-right{color:#ddd}

.navbar-inverse .navbar-nav > li > a{padding-left:1vw;padding-right:1vw}
.navbar a:hover{background:#333;background:linear-gradient(#666,#333);color:#fff}
.navbar .dropdown-menu {max-height:60vh;overflow:auto}
.dropdown-menu > li:first-child > a{border-bottom:1px solid #ccc;font-weight:bold;color:#369}
.navbar .dropdown-menu a{font-size:1.2em}
.nav.navbar-nav.pull-right{display:none}
.navbar-fixed-top .nav.navbar-nav.pull-right{display:block}

footer{color:#fff;padding:2em 0 1em;background:#333}
footer,aside form{background-image:linear-gradient(rgba(0,0,0,0.9),rgba(0,0,0,0.7)),url('/image/bg.jpg');background-size:auto,cover;background-repeat:repeat,no-repeat;background-attachment:scroll,fixed;}
footer a{color:#eee;}
footer a:hover{color:#fff;}
footer li, footer li select{margin-bottom:0.5em;margin-top:0.5em}

form a{font-size:11px;color:#bbb;display:inline-block;margin:1em auto}
form a:hover{color:#bbb}
article form{background:#369;background:linear-gradient(#39c,#369);padding:1em;box-shadow: 0 0 1em #666;margin-top:2em}
article form p{color:white}
input{margin-top:10px}
input[type=submit]{text-transform:uppercase}
select.form-control{width:auto;max-width:100%;}

.offer{background-image:url('/image/background.jpg');background-attachment:fixed;background-position:center;background-size:cover;background-repeat: no-repeat;background-color:#337ab7;padding:5vh 0;text-align:center;font-family:Oswald,sans-serif;}
.offer.index{padding:15vh 0}
.offer div{display:table;margin:auto;padding:0.5em 1em;font-size:2.4em;color:#ffffff;text-shadow:0 0 3px #000;background:rgba(0,0,0,0.7)}
@media (max-width:991px){
.offer, .offer.index{}
.offer div{font-size:2em}
}

.animated{
animation-name: zoomIn;
animation-duration: 1s;
animation-fill-mode: both;
}
@keyframes zoomIn {
from {opacity:0;transform:scale3d(.3,.3,.3)}
50%{opacity:1}
}

#nav2{font-size:2em;cursor:pointer;position:fixed;bottom:1vw;left:1vw;color:rgba(0,0,0,0.2);display:none}
#nav2:hover{color:#337ab7;transform:scale(1.1)}

.modal-header{color:#fff;background:#369;background:linear-gradient(#39c,#369);}
.modal-header .close{font-size:1.4em}
.modal-dialog label{display:block;margin:0.5em auto;color:#369;text-align:left;font-weight:normal}
.modal-dialog label input, .modal-dialog label textarea{margin:auto}
iframe{width:100%}

.social.fa{color:#369;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:#369}
.social.fa.fa-facebook-square{color:#336}
.social.fa.fa-odnoklassniki{color:#c30}
.social.fa:hover{transform:scale(1.2)}