@keyframes blame {
    0% {
        width: 100%;
    }

    50% {
        width: 140%;
        left: -20%;
    }

    100% {
        width: 100%;
    }
}

.fa_service_right {
    position: relative;
    display: inline-block;
    width: 13px;
    height: 11.3px;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center;
    background-image: url("../images/service_arrow_right.svg");
}

.common_documents {
    position: relative;
    width: calc(100% + 30px);
    left: -15px;
}

.common_documents .item_document {
    position: relative;
    left: 0;
    height: 250px;
    -webkit-transition: left .4s ease-in-out;
    -moz-transition: left .4s ease-in-out;
    -ms-transition: left .4s ease-in-out;
    -o-transition: left .4s ease-in-out;
    transition: left .4s ease-in-out;
}

.common_documents .item_document a {
    text-decoration: none;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    display: flex;
    z-index: 100;
    padding: 0 30px;
    justify-content: center;
    align-items: center;
    top: 0;
}

.common_documents .item_document span {
    font-size: 24px;
    font-weight: bold;
    color: #ffffff;
}

.common_documents .item_document:before {
    content: '';
    display: block;
    z-index: -1;
    position: absolute;
    -webkit-transition: background-color .2s ease-in-out, border-radius .4s ease-in-out, box-shadow .4s ease-in-out;
    -moz-transition: background-color .2s ease-in-out, border-radius .4s ease-in-out, box-shadow .4s ease-in-out;
    -ms-transition: background-color .2s ease-in-out, border-radius .4s ease-in-out, box-shadow .4s ease-in-out;
    -o-transition: background-color .2s ease-in-out, border-radius .4s ease-in-out, box-shadow .4s ease-in-out;
    transition: background-color .2s ease-in-out, border-radius .4s ease-in-out, box-shadow .4s ease-in-out;
    background: #02AD88;
    width: calc(100% + 500px);
    right: 0;
    top: 0;
    height: 100%;
}

.common_documents .item_document:hover {
    left: 20px;
}

.common_documents .item_document:hover:before {
    background: #01402D;
    z-index: 10;
    border-radius: 10px;
    -webkit-box-shadow: 0px 4px 15px 1px rgba(0, 0, 0, .4);
    -moz-box-shadow: 0px 4px 15px 1px rgba(0, 0, 0, .4);
    box-shadow: 0px 4px 15px 1px rgba(0, 0, 0, .4);
}

.common_description {
    padding-left: 30px;
}

.common_description h2,
.common_description h5,
.common_description h3,
.common_description h4 {
    font-size: 18px;
    color: #323233;
    font-weight: 600;
    margin-bottom: 14px;
}

.common_description p,
.common_description span,
.common_description a,
.common_description .description {
    font-size: 13px;
    color: #666;
    font-weight: 500;
    margin-bottom: 10px;
}

.common_description a:hover {
    text-decoration: none;
}

.preload {
    overflow: hidden;
}

.preloader {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 999999;
}

.preloader .fa_star_preload {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center;
    animation-name: blame;
    animation-duration: .5s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
}

.preloader.goInTits .fa_star_preload {
    -webkit-transition: transform 1s ease-in-out;
    -moz-transition: transform 1s ease-in-out;
    -ms-transition: transform 1s ease-in-out;
    -o-transition: transform 1s ease-in-out;
    transition: transform 1s ease-in-out;
    -webkit-transform: scale(50);
    -moz-transform: scale(50);
    -ms-transform: scale(50);
    -o-transform: scale(50);
    transform: scale(50);
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans/OpenSans-Regular.eot');
    src: url('../fonts/OpenSans/OpenSans-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/OpenSans/OpenSans-Regular.woff2') format('woff2'),
        url('../fonts/OpenSans/OpenSans-Regular.woff') format('woff'),
        url('../fonts/OpenSans/OpenSans-Regular.svg#OpenSans-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans/OpenSans-Bold.eot');
    src: url('../fonts/OpenSans/OpenSans-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/OpenSans/OpenSans-Bold.woff2') format('woff2'),
        url('../fonts/OpenSans/OpenSans-Bold.woff') format('woff'),
        url('../fonts/OpenSans/OpenSans-Bold.svg#OpenSans-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans/OpenSans-SemiBold.eot');
    src: url('../fonts/OpenSans/OpenSans-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/OpenSans/OpenSans-SemiBold.woff2') format('woff2'),
        url('../fonts/OpenSans/OpenSans-SemiBold.woff') format('woff'),
        url('../fonts/OpenSans/OpenSans-SemiBold.svg#OpenSans-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans/OpenSans-Light.eot');
    src: url('../fonts/OpenSans/OpenSans-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/OpenSans/OpenSans-Light.woff2') format('woff2'),
        url('../fonts/OpenSans/OpenSans-Light.woff') format('woff'),
        url('../fonts/OpenSans/OpenSans-Light.svg#OpenSans-Light') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/montserrat/Montserrat-Light.eot');
    src: url('../fonts/montserrat/Montserrat-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/montserrat/Montserrat-Light.woff2') format('woff2'),
        url('../fonts/montserrat/Montserrat-Light.woff') format('woff'),
        url('../fonts/montserrat/Montserrat-Light.svg#Montserrat-Light') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/montserrat/Montserrat-Bold.eot');
    src: url('../fonts/montserrat/Montserrat-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/montserrat/Montserrat-Bold.woff2') format('woff2'),
        url('../fonts/montserrat/Montserrat-Bold.woff') format('woff'),
        url('../fonts/montserrat/Montserrat-Bold.svg#Montserrat-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/montserrat/Montserrat-Regular.eot');
    src: url('../fonts/montserrat/Montserrat-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/montserrat/Montserrat-Regular.woff2') format('woff2'),
        url('../fonts/montserrat/Montserrat-Regular.woff') format('woff'),
        url('../fonts/montserrat/Montserrat-Regular.svg#Montserrat-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@media screen and (max-width: 1199.98px) {
    .lg-hidden {
        display: none !important;
    }
}

.block_title {
    margin-bottom: 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.block_title span {
    font-size: 24px;
    color: #39465e;
    font-weight: bold;
    position: relative;
    text-transform: uppercase;
}

.block_title span:after {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 2px;
    background: #009688;
    left: 0;
    bottom: -7px;
}

.fa_close_popup {
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center;
    background-image: url("../images/close_popup.svg");
}

body {
    background-color: #E5E5E5;
    color: #444444;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    position: relative;
    overflow-x: hidden;
}

.fa_footer_clock,
.fa_footer_phone,
.fa_footer_email {
    display: inline-block;
    width: 15px;
    height: 15px;
    left: -40px;
    top: 3px;
    position: absolute;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center;
}

.fa_footer_clock {
    background-image: url("../images/footer_clock.svg");
}

.fa_footer_phone {
    background-image: url("../images/footer_phone.svg");
}

.fa_footer_email {
    top: 3px;
    background-image: url("../images/footer_email.svg");
}

.fa_search {
    display: inline-block;
    position: relative;
    width: 17px;
    height: 18px;
    background-image: url(../images/search.svg);
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center;
    top: -6px;
    left: -1px;
}

#search .search-wrap input[name=search] {
    background: transparent;
    border: none;
    outline: none;
    min-width: calc(100% - 30px);
    color: #fff;
    font-weight: 300;
    font-size: 12px;
    font-family: "Montserrat", sans-serif;
}

#search .search-wrap input[name=search]::-webkit-input-placeholder {
    color: #fff;
    font-weight: 300;
    font-size: 12px;
    font-family: "Montserrat", sans-serif;
}

#search .search-wrap {
    padding: 10px 20px;
    position: relative;
    width: 250px;
    border: 2px solid #fff;
}

#search .search-wrap button {
    padding: 0;
    height: 18px;
    width: 18px;
    background: transparent;
    border: none;
    position: absolute;
    right: 20px;
    top: calc(50% - 9px);
}

.help_text {
    font-size: 14px;
    color: #666666;
}

.bars_product {
    color: #ffffff;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
}

.fa_bars {
    width: 18px;
    height: 12px;
    position: relative;
    display: inline-block;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center;
    background-image: url("../images/bars.svg");
    margin-right: 15px;
}

.fa_fb {
    width: 31px;
    height: 31px;
    display: inline-block;
    position: relative;
    top: 5px;
    background-image: url("../images/fb_icon.svg");
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center;
}

.fa_fb:hover {
    background-image: url("../images/fb_icon_hover.svg");
}

/*go-top button*/
#go-top {
    position: fixed;
    bottom: 23px;
    right: 14px;
    text-align: center;
    cursor: pointer;
    display: none;
    z-index: 99999;
    width: 37px;
    transition: background .3s ease-in-out, color .3s ease-in-out, bottom .5s ease-in-out, right .5s ease-in-out, height .5s ease-in-out, width .5s ease-in-out, opacity .5s ease-in-out;
    height: 70px;
    background-color: #02AD88;
    border: 2px solid #02AD88;
    box-shadow: 0 4px 15px 1px rgba(0, 0, 0, .2);
    border-radius: 30px;
}

#go-top .fa {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, calc(-50% - 3px));
    font-size: 20px;
    color: #fff;
    transition: transform .7s ease-in-out, color .3s ease-in-out;
}

#go-top .fa:last-child {
    transform: translate(-50%, calc(-50% + 4px));
}

#go-top:hover .fa {
    color: #000;
}

#go-top:hover {
    background-color: #fff;
}

#go-top.rotate_me {
    height: 37px;
    width: 70px;
}

/*go-top button*/
h1 {
    font-size: 32px;
    font-weight: 500;
    color: #000;
    margin-bottom: 25px;
    font-family: 'Montserrat', sans-serif;
}

ul {
    margin: 0;
    padding: 0;
}

body.dark {
    overflow: hidden;
}

body.dark:after {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    z-index: 100;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .3);
}

#top {
    background: #01402D;
}

#top .nav {
    margin: 0 -20px;
}

#top .nav .nav-item {
    position: relative;
    padding: 11px 20px 14px;
}

#top .nav .nav-item .dropdown {
    visibility: hidden;
    position: absolute;
    opacity: 0;
    -webkit-transition: opacity .3s ease-in-out, top .3s ease-in-out;
    -moz-transition: opacity .3s ease-in-out, top .3s ease-in-out;
    -ms-transition: opacity .3s ease-in-out, top .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out, top .3s ease-in-out;
    transition: opacity .3s ease-in-out, top .3s ease-in-out;
    top: 80px;
    z-index: 100;
    left: 0;
    min-width: 163px;
    background: #ffffff;
    -webkit-box-shadow: 0px 4px 10px 1px rgba(0, 0, 0, .15);
    -moz-box-shadow: 0px 4px 10px 1px rgba(0, 0, 0, .15);
    box-shadow: 0px 4px 10px 1px rgba(0, 0, 0, .15);
}

#top .nav .nav-item .dropdown a {
    color: #333;
    position: relative;
    font-size: 12px;
    display: block;
    padding: 3px 10px 3px 10px;
    border: none;
    font-weight: normal;
    -webkit-transition: color .2s ease-in-out, background-color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out, background-color .2s ease-in-out;
    -ms-transition: color .2s ease-in-out, background-color .2s ease-in-out;
    -o-transition: color .2s ease-in-out, background-color .2s ease-in-out;
    transition: color .2s ease-in-out, background-color .2s ease-in-out;
}

