@charset "UTF-8";

@import url(/node_modules/owl.carousel/dist/assets/owl.carousel.css);
@import url(/node_modules/hamburgers/dist/hamburgers.css);
@import url(/node_modules/@fancyapps/fancybox/dist/jquery.fancybox.css);

body .container {
    padding-left: 15px;
    padding-right: 15px
}

body button, body a, body input {
    outline: none;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

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

header *, footer * {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

section {
    margin-bottom: 64px
}

@media (max-width: 767px) {
    section {
        margin-bottom: 48px
    }
}

.mb-32 {
    margin-bottom: 32px !important
}

.mb-40 {
    margin-bottom: 40px !important
}

.mb-80 {
    margin-bottom: 80px !important
}

body h1, body .h1 {
    font-size: 36px;
    margin-bottom: 16px;
    font-weight: bold;
    text-transform: uppercase
}

body h1.color-primary, body .h1.color-primary {
    color: #F39314;
    text-transform: uppercase
}

body h1.color-primary .light, body .h1.color-primary .light {
    color: #818181
}

@media (max-width: 991px) {
    body h1, body .h1 {
        font-size: 24px
    }
}

body h2, body .h2 {
    font-size: 32px;
    margin-bottom: 16px;
    font-weight: bold;
    text-transform: uppercase
}

body h2.color-primary, body .h2.color-primary {
    color: #F39314;
    text-transform: uppercase
}

body h2.color-primary .light, body .h2.color-primary .light {
    color: #818181
}

@media (max-width: 991px) {
    body h2, body .h2 {
        font-size: 22px
    }
}

body h3, body .h3 {
    font-size: 28px;
    margin-bottom: 16px;
    font-weight: bold;
    text-transform: uppercase
}

@media (max-width: 991px) {
    body h3, body .h3 {
        font-size: 20px
    }
}

body h4, body .h4 {
    font-size: 24px;
    margin-bottom: 16px;
    font-weight: bold;
    text-transform: uppercase
}

@media (max-width: 991px) {
    body h4, body .h4 {
        font-size: 18px
    }
}

body h5, body .h5 {
    font-size: 20px;
    margin-bottom: 16px;
    font-weight: bold;
    text-transform: uppercase
}

@media (max-width: 991px) {
    body h5, body .h5 {
        font-size: 16px
    }
}

body h6, body .h6 {
    font-size: 16px;
    margin-bottom: 16px;
    font-weight: bold;
    text-transform: uppercase
}

@media (max-width: 991px) {
    body h6, body .h6 {
        font-size: 14px
    }
}

body p {
    margin-bottom: 16px
}

@media (max-width: 991px) {
    body p {
        font-size: 18px
    }
}

body mark, body .mark {
    display: block;
    width: 100%;
    background-color: #f0f0f0;
    font-size: 20px;
    padding: 30px 24px;
    margin-bottom: 16px
}

@media (max-width: 767px) {
    body .mark {
        font-size: 18px;
        padding: 24px 20px
    }
}

a {
    color: #F39314;
    font-weight: normal;
    text-decoration: underline;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    transition: .3s
}

a:hover {
    color: #E56A0F
}

a:active {
    color: #C15709 !important
}

ul:not([class]) {
    list-style-type: none;
    padding: 0;
    margin: 0 0 16px
}

ul:not([class]) li {
    margin-bottom: 6px
}

ul:not([class]) li:before {
    content: '•';
    font-size: inherit;
    color: inherit;
    line-height: inherit;
    margin-right: 5px;
    display: inline-block
}

ol:not([class]) {
    padding: 0 0 0 24px;
    margin: 0 0 16px
}

.bold {
    font-weight: bold
}

.medium {
    font-weight: 500
}

.regular {
    font-weight: normal
}

.light {
    font-weight: 300
}

img[align='left'] {
    margin-right: 40px;
    margin-bottom: 16px
}

img[align='right'] {
    margin-left: 40px;
    margin-bottom: 16px
}

.ul-primary {
    list-style-type: none;
    padding: 0;
    margin-bottom: 16px
}

.ul-primary li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    font-size: 20px;
    margin-bottom: 16px
}

.ul-primary li:before {
    content: '';
    width: 12px;
    height: 12px;
    min-width: 12px;
    border-radius: 100%;
    background-color: #F39314;
    margin-right: 14px;
    margin-top: 8px
}

@media (max-width: 767px) {
    .ul-primary li {
        font-size: 18px;
        margin-bottom: 8px
    }

    .ul-primary li:before {
        margin-top: 6px
    }
}

.text-grey {
    color: #818181
}

table {
    width: 100%;
    font-size: 18px;
    margin: 0 0 16px
}

table tr {
    border-bottom: 2px solid #e8e8e8
}

table tr td {
    padding: 6px 22px
}

@media (max-width: 575px) {
    table {
        font-size: 16px
    }

    table tr td {
        padding: 6px 2px
    }
}

.group-links {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    list-style-type: none;
    padding: 0;
    margin: 0 0 16px 0
}

.group-links li {
    padding-right: 22px;
    margin-right: 22px;
    border-right: 2px solid #F39314
}

.group-links li:last-child {
    border-right: none;
    margin-right: 0;
    padding-right: 0
}

.group-links li a {
    text-decoration: none;
    line-height: 17px;
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase
}

.group-links li a:hover {
    color: #E56A0F
}

.group-links li a:active {
    color: #C15709
}

@media (max-width: 767px) {
    .group-links li {
        padding-right: 0;
        margin-right: 22px;
        border-right: none
    }

    .group-links li a {
        font-size: 16px;
        line-height: 1.3
    }
}

.labelEl {
    background-color: #F39314;
    color: #000;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 1;
    padding: 10px 20px;
    display: inline-block;
    vertical-align: middle
}

@media (max-width: 767px) {
    .labelEl {
        font-size: 16px;
        padding: 7px 15px
    }
}

.text-uppercase {
    text-transform: uppercase
}

.link-ic {
    font-size: 18px;
    font-weight: 500;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    padding-left: 30px
}

.link-ic .ic {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 22px;
    height: 22px;
    font-size: 0
}

.link-ic .ic.download-ic {
    background-image: url("../img/download-orange.svg")
}

body .btn {
    font-weight: 500;
    position: relative;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-decoration: none;
    padding: 11px 24px 13px
}

body .btn.btn-lg {
    border-radius: 0 !important;
    padding: 15px 24px 19px
}

body .btn.btn-lg:after {
    width: 34px;
    height: 22px;
    right: 15px;
    margin: 0 0 -6px 20px
}

@media (max-width: 767px) {
    body .btn.btn-lg {
        font-size: 16px;
        padding: 9px 24px 11px
    }

    body .btn.btn-lg:after {
        width: 24px;
        height: 15px;
        margin: 0 0 -3px 20px
    }
}

body .btn.btn-sm {
    border-radius: 0 !important;
    padding: 9px 16px 11px
}

@media (max-width: 767px) {
    body .btn.btn-sm {
        font-size: 16px;
        padding: 9px 24px 11px
    }

    body .btn.btn-sm:after {
        width: 24px;
        height: 15px;
        margin: 0 0 -3px 20px
    }
}

body .btn:after {
    content: "";
    font-size: 0;
    background-image: url("../img/arrow-white.svg");
    background-repeat: no-repeat;
    background-size: contain;
    width: 22px;
    height: 16px;
    right: 15px;
    top: 0;
    bottom: 0;
    margin: 0 0 -6px 24px
}

body .btn.no-arr:after {
    display: none !important
}

@media (max-width: 767px) {
    body .btn {
        font-size: 16px;
        padding: 9px 24px 11px
    }

    body .btn:after {
        width: 24px;
        height: 15px;
        margin: 0 0 -3px 20px
    }
}

body .btn.btn-primary {
    color: #fff
}

body .btn.btn-primary:hover {
    background-color: #E56A0F;
    border-color: #E56A0F
}

body .btn.btn-primary:active {
    background-color: #C15709;
    border-color: #C15709
}

body .btn.btn-outline-primary:hover {
    background-color: transparent;
    border-color: #E56A0F;
    color: #E56A0F
}

body .btn.btn-outline-primary:hover:after {
    background-image: url("../img/arrow-hover.svg")
}

body .btn.btn-outline-primary:active {
    background-color: transparent !important;
    border-color: #C15709 !important;
    color: #C15709 !important
}

body .btn.btn-outline-primary:active:after {
    background-image: url("../img/arrow-active.svg")
}

body .btn.btn-outline-primary:after {
    background-image: url("../img/arrow-orange.svg")
}

body .btn.btn-link {
    color: #F39314;
    text-decoration: none;
    border-bottom: 1px solid #F39314;
    position: relative;
    display: inline-block;
    font-size: 18px;
    background-color: transparent;
    border-right: none;
    border-left: none;
    border-top: none;
    padding: 0;
    text-decoration: none;
    margin-right: 40px
}

body .btn.btn-link:hover {
    color: #E56A0F;
    border-bottom: 1px solid #E56A0F;
    text-decoration: none
}

body .btn.btn-link:active {
    color: #C15709;
    border-bottom: 1px solid #C15709
}

body .btn.btn-link:after {
    content: "";
    background-image: url("../img/arrow-orange.svg");
    display: block;
    position: absolute;
    width: 26px;
    height: 14px;
    background-repeat: no-repeat;
    top: 0;
    background-size: contain;
    left: -webkit-calc(100% + 14px);
    left: -moz-calc(100% + 14px);
    left: calc(100% + 14px);
    bottom: -5px;
    margin: auto;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center
}

body .btn.btn-link:hover:after {
    background-image: url(../img/arrow-hover.svg)
}

body .btn.btn-link:active:after {
    background-image: url(../img/arrow-active.svg)
}

body .btn.btn-link.reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -moz-box-orient: horizontal;
    -moz-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    margin-right: 0;
    margin-left: 40px
}

