@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
  /*! * Bootstrap v5.0.0-alpha2 (https://getbootstrap.com/) * Copyright 2011-2020 The Bootstrap Authors * Copyright 2011-2020 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) */
:root {
    --bs-blue: #0d6efd;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #dc3545;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffc107;
    --bs-green: #198754;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-white: #fff;
    --bs-gray: #6c757d;
    --bs-gray-dark: #343a40;
    --bs-primary: #0d6efd;
    --bs-secondary: #6c757d;
    --bs-success: #198754;
    --bs-info: #0dcaf0;
    --bs-warning: #ffc107;
    --bs-danger: #dc3545;
    --bs-light: #f8f9fa;
    --bs-dark: #343a40;
    --bs-font-sans-serif: Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
    --bs-font-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0))
}

*,::after,::before {
    box-sizing: border-box
}

body {
    margin: 0;
    font-family: var(--bs-font-sans-serif);
    font-size: .9rem;
    font-weight: 400;
    line-height: 1.7;
    color: #212529;
    background-color: #fff;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent
}

hr {
    margin: 1rem 0;
    color: inherit;
    background-color: currentColor;
    border: 0;
    opacity: .25
}

hr:not([size]) {
    height: 1px
}

.h2,h2 {
    margin-top: 0;
    margin-bottom: .5rem;
    font-weight: 500;
    line-height: 1.2
}

.h2,h2 {
    font-size: calc(1.325rem + .9vw)
}

@media (min-width:1200px) {
    .h2,h2 {
        font-size: 2rem
    }
}

p {
    margin-top: 0;
    margin-bottom: 1rem
}

ul {
    padding-left: 2rem
}

ul {
}

ul ul {
    margin-bottom: 0
}

strong {
    font-weight: bolder
}

a {
    color: #0d6efd;
    text-decoration: underline
}

a:hover {
    color: #024dbc
}

a:not([href]):not([class]),a:not([href]):not([class]):hover {
    color: inherit;
    text-decoration: none
}

img {
    vertical-align: middle
}

label {
    display: inline-block
}

button {
    border-radius: 0
}

button:focus {
    outline: 1px dotted;
    outline: 5px auto -webkit-focus-ring-color
}

button {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

button {
    overflow: visible
}

button {
    text-transform: none
}

[role=button] {
    cursor: pointer
}

[type=button],button {
    -webkit-appearance: button
}

[type=button]:not(:disabled),button:not(:disabled) {
}

::-moz-focus-inner {
    padding: 0;
    border-style: none
}

::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-text,::-webkit-datetime-edit-year-field {
    padding: 0
}

::-webkit-inner-spin-button {
    height: auto
}

::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-color-swatch-wrapper {
}

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button
}

.slide {
    background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);
    padding: 3rem 0 2rem;
    margin-top: -30px;
    position: relative;
    overflow: hidden
}

.slide::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url('./files/back_dom.jpg') no-repeat center center;
    background-size: cover;
    opacity: 0.05;
    pointer-events: none
}

.slide .inner {
    position: relative;
    z-index: 1
}

.slide .row {
    align-items: center
}

.slide .title {
    font-size: 2rem;
    font-weight: 700;
    color: #009a22;
    line-height: 1.2;
    margin-bottom: 1rem
}

.slide .subtitle {
    font-size: 1rem;
    color: #555;
    line-height: 1.6;
    margin-bottom: 1.5rem
}

.slide .advantages {
    display: flex;
    gap: 1.5rem;
    margin-bottom: 2rem;
    flex-wrap: wrap
}

.slide .adv-item {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.9rem;
    color: #333;
    font-weight: 500
}

.slide .adv-icon {
    font-size: 1.5rem;
    color: #009a22
}

.slide-buttons {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap
}

.slide .btn {
    display: inline-block;
    padding: 0.75rem 1.5rem;
    font-size: 1rem;
    font-weight: 600;
    text-decoration: none;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.3s ease;
    text-align: center
}

.slide .btn-primary {
    background: #00a64c;
    color: #fff;
    border: 2px solid #00a64c
}

.slide .btn-primary:hover {
    background: #008f41;
    border-color: #008f41;
    color: #fff;
    box-shadow: 0 4px 12px rgba(0, 166, 76, 0.3)
}

.slide .btn-secondary {
    background: transparent;
    color: #00a64c;
    border: 2px solid #00a64c
}