#top .nav .nav-item .dropdown a:before {
    content: '';
    display: block;
    width: 0%;
    position: absolute;
    height: 100%;
    top: 0;
    z-index: -1;
    background: #02AD88;
    left: 50%;
    -webkit-transition: width .3s ease-in-out;
    -moz-transition: width .3s ease-in-out;
    -ms-transition: width .3s ease-in-out;
    -o-transition: width .3s ease-in-out;
    transition: width .3s ease-in-out;
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -ms-transform: translate(-50%);
    -o-transform: translate(-50%);
    transform: translate(-50%);
}

#top .nav .nav-item .dropdown a:hover {
    color: #ffffff;
}

#top .nav .nav-item .dropdown a:hover:before {
    width: 100%;
}

#top .nav .nav-item:hover .dropdown {
    visibility: visible;
    opacity: 1;
    top: 60px;
}

#top .nav .nav-item a {
    display: inline-block;
    color: #ffffff;
    padding: 8px 0 5px;
    border-bottom: 1px solid transparent;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
}

#top .nav .nav-item a.active,
#top .nav .nav-item a:hover {
    border-color: #fff;
}

.header_block h3 {
    font-weight: 600;
    color: #111111;
    font-size: 30px;
    margin-bottom: 0;
    text-transform: uppercase;
}

.header_block {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 30px;
}


.button, .button:link, .button:visited,
.show_all, .show_all:link, .show_all:visited {
    padding: 6.5px 20px;
    transition: background-color .3s ease, color .3s ease;
    background-color: #02AD88;
    text-decoration: none;
    display: inline-block;
    font-size: 12px;
    text-transform: uppercase;
    cursor: pointer;
    outline: none;
    font-weight: 600;
    letter-spacing: 1px;
    color: #E5E5E5;
    text-align: center;
    border: 1px solid #02AD88;
    box-sizing: border-box;
    border-radius: 30px;
}

.button.active, .button:hover,
.show_all.active, .show_all:hover {
    background-color: #fff;
    color: #000;
}

.button.transparent {
    padding: 6.5px 11.4px;
    border-color: #fff;
    background: transparent;
}

.button.transparent:hover {
    background: #fff;
}

#mobile-search-link,
#mobile-button-open {
    display: none;
    border: none;
    outline: none;
    background: transparent;
    position: absolute;
    left: 10px;
    top: 1px;
    z-index: 10;
    width: 50px;
    cursor: pointer;
    height: 50px;
}

#mobile-button-open .fa,
#mobile-search-link button {
    cursor: pointer;
}

#mobile-button-open .fa {
    color: #ffffff;
    font-size: 25px;
}

#mobile-search-link button {
    width: 50px;
    outline: none;
    border: none;
    background: transparent;
    height: 50px;
}

#mobile-search-link button .fa {
    color: #ffffff;
    font-size: 18px;
}

#mobile-search-link {
    left: unset;
    right: 10px;
}

a:link, a:visited {
    color: #444444;
    text-decoration: underline;
}

ul {
    list-style-type: none;
}

#services-carousel .owl-nav,
#slider .owl-nav {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -35px);
    width: 100%;
}

#services-carousel .owl-nav button,
#slider .owl-nav button {
    position: absolute;
    border-radius: 50%;
    transition: right .5s ease-in-out, left .5s ease-in-out, opacity .5s ease-in-out, background-color .3s ease-in-out;
    opacity: 0;
    outline: none;
}

#services-carousel .owl-nav button {
    opacity: 1;
}

#services-carousel .owl-nav button span,
#slider .owl-nav button span {
    width: 70px;
    height: 70px;
    opacity: .5;
    display: inline-block;
    line-height: 65px;
    font-size: 50px;
}

#services-carousel .owl-nav button span {
    opacity: 1;
}

#services-carousel .owl-nav button:hover,
#slider .owl-nav button:hover {
    background: transparent;
}

#services-carousel .owl-nav button:hover span,
#slider .owl-nav button:hover span {
    opacity: 1;
}

#services-carousel .owl-nav button:active,
#slider .owl-nav button:active {
    background: rgba(0, 0, 0, .1);
}

#services-carousel .owl-nav button span,
#slider .owl-nav button span {
    color: #fff;
}

#services-carousel .owl-nav button.disabled:hover,
#services-carousel .owl-nav button.disabled,
#slider .owl-nav button.disabled:hover,
#slider .owl-nav button.disabled {
    background: rgba(0, 0, 0, 1);
    filter: grayscale(100%);
}

.fa_left_chevron {
    left: -2px;
}

.fa_left_chevron,
.fa_right_chevron {
    width: 15px;
    height: 25px;
    position: relative;
    display: inline-block;
    top: -3px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.fa_left_chevron {
    background-image: url("../images/left-arrow-chevron.svg");
}

.fa_right_chevron {
    background-image: url("../images/right-arrow-chevron.svg");
}

#services-carousel .fa_left_chevron,
#carousel-projects .fa_left_chevron {
    background-image: url("../images/left-arrow2-chevron.png");
}

#services-carousel .fa_right_chevron,
#carousel-projects .fa_right_chevron {
    background-image: url("../images/right-arrow2-chevron.svg");
}

#carousel-projects .owl-dots {
    margin-top: 20px !important;
    margin-bottom: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}

#carousel-projects .owl-nav {
    height: 0;
    position: absolute;
    width: 100%;
    top: calc(50% - 40px);
}

#carousel-projects .owl-nav [class*=owl-] {
    outline: none;
    position: absolute;
    opacity: .5;
}

#services-carousel .owl-nav [class*=owl-] {
    opacity: 1;
}

#carousel-projects .owl-nav [class*=owl-]:hover,
#carousel-projects .owl-nav [class*=owl-]:active {
    background: transparent;
    opacity: 1;
}

#carousel-projects .owl-nav .owl-prev {
    left: -35px;
}

#carousel-projects .owl-nav .owl-next {
    right: -35px;
}

#services-carousel.owl-nav button.disabled:hover,
#slider .owl-nav button.disabled:hover {
    cursor: pointer;
}

#slider .owl-nav button.owl-prev {
    left: -40px;
}

#services-carousel .owl-nav button.owl-prev {
    left: -10px;
}

#slider .owl-nav button.owl-next {
    right: -40px;
}

#services-carousel .owl-nav button.owl-next {
    right: -10px;
}

#services-carousel .owl-nav button.owl-next span,
#slider .owl-nav button.owl-next span {
    padding-left: 4px;
}

.owl-theme .owl-dots {
    margin-top: 20px;
}

.owl-theme .owl-dots button {
    outline: none;
}

.products_menu .close_product {
    width: 18px;
    height: 18px;
    position: absolute;
    right: 15px;
    top: 16px;
    cursor: pointer;
    z-index: 100;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center;
    background-image: url("../images/close_popup.svg");
}

.products_menu {
    padding-top: 50px;
    position: fixed;
    left: -500px;
    background: #ffffff;
    z-index: 10000;
    top: 0;
    -webkit-transition: left .5s ease-in-out;
    -moz-transition: left .5s ease-in-out;
    -ms-transition: left .5s ease-in-out;
    -o-transition: left .5s ease-in-out;
    transition: left .5s ease-in-out;
    width: 350px;
    -webkit-box-shadow: 0 4px 15px 1px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 4px 15px 1px rgba(0, 0, 0, .2);
    box-shadow: 0 4px 15px 1px rgba(0, 0, 0, .2);
    min-height: 100vh;
    max-height: 100vh;
    overflow-y: auto;
}

#mobile-menu.products_menu {
    padding-top: 0;
}

.products_menu h4 {
    color: #323232;
    font-size: 24px;
    margin: 0;
    padding: 10px 0 10px 30px;
}

.products_menu::-webkit-scrollbar {
    display: none;
}

.products_menu.show {
    left: 0;
}

.products_menu a {
    display: block;
    width: 100%;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 500;
    position: relative;
    font-size: 14px;
    background: #02AD88;
    color: #ffffff;
    padding: 15px 20px 15px 40px;
    margin-bottom: 2px;
}

.products_menu a span {
    position: relative;
    z-index: 10;
    -webkit-transition: color .3s ease-in-out;
    -moz-transition: color .3s ease-in-out;
    -ms-transition: color .3s ease-in-out;
    -o-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out;
}

.products_menu a:after {
    content: '';
    display: block;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 0;
    height: 0;
    position: absolute;
    background: #fff;
    -webkit-transition: height .3s ease-in-out;
    -moz-transition: height .3s ease-in-out;
    -ms-transition: height .3s ease-in-out;
    -o-transition: height .3s ease-in-out;
    transition: height .3s ease-in-out;
}

.products_menu a.active,
.products_menu a:hover {
    color: #000;
}

.products_menu a.active:after,
.products_menu a:hover:after {
    height: 100%;
}

/* HEADER */
header {
    padding: 15px 0;
    background: #fff;
    box-shadow: 0 3px 5px 1px rgba(0, 0, 0, .05);
}

header .container {
    position: relative;
}

header .logo-wrap .logo {
    text-decoration: none;
    float: left;
    width: 300px;
    left: -8px;
    position: relative;
}

header .logo-wrap .logo .name,
header .logo-wrap .logo .copy {
    display: block;
    float: left;
}

header .logo-wrap .logo .name {
    font-weight: 600;
    font-size: 33px;
    color: #333333;
    line-height: 1.25;
    top: -3px;
    position: relative;
}

header .logo-wrap .logo .copy {
    font-size: 7px;
    text-transform: uppercase;
    color: #333333;
    font-weight: 600;
    position: relative;
    top: -3px;
    left: 2px;
}

header .logo-wrap .logo img {
    width: 60px;
    height: 49px;
    float: left;
    position: relative;
    top: 5px;
}

header ul.contacts li {
    margin-right: 35px;
    display: inline-block;
}

@media screen and (max-width: 1199.98px) {
    header ul.contacts li {
        margin-right: 0;
        display: inline-block;
    }

    header ul.contacts {
        display: flex;
        justify-content: center;
    }
}

header ul.contacts li:last-child {
    margin-right: 0;
}

header ul.contacts li .fa_phone {
    background-image: url("../images/phone_header.svg");
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center;
    position: relative;
    display: inline-block;
    width: 14px;
    height: 14px;
    color: #c4c4c4;
    top: 1px;
    margin-right: 25px;
}

header ul.contacts li a.telephone+.fa-chevron-down {
    display: none;
}

@media screen and (max-width: 1199.98px) {
    header ul.contacts li a.telephone+.fa-chevron-down {
        display: inline-block;
        margin-left: 10px;
    }

    header ul.contacts li .fa_phone {
        margin-right: 10px;
    }
}

header ul.contacts li {
    position: relative;
}

header ul.contacts li a.telephone {
    font-size: 16px;
    color: #333;
    font-weight: 600;
    text-decoration: none;
    font-family: "Open Sans", sans-serif;
}

