@import url(https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);

@-webkit-keyframes ticker {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

@keyframes ticker {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

.card-blog .card-body p {
    letter-spacing: 1.25px !important
}

.card-program p {
    font-size: 19px !important
}

table, table td, table th {
    border: 0 !important
}

.hero--banner-services .banner-item:nth-child(2) strong {
    left: 52% !important
}

.gear-zone-section .links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

strong {
    font-weight: 700 !important
}

.banner-item svg {
    overflow: visible
}

.marquee {
    white-space: nowrap;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-name: ticker;
    animation-name: ticker;
    -webkit-animation-duration: 20s;
    animation-duration: 20s
}

.menu-item-2130, .menu-item-2131, .menu-item-827 {
    color: #de5428
}

@media (min-width: 1024px) {
    .card-program svg {
        margin: 0 0 48px !important
    }
}

@media (min-width: 768px) {
    .banner .text-holder {
        margin: 117px 0 0 -70px !important
    }

    .intro-section .gallery-slider .slider-for .slide img {
        -o-object-fit: cover;
        object-fit: cover;
        aspect-ratio: 1/1
    }

    .about-us .col:first-child {
        z-index: 9
    }
}

@media only screen and (max-width: 767px) {
    .hero--blog .topic-wrap img {
        height: 140% !important
    }

    .hero--blog .topic-block li {
        margin: 0 0 30px !important
    }
}

/*!
  Theme Name: Documents
  Author: Anonymous
  Author URI:
  Version: 1
  Description: Documents theme for Wordpress
  License: GNU General Public License v2 or later
  License URI: https://www.gnu.org/licenses/old-licenses/gpl-2.0.html
  Text Domain: documents
  Tags: one-column, two-columns
  Theme URI:
*/
:root {
    --warning: #eba70e;
    --primary: #1e4a71;
    --info: #39aec0;
    --secondary: #de5428
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
    -webkit-text-size-adjust: 100%;
    line-height: 1.15
}

body {
    margin: 0;
    font-family: Archivo, sans-serif, Helvetica Neue, Arial, Noto Sans;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.58
}

details, img, main {
    display: block
}

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

code, kbd, pre, samp {
    font-family: monospace, monospace;
    font-size: 1em
}

a {
    background-color: transparent
}

abbr[title] {
    border-bottom: none;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b, strong {
    font-weight: bolder
}

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

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

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

button, input {
    overflow: visible
}

button, select {
    text-transform: none
}

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

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

[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    color: inherit;
    display: table;
    max-width: 100%;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox], [type=radio], legend {
    box-sizing: border-box;
    padding: 0
}

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

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

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

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

summary {
    display: list-item
}

[hidden], template {
    display: none
}

@font-face {
    font-display: block;
    font-family: icomoon;
    font-style: normal;
    font-weight: 400;
    src: url(fonts/icomoon.woff?yuzzw2) format("woff")
}

[class*=" icon-"], [class^=icon-] {
    speak: none;
    font-feature-settings: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: icomoon !important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none
}

.icon-chevron-down:before {
    content: ""
}

.icon-cross:before {
    content: ""
}

.icon-chevron-up:before {
    content: ""
}

.icon-chevron-left:before {
    content: ""
}

.icon-chevron-right:before {
    content: ""
}

.fancybox-is-open .team-modal .fancybox-stage, body.compensate-for-scrollbar {
    overflow: hidden
}

.fancybox-active {
    height: auto
}

.fancybox-is-hidden {
    left: -9999px;
    margin: 0;
    position: absolute !important;
    top: -9999px;
    visibility: hidden
}

.fancybox-container {
    -webkit-tap-highlight-color: transparent;
    -webkit-backface-visibility: hidden;
    height: 100%;
    left: 0;
    outline: 0;
    position: fixed;
    top: 0;
    touch-action: manipulation;
    transform: translateZ(0);
    width: 100%;
    z-index: 99992
}

.fancybox-container *, html {
    box-sizing: border-box
}

.fancybox-container [data-selectable=true] {
    cursor: text
}

.fancybox-outer {
    -webkit-overflow-scrolling: touch;
    overflow-y: auto
}

.fancybox-bg, .fancybox-inner, .fancybox-outer {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.fancybox-bg {
    background: #1e1e1e;
    opacity: 0;
    transition-duration: inherit;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.47, 0, .74, .71)
}

.fancybox-stage {
    bottom: 0;
    direction: ltr;
    left: 0;
    overflow: visible;
    position: absolute;
    right: 0;
    top: 0;
    transform: translateZ(0);
    z-index: 99994
}

.fancybox-is-open .fancybox-bg {
    opacity: .22;
    transition-timing-function: cubic-bezier(.22, .61, .36, 1)
}

.fancybox-is-open .team-modal {
    visibility: visible
}

.fancybox-infobar {
    direction: ltr;
    opacity: 0;
    position: absolute;
    transition: opacity .25s ease, visibility 0s ease .25s;
    visibility: hidden;
    z-index: 99997
}

.fancybox-share {
    background: #f4f4f4;
    border-radius: 3px;
    max-width: 90%;
    padding: 30px;
    text-align: center
}

.fancybox-toolbar {
    top: 0
}

.fancybox-caption, .fancybox-navigation .fancybox-button, .fancybox-toolbar {
    direction: ltr;
    opacity: 0;
    position: absolute;
    transition: opacity .25s ease, visibility 0s ease .25s;
    visibility: hidden
}

.fancybox-caption {
    right: 0
}

.fancybox-navigation .fancybox-button, .fancybox-toolbar {
    z-index: 99997
}

.fancybox-toolbar {
    right: 0
}

.fancybox-caption {
    background: linear-gradient(0deg, rgba(0, 0, 0, .85) 0, rgba(0, 0, 0, .3) 50%, rgba(0, 0, 0, .15) 65%, rgba(0, 0, 0, .075) 75.5%, rgba(0, 0, 0, .037) 82.85%, rgba(0, 0, 0, .019) 88%, transparent);
    bottom: 0;
    color: #eee;
    font-size: 14px;
    font-weight: 400;
    left: 0;
    line-height: 1.5;
    padding: 75px 44px 25px;
    pointer-events: none;
    text-align: center;
    z-index: 99996
}

.fancybox-caption a, .fancybox-caption a:link, .fancybox-caption a:visited {
    color: #ccc;
    text-decoration: none
}

.fancybox-caption a:hover {
    color: #fff;
    text-decoration: underline
}

.fancybox-navigation .fancybox-button {
    background-clip: content-box;
    height: 100px;
    top: calc(50% - 50px);
    width: 70px
}

.fancybox-navigation .fancybox-button div {
    padding: 7px
}

.fancybox-navigation .fancybox-button--arrow_left {
    left: 0;
    left: env(safe-area-inset-left);
    padding: 31px 26px 31px 6px
}

.fancybox-navigation .fancybox-button--arrow_right {
    padding: 31px 6px 31px 26px;
    right: 0;
    right: env(safe-area-inset-right)
}

.fancybox-show-caption .fancybox-caption, .fancybox-show-infobar .fancybox-infobar, .fancybox-show-nav .fancybox-navigation .fancybox-button, .fancybox-show-toolbar .fancybox-toolbar {
    opacity: 1;
    transition: opacity .25s ease 0s, visibility 0s ease 0s;
    visibility: visible
}

.fancybox-infobar {
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-touch-callout: none;
    color: #ccc;
    font-size: 13px;
    height: 44px;
    left: 0;
    line-height: 44px;
    min-width: 44px;
    mix-blend-mode: difference;
    padding: 0 10px;
    pointer-events: none;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.fancybox-slide {
    -webkit-overflow-scrolling: touch;
    -webkit-backface-visibility: hidden;
    display: none;
    height: 100%;
    left: 0;
    outline: 0;
    overflow: auto;
    padding: 44px;
    position: absolute;
    top: 0;
    transition-property: transform, opacity;
    white-space: normal;
    width: 100%;
    z-index: 99994
}

.fancybox-slide:before {
    content: "";
    display: inline-block;
    font-size: 0;
    height: 100%;
    vertical-align: middle;
    width: 0
}

.fancybox-is-sliding .fancybox-slide, .fancybox-slide--current, .fancybox-slide--next, .fancybox-slide--previous {
    display: block
}

.fancybox-slide--image {
    overflow: hidden;
    padding: 44px 0
}

.fancybox-slide--image:before {
    display: none
}

.fancybox-slide--image .fancybox-content {
    animation-timing-function: cubic-bezier(.5, 0, .14, 1);
    -webkit-backface-visibility: hidden;
    background: 0 0;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    left: 0;
    max-width: none;
    overflow: visible;
    padding: 0;
    position: absolute;
    top: 0;
    transform-origin: top left;
    transition-property: transform, opacity;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    z-index: 99995
}

.fancybox-slide--html {
    padding: 6px
}

.fancybox-slide--html .fancybox-close-small {
    color: currentColor;
    padding: 10px;
    right: 0;
    top: 0
}

.fancybox-content {
    -webkit-overflow-scrolling: touch;
    background: #fff;
    display: inline-block;
    margin: 0;
    max-width: 100%;
    overflow: auto;
    padding: 44px;
    position: relative;
    text-align: left;
    vertical-align: middle
}

.fancybox-can-zoomOut .fancybox-content {
    cursor: zoom-out
}

.fancybox-can-zoomIn .fancybox-content {
    cursor: zoom-in
}

.fancybox-can-pan .fancybox-content, .fancybox-can-swipe .fancybox-content {
    cursor: grab
}

.fancybox-is-grabbing .fancybox-content {
    cursor: grabbing
}

.fancybox-image, .fancybox-spaceball {
    background: 0 0;
    border: 0;
    height: 100%;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none;
    padding: 0;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 100%
}

.fancybox-spaceball {
    z-index: 1
}

.fancybox-slide--video .fancybox-content {
    background: #000;
    height: 100%;
    overflow: visible;
    padding: 0;
    width: 100%
}

.fancybox-slide--map .fancybox-content {
    background: #e5e3df
}

.fancybox-slide--iframe .fancybox-content, .fancybox-slide--map .fancybox-content, .fancybox-slide--pdf .fancybox-content {
    height: 100%;
    overflow: visible;
    padding: 0;
    width: 100%
}

.fancybox-slide--iframe .fancybox-content {
    background: #fff
}

.fancybox-iframe, .fancybox-video {
    background: 0 0;
    border: 0;
    display: block;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%
}

.fancybox-iframe {
    left: 0;
    position: absolute;
    top: 0
}

.fancybox-error {
    background: #fff;
    cursor: default;
    max-width: 400px;
    padding: 40px;
    width: 100%
}

.fancybox-error p {
    color: #444;
    font-size: 16px;
    line-height: 20px;
    margin: 0;
    padding: 0
}

.fancybox-button {
    background: rgba(30, 30, 30, .6);
    border: 0;
    border-radius: 0;
    box-shadow: none;
    color: #ccc;
    cursor: pointer;
    display: none;
    height: 44px;
    margin: 0;
    padding: 10px;
    position: relative;
    transition: color .2s;
    vertical-align: top;
    visibility: inherit;
    width: 44px
}

.fancybox-button:link, .fancybox-button:visited {
    color: #ccc
}

.fancybox-button:hover {
    color: #fff
}

.fancybox-button:focus {
    outline: 0
}

.fancybox-button div, .programs-slider .slick-slide > div {
    height: 100%
}

.fancybox-button svg {
    display: block;
    height: 100%;
    overflow: visible;
    position: relative;
    width: 100%
}

.fancybox-button svg path {
    fill: currentColor;
    stroke-width: 0
}

.fancybox-button.fancybox-focus {
    outline: 1px dotted
}

.fancybox-button[disabled], .fancybox-button[disabled]:hover {
    color: #888;
    cursor: default;
    outline: 0
}

.fancybox-button--fsenter svg:nth-child(2), .fancybox-button--fsexit svg:first-child, .fancybox-button--pause svg:first-child, .fancybox-button--play svg:nth-child(2) {
    display: none
}

.fancybox-progress {
    background: #ff5268;
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: scaleX(0);
    transform-origin: 0;
    transition-property: transform;
    transition-timing-function: linear;
    z-index: 99998
}

.fancybox-close-small {
    background: 0 0;
    border: 0;
    border-radius: 0;
    color: #ccc;
    cursor: pointer;
    opacity: .8;
    padding: 8px;
    position: absolute;
    right: -12px;
    top: -44px;
    z-index: 401
}

.fancybox-close-small:hover {
    color: #fff;
    opacity: 1
}

.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
    overflow: hidden
}

.fancybox-is-scaling .fancybox-close-small, .fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small, .slick-slide.slick-loading img {
    display: none
}

.fancybox-caption__body {
    max-height: 50vh;
    overflow: auto;
    pointer-events: all
}

.fancybox-loading {
    animation: fancybox-rotate 1s linear infinite;
    background: 0 0;
    border: 4px solid;
    border-color: #888 #888 #fff;
    border-radius: 50%;
    height: 50px;
    left: 50%;
    margin: -25px 0 0 -25px;
    opacity: .7;
    padding: 0;
    position: absolute;
    top: 50%;
    width: 50px;
    z-index: 99999
}

.fancybox-animated {
    transition-timing-function: cubic-bezier(0, 0, .25, 1)
}

.fancybox-fx-slide.fancybox-slide--previous {
    opacity: 0;
    transform: translate3d(-100%, 0, 0)
}

.fancybox-fx-slide.fancybox-slide--next {
    opacity: 0;
    transform: translate3d(100%, 0, 0)
}

.fancybox-fx-slide.fancybox-slide--current {
    opacity: 1;
    transform: translateZ(0)
}

.fancybox-fx-fade.fancybox-slide--next, .fancybox-fx-fade.fancybox-slide--previous {
    opacity: 0;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}

.fancybox-fx-fade.fancybox-slide--current {
    opacity: 1
}

.fancybox-fx-zoom-in-out.fancybox-slide--previous {
    opacity: 0;
    transform: scale3d(1.5, 1.5, 1.5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
    opacity: 0;
    transform: scale3d(.5, .5, .5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
    opacity: 1;
    transform: scaleX(1)
}

.fancybox-fx-rotate.fancybox-slide--previous {
    opacity: 0;
    transform: rotate(-1turn)
}

.fancybox-fx-rotate.fancybox-slide--next {
    opacity: 0;
    transform: rotate(1turn)
}

.fancybox-fx-rotate.fancybox-slide--current {
    opacity: 1;
    transform: rotate(0deg)
}

.fancybox-fx-circular.fancybox-slide--previous {
    opacity: 0;
    transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0)
}

.fancybox-fx-circular.fancybox-slide--next {
    opacity: 0;
    transform: scale3d(0, 0, 0) translate3d(100%, 0, 0)
}

.fancybox-fx-circular.fancybox-slide--current {
    opacity: 1;
    transform: scaleX(1) translateZ(0)
}

.fancybox-fx-tube.fancybox-slide--previous {
    transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg)
}

.fancybox-fx-tube.fancybox-slide--next {
    transform: translate3d(100%, 0, 0) scale(.1) skew(10deg)
}

.fancybox-fx-tube.fancybox-slide--current {
    transform: translateZ(0) scale(1)
}

.fancybox-share h1 {
    color: #222;
    font-size: 35px;
    font-weight: 700;
    margin: 0 0 20px
}

.fancybox-share p {
    margin: 0;
    padding: 0
}

.fancybox-share__button {
    border: 0;
    border-radius: 3px;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 40px;
    margin: 0 5px 10px;
    min-width: 130px;
    padding: 0 15px;
    text-decoration: none;
    transition: all .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    white-space: nowrap
}

.fancybox-share__button:link, .fancybox-share__button:visited {
    color: #fff
}

.fancybox-share__button:hover {
    text-decoration: none
}

.fancybox-share__button svg {
    height: 25px;
    margin-right: 7px;
    position: relative;
    top: -1px;
    vertical-align: middle;
    width: 25px
}

.fancybox-share__button svg path {
    fill: #fff
}

.fancybox-share__button--fb {
    background: #3b5998
}

.fancybox-share__button--fb:hover {
    background: #344e86
}

.fancybox-share__button--pt {
    background: #bd081d
}

.fancybox-share__button--pt:hover {
    background: #aa0719
}

.fancybox-share__button--tw {
    background: #1da1f2
}

.fancybox-share__button--tw:hover {
    background: #0d95e8
}

.fancybox-share__input {
    background: 0 0;
    border: 0;
    border-bottom: 1px solid #d7d7d7;
    border-radius: 0;
    color: #5d5b5b;
    font-size: 14px;
    margin: 10px 0 0;
    outline: 0;
    padding: 10px 15px;
    width: 100%
}

.fancybox-thumbs {
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -webkit-tap-highlight-color: transparent;
    background: #ddd;
    bottom: 0;
    display: none;
    margin: 0;
    padding: 2px 2px 4px;
    position: absolute;
    right: 0;
    top: 0;
    width: 212px;
    z-index: 99995
}

.fancybox-thumbs-x {
    overflow-x: auto;
    overflow-y: hidden
}

.fancybox-thumbs-x .fancybox-thumbs__list {
    overflow: hidden
}

.fancybox-show-thumbs .fancybox-thumbs {
    display: block
}

.fancybox-show-thumbs .fancybox-inner {
    right: 212px
}

.fancybox-thumbs__list {
    font-size: 0;
    height: 100%;
    list-style: none;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    position: relative;
    white-space: nowrap;
    width: 100%
}

.fancybox-thumbs__list a {
    -webkit-tap-highlight-color: transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: rgba(0, 0, 0, .1);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    float: left;
    height: 75px;
    margin: 2px;
    max-height: calc(100% - 8px);
    max-width: calc(50% - 4px);
    outline: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 100px
}

.fancybox-thumbs__list a:before {
    border: 6px solid #ff5268;
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .2s cubic-bezier(.25, .46, .45, .94);
    z-index: 99991
}

.fancybox-thumbs__list a:focus:before {
    opacity: .5
}

.fancybox-thumbs__list a.fancybox-thumbs-active:before {
    opacity: 1
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
    width: 7px
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .3)
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
    background: #2a2a2a;
    border-radius: 10px
}

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

.visually-hidden {
    clip: rect(0, 0, 0, 0);
    border: 0;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px
}

.visually-hidden.focusable:active, .visually-hidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    white-space: inherit;
    width: auto
}

.list-reset, .widget ul {
    list-style: none;
    margin: 0;
    padding: 0
}

@font-face {
    font-family: archivo_extracondensedblack;
    font-style: normal;
    font-weight: 400;
    src: url(fonts/archivo_extracondensed-black-webfont.woff2) format("woff2"), url(fonts/archivo_extracondensed-black-webfont.woff) format("woff")
}

@font-face {
    font-family: archivo_extracondensedBlkIt;
    font-style: normal;
    font-weight: 400;
    src: url(fonts/archivo_extracondensed-blackitalic-webfont.woff2) format("woff2"), url(fonts/archivo_extracondensed-blackitalic-webfont.woff) format("woff")
}

@font-face {
    font-family: archivo_extracondensedbold;
    font-style: normal;
    font-weight: 400;
    src: url(fonts/archivo_extracondensed-bold-webfont.woff2) format("woff2"), url(fonts/archivo_extracondensed-bold-webfont.woff) format("woff")
}

@font-face {
    font-family: archivo_extracondensedBdIt;
    font-style: normal;
    font-weight: 400;
    src: url(fonts/archivo_extracondensed-bolditalic-webfont.woff2) format("woff2"), url(fonts/archivo_extracondensed-bolditalic-webfont.woff) format("woff")
}

@font-face {
    font-family: archivo_extracondensedXBd;
    font-style: normal;
    font-weight: 400;
    src: url(fonts/archivo_extracondensed-extrabold-webfont.woff2) format("woff2"), url(fonts/archivo_extracondensed-extrabold-webfont.woff) format("woff")
}

@font-face {
    font-family: archivo_extracondensedXBdIt;
    font-style: normal;
    font-weight: 400;
    src: url(fonts/archivo_extracondensed-extrabolditalic-webfont.woff2) format("woff2"), url(fonts/archivo_extracondensed-extrabolditalic-webfont.woff) format("woff")
}

@font-face {
    font-family: archivo_extracondensedXLt;
    font-style: normal;
    font-weight: 400;
    src: url(fonts/archivo_extracondensed-extralight-webfont.woff2) format("woff2"), url(fonts/archivo_extracondensed-extralight-webfont.woff) format("woff")
}

@font-face {
    font-family: archivo_extracondensedXLtIt;
    font-style: normal;
    font-weight: 400;
    src: url(fonts/archivo_extracondensed-extralightitalic-webfont.woff2) format("woff2"), url(fonts/archivo_extracondensed-extralightitalic-webfont.woff) format("woff")
}

@font-face {
    font-family: archivo_extracondenseditalic;
    font-style: normal;
    font-weight: 400;
    src: url(fonts/archivo_extracondensed-italic-webfont.woff2) format("woff2"), url(fonts/archivo_extracondensed-italic-webfont.woff) format("woff")
}

@font-face {
    font-family: archivo_extracondensedlight;
    font-style: normal;
    font-weight: 400;
    src: url(fonts/archivo_extracondensed-light-webfont.woff2) format("woff2"), url(fonts/archivo_extracondensed-light-webfont.woff) format("woff")
}

@font-face {
    font-family: archivo_extracondensedLtIt;
    font-style: normal;
    font-weight: 400;
    src: url(fonts/archivo_extracondensed-lightitalic-webfont.woff2) format("woff2"), url(fonts/archivo_extracondensed-lightitalic-webfont.woff) format("woff")
}

@font-face {
    font-family: archivo_extracondensedmedium;
    font-style: normal;
    font-weight: 400;
    src: url(fonts/archivo_extracondensed-medium-webfont.woff2) format("woff2"), url(fonts/archivo_extracondensed-medium-webfont.woff) format("woff")
}

@font-face {
    font-family: archivo_extracondensedMdIt;
    font-style: normal;
    font-weight: 400;
    src: url(fonts/archivo_extracondensed-mediumitalic-webfont.woff2) format("woff2"), url(fonts/archivo_extracondensed-mediumitalic-webfont.woff) format("woff")
}

@font-face {
    font-family: archivo_extracondensedSBd;
    font-style: normal;
    font-weight: 400;
    src: url(fonts/archivo_extracondensed-semibold-webfont.woff2) format("woff2"), url(fonts/archivo_extracondensed-semibold-webfont.woff) format("woff")
}

@font-face {
    font-family: archivo_extracondensedSBdIt;
    font-style: normal;
    font-weight: 400;
    src: url(fonts/archivo_extracondensed-semibolditalic-webfont.woff2) format("woff2"), url(fonts/archivo_extracondensed-semibolditalic-webfont.woff) format("woff")
}

@font-face {
    font-family: archivo_extracondensedthin;
    font-style: normal;
    font-weight: 400;
    src: url(fonts/archivo_extracondensed-thin-webfont.woff2) format("woff2"), url(fonts/archivo_extracondensed-thin-webfont.woff) format("woff")
}

@font-face {
    font-family: archivo_extracondensedThIt;
    font-style: normal;
    font-weight: 400;
    src: url(fonts/archivo_extracondensed-thinitalic-webfont.woff2) format("woff2"), url(fonts/archivo_extracondensed-thinitalic-webfont.woff) format("woff")
}

table {
    border-collapse: collapse;
    margin-bottom: 30px;
    width: 100%
}

table td, table th {
    padding: .2em
}

.two-columns-section {
    padding: 1.875rem 0
}

.widget {
    border-bottom: 1px solid #ccc;
    margin-bottom: 20px;
    padding-bottom: 20px
}

.widget h3 {
    font-size: 25px
}

.widget select {
    min-width: 150px
}

.widget_archive, .widget_categories {
    padding-bottom: 60px
}

.widget_search input {
    margin: 20px 0 0
}

.comment-form label {
    display: block;
    padding-bottom: 4px;
    text-align: left
}

.comment-form textarea {
    height: 120px;
    min-height: 120px;
    overflow: auto
}

.comment-form input[type=text], .comment-form textarea {
    margin: 0 4px 0 0;
    width: 100%
}

.comment-form input[type=submit] {
    display: block;
    float: none
}

.post-password-form label {
    display: block;
    margin-bottom: 4px
}

.post-password-form input[type=password] {
    margin: 0 4px 0 0;
    max-width: 300px
}

.search-form {
    display: flex
}

.post-password-form input, .search-form input {
    display: inline-flex;
    height: 32px
}

.search-form input[type=submit] {
    flex-shrink: 0;
    margin: 10px 0
}

.post-password-form input[type=password] {
    width: 150px
}

.comment-form fieldset, .post-password-form fieldset, .search-form fieldset {
    border: 0;
    padding: 0
}

.comment-form input[type=submit], .post-password-form input[type=submit], .search-form input[type=submit] {
    background: #000;
    border: 0;
    color: #fff;
    height: 32px;
    padding: 0 8px
}

.comment-form input[type=submit]:hover, .navigation .next:hover, .navigation .prev:hover, .navigation-comments .next:hover, .navigation-comments .prev:hover, .navigation-single .next:hover, .navigation-single .prev:hover, .post-password-form input[type=submit]:hover, .search-form input[type=submit]:hover {
    opacity: .8
}

.commentlist {
    margin: 0 0 20px
}

.commentlist .edit-link {
    margin: 0
}

.commentlist .avatar-holder {
    float: left;
    margin: 0 20px 4px 0
}

.comment, .commentlist-holder {
    overflow: hidden
}

.commentlist-item .commentlist-item {
    padding: 20px 0 0
}

.commentlist-item + .commentlist-item {
    padding-top: 20px
}

.widget_calendar #next {
    text-align: right
}

