.breadcrumbs-custom-inset {
    height: 350px;
    overflow: hidden;
}

@media (max-width: 768px) {
    h2.breadcrumbs-custom-title {
        font-size: 33px !important;
        line-height: 1 !important;
        margin-top: 120px;
        font-family: 'Alumni Sans', sans-serif;
    }
    .owl-carousel .owl-item {
        height: 220px !important;
    }
    .breadcrumbs-custom-inset {
        height: 350px;
        overflow: hidden;
    }
}






* + .project-minimal-title {
    margin-top: 10px;
}

@media (min-width: 992px) {
    .desktop .project-minimal-figure img {
        transform: scale(1.1);
        will-change: transform;
    }

    .desktop .project-minimal:hover .project-minimal-figure img {
        transform: none;
    }
}

@media (min-width: 1200px) {
    .project-minimal-title {
        font-size: 24px;
    }
}

.thumb-classic-img {
    overflow: hidden;
    background: #111111;
}

.thumb-classic-img img {
    will-change: transform;
    transition: all .3s;
}

@media (max-width: 991.98px) {
    .thumb-classic-img img {
        width: 100%;
    }
}

.thumb-classic-caption {
    padding: 30px 20px 0;
}

.thumb-classic-caption a {
    color: #111111;
}

.thumb-classic-caption a:hover {
    color: #0083ac;
}

.thumb-classic-caption p.heading-5 {
    color: #0083ac;
    font-weight: 400;
}

.thumb-classic-caption p.heading-5 span {
    font-size: 18px;
    color: #9b9b9b;
}

.thumb-classic-caption * + p.heading-5 {
    margin-top: 5px;
}

.thumb-classic {
    text-align: center;
}

.thumb-classic:hover img {
    opacity: .8;
    transform: scale(1.02);
}

/*
*
* Breadcrumbs
*/
.breadcrumbs-custom {
    position: relative;
    overflow: hidden;
    padding: 40px 0;
    text-align: center;
    background-color: #cccccc;
    z-index: 1;
}

.breadcrumbs-custom-path {
    margin-left: -15px;
    margin-right: -15px;
    font-size: 18px;
    line-height: 1.33;
    font-weight: 500;
    letter-spacing: .1em;
    text-transform: uppercase;
    padding-left: 0;
}

.breadcrumbs-custom-path > * {
    padding-left: 15px;
    padding-right: 15px;
}

.breadcrumbs-custom-path a {
    display: inline;
    vertical-align: middle;
}

.breadcrumbs-custom-path a, .breadcrumbs-custom-path a:active, .breadcrumbs-custom-path a:focus {
    color: #f2e174;
}

