@charset "UTF-8";
h1, h2, h3, h4, h5, h6 {
    color: #181818;
    margin: 0 0 .75em;
    font-weight: 600;
    line-height: 1.1em;
    text-transform: uppercase;
    font-family: Montserrat, sans-serif;
    letter-spacing: -.02em
}

h1 {
    font-size: 48px
}

h1, h2 {
    font-style: normal;
    text-transform: uppercase
}

h2 {
    font-size: 28px
}

h3 {
    font-size: 20px;
    text-transform: uppercase
}

h3, h4 {
    font-style: normal
}

h4 {
    font-size: 18px;
    text-transform: none
}

h5 {
    font-size: 16px;
    font-style: normal
}

h5, h6 {
    text-transform: uppercase
}

h6 {
    font-size: 14px;
    margin-bottom: 2em;
    line-height: 24px;
    font-size: normal
}

b, h6, strong {
    font-weight: 600
}

p {
    margin-bottom: 1.5em
}

.lead {
    font-size: 16px;
    line-height: 2em
}

a, a:focus, a:hover {
    color: #f3b608;
    text-decoration: none
}

a:focus, a:hover {
    outline: none
}

ol.list {
    list-style-type: none;
    padding: 0;
    margin: 0;
    margin-bottom: 1.5em;
    counter-reset: a
}

ol.list li {
    position: relative
}

@media (max-width: 992px) {
    ol.list li {
        padding-left: 25px
    }
}

ol.list li:before {
    display: inline-block;
    position: absolute;
    left: -20px;
    content: counter(a) ". ";
    counter-increment: a;
    font-weight: 400;
    width: 20px;
    color: #f3b608;
    font-family: Montserrat, sans-serif;
    font-size: 14px
}

@media (max-width: 992px) {
    ol.list li:before {
        left: 0
    }
}

ol.list-inner {
    list-style-type: none;
    padding: 0;
    margin: 0;
    margin-bottom: 1.5em;
    counter-reset: a
}

ol.list-inner li {
    position: relative;
    padding: 0 0 .5em 20px
}

ol.list-inner li:before {
    display: inline-block;
    position: absolute;
    left: 0;
    content: counter(a) ". ";
    counter-increment: a;
    font-weight: 400;
    width: 20px;
    color: #181818;
    font-family: Montserrat, sans-serif;
    font-size: 14px
}

ul.list {
    list-style-type: none;
    padding: 0;
    margin: 0;
    margin-bottom: 1.5em
}

ul.list li {
    position: relative
}

@media (max-width: 992px) {
    ul.list li {
        padding-left: 25px
    }
}

ul.list li:before {
    display: inline-block;
    position: absolute;
    left: -20px;
    width: 20px;
    color: #f3b608;
    font-size: 6px;
    line-height: 24px;
    content: "\f111";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: FontAwesome
}

@media (max-width: 992px) {
    ul.list li:before {
        left: 0
    }
}

ul.list-inner {
    list-style-type: none;
    padding: 0;
    margin: 0;
    margin-bottom: 1.5em
}

ul.list-inner li {
    position: relative;
    padding: 0 0 .5em 20px
}

ul.list-inner li:before {
    display: inline-block;
    position: absolute;
    left: 0;
    width: 20px;
    color: #181818;
    font-size: 6px;
    line-height: 24px;
    content: "\f111";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: FontAwesome
}

.section-title {
    text-transform: uppercase;
    color: #181818;
    font-weight: 600;
    font-size: 20px;
    line-height: 36px;
    margin: 0 0 30px;
    padding: 0
}

.section-title span {
    display: block;
    color: #f3b608;
    font-size: 14px;
    line-height: 14px;
    font-weight: 600;
    margin-bottom: 30px
}

.section-title span:after {
    display: inline-block;
    content: "";
    border-top: 2px solid #f3b608;
    width: 96px;
    transform: translateY(-4px);
    margin-left: 100px
}

.blockquote--default {
    border: none;
    padding: 50px;
    position: relative;
    margin: 3em 0;
    background-color: #f8f8f8
}

@media (min-width: 992px) {
    .blockquote--default {
        padding: 50px
    }
}

.blockquote--default:before {
    content: url(../images/cite-icon.png);
    display: block;
    position: absolute;
    left: -115px;
    top: -8px;
    z-index: 0
}

.blockquote--default .blockquote__content {
    font-size: 14px;
    color: #181818;
    font-weight: 400;
    margin-bottom: 50px
}

@media (min-width: 992px) {
    .blockquote--default .blockquote__content {
        font-size: 14px
    }
}

.blockquote--default .blockquote__footer:before {
    display: none !important
}

.blockquote--default .blockquote__cite {
    font-size: 14px;
    color: #8b8b8b;
    font-weight: 400;
    font-style: normal
}

@media (min-width: 992px) {
    .blockquote--default .blockquote__cite {
        font-size: 14px
    }
}

.text-success {
    color: #24d9b0 !important
}

.text-danger {
    color: #f34141 !important
}

.text-warning {
    color: #ff7e1f !important
}

.text-info {
    color: #0cb2e2 !important
}

@media (max-width: 575.98px) {
    .section-title {
        font-weight: 900;
        font-size: 24px;
        line-height: 26px;
        margin: 0 0 30px
    }

    .section-title span {
        font-size: 14px;
        line-height: 14px;
        font-weight: 600;
        margin-bottom: 20px
    }

    .section-title span:after {
        margin-left: 40px
    }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .section-title {
        font-weight: 900;
        font-size: 34px;
        line-height: 36px;
        margin: 0 0 40px
    }

    .section-title span {
        font-size: 14px;
        line-height: 14px;
        font-weight: 600;
        margin-bottom: 30px
    }

    .section-title span:after {
        margin-left: 80px
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .section-title {
        font-weight: 900;
        font-size: 34px;
        line-height: 36px;
        margin: 0 0 40px
    }

    .section-title span {
        font-size: 14px;
        line-height: 14px;
        font-weight: 600;
        margin-bottom: 30px
    }

    .section-title span:after {
        margin-left: 80px
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .section-title {
        font-weight: 900;
        font-size: 34px;
        line-height: 36px;
        margin: 0 0 40px
    }

    .section-title span {
        font-size: 14px;
        line-height: 14px;
        font-weight: 600;
        margin-bottom: 30px
    }

    .section-title span:after {
        margin-left: 80px
    }
}

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

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

.aligncenter {
    text-align: center;
    margin-bottom: 20px
}

.aligncenter figcaption {
    padding: 14px;
    font-size: 13px
}

figure {
    margin: 0
}

table {
    background-color: transparent
}

caption {
    padding-top: 13px;
    padding-bottom: 13px
}

caption, th {
    text-align: left
}

.table {
    width: 100%;
    max-width: 100%
}

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    padding: 10px;
    vertical-align: top;
    font-family: Montserrat, sans-serif;
    font-size: 14px;
    line-height: 1rem;
    color: #181818;
    border-bottom: 1px solid #e5e5e5
}

@media (max-width: 992px) {
    .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
        padding: 13px 10px;
        font-size: 12px
    }
}

.table > thead > tr > th {
    vertical-align: top;
    border-bottom: 2px solid #f3b608;
    font-weight: 700;
    color: #181818;
    text-transform: uppercase
}

.table > tbody > tr > th {
    color: #181818;
    font-weight: 400
}

.table > caption + thead > tr:first-child > td, .table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > td, .table > thead:first-child > tr:first-child > th {
    border-top: 1px solid #e5e5e5
}

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

.table--lg > tbody > tr > td, .table--lg > tbody > tr > th, .table--lg > tfoot > tr > td, .table--lg > tfoot > tr > th, .table--lg > thead > tr > td, .table--lg > thead > tr > th {
    padding: 8.5px
}

@media (min-width: 992px) {
    .table--lg > tbody > tr > td, .table--lg > tbody > tr > th, .table--lg > tfoot > tr > td, .table--lg > tfoot > tr > th, .table--lg > thead > tr > td, .table--lg > thead > tr > th {
        padding: 17px 12px
    }
}

.table-thead-color > thead > tr > th {
    background-color: #f5f7f9
}

.table-hover > tbody > tr {
    transition: background-color .2s ease
}

.table-hover > tbody > tr:hover {
    background-color: #f5f7f9
}

.table-bordered, .table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
    border: 1px solid #e5e5e5
}

.table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
    border-bottom-width: 1px
}

.table-wrap-bordered {
    border: 1px solid #e5e5e5
}

@media (max-width: 767px) {
    .table-responsive {
        border: none;
        margin-bottom: 0
    }
}

.table--no-border > tbody > tr > td, .table--no-border > tbody > tr > th, .table--no-border > tfoot > tr > td, .table--no-border > tfoot > tr > th, .table--no-border > thead > tr > td, .table--no-border > thead > tr > th {
    border: none
}

.table__cell-center, .table__cell-center > thead > tr > th {
    text-align: center
}

.table__cell-center > thead > tr > th:first-child {
    text-align: left
}

.membership-pricing-table, .membership-pricing-table table {
    width: 100%
}

.membership-pricing-table table .plan-header {
    font-size: 14px;
    border: none;
    padding: 20px;
    color: #181818;
    font-weight: 700
}

.membership-pricing-table table .plan-header-gray {
    background-color: #f8f8f8
}

.membership-pricing-table table .plan-header-standard {
    background-color: #f0f0f0
}

.membership-pricing-table table tr td {
    width: 25%;
    padding: 20px;
    background-color: #f8f8f8;
    font-size: 14px;
    border-bottom: 1px solid #e5e5e5
}

.membership-pricing-table table tr td:first-child {
    background-color: transparent;
    width: 25%
}

.membership-pricing-table table tr:first-child th {
    border-bottom: 2px solid #f3b608
}

.membership-pricing-table table tr:first-child th:first-child {
    border-top-color: transparent;
    border-left-color: transparent;
    border-right-color: #e2e2e2
}

.membership-pricing-table table tr:last-child td {
    border-bottom: 0
}

.error-404 {
    text-align: center;
    padding: 10px 15px 20px;
    overflow: hidden;
    position: relative
}

@media (min-width: 992px) {
    .error-404 {
        padding: 20px 0 40px
    }
}

.error-404__figure {
    position: relative;
    display: inline-block;
    margin-bottom: 30px;
    max-width: 75%
}

@media (min-width: 480px) {
    .error-404__figure {
        max-width: 100%
    }
}

@media (min-width: 1200px) {
    .error-404__figure {
        margin-bottom: 55px
    }
}

.error-404__figure:after, .error-404__figure:before {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 120px;
    height: 25px;
    background-color: #f3b608;
    border-radius: 3px
}

.error-404__figure:before {
    transform: translate(50px, -70px) rotate(45deg)
}

.error-404__figure:after {
    transform: translate(50px, -70px) rotate(-45deg)
}

.error__header {
    margin-bottom: 20px
}

@media (min-width: 1200px) {
    .error__header {
        margin-bottom: 40px
    }
}

.error__title {
    margin-bottom: .33em;
    font-size: 24px
}

@media (min-width: 992px) {
    .error__title {
        font-size: 32px
    }
}

@media (min-width: 1200px) {
    .error__title {
        font-size: 38px
    }
}

.error__subtitle {
    font-size: 18px
}

@media (min-width: 1200px) {
    .error__subtitle {
        font-size: 22px
    }
}

.error__description {
    margin-bottom: 30px
}

@media (min-width: 1200px) {
    .error__description {
        margin-bottom: 60px
    }
}

@media (min-width: 992px) {
    .error__cta .btn {
        margin: 0 10px
    }
}

@media (max-width: 767px) {
    .error__cta .btn {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        margin: 5px 0
    }
}

.spacer {
    height: 30px;
    overflow: hidden
}

.spacer-sm {
    height: 15px;
    overflow: hidden
}

.spacer-xs {
    height: 10px;
    overflow: hidden
}

.spacer-lg {
    height: 45px;
    overflow: hidden
}

.spacer-xlg {
    height: 60px;
    overflow: hidden
}

.spacer-xxlg {
    height: 90px;
    overflow: hidden
}

.df-color-pallete {
    list-style-type: none;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
    margin: 0
}