header ul.contacts li .dropdown {
    display: none;
    position: absolute;
    top: 100%;
    z-index: 100;
    left: 30px;
    min-width: 146px;
    background: #ffffff;
    -webkit-box-shadow: 0px 4px 10px 1px rgba(0, 0, 0, .15);
    -moz-box-shadow: 0px 4px 10px 1px rgba(0, 0, 0, .15);
    box-shadow: 0px 4px 10px 1px rgba(0, 0, 0, .15);
}

header ul.contacts li .dropdown a {
    color: #333;
    position: relative;
    font-size: 12px;
    display: block;
    padding: 3px 10px 3px 10px;
    border: none;
    font-weight: normal;
    -webkit-transition: color .2s ease-in-out, background-color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out, background-color .2s ease-in-out;
    -ms-transition: color .2s ease-in-out, background-color .2s ease-in-out;
    -o-transition: color .2s ease-in-out, background-color .2s ease-in-out;
    transition: color .2s ease-in-out, background-color .2s ease-in-out;
}

header ul.contacts li .dropdown a:before {
    content: '';
    display: block;
    width: 0%;
    position: absolute;
    height: 100%;
    top: 0;
    z-index: -1;
    background: #02AD88;
    left: 50%;
    -webkit-transition: width .3s ease-in-out;
    -moz-transition: width .3s ease-in-out;
    -ms-transition: width .3s ease-in-out;
    -o-transition: width .3s ease-in-out;
    transition: width .3s ease-in-out;
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -ms-transform: translate(-50%);
    -o-transform: translate(-50%);
    transform: translate(-50%);
}

header ul.contacts li .dropdown a:hover {
    color: #ffffff;
}

header ul.contacts li .dropdown a:hover:before {
    width: 100%;
}

header ul.contacts li a.email {
    font-size: 14px;
    color: #444444;
    text-decoration: none;
}

header ul.contacts li a.email:hover {
    text-decoration: underline;
}

header ul.socials {
    display: flex;
    justify-content: flex-end;
    font-size: 21px;
}

header ul.socials li {
    display: inline;
    margin-right: -15px;
}

header ul.socials li a {
    color: #000000;
}

header ul.socials li a:hover {
    color: #7a7a7a;
}

header .order {
    text-align: right;
}

header .menu {
    margin-top: 20px;
    border-top: 1px solid #ebebeb;
}

header .menu .nav {
    display: flex;
    margin: 0 -15px;
    padding: 0;
}

header .menu .nav .nav-item {
    position: relative;
}

/*
 *
 * DROPDOWN MENU
 *
 */
header .menu .nav .nav-item .dropdown-menu {
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.25);
    border: none;
    border-radius: 0;
    top: calc(100% - 2px);
    padding: 20px 0;
    background: #fff;
    min-width: 250px;
}

header .menu .nav .nav-item .dropdown-menu .dropdown-item {
    position: relative;
    text-decoration: none;
    padding: 10px 25px;
    font-size: 14px;
    color: #222;
    font-family: "Montserrat", sans-serif;
}

header .menu .nav .nav-item .dropdown-menu .dropdown-item:hover {
    background: transparent;
}

header .menu .nav .nav-item .dropdown-menu .dropdown-item:after {
    content: '';
    display: block;
    width: 0;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    transition: width .3s ease;
    background: #efefef;
}

header .menu .nav .nav-item .dropdown-menu .dropdown-item:hover:after {
    width: 100%;
}

header .menu .nav .nav-item:hover .dropdown-menu {
    display: block;
}

/*
 *
 * NAV LINK
 *
 */
header .menu .nav .nav-item .nav-link {
    text-decoration: none;
    font-size: 14px;
    position: relative;
    padding: 20px 15px;
    color: #111;
    font-weight: 500;
}

header .menu .nav .nav-link.dropdown-toggle:after {
    display: none;
}

header .menu .nav .nav-item:before {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    bottom: 0;
    transition: width .3s ease-in-out;
    background: #ffd16e;
    opacity: .9;
    width: 0;
    height: 5px;
    transform: translate(-50%);
}

header .menu .nav .nav-item.fullWidth:before {
    width: calc(100% - 30px);
    background: #ffc600;
    transition: width 0s;
}

header .menu .nav .nav-item.fullWidth:after {
    content: '';
    display: block;
    position: absolute;
    width: 8px;
    height: 8px;
    border-top: 10px solid transparent;
    border-bottom: 11px solid #FFC700;
    border-left: 13px solid transparent;
    border-right: 13px solid transparent;
    bottom: 0;
    left: calc(50% - 11px);
}

header .menu .nav .nav-item:hover:before {
    width: calc(100% - 30px);
}

.breadcrumb {
    background: transparent;
    margin-top: 20px;
    padding: 0;
    font-size: 12px;
    margin-bottom: 25px;
}

.breadcrumb ul {
    margin: 0;
    padding: 0;
}

.breadcrumb ul li {
    display: inline;
}

.breadcrumb ul li span,
.breadcrumb ul li a {
    color: #666;
    font-size: 13px;
    letter-spacing: .3px;
    text-decoration: none;
}

.breadcrumb ul li:last-child a:hover {
    text-decoration: none;
}

.breadcrumb ul li a:hover {
    text-decoration: underline;
}

.breadcrumb ul li:after {
    content: '/';
    margin: 0 3px 0 5px;
    font-size: 12px;
}

.breadcrumb ul li:last-child:after {
    display: none;
}

/* MAIN */
main {
    min-width: 303px;
}

main #projects .all_testimonial {
    display: inline-block;
    min-width: 180px;
}

main #slider {
    background: #000;
    overflow-x: hidden;
    min-width: 320px;
}

main #slider:hover .owl-nav button.owl-prev {
    left: 20px;
    opacity: 1;
}

main #slider:hover .owl-nav button.owl-next {
    right: 20px;
    opacity: 1;
}

main #slider .item:after {
    content: '';
    display: block;
    position: absolute;
    background-image: url("../images/slider_rectangle.svg");
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: left;
    z-index: 100;
    left: 0;
    top: 0;
    width: 65%;
    height: 100%;
}

main #slider .owl-dots {
    position: absolute;
    bottom: 170px;
    width: 100%;
    margin: 0;
    height: 0;
}

main #slider .owl-dots .owl-dot span {
    border-color: #E5E5E5;
    background: #E5E5E5 !important;
    transition: background .3s ease-in-out, border .3s ease-in-out, width .3s ease-in-out;
}

main #slider .owl-dots .owl-dot.active span {
    background: #fff !important;
}

main #slider .text {
    width: 100%;
}

main #slider .text {
    top: 50px;
    position: absolute;
    color: #FFFFFF;
    letter-spacing: 3px;
    z-index: 150;
    left: 0;
}

main #slider .company_name {
    position: absolute;
    top: 55px;
    left: 0;
    font-weight: 500;
    font-size: 72px;
    z-index: 150;
    opacity: .15;
    text-transform: uppercase;
}

main #slider .text h2 {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 36px;
    margin-bottom: 30px;
    color: #fff;
}

main #slider .text h3 {
    text-transform: uppercase;
    font-weight: 500;
    margin-bottom: 60px;
    font-size: 36px;
}

main #slider .text .button {
    color: #fff;
    letter-spacing: 0;
    padding: 10px 25px;
    font-size: 18px;
}

main #slider .text .button:hover {
    color: #000000;
}

main #slider img {
    z-index: -1;
}

main #categories {
    margin: -140px 0 40px;
    position: relative;
    z-index: 1000;
    background: #ffffff;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.15);
    width: calc(100% + 70px);
    left: -35px;
}

main #categories .category_grid {
    width: 100%;
    padding: 35px 35px;
    min-height: 1000px;
    display: grid;
    grid-template-areas: "serv1 serv1 serv1 serv2 serv2 serv2 serv3 serv3 serv3 serv3"
                         "serv1 serv1 serv1 serv2 serv2 serv2 serv3 serv3 serv3 serv3"
                         "serv1 serv1 serv1 serv2 serv2 serv2 serv3 serv3 serv3 serv3"
                         "serv1 serv1 serv1 serv2 serv2 serv2 serv3 serv3 serv3 serv3"
                         "serv1 serv1 serv1 serv2 serv2 serv2 serv3 serv3 serv3 serv3"
                         "serv1 serv1 serv1 serv2 serv2 serv2 serv5 serv5 serv5 serv5"
                         "serv4 serv4 serv4 serv4 serv4 serv4 serv5 serv5 serv5 serv5"
                         "serv4 serv4 serv4 serv4 serv4 serv4 serv5 serv5 serv5 serv5"
                         "serv4 serv4 serv4 serv4 serv4 serv4 serv5 serv5 serv5 serv5"
                         "serv4 serv4 serv4 serv4 serv4 serv4 serv5 serv5 serv5 serv5"
                         "serv4 serv4 serv4 serv4 serv4 serv4 serv5 serv5 serv5 serv5"
                         "serv4 serv4 serv4 serv4 serv4 serv4 serv5 serv5 serv5 serv5"
                         "serv6 serv6 serv6 serv6 serv7 serv7 serv7 serv8 serv8 serv8"
                         "serv6 serv6 serv6 serv6 serv7 serv7 serv7 serv8 serv8 serv8"
                         "serv6 serv6 serv6 serv6 serv7 serv7 serv7 serv8 serv8 serv8"
                         "serv6 serv6 serv6 serv6 serv7 serv7 serv7 serv8 serv8 serv8"
                         "serv6 serv6 serv6 serv6 serv7 serv7 serv7 serv8 serv8 serv8"
                         "serv6 serv6 serv6 serv6 serv7 serv7 serv7 serv8 serv8 serv8";
}

main #categories .category_grid.three-items {
    min-height: 390px;
    grid-template-areas: "serv1 serv1 serv1 serv2 serv2 serv2 serv3 serv3 serv3 serv3"
                         "serv1 serv1 serv1 serv2 serv2 serv2 serv3 serv3 serv3 serv3"
                         "serv1 serv1 serv1 serv2 serv2 serv2 serv3 serv3 serv3 serv3"
                         "serv1 serv1 serv1 serv2 serv2 serv2 serv3 serv3 serv3 serv3"
                         "serv1 serv1 serv1 serv2 serv2 serv2 serv3 serv3 serv3 serv3"
                         "serv1 serv1 serv1 serv2 serv2 serv2 serv3 serv3 serv3 serv3";
}

main #categories .category_grid.six-items {
    min-height: 780px;
    grid-template-areas: "serv1 serv1 serv1 serv2 serv2 serv2 serv3 serv3 serv3 serv3"
                         "serv1 serv1 serv1 serv2 serv2 serv2 serv3 serv3 serv3 serv3"
                         "serv1 serv1 serv1 serv2 serv2 serv2 serv3 serv3 serv3 serv3"
                         "serv1 serv1 serv1 serv2 serv2 serv2 serv3 serv3 serv3 serv3"
                         "serv1 serv1 serv1 serv2 serv2 serv2 serv3 serv3 serv3 serv3"
                         "serv1 serv1 serv1 serv2 serv2 serv2 serv5 serv5 serv5 serv5"
                         "serv4 serv4 serv4 serv4 serv4 serv4 serv5 serv5 serv5 serv5"
                         "serv4 serv4 serv4 serv4 serv4 serv4 serv5 serv5 serv5 serv5"
                         "serv4 serv4 serv4 serv4 serv4 serv4 serv5 serv5 serv5 serv5"
                         "serv4 serv4 serv4 serv4 serv4 serv4 serv5 serv5 serv5 serv5"
                         "serv4 serv4 serv4 serv4 serv4 serv4 serv5 serv5 serv5 serv5"
                         "serv4 serv4 serv4 serv4 serv4 serv4 serv5 serv5 serv5 serv5";
}