.breadcrumbs-custom-path li {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

.breadcrumbs-custom-path li::after {
    content: "/";
    display: inline-block;
    position: absolute;
    top: 50%;
    right: -8px;
    color: rgba(255, 255, 255, 0.53);
    transform: translate3d(0, -50%, 0);
}

.breadcrumbs-custom-path li:last-child:after {
    display: none;
}

.breadcrumbs-custom-path a:hover {
    color: #f37f07;
    line-height: 1;
}

.breadcrumbs-custom-path li.active {
    color: rgba(255, 255, 255, 0.53);
}

* + .breadcrumbs-custom-path {
    margin-top: 14px;
}

@media (min-width: 576px) {
    * + .breadcrumbs-custom-path {
        margin-top: 18px;
    }
}

@media (min-width: 1200px) {
    .breadcrumbs-custom {
        padding: 150px 0;
    }
}

/*
*
* Pagination custom
*/
.pagination {
    align-items: center;
    justify-content: center;
    font-size: 0;
    line-height: 0;
    margin-bottom: -14px;
    margin-left: -14px;
}

.pagination:empty {
    margin-bottom: 0;
    margin-left: 0;
}

.pagination > * {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 14px;
    margin-left: 14px;
}

@media (min-width: 576px) {
    .pagination {
        margin-bottom: -18px;
        margin-left: -18px;
    }

    .pagination:empty {
        margin-bottom: 0;
        margin-left: 0;
    }

    .pagination > * {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 18px;
        margin-left: 18px;
    }
}

.page-item {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
}

.page-item:first-child .page-link, .page-item:last-child .page-link {
    color: #0083ac;
    border-radius: 50%;
}

.page-item:first-child .page-link:hover, .page-item:first-child .page-link:focus, .page-item:first-child .page-link:active, .page-item:last-child .page-link:hover, .page-item:last-child .page-link:focus, .page-item:last-child .page-link:active {
    color: #ffce40;
}

.page-item:last-child .page-link {
    padding: 4px 4px 2px 6px;
}

.page-item:first-child .page-link {
    padding: 4px 6px 2px 4px;
}

@media (min-width: 576px) {
    .page-item:last-child .page-link {
        padding: 8px 8px 6px 10px;
    }

    .page-item:first-child .page-link {
        padding: 8px 10px 6px 8px;
    }
}





/*
*
* Backgrounds
*/
.context-dark, .bg-gray-dark, .bg-primary, .context-dark h1, .bg-gray-dark h1, .bg-primary h1, .context-dark h2, .bg-gray-dark h2, .bg-primary h2, .context-dark h3, .bg-gray-dark h3, .bg-primary h3, .context-dark h4, .bg-gray-dark h4, .bg-primary h4, .context-dark h5, .bg-gray-dark h5, .bg-primary h5, .context-dark h6, .bg-gray-dark h6, .bg-primary h6, .context-dark [class*='heading-'], .bg-gray-dark [class*='heading-'], .bg-primary [class*='heading-'] {
    color: #ffffff;
}

.context-dark .form-wrap.has-error .form-input, .bg-gray-dark .form-wrap.has-error .form-input, .bg-primary .form-wrap.has-error .form-input {
    border-color: transparent;
}

.context-dark .form-input, .bg-gray-dark .form-input, .bg-primary .form-input, .context-dark .form-label, .bg-gray-dark .form-label, .bg-primary .form-label, .context-dark .form-validation, .bg-gray-dark .form-validation, .bg-primary .form-validation {
    color: #ffffff;
}

.context-dark .form-input, .bg-gray-dark .form-input, .bg-primary .form-input {
    background: rgba(255, 255, 255, 0.34);
    border-color: transparent;
}

.context-dark .rights, .bg-gray-dark .rights, .bg-primary .rights {
    color: #ffffff;
}

.context-dark .rights a, .bg-gray-dark .rights a, .bg-primary .rights a, .context-dark .rights a:focus, .bg-gray-dark .rights a:focus, .bg-primary .rights a:focus, .context-dark .rights a:active, .bg-gray-dark .rights a:active, .bg-primary .rights a:active {
    color: inherit;
}

.context-dark .rights a:hover, .bg-gray-dark .rights a:hover, .bg-primary .rights a:hover {
    color: #0083ac;
}

.context-dark .button.button-pipaluk::after, .bg-gray-dark .button.button-pipaluk::after, .bg-primary .button.button-pipaluk::after {
    border-color: #ffffff;
}

.context-dark .button.button-pipaluk:hover, .bg-gray-dark .button.button-pipaluk:hover, .bg-primary .button.button-pipaluk:hover, .context-dark .button.button-pipaluk:active, .bg-gray-dark .button.button-pipaluk:active, .bg-primary .button.button-pipaluk:active {
    color: #ffffff;
}

.context-dark .button.button-ujarak:not([class*='button-secondary'])::before, .bg-gray-dark .button.button-ujarak:not([class*='button-secondary'])::before, .bg-primary .button.button-ujarak:not([class*='button-secondary'])::before {
    background: #ffce40;
}

.context-dark .button.button-ujarak:not([class*='button-secondary']):hover, .bg-gray-dark .button.button-ujarak:not([class*='button-secondary']):hover, .bg-primary .button.button-ujarak:not([class*='button-secondary']):hover, .context-dark .button.button-ujarak:not([class*='button-secondary']):active, .bg-gray-dark .button.button-ujarak:not([class*='button-secondary']):active, .bg-primary .button.button-ujarak:not([class*='button-secondary']):active {
    border-color: #ffce40;
}

.context-dark .button-secondary.button-ujarak::before, .bg-gray-dark .button-secondary.button-ujarak::before, .bg-primary .button-secondary.button-ujarak::before {
    background: #0083ac;
}

.context-dark .button-secondary.button-ujarak:hover, .bg-gray-dark .button-secondary.button-ujarak:hover, .bg-primary .button-secondary.button-ujarak:hover, .context-dark .button-secondary.button-ujarak:active, .bg-gray-dark .button-secondary.button-ujarak:active, .bg-primary .button-secondary.button-ujarak:active {
    border-color: #0083ac;
}

.footer-variant-2.context-dark, .footer-variant-2.bg-gray-dark, .footer-variant-2.bg-primary {
    color: rgba(255, 255, 255, 0.3);
}

.footer-variant-2.context-dark .rights, .footer-variant-2.bg-gray-dark .rights, .footer-variant-2.bg-primary .rights {
    color: rgba(255, 255, 255, 0.3);
}

.footer-variant-2.context-dark .button.button-ujarak::before, .footer-variant-2.bg-gray-dark .button.button-ujarak::before, .footer-variant-2.bg-primary .button.button-ujarak::before {
    background: #ffffff;
}

.footer-variant-2.context-dark .button.button-ujarak:hover, .footer-variant-2.bg-gray-dark .button.button-ujarak:hover, .footer-variant-2.bg-primary .button.button-ujarak:hover, .footer-variant-2.context-dark .button.button-ujarak:active, .footer-variant-2.bg-gray-dark .button.button-ujarak:active, .footer-variant-2.bg-primary .button.button-ujarak:active {
    color: #6a7e90;
    border-color: #ffffff;
}

.footer-modern.context-dark .form-input, .footer-modern.bg-gray-dark .form-input, .footer-modern.bg-primary .form-input {
    background: #565656;
}

.footer-creative.context-dark .form-input, .footer-creative.bg-gray-dark .form-input, .footer-creative.bg-primary .form-input {
    background: #54595e;
}

.context-dark .footer-contacts, .bg-gray-dark .footer-contacts, .bg-primary .footer-contacts {
    border-top-color: rgba(255, 255, 255, 0.2);
}

.context-dark .footer-contacts .icon, .bg-gray-dark .footer-contacts .icon, .bg-primary .footer-contacts .icon {
    color: #ffce40;
}

.context-dark .footer-contacts p, .bg-gray-dark .footer-contacts p, .bg-primary .footer-contacts p {
    color: #ffffff;
}

.context-dark .footer-contacts a, .bg-gray-dark .footer-contacts a, .bg-primary .footer-contacts a, .context-dark .footer-contacts a:focus, .bg-gray-dark .footer-contacts a:focus, .bg-primary .footer-contacts a:focus, .context-dark .footer-contacts a:active, .bg-gray-dark .footer-contacts a:active, .bg-primary .footer-contacts a:active {
    color: #ffffff;
}

.context-dark .footer-contacts a:hover, .bg-gray-dark .footer-contacts a:hover, .bg-primary .footer-contacts a:hover {
    color: #0083ac;
}

.context-dark .footer-link-list a, .bg-gray-dark .footer-link-list a, .bg-primary .footer-link-list a, .context-dark .footer-link-list a:focus, .bg-gray-dark .footer-link-list a:focus, .bg-primary .footer-link-list a:focus, .context-dark .footer-link-list a:active, .bg-gray-dark .footer-link-list a:active, .bg-primary .footer-link-list a:active {
    color: inherit;
}

.context-dark .footer-link-list a:hover, .bg-gray-dark .footer-link-list a:hover, .bg-primary .footer-link-list a:hover {
    color: #0083ac;
}

.context-dark .footer-social-list-2 a, .bg-gray-dark .footer-social-list-2 a, .bg-primary .footer-social-list-2 a, .context-dark .footer-social-list-2 a:focus, .bg-gray-dark .footer-social-list-2 a:focus, .bg-primary .footer-social-list-2 a:focus, .context-dark .footer-social-list-2 a:active, .bg-gray-dark .footer-social-list-2 a:active, .bg-primary .footer-social-list-2 a:active {
    color: #ffffff;
}

.context-dark .footer-social-list-2 a:hover, .bg-gray-dark .footer-social-list-2 a:hover, .bg-primary .footer-social-list-2 a:hover {
    color: #0083ac;
}

.footer-minimal.context-dark .footer-minimal-bottom-panel, .footer-minimal.bg-gray-dark .footer-minimal-bottom-panel, .footer-minimal.bg-primary .footer-minimal-bottom-panel, .footer-minimal.context-dark .footer-corporate-bottom-panel, .footer-minimal.bg-gray-dark .footer-corporate-bottom-panel, .footer-minimal.bg-primary .footer-corporate-bottom-panel, .footer-corporate.context-dark .footer-minimal-bottom-panel, .footer-corporate.bg-gray-dark .footer-minimal-bottom-panel, .footer-corporate.bg-primary .footer-minimal-bottom-panel, .footer-corporate.context-dark .footer-corporate-bottom-panel, .footer-corporate.bg-gray-dark .footer-corporate-bottom-panel, .footer-corporate.bg-primary .footer-corporate-bottom-panel {
    color: rgba(255, 255, 255, 0.3);
}

.footer-minimal.context-dark .footer-minimal-bottom-panel a, .footer-minimal.bg-gray-dark .footer-minimal-bottom-panel a, .footer-minimal.bg-primary .footer-minimal-bottom-panel a, .footer-minimal.context-dark .footer-minimal-bottom-panel a:focus, .footer-minimal.bg-gray-dark .footer-minimal-bottom-panel a:focus, .footer-minimal.bg-primary .footer-minimal-bottom-panel a:focus, .footer-minimal.context-dark .footer-minimal-bottom-panel a:active, .footer-minimal.bg-gray-dark .footer-minimal-bottom-panel a:active, .footer-minimal.bg-primary .footer-minimal-bottom-panel a:active, .footer-minimal.context-dark .footer-corporate-bottom-panel a, .footer-minimal.bg-gray-dark .footer-corporate-bottom-panel a, .footer-minimal.bg-primary .footer-corporate-bottom-panel a, .footer-minimal.context-dark .footer-corporate-bottom-panel a:focus, .footer-minimal.bg-gray-dark .footer-corporate-bottom-panel a:focus, .footer-minimal.bg-primary .footer-corporate-bottom-panel a:focus, .footer-minimal.context-dark .footer-corporate-bottom-panel a:active, .footer-minimal.bg-gray-dark .footer-corporate-bottom-panel a:active, .footer-minimal.bg-primary .footer-corporate-bottom-panel a:active, .footer-corporate.context-dark .footer-minimal-bottom-panel a, .footer-corporate.bg-gray-dark .footer-minimal-bottom-panel a, .footer-corporate.bg-primary .footer-minimal-bottom-panel a, .footer-corporate.context-dark .footer-minimal-bottom-panel a:focus, .footer-corporate.bg-gray-dark .footer-minimal-bottom-panel a:focus, .footer-corporate.bg-primary .footer-minimal-bottom-panel a:focus, .footer-corporate.context-dark .footer-minimal-bottom-panel a:active, .footer-corporate.bg-gray-dark .footer-minimal-bottom-panel a:active, .footer-corporate.bg-primary .footer-minimal-bottom-panel a:active, .footer-corporate.context-dark .footer-corporate-bottom-panel a, .footer-corporate.bg-gray-dark .footer-corporate-bottom-panel a, .footer-corporate.bg-primary .footer-corporate-bottom-panel a, .footer-corporate.context-dark .footer-corporate-bottom-panel a:focus, .footer-corporate.bg-gray-dark .footer-corporate-bottom-panel a:focus, .footer-corporate.bg-primary .footer-corporate-bottom-panel a:focus, .footer-corporate.context-dark .footer-corporate-bottom-panel a:active, .footer-corporate.bg-gray-dark .footer-corporate-bottom-panel a:active, .footer-corporate.bg-primary .footer-corporate-bottom-panel a:active {
    color: inherit;
}

.footer-minimal.context-dark .footer-minimal-bottom-panel a:hover, .footer-minimal.bg-gray-dark .footer-minimal-bottom-panel a:hover, .footer-minimal.bg-primary .footer-minimal-bottom-panel a:hover, .footer-minimal.context-dark .footer-corporate-bottom-panel a:hover, .footer-minimal.bg-gray-dark .footer-corporate-bottom-panel a:hover, .footer-minimal.bg-primary .footer-corporate-bottom-panel a:hover, .footer-corporate.context-dark .footer-minimal-bottom-panel a:hover, .footer-corporate.bg-gray-dark .footer-minimal-bottom-panel a:hover, .footer-corporate.bg-primary .footer-minimal-bottom-panel a:hover, .footer-corporate.context-dark .footer-corporate-bottom-panel a:hover, .footer-corporate.bg-gray-dark .footer-corporate-bottom-panel a:hover, .footer-corporate.bg-primary .footer-corporate-bottom-panel a:hover {
    color: #0083ac;
}

.footer-minimal.context-dark .rights, .footer-minimal.bg-gray-dark .rights, .footer-minimal.bg-primary .rights, .footer-corporate.context-dark .rights, .footer-corporate.bg-gray-dark .rights, .footer-corporate.bg-primary .rights {
    color: inherit;
}

.footer-minimal.context-dark .button-gray-31.button-ujarak::before, .footer-minimal.bg-gray-dark .button-gray-31.button-ujarak::before, .footer-minimal.bg-primary .button-gray-31.button-ujarak::before, .footer-corporate.context-dark .button-gray-31.button-ujarak::before, .footer-corporate.bg-gray-dark .button-gray-31.button-ujarak::before, .footer-corporate.bg-primary .button-gray-31.button-ujarak::before {
    background: #0083ac;
}

.footer-minimal.context-dark .button-gray-31.button-ujarak:hover, .footer-minimal.bg-gray-dark .button-gray-31.button-ujarak:hover, .footer-minimal.bg-primary .button-gray-31.button-ujarak:hover, .footer-minimal.context-dark .button-gray-31.button-ujarak:active, .footer-minimal.bg-gray-dark .button-gray-31.button-ujarak:active, .footer-minimal.bg-primary .button-gray-31.button-ujarak:active, .footer-corporate.context-dark .button-gray-31.button-ujarak:hover, .footer-corporate.bg-gray-dark .button-gray-31.button-ujarak:hover, .footer-corporate.bg-primary .button-gray-31.button-ujarak:hover, .footer-corporate.context-dark .button-gray-31.button-ujarak:active, .footer-corporate.bg-gray-dark .button-gray-31.button-ujarak:active, .footer-corporate.bg-primary .button-gray-31.button-ujarak:active {
    color: #ffffff;
    border-color: #0083ac;
}

.footer-corporate-2.context-dark .footer-contacts .icon, .footer-corporate-2.bg-gray-dark .footer-contacts .icon, .footer-corporate-2.bg-primary .footer-contacts .icon {
    color: #0083ac;
}

.footer-corporate-2.context-dark .button-gray-31.button-ujarak::before, .footer-corporate-2.bg-gray-dark .button-gray-31.button-ujarak::before, .footer-corporate-2.bg-primary .button-gray-31.button-ujarak::before {
    background: #ffce40;
}

.footer-corporate-2.context-dark .button-gray-31.button-ujarak:hover, .footer-corporate-2.bg-gray-dark .button-gray-31.button-ujarak:hover, .footer-corporate-2.bg-primary .button-gray-31.button-ujarak:hover, .footer-corporate-2.context-dark .button-gray-31.button-ujarak:active, .footer-corporate-2.bg-gray-dark .button-gray-31.button-ujarak:active, .footer-corporate-2.bg-primary .button-gray-31.button-ujarak:active {
    border-color: #ffce40;
}

.context-dark .post-minimal-2-time, .bg-gray-dark .post-minimal-2-time, .bg-primary .post-minimal-2-time {
    color: rgba(255, 255, 255, 0.25);
}

.context-dark .text-strike-1, .bg-gray-dark .text-strike-1, .bg-primary .text-strike-1 {
    color: rgba(255, 255, 255, 0.52);
}

.context-dark .text-strike-1::before, .bg-gray-dark .text-strike-1::before, .bg-primary .text-strike-1::before {
    background: rgba(252, 239, 87, 0.7);
}

.context-dark .video-modern-subtitle, .bg-gray-dark .video-modern-subtitle, .bg-primary .video-modern-subtitle {
    color: #0083ac;
}

.context-dark .title-decoration-lines-left::before, .bg-gray-dark .title-decoration-lines-left::before, .bg-primary .title-decoration-lines-left::before {
    background: #ffce40;
}

.context-dark .text-gray-500, .bg-gray-dark .text-gray-500, .bg-primary .text-gray-500 {
    color: rgba(255, 255, 255, 0.3);
}

.context-dark .brand .brand-logo-dark, .bg-gray-dark .brand .brand-logo-dark, .bg-primary .brand .brand-logo-dark {
    display: none;
}

.context-dark .brand .brand-logo-light, .bg-gray-dark .brand .brand-logo-light, .bg-primary .brand .brand-logo-light {
    display: block;
}

/**
* Light Backgrounds
*/
.bg-default {
    background-color: #ffffff;
}

.bg-default + .bg-default {
    padding-top: 0;
}

.bg-gray-100 {
    background-color: #f2f2f2;
}

.bg-gray-2 {
    background-color: #ebebeb;
}

.bg-gray-2 .owl-classic .owl-prev:hover::before, .bg-gray-2 .owl-classic .owl-next:hover::before {
    background-color: #6a7e90;
}

.bg-gray-2 .owl-classic .owl-prev:hover::after, .bg-gray-2 .owl-classic .owl-next:hover::after {
    border-left-color: #6a7e90;
    border-right-color: #6a7e90;
}

.bg-gray-4 {
    background-color: #f7f7f7;
}

.bg-gray-4 .box-icon-modern {
    box-shadow: none;
}

.bg-gray-4 .box-icon-modern:hover {
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.17);
}