.slide .btn-secondary:hover {
    background: #00a64c;
    color: #fff;
}

.slide .img {
    text-align: center;
    margin-top: 1.5rem
}

.slide .img img {
    max-width: 100%;
    height: auto;
    filter: drop-shadow(0 10px 30px rgba(0, 0, 0, 0.15))
}

@media screen and (max-width: 991px) {
    .slide {
        padding: 2rem 0 1.5rem
    }
    .slide .title {
        font-size: 1.75rem
    }
    .slide .advantages {
        gap: 1rem
    }
    .slide .img {
        margin-top: 2rem
    }
}

@media screen and (max-width: 767px) {
    .slide {
        padding: 1.5rem 0 1rem;
        margin-top: -20px
    }
    .slide .title {
        font-size: 1.5rem;
        margin-bottom: 0.75rem
    }
    .slide .subtitle {
        font-size: 0.9rem;
        margin-bottom: 1rem
    }
    .slide .advantages {
        flex-direction: column;
        gap: 0.75rem;
        margin-bottom: 1.5rem
    }
    .slide .adv-item {
        font-size: 0.85rem
    }
    .slide-buttons {
        flex-direction: column
    }
    .slide .btn {
        width: 100%;
        padding: 0.65rem 1.25rem;
        font-size: 0.9rem
    }
    .slide .img {
        margin-top: 1.5rem
    }
    .slide .img img {
        max-width: 80%;
        margin: 0 auto
    }
}

@media screen and (max-width: 480px) {
    .slide {
        padding: 1rem 0 0.75rem
    }
    .slide .title {
        font-size: 1.25rem
    }
    .slide .subtitle {
        font-size: 0.85rem
    }
    .slide .img img {
        max-width: 95%
    }
}

.row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(var(--bs-gutter-y) * -1);
    margin-right: calc(var(--bs-gutter-x)/ -2);
    margin-left: calc(var(--bs-gutter-x)/ -2)
}

.row>* {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x)/ 2);
    padding-left: calc(var(--bs-gutter-x)/ 2);
    margin-top: var(--bs-gutter-y)
}

.col-12 {
    flex: 0 0 auto;
    width: 100%
}

@media (min-width:768px) {
    .col-md-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-md-4 {
        flex: 0 0 auto;
        width: 33.333333%
    }

    .col-md-5 {
        flex: 0 0 auto;
        width: 41.666667%
    }

    .col-md-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-md-7 {
        flex: 0 0 auto;
        width: 58.333333%
    }

    .col-md-8 {
        flex: 0 0 auto;
        width: 66.666667%
    }

    .col-md-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-md-12 {
    }
}

@-webkit-keyframes progress-bar-stripes {
    0% {
        background-position-x: 1rem
    }
}

@keyframes progress-bar-stripes {
    0% {
    }
}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    display: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0
}

.carousel {
    position: relative
}

@-webkit-keyframes spinner-border {
    to {
        transform: rotate(360deg)
    }
}

@keyframes spinner-border {
    to {
    }
}

@-webkit-keyframes spinner-grow {
    0% {
        transform: scale(0)
    }

    50% {
        opacity: 1;
        transform: none
    }
}

@keyframes spinner-grow {
    0% {
    }

    50% {
    }
}

.d-flex {
    display: flex!important
}

.shadow {
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important
}

.border-bottom {
    border-bottom: 1px solid #dee2e6!important
}

.justify-content-between {
    justify-content: space-between!important
}

.m-1 {
    margin: .25rem!important
}

.m-4 {
    margin: 1.5rem!important
}

.mt-3 {
    margin-top: 1rem!important
}

.mr-1 {
    margin-right: .25rem!important
}

.mb-2 {
    margin-bottom: .5rem!important
}

.mb-3 {
    margin-bottom: 1rem!important
}

.mb-4 {
    margin-bottom: 1.5rem!important
}

.p-1 {
    padding: .25rem!important
}

.p-2 {
    padding: .5rem!important
}

.pt-1 {
    padding-top: .25rem!important
}

.pt-2 {
    padding-top: .5rem!important
}

.pt-3 {
    padding-top: 1rem!important
}

.pt-4 {
    padding-top: 1.5rem!important
}

.pb-3 {
    padding-bottom: 1rem!important
}

.pb-4 {
    padding-bottom: 1.5rem!important
}