main #categories .category_grid .category_item-1 {
    grid-area: serv1
}

main #categories .category_grid .category_item-2 {
    grid-area: serv2
}

main #categories .category_grid .category_item-3 {
    grid-area: serv3
}

main #categories .category_grid .category_item-4 {
    grid-area: serv4
}

main #categories .category_grid .category_item-5 {
    grid-area: serv5
}

main #categories .category_grid .category_item-6 {
    grid-area: serv6
}

main #categories .category_grid .category_item-7 {
    grid-area: serv7
}

main #categories .category_grid .category_item-8 {
    grid-area: serv8
}

main #categories .category_grid [class*=category_item-] .divider {
    width: 155px;
    height: 1px;
    background: #ffffff;
    margin: 10px 0;
    position: relative;
    z-index: 100;
}

main #categories .category_grid [class*=category_item-] .title {
    position: relative;
    z-index: 100;
}

main #categories .category_grid [class*=category_item-] span {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 10;
}

main #categories .category_grid .category_item-1 span {
    background: linear-gradient(to right, #507307, rgba(80, 115, 7, 0.19));
}

main #categories .category_grid .category_item-2 span {
    background: linear-gradient(to right, #02AD88, rgba(2, 173, 136, 0.19));
}

main #categories .category_grid .category_item-3 span {
    background: linear-gradient(to right, #01402D, rgba(1, 64, 45, 0.2));
}

main #categories .category_grid .category_item-4 span {
    background: linear-gradient(to right, #B78507, rgba(183, 133, 7, 0.2));
}

main #categories .category_grid .category_item-5 span {
    background: linear-gradient(to right, #B3B711, rgba(179, 183, 17, 0.2));
}

main #categories .category_grid .category_item-6 span {
    background: linear-gradient(to right, #2B95C2, rgba(43, 149, 194, 0.2));
}

main #categories .category_grid .category_item-7 span {
    background: linear-gradient(to right, #3C4865, rgba(60, 72, 101, 0.19));
}

main #categories .category_grid .category_item-8 span {
    background: linear-gradient(to right, #7D8282, rgba(125, 130, 130, 0.19));
}

main #categories [class*=category_item-] {
    position: relative;
}

main #categories [class*=category_item-]:hover .wrap_link .image {
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
    transform: scale(1.3);
}

main #categories [class*=category_item-] .wrap_link .image,
main .mobile-category [class*=category_item-] .wrap_link .image,
main #categories [class*=category_item-] .wrap_link {
    position: absolute;
    width: 100%;
    text-decoration: none;
    height: 100%;
    padding: 25px;
    left: 0;
    top: 0;
    background-repeat: no-repeat;
    -webkit-transition: transform .4s ease-in-out;
    -moz-transition: transform .4s ease-in-out;
    -ms-transition: transform .4s ease-in-out;
    -o-transition: transform .4s ease-in-out;
    transition: transform .4s ease-in-out;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center;
}

main #categories [class*=category_item-] .wrap_link {
    overflow: hidden;
}

main #categories [class*=category_item-] .wrap_link .title {
    font-weight: bold;
    font-size: 18px;
    color: #fff;
}

main #categories [class*=category_item-] .wrap_link .description,
main #categories [class*=category_item-] .wrap_link .title {
    max-width: 180px;
}

main #categories [class*=category_item-] .wrap_link .button .fa_arrow_right {
    background-image: url(../images/arrow_right.svg);
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    width: 20px;
    height: 16px;
    position: relative;
    right: -15px;
    top: 3px;
}

main #categories [class*=category_item-] .wrap_link .button:hover .fa_arrow_right {
    background-image: url(../images/arrow_right_hover.svg);
}

main #categories [class*=category_item-] .wrap_link .button {
    position: relative;
    z-index: 100;
    padding-left: 25px;
    padding-right: 35px;
    padding-top: 6px;
}

main #categories [class*=category_item-] .wrap_link .description {
    color: #fff;
    position: relative;
    z-index: 100;
    margin-bottom: 20px;
}

#video {
    margin-bottom: 40px;
}

#video iframe {
    width: 100%;
    height: 325px;
}

#services .services_item {
    position: relative;
    margin-bottom: 60px;
    min-height: 420px;
    max-height: 420px;
}

#services .services_item .image {
    min-height: 170px;
    overflow: hidden;
    position: relative;
}

#services .services_item .image a {
    position: absolute;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center;
    -webkit-transition: transform .3s ease-in-out;
    -moz-transition: transform .3s ease-in-out;
    -ms-transition: transform .3s ease-in-out;
    -o-transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
}

#services .services_item .caption {
    background: #02ad88;
    padding: 25px;
    min-height: 131px;
}

#services .services_item .caption h4 {
    margin-bottom: 0;
}

#services .services_item .caption h4 a {
    display: inline-block;
    border-bottom: 2px solid #fff;
    padding-bottom: 10px;
    line-height: 150%;
    font-size: 18px;
    font-weight: bold;
    color: #ffffff;
    text-decoration: none;
}

#services .services_item .caption h4 a:hover {
    text-decoration: underline;
}

#services .services_item .description {
    background: #333333;
    font-size: 14px;
    color: #ffffff;
    line-height: normal;
    padding: 15px 30px;
    min-height: 109px;
    max-height: 109px;
}

#services .services_item:hover .image a {
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
    transform: scale(1.3);
}

/*
 *
 * OWL CUSTOM STYLES
 *
 */
.owl-theme .owl-dots .owl-dot span {
    -webkit-transition: width .3s ease-in-out;
    -moz-transition: width .3s ease-in-out;
    -ms-transition: width .3s ease-in-out;
    -o-transition: width .3s ease-in-out;
    transition: width .3s ease-in-out;
}

.owl-theme .owl-dots {
    margin-top: 50px !important;
    margin-bottom: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.owl-theme .owl-dots .owl-dot span {
    width: 65px !important;
    height: 2px !important;
    opacity: .6;
    background: #333333 !important;
}

.owl-theme .owl-dots .owl-dot.active span {
    width: 65px !important;
    height: 2px !important;
    opacity: 1;
    background: #FFC700 !important;
    border-radius: 10px;
}

main #about {
    position: relative;
    padding-bottom: 95px;
}

main #about .about_title {
    color: #39465e;
    text-align: center;
    font-size: 24px;
    font-weight: 600;
    letter-spacing: 1px;
    margin-bottom: 15px;
}

main #about .block_images {
    position: absolute;
    width: calc(100% - 45px);
    height: calc(100%);
}

main #about .block_images .second_image,
main #about .block_images .first_image {
    position: absolute;
}

main #about .block_images .first_image {
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center;
}

main #about .block_images .first_image {
    width: 100%;
    height: 205px;
}

main #about .block_images .first_image:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: linear-gradient(to right, #fff, transparent);
}

main #about .block_images .second_image {
    width: 330px;
    height: 425px;
    left: -5px;
    top: 175px;
    background: #fff;
    box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.2);
}

main #about .block_images .second_image .sub_image {
    position: absolute;
    width: calc(100% - 10px);
    height: calc(100% - 10px);
    top: 5px;
    left: 5px;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center;
}

main #about .text {
    font-size: 14px;
    line-height: 140%;
    color: #39465e;
}

@media screen and (max-width: 1199.98px) {
    main #slider .company_name {
        font-size: 62px;
        top: 45px;
    }

    main #slider .text h2 {
        font-size: 38px;
    }

    main #slider .text h3 {
        font-size: 28px;
    }

    main #slider .text .button {
        font-size: 14px;
    }
}

main #news {
    background: #ffffff;
    padding: 25px 0 60px;
}

main #news .item {
    position: relative;
    min-height: 185px;
}

main #news .item .image_link {
    margin-bottom: 15px;
    position: relative;
    display: block;
    min-height: 185px;
}

main #news .item .image_link span.image {
    display: block;
    min-height: 185px;
    width: calc(100% + 20px);
    position: relative;
    z-index: 10;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center;
}

main #news .item .description {
    font-size: 14px;
    line-height: normal;
    color: #39465e;
}

main #news .item .description,
main #news .item .title {
    padding-left: 40px;
}

main #news .item .title {
    margin-bottom: 25px;
    margin-top: -7px;
}

main #news .item .title a {
    font-size: 20px;
    color: #333333;
    text-decoration: none;
    font-weight: bold;
}

main #news .item .title a:hover {
    text-decoration: underline;
}

main #news .block_title {
    margin-bottom: 50px;
}

main #news .block_title a.button {
    color: #ffffff;
    font-size: 14px;
}

main #news .block_title a.button:hover {
    color: #000000;
}

.answers_phone {
    margin: 30px 0;
    font-size: 16px;
    color: #444444;
    border: 1px solid #C5DCE8;
    background: url("../images/box-info.png") no-repeat 10px 8px #EBF5FA;
    padding: 15px 15px 15px 50px;
}

/* FOOTER */
#footer_contact_block .invalid-message {
    color: #ffffff;
    margin-bottom: 15px;
    border: 2px solid #ffffff;
    padding: 20px;
}

#footer_contact_block {
    background: #02AD88;
    padding: 30px 0;
}

#footer_contact_block h4 {
    color: #ffffff;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 25px;
}

#footer_contact_block .contact-list h4 {
    text-transform: uppercase;
}

#footer_contact_block .contact-list ul li {
    padding-left: 40px;
    position: relative;
}

#footer_contact_block .contact-list ul li span,
#footer_contact_block .contact-list ul li a {
    text-decoration: none;
    position: relative;
}

#footer_contact_block .contact-list ul li a:hover {
    text-decoration: underline;
}

#footer_contact_block .contact-list ul li.phone_li {
    margin-bottom: 13px;
}

#footer_contact_block .contact-list ul li.phone_li a {
    font-size: 18px;
    font-weight: bold;
    color: #ffffff;
}

#footer_contact_block .contact-list ul li.info,
#footer_contact_block .contact-list ul li.info span,
#footer_contact_block .contact-list ul li.info a {
    font-size: 14px;
    font-weight: normal;
    color: #ffffff;
}

#footer_contact_block #contact-form-footer .form-control {
    background: transparent;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    border-color: #fff;
}

#footer_contact_block #contact-form-footer .form-control,
#footer_contact_block #contact-form-footer .form-control::-webkit-input-placeholder {
    font-size: 12px;
    color: rgba(255, 255, 255, .6);
    padding: 7px 20px;
}

#footer_contact_block #contact-form-footer .form-control:active,
#footer_contact_block #contact-form-footer .form-control:focus,
#footer_contact_block #contact-form-footer .form-control:hover {
    border-color: #cecece;
}