.gallery-item dt {
    float: none;
    padding: 0
}

.navigation, .navigation-comments {
    margin-bottom: 20px;
    position: relative;
    vertical-align: middle
}

.navigation .screen-reader-text, .navigation-comments .screen-reader-text {
    left: -99999px;
    position: absolute
}

.navigation .page-numbers, .navigation-comments .page-numbers {
    display: inline-block;
    font-size: .9375rem !important;
    padding: 2px;
    vertical-align: middle
}

.navigation .next, .navigation .prev, .navigation-comments .next, .navigation-comments .prev {
    background: #000;
    color: #fff;
    display: inline-block;
    max-width: 48%;
    padding: 10px;
    text-decoration: none;
    vertical-align: middle
}

.navigation-single {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px
}

.navigation-single .next, .navigation-single .prev {
    align-items: center;
    background: #1e4a71;
    color: #fff;
    display: inline-flex;
    max-width: 48%;
    text-decoration: none
}

.navigation-single .next a, .navigation-single .prev a {
    color: inherit;
    display: block;
    padding: 10px;
    text-decoration: none
}

.navigation-single .next a {
    margin-left: auto
}

.wp-caption {
    border: 1px solid #ccc;
    clear: both;
    margin-bottom: 20px;
    max-width: 100%;
    padding: 10px
}

.wp-caption img {
    margin: 0;
    vertical-align: top
}

.wp-caption p {
    margin: 10px 0 0
}

div.aligncenter {
    margin: 0 auto 20px
}

img.aligncenter {
    display: block;
    margin: 0 auto
}

.alignleft {
    float: left;
    margin: 0 20px 4px 0
}

.alignright {
    float: right;
    margin: 0 0 4px 20px
}

.mejs-container {
    margin-bottom: 20px
}

.alignnone, .bypostauthor, .gallery, .gallery-caption, .sticky, .wp-caption-text {
    height: auto
}

#wp-calendar tbody td {
    text-align: center
}

#wp-calendar td, #wp-calendar th, table, table td, table th {
    border: 1px solid #ccc
}

.icons-test {
    margin-bottom: 100px
}

.icons-test .container {
    display: flex;
    flex-wrap: wrap;
    margin: 0 .625rem
}

.icons-test .icon {
    font-size: 3.125rem;
    padding: .625rem
}

a, body {
    color: #1e4a71
}

a, a:hover {
    text-decoration: none
}

a {
    transition: color .35s cubic-bezier(.3, .86, .36, .95)
}

a:hover {
    color: #de5428
}

dl, ol, p, ul {
    margin: 0 0 .7em
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    line-height: 1;
    text-transform: uppercase
}

.h1, h1 {
    font-size: 35px
}

.h1, .h2, h1, h2 {
    font-weight: 900;
    margin: 0 0 16px
}

.h2, h2 {
    font-size: 30px
}

.h3, h3 {
    font-size: 20px
}

.h4, h4 {
    font-size: 25px
}

.h5, h5 {
    font-size: 20px
}

.h6, h6 {
    font-size: 15px;
    margin: 0 0 15px
}

input[type=email], input[type=tel], input[type=text], textarea {
    -webkit-appearance: none;
    background-color: transparent;
    border: 1px solid;
    border-radius: 0;
    min-width: 0;
    padding: 1.2rem 2.4rem;
    transition: border-color .35s cubic-bezier(.3, .86, .36, .95);
    width: 100%
}

input[type=email]:focus, input[type=email]:hover, input[type=tel]:focus, input[type=tel]:hover, input[type=text]:focus, input[type=text]:hover, textarea:focus, textarea:hover {
    box-shadow: none;
    outline: 0
}

