body {font-size: 16px;line-height: 1.5000em;}
h1,h2,h3,h4,h5,h6 {font-weight:normal;}






p {
    font-size: 1em;
    line-height: 1.5000em;
    margin: 0 0 1.5000em 0;
}

h1 {
    font-size: 3.0000em;
    line-height: 1.0000em;
    margin-top: 0.5000em;  margin-bottom: 0.0000em;
}

h2 {
    font-size: 2.0000em;
    line-height: 1.5000em;
    margin-top: 0.7500em;  margin-bottom: 0.0000em;
}
h3 {
    font-size: 1.5000em;
    line-height: 1.0000em;
    margin-top: 1.0000em;  margin-bottom: 0.0000em;
}

h4 {
    font-size: 1.3750em;
    line-height: 1.0909em;
    margin-top: 1.0909em;  margin-bottom: 0.0000em;
}
h5 {
    font-size: 1.1250em;
    line-height: 1.3333em;
    margin-top: 1.3333em;  margin-bottom: 0.0000em;
}


.carousel-indicators > li
{
    cursor: pointer;
}
#menu-top {margin:auto; z-index:100;padding:1em;width: 100%;}
#menu-top.main {position:absolute;}
#menu-top.other {position:relative;}

/*.logo {background-image: url("/images/logo.png"); width: 200px;height: 50px;}*/
#menu-top .phone {text-align: right;font-size:24px;}
#menu-top .adress {text-align: right;font-size:18px;margin-top:6px;}
#menu-top .dropdown-menu {margin-top:-6px;}
#menu-top .top_callback {margin-top:6px;text-align: right;}
.top_descriptor {text-align: center;
    margin-top: 10px;
    font-size: 21px;
    height: 48px;}

.top_menu_div {
    margin-top: -36px;
    z-index: 10000;
    position: absolute;
}

.carousel-caption {bottom:inherit; top:140px;text-align: left;}
.carousel-caption h2 {font-size:66px;line-height: 130%;/*max-width: 800px;*/}
.carousel-caption h3 {font-size:40px;line-height: 130%;/*max-width: 800px;*/}
.carousel-caption p {font-size: 18px;
    margin-top: 30px;
    line-height: 30px;
}
.carousel-caption .btn {margin-top:30px;}
.card {margin-bottom:2em;}
.card-img-top-div {width:100%;height:200px;background-size: cover;}
.hr {width:100%;}
.hr > div {margin:auto;width:200px;}


.steps_bg {background-image: url("/images/steps_bg.jpg");height:520px;}

.steps ol {
    margin-top:100px;
    counter-reset:li;
    padding:0;
    list-style:none;
    margin-left: 15px;
}
.steps ol li {
    position: relative;
    margin: 0px 0 40px 2em;
    padding: 16px 40px;
    float: left;
    margin-right: 5%;
    width: 40%;
    -webkit-border-radius: 0px 0px 45px 0px;
    -moz-border-radius: 0px 0px 45px 0px;
    border-radius: 0px 0px 45px 0px;
}
.steps ol li:before {
    content: counter(li);
    counter-increment: li;
    position: absolute;
    top: -2px;
    left: -2em;
    width: 4em;
    padding: 18px;
    font-weight: normal;
    text-align: center;
    border-radius: 60px;
}
.owl-carousel-main-works img {max-height:200px;}
.owl-theme .owl-nav {margin-top:0px !important;}


footer {min-height:300px;padding: 3em 0;}

footer .social_icons div {float:left;width:36px;height:36px;margin-right:9px;opacity:0.8;}
footer .social_icons div:hover {opacity:1;}
footer hr {margin:2em 0;padding:0;height:0;}
footer .logo_footer img {-webkit-filter: grayscale(100%);}
footer ul {margin-left:0;padding-left:0;}
footer li {list-style: none;}
footer .callback_footer {padding-top: 26px;}
footer img {max-width:100%;}
.callback_form {
    padding: 1em 0;
}
.reviews img {width:150px;height:auto;}
.prices_shortless ul {padding-left:18px;}
.calc th, .calc td:nth-child(2),.calc td:nth-child(3),.calc td:nth-child(4),.calc td:nth-child(5) {text-align:center;}
.calc td:nth-child(2),.calc td:nth-child(3),.calc td:nth-child(4),.calc td:nth-child(5) {width:15%;}
.calc input[type=number] {width:80px;display:inline;}