#footer_contact_block #contact-form-footer .form-control::-webkit-input-placeholder {
    padding: 0;
}

#footer_contact_block #contact-form-footer .form-row {
    margin-bottom: 20px;
}

#footer_contact_block #contact-form-footer .form-row .col:first-child {
    padding-right: 22px;
}

#footer_contact_block #contact-form-footer .form-row .col:last-child {
    padding-left: 22px;
}

#footer_contact_block #contact-form-footer .button {
    background: #ffffff;
    border-color: #ffffff;
    color: #000000;
    padding: 12px 45px;
    line-height: normal;
    font-size: 14px;
    color: #39465e;
}

#footer_contact_block #contact-form-footer .button:hover {
    background: transparent;
    color: #fff;
}

#footer_contact_block #contact-form-footer .button_block {
    text-align: center;
}

footer {
    background: #222;
}

footer .menu .nav {
    margin: 0 -15px;
}

footer .menu .nav-link {
    font-weight: 500;
    color: #fff;
    font-size: 14px;
    text-decoration: none;
}

footer .menu .fa_fb {
    -ms-filter: brightness(250%);
    -webkit-filter: brightness(250%);
    -o-filter: brightness(250%);
    right: -15px;
}

footer .menu .fa_fb:hover {
    -ms-filter: brightness(100%);
    -webkit-filter: brightness(100%);
    -o-filter: brightness(100%);
}

footer .menu .nav-link:hover {
    color: #ffc700;
}

footer #info {
    color: #fff;
    font-size: 12px;
    padding: 20px 0;
}

footer #info .copyright .developer {
    color: #e5e5e5;
}

footer #info .copyright .developer a {
    color: #e5e5e5;
}

footer #info .copyright .developer a:hover {
    text-decoration: none;
}

footer .order {
    margin-top: 5px;
    position: static;
}

footer a.button:link, footer a.button:visited {
    border: none;
}

/* FORMS */
.form-wrap form,
#contact-page-form .form,
.contact-form .form {
    transition: padding .5s ease;
    padding: 80px 15%;
    text-align: center;
}

#contact-page-form .form {
    border: 5px solid #ffc600;
}

.mfp-content #callback-form,
.mfp-content .contact-form {
    width: 60%;
    margin-left: 20%;
}

.contact-form .form-group {
    margin-bottom: 35px;
}

.contact-form {
    position: relative;
}

.contact-form .b-checkbox {
    display: inline-block;
}

.contact-form .fa_close_popup {
    position: absolute;
    right: 20px;
    top: 20px;
}

.contact-form h3 {
    margin-bottom: 15px;
}

.contact-form h3+p {
    color: #c4c4c4;
    font-size: 12px;
    margin-bottom: 0;
    text-align: center;
    font-weight: 500;
    font-family: "Montserrat", sans-serif;
}

#contact-page-form .form,
.contact-form .form {
    padding: 35px 75px;
    background: #ffffff;
}

.contact-form .form {
    padding: 20px 75px;
    background: #f2f2f2;
    -webkit-box-shadow: 0px 4px 15px 1px rgba(0, 0, 0, .15);
    -moz-box-shadow: 0px 4px 15px 1px rgba(0, 0, 0, .15);
    box-shadow: 0px 4px 15px 1px rgba(0, 0, 0, .15);
}

.form-wrap h3,
#contact-page-form .form h3,
.contact-form .form h3 {
    font-weight: 500;
    color: #000;
    font-size: 24px;
    margin-bottom: 23px;
    text-align: center;
}

#contact-page-form .form h4,
.contact-form .form h4 {
    margin-bottom: 20px;
}

#contact-page-form .form-control,
.form-wrap form .form-control,
.contact-form .form-control {
    border-radius: 0;
    font-size: 14px;
    border: 1px solid #dddddd;
    padding: 18px 20px;
    color: #C4C4C4;
}

.contact-form .form-control {
    padding: 9px 20px;
}

.form-wrap form .form-control::placeholder,
#contact-page-form .form-control::placeholder,
.contact-form .form-control::placeholder {
    color: #c5c5c5;
    opacity: 1;
}

.form-wrap form .form-control:hover,
#contact-page-form .form-control:hover,
.contact-form .form-control:hover {
    border-color: #c5c5c5;
}

.form-wrap form .form-control:focus,
#contact-page-form .form-control:focus,
.contact-form .form-control:focus {
    border-color: #C4C4C4;
    box-shadow: none;
}

.form-wrap form .col,
#contact-page-form .col,
.contact-form .col {
    margin-bottom: 35px;
    min-width: 230px;
}

.contact-form .col {
    margin-bottom: 25px;
}

.contact-form .form-row .col:first-child {
    padding-right: 22px;
}

.contact-form .form-row .col:last-child {
    padding-left: 22px;
}

.contact-form .button {
    line-height: normal;
    padding: 11px 30px;
}

.form-wrap form textarea,
#contact-page-form textarea,
.contact-form textarea {
    min-height: 80px;
}

.form-wrap form .invalid,
#contact-page-form .invalid,
.contact-form .invalid {
    border-color: #f2acac;
    background-color: #fef7f7;
    color: #e65a5a;
}

.form-wrap form .invalid::placeholder,
#contact-page-form .invalid::placeholder,
.contact-form .invalid::placeholder {
    color: #e65a5a;
    opacity: 1;
}

.form-wrap form .invalid:hover,
#contact-page-form .invalid:hover,
.contact-form .invalid:hover {
    border-color: #f2acac;
}

.form-wrap form .invalid:focus,
#contact-page-form .invalid:focus,
.contact-form .invalid:focus {
    border-color: #f2acac;
    box-shadow: none;
}

.form-wrap form .invalid-message,
#contact-page-form .invalid-message,
#vacancy .invalid-message,
.contact-form .invalid-message {
    padding: 20px;
    border: 1px solid #e65a5a;
    background: #fef7f7;
    color: #e65a5a;
    margin: 40px 0;
    text-align: left;
}

.form-wrap form .invalid-message span,
#contact-page-form .invalid-message span,
.contact-form .invalid-message span {
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 20px;
}

.form-wrap form .invalid-message ul,
#contact-page-form .invalid-message ul,
.contact-form .invalid-message ul {
    margin-top: 15px;
    padding-left: 20px;
    list-style-type: disc;
}

#vacancy-form {
    width: 60%;
    left: 20%;
    position: relative;
    background: #ffffff;
    padding: 20px 40px;
}

#vacancy-form h3 {
    color: #000000;
    font-size: 24px;
    font-family: "Montserrat", sans-serif;
}

#vacancy-form .form-row {
    margin-bottom: 1rem;
}

#vacancy-form .file_input,
#vacancy-form [class*=form-] textarea,
#vacancy-form [class*=form-] input::placeholder,
#vacancy-form [class*=form-] input {
    color: #c4c4c4;
    font-size: 14px;
}

#vacancy-form .b-checkbox a {
    color: #02ad88;
}

#vacancy-form .file_input,
#vacancy-form [class*=form-] input {
    color: #707070;
}

#vacancy-form .file_input {
    position: relative;
    margin-bottom: 0;
}

#vacancy-form .form-control:focus {
    box-shadow: none;
    border-color: #999;
}

#vacancy-form .file_input,
#vacancy-form input {
    padding: 10px 15px;
}

#vacancy-form .file_input input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
    z-index: -9999;
}

/* CATEGORIES - LIST */
.categories-list {
    margin: 0 0 0 15px;
    padding: 0;
}

.categories-list li {
    padding: 5px 0 5px 0;
}

.categories-list li a {
    font-weight: 600;
    text-decoration: none;
    font-size: 14px;
    color: #222222;
}

.categories-list li:before {
    content: '';
    height: 10px;
    width: 6px;
    overflow: hidden;
    position: absolute;
    left: 15px;
    margin-top: 7px;
    background-image: url(../images/right_arrow.png);
}

.button:active, .button:hover {
    outline: none;
}

footer .button:active,
footer .button:hover {
    background-color: #fff;
}

.information-contacts .heading {
    font-size: 24px;
    font-weight: 500;
    color: #39465e;
}

.information-contacts a:hover {
    text-decoration: none;
}

/* CONTACTS - PAGE */
#information-contact #map {
    height: 400px;
    width: 100%;
    margin-bottom: 30px;
}

/* NAV ITEMS */
.news-item .date {
    font-size: 14px;
    color: #999999;
    margin-bottom: 10px;
}

.news-item .image,
.news-item .description {
    margin-bottom: 30px;
}

.news-item .image {
    text-align: center;
}

.news-item .image a {
    display: inline-block;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 230px;
    max-width: 400px;
    min-width: 290px;
}

.back-link:hover {
    text-decoration: none;
}

/* PROJECT ITEMS IMAGES */
.project-item-images {
    margin-bottom: 35px;
}

/* SPECIAL OFFER PAGE */
/*
 *
 * PROJECT-ITEMS
 *
 */
#gallery-gallery .project-items .project-item {
    background: #000;
    height: 340px;
    position: relative;
    padding: 30px 10% 20px 8.6%;
    margin-bottom: 40px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    min-width: 280px;
}

#gallery-gallery .project-items .project-item:before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    -webkit-transition: background-color .3s ease-in-out;
    -moz-transition: background-color .3s ease-in-out;
    -ms-transition: background-color .3s ease-in-out;
    -o-transition: background-color .3s ease-in-out;
    transition: background-color .3s ease-in-out;
    top: 0;
    background: rgba(0, 0, 0, .65);
    z-index: 0;
}

#gallery-gallery .project-items .project-item .popup-link {
    display: block;
    text-decoration: none;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

#gallery-gallery .project-items .project-item:hover:before {
    background: rgba(0, 0, 0, .35);
}

#gallery-gallery .project-items .project-item .title-link {
    position: absolute;
    z-index: 10;
    bottom: 0;
    left: 0;
    padding: 15px;
    width: 100%;
    margin: 0;
    text-align: center;
    background: #f2f2f2;
    font-size: 14px;
    line-height: 100px;
    height: 130px;
    color: #333;
}

#gallery-gallery .project-item-images .popup-link {
    margin-bottom: 30px;
    position: relative;
    display: inline-block;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center;
}

#gallery-gallery .project-item-images .popup-link:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    -webkit-transition: background-color .3s ease-in-out;
    -moz-transition: background-color .3s ease-in-out;
    -ms-transition: background-color .3s ease-in-out;
    -o-transition: background-color .3s ease-in-out;
    transition: background-color .3s ease-in-out;
    z-index: 10;
    left: 0;
}

#gallery-gallery .project-item-images .popup-link .fa {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    -webkit-transition: opacity .3s ease-in-out;
    -moz-transition: opacity .3s ease-in-out;
    -ms-transition: opacity .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
    z-index: 100;
    font-size: 60px;
    opacity: 0;
}

#gallery-gallery .project-item-images .popup-link:hover .fa {
    opacity: 1;
}

#gallery-gallery .project-item-images .popup-link:hover:after {
    background: rgba(0, 0, 0, .6);
}

#gallery-gallery .project-item-images img {
    width: 100%;
}