@media (max-width: 767px) {
    .df-color-pallete {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.df-color-pallete__item {
    height: 120px;
    -ms-flex-positive: 1;
    flex-grow: 1;
    font-size: 10px;
    text-transform: uppercase;
    font-family: Montserrat, sans-serif;
    font-weight: 700;
    letter-spacing: -.02em;
    color: #fff;
    line-height: 1.2em;
    text-align: center;
    line-height: 120px
}

@media (max-width: 767px) {
    .df-color-pallete__item {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%
    }
}

@media (max-width: 479px) {
    .df-color-pallete__item {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%
    }
}

.df-color-pallete__item.color-dark {
    background-color: #181818
}

.df-color-pallete__item.color-dark-lighten {
    background-color: #292c31
}

.df-color-pallete__item.color-2 {
    background-color: #31404b
}

.df-color-pallete__item.color-3 {
    background-color: #ff7e1f
}

.df-color-pallete__item.color-4 {
    background-color: #9a66ca
}

.df-color-pallete__item.color-gray {
    background-color: #9a9da2
}

.df-color-pallete__item.color-primary {
    background-color: #f3b608
}

.alert {
    padding: 17px;
    padding-left: 85px;
    border-radius: 4px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    font-size: 13px;
    position: relative;
    color: #181818
}

.alert:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    border-radius: 4px 0 0 4px;
    width: 60px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 15px 15px
}

.alert strong {
    color: #181818;
    font-size: 11px;
    text-transform: uppercase;
    font-family: Montserrat, sans-serif
}

.alert-dismissible {
    padding-right: 37px
}

.alert-dismissible .close {
    top: 17px;
    right: 17px;
    color: inherit;
    text-shadow: none;
    padding: 0;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    opacity: .2
}

.alert-btn-right {
    position: relative;
    float: right;
    top: 0;
    right: 0
}

.alert-success {
    background-color: #fff;
    border-color: #e4e7ed
}

.alert-success hr {
    border-top-color: #d5d9e3
}

.alert-success:before {
    background-color: #24d9b0;
    background-size: 14px 12px;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 12'%3E%3Cpath transform='translate(-189.438 -2446.25)' fill='%23fff' d='M201.45,2446.24l2.121,2.13-9.192,9.19-2.122-2.12Zm-4.949,9.2-2.121,2.12-4.95-4.95,2.121-2.12Z'/%3E%3C/svg%3E")
}

.alert-info {
    background-color: #fff;
    border-color: #e4e7ed
}

.alert-info hr {
    border-top-color: #d5d9e3
}

.alert-info:before {
    background-color: #0cb2e2;
    background-size: 5px 18px;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 5 18'%3E%3Cpath transform='translate(-194 -2257)' fill='%23fff' d='M194.714,2257h3.572a0.716,0.716,0,0,1,.714.72l-0.714,11.16a0.716,0.716,0,0,1-.715.72h-2.142a0.716,0.716,0,0,1-.715-0.72L194,2257.72A0.716,0.716,0,0,1,194.714,2257Zm0.715,14.4h2.142a0.716,0.716,0,0,1,.715.72v2.16a0.716,0.716,0,0,1-.715.72h-2.142a0.716,0.716,0,0,1-.715-0.72v-2.16A0.716,0.716,0,0,1,195.429,2271.4Z'/%3E%3C/svg%3E")
}

.alert-warning {
    background-color: #fff;
    border-color: #e4e7ed
}

.alert-warning hr {
    border-top-color: #d5d9e3
}

.alert-warning:before {
    background-color: #f3b608;
    background-size: 5px 18px;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 5 18'%3E%3Cpath transform='translate(-194 -2257)' fill='%23fff' d='M194.714,2257h3.572a0.716,0.716,0,0,1,.714.72l-0.714,11.16a0.716,0.716,0,0,1-.715.72h-2.142a0.716,0.716,0,0,1-.715-0.72L194,2257.72A0.716,0.716,0,0,1,194.714,2257Zm0.715,14.4h2.142a0.716,0.716,0,0,1,.715.72v2.16a0.716,0.716,0,0,1-.715.72h-2.142a0.716,0.716,0,0,1-.715-0.72v-2.16A0.716,0.716,0,0,1,195.429,2271.4Z'/%3E%3C/svg%3E")
}

.alert-danger {
    background-color: #fff;
    border-color: #e4e7ed
}

.alert-danger hr {
    border-top-color: #d5d9e3
}

.alert-danger:before {
    background-color: #f34141;
    background-size: 11px 11px;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 11'%3E%3Cpath transform='translate(-190.844 -2353.84)' fill='%23fff' d='M190.843,2355.96l2.121-2.12,9.193,9.2-2.122,2.12Zm9.192-2.12,2.122,2.12-9.193,9.2-2.121-2.12Z'/%3E%3C/svg%3E")
}

.arrow-box {
    width: 62px;
    height: 18px;
    display: inline-block;
    position: relative;
    top: 6px
}

.arrow-box .arrow-inner {
    width: 62px;
    top: 50%;
    margin-top: -2px
}

.arrow-box .arrow-inner, .arrow-box:before {
    height: 2px;
    background-color: #f3b608;
    border-radius: 0;
    position: absolute;
    display: block
}

.arrow-box:before {
    content: "";
    width: 12px;
    transform: translate3d(52px, 3px, 0) rotate(45deg) scaleX(1.1)
}

.arrow-box:after {
    content: "";
    display: block;
    width: 12px;
    height: 2px;
    background-color: #f3b608;
    border-radius: 0;
    position: absolute;
    transform: translate3d(52px, 11px, 0) rotate(-45deg) scaleX(1.1)
}

.line-decoration {
    position: relative;
    height: 0 !important;
    min-height: 0 !important
}

.line-decoration .line-decoration__top {
    position: absolute;
    top: 0;
    height: 8px;
    z-index: 99
}

.line-decoration .line-decoration__top .line-decoration__inner {
    width: 32px;
    height: 8px;
    background-color: #f49e03;
    border-radius: 0;
    position: absolute;
    display: block;
    top: 0;
    left: 96px
}

.line-decoration .line-decoration__top .line-decoration__inner:before {
    content: "";
    display: block;
    width: 128px;
    height: 8px;
    background-color: #f3b608;
    border-radius: 0;
    position: absolute;
    transform: translate3d(-96px, -8px, 0)
}

.line-decoration .line-decoration__top .line-decoration__inner:after {
    content: "";
    display: block;
    width: 32px;
    height: 8px;
    background-color: #31b9f3;
    border-radius: 0;
    position: absolute;
    transform: translate3d(32px, -8px, 0)
}

.line-decoration .line-decoration__slider {
    position: absolute;
    top: 0;
    left: 150px;
    height: 8px;
    z-index: 99
}

.line-decoration .line-decoration__slider .line-decoration__inner {
    width: 32px;
    height: 8px;
    background-color: #31b9f3;
    border-radius: 0;
    position: absolute;
    display: block;
    top: 0;
    right: 0
}

.line-decoration .line-decoration__slider .line-decoration__inner:before {
    content: "";
    display: block;
    width: 128px;
    height: 8px;
    background-color: #f3b608;
    border-radius: 0;
    position: absolute;
    transform: translate3d(-128px, 0, 0)
}

.line-decoration .line-decoration__slider .line-decoration__inner:after {
    content: "";
    display: block;
    width: 32px;
    height: 8px;
    background-color: #006da9;
    border-radius: 0;
    position: absolute;
    transform: translate3d(-32px, 8px, 0)
}

.line-decoration .line-decoration__3 {
    position: absolute;
    top: 0;
    height: 8px;
    z-index: 6
}

.line-decoration .line-decoration__3 .line-decoration__inner {
    width: 128px;
    height: 8px;
    background-color: #31b9f3;
    border-radius: 0;
    position: absolute;
    display: block;
    top: 0;
    right: 0
}

.line-decoration .line-decoration__3 .line-decoration__inner:before {
    content: "";
    display: block;
    width: 32px;
    height: 8px;
    background-color: #f3b608;
    border-radius: 0;
    position: absolute
}

.line-decoration .line-decoration__3 .line-decoration__inner:after {
    content: "";
    display: block;
    width: 32px;
    height: 8px;
    background-color: #f49e03;
    border-radius: 0;
    position: absolute;
    transform: translate3d(32px, -8px, 0)
}

.line-decoration .line-decoration__2 {
    position: absolute;
    top: 0;
    height: 8px;
    z-index: 6
}

.line-decoration .line-decoration__2 .line-decoration__inner {
    width: 32px;
    height: 8px;
    background-color: #31b9f3;
    border-radius: 0;
    position: absolute;
    display: block;
    top: 0;
    right: 0
}

.line-decoration .line-decoration__2 .line-decoration__inner:before {
    content: "";
    display: block;
    width: 32px;
    height: 8px;
    background-color: #f3b608;
    border-radius: 0;
    position: absolute;
    transform: translate3d(-32px, 0, 0)
}

.bg-overlay-heading:before {
    background-image: linear-gradient(15deg, rgba(51, 50, 44, .75), rgba(51, 50, 44, 0) 50%, rgba(51, 50, 44, 0) 75%)
}

.bg-overlay-heading:after, .bg-overlay-heading:before {
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 4
}

.bg-overlay-heading:after {
    background-image: linear-gradient(0deg, transparent 0, rgba(0, 0, 0, .5))
}

.bg-gray-1 {
    background-color: #fafafa
}

.bg-gray-2 {
    background-color: #f1f1f1
}

.bg-gray-3 {
    background-color: #f8f8f8
}

.parallax {
    background-size: cover !important;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -ms-background-size: cover !important;
    position: relative;
    z-index: 0;
    background-origin: initial;
    background-position: 50% !important;
    background-repeat: no-repeat
}

.btn {
    font-weight: 700;
    font-family: Montserrat, sans-serif;
    text-transform: uppercase;
    transition: all .3s ease;
    padding: 13px 42px;
    font-size: 11px;
    line-height: 1.5em;
    border-radius: 0
}

.btn.focus, .btn:focus, .btn:hover {
    color: #fff
}

.btn.active, .btn:active {
    box-shadow: none
}

.btn--readmore {
    position: relative
}

.btn--readmore .btn {
    position: absolute;
    top: -15px;
    left: 50px
}

.btn-default {
    color: #fff;
    background-color: #9a9da2;
    border-color: transparent
}

.btn-default.active, .btn-default.focus, .btn-default:active, .btn-default:focus, .btn-default:hover, .open > .btn-default.dropdown-toggle {
    color: #fff;
    background-color: #868a91;
    border-color: transparent
}

.btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open > .btn-default.dropdown-toggle.focus, .open > .btn-default.dropdown-toggle:focus, .open > .btn-default.dropdown-toggle:hover {
    color: #fff;
    background-color: #6e7177;
    border-color: transparent
}

.btn-default.active, .btn-default:active, .open > .btn-default.dropdown-toggle {
    background-image: none
}

.btn-default.disabled.focus, .btn-default.disabled:focus, .btn-default.disabled:hover, .btn-default[disabled].focus, .btn-default[disabled]:focus, .btn-default[disabled]:hover, fieldset[disabled] .btn-default.focus, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:hover {
    background-color: #9a9da2;
    border-color: transparent
}

.btn-default .badge {
    color: #9a9da2;
    background-color: #fff
}

.btn-primary, .btn-primary.active, .btn-primary.focus, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .open > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #f3b608;
    border-color: transparent
}

.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open > .btn-primary.dropdown-toggle.focus, .open > .btn-primary.dropdown-toggle:focus, .open > .btn-primary.dropdown-toggle:hover {
    color: #fff;
    background-color: #9f7705;
    border-color: transparent
}

.btn-primary.active, .btn-primary:active, .open > .btn-primary.dropdown-toggle {
    background-image: none
}

.btn-primary.disabled.focus, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled].focus, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover {
    background-color: #f3b608;
    border-color: transparent
}

.btn-primary .badge {
    color: #f3b608;
    background-color: #fff
}

.btn-primary-inverse {
    color: #fff;
    background-color: #f3b608;
    border-color: transparent
}

.btn-primary-inverse.active, .btn-primary-inverse.focus, .btn-primary-inverse:active, .btn-primary-inverse:focus, .btn-primary-inverse:hover, .open > .btn-primary-inverse.dropdown-toggle {
    color: #fff;
    background-color: #ff7e1f;
    border-color: transparent
}

.btn-primary-inverse.active.focus, .btn-primary-inverse.active:focus, .btn-primary-inverse.active:hover, .btn-primary-inverse:active.focus, .btn-primary-inverse:active:focus, .btn-primary-inverse:active:hover, .open > .btn-primary-inverse.dropdown-toggle.focus, .open > .btn-primary-inverse.dropdown-toggle:focus, .open > .btn-primary-inverse.dropdown-toggle:hover {
    color: #fff;
    background-color: #9f7705;
    border-color: transparent
}

.btn-primary-inverse.active, .btn-primary-inverse:active, .open > .btn-primary-inverse.dropdown-toggle {
    background-image: none
}

.btn-primary-inverse.disabled.focus, .btn-primary-inverse.disabled:focus, .btn-primary-inverse.disabled:hover, .btn-primary-inverse[disabled].focus, .btn-primary-inverse[disabled]:focus, .btn-primary-inverse[disabled]:hover, fieldset[disabled] .btn-primary-inverse.focus, fieldset[disabled] .btn-primary-inverse:focus, fieldset[disabled] .btn-primary-inverse:hover {
    background-color: #f3b608;
    border-color: transparent
}

.btn-primary-inverse .badge {
    color: #f3b608;
    background-color: #fff
}

.btn-success {
    color: #fff;
    background-color: #24d9b0;
    border-color: transparent
}

.btn-success.active, .btn-success.focus, .btn-success:active, .btn-success:focus, .btn-success:hover, .open > .btn-success.dropdown-toggle {
    color: #fff;
    background-color: #22cca5;
    border-color: transparent
}

.btn-success.active.focus, .btn-success.active:focus, .btn-success.active:hover, .btn-success:active.focus, .btn-success:active:focus, .btn-success:active:hover, .open > .btn-success.dropdown-toggle.focus, .open > .btn-success.dropdown-toggle:focus, .open > .btn-success.dropdown-toggle:hover {
    color: #fff;
    background-color: #188f74;
    border-color: transparent
}

.btn-success.active, .btn-success:active, .open > .btn-success.dropdown-toggle {
    background-image: none
}

.btn-success.disabled.focus, .btn-success.disabled:focus, .btn-success.disabled:hover, .btn-success[disabled].focus, .btn-success[disabled]:focus, .btn-success[disabled]:hover, fieldset[disabled] .btn-success.focus, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success:hover {
    background-color: #24d9b0;
    border-color: transparent
}

.btn-success .badge {
    color: #24d9b0;
    background-color: #fff
}

.btn-info {
    color: #fff;
    background-color: #0cb2e2;
    border-color: transparent
}

.btn-info.active, .btn-info.focus, .btn-info:active, .btn-info:focus, .btn-info:hover, .open > .btn-info.dropdown-toggle {
    color: #fff;
    background-color: #0ba7d3;
    border-color: transparent
}

.btn-info.active.focus, .btn-info.active:focus, .btn-info.active:hover, .btn-info:active.focus, .btn-info:active:focus, .btn-info:active:hover, .open > .btn-info.dropdown-toggle.focus, .open > .btn-info.dropdown-toggle:focus, .open > .btn-info.dropdown-toggle:hover {
    color: #fff;
    background-color: #087190;
    border-color: transparent
}

.btn-info.active, .btn-info:active, .open > .btn-info.dropdown-toggle {
    background-image: none
}

.btn-info.disabled.focus, .btn-info.disabled:focus, .btn-info.disabled:hover, .btn-info[disabled].focus, .btn-info[disabled]:focus, .btn-info[disabled]:hover, fieldset[disabled] .btn-info.focus, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info:hover {
    background-color: #0cb2e2;
    border-color: transparent
}

.btn-info .badge {
    color: #0cb2e2;
    background-color: #fff
}

.btn-warning {
    color: #fff;
    background-color: #ff7e1f;
    border-color: transparent
}

.btn-warning.active, .btn-warning.focus, .btn-warning:active, .btn-warning:focus, .btn-warning:hover, .open > .btn-warning.dropdown-toggle {
    color: #fff;
    background-color: #ff7510;
    border-color: transparent
}

.btn-warning.active.focus, .btn-warning.active:focus, .btn-warning.active:hover, .btn-warning:active.focus, .btn-warning:active:focus, .btn-warning:active:hover, .open > .btn-warning.dropdown-toggle.focus, .open > .btn-warning.dropdown-toggle:focus, .open > .btn-warning.dropdown-toggle:hover {
    color: #fff;
    background-color: #c75500;
    border-color: transparent
}

.btn-warning.active, .btn-warning:active, .open > .btn-warning.dropdown-toggle {
    background-image: none
}

.btn-warning.disabled.focus, .btn-warning.disabled:focus, .btn-warning.disabled:hover, .btn-warning[disabled].focus, .btn-warning[disabled]:focus, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning.focus, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning:hover {
    background-color: #ff7e1f;
    border-color: transparent
}

.btn-warning .badge {
    color: #ff7e1f;
    background-color: #fff
}

.btn-danger {
    color: #fff;
    background-color: #f34141;
    border-color: transparent
}

.btn-danger.active, .btn-danger.focus, .btn-danger:active, .btn-danger:focus, .btn-danger:hover, .open > .btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #f23333;
    border-color: transparent
}

.btn-danger.active.focus, .btn-danger.active:focus, .btn-danger.active:hover, .btn-danger:active.focus, .btn-danger:active:focus, .btn-danger:active:hover, .open > .btn-danger.dropdown-toggle.focus, .open > .btn-danger.dropdown-toggle:focus, .open > .btn-danger.dropdown-toggle:hover {
    color: #fff;
    background-color: #d00d0d;
    border-color: transparent
}

.btn-danger.active, .btn-danger:active, .open > .btn-danger.dropdown-toggle {
    background-image: none
}

.btn-danger.disabled.focus, .btn-danger.disabled:focus, .btn-danger.disabled:hover, .btn-danger[disabled].focus, .btn-danger[disabled]:focus, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger.focus, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger:hover {
    background-color: #f34141;
    border-color: transparent
}

.btn-danger .badge {
    color: #f34141;
    background-color: #fff
}

.btn-link {
    color: hsla(0, 0%, 9%, .4)
}

.btn-link:hover,
.btn-link:focus {
    text-decoration: none;
    color: #181818
}

.btn-lg {
    padding: 20px 50px;
    font-size: 12px;
    line-height: 1.45em;
    border-radius: 0
}

.btn-sm {
    padding: 10px 38px;
    font-size: 11px
}

.btn-sm, .btn-xs {
    line-height: 1.5em;
    border-radius: 0
}

.btn-xs {
    padding: 5px 13px;
    font-size: 9px
}

.btn-outline {
    background-color: transparent
}

.btn-outline.btn-default {
    border-color: #dbdfe6;
    color: #9a9da2
}

.btn-outline.btn-default:hover {
    background-color: #9a9da2;
    border-color: #9a9da2;
    color: #fff
}

.btn-outline.btn-default:hover.btn-circle {
    background-color: #9a9da2
}

.btn-outline.btn-primary {
    border-color: #f3b608;
    color: #f3b608;
    border-width: 2px
}

.btn-outline.btn-primary:hover {
    background-color: #f3b608;
    border-color: #f3b608;
    color: #fff
}

.btn-outline.btn-primary:hover.btn-circle {
    background-color: #f3b608
}

.btn-outline.btn-inverse {
    border-color: #fff;
    color: #fff;
    border-width: 2px
}

.btn-outline.btn-inverse:hover {
    background-color: #f3b608;
    border-color: #f3b608;
    color: #fff
}

.btn-outline.btn-inverse:hover i {
    color: #fff
}

.btn-outline.btn-inverse:hover.btn-circle {
    background-color: #f3b608
}

