body{font:1.1em/1.4 'Open Sans',sans-serif;color:#eee;background:#333;margin:auto}
a{cursor:pointer;text-decoration:none}
a:hover{text-decoration:underline}
a#totop{position:fixed;bottom:2vw;left:2vw;padding:0.6em 1em;background:rgba(0,0,0,0.2)}
a#totop:hover{background:rgba(255,255,255,0.2)}
img{max-width:100%}
h1, h2{font-family:Oswald;font-size:2.5em;transition:1s}
h2{font-size:2em}
section>h2{display:table;margin:1em auto 0;padding:0 1em 0.3em;border-bottom:1px solid #555}
/*h1:hover, h2:hover{transform:rotate(-2deg)}*/
form>a[target]{font-size:11px;color:#999;display:table;margin:1em auto;text-decoration:underline}
form>a[target]:hover{color:#666;text-decoration:none}
input, textarea {display:block;font:1em 'Open Sans',sans-serif;margin:1em auto;width:180px;padding:0.4em 1em;background:rgba(255,255,255,0.85);color:#333;border:2px solid indianred;border-radius:5px}
input:hover,input:focus,textarea:hover,textarea:focus{background:rgba(255,255,255,1)}
textarea{width:80%}
input[type=submit]{padding:0.6em 1em;color:#fff;background:indianred;border:1px solid #fff;box-shadow: 0 0 .5em #666}
input[type=submit]:hover{cursor:pointer;transform:scale(1.02);background:firebrick;box-shadow: 0 0 .5em #333;}
iframe{width:100%}
section, footer>div, .container{max-width:990px;margin:auto;padding:2em 0 0}
@media screen and (max-width:480px){
h1, h2{font-size:2em}
}

#topmenu{position:fixed;top:0;left:0;right:0;background:#111;z-index:2}
#topmenu ul{list-style:none;margin:auto;padding:0;overflow:hidden;display:block;text-align:center}
#topmenu li{display:inline-block}
#topmenu li a{font-size:1.2em;font-family:Oswald;display:block;color:#fff;padding:1em 2.4vw;text-decoration:none;transition:1s}
#topmenu li:hover, #topmenu li a:hover{background:linear-gradient(rgba(255,255,255,1),rgba(255,255,255,0.6));color:#000}
#topmenu li a.current{background:linear-gradient(rgba(255,255,255,.2),rgba(255,255,255,0.0))}
#topmenu.fixedmenu li a{padding-top:0.4em;padding-bottom:0.4em}
@media screen and (max-width:540px){
#topmenu li a, #topmenu.fixedmenu li a{font-size:0.9em;padding:1em 1vw}
}
@media screen and (max-width:400px){
#topmenu li:nth-child(4){display:none}
}
@media screen and (max-width:330px){
#topmenu li:nth-child(3){display:none}
}

header{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;margin-top:2.5em}
header .head{width:45%;background:yellow;background:linear-gradient(to left,gold,yellow);color:#000;margin:auto;text-align:center}
.head>div{width:400px;float:right;padding:1em}
.head h2{text-align:right}
.head>div>p,.head>div a[href^="tel"]{font-size:1.2em;line-height:1.2em}
.head form{background:#fff;padding:1em;border:1px solid #ccc;float:right}
.head form p{margin-left:1.6em;font-size:0.9em;text-align:left}
.head form p i{color:#999}
.head form p:hover i{transform:rotate3d(180,270,90,-360deg);transition:0.7s}
.head form p a{color:#000}
header form span{display:none}
header .img{width:55%;background-color:#999;background: no-repeat left url('/image/background.jpg')}
header .img p{width:600px;max-width:90%;margin:1.5em 1vw 0.5em;background:rgba(0,0,0,0.6);padding:0.2em 0 0.2em 2vw;font-size:calc(1.5em + 2vw);line-height:1.1em;font-weight:800;color:indianred;text-shadow: #fff 3px 0, #fff 3px 3px, #fff 0 3px, #fff -3px 3px, #fff -3px 0, #fff -3px -3px, #fff 0 -3px, #fff 3px -3px}
@media screen and (max-width:640px){
header{flex-wrap:wrap}
header .head{order:2}
header .img {order:1}
.head h2{text-align:center}
.head>div,.head form {float:initial;padding:0}
header .head, .head>div, header .img {width:100%}
header .img p{margin:1em 0 1em 0.5em}
}

#calc{background:linear-gradient(rgba(255,255,255,.3),rgba(255,255,255,0));text-align:center}
#calc h2 a{display:table;margin:auto;padding:0.2em 0.5em;font-size:0.8em;background:gold;color:#333;border-radius:0.2em;box-shadow: 0 0 .5em #333;transition:.2s}
#calc h2 a:hover{background:indianred;color:#fff;transform:scale(1.03);text-decoration:none}
#calc h2 a:hover .fa{transform:rotate3d(180,270,90,-360deg);transition:0.7s}
#calc form{display:none;margin:auto;padding:0.1em}
#calc form textarea{width:81%}
#calc form input{display:inline-block;width:230px;margin:0.3em}

#calc form, #main article{animation:fadeIn 0.5s}
@keyframes fadeIn { from {opacity:0} to {opacity:1} }

#service{text-align:center}
#service a{display:inline-block;vertical-align:top;width:200px;padding:.5em;margin:.5em;font-size:1.2em;color:#fff;text-decoration:none;transition:1s}
#service a:hover{background:linear-gradient(rgba(255,255,255,0.1),rgba(255,255,255,0));color:gold}
#service a img{width:160px;height:160px;object-fit:cover;border-radius:50%;transition:1s}
#service a:hover img{border-radius:0}
@media screen and (max-width:640px){
#service a{width:160px;padding:.2em;margin:.2em;font-size:1.1em}
#service a img{width:120px;height:120px}
}

#main{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap}
#main nav{display:block;width:30%;margin-right:1em}
#main nav ul{list-style:none;margin:1em auto;padding:0}
#main nav ul li a{display:block;background:linear-gradient(rgba(255,255,255,0.3),rgba(255,255,255,0.2));;color:gold;margin:0.2em;padding:0.7em;text-decoration:none}
#main nav ul li:first-child a{background:none}
#main nav ul li a:hover{background:linear-gradient(rgba(255,255,255,0.8),rgba(255,255,255,0.4));color:#333}
#main article{display:block;width:70%;background:#fff;color:#333;padding:0 2em 2em;transition:1s}
/*#main article p:first-child{font-size:1.2em}*/
#main article img{width:140px;height:140px;object-fit:cover;border-radius:50%;float:right;margin-top:2em;transition:1s}
#main article#block0 img{width:100px;height:100px}
#main article img:hover{transform:rotate(360deg);border-radius:0}
#main nav ul li a.active{background:linear-gradient(gold,yellow);color:#333}
#main article form{margin:3em 0 0;padding:0.1em;background:linear-gradient(palegoldenrod,#fff);text-align:center}
#main article form input{display:inline-block;width:220px;margin:0.1em}
#main article form p{font-size:1em}
@media screen and (max-width:640px){
#main{-ms-flex-wrap:wrap;flex-wrap:wrap}
#main nav, #main article {margin:auto;width:100%}
#main nav{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}
#main article {-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;padding:0 1em 1em}
}

#advantage{text-align:center}
#advantage div{display:inline-block;vertical-align:top;width:160px;height:150px;padding:1em 8px;margin:0.5em;background:linear-gradient(rgba(255,255,255,0.2),rgba(255,255,255,0.1));transition:.5s}
#advantage .fa{display:block;font-size:2em;color:gold;padding:0.2em}
#advantage div:hover{background:linear-gradient(rgba(255,255,255,0.3),rgba(255,255,255,0.1));transform:translateY(-10px)}
#advantage div:hover .fa{transform:rotate3d(180,270,90,-360deg);transition:0.7s}
@media screen and (max-width:400px){
#advantage div{display:block;width:80%;height:auto;padding:0.5em;margin:1em auto}
#advantage .fa{}
}

#step{text-align:center}
#step p a{color:#fff;border-bottom: 1px dashed #eee;text-decoration:none}
#step p a:hover{color:gold;border-bottom: 1px solid gold}
#step ul::before{display:block;position:absolute;content:'';height:2px;background:#555;margin:4.5em auto;width:100%;max-width:976px}
#step ul{display:block;list-style:none;padding:0}
#step li{display:inline-block;position:relative;box-shadow:0 0 2em rgba(0,0,0,0.4) inset;transition:.5s;padding:0.5em;width:140px;height:140px;background:#555;border-radius:50%;margin:0 0.8em;vertical-align:top}
#step li:hover{box-shadow:0 0 2em rgba(0,0,0,0.5) inset;transform:translateY(-10px)}
#step li i{display:block;font-size:1.5em;padding:0.2em;color:gold;font-style:normal}
#step li:hover i{transform:scale(1.4);transition:1s}
@media screen and (max-width:900px){
#step ul::before{display:none}
#step li{display:block;width:80%;height:auto;border-radius:0;margin:1em auto}
#step li:hover{transform:scale(1.05)}
#step li i{display:inline;font-size:1em;padding-right:0.5em}
}

#review {text-align:center}
#review .item{background:linear-gradient(rgba(255,255,255,0.1),rgba(255,255,255,0));padding:1em;font-size:0.9em;text-align:left}
#review .item:hover{background:linear-gradient(rgba(255,255,255,0.2),rgba(255,255,255,0))}
#review .item::before{font-family:'FontAwesome';content:'\f10e';font-size:2em;position:absolute;color:rgba(255,255,255,0.1);top:0.5em;right:0.5em}
#review .item:hover::before{color:rgba(255,255,255,0.2)}
#review .item div{color:gold}
#review .item p::before{content:'\2014';color:#999}
#review .item p{margin-top:0}
#review .item small{font-size:0.85em;color:#999}

footer{background:linear-gradient(rgba(0,0,0,0.7),rgba(0,0,0,0.9));padding-bottom:2em}
footer>div{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;margin-top:2em}
footer>div>*{display:block;min-width:50%}
footer address{font-style:normal}
footer address a{color:#eee}
footer address p{margin-left:1em}
footer address p:first-child{font-size:1.2em;color:gold}
footer address p i{color:#999}
footer address p:hover i{transform:rotate3d(180,270,90,-360deg);transition:0.7s}
footer input[type=submit]{color:#000;background:orange}
footer input[type=submit]:hover{color:#fff;background:tomato}
footer .map{background:linear-gradient(rgba(255,255,255,0.1),rgba(255,255,255,0))}
@media screen and (max-width:640px){
footer>div{display:block}
}

.social.fa{color:#369;font-size:25px}
.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)}

/* Owl Carousel v2.3.4 https://cdnjs.com/libraries/OwlCarousel2 */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:-webkit-grab;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{-webkit-transition:height .5s ease-in-out;-o-transition:height .5s ease-in-out;transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;-webkit-transition:opacity .4s ease;-o-transition:opacity .4s ease;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;-webkit-transition:-webkit-transform .1s ease;transition:-webkit-transform .1s ease;-o-transition:transform .1s ease;transition:transform .1s ease;transition:transform .1s ease, -webkit-transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);-webkit-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;-webkit-transition:opacity .4s ease;-o-transition:opacity .4s ease;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
/* Owl Carousel v2.3.4 theme */
.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#fff;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#fff;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:.8em;height:.8em;margin:.2em .5em;background:#666;display:block;-webkit-backface-visibility:visible;-webkit-transition:opacity .2s ease;-o-transition:opacity .2s ease;transition:opacity .2s ease;border-radius:50%}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#aaa;transform:scale(1.5)}.owl-theme .owl-dots .owl-dot:hover span{background:#fff}