#special_offers .special_offers__offer {
    display: flex;
}

#special_offers .special_offers__offer .img {
    min-width: 400px;
    min-height: 200px;
    margin-right: 35px;
    display: flex;
    justify-content: flex-end;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

#special_offers .special_offers__offer .img .date_added {
    width: 45%;
    align-self: center;
    text-align: center;
    background: rgba(1, 28, 20, 0.7);
    position: relative;
    height: 100%;
    line-height: 200px;
}

#special_offers .special_offers__offer .img .image.right {
    width: 45%;
}

#special_offers .special_offers__offer .img .date_added.left {
    width: 55%;
}

#special_offers .special_offers__offer .img .date_added span {
    font-size: 40px;
    color: #fff;
    position: relative;
    top: 5px;
}

#special_offers .special_offers__offer .img .date_added .button {
    position: absolute;
    bottom: 15px;
    height: auto;
    line-height: normal;
    width: 120px;
    color: #fff;
    left: calc(50% - 60px);
    border-color: #fff;
}

#special_offers .special_offers__offer .img .date_added .button:hover {
    color: #000000;
}

#special_offers .special_offers__wrap {
    flex-grow: 1;
}

#special_offers .special_offers__wrap .special_offers__header a {
    text-decoration: none;
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
}

#special_offers .special_offers__wrap .special_offers__header a:hover {
    text-decoration: underline;
}

#special_offers .special_offers__wrap .special_offers__header {
    font-size: 20px;
    font-weight: 600;
    color: black;
}

#special_offers .special_offers__wrap .special_offers__date {
    margin-bottom: 10px;
}

.categories-list li.subs:before {
    display: none;
}

.categories-list li.subs a {
    padding: 0 6px;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    text-transform: none;
    color: #222;
    display: block;
}

/*rating (stars)*/
.fa-star {
    width: 20px;
    height: 20px;
    text-align: center;
    cursor: pointer;
    margin-right: 6px;
    color: transparent;
    filter: grayscale();
    background-image: url("../images/testimonials_star.svg");
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.fa-star.green {
    color: transparent;
    background-image: url("../images/testimonials_star.svg");
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: inline-block;
    filter: grayscale(0);
}

.stars {
    display: flex;
    margin-top: 0;
}

.star {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #d2d2d2;
    font-size: 17px;
    cursor: pointer;
    transition: filter .1s ease;
    filter: grayscale(100%);
    background-image: url("../images/testimonials_star.svg");
    background-position: 0 1px;
    width: 24px;
    height: 24px;
}

.star:hover {
    color: #02AD88;
    filter: grayscale(0%);
}

.tmp_fs {
    color: #02AD88;
    filter: grayscale(0%);
}

.fullStar {
    color: #02AD88;
    filter: grayscale(0%);
}

.tmp_es {
    color: #d2d2d2;
    filter: grayscale(100%);
}

.star_box {
    padding: 7px 15px;
    margin: auto;
}

.b-checkbox a:hover {
    text-decoration: none;
}

.b-checkbox {
    display: block;
    position: relative;
    text-align: left;
    padding-left: 35px;
    margin: 40px 0;
    cursor: pointer;
    font-size: 16px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default checkbox */
.b-checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: -1px;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eee;
    border: 1px solid #c1c1c1;
    border-radius: 2px;
}

/* On mouse-over, add a grey background color */
.b-checkbox:hover input~.checkmark {
    background-color: #02AD88;
    border: 1px solid #02AD88;
}

/* When the checkbox is checked, add a blue background */
.b-checkbox input:checked~.checkmark {
    background-color: #02AD88;
    border: 1px solid #02AD88;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.b-checkbox input:checked~.checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.b-checkbox .checkmark:after {
    right: 7px;
    bottom: 6px;
    width: 8px;
    height: 13px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.b-catalog-box .b-checkbox {
    font-size: 12px;
    margin-bottom: 2px;
}

/*
 *
 * #answer-answer
 *
 */
#answer-answer {
    padding-bottom: 40px;
}

#answer-answer .b-catalogbox p {
    margin-bottom: 10px;
}

#answer-answer .b-catalogbox {
    padding-top: 25px;
}

#answer-answer .b-catalogbox .catalogbox-item {
    margin-bottom: 20px;
    background: none;
    border: 1px solid #dddddd;
    padding: 20px 40px;
}

#answer-answer .b-catalogbox .catalogbox-item .heading {
    margin-bottom: 5px;
}

#answer-answer .b-catalogbox .catalogbox-item .heading .name,
#answer-answer .b-catalogbox .catalogbox-item .heading .date,
#answer-answer .b-catalogbox .catalogbox-item .heading .city {
    margin-right: 10px;
    display: inline-block;
}

#answer-answer .b-catalogbox .catalogbox-item .heading .date {
    color: #aaaaaa;
}

#answer-answer .b-catalogbox .catalogbox-item .heading .city {
    margin-right: 0;
    font-size: 16px;
}

#answer-answer .b-catalogbox .catalogbox-item .heading .name {
    font-size: 18px;
    color: #444444;
}

#answer-answer .b-catalogbox .question {
    font-size: 20px;
    line-height: 120%;
    margin-bottom: 15px;
    color: #222222;
}

#answer-answer .b-catalogbox .answer {
    font-size: 16px;
    padding-left: 40px;
}

#answer-answer .b-catalogbox .answer .answer-title {
    color: #999;
}

#answer-answer .b-catalogbox .answer .answer-text {
    color: #444444;
}

/* TESTIMONIALS */
#testimonial-testimonials {
    padding-bottom: 40px;
}

#testimonial-testimonials .b-catalogbox {
    padding-top: 20px;
}

#testimonial-testimonials .b-catalogbox .catalogbox-item {
    margin-bottom: 30px;
}

#testimonial-testimonials .b-catalogbox .catalogbox-item .image {
    margin-bottom: 25px;
}

#testimonial-testimonials .b-catalogbox .catalogbox-item .image img {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

#testimonial-testimonials .b-catalogbox .catalogbox-item .caption {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

#testimonial-testimonials .b-catalogbox .catalogbox-item .caption .name,
#testimonial-testimonials .b-catalogbox .catalogbox-item .caption .city {
    display: inline-block;
    font-size: 18px;
    margin-right: 15px;
}

#testimonial-testimonials .b-catalogbox .catalogbox-item .caption .name {
    font-weight: bold;
}

#testimonial-testimonials .b-catalogbox .catalogbox-item .caption .city {
    color: #aaaaaa;
}

#testimonial-testimonials .b-catalogbox .catalogbox-item .caption .stars {
    position: relative;
    top: -2px;
}

#testimonial-testimonials .b-catalogbox .catalogbox-item .caption .stars .fa {
    margin-top: 0;
}

#testimonial-testimonials .b-catalogbox .catalogbox-item .description {
    margin-bottom: 15px;
}

#testimonial-testimonials .b-catalogbox .catalogbox-item .description p span {
    line-height: 1.5 !important;
    color: #444444 !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 16px !important;
}

#testimonial-testimonials .b-catalogbox .catalogbox-item .date-wrap .date {
    font-size: 18px;
    color: #aaaaaa;
}

#service-service #projects {
    display: none;
}

#service-service .services-item .description {
    font-size: 16px;
    color: #444444;
    margin-bottom: 30px;
}

#service-service .services-item {
    margin-bottom: 30px;
}

#slider .owl-item img,
#slider .owl-item,
#slider .owl-stage {
    max-height: 600px;
}

#service-service .services-item .owl-carousel .owl-stage div {
    height: 230px;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center;
}

#service-service .services-item .owl-carousel .owl-stage div,
#service-service .services-item .owl-carousel .owl-stage {
    margin-bottom: 0;
}

#service-service .services-item .owl-carousel .owl-dots {
    display: none;
}

#service-service .services-item .thumbnails {
    margin-right: 30px;
    width: 40%;
    float: left;
}

#service-service .services-item .thumbnails>div:first-child {
    margin-bottom: 20px;
}

#service-service .services-item .thumbnails img {
    max-width: 100%;
}

#product-product .product_options .nav-tabs {
    border-bottom: none;
}

#product-product .product_options .nav-tabs .nav-link {
    text-decoration: none;
    border: none;
    font-size: 18px;
    color: #39465e;
    background: transparent;
    font-weight: bold;
}

#product-product .product_options .tab-content {
    padding-top: 10px;
}

#product-product .product_options .tab-content ul {
    list-style-type: disc;
    padding-left: 40px;
}

#product-product .product_options .tab-content ul li {
    font-size: 14px;
    line-height: 125%;
    color: #707070;
}

#product-product .products-item .thumbnails .image-additional,
#service-service .services-item .thumbnails .image-additional {
    width: calc(25% - 15px);
    float: left;
    margin-right: 20px;
    margin-bottom: 10px;
}

#product-product .products-item .thumbnails .image-additional:nth-child(4n+1),
#service-service .services-item .thumbnails .image-additional:nth-child(4n+1) {
    margin-right: 0;
}

#product-product .products-item .thumbnails .image-additional .thumbnail,
#service-service .services-item .thumbnails .image-additional .thumbnail {
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center;
    height: 75px;
    display: block;
}

#service-service .services-item .info_service .description {
    width: 100%;
}

#service-service .services-item .info_service {
    display: flex;
    flex-wrap: wrap;
}

#service-service .services-item .info_service .price {
    font-size: 20px;
    font-weight: 500;
    width: 100%;
    margin-bottom: 20px;
}

#service-service .services-item .info_service h4 {
    margin-bottom: 20px;
}

#carousel-projects .item .show_up {
    position: absolute;
    top: 50%;
    min-width: 160px;
    left: 50%;
    max-width: 160px;
    transform: translate(-50%, -50%);
    color: #fff;
    -webkit-transition: opacity .3s ease-in-out, background-color .3s ease-in-out, color .3s ease-in-out;
    -moz-transition: opacity .3s ease-in-out, background-color .3s ease-in-out, color .3s ease-in-out;
    -ms-transition: opacity .3s ease-in-out, background-color .3s ease-in-out, color .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out, background-color .3s ease-in-out, color .3s ease-in-out;
    transition: opacity .3s ease-in-out, background-color .3s ease-in-out, color .3s ease-in-out;
    opacity: 0;
    background: transparent;
    padding: 8px 20px;
}

#carousel-projects .item:hover .show_up {
    opacity: 1;
}

#carousel-projects .owl-dots {
    display: none;
}

#carousel-projects .show_up:hover {
    background-color: #ffc600;
}

.img-fluid {
    width: 100%;
}

#news-news {
    padding-bottom: 40px;
}

#news-news .news-item .image img {
    opacity: 0;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
}

#news-news .news-item {
    display: flex;
}

#news-news .news-item .image {
    width: 30%;
    margin-right: 40px;
}

#news-news .news-item .description {
    width: 70%;
}

#information-information .description {
    margin-bottom: 30px;
}

#search-service .search-form .form-group input[type=text],
#search-service .search-form .form-group label {
    width: 100%;
}

#search-service .search-form .form-group input[type=text] {
    background: #fff;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    border: 2px solid #02AD88;
    color: #323232;
    font-weight: 500;
    font-size: 14px;
    padding: 7px 15px;
}