.btn-outline.btn-success {
    border-color: #24d9b0;
    color: #9a9da2;
    border-width: 2px
}

.btn-outline.btn-success:hover {
    background-color: #22cca5;
    border-color: #22cca5;
    color: #fff
}

.btn-outline.btn-success:hover i {
    color: #fff
}

.btn-outline.btn-success:hover.btn-circle {
    background-color: #22cca5
}

.btn-outline.btn-info {
    border-color: #0cb2e2;
    color: #9a9da2;
    border-width: 2px
}

.btn-outline.btn-info:hover {
    background-color: #0ba7d3;
    border-color: #0ba7d3;
    color: #fff
}

.btn-outline.btn-info:hover i {
    color: #fff
}

.btn-outline.btn-info:hover.btn-circle {
    background-color: #0ba7d3
}

.btn-outline.btn-warning {
    border-color: #ff7e1f;
    color: #9a9da2;
    border-width: 2px
}

.btn-outline.btn-warning:hover {
    background-color: #ff7510;
    border-color: #ff7510;
    color: #fff
}

.btn-outline.btn-warning:hover i {
    color: #fff
}

.btn-outline.btn-warning:hover.btn-circle {
    background-color: #ff7510
}

.btn-outline.btn-danger {
    border-color: #f34141;
    color: #9a9da2;
    border-width: 2px
}

.btn-outline.btn-danger:hover {
    background-color: #f23333;
    border-color: #f23333;
    color: #fff
}

.btn-outline.btn-danger:hover i {
    color: #fff
}

.btn-outline.btn-danger:hover.btn-circle {
    background-color: #f23333
}

.btn-icon i {
    font-size: 14px;
    margin-right: 10px
}

.btn-icon-right i {
    margin-right: 0;
    margin-left: 10px
}

.btn-single-icon {
    padding-left: 0;
    padding-right: 0;
    width: 47px;
    text-align: center
}

.btn-single-icon i {
    margin: 0;
    font-size: 13px;
    line-height: 1.2em
}

.btn-circle {
    border-radius: 50%;
    width: 38px;
    height: 38px;
    line-height: 38px;
    padding: 0;
    text-align: center
}

.btn-circle i {
    font-size: 15px
}

.btn-circle.btn-outline {
    border-width: 2px
}

.btn-block {
    padding-left: 0;
    padding-right: 0
}

.btn-condensed.btn-sm {
    padding: 13px 28px
}

.btn-condensed.btn-sm.btn-icon-right {
    padding-right: 22px
}

.btn-fab {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
    height: 50px;
    overflow: hidden;
    background-color: #f3b608;
    border-radius: 50%
}

.btn-fab:after, .btn-fab:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    transition: transform .25s ease
}

.btn-fab:before {
    width: 17px;
    height: 3px
}

.btn-fab:after {
    width: 3px;
    height: 17px
}

.btn-fab:hover:after, .btn-fab:hover:before {
    transform: translate(-50%, -50%) rotate(90deg)
}

.btn-fab--clean {
    background-color: transparent
}

.btn-fab--clean:after, .btn-fab--clean:before {
    background-color: #f3b608
}

.btn-fab--sm {
    width: 30px;
    height: 30px
}

.btn-fab--sm:before {
    width: 10px;
    height: 2px
}

.btn-fab--sm:after {
    width: 2px;
    height: 10px
}

@media (max-width: 575.98px) {
    .btn--readmore .btn {
        left: 0
    }
}

.label {
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
    padding: .5em 1.1em;
    font-size: 8px;
    font-family: Montserrat, sans-serif;
    text-transform: uppercase
}

.label, a.label:focus, a.label:hover {
    color: #fff
}

.label-default {
    background-color: #9a9da2
}

.label-default[href]:focus, .label-default[href]:hover {
    background-color: #7f838a
}

.label-primary {
    background-color: #f3b608
}

.label-primary[href]:focus, .label-primary[href]:hover {
    background-color: #c29106
}

.label-success {
    background-color: #24d9b0
}

.label-success[href]:focus, .label-success[href]:hover {
    background-color: #1dad8d
}

.label-info {
    background-color: #0cb2e2
}

.label-info[href]:focus, .label-info[href]:hover {
    background-color: #098cb2
}

.label-warning {
    background-color: #ff7e1f
}

.label-warning[href]:focus, .label-warning[href]:hover {
    background-color: #eb6400
}

.label-danger {
    background-color: #f34141
}

.label-danger[href]:focus, .label-danger[href]:hover {
    background-color: #f01111
}

label {
    font-size: 11px;
    text-transform: uppercase;
    font-family: Montserrat, sans-serif;
    color: #181818;
    margin-bottom: 9px;
    font-weight: 700
}

label .required {
    color: #f3b608
}

.form-control {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 12px 16px;
    line-height: 1.73333;
    font-size: 14px;
    color: #181818;
    background-color: #fff;
    border: 1px solid #e4e7ed;
    border-radius: 2px;
    box-shadow: none;
    transition: border-color .15s ease-in-out
}

.form-control:not(textarea) {
    height: 52px
}

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

.form-control::-moz-placeholder {
    color: hsla(217, 4%, 62%, .6);
    opacity: 1
}

.form-control:-ms-input-placeholder {
    color: hsla(217, 4%, 62%, .6)
}

.form-control::-webkit-input-placeholder {
    color: hsla(217, 4%, 62%, .6)
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background-color: #e4e7ed;
    border-color: #e4e7ed
}

.form-control[disabled]::-moz-placeholder, .form-control[readonly]::-moz-placeholder, fieldset[disabled] .form-control::-moz-placeholder {
    color: hsla(217, 4%, 62%, .4);
    opacity: 1
}

.form-control[disabled]:-ms-input-placeholder, .form-control[readonly]:-ms-input-placeholder, fieldset[disabled] .form-control:-ms-input-placeholder {
    color: hsla(217, 4%, 62%, .4)
}

.form-control[disabled]::-webkit-input-placeholder, .form-control[readonly]::-webkit-input-placeholder, fieldset[disabled] .form-control::-webkit-input-placeholder {
    color: hsla(217, 4%, 62%, .4)
}

.has-success .checkbox, .has-success .checkbox-inline, .has-success.checkbox-inline label, .has-success.checkbox label, .has-success .control-label, .has-success .help-block, .has-success .radio, .has-success .radio-inline, .has-success.radio-inline label, .has-success.radio label {
    color: #181818
}

.has-success .form-control {
    background-position: center right .9em;
    background-repeat: no-repeat;
    background-size: 20px 16px;
    padding-right: 2.2em
}

.has-success .form-control, .has-success .form-control:focus {
    border-color: #24d9b0;
    box-shadow: none
}

.has-success .input-group-addon {
    color: #24d9b0;
    border-color: #24d9b0;
    background-color: #fff
}

.has-success .form-control-feedback {
    color: #24d9b0
}

.has-success .form-control {
    background-size: 15px 12px;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 12'%3E%3Cpath transform='translate(-189.438 -2446.25)' fill='%2324d9b0' d='M201.45,2446.24l2.121,2.13-9.192,9.19-2.122-2.12Zm-4.949,9.2-2.121,2.12-4.95-4.95,2.121-2.12Z'/%3E%3C/svg%3E")
}

.has-warning .checkbox, .has-warning .checkbox-inline, .has-warning.checkbox-inline label, .has-warning.checkbox label, .has-warning .control-label, .has-warning .help-block, .has-warning .radio, .has-warning .radio-inline, .has-warning.radio-inline label, .has-warning.radio label {
    color: #181818
}

.has-warning .form-control {
    background-position: center right .9em;
    background-repeat: no-repeat;
    background-size: 20px 16px;
    padding-right: 2.2em
}

.has-warning .form-control, .has-warning .form-control:focus {
    border-color: #f3b608;
    box-shadow: none
}

.has-warning .input-group-addon {
    color: #f3b608;
    border-color: #f3b608;
    background-color: #fff
}

.has-warning .form-control-feedback {
    color: #f3b608
}

.has-warning .form-control {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23ff7e1f' d='M4.4 5.324h-.8v-2.46h.8zm0 1.42h-.8V5.89h.8zM3.76.63L.04 7.075c-.115.2.016.425.26.426h7.397c.242 0 .372-.226.258-.426C6.726 4.924 5.47 2.79 4.253.63c-.113-.174-.39-.174-.494 0z'/%3E%3C/svg%3E")
}

.has-error .checkbox, .has-error .checkbox-inline, .has-error.checkbox-inline label, .has-error.checkbox label, .has-error .control-label, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.radio-inline label, .has-error.radio label {
    color: #181818
}

.has-error .form-control {
    background-position: center right .9em;
    background-repeat: no-repeat;
    background-size: 20px 16px;
    padding-right: 2.2em
}

.has-error .form-control, .has-error .form-control:focus {
    border-color: #f34141;
    box-shadow: none
}

.has-error .input-group-addon {
    color: #f34141;
    border-color: #f34141;
    background-color: #fff
}

.has-error .form-control-feedback {
    color: #f34141
}

.has-error .form-control {
    background-size: 11px 11px;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 11'%3E%3Cpath transform='translate(-190.844 -2353.84)' fill='%23f34141' d='M190.843,2355.96l2.121-2.12,9.193,9.2-2.122,2.12Zm9.192-2.12,2.122,2.12-9.193,9.2-2.121-2.12Z'/%3E%3C/svg%3E")
}

select.form-control {
    border-radius: 2px;
    background-color: #fff;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 4'%3E%3Cpath transform='translate(-586.156 -1047.28)' fill='%2331404b' d='M586.171,1048l0.708-.71,2.828,2.83-0.707.71Zm4.95-.71,0.707,0.71L589,1050.83l-0.707-.71Z'/%3E%3C/svg%3E");
    background-position: right 1em center;
    background-repeat: no-repeat;
    padding-right: 2.2em;
    background-size: 6px 4px;
    -moz-appearance: none;
    -webkit-appearance: none;
    color: hsla(217, 4%, 62%, .4)
}

select.form-control::-ms-expand {
    display: none
}

select.form-control.input-sm {
    height: 45px;
    padding-top: 7px;
    padding-bottom: 7px
}

select.form-control:not([size]):not([multiple]) {
    height: 52px
}

select.form-control--clean {
    font-size: 15px;
    height: 28px !important;
    line-height: 1.2em;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 0;
    color: #181818;
    font-family: Montserrat, sans-serif;
    border: none;
    background-color: transparent
}

.input-sm {
    padding: 10px 14px;
    font-size: 13px
}

.input-sm:not([size]):not([multiple]):not(textarea) {
    height: 45px
}

.form-group {
    background: none;
    margin-bottom: 22px
}

.form-group--sm {
    margin-bottom: 15px
}

.form-group--xs {
    margin-bottom: 10px
}

.form-group--lg {
    margin-bottom: 34px
}

.form-group--submit {
    margin-bottom: 0;
    padding-top: 12px
}

.form-group--password-forgot {
    display: -ms-flexbox;
    display: flex;
    padding: 6px 0
}

.form-group--password-forgot label {
    -ms-flex-positive: 1;
    flex-grow: 1
}

.form-group--password-forgot .password-reminder {
    font-size: 11px;
    text-transform: uppercase;
    font-family: Montserrat, sans-serif;
    font-weight: 700;
    letter-spacing: -.02em;
    color: #181818
}

.form-group--upload {
    overflow: hidden
}

@media (min-width: 768px) {
    .form-group__avatar {
        float: left;
        width: 240px
    }
}

.form-group__avatar img {
    margin-right: 13px;
    border-radius: 50%
}

.form-group__avatar img, .form-group__label {
    display: inline-block;
    vertical-align: middle
}

.form-group__label h6 {
    font-size: 11px;
    line-height: 1.2em;
    margin-bottom: .2em
}

.form-group__label span {
    display: block;
    font-size: 11px;
    line-height: 1.2em;
    color: #c2c4c7
}

.form-group__upload {
    padding-top: 20px
}

@media (min-width: 768px) {
    .form-group__upload {
        padding-top: 15px
    }
}

.checkbox {
    position: relative;
    margin: 0;
    font-weight: 700
}

.widget--sidebar .checkbox {
    font-size: 10px
}

.checkbox input[type=checkbox] {
    display: none
}

.checkbox input[type=checkbox]:checked + .checkbox-indicator {
    background-color: #f3b608;
    border-color: #f3b608;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")
}

.checkbox .checkbox-indicator {
    content: "";
    width: 16px;
    height: 16px;
    background-color: #fff;
    border: 1px solid #d8dce5;
    border-radius: 2px;
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -8px;
    transition: all .2s ease;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 60% 60%
}

.checkbox.checkbox-inline {
    padding-left: 24px
}

.checkbox input[type=checkbox]:disabled + .checkbox-indicator {
    background-color: #e4e7ed;
    border-color: #d8dce5
}