.slick-slider {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
    box-sizing: border-box;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.slick-list, .slick-slider {
    display: block;
    position: relative
}

.slick-list {
    margin: 0;
    overflow: hidden;
    padding: 0
}

.slick-list:focus {
    outline: 0
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list, .slick-slider .slick-track {
    transform: translateZ(0)
}

.slick-track {
    display: block;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    top: 0
}

.slick-track:after, .slick-track:before {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-initialized .slick-slide, .slick-slide img {
    display: block
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    border: 1px solid transparent;
    display: block;
    height: auto
}

.slick-arrow.slick-hidden {
    display: none
}

.ac {
    background-color: #fff;
    border: 1px solid #eee;
    box-sizing: border-box;
    margin-top: 10px
}

.ac .ac-header {
    margin: 0;
    padding: 0
}

.ac .ac-trigger {
    background-color: transparent;
    border: 0;
    color: #111;
    cursor: pointer;
    display: block;
    font: 700 16px Arial, sans-serif;
    margin: 0;
    padding: 10px 30px 10px 10px;
    position: relative;
    text-align: left;
    text-decoration: none;
    transition: color .25s ease;
    width: 100%
}

.ac .ac-trigger:after {
    content: "+";
    position: absolute;
    right: 10px;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    width: 15px
}

.ac .ac-trigger:focus {
    color: #8a8a8a
}

.ac .ac-panel {
    overflow: hidden;
    transition-property: height, visibility;
    transition-timing-function: ease
}

.ac .ac-panel .ac-text {
    color: #111;
    font: 15px/24px Arial, sans-serif;
    margin: 0;
    padding: 10px
}

.ac.js-enabled .ac-panel {
    visibility: hidden
}

.ac.is-active .ac-panel {
    visibility: visible
}

.ac.is-active > .ac-header .ac-trigger:after {
    content: "–"
}

body {
    background-color: #fff
}

.wrapper {
    overflow: hidden;
    padding-top: 89px;
    position: relative;
    transition: padding-top .3s ease;
    width: 100%
}

.accessibility {
    height: 1px;
    left: -10000px;
    overflow: hidden;
    position: absolute;
    top: auto;
    width: 1px
}

.accessibility:focus {
    height: auto;
    position: static;
    width: auto
}

.container, .container-sm {
    max-width: 1230px;
    margin: 0 auto;
    padding: 0 15px
}

.container-sm {
    max-width: 1056px
}

.text-primary {
    color: #1e4a71 !important
}

.text-secondary {
    color: #de5428 !important
}

.text-info {
    color: #39aec0 !important
}

.footer .address a:hover, .text-warning {
    color: #eba70e !important
}

.text-danger {
    color: #9f2939 !important
}

.text-white {
    color: #fff !important
}

.text-black {
    color: #000 !important
}

.bg-primary {
    background: #1e4a71 !important
}

.bg-secondary {
    background: #de5428 !important
}

.bg-info {
    background: #39aec0 !important
}

.bg-warning {
    background: #eba70e !important
}

.bg-danger {
    background: #9f2939 !important
}

.text-center {
    text-align: center !important
}

.text-left {
    text-align: left !important
}

.text-right {
    text-align: right !important
}

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

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

.border-primary {
    border-color: #1e4a71 !important
}

.border-secondary {
    border-color: #de5428 !important
}

.border-info {
    border-color: #39aec0 !important
}

.border-warning {
    border-color: #eba70e !important
}

.border-danger {
    border-color: #9f2939 !important
}

.fw-thin {
    font-weight: 100
}

.fw-ulight {
    font-weight: 200
}

.fw-light {
    font-weight: 300
}

.fw-normal {
    font-weight: 400
}

.fw-medium {
    font-weight: 500
}

.fw-semibold {
    font-weight: 600
}

.fw-bold {
    font-weight: 700
}

.fw-heavy {
    font-weight: 800
}

.fw-black {
    font-weight: 900
}

.pb-0 {
    padding-bottom: 0 !important
}

.pt-0 {
    padding-top: 0 !important
}

.pl-0 {
    padding-left: 0 !important
}

.pr-0 {
    padding-right: 0 !important
}

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

.mt-0 {
    margin-top: 0 !important
}

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

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

.mb-11 {
    margin: 0 0 11px !important
}

.section {
    padding: 50px 0
}

.loading .programs-slider .slick-slide, .loading .resources-table table {
    animation: all 1s forwards;
    opacity: 0;
    visibility: hidden
}

address {
    font-style: normal
}

.position-relative {
    position: relative
}

.header {
    background: #fff;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    transition: all .3s ease;
    z-index: 5000
}

.resize-active .header {
    transition: none
}

.header--border-sm {
    border-bottom: 1px solid
}

.header--border-lg {
    border-bottom: 5px solid
}

.header.active-header {
    box-shadow: 0 8px 16px 0 rgba(0, 66, 124, .12);
    transition: all .3s ease
}

.header .container {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding-bottom: 20px;
    padding-top: 20px;
    transition: all .3s ease
}

.header .logo {
    display: inline-block;
    margin: 0 20px 0 0;
    transition: opacity .3s ease
}

.header .logo:hover {
    opacity: .8
}

.header .logo img {
    width: 120px
}

.footer .info a:hover, .header .active {
    color: #de5428
}

.hero {
    position: relative
}

.hero--home-page {
    display: flex;
    height: 40vh;
    margin: 0 0 30px;
    overflow: hidden
}

.hero--home-page:after, .hero--home-page:before {
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.hero--home-page:after {
    -webkit-clip-path: polygon(100% 0, 100% 80.5%, 64.1% 99.1%, 0 88.7%, 0 0);
    clip-path: polygon(100% 0, 100% 80.5%, 64.1% 99.1%, 0 88.7%, 0 0);
    z-index: -1
}

.hero--home-page .hero-decor {
    display: none
}

.hero--home-page svg {
    height: 100%;
    overflow: visible;
    width: 100%
}

.hero--home-page h1 {
    margin: 0 0 1.6vw
}

.hero--home-page h1 p {
    color: #39aec0;
    font-size: 8vw;
    line-height: 1
}

.hero--home-page .text-holder {
    max-width: 350px
}

.hero--home-page .container {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.hero--home-page p {
    color: #fff;
    font-size: 15px;
    letter-spacing: -.2px;
    line-height: 1.18
}

.hero--home-page .hero-bg-random {
    -webkit-clip-path: polygon(100% 0, 100% 80.5%, 64.1% 99.1%, 0 88.7%, 0 0);
    clip-path: polygon(100% 0, 100% 80.5%, 64.1% 99.1%, 0 88.7%, 0 0)
}

.hero--blog {
    margin: 30px 0 50px
}

.hero--blog h1 {
    font-size: 50px
}

.hero--blog .topic-wrap {
    margin: 0 0 110px;
    position: relative
}

.hero--blog .topic-wrap img {
    height: 150%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: -15%;
    width: 100%;
    z-index: -1
}

.hero--blog .topic-block {
    padding: 0 15px;
    position: relative;
    text-align: center;
    top: 30px;
    z-index: 100
}

.hero--blog .topic-block li {
    margin: 0 0 4vw
}

.hero--blog .container {
    display: flex
}

.hero--blog .wrap {
    padding: 30px 0 0;
    position: relative
}

.hero--banner-services {
    margin: 0 0 30px;
    padding-top: 50%
}

.hero--banner-services strong, .hero--home-page h1 p {
    display: block;
    margin: 0
}

.hero--banner-services .banner-item:first-child {
    left: -2vw;
    top: -5vw;
    width: 53%
}

.hero--banner-services .banner-item:first-child strong {
    font-size: 4vw;
    left: 50%;
    letter-spacing: 0;
    top: 50%;
    width: 53%
}

.hero--banner-services .banner-item:first-child strong span {
    display: block
}

.hero--banner-services .banner-item:nth-child(2) {
    right: 0;
    top: 0;
    width: 51vw
}

.hero--banner-services .banner-item:nth-child(2) strong {
    font-size: 3.3vw;
    left: 57%;
    letter-spacing: 0;
    line-height: 1;
    padding: 0 2% 0 0;
    top: 50%;
    width: 37vw
}

.hero--banner-services .banner-item:nth-child(3) {
    display: none;
    right: -32vw;
    top: -41.5vw;
    width: 54vw
}

.hero--about-us {
    height: 60vw;
    margin: 0 0 30px
}

.hero--about-us:after {
    background: #eba70e;
    bottom: -2vw;
    content: "";
    height: 10vw;
    left: -20vw;
    position: absolute;
    right: -20vw;
    transform: rotate(2.3deg);
    z-index: -2
}

.hero--about-us .hero-wrap {
    height: 100%;
    overflow: hidden;
    position: relative
}

.hero--about-us .hero-bg-random {
    z-index: 100
}

.hero--about-us .hero-bg-random:after {
    background: rgba(30, 74, 113, .7);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.hero--about-us .hero-decor {
    display: none;
    left: 0;
    position: absolute;
    top: -17.1vw;
    width: 40.1vw;
    z-index: 200
}

.hero--about-us .container {
    left: 0;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 300
}

.cta {
    align-items: center;
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    display: flex;
    font-size: 20px;
    font-weight: 500;
    margin: 50px 0;
    min-height: 300px;
    padding: 50px 0
}

.cta h2, .cta p {
    text-shadow: 0 8px 33px rgba(0, 0, 0, .57)
}

.cta p {
    margin: 0 0 40px
}

.cta .btn {
    font-size: 17px;
    padding: 19px 51px 17px
}

.cta-left {
    line-height: 1.21
}

.cta-left h2 {
    margin: 0 0 9px
}

.cta-center {
    text-align: center
}

.cta-center h2 {
    margin: 0 0 27px
}

.resources {
    padding: 40px 0
}

.resources h2 {
    margin: 0 0 8px
}

.resources .resources-ajax {
    margin: 0 -15px 20px 0
}

.resources .user-filter {
    margin: 0 0 33px
}

.resources .resources-table {
    margin: 0 0 20px
}

.resources .resources-navigation {
    margin: 0 16px 0 0
}

.sponsors {
    padding: 50px 0 65px
}

.sponsors .container {
    text-align: center
}

.sponsors .row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -3px 46px
}

.sponsors .col {
    margin: 0 0 6px;
    padding: 0 3px;
    width: 50%
}

.sponsors .box-sponsor {
    width: 100%
}

.events .title-holder .wrap, .sponsors .title-holder {
    margin: 0 0 20px
}

.sponsors .h2 {
    margin: 0
}

.sponsors .h4 {
    letter-spacing: 1.3px;
    margin: 0 0 23px
}

.sponsors .h6 {
    letter-spacing: .8px;
    margin: 0 0 36px
}

.sponsors .btn {
    padding: 18px 32px
}

.events {
    margin: 60px 0 129px;
    padding: 9% 0 0;
    position: relative
}

.events .event-decor-top {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 200
}

.events .event-decor-bottom {
    margin: -5px 0 0;
    position: absolute;
    z-index: 0
}

.events .event-decor-cog {
    position: absolute;
    right: 0;
    top: 3.8%;
    z-index: 200
}

.events .container {
    padding-bottom: 53px;
    padding-top: 14px;
    position: relative
}

.events .container:after, .events--load-more:before {
    background: #1e4a71;
    content: "";
    position: absolute;
    z-index: -1
}

.events .container:after {
    bottom: -35px;
    height: 100%;
    left: -50vw;
    right: -50vw;
    top: 0
}

.events .row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
    position: relative;
    z-index: 400
}

.events .col {
    margin: 0 0 15px;
    max-height: 625px;
    padding: 0 10px
}

.events .title-holder {
    margin: 0 0 58px;
    position: relative;
    z-index: 400
}

.events .title-holder strong {
    color: #eba70e;
    display: inline-block;
    font-size: 15px;
    margin: 0 0 6px;
    text-transform: uppercase
}

.events .title-holder h2 {
    color: #fff;
    letter-spacing: 1px;
    margin: 0
}

.events .title-holder .btn {
    padding: 18px 35px 16px
}

.events .event-decor-left {
    left: -256px;
    position: absolute;
    top: 70.1%;
    transform: translateY(-50%);
    width: 28%
}

.events--load-more {
    margin: 0 0 118px
}

.events--load-more:before {
    bottom: -77px;
    -webkit-clip-path: polygon(100% 0, 100% 100%, 23% 86%, 0 99%, 0 0);
    clip-path: polygon(100% 0, 100% 100%, 23% 86%, 0 99%, 0 0);
    height: 100px;
    width: 100%
}

.events--load-more:after {
    background: #de5428;
    bottom: -75px;
    content: "";
    height: 100px;
    left: -100px;
    position: absolute;
    right: -100px;
    transform: rotate(-2.5deg);
    z-index: -2
}

.events--load-more .container {
    padding-bottom: 0
}

.events .slick-dots {
    display: flex;
    gap: 10px;
    justify-content: center;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%
}

.events .slick-dots button {
    background: #fff;
    border: 0;
    border-radius: 50%;
    font-size: 0;
    height: 15px;
    padding: 0;
    transition: all .3s ease;
    width: 15px
}

.events .slick-active button {
    background: #de5428
}

.testimonials {
    padding: 25px 0
}

.testimonials .container {
    max-width: 920px
}

.content-section {
    line-height: 2.05;
    padding: 40px 0
}

.content-section h2 {
    margin: 0 0 26px
}

.content-section h3 {
    color: #39aec0;
    font-size: 25px;
    margin: 0 0 20px;
    text-transform: capitalize
}

.content-section p:not(:last-child) {
    margin: 0 0 32px
}

.content-section--two-columns h2 {
    margin: 0 0 43px
}

.content-section--two-columns .content {
    flex: 1;
    margin: 0 0 50px;
    padding: 0
}

.content-section--two-columns .sidebar img {
    padding: 0 10px 0 0;
    width: 100%
}

.content-section--two-columns .widget-text {
    border-top: 2px solid #1e4a71;
    margin: 0 0 40px;
    padding: 22px 0 0
}

.content-section--two-columns .widget-text h3 {
    margin: 0 0 31px
}

.content-section--two-columns .widget-text .related-card:not(:last-child) {
    margin: 0 0 30px
}

.accordion-section, .list-section {
    padding: 40px 0
}

.list-section h2 {
    margin: 0 0 27px
}

.accordion-section .container-sm {
    max-width: 1065px
}

.accordion-section h2 {
    margin: 0 0 51px
}

.video-section {
    line-height: 1.2;
    padding: 40px 0;
    text-align: center
}

.video-section h2 {
    margin: 0 0 27px
}

.video-section .video-holder {
    height: 0;
    margin: 0 0 13px;
    padding-top: 56.25%;
    position: relative;
    z-index: 100
}

.video-section .video-holder iframe {
    border: 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.video-section .video-holder .img-decor-01, .video-section .video-holder .img-decor-02 {
    position: absolute
}

.video-section .video-holder .img-decor-01 {
    left: -14%;
    top: 4%;
    width: 21%
}

.video-section .video-holder .img-decor-02 {
    bottom: 9%;
    right: -9%;
    width: 14.5%
}

.gallery-section {
    padding: 40px 0
}

.gallery-section h2 {
    margin: 0 0 35px
}

.gallery-section .row .gallery-slider {
    margin: 0 0 20px
}

.gallery-section .row .content p {
    margin: 0 0 10px
}

.contact-form-section p:last-child, .contact-us p:last-child, .gallery-section .row .content p:last-child {
    margin: 0
}

.gallery-section .row .slider-for {
    margin: 0 0 3px
}

.gallery-section .row .slider-nav {
    margin: 0 -5px
}

.gallery-section .row .slider-nav .slide {
    padding: 0 5px
}

.posts {
    padding: 40px 0 0
}

.posts h2 {
    margin: 0 0 23px
}

.posts .post {
    display: flex;
    flex-direction: column-reverse
}

.posts .post:not(:last-child) {
    margin: 0 0 20px
}

.posts .content {
    margin: 0 0 30px
}

.posts .btn {
    margin: 19px 0 0;
    padding: 17px 38px 18px
}

.posts .img-holder {
    margin: 0 0 30px
}

.about-us .img-holder img, .contact-us .img-holder img, .posts .img-holder img {
    width: 100%
}

.contact-form-section {
    background: #1e4a71;
    color: #fff;
    margin: 50px 0 81px;
    padding: 49px 0;
    position: relative;
    text-align: center
}

.contact-form-section:before, .contact-us .wrap-decor:after {
    background: #eba70e;
    content: "";
    height: 100%;
    position: absolute;
    z-index: -1
}

.contact-form-section:before {
    bottom: 0;
    left: -100px;
    right: -100px;
    top: 0;
    transform: rotate(-2deg)
}

.contact-form-section .h6 {
    display: inline-block;
    margin: 0 0 10px
}

.contact-form-section h2 {
    font-size: 30px;
    margin: 0 0 36px
}

.contact-form-section .title-holder, .donate-section .items li {
    margin: 0 0 19px
}

.contact-form-section p {
    letter-spacing: .7px
}

.gear-zone-section {
    margin: 50px 0
}

.gear-zone-section .container {
    position: relative
}

.gear-zone-section .title-holder {
    max-width: 1230px;
    padding: 0 15px;
    margin: 0 auto 65px
}

.gear-zone-section .title-holder h2 {
    margin: 0 0 40px
}

.gear-zone-section .title-holder .h6 {
    margin: 0 0 0 7px
}

.gear-zone-section .gear-items {
    align-items: center;
    display: flex;
    flex-direction: column
}

.gear-zone-section .flip-item {
    background: gray;
    display: block;
    height: 80vw;
    margin: 0 0 30px;
    width: 80vw
}

.contact-us {
    padding: 40px 0 0
}

.contact-us .img-holder {
    margin: 0 0 50px
}

.contact-us .wrap-decor {
    position: relative
}

.contact-us .wrap-decor:after {
    bottom: -2%;
    right: -2%;
    width: 100%
}

.contact-us .content {
    color: #000;
    flex: 1;
    font-size: 15px
}

.contact-us h3 {
    color: #715781;
    font-size: 30px;
    font-weight: 900;
    letter-spacing: .8px;
    margin: 0 0 27px;
    text-transform: none
}

.contact-us strong {
    color: #715781;
    margin: 0 0 20px
}

.contact-us h2 {
    color: #1e4a71;
    margin: 0 0 31px
}

.contact-us h3 span {
    display: block;
    font-size: 35px;
    margin: 0 0 6px
}

.contact-us .address {
    color: #1e4a71;
    font-size: 20px;
    margin: 0 0 33px
}

.contact-us p {
    line-height: 1.2
}

.map-section {
    padding: 50px 0 0;
    text-align: center
}

.map-section .row {
    margin: 0 0 30px
}

.map-section .col {
    margin: 0 0 20px
}

.map-section h2 {
    margin: 0 0 37px
}

.map-section .h4 {
    color: #39aec0;
    margin: 0 0 8px
}

.headlines {
    padding: 50px 0
}

.headlines .wrap-headings {
    margin: 0 0 50px
}

.headlines h1 {
    letter-spacing: 1.4px;
    margin: 0 0 16px
}

.card-blog blockquote, .headlines h6 {
    margin: 0 0 15px
}

.blog-section {
    padding: 50px 0 45px
}

.blog-section .col:first-child {
    margin: 0 0 30px;
    width: 100%
}

.blog-section .col:nth-child(2) {
    flex: 1
}

.blog-section .col:nth-child(2) .card-blog:not(:last-child) {
    margin: 0 0 41px
}

.blog-section .title-holder {
    margin: 0 0 30px
}

.blog-section h2 {
    margin: 0 0 20px
}

.blog-section .h6 {
    display: block;
    margin: 0 0 10px
}

.blog-section .cta-btn-wrap {
    margin: 30px 0 0;
    width: 100%
}

.blog-section .cta-btn-wrap .btn {
    margin: 0;
    padding: 17px 20px
}

.blog-section .btn {
    padding: 18px 60px
}

.blog-section .btn__cta {
    display: block;
    font-weight: 500;
    text-transform: none
}

.blog-section .btn__cta span {
    font-weight: 900;
    text-transform: uppercase
}

.donate-section {
    margin: 0 0 30px;
    padding: 50% 0 50px;
    position: relative
}

.donate-section:after {
    background-color: rgba(57, 174, 192, .7);
    content: "";
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%
}

.donate-section .container {
    height: 100%;
    position: relative;
    z-index: 300
}

.donate-section .bg-img {
    filter: grayscale(100%);
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    position: absolute;
    top: 0;
    width: 100%
}

.donate-section .wrap {
    align-items: center;
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 100
}

.donate-section .title-holder {
    margin: 0 0 30px;
    position: relative
}

.donate-section h2 {
    font-size: 30px;
    margin: 0;
    text-align: center
}

.donate-section h2 span {
    font-size: 40px;
    font-weight: 900;
    letter-spacing: 4.8px
}

.donate-section .items {
    margin: 0 4px 0 0
}

.donate-section .items a {
    padding: 20px 28px 15px;
    width: 100%
}

.about-us {
    padding: 50px 0
}

.about-us .container {
    position: relative;
    z-index: 500
}

.about-us .h6 {
    display: block;
    margin: 0 0 8px
}

.about-us .h1 {
    letter-spacing: 2.5px;
    margin: 0
}

.about-us .marquee {
    width: 100vw
}

.about-us .text-decor-outline {
    display: block;
    font-family: archivo_extracondensedbold;
    font-size: 7.33vw;
    line-height: 1;
    margin: 0 -120vw 27px 0;
    position: relative;
    text-transform: uppercase;
    z-index: 100
}

.about-us .row:last-child {
    margin-bottom: 0
}

.about-us .content {
    margin: 0 0 30px
}

.about-us .btn {
    margin: 20px 0 0;
    padding: 16px 63px 19px
}

.about-us .img-holder, .programs {
    position: relative
}

.about-us .img-holder--decor:before {
    background: #39aec0;
    bottom: -10px;
    content: "";
    left: -10px;
    z-index: -1
}

.about-us .img-holder-round {
    height: 0;
    padding-bottom: 100%;
    position: relative;
    width: 100%
}

.about-us .img-holder--decor:before, .about-us .img-holder-round .img-decor {
    height: 100%;
    position: absolute;
    width: 100%
}

.about-us .img-holder-round img {
    border-radius: 50%;
    height: 70%;
    left: 50%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 70%
}

.about-us .row-inv {
    flex-direction: row-reverse
}

.about-us .row-inv .title-holder {
    padding: 50px 0 0
}

@supports (text-stroke:1px #39aec0) or (-webkit-text-stroke:1px #39aec0) {
    .about-us .text-decor-outline {
        -webkit-text-stroke: 1px #39aec0;
        text-stroke: 1px #39aec0;
        color: transparent;
        text-shadow: none
    }
}

.programs {
    margin: -20% 0;
    padding: 300px 0 130px;
    z-index: 200
}

.programs .programs-wrap {
    position: relative;
    top: 6vw
}

.programs .bg-programs {
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    position: absolute;
    top: 56%;
    transform: translateY(-50%);
    width: 100%
}

.programs .container, .programs .container-sm {
    position: relative
}

.programs .container-sm {
    margin-top: -10px;
    max-width: 1007px
}

.programs .program-ajax, .programs .programs-slider {
    margin: 0 -14px 20px
}

.programs .title-holder {
    margin: 0 0 35px
}

.programs .h6 {
    display: block;
    letter-spacing: .6px;
    margin: 0 0 2px
}

.programs h2 {
    letter-spacing: 1px;
    margin: 0 13px 0 0
}

.programs .user-filter {
    margin: 0 0 52px
}

.programs .user-filter strong {
    letter-spacing: .6px
}

.programs .user-filter strong:after {
    left: .9em;
    top: 2px
}

.programs .nice-select {
    border: 2px solid #eba70e;
    color: #fff
}

.programs .nice-select:hover {
    border-color: #eba70e
}

.programs .nice-select .list {
    background: #1e4a71;
    box-shadow: 0 0 0 2px #eba70e
}

.programs .nice-select:after {
    border-color: #fff;
    right: 27px
}

.programs .nice-select.open, .programs .nice-select:active, .programs .nice-select:focus {
    border-color: #eba70e
}

.programs .nice-select .option.focus, .programs .nice-select .option.selected.focus, .programs .nice-select .option:hover {
    background-color: #39aec0
}

.programs .event-card {
    padding-left: 0;
    padding-right: 0
}

.programs .event-card .card-img {
    margin-left: 0;
    margin-right: 0
}

.blog-posts {
    margin: 0 0 47px;
    padding: 0 0 30px
}

.blog-posts .row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -32px;
    padding: 0 8px
}

.blog-posts .card-blog {
    margin: 0 0 41px;
    padding: 0 32px
}

.blog-posts .blog-navigation {
    margin: 0 28px -77px !important;
    position: relative !important;
    top: -77px !important
}

.ctis-load-more-container {
    border-top: 5px solid #1e4a71;
    flex: 1;
    margin: 0 25px !important;
    padding: 20px 0 !important
}

.ctis-load-more-container .ctis-load-more button {
    color: #39aec0 !important;
    font-size: 20px !important;
    font-weight: 900 !important;
    text-transform: uppercase
}

.ctis-load-more-container .ctis-loader-elements {
    line-height: 1
}

.team-section {
    padding: 68px 0 58px
}

.team-section h1 {
    font-size: 50px;
    letter-spacing: 4px;
    margin: 0 0 33px
}

.team-section .list-info {
    margin: 0 auto 60px;
    max-width: 413px
}

.team-section .list-info a, .team-section .list-info li {
    width: 100%
}

.team-section .list-info li.active a {
    background-color: #761f2a;
    color: #de5428
}

.team-section .list-info li.active a:hover {
    background-color: #9f2939;
    color: #fff
}

.team-section .row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 -21px
}

.team-section .card-team {
    margin: 0 0 20px;
    padding: 0 21px;
    width: 100%
}

.banner, .banner--partners {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 0 0 -200px;
    padding: 70px 0 260px
}

.banner--partners {
    background-position: top;
    margin: 50px 0 -100px;
    padding: 70px 0 350px;
    position: relative
}

.banner .container {
    text-align: center
}

.banner .wrap {
    padding: 0 0 30px
}

.banner h2 {
    color: #fff;
    font-size: 50px;
    margin: 0 0 20px
}

.banner .text-holder {
    font-size: 18px;
    font-weight: 500
}

.banner .text-holder p {
    line-height: 1.61;
    margin: 0
}

.banner .btn {
    padding: 18px 30px 17px
}

.banner--our-team h2 {
    display: block
}

.banner--our-team .container {
    align-items: flex-start;
    flex-direction: column
}

.banner--partners .container {
    justify-content: center;
    left: 0;
    position: absolute;
    right: 0;
    top: 45%;
    transform: translateY(-50%)
}

.banner--partners h2 {
    font-size: 50px
}

.banner .links {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 250px
}

.banner .links .btn {
    margin-left: 0;
    padding-left: 30px;
    padding-right: 30px
}

.events-header {
    padding: 38px 0 20px;
    position: relative;
    z-index: 1000
}

.events-header .header-wrap {
    margin: 0 auto 23px;
    max-width: 920px;
    text-align: center
}

.events-header .h2 {
    margin: 0 0 17px
}

.events-header p {
    line-height: 1.96;
    margin: 0
}

.events-header .user-filter {
    padding: 0 5px
}

.events-header .user-filter .title {
    letter-spacing: 1px
}

.find-programs, .intro-section {
    padding: 0 0 50px
}

.intro-section .text-holder {
    margin: 0 0 30px
}

.intro-section .text-holder p:first-child {
    font-size: 17px;
    line-height: 1.13;
    margin: 0 0 20px
}

.intro-section .text-holder p:last-child {
    margin: 0
}

.intro-section .gallery-slider .slider-btn button {
    background: 0 0;
    border: 2px solid #fff
}

.intro-section .gallery-slider .slider-btn svg {
    stroke: #fff
}

.intro-section .gallery-slider .slider-for {
    margin: 0 0 3px
}

.intro-section .gallery-slider .slider-for .slide {
    position: relative
}

.intro-section .gallery-slider .slider-for .slide:after {
    background: rgba(138, 138, 138, .5);
    content: "";
    height: 100%;
    left: 0;
    mix-blend-mode: multiply;
    position: absolute;
    top: 0;
    width: 100%
}

.intro-section .gallery-slider .slider-nav {
    margin: 0 -5px
}

.intro-section .gallery-slider .slider-nav .slide {
    padding: 0 5px
}

.find-programs .container {
    max-width: 1050px
}

.find-programs .title-holder {
    margin: 0 0 35px;
    max-width: 760px;
    text-align: center
}

.find-programs .title-holder h1 {
    font-size: 40px;
    margin: 0 0 29px
}

.find-programs .title-holder p {
    margin: 0
}

.find-programs .col {
    margin: 0 0 10px
}

.find-programs .card-program, .intro-programs img {
    width: 100%
}

.intro-programs {
    padding: 0 0 60px
}

.intro-programs h2 {
    font-size: 25px;
    margin: 0 0 30px
}

.intro-programs .text-holder {
    color: #000;
    margin: 0
}

.intro-programs .list-schools {
    margin: 0 0 8px
}

.intro-programs h3 {
    color: #1e4a71;
    font-weight: 900;
    margin: 0 0 17px
}

.intro-programs p {
    margin: 0 0 20px
}

.intro-programs .btn {
    padding: 16px 30px
}

.intro-programs .row {
    display: flex;
    flex-direction: column-reverse
}

.intro-programs .row:not(:last-child) {
    margin: 0 0 60px
}

.intro-programs .row .img-holder {
    margin: 0 0 30px;
    position: relative
}

.intro-programs .row .img-holder:after {
    background: #39aec0;
    bottom: -7px;
    content: "";
    height: 100%;
    left: -7px;
    position: absolute;
    width: 100%;
    z-index: -1
}

.intro-programs .row .img-holder img {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center
}

.intro-programs .row-inv h3 {
    margin: 0 0 7px
}

.intro-programs .row-inv .img-holder:after {
    left: auto;
    right: -7px
}

.footer {
    color: #fff;
    padding: 9% 0 0;
    position: relative;
    z-index: 100
}

.footer .container {
    background: #1e4a71;
    position: relative
}

.footer .container:before {
    background: #1e4a71;
    content: "";
    height: 100%;
    left: -100vw;
    position: absolute;
    right: -100vw;
    z-index: -1
}

.footer .title-holder {
    margin: 0 0 18px;
    padding: 26px 0 0;
    position: relative;
    text-align: center;
    z-index: 500
}

.footer .h6 {
    display: block;
    font-weight: 300;
    margin: 0 0 10px
}

.footer h2 {
    font-size: 30px;
    margin: 0 0 36px
}

.footer .btn--warning {
    color: #1e4a71
}

.footer .contact-from {
    margin: 0 0 40px;
    position: relative;
    z-index: 500
}

.footer .contact-from .btn {
    padding: 13px
}

.footer .site-actions {
    align-items: center;
    border-bottom: 2px solid #39aec0;
    border-color: #39aec0 currentcolor;
    border-top: 2px solid #39aec0;
    display: flex;
    flex-direction: column;
    margin: 0 0 42px;
    padding: 40px 0 48px
}

.footer .socials {
    margin-bottom: 20px
}

.footer .search-form {
    width: 100%
}

.footer .site-about {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 -15px 20px
}

.footer .site-about .wrap {
    padding: 0 15px
}

.footer .site-about .wrap:first-child {
    width: 100%
}

.footer .site-about .wrap:nth-child(3) p {
    font-weight: 900;
    letter-spacing: .2px;
    line-height: 1;
    margin: 0 0 17px
}

.footer .site-about .wrap:nth-child(3) .btn {
    padding: 20px 39px 15px
}

.footer .site-about p {
    line-height: 1.38
}

.footer .logo {
    display: block;
    margin: 0 0 30px
}

.footer .address {
    margin: 24px 0 0
}

.footer .address a, .footer .address span {
    color: #fff
}

.footer .address a {
    margin: 16px 0 0
}

.footer .site-info {
    border-top: 2px solid #39aec0;
    display: flex;
    justify-content: space-between;
    padding: 19px 0 20px
}

.footer .site-info p {
    color: #eba70e;
    margin: 0 0 0 30px
}

.footer .site-info p a {
    color: inherit;
    text-decoration: underline
}

.footer .site-info p a:hover {
    text-decoration: none
}

.footer .info {
    display: flex;
    flex-wrap: wrap;
    font-size: 16px;
    margin: 0 -10px
}

.footer .info li {
    margin: 0 0 10px;
    padding: 0 10px;
    position: relative
}

.footer .info li:after {
    background: #39aec0;
    content: "";
    height: 70%;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px
}

.footer .info li:last-child:after {
    background: 0 0
}

.footer .info a {
    color: #39aec0;
    transition: color .3s ease
}

.footer .img-decor-bottom, .footer .img-decor-top {
    position: absolute
}

.footer .img-decor-top {
    top: 0;
    z-index: 100
}

.footer .img-decor-bottom {
    bottom: 12.5%;
    right: 0;
    width: 6%;
    z-index: 1
}

.btn {
    border: 0;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    font-weight: 900;
    line-height: 1;
    padding: 20px 32px 19px;
    text-align: center;
    text-transform: uppercase;
    transition: all .3s ease
}

.btn:hover {
    color: #1e4a71
}

.btn__cta {
    letter-spacing: 1px;
    padding: 13px 48px 10px
}

.btn--primary {
    background: #1e4a71
}

.btn--primary:hover {
    background: #133049
}

.btn--secondary {
    background: #de5428
}

.btn--secondary:hover {
    background: #b7421c
}

.btn--info, .resources-table thead {
    background: #39aec0
}

.btn--info:hover {
    background: #2d8a99
}

.btn--warning, .testimonials-slider .slick-dots .slick-active button {
    background: #eba70e
}

.btn--warning:hover {
    background: #bb850b
}

.btn--danger {
    background: #9f2939
}

.btn--danger:hover {
    background: #761f2a;
    color: #de5428
}

.btn--load-more {
    background: 0 0;
    color: #39aec0;
    padding: 0
}

.nav {
    align-items: center;
    background: #e8edf1;
    bottom: 0;
    display: flex;
    flex-direction: column;
    max-height: 100%;
    overflow: auto;
    padding: 50px 15px;
    position: fixed;
    right: 0;
    top: 169px;
    transform: translateX(100%);
    transition: all .3s ease;
    width: 100%
}

.resize-active .nav {
    transition: none
}

.nav .btn {
    margin: 5px 0 0;
    padding: 20px 41px 19px
}

.nav-active {
    transform: translateX(0)
}

.menu {
    display: flex;
    flex-direction: column;
    margin-bottom: 30px;
    width: 100%
}

.menu .menu-item {
    text-align: center;
    z-index: 100
}

.menu .menu-item.hover > .menu-link, .menu .menu-item:hover > .menu-link {
    color: #de5428
}

.menu .menu-item--sm, .menu .menu-link {
    position: relative
}

.menu .menu-item--sm .dropdown-menu-wrap {
    left: 0;
    top: 73px
}

.menu .menu-item--sm .dropdown-menu {
    padding: 20px
}

.menu .menu-link {
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    margin: 0 0 30px;
    text-transform: uppercase;
    transition: all .3s ease
}

.menu .menu-link:hover {
    color: #de5428
}

.menu .menu-link:after {
    content: ""
}

.menu .dropdown-menu-wrap {
    display: flex;
    flex-direction: column;
    margin: 0 0 30px
}

.resize-active .menu .dropdown-menu-wrap {
    transition: none
}

.menu .dropdown-menu {
    background: #fff;
    padding: 20px 15px
}

.contact-from input, .list-group li, .menu .dropdown-menu-item {
    margin: 0 0 10px
}

.menu .dropdown-menu-link {
    display: block;
    font-size: 16px;
    font-weight: 700;
    text-transform: capitalize;
    transition: background .3s ease
}

.menu .dropdown-menu-link:hover {
    background: rgba(30, 74, 113, .2);
    color: #1e4a71
}

.menu .menu-card {
    padding: 0 15px 20px
}

.cookies-alert {
    color: #fff;
    display: none;
    font-size: 15px;
    padding: 15px 0;
    transition: all .3s ease;
    z-index: 5000
}

.resize-active .cookies-alert {
    transition: none
}

.cookies-alert.close-alert {
    opacity: 0;
    visibility: hidden
}

.cookies-alert .container {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding-bottom: 0 !important;
    padding-top: 0 !important
}

.cookies-alert p {
    flex: 1;
    margin: 0
}

.cookies-alert .close {
    background: 0 0;
    border: 0;
    cursor: pointer;
    height: 15px;
    margin: 0 0 0 30px;
    padding: 0;
    transition: opacity .3s ease;
    width: 15px
}

.cookies-alert .close:hover {
    opacity: .7
}

.cookies-alert.active {
    display: block
}

.user-filter .title {
    color: #39aec0;
    display: block;
    font-weight: 400;
    margin: 0 0 15px;
    overflow: hidden;
    position: relative;
    z-index: 100
}

.user-filter .title:after {
    background: #39aec0;
    content: "";
    display: inline-block;
    height: 2px;
    left: .5em;
    margin-right: -100%;
    position: relative;
    vertical-align: middle;
    width: 100%
}

.user-filter .wrap {
    display: flex;
    flex-direction: column;
    gap: 20px
}

.gallery-slider .slider-for .slide img, .user-filter .nice-select, .user-filter .nice-select .list {
    width: 100%
}

.user-filter--events .btn {
    padding: 12px 20px;
    width: 100% !important
}

.user-filter--events .nice-select {
    width: 100% !important
}

.user-filter .btn-active {
    background: #b7421c;
    color: #1e4a71
}

.resources-table {
    overflow-x: auto;
    scrollbar-color: #1e4a71 #e8e7e7;
    scrollbar-width: thin
}

.resources-table::-webkit-scrollbar {
    height: 4px;
    margin: 10px 0 0
}

.resources-table::-webkit-scrollbar-track {
    background-color: #e8e7e7
}

.resources-table::-webkit-scrollbar-thumb {
    background-color: #1e4a71
}

.resources-table::-webkit-scrollbar-thumb:hover {
    background: #1e4a71
}

.resources-table table {
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 15px;
    min-width: 767px;
    table-layout: fixed;
    transition: all .3s ease;
    width: 100%
}

.resources-table tbody tr {
    border-bottom: 1px solid #39aec0
}

.resources-table td {
    font-weight: 700;
    padding: 10px;
    vertical-align: middle;
    width: 25%
}

.resources-table td:first-child {
    width: 23%
}

.resources-table th {
    border-left: 1px solid #39aec0;
    border-right: 1px solid #39aec0;
    color: #fff;
    padding: 5px 10px;
    text-align: left;
    text-transform: uppercase
}

.resources-table .category {
    font-weight: 500
}

.resources-table .btn {
    padding: 15px 10px;
    text-align: center;
    width: 100%
}

.resources-navigation {
    display: flex;
    justify-content: flex-end
}

.resources-navigation a {
    color: #1e4a71;
    display: inline-block;
    font-size: 20px;
    font-weight: 900;
    line-height: 1;
    padding: 8.5px 10.8px;
    transition: all .3s ease
}

.resources-navigation .current, .resources-navigation a:hover {
    background: #39aec0;
    color: #fff
}

.resources-navigation .dots {
    align-items: flex-end;
    display: flex;
    font-size: 20px;
    padding: 0 10.8px 2px
}

.box-sponsor {
    background: #e8edf1;
    display: inline-block;
    display: flex;
    justify-content: center;
    padding: 62px 20px;
    transition: background .3s ease
}

.box-sponsor:hover {
    background: #f7fafb
}

.menu-card {
    background: #fff
}

.menu-card .wrap {
    align-items: center;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap
}

.btn-burger {
    position: relative;
    background: 0 0;
    border: 0;
    cursor: pointer;
    height: 20px;
    margin: 0;
    padding: 0;
    width: 30px
}

.menu-card .img-holder {
    margin: 0 0 50px;
    position: relative
}

.menu-card .img-holder:before {
    background: #eba70e;
    bottom: -10px;
    content: "";
    height: 100%;
    left: -10px;
    position: absolute;
    width: 100%
}

.menu-card img {
    position: relative;
    width: 100%
}

.menu-card .text-holder {
    align-items: center;
    color: #1e4a71;
    display: flex;
    flex-direction: column;
    font-weight: 600;
    line-height: 1.2
}

.menu-card .text-holder span, .menu-card .title {
    display: inline-block;
    font-size: 14px;
    margin: 0 0 7px
}

.menu-card .title {
    color: #de5428;
    font-size: 25px;
    font-weight: 900;
    line-height: 1;
    margin: 0 0 26px
}

.menu-card p {
    font-style: italic;
    margin: 0 0 10px
}

.menu-card .btn {
    font-size: 12px;
    margin: 5px 0 0 12px;
    padding: 13px 25px 11px
}

.btn-burger span, .btn-burger:after, .btn-burger:before {
    background: #1e4a71;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    transition: all .3s ease;
    width: 100%
}

.btn-burger span {
    font-size: 0;
    top: 50%;
    transform: translateY(-50%)
}

.btn-burger:before {
    top: 0
}

.btn-burger:after {
    bottom: 0
}

.btn-burger-active span {
    opacity: 0;
    visibility: hidden
}

.btn-burger-active:after, .btn-burger-active:before {
    top: 50%;
    transform: translateY(-50%)
}

.btn-burger-active:before {
    transform: rotate(-45deg)
}

.btn-burger-active:after {
    transform: rotate(45deg)
}

.event-card {
    background: #fff;
    border: 2px solid #eba70e;
    display: block;
    overflow: hidden;
    padding: 15px;
    position: relative;
    transition: background .3s ease
}

.event-card:hover {
    background: #e6e6e6
}

.event-card:hover .card-date {
    color: #fff
}

.event-card .card-header {
    display: flex;
    justify-content: space-between;
    margin: 0 0 13px
}

.event-card .card-date {
    background: #39aec0;
    display: flex;
    flex: 1;
    flex-direction: column;
    margin: 0 0 0 -16px;
    padding: 10px 5px 5px 15px;
    transition: color .3s ease
}

.event-card .date {
    font-size: 13px;
    font-weight: 900;
    letter-spacing: .7px;
    line-height: 1
}

.event-card .case {
    color: #fff;
    font-size: 13px;
    text-transform: uppercase
}

.event-card .age {
    font-size: 13px;
    font-weight: 500;
    margin: 10px 0;
    padding: 0 6px 0 14px
}

.event-card .card-img {
    margin: 0 -15px 15px
}

.event-card .h4 {
    --max-line: 2;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: var(--max-line);
    display: -webkit-box;
    line-height: 1.15;
    margin: 0 0 16px;
    overflow: hidden;
    text-transform: none
}

.event-card img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    width: 100%
}

.testimonials-slider {
    color: #39aec0;
    font-size: 20px;
    text-align: center
}

.testimonials-slider h2 {
    color: #1e4a71;
    margin: 0 0 23px
}

.testimonials-slider .h6 {
    display: block;
    margin: 0 0 10px
}

.footer-nav a:hover, .related-card:hover h4, .testimonials-slider .h5, .testimonials-slider .h6 {
    color: #de5428
}

.testimonials-slider .h5 {
    margin: 0 0 22px
}

.testimonials-slider p {
    font-style: italic;
    letter-spacing: 1.3px;
    margin: 0 0 24px
}

.testimonials-slider .slick-dots {
    display: flex;
    justify-content: center;
    list-style: none;
    margin: 0 -9px;
    padding: 0
}

.testimonials-slider .slick-dots li {
    display: flex;
    padding: 0 9px
}

.testimonials-slider .slick-dots button {
    background: rgba(235, 167, 14, .4);
    border: 0;
    border-radius: 50%;
    cursor: pointer;
    font-size: 0;
    height: 12px;
    width: 12px
}

.list-group {
    margin: 0 0 18px
}

.list-group .h4 {
    font-weight: 700;
    margin: 0 0 17px;
    text-transform: none
}

.list-group ul {
    list-style: none;
    margin: 0;
    padding: 0 0 0 28px
}

.list-group li:before {
    color: #de5428;
    content: "•";
    display: inline-block;
    font-weight: 700;
    margin-left: -.6em;
    width: .6em
}

.accordion .is-active .ac-trigger {
    color: #715781;
    margin: 0 0 18px
}

.accordion .is-active .ac-trigger:after {
    color: #eba70e;
    top: 48%
}

.accordion .is-active .ac-trigger:focus {
    color: #715781
}

.accordion .ac {
    background: 0 0;
    border: 0;
    border-bottom: 2px solid #39aec0;
    margin: 0;
    padding: 27px 0 24px
}

.accordion .ac:first-child {
    border-top: 2px solid #39aec0
}

.accordion .ac-trigger {
    color: #1e4a71;
    padding: 0 52px;
    transition: margin .3s ease
}

.accordion .ac-trigger:after {
    color: #de5428;
    font-size: 30px;
    left: 17px
}

.accordion .ac-trigger:focus {
    color: #1e4a71
}

.accordion .ac-panel {
    padding: 0 0 0 70px
}

.accordion .ac-text {
    color: #1e4a71 !important;
    padding: 0 !important
}

.gallery-slider {
    overflow: hidden
}

.gallery-slider .slider-for {
    margin: 0 0 5px;
    position: relative
}

.gallery-slider .slider-nav {
    margin: 0 -5px
}

.gallery-slider .slider-nav .slide {
    padding: 0 5px
}

.gallery-slider .slider-btn {
    bottom: 38px;
    display: flex;
    gap: 15px;
    position: absolute;
    right: 23px;
    z-index: 100
}

.gallery-slider .slider-btn button {
    align-items: center;
    background: #eba70e;
    border: 0;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    height: 36px;
    justify-content: center;
    padding: 0;
    transition: background .3s ease;
    width: 36px
}

.gallery-slider .slider-btn button:hover {
    background: #de5428
}

.gallery-slider .slider-btn .btn-prev {
    padding: 0 5px 0 0
}

.gallery-slider .slider-btn .btn-next {
    padding: 0 0 0 5px
}

.gallery-slider .slider-btn--left {
    bottom: 30px;
    gap: 13px;
    left: 11px;
    right: auto
}

.gallery-slider .slider-btn--left .btn-next, .gallery-slider .slider-btn--left .btn-prev {
    height: 36px;
    width: 36px
}

.contact-from input, .contact-from textarea {
    border: 2px solid #eba70e;
    color: #fff;
    padding: 9px 14px
}

.contact-from input::-moz-placeholder, .contact-from textarea::-moz-placeholder {
    color: #fff;
    font-weight: 300;
    opacity: 1
}

.contact-from input::placeholder, .contact-from textarea::placeholder {
    color: #fff;
    font-weight: 300;
    opacity: 1
}

.contact-from textarea {
    display: block;
    margin: 0 0 30px;
    min-height: 146px;
    resize: none;
    width: 100% !important
}

.contact-from .wrap {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -12.5px 17px
}

.contact-from .btn {
    padding: 13px 100px 10px
}

.contact-from .form-group {
    padding: 0 12.5px;
    width: 100%
}

.contact-from .form-group .btn {
    width: 100%
}

.search-form {
    display: inline-block;
    margin: 0;
    position: relative
}

.search-form input[type=search] {
    background: 0 0;
    border: 2px solid #39aec0;
    color: #39aec0;
    height: auto !important;
    margin: 0 !important;
    outline: 0;
    padding: 10px 35px 8px 16px;
    width: 100% !important
}

.search-form input[type=search]::-moz-placeholder {
    color: #39aec0;
    letter-spacing: 1px;
    opacity: 1
}

.search-form input[type=search]::placeholder {
    color: #39aec0;
    letter-spacing: 1px;
    opacity: 1
}

.search-form input[type=search]::-webkit-search-cancel-button, .search-form input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none;
    appearance: none
}

.search-form button {
    background: 0 0;
    border: 0;
    cursor: pointer;
    height: 18px;
    padding: 0;
    position: absolute;
    right: 13px;
    top: 50%;
    transform: translateY(-50%);
    width: 18px
}

.search-form button svg {
    fill: #39aec0;
    width: 100%
}

.socials {
    align-items: center;
    display: flex;
    list-style: none;
    margin: 0 -8px;
    padding: 0
}

.socials li {
    display: flex;
    padding: 0 8px
}

.socials a {
    display: flex;
    justify-content: center
}

.socials svg {
    fill: #39aec0;
    height: 39px;
    transition: fill .3s ease;
    width: 39px
}

.socials svg:hover {
    fill: #de5428
}

.footer-nav {
    line-height: 1
}

.footer-nav li {
    margin: 0 0 20px
}

.footer-nav li:last-child {
    margin: 0
}

.footer-nav a {
    color: inherit;
    font-weight: 900;
    transition: all .3s ease
}

.address {
    font-style: normal
}

.address a, .address span {
    display: block
}

.gear-items .flip-item, .gear-items .flip-item-inner {
    position: relative;
    transform-style: preserve-3d;
    transition: transform .6s
}

.gear-items .flip-item {
    background-color: transparent;
    perspective: 1000px
}

.gear-items .flip-item-inner {
    height: 100%;
    text-align: center;
    width: 100%
}

.gear-items .flip-item-back, .gear-items .flip-item-front {
    color: white;
    -webkit-perspective: 0;
    -webkit-backface-visibility: hidden !important;
    -webkit-transform: translate3d(0,0,0);
    visibility:visible;
    backface-visibility: hidden !important;
    display: flex;
    height: 100%;
    position: absolute;
    width: 100%
}

.gear-items .flip-item-back {
    transform: rotateY(180deg)
}

.gear-items .text, .gear-items .title {
    align-items: center;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    color: #fff;
    display: flex;
    height: 100%;
    justify-content: center;
    padding: 0 23%;
    position: absolute;
    width: 100%
}

.gear-items .title {
    line-height: 1.01;
    font-size: 3.7vw;
    font-weight: 900
}

.gear-items .text {
    font-size: 3.2vw;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 1.2;
    margin: 2% 0 0
}

.gear-items svg, .map iframe {
    height: 100%;
    width: 100%
}

.map {
    height: 0;
    padding-top: 54%;
    position: relative
}

.map iframe {
    left: 0;
    position: absolute;
    top: 0
}

.nice-select {
    -webkit-tap-highlight-color: transparent;
    background-color: transparent;
    border: 1px solid #1e4a71;
    border-radius: 0;
    box-sizing: border-box;
    clear: both;
    cursor: pointer;
    display: block;
    float: left;
    font-family: inherit;
    font-size: 17px;
    font-weight: 400;
    height: 42px;
    line-height: 40px;
    outline: 0;
    padding-left: 18px;
    padding-right: 50px;
    position: relative;
    text-align: left !important;
    transition: all .2s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    white-space: nowrap;
    width: auto
}

.nice-select:hover {
    border-color: #1e4a71
}

.nice-select:after {
    border-bottom: 1px solid #1e4a71;
    border-right: 1px solid #1e4a71;
    content: "";
    display: block;
    height: 10px;
    pointer-events: none;
    position: absolute;
    right: 30px;
    top: 43%;
    transform: rotate(45deg) translateY(-50%);
    transform-origin: 66% 66%;
    transition: all .15s ease-in-out;
    width: 10px
}

.nice-select.open:after {
    transform: rotate(-135deg)
}

.nice-select.open .list {
    opacity: 1;
    pointer-events: auto;
    transform: scale(1) translateY(0)
}

.nice-select.disabled {
    border-color: #ededed;
    color: #999;
    pointer-events: none
}

.nice-select.disabled:after {
    border-color: #ccc
}

.card-blog img, .nice-select.wide {
    width: 100%
}

.nice-select.wide .list {
    left: 0 !important;
    right: 0 !important
}

.nice-select.right {
    float: right
}

.nice-select.right .list {
    left: auto;
    right: 0
}

.nice-select.small {
    font-size: 12px;
    height: 36px;
    line-height: 34px
}

.nice-select.small:after {
    height: 4px;
    width: 4px
}

.nice-select.small .option {
    line-height: 34px;
    min-height: 34px
}

.nice-select .list {
    background-color: #fff;
    border-radius: 0;
    box-shadow: 0 0 0 1px #1e4a71;
    box-sizing: border-box;
    left: 0;
    margin-top: 4px;
    opacity: 0;
    overflow: hidden;
    padding: 0;
    pointer-events: none;
    position: absolute;
    top: 100%;
    transform: scale(.75) translateY(-21px);
    transform-origin: 50% 0;
    transition: all .2s cubic-bezier(.5, 0, 0, 1.25), opacity .15s ease-out;
    z-index: 9
}

.nice-select .list:hover .option:not(:hover) {
    background-color: transparent !important
}

.nice-select .option {
    cursor: pointer;
    font-weight: 400;
    line-height: 40px;
    list-style: none;
    min-height: 40px;
    outline: 0;
    padding-left: 18px;
    padding-right: 29px;
    text-align: left;
    transition: all .2s
}

.nice-select .option.selected {
    font-weight: 700
}

.nice-select .option.disabled {
    background-color: transparent;
    color: #999;
    cursor: default
}

.nice-select.open, .nice-select:active, .nice-select:focus {
    border-color: #1e4a71
}

.nice-select .option.focus, .nice-select .option.selected.focus, .nice-select .option:hover {
    background-color: #f6f6f6
}

.no-csspointerevents .nice-select .list {
    display: none
}

.no-csspointerevents .nice-select.open .list {
    display: block
}

.contacts-list .h4 {
    text-transform: none
}

.contacts-list a, .contacts-list li, .contacts-list span {
    margin: 0 0 4px
}

.card-blog {
    display: flex;
    flex-direction: column;
    position: relative;
    transition: opacity .3s ease
}

.card-blog:hover {
    opacity: .8
}

.card-blog .card-title {
    color: #de5428;
    display: block;
    font-size: 22px;
    font-weight: 500;
    line-height: 1;
    margin: 0 0 12px
}

.card-blog p {
    margin: 0
}

.card-blog .card-body {
    flex: 1;
    font-size: 23px;
    font-weight: 700
}

.card-blog .card-body p {
    letter-spacing: 2.25px;
    line-height: 1.35
}

.card-blog .card-img {
    margin: 0 0 16px
}

.card-blog figure {
    font-size: 23px;
    font-style: italic;
    font-weight: 500;
    line-height: 1.1;
    margin: 0 0 18px
}

.card-blog cite, .card-blog figcaption {
    color: #eba70e;
    font-size: 20px;
    font-style: normal;
    letter-spacing: .5px
}

.card-blog svg {
    fill: #39aec0;
    margin: 0 10px 0 0;
    width: 40px
}

.card-blog--lg {
    color: #fff;
    display: block;
    height: 100%;
    margin: 0;
    width: 100%
}

.card-blog--lg:hover {
    color: #fff
}

.card-blog--lg:before {
    background: rgba(30, 74, 113, .8);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.card-blog--lg .card-body {
    display: flex;
    flex-direction: column;
    height: 100%;
    margin: 0 !important;
    padding: 20px;
    position: relative;
    z-index: 100
}

.card-blog--lg .card-body p {
    letter-spacing: .95px;
    line-height: 1.2
}

.card-blog--lg .card-img {
    height: 100%;
    margin: 0 !important;
    padding: 0;
    position: absolute;
    width: 100% !important
}

.card-blog--lg img {
    filter: grayscale(100%);
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.card-blog--lg .cta-wrap {
    align-items: center;
    display: flex;
    font-size: 16px;
    font-weight: 400
}

.card-blog--lg .cta-wrap p {
    letter-spacing: .5px;
    line-height: 1.2
}

.wrap-programs-slider {
    margin: 0 auto;
    max-width: 365px
}

.wrap-programs-slider .slider-buttons {
    text-align: center
}

.wrap-programs-slider .slider-buttons .btn {
    padding: 18px 56px
}

.wrap-programs-slider .wrap {
    display: flex;
    gap: 11px;
    justify-content: center;
    margin: 0 0 15px;
    position: relative
}

.wrap-programs-slider .btn-next, .wrap-programs-slider .btn-prev {
    background: #39aec0;
    border: 0;
    cursor: pointer;
    display: none !important;
    padding: 14px 40px
}

.wrap-programs-slider .btn-next:hover svg, .wrap-programs-slider .btn-prev:hover svg {
    fill: #fff
}

.wrap-programs-slider .btn-next svg, .wrap-programs-slider .btn-prev svg {
    fill: #1e4a71;
    transition: fill .3s ease;
    width: 14px
}

.wrap-programs-slider .btn-next svg {
    transform: rotate(-180deg)
}

.programs-slider .slick-track {
    display: flex
}

.programs-slider .slick-list {
    display: flex;
    overflow: visible
}

.programs-slider .slick-slide:not(.slick-active) .card-body, .programs-slider .slick-slide:not(.slick-active) .card-img .card-date, .programs-slider .slick-slide:not(.slick-active) .card-img img {
    opacity: .58
}

.programs-slider .slide {
    height: 100%;
    padding: 0 14px
}

.programs-slider .event-card {
    background: 0 0;
    border: 0;
    display: flex;
    flex-direction: column;
    height: 100%
}

.programs-slider .event-card p {
    letter-spacing: .7px;
    line-height: 1.2;
    padding: 0 20px 0 0
}

.programs-slider .card-img {
    margin: 0 0 10px;
    position: relative
}

.programs-slider .card-img img {
    max-height: 354px;
    min-height: 354px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    transition: opacity .3s ease;
    width: 100%
}

.card-about .card-img:after, .programs-slider .card-img:after {
    content: "";
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: -1
}

.programs-slider .card-img:after {
    background: #acacac;
    top: 0
}

.programs-slider .card-date {
    margin: 0 !important;
    padding: 14px 10px 16px 17px !important;
    position: absolute;
    text-transform: uppercase;
    top: 25px;
    width: 80%;
    z-index: 1
}

.programs-slider .date {
    font-size: 15px;
    letter-spacing: 1px;
    text-transform: none
}

.programs-slider .card-body {
    grid-gap: 10px;
    color: #fff;
    display: grid;
    font-size: 20px;
    gap: 10px;
    grid-auto-rows: minmax(57px, auto);
    grid-template-columns:1fr
}

.programs-slider .h4 {
    font-weight: 600;
    letter-spacing: 1px;
    margin: 0
}

.card-about {
    border: solid #39aec0;
    border-width: 3px 3px 10px;
    display: flex;
    flex-direction: column-reverse
}

.card-about, .card-about .card-img {
    position: relative
}

.card-about .card-img:after {
    bottom: -12px;
    left: -12px
}

.card-about .card-body {
    background: #fff;
    font-weight: 700;
    padding: 15px;
    transition: opacity .3s ease
}

.card-about .card-body:hover {
    opacity: .9
}

.card-about .h5 {
    color: #de5428;
    display: block;
    font-weight: 400;
    margin: 0 0 11px;
    text-transform: capitalize
}

.card-about p {
    line-height: 1.2;
    margin: 0
}

.topic-block {
    font-size: 15px
}

.topic-block .topic-title {
    color: #39aec0;
    display: block;
    font-size: 30px;
    margin: 0 0 2.1vw;
    text-transform: uppercase
}

.topic-block li {
    line-height: 1.02
}

.topic-block a {
    color: #fff;
    letter-spacing: .7px;
    text-transform: uppercase;
    transition: all .3 ease
}

.topic-block .active, .topic-block a:hover {
    color: #eba70e
}

.blog-navigation {
    display: flex;
    gap: 7px;
    justify-content: flex-end
}

.blog-navigation .page-numbers {
    color: #de5428;
    font-size: 20px !important;
    font-weight: 900;
    padding-bottom: 0;
    padding-top: 0;
    transition: color .3s ease
}

.blog-navigation .page-numbers:hover {
    color: #39aec0
}

.blog-navigation .next, .blog-navigation .prev {
    background: 0 0;
    color: #1e4a71
}

.blog-navigation .next {
    margin: 0 0 0 5px
}

.blog-navigation .prev {
    margin: 0 5px 0 0
}

.card-team {
    display: block;
    max-width: 360px;
    min-width: 200px;
    transition: opacity .3s ease
}

.card-team:hover {
    opacity: .8
}

.card-team .card-img {
    height: 0;
    margin: 0 0 20px;
    padding-bottom: 100%;
    position: relative;
    width: 100%
}

.card-team .card-img img {
    border-radius: 50%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center 10%;
    object-position: center 10%;
    position: absolute;
    width: 100%
}

.card-team .card-body {
    font-size: 16px;
    text-align: center
}

.card-team .card-title, .team-modal h3 {
    font-size: 18px;
    font-weight: 900;
    margin: 0 0 7px
}

.team-modal h3 {
    font-size: 34px;
    letter-spacing: .9px;
    line-height: 1.2;
    margin: 0 0 5px
}

.card-team .card-subtitle {
    font-size: 16px;
    font-weight: 400;
    margin: 0;
    text-transform: none
}

.card-team p {
    margin: 0
}

.list-info {
    display: flex;
    flex-wrap: wrap;
    gap: 13px;
    justify-content: center
}

.list-info .btn {
    padding: 18px 32px 17px
}

.team-modal {
    background: #fff;
    border: 7px solid #715781;
    border-radius: 7px;
    left: 2%;
    max-height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 30px 20px;
    position: fixed;
    right: 2%;
    top: 50%;
    transform: translateY(-50%);
    visibility: hidden;
    z-index: 7000
}

.team-modal .btn-close {
    background: #715781;
    border: 0;
    color: #fff;
    cursor: pointer;
    height: 30px;
    outline: 0;
    position: absolute;
    right: -1px;
    top: -1px;
    transition: color .3s ease;
    width: 30px;
    z-index: 100
}

.team-modal .btn-close:hover {
    color: #e8edf1
}

.team-modal .img-holder {
    margin: 0 auto 30px;
    max-width: 300px
}

.team-modal img {
    width: 100%
}

.team-modal .content {
    font-size: 15px
}

.team-modal h4 {
    font-size: 20px;
    margin: 0 0 18px;
    text-transform: none
}

.team-modal .address-employee {
    font-size: 16px;
    margin: 0 0 20px
}

.team-modal .address-employee a {
    color: purple;
    display: block;
    letter-spacing: .6px;
    line-height: 1;
    margin: 0 0 13px
}

.team-modal p {
    letter-spacing: .4px;
    line-height: 1.2;
    margin: 0
}

.popup-holder {
    height: 0
}

.view-more-events {
    margin: 0 0 20px;
    padding: 0 15px;
    text-align: center
}

.view-more-events .btn {
    padding: 18px 54px 17px
}

.donate-slider {
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.donate-slider .slick-list, .donate-slider .slick-slide, .donate-slider .slick-track, .hero-bg-random .slick-list, .hero-bg-random .slick-slide, .hero-bg-random .slick-track {
    height: 100%
}

.hero-bg-random, .hero-bg-random .slide {
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%
}

.hero-bg-random {
    z-index: -2
}

.hero-bg-random .slide {
    left: 0
}

.hero-bg-random img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    width: 100%
}

.banner-item {
    color: #fff;
    position: absolute
}

.banner-item .h1, .banner-item .h2 {
    position: absolute;
    transform: translate(-50%, -50%)
}

.card-program {
    border: 6px solid;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    font-size: 15px;
    padding: 20px
}

.card-program svg {
    align-self: center;
    margin: 0 0 30px;
    max-width: 100px;
    width: 100%
}

.card-program h2 {
    font-size: 14px;
    letter-spacing: .4px;
    margin: 0 0 12px
}

.card-program p {
    line-height: 1.65;
    margin: 0 0 27px;
    padding: 0 25px 0 0
}

.card-program .list-conditions {
    font-size: 15px;
    font-weight: 700;
    line-height: 1;
    list-style: none;
    margin: 0 0 30px;
    padding: 0
}

.card-program .list-conditions li {
    padding: 0 0 0 15px;
    position: relative
}

.card-program .list-conditions li:before {
    background: var(--marker-color);
    border-radius: 50%;
    content: "";
    height: 10px;
    left: 0;
    position: absolute;
    top: 2px;
    width: 10px
}

.card-program .list-conditions li:not(:last-child) {
    margin: 0 0 18px
}

.card-program .btn {
    align-self: center;
    font-size: 14px;
    margin: auto 0 0;
    padding: 14px 30px
}

.card-program--warning {
    border-color: #eba70e
}

.card-program--secondary {
    border-color: #de5428
}

.card-program--info {
    border-color: #39aec0
}

.card-program--primary {
    border-color: #1e4a71
}

.list-schools {
    color: #fff;
    display: flex;
    flex-wrap: wrap;
    font-size: 12px;
    font-weight: 900;
    gap: 15px;
    text-align: center;
    text-transform: uppercase
}

.list-schools li {
    display: inline-block;
    padding: 5px 10px
}

.related-card {
    display: block
}

.related-card img {
    margin: 0 0 19px
}

.related-card .related-data-list {
    display: flex;
    font-size: 13px;
    margin: 0 -10px 7px;
    padding: 0 0 0 2px
}

.related-card .related-data-list li {
    font-weight: 500;
    letter-spacing: .4px;
    padding: 0 10px;
    position: relative
}

.related-card .related-data-list li:nth-child(2):before {
    background: #1e4a71;
    content: "";
    height: 13px;
    left: -2px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 1px
}

.related-card h4 {
    color: #1e4a71;
    font-size: 19px;
    line-height: 1.2;
    margin: 0;
    padding: 0 30px 0 0;
    text-transform: none;
    transition: color .3s ease
}

.home .about-us {
    margin: -75px 0 0
}

.home .events {
    margin: 49px 0 50px
}

.home .gear-zone-section .title-holder {
    text-align: center
}

.about-page .about-us .row {
    margin-bottom: 50px
}

.about-page .about-us .row-inv {
    margin: 0 0 50px
}

.about-page .banner {
    margin: 0 0 5px
}

.about-page .gear-zone-section {
    margin: 61px 0 45px
}

.about-page .gear-zone-section .title-holder {
    max-width: 880px
}

.about-page .gear-zone-section .title-holder p:not(:last-child) {
    margin: 0 0 47px
}

.about-page .gear-zone-section .h6 {
    display: block;
    margin: 0 0 14px
}

.about-page .gear-zone-section .gear-items .title {
    font-size: 4.9vw
}

.about-page .gear-zone-section .cta-btn-wrap {
    margin: 32px 0 0
}

.about-page .gear-zone-section .cta-btn-wrap .btn {
    padding: 18px 29px 17px
}

.about-page .blog-section {
    padding: 50px 0 20px
}

.about-page .blog-section .title-holder .h6 {
    margin: 0 0 12px
}

@media (min-width: 580px) {
    .hero--banner-services .banner-item:first-child {
        left: -9.4vw;
        top: -23.6vw
    }

    .hero--banner-services .banner-item:first-child strong {
        left: 57%;
        top: 60.4%
    }

    .hero--banner-services .banner-item:nth-child(2) {
        left: 39vw;
        right: auto;
        top: -12.8vw
    }

    .hero--banner-services .banner-item:nth-child(2) strong {
        top: 56.5%
    }

    .hero--banner-services .banner-item:nth-child(3) {
        display: block
    }

    .events .row {
        align-items: center;
        flex-direction: column
    }

    .events .col {
        width: 70%
    }

    .events .title-holder {
        text-align: center
    }

    .content-section--two-columns .row {
        display: flex
    }

    .content-section--two-columns .content {
        margin: 0 54px 0 0
    }

    .content-section--two-columns .sidebar {
        width: 40%
    }

    .gear-zone-section .flip-item {
        height: 60vw;
        width: 60vw
    }

    .map-section .row {
        display: flex;
        justify-content: space-between;
        margin: 0 -15px 34px;
        text-align: left
    }

    .map-section .col {
        margin: 0;
        padding: 0 15px
    }

    .team-section .list-info li {
        width: 50%
    }

    .team-section .card-team {
        width: 20%
    }

    .find-programs .row {
        display: flex;
        flex-wrap: wrap;
        margin: 0 -10px
    }

    .find-programs .col {
        display: flex;
        margin: 0 0 20px;
        padding: 0 10px;
        width: 50%
    }

    .footer .site-about {
        flex-direction: row
    }

    .footer .site-about .wrap:nth-child(2), .footer .site-about .wrap:nth-child(3) {
        width: 50%
    }

    .card-blog figure {
        font-size: 26px
    }

    .card-blog cite, .card-blog figcaption {
        font-size: 23px
    }

    .card-blog svg {
        width: 71px
    }

    .card-blog--lg .cta-wrap {
        font-size: 20px
    }

    .wrap-programs-slider {
        max-width: 555px
    }

    .list-info {
        flex-wrap: nowrap
    }
}

@media (min-width: 768px) {
    .two-columns-section {
        padding: 6.25rem 0
    }

    .two-columns {
        display: flex
    }

    .two-columns .content {
        flex: 1
    }

    .two-columns .sidebar {
        flex-shrink: 0;
        padding-left: 30px;
        width: 30%
    }

    .commentlist-item .commentlist-item {
        padding: 0 0 0 32px
    }

    body {
        font-size: 17px
    }

    .h1, h1 {
        font-size: 60px
    }

    .h2, h2 {
        font-size: 50px
    }

    .wrapper {
        padding-top: 159px
    }

    .section {
        padding: 50px 0
    }

    .header--border-lg {
        border-bottom-width: 10px
    }

    .hero--home-page {
        height: 100%;
        margin: -23px 0 0
    }

    .hero--home-page .hero-decor {
        display: block
    }

    .hero--home-page h1 p:first-child {
        font-size: 5.271vw
    }

    .hero--home-page h1 p:nth-child(2) {
        font-size: 4.25vw;
        letter-spacing: .3px
    }

    .hero--home-page h1 p:nth-child(3) {
        font-size: 6.2vw;
        margin: -5px 0 0
    }

    .hero--home-page .text-holder {
        max-width: 23.402vw;
        padding: 0 0 61px
    }

    .hero--home-page .container {
        justify-content: left
    }

    .hero--home-page p {
        font-size: 1.5vw
    }

    .hero--home-page .hero-bg-random {
        -webkit-clip-path: polygon(100% 0, 100% 83.5%, 75.1% 99.1%, 0 88.7%, 0 0);
        clip-path: polygon(100% 0, 100% 83.5%, 75.1% 99.1%, 0 88.7%, 0 0)
    }

    .hero--blog {
        margin: 22px 0 40px
    }

    .donate-section h2 span, .hero--blog h1 {
        font-size: 70px
    }

    .hero--blog .topic-wrap {
        height: 100%;
        left: auto;
        margin: 0 0 0 -8.5vw;
        width: 44vw
    }

    .hero--blog .topic-wrap img {
        height: 100%;
        -o-object-fit: contain;
        object-fit: contain;
        top: 50%;
        transform: translateY(-50%);
        width: 100%
    }

    .hero--blog .topic-block {
        height: 100%;
        left: 0;
        padding: 15% 9% 17% 34%;
        text-align: left;
        top: 0
    }

    .hero--blog .topic-block li {
        margin: 0 0 .8vw
    }

    .hero--blog .container {
        height: 100%;
        justify-content: flex-end;
        left: 50%;
        position: absolute;
        top: 0;
        transform: translate(-50%);
        width: 100%
    }

    .hero--blog .wrap {
        padding: 9px 0 0 14px;
        width: 65%;
        z-index: 200
    }

    .hero--blog .card-about {
        margin: 0 0 0 60px
    }

    .hero--banner-services {
        padding-top: 38%
    }

    .hero--about-us {
        height: 22.1vw
    }

    .hero--about-us .hero-bg-random .slide {
        left: 28%;
        width: 82.4%
    }

    .hero--about-us .hero-bg-random:after {
        display: none
    }

    .hero--about-us .title-holder {
        max-width: 26vw
    }

    .hero--about-us .title-holder h1 {
        font-size: 4.25vw;
        line-height: .9;
        margin: 0 0 16px
    }

    .hero--about-us .hero-decor {
        display: block
    }

    .cta .wrap {
        max-width: 579px
    }

    .resources {
        padding: 50px 0 70px
    }

    .events .title-holder .wrap, .resources .resources-ajax {
        margin: 0
    }

    .sponsors .col {
        width: 25%
    }

    .events .row {
        align-items: stretch;
        flex-direction: row
    }

    .events .col {
        display: flex;
        margin: 0;
        width: 33.33%
    }

    .events .title-holder {
        align-items: flex-end;
        display: flex;
        justify-content: space-between
    }

    .events--load-more:before {
        -webkit-clip-path: polygon(100% 0, 100% 100%, 8.5% 48%, 0 67%, 0 0);
        clip-path: polygon(100% 0, 100% 100%, 8.5% 48%, 0 67%, 0 0)
    }

    .events--load-more:after {
        bottom: -29px
    }

    .events--load-more .col {
        padding-bottom: 20px
    }

    .testimonials {
        padding: 50px 0 53px
    }

    .content-section {
        padding: 50px 0 69px
    }

    .content-section--two-columns .sidebar {
        width: 30%
    }

    .list-section {
        padding: 50px 0 32px
    }

    .list-section .row {
        display: flex;
        justify-content: space-between;
        margin: 0 -15px
    }

    .list-section .col {
        padding: 0 15px;
        width: 48.5%
    }

    .accordion-section {
        padding: 50px 0 46px
    }

    .video-section {
        padding: 50px 0 20px
    }

    .gallery-section {
        padding: 20px 0 74px
    }

    .gallery-section .row {
        display: flex;
        justify-content: space-between
    }

    .gallery-section .row .gallery-slider {
        margin: 0;
        width: 48%
    }

    .gallery-section .row .content {
        padding: 4.7% 0 0;
        width: 45.5%
    }

    .gallery-section .row .slider-for .slide img, .intro-section .gallery-slider .slider-for .slide img {
        min-height: 400px;
        -o-object-fit: cover;
        object-fit: cover
    }

    .gallery-section .row .slider-nav img {
        height: 97px;
        -o-object-fit: cover;
        object-fit: cover
    }

    .posts {
        padding: 16px 0 51px
    }

    .posts .post {
        flex-direction: row;
        justify-content: space-between
    }

    .posts .post:not(:last-child) {
        margin: 0 -30px 110px
    }

    .posts .content {
        padding: 0 30px;
        width: 45%
    }

    .posts .img-holder {
        margin: 2px 40px 0 0;
        transform: rotate(5deg);
        width: 47.8%
    }

    .posts .post-invert {
        flex-direction: row-reverse !important
    }

    .posts .post-invert .content {
        width: 46%
    }

    .posts .post-invert .img-holder {
        margin: 7px 0 0;
        transform: rotate(-4deg);
        width: 50%
    }

    .contact-form-section h2 {
        font-size: 40px
    }

    .gear-zone-section {
        margin: 50px 0 72px
    }

    .gear-zone-section .container:not(:first-child) {
        max-width: 100%;
        padding-top: 41%;
        width: 100%
    }

    .gear-zone-section .title-holder h2 {
        margin: 0 0 70px
    }

    .gear-zone-section .gear-items {
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%
    }

    .gear-zone-section .flip-item {
        height: 28vw;
        margin: 0;
        width: 28vw
    }

    .gear-zone-section .flip-item:first-child {
        left: 5%;
        top: -2%
    }

    .gear-zone-section .flip-item:nth-child(2) {
        bottom: auto;
        left: 29%;
        top: 27%
    }

    .gear-zone-section .flip-item:nth-child(3) {
        right: 20.5%;
        top: -9%
    }

    .gear-zone-section .flip-item:nth-child(4) {
        bottom: -11%;
        right: 2.7%
    }

    .contact-us {
        padding: 50px 0 67px
    }

    .contact-us .container {
        display: flex
    }

    .contact-us .img-holder {
        margin: 0 8.5% 0 0;
        width: 41.5%
    }

    .contact-us .content {
        margin: 28px 0 0
    }

    .map-section {
        padding: 50px 0 54px
    }

    .headlines {
        padding: 120px 0 31px
    }

    .blog-section .row {
        display: flex
    }

    .blog-section .col:first-child {
        margin: 0 10px 0 0;
        padding: 0 28px 0 0;
        width: 53%
    }

    .blog-section .title-holder {
        align-items: flex-end;
        display: flex;
        justify-content: space-between;
        margin: 0 0 46px
    }

    .blog-section h2 {
        margin: 0
    }

    .donate-section {
        margin: 0 0 50px
    }

    .donate-section .wrap {
        flex-direction: row;
        justify-content: space-between
    }

    .donate-section .title-holder {
        margin: 6px 0 0
    }

    .donate-section h2 {
        font-size: 55px;
        text-align: left
    }

    .about-us {
        padding: 50px 0 100px
    }

    .about-us .row {
        display: flex;
        justify-content: space-between;
        margin: 0 -15px 63px
    }

    .about-us .col {
        padding: 0 15px;
        width: 51.5%
    }

    .about-us .col:first-child {
        width: 45%
    }

    .about-us .content {
        margin: 0;
        padding: 0 20% 0 3px
    }

    .about-us .btn {
        margin: 57px 0 0
    }

    .about-us .img-holder {
        margin: 168px 0 0;
        transform: rotate(3deg)
    }

    .about-us .row-inv .content {
        padding: 0
    }

    .programs {
        margin: -20vw 0 -30%
    }

    .programs .program-ajax, .programs .programs-slider {
        margin: 0 -14px 27px
    }

    .blog-posts {
        padding: 0 0 89px
    }

    .blog-posts .card-blog {
        width: 50%
    }

    .blog-posts .blog-navigation {
        margin: 0 28px -61px !important;
        top: -61px !important
    }

    .ctis-load-more-container {
        margin: 57px 25px 0 !important
    }

    .ctis-load-more-container .ctis-load-more button {
        font-size: 29px !important
    }

    .team-section h1 {
        font-size: 107px
    }

    .team-section .card-team {
        margin: 0 0 30px
    }

    .banner {
        margin: 0 0 -333px;
        padding: 104px 0 399px
    }

    .banner .container {
        align-items: center;
        display: flex;
        text-align: left
    }

    .banner .wrap {
        padding: 0 0 0 40px
    }

    .banner h2 {
        font-size: 115px;
        letter-spacing: -6px;
        margin: 0
    }

    .banner h2 .text-up {
        display: block;
        margin: -20px 0 0
    }

    .banner .text-holder {
        margin: 117px 0 0 -147px;
        width: 36%
    }

    .banner .btn {
        margin: -5px 0 0 30px;
        padding: 18px 90px 17px
    }

    .banner--our-team {
        padding: 592px 0 50px
    }

    .banner--partners {
        margin: 90px 0 -322px;
        padding-top: 395px
    }

    .banner--partners h2 {
        font-size: 67px;
        letter-spacing: 1.3px
    }

    .intro-section {
        padding: 0 0 120px
    }

    .intro-section .container {
        display: flex
    }

    .intro-section .text-holder {
        flex: 1;
        margin: 0 4.2% 0 0
    }

    .intro-section .text-holder p:first-child {
        font-size: 24px;
        margin: 0 0 49px
    }

    .intro-section .gallery-slider {
        width: 51.3%
    }

    .intro-section .gallery-slider .slider-nav img {
        height: 96px;
        -o-object-fit: cover;
        object-fit: cover
    }

    .find-programs {
        padding: 0 0 94px
    }

    .find-programs .title-holder {
        margin: 0 auto 97px
    }

    .find-programs .title-holder h1 {
        font-size: 59px
    }

    .intro-programs {
        padding: 0 0 135px
    }

    .intro-programs h2 {
        margin: 0 0 89px
    }

    .intro-programs .text-holder {
        margin: 5px 0 0 6px
    }

    .intro-programs .list-schools {
        max-width: 376px
    }

    .intro-programs h3 {
        font-size: 36px
    }

    .intro-programs p {
        margin: 0 0 34px
    }

    .intro-programs .btn {
        padding: 16px 41px 19px 36px
    }

    .intro-programs .row {
        flex-direction: row
    }

    .intro-programs .row:not(:last-child) {
        margin: 0 0 97px
    }

    .intro-programs .row .col {
        width: 50%
    }

    .intro-programs .row .col:first-child {
        flex: 1;
        margin: 0 30px 0 0
    }

    .footer .info li, .intro-programs .row .img-holder {
        margin: 0
    }

    .intro-programs .row-inv {
        flex-direction: row-reverse
    }

    .intro-programs .row-inv .col:first-child {
        margin: 0 0 0 30px
    }

    .intro-programs .row-inv .col:nth-child(2) {
        width: 51%
    }

    .intro-programs .row-inv .list-schools {
        margin: 0 0 12px
    }

    .intro-programs .row-inv .btn {
        margin: 0 0 19px
    }

    .intro-programs .row-inv .img-holder {
        margin: 5px 0 0 7px
    }

    .footer h2 {
        font-size: 40px
    }

    .footer .site-actions {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between
    }

    .footer .socials {
        flex: 1;
        margin-bottom: 0
    }

    .footer .search-form {
        margin: 5px 5px 0 30px;
        width: 48.7%
    }

    .footer .site-about .wrap:nth-child(2), .footer .site-about .wrap:nth-child(3) {
        width: auto
    }

    .btn, .footer .info {
        font-size: 17px
    }

    .btn--load-more {
        font-size: 29px
    }

    .nav {
        width: 50%
    }

    .cookies-alert {
        padding: 25px 0 22px
    }

    .user-filter .wrap {
        flex-direction: row;
        gap: 27px
    }

    .user-filter .nice-select {
        width: 50%
    }

    .user-filter--events .wrap {
        gap: 20px
    }

    .user-filter--events .btn, .user-filter--events .nice-select {
        width: 33.33333%
    }

    .resources-table {
        overflow-x: hidden
    }

    .resources-table table {
        font-size: 17px;
        width: auto
    }

    .resources-table td {
        padding: 17px 19px 15px
    }

    .resources-table th {
        padding: 6px 19px 5px
    }

    .resources-table th:first-child {
        width: 28%
    }

    .resources-table th:nth-child(2) {
        width: 40.5%
    }

    .resources-table .type {
        width: 100%
    }

    .resources-table .btn {
        min-width: 200px
    }

    .card-blog cite, .card-blog figcaption, .testimonials-slider {
        font-size: 25px
    }

    .gallery-slider .slider-nav {
        margin: 0 -9.5px
    }

    .gallery-slider .slider-nav .slide {
        padding: 0 9.5px
    }

    .gallery-slider .slider-btn button {
        height: 44px;
        width: 44px
    }

    .contact-from .form-group {
        width: 50%
    }

    .gear-items .flip-item {
        position: absolute
    }

    .gear-items .title {
        font-size: 2.1vw;
        letter-spacing: -1.4px
    }

    .gear-items .text {
        font-size: 1.3vw
    }

    .card-blog .card-img {
        width: 50%
    }

    .card-blog figure {
        font-size: 30px
    }

    .card-blog--lg .cta-wrap {
        margin-top: 50px
    }

    .wrap-programs-slider .btn-next, .wrap-programs-slider .btn-prev {
        display: flex !important
    }

    .card-about {
        border: 0;
        display: block
    }

    .card-about .card-img:after {
        background: #39aec0
    }

    .card-about .card-body {
        border: solid #39aec0;
        border-width: 3px 3px 8px;
        bottom: 14px;
        left: -72px;
        position: absolute;
        width: 60%
    }

    .topic-block {
        font-size: 1.318vw
    }

    .topic-block .topic-title {
        font-size: 2.57vw;
        letter-spacing: 3px
    }

    .blog-navigation .page-numbers {
        font-size: 29px !important
    }

    .card-team .card-img {
        margin: 0 0 37px
    }

    .team-modal {
        left: 11%;
        padding: 50px 30px;
        right: 10.5%
    }

    .team-modal .btn-close {
        height: 50px;
        width: 50px
    }

    .team-modal .wrap {
        display: flex
    }

    .team-modal .img-holder {
        margin: 0 15px 0 0;
        max-width: 100%;
        width: 35%
    }

    .team-modal .content {
        flex: 1;
        font-size: 20px;
        margin: -5px 0 0
    }

    .team-modal h3 {
        font-size: 44px
    }

    .team-modal h4 {
        font-size: 25px;
        letter-spacing: .2px
    }

    .team-modal .address-employee {
        font-size: 21px
    }

    .hero-bg-random .slide {
        left: 21.3%;
        width: 91%
    }

    .card-program h2 {
        font-size: 18px
    }

    .list-schools {
        justify-content: space-between
    }

    .home .events {
        margin: 49px 0 142px
    }

    .home .gear-zone-section .title-holder {
        text-align: left
    }

    .home .gear-items .flip-item:first-child {
        left: 4%;
        top: -12%
    }

    .home .gear-items .flip-item:nth-child(2) {
        bottom: auto;
        left: 28%;
        top: 17%
    }

    .home .gear-items .flip-item:nth-child(3) {
        right: 21%;
        top: -20%
    }

    .home .gear-items .flip-item:nth-child(4) {
        bottom: 0;
        margin: 9px 0 0;
        right: 3%
    }

    .about-page .about-us {
        padding: 35px 0 0
    }

    .about-page .about-us .img-holder {
        margin: 44px 0 0;
        transform: rotate(2.7deg)
    }

    .about-page .about-us .h1, .about-page .gear-zone-section h2 {
        margin: 0 0 32px
    }

    .about-page .about-us .h6 {
        letter-spacing: 1px;
        margin: 0 0 30px
    }

    .about-page .about-us .content {
        padding: 0 2% 0 3px
    }

    .about-page .about-us .content .btn {
        margin: 6px 0 0;
        padding: 17px 39px 18px
    }

    .about-page .about-us .row {
        margin-bottom: 53px
    }

    .about-page .about-us .row:nth-child(3) .h6 {
        margin: 0 0 49px
    }

    .about-page .about-us .row:nth-child(3) .h1 {
        line-height: .9;
        margin: 0 0 56px
    }

    .about-page .about-us .row:nth-child(3) .content {
        padding: 0 0 0 3px
    }

    .about-page .about-us .row:nth-child(3) .btn {
        margin: 63px 0 0
    }

    .about-page .about-us .row-inv {
        margin: 0 0 69px
    }

    .about-page .about-us .row-inv .h6 {
        margin: 0 0 26px
    }

    .about-page .about-us .row-inv .h1 {
        margin: 0 0 21px
    }

    .about-page .about-us .row-inv .content {
        padding: 0 4% 0 0
    }

    .about-page .about-us .row-inv .btn {
        margin: 29px 0 0
    }

    .about-page .about-us .row-inv .col {
        padding: 0 15px;
        width: 48.5%
    }

    .about-page .about-us .row-inv .col:first-child {
        width: 48%
    }

    .about-page .gear-zone-section .flip-item:first-child {
        left: -1.5%;
        top: 8%
    }

    .about-page .gear-zone-section .flip-item:nth-child(2) {
        bottom: auto;
        left: 24%;
        top: 29%
    }

    .about-page .gear-zone-section .flip-item:nth-child(3) {
        right: 22.5%;
        top: 8.3%
    }

    .about-page .gear-zone-section .flip-item:nth-child(4) {
        bottom: 2%;
        right: -2.5%
    }

    .about-page .blog-section .title-holder {
        margin: 0 0 55px
    }

    .about-page .blog-section .title-holder .btn {
        margin: 0 4px 4px 0;
        padding: 18px 55px 17px
    }
}

@media (min-width: 1024px) {
    iframe {
        width: 100%
    }

    .h1, h1 {
        font-size: 80px
    }

    .h1, .h2, h1, h2 {
        letter-spacing: 1.4px
    }

    .h2, h2 {
        font-size: 75px
    }

    .h3, h3 {
        font-size: 47px
    }

    .hero--banner-services {
        margin: 0 0 5px
    }

    .cta {
        display: block;
        font-size: 23px;
        min-height: 502px
    }

    .cta-left {
        margin: 50px 0 48px;
        padding: 81px 0 68px
    }

    .cta-center {
        margin: 0 0 91px;
        padding: 147px 0 125px
    }

    .events .row {
        margin: 0 -21px
    }

    .events .col {
        padding: 0 21px
    }

    .events .title-holder .btn {
        margin: 0 13px 13px
    }

    .events--load-more .row {
        margin-bottom: -16px
    }

    .events--load-more .col {
        padding-bottom: 42px
    }

    .content-section--two-columns h2 {
        font-size: 69px
    }

    .content-section--two-columns .sidebar {
        width: 22.3%
    }

    .gallery-section .row .slider-for .slide img {
        min-height: 523px
    }

    .posts .content {
        margin: 53px 0 0
    }

    .contact-form-section h2 {
        font-size: 60px
    }

    .map-section .col:nth-child(2) {
        margin: 0 5px 0 0
    }

    .map-section .col:nth-child(3) {
        margin: 0 25px 0 0
    }

    .donate-section {
        padding: 42.5% 0 72px
    }

    .donate-section h2 {
        font-size: 65px
    }

    .donate-section h2 span {
        display: block;
        font-size: 100px;
        letter-spacing: 9px;
        margin: -11px 0 0 6px
    }

    .programs .programs-wrap .container {
        max-width: none;
        width: 100%
    }

    .banner--our-team h2 {
        font-size: 164px;
        letter-spacing: 15px;
        margin: 0 0 20px 8px
    }

    .intro-section .text-holder {
        margin-left: 8px
    }

    .intro-section .gallery-slider {
        margin: auto 0 11px;
        padding: 0 3.2% 0 0
    }

    .intro-section .gallery-slider .slider-for .slide img {
        min-height: 530px
    }

    .find-programs .row {
        margin: 0 -28px
    }

    .find-programs .col {
        margin: 0 0 35px;
        padding: 0 28px
    }

    .footer h2, .intro-programs h2 {
        font-size: 60px
    }

    .intro-programs .row .col:first-child {
        margin: 0 70px 0 0
    }

    .intro-programs .row-inv .col:first-child {
        margin: 0 0 0 65px
    }

    .footer .site-about .wrap:first-child {
        width: 28.66%
    }

    .footer .info {
        margin: 0 -24px
    }

    .footer .info li {
        padding: 0 24px
    }

    .card-blog figure, .menu-card .title {
        font-size: 35px
    }

    .event-card {
        padding: 25px 22px 23px
    }

    .event-card .card-date {
        margin: 0 0 0 -22px;
        padding: 10px 5px 5px 22px
    }

    .event-card .date {
        font-size: 20px
    }

    .event-card .case {
        font-size: 17px
    }

    .event-card .age {
        font-size: 17px;
        letter-spacing: .59px
    }

    .event-card .card-img {
        margin: 0 -22px 15px
    }

    .contact-from .form-group {
        width: 25%
    }

    .gear-items .flip-item:hover .flip-item-inner {
        transform: rotateY(180deg)
    }

    .wrap-programs-slider {
        max-width: 950px
    }

    .programs-slider .card-date {
        width: 70%
    }

    .card-about .card-body {
        font-size: 20px;
        padding: 28px 26px 41px
    }

    .team-modal {
        padding: 69px 35px 84px 49px
    }

    .team-modal .btn-close {
        font-size: 22px;
        height: 60px;
        width: 60px
    }

    .team-modal .img-holder {
        margin: 0 33px 0 0
    }

    .card-program {
        padding: 31px 64px 31px 89px
    }

    .card-program svg {
        margin: 0 58px 48px 0;
        max-width: 130px
    }

    .card-program .list-conditions, .card-program h2 {
        font-size: 19px
    }

    .card-program .list-conditions li {
        padding: 0 0 0 30px
    }

    .card-program .list-conditions li:before {
        height: 21px;
        top: -2px;
        width: 21px
    }

    .card-program .btn {
        margin: auto 45px 0 0
    }

    .list-schools li {
        width: 48%
    }

    .about-page .about-us .row-inv .img-holder-round {
        margin: 2px 0 0 -17px
    }

    .about-page .blog-section .title-holder h2 {
        font-size: 65px;
        letter-spacing: 5.6px
    }
}

@media screen and (min-width: 1200px) {
    .wrapper {
        padding-top: 124px
    }

    .header .logo img {
        width: 208px
    }

    .header .btn-burger {
        display: none
    }

    .menu, .nav {
        flex-direction: row
    }

    .nav {
        background: 0 0;
        flex: 1;
        justify-content: flex-end;
        max-height: auto;
        overflow: visible;
        padding: 0;
        position: relative;
        top: auto;
        transform: translateX(0)
    }

    .menu {
        flex-wrap: wrap;
        gap: 46px;
        margin: 7px 33px 0 0;
        width: auto
    }

    .menu .menu-item.hover > .dropdown-menu-wrap, .menu .menu-item:hover > .dropdown-menu-wrap {
        opacity: 1;
        visibility: visible
    }

    .menu .menu-link {
        margin: 0
    }

    .menu .menu-link:after {
        height: 50px;
        left: 0;
        position: absolute;
        top: 20px;
        width: 100%
    }

    .menu .dropdown-menu-wrap {
        border-bottom: 10px solid #eba70e;
        border-left: 10px solid #eba70e;
        border-right-color: #eba70e;
        border-top-color: #eba70e;
        flex-direction: row;
        left: 53px;
        margin: 0;
        opacity: 0;
        position: absolute;
        right: 0;
        text-align: left;
        top: 92px;
        transition: all .3s ease;
        visibility: hidden
    }

    .menu .dropdown-menu {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding: 38px 10px 36px 40px;
        width: 273px
    }

    .menu .dropdown-menu-item {
        margin: 0
    }

    .menu .dropdown-menu-link {
        padding: 5px;
        text-align: left
    }

    .menu .menu-card {
        flex: 1;
        padding: 32px 26px 39px 28px
    }

    .menu-card {
        background: rgba(255, 255, 255, .92)
    }

    .menu-card .wrap {
        align-items: flex-start;
        flex-direction: row
    }

    .menu-card .img-holder {
        margin: 0 19px 0 6px;
        width: 46%
    }

    .menu-card .text-holder {
        align-items: flex-start;
        flex: 1;
        font-size: 20px;
        margin: 5px 0 0
    }
}

@media (min-width: 1366px) {
    .hero--about-us .container, .hero--home-page .container {
        max-width: 90.05vw
    }

    .hero--blog h1 {
        font-size: 110px;
        margin: 0 0 30px
    }

    .hero--banner-services .banner-item:first-child strong span:nth-child(2) {
        margin: -5px 0 0
    }

    .resources {
        padding: 50px 0 206px
    }

    .headlines .wrap-headings {
        margin: 0 0 73px
    }

    .blog-section .btn {
        margin: 0 7px 13px 0
    }

    .donate-section .items {
        width: 18.7%
    }

    .about-us .text-decor-outline {
        letter-spacing: 1.9px
    }

    .programs {
        margin: 0 0 -200px;
        padding: 0
    }

    .programs .bg-programs {
        height: 111.5vw
    }

    .banner .btn {
        padding: 18px 102px 17px 85px
    }

    .banner--our-team .btn {
        margin: 0 0 0 20px;
        padding: 18px 33px 17px
    }

    .banner--partners .container {
        top: 33%
    }

    .footer .site-about .wrap:nth-child(2) {
        margin: 0 0 0 2%
    }

    .footer .site-about .wrap:nth-child(3) {
        padding-right: 23px
    }

    .card-blog {
        flex-direction: row
    }

    .card-blog .card-body {
        margin: -3px 0 0
    }

    .card-blog .card-img {
        margin: 0 16px 0 0;
        width: 46%
    }

    .card-blog--lg .card-body {
        padding: 43px 65px 36px 40px
    }

    .card-blog--lg .cta-wrap {
        margin-top: 60px
    }

    .wrap-programs-slider {
        max-width: 1135px
    }

    .team-modal .img-holder {
        width: 43%
    }

    .home .gear-zone-section {
        margin: 50px 0 -21px
    }

    .about-page .about-us .row:nth-child(3) .col:nth-child(2) {
        width: 52%
    }

    .about-page .about-us .row:nth-child(3) .img-holder {
        bottom: 38px;
        position: relative;
        right: -50px
    }
}

@media screen and (min-width: 1400px) {
    .programs {
        margin: -20vw 0 -38%;
        padding: 450px 0
    }
}

@media screen and (min-width: 1500px) {
    .team-modal .img-holder {
        width: 32%
    }
}

@media screen and (min-width: 1560px) {
    .programs {
        margin: -14vw 0 -38%
    }

    .programs .bg-programs {
        height: 100%;
        -o-object-fit: contain;
        object-fit: contain
    }
}

@media (min-width: 1920px) {
    .hero--blog .topic-wrap {
        width: 52vw
    }

    .hero--blog .container {
        align-items: center
    }

    .banner {
        background-position: center 80%
    }
}

@media (max-width: 576px) {
    .fancybox-thumbs {
        width: 110px
    }

    .fancybox-show-thumbs .fancybox-inner {
        right: 110px
    }

    .fancybox-thumbs__list a {
        max-width: calc(100% - 10px)
    }
}

@media (max-width: 767px) {
    .navigation .next, .navigation .prev, .navigation-comments .next, .navigation-comments .prev, .navigation-single .next a, .navigation-single .prev a {
        padding: 4px
    }

    .hero--home-page:after {
        background: rgba(30, 74, 113, .8)
    }

    .hero--about-us .title-holder {
        text-align: center
    }

    .banner h2 br, .hero--about-us .title-holder h1 br {
        display: none
    }

    .resources-table td, .resources-table th {
        width: 200px
    }

    .about-page .about-us {
        padding: 50px 0 0
    }

    .about-page .about-us .row .title-holder {
        padding: 0
    }

    .about-page .banner {
        padding: 70px 0 100px
    }
}

@media (max-width: 1365px) {
    .about-us .h1 {
        font-size: 35px
    }
}

@media (max-width: 1023px) {
    .footer .site-about .wrap {
        margin: 0 0 30px
    }

    .gear-items .flip-active {
        transform: rotateY(180deg)
    }

    .programs-slider .event-card {
        padding: 0
    }
}

@media (max-width: 579px) {
    .footer .site-about .wrap:nth-child(3) {
        text-align: left !important
    }

    .about-page .gear-zone-section .gear-items .title {
        font-size: 6vw
    }
}

@media (max-height: 576px) {
    .fancybox-slide {
        padding-left: 6px;
        padding-right: 6px
    }

    .fancybox-slide--image {
        padding: 6px 0
    }

    .fancybox-slide--image .fancybox-close-small {
        background: #4e4e4e;
        color: #f2f4f6;
        height: 36px;
        opacity: 1;
        padding: 6px;
        right: 0;
        top: 0;
        width: 36px
    }

    .fancybox-close-small {
        right: -6px
    }

    .fancybox-caption {
        padding-left: 12px;
        padding-right: 12px
    }
}