.text-muted {
    color: #6c757d!important
}

.rounded {
    border-radius: .25rem!important
}

.rounded-circle {
    border-radius: 50%!important
}/*! ======================================================= bootstrap-slider.js VERSION 11.0.2 ========================================================= */

  /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */.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 {
    -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
}

.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;
    -khtml-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-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
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

footer,header,section {
    display: block;
}

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

body {
}

a:focus {
    outline: thin dotted;
}

a:active,a:hover {
    outline: 0;
}

strong {
    font-weight: bold;
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

img {
    border: 0;
}

button {
    font-family: inherit;
    font-size: 100%;
    margin: 0;
}

button {
    line-height: normal;
}

button {
    text-transform: none;
}

button {
    -webkit-appearance: button;
    cursor: pointer;
}

button[disabled] {
    cursor: default;
}

button::-moz-focus-inner {
    border: 0;
    padding: 0;
}

::-webkit-scrollbar {
    width: 0px;
    /* chrome based */
    /* ширина scrollbar'a */
    background: transparent;
    /* опционально */
}

html {
    -ms-overflow-style: none;
    /* IE 10+ */
    scrollbar-width: none;
    /* Firefox */
}

html {
    scroll-behavior: smooth
}

h2 {
    font-size: 1.2em;
    font-weight: 500;
    padding-right: 80px;
    line-height: 1.7;
}

.transition {
    transition: 1s;
}

a {
    color: #00a64c;
    text-decoration: none !important;
    outline: none !important
}

a, button, img, a:active, a:focus, button:active, button:focus {
    outline: none
}

a.link {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 4
}

@keyframes arrow-right {
    0% {
        opacity: 0;
        transform: rotate(225deg) translate(0px, 0px);
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        transform: rotate(225deg) translate(-0px, -0px);
    }
}

@keyframes arrow-left {
    0% {
        opacity: 0;
        transform: rotate(225deg) translate(0px, 0px);
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        transform: rotate(225deg) translate(-0px, -0px);
    }
}

.bold {
    font-weight: 700
}

section {
    padding: 2rem 0 .7rem 0;
    position: relative;
    z-index: 2
}

section .h_paragraph {
    color: rgba(0, 0, 0, .32);
}

.inner {
    position: relative;
    width: 100%;
    max-width: 1140px;
    height: 100%;
    margin: 0 auto
}

section .inner-block {
    background-color: #fff;
    border: 3px solid #e9eced;
    padding: 0 1.4em;
    border-radius: 10px;
}

section .inner-block h1, section .inner-block h2 {
    position: absolute;
    font-size: 1.2rem;
    background-color: #fff;
    padding: 0 5px;
    margin: -33px -5px 10px;
}

@media screen and (max-width:1140px){
  section .inner-block {
    width:98%;margin:0 1%;padding:0 .6em
  }
  .inner {
    padding:0 15px
  }
  #project .project {
    width:50%
  }
}

.calc-inner {
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    z-index: 1
}

.btn-social-icon span {
    display: inline-block;
    background: #4f5a6b;
    width: 33px
}

.btn-social-icon span img {
    width: 100%
}

#header {
    background: #fff;
}

.logo .img {
    position: absolute
}

.logo .text {
    font-size: 15px;
    padding: 0 0 0 55px;
    letter-spacing: .7px
}

.top-description {
    color: #95979a;
    font-size: 13px;
    line-height: 20px;
    padding: 20px 0 0 0px
}

.phone-number {
    float: right;
    color: #222;
    font-size: 21px;
    font-weight: 600;
    text-align: right;
    z-index: 9
}

#menu {
    z-index: 3
}

.menu-only {
    position: relative;
    z-index: 2;
    background-color: #00a64c
}

a.link_first {
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    line-height: 20px;
    padding: 20px;
    text-transform: uppercase;
    color: #fff;
    position: relative;
    letter-spacing: .03em;
    border-right: 1px solid rgba(255, 255, 255, .1)
}

a.link_first.search-link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    padding: 0;
    border-right: none
}

a.link_first.search-link::before {
    content: "";
    display: block;
    width: 18px;
    height: 18px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='%23fff' viewBox='0 0 16 16'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z'/%3E%3C/svg%3E") no-repeat center
}

a.active {
    background: #00000030
}

#category .scale {
    position: relative;
    cursor: pointer;
    overflow: hidden
}