.checkbox-table {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.checkbox-table .checkbox--cell {
    margin: 0 0 -1px -1px
}

.checkbox--cell {
    width: 44px;
    height: 44px;
    position: relative
}

.checkbox--cell input[type=checkbox]:checked + .checkbox-indicator {
    background-color: #f3b608;
    background-image: none;
    border-color: #d8dce5;
    color: #fff
}

.checkbox--cell .checkbox-indicator {
    content: "";
    width: 44px;
    height: 44px;
    background-color: #fff;
    border: 1px solid #d8dce5;
    border-radius: 0;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin-top: 0;
    transition: all .2s ease;
    text-align: center;
    line-height: 42px
}

.radio {
    position: relative;
    margin: 0
}

.radio input[type=radio] {
    display: none
}

.radio input[type=radio]:checked + .radio-indicator {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23ffcc00'/%3E%3C/svg%3E")
}

.radio .radio-indicator {
    content: "";
    width: 16px;
    height: 16px;
    background-color: #fff;
    border: 1px solid #d8dce5;
    border-radius: 50%;
    display: block;
    position: absolute;
    left: 0;
    top: 5px;
    transition: all .2s ease;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 8px 8px
}

.radio.radio-inline {
    padding-left: 24px
}

.radio input[type=radio]:disabled + .radio-indicator {
    background-color: #e4e7ed;
    border-color: #d8dce5;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%239a9da2'/%3E%3C/svg%3E")
}

.radio--word {
    position: relative;
    padding: 0 !important
}

.radio--word + .radio--word {
    margin-left: 20px
}

.radio--word input[type=radio]:checked + .radio-label {
    color: #181818
}

.radio--word .radio-label {
    color: #bfc2c4;
    font-weight: 700
}

.radio--word-lg {
    font-size: 15px;
    line-height: 1.2em
}

.inline-form .input-group-append .btn, .inline-form .input-group-prepend .btn {
    padding-left: 28px;
    padding-right: 28px
}

abbr.required {
    border-bottom: none;
    color: #f3b608;
    margin-left: .2em;
    text-decoration: none
}

.quantity-control {
    overflow: hidden
}

.quantity-control .btn {
    display: inline-block;
    height: 30px;
    padding: 0 8px;
    background: none;
    border: none;
    color: #adb3b7;
    vertical-align: middle
}

.quantity-control .btn:active, .quantity-control .btn:focus, .quantity-control .btn:hover {
    color: #181818
}

.quantity-control .form-control {
    display: inline-block;
    width: 34px;
    height: 30px;
    line-height: 30px;
    padding: 0;
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
    border: none;
    text-align: center;
    font-size: 13px;
    font-family: Montserrat, sans-serif;
    vertical-align: middle;
    background-color: transparent;
    color: #181818
}

.quantity-control .form-control::-webkit-inner-spin-button, .quantity-control .form-control::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.product-quantity-control {
    width: 80px;
    margin: 0 auto
}

.form-desc--sm {
    font-size: 14px;
    line-height: 22px
}

.switch {
    white-space: nowrap
}

.switch__label-txt {
    display: inline-block;
    font-size: 9px;
    text-transform: uppercase;
    font-family: Montserrat, sans-serif;
    font-weight: 700;
    letter-spacing: -.02em;
    line-height: 1.2em;
    vertical-align: middle;
    margin-right: .35em;
    color: #181818
}

@media (max-width: 479px) {
    .switch__label-txt {
        display: none
    }
}

.switch-toggle {
    position: absolute;
    margin-left: -9999px;
    visibility: hidden;
    margin: 0
}

.switch-toggle + label {
    display: inline-block;
    position: relative;
    cursor: pointer;
    outline: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: middle;
    padding: 2px;
    width: 48px;
    height: 24px;
    margin: 0;
    background-color: #e4e7ed;
    border-radius: 22px;
    transition: background .4s;
    border: 1px solid #e4e7ed
}

.switch-toggle + label:after, .switch-toggle + label:before {
    display: block;
    position: absolute;
    content: ""
}

.switch-toggle + label:after {
    top: 2px;
    left: 2px;
    bottom: 2px;
    width: 18px;
    background-color: #fff;
    background-image: linear-gradient(90deg, #e9e9ed, #e9e9ed 2px, transparent 0), linear-gradient(90deg, #e9e9ed, #e9e9ed 2px, transparent 0);
    background-size: 2px 8px, 2px 8px;
    background-position: 6px 5px, 10px 5px;
    background-repeat: no-repeat, no-repeat;
    border-radius: 50%;
    transition: margin .4s, background .4s
}

.switch-toggle:checked + label {
    background-color: #24d9b0
}

.switch-toggle:checked + label:after {
    margin-left: 26px
}

.page-breadcrumb {
    margin: 0 0 80px;
    padding: 0;
    position: relative;
    z-index: 10
}

.page-breadcrumb li {
    color: #fff;
    display: inline-block;
    list-style: none
}

.page-breadcrumb li span {
    color: #fff;
    font-size: 14px;
    line-height: 24px;
    font-weight: 700
}

.page-breadcrumb li i {
    font-size: 14px;
    line-height: 24px;
    padding: 0 7px
}

.page-breadcrumb li a {
    color: #fff;
    font-size: 14px;
    line-height: 24px;
    font-weight: 700
}

.page-breadcrumb:before {
    content: "";
    display: block;
    width: 97px;
    height: 2px;
    background-color: hsla(0, 0%, 100%, .25);
    border-radius: 0;
    position: absolute;
    left: -130px;
    top: 50%;
    margin-top: -2px
}

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

    .page-breadcrumb li span {
        font-size: 11px;
        line-height: 21px;
        font-weight: 600
    }

    .page-breadcrumb li i {
        font-size: 11px;
        line-height: 21px;
        padding: 0 5px
    }

    .page-breadcrumb li a {
        font-size: 11px;
        line-height: 21px;
        font-weight: 600
    }

    .page-breadcrumb:before {
        display: none
    }
}

.modal-dialog {
    margin: 10px
}

.modal-content {
    background-color: #fff;
    border: 0 solid rgba(0, 0, 0, .2);
    border-radius: 0;
    box-shadow: none
}

.modal-backdrop {
    background-color: #000
}

.modal-backdrop.in {
    opacity: .9
}

.modal-header {
    padding: 0;
    border-bottom: 0 solid #e5e5e5
}

.modal-header .close {
    width: 64px;
    height: 64px;
    background-color: #f8f8f8;
    margin: 0;
    font-size: 2rem;
    color: #bfbfbf
}

.modal-title {
    margin: 0;
    line-height: 1.2em
}

.modal-body {
    position: relative;
    padding: 0 64px
}

.modal-footer {
    padding: 64px;
    text-align: right;
    border-top: 1px solid #e5e5e5
}

.modal-footer .btn + .btn {
    margin-left: 5px;
    margin-bottom: 0
}

.modal-footer .btn-group .btn + .btn {
    margin-left: -1px
}

.modal-footer .btn-block + .btn-block {
    margin-left: 0
}

@media (max-width: 768px) {
    .modal-dialog {
        width: 770px;
        margin: 30px auto
    }

    .modal-sm {
        width: 420px
    }
}

@media (min-width: 992px) {
    .modal-lg {
        width: 1280px;
        max-width: 1280px
    }
}

.modal {
    text-align: center
}

@media screen and (min-width: 768px) {
    .modal:before {
        display: inline-block;
        vertical-align: middle;
        content: " ";
        height: 100%
    }
}

.modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle
}

@media (max-width: 767.98px) {
    .modal-dialog {
        margin: 10px 5px
    }

    .modal-header .close {
        padding: 0;
        width: 35px;
        height: 35px;
        margin: 0;
        font-size: 2rem
    }

    .modal-body {
        padding: 0 35px
    }
}

.nav-pills .nav-link {
    border-radius: 0;
    padding: 15px 20px;
    color: #181818;
    font-size: 12px;
    line-height: 30px;
    font-weight: 700;
    background: transparent;
    border: 2px solid transparent
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    border: 2px solid #f3b608;
    color: #f3b608;
    font-size: 12px;
    line-height: 30px;
    font-weight: 700;
    background: transparent
}

.icon-svg {
    font-size: 10px
}

.icon-svg:before {
    content: " ";
    vertical-align: middle;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 0 0
}

.icon-svg:before, .no-svg .icon-svg:before {
    background-image: url(../images/sprite.svg)
}

.slick-slide {
    outline: none
}

.slick-next, .slick-prev {
    position: absolute;
    z-index: 1;
    display: block;
    height: 30px;
    width: 14px;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    background: transparent;
    color: transparent;
    top: 50%;
    padding: 0;
    border: none;
    outline: none;
    border-radius: 0;
    background-color: transparent
}

.slick-next:focus, .slick-next:hover, .slick-prev:focus, .slick-prev:hover {
    outline: none;
    background-color: transparent;
    color: #f49e03
}

.slick-next:focus:before, .slick-next:hover:before, .slick-prev:focus:before, .slick-prev:hover:before {
    opacity: 1;
    color: #f49e03
}

.slick-next.slick-disabled:before, .slick-prev.slick-disabled:before {
    opacity: .25
}

