body{font:1.7em/1.4 'Open Sans',Arial,sans-serif;color:#333}
h1,h2,h3{font-family:Oswald,'Open Sans',sans-serif}
a{color:#363;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:#363}

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

.container aside{margin:2em auto 1em;text-align:center;color:#fff;position:-webkit-sticky;position:sticky;top:3em}
aside>*{margin:0.3em auto}
aside .action{padding:1px;background:#f33;color:#fff}
aside .action img{max-width:100%}
aside form{background:#393;background:linear-gradient(#393,#363);padding:1em;-webkit-box-shadow: 0 0 1em #666;box-shadow: 0 0 1em #666;}
aside form:hover{-webkit-box-shadow: 0 0 1em #333;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:170px;max-width:46%;padding:2px;margin:4px;box-shadow:0 0 1em #666}
.fotoset a img{width:100%;height:120px;-o-object-fit:cover;object-fit:cover;filter:sepia(30%)}
.fotoset.serv a{width:320px;padding:6px;margin:6px;}
.fotoset.serv a img{height:140px}
.fotoset.serv.srv a{width:250px}
.fotoset.serv.srv a img{height:140px}
.fotoset.serv.srv a:hover, .fotoset.serv a:hover{color:#fff;background:#393;background:linear-gradient(#393,#363);}
.fotoset a:hover{box-shadow:0 0 1em #333;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:#363;}
.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);-webkit-transition:0.7s;-o-transition:0.7s;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:2em 1em;min-width:24%;background:#eee}
.advantages .fa{display:block;font-size:1.8em;color:#363;margin-bottom:0.2em;}
.advantages div:hover{-webkit-transform:scale(1.04);-ms-transform:scale(1.04);transform:scale(1.04);}
.advantages div:hover .fa{-webkit-transform:rotate3d(180,270,90,-360deg);transform:rotate3d(180,270,90,-360deg);-webkit-transition:0.7s;-o-transition:0.7s;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:-webkit-gradient(linear,left top, left bottom,from(#fff),to(#eee));background:-webkit-linear-gradient(#fff,#eee);background:-o-linear-gradient(#fff,#eee);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;-webkit-box-shadow:0 0 3px rgba(0,0,0,0.2);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%;-webkit-box-shadow:0 0 5px rgba(0,0,0,0.1);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:#363}
.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:0.5em;padding-right:0.5em}
.navbar-inverse .navbar-nav > li > a[href^="tel:"]{padding-left:1em;padding-right:1em;}
.navbar a:hover{background:-webkit-gradient(linear,left top, left bottom,from(#666),to(#333));background:-webkit-linear-gradient(#666,#333);background:-o-linear-gradient(#666,#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:#393}
.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:#393;background:linear-gradient(#393,#363);padding:1em;-webkit-box-shadow: 0 0 1em #666;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:#363;padding:5vh 0;text-align:center}
.offer.index{padding:20vh 0}
.offer div{display:table;margin:auto;padding:0.5em 1em;font-size:2em;color:#ff0;text-shadow:0 0 3px #000;background:rgba(0,0,0,0.7)}
@media (max-width:991px){
.offer, .offer.index{background-attachment:scroll;padding:0 0 2em 0}
.offer div{font-size:1.5em}
}

.animated{
-webkit-animation-name: zoomIn;
animation-name: zoomIn;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@-webkit-keyframes zoomIn {
from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
50%{opacity:1}
}
@keyframes zoomIn {
from {opacity:0;-webkit-transform:scale3d(.3,.3,.3);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:#363;-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}

.modal-header{color:#fff;background:#393;background:linear-gradient(#393,#363);}
.modal-header .close{font-size:1.4em}
.modal-dialog label{display:block;margin:1em auto;color:#393;text-align:left;font-weight:normal}
.modal-dialog label input, .modal-dialog label textarea{margin:auto}
iframe{width:100%}
aside img:hover{transform:scale(1.1)}

.container.project article h2{text-align:center}
.project article p{text-align:center}
.project article .fotoset a img{height:auto;filter:sepia(10%)}

article table td{border:1px solid #ccc;padding:0.5em}


.container.item article img {vertical-align:top;-o-object-fit:cover;object-fit:cover;max-width:100%}
.container.item article a[data-lightbox] {width:180px;display:inline-block;padding:4px;margin:4px;box-shadow:0 0 1em #aaa;vertical-align:top;text-align:center;color:#666}
.container.item article a[data-lightbox] img{width:100%;height:120px}
.container.item article a[data-lightbox]:hover{box-shadow:0 0 1em #666;-webkit-transform:scale(1.04);-ms-transform:scale(1.04);transform:scale(1.04)}

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