#category .scale img {
    width: 100%;
    transition: 1s;
    display: block
}

#category .scale img:hover {
    transform: scale(1.2)
}

#category .scale .title {
    background: #00a64c;
    color: #fff;
    margin: 0 23px 17px;
    padding: 5px 12px;
    position: absolute;
    bottom: 0;
    z-index: 4
}

#category .scale .stub {
    background: #00a64c;
    height: 100%
}

#category .scale .stub .text {
    position: absolute;
    top: 1rem;
    left: 1.5rem;
    color: #fff;
    font-weight: bold;
    font-size: 1.6em;
    line-height: 2.3rem;
    padding-right: 2rem;
}

#category .scale .stub .url {
    position: absolute;
    font-weight: bold;
    left: 1.5rem;
    right: auto;
    bottom: 1.5rem;
    top: auto;
    padding: .6rem;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: .85em;
    border: 2px solid #fff;
    border-radius: 6px
}

#content {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    z-index: 1;
    min-height: 300px
}

#content .menu ul {
    list-style: none;
    margin: 0;
    padding: 0
}

#content .menu ul .active {
    background: #ddd
}

#content .menu ul li {
    padding: 1rem 1rem;
    background: #f2f2f2;
    border-radius: 6px;
    margin: .5rem 0;
}

#content .menu li a {
    color: #333
}

#content .menu li a:hover {
}

#content .content {
    font-size: .93em;
    flex-direction: column-reverse
}

#project .content {
}
#project .title {
    font-weight:bold
}
.scale { 
}

#content .arr_img {
    width:285px
}
#content .col-md-4 .arr_img {
}
#content .image {
    background-position:center center; background-repeat:no-repeat; background-size:cover; position:relative; opacity:.9; transition:.3s
}
#content .image .stub {
    display:table;width:100%;height:100%;background:#000000ad;padding:0 60px
}
#content .image .stub h2 {
    display:table-cell!important;text-align:center;width:100%;color:#fff;letter-spacing:1px;line-height:30px;vertical-align:middle;padding:0 20px;text-transform:uppercase;text-shadow:0 0 20px #000;
}
#calc label {
}
#calc label img {
    width:100%; object-fit:cover; -o-object-fit:cover; object-position:center; -o-object-position:center; border-radius:10px;
}

.project .img {
    position:relative;width:100%;height:200px;overflow:hidden;display:flex;justify-content:center;border-radius:4px 4px 0 0
} 
.project .img img {
    min-width:100%;min-height:100%;flex-shrink:0
}
.project .info {
    position:relative;background:#fff;padding:20px 0;border-radius:0 0 4px 4px
} 
.project .info > div {
    padding-left:15px;padding-right:15px
}
.project .info .title {
    margin-bottom:10px
}
.project .info .title {
    font-size:16px;/*color:#00a64c;*/font-weight:600;line-height:22px;/*text-decoration:underline*/
}
#location {
    padding:0 0 0 0
}
#location .row, #location .col-md-8,#location .col-md-4 {
    margin:0;padding:0
}
#location .info {
    background-image:url("./plugin/map/office.jpg"); background-position:center center; background-repeat:no-repeat; background-size:cover; position:relative; height:100%;
}
.consultation .title {
    position:relative; display:block; text-align:center; font-size:1.8em; line-height:2.2rem; font-weight:bold;
}
.consultation .title:after {
    position:absolute; content:' '; width:24px; height:45px; top:50%; opacity:1; background:url(./img/arrow.png) no-repeat; z-index:3; right:0; margin-top:-23px
}
#owl-center__reviews .item {
    cursor:pointer; background: linear-gradient(to bottom, #f4f4f4 0%, #fff 30%, #eee 100%); padding:20px 10px 20px 20px; border: 1px solid #f2f2f2; border-radius:6px;
}
#owl-center__reviews .item .text {
    font-size:13px; height:140px; overflow:auto; padding:0 10px 0 0px;
}
@media screen and (max-width: 767px){
#reviews {
    padding: 20px 0 30px
}
}
#footer {
    background:#2c364a; box-shadow:0 70px 50px -20px #213040 inset; clear:both; color:#969ba5; font-size:12px; line-height:18px; min-height:171px; position:relative
}
.bottom__menu a {
    color:#fff; text-decoration:none; font-size:13px; font-weight:600; letter-spacing:.03em
}
.submenu {
    padding-left:0; margin:4px 0 0
}
.submenu li {
    list-style:none; line-height:23px
}
.submenu li a {
    color:#babcbe; text-transform:none; letter-spacing:0; font-weight:400
}
.contact .info {
    margin:0 auto;width:200px;color:#fff;font-size:13px;line-height:25px
}
.owl-theme .owl-nav [class*="owl-"] {
    margin:0
}