.slick-next:before, .slick-prev:before {
    font-family: FontAwesome;
    font-size: 30px;
    color: #bfbfbf;
    opacity: .95;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-prev {
    left: -90px
}

[dir=rtl] .slick-prev {
    left: 50px;
    right: auto
}

.slick-prev:before {
    content: ""
}

[dir=rtl] .slick-prev:before {
    content: ""
}

.slick-next {
    right: -90px
}

[dir=rtl] .slick-next {
    left: 20px;
    right: auto
}

.slick-next:before {
    content: ""
}

[dir=rtl] .slick-next:before {
    content: ""
}

.slick-dotted.slick-slider {
    margin-bottom: 60px
}

.slick-dots {
    position: absolute;
    bottom: -60px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    margin: 0;
    width: 100%
}

.slick-dots li {
    position: relative;
    display: inline-block;
    margin: 0 15px
}

.slick-dots li, .slick-dots li button {
    height: 6px;
    width: 6px;
    padding: 0;
    cursor: pointer
}

.slick-dots li button {
    border: 0;
    background: transparent;
    border: none;
    display: block;
    line-height: 6px;
    overflow: hidden;
    outline: none;
    line-height: 0;
    font-size: 0;
    color: transparent;
    border-radius: 50%;
    background-color: #bfbfbf;
    transition: background-color .2s ease
}

.slick-dots li button:focus, .slick-dots li button:hover {
    outline: none;
    opacity: 1
}

.slick-dots li button:hover {
    background-color: #31404b
}

.slick-dots li.slick-active button {
    background-color: #f3b608;
    opacity: .95
}

@media (max-width: 575.98px) {
    .slick-dotted.slick-slider {
        margin-bottom: 60px
    }

    .slick-dots {
        bottom: -60px
    }

    .slick-dots li {
        height: 6px;
        width: 6px;
        margin: 0 8px
    }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .slick-dotted.slick-slider {
        margin-bottom: 60px
    }

    .slick-dots {
        bottom: -60px
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .slick-dotted.slick-slider {
        margin-bottom: 60px
    }

    .slick-dots {
        bottom: -60px
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .slick-dotted.slick-slider {
        margin-bottom: 60px
    }

    .slick-dots {
        bottom: -60px
    }
}

.white-popup-block {
    max-width: 1280px;
    margin: 40px auto;
    position: relative
}

.custom-modal {
    background: #fff;
    padding: 64px 0
}

.custom-modal .popup-modal-dismiss {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 64px;
    height: 64px;
    background-color: #f8f8f8;
    color: #bfbfbf;
    font-size: 20px;
    line-height: 64px;
    text-align: center
}

.faq-block .faq-list .faq-item {
    border: none;
    background-color: transparent
}

.faq-block .faq-list .faq-item .faq-item__header {
    min-height: 32px;
    padding: 0;
    background-color: transparent;
    border: none
}

.faq-block .faq-list .faq-item .faq-item__header h5 {
    font-size: 14px;
    line-height: 22px;
    font-weight: 700
}

.faq-block .faq-list .faq-item .faq-item__header button {
    color: #181818;
    font-size: 14px;
    line-height: normal;
    font-weight: 600;
    border-bottom: 1px dotted #181818;
    padding: 0;
    text-decoration: none;
    text-transform: none;
    white-space: normal;
    text-align: left
}

.faq-block .faq-list .faq-item .faq-item__header button.collapsed {
    color: #f3b608;
    border-bottom: 1px dotted #f3b608
}

.faq-block .faq-list .faq-item .faq-item__header button.collapsed:before {
    background-color: #fbdb80
}

.faq-block .faq-list .faq-item .faq-item__header button:hover {
    cursor: pointer
}

.faq-block .faq-list .faq-item .faq-item__header button:before {
    content: "";
    display: block;
    width: 97px;
    height: 2px;
    background-color: #d7d7d7;
    border-radius: 0;
    position: relative;
    left: -120px;
    top: 12px
}

.faq-block .faq-list .faq-item .faq-item__body {
    font-size: 14px;
    color: #181818;
    padding: 20px 0
}

.category-filter {
    height: 100%
}

.category-filter .category-filter__item {
    margin-left: 25px
}

.category-filter__news.slick-list {
    padding: 0 25px !important;
}

.category-filter__item:first-child {
    margin-left: 0;
}

.category-filter .category-filter__item .category-filter__link {
    display: inline-block;
    border-bottom: 2px solid #f3b608;
    padding: 6px 0;
    color: #181818;
    font-size: 12px;
    line-height: normal;
    font-weight: 700
}

.category-filter .category-filter__item .category-filter__link:hover {
    cursor: pointer
}

.category-filter .slick-current .category-filter__link {
    border: 2px solid #f3b608;
    padding: 6px 15px;
    color: #f3b608;
    font-size: 12px;
    line-height: normal;
    font-weight: 700
}

@media (max-width: 575.98px) {
    .category-filter {
        margin: 20px 0 0
    }

    .category-filter .category-filter__item {
        margin-left: 0;
        margin-right: 15px
    }

    .category-filter .category-filter__item .category-filter__link {
        padding: 6px 0;
        font-size: 10px
    }

    .category-filter .slick-current .category-filter__link {
        padding: 6px 15px;
        font-size: 10px
    }

    .category-filter .slick-list {
        padding: 0 !important
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .category-filter__chart .slick-list {
        padding: 0 !important
    }
}

@media (min-width: 405px) and (max-width: 1200px) {
    .category-filter__news .slick-track {
        transform: translate3d(0, 0 ,0) !important;
    }
}

@media (max-width: 405px) {
    .category-filter .category-filter__item {
        margin-right: 30px;
    }
}

.anychart-container {
    width: 100%;
    margin: 0;
    padding: 0;
    height: 600px
}

.chart-title {
    color: #181818;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px
}

.chart-desc, .chart-title {
    text-align: center;
    margin: 0;
    padding: 0
}

.chart-desc {
    color: #929292;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px
}

body, html {
    height: 100%;
    padding: 0;
    margin: 0
}

html {
    overflow-x: hidden
}

body {
    background-color: #fff;
    color: #181818;
    font-size: 14px;
    line-height: 24px;
    font-family: Montserrat, sans-serif;
    font-weight: 400
}

.site-wrapper {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: all .4s ease-in-out
}

.page-section, .site-content {
    padding: 40px 0
}

.calendar .news-calendar table {
    display: block;
    width: 100%;
}

.site-content .content {
    display: flex;

}

.site-content .content .calendar{
    height: 100%;
    display: flex;
    flex-direction: column;
    background: #f6f6f6;
    padding: 16px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

.has-news {
    background-color: #F3B608;
    a {
        color: white !important;
    }
}

.no-news {
    a {
        color: #A2A3A3;
    }
}

.cur-news {
    a {
        color: #fff;
    }
}


.tableSideWrapper .has-today{
    background-color: #31B9F3 !important;
    color: white;
    a {
        color: white !important;
    }
}


.page-block {
    padding: 60px 0
}

.height-0 {
    height: 0 !important
}

.header {
    width: 100%;
    position: absolute;
    z-index: 10
}

.header .header__primary {
    position: relative;
    z-index: 9
}

.header .header__primary .header__menu {
    position: absolute;
    top: 0;
    height: 112px;
    width: 100%;
    display: flex;
}

.header .header__primary .header__menu .header__menu--space {
    flex-basis: 100%;
    transition: .7s;
    background-color: #3B8DBA;
}

.header .header__primary .header__menu .header__menu-link {
    flex-basis: 20%;
    transition: .7s;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFFFFF;
    font-size: 14px;
    line-height: 17px;
    text-transform: uppercase;
}

.header .header__primary .header__menu .header__menu-link a {
    color: #FFFFFF;
    text-align: center;
    padding-inline: 5px;
}

.header__menu .header__menu-link:nth-child(2) {
    background-color: #47535D !important;
}
.header__menu .header__menu-link:nth-child(3) {
    background-color: #886E3A !important;
}
.header__menu .header__menu-link:nth-child(4) {
    background-color: #3C6A67 !important;
}
.header__menu .header__menu-link:nth-child(5) {
    background-color: #3A9187 !important;
}
.header__menu .header__menu-link:nth-child(6) {
    background-color: #646EC3 !important;
}

.header .header__primary .header-logo__link {
    display: inline-block;
    position: absolute;
    top: 16px;
    left: -106px;
    z-index: 1;
}

.header .header__primary .header-logo__link .header-logo__img {
    height: 83px;
}

.baiterek-logo, .kdb-logo, .kdb-logo__mini {
    display: flex;
    align-items: center;
}

.header .header__primary .header-logo__link .baiterek-logo .header-logo__img {
    height: 57px;
}

@media screen and (max-width: 768px){
    .kdb-logo {
        img {
            max-width: 50px !important;
        }
    }
}

@media screen and (max-width: 992px){
    .kdb-logo {
        display: flex;
    }
    .kdb-logo__mini {
        display: none;
    }
}

@media screen and (min-width: 1280px){
    .kdb-logo {
        display: flex;
    }
    .kdb-logo__mini {
        display: none;
    }
}

.header__inner {
    position: absolute;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    top: 24px;
    left: -270px
}

@media (max-width: 767.98px) {
    .header .header__primary .header-logo__link {
        top: 35px;
        left: 15px;
        width: 140px;
        height: auto;

    }

    .header__inner {
        top: 35px;
        left: auto;
        right: 15px;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .header .header__primary .header-logo__link {
        top: 35px;
        left: 15px;
        width: 210px;
        height: auto
    }

    .header__inner {
        top: 35px;
        left: auto;
        right: 15px;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }
}

@media (min-width: 992px) and (max-width: 1279.98px) {
    .header .header__primary .header-logo__link {
        left: 130px
    }

    .header__inner {
        right: auto;
        left: 15px
    }
}

@media (min-width: 1280px) and (max-width: 1365.98px) {
    .header .header__primary .header-logo__link {
        left: 15px
    }

    .header__inner {
        left: -68px
    }
}

@media (min-width: 1366px) and (max-width: 1919.98px) {
    .header .header__primary .header-logo__link {
        left: 15px
    }

    .header__inner {
        left: -95px
    }
}

@media (max-width: 991.98px) {
    .header__inner > .header-scroll-arrow, .header__inner > .header-scroll-mouse, .header__inner > .header-social {
        display: none
    }
}

.header-search__inner {
    position: relative;
    z-index: 5
}

.header-search__inner .header-search__btn {
    cursor: pointer;
    outline: 0;
    width: 64px;
    height: 64px;
    border: 0 solid #fff;
    text-align: center;
    background: transparent
}

.header-search__inner .header-search__btn:before {
    content: "\f002";
    font-family: FontAwesome;
    font-size: 26px;
    line-height: 64px;
    color: #fff
}

.header-search__inner .search-box {
    display: none;
    top: 0;
    left: 64px;
    width: 300px;
    z-index: 888;
    transform: rotateX(90deg);
    transform-origin: 0 0;
    transition: all .4s ease
}

.header-search__inner .search-box.is-active {
    position: absolute;
    display: block;
    transform: rotateX(0deg);
    opacity: 1 !important;
    visibility: visible !important
}

.search-form .search-form__control {
    border: 0;
    border-radius: 0;
    height: 64px;
    padding-right: 80px
}

.search-form .search-form__submit {
    outline: 0;
    background: transparent;
    border: none;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
    transition: .5s ease-in-out;
    padding: 0
}

.search-form .search-form__submit:hover {
    cursor: pointer
}

.search-form .search-form__submit .fa {
    font-size: 26px;
    line-height: 64px;
    color: #f3b608;
    width: 64px;
    height: 64px
}

@media (max-width: 767.98px) {
    .header-search__inner .header-search__btn {
        width: 35px;
        height: 35px
    }

    .header-search__inner .header-search__btn:before {
        content: "\f002";
        font-family: FontAwesome;
        font-size: 14px;
        line-height: 35px
    }

    .header-search__inner .search-box {
        top: 0;
        left: -220px;
        width: 255px
    }

    .search-form .search-form__control {
        height: 35px;
        padding-right: 40px;
        font-size: 12px
    }

    .search-form .search-form__submit .fa {
        font-size: 14px;
        line-height: 33px;
        width: 35px;
        height: 35px
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .header-search__inner .header-search__btn {
        width: 54px;
        height: 54px
    }

    .header-search__inner .header-search__btn:before {
        content: "\f002";
        font-family: FontAwesome;
        font-size: 14px;
        line-height: 54px
    }

    .header-search__inner .search-box {
        top: 0;
        left: -201px;
        width: 255px
    }

    .search-form .search-form__control {
        height: 54px;
        padding-right: 40px;
        font-size: 14px
    }

    .search-form .search-form__submit .fa {
        font-size: 14px;
        line-height: 54px;
        width: 54px;
        height: 54px
    }
}

.header-lang {
    text-align: center
}

.header-lang .lang-list {
    margin: 0;
    padding: 0;
    list-style: none
}

.header-lang .lang-list .lang-list__item.is-active a {
    background-color: #f3b608
}

.header-lang .lang-list .lang-list__item a {
    display: block;
    width: 64px;
    height: 64px;
    color: #fff;
    font-size: 16px;
    line-height: 64px;
    font-weight: 700;
    text-transform: uppercase
}

.header-lang .lang-list .lang-list__item a:hover {
    background-color: #f3b608
}

.header-lang__current {
    text-align: center
}

.header-lang__current .lang-list {
    margin: 0;
    padding: 0;
    list-style: none
}

.header-lang__current .lang-list .lang-list__item {
    display: block;
    width: 64px;
    height: 64px;
    color: #fff;
    font-size: 16px;
    line-height: 64px;
    font-weight: 700;
    text-transform: uppercase
}

.header-lang__current .lang-list .lang-list__item:hover {
    cursor: pointer
}

@media (max-width: 767.98px) {
    .header-lang {
        margin-right: 70px
    }

    .header-lang .lang-list {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .header-lang .lang-list .lang-list__item a, .header-lang__current .lang-list .lang-list__item {
        width: 35px;
        height: 35px;
        font-size: 12px;
        line-height: 35px
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .header-lang {
        margin-right: 108px
    }

    .header-lang .lang-list {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .header-lang .lang-list .lang-list__item a, .header-lang__current .lang-list .lang-list__item {
        width: 54px;
        height: 54px;
        font-size: 14px;
        line-height: 54px
    }
}

.header-social .social-links {
    margin: 0;
    padding: 0;
    list-style: none
}

.header-social .social-links .social-links__item a {
    margin: 0 auto;
    width: 56px;
    height: 56px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.header-social .social-links .social-links__item a:hover {
    background-color: #f3b608
}

.header-social .social-links .fa {
    color: #fff;
    font-size: 22px;
    line-height: 56px;
}

.header-social .social-links img {
    width: 22px;
    height: 22px;
}

.header__inner > .header-social {
    text-align: center;
    position: relative;
    margin-top: 40px;
    margin-bottom: 45px
}

.header__inner > .header-social .social-links .fa {
    color: #fff;
    font-size: 32px;
    line-height: 64px
}

.header__inner > .header-social .social-links img {
    width: 32px;
    height: 32px;
}

.menu-content__left > .header-social {
    text-align: center;
    position: absolute;
    bottom: 8px
}

@media (max-width: 575.98px) {
    .header-social {
        display: none
    }
}

.hamburger {
    position: relative;
    z-index: 5;
    padding: 22px 20px 16px;
    display: inline-block;
    cursor: pointer;
    outline: 0;
    transition-property: opacity, filter;
    transition-duration: .5s;
    transition-timing-function: linear;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: hsla(0, 0%, 100%, .1);
    border: 0;
    margin: 0;
    overflow: visible
}

.hamburger:hover {
    opacity: 1
}

.hamburger.is-active {
    background-color: #fff
}

.hamburger.is-active:hover {
    opacity: 1
}

.hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner:after, .hamburger.is-active .hamburger-inner:before {
    background-color: #000
}

.hamburger:focus {
    outline: 0
}

.hamburger-box {
    width: 24px;
    height: 20px;
    display: inline-block;
    position: relative
}

.hamburger-inner {
    display: block;
    top: 50%;
    margin-top: -2px
}

.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {
    width: 24px;
    height: 4px;
    background-color: #fff;
    border-radius: 0;
    position: absolute;
    transition-property: transform;
    transition-duration: .15s;
    transition-timing-function: ease
}

.hamburger-inner:after, .hamburger-inner:before {
    content: "";
    display: block
}

.hamburger-inner:before {
    top: -8px
}

.hamburger-inner:after {
    bottom: -8px;
    width: 70%
}

.hamburger--boring .hamburger-inner, .hamburger--boring .hamburger-inner:after, .hamburger--boring .hamburger-inner:before {
    transition-property: none
}

.hamburger--boring.is-active .hamburger-inner {
    transform: rotate(45deg)
}

.hamburger--boring.is-active .hamburger-inner:before {
    top: 0;
    opacity: 0
}

.hamburger--boring.is-active .hamburger-inner:after {
    bottom: 0;
    transform: rotate(-90deg);
    width: 100%
}

.hamburger--squeeze .hamburger-inner {
    transition-duration: 75ms;
    transition-timing-function: cubic-bezier(.55, .055, .675, .19)
}

.hamburger--squeeze .hamburger-inner:before {
    transition: top 75ms ease .12s, opacity 75ms ease
}

.hamburger--squeeze .hamburger-inner:after {
    transition: bottom 75ms ease .12s, transform 75ms cubic-bezier(.55, .055, .675, .19)
}

.hamburger--squeeze.is-active .hamburger-inner {
    transform: rotate(45deg);
    transition-delay: .12s;
    transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}

.hamburger--squeeze.is-active .hamburger-inner:before {
    top: 0;
    opacity: 0;
    transition: top 75ms ease, opacity 75ms ease .12s
}

.hamburger--squeeze.is-active .hamburger-inner:after {
    width: 100%;
    bottom: 0;
    transform: rotate(-90deg);
    transition: bottom 75ms ease, transform 75ms cubic-bezier(.215, .61, .355, 1) .12s
}

.header-menu {
    position: relative
}

.menu-block {
    display: none;
    background-color: #fff
}

.menu-block.is-visible {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1
}

.menu-block {
    min-width: 1600px;
    min-height: 622px
}

.menu-content {
    display: -ms-flexbox;
    display: flex
}

.menu-content .menu-content__left {
    background-color: #181818;
    color: #fff;
    border-bottom: 8px solid #f3b608
}

.menu-content .menu-content__left .header-lang {
    margin-top: 128px
}

.menu-content .menu-content__right {
    background-color: #fff;
    border-bottom: 8px solid #181818;
    padding: 64px 105px 64px 255px
}

.main-nav__list {
    list-style: none;
    padding: 0;
    margin: 0;
    height: 530px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-direction: column;
    flex-direction: column
}

.main-nav__list > li {
    width: 250px;
    margin-right: 150px;
    margin-bottom: 15px
}

.main-nav__list > li:last-child {
    margin-top: 0
}

.main-nav__list > li > a {
    font-size: 14px;
    color: #f3b608;
    line-height: 22px;
    font-weight: 700;
    border-bottom: 1px solid #f3b608
}

.main-nav__list .main-nav__ul {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-top: 10px
}

.main-nav__list .main-nav__ul > li > a {
    color: #181818;
    font-size: 12px;
    line-height: 24px
}

.menu__font-blue {
    color: #3B8DBA !important;
    font-weight: 700;
}

.menu-footer {
    clear: both
}

.menu-footer .info-block {
    display: -ms-flexbox;
    display: flex
}

.menu-footer .info-block .info-block__item {
    width: 250px;
    margin-right: 150px;
    font-size: 10px;
    line-height: 22px;
    font-weight: 400;
    color: #5e5e5e
}

.menu-footer .info-block .info-block__item p {
    padding: 0;
    margin: 0
}

.menu-footer__social {
    display: none
}

@media (max-width: 767.98px) {
    .hamburger {
        padding: 9px 9px 4px
    }

    .hamburger-box {
        width: 17px;
        height: 12px
    }

    .hamburger-inner {
        margin-top: -1px
    }

    .hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {
        width: 17px;
        height: 2px;
        border-radius: 0
    }

    .hamburger-inner:before {
        top: -5px
    }

    .hamburger-inner:after {
        bottom: -5px;
        width: 70%
    }

    .menu-block {
        min-width: 290px;
        min-height: 300px
    }

    .menu-block.is-visible {
        top: 0;
        left: auto;
        right: 0
    }

    .menu-content {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .menu-content .menu-content__left {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .menu-content .menu-content__left .header-lang {
        margin-top: 0
    }

    .menu-content .menu-content__right {
        padding: 25px 20px
    }

    .main-nav__list {
        height: auto;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .main-nav__list > li {
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px
    }

    .main-nav__list > li:last-child {
        margin-top: auto
    }

    .main-nav__list .main-nav__ul {
        margin-top: 10px;
        display: none
    }

    .menu-footer .info-block {
        display: block
    }

    .menu-footer .info-block .info-block__item {
        width: 100%;
        margin-right: 0;
        font-size: 10px;
        line-height: 14px;
        padding-top: 15px
    }

    .menu-footer .info-block .info-block__item p {
        padding: 0;
        margin: 0
    }

    .menu-footer__social {
        display: block;
        padding: 0;
        margin: 20px 0 0;
        list-style: none
    }

    .menu-footer__social .social-links__item {
        display: inline-block;
        margin-right: 10px
    }

    .menu-footer__social .social-links__item a {
        display: block;
        text-align: center;
        width: 35px;
        height: 35px;
        font-size: 18px;
        line-height: 35px;
        border: 1px solid #f8f8f8
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .hamburger {
        padding: 17px 15px 10px
    }

    .hamburger-box {
        width: 24px;
        height: 20px
    }

    .hamburger-inner {
        margin-top: -2px
    }

    .hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {
        width: 24px;
        height: 4px;
        border-radius: 0
    }

    .hamburger-inner:before {
        top: -8px
    }

    .hamburger-inner:after {
        bottom: -8px;
        width: 70%
    }

    .menu-block {
        min-width: 290px;
        min-height: 300px
    }

    .menu-block.is-visible {
        top: 0;
        left: auto;
        right: 0
    }

    .menu-content {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .menu-content .menu-content__left {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .menu-content .menu-content__left .header-lang {
        margin-top: 0
    }

    .menu-content .menu-content__right {
        padding: 25px 20px
    }

    .main-nav__list {
        height: auto;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .main-nav__list > li {
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px
    }

    .main-nav__list > li:last-child {
        margin-top: auto
    }

    .main-nav__list .main-nav__ul {
        margin-top: 10px;
        display: none
    }

    .menu-footer .info-block {
        display: block
    }

    .menu-footer .info-block .info-block__item {
        width: 100%;
        margin-right: 0;
        font-size: 10px;
        line-height: 14px;
        padding-top: 15px
    }

    .menu-footer .info-block .info-block__item p {
        padding: 0;
        margin: 0
    }

    .menu-footer__social {
        display: block;
        padding: 0;
        margin: 20px 0 0;
        list-style: none
    }

    .menu-footer__social .social-links__item {
        display: inline-block;
        margin-right: 10px
    }

    .menu-footer__social .social-links__item a {
        display: block;
        text-align: center;
        width: 54px;
        height: 54px;
        font-size: 18px;
        line-height: 54px;
        border: 1px solid #f8f8f8
    }
}

.header-scroll-mouse {
    width: 64px;
    height: 64px;
    text-align: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.header-scroll-mouse .scroll-down {
    text-align: center;
    width: 36px;
    height: 58px;
    display: inline-block;
    border-radius: 44px;
    border: 4px solid #f3b608;
    line-height: 30px
}

.header-scroll-mouse .scroll-down i {
    height: 10px;
    width: 4px;
    background: #f3b608;
    display: inline-block;
    border-radius: 3px;
    animation-name: a;
    animation-duration: 3s;
    animation-iteration-count: infinite
}

.header-scroll-arrow {
    width: 64px;
    height: 64px;
    text-align: center
}

.header-scroll-arrow .scroll-down-arrow i {
    display: inline-block;
    font-size: 28px;
    line-height: 64px;
    animation-name: a;
    animation-duration: 3s;
    animation-iteration-count: infinite
}

@keyframes a {
    0% {
        transform: translateY(0);
        opacity: 1
    }
    50% {
        transform: translateY(20px);
        opacity: 1
    }
    to {
        transform: translateY(0);
        opacity: 1
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .menu-block {
        min-width: 500px
    }

    .menu-content .menu-content__right {
        padding: 64px 20px 64px 95px
    }

    .main-nav__list {
        height: 580px
    }

    .main-nav__list > li {
        width: 200px;
        margin-right: 67px
    }

    .menu-footer .info-block .info-block__item {
        width: 200px;
        margin-right: 50px
    }
}

@media (min-width: 1200px) and (max-width: 1279.98px) {
    .menu-block {
        min-width: 500px
    }

    .menu-content .menu-content__right {
        padding: 64px 0 64px 145.5px
    }

    .main-nav__list > li, .menu-footer .info-block .info-block__item {
        width: 250px;
        margin-right: 50px
    }
}

@media (min-width: 1280px) and (max-width: 1365.98px) {
    .menu-block {
        min-width: 900px
    }

    .menu-content .menu-content__right {
        padding: 64px 0 64px 177px
    }

    .main-nav__list > li, .menu-footer .info-block .info-block__item {
        width: 250px;
        margin-right: 95px
    }
}

@media (min-width: 1366px) and (max-width: 1919.98px) {
    .menu-block {
        min-width: 1000px
    }

    .menu-content .menu-content__right {
        padding: 64px 0 64px 230px
    }

    .main-nav__list > li, .menu-footer .info-block .info-block__item {
        width: 250px;
        margin-right: 95px
    }
}

.page-heading {
    background-color: #e5e7e6;
}

@media screen and (min-width: 768px) {
    .page-heading {
        padding-top: 112px;
    }
}

@media screen and (min-width: 992px) {
    .page-heading {
        padding-bottom: 112px;
    }
}

.page-heading.parallax {
    background-size: cover !important;
    position: relative;
    z-index: 1;
    background-origin: initial;
    background-position: 50% !important;
    background-repeat: no-repeat
}

.page-heading .page-heading-title {
    display: block;
    padding-top: 280px;
    padding-bottom: 40px;
    position: relative;
    z-index: 10
}

.page-heading .page-heading-title h1 {
    font-size: 38px;
    font-weight: 600;
    line-height: 40px;
    text-transform: uppercase;
    color: #fff
}

.page-heading .page-heading-title h1:first-line {
    color: #f3b608;
    display: block
}

.section-menu {
    background-color: rgba(53, 48, 12, .5);
    width: 100%;
    position: relative;
    z-index: 10
}

.section-menu .section-menu__inner {
    color: #fff;
    border-bottom: 8px solid #f3b608;
    position: absolute;
    width: 100%;
    bottom: -8px;
    left: 0;
    padding: 0 50px 80px
}

.section-menu .section-menu__list {
    margin: 0;
    padding: 0
}

.section-menu .section-menu__list li {
    list-style: none
}

.section-menu .section-menu__list li a {
    color: #fff;
    font-size: 12px;
    line-height: 16px;
    border-bottom: 1px solid hsla(0, 0%, 100%, .25)
}

.section-menu .section-menu__list li.active a {
    color: #f3b608
}

@media (max-width: 991.98px) {
    .page-heading .page-heading-title {
        padding-top: 134px;
        padding-bottom: 0
    }

    .page-heading .page-heading-title h1 {
        font-size: 22px;
        line-height: 24px
    }

    .section-menu {
        position: relative
    }

    .section-menu .section-menu__inner {
        border-bottom: 8px solid #f3b608;
        position: relative;
        width: 100%;
        bottom: 0;
        left: 0;
        padding: 44px 44px 64px
    }
}

.sticky-menu {
    display: none
}

.header__sticky {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 150px;
    background-color: #181818;
    box-shadow: 0 13px 35px -12px rgba(35, 35, 35, .15);
    animation: b .7s ease-in-out
}

.header__sticky .header-lang__current .lang-list .lang-list__item {
    color: #f3b608
}

.header__sticky .header__inner, .header__sticky .header__primary .header-logo__link {
    top: 20px
}

.header__sticky .header-search {
    display: none
}

.header__sticky .menu-content .menu-content__left .header-lang {
    margin-top: 64px
}

.header__sticky .sticky-menu {
    display: block;
    position: absolute;
    right: 15px;
    top: 55px
}

.header__sticky .sticky-menu .sticky-menu__list {
    margin: 0;
    padding: 0
}

.header__sticky .sticky-menu .sticky-menu__list .sticky-menu__item {
    display: inline-block;
    padding: 8px 16px
}

.header__sticky .sticky-menu .sticky-menu__list .sticky-menu__item.active {
    background-color: #f3b608
}

.header__sticky .sticky-menu .sticky-menu__list .sticky-menu__item a {
    display: inline-block;
    font-size: 12px;
    line-height: normal;
    text-transform: uppercase;
    font-weight: 700;
    color: #fff;
    border-bottom: 1px solid #f3b608
}

@media (max-width: 767.98px) {
    .header__sticky {
        height: 120px
    }

    .header__sticky .menu-content .menu-content__left .header-lang {
        margin-top: 0;
        margin-right: 35px
    }

    .header__sticky .sticky-menu {
        display: block;
        position: absolute;
        left: 15px;
        right: 15px;
        top: 70px;
        max-width: 100%;
        overflow: hidden;
        height: 40px
    }

    .header__sticky .sticky-menu .sticky-menu__list {
        margin: 0;
        padding: 0;
        overflow-x: auto;
        white-space: nowrap
    }

    .header__sticky .sticky-menu .sticky-menu__list .sticky-menu__item {
        padding: 6px 10px
    }

    .header__sticky .sticky-menu .sticky-menu__list .sticky-menu__item a {
        font-size: 11px
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .header__sticky .menu-content .menu-content__left .header-lang {
        margin-top: 0;
        margin-right: 54px
    }

    .header__sticky .sticky-menu {
        display: block;
        position: absolute;
        left: 15px;
        right: 15px;
        top: 90px;
        max-width: 100%;
        overflow: hidden;
        height: 40px
    }

    .header__sticky .sticky-menu .sticky-menu__list {
        margin: 0;
        padding: 0;
        overflow-x: auto;
        white-space: nowrap
    }

    .header__sticky .sticky-menu .sticky-menu__list .sticky-menu__item {
        padding: 6px 10px
    }

    .header__sticky .sticky-menu .sticky-menu__list .sticky-menu__item a {
        font-size: 11px
    }
}

@keyframes b {
    0% {
        margin-top: -120px;
        opacity: 0
    }
    50% {
        margin-top: -64px;
        opacity: 0
    }
    to {
        margin-top: 0;
        opacity: 1
    }
}

.footer {
    background-color: #000;
    font-size: 12px;
    line-height: 27px;
    color: #646464;
    font-weight: 700
}

.footer p {
    margin: 0;
    padding: 0
}

.footer .footer-col-inner {
    padding: 60px 0
}

.footer .footer-copyright { /*display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between*/
}

.footer .footer-irkz {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.footer .footer-irkz .footer-irkz__logo {
    position: relative;
    top: -7px;
    left: -10px
}

#back-to-top .top {
    z-index: 999;
    margin: 0;
    color: #fff;
    transition: all .5s ease-in-out;
    position: fixed;
    bottom: 105px;
    right: 15px;
    border-radius: 3px;
    z-index: 9;
    background: transparent;
    font-size: 14px;
    background: #f3b608;
    width: 40px;
    height: 40px;
    text-align: center
}

#back-to-top .top i {
    padding-top: 2px;
    font-size: 32px
}

#back-to-top .top span {
    display: none;
    line-height: 8px;
    font-size: 11px
}

@media (max-width: 575.98px) {
    .footer {
        font-size: 10px;
        line-height: 14px
    }

    .footer .footer-col-inner {
        padding: 35px 0 0
    }

    .footer .footer-copyright {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .footer .footer-copyright span {
        display: block
    }

    .footer .footer-irkz {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding-bottom: 35px
    }

    .footer .footer-irkz .footer-irkz__logo {
        position: relative;
        top: -7px;
        left: 0;
        width: 35px
    }

    .footer .footer-irkz p {
        padding-left: 10px
    }
}

.posts__item {
    height: 176px;
    position: relative;
    overflow: hidden;
    background-size: cover;
    background-position: 50%;
    border-bottom: 8px solid #f3b608
}

.posts__item:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1
}

.posts__item.posts__item--bg-1:before {
    background-image: linear-gradient(15deg, #3c1e14, rgba(60, 30, 20, 0) 75%, rgba(60, 30, 20, 0))
}

.posts__item.posts__item--bg-2:before {
    background-image: linear-gradient(15deg, #4d4c38, rgba(77, 76, 56, 0) 75%, rgba(77, 76, 56, 0))
}

.posts__item.posts__item--bg-3:before {
    background-image: linear-gradient(15deg, #02377c, rgba(2, 55, 124, 0) 75%, rgba(2, 55, 124, 0))
}

.posts__item .posts__inner {
    z-index: 3;
    position: absolute;
    bottom: 50px;
    left: 50px;
    right: 50px
}

.posts__item .posts__inner .posts__meta {
    list-style: none;
    padding: 0;
    margin: 0
}

.posts__item .posts__inner .posts__meta .meta__item {
    display: inline-block;
    color: #fff;
    font-size: 12px;
    line-height: normal;
    font-weight: 600;
    border-bottom: 2px solid #f3b608;
    margin-bottom: 10px;
}

.posts__item .posts__inner .posts__title {
    color: #fff;
    font-weight: 700;
    font-size: 12px;
    line-height: 16px;
    text-transform: none;
    margin-bottom: 36px
}

.posts__item .posts__inner .post__link {
    display: block;
    color: #f3b608;
    font-size: 12px;
    line-height: 16px;
    font-weight: 700
}

.posts__item .posts__inner .post__link .post__link-text {
    margin-right: 30px
}

.constitution-link {
    display: flex;
    margin-top: 30px;
    gap: 30px;
}

.post-grid .posts__item {
    margin-bottom: 40px
}

.post-grid {
    padding-right : 40px;
    width         : 100%;
}

@media screen and (max-width: 993px) {
    .post-grid {
        padding-right: 0;
    }
}

.post-grid .posts__item .posts__inner {
    bottom: 30px;
    left: 30px;
    right: 30px
}

.post-grid .posts__item-calendar {
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 0;
    overflow: hidden;
    background-size: cover;
    background-position: 50%;
    border-bottom: 1px solid #DDDDDD;
}

.post-grid .posts__item .posts__inner-calendar {
    display: block;
    width: 100%;
}

.post-grid .posts__item .posts__inner .posts__title {
    font-weight: 600;
    margin-bottom: 20px
}

.sustainable-events .posts__item {
    height: 408px !important;
}

.sustainable-events__left-side {
    height: 7px
}

@media(max-width: 767px) {
    .sustainable-events__left-side {
        height: 20px;
    }
}

.posts__flex{
    display: flex;
    gap: 20px;
}

.posts__flex .posts__meta{
    list-style-type: none;
    padding-inline-start: 0;
    gap: 30px;
    position: relative;
    font-size: 12px;
    font-weight: 600;
}

.posts__flex .posts__meta:after {
    content: '';
    position: absolute;
    bottom: 3px;
    left: 0;
    width: 100%;
    height: 2px; /* Толщина разделителя */
    background-color: #F3B608; /* Цвет разделителя */
}

.post-grid .posts__inner .post__link-calendar-text{
    position: relative;
    color: #8B8B8B;
    font-size: 12px;
    font-weight: 600;
}

.post-grid .posts__inner .post__link-calendar-text:after{
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 2px; /* Толщина разделителя */
    background-color: #f3b608; /* Цвет разделителя */
}

.post-grid .posts__inner .posts__title {
    font-weight: 600;
}

.post-grid .posts__inner .posts__calendar-title {
    font-family: 'Inter';
    font-size: 14px;
    color: #000;
}

.post-grid .posts__item .posts__inner .post__link .post__link-text {
    margin-right: 80px
}

.main-news__slide--big, .main-news__slide--big .posts__item {
    height: 100%
}

.main-news__slide--small .posts__item:first-child {
    margin-bottom: 40px
}

.main-news__slide--small .posts__item .posts__inner {
    width: 250px;
    bottom: 30px;
    left: 50px;
    right: 50px
}

.main-news__slide--small .posts__item .posts__inner .posts__title {
    margin-bottom: 15px
}

.post--detail .post__header .post__title {
    font-weight: 700;
    font-size: 18px;
    line-height: 28px;
    text-transform: none;
    margin-bottom: 20px
}

.post--detail .post__header .post__title span {
    border-bottom: 2px solid #f3b608
}

.post--detail .post__header .post__meta {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-bottom: 30px
}

.post--detail .post__header .post__meta .meta__item {
    display: inline-block;
    font-size: 12px;
    line-height: normal;
    font-weight: 700;
    border-bottom: 2px solid #f3b608
}

.post--detail .post__lead {
    font-weight: 700;
    font-size: 14px;
    line-height: 24px
}

.calendar__post {
    font-weight: 400 !important;
}

.post--detail .post__thumb {
    margin: 50px 0;
    max-width: 750px;
    height: auto
}

.post--detail .post__thumb img {
    width: 100%;
    height: auto;
    border-bottom: 8px solid #f3b608
}

.post--detail .post__thumb figcaption {
    color: #8b8b8b;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    font-style: italic;
    text-align: center;
    margin-top: 15px
}

@media (max-width: 993px) {
    .site-content .content {
        flex-direction: column-reverse;
    }

    .calendar {
        max-width: 400px;
        margin: 0 auto;
        margin-bottom: 20px;
    }
}

@media (max-width: 575.98px) {
    .posts__item {
        height: 176px;
    }

    .posts__item .posts__inner {
        z-index: 3;
        position: absolute;
        bottom: 30px;
        left: 30px;
        right: 30px
    }

    .posts__item .posts__inner .posts__meta .meta__item {
        margin-bottom: 10px
    }

    .posts__item .posts__inner .posts__title {
        margin-bottom: 15px
    }

    .posts__item .posts__inner .post__link .post__link-text {
        margin-right: 20px
    }

    .main-news__slide--big {
        height: 100%;
        min-height: 176px
    }

    .main-news__slide--big .posts__item {
        height: 176px
    }

    .main-news__slide--big, .main-news__slide--small .posts__item:first-child {
        margin-bottom: 20px
    }

    .main-news__slide--small .posts__item .posts__inner {
        width: 250px;
        bottom: 30px;
        left: 30px;
        right: 30px
    }

    .main-news__slide--small .posts__item .posts__inner .posts__title {
        margin-bottom: 15px
    }
}

.google-chart-container {
    margin-bottom: 60px;
    border: 1px solid #e5e5e5
}

.post__gallery {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    margin: -5px
}

.post__gallery .gallery__item {
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 270px;
    flex-basis: 270px;
    max-width: 300px;
    margin: 5px
}

.post__gallery .gallery__img {
    width: 100%;
    height: auto
}

.progress-slider {
    width: 100%;
    margin: 0 auto
}

.progress-slider .slick-list {
    margin: 0 -25px
}

.progress-slider .slick-slide {
    margin: 0 25px
}

.progress-slider .posts__item {
    height: 380px
}

.progress-slider .posts__item .posts__inner {
    bottom: 50px;
    left: 50px
}

.progress-slider .posts__item .posts__inner .posts__title span {
    display: block;
    font-size: 52px;
    line-height: 60px
}

.credit-slider {
    width: 100%;
    margin: 0 auto
}

.credit-slider .slick-list {
    margin: 0 -15px
}

.credit-slider .slick-slide {
    padding: 0 15px
}

.credit-slider .credit-slider__item {
    margin: 0 !important;
    padding: 0 15px;
}

.credit-slider .credit__item {
    height: 200px;
    background-color: #F5F5F5;
}

.credit-slider .credit__item img {
    width: 100%;
    height: 100%;
    padding: 29px 54px;
    object-fit: contain;
}

@media (max-width: 1199.98px) {
    .progress-slider .slick-list {
        margin: 0 -20px
    }

    .progress-slider .slick-slide {
        margin: 0 20px
    }

    .progress-slider .posts__item {
        height: 380px
    }

    .progress-slider .posts__item .posts__inner {
        bottom: 30px;
        left: 30px;
        right: 30px
    }

    .progress-slider .posts__item .posts__inner .posts__title span {
        display: block;
        font-size: 42px;
        line-height: 50px
    }
}

.team__item .team__thumb {
    background-color: #424242;
    border-bottom: 8px solid #f3b608;
    position: relative
}

.team__item .team__thumb .team__img {
    width: 100%;
    height: auto
}

.team__item .team__thumb:before {
    content: "";
    position: absolute;
    left: 0;
    top: auto;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(15deg, rgba(74, 85, 108, .75), rgba(74, 85, 108, 0) 50%, rgba(74, 85, 108, 0) 75%)
}

.team__item .team__thumb .team__link {
    display: block;
    position: absolute;
    bottom: 32px;
    right: 32px;
    width: 32px;
    height: 32px;
    overflow: hidden
}

.team__item .team__thumb .team__link:before {
    content: url(../images/popup-icon.png);
    display: block;
    position: absolute
}

.team__item .team__description {
    padding: 20px 25px
}

.team__item .team__description .team__title {
    color: #181818;
    font-weight: 700;
    line-height: 26px;
    text-transform: none;
    border-bottom: 2px solid #f3b608
}

.team__item .team__description .team_position {
    color: #8b8b8b;
    font-size: 12px;
    font-weight: 700;
    line-height: 16px
}

.committees-section .page-section {
    padding-left: 50px
}

.committees-text {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%
}

.committees-text p {
    padding: 0 50px 50px;
    margin: 0;
    color: #181818;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px
}

.committees-text p:first-child {
    color: #f3b608;
    font-weight: 700;
    padding-bottom: 30px;
    padding-top: 50px
}

.documents {
    padding: 0;
    margin: 0;
    list-style: none
}

.documents .document__item {
    padding-left: 65px;
    position: relative
}

.documents .document__item .document__link {
    font-size: 14px;
    line-height: 24px;
    color: #181818;
    border-bottom: 1px solid #d7d7d7
}

.documents .document__item .document__icon {
    position: absolute;
    left: 0;
    top: 0
}

.documents .document__item .document__icon:before {
    content: "FILE";
    display: inline-block;
    background-color: #181818;
    padding: 2px 8px;
    color: #fff;
    font-size: 10px;
    line-height: 16px;
    font-style: normal;
    font-weight: 700;
    border-radius: 2px;
    margin-right: 25px;
    width: 50px;
    text-align: center
}

.documents .document__item .document__icon.document__icon--doc:before {
    content: "DOC";
    background-color: #295394
}

.documents .document__item .document__icon.document__icon--docx:before {
    content: "DOCX";
    background-color: #295394
}

.documents .document__item .document__icon.document__icon--web:before {
    content: "WEB";
    background-color: #f40f19
}

.documents .document__item .document__icon.document__icon--pdf:before {
    content: "PDF";
    background-color: #f40f19
}

.documents .document__item .document__icon.document__icon--ppt:before {
    content: "PPT";
    background-color: #d04626
}

.documents .document__item .document__icon.document__icon--pptx:before {
    content: "PPTX";
    background-color: #d04626
}

.documents .document__item .document__icon.document__icon--zip:before {
    content: "ZIP";
    background-color: #973c7d
}

.documents .document__item .document__icon.document__icon--rar:before {
    content: "RAR";
    background-color: #973c7d
}

.documents .document__item .document__icon.document__icon--xls:before {
    content: "XLS";
    background-color: #1f7246
}

.documents .document__item .document__icon.document__icon--xlsx:before {
    content: "XLSX";
    background-color: #1f7246
}

.partners__thumb .partners__img {
    margin: 0 auto;
    filter: grayscale(100%)
}

.partners__thumb:hover .partners__img {
    filter: grayscale(0)
}

.main-news {
    margin-top: 60px
}

.main-news__slide--big {
    height: 91%
}

@media (max-width: 575.98px) {
    .main-news {
        margin-top: 30px
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .main-news {
        margin-top: 40px
    }
}

.reports-slider {
    width: 100%;
    margin: 0 auto
}

.reports-slider .slick-list {
    margin: 0 -25px
}

.reports-slider .slick-slide {
    margin: 0 25px
}

.reports-slider .posts__item {
    height: 380px;
    position: relative;
    overflow: hidden;
    background-position: 50%;
    border-bottom: 8px solid #f3b608
}

.reports-slider .posts__item:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1
}

.reports-slider .posts__item.posts__item--bg-1:before {
    background-image: linear-gradient(15deg, #61318c, rgba(97, 49, 140, 0) 75%, rgba(97, 49, 140, 0) 99%)
}

.reports-slider .posts__item.posts__item--bg-2:before {
    background-image: linear-gradient(15deg, #be7f00, rgba(190, 127, 0, 0) 75%, rgba(190, 127, 0, 0) 99%)
}

.reports-slider .posts__item.posts__item--bg-3:before {
    background-image: linear-gradient(15deg, #02377c, rgba(2, 55, 124, 0) 75%, rgba(2, 55, 124, 0))
}

.reports-slider .posts__item .posts__inner {
    z-index: 3;
    position: absolute;
    bottom: 50px;
    left: 50px
}

.reports-slider .posts__item .posts__inner .posts__title {
    color: #fff;
    font-weight: 700;
    font-size: 12px;
    line-height: 16px;
    text-transform: none;
    margin-bottom: 36px
}

.reports-slider .posts__item .posts__inner .posts__title span {
    display: block;
    font-size: 52px;
    line-height: 60px
}

.reports-slider .posts__item .posts__inner .post__link {
    color: #f3b608;
    font-size: 12px;
    line-height: 16px;
    font-weight: 700
}

.reports-slider .posts__item .posts__inner .post__link .post__link-text {
    margin-right: 30px
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .reports-slider .slick-list {
        margin: 0 -20px
    }

    .reports-slider .slick-slide {
        margin: 0 20px
    }

    .reports-slider .posts__item .posts__inner {
        bottom: 30px;
        left: 30px;
        right: 30px
    }
}

.slider {
    position: relative;
    height: 100vh;
    max-height: 1000px;
    width: 100%
}

.slider:before {
    top: 0;
    z-index: 2;
    background-image: linear-gradient(0deg, transparent 0, rgba(0, 0, 0, .5));
    opacity: .99
}

.slider:after, .slider:before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0
}

.slider .slide__text {
    display: block;
    position: relative;
    z-index: 4
}

.slider .slide__text:before {
    position: absolute;
    display: block;
    width: 100px;
    height: 140px;
    top: -5px;
    left: -130px;
    border-bottom: 2px solid hsla(0, 0%, 100%, .25);
    font-size: 90px;
    line-height: 90px;
    font-weight: 400;
    color: #fff;
    text-align: center;
    z-index: 4
}

.slider .slide__text .slide__title {
    font-size: 44px;
    font-weight: 600;
    color: #fff
}

.slider .slide__text .slide__title span {
    color: #f3b608;
    display: block
}

.slider .slide__text .slide__desc {
    margin-top: 40px;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    line-height: 24px
}

.slider .slide__text .btn {
    margin-top: 90px
}

.slider .slide__static {
    position: relative;
    height: 100%;
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: end;
    align-items: flex-end
}

.slider .slide__static .slide__text {
    position: relative;
    top: 30%;
    width: 330px;
    margin-right: 200px
}

.slider .slide_dynamic {
    width: 100%;
    -ms-flex-direction: row;
    flex-direction: row
}

.slider .slide_dynamic, .slider .slide_dynamic .dynamic__item {
    position: relative;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: stretch;
    align-items: stretch
}

.slider .slide_dynamic .dynamic__item {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-preferred-size: 20%;
    flex-basis: 20%;
    transition: .7s;
    color: #fff;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    overflow: hidden
}

.slider .slide_dynamic .dynamic__item:is(.open) {
    -ms-flex-preferred-size: 100% !important;
    flex-basis: 100% !important;
}

.slider .slide_dynamic .dynamic__item:is(.open) .slide__preview {
    display: none;
    transition: .7s
}

.slider .slide_dynamic .dynamic__item:is(.open) .slide__text {
    display: block;
    top: 30%;
    width: auto;
    min-width: 300px;
    margin: 0 40px 0 170px
}

.slider .slide_dynamic .dynamic__item .slide__text {
    display: none
}

.slider .slide_dynamic .slide__preview {
    position: absolute;
    top: 50%;
    width: 100%;
    height: auto;
    z-index: 4;
    font-size: 44px;
    font-weight: 600;
    line-height: 44px;
    text-transform: uppercase;
    transform: rotate(270deg)
}

.slider .slide_dynamic .slide__preview span {
    display: block;
    position: relative
}

.slider .slide_dynamic .slide__preview span:before {
    content: attr(data-text);
    position: absolute;
    left: -10%;
    font-size: 132px;
    color: #fff;
    opacity: .07
}

.slide__item--1 {
    background-color: #3B8DBA;
}

@media screen and (min-width: 992px) {
    .slide__item--1 {
        flex-basis: 40% !important;
    }
    .slide__item--1 .slide__preview {
        width: 230px !important;
        height: 140px !important;
    }
}

.slide__item--1:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    background-image: linear-gradient(15deg, #006fbc, rgba(0, 111, 188, 0) 75%, rgba(0, 111, 188, 0) 99%)
}

.slide__item--1 .slide__text:before {
    content: "1"
}

.slide__item--2 {
    background-color: #47535D;
}

.slide__item--2:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    background-image: linear-gradient(15deg, #11222f, rgba(17, 34, 47, 0) 75%, rgba(17, 34, 47, 0) 99%)
}

.slide__item--2 .slide__text:before {
    content: "2"
}

.slide__item--3 {
    background-color: #886E3A;
}

.slide__item--3:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    background-image: linear-gradient(15deg, #be7f00, rgba(190, 127, 0, 0) 75%, rgba(190, 127, 0, 0) 99%)
}

.slide__item--3 .slide__text:before {
    content: "3"
}

.slide__item--4 {
    background-color: #3C6A67;
}

.slide__item--4:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    background-image: linear-gradient(15deg, #03403c, rgba(3, 64, 60, 0) 75%, rgba(3, 64, 60, 0) 99%)
}

.slide__item--4 .slide__text:before {
    content: "4"
}

.slide__item--5 {
    background-color: #3A9187;
}

.slide__item--6 {
    background-color: #646EC3;
}

@media (max-width: 575.98px) {
    .slider {
        position: relative;
        height: 200vh;
        max-height: 2000px
    }


    .slide__item--1 {
        flex-basis: 100% !important;
        justify-content: center;
    }

    .slide__item--1 .slide__preview {
        display: none !important;
    }

    .slide__item--1 .slide__text {
        display: block !important;
        top: .01%;
        width: 250px;
        min-width: 250px;
        margin: auto;
    }


    .slider .h-100 {
        height: auto !important
    }

    .slider .slide__text {
        display: block;
        position: relative;
        z-index: 4
    }

    .slider .slide__text:before {
        width: 30px;
        height: 60px;
        top: 0;
        left: -40px;
        font-size: 30px;
        line-height: 30px;
        font-weight: 400
    }

    .slider .slide__text .slide__title {
        font-size: 18px !important;
        font-weight: 700
    }

    .slider .slide__text .slide__desc {
        margin-top: 10px;
        font-size: 11px;
        font-weight: 400;
        line-height: 19px
    }

    .slider .slide__text .btn {
        margin-top: 10px
    }

    .slider .slide__text .btn-lg {
        padding: 10px 20px;
        font-size: 10px;
        line-height: 1em
    }

    .slider .slide__static {
        position: relative;
        height: 100vh;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .slider .slide__static .slide__text {
        position: relative;
        width: 250px;
        top: 0;
        margin: auto
    }

    .slider .slide_dynamic {
        height: 200vh
    }

    .slider .slide_dynamic, .slider .slide_dynamic .dynamic__item {
        position: relative;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .slider .slide_dynamic .dynamic__item {
        height: 100%;
        -ms-flex-preferred-size: 33.33%;
        flex-basis: 33.33%
    }

    .slider .slide_dynamic .dynamic__item:is(.open) {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }

    .slider .slide_dynamic .dynamic__item:is(.open) .slide__preview {
        display: none;
        transition: .7s
    }

    .slider .slide_dynamic .dynamic__item:is(.open) .slide__text {
        display: block;
        top: .01%;
        width: 250px;
        min-width: 250px;
        margin: auto
    }

    .slider .slide_dynamic .dynamic__item .slide__text {
        display: none
    }

    .slider .slide_dynamic .slide__preview {
        position: absolute;
        top: 45%;
        width: 100%;
        height: 100%;
        font-size: 18px;
        font-weight: 700;
        line-height: 18px;
        transform: none;
        text-align: center
    }

    .slider .slide_dynamic .slide__preview span {
        display: inline-block
    }

    .slider .slide_dynamic .slide__preview span:before {
        left: -50%;
        top: -50%;
        font-size: 90px;
        opacity: .07
    }
}

@media (min-width: 576px) and (max-width: 991.98px) {
    .slider {
        position: relative;
        height: 200vh;
        max-height: 2000px
    }

    .slide__item--1 {
        flex-basis: 100% !important;
        justify-content: center;
    }

    .slide__item--1 .slide__preview {
        display: none !important;
    }

    .slide__item--1 .slide__text {
        display: block !important;
        top: 1%;
        width: 400px;
        margin: 20px auto;
    }

    .slider .h-100 {
        height: auto !important
    }

    .slider .slide__text {
        display: block;
        position: relative;
        z-index: 4
    }

    .slider .slide__text:before {
        width: 40px;
        height: 80px;
        top: -5px;
        left: -60px;
        font-size: 40px;
        line-height: 40px;
        font-weight: 400
    }

    .slider .slide__text .slide__title {
        font-size: 18px;
        font-weight: 700
    }

    .slider .slide__text .slide__desc {
        margin-top: 10px;
        font-size: 11px;
        font-weight: 400;
        line-height: 19px
    }

    .slider .slide__text .btn {
        margin-top: 10px
    }

    .slider .slide__text .btn-lg {
        padding: 10px 20px;
        font-size: 10px;
        line-height: 1em
    }

    .slider .slide__static {
        position: relative;
        height: 100vh;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .slider .slide__static .slide__text {
        position: relative;
        width: 400px;
        margin: 0 auto
    }

    .slider .slide_dynamic {
        height: 200vh
    }

    .slider .slide_dynamic, .slider .slide_dynamic .dynamic__item {
        position: relative;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .slider .slide_dynamic .dynamic__item {
        height: 100%;
        -ms-flex-preferred-size: 33.33%;
        flex-basis: 33.33%;
        justify-content: center;
    }

    .slider .slide_dynamic .dynamic__item:is(.open) {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }

    .slider .slide_dynamic .dynamic__item:is(.open) .slide__preview {
        display: none;
        transition: .7s
    }

    .slider .slide_dynamic .dynamic__item:is(.open) .slide__text {
        display: block;
        top: 1%;
        width: 400px;
        margin: 20px auto
    }

    .slider .slide_dynamic .dynamic__item .slide__text {
        display: none
    }

    .slider .slide_dynamic .slide__preview {
        position: absolute;
        top: 45%;
        width: 100%;
        height: 100%;
        font-size: 18px;
        font-weight: 700;
        line-height: 18px;
        transform: none;
        text-align: center
    }

    .slider .slide_dynamic .slide__preview span {
        display: inline-block
    }

    .slider .slide_dynamic .slide__preview span:before {
        left: -50%;
        top: -50%;
        font-size: 90px;
        opacity: .07
    }
}

@media (min-width: 992px) and (max-width: 1279.98px) {
    .slider .slide__text:before {
        width: 40px;
        height: 70px;
        top: 0;
        left: -60px;
        font-size: 40px;
        line-height: 40px;
        font-weight: 400;
        z-index: 4
    }

    .slider .slide__text .slide__title {
        font-size: 20px !important;
        font-weight: 600
    }

    .slider .slide__text .slide__desc {
        margin-top: 20px;
        font-size: 11px;
        font-weight: 400;
        line-height: 21px
    }

    .slider .slide__text .btn {
        margin-top: 30px
    }

    .slider .slide__text .btn-lg {
        padding: 15px 25px;
        font-size: 11px;
        line-height: 1.05em
    }

    .slider .slide__static .slide__text {
        top: 30%;
        width: 270px;
        margin-right: 20px
    }

    .slider .slide_dynamic .dynamic__item:is(.open) .slide__text {
        top: 30%;
        width: auto;
        min-width: 200px;
        margin: 0 20px 0 80px
    }

    .slider .slide_dynamic .slide__preview {
        top: 47.2%;
        font-size: 28px;
        font-weight: 600;
        line-height: 28px
    }

    .slider .slide_dynamic .slide__preview span:before {
        left: -10%;
        font-size: 100px
    }
}

@media (min-width: 1280px) and (max-width: 1365.98px) {
    .slider .slide__text:before {
        width: 60px;
        height: 90px;
        top: 0;
        left: -80px;
        font-size: 50px;
        line-height: 50px;
        font-weight: 400;
        z-index: 4
    }

    .slider .slide__text .slide__title {
        font-size: 27px;
        font-weight: 600
    }

    .slider .slide__text .slide__desc {
        margin-top: 20px;
        font-size: 12px;
        font-weight: 600;
        line-height: 22px
    }

    .slider .slide__text .btn {
        margin-top: 50px
    }

    .slider .slide__static .slide__text {
        top: 30%;
        width: 330px;
        margin-right: 80px
    }

    .slider .slide_dynamic .dynamic__item:is(.open) .slide__text {
        top: 30%;
        width: auto;
        min-width: 200px;
        margin: 0 20px 0 100px
    }

    .slider .slide_dynamic .slide__preview {
        top: 55.5%;
        font-size: 32px;
        font-weight: 600;
        line-height: 32px
    }

    .slider .slide_dynamic .slide__preview span:before {
        left: -10%;
        font-size: 132px
    }
}

@media (min-width: 1366px) and (max-width: 1919.98px) {
    .slider .slide__text:before {
        width: 70px;
        height: 100px;
        top: -5px;
        left: -90px;
        font-size: 60px;
        line-height: 60px;
        font-weight: 400;
        z-index: 4
    }

    .slider .slide__text .slide__title {
        font-size: 30px;
        font-weight: 600
    }

    .slider .slide__text .slide__desc {
        margin-top: 20px;
        font-size: 12px;
        font-weight: 600;
        line-height: 22px
    }

    .slider .slide__text .btn {
        margin-top: 60px
    }

    .slider .slide__static .slide__text {
        top: 30%;
        width: 330px;
        margin-right: 80px
    }

    .slider .slide_dynamic .dynamic__item:is(.open) .slide__text {
        top: 30%;
        width: auto;
        min-width: 200px;
        margin: 0 30px 0 120px
    }

    .slider .slide_dynamic .slide__preview {
        top: 55.5%;
        font-size: 32px;
        font-weight: 600;
        line-height: 32px
    }

    .slider .slide_dynamic .slide__preview span:before {
        left: -10%;
        font-size: 132px
    }
}

@media (min-width: 1920px) and (max-width: 2047.98px) {
    .slider .slide_dynamic .dynamic__item:is(.open) .slide__text {
        width: auto;
        min-width: 250px;
        margin: 0 40px 0 170px
    }

    .slider .slide_dynamic .slide__preview {
        top: 57%
    }
}

table.dataTable thead > tr > td.sorting, table.dataTable thead > tr > td.sorting_asc, table.dataTable thead > tr > td.sorting_desc, table.dataTable thead > tr > th.sorting, table.dataTable thead > tr > th.sorting_asc, table.dataTable thead > tr > th.sorting_desc {
    padding-right: 30px
}

table.dataTable thead > tr > td:active, table.dataTable thead > tr > th:active {
    outline: none
}

table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_desc_disabled {
    cursor: pointer;
    position: relative
}

table.dataTable thead .sorting:after, table.dataTable thead .sorting:before, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_desc_disabled:after, table.dataTable thead .sorting_desc_disabled:before {
    position: absolute;
    bottom: .9em;
    display: block;
    opacity: 0
}

table.dataTable thead .sorting:before, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_desc_disabled:before {
    right: 1em;
    content: "\f106";
    font-family: FontAwesome;
    font-size: 16px;
    color: #f3b608;
    line-height: normal
}

table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_desc_disabled:after {
    right: .5em;
    content: "\f107";
    font-family: FontAwesome;
    font-size: 16px;
    color: #f3b608;
    line-height: normal
}

table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_desc:after {
    opacity: 1
}

table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_desc_disabled:after {
    opacity: 0
}

table.dataTable.table-sm .sorting:before, table.dataTable.table-sm .sorting_asc:before, table.dataTable.table-sm .sorting_desc:before {
    top: 5px;
    right: .85em
}

table.dataTable.table-sm .sorting:after, table.dataTable.table-sm .sorting_asc:after, table.dataTable.table-sm .sorting_desc:after {
    top: 5px
}

div.table-responsive > div.dataTables_wrapper > div.row {
    margin: 0
}

div.table-responsive > div.dataTables_wrapper > div.row > div[class^=col-]:first-child {
    padding-left: 0
}

div.table-responsive > div.dataTables_wrapper > div.row > div[class^=col-]:last-child {
    padding-right: 0
}

.projects-map {
    margin-bottom: 70px
}

.projects-map #projects-map {
    width: 100%;
    height: 640px
}

.events-block {
    padding-left: 30px
}

.events-block .events-list .events-item {
    border: none;
    background-color: transparent
}

.events-block .events-list .events-item .events-item__header {
    min-height: 32px;
    padding: 0;
    background-color: transparent;
    border: none
}

.events-block .events-list .events-item .events-item__header h5 {
    font-size: 14px;
    line-height: 22px;
    font-weight: 700
}

.events-block .events-list .events-item .events-item__header button {
    font-weight: 600;
    font-size: 14px;
    line-height: 100%;
    width: 100%;
    display: flex;
    justify-content: space-between;
    color: #f3b608;
    padding: 0;
    border-bottom: 1px solid #DDDDDD;
    padding-bottom: 15px;
    margin-bottom: 15px;
    white-space: normal;
    text-align: left;
    gap : 10px;
    text-transform: none;
}

.events-block .events-list .events-item .events-item__header button svg {
    transition : .3s;
    rotate     : 180deg;
    min-width  : 21px;
}

.events-block .events-list .events-item .events-item__header button.collapsed svg {
    rotate : 0deg;
}

.events-block .events-list .events-item .events-item__header button svg path {
    transition : .3s;
    stroke     : #f3b608;
}

.events-block .events-list .events-item .events-item__header button.collapsed svg path {
    stroke     : #000000;
}

.events-block .events-list .events-item .events-item__header button.collapsed {
    color: #181818
}

.events-block .events-list .events-item .events-item__header button.collapsed:before {
    background-color: #fbdb80
}

.events-block .events-list .events-item .events-item__header button:hover {
    cursor: pointer
}

.events-block .events-list .events-item .events-item__body {
    font-size: 14px;
    color: #181818;
    padding: 20px 0
}

.events-block .events-list .events-item .events-item__body .documents {
    margin-top: 40px
}

.years-block {
    position: relative
}

.years {
    z-index: 5;
    top: 10px;
    left: 30px;
    width: 730px
}

.years .year_item {
    font-size: 52px;
    line-height: normal;
    font-weight: 700;
    color: #141414;
    opacity: .3
}

.years .year_item.is-active {
    opacity: 1;
    color: #f3b608
}

.years .year_item:hover {
    cursor: pointer
}

.reports .report__thumb {
    width: 100%;
    height: auto;
    position: relative;
    border-bottom: 8px solid #f3b608
}

.reports .report__thumb:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    background-image: linear-gradient(15deg, #61318c, rgba(97, 49, 140, 0) 75%, rgba(97, 49, 140, 0) 99%)
}

.reports .report__thumb .report__img {
    width: 100%;
    height: auto
}

.reports .report__desc {
    margin: 110px 0 0 30px;
    max-height: 290px;
    overflow-y: auto;
    scrollbar-color: #527C55 #EEEEEE;
    scrollbar-width: thin;
}

@media (max-width: 767.98px) {
    .years {
        top: 0;
        left: 0;
        width: 100%
    }

    .years .year_item {
        font-size: 42px
    }

    .reports {
        margin-top: 40px
    }

    .reports .report__desc {
        margin: 40px 0
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .years {
        top: 0;
        left: 0;
        width: 480px
    }

    .years .year_item {
        font-size: 42px
    }

    .reports .report__desc {
        margin: 60px 0 0
    }
}

.contacts-map {
    display: block;
    width: 100%;
    height: 100%
}

.contacts-map.contacts-map--lg {
    min-height: 460px
}

.counter-title {
    font-family: Montserrat;
    font-weight: 700;
    font-size: 18px;
    line-height: 100%;
    text-transform: uppercase;
    color: #181818;
    margin: 0;
}

.counter-date {
    font-family: Montserrat;
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    color : #181818;
}

.finance_list {
    row-gap : 30px;
}

.finance_item {
    height : 100%;
    width : 100%;
    padding : 30px 30px 40px;
    background-color : #fafafa;
    border-bottom: 6px solid #F3B608;
}

.brace {
    width: 100%;
    height: 100%;
    background: url(../images/brace.svg) no-repeat
}

.brace, .counter {
    position: relative
}

.counter {
    min-height: 60px
}

.counter .timer {
    font-family: Montserrat;
    font-weight: 700;
    font-size: 44px;
    margin-bottom : 40px;
    line-height: 130%;
    color : #f3b608;
}

.timer-wrap {
    margin-bottom : 40px;
}

.counter-info {
    font-weight: 700;
    color : #f3b608;
    font-size: 14px;
    line-height: 130%;
}

.counter label {
    font-family: Montserrat;
    font-weight: 600;
    font-size: 14px;
    leading-trim: NONE;
    line-height: 130%;
    color : #181818;
}

.counter label, .counter p {
    font-weight: 600
}

.counter p span {
    display: block;
    font-weight: 700;
    font-size: 16px;
    text-decoration: underline
}

.counter.left-label {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center
}

.counter.left-label .timer, .counter.left-label label {
    -ms-flex-item-align: center;
    align-self: center;
    margin: 0
}

.counter.left-label label {
    padding-left: 10px
}

.counter-block {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center
}

.counter-block .block-child {
    -ms-flex-positive: 1;
    flex-grow: 1
}

.counter-block .block-child:first-child {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    border-bottom: 2px solid #e5e5e5;
    margin-bottom: 20px
}

.counter-block .block-child:last-child {
    margin-left: auto
}

.block-in {
    font-weight: 600
}

.chart-note {
    color: #929292;
    font-size: 12px;
    font-weight: 400
}

.advantages-section {
    padding: 140px 0
}

.advantages-bg .advantages-title {
    color: #f3b608;
    font-size: 40px;
    font-weight: 600;
    line-height: 40px;
    text-transform: none
}

.advantages-bg .advantages-desc {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
    text-transform: none
}

.advantages-feature .row {
    padding: 140px 0
}

.advantages-feature .row:last-child {
    padding-top: 0
}

.advantages-icons .feature-text {
    position: relative;
    z-index: 5;
    text-align: center;
    padding: 0 50px
}

.advantages-icons .feature-text:hover {
    cursor: pointer
}

.advantages-icons .feature-text:hover img {
    transform: translateY(-30px)
}

.advantages-icons .feature-text:hover .feature-icon:after {
    opacity: 1
}

.advantages-icons .feature-icon {
    position: relative;
    margin-bottom: 40px
}

.advantages-icons .feature-icon:after {
    content: " ";
    display: block;
    width: 59px;
    margin: 0 auto;
    border-bottom: 3px solid #c2c2c2;
    opacity: 0;
    transition-property: opacity;
    transition-duration: .5s;
    transition-delay: .2s
}

.advantages-icons .feature-icon img {
    height: 90px;
    width: auto;
    transition-duration: 1.1s;
    transition-delay: .01s
}

.advantages-icons .feature-info .text-back {
    text-transform: none;
    font-size: 14px;
    line-height: 24px
}

.advantages-feature {
    position: relative
}

.advantages-feature .objects-left {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    z-index: -1
}

.advantages-feature .objects-left .objects-1 {
    position: absolute;
    left: 0;
    top: 0
}

.advantages-feature .objects-left .objects-2 {
    position: absolute;
    left: 0;
    bottom: 0
}

.advantages-feature .objects-right {
    position: absolute;
    height: 100%;
    width: 100%;
    right: 0;
    top: 0;
    z-index: -1
}

.advantages-feature .objects-right .objects-3 {
    position: absolute;
    right: 0;
    top: 0
}

.advantages-feature .objects-right .objects-4 {
    position: absolute;
    right: 0;
    bottom: 0
}

.advantages-clients {
    position: relative;
    background-color: #f9f8ec;
    padding: 100px 0
}

.advantages-clients .advantages-title {
    position: relative;
    z-index: 2;
    color: #404040;
    font-size: 40px;
    font-weight: 600;
    line-height: 60px;
    text-transform: none;
    margin: 0;
    padding: 0
}

.advantages-clients .advantages-title span {
    display: block;
    color: #f3b608
}

.advantages-clients .row {
    padding: 100px 0 0
}

.advantages-clients .row:first-child {
    padding-top: 0
}

.advantages-clients .objects-right {
    position: absolute;
    height: 100%;
    width: 100%;
    right: 0;
    top: 0;
    z-index: 1
}

.advantages-clients .objects-right .objects-3 {
    position: absolute;
    right: 0;
    top: 0
}

.text-uppercase {
    text-transform: uppercase
}

.text-lowercase {
    text-transform: lowercase
}

.text-capitalize {
    text-transform: capitalize
}

.text-color-primary, .text-primary {
    color: #f3b608 !important
}

.text-transform-normal {
    text-transform: none !important
}

.icon-svg {
    vertical-align: middle
}


.page-block {
    overflow-x: hidden;
}

.page-section {
    overflow-x: hidden;
}

/*
.header-logo__social {
    background: rgba(255, 255, 255, 0.15);
    padding: 10px 35px;
    margin-left: 20px;
}*/
/*--Sayan--*/
.header-logo__social {
    background: rgba(255, 255, 255, 0.10);
    padding: 14px 17px;
    margin-left: 17px;

    @media (max-width: 1920px) {
        max-width: 270px;
    }
    @media (max-width: 1600px) {
        max-width: 231px;
    }
}
@media (max-width: 1194px) {
    .header-logo__social {
        display: none !important;
    }
    .header-logo__link {
        top: 25px;
    }
}
.header .header__primary .header-logo__link {
    display: flex;
    align-items: center;
    gap: 12px;
}

.header-logo__link .header-logo__divider {
    width: 1px;
    height: 28px;
    background: #d9d9d9;
}

/*.logo__social--title {
    font-weight: 400;
    font-size: 24px;
    color: #FFFFFF;
    line-height: 1.2;
    margin-bottom: 2px;
}
*/
/*--Sayan--*/
.logo__social--title {
    font-weight: 400;
    font-size: 13px;
    color: #FFFFFF;
    line-height: 1.2;
    margin-bottom: 5px;
}

/*.logo__social--line {
    display: flex;
    align-items: center;
    line-height: 1.2;
    font-weight: 700;
    font-size: 20px;
    color: #FFFFFF;
    line-height: 1.2;
}*/
/*--Sayan--*/
.logo__social--line {
    display: flex;
    align-items: center;
    line-height: 1.2;
    font-weight: 700;
    font-size: 14px;
    color: #FFFFFF;
    line-height: 1.2;
}

.logo__social--icon {
    margin-right: 10px;
}

.logo__social--numbers {
    display: flex;
    flex-direction: column;
    row-gap: 1px;
}

.logo__social--text {
    color: #FFFFFF;
}

.logo__social--text:hover {
    color: #FFFFFF;
}

.logo__social--text:focus {
    color: #FFFFFF;
}

@media (max-width: 991px) {
    /* .header-logo__social {display: none;} */
    .header .header__primary .header-logo__link {
        width: auto;
    }

    .header .header__primary .header-logo__link img {
        width: 100%;
    }
}

@media (max-width: 767px) {
    .logo__social--title {
        display: none;
    }

    .logo__social--text {
        display: none;
    }

    .logo__social--icon {
        margin: 0;
    }

    .header .header__primary .header-logo__link {
        align-items: center;
    }
}

@media (max-width: 767.98px) {

    .header .header__primary .header-logo__link img {
        width: 100%;
    }

}

@media (max-width: 480px) {
    .header-logo__social {
        padding: 0;
    }

    .logo__social--icon svg {
        width: 15px;
        height: 15px;
    }
}

@media (max-width: 400px) {
    .header-logo__social {
        display: none;
    }
}


.footer-anti a {
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    color: #FFFFFF;
}

.footer-anti a svg {
    margin-left: 15px;
}

/*--Sayan--*/
.slider .slide_text .slide_title {
    font-size: 32px;
}
.expert_item .icon-active {
    display: none;
}

.expert_item.active .icon-default {
    display: none;
}

.expert_item.active .icon-active {
    display: inline;
}
.expert_item:hover .icon-default {
    display: inline;
}

.expert_item:hover .icon-active {
    display: none;
}

.section-title-mobile {
    display : flex;
    align-items : center;
    justify-content : space-between;

    span {
        display : none;
        color : #686868;

        @media (max-width: 575px) {
            display : flex;
        }
    }
}