.portfolio_razdel {width:100%;}
.portfolio_razdel img {max-width:100%;height:auto;}
.detail_picture {max-width:100% !important;height:auto !important;}

.left-menu-fixed  {
    position: fixed;
    top:150px;
}
#menu-top .active {font-weight:bold;}


.modal {border-radius: 0px !important;}
button.close {
    background: #E8E8E8 !important;
    font-size: 34px;
    opacity: 1;
    color: #6F6F6F;
    position: absolute;
    right: 0px;
    z-index: 99999;
    padding: 8px 15px;
    cursor: pointer;
}

.modal-content h5 {
    font-size: 34px;
    font-weight: 300;
}

.modal .form-inline > * {width:50%;}


.scroll-fix {position:fixed;
    /*width:220px;*/
    top:50px;
}
/*.scroll-abs {width:220px;}*/

.left-menu-float .flex
{
    display: flex;
    flex-direction: column;
    /* align-content: flex-end; */
    justify-content: flex-end;
}
.photo_certs img {max-width:100%;height:auto;}
.nav a, .btn {text-decoration:none !important;}
.nav a:hover {text-decoration:underline !important;}


/* Menu Pushy Button */
.menu-btn {
    width: 100px;
    padding: 10px;
    margin-bottom: 30px;
    text-align: center;
    cursor: pointer;
    border: 0px;
}
.menu-btn:hover {
    opacity: 0.6;
}
.pushy-left ul {
    margin: 0;
    padding: 0;
}
.site-overlay {
    display: none;
}

.portfolio_page img {max-width:100%;height:auto;}


#pushy-menu {position: fixed; width:100%;z-index:100;background-color: white;top:0;padding-top:8px;height:60px;border-bottom: 1px #DDD solid;}

@media screen and (max-width: 1220px) {
    #menu-top {display:none;}
    #pushy-menu {display:block;}
    #pushy-menu .row  {flex-wrap: nowrap;}
    body {padding-top:50px;}
    #main_slider {display:none;}
    .steps_bg {background-image: none;}
    .steps ol {margin-top:0px;}
    .steps ol li {width:90%;    background-color: rgb(241, 241, 241) !important;}
    div.row.steps + br {display:none;}
    #calc table tr th:nth-child(3),#calc table tr th:nth-child(4),#calc table tr th:nth-child(5),
    #calc table tr td:nth-child(3),#calc table tr td:nth-child(4),#calc table tr td:nth-child(5)
    {display:none;}
    .calc td:nth-child(2),.calc th:nth-child(2) {width: auto;}
    #calc h3 {display:none;}
    .left-menu-float > .col-md-3 {display:none;}
    .portfolio_page .card-body {padding-bottom: 0;}
    .portfolio_page .card-body img {margin-bottom:1em;}
    .text-center .hr + br + br {display:none;}
    .reviews img {width:40px;margin-top:6px;}
    .photo_certs img {max-width:100%;height:auto; margin-bottom:1em;}
    .owl-carousel-main-works img {max-height:inherit;}
    .owl-dots {display: none;}

}
@media screen and (min-width: 1220px) {
    #menu-top {display:block;}
    #pushy-menu {display:none;}
}

@media screen and (max-width: 800px) {
#pushy-menu .container .row > div:nth-child(2) {display:none;}
footer .col-md-2 {display:none;}
#bottom_callback {display:none;}
}

.webes img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: 0.5;
}
.webes img:hover {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
    opacity: 0.8;
}