#catalog-category {
    padding-bottom: 40px;
}

#catalog-category .item {
    min-height: 200px;
    margin-bottom: 30px;
    position: relative;
    overflow: hidden;
}

#catalog-category .item .image {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
    right: 0;
    -webkit-transition: transform .3s ease-in-out;
    -moz-transition: transform .3s ease-in-out;
    -ms-transition: transform .3s ease-in-out;
    -o-transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

#catalog-category .item .wrap_link {
    text-decoration: none;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, .3);
    -webkit-transition: background-color .3s ease-in-out;
    -moz-transition: background-color .3s ease-in-out;
    -ms-transition: background-color .3s ease-in-out;
    -o-transition: background-color .3s ease-in-out;
    transition: background-color .3s ease-in-out;
    padding-top: 20px;
}

#catalog-category .item .name {
    font-size: 20px;
    color: #fff;
    text-align: center;
}

#catalog-category .item .description {
    position: absolute;
    left: 5%;
    bottom: -30px;
    width: 90%;
    color: #ffffff;
    font-size: 14px;
    line-height: 130%;
    text-align: justify;
    -webkit-transition: bottom .5s ease-in-out, opacity .5s ease-in-out;
    -moz-transition: bottom .5s ease-in-out, opacity .5s ease-in-out;
    -ms-transition: bottom .5s ease-in-out, opacity .5s ease-in-out;
    -o-transition: bottom .5s ease-in-out, opacity .5s ease-in-out;
    transition: bottom .5s ease-in-out, opacity .5s ease-in-out;
    opacity: 0;
}

#catalog-category .item:hover .image {
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
    transform: scale(1.3);
}

#catalog-category .item:hover .wrap_link {
    background: rgba(0, 0, 0, .6);
}

#catalog-category .item:hover .description {
    opacity: 1;
    bottom: 30px;
}

#error-not-found {
    padding-bottom: 40px;
}

#products .col-lg-12>.description {
    margin-bottom: 30px;
}

#product-product {
    padding-bottom: 40px;
}

#product-product .products-item #products-carousel {
    margin-bottom: 10px;
}

#product-product .products-item {
    margin-bottom: 30px;
}

#product-product .products-item .owl-theme .owl-item>div {
    height: 250px;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center;
}

#product-product .documents h4 {
    font-size: 18px;
    color: #39465e;
    font-weight: bold;
}

#product-product .documents .document span {
    font-size: 16px;
    color: #323232;
    font-weight: 500;
}

#product-product .documents .document .fa {
    font-size: 24px;
}

#product-product .documents .document .fa:hover {
    opacity: .7;
}

#product-product .product_options table thead tr td {
    background: #02ad88;
    font-weight: bold;
    color: #fff;
}

#product-product .product_options table tr td {
    border: 1px solid #999;
    padding: 5px 10px;
}

#vacancy-vacancy {
    padding-bottom: 40px;
}

#vacancy-vacancy .vacancies_item {
    min-height: 290px;
    max-height: 290px;
    text-align: center;
    -webkit-transition: box-shadow .3s ease-in-out;
    -moz-transition: box-shadow .3s ease-in-out;
    -ms-transition: box-shadow .3s ease-in-out;
    -o-transition: box-shadow .3s ease-in-out;
    transition: box-shadow .3s ease-in-out;
    border: 1px solid #999;
    padding: 15px 30px;
}

#vacancy-vacancy .vacancies_item:hover {
    -webkit-box-shadow: 0 4px 10px 1px rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 4px 10px 1px rgba(0, 0, 0, .15);
    box-shadow: 0 4px 10px 1px rgba(0, 0, 0, .15);
}

#vacancy-vacancy .vacancies_item .caption {
    min-height: 45px;
}

#vacancy-vacancy .vacancies_item .caption a {
    font-size: 18px;
    color: #323232;
    font-weight: bold;
    text-decoration: none;
    display: inline-block;
    line-height: 130%;
}

#vacancy-vacancy .vacancies_item .description p {
    text-align: justify;
}

#vacancy-vacancy .vacancies_item .description {
    font-size: 13px;
    text-align: center;
    color: #232323;
}

#vacancy-vacancy .vacancies-item .description {
    margin-bottom: 30px;
}

@media screen and (min-width: 1200px) and (max-width: 1440px) {
    main #slider .text h3 {
        margin-bottom: 40px;
    }

    main #slider .owl-dots {
        bottom: 110px;
    }

    main #categories {
        margin: -80px 0 40px;
    }
}

@media screen and (max-width: 1200px) {
    header ul.contacts {
        margin-left: 0;
    }

    header ul.contacts li:hover .dropdown {
        display: block;
    }

    main #categories .category_grid {
        padding: 15px 15px;
        min-height: 820px;
    }

    main #slider .text h3,
    main #slider .text h2 {
        max-width: 500px;
    }

    main #slider .text h2 {
        margin-bottom: 10px;
    }

    main #slider .text h3 {
        margin-bottom: 20px;
    }

    header ul.socials {
        padding-left: 0;
    }

    #news-news .news-item .image a {
        height: 200px;
    }

    main #slider .owl-dots {
        bottom: 90px;
    }

    main #categories {
        margin: -60px 0 40px;
        width: calc(100% + 30px);
        left: -15px;
    }

    header .logo-wrap .logo {
        width: 180px;
    }
}

@media screen and (max-width: 1080px) {
    main #categories {
        margin: -15px 0 40px;
    }

    main #slider .owl-dots {
        bottom: 40px;
    }
}

@media screen and (max-width: 1024px) {
    #services .row {
        margin-left: -15px;
        margin-right: -15px;
    }
}

@media screen and (max-width: 991.98px) {
    .md-hidden {
        display: none;
    }

    #catalog-category {
        padding-bottom: 40px;
    }

    main #categories .category_grid {
        grid-template-areas: "serv1 serv1 serv1 serv1 serv1 serv2 serv2 serv2 serv2 serv2"
            "serv1 serv1 serv1 serv1 serv1 serv2 serv2 serv2 serv2 serv2"
            "serv1 serv1 serv1 serv1 serv1 serv2 serv2 serv2 serv2 serv2"
            "serv1 serv1 serv1 serv1 serv1 serv2 serv2 serv2 serv2 serv2"
            "serv1 serv1 serv1 serv1 serv1 serv2 serv2 serv2 serv2 serv2"
            "serv1 serv1 serv1 serv1 serv1 serv2 serv2 serv2 serv2 serv2"
            "serv3 serv3 serv3 serv3 serv3 serv4 serv4 serv4 serv4 serv4"
            "serv3 serv3 serv3 serv3 serv3 serv4 serv4 serv4 serv4 serv4"
            "serv3 serv3 serv3 serv3 serv3 serv4 serv4 serv4 serv4 serv4"
            "serv3 serv3 serv3 serv3 serv3 serv4 serv4 serv4 serv4 serv4"
            "serv3 serv3 serv3 serv3 serv3 serv4 serv4 serv4 serv4 serv4"
            "serv3 serv3 serv3 serv3 serv3 serv4 serv4 serv4 serv4 serv4"
            "serv5 serv5 serv5 serv5 serv5 serv6 serv6 serv6 serv6 serv6"
            "serv5 serv5 serv5 serv5 serv5 serv6 serv6 serv6 serv6 serv6"
            "serv5 serv5 serv5 serv5 serv5 serv6 serv6 serv6 serv6 serv6"
            "serv5 serv5 serv5 serv5 serv5 serv6 serv6 serv6 serv6 serv6"
            "serv5 serv5 serv5 serv5 serv5 serv6 serv6 serv6 serv6 serv6"
            "serv5 serv5 serv5 serv5 serv5 serv6 serv6 serv6 serv6 serv6"
            "serv7 serv7 serv7 serv7 serv7 serv8 serv8 serv8 serv8 serv8"
            "serv7 serv7 serv7 serv7 serv7 serv8 serv8 serv8 serv8 serv8"
            "serv7 serv7 serv7 serv7 serv7 serv8 serv8 serv8 serv8 serv8"
            "serv7 serv7 serv7 serv7 serv7 serv8 serv8 serv8 serv8 serv8"
            "serv7 serv7 serv7 serv7 serv7 serv8 serv8 serv8 serv8 serv8"
            "serv7 serv7 serv7 serv7 serv7 serv8 serv8 serv8 serv8 serv8";
    }

    #mobile-button-open,
    #mobile-search-link {
        display: block;
    }

    #footer_contact_block .contact-list {
        text-align: center;
        margin-bottom: 30px;
    }

    #footer_contact_block h4 {
        text-align: center;
    }

    main #slider .company_name {
        font-size: 50px;
        top: 37px;
    }

    main #categories {
        margin: 40px 0;
    }

    main #slider .owl-dots {
        bottom: 20px;
    }

    .categories-list {
        display: none;
    }

    header {
        padding-bottom: 10px;
        padding-top: 10px;
    }

    header .menu {
        display: none;
    }

    header .logo-wrap {
        width: 100%;
        max-width: 160px;
        text-align: center;
        margin: 0 auto;
    }

    header .menu ul {
        display: none;
    }

    header .col-sm-6,
    header ul {
        justify-content: center;
        text-align: center;
    }

    header ul.socials li {
        margin: 0 10px;
    }

    header ul.socials {
        margin: 0;
        padding: 0;
    }

    header ul.socials {
        margin: 0 0 10px;
    }

    header .order {
        text-align: center;
    }

    main #slider .item:after {
        width: 75%;
    }

    main #slider .text {
        top: 30px;
    }

    main #slider .text h3 {
        font-size: 20px;
    }

    main #slider .text h2 {
        font-size: 26px;
    }

    main #slider .text .button {
        padding: 7px 25px;
    }

    main #content h2 {
        font-size: 36px;
    }

    main #about .block_images {
        display: none;
    }

    main #news .item .title {
        margin-bottom: 10px;
    }

    #services .item {
        margin-bottom: 30px;
        padding: 15px 10px 15px 15px;
    }

    footer .categories-list {
        display: none;
    }

    #top {
        height: 50px;
    }

    #services .services_item .caption {
        min-height: 104px;
    }

    main #news .item .description, main #news .item .title {
        padding-left: 0;
    }

    main #news .item .image_link span.image {
        width: 100%;
    }

    #services .services_item .description {
        min-height: 87px;
    }

    main #news .block_title {
        margin-bottom: 30px;
        justify-content: center;
        flex-wrap: wrap;
    }

    main #news .block_title span {
        margin-bottom: 20px;
        text-align: center;
    }

    main #news .block_title span,
    main #news .block_title a {
        display: block;
        width: 100%;
    }

    #product-product .products-item .thumbnails .image-additional,
    #service-service .services-item .thumbnails .image-additional {
        width: calc(33.33333% - 14px);
    }

    #product-product .products-item .thumbnails .image-additional:nth-child(3n+1),
    #service-service .services-item .thumbnails .image-additional:nth-child(3n+1) {
        margin-right: 0;
    }

    #news-news .news-item .image {
        width: 40%;
    }

    #news-news .news-item .description {
        width: 60%;
    }

    .contact-form .form-row .col:first-child {
        padding-right: 5px;
    }

    .contact-form .form-row .col:last-child {
        padding-left: 5px;
    }
}