.bg-gray-36 {
    background-color: #545d64;
}

/**
* Dark Backgrounds
*/
.bg-gray-dark {
    background-color: #2c343b;
}

/** 
* Accent Backgrounds
*/
.bg-primary + .bg-primary {
    padding-top: 0;
}

/**
* Background Image
*/
[class*='bg-'] {
    background-size: cover;
    background-position: center center;
}

@media (min-width: 992px) {
    html:not(.tablet):not(.mobile) .bg-fixed {
        background-attachment: fixed;
    }
}

[class*='bg-overlay-'] {
    position: relative;
}

[class*='bg-overlay-']::before {
    position: absolute;
    content: '';
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none;
}

[class*='bg-overlay-'] .container {
    position: relative;
}

[class*='bg-second-overlay-']::after {
    position: absolute;
    content: '';
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none;
    z-index: -1;
}

.bg-overlay-68::before {
    background: rgba(43, 49, 59, 0.68);
}

.bg-overlay-64::before {
    background: rgba(43, 49, 59, 0.64);
}

.bg-overlay-60::before {
    background: rgba(43, 49, 59, 0.6);
}

.bg-overlay-59::before {
    background: rgba(43, 49, 59, 0.59);
}

.bg-overlay-55::before {
    background: rgba(43, 49, 59, 0.55);
}