/*//.owl-nav {
    position:absolute;text-align:center;right:5px;top:-50px;z-index:2
}

/*//*.owl-nav {
    position:relative;width:200px;margin:10px auto 0;text-align:center;z-index:2
}
*/.owl-nav {
    position:absolute; text-align:center; z-index:2; top:30%; left:0; right:0;
}
/*.owl-carousel .owl-nav .owl-prev span, .owl-carousel .owl-nav .owl-next span {
    display:block; background:#00a64c; width:33px; height:33px; font-size:36px; line-height:21px; border:2px solid #00a64c; border-radius:18px; color:#fff;
}
*/.owl-carousel .owl-nav .owl-prev span, .owl-carousel .owl-nav .owl-next span {
    display:block; /*background:#00a64c;*/ background:#fff; color:#333; width:2rem; /*height:2.9rem;*/ font-size:3em; line-height:47px; border:2px solid #e9eced; padding:.5rem .4rem .9rem; font-weight:bold; box-shadow:0px 0 3px #999;
}
.owl-carousel .owl-nav button.owl-next {
    right:-10px; position:absolute; text-align:right;
}
.owl-carousel .owl-nav button.owl-prev {
    left:-10px; position:absolute; text-align:left;
}
.owl-prev span {
    border-radius:0 1rem 1rem 0
}
.owl-next span {
    border-radius:1rem 0 0 1rem
}
.owl-carousel .owl-item {
}
.owl-carousel .owl-item img {
    border:2px solid #f3f3f3;border-radius:6px
}
.owl-carousel .owl-nav .owl-prev span:hover, .owl-carousel .owl-nav .owl-next span:hover {
    background:#f2f2f2;color:#333;transition:.3s;opacity:1
}
.owl-theme .owl-nav [class*="owl-"] {
    margin:0 -1px
}
.owl-theme .owl-nav [class*="owl-"]:hover {
    background:none
}
.owl-dots {
}
.phone {
    -webkit-animation:vibrate 2s cubic-bezier(.36, .07, .19, .97) infinite; animation:vibrate 2s cubic-bezier(.36, .07, .19, .97) infinite; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0); -webkit-backface-visibility:hidden; backface-visibility:hidden; -webkit-perspective:300px; perspective:300px;
}
@keyframes vibrate {
0%, 2%, 4%, 6%, 8%, 10%, 12%, 14%, 16%, 18% {
    -webkit-transform:translate3d(-1px, 0, 0); transform:translate3d(-1px, 0, 0);
}
1%, 3%, 5%, 7%, 9%, 11%, 13%, 15%, 17%, 19% {
    -webkit-transform:translate3d(1px, 0, 0); transform:translate3d(1px, 0, 0);
}
20%, 100% {
    -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);
}
}
@media screen and (max-width:1600px){
.calc-inner {
    opacity:.2
}
}
@media screen and (max-width:991px){
.top-description, .consultation .title:after {
}
.footer_block {
    display:flex;flex-direction:column-reverse
}
}
@media screen and (max-width:767px){
#reviews {
    padding: 20px 0 30px
}
h2, .h_paragraph {
    padding-right:0
}
.transition {
    text-align:left;
}
.owl-carousel .owl-nav button.owl-next {
    right:-.1rem
}
.owl-carousel .owl-nav button.owl-prev {
    left:-.1rem
}
#menu, .comp__off {
    display:none!important
}
#content .menu ul {
    border:none
}
section {
    padding:.7rem 0 .7rem; border-top:1px solid #eee;
}
section .inner-block h2 {
    position:relative; margin:0px -5px 0;
}
#header {
    background:none; width:100%; z-index:4;
}
#menu a.link_first {
    padding:18px;font-size:11px
}
#content .menu ul .active a {
    background:#00a64c;border-color:#00a64c
}
.consultation {
    text-align:center
}
#footer {
    text-align:center
}
#footer .logo {
    margin:0 auto;
}