@media screen and (max-width: 767.98px) {
    .sm-hidden {
        display: none;
    }

    main #categories .category_grid {
        grid-template-areas:
            "serv1 serv1 serv1 serv1 serv1 serv1 serv1 serv1 serv1 serv1"
            "serv1 serv1 serv1 serv1 serv1 serv1 serv1 serv1 serv1 serv1"
            "serv1 serv1 serv1 serv1 serv1 serv1 serv1 serv1 serv1 serv1"
            "serv1 serv1 serv1 serv1 serv1 serv1 serv1 serv1 serv1 serv1"
            "serv2 serv2 serv2 serv2 serv2 serv2 serv2 serv2 serv2 serv2"
            "serv2 serv2 serv2 serv2 serv2 serv2 serv2 serv2 serv2 serv2"
            "serv2 serv2 serv2 serv2 serv2 serv2 serv2 serv2 serv2 serv2"
            "serv2 serv2 serv2 serv2 serv2 serv2 serv2 serv2 serv2 serv2"
            "serv3 serv3 serv3 serv3 serv3 serv3 serv3 serv3 serv3 serv3"
            "serv3 serv3 serv3 serv3 serv3 serv3 serv3 serv3 serv3 serv3"
            "serv3 serv3 serv3 serv3 serv3 serv3 serv3 serv3 serv3 serv3"
            "serv3 serv3 serv3 serv3 serv3 serv3 serv3 serv3 serv3 serv3"
            "serv4 serv4 serv4 serv4 serv4 serv4 serv4 serv4 serv4 serv4"
            "serv4 serv4 serv4 serv4 serv4 serv4 serv4 serv4 serv4 serv4"
            "serv4 serv4 serv4 serv4 serv4 serv4 serv4 serv4 serv4 serv4"
            "serv4 serv4 serv4 serv4 serv4 serv4 serv4 serv4 serv4 serv4"
            "serv5 serv5 serv5 serv5 serv5 serv5 serv5 serv5 serv5 serv5"
            "serv5 serv5 serv5 serv5 serv5 serv5 serv5 serv5 serv5 serv5"
            "serv5 serv5 serv5 serv5 serv5 serv5 serv5 serv5 serv5 serv5"
            "serv5 serv5 serv5 serv5 serv5 serv5 serv5 serv5 serv5 serv5"
            "serv6 serv6 serv6 serv6 serv6 serv6 serv6 serv6 serv6 serv6"
            "serv6 serv6 serv6 serv6 serv6 serv6 serv6 serv6 serv6 serv6"
            "serv6 serv6 serv6 serv6 serv6 serv6 serv6 serv6 serv6 serv6"
            "serv6 serv6 serv6 serv6 serv6 serv6 serv6 serv6 serv6 serv6"
            "serv7 serv7 serv7 serv7 serv7 serv7 serv7 serv7 serv7 serv7"
            "serv7 serv7 serv7 serv7 serv7 serv7 serv7 serv7 serv7 serv7"
            "serv7 serv7 serv7 serv7 serv7 serv7 serv7 serv7 serv7 serv7"
            "serv7 serv7 serv7 serv7 serv7 serv7 serv7 serv7 serv7 serv7"
            "serv8 serv8 serv8 serv8 serv8 serv8 serv8 serv8 serv8 serv8"
            "serv8 serv8 serv8 serv8 serv8 serv8 serv8 serv8 serv8 serv8"
            "serv8 serv8 serv8 serv8 serv8 serv8 serv8 serv8 serv8 serv8"
            "serv8 serv8 serv8 serv8 serv8 serv8 serv8 serv8 serv8 serv8";
        min-height: 1200px;
    }

    main #categories [class*=category_item-] .wrap_link .description,
    main #categories [class*=category_item-] .wrap_link .title {
        max-width: 100%;
        text-align: center;
    }

    main #categories [class*=category_item-] .wrap_link .description {
        margin-bottom: 10px;
    }

    h1 {
        text-align: center;
    }

    #carousel-projects .owl-nav {
        display: none;
    }

    main #slider {
        display: none;
    }

    #special_offers .special_offers__offer {
        max-width: 370px;
        min-width: 280px;
        flex-wrap: wrap;
        margin: 0 auto;
    }

    #special_offers .special_offers__offer .img {
        margin-right: 0;
        min-width: 100%;
    }

    #special_offers .special_offers__wrap {
        padding: 20px;
    }

    .form-wrap form,
    .contact-form .form {
        padding: 50px 5%;
    }

    main #content h1 {
        font-size: 28px;
        letter-spacing: 2px;
    }

    #services .item {
        min-width: 255px;
    }

    #services .item .caption {
        padding: 15px 5px;
    }

    #services .item .caption .price .button {
        width: auto;
    }

    #gallery-gallery .project-items .project-item {
        min-width: 240px;
    }

    .dn768 {
        display: none;
    }

    .header_block h3,
    .header_block .show_all {
        flex-basis: 100%;
        text-align: center;
    }

    .mobile-menu {
        max-width: 100%;
    }

    .header_block h3 {
        margin-bottom: 15px;
    }

    .header_block.one h3 {
        margin-bottom: 0;
    }

    .show_all, .button {
        width: 100%;
    }

    #service-service .services-item .thumbnails {
        width: 100%;
        margin-right: 0;
        margin-bottom: 15px;
    }

    #service-service .services-item .info_service {
        width: 100%;
    }

    #product-product .products-item .thumbnails .image-additional,
    #service-service .services-item .thumbnails .image-additional {
        width: calc(33.33333% - 14px);
    }

    #product-product .products-item .thumbnails .image-additional:nth-child(3n+1),
    #service-service .services-item .thumbnails .image-additional:nth-child(3n+1) {
        margin-right: 0;
    }

    #news-news .news-item .image {
        margin-bottom: 15px;
        margin-right: 0;
    }

    main #categories {
        margin: 10px 0;
    }

    #news-news .news-item .image,
    #news-news .news-item .description {
        width: 100%;
    }

    #news-news .news-item {
        flex-wrap: wrap;
    }

    footer ul.contacts,
    footer ul.socials {
        text-align: center;
        justify-content: center;
    }

    footer .order {
        text-align: center;
    }

    footer #info {
        flex-wrap: wrap;
    }

    footer #info .copyright {
        flex-wrap: wrap;
        text-align: center;
    }

    footer #info .copyright div:first-child {
        margin-bottom: 10px;
    }

    footer #info .copyright div {
        width: 100%;
    }

    #vacancy-form .form-row {
        margin: 0;
    }

    #vacancy-form .form-row .col {
        padding: 0;
        flex-basis: unset;
        width: 100%;
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 575.98px) {
    header .logo-wrap .logo .name {
        font-size: 20px;
    }

    .news-item .image a {
        max-width: 100%;
    }

    main #categories .category_grid {
        min-height: 1350px;
    }

    .products_menu {
        width: 100%;
        left: -120%;
    }

    #services .services_item {
        margin-bottom: 30px;
    }

    #gallery-gallery .project-items .project-item {
        text-align: center;
    }

    #footer_contact_block #contact-form-footer .form-row {
        margin: 0;
    }

    #footer_contact_block #contact-form-footer .form-row .col {
        width: 100%;
        flex-basis: unset;
        padding: 0 !important;
        margin-bottom: 20px;
    }

    #gallery-gallery .project-items .project-item .image {
        margin-bottom: 5px;
    }

    #gallery-gallery .project-item-images {
        text-align: center;
    }

    main #slider .text {
        bottom: 10px;
    }

    main #slider .text h2 {
        font-size: 28px;
    }

    main #slider .text h3 {
        font-size: 18px;
    }

    main #projects .col-12,
    main #news .col-12,
    main #testimonials .col-12 {
        flex-wrap: wrap;
        justify-content: center;
    }

    main #arguments .col-12 h3,
    main #projects .col-12 h3,
    main #news .col-12 h3,
    main #testimonials .col-12 h3 {
        text-align: center;
        font-size: 21px;
    }

    main #projects .col-12 a.button,
    main #news .col-12 a.button,
    main #testimonials .col-12 a.button {
        flex-basis: 100%;
        margin-top: 20px;
    }

    #service-search .search-form {
        padding: 30px 20px;
    }

    main #slider {
        display: none;
    }

    #product-product .products-item .thumbnails .image-additional,
    #service-service .services-item .thumbnails .image-additional {
        width: calc(50% - 10px);
        margin-right: 20px;
    }

    #product-product .products-item .thumbnails .image-additional:nth-child(3n+1),
    #product-product .products-item .thumbnails .image-additional:nth-child(4n+1),
    #service-service .services-item .thumbnails .image-additional:nth-child(4n+1),
    #service-service .services-item .thumbnails .image-additional:nth-child(3n+1) {
        margin-right: 20px;
    }

    #product-product .products-item .thumbnails .image-additional:nth-child(2n+1),
    #service-service .services-item .thumbnails .image-additional:nth-child(2n+1) {
        margin-right: 0;
    }

    .mfp-content .contact-form {
        margin-left: 0;
        width: 100%;
    }

    .mfp-content .contact-form .form {
        padding: 20px 5%;
    }

    .mfp-content .contact-form .form h3 {
        margin-bottom: 0;
        font-size: 22px;
    }

    .contact-form .form-control {
        padding: 5px 10px;
    }

    .form-wrap form .col,
    #contact-page-form .col,
    .contact-form .col {
        margin-bottom: 25px;
        min-width: 190px;
        flex-basis: unset;
        width: 100%;
        padding: 0 !important;
    }

    .contact-form .form-row {
        margin: 0;
    }

    #vacancy-form {
        width: 90%;
        left: 5%;
        padding: 20px;
    }

    #vacancy-form .b-checkbox {
        font-size: 13px;
    }
}

@media screen and (max-width: 400px) {
    main #slider .text h2 {
        font-size: 23px;
    }

    main #slider .text h3 {
        font-size: 14px;
    }
}

.form-control:focus {
    box-shadow: none;
    border-color: #fff
}

.pagination {
    margin-top: 30px;
}

.pagination li {}

.pagination li span,
.pagination li a {
    display: inline-block;
    text-decoration: none;
    padding: 5px 10px;
    font-size: 14px;
    font-weight: 600;
    color: #444444;
    -webkit-transition: color .2s ease-in-out, background-color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out, background-color .2s ease-in-out;
    -ms-transition: color .2s ease-in-out, background-color .2s ease-in-out;
    -o-transition: color .2s ease-in-out, background-color .2s ease-in-out;
    transition: color .2s ease-in-out, background-color .2s ease-in-out;
    border: 1px solid #02AD88;
}

.pagination li a {
    border-right: none;
}

.pagination li:first-child a,
.pagination li:first-child span {
    border: 1px solid #02AD88;
    border-right: none;
}

.pagination li:last-child a,
.pagination li:last-child span {
    border: 1px solid #02AD88;
}

.pagination li:hover a,
.pagination li span {
    color: #ffffff;
    background: rgba(2, 173, 136, 0.51);
}