body .btn.btn-link.reverse:after {
    left: auto;
    right: -webkit-calc(100% + 14px);
    right: -moz-calc(100% + 14px);
    right: calc(100% + 14px);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

body .close {
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-image: url("../img/close.png");
    font-size: 0;
    opacity: 1;
    float: none;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    transition: .3s
}

body .close:hover {
    opacity: 1 !important
}

.network {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.network a {
    width: 36px;
    height: 36px;
    font-size: 0;
    display: inline-block;
    margin-left: 8px;
    background-repeat: no-repeat;
    background-size: 36px;
    background-position: center;
    margin-bottom: 0;
    position: relative
}

.network a:first-child {
    margin-left: 0
}

.network a.vk {
    background-image: url("../img/vk-1.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center
}

.network a.vk:hover:before {
    opacity: 1
}

.network a.vk:active:after {
    opacity: 1
}

.network a.vk:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("../img/vk-2.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    opacity: 0
}

.network a.vk:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("../img/vk-3.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    opacity: 0
}

.network a.in {
    background-image: url("../img/inst-1.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center
}

.network a.in:hover:before {
    opacity: 1
}

.network a.in:active:after {
    opacity: 1
}

.network a.in:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("../img/inst-2.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    opacity: 0
}

.network a.in:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("../img/inst-3.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    opacity: 0
}

.network a.fc {
    background-image: url("../img/fb_1.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center
}

.network a.fc:hover:before {
    opacity: 1
}

.network a.fc:active:after {
    opacity: 1
}

.network a.fc:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("../img/fb-2.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    opacity: 0
}

.network a.fc:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("../img/fb-3.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    opacity: 0
}

.owl-carousel {
    position: relative
}

.owl-carousel .owl-nav button {
    width: 116px;
    height: 58px;
    border-radius: 30px;
    background-color: #fff !important;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 1
}

.owl-carousel .owl-nav button span {
    font-size: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 58px;
    background-image: url("../img/arrow-grey.svg");
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    -webkit-box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, 0.11);
    box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, 0.11);
    background-color: inherit;
    z-index: 1
}

.owl-carousel .owl-nav button span:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 58px;
    background-image: url("../img/arrow-orange.svg");
    z-index: 2;
    opacity: 0;
    -webkit-transition: .1s;
    -moz-transition: .1s;
    transition: .1s
}

.owl-carousel .owl-nav button span:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 58px;
    background-image: url("../img/arrow-white.svg");
    z-index: 3;
    opacity: 0;
    -webkit-transition: .1s;
    -moz-transition: .1s;
    transition: .1s
}

.owl-carousel .owl-nav button.owl-next {
    right: -58px
}

.owl-carousel .owl-nav button.owl-prev {
    left: -58px
}

.owl-carousel .owl-nav button.owl-prev span {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.owl-carousel .owl-nav button:hover span:before {
    opacity: 1
}

.owl-carousel .owl-nav button:active {
    background-color: #F39314 !important
}

.owl-carousel .owl-nav button:active span:before {
    opacity: 0
}

.owl-carousel .owl-nav button:active span:after {
    opacity: 1
}

@media (max-width: 1400px) {
    .owl-carousel .owl-nav button {
        width: 50px;
        height: 25px
    }

    .owl-carousel .owl-nav button span {
        background-size: 25px
    }

    .owl-carousel .owl-nav button span:before, .owl-carousel .owl-nav button span:after {
        background-size: 25px
    }

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

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

body .breadcrumb {
    padding: 0;
    list-style: none;
    background-color: transparent;
    border-radius: 0;
    font-size: 14px;
    margin: 24px 0 48px
}

body .breadcrumb a {
    color: #000;
    text-decoration: none
}

body .breadcrumb:active {
    color: #9B9B9B
}

body .breadcrumb .breadcrumb-item {
    padding-left: 4px
}

body .breadcrumb .breadcrumb-item.active:after {
    display: none
}

body .breadcrumb .breadcrumb-item:before {
    content: ""
}

body .breadcrumb .breadcrumb-item:after {
    content: ">";
    display: inline-block;
    width: 7px;
    height: 4px;
    background-repeat: no-repeat;
    margin-left: 4px
}

@media (max-width: 767px) {
    body .breadcrumb {
        margin: 0 0 40px
    }

    body .breadcrumb .breadcrumb-item {
        display: none
    }
}

body .modal-backdrop {
    background-color: rgba(183, 183, 183, 0.3)
}

body .modal-backdrop.show {
    opacity: 1
}

body .modal-dialog {
    max-width: 770px
}

body .modal-body {
    padding: 48px 40px
}

body .modal-content {
    border: none;
    border-radius: 0;
    -webkit-box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, 0.18);
    box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, 0.18);
    position: relative
}

body .modal-content .close {
    position: absolute;
    right: 12px;
    top: 12px
}

body .modal-content h5 {
    font-size: 22px;
    text-transform: inherit;
    margin-bottom: 20px
}

@media (max-width: 575px) {
    body .modal-body {
        padding: 40px 20px
    }

    body .modal-content h5 {
        font-size: 18px;
        margin-bottom: 16px
    }

    body .modal-content table {
        display: block
    }

    body .modal-content table tr {
        display: block;
        padding: 8px 0
    }

    body .modal-content table tr td {
        padding: 0;
        display: block;
        width: 100%;
        margin-bottom: 4px
    }

    body .modal-content table tr td:last-child {
        margin-bottom: 0
    }
}

.styleGuide {
    margin: auto;
    background-color: #fff;
    padding: 120px 0 96px
}

.styleGuide .itemSg {
    border: 1px solid;
    border-bottom: 0;
    border-color: #F39314
}

.styleGuide .itemSg:last-child {
    border-bottom: 1px solid #F39314
}

.styleGuide .itemSg .sg_input {
    display: none
}

.styleGuide .itemSg .sg_input:checked ~ .sg_label {
    background-color: #F39314;
    color: #fff
}

.styleGuide .itemSg .sg_input:checked ~ .sg_label ~ .box {
    display: block;
    background: transparent
}

.styleGuide .itemSg > .box {
    display: none;
    background-color: #fff
}

.styleGuide .itemSg > .box .box-item {
    width: 100%;
    background-color: #fff;
    padding: 16px 48px
}

.styleGuide .itemSg > .box .box-item:nth-last-child(odd) {
    background-color: #EFEFEF
}

.styleGuide .itemSg > .box .box-item textarea {
    margin-top: 10px;
    border-color: #F39314
}

.styleGuide .itemSg .sg_label {
    width: 100%;
    font-size: 1.4rem;
    padding: 10px 30px;
    margin: 0;
    cursor: pointer
}

.styleGuide .itemSg textarea {
    width: 100%;
    min-height: 70px
}

@media screen and (max-width: 767px) {
    .styleGuide .itemSg > .box {
        padding: 0
    }

    .styleGuide .itemSg > .box .box-item {
        padding: 10px 10px
    }

    .styleGuide .itemSg > .box .box-item > .box-item {
        padding: 0
    }

    .styleGuide .itemSg > .box .navbar {
        width: 100vw;
        margin-left: -10px
    }

    .styleGuide .itemSg {
        border: 0
    }
}

/*!
 * Bootstrap v4.6.0 (https://getbootstrap.com/)
 * Copyright 2011-2021 The Bootstrap Authors
 * Copyright 2011-2021 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
:root {
    --blue: #009599;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #dc3545;
    --orange: #fd7e14;
    --yellow: #ffc107;
    --green: #00A36F;
    --teal: #20c997;
    --cyan: #17a2b8;
    --white: #fff;
    --gray: #6c757d;
    --gray-dark: #343a40;
    --primary: #F39314;
    --secondary: #00AEB3;
    --success: #00C083;
    --info: #17a2b8;
    --warning: #ffc107;
    --danger: #dc3545;
    --light: #EFEFEF;
    --dark: #343a40;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
}

*, *::before, *::after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

article, footer, header, main, nav, section {
    display: block
}

body {
    margin: 0;
    font-family: "Exo 2", sans-serif;
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1.3;
    color: #000;
    text-align: left;
    background-color: #fff
}

[tabindex="-1"]:focus:not(:focus-visible) {
    outline: 0 !important
}

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

h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    margin-bottom: .5rem
}

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

ol, ul {
    margin-top: 0;
    margin-bottom: 1rem
}

ol ol, ul ul, ol ul, ul ol {
    margin-bottom: 0
}

dt {
    font-weight: 700
}

b, strong {
    font-weight: bolder
}

small {
    font-size: 80%
}

sub, sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

a {
    color: theme-color("primary");
    text-decoration: underline;
    background-color: transparent
}

a:hover {
    color: #E56A0F;
    text-decoration: underline
}

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

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

pre, code {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-size: 1em
}

pre {
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
    -ms-overflow-style: scrollbar
}

img {
    vertical-align: middle;
    border-style: none
}

svg {
    overflow: hidden;
    vertical-align: middle
}

table {
    border-collapse: collapse
}

caption {
    padding-top: .75rem;
    padding-bottom: .75rem;
    color: #6c757d;
    text-align: left;
    caption-side: bottom
}

th {
    text-align: inherit;
    text-align: -webkit-match-parent
}

label {
    display: inline-block;
    margin-bottom: .5rem
}

button {
    border-radius: 0
}

button:focus:not(:focus-visible) {
    outline: 0
}

input, button, select, optgroup, textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

button, input {
    overflow: visible
}

button, select {
    text-transform: none
}

[role="button"] {
    cursor: pointer
}

select {
    word-wrap: normal
}

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

button:not(:disabled), [type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled) {
    cursor: pointer
}

button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
    padding: 0;
    border-style: none
}

input[type="radio"], input[type="checkbox"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

textarea {
    overflow: auto;
    resize: vertical
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0
}

legend {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: 1.5rem;
    line-height: inherit;
    color: inherit;
    white-space: normal
}

progress {
    vertical-align: baseline
}

[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
    height: auto
}

[type="search"] {
    outline-offset: -2px;
    -webkit-appearance: none
}

[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}

output {
    display: inline-block
}

summary {
    display: list-item;
    cursor: pointer
}

template {
    display: none
}

[hidden] {
    display: none !important
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    margin-bottom: .5rem;
    font-weight: 500;
    line-height: 1.2
}

h1, .h1 {
    font-size: 3.125rem
}

h2, .h2 {
    font-size: 2.5rem
}

h3, .h3 {
    font-size: 2.1875rem
}

h4, .h4 {
    font-size: 1.875rem
}

h5, .h5 {
    font-size: 1.5625rem
}

h6, .h6 {
    font-size: 1.25rem
}

hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1)
}

small, .small {
    font-size: 80%;
    font-weight: 400
}

mark, .mark {
    padding: .2em;
    background-color: #fcf8e3
}

code {
    font-size: 87.5%;
    color: #e83e8c;
    word-wrap: break-word
}

a > code {
    color: inherit
}

pre {
    display: block;
    font-size: 87.5%;
    color: #343E48
}

pre code {
    font-size: inherit;
    color: inherit;
    word-break: normal
}

.container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

@media (min-width: 576px) {
    .container {
        max-width: 575px
    }
}

@media (min-width: 768px) {
    .container {
        max-width: 800px
    }
}

@media (min-width: 992px) {
    .container {
        max-width: 1024px
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 1200px
    }
}

.row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}

.col, .col-md-3, .col-md-6, .col-md-9 {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px
}

.col {
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%
}

@media (min-width: 768px) {
    .col-md-3 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 25%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-md-6 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-md-9 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 75%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }
}

.table {
    width: 100%;
    margin-bottom: 1rem;
    color: #000
}

.table th, .table td {
    padding: .75rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6
}

.table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #dee2e6
}

.table tbody + tbody {
    border-top: 2px solid #dee2e6
}

.btn {
    display: inline-block;
    font-weight: 400;
    color: #000;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 2px solid transparent;
    padding: 12px 24px;
    font-size: 1.125rem;
    line-height: 1;
    border-radius: 0;
    -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    -moz-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out
}

@media (prefers-reduced-motion: reduce) {
    .btn {
        -webkit-transition: none;
        -moz-transition: none;
        transition: none
    }
}

.btn:hover {
    color: #000;
    text-decoration: none
}

.btn:focus, .btn.focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0 .2rem rgba(243, 147, 20, 0.25);
    box-shadow: 0 0 0 .2rem rgba(243, 147, 20, 0.25)
}

.btn.disabled, .btn:disabled {
    opacity: 1
}

.btn:not(:disabled):not(.disabled) {
    cursor: pointer
}

a.btn.disabled, fieldset:disabled a.btn {
    pointer-events: none
}

.btn-primary {
    color: #343E48;
    background-color: #F39314;
    border-color: #F39314
}

.btn-primary:hover {
    color: #fff;
    background-color: #d67e0b;
    border-color: #ca770a
}

.btn-primary:focus, .btn-primary.focus {
    color: #fff;
    background-color: #d67e0b;
    border-color: #ca770a;
    -webkit-box-shadow: 0 0 0 .2rem rgba(214, 134, 28, 0.5);
    box-shadow: 0 0 0 .2rem rgba(214, 134, 28, 0.5)
}

.btn-primary.disabled, .btn-primary:disabled {
    color: #343E48;
    background-color: #F39314;
    border-color: #F39314
}

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #ca770a;
    border-color: #be700a
}

.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 .2rem rgba(214, 134, 28, 0.5);
    box-shadow: 0 0 0 .2rem rgba(214, 134, 28, 0.5)
}

.btn-secondary {
    color: #fff;
    background-color: #00AEB3;
    border-color: #00AEB3
}

.btn-secondary:hover {
    color: #fff;
    background-color: #00898d;
    border-color: #007c80
}

.btn-secondary:focus, .btn-secondary.focus {
    color: #fff;
    background-color: #00898d;
    border-color: #007c80;
    -webkit-box-shadow: 0 0 0 .2rem rgba(38, 186, 190, 0.5);
    box-shadow: 0 0 0 .2rem rgba(38, 186, 190, 0.5)
}

.btn-secondary.disabled, .btn-secondary:disabled {
    color: #fff;
    background-color: #00AEB3;
    border-color: #00AEB3
}

.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #007c80;
    border-color: #007073
}

.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 .2rem rgba(38, 186, 190, 0.5);
    box-shadow: 0 0 0 .2rem rgba(38, 186, 190, 0.5)
}

.btn-success {
    color: #fff;
    background-color: #00C083;
    border-color: #00C083
}

.btn-success:hover {
    color: #fff;
    background-color: #009a69;
    border-color: #008d60
}

.btn-success:focus, .btn-success.focus {
    color: #fff;
    background-color: #009a69;
    border-color: #008d60;
    -webkit-box-shadow: 0 0 0 .2rem rgba(38, 201, 150, 0.5);
    box-shadow: 0 0 0 .2rem rgba(38, 201, 150, 0.5)
}

.btn-success.disabled, .btn-success:disabled {
    color: #fff;
    background-color: #00C083;
    border-color: #00C083
}

.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle {
    color: #fff;
    background-color: #008d60;
    border-color: #008058
}

.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 .2rem rgba(38, 201, 150, 0.5);
    box-shadow: 0 0 0 .2rem rgba(38, 201, 150, 0.5)
}

.btn-outline-primary {
    color: #F39314;
    border-color: #F39314
}

.btn-outline-primary:hover {
    color: #343E48;
    background-color: #F39314;
    border-color: #F39314
}

.btn-outline-primary:focus, .btn-outline-primary.focus {
    -webkit-box-shadow: 0 0 0 .2rem rgba(243, 147, 20, 0.5);
    box-shadow: 0 0 0 .2rem rgba(243, 147, 20, 0.5)
}

.btn-outline-primary.disabled, .btn-outline-primary:disabled {
    color: #F39314;
    background-color: transparent
}

.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle {
    color: #343E48;
    background-color: #F39314;
    border-color: #F39314
}

.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 .2rem rgba(243, 147, 20, 0.5);
    box-shadow: 0 0 0 .2rem rgba(243, 147, 20, 0.5)
}

.btn-link {
    font-weight: 400;
    color: theme-color("primary");
    text-decoration: underline
}

.btn-link:hover {
    color: #E56A0F;
    text-decoration: underline
}

.btn-link:focus, .btn-link.focus {
    text-decoration: underline
}

.btn-link:disabled, .btn-link.disabled {
    color: #6c757d;
    pointer-events: none
}

.btn-lg {
    padding: 17px 24px;
    font-size: 1.375rem;
    line-height: 1;
    border-radius: .3rem
}

.btn-sm {
    padding: 10px 16px;
    font-size: 1rem;
    line-height: 1;
    border-radius: .2rem
}

.fade {
    -webkit-transition: opacity 0.15s linear;
    -moz-transition: opacity 0.15s linear;
    transition: opacity 0.15s linear
}

@media (prefers-reduced-motion: reduce) {
    .fade {
        -webkit-transition: none;
        -moz-transition: none;
        transition: none
    }
}

.fade:not(.show) {
    opacity: 0
}

.collapse:not(.show) {
    display: none
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition: height 0.35s ease;
    -moz-transition: height 0.35s ease;
    transition: height 0.35s ease
}

@media (prefers-reduced-motion: reduce) {
    .collapsing {
        -webkit-transition: none;
        -moz-transition: none;
        transition: none
    }
}

.dropup, .dropright, .dropdown, .dropleft {
    position: relative
}

.dropdown-toggle {
    white-space: nowrap
}

.dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent
}

.dropdown-toggle:empty::after {
    margin-left: 0
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: 1.25rem;
    color: #000;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: .25rem
}

.dropdown-menu-right {
    right: 0;
    left: auto
}

.dropup .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: .125rem
}

.dropup .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: 0;
    border-right: .3em solid transparent;
    border-bottom: .3em solid;
    border-left: .3em solid transparent
}

.dropup .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropright .dropdown-menu {
    top: 0;
    right: auto;
    left: 100%;
    margin-top: 0;
    margin-left: .125rem
}

.dropright .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid transparent;
    border-right: 0;
    border-bottom: .3em solid transparent;
    border-left: .3em solid
}

.dropright .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropright .dropdown-toggle::after {
    vertical-align: 0
}

.dropleft .dropdown-menu {
    top: 0;
    right: 100%;
    left: auto;
    margin-top: 0;
    margin-right: .125rem
}

.dropleft .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: ""
}

.dropleft .dropdown-toggle::after {
    display: none
}

.dropleft .dropdown-toggle::before {
    display: inline-block;
    margin-right: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid transparent;
    border-right: .3em solid;
    border-bottom: .3em solid transparent
}

.dropleft .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropleft .dropdown-toggle::before {
    vertical-align: 0
}

.dropdown-menu[x-placement^="top"], .dropdown-menu[x-placement^="right"], .dropdown-menu[x-placement^="bottom"], .dropdown-menu[x-placement^="left"] {
    right: auto;
    bottom: auto
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: .25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #343E48;
    text-align: inherit;
    text-decoration: none;
    white-space: nowrap;
    background-color: transparent;
    border: 0
}

.dropdown-item:hover, .dropdown-item:focus {
    color: #293139;
    text-decoration: none;
    background-color: #ccc
}

.dropdown-item.active, .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #F39314
}

.dropdown-item.disabled, .dropdown-item:disabled {
    color: #818181;
    pointer-events: none;
    background-color: transparent
}

.dropdown-menu.show {
    display: block
}

.nav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.nav-link {
    display: block;
    padding: .5rem 1rem;
    text-decoration: none
}

.nav-link:hover, .nav-link:focus {
    text-decoration: none
}

.nav-link.disabled {
    color: #6c757d;
    pointer-events: none;
    cursor: default
}

.navbar {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: .5rem 1rem
}

.navbar .container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.navbar-nav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.navbar-nav .nav-link {
    padding-right: 0;
    padding-left: 0
}

.navbar-nav .dropdown-menu {
    position: static;
    float: none
}

.card {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: .25rem
}

.card > hr {
    margin-right: 0;
    margin-left: 0
}

.card > .list-group {
    border-top: inherit;
    border-bottom: inherit
}

.card > .list-group:first-child {
    border-top-width: 0;
    border-top-left-radius: -webkit-calc(.25rem - 1px);
    border-top-left-radius: -moz-calc(.25rem - 1px);
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: -webkit-calc(.25rem - 1px);
    border-top-right-radius: -moz-calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px)
}

.card > .list-group:last-child {
    border-bottom-width: 0;
    border-bottom-right-radius: -webkit-calc(.25rem - 1px);
    border-bottom-right-radius: -moz-calc(.25rem - 1px);
    border-bottom-right-radius: calc(.25rem - 1px);
    border-bottom-left-radius: -webkit-calc(.25rem - 1px);
    border-bottom-left-radius: -moz-calc(.25rem - 1px);
    border-bottom-left-radius: calc(.25rem - 1px)
}

.card-text:last-child {
    margin-bottom: 0
}

.breadcrumb {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: .75rem 1rem;
    margin-bottom: 1rem;
    list-style: none;
    background-color: #ccc;
    border-radius: .25rem
}

.breadcrumb-item + .breadcrumb-item {
    padding-left: .5rem
}

.breadcrumb-item + .breadcrumb-item::before {
    float: left;
    padding-right: .5rem;
    color: #6c757d;
    content: "/"
}

.breadcrumb-item + .breadcrumb-item:hover::before {
    text-decoration: underline
}

.breadcrumb-item + .breadcrumb-item:hover::before {
    text-decoration: none
}

.breadcrumb-item.active {
    color: #6c757d
}

.alert {
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem
}

@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 1rem 0
    }
    to {
        background-position: 0 0
    }
}

@-moz-keyframes progress-bar-stripes {
    from {
        background-position: 1rem 0
    }
    to {
        background-position: 0 0
    }
}

@keyframes progress-bar-stripes {
    from {
        background-position: 1rem 0
    }
    to {
        background-position: 0 0
    }
}

.progress {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    height: 1rem;
    overflow: hidden;
    line-height: 0;
    font-size: .9375rem;
    background-color: #ccc;
    border-radius: .25rem
}

.media {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.list-group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    border-radius: .25rem
}

.list-group-item {
    position: relative;
    display: block;
    padding: .75rem 1.25rem;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.125)
}

.list-group-item:first-child {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit
}

.list-group-item:last-child {
    border-bottom-right-radius: inherit;
    border-bottom-left-radius: inherit
}

.list-group-item.disabled, .list-group-item:disabled {
    color: #6c757d;
    pointer-events: none;
    background-color: #fff
}

.list-group-item.active {
    z-index: 2;
    color: #fff;
    background-color: #F39314;
    border-color: #F39314
}

.list-group-item + .list-group-item {
    border-top-width: 0
}

.list-group-item + .list-group-item.active {
    margin-top: -1px;
    border-top-width: 1px
}

.close {
    float: right;
    font-size: 1.875rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5
}

.close:hover {
    color: #000;
    text-decoration: none
}

.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus {
    opacity: .75
}

button.close {
    padding: 0;
    background-color: transparent;
    border: 0
}

a.close.disabled {
    pointer-events: none
}

.toast {
    -webkit-flex-basis: 350px;
    -ms-flex-preferred-size: 350px;
    flex-basis: 350px;
    max-width: 350px;
    font-size: .875rem;
    background-color: rgba(255, 255, 255, 0.85);
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1);
    box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1);
    opacity: 0;
    border-radius: .25rem
}

.toast:not(:last-child) {
    margin-bottom: .75rem
}

.toast.showing {
    opacity: 1
}

.toast.show {
    display: block;
    opacity: 1
}

.toast.hide {
    display: none
}

.modal-open {
    overflow: hidden
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

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

.modal-dialog {
    position: relative;
    width: auto;
    margin: .5rem;
    pointer-events: none
}

.modal.fade .modal-dialog {
    -webkit-transition: -webkit-transform 0.3s ease-out;
    transition: -webkit-transform 0.3s ease-out;
    -moz-transition: transform 0.3s ease-out, -moz-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out, -moz-transform 0.3s ease-out;
    -webkit-transform: translate(0, -50px);
    -moz-transform: translate(0, -50px);
    -ms-transform: translate(0, -50px);
    transform: translate(0, -50px)
}

@media (prefers-reduced-motion: reduce) {
    .modal.fade .modal-dialog {
        -webkit-transition: none;
        -moz-transition: none;
        transition: none
    }
}

.modal.show .modal-dialog {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    transform: none
}

.modal.modal-static .modal-dialog {
    -webkit-transform: scale(1.02);
    -moz-transform: scale(1.02);
    -ms-transform: scale(1.02);
    transform: scale(1.02)
}

.modal-dialog-scrollable {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    max-height: -webkit-calc(100% - 1rem);
    max-height: -moz-calc(100% - 1rem);
    max-height: calc(100% - 1rem)
}

.modal-dialog-scrollable .modal-content {
    max-height: -webkit-calc(100vh - 1rem);
    max-height: -moz-calc(100vh - 1rem);
    max-height: calc(100vh - 1rem);
    overflow: hidden
}

.modal-dialog-scrollable .modal-body {
    overflow-y: auto
}

.modal-dialog-centered {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: -webkit-calc(100% - 1rem);
    min-height: -moz-calc(100% - 1rem);
    min-height: calc(100% - 1rem)
}

.modal-dialog-centered::before {
    display: block;
    height: -webkit-calc(100vh - 1rem);
    height: -moz-calc(100vh - 1rem);
    height: calc(100vh - 1rem);
    height: -webkit-min-content;
    height: -moz-min-content;
    height: min-content;
    content: ""
}

.modal-dialog-centered.modal-dialog-scrollable {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%
}

.modal-dialog-centered.modal-dialog-scrollable .modal-content {
    max-height: none
}

.modal-dialog-centered.modal-dialog-scrollable::before {
    content: none
}

.modal-content {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: .3rem;
    outline: 0
}

.modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: #000
}

.modal-backdrop.fade {
    opacity: 0
}

.modal-backdrop.show {
    opacity: .5
}

.modal-body {
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -moz-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1rem
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

@media (min-width: 576px) {
    .modal-dialog {
        max-width: 500px;
        margin: 1.75rem auto
    }

    .modal-dialog-scrollable {
        max-height: -webkit-calc(100% - 3.5rem);
        max-height: -moz-calc(100% - 3.5rem);
        max-height: calc(100% - 3.5rem)
    }

    .modal-dialog-scrollable .modal-content {
        max-height: -webkit-calc(100vh - 3.5rem);
        max-height: -moz-calc(100vh - 3.5rem);
        max-height: calc(100vh - 3.5rem)
    }

    .modal-dialog-centered {
        min-height: -webkit-calc(100% - 3.5rem);
        min-height: -moz-calc(100% - 3.5rem);
        min-height: calc(100% - 3.5rem)
    }

    .modal-dialog-centered::before {
        height: -webkit-calc(100vh - 3.5rem);
        height: -moz-calc(100vh - 3.5rem);
        height: calc(100vh - 3.5rem);
        height: -webkit-min-content;
        height: -moz-min-content;
        height: min-content
    }
}

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    margin: 0;
    font-family: "Exo 2", sans-serif;
    font-style: normal;
    font-weight: 400;
    line-height: 1.3;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: 1.09375rem;
    word-wrap: break-word;
    opacity: 0
}

.tooltip.show {
    opacity: .9
}

.tooltip .arrow {
    position: absolute;
    display: block;
    width: .8rem;
    height: .4rem
}

.tooltip .arrow::before {
    position: absolute;
    content: "";
    border-color: transparent;
    border-style: solid
}

.tooltip-inner {
    max-width: 200px;
    padding: .25rem .5rem;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: .25rem
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: block;
    max-width: 276px;
    font-family: "Exo 2", sans-serif;
    font-style: normal;
    font-weight: 400;
    line-height: 1.3;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: 1.09375rem;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: .3rem
}

.popover .arrow {
    position: absolute;
    display: block;
    width: 1rem;
    height: .5rem;
    margin: 0 .3rem
}

.popover .arrow::before, .popover .arrow::after {
    position: absolute;
    display: block;
    content: "";
    border-color: transparent;
    border-style: solid
}

.popover-header {
    padding: .5rem .75rem;
    margin-bottom: 0;
    font-size: 1.25rem;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-top-left-radius: -webkit-calc(.3rem - 1px);
    border-top-left-radius: -moz-calc(.3rem - 1px);
    border-top-left-radius: calc(.3rem - 1px);
    border-top-right-radius: -webkit-calc(.3rem - 1px);
    border-top-right-radius: -moz-calc(.3rem - 1px);
    border-top-right-radius: calc(.3rem - 1px)
}

.popover-header:empty {
    display: none
}

.popover-body {
    padding: .5rem .75rem;
    color: #000
}

.carousel {
    position: relative
}

.carousel.pointer-event {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.carousel-item {
    position: relative;
    display: none;
    float: left;
    width: 100%;
    margin-right: -100%;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: -webkit-transform .6s ease-in-out;
    transition: -webkit-transform .6s ease-in-out;
    -moz-transition: transform .6s ease-in-out, -moz-transform .6s ease-in-out;
    transition: transform .6s ease-in-out;
    transition: transform .6s ease-in-out, -webkit-transform .6s ease-in-out, -moz-transform .6s ease-in-out
}

@media (prefers-reduced-motion: reduce) {
    .carousel-item {
        -webkit-transition: none;
        -moz-transition: none;
        transition: none
    }
}

.carousel-item.active, .carousel-item-next, .carousel-item-prev {
    display: block
}

.carousel-item-next:not(.carousel-item-left), .active.carousel-item-right {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%)
}

.carousel-item-prev:not(.carousel-item-right), .active.carousel-item-left {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%)
}

.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 15;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 0;
    margin-right: 15%;
    margin-left: 15%;
    list-style: none
}

.carousel-indicators li {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -moz-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 30px;
    height: 3px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #fff;
    background-clip: padding-box;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: .5;
    -webkit-transition: opacity 0.6s ease;
    -moz-transition: opacity 0.6s ease;
    transition: opacity 0.6s ease
}

@media (prefers-reduced-motion: reduce) {
    .carousel-indicators li {
        -webkit-transition: none;
        -moz-transition: none;
        transition: none
    }
}

.carousel-indicators .active {
    opacity: 1
}

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

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

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

@keyframes spinner-grow {
    0% {
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        transform: scale(0)
    }
    50% {
        opacity: 1;
        -webkit-transform: none;
        -moz-transform: none;
        transform: none
    }
}

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

.d-block {
    display: block !important
}

.position-static {
    position: static !important
}

.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030
}

.fixed-bottom {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030
}

@supports ((position: -webkit-sticky) or (position: sticky)) {
    .sticky-top {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020
    }
}

.w-100 {
    width: 100% !important
}

.mr-0 {
    margin-right: 0 !important
}

.mb-0 {
    margin-bottom: 0 !important
}

.ml-0 {
    margin-left: 0 !important
}

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

.mr-2 {
    margin-right: .5rem !important
}

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

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

.p-0 {
    padding: 0 !important
}

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

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

.text-wrap {
    white-space: normal !important
}

.text-uppercase {
    text-transform: uppercase !important
}

.text-primary {
    color: #F39314 !important
}

a.text-primary:hover, a.text-primary:focus {
    color: #b16909 !important
}

.visible {
    visibility: visible !important
}

@media print {
    *, *::before, *::after {
        text-shadow: none !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important
    }

    a:not(.btn) {
        text-decoration: underline
    }

    pre {
        white-space: pre-wrap !important
    }

    pre {
        border: 1px solid #818181;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    tr, img {
        page-break-inside: avoid
    }

    p, h2, h3 {
        orphans: 3;
        widows: 3
    }

    h2, h3 {
        page-break-after: avoid
    }

    @page {
        size: a3
    }

    body {
        min-width: 992px !important
    }

    .container {
        min-width: 992px !important
    }

    .navbar {
        display: none
    }

    .table {
        border-collapse: collapse !important
    }

    .table td, .table th {
        background-color: #fff !important
    }
}

header {
    padding: 20px 0 0;
    background-color: #fff;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    -webkit-box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.15)
}

header .flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

header .logo-h {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none
}

header .logo-h .logo-ic {
    width: 250px;
    margin-right: 20px
}

header .logo-h .logo-slash {
    margin: 0;
    font-weight: 100;
    font-size: 46px;
    line-height: 26px
}

header .logo-h .logo-text {
    font-size: 20px;
    margin-left: 20px;
    margin-bottom: 0;
    color: #f07e00;
    width: 280px
}

header .hamburger {
    display: none
}

header .phone-h {
    margin-left: auto;
    text-align: right
}

header .phone-h .link-lg {
    color: #000;
    font-size: 24px;
    font-weight: bold;
    margin: 0 0 0 auto;
    display: table;
    text-decoration: none
}

header .phone-h .link-lg:hover {
    color: #F39314
}

header .phone-h .link-sm {
    color: #000;
    display: table;
    text-decoration: none;
    margin: 0 0 0 auto
}

header .phone-h .link-sm:hover {
    color: #F39314
}

header .menu-top-h {
    width: 100%;
    border-bottom: 2px solid #F39314;
    padding: 12px 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}



header .menu-top-h .nav {
    list-style-type: none
}

header .menu-top-h .nav li {
    margin-right: 40px
}

header .menu-top-h .nav li a {
    font-size: 18px;
    font-weight: bold;
    text-decoration: none;
    color: #000
}

header .menu-top-h .nav li a.active, header .menu-top-h .nav li a:hover {
    color: #F39314
}

header .menu-top-h .btn {
    width: 248px
}

header .menu-bottom-h {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 10px 0 14px
}

header .menu-bottom-h .nav {
    list-style-type: none;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%
}

header .menu-bottom-h .nav li a {
    font-size: 18px;
    text-decoration: none;
    color: #000
}

header .menu-bottom-h .nav li a.active, header .menu-bottom-h .nav li a:hover {
    color: #F39314
}

header .address-h {
    display: none
}

header .network {
    display: none
}

header.mini {
    padding: 0
}

header.mini .phone-h, header.mini .logo-h {
    display: none
}

@media (max-width: 1199px) {
    header .menu-top-h .nav li {
        margin-right: 16px
    }

    header .menu-top-h .nav li a {
        font-size: 16px
    }

    header .menu-top-h .btn {
        width: auto;
        white-space: nowrap
    }

    header .menu-bottom-h .nav li a {
        font-size: 16px
    }
}

@media (max-width: 767px) {
    header {
        padding: 16px 0
    }

    header.mini {
        padding: 16px 0
    }

    header.mini .logo-h {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex
    }

    header .logo-h {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        -webkit-transition: 0s;
        -moz-transition: 0s;
        transition: 0s
    }

    header .logo-h .logo-ic {
        width: 188px;
        height: auto;
        margin-right: 0
    }

    header .logo-h .logo-slash {
        display: none
    }

    header .logo-h .logo-text {
        display: none
    }

    header .hamburger {
        height: 30px;
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -moz-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-left: auto;
        padding: 0;
        opacity: 1 !important
    }

    header .hamburger.active .hamburger-inner, header .hamburger.active .hamburger-inner::before, header .hamburger.active .hamburger-inner::after {
        background-color: #F39314
    }

    header .hamburger .hamburger-inner, header .hamburger .hamburger-inner::before, header .hamburger .hamburger-inner::after {
        width: 22px;
        height: 4px;
        background-color: #ccccce
    }

    header .hamburger .hamburger-inner::before {
        top: -7px
    }

    header .hamburger .hamburger-inner::after {
        top: -14px
    }

    header .hamburger .hamburger-box {
        width: 22px;
        height: 18px
    }

    header .phone-h {
        display: none
    }

    header .menu-top-h {
        display: none;
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        -moz-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 0;
        border: none;
        margin-bottom: 24px
    }

    header .menu-top-h .nav {
        margin-bottom: 4px
    }

    header .menu-top-h .nav li {
        width: 100%;
        margin-bottom: 8px
    }

    header .menu-top-h .nav li a {
        font-size: 18px;
        color: #fff
    }

    header .menu-top-h .nav li a.active, header .menu-top-h .nav li a:hover {
        color: #C15709
    }

    header .menu-top-h .btn {
        width: auto;
        padding: 9px 20px 11px;
        background: #fff !important;
        color: #F39314 !important;
        border-color: #fff !important
    }

    header .menu-top-h .btn:after {
        margin: 0 0 -6px 15px;
        background-image: url("../img/arrow-orange.svg")
    }

    header .menu-top-h .btn.active, header .menu-top-h .btn:hover {
        color: #C15709 !important
    }

    header .menu-top-h .btn.active:after, header .menu-top-h .btn:hover:after {
        margin: 0 0 -6px 15px;
        background-image: url("../img/arrow-active.svg")
    }

    header .menu-bottom-h {
        display: none;
        -webkit-box-ordinal-group: 5;
        -webkit-order: 4;
        -moz-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
        padding: 0 0 26px;
        margin-bottom: 26px;
        border-bottom: 2px solid #fff
    }

    header .menu-bottom-h .nav {
        margin-bottom: 4px
    }

    header .menu-bottom-h .nav li {
        width: 100%;
        margin-bottom: 4px
    }

    header .menu-bottom-h .nav li a {
        font-size: 18px;
        color: #fff
    }

    header .menu-bottom-h .nav li a.active, header .menu-bottom-h .nav li a:hover {
        color: #C15709
    }

    header .menu-bottom-h .nav li:last-child a {
        background: #fff;
        color: #F39314;
        font-weight: 500;
        padding: 11px 20px 13px;
        line-height: 1;
        border: none;
        margin-top: 8px;
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -moz-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: auto;
        font-size: 16px
    }

    header .menu-bottom-h .nav li:last-child a:after {
        content: "";
        font-size: 0;
        background-image: url("../img/arrow-orange.svg");
        background-repeat: no-repeat;
        background-size: contain;
        width: 22px;
        height: 16px;
        right: 15px;
        top: 0;
        bottom: 0;
        margin: 0 0 -6px 15px;
        display: block
    }

    header .menu-bottom-h .nav li:last-child a:hover {
        color: #C15709
    }

    header .menu-bottom-h .nav li:last-child a:hover:after {
        background-image: url("../img/arrow-active.svg")
    }

    header .address-h {
        -webkit-box-ordinal-group: 6;
        -webkit-order: 5;
        -moz-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5;
        color: #fff;
        font-size: 16px;
        margin-bottom: 24px
    }

    header .address-h span {
        display: block;
        margin: 4px 0
    }

    header .address-h a {
        color: #fff
    }

    header .phone-h {
        -webkit-box-ordinal-group: 7;
        -webkit-order: 6;
        -moz-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6;
        text-align: left;
        width: 100%;
        margin-bottom: 24px
    }

    header .phone-h a.link-lg {
        color: #fff;
        margin: 0
    }

    header .phone-h a.link-sm {
        color: #fff;
        margin: 0
    }

    header .network {
        -webkit-box-ordinal-group: 8;
        -webkit-order: 7;
        -moz-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7;
        padding-bottom: 40px
    }

    header .network a.vk {
        background-image: url("../img/vk-white.svg")
    }

    header .network a.in {
        background-image: url("../img/inst_white.svg")
    }

    header .network a.fc {
        background-image: url("../img/fb-white.svg")
    }
}

@media (max-width: 767px) {
    body.open-mobile-menu main, body.open-mobile-menu footer {
        display: none
    }

    body.open-mobile-menu header {
        background-color: #F39314;
        overflow: auto;
        height: 100%;
        max-height: 100vh;
        max-height: -webkit-fill-available;
        position: fixed
    }

    body.open-mobile-menu header:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 62px;
        background-color: #fff;
        z-index: -1
    }

    body.open-mobile-menu header .container {
        height: 100%
    }

    body.open-mobile-menu header .flex {
        min-height: 100vh;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -moz-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        min-height: -webkit-fill-available
    }

    body.open-mobile-menu header .logo-h {
        margin-bottom: 32px
    }

    body.open-mobile-menu header .hamburger {
        margin-bottom: 32px
    }

    body.open-mobile-menu header .menu-top-h {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex
    }

    body.open-mobile-menu header .menu-bottom-h {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex
    }

    body.open-mobile-menu header .address-h {
        display: block
    }

    body.open-mobile-menu header .phone-h {
        display: block
    }

    body.open-mobile-menu header .network {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex
    }
}

footer {
    padding-top: 36px;
    padding-bottom: 48px;
    -webkit-box-shadow: 0px -4px 6px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px -4px 6px 0px rgba(0, 0, 0, 0.15);
    font-size: 16px;
    position: relative;
    z-index: 2
}

footer .container:first-child .footer-flex {
    border-bottom: 2px solid #F39314
}

footer .maps {
    margin-bottom: 56px;
    margin-top: 10px;
    height: 550px;
    position: relative;
    z-index: 1
}

footer .footer-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

footer .footer-flex .logo-f {
    display: block;
    margin-bottom: 24px
}

footer .footer-flex .logo-f .logo {
    text-decoration: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 36px
height: 200px;
    width: 500px;
}

footer .footer-flex .logo-f .logo .h1 {
    margin-bottom: 20;
    font-weight: 100;
    font-size: 46px
}

footer .footer-flex .logo-f .logo img {
    display: inline-block;
    width: 250px;
    margin-right: 20px
}

footer .footer-flex .logo-f .logo .logo-text {
    display: inline-block;
    font-size: 16px;
    margin-left: 10px;
    margin-bottom: 0
}

footer .footer-flex .address-f {
    margin-bottom: 0;
    font-size: 18px
}

footer .footer-flex .number-f {
    text-align: right
}

footer .footer-flex .number-f a {
    display: block;
    color: #000;
    font-size: 18px;
    text-decoration: none
}

footer .footer-flex .number-f a:first-child {
    font-size: 24px;
    font-weight: bold
}

footer .footer-flex .number-f a:last-child {
    margin-bottom: 16px
}

footer .footer-flex .number-f .network {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    float: right;
    margin-top: 16px
}

footer .footer-flex .number-f .network a {
    font-size: 0;
    display: inline-block
}

footer .footer-flex .footer-ul {
    text-decoration: none;
    list-style-type: none;
    padding: 0;
    margin: 0 0 32px 0
}

footer .footer-flex .footer-ul li {
    margin-bottom: 4px
}

footer .footer-flex .footer-ul li:before {
    display: none
}

footer .footer-flex .footer-ul:first-child li a {
    font-weight: bold
}

footer .footer-flex .footer-ul a {
    color: #000;
    text-decoration: none;
    font-size: 18px
}

footer .footer-flex .footer-ul a:hover {
    color: #F39314
}

footer .footer-flex .calculation-f .btn {
    margin-bottom: 46px
}

footer .footer-flex .calculation-f .question {
    color: #ccc;
    font-size: 16px;
    margin: 0
}

footer .footer-flex .calculation-f a {
    color: #000;
    font-size: 20px
}

footer .footer-flex .calculation-f a:hover {
    color: #F39314
}

footer .footer-line {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -moz-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

footer .footer-line .politics-line .politics-f {
    border-bottom: 1px solid #F39314;
    display: inline-block;
    margin-bottom: 16px;
    text-decoration: none
}

footer .footer-line .politics-line .politics-f:hover {
    text-decoration: none;
    border-color: transparent
}

footer .footer-line .politics-line .right-f {
    display: block;
    color: #9B9B9B;
    margin-bottom: 0
}

footer .footer-line .arcsis p {
    color: #9B9B9B;
    display: inline-block;
    margin-bottom: 0;
    margin-right: 16px;
    vertical-align: middle
}

footer .footer-line .arcsis {
    text-decoration: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -moz-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    vertical-align: bottom
}

footer .footer-line .arcsis img {
    display: inline-block
}

@media (max-width: 1199px) {
    footer .footer-line .politics-line .right-f {
        font-size: 14px
    }
}

@media (max-width: 991px) {
    footer .footer-flex .logo-f .logo {
        margin-bottom: 48px
    }

    footer .footer-flex .logo-f .logo .h1 {
        margin-bottom: 0;
        font-size: 36px
    }

    footer .footer-flex .logo-f .logo img {
        width: 250px;
        margin-right: 16px
    }

    footer .footer-flex .logo-f .logo .logo-text {
        font-size: 16px;
        margin-left: 10px
    }

    footer .footer-flex .footer-ul a {
        font-size: 16px
    }

    footer .footer-flex .calculation-f .btn {
        margin-bottom: 32px
    }

    footer .footer-flex .calculation-f .question {
        font-size: 14px
    }

    footer .footer-line .politics-line {
        width: 60%
    }

    footer .footer-line .politics-line .right-f {
        font-size: 16px
    }

    footer .footer-line .arcsis p {
        margin-right: 12px;
        font-size: 16px
    }
}

@media (max-width: 767px) {
    footer .container:first-child .footer-flex {
        border-bottom: 2px solid #F39314;
        padding-bottom: 12px
    }

    footer .maps {
        margin-top: 26px;
        margin-bottom: 36px;
        display: block;
        height: 350px
    }

    footer .footer-flex {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    footer .footer-flex .logo-f {
        width: 100%
    }

    footer .footer-flex .logo-f img {
        margin: auto
    }

    footer .footer-flex .logo-f .address-f {
        text-align: center
    }

    footer .footer-flex .logo-f a {
        margin: 0 auto 28px
    }

    footer .footer-flex .number-f {
        text-align: center;
        margin: auto
    }

    footer .footer-flex .number-f .network {
        display: contents;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-top: 16px;
        margin-bottom: 18px
    }

    footer .footer-flex .footer-ul {
        width: 44%
    }

    footer .footer-flex .footer-ul:first-child {
        min-width: 50%
    }

    footer .footer-line {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    footer .footer-line .politics-line {
        width: 100%;
        margin-bottom: 12px
    }

    footer .footer-line .politics-line .politics-f {
        margin-bottom: 16px
    }
}

@media (max-width: 575px) {
    footer {
        padding-top: 28px;
        padding-bottom: 26px
    }

    footer .footer-flex .logo-f .logo {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-bottom: 32px
    }

    footer .footer-flex .logo-f .logo .h1 {
        font-size: 50px
    }

    footer .footer-flex .logo-f .logo img {
        margin: 0 300px 0 0
    }

    footer .footer-flex .logo-f .address-f {
        text-align: left
    }

    footer .footer-flex .number-f {
        margin: 0;
        text-align: left
    }

    footer .footer-flex .number-f .network a {
        margin-right: 8px;
        margin-left: 0
    }

    footer .footer-flex .footer-ul {
        margin: 0 0 28px 0;
        width: 88%
    }

    footer .footer-flex .footer-ul.two li {
        display: inline-block;
        margin-right: 15px
    }

    footer .footer-flex .footer-ul.three li {
        display: inline-block;
        margin-right: 15px
    }

    footer .footer-flex .calculation-f {
        margin-bottom: 18px
    }

    footer .footer-flex .calculation-f .question {
        font-size: 16px
    }

    footer .footer-line {
        margin-bottom: 28px
    }
}

.main-section {
    position: relative;
    z-index: 1
}

@media (min-width: 320px) and (max-width: 767px) {
    .main-section .menu-top-hh .nav li {
           width: calc(46% - 39px);
           margin-left: 20px;
    }

   .main-section .menu-top-hh .nav li {
        margin-right: 0!important;
  }
}


.main-section .menu-top-hh {
    width: 100%;
    border-bottom: 2px solid #F39314;
    padding: 12px 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.main-section .menu-top-hh .nav li{
     margin-right: 40px;
}

.main-section .menu-top-hh .nav{
    justify-content: space-around;
}

.main-section .menu-top-hh .nav li a.active, .main-section .menu-top-hh .nav li a:hover {
    color: #F39314
}

.main-section .menu-top-hh .nav li a{
     font-size: 18px;
     font-weight: bold;
     text-decoration: none;
     color: #000
}





.main-section .owl-main .item {
    height: 500px;
    padding-top: 20px;
    padding-bottom: 20px;
    position: relative
}

.main-section .owl-main .main-bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    -o-object-fit: cover;
    object-fit: cover
}

.main-section .owl-main .container {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.main-section .owl-main .text-wrap {
    margin: auto 0
}

.main-section .owl-main .text-wrap h1, .main-section .owl-main .text-wrap .h1 {
    font-size: 56px;
    max-width: 1000px;
    margin-bottom: 32px;
    text-transform: uppercase
}

.main-section .owl-main .text-wrap .text {
    font-size: 24px;
    max-width: 500px;
    margin-bottom: 32px
}

.main-section .owl-main .name-picture {
    text-transform: uppercase;
    color: #fff;
    font-weight: 100;
    font-size: 30;
    margin: 0 0
}

.main-section .owl-main .owl-dots {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: -32px;
    z-index: 5;
    position: relative
}

.main-section .owl-main .owl-dots .owl-dot {
    width: 20px;
    height: 20px;
    border-radius: 100%;
    background-color: #fd7e14;
    border: 2px solid #fd7e14;
    margin: 0 8px
}

.main-section .owl-main .owl-dots .owl-dot.active {
    background-color: #fff
}

.main-section .owl-main .owl-dots .owl-dot.active:hover, .main-section .owl-main .owl-dots .owl-dot.active:active {
    background-color: #fff;
    border-color: #fd7e14
}

.main-section .owl-main .owl-dots .owl-dot:hover {
    background-color: #E56A0F;
    border-color: #E56A0F
}

.main-section .owl-main .owl-dots .owl-dot:active {
    background-color: #C15709;
    border-color: #C15709
}

.main-section .owl-main:after {
    width: 640px;
    max-width: 40%;
    height: 32px;
    content: '';
    background-color: #fd7e14;
    display: block;
    margin-left: auto
}

@media (max-width: 1199px) {
    .main-section .owl-main .item {
        height: 600px
    }

    .main-section .owl-main .text-wrap .h1, .main-section .owl-main .text-wrap .h1 {
        font-size: 36px;
        max-width: 500px
    }
}

@media (max-width: 767px) {
    .main-section .owl-main:after {
        display: none
    }

    .main-section .owl-main .item {
        height: 500px;
        padding-top: 56px;
        padding-bottom: 56px
    }

    .main-section .owl-main .text-wrap {
        margin: 0
    }

    .main-section .owl-main .text-wrap .h1, .main-section .owl-main .text-wrap .h1 {
        font-size: 28px;
        margin-bottom: 16px
    }

    .main-section .owl-main .text-wrap .h1 br, .main-section .owl-main .text-wrap .h1 br {
        display: none
    }

    .main-section .owl-main .text-wrap .text {
        margin-bottom: 16px;
        font-size: 18px
    }

    .main-section .owl-main .name-picture {
        display: none
    }

    .main-section .owl-main .owl-dots .owl-dot {
        width: 16px;
        height: 16px;
        margin: 0 6px
    }
}

@media (min-width: 768px) {
    .section-politics h4, .section-politics .h4 {
        text-transform: initial
    }
}

.section-404 {
    position: relative;
    z-index: 1;
    padding: 48px 0;
    min-height: -webkit-calc(100vh - 193px);
    min-height: -moz-calc(100vh - 193px);
    min-height: calc(100vh - 193px);
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0
}

.section-404 .img-wrap {
    position: absolute;
    z-index: -1;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}

.section-404 .img-wrap img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0
}

.section-404 .flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.section-404 .flex .text-404 .text-1 {
    font-size: 56px;
    font-weight: bold;
    margin-bottom: 32px;
    text-transform: uppercase
}

.section-404 .flex .text-404 .text-2 {
    font-size: 36px;
    color: #9B9B9B;
    margin-bottom: 0;
    text-transform: uppercase
}

.section-404 .flex .text-404 .text-3 {
    font-size: 36px;
    font-weight: bold;
    margin-bottom: 32px;
    color: #F39314;
    text-transform: uppercase
}

.section-404 .flex .ic-404 {
    margin-left: 36px;
    width: 540px
}

.section-404 .flex .ic-404 a {
    display: none
}

@media (max-width: 1199px) {
    .section-404 .flex .text-404 .text-1 {
        font-size: 50px
    }

    .section-404 .flex .text-404 .text-2 {
        font-size: 24px
    }

    .section-404 .flex .text-404 .text-3 {
        font-size: 24px
    }

    .section-404 .flex .ic-404 {
        width: 350px
    }
}

@media (max-width: 991px) {
    .section-404 {
        min-height: -webkit-calc(100vh - 205px);
        min-height: -moz-calc(100vh - 205px);
        min-height: calc(100vh - 205px)
    }

    .section-404 .flex .ic-404 {
        width: 350px
    }
}

@media (max-width: 767px) {
    .section-404 {
        min-height: -webkit-calc(100vh - 62px);
        min-height: -moz-calc(100vh - 62px);
        min-height: calc(100vh - 62px)
    }

    .section-404 .flex {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .section-404 .flex .text-404 {
        width: 100%
    }

    .section-404 .flex .text-404 .text-1 {
        font-size: 28px;
        margin-bottom: 18px
    }

    .section-404 .flex .text-404 a {
        display: none
    }

    .section-404 .flex .ic-404 {
        margin-left: 0;
        width: 100%;
        text-align: center
    }

    .section-404 .flex .ic-404 img {
        margin: 0 auto 26px;
        display: block;
        width: 200px;
        position: relative;
        left: -16px
    }

    .section-404 .flex .ic-404 a {
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -moz-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        margin-left: 0;
        padding-left: 10px;
        padding-right: 10px;
        font-size: 16px
    }

    .section-404 .flex .ic-404 a:after {
        display: block
    }
}

@media (max-width: 575px) {
    .section-404 .flex .ic-404 img {
        width: 200px
    }
}

.scheme-section h1, .scheme-section .h1 {
    color: #F39314;
    text-transform: uppercase;
    margin-bottom: 24px
}

.scheme-section h1 .light, .scheme-section .h1 .light {
    color: #818181
}

.scheme-section .text-wrap {
    position: relative;
    padding-right: 330px
}

.scheme-section .text-wrap .scheme-bg {
    position: absolute;
    width: 200px;
    right: 56px;
    top: 0
}

.scheme-section .btn {
    margin-top: 40px
}

@media (max-width: 767px) {
    .scheme-section .text-wrap {
        position: relative;
        padding-right: 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .scheme-section .text-wrap h1:first-child span, .scheme-section .text-wrap .h1:first-child span {
        display: block
    }

    .scheme-section .text-wrap .scheme-bg {
        width: 60px;
        position: relative;
        margin-left: 24px;
        right: 0;
        margin-bottom: 12px;
        margin-top: -16px
    }

    .scheme-section .text-wrap .text {
        width: 100%
    }

    .scheme-section .btn {
        margin-top: 24px
    }
}

.owl-scheme .item {
    position: relative
}

.owl-scheme .item .owl-scheme-name {
    font-size: 24px;
    text-transform: uppercase;
    font-weight: bold;
    margin: 16px 0 0
}

.owl-scheme .owl-nav button {
    bottom: 49px
}

@media (max-width: 767px) {
    .owl-scheme .item .owl-scheme-name {
        font-size: 14px
    }
}

.benefits-section {
    position: relative
}

.benefits-section h1, .benefits-section .h1 {
    max-width: 570px;
    margin-bottom: 32px
}

.benefits-section .benefits-list {
    list-style-type: none;
    padding: 0;
    margin: 0
}

.benefits-section .benefits-list li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 48px
}

.benefits-section .benefits-list li:last-child {
    margin: 0
}

.benefits-section .benefits-list li img {
    width: 160px;
    min-width: 160px
}

.benefits-section .benefits-list li .text-wrap {
    padding: 0 0 0 40px
}

.benefits-section .benefits-list li .text-wrap .text:last-child {
    margin-bottom: 0
}

@media (min-width: 768px) {
    .benefits-section .benefits-list li:nth-child(even) {
        background-color: #EFEFEF;
        padding: 40px 70px 40px 70px;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: row-reverse;
        -moz-box-orient: horizontal;
        -moz-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .benefits-section .benefits-list li:nth-child(even) .text-wrap {
        padding: 0 40px 0 0
    }
}

@media (max-width: 991px) and (min-width: 768px) {
    .benefits-section .benefits-list li:nth-child(even) {
        padding: 32px
    }
}

@media (max-width: 767px) {
    .benefits-section .benefits-list li {
        position: relative;
        padding-top: 48px
    }

    .benefits-section .benefits-list li img {
        width: 96px;
        min-width: 96px;
        position: absolute;
        right: 0;
        top: 0
    }

    .benefits-section .benefits-list li .text-wrap {
        padding: 0;
        width: 100%;
        max-width: 100%
    }

    .benefits-section .benefits-list li .text-wrap .h4, .benefits-section .benefits-list li .text-wrap h4 {
        width: -webkit-calc(100% - 96px - 16px);
        width: -moz-calc(100% - 96px - 16px);
        width: calc(100% - 96px - 16px);
        font-size: 20px;
        margin-bottom: 16px;
        max-width: 190px
    }

    .benefits-section .benefits-list li:nth-child(3) {
        padding-top: 32px
    }
}

.projects-section {
    position: relative
}

.projects-section h1, .projects-section .h1 {
    margin-bottom: 40px
}

@media (max-width: 767px) {
    .projects-section h1, .projects-section .h1 {
        margin-bottom: 24px
    }
}

.gridCp {
    display: grid;
    grid-gap: 30px;
    width: 100%;
    grid-template-columns:repeat(4, 1fr)
}

.gridCp .item {
    grid-column: span 1
}

.gridCp .item.x-2 {
    grid-column: span 2
}

.gridCp .item.y-2 {
    grid-row: span 2
}

.gridCp .item .img-wrap {
    position: relative;
    padding-top: 76%;
    width: 100%;
    margin-bottom: 18px;
    display: block;
    overflow: hidden
}

.gridCp .item .img-wrap:hover img {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05)
}

.gridCp .item .img-wrap iframe {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.gridCp .item .img-wrap img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    transition: .3s
}

.gridCp .item .img-wrap .label {
    text-transform: uppercase;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #F39314;
    color: #000;
    font-size: 16px;
    font-weight: bold;
    padding: 10px 18px;
    z-index: 2;
    margin: 0
}

.gridCp .item .img-wrap .count {
    font-weight: bold;
    position: absolute;
    top: 10px;
    right: 10px;
    background-color: #F39314;
    color: #fff;
    z-index: 2;
    margin: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 13px;
    padding: 4px 8px
}

.gridCp .item .img-wrap .count:before {
    content: '';
    background-image: url("/local/templates/solargy/assets/img/preview-white-ic.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 16px;
    height: 16px;
    margin-right: 8px
}

.gridCp .item .text-wrap {
    padding: 0 20px
}

.gridCp .item .text-wrap .data {
    font-size: 18px;
    color: #F39314;
    text-transform: uppercase;
    margin-bottom: 4px;
    width: 100%
}

.gridCp .item .text-wrap .title {
    font-size: 22px;
    text-transform: uppercase;
    margin-bottom: 12px;
    font-weight: bold;
    color: #000;
    text-decoration: none;
    display: inline-block
}

.gridCp .item .text-wrap .title:last-child {
    margin: 0
}

.gridCp .item .text-wrap .title:hover {
    color: #F39314
}

.gridCp .item .text-wrap .title:active {
    color: #C15709
}

.gridCp .item .text-wrap .text {
    width: 100%;
    font-size: 20px
}

.gridCp .item .text-wrap .text:last-child {
    margin: 0
}

.gridCp .item .lgLink {
    border: 2px solid #F39314;
    padding: 24px 20px;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.gridCp .item .lgLink .text {
    font-weight: bold;
    line-height: 1;
    font-size: 36px;
    color: #646464
}

.gridCp .item .lgLink .text .text-primary {
    display: block;
    font-size: 30px
}

.gridCp .item .lgLink .btn.btn-primary {
    max-width: 200px
}

@media (max-width: 1199px) {
    .gridCp {
        grid-gap: 24px 14px
    }

    .gridCp .item .text-wrap {
        padding: 0
    }
}

@media (max-width: 991px) {
    .gridCp {
        grid-gap: 24px 8px
    }

    .gridCp .item .img-wrap .label {
        font-size: 15px;
        padding: 6px 12px
    }

    .gridCp .item .text-wrap {
        padding: 0
    }

    .gridCp .item .text-wrap .title {
        font-size: 20px
    }

    .gridCp .item .text-wrap .text {
        font-size: 18px
    }

    .gridCp .item .lgLink {
        padding: 24px 8px
    }

    .gridCp .item .lgLink .text {
        font-size: 26px
    }

    .gridCp .item .lgLink .text .text-primary {
        display: inline-block;
        font-size: inherit
    }

    .gridCp .item .lgLink .btn {
        padding-left: 8px;
        padding-right: 8px
    }

    .gridCp .item .lgLink .btn:after {
        margin: 0 0 -6px 10px
    }
}

@media (max-width: 767px) {
    .gridCp {
        grid-gap: 36px 24px;
        grid-template-columns:repeat(2, 1fr)
    }
}

@media (max-width: 575px) {
    .gridCp {
        grid-template-columns:repeat(1, 1fr)
    }

    .gridCp .item.x-2 {
        grid-column: span 1
    }

    .gridCp .item.y-2 {
        grid-row: span 1
    }

    .gridCp .item .lgLink {
        padding: 32px 18px
    }

    .gridCp .item .lgLink .text {
        font-size: 26px;
        margin-bottom: 56px
    }
}

.partner-section {
    margin-bottom: 0;
    padding: 0 0;
    overflow: hidden
}

.partner-section .container {
    position: relative;
    z-index: 1;
    padding-bottom: 88px
}

.partner-section .abs-bg {
    position: absolute;
    bottom: 0;
    right: -180px;
    z-index: -1
}

.partner-section .abs-bg.bg-sec {
    right: -280px
}

.partner-section .wrapper {
    max-width: 746px
}

.partner-section .text-box {
    -webkit-box-shadow: 0px 6px 8px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 6px 8px 0px rgba(0, 0, 0, 0.15);
    background-color: #fff;
    padding: 38px 38px;
    margin-bottom: 38px
}

.partner-section .text-box .text {
    font-size: 20px;
    color: #818181
}

.partner-section .text-box .text:last-child {
    margin: 0
}

.partner-section .text-wrap {
    padding: 0 38px
}

.partner-section .text-wrap .ul-primary {
    margin-bottom: 32px
}

.partner-section .text-primary {
    margin-bottom: 20px;
    max-width: 436px;
    font-size: 22px;
    display: block
}

@media (max-width: 1199px) {
    .partner-section .wrapper {
        max-width: 600px
    }

    .partner-section .text-box {
        padding: 24px 16px 28px
    }

    .partner-section .text-wrap {
        padding: 0 16px
    }
}

@media (max-width: 991px) {
    .partner-section .abs-bg {
        max-width: 80%
    }

    .partner-section .abs-bg.bg-sec {
        right: 180px
    }
}

@media (max-width: 767px) {
    .partner-section .container {
        padding-bottom: 48px
    }

    .partner-section .text-box .text {
        font-size: 18px
    }

    .partner-section .text-wrap .ul-primary {
        margin-bottom: 24px
    }

    .partner-section .text-wrap .text-primary {
        max-width: 80%
    }
}

@media (max-width: 575px) {
    .partner-section .abs-bg {
        right: -30%;
        max-width: 100%
    }

    .partner-section .abs-bg.bg-sec {
        right: -30%
    }

    .partner-section .text-primary .btn.btn-lg {
        padding: 9px 12px 11px
    }

    .partner-section .text-primary .btn.btn-lg:after {
        margin: 0 0 -3px 10px
    }
}

.calculator-section {
    padding: 78px 0
}

.calculator-section .calc-form {
    background-color: #fff;
    padding: 40px;
    -webkit-box-shadow: 3px 0px 38px 0px rgba(0, 0, 0, 0.09);
    box-shadow: 3px 0px 38px 0px rgba(0, 0, 0, 0.09)
}

@media (min-width: 768px) {
    .calculator-section {
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        background-size: cover;
        background-image: url("../img/bg-calculator.jpg")
    }
}

@media (max-width: 767px) {
    .calculator-section {
        padding: 48px 0;
        background-image: none;
        background-color: #f9f9f9
    }
}

.your-project-section {
    position: relative;
    padding: 70px 0
}

.your-project-section h1, .your-project-section .h1 {
    max-width: 500px
}

.your-project-section .text {
    margin-bottom: 40px
}

@media (min-width: 768px) {
    .your-project-section {
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        background-size: cover;
        background-image: url("../img/bg-form.jpg")
    }
}

.your-project-section .your-project-form {
    background-color: #fff;
    padding: 40px;
    -webkit-box-shadow: 3px 0px 38px 0px rgba(0, 0, 0, 0.09);
    box-shadow: 3px 0px 38px 0px rgba(0, 0, 0, 0.09)
}

@media (max-width: 767px) {
    .your-project-section {
        padding: 48px 0;
        background-image: none;
        background-color: #f9f9f9;
        margin-bottom: 20px
    }

    .your-project-section .text {
        margin-bottom: 20px
    }
}

.sideBar .nav-list {
    list-style-type: none;
    padding: 0;
    text-decoration: none
}

.sideBar .nav-list a {
    text-decoration: none;
    margin-bottom: 20px;
    display: table;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    font-size: 22px;
    color: #000;
    padding: 0 8px;
    font-weight: 500;
    line-height: 1.2
}

.sideBar .nav-list a:hover {
    color: #F39314
}

.sideBar .nav-list a.active {
    border-bottom: 2px solid #F39314;
    width: 100%;
    padding-bottom: 12px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-weight: bold;
    padding-right: 0
}

.sideBar .nav-list a.active:after {
    content: "";
    background-image: url("../img/arrow-orange.svg");
    display: block;
    width: 24px;
    position: relative;
    min-width: 24px;
    height: 16px;
    background-repeat: no-repeat;
    top: 0;
    background-size: contain;
    right: 0;
    bottom: 8px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    margin: 0 0 0 8px
}

@media (max-width: 1199px) {
    .sideBar .nav-list a {
        font-size: 16px;
        padding: 0;
        margin-bottom: 16px
    }
}

@media (max-width: 767px) {
    .sideBar {
        margin-bottom: 32px
    }

    .sideBar .nav-list {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -moz-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.24);
        box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.24);
        background-color: #fff;
        position: relative;
        z-index: 5
    }

    .sideBar .nav-list:before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 10
    }

    .sideBar .nav-list a {
        width: 100%;
        display: none;
        font-size: 18px;
        padding: 8px 20px 8px 20px;
        margin: 0;
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -moz-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .sideBar .nav-list a:hover {
        color: #000
    }

    .sideBar .nav-list a.active {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        margin: 0 0;
        padding: 12px 8px 12px 20px;
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .sideBar .nav-list a.active:after {
        background-image: url("../img/arr-white.svg");
        background-color: #fd7e14;
        border-radius: 100%;
        width: 25px;
        height: 25px
    }

    .sideBar .nav-list.open {
        padding-bottom: 10px
    }

    .sideBar .nav-list.open:before {
        display: none
    }

    .sideBar .nav-list.open a {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex
    }

    .sideBar .nav-list.open a.active {
        margin: 0 0 10px
    }

    .sideBar .nav-list.open a.active:after {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg)
    }
}

.section-news .news-list {
    margin-bottom: 60px
}

.section-news .news-list .grid-top {
    display: grid;
    grid-gap: 48px 30px;
    width: 100%;
    grid-template-columns:repeat(3, 1fr);
    margin-bottom: 36px
}

.section-news .news-list .grid-top .item .news-img {
    width: 100%;
    position: relative;
    padding-top: 74%;
    margin-bottom: 18px
}

.section-news .news-list .grid-top .item .news-img img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.section-news .news-list .grid-top .item .news-text .data {
    font-size: 18px;
    color: #9B9B9B;
    margin-bottom: 8px;
    text-transform: uppercase
}

.section-news .news-list .grid-top .item .news-text .title {
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 8px;
    text-transform: uppercase
}

.section-news .news-list .grid-top .item .news-text .text {
    margin-bottom: 12px
}

.section-news .news-list .grid-top .item .news-text .btn {
    display: inline-block
}

.section-news .news-list .grid-top .item.x-3 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    grid-column: span 3
}

.section-news .news-list .grid-top .item.x-3 .news-img {
    width: 270px;
    position: relative;
    padding-top: 23%;
    margin: auto
}

.section-news .news-list .grid-top .item.x-3 .news-img img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.section-news .news-list .grid-top .item.x-3 .news-text {
    width: -webkit-calc(100% - 270px);
    width: -moz-calc(100% - 270px);
    width: calc(100% - 270px);
    padding-left: 30px
}

.section-news .news-list .grid-top .item.bg-grey {
    background-color: #EFEFEF;
    padding: 16px
}

.section-news .news-list .grid-top .item.bg-grey .news-img {
    width: 255px
}

.section-news .news-list .grid-top .item.bg-grey .news-text {
    width: -webkit-calc(100% - 255px);
    width: -moz-calc(100% - 255px);
    width: calc(100% - 255px)
}

.section-news .instagram-box .grid-bottom {
    display: grid;
    grid-gap: 30px 30px;
    width: 100%;
    grid-template-columns:repeat(3, 1fr);
    margin-bottom: 30px
}

.section-news .instagram-box .grid-bottom .box {
    width: 100%;
    position: relative;
    padding-top: 100%
}

.section-news .instagram-box .grid-bottom .box img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

@media (max-width: 1199px) {
    .section-news .news-list .grid-top .item .news-text .data {
        font-size: 16px;
        margin-bottom: 4px
    }

    .section-news .news-list .grid-top .item .news-text .title {
        font-size: 20px;
        font-weight: bold;
        margin-bottom: 14px
    }

    .section-news .news-list .grid-top .item .news-text .text {
        font-size: 16px;
        margin-bottom: 10px
    }

    .section-news .news-list .grid-top .item.x-3 .news-img {
        width: 226px
    }

    .section-news .news-list .grid-top .item.x-3 .news-text {
        width: -webkit-calc(100% - 226px);
        width: -moz-calc(100% - 226px);
        width: calc(100% - 226px);
        padding-left: 20px
    }
}

@media (max-width: 991px) {
    .section-news .news-list .grid-top {
        grid-gap: 40px 22px;
        grid-template-columns:repeat(2, 1fr)
    }

    .section-news .news-list .grid-top .item {
        margin-bottom: 8px
    }

    .section-news .news-list .grid-top .item.x-3 {
        grid-column: span 2;
        grid-template-columns:repeat(2, 1fr);
        display: grid;
        width: 100%;
        grid-gap: 22px 22px
    }

    .section-news .news-list .grid-top .item.x-3 .news-img {
        width: 100%;
        padding-top: 74%
    }

    .section-news .news-list .grid-top .item.x-3 .news-text {
        width: 100%;
        padding-left: 0
    }

    .section-news .instagram-box .grid-bottom {
        grid-template-columns:repeat(2, 1fr)
    }
}

@media (max-width: 767px) {
    .section-news .h1, .section-news h1 {
        margin-bottom: 24px !important
    }

    .section-news .news-list {
        margin-bottom: 48px
    }

    .section-news .news-list .grid-top {
        margin-bottom: 36px;
        grid-template-columns:repeat(1, 1fr)
    }

    .section-news .news-list .grid-top .item.x-3 {
        grid-column: span 1;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .section-news .news-list .grid-top .item.x-3 .news-img {
        width: 100%;
        margin: auto;
        display: block;
        padding-top: 76%
    }

    .section-news .news-list .grid-top .item.x-3 .news-text {
        width: 100%;
        padding-left: 0
    }

    .section-news .news-list .grid-top .item.bg-grey {
        padding-bottom: 32px
    }

    .section-news .instagram-box .grid-bottom {
        grid-gap: 16px 16px;
        margin-bottom: 18px
    }
}

.section-catalog h1 {
    color: #F39314
}

.section-catalog h1 span {
    color: #9B9B9B
}

.section-catalog .flex-catalog {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    border-bottom: 3px solid #ccc;
    padding-bottom: 48px;
    padding-top: 48px
}

.section-catalog .flex-catalog:last-child {
    border-bottom: none
}

.section-catalog .flex-catalog .catalog-img {
    width: 370px;
    position: relative;
    padding-top: 370px
}

.section-catalog .flex-catalog .catalog-img img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.section-catalog .flex-catalog .catalog-text {
    width: -webkit-calc(100% - 370px);
    width: -moz-calc(100% - 370px);
    width: calc(100% - 370px);
    padding-left: 32px
}

.section-catalog .flex-catalog .catalog-text .title {
    font-size: 26px;
    font-weight: bold;
    margin-bottom: 12px;
    text-transform: uppercase
}

.section-catalog .flex-catalog .catalog-text .text {
    font-size: 22px;
    margin-bottom: 26px
}

.section-catalog .flex-catalog .catalog-text .options {
    font-size: 18px;
    color: #9B9B9B;
    margin-bottom: 24px
}

.section-catalog .flex-catalog .catalog-text .options:last-child {
    margin-bottom: 30px
}

.section-catalog .flex-catalog .catalog-text .options .bold {
    margin-top: 4px;
    color: #000;
    font-weight: 500;
    font-size: 22px
}

.section-catalog .flex-catalog .catalog-text .options .bold span {
    display: inline-block
}

.section-catalog .flex-catalog .catalog-text .btn {
    margin-top: 6px
}

@media (max-width: 1199px) {
    .section-catalog .flex-catalog {
        padding-bottom: 42px;
        padding-top: 42px
    }

    .section-catalog .flex-catalog .catalog-text .title {
        font-size: 24px;
        margin-bottom: 12px
    }

    .section-catalog .flex-catalog .catalog-text .text {
        font-size: 18px;
        margin-bottom: 20px
    }

    .section-catalog .flex-catalog .catalog-text .options {
        font-size: 18px;
        margin-bottom: 20px
    }

    .section-catalog .flex-catalog .catalog-text .options .bold {
        margin-top: 0;
        font-size: 18px
    }
}

@media (max-width: 991px) {
    .section-catalog .flex-catalog {
        padding-bottom: 36px;
        padding-top: 36px
    }

    .section-catalog .flex-catalog .catalog-img {
        width: 350px;
        padding-top: 350px
    }

    .section-catalog .flex-catalog .catalog-text {
        width: -webkit-calc(100% - 350px);
        width: -moz-calc(100% - 350px);
        width: calc(100% - 350px);
        padding-left: 26px
    }
}

@media (max-width: 767px) {
    .section-catalog h1, .section-catalog .h1 {
        margin-bottom: 0
    }

    .section-catalog .flex-catalog {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .section-catalog .flex-catalog .catalog-img {
        width: 370px;
        padding-top: 66%;
        margin: 0 auto 24px
    }

    .section-catalog .flex-catalog .catalog-text {
        width: 100%;
        padding-left: 0
    }
}

@media (max-width: 575px) {
    .section-catalog .flex-catalog {
        border-bottom: 2px solid #ccc;
        padding-bottom: 38px;
        padding-top: 38px
    }

    .section-catalog .flex-catalog .catalog-img {
        width: 100%;
        padding-top: 100%
    }

    .section-catalog .flex-catalog .catalog-text {
        width: 100%
    }

    .section-catalog .flex-catalog .catalog-text .options .bold {
        margin-top: 4px
    }
}

.card-section .test-img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.card-section h1, .card-section .h1 {
    margin-bottom: 32px
}

.card-section .card-text {
    font-size: 24px;
    margin-bottom: 32px
}

.card-section .good-box {
    background-color: #f7f7f7;
    padding: 34px 60px 56px;
    height: 100%
}

.card-section .good-box .group {
    margin-bottom: 32px
}

.card-section .good-box .group .text-grey {
    font-size: 18px;
    margin-bottom: 10px
}

.card-section .good-box .group .bold {
    font-size: 22px
}

.card-section .good-box .group ul {
    padding: 0;
    margin: 0 0 16px;
    list-style-type: none
}

.card-section .good-box .group ul li {
    list-style-type: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 8px
}

.card-section .good-box .group ul li:before {
    content: '•';
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    margin-right: 5px
}

.card-section .good-box .group .radio-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.card-section .good-box .group .radio-wrap .item {
    margin: 0 14px 14px 0
}

.card-section .good-box .group .radio-wrap .item:last-child {
    margin-right: 0
}

.card-section .good-box .group .radio-wrap .item input {
    display: none
}

.card-section .good-box .group .radio-wrap .item input:checked ~ label {
    border-color: #F39314
}

.card-section .good-box .group .radio-wrap .item label {
    font-size: 22px;
    font-weight: bold;
    padding: 8px 0 8px 8px;
    border-bottom: 2px solid #e8e8e8;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    transition: .3s;
    cursor: pointer
}

.card-section .good-box .group .radio-wrap .item label:hover {
    border-color: #F39314
}

.card-section .good-box .group .radio-wrap .item label .tip {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-image: url("../img/tip.png");
    background-color: transparent;
    border: none;
    border-radius: 100%;
    width: 17px;
    height: 17px;
    font-size: 0;
    padding: 0;
    vertical-align: text-top;
    margin: 0 0 0 -5px
}

.card-section .good-box .btn.btn-primary {
    margin-bottom: 32px
}

.card-section .gallery-card {
    display: grid;
    grid-gap: 22px 30px;
    width: 100%;
    grid-template-columns:repeat(4, 1fr);
    margin-bottom: 40px
}

.card-section .gallery-card .item {
    width: 100%;
    padding-top: 76%;
    position: relative
}

.card-section .gallery-card .item img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.card-section .info-card h1, .card-section .info-card .h1, .card-section .info-card .h2, .card-section .info-card h2, .card-section .info-card .h3, .card-section .info-card h3, .card-section .info-card .h4, .card-section .info-card h4, .card-section .info-card .h5, .card-section .info-card h5, .card-section .info-card .h6, .card-section .info-card h6 {
    text-transform: inherit
}

.card-section .info-card h4 {
    margin-bottom: 20px;
    font-size: 22px
}

.card-section .info-card u {
    text-decoration: none;
    border-bottom: 2px solid #F39314;
    padding-bottom: 4px;
    display: inline-block
}

.card-section .info-card ul {
    list-style-type: none
}

.card-section .info-card ul li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 6px
}

.card-section .info-card ul li:before {
    content: '-';
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start
}

.card-section .info-card img {
    max-width: 100%;
    margin-left: auto;
    display: block
}

@media (max-width: 1199px) {
    .card-section .good-box {
        padding: 32px 32px 56px
    }

    .card-section .good-box .group .radio-wrap .item label {
        font-size: 20px
    }

    .card-section .good-box .group .bold {
        font-size: 20px
    }
}

@media (max-width: 991px) {
    .card-section .good-box {
        padding: 32px 20px 56px
    }

    .card-section .good-box .group .radio-wrap .item label {
        margin: 0
    }

    .card-section .good-box .btn.btn-primary {
        text-align: left
    }
}

@media (max-width: 767px) {
    .card-section h1, .card-section .h1 {
        margin-bottom: 24px
    }

    .card-section .card-text {
        font-size: 20px
    }

    .card-section .good-box {
        padding: 40px 40px
    }

    .card-section .info-card h4 {
        font-size: 20px
    }

    .card-section .info-card .btn.btn-primary {
        text-align: left
    }

    .card-section .gallery-card {
        display: block
    }

    .card-section .gallery-card .item {
        width: 290px;
        padding-top: 215px
    }

    .card-section .gallery-card .owl-nav button.owl-next {
        right: 4px
    }

    .card-section .gallery-card .owl-nav button.owl-prev {
        left: 4px
    }
}

@media (max-width: 575px) {
    .card-section .test-img {
        width: -webkit-calc(100% + 30px);
        width: -moz-calc(100% + 30px);
        width: calc(100% + 30px);
        max-width: -webkit-calc(100% + 30px);
        max-width: -moz-calc(100% + 30px);
        max-width: calc(100% + 30px);
        margin-left: -15px
    }

    .card-section .good-box {
        padding: 40px 15px;
        width: -webkit-calc(100% + 30px);
        width: -moz-calc(100% + 30px);
        width: calc(100% + 30px);
        margin-left: -15px
    }

    .card-section .good-box .btn.btn-primary {
        margin-bottom: 24px
    }

    .card-section .gallery-card {
        width: -webkit-calc(100% + 30px);
        width: -moz-calc(100% + 30px);
        width: calc(100% + 30px);
        margin-left: -15px
    }
}

.documents-section .search-primary {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: -webkit-calc(100% - 170px);
    width: -moz-calc(100% - 170px);
    width: calc(100% - 170px);
    margin-bottom: 52px
}

.documents-section .search-primary input {
    height: 46px;
    padding: 14px 16px 14px 16px;
    width: 500px;
    border: 1px solid #818181;
    font-size: 18px;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    display: inline-block
}

.documents-section .documents {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 48px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.documents-section .documents .text-documents {
    width: -webkit-calc(100% - 170px);
    width: -moz-calc(100% - 170px);
    width: calc(100% - 170px);
    padding-left: 30px
}

.documents-section .documents .text-documents .data {
    color: #9B9B9B;
    font-size: 18px;
    margin-bottom: 4px;
    text-transform: uppercase
}

.documents-section .documents .text-documents .text {
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 10px;
    text-transform: uppercase
}

@media (max-width: 767px) {
    .documents-section h1, .documents-section .h1 {
        margin-bottom: 32px !important
    }

    .documents-section .search-primary {
        margin-bottom: 24px;
        width: 100%
    }

    .documents-section .search-primary input {
        width: -webkit-calc(100% - 46px);
        width: -moz-calc(100% - 46px);
        width: calc(100% - 46px);
        font-size: 16px
    }

    .documents-section .search-primary .btn {
        font-size: 0;
        background-image: url("../img/search-ic.svg");
        background-repeat: no-repeat;
        background-position: center;
        padding: 0;
        width: 60px;
        min-width: 60px;
        height: 46px;
        background-size: 20px;
        -webkit-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        transform: scale(1, 1)
    }

    .documents-section .search-primary .btn:after {
        display: none
    }

    .documents-section .documents {
        border-bottom: 2px solid #ccc;
        padding: 20px 0;
        margin-bottom: 0
    }

    .documents-section .documents:last-child {
        border-bottom: none
    }

    .documents-section .documents .img-wrap {
        display: none
    }

    .documents-section .documents .text-documents {
        width: 100%;
        padding-left: 0px
    }
}

.section-new .data {
    text-transform: uppercase;
    color: #818181;
    margin-bottom: 12px;
    font-size: 18px;
    width: 100%;
    display: block
}

.section-new .group-links {
    margin-bottom: 48px
}

.section-new .btn-wrapper {
    padding-top: 48px
}

@media (max-width: 767px) {
    .section-new .data {
        font-size: 16px
    }

    .section-new .group-links {
        margin-bottom: 32px
    }

    .section-new .btn-wrapper {
        padding-top: 8px
    }

    .section-new .btn-wrapper .btn {
        margin: 0 0 30px;
        width: 240px
    }

    .section-new .btn-wrapper .btn:last-child {
        margin: 0
    }
}

.static {
    margin-bottom: 32px
}

.static p {
    font-weight: 500
}

.static img[align='left'] {
    margin-right: 24px;
    margin-bottom: 24px
}

.static img[align='right'] {
    margin-left: 24px;
    margin-bottom: 24px
}

@media screen and (max-width: 767px) {
    .static {
        font-size: 18px
    }

    .static img[align='left'] {
        margin-right: 8px;
        margin-bottom: 16px
    }

    .static img[align='right'] {
        margin-left: 8px;
        margin-bottom: 16px
    }
}

.gallery {
    display: grid;
    grid-gap: 15px 30px;
    width: 100%;
    grid-template-columns:repeat(3, 1fr);
    margin-bottom: 16px
}

.gallery .item {
    position: relative;
    padding-top: 65%
}

.gallery .item img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.gallery .item.x-2 {
    grid-column: span 2
}

.gallery .item.y-2 {
    grid-row: span 2
}

@media (max-width: 767px) {
    .gallery {
        grid-gap: 10px;
        grid-template-columns:repeat(1, 1fr)
    }

    .gallery .item.x-2 {
        grid-column: span 1
    }

    .gallery .item.y-2 {
        grid-row: span 1
    }
}

.iframe-wrap {
    position: relative;
    padding-top: 57%;
    width: 100%;
    margin-bottom: 16px
}

.iframe-wrap iframe {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.iframe-wrap + h6, .iframe-wrap .h6 {
    font-size: 18px;
    max-width: 550px
}

@media (min-width: 768px) {
    .iframe-wrap + h4 {
        padding-left: 24px
    }
}

@media (max-width: 767px) {
    .iframe-wrap {
        margin-bottom: 8px
    }
}

.btn-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.btn-wrapper .btn {
    margin-right: 20px
}

.btn-wrapper .btn:last-child {
    margin-right: 0
}

.owl-carousel.owl-primary {
    margin-bottom: 56px
}

.owl-carousel.owl-primary .owl-nav button.owl-prev {
    left: -webkit-calc((100vw - 1290px) / 2);
    left: -moz-calc((100vw - 1290px) / 2);
    left: calc((100vw - 1290px) / 2)
}

.owl-carousel.owl-primary .owl-nav button.owl-next {
    right: -webkit-calc((100vw - 1290px) / 2);
    right: -moz-calc((100vw - 1290px) / 2);
    right: calc((100vw - 1290px) / 2)
}

.owl-carousel.owl-primary .item {
    position: relative;
    padding-top: 50%;
    width: 1170px;
    max-width: -webkit-calc(100vw - 30px);
    max-width: -moz-calc(100vw - 30px);
    max-width: calc(100vw - 30px);
    display: block
}

.owl-carousel.owl-primary .item img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.owl-carousel.owl-primary .owl-item {
    opacity: .4
}

.owl-carousel.owl-primary .owl-item.active.center {
    opacity: 1
}

@media (max-width: 1400px) {
    .owl-carousel.owl-primary .owl-nav button.owl-prev {
        left: 24px
    }

    .owl-carousel.owl-primary .owl-nav button.owl-next {
        right: 24px
    }
}

@media (max-width: 1199px) {
    .owl-carousel.owl-primary .item {
        width: 994px
    }
}

@media (max-width: 991px) {
    .owl-carousel.owl-primary .item {
        width: 770px
    }
}

@media (max-width: 767px) {
    .owl-carousel.owl-primary {
        margin-bottom: 24px
    }

    .owl-carousel.owl-primary .item {
        padding-top: 75%
    }
}

@media (max-width: 575px) {
    .owl-carousel.owl-primary .owl-nav button.owl-prev {
        left: 5px
    }

    .owl-carousel.owl-primary .owl-nav button.owl-next {
        right: 5px
    }
}

@media (min-width: 768px) {
    .owl-grid-mobile {
        display: grid;
        grid-gap: 18px 30px;
        width: 100%;
        grid-template-columns:repeat(4, 1fr)
    }

    .owl-grid-mobile .item {
        padding-top: 76%;
        width: 100%;
        position: relative
    }

    .owl-grid-mobile .item img {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .owl-grid-mobile {
        grid-gap: 16px
    }
}

@media (max-width: 767px) {
    .owl-grid-mobile {
        margin-bottom: 24px;
        width: -webkit-calc(100% + 30px);
        width: -moz-calc(100% + 30px);
        width: calc(100% + 30px);
        margin-left: -15px
    }

    .owl-grid-mobile .item {
        padding-top: 75%;
        max-width: -webkit-calc(100vw - 30px);
        max-width: -moz-calc(100vw - 30px);
        max-width: calc(100vw - 30px);
        width: 700px;
        display: block;
        position: relative
    }

    .owl-grid-mobile .item img {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }

    .owl-grid-mobile .owl-nav button.owl-prev {
        left: 24px
    }

    .owl-grid-mobile .owl-nav button.owl-next {
        right: 24px
    }
}

@media (max-width: 575px) {
    .owl-grid-mobile .owl-nav button.owl-prev {
        left: 5px
    }

    .owl-grid-mobile .owl-nav button.owl-next {
        right: 5px
    }
}

.section-project .top-text-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 16px
}

.section-project .top-text-wrap p {
    margin: 0
}

.section-project .top-text-wrap p.labelEl {
    margin-right: 32px
}

.section-project .top-text-wrap .text-primary {
    padding: 7px 0
}

.section-project h1, .section-project .h1 {
    margin-bottom: 40px
}

.section-project .ca-text-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 32px
}

.section-project .ca-text-wrap p {
    font-size: 22px;
    font-weight: 500;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 32px
}

.section-project .ca-text-wrap p:last-child {
    margin-right: 0
}

.section-project .ca-text-wrap p.project-client:before {
    content: '';
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-image: url("../img/suitcase.svg");
    width: 32px;
    height: 28px;
    margin-right: 15px
}

.section-project .ca-text-wrap p.project-address:before {
    content: '';
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-image: url("../img/place_city.svg");
    width: 24px;
    height: 32px;
    margin-right: 15px
}

.section-project .fs-24 {
    font-size: 24px
}

.section-project .project-des {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 40px
}

.section-project .project-des .item {
    margin-bottom: 38px
}

.section-project .project-des .item.bg-grey {
    height: 100%;
    background-color: #EFEFEF;
    padding: 32px 40px
}

.section-project .project-des .item.bg-grey .h4:before, .section-project .project-des .item.bg-grey h4:before {
    max-width: 275px
}

.section-project .project-des h4, .section-project .project-des .h4 {
    font-size: 22px;
    display: table;
    padding-bottom: 8px;
    margin-bottom: 18px;
    position: relative
}

.section-project .project-des h4:before, .section-project .project-des .h4:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #F39314
}

.section-project .project-des p {
    width: 100%
}

.section-project .project-progress {
    margin-bottom: 56px
}

.section-project .project-result {
    margin-bottom: 56px
}

.section-project .project-result .grid {
    display: grid;
    grid-gap: 20px 30px;
    width: 100%;
    grid-template-columns:repeat(3, 1fr);
    margin-bottom: 48px
}

.section-project .project-result .text-wrap h4, .section-project .project-result .text-wrap .h4 {
    font-size: 22px;
    display: block;
    padding-bottom: 8px;
    margin-bottom: 18px;
    position: relative
}

.section-project .project-result .text-wrap h4:before, .section-project .project-result .text-wrap .h4:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #F39314
}

.section-project .project-documents {
    padding: 56px 0;
    margin-bottom: 80px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

.section-project .project-documents .grid {
    display: grid;
    grid-gap: 30px;
    width: 100%;
    grid-template-columns:repeat(3, 1fr)
}

.section-project .project-documents .grid .img-wrap {
    height: 260px;
    margin-bottom: 20px
}

.section-project .project-documents .grid .img-wrap img {
    height: 100%;
    max-width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: top left;
    object-position: top left
}

.section-project .project-documents .grid h5, .section-project .project-documents .grid .h5 {
    margin: 0
}

@media (min-width: 768px) {
    .section-project .project-documents {
        background-image: url("../img/project-bg.jpg")
    }
}

.section-project .project-reviews {
    margin-bottom: 70px;
    background-color: #EFEFEF;
    padding: 52px 366px 52px 60px;
    position: relative
}

.section-project .project-reviews h1, .section-project .project-reviews .h1 {
    margin-bottom: 24px
}

.section-project .project-reviews .img {
    width: 255px;
    position: absolute;
    right: 60px;
    top: 0;
    bottom: 0;
    margin: auto;
    -webkit-box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.24);
    box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.24);
    z-index: 10
}

.section-project .project-reviews h5, .section-project .project-reviews .h5 {
    margin-bottom: 0
}

.section-project .project-reviews .text-lg {
    font-size: 20px;
    color: #818181;
    margin: 0;
    display: block;
    text-transform: uppercase
}

.section-project .project-cons {
    border: 2px solid #F39314;
    padding: 32px 32px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.section-project .project-cons .text {
    font-size: 28px;
    color: #646464;
    margin: 0 auto 0;
    font-weight: bold
}

@media (max-width: 1199px) {
    .section-project .project-reviews {
        padding: 48px 340px 48px 48px
    }

    .section-project .project-reviews .img {
        right: 40px
    }

    .section-project .project-cons {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .section-project .project-cons .text {
        text-align: center;
        margin-bottom: 24px;
        width: 100%
    }
}

@media (max-width: 991px) {
    .section-project .project-documents .grid {
        grid-gap: 16px
    }
}

@media (max-width: 767px) {
    .section-project .top-text-wrap {
        margin: 0
    }

    .section-project .top-text-wrap .labelEl {
        margin: 0 0 16px
    }

    .section-project .top-text-wrap .text-primary {
        display: block;
        margin: 0;
        padding: 0;
        width: 100%
    }

    .section-project h1, .section-project .h1 {
        margin-bottom: 16px
    }

    .section-project .ca-text-wrap {
        margin-bottom: 16px
    }

    .section-project .ca-text-wrap p {
        font-size: 18px;
        width: 100%;
        margin-bottom: 8px
    }

    .section-project .ca-text-wrap p.project-client:before {
        width: 21px;
        height: 18px;
        margin-right: 10px
    }

    .section-project .ca-text-wrap p.project-address:before {
        width: 21px;
        height: 20px;
        margin-right: 10px
    }

    .section-project p.mb-5 {
        margin-bottom: 24px !important
    }

    .section-project .project-des {
        margin-bottom: 24px
    }

    .section-project .project-des h4, .section-project .project-des .h4 {
        font-size: 20px;
        margin-bottom: 12px;
        padding-bottom: 4px
    }

    .section-project .project-des .item {
        margin-bottom: 24px
    }

    .section-project .project-des .item:last-child {
        margin-bottom: 0
    }

    .section-project .project-des .item.bg-grey {
        height: auto;
        width: -webkit-calc(100% + 30px);
        width: -moz-calc(100% + 30px);
        width: calc(100% + 30px);
        margin-left: -15px;
        padding: 24px 15px
    }

    .section-project .project-des .item.bg-grey p:last-child {
        margin-bottom: 0
    }

    .section-project .project-progress {
        margin-bottom: 24px
    }

    .section-project .project-result {
        margin-bottom: 24px
    }

    .section-project .project-result .grid {
        grid-gap: 18px;
        grid-template-columns:repeat(1, 1fr);
        margin-bottom: 24px
    }

    .section-project .project-result .grid .text-wrap h4, .section-project .project-result .grid .text-wrap .h4 {
        font-size: 20px;
        margin-bottom: 12px;
        padding-bottom: 4px
    }

    .section-project .project-result .grid .text-wrap p {
        margin-bottom: 0
    }

    .section-project .project-documents {
        margin-bottom: 24px;
        background-color: #EFEFEF;
        padding: 24px 0
    }

    .section-project .project-documents .grid {
        grid-gap: 24px;
        grid-template-columns:repeat(2, 1fr)
    }

    .section-project .project-documents .grid h5, .section-project .project-documents .grid .h5 {
        font-size: 18px
    }

    .section-project .project-reviews {
        padding: 24px 15px 24px 15px;
        margin-bottom: 24px
    }

    .section-project .project-reviews .text-lg {
        margin-bottom: 24px;
        font-size: 18px
    }

    .section-project .project-reviews .img {
        position: relative;
        right: 0;
        margin: 0 auto 0;
        display: block
    }

    .section-project .project-cons {
        padding: 30px 15px
    }

    .section-project .project-cons .text {
        margin-bottom: 12px;
        font-size: 24px;
        text-align: left
    }

    .section-project .project-cons .btn.btn-lg {
        font-size: 16px;
        padding: 9px 16px 11px;
        text-align: left
    }

    .section-project .project-cons .btn.btn-lg:after {
        margin: 0 0 -3px 10px
    }
}

@media (max-width: 575px) {
    .section-project .project-documents .grid {
        grid-template-columns:repeat(1, 1fr)
    }

    .section-project .project-documents .grid .img-wrap {
        height: initial;
        margin-bottom: 8px
    }

    .section-project .project-documents .grid .img-wrap img {
        height: auto;
        max-width: initial;
        width: 100%
    }
}

.owl-certificate .item {
    max-width: 220px;
    margin: auto
}

.owl-certificate .item .img-wrap {
    margin-bottom: 20px;
    display: block;
    width: 100%
}

.owl-certificate .item .img-wrap img {
    width: 100%
}

.owl-certificate .item .owl-text {
    font-size: 18px;
    font-weight: bold;
    line-height: 1.2;
    margin: 0
}

.owl-certificate .owl-nav button {
    bottom: 104px
}

@media (max-width: 1400px) {
    .owl-certificate .owl-nav button.owl-next {
        right: 10px
    }

    .owl-certificate .owl-nav button.owl-prev {
        left: 10px
    }
}

@media (max-width: 575px) {
    .owl-certificate {
        margin-left: -15px;
        width: -webkit-calc(100% + 30px);
        width: -moz-calc(100% + 30px);
        width: calc(100% + 30px)
    }
}

.about-section {
    margin-bottom: 0
}

.about-section h1, .about-section .h1 {
    margin-bottom: 32px
}

.about-section .fs-24 {
    font-size: 24px;
    margin-bottom: 40px
}

.about-section .owl-primary {
    margin-bottom: 96px
}

.about-section .director-box {
    background-color: #EFEFEF;
    padding: 36px 130px 36px 400px;
    position: relative;
    margin-bottom: 62px
}

.about-section .director-box .img {
    position: absolute;
    bottom: 0;
    left: 40px;
    width: 315px
}

.about-section .director-box .text-lg {
    font-size: 36px;
    margin-bottom: 20px;
    text-transform: uppercase;
    width: 100%;
    display: block;
    line-height: 1.2
}

.about-section .director-box h4, .about-section .director-box .h4 {
    margin-bottom: 4px;
    display: block;
    width: 100%
}

.about-section .director-box .text {
    font-size: 24px;
    margin: 0;
    color: #818181;
    text-transform: uppercase;
    width: 100%
}

.about-section .timeline-box {
    display: grid;
    grid-gap: 40px 30px;
    width: 100%;
    grid-template-columns:repeat(2, 1fr);
    margin-bottom: 56px
}

.about-section .timeline-box .item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.about-section .timeline-box .item .img-wrap {
    width: 270px;
    padding-top: 205px;
    position: relative;
    margin-top: 6px
}

.about-section .timeline-box .item .img-wrap img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.about-section .timeline-box .item .text-wrap {
    width: -webkit-calc(100% - 270px);
    width: -moz-calc(100% - 270px);
    width: calc(100% - 270px);
    padding-left: 32px
}

.about-section .timeline-box .item .text-wrap .data {
    line-height: 1;
    font-size: 40px;
    color: #F39314;
    padding-bottom: 12px;
    width: 100%;
    border-bottom: 2px solid #F39314;
    margin-bottom: 24px
}

.about-section .timeline-box .item .text-wrap ul li {
    display: block
}

.about-section .timeline-box .item .text-wrap ul li:before {
    content: '-'
}

.about-section .certificate-box {
    background-color: #EFEFEF;
    padding: 56px 0;
    margin-bottom: 56px
}

.about-section .certificate-box h1, .about-section .certificate-box .h1 {
    margin-bottom: 24px
}

.about-section .certificate-box .text {
    max-width: 860px;
    font-size: 20px;
    margin-bottom: 48px
}

.about-section .our-client {
    margin-bottom: 56px
}

.about-section .our-client .grid {
    display: grid;
    grid-gap: 15px 30px;
    grid-template-columns:repeat(3, 1fr)
}

.about-section .our-client .grid .item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background-color: #EFEFEF;
    padding: 35px 30px
}

.about-section .our-client .grid .item .logo-wrap {
    width: 260px;
    margin-bottom: 40px
}

.about-section .our-client .grid .item .logo-wrap img {
    max-width: 100%
}

.about-section .our-client .grid .item .text-wrap .text {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 16px;
    font-weight: 500
}

.about-section .our-client .grid .item.y-2 {
    grid-row: span 2;
    display: block
}

.about-section .our-client .grid .item.x-2 {
    padding: 28px 35px;
    grid-column: span 2;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.about-section .our-client .grid .item.x-2 .logo-wrap {
    width: 240px;
    margin: 0
}

.about-section .our-client .grid .item.x-2 .logo-wrap img {
    max-width: 100%
}

.about-section .our-client .grid .item.x-2 .text-wrap {
    width: -webkit-calc(100% - 300px);
    width: -moz-calc(100% - 300px);
    width: calc(100% - 300px)
}

.about-section .our-client .grid .item.x-3 {
    grid-column: span 3
}

.about-section .our-client .grid .item.x-3 .logo-wrap {
    margin: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 500px;
    min-width: 500px
}

.about-section .our-client .grid .item.x-3 .logo-wrap img {
    min-width: 115px
}

.about-section .our-client .grid .item.x-3 .logo-wrap h4, .about-section .our-client .grid .item.x-3 .logo-wrap .h4 {
    padding-left: 24px
}

.about-section .our-client .grid .item.x-3 .text-wrap {
    width: -webkit-calc(100% - 500px);
    width: -moz-calc(100% - 500px);
    width: calc(100% - 500px);
    max-width: 560px;
    padding-left: 20px;
    margin-left: auto;
    margin-right: auto
}

.about-section .contacts-box {
    margin-bottom: 56px
}

.about-section .contacts-box .wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-left: 104px;
    position: relative
}

.about-section .contacts-box .wrapper:before {
    content: '';
    width: 80px;
    height: 88px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-image: url("../img/placeholder.svg");
    position: absolute;
    left: 0;
    top: 0
}

.about-section .contacts-box .wrapper .block-top-left {
    width: 38%;
    margin-bottom: 56px;
    padding-right: 16px
}

.about-section .contacts-box .wrapper .block-top-left .fs-24 {
    font-weight: bold;
    margin-bottom: 16px
}

.about-section .contacts-box .wrapper .block-top-left a {
    display: table
}

.about-section .contacts-box .wrapper .block-top-left a.mail {
    margin-bottom: 0;
}


.about-section .contacts-box .wrapper .block-top-left .link {
    margin-bottom: 40px
}

.about-section .contacts-box .wrapper .block-top-left .phone-lg {
    font-weight: bold;
    color: #000;
    font-size: 24px;
    margin-bottom: 4px;
    text-decoration: none
}

.about-section .contacts-box .wrapper .block-top-left .phone-lg:hover {
    color: #F39314
}

.about-section .contacts-box .wrapper .block-top-left .phone-sm {
    color: #000;
    font-size: 16px;
    margin-bottom: 4px;
    text-decoration: none
}

.about-section .contacts-box .wrapper .block-top-left .phone-sm:hover {
    color: #F39314
}

.about-section .contacts-box .wrapper .block-top-left .mail {
    font-size: 20px;
    font-weight: 500;
    color: #000;
    text-decoration: none;
    margin-bottom: 24px
}

.about-section .contacts-box .wrapper .block-top-left .mail:hover {
    color: #F39314
}

.about-section .contacts-box .wrapper .block-top-left .text {
    font-size: 18px;
    margin-top: 24px;
}

.about-section .contacts-box .wrapper .block-top-right {
    padding: 40px 40px 40px 40px;
    margin-bottom: 56px;
    width: 62%;
    background-color: #EFEFEF;
    background-image: url("../img/contact-bg.png");
    background-position: center right;
    background-repeat: no-repeat;
    background-size: 50%
}

.about-section .contacts-box .wrapper .block-top-right h3, .about-section .contacts-box .wrapper .block-top-right .h3 {
    max-width: 360px;
    font-size: 26px;
    text-transform: inherit;
    margin-bottom: 8px
}

.about-section .contacts-box .wrapper .block-top-right .text {
    max-width: 360px;
    font-size: 18px;
    margin-bottom: 38px
}

.about-section .contacts-box .wrapper .block-bottom {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.about-section .contacts-box .wrapper .block-bottom h6, .about-section .contacts-box .wrapper .block-bottom .h6 {
    border-bottom: 2px solid #F39314;
    display: block;
    width: 100%;
    padding-bottom: 12px;
    margin-bottom: 24px;
    font-size: 18px
}

.about-section .contacts-box .wrapper .block-bottom .list {
    padding: 0;
    margin: 0;
    list-style-type: none;
    font-size: 18px;
    max-width: 640px
}

.about-section .contacts-box .wrapper .block-bottom .list:first-of-type li {
    margin-bottom: 16px
}

.about-section .contacts-box .wrapper .block-bottom .list li {
    margin-bottom: 10px
}

.about-section .contacts-box .wrapper .block-bottom .list li:last-child {
    margin-bottom: 0
}

.about-section .contacts-box .wrapper .block-bottom .list li .medium {
    display: block;
    margin-bottom: 6px
}

.about-section .contact-person {
    background-color: #EFEFEF;
    padding: 56px 0 130px;
    margin-bottom: 0
}

.about-section .contact-person .text {
    margin-bottom: 40px
}

.about-section .contact-person .grid {
    display: grid;
    grid-gap: 24px 40px;
    grid-template-columns:repeat(2, 1fr)
}

.about-section .contact-person .grid .item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.about-section .contact-person .grid .item .img-wrap {
    width: 272px;
    padding-top: 322px;
    position: relative
}

.about-section .contact-person .grid .item .img-wrap img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center
}

.about-section .contact-person .grid .item .text-wrap {
    width: -webkit-calc(100% - 272px);
    width: -moz-calc(100% - 272px);
    width: calc(100% - 272px);
    padding-left: 32px;
    padding-top: 30px
}

.about-section .contact-person .grid .item .text-wrap .min-text {
    color: #818181;
    margin-bottom: 4px
}

.about-section .contact-person .grid .item .text-wrap .tel {
    font-size: 22px;
    font-weight: bold;
    color: #000;
    display: table;
    margin-bottom: 0px;
    text-decoration: none
}

.about-section .contact-person .grid .item .text-wrap .tel:hover {
    color: #F39314
}

.about-section .contact-person .grid .item .text-wrap .mail {
    font-size: 20px;
    font-weight: 500;
    color: #000;
    display: table;
    margin-top: 16px;
    text-decoration: none
}

.about-section .contact-person .grid .item .text-wrap .mail:hover {
    color: #F39314
}

@media (max-width: 1199px) {
    .about-section .timeline-box {
        grid-template-columns:repeat(1, 1fr)
    }

    .about-section .our-client .grid .item .logo-wrap {
        max-width: 100%
    }

    .about-section .our-client .grid .item.x-2 .logo-wrap {
        width: 180px
    }

    .about-section .our-client .grid .item.x-2 .text-wrap {
        width: -webkit-calc(100% - 200px);
        width: -moz-calc(100% - 200px);
        width: calc(100% - 200px)
    }

    .about-section .contact-person .grid {
        grid-template-columns:repeat(1, 1fr)
    }
}

@media (max-width: 991px) {
    .about-section .fs-24 {
        font-size: 20px
    }

    .about-section .director-box {
        padding: 36px 40px 36px 300px
    }

    .about-section .director-box .img {
        left: 0;
        width: 260px
    }

    .about-section .director-box .text-lg {
        font-size: 26px
    }

    .about-section .director-box h4, .about-section .director-box .h4 {
        font-size: 20px
    }

    .about-section .director-box .text {
        font-size: 20px
    }

    .about-section .our-client .grid {
        grid-template-columns:repeat(1, 1fr)
    }

    .about-section .our-client .grid .item {
        padding: 32px 20px
    }

    .about-section .our-client .grid .item .logo-wrap {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        width: 180px;
        margin: 0
    }

    .about-section .our-client .grid .item .text-wrap {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -moz-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        width: -webkit-calc(100% - 180px);
        width: -moz-calc(100% - 180px);
        width: calc(100% - 180px);
        padding-left: 24px
    }

    .about-section .our-client .grid .item .text-wrap .text {
        font-size: 18px;
        margin-bottom: 8px
    }

    .about-section .our-client .grid .item.y-2 {
        grid-row: span 1;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex
    }

    .about-section .our-client .grid .item.x-2 {
        padding: 24px 24px;
        grid-column: span 1
    }

    .about-section .our-client .grid .item.x-2 .text-wrap {
        width: -webkit-calc(100% - 180px);
        width: -moz-calc(100% - 180px);
        width: calc(100% - 180px)
    }

    .about-section .our-client .grid .item.x-3 {
        grid-column: span 1
    }

    .about-section .our-client .grid .item.x-3 .logo-wrap {
        width: 100%;
        margin-bottom: 16px
    }

    .about-section .our-client .grid .item.x-3 .logo-wrap h4, .about-section .our-client .grid .item.x-3 .logo-wrap .h4 {
        margin-bottom: 0
    }

    .about-section .our-client .grid .item.x-3 .text-wrap {
        width: 100%;
        margin: 0;
        max-width: 100%
    }

    .about-section .contacts-box .wrapper {
        padding-left: 56px
    }

    .about-section .contacts-box .wrapper:before {
        width: 40px;
        height: 44px
    }

    .about-section .contacts-box .wrapper .block-top-left {
        width: 40%
    }

    .about-section .contacts-box .wrapper .block-top-right {
        padding: 24px;
        width: 60%
    }

    .about-section .contacts-box .wrapper .block-bottom .list li:last-child {
        margin-bottom: 16px
    }
}

@media (max-width: 767px) {
    .about-section h1, .about-section .h1 {
        margin-bottom: 18px
    }

    .about-section .fs-24 {
        font-size: 18px;
        margin-bottom: 24px
    }

    .about-section .owl-primary {
        margin-bottom: 40px
    }

    .about-section .director-box {
        padding: 32px 0 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -moz-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        margin-bottom: 40px
    }

    .about-section .director-box .text-lg {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        padding: 0 20px
    }

    .about-section .director-box .img {
        position: relative;
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -moz-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        padding: 0 20px
    }

    .about-section .director-box h4, .about-section .director-box .h4 {
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        -moz-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        font-size: 20px;
        background-color: #fff;
        margin: 0;
        padding: 20px 0 0 0
    }

    .about-section .director-box .text {
        -webkit-box-ordinal-group: 5;
        -webkit-order: 4;
        -moz-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
        background-color: #fff;
        margin: 0;
        padding: 0
    }

    .about-section .timeline-box {
        grid-gap: 32px;
        margin-bottom: 40px
    }

    .about-section .timeline-box .item {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .about-section .timeline-box .item .img-wrap {
        margin-bottom: 8px;
        width: 100%;
        padding-top: 76%;
        max-width: 400px
    }

    .about-section .timeline-box .item .text-wrap {
        width: 100%;
        padding: 0
    }

    .about-section .timeline-box .item .text-wrap .data {
        font-size: 30px;
        padding-bottom: 8px;
        margin-bottom: 16px
    }

    .about-section .timeline-box .item .text-wrap ul:last-child {
        margin: 0
    }

    .about-section .timeline-box .item .text-wrap ul li {
        font-size: 18px
    }

    .about-section .timeline-box .item .text-wrap ul li:last-child {
        margin: 0
    }

    .about-section .certificate-box {
        padding: 40px 0;
        margin-bottom: 40px
    }

    .about-section .certificate-box .text {
        font-size: 18px;
        margin-bottom: 24px
    }

    .about-section .contacts-box {
        margin-bottom: 24px
    }

    .about-section .contacts-box .wrapper {
        padding-left: 0
    }

    .about-section .contacts-box .wrapper:before {
        display: none
    }

    .about-section .contacts-box .wrapper .block-top-left {
        width: 100%;
        margin-bottom: 32px;
        padding: 0
    }

    .about-section .contacts-box .wrapper .block-top-left .fs-24 {
        font-size: 22px;
        margin-bottom: 4px
    }

    .about-section .contacts-box .wrapper .block-top-left .link {
        margin-bottom: 20px;
        font-size: 18px
    }

    .about-section .contacts-box .wrapper .block-top-left .phone-lg {
        font-size: 22px
    }

    .about-section .contacts-box .wrapper .block-top-left .mail {
        font-size: 18px;
        margin-bottom: 18px
    }

    .about-section .contacts-box .wrapper .block-top-right {
        width: 100%;
        background-position: center 90%;
        background-repeat: no-repeat;
        background-size: 300px;
        margin-bottom: 32px
    }

    .about-section .contacts-box .wrapper .block-top-right h3, .about-section .contacts-box .wrapper .block-top-right .h3 {
        font-size: 22px;
        margin-bottom: 12px
    }

    .about-section .contacts-box .wrapper .block-top-right .text {
        margin-bottom: 148px
    }

    .about-section .contact-person {
        padding: 40px 0 48px
    }

    .about-section .contact-person .grid .item .img-wrap {
        width: 145px;
        padding-top: 175px
    }

    .about-section .contact-person .grid .item .text-wrap {
        width: -webkit-calc(100% - 145px);
        width: -moz-calc(100% - 145px);
        width: calc(100% - 145px);
        padding-left: 16px;
        padding-top: 0px
    }

    .about-section .contact-person .grid .item .text-wrap h4, .about-section .contact-person .grid .item .text-wrap .h4 {
        font-size: 20px
    }

    .about-section .contact-person .grid .item .text-wrap .min-text {
        font-size: 16px
    }

    .about-section .contact-person .grid .item .text-wrap .tel {
        margin-bottom: 4px
    }

    .about-section .contact-person .grid .item .text-wrap .mail {
        margin-top: 0
    }
}

@media (max-width: 575px) {
    .about-section .our-client {
        margin-bottom: 40px
    }

    .about-section .our-client .grid .item {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .about-section .our-client .grid .item .logo-wrap {
        width: 100%;
        max-width: 100%;
        min-width: initial;
        margin: 0 0 24px
    }

    .about-section .our-client .grid .item .text-wrap {
        width: 100%;
        padding: 0;
        min-width: 100%;
        max-width: 100%
    }

    .about-section .our-client .grid .item.x-2 .logo-wrap {
        width: 100%;
        max-width: 100%;
        min-width: initial;
        margin: 0 0 24px
    }

    .about-section .our-client .grid .item.x-2 .text-wrap {
        width: 100%;
        padding: 0;
        min-width: 100%;
        max-width: 100%
    }

    .about-section .our-client .grid .item.x-3 .logo-wrap {
        width: 100%;
        max-width: 100%;
        min-width: initial;
        margin: 0 0 24px
    }

    .about-section .our-client .grid .item.x-3 .logo-wrap img {
        min-width: 80px
    }

    .about-section .our-client .grid .item.x-3 .text-wrap {
        width: 100%;
        padding: 0;
        min-width: 100%;
        max-width: 100%
    }

    .about-section .our-client .grid .item.x-3 .text-wrap h4, .about-section .our-client .grid .item.x-3 .text-wrap .h4 {
        font-size: 17px;
        padding-left: 16px
    }

    .about-section .contact-person .grid .item .img-wrap {
        width: 145px;
        padding-top: 175px;
        margin-bottom: 16px
    }

    .about-section .contact-person .grid .item .text-wrap {
        width: 100%;
        padding-left: 0;
        padding-top: 0px
    }
}

.green-theme .text-primary {
    color: #00C083 !important
}

.green-theme .btn-primary {
    background-color: #00C083;
    border-color: #00C083
}

.green-theme .btn-primary:hover {
    background-color: #00A36F !important;
    border-color: #00A36F !important
}

.green-theme .btn-primary:active {
    background-color: #00895D !important;
    border-color: #00895D !important
}

.green-theme .owl-main:after {
    background-color: #00C083
}

.green-theme .owl-main .owl-dots .owl-dot {
    background-color: #00C083;
    border: 2px solid #00C083
}

.green-theme .owl-main .owl-dots .owl-dot:hover:hover {
    background-color: #00A36F;
    border-color: #00A36F
}

.green-theme .owl-main .owl-dots .owl-dot:hover:active {
    background-color: #00895D;
    border-color: #00895D
}

.green-theme .owl-main .owl-dots .owl-dot.active {
    background-color: #fff
}

.green-theme .owl-main .owl-dots .owl-dot.active:hover {
    background-color: #fff
}

.green-theme .owl-main .owl-dots .owl-dot.active:active {
    background-color: #fff
}

@media (max-width: 767px) {
    .green-theme .owl-main .btn.btn-lg {
        padding: 9px 12px 11px
    }
}

.green-theme .scheme-section h1, .green-theme .scheme-section .h1 {
    color: #00C083
}

.green-theme h1.color-primary, .green-theme .h1.color-primary {
    color: #00C083
}

.green-theme .gridCp .item .img-wrap .count {
    background-color: #00C083;
    color: #fff
}

.green-theme .gridCp .item .img-wrap .label {
    background-color: #00C083;
    color: #fff
}

.green-theme .gridCp .item .text-wrap .data {
    color: #00C083
}

.green-theme .gridCp .item .lgLink {
    border: 2px solid #00C083
}

.turquoise-theme .text-primary {
    color: #00AEB3 !important
}

.turquoise-theme .btn-primary {
    background-color: #00AEB3;
    border-color: #00AEB3
}

.turquoise-theme .btn-primary:hover {
    background-color: #009599 !important;
    border-color: #009599 !important
}

.turquoise-theme .btn-primary:active {
    background-color: #007C7F !important;
    border-color: #007C7F !important
}

.turquoise-theme .owl-main:after {
    background-color: #00AEB3
}

.turquoise-theme .owl-main .owl-dots .owl-dot {
    background-color: #00AEB3;
    border: 2px solid #00AEB3
}

.turquoise-theme .owl-main .owl-dots .owl-dot:hover:hover {
    background-color: #009599;
    border-color: #009599
}

.turquoise-theme .owl-main .owl-dots .owl-dot:hover:active {
    background-color: #007C7F;
    border-color: #007C7F
}

.turquoise-theme .owl-main .owl-dots .owl-dot.active {
    background-color: #fff
}

.turquoise-theme .owl-main .owl-dots .owl-dot.active:hover {
    background-color: #fff
}

.turquoise-theme .owl-main .owl-dots .owl-dot.active:active {
    background-color: #fff
}

@media (max-width: 767px) {
    .turquoise-theme .owl-main .btn.btn-lg {
        padding: 9px 12px 11px
    }
}

.turquoise-theme .scheme-section h1, .turquoise-theme .scheme-section .h1 {
    color: #00AEB3
}

.turquoise-theme h1.color-primary, .turquoise-theme .h1.color-primary {
    color: #00AEB3
}

.turquoise-theme .gridCp .item .img-wrap .count {
    background-color: #00AEB3;
    color: #fff
}

.turquoise-theme .gridCp .item .img-wrap .label {
    background-color: #00AEB3;
    color: #fff
}

.turquoise-theme .gridCp .item .text-wrap .data {
    color: #00AEB3
}

.turquoise-theme .gridCp .item .lgLink {
    border: 2px solid #00AEB3
}

.turquoise-theme .ul-primary li:before {
    background-color: #00AEB3
}


/******************rsh added***********************/
.but-custom {
    box-shadow: none;
    font-size: 12px;
    line-height: 39px;
}
.but-custom:after {
    content: "";
    font-size: 0;
    background-image: url(../img/arrow-white.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 22px;
    height: 16px;
    right: 15px;
    top: 0;
    bottom: 0;
    margin: 0 0 -6px 24px;
}
footer .number-f { display: flex !important; width: 100% !important; }
footer .number-f .network { margin-top: 0 !important; }
footer .number-f .network .vk { margin-left: 30px !important; }
@media (max-width: 580px) {
    footer .logo img {
        width: 150px !important;
        height: auto !important;
    }
    footer .logo .h1 { display: none; }
    footer .logo-text { font-size: 12px !important; }
}
@media (max-width: 470px) {
    header .logo-h .logo-ic {
        width: 100px;
        height: auto;
        margin-right: 0;
    }
}
@media (max-width: 390px) {
    header .logo-h .logo-ic {
        display: none;
    }
}


.network a.telegram {
    background-image: url("../img/telegram-1.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center
}
.network a.telegram:hover:before {
    opacity: 1
}
.network a.telegram:active:after {
    opacity: 1
}
.network a.telegram:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("../img/telegram-2.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    opacity: 0
}
.network a.telegram:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("../img/telegram-3.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    opacity: 0
}


.network a.whatsapp {
    background-image: url("../img/whatsapp-1.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center
}
.network a.whatsapp:hover:before {
    opacity: 1
}
.network a.whatsapp:active:after {
    opacity: 1
}
.network a.whatsapp:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("../img/whatsapp-2.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    opacity: 0
}

.network a.whatsapp:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("../img/whatsapp-3.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    opacity: 0
}