.bg-overlay-53::before {
    background: rgba(43, 49, 59, 0.53);
}

.bg-overlay-49::before {
    background: rgba(43, 49, 59, 0.49);
}

.bg-overlay-48::before {
    background: rgba(43, 49, 59, 0.48);
}

.bg-overlay-46::before {
    background: rgba(43, 49, 59, 0.46);
}

.bg-overlay-43::before {
    background: rgba(43, 49, 59, 0.43);
}

.bg-overlay-3-41::before {
    background: rgba(1, 23, 42, 0.41);
}

.bg-overlay-41::before {
    background: rgba(43, 49, 59, 0.41);
}

.bg-overlay-40::before {
    background: rgba(43, 49, 59, 0.4);
}

.bg-overlay-39::before {
    background: rgba(43, 49, 59, 0.39);
}

.bg-overlay-37::before {
    background: rgba(43, 49, 59, 0.37);
}

.bg-overlay-33::before {
    background: rgba(43, 49, 59, 0.33);
}

.bg-overlay-26::before {
    background: rgba(43, 49, 59, 0.26);
}

@media (max-width: 991.98px) {
    .bg-overlay-white::before {
        background: rgba(255, 255, 255, 0.26);
    }
}

.bg-overlay-24::before {
    background: rgba(43, 49, 59, 0.24);
}