.top-description {
        display: none;
    }
}

@media screen and (max-width:767px) {
    .burger-menu {
        display: flex;
    }
    
    .logo .text {
        display: none;
    }
    
    .logo .img {
        position: static;
    }
    
    .logo .img img {
        width: 40px;
    }
    
    .phone-number {
        font-size: 14px !important;
    }
}

.logo {
    float: left;
    position: relative;
} 

.top-description {
    float: left;
    color: #95979a;
    font-size: 13px;
    line-height: 20px;
    padding: 10px 0 0 15px;
    flex: 1;
}

.phone-wrap {
    float: right;
    padding: 10px 0;
}

.top-description {
    text-align: center;
    padding: 10px 0 0 15px;
    color: #95979a;
    font-size: 13px;
    line-height: 1.4;
}

/* Burger */
.burger-menu {
    display: none;
    float: left;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    background: none;
    border: none;
    cursor: pointer;
    padding: 5px;
    margin: 10px 10px 0 0;
    z-index: 1001;
}

.burger-menu span {
    display: block;
    width: 25px;
    height: 3px;
    background: #222;
    margin: 3px 0;
    transition: all 0.3s ease;
    border-radius: 2px;
}

.burger-menu.active span:nth-child(1) {
    transform: rotate(45deg) translate(5px, 5px);
}

.burger-menu.active span:nth-child(2) {
    opacity: 0;
}

.burger-menu.active span:nth-child(3) {
    transform: rotate(-45deg) translate(7px, -6px);
}

/* Mobile menu dropdown */
.mobile-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: #00a64c;
    z-index: 1000;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
    animation: slideDown 0.3s ease;
}

@keyframes slideDown {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.mobile-menu.active {
    display: block;
}

.mobile-menu-inner {
    display: flex;
    flex-direction: column;
    padding: 0;
}

.mobile-menu-inner a.link_first {
    display: block;
    padding: 15px 20px;
    border-right: none;
    border-bottom: 1px solid rgba(255,255,255,0.1);
    font-size: 14px;
    text-decoration: none;
} 

/* ===== Responsive ===== */
@media screen and (max-width:991px) {
    .top-description {
        display: none;
    }
}

@media screen and (max-width:767px) {
    .logo .text {
        display: none;
    }
    
    .phone-number {
        font-size: 14px !important;
    }
}

@media screen and (max-width:575px){
.project .img {
    height:320px
}
#content .arr_img {
    width:100%;margin:0
}
}
@media screen and (max-width:480px){
.col-md-4 {
    width:100%!important
} 
section {
/*padding:0 0 20px 0*/
}
#content .image .stub {
    padding:0 10px
}
#category .scale .stub {
    height:274px
}
.owl-carousel .owl-nav .owl-prev span, .owl-carousel .owl-nav .owl-next span {
    font-size:2.5em; padding:.2rem .5rem .5rem;
}
}
@media screen and (max-width:400px){
.calc-inner {
    opacity:.1
}
.project .img {
    height:200px
}
}
/* Окно для PROMO */
@-webkit-keyframes shake-animation {
0%, 100%, 50% {
    transform:rotate(0); -webkit-transform:rotate(0); -moz-transform:rotate(0); -o-transform:rotate(0); -ms-transform:rotate(0)
}
10%, 30% {
    transform:rotate(-10deg); -webkit-transform:rotate(-10deg); -moz-transform:rotate(-10deg); -o-transform:rotate(-10deg); -ms-transform:rotate(-10deg)
}
20%, 40% {
    transform:rotate(10deg); -webkit-transform:rotate(10deg); -moz-transform:rotate(10deg); -o-transform:rotate(10deg); -ms-transform:rotate(10deg)
}
}
@keyframes shake-animation {
0%, 100%, 50% {
    transform:rotate(0); -webkit-transform:rotate(0); -moz-transform:rotate(0); -o-transform:rotate(0); -ms-transform:rotate(0)
}
10%, 30% {
    transform:rotate(-10deg); -webkit-transform:rotate(-10deg); -moz-transform:rotate(-10deg); -o-transform:rotate(-10deg); -ms-transform:rotate(-10deg)
}
20%, 40% {
    transform:rotate(10deg); -webkit-transform:rotate(10deg); -moz-transform:rotate(10deg); -o-transform:rotate(10deg); -ms-transform:rotate(10deg)
}
}