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

.container aside{margin:2em auto 1em;text-align:center;color:#fff;position:sticky;top:3em}
aside>*{margin:1em auto}
aside .action{padding:1px;background:#f33;color:#fff}
aside .action img{max-width:100%}
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:320px;max-width:99%}
.fotoset.serv a img{height:140px}
.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:auto;height:auto;margin:0.5em;border-radius:1em;padding:0.5em 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:url(image/bg2.jpg) #ddd center/cover no-repeat;}
.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:3vw;padding-right:3vw}
.navbar-inverse .navbar-nav > li > a[href^="tel:"]{padding-left:1em;padding-right:1em;}
.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;background-image:linear-gradient(rgba(0,0,0,0.9),rgba(0,0,0,0.5)),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}
.offer.index{padding:20vh 0}
.offer div{font-family:Oswald,'Open Sans',sans-serif;display:table;margin:auto;padding:0.5em 1em;font-size:2.2em;color:gold;text-shadow:0 0 3px #000;background:rgba(0,0,0,0.6)}
@media (max-width:991px){
.offer, .offer.index{background-attachment:scroll;padding:2em 0}
.offer div{font-size:1.8em}
}

.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:1em 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)}

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