.bg-second-overlay-4-22::after {
    background: rgba(24, 26, 35, 0.21);
}

.bg-overlay-2-21::before {
    background: rgba(24, 26, 35, 0.21);
}

.bg-overlay-2-14::before {
    background: rgba(24, 26, 35, 0.14);
}

.bg-overlay-4-60::before {
    background: rgba(24, 38, 50, 0.6);
}



.box-position {
    position: absolute;
    left: 0;
    top: -100px;
    width: calc(100% + 150px);
    height: calc(100% + 150px);
    will-change: transform;
    animation: bgPos 100s linear infinite;
    transform: translate3d(-75px, -75px, 0) rotate(0.001deg);
    background-position: 100% 50%;
    background-size: cover;
    z-index: -1;
}

@keyframes bgPos {
    25% {
        transform: translate3d(-150px, -150px, 0) rotate(0.001deg);
    }

    75% {
        transform: translate3d(0, 0, 0) rotate(0.001deg);
    }
}

.order-negative-2 {
    order: -2;
}

/*
*
* Animate.css
*/
.animated {
    -webkit-animation-duration: .7s;
    animation-duration: .7s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    opacity: 1;
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
}

html:not(.lt-ie10) .not-animated {
    opacity: 0;
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 40px, 0);
        transform: translate3d(0, 40px, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 40px, 0);
        transform: translate3d(0, 40px, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -40px, 0);
        transform: translate3d(0, -40px, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -40px, 0);
        transform: translate3d(0, -40px, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-40px, 0, 0);
        transform: translate3d(-40px, 0, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-40px, 0, 0);
        transform: translate3d(-40px, 0, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(40px, 0, 0);
        transform: translate3d(40px, 0, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(40px, 0, 0);
        transform: translate3d(40px, 0, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}

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

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

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

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp;
}

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

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

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

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown;
}

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

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

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

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft;
}

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

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

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

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight;
}

@-webkit-keyframes slideOutDown {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    100% {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

@keyframes slideOutDown {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    100% {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

.slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown;
}

@keyframes pagInX {
    0% {
        transform: translateX(-100%);
    }

    100% {
        transform: translateX(0);
    }
}

@keyframes pagOutX {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(100%);
    }
}

.preloader {
    position: fixed;
    text-align: center;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 20px;
    z-index: 9999999;
    background: #ffffff;
    transition: .3s all ease;
}

.preloader.loaded {
    opacity: 0;
    visibility: hidden;
    z-index: -1;
}

.preloader.loaded .cssload-container {
    animation: none;
}

.preloader.loaded .cssload-container span {
    animation: none;
}

.preloader.ending {
    display: none;
}

.preloader .preloader-body {
    position: relative;
    text-align: center;
    height: 200px;
}