/*

  ------------------------------------------------------------------

  Table of contents



  1. Global styles

    - General styles

    - Button styles

    - Animations

  2. Header

  3. Footer

  4. Components

  ------------------------------------------------------------------- */


/*

  -------------------------------------------------------

  #1.1 General styles

  ------------------------------------------------------- */


* {

    outline: none !important;

}


body {

    background: #f2f2f2;

    font-family: 'Poppins', sans-serif;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

    font-smoothing: antialiased;

    font-size: 16px;

    color: #212529;

    font-weight: 400;

    line-height: 28px;

}


body.body--white {

    background: #ffffff;

}


body.body--home {

    background: #f4f7fc;

}


body.navbar--fixed {

    padding-top: 90px;

}


body.navbar--fixed .app-navbar {

    position: fixed;

    top: 0;

    z-index: 99999;

    box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);

}


body.navbar--fixed .app-aside {

    top: 75px;

}


body.mobile-menu-opened {

    position: fixed;

    left: 0;

    top: 0;

    width: 100%;

}


.container {

    max-width: 1200px;

}


.real-fluid {

    padding-left: 0;

    padding-right: 0;

}


header {

    max-width: 100%;

}


section {

    width: 100%;

    max-width: 100%;

}


.bg--main {

    background: #175de3 !important;

}


.bg--primary {

    background: #072867 !important;

}


.bg--secondary {

    background: #ff7506 !important;

}

figure figcaption {
    font-size: 15px;
    font-weight: 400;
    line-height: 1.5;
    color: #525252;
}

.text-inherit {
    color:#18113c
}
.divider, .divider-2 {

    width: 100%;

    height: 1px;

    background: #eaeaea;

    margin: 30px 0;

}


.divider + *, .divider-2 + * {

    margin-top: 0;

}

.divider, .divider-3 {

    width: 100%;

    height: 2px;

    background: #ff7506;

    margin: 0;

}


.divider + *, .divider-3 + * {

    margin-top: 0;

}


.img-fluid {

    border-radius: 4px;

}

.mh-20 {
    min-height: 19rem !important;
}
.mh-40 {
    min-height: 3rem !important;
}

.mt-6 {

    margin-top: 4rem !important;

}

.mb-6 {

    margin-bottom: 4rem !important;

}

article {
    margin-bottom: 4rem !important;
}

@media all and (max-width: 992px) {

    .mt-6, .container.main-contentbox {

        margin-top: 2rem !important;

    }

    .mb-6, .main-contentbox.mb-6 {

        margin-bottom: 2rem !important;

    }


}


.app-elements-page .app-design-guide-row {

    width: 100%;

    -webkit-flex-grow: 1;

    -ms-flex-positive: 1;

    flex-grow: 1;

    margin-top: 50px;

    -webkit-align-items: flex-start;

    -ms-flex-align: start;

    align-items: flex-start;

}


.app-elements-page .app-button-list {

    -webkit-flex-wrap: wrap;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    margin-top: 20px;

    -webkit-justify-content: space-between;

    -ms-flex-pack: justify;

    justify-content: space-between;

}


.app-elements-page .app-button-list button.app-btn {

    width: 100%;

    min-width: auto;

    margin-bottom: 15px;

    margin-right: 5px;

}


.app-elements-page .app-tabnav--vert {

    margin-top: 30px;

}

.tab-section {

    margin-bottom: 64px;

}


.page-has-aside.page-aside--right {

    -webkit-order: -1;

    -ms-flex-order: -1;

    order: -1;

}


.page-has-aside .services-list-item-wrapper + .app-pagination {

    margin-top: 0;

}


.price-has-aside {

    margin-top: 50px;

}

.page-has-aside .app-pricing-item--wrapper:nth-last-child(-n+4) {

    margin-top: 0;

}


.page-has-aside .app-pricing-item--wide {

    margin-top: 0 !important;

    margin-bottom: 50px;

}


.page-has-aside .app-pricing-item--wide:hover {

    margin-top: 0 !important;

}


.page-has-aside .app-pricing-item--wide .app-pricing-item-content {

    -webkit-flex-grow: 1;

    -ms-flex-positive: 1;

    flex-grow: 1;

}


.page-has-aside .app-design-guide-wrapper {

    padding: 15px 30px 50px 30px;

}


.page-has-aside .app-design-guide-colors {

    -webkit-flex-wrap: wrap;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

}


select::-ms-expand {

    display: none;

}


.ie-object-fit {

    background-size: cover;

    background-position: center center;

    overflow: hidden;

}


.ie-object-fit img {

    display: none;

}


.app-input {

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    height: 50px;

    font-size: 15px;

    color: #ff7506;

    font-weight: 500;

    border-color: #ececec;

    border-width: 1px;

    border-style: solid;

    padding: 0 30px;

    position: relative;

    transition: .1s ease-in-out;

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;

}


.app-input.placeholder {

    color: #797979;

    font-weight: 500;

}


.app-input:-moz-placeholder {

    color: #797979;

    font-weight: 500;

}


.app-input::-moz-placeholder {

    color: #797979;

    font-weight: 500;

}


.app-input:-ms-input-placeholder {

    color: #797979;

    font-weight: 500;

}


.app-input::-webkit-input-placeholder {

    color: #797979;

    font-weight: 500;

}


.app-input-select {

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;

    cursor: pointer;

    padding-right: 35px;

    color: #797979;

}


.app-input-select-arrow {

    position: absolute;

    right: 20px;

    top: 50%;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%);

    font-size: 1.2em;

    color: #d2d2d2;

    pointer-events: none;

}


.app-input:focus {

    border-color: #ff7506;

}


textarea.app-input {

    resize: none;

    padding-top: 25px;

    padding-bottom: 25px;

    min-height: 120px;

}


input.app-input,
input.app-input:focus,
select.app-input,
select.app-input:focus,
textarea.app-input,
textarea.app-input:focus {

    outline: none;

    box-shadow: none;

    border-radius: 0;

    font-family: inherit;

}


/*

    -------------------------------------------------------

    #1.2 Button styles

    ------------------------------------------------------- */


.app-btn {

    display: -webkit-inline-flex;

    display: -ms-inline-flexbox;

    display: inline-flex;

    -webkit-justify-content: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    height: 40px;

    min-width: 170px;

    width: auto;

    padding: 0 45px;

    border-radius: 20px;

    background: #ff7506;

    font-size: 13px;

    color: #ffffff;

    font-weight: 700;

    text-decoration: none;

    line-height: 1;

    white-space: nowrap;

    transition: .1s ease-in-out;

    border: 0;

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;

    cursor: pointer;

    position: relative;

}


.app-btn::before {

    content: '';

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, 0.1);

    opacity: 0;

    transition: .1s ease-in-out;

}


.app-btn:hover {

    color: #ffffff;

    text-decoration: none;

    outline-color: transparent;

}


.app-btn:hover::before {

    opacity: 1;

    border-radius: inherit;

}


.app-btn:focus {

    outline-color: transparent;

}


.app-btn.disabled {

    pointer-events: none;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

}


.app-btn.app-btn--primary {

    background: #175de3;

}


.app-btn.app-btn--secondary {

    background: #072867;

}


.app-btn.app-btn--dark {

    background: #2f2f2f;

}


.app-btn.app-btn--light {

    background: #c2c2c2;

    color: #4c4c4c;

}


.app-btn.app-btn--light.app-btn--icon {

    color: #ffffff;

}


.app-btn.app-btn--icon {

    padding: 0 30px;

}


.app-btn.app-btn--icon i {

    margin-right: 15px;

}


.app-btn.app-btn--only-icon {

    min-width: 40px;

    padding: 0;

    border-radius: 50%;

}


/*

    -------------------------------------------------------

    #1.3 Animations

    ------------------------------------------------------- */


@-webkit-keyframes focus-in-contract {

    0% {

        -webkit-filter: blur(12px);

        filter: blur(12px);

        opacity: 0;

    }


    100% {

        -webkit-filter: blur(0px);

        filter: blur(0px);

        opacity: 1;

    }

}


@keyframes focus-in-contract {

    0% {

        -webkit-filter: blur(12px);

        filter: blur(12px);

        opacity: 0;

    }


    100% {

        -webkit-filter: blur(0px);

        filter: blur(0px);

        opacity: 1;

    }

}


@-webkit-keyframes slide-in-top {

    0% {

        -webkit-transform: translateY(-100%);

        transform: translateY(-100%);

        opacity: 0;

    }


    100% {

        -webkit-transform: translateY(0);

        transform: translateY(0);

        opacity: 1;

    }

}


@keyframes slide-in-top {

    0% {

        -webkit-transform: translateY(-100%);

        transform: translateY(-100%);

        opacity: 0;

    }


    100% {

        -webkit-transform: translateY(0);

        transform: translateY(0);

        opacity: 1;

    }

}


@-webkit-keyframes op {

    0% {

        opacity: 0;

    }


    100% {

        opacity: 1;

    }

}


@keyframes op {

    0% {

        opacity: 0;

    }


    100% {

        opacity: 1;

    }

}


@-webkit-keyframes fade-in-fwd {

    0% {

        -webkit-transform: translateZ(-80px);

        transform: translateZ(-80px);

        opacity: 0;

    }


    100% {

        -webkit-transform: translateZ(0);

        transform: translateZ(0);

        opacity: 1;

    }

}


@keyframes fade-in-fwd {

    0% {

        -webkit-transform: translateZ(-80px);

        transform: translateZ(-80px);

        opacity: 0;

    }


    100% {

        -webkit-transform: translateZ(0);

        transform: translateZ(0);

        opacity: 1;

    }

}


@-webkit-keyframes pulse {

    0% {

        -webkit-transform: translateX(-50%) translateY(-50%) scale(0);

        transform: translateX(-50%) translateY(-50%) scale(0);

        opacity: 1;

    }


    95% {

        -webkit-transform: translateX(-50%) translateY(-50%) scale(1);

        transform: translateX(-50%) translateY(-50%) scale(1);

        opacity: .5;

    }


    100% {

        -webkit-transform: translateX(-50%) translateY(-50%) scale(1);

        transform: translateX(-50%) translateY(-50%) scale(1);

        opacity: 0;

    }

}


@keyframes pulse {

    0% {

        -webkit-transform: translateX(-50%) translateY(-50%) scale(0);

        transform: translateX(-50%) translateY(-50%) scale(0);

        opacity: 1;

    }


    95% {

        -webkit-transform: translateX(-50%) translateY(-50%) scale(1);

        transform: translateX(-50%) translateY(-50%) scale(1);

        opacity: .5;

    }


    100% {

        -webkit-transform: translateX(-50%) translateY(-50%) scale(1);

        transform: translateX(-50%) translateY(-50%) scale(1);

        opacity: 0;

    }

}


@-webkit-keyframes scale-in-ver-top {

    0% {

        -webkit-transform: scaleY(0);

        transform: scaleY(0);

        -webkit-transform-origin: 100% 0%;

        transform-origin: 100% 0%;

        opacity: 1;

    }


    100% {

        -webkit-transform: scaleY(1);

        transform: scaleY(1);

        -webkit-transform-origin: 100% 0%;

        transform-origin: 100% 0%;

        opacity: 1;

    }

}


@keyframes scale-in-ver-top {

    0% {

        -webkit-transform: scaleY(0);

        transform: scaleY(0);

        -webkit-transform-origin: 100% 0%;

        transform-origin: 100% 0%;

        opacity: 1;

    }


    100% {

        -webkit-transform: scaleY(1);

        transform: scaleY(1);

        -webkit-transform-origin: 100% 0%;

        transform-origin: 100% 0%;

        opacity: 1;

    }

}


@-webkit-keyframes fade-in {

    0% {

        opacity: 0;

    }


    100% {

        opacity: 1;

    }

}


@keyframes fade-in {

    0% {

        opacity: 0;

    }


    100% {

        opacity: 1;

    }

}


/*

    -------------------------------------------------------

    #2 Header

    ------------------------------------------------------- */


.headbar {

    width: 100%;

    height: auto;

    border-bottom: 1px solid #eaeaea;

    background: #175de3;

}


.headbar-container {

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-justify-content: space-between;

    -ms-flex-pack: justify;

    justify-content: space-between;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    height: 100%;

    -webkit-flex-wrap: wrap;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    padding: 5px 0;

}


.headbar-text {

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    font-size: 13px;

    color: #ffffff;

    font-weight: normal;

    display: none;

}


.headbar-content {

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

}


.headbar-content .headbar-text {

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

}


.headbar-mail-link {

    margin-left: 15px;

    text-decoration: none;

    font-size: 13px;

    color: #ffffff;

    font-weight: normal;

}


.headbar-mail-link:hover {

    text-decoration: none;

}


.headbar .app-social-links-wrapper {

    display: none;

}


.app-navbar {

    position: relative;

    width: 100%;

    height: 60px;

    background: #ffffff;

    -webkit-transform: none;

    -ms-transform: none;

    transform: none;

    box-shadow: none;

    -webkit-animation: none;

    animation: none;

}


.app-navbar-container {

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-justify-content: space-between;

    -ms-flex-pack: justify;

    justify-content: space-between;

    height: 60px;

    -webkit-flex-wrap: wrap;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

}


.app-navbar-logo {

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-justify-content: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    width: auto;

    height: 40px;

}


.app-navbar-logo img {

    max-width: 100%;

    height: 100%;

    object-fit: contain;

    border-radius: 50%;

    background: #eaeaea;

    box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.3);

    -webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.3);

    -moz-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.3);

}


.app-navbar-ul {

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    margin: 0;

    padding: 0;

    margin-left: auto;

    transition: all 0.45s cubic-bezier(0.68, -0.55, 0.27, 1.55) 0s, opacity 0.5s cubic-bezier(0.68, -0.55, 0.27, 1.55) 0s;

    opacity: 1;

    -webkit-flex-basis: 100%;

    -ms-flex-preferred-size: 100%;

    flex-basis: 100%;

    -webkit-order: 3;

    -ms-flex-order: 3;

    order: 3;

    -webkit-flex-direction: column;

    -ms-flex-direction: column;

    flex-direction: column;

    border-top: 1px solid #eaeaea;

    -webkit-align-items: flex-start;

    -ms-flex-align: start;

    align-items: flex-start;

    opacity: 0;

    visibility: hidden;

    transition: none;

    background: #ffffff;

    position: absolute;

    left: 0;

    top: 60px;

    width: 100%;

    z-index: 20;

}


.app-navbar-ul.menu-open {

    opacity: 1;

    visibility: visible;

    overflow-y: auto;

    scroll-behavior: smooth;

}


.app-navbar-ul.hide-me, .app-navbar-logo.hide-me {

    opacity: 0;

}


.app-navbar-ul-link {

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-justify-content: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    list-style: none;

    position: relative;

    height: 50px;

    width: 100%;

    padding: 10px 15px;

    -webkit-flex-shrink: 0;

    -ms-flex-negative: 0;

    flex-shrink: 0;

}


.app-navbar-ul-link.has-child {

    position: relative;

    z-index: 2;

    -webkit-flex-direction: column;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-align-items: flex-start;

    -ms-flex-align: start;

    align-items: flex-start;

}


.app-navbar-ul-link.has-child[dropdown-visible='true'] {

    height: auto;

}


.app-navbar-ul-link.has-child[dropdown-visible='true'] .app-navbar-dropdown {

    height: auto;

    margin: 10px 0;

}


.app-navbar-ul-link.has-child:hover .app-navbar-dropdown {

    opacity: 1;

    visibility: visible;

    -webkit-transform: translateY(-10px);

    -ms-transform: translateY(-10px);

    transform: translateY(-10px);

}


.app-navbar-ul-link.has-child:hover > a {

    color: #175de3;

}


.app-navbar-ul-link.has-child > a {

    padding-right: 15px;

}


.app-navbar-ul-link.has-child > a::after {

    content: '\f107';

    font-family: "Font Awesome 5 Free";

    font-weight: 900;

    position: absolute;

    right: 0;

    top: 50%;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%);

    font-size: .7em;

    color: #3d3d3d;

}


.app-navbar-ul-link.has-child.active > a::after {

    color: #175de3;

}


.app-navbar-ul-link.has-child .app-navbar-dropdown {

    position: relative;

    left: inherit;

    top: inherit;

    -webkit-transform: none;

    -ms-transform: none;

    transform: none;

    min-width: 200px;

    opacity: 0;

    visibility: hidden;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-flex-direction: column;

    -ms-flex-direction: column;

    flex-direction: column;

    z-index: 1;

    border-radius: 4px;

    overflow: hidden;

    margin: 0;

    height: 0;

    transition: all .2s ease-in-out;

    width: 100%;

    background: transparent;

    box-shadow: none;

    pointer-events: none;

}


.app-navbar-ul-link.has-child .app-navbar-dropdown.navbar-dropdown-opened {

    opacity: 1;

    visibility: visible;

    -webkit-transform: none;

    -ms-transform: none;

    transform: none;

    pointer-events: inherit;

}


.app-navbar-ul-link.has-child .app-navbar-dropdown a {

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-justify-content: flex-start;

    -ms-flex-pack: start;

    justify-content: flex-start;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    font-size: 14px;

    color: #3d3d3d;

    font-weight: 500;

    text-decoration: none;

    padding: 10px 15px;

    white-space: nowrap;

    height: auto;

}


.app-navbar-ul-link.has-child .app-navbar-dropdown a:hover {

    background: #f5f5f5;

}


.app-navbar-ul-link.has-child .app-navbar-dropdown a + a {

    border-top: 1px solid #f5f5f5;

}


.app-navbar-ul-link.active a {

    color: #175de3;

}

.app-navbar-ul-link.active {

    position: relative;

}


.app-navbar-ul-link.active::before {

    content: '';

    position: absolute;

    top: 0;

    left: 50%;

    -webkit-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    transform: translateX(-50%);

    width: 39%;

    height: 3px;

    background: #175de3;

    display: none;

}


.app-navbar-ul-link a {

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-justify-content: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    font-size: 15px;

    color: #3d3d3d;

    font-weight: 500;

    text-decoration: none;

    position: relative;

    height: 100%;

    -webkit-justify-content: flex-start;

    -ms-flex-pack: start;

    justify-content: flex-start;

    width: 100%;

    height: auto;

}


.app-navbar-ul-link a:not([href]):not([tabindex]):focus,
.app-navbar-ul-link a:not([href]):not([tabindex]):hover,
.app-navbar-ul-link a:hover,
.app-navbar-ul-link a:hover::after {

    color: #175de3;

}


.app-navbar-ul-link + .app-navbar-ul-link {

    margin-left: 0;

    border-top: 1px solid #e8e8e8;

}


.app-navbar-search {

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    z-index: 21;

    margin-left: auto;

}


.app-navbar-search button.app-navbar-search-btn.app-btn {

    display: block;

    text-align: center;

    opacity: 1;

    pointer-events: inherit;

    transition: .2s ease-in-out;

}


.app-navbar-search button.app-navbar-search-btn.app-btn i {

    color: #000000;

}


.app-navbar-search button.app-navbar-search-btn.app-btn.hide-me {

    opacity: 0;

    pointer-events: none;

}


.app-navbar-search button.app-navbar-search-btn-close {

    background: transparent;

    position: absolute;

    right: 0;

    transition: .2s ease-in-out;

    -webkit-justify-content: center;

    -ms-flex-pack: center;

    justify-content: center;

    margin-right: 15px;

}


.app-navbar-search button.app-navbar-search-btn-close:focus,
.app-navbar-search button.app-navbar-search-btn-close:active,
.app-navbar-search button.app-navbar-search-btn-close:hover {

    background: transparent;

}


.app-navbar-search button.app-navbar-search-btn-close i {

    color: #555;

    font-size: 2em;

}


.app-navbar-search input {

    border: 0;

    width: 100%;

    color: #000000;

    border-radius: 0;

    background: #ffffff;

    height: 50px;

    padding: 0;

}


.app-navbar-search input:focus {

    border-radius: 0;

}


.app-navbar-search .input-wrapper {

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    width: 0px;

    opacity: 0;

    pointer-events: none;

    position: absolute;

    left: 0;

    z-index: 1;

    top: 100%;

    border-top: 1px solid #eaeaea;

    transition: none;

}


.app-navbar-search .input-wrapper.active {

    width: 100%;

    opacity: 1;

    pointer-events: inherit;

}


.app-navbar-search .input-wrapper.active input {

    padding-right: 50px;

    padding-left: 30px;

}


.app-navbar-trigger {

    display: block;

    text-align: center;

    margin-left: 15px;

    -webkit-order: 2;

    -ms-flex-order: 2;

    order: 2;

}


/*

    -------------------------------------------------------

    #2.2 Header Variations

    ------------------------------------------------------- */

/* Logo Left */

.app-navbar-ul.left-menu {

    margin-left: 0;

    margin-right: auto;

    width: 100%;

}

/* Logo Right */

.logo-right .app-navbar-ul {

    margin-left: 0;

    margin-right: auto;

}


/* Logo Centered */


.logo-centered .app-navbar-ul.left-menu {

    margin-left: 0;

    margin-right: auto;

    width: inherit;

}

.app-navbar-ul.right-menu {

    margin-right: 0;

    margin-left: auto;

}

/* Transparent Header */

@media (min-width: 992px) {

    .transparent-header {

        margin-bottom: -135px;

    }

    .transparent-header-m-top .app-navbar {

        margin-top: 32px;

    }

    .transparent-header .app-navbar {

        background: transparent;

    }

    .transparent-header .app-navbar-ul {

        background: transparent;

    }

    .transparent-header .headbar {

        background: transparent;

        border-bottom: 1px solid;

        z-index: 1;

        position: relative;

    }

    .transparent-header .app-navbar-logo {

        z-index: 1;

    }

}

@media (max-width: 992px) {

    .transparent-header {

        position: relative;

        z-index: 1;

    }

    .transparent-header .app-navbar {

        background: transparent;

        margin-bottom: -90px;

    }

    .transparent-slider.slide-type-1 .slide-item {

        padding-top: 90px;

    }

    .transparent-slider.slide-type-1 .slide-background {

        top: 0;

        left: 0;

    }

    .transparent-header .app-navbar-search button.app-navbar-search-btn.app-btn i {

        color: #ffffff;

    }

}


/* Headbar With Logo */


.headbar.headbar-with-logo, .headbar-with-logo .headbar-container {

    height: auto;

}

.headbar-with-logo .headbar-container {

    padding: 5px 0px;

}


.f-size-20 {

    font-size: 22px !important;

}


.l-height-28 {

    line-height: 34px !important;

}

.headbar-items, .headbar-item {

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    align-items: center;

    justify-content: center;

}

.headbar-item {

    padding: 15px;

}

.headbar-item i {

    font-size: 24px;

    margin: 10px;

}

.headbar-item span.title, .headbar-item span.subtitle {

    display: block;

}

.headbar-item span.title {

    color: #252525;

    font-weight: 500;

    line-height: 1.39;

    margin-bottom: 5px;

    font-size: 14px;

}

.headbar-item span.subtitle {

    font-size: 13px;

    color: #aaaaaa;

    font-weight: normal;

    line-height: 1.57;

}

.headbar-with-logo .headbar-content {

    flex: 1;

    align-items: flex-end;

    justify-content: flex-end;

    margin-right: 15px;

}

@media screen and (max-width: 767px) {

    .headbar-with-logo .headbar-logo {

        flex: 100%;

        margin-bottom: 15px;

    }

    .headbar-with-logo .headbar-content {

        flex: 100%;

        align-items: center;

        justify-content: center;

        margin-right: 0px;

    }

    .headbar-with-logo .headbar-items {

        flex-direction: row;

        display: -webkit-flex;

        display: -ms-flexbox;

        display: flex;

        align-items: center;

        width: 100%;

    }

    .headbar-with-logo .headbar-item i, .headbar-item span.title, .headbar-with-logo .headbar-item span.subtitle {

        color: #fff;

        cursor: pointer;

    }

    .headbar-item {

        padding: 5px;

        align-items: center;

        justify-content: center;

        width: 33%;

    }

    .headbar-with-logo .headbar-item .title, .headbar-with-logo .headbar-item .subtitle {

        display: none;

    }

    .l-height-28 {

        line-height: 20px !important;

    }

    .f-size-20 {

        font-size: 75% !important;

    }

}


/* Big Socials */

.app-social-links-wrapper.big-social-icons .app-social-link i {

    font-size: 1.0em;

}

/* Mega Menu */

@media all and (min-width: 992px) {

    .body--home.navbar--fixed .app-navbar-ul-link.has-child.has-mega-menu .app-navbar-dropdown {

        margin-top: -35px;

        position: absolute;

    }

    .app-navbar-ul-link.has-child.has-mega-menu .app-navbar-dropdown {

        width: 100%;

        display: table;

        text-align: center;

        padding: 30px;

        opacity: 0;

        visibility: hidden;

    }

    .app-navbar-ul-link.has-child.has-mega-menu:hover .app-navbar-dropdown {

        opacity: 1;

        visibility: visible;

    }


    .app-navbar-ul-link.has-child.has-mega-menu .app-navbar-dropdown a {

        display: block;

        margin-right: 5px;

        text-align: left;

        text-overflow: ellipsis;

        overflow: hidden;

    }

}

@media all and (min-width: 992px) {

    .app-navbar-ul-link.has-child.has-mega-menu .app-navbar-dropdown {

        position: absolute;

    }

}

@media all and (min-width: 1440px) {

    .app-navbar-ul-link.has-child.has-mega-menu .app-navbar-dropdown {

        width: 1065px;

    }

    .logo-centered .app-navbar-ul-link.has-child.has-mega-menu .app-navbar-dropdown {

        width: 1065px;

    }

}

@media all and (min-width: 1024px) {

    .app-navbar-ul-link.has-child.has-mega-menu .app-navbar-dropdown {

        width: 954px;

    }

    .logo-centered .app-navbar-ul-link.has-child.has-mega-menu .app-navbar-dropdown {

        width: 1170px;

    }

    .logo-centered .app-navbar-logo {

        margin-left: 30px;

        margin-right: 30px;

    }

}


/* Slider Varitaions */

.slide-type-1 * {
    outline: 0;
}

.slide-type-1 .slide-item {
    height: 600px;
    overflow: hidden;
    position: relative;
}

.slide-type-1.transparent-slider .slide-item {
    height: 800px;
    overflow: hidden;
    position: relative;
}

.slide-type-1 .slide-background {
    position: absolute;
    width: 100%;
    height: 100%;
    background-size: cover;
}

.slide-type-1 .slide-background img {
    display: none;
}

.slide-type-1 .posrel {
    position: relative;
    z-index: 99
}

.slide-type-1 .slide-item img {
    max-width: 100%;
}

.slide-type-1 h2 {
    font-weight: 700;

    font-size: 76px;

    color: #2A2623;

    text-align: right;

    line-height: 71px;
}

.slide-type-1 p {
    margin-top: 30px;
    text-align: right;
}

.slide-type-1 .button-main-color {
    color: #fff;
    background-color: #FF7507;
    padding: 8px 30px;
    border-radius: 100px;
    font-weight: 600;
}

.slide-type-1 .button-main-color:hover {
    background-color: #000;
    text-decoration: none;
    color: #fff;
}


[aria-disabled="true"] {

    opacity: .4;

}


.slide-type-1 .slick-next {

    position: absolute;

    top: 50%;

    right: 64px;

    height: 50px;

    width: 50px;


}

.slide-type-1 .slick-prev {

    position: absolute;

    top: 50%;

    left: 64px;

    height: 50px;

    width: 50px;

}

.slide-type-1 .slick-next,
.slide-type-1 .slick-prev {

    display: table;

    width: 70px;

    height: 70px;

    background: rgba(0, 0, 0, 0.1);

    cursor: pointer;

    z-index: 9;

    border: none;

    outline: 0;

    text-align: center;

    line-height: 70px;

    font-size: 18px;

    transition: 300ms all;

    opacity: 0;

}


.slide-type-1:hover .slick-next,
.slide-type-1:hover .slick-prev {
    opacity: 1;
}

.slide-type-1 .slick-next:hover,
.slide-type-1 .slick-prev:hover {

    background: #175de3;

}

.slide-type-1 .slick-prev img {

    margin-left: -3px;

}

.slide-type-1 .slick-next img {

    margin-right: -3px;

}

.slide-type-1 .slick-next img, .slide-type-1 .slick-prev img {

    width: 15px;

    height: auto;

}


@media all and (max-width: 768px) {

    .slide-type-1 p {

        display: none;

    }

    .slide-type-1 h2 {

        font-size: 24px;

        line-height: 32px;

    }

    .slide-type-1 .button-main-color {

        padding: 5px 10px;

        font-size: 13px;

    }

    .slide-type-1 .slide-item {
        height: initial;
        margin-bottom: 0px;
    }

    .slide-type-1.transparent-slider .slide-item {

        height: initial;

        margin-bottom: 0px;

    }

    .slide-type-1 .slick-next, .slide-type-1 .slick-prev {

        width: 45px;

        height: 45px;

        line-height: 45px;

    }

    .slide-type-1 .slick-prev {

        left: 30px;

    }

    .slide-type-1 .slick-next {

        right: 30px;

    }

}

/*

    -------------------------------------------------------

    #3 Footer

    ------------------------------------------------------- */
.hr-light {
    color: rgba(255, 255, 255, 0.14);
}

.app-footer {

    width: 100%;

    background: #072867;

    position: relative;

    z-index: 19;

}


.app-footer-wrapper {

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-justify-content: space-between;

    -ms-flex-pack: justify;

    justify-content: space-between;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-flex-direction: column;

    -ms-flex-direction: column;

    flex-direction: column;

    padding: 30px 0;

}


.app-footer-wrapper a.app-footer-text:hover {

    color: #d9d9d9;

}


.app-footer-wrapper .app-footer-text {

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    text-decoration: none;

    font-size: 13px;

    color: #ffffff;

    font-weight: 500;

    line-height: 1.5;

    margin-top: 15px;

    margin-right: 5px;

    text-align: center;

}


.app-footer-wrapper .app-footer-text:hover {

    text-decoration: none;

    color: #ffffff;

}


.app-footer-wrapper a.app-social-link {

    color: #ffffff;

}


.app-footer-wrapper a.app-social-link:hover {

    color: #ff7506;

}


.app-footer .app-social-links-wrapper {

    -webkit-flex-basis: 100%;

    -ms-flex-preferred-size: 100%;

    flex-basis: 100%;

    -webkit-justify-content: center;

    -ms-flex-pack: center;

    justify-content: center;

}


.app-footer-content {

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-justify-content: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-flex-wrap: wrap;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

}
/*

    -------------------------------------------------------

    #4 Components

    ------------------------------------------------------- */


.app-pagination {

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-justify-content: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    width: 100%;

    margin-top: 30px;

}

.services-list-pagination.app-pagination {

    margin-top: 0px;

}


ul.pagination {

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-justify-content: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    margin: 0;

    padding: 0;

    border-radius: 0;

}


ul.pagination li.page-item {

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-justify-content: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    width: auto;

    height: 35px;

    background: none;

    outline: none;

    border: 2px solid transparent;

}


ul.pagination li.page-item .page-link {

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-justify-content: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    outline: none;

    box-shadow: none;

    padding: 0 5px;

    width: 100%;

    height: 100%;

    font-size: 15px;

    font-weight: 500;

    color: #aaaaaa;

    line-height: 1;

    background: none;

    border: 0;

    border-radius: 0;

}


ul.pagination li.page-item .page-link:hover {

    color: #1a1a1a;

}


ul.pagination li.page-item.pagination-navigation a {

    color: #1a1a1a;

    font-weight: 600;

}


ul.pagination li.page-item.disabled a {

    opacity: .5;

    pointer-events: none;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

}


ul.pagination li.page-item + .page-item {

    margin-left: 5px;

}


ul.pagination li.page-item.active {

    border-color: #ff7506;

}


ul.pagination li.page-item.active .page-link {

    color: #ff7506;

}


.app-social-links-wrapper {

    display: block;

    align-items: center;

}


.app-social-links-wrapper .app-social-link {

    display: block;

    float: left;

    color: #b8b8b8;

}


.app-social-links-wrapper .app-social-link i {

    font-size: .8em;

}


.app-social-links-wrapper .app-social-link:hover {

    color: #175de3;

    text-decoration: none;

}


.app-social-links-wrapper .app-social-link + .app-social-link {

    margin-left: 25px;

}


.app-statistics-wrapper {

    width: 100%;

    background: #ffffff;

    height: auto;

    margin-top: 64px;

    padding-top: 64px;

}

@media all and (max-width: 992px) {

    .app-statistics-wrapper {

        margin-top: 32px;

        padding-top: 32px;

    }

}


.app-statistics-item {

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-justify-content: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    position: relative;

    height: 180px;

    border-radius: 4px;

    cursor: pointer;

    margin-bottom: 30px;

}


.app-statistics-item-figure {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    z-index: 1;

    transition: all 0.35s cubic-bezier(0.68, -0.55, 0.27, 1.55) 0s, opacity 0.4s cubic-bezier(0.68, -0.55, 0.27, 1.55) 0s;

    border-radius: 4px;

    overflow: hidden;

    visibility: visible;

    -webkit-transform: none;

    -ms-transform: none;

    transform: none;

    opacity: 1;

    height: 180px;

}


.app-statistics-item-figure::before {

    content: '';

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background: #072867;

    z-index: 2;

    opacity: .8;

}


.app-statistics-item-figure img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}


.app-statistics-item-content {

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-justify-content: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-flex-direction: column;

    -ms-flex-direction: column;

    flex-direction: column;

    position: relative;

    z-index: 3;

    padding: 0 5px;

    margin-top: 20px;

}


.app-statistics-item-content span.amount {

    font-size: 33px;

    color: #ffffff;

    font-weight: 700;

    line-height: 1;

    transition: all 0.35s cubic-bezier(0.68, -0.55, 0.27, 1.55) 0s, opacity 0.4s cubic-bezier(0.68, -0.55, 0.27, 1.55) 0s;

}


.app-statistics-item-content span.title {

    font-size: 15px;

    font-weight: 500;

    line-height: 1.38;

    transition: all 0.35s cubic-bezier(0.68, -0.55, 0.27, 1.55) 0s, opacity 0.4s cubic-bezier(0.68, -0.55, 0.27, 1.55) 0s;

    color: #ffffff;

    margin-top: 5px;

    text-align: center;

}

/* App Statics Alternative type-2 */

@media screen and (min-width: 992px) {

    .app-statistics-wrapper.app-statistics-type-2 {

        margin-top: 64px;

    }

}


.app-statistics-type-2 .app-statistics-item, .app-statistics-type-2 .app-statistics-item-figure {

    height: 380px;

}

.app-statistics-wrapper.app-statistics-type-2 .app-statistics-item,
.app-statistics-type-2 .app-statistics-item-figure {

    border-radius: 0px;

}

.app-statics-item-read-more:hover {

    text-decoration: none;

}

.app-statistics-type-2 .app-statistics-item-content {

    padding: 130px 65px;

    -webkit-align-items: flex-start;

    -ms-flex-align: flex-start;

    align-items: flex-start;

    flex: 100%;

    width: 100%;

}

.app-statistics-type-2 .app-statistics-item-content:hover {

    text-transform: none;

}

.app-statistics-type-2 .app-statistics-item-content p {

    width: 100%;

    color: #828282;

    transition: all 0.35s cubic-bezier(0.68, -0.55, 0.27, 1.55) 0s, opacity 0.4s cubic-bezier(0.68, -0.55, 0.27, 1.55) 0s;

}

.app-statistics-type-2 .app-statistics-item-content a.app-statics-item-read-more {

    color: #ffffff;

    visibility: hidden;

    font-size: 13px;

    font-weight: 600;

    transition: all 0.35s cubic-bezier(0.68, -0.55, 0.27, 1.55) 0s, opacity 0.4s cubic-bezier(0.68, -0.55, 0.27, 1.55) 0s;

}

.app-statistics-type-2 .app-statistics-item-content span.amount {

    color: #a9aaaa;

}

.app-statistics-type-2 .app-statistics-item-content span.title {

    color: #505050;

    margin-bottom: 25px;

}

.app-statistics-type-2 .app-statistics-item-figure,
.app-statistics-type-2 .app-statistics-item:hover .app-statistics-item-figure {

    -webkit-transform: none;

    -ms-transform: none;

    transform: none;

}


.app-statistics-type-2 .app-statistics-item-icon {

    left: 85px;

}

.app-statistics-type-2 .app-statistics-item-figure::before {

    background: #FF7507;

}

.app-statistics-type-2 .app-statistics-item:hover span.title,
.app-statistics-type-2 .app-statistics-item:hover span.amount,
.app-statistics-type-2 .app-statistics-item:hover p,
.app-statistics-type-2 .app-statistics-item:hover a {

    color: #ffffff;

    visibility: visible;

}


@media all and (max-width: 1025px) {

    .app-statistics-wrapper.app-statistics-type-2 {

        height: auto;

    }

    .app-statistics-wrapper.app-statistics-type-2 .app-statistics-item,
    .app-statistics-wrapper.app-statistics-type-2 .app-statistics-item-figure {

        border-radius: 0px;

    }

}

@media all and (min-width: 1025px) {

    .app-statistics-wrapper.app-statistics-type-2 {

        height: 390px;

    }

    .app-statistics-type-2 .app-statistics-item, .app-statistics-type-2 .app-statistics-item-figure {

        height: 390px;

    }

}

@media all and (max-width: 992px) {

    .app-statistics-type-2 .app-statistics-item-icon {

        top: 30px;

        font-size: 3em;

    }

    .app-statistics-type-2 .app-statistics-item span.title,
    .app-statistics-type-2 .app-statistics-item span.amount,
    .app-statistics-type-2 .app-statistics-item p,
    .app-statistics-type-2 .app-statistics-item a {

        color: #ffffff;

        visibility: visible;

    }

}

/* App Statics Alternative End */


/* App Statics Alternative type-3 */

.app-statistics-type-3.app-statistics-wrapper {

    background: initial;

    margin-bottom: 64px;

}


.app-statistics-type-3 .app-statistics-item {
    overflow: hidden;
}


.app-statistics-type-3 .app-statistics-item .app-statistics-item-figure {

    border-top: 600px solid transparent;

    border-bottom: 600px solid transparent;

    border-right: 600px solid #15324d;

    top: -720px;

    z-index: 0;

    left: -300px;

    transition: none;

}

.app-statistics-type-3 .app-statistics-item:hover .app-statistics-item-figure {

    -webkit-transform: rotate(65deg);

    -ms-transform: rotate(65deg);

    transform: rotate(65deg);

    transition: all 0.6s cubic-bezier(0.68, -0.55, 0.27, 1.55) 0s, opacity 0.8s cubic-bezier(0.68, -0.55, 0.27, 1.55) 0s;

}

.app-statistics-type-3 .app-statistics-item:hover .app-statistics-item-content span.title {

    margin-bottom: 85px;

}

.app-statistics-type-3 .app-statistics-item:hover .app-statistics-item-content {

    padding: 40px 65px;

}

.app-statistics-type-3 .app-statistics-item, .app-statistics-type-3 .app-statistics-item-figure {

    height: 380px;

}

.app-statistics-type-3 .app-statistics-item-content {

    padding: 130px 65px;

    -webkit-align-items: flex-start;

    -ms-flex-align: flex-start;

    align-items: flex-start;

    flex: 100%;

    -webkit-justify-content: center;

    -ms-flex-pack: center;

    justify-content: center;

    height: 100%;

    text-decoration: none;

    width: 100%;

}

.app-statistics-type-3 .app-statistics-item-content p {

    color: #828282;

    transition: all 0.35s cubic-bezier(0.68, -0.55, 0.27, 1.55) 0s, opacity 0.4s cubic-bezier(0.68, -0.55, 0.27, 1.55) 0s;

    font-size: 14px;

    width: 100%;

}

.app-statistics-type-3 .app-statistics-item-content span.read-more-link {

    color: #ffffff;

    visibility: hidden;

    font-size: 13px;

    font-weight: 600;

    transition: all 0.35s cubic-bezier(0.68, -0.55, 0.27, 1.55) 0s, opacity 0.4s cubic-bezier(0.68, -0.55, 0.27, 1.55) 0s;

}

.app-statistics-type-3 .app-statistics-item-content:hover span.read-more-link {

    visibility: visible;

}

.app-statistics-type-3 .app-statistics-item-content span.amount {

    color: #a9aaaa;

}

.app-statistics-type-3 .app-statistics-item-content span.title {

    color: #505050;

    margin-bottom: 25px;

}

.app-statistics-type-3 .app-statistics-item-figure::before {

    background: inherit;

}

.app-statistics-type-3 .app-statistics-item:hover span.amount,
.app-statistics-type-3 .app-statistics-item:hover p,
.app-statistics-type-3 .app-statistics-item:hover a {

    color: #ffffff;

    visibility: visible;

}

.app-statistics-type-3 .app-statistics-item:hover span.title {

    color: #e19421;

}

.app-statistics-type-3 .app-statistics-item {

    transition: all 0.35s cubic-bezier(0.68, -0.55, 0.27, 1.55) 0s, opacity 0.4s cubic-bezier(0.68, -0.55, 0.27, 1.55) 0s;

}

.app-statistics-type-3 .app-statistics-item:hover {

    background: #e19421;

}

@media all and (max-width: 1025px) {

    .app-statistics-wrapper.app-statistics-type-3 {

        height: auto;

    }

    .app-statistics-wrapper.app-statistics-type-3 .app-statistics-item,
    .app-statistics-wrapper.app-statistics-type-3 .app-statistics-item-figure {

        border-radius: 0px;

    }

    .app-statistics-type-3 .app-statistics-item:hover .app-statistics-item-figure {

        -webkit-transform: rotate(76deg);

        -ms-transform: rotate(76deg);

        transform: rotate(76deg);

    }

}

@media all and (min-width: 1025px) {

    .app-statistics-wrapper.app-statistics-type-3 {

        height: 390px;

    }

    .app-statistics-type-3 .app-statistics-item, .app-statistics-type-3 .app-statistics-item-figure {

        height: 390px;

    }


}

@media all and (max-width: 992px) {

    .app-statistics-type-3 .app-statistics-item-icon {

        top: 30px;

        font-size: 3em;

    }

    .app-statistics-type-3 .app-statistics-item span.amount,
    .app-statistics-type-3 .app-statistics-item p,
    .app-statistics-type-3 .app-statistics-item a {

        color: #ffffff;

        visibility: visible;

    }

    .app-statistics-type-3 .app-statistics-item-figure {

        visibility: visible;

        opacity: 1;

    }

    .app-statistics-type-3 .app-statistics-item .app-statistics-item-figure {

        -webkit-transform: rotate(73deg);

        -ms-transform: rotate(73deg);

        transform: rotate(73deg);

    }

    .app-statistics-type-3 .app-statistics-item .app-statistics-item-content span.title {

        margin-bottom: 85px;

    }

    .app-statistics-type-3 .app-statistics-item .app-statistics-item-content {

        padding: 40px 65px;

    }

    .app-statistics-type-3 .app-statistics-item span.amount,
    .app-statistics-type-3 .app-statistics-item p,
    .app-statistics-type-3 .app-statistics-item a {

        color: #ffffff;

        visibility: visible;

    }

    .app-statistics-type-3 .app-statistics-item {

        background: #e19421;

    }

    .app-statistics-type-3 .app-statistics-item span.title {

        color: #e19421;

    }

    .app-statistics-type-3 .app-statistics-item-content {

        margin-top: 25px;

    }

    .app-statistics-type-3 .app-statistics-item-content span.read-more-link {

        visibility: visible;

    }

}

@media all and (min-width: 992px) {

    .app-statistics-type-3.app-statistics-wrapper .app-statistics-item {

        background: #fff;

    }

}

/* App Statics Alternative End */


/* App Statics Alternative type-4*/

.app-statistics-wrapper.app-statistics-type-4 {

    margin-top: 0px;

    padding-top: 0px;

}

.app-statistics-type-4 a {

    text-decoration: none;

}

.app-statistics-type-4 .app-statistics-item,
.app-statistics-type-4 .app-statistics-item-figure {

    border-radius: 0px;

}

.app-statistics-type-4 .app-statistics-item, .app-statistics-type-4 .app-statistics-item-figure {

    height: 380px;

}

.app-statistics-type-4 .app-statistics-image-wrapper {

    max-height: 380px;

}

.app-statistics-type-4 .app-statistics-image-wrapper img {

    opacity: 0;

}

.app-statistics-type-4 .app-statistics-item-content {

    padding: 0px 40px;

    -webkit-align-items: flex-start;

    -ms-flex-align: flex-start;

    align-items: flex-start;

    flex: 100%;

    height: 100%;

    width: 100%;

}

.app-statistics-type-4 .app-statistics-item-content p {

    width: 100%;

    color: #828282;

    transition: all 0.35s cubic-bezier(0.68, -0.55, 0.27, 1.55) 0s, opacity 0.4s cubic-bezier(0.68, -0.55, 0.27, 1.55) 0s;

}

.app-statistics-type-4 .app-statistics-item-content span.read-more-link {

    color: #ffffff;

    visibility: hidden;

    font-size: 13px;

    font-weight: 600;

    transition: all 0.35s cubic-bezier(0.68, -0.55, 0.27, 1.55) 0s, opacity 0.4s cubic-bezier(0.68, -0.55, 0.27, 1.55) 0s;

}

.app-statistics-type-4 .app-statistics-item-content:hover span.read-more-link {

    color: #771a13;

    visibility: visible;

}

.app-statistics-type-4 .app-statistics-item-content span.amount {

    color: #d6352a;

    font-weight: 300;

    line-height: 42px;

    font-size: 36px;

}

.app-statistics-type-4 .app-statistics-item-content span.title {

    color: #505050;

    margin-bottom: 25px;

}

.app-statistics-type-4 .app-statistics-item-figure,
.app-statistics-type-4 .app-statistics-item:hover .app-statistics-item-figure {

    -webkit-transform: none;

    -ms-transform: none;

    transform: none;

}


.app-statistics-type-4 .app-statistics-item-icon {

    left: 95px;

}

.app-statistics-type-4 .app-statistics-item-figure::before {

    background: #d6352a;

    opacity: 1;

}

.app-statistics-type-4 .app-statistics-item:hover span.amount,
.app-statistics-type-4 .app-statistics-item:hover p {

    color: #ffffff;

    visibility: visible;

}

.app-statistics-type-4 .app-statistics-item:hover span.title, .app-statistics-type-4 span.read-more-link {

    color: #771a13;

    visibility: visible;

}

.app-statistics-type-4 .app-statistics-image-wrapper {

    overflow: hidden;

}

@media all and (max-width: 1025px) {

    .app-statistics-wrapper.app-statistics-type-4 {

        height: auto;

    }

    .app-statistics-wrapper.app-statistics-type-4 .app-statistics-item,
    .app-statistics-wrapper.app-statistics-type-4 .app-statistics-item-figure {

        border-radius: 0px;

    }

    .app-statistics-image-wrapper img {

        width: 100%;

        margin-bottom: 30px;

    }

    .app-statistics-type-4 .app-statistics-item-content a.app-statics-item-read-more {

        visibility: visible;

    }

}

@media all and (min-width: 1025px) {

    .app-statistics-wrapper.app-statistics-type-4 {

        height: 390px;

    }

    .app-statistics-type-4 .app-statistics-item, .app-statistics-type-4 .app-statistics-item-figure {

        height: 390px;

    }

    .app-statistics-type-4 .app-statistics-image-wrapper {

        max-height: 390px;

    }

}

@media all and (max-width: 992px) {

    .app-statistics-type-4 .app-statistics-item-icon {

        top: 30px;

        font-size: 3em;

    }

    .app-statistics-type-4 .app-statistics-item span.title,
    .app-statistics-type-4 .app-statistics-item span.amount,
    .app-statistics-type-4 .app-statistics-item p,
    .app-statistics-type-4 .app-statistics-item a {

        color: #ffffff;

        visibility: visible;

    }

}

/* App Statics Alternative End */


/* Services Type 2 */

.featured-services-type-2 a {

    text-decoration: none;

}

.featured-services-type-2 .services-list-item-wrapper {

    margin-bottom: 64px;

}

.featured-services-type-2 .services-list-item-content::after {

    background: #d6352a;

}

.featured-services-type-2 .services-list-item--vert .services-list-item-icon {

    background: #fff;

    box-shadow: 0px 8px 24px 0 rgba(0, 0, 0, 0.1);

    transition: 0s ease-in-out;

}

.featured-services-type-2 .services-list-item--vert .services-list-item-icon i {

    font-size: 34px;

}

.featured-services-type-2 .services-list-item--vert .services-list-item-content:hover .services-list-item-icon {

    width: auto;

    height: auto;

    background: #d6352a;

    padding: 10px;

    border-radius: 50%;

    width: 104px;

    height: 104px;

}

.featured-services-type-2 .services-list-item--vert .services-list-item-content:hover .services-list-item-icon:after {

    content: " ";

    position: absolute;

    top: -20px;

    bottom: -20px;

    right: -20px;

    left: -20px;

    border: 2px solid #d6352a;

    border-radius: 50%;

}

.featured-services-type-2 .services-list-item--vert .services-list-item-content {

    padding: 105px 30px 60px 30px;

}

.featured-services-type-2 .read-more-wrapper {

    position: absolute;

    overflow: hidden;

    width: 100%;

    height: 150px;

    bottom: 0px;

    right: 0px;

}

.featured-services-type-2 .services-list-item--vert .services-list-item-content .read-more {

    margin-top: auto;

    width: 80px;

    height: 150px;

    transform: rotate(45deg);

    position: absolute;

    bottom: -50px;

    right: -15px;

}

.featured-services-type-2 .services-list-item--vert .services-list-item-content .read-more {

    background: #d9d9d9;

}

.featured-services-type-2 .services-list-item--vert .services-list-item-content:hover .read-more {

    background: #d6352a;

}

.featured-services-type-2 .services-list-item--vert .services-list-item-content:hover .read-more i {

    color: #ffffff;

}


.featured-services-type-2 .services-list-item--vert .services-list-item-content .read-more i {

    position: absolute;

    right: 30px;

    transform: rotate(45deg);

    bottom: 70px;

    color: #ffffff;

}

/* Services Type 2 End */


/* Services Type 3 */

.featured-services-type-3 {

    margin-bottom: 64px;

    overflow: hidden;

}

.featured-services-type-3 .section-title-wrapper {

    margin-top: 0px;

}

.featured-services-type-3 .section-title-wrapper span.subtitle {

    color: #535353;

    font-weight: 600;

    line-height: 22px;

    font-size: 16px;

}

.featured-services-type-3 .section-title-wrapper .section-title {

    font-size: 28px;

    line-height: 1;

    font-weight: 600;

    font-style: normal;

    font-stretch: normal;

    line-height: 25px;

    text-align: left;

    color: #32d87f;

}

.featured-services-type-3 .section-title-wrapper .section-title::after {

    background: #d9d9d9;

}

.featured-services-type-3 .featured-services-item-type-3 {

    background: #ffffff;

    box-shadow: 0px 8px 24px 0 rgba(0, 0, 0, 0.1);

}

.featured-services-type-3 .featured-services-item-type-3 .featured-services-item-type-3-content {

    padding: 15px 15px 45px 15px;

}

.featured-services-type-3 .slick-slide {

    margin-bottom: 45px;

}

.featured-services-type-3 .featured-services-item-type-3 figure {

    height: 140px;

    overflow: hidden;

    width: 100%;

}

.featured-services-type-3 .featured-services-item-type-3 span.title {

    color: #4f4f4f;

    font-size: 16px;

    line-height: 22px;

    text-align: center;

    display: block;

    font-weight: 800;

    margin-bottom: 15px;

}

.featured-services-type-3 .featured-services-item-type-3 span.description {

    color: #4f4f4f;

    font-size: 14px;

    line-height: 22px;

    text-align: center;

    display: block;

    font-weight: 300;

}

.featured-services-type-3 .featured-services-item-type-3 .icon {

    font-size: 22px;

    padding: 34px;

    margin: 0 auto;

    background: #ffffff;

    box-shadow: 0px 8px 24px 0 rgba(0, 0, 0, 0.1);

    border-radius: 50%;

    height: 90px;

    width: 90px;

    display: flex;

    -webkit-justify-content: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    position: absolute;

    left: 0;

    right: 0;

    bottom: -45px;

}

.featured-services-type-3 .featured-services-item-type-3 .icon i {

    color: #949494;

    margin: 0 auto;

}

@media (max-width: 992px) {

    .featured-services-type-3 {

        margin-bottom: 32px;

        overflow: hidden;

    }

}


/* Center Item */

.featured-services-type-3 .slick-center .featured-services-item-type-3 figure {

    height: 230px;

}

.featured-services-type-3 .slick-center .featured-services-item-type-3 {

    background: #32d87f;

}

.featured-services-type-3 .slick-center .featured-services-item-type-3 span.title,
.featured-services-type-3 .slick-center .featured-services-item-type-3 span.description,
.featured-services-type-3 .slick-center .featured-services-item-type-3 .icon i {

    color: #ffffff;

}

.featured-services-type-3 .slick-center .featured-services-item-type-3 .icon {

    background: #2f313e;

}

.featured-services-item-type-3 a {

    text-decoration: none;

}

/* Center Item End */

.featured-services-type-3 .slick-next {

    position: absolute;

    top: 30%;

    right: -30px;

    height: 50px;

    width: 50px;

}

.featured-services-type-3 .slick-prev {

    position: absolute;

    top: 30%;

    left: -30px;

    height: 50px;

    width: 50px;

}

.featured-services-type-3 .slick-next,
.featured-services-type-3 .slick-prev {
    color: #32d87f;
    cursor: pointer;
    z-index: 999;
    border: none;
    outline: 0;
    text-align: center;
    line-height: 50px;
    font-size: 18px;
    transition: 300ms all;
    opacity: 0
}


.featured-services-type-3:hover .slick-next,
.featured-services-type-3:hover .slick-prev {
    opacity: 1;
}

/* Services Type 3 End */


/* Services Type 4 */

.featured-services-type-4 {

    margin-bottom: 64px;

}

.featured-services-type-4 .section-title-wrapper {

    margin-top: 0px;

}

.featured-services-type-4 .section-title-wrapper span.subtitle {

    color: #535353;

    font-weight: 600;

    line-height: 22px;

    font-size: 16px;

}

.featured-services-type-4 .section-title-wrapper .section-title {

    font-size: 28px;

    line-height: 1;

    font-weight: 600;

    font-style: normal;

    font-stretch: normal;

    line-height: 25px;

    text-align: left;

    color: #32d87f;

}

.featured-services-type-4 .section-title-wrapper .section-title::after {

    background: #d9d9d9;

}

.featured-services-type-4 .featured-services-item-type-4 {

    background: #fff;

    margin-bottom: 30px;

    position: relative;

    height: 190px;

    overflow: hidden;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    align-content: flex-start;

    -webkit-align-items: flex-start;

    -ms-flex-align: flex-start;

    align-items: flex-start;

    flex: 100%;

    -webkit-justify-content: flex-start;

    -ms-flex-pack: flex-start;

    justify-content: flex-start;

}

.featured-services-type-4 .featured-services-item-type-4-content {

    text-decoration: none;

}

.featured-services-type-4 .featured-services-item-type-4 .featured-services-item-type-4-content {

    padding: 30px 15px;

    position: relative;

    height: 100%;

}


.featured-services-type-4 .featured-services-item-type-4 figure {

    position: absolute;

    left: 0px;

    right: 0px;

    bottom: 0px;

    top: 0px;

    visibility: hidden;

    margin: inherit;

}

.featured-services-type-4 .featured-services-item-type-4 figure:after {

    position: absolute;

    top: 0px;

    bottom: 0px;

    left: 0px;

    right: 0px;

    opacity: 0.7;

    content: "";

    background: #000000;

}

.featured-services-type-4 .featured-services-item-type-4:hover figure {

    visibility: visible;

}

.featured-services-type-4 .featured-services-item-type-4 span.title {

    color: #4f4f4f;

    font-size: 14px;

    line-height: 22px;

    display: block;

    font-weight: 800;

    margin-bottom: 15px;

    position: relative;

}

.featured-services-type-4 .featured-services-item-type-4:hover span.title {

    color: #ffffff;

}

.featured-services-type-4 .featured-services-item-type-4 span.description {

    color: #4f4f4f;

    font-size: 14px;

    line-height: 22px;

    display: block;

    font-weight: 300;

    position: relative;

}

.featured-services-type-4 .featured-services-item-type-4:hover span.description {

    color: #a4a4a4

}

.featured-services-type-4 .featured-services-item-type-4 .featured-services-item-type-4-icon {

    position: relative;

    height: 100%;

    padding: 30px;

}

.featured-services-type-4 .featured-services-item-type-4:hover .featured-services-item-type-4-icon {

    background: #85bbdf;

}

.featured-services-type-4 .featured-services-item-type-4 .icon {

    font-size: 22px;

    display: inline-block;

    position: relative;

}


.featured-services-type-4 .featured-services-item-type-4 .icon i {

    color: #949494;

}

.featured-services-type-4 .featured-services-item-type-4:hover .icon i {

    color: #ffffff;

}

@media (max-width: 992px) {

    .featured-services-type-4 {

        margin-bottom: 32px;

    }

}

/* Services Type 4 End */


/* Services Type 5 Start */

.featured-services-type-5 {

    margin-top: 30px;

    background: #ffffff;

    padding: 0px 0px 64px 0px;

}


.featured-services-type-5 a {

    text-decoration: none;

}

.featured-services-type-5 .section-title-wrapper span.subtitle {

    color: #535353;

    font-weight: 600;

    line-height: 22px;

    font-size: 16px;

}

.featured-services-type-5 .section-title-wrapper .section-title {

    font-size: 28px;

    line-height: 1;

    font-weight: 600;

    font-style: normal;

    font-stretch: normal;

    line-height: 25px;

    text-align: left;

    color: #ff7506;

}

.featured-services-type-5 .section-title-wrapper .section-title::after {

    background: #d9d9d9;

}

.featured-services-item-type-5 {

    margin-bottom: 64px;

}

.featured-services-item-type-5 .featured-services-item-type-5-icon {

    width: 130px;

    height: 130px;

    background: #4f4f4f;

    border-radius: 50%;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    align-items: center;

    justify-content: center;

    margin-bottom: 50px;

    margin-left: auto;

    margin-right: auto;

    position: relative;

    transition: all 0.25s cubic-bezier(0.68, -0.55, 0.27, 1.55) 0s;

}

.nav-link.active.show .featured-services-item-type-5 .featured-services-item-type-5-icon,
.featured-services-item-type-5:hover .featured-services-item-type-5-icon {

    background: #ff7506;

    z-index: 1;

}


.featured-services-item-type-5 .featured-services-item-type-5-icon:after {

    width: 0;

    height: 0;

    border-top: 20px solid #ff7506;

    border-left: 20px solid transparent;

    border-right: 20px solid transparent;

    content: " ";

    bottom: 0px;

    position: absolute;

    visibility: hidden;

    opacity: 0;

    transition: all 0.35s cubic-bezier(0.68, -0.55, 0.27, 1.55) 0s, opacity 0.1s cubic-bezier(0.68, -0.55, 0.27, 1.55) 0s;

    z-index: 0;

    margin: 0 auto;

    left: 0;

    right: 0;

}

.nav-link.active.show .featured-services-item-type-5 .featured-services-item-type-5-icon:after,
.featured-services-item-type-5:hover .featured-services-item-type-5-icon:after {

    visibility: visible;

    opacity: 1;

    bottom: -15px;

}

.featured-services-type-5 .featured-services-item-type-5 .icon i {

    font-size: 34px;

    color: #ffffff;

}

.nav-link.active.show .featured-services-type-5 .featured-services-item-type-5 .icon i,
.featured-services-type-5 .featured-services-item-type-5:hover .icon i {

    transition: all 0.35s cubic-bezier(0.68, -0.55, 0.27, 1.55) 0s;

}

.featured-services-type-5 .featured-services-item-type-5 span.title {

    font-size: 15px;

    font-weight: 600;

    line-height: 22px;

    display: table;

    margin: 0 auto;

    color: #bebebe;

    transition: all 0.35s cubic-bezier(0.68, -0.55, 0.27, 1.55) 0s;

    text-align: center;

    word-break: break-word;

}

.featured-services-type-5 .featured-services-item-type-5:hover span.title {

    color: #ff7506;

}

@media all and (max-width: 426px) {

    .featured-services-item-type-5 .featured-services-item-type-5-icon {
        width: 65px;
        height: 65px;
    }

    .featured-services-item-type-5 .nav-link .featured-services-item-type-5-content {
        display: none;
    }

    .featured-services-item-type-5 .nav-link {
        padding: 5px;
    }

    .featured-services-item-type-5 {
        margin-bottom: 30px;
    }

    .nav-link.active.show .featured-services-item-type-5 .featured-services-item-type-5-icon:after,
    .featured-services-item-type-5:hover .featured-services-item-type-5-icon:after {

        bottom: -10px;

    }

    .featured-services-type-5 .nav-item, .featured-services-type-5 a {
        padding-left: 5px;
        padding-right: 5px;
    }

}

/* Bottom Content */

.featured-services-item-type-5-bottom {

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-justify-content: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    margin-bottom: 65px;

    padding: 0px 15px;

}

.featured-services-item-type-5-bottom .icon i {

    font-size: 34px;

    color: #949494;

    transition: all 0.35s cubic-bezier(0.68, -0.55, 0.27, 1.55) 0s;

}

.featured-services-item-type-5-bottom:hover .icon i {

    color: #ff7506;

}

.featured-services-item-type-5-bottom .featured-services-item-type-5-content {

    padding: 0px 35px;

}

.featured-services-type-5 .featured-services-item-type-5-bottom span.title {

    font-size: 15px;

    font-weight: 400;

    line-height: 22px;

    color: #bebebe;

    display: block;

    transition: all 0.35s cubic-bezier(0.68, -0.55, 0.27, 1.55) 0s;

    margin-bottom: 20px;

}

.featured-services-type-5 .featured-services-item-type-5-bottom:hover span.title {

    color: #ff7506;

}

.featured-services-item-type-5-bottom span.description {

    line-height: 22px;

    text-align: left;

    color: #828282;

}

@media (min-width: 1024px) {

    .featured-services-item-type-5-bottom:last-child {

        margin-bottom: 0px;

    }

}

/* Services Type 5 Start */


/* Team Members Type 2 Start */

.team-members.team-members-type-2 {

    padding-bottom: 0px;

}

.team-members-type-2 {

    background-size: contain;

    background-repeat: no-repeat;

    margin-bottom: 64px;

}

.team-members-type-2 .section-title-wrapper .section-title {

    line-height: 1;

    color: #ff7506;

}

.team-members-type-2 .section-title-wrapper .subtitle {

    color: #363636;

}

.team-members-type-2 .section-title-wrapper .section-title::after {

    background-color: #e8e8e8

}

.team-members-type-2 .team-members-item {

    transform: none;

}

.team-members-type-2 .team-members-item-type-2 .team-members-item-figure::before {

    background: initial;

    transition: none;

}

.team-members-type-2 .team-members-item-type-2:hover .team-members-item-figure::before {

    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%, rgba(0, 0, 0, 0.95) 100%);

    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%, rgba(0, 0, 0, 0.95) 100%);

    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%, rgba(0, 0, 0, 0.95) 100%);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);

    opacity: 1;

}

.team-members-item-type-2 {

    position: relative;

}

.team-members-item-type-2 .team-members-item-figure {

    height: 415px;

}

.team-members-item-type-2 .team-members-item-content {

    width: 100%;

    position: absolute;

    bottom: 0px;

    padding: 30px 15px;

    visibility: hidden;

    opacity: 0;

}

.team-members-item-type-2 .team-members-item-content * {

    visibility: hidden;

    opacity: 0;

}

.team-members-item-type-2:hover .team-members-item-content,
.team-members-item-type-2:hover .team-members-item-role,
.team-members-item-type-2:hover .team-members-item-content * {

    visibility: visible;

    opacity: 1;

}

.team-members-item-type-2 .team-members-item-content .team-members-item-name {

    margin-bottom: 0px;

    color: #ffffff;

    margin-top: 0px;

}

.team-members-item-type-2 .team-members-item-content .team-members-item-role {

    position: static;

    margin-bottom: 15px;

    font-size: 14px;

    padding: 15px;

    width: 100%;

}

.team-members-item-type-2 .team-members-item-content .team-members-item-description {

    margin: 15px 0px 30px 0px;

}

.team-members-item-type-2 .team-members-item-content .app-social-links-wrapper {

    -webkit-justify-content: center;

    -ms-flex-pack: center;

    justify-content: center;

}

.team-members-item-type-2 .team-members-item-content .app-social-links-wrapper a.app-social-link {

    padding: 0px 2px;

}

.team-members-item-type-2 .team-members-item-content .app-social-links-wrapper a.app-social-link:hover {

    color: #ff7506;

}

.team-members-item-type-2 .app-social-links-wrapper .app-social-link + .app-social-link {

    margin-left: 15px;

}


@media all and (max-width: 992px) {

    .team-members-item-type-2 {

        margin-bottom: 30px;

    }

    .team-members-type-2 .team-members-item-type-2 .team-members-item-figure::before {

        background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%, rgba(0, 0, 0, 0.95) 100%);

        background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%, rgba(0, 0, 0, 0.95) 100%);

        background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%, rgba(0, 0, 0, 0.95) 100%);

        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);

        opacity: 1;

        content: '';

        position: absolute;

        left: 0;

        top: 0;

        width: 100%;

        height: 100%;

        display: block;

    }


    .team-members-item-type-2 .team-members-item-content,
    .team-members-item-type-2 .team-members-item-role,
    .team-members-item-type-2 .team-members-item-content * {

        visibility: visible;

        opacity: 1;

    }

}

/* Team Members Type 2 End */


/* Team Members Type 3 Start */

.team-members-type-3 {

    background-size: contain;

    background-repeat: no-repeat;

    margin-bottom: 180px;

    background: #ffffff;

}

.team-members-type-3 .section-content {

    margin-bottom: -90px;

}

.team-members-type-3 .section-title-wrapper .section-title {

    line-height: 1;

    color: #ff7506;

}

.team-members-type-3 .section-title-wrapper .subtitle {

    color: #363636;

}

.team-members-type-3 .section-title-wrapper .section-title::after {

    background-color: #e8e8e8

}

.team-members-type-3 .team-members-item {

    transform: none;

}

.team-members-type-3 .team-members-item-type-3 .team-members-item-figure::before {

    background: initial;

    transition: none;

}

.team-members-item-type-3 {

    position: relative;

}

.team-members-item-type-3 .team-members-item-figure {

    border: 0px solid #ff7506;

    height: 314px;

}

.team-members-item-type-3:hover .team-members-item-figure {

    border: 2px solid #ff7506;

    border-radius: 4px;

}

.team-members-item-type-3 .team-members-item-role {

    visibility: visible;

    opacity: 1;

    position: static;

    width: 100%;

    height: auto;

    padding: 0px;

    font-weight: 300;

    background: transparent;

    transition: none;

}

.team-members-item-type-3:hover .team-members-item-role {

    margin-bottom: 20px;

}


.team-members-item-type-3 .team-members-item-content {

    position: absolute;

    padding: 15px;

    background: #2e2e2e;

    width: 90%;

    left: 0;

    right: 0;

    margin: 0 auto;

    bottom: -15px;

}

.team-members-item-type-3:hover .team-members-item-content {

    bottom: -56px;

    background: #ff7506;

}

.team-members-item-type-3 .team-members-item-content .app-social-links-wrapper {

    visibility: hidden;

    opacity: 0;

    display: none;

}

.team-members-item-type-3:hover .team-members-item-content .app-social-links-wrapper {

    visibility: visible;

    opacity: 1;

    display: flex;

}

.team-members-item-type-3 .team-members-item-content .team-members-item-name {

    margin-top: 0px;

    color: #ffffff;

    margin-bottom: 5px;

}

.team-members-item-type-3 .team-members-item-content .app-social-links-wrapper {

    -webkit-justify-content: center;

    -ms-flex-pack: center;

    justify-content: center;

}

.team-members-item-type-3 .team-members-item-content .app-social-links-wrapper a.app-social-link {

    padding: 0px 2px;

}

.team-members-item-type-3 .team-members-item-content .app-social-links-wrapper a.app-social-link:hover {

    color: #2e2e2e;

}

.team-members-item-type-3 .app-social-links-wrapper .app-social-link {

    color: #ffffff;

}

.team-members-item-type-3 .app-social-links-wrapper .app-social-link + .app-social-link {

    margin-left: 15px;

}

@media all and (max-width: 992px) {

    .team-members-item-type-3 {

        margin-bottom: 90px;

    }

}

/* Team Members Type 3 End */


/* Timeline Type 1 Start */

.timeline-type-1 {

    margin-bottom: 64px;

}

.timeline-type-1 .section-title-wrapper {

    -webkit-align-items: inherit;

    -ms-flex-align: inherit;

    align-items: inherit;

    padding-left: 100px;

}

.timeline-type-1 .section-title-wrapper .subtitle {

    color: #363636;

    font-size: 15px;

    font-weight: 500;

    line-height: 1;

    position: relative;

}

.timeline-type-1 .section-title-wrapper .section-title::after {

    -webkit-transform: translateX(0);

    -ms-transform: translateX(0);

    transform: translateX(0);

    left: 0px;

    background: #e2e2e2;

}

.timeline-type-1 .section-title-wrapper .section-title {

    line-height: 1;

    color: #ff7506;

}


.timeline-list {

    list-style: none;

    padding-left: 0px;

    background: #fff;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-justify-content: flex-start;

    -ms-flex-pack: flex-start;

    justify-content: flex-start;

    -webkit-align-items: flex-start;

    -ms-flex-align: flex-start;

    align-items: flex-start;

    -webkit-flex-direction: column;

    -ms-flex-direction: column;

    flex-direction: column;

    height: 100%;

    margin-bottom: 0px;

    padding: 0px 30px;

}

.timeline-list .timeline-list-item {

    padding: 30px 0px;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-justify-content: flex-start;

    -ms-flex-pack: flex-start;

    justify-content: flex-start;

    -webkit-align-items: flex-start;

    -ms-flex-align: flex-start;

    align-items: flex-start;

    width: 100%;

    border-bottom: 1px solid rgb(245, 248, 252);

}

.timeline-list .timeline-list-item:last-child {

    border-bottom: 0px;

}

.timeline-list .timeline-list-item .item-date i {

    position: absolute;

    right: -10px;

    z-index: 1;

    top: 15px;

    background: #ffffff;

    padding: 5px;

    border-radius: 50%;

    color: #ff7506;

    font-size: 10px;

    opacity: 0;

    visibility: hidden;

    transition: all 0.35s cubic-bezier(0.68, -0.55, 0.27, 1.55) 0s, opacity 0.4s cubic-bezier(0.68, -0.55, 0.27, 1.55) 0s;

}

.timeline-list .timeline-list-item:hover .item-date i,
.timeline-list .timeline-list-item.active .item-date i {

    opacity: 1;

    visibility: visible;

}


.timeline-list .timeline-list-item .item-content {

    color: #828282;

}

.timeline-list .timeline-list-item .item-date {

    position: absolute;

    min-width: 100px;

    padding: 12px;

    margin-right: 20px;

    text-align: center;

    background: #7e7e7e;

    color: #ffffff;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-justify-content: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    left: -100px;

    transition: all 0.35s cubic-bezier(0.68, -0.55, 0.27, 1.55) 0s, opacity 0.4s cubic-bezier(0.68, -0.55, 0.27, 1.55) 0s;

}

.timeline-list .timeline-list-item:hover .item-date {

    background: #ff7506;

}


.timeline-list .timeline-list-item .item-title {

    font-weight: 600;

    color: #949494;

    margin: 0px 0px 14px 0px;

    display: block;

}

.timeline-list .timeline-list-item .item-title {

    color: #949494;

    transition: all 0.35s cubic-bezier(0.68, -0.55, 0.27, 1.55) 0s, opacity 0.4s cubic-bezier(0.68, -0.55, 0.27, 1.55) 0s;

}

.timeline-list .timeline-list-item:hover .item-title {

    color: #ff7506;

}

.timeline-image {

    overflow: hidden;

    height: 100%;

}

.timeline-image img {

    height: 100%;

}


@media all and (max-width: 426px) {

    .timeline-list .timeline-list-item .item-date {

        position: relative;

        left: 0px;

    }

    .timeline-type-1 .section-title-wrapper {

        padding-left: 15px;

    }

}


/* Timeline Type 1 End */


/* Timeline Type 2 Start */

.timeline-type-2 {

    margin-bottom: 64px;

}

.timeline-type-2 .section-content {

    margin-top: 0px;

}


.timeline-type-2 .timeline-list {

    margin-left: 0px;

}

.timeline-type-2 ul.timeline-list:after {

    left: 20px;

}

.timeline-type-2 .section-title-wrapper {

    background: #ffffff;

    margin-top: 82px;

    width: 100%;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-justify-content: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-align-items: flex-start;

    -ms-flex-align: flex-start;

    align-items: flex-start;

    writing-mode: vertical-rl;

    -ms-writing-mode: tb-rl;

    text-orientation: mixed;

}

.timeline-type-2 .section-title-wrapper .section-title {

    line-height: 1;

    margin-top: 0px;

    color: #ff7506;

    margin-right: 20px;

}

.timeline-type-2 .section-title-wrapper .subtitle {

    color: #363636;

}

.timeline-type-2 .section-title-wrapper .section-title::after {

    content: '';

    position: absolute;

    left: -20px;

    -webkit-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    transform: translateX(-50%);

    height: 40px;

    width: 3px;

    background: #e2e2e2;

    top: 0px;

}

.timeline-type-2 .timeline-list .timeline-list-item .item-date {

    left: -100px;

}


@media all and (max-width: 1024px) {

    .timeline-type-2 .timeline-list .timeline-list-item .item-date {

        position: relative;

        left: 0px;

    }

    .timeline-type-2 ul.timeline-list:after {

        margin-left: 80px;

    }

    .timeline-type-2 .timeline-list .timeline-list-item .item-content {

        padding: 12px 20px;

    }

}

@media all and (max-width: 768px) {

    .timeline-type-2 .timeline-list-row {

        -webkit-flex-direction: column-reverse; /* Safari 6.1+ */

        -ms-flex-direction: column;

        flex-direction: column-reverse;

    }

    .timeline-type-2 .section-title-wrapper {

        writing-mode: horizontal-tb;

        -ms-writing-mode: lr-tb;

    }

    .timeline-type-2 .section-title-wrapper {

        margin-top: 0px;

        padding: 30px 15px;

    }

    .timeline-type-2 .section-title-wrapper span.subtitle {

        margin-bottom: 15px;

    }

    .timeline-type-2 .section-title-wrapper .section-title::after {

        width: 40px;

        height: 3px;

        bottom: 0px;

        top: auto;

        left: 0px;

        -webkit-transform: none;

        transform: none;

    }

    .timeline-type-2 .timeline-list {

        margin-left: 0px;

    }

    .timeline-type-2 ul.timeline-list:after {

        margin-left: 100px;

        left: 0px;

    }

    .timeline-type-2 .timeline-image img {

        width: 100%;

    }

    .timeline-type-2 .timeline-list .timeline-list-item .item-date {

        margin-left: 0px;

    }

    .timeline-type-2 .timeline-list {

        padding-left: 0px

    }

}

@media all and (min-width: 1025px) {

    .timeline-type-2 .section-content {

        padding-left: 100px;

    }

}

/* Timeline Type 2 End */

/* Testimonials Type 1 */

.testimonials-type-1 {

    background: #072867;

}

.testimonials-type-1 .section-content, .testimonials-type-1 .section-content .timeline-list-row {

    margin-top: 0px;

}

.testimonail-description .testimonail-description p {

    color: #ffffff;

}

.testimonials-type-1 .testimonial-item {

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    padding-top: 130px;

    padding-bottom: 170px;

    padding-left: 15px;

    padding-right: 15px;

}

.testimonials-type-1 .testimonial-item:before {

    content: "\f10d";

    font-family: "Font Awesome 5 Free";

    font-weight: 900;

    color: #d1a77d;

    top: 25px;

    position: absolute;

    font-size: 25px;

    opacity: 0;

    visibility: hidden;

    transition: all 0.35s cubic-bezier(0.68, -0.55, 0.27, 1.55) 0s, opacity 0.4s cubic-bezier(0.68, -0.55, 0.27, 1.55) 0s;

}

.testimonials-type-1 .slick-center .testimonial-item:before {

    opacity: 1;

    visibility: visible;

}

.testimonials-type-1 .testimonial-item:after {

    content: "\f10e";

    font-family: "Font Awesome 5 Free";

    font-weight: 900;

    color: #d1a77d;

    bottom: 25px;

    position: absolute;

    font-size: 25px;

    opacity: 0;

    right: 15px;

    visibility: hidden;

    transition: all 0.35s cubic-bezier(0.68, -0.55, 0.27, 1.55) 0s, opacity 0.4s cubic-bezier(0.68, -0.55, 0.27, 1.55) 0s;

}

.testimonials-type-1 .slick-center .testimonial-item:after {

    opacity: 1;

    visibility: visible;

}

.testimonials-type-1 .testimonial-item .customer-image {

    margin: 0px 15px;

}

.testimonials-type-1 .testimonial-item .customer-image img {

    border-radius: 50%;

}

.testimonials-type-1 .testimonial-item .testimonail-customer-name {

    color: #d1a77d;

    line-height: 1.57;

    font-size: 14px;

    display: block;

}

.testimonials-type-1 .testimonial-item .testimonail-customer-brand {

    display: block;

    color: #585858;

    line-height: 2.2;

    font-size: 9px;

}

ul.stars {

    padding-left: 0px;

    list-style: none;

    margin-top: 20px;

    margin-bottom: 20px;

}

ul.stars li {

    display: inline-block;

}

.testimonials-type-1 ul.stars li i {

    color: #d1a77d;

}

.testimonials-type-1 .section-content .slick-dots {

    position: absolute;

    left: 0px;

    right: 0px;

    bottom: 55px;

}


.testimonials-type-1 .slick-slide.slick-active:last-of-type {

    border-right: 0px solid #f3f3f3;

}

.testimonials-type-1 .section-content .slick-dots li + li, .testimonials-type-1 .section-content .slick-dots li {

    margin-left: 8px;

    width: 20px;

    border-radius: 4px;

    height: 4px;

}

.testimonials-type-1 .section-content .slick-dots li.slick-active {

    margin-left: 8px;

    width: 20px;

    border-radius: 4px;

    height: 4px;

    background: #d1a77d;

    border: 0px;

}


.testimonials-type-1 .section-content .testimonail-content {

    padding-right: 15px;

}

.no-gutters .slick-track > div[class*=col-] {

    padding-right: 0;

    padding-left: 0;

}

@media all and (min-width: 768px) {

    .testimonials-type-1 .slick-slide.slick-active.slick-center .testimonial-item {

        border-right: 1px solid rgba(243, 243, 243, 0.1);

        border-left: 1px solid rgba(243, 243, 243, 0.1);

        box-sizing: border-box;

        transition: all 0.35s cubic-bezier(0.68, -0.55, 0.27, 1.55) 0s, opacity 0.4s cubic-bezier(0.68, -0.55, 0.27, 1.55) 0s;

    }

}


/* Testimonials Type 1 End */

/* Sub Container */

@media all and (max-width: 992px) {

    .sub-container {

        margin-bottom: 32px;

    }

    .row div[class^="col"]:last-child .sub-container {

        margin-bottom: 0px;

    }

}

/* Sub Container End */

.app-statistics-item-icon {

    color: #ffffff;

    font-size: 2em;

    visibility: visible;

    opacity: 1;

    position: absolute;

    top: 15px;

    left: 50%;

    -webkit-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    transform: translateX(-50%);

    z-index: 3;

    transition: all 0.35s cubic-bezier(0.68, -0.55, 0.27, 1.55) 0s, opacity 0.4s cubic-bezier(0.68, -0.55, 0.27, 1.55) 0s;

}


.app-author-box {

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    background: #ffffff;

    margin-top: 30px;

    position: relative;

    padding: 10px 15px;

}


.app-author-box::after {

    content: '';

    position: absolute;

    left: 0;

    bottom: 0;

    width: 100%;

    height: 0px;

    background: #175de3;

    transition: .1s ease-in-out;

}


.app-author-box:hover::after {

    height: 2px;

}


.app-author-box figure {

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-justify-content: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    margin: 0;

    width: 70px;

    height: 70px;

    -webkit-flex-shrink: 0;

    -ms-flex-negative: 0;

    flex-shrink: 0;

    margin-right: 10px;

}


.app-author-box figure img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}


.app-author-box-content {

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-flex-direction: column;

    -ms-flex-direction: column;

    flex-direction: column;

    padding-top: 5px;

}


.app-author-box-content .author-head-info {

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    margin-bottom: 10px;

}


.app-author-box-content .author-head-info .name {

    font-size: 13px;

    color: #242424;

    font-weight: 600;

    line-height: 1;

}


.app-author-box-content .author-head-info .role {

    font-size: 10px;

    color: #939393;

    font-weight: 600;

    line-height: 1;

    margin-left: 30px;

}


.app-author-box-content p.description {

    margin: 0;

    font-size: 12px;

    color: #757575;

    font-weight: normal;

    line-height: 1.3;

    margin-bottom: 10px;

}


.app-offer-box {

    width: 100%;

    padding: 30px 0;

    background: #072867;

    margin-top: 30px;

}


.app-offer-box-content {

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-justify-content: space-between;

    -ms-flex-pack: justify;

    justify-content: space-between;

    -webkit-flex-direction: column;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-align-items: flex-start;

    -ms-flex-align: start;

    align-items: flex-start;

}


.app-offer-box-left span.title {

    display: block;

    font-size: 28px;

    color: #ffffff;

    font-weight: 700;

    line-height: 1.2;

}


.app-offer-box-left p.description {

    font-size: 15px;

    color: #ffffff;

    font-weight: 300;

    margin: 0;

    margin-top: 15px;

    line-height: 1.5;

}


.app-offer-box-right {

    margin-top: 15px;

    margin-left: auto;

    margin-right: auto;

}


.app-brands {

    background: #ffffff;

    box-shadow: 0px 15px 40px 0 rgba(0, 0, 0, 0.1);

    height: 130px;

    width: 100%;

}

.brands {

    text-align: center;

}


.app-brands-wrapper {

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-justify-content: flex-start;

    -ms-flex-pack: start;

    justify-content: flex-start;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    height: 130px;

}


.app-brands-item {

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-justify-content: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    width: 100%;

}


.app-brands-item figure {

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-justify-content: center;

    -ms-flex-pack: center;

    justify-content: center;

    margin: 0;

}


.app-brands-item figure img {

    max-width: 100%;

    height: auto;

}


.app-tab-filter {

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    width: 100%;

    margin: 0;

    -webkit-flex-direction: column;

    -ms-flex-direction: column;

    flex-direction: column;

    height: 150px;

    -webkit-transform: translateY(100%);

    -ms-transform: translateY(100%);

    transform: translateY(100%);

    background: #fff;

    border-top: 1px solid #e9e9e9;

    transition: .2s ease-in-out;

    overflow-y: scroll;

    -webkit-overflow-scrolling: touch;

    scroll-behavior: smooth;

    -webkit-justify-content: flex-start;

    -ms-flex-pack: start;

    justify-content: flex-start;

    padding: 5px 0;

}


.app-tab-filter + .mobile-tab-toggle .mobile-tab-toggle-btn.open-tab {

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

}


.app-tab-filter + .mobile-tab-toggle .mobile-tab-toggle-btn.hide-tab {

    display: none;

}


.app-tab-filter.show-me {

    -webkit-transform: translateY(0);

    -ms-transform: translateY(0);

    transform: translateY(0);

}


.app-tab-filter.show-me + .mobile-tab-toggle .mobile-tab-toggle-btn.open-tab {

    display: none;

}


.app-tab-filter.show-me + .mobile-tab-toggle .mobile-tab-toggle-btn.hide-tab {

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

}


.app-tab-filter-wrapper .mobile-tab-toggle {

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-justify-content: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    width: 100%;

    height: 65px;

    background: #fff;

    border-top: 1px solid #e9e9e9;

    position: relative;

    z-index: 2;

}


.app-tab-filter-wrapper .mobile-tab-toggle-btn {

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-justify-content: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    width: 40px;

    height: 40px;

    border-width: 1px;

    border-style: solid;

    border-color: #175de3;

}


.app-tab-filter-wrapper .mobile-tab-toggle-btn i {

    font-size: 1em;

    color: #175de3;

}


.app-tab-filter-wrapper .mobile-tab-toggle-btn.hide-tab {

    display: none;

}


.app-tab-filter-item {

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-justify-content: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    font-size: 15px;

    color: #4e4e4e;

    font-weight: 500;

    cursor: pointer;

    position: relative;

}


.app-tab-filter-item.active {

    color: #175de3;

    font-weight: 700;

}


.app-tab-filter-item:hover {

    color: #175de3;

}


.app-accordion.bordered-accordion {

    border: 1px solid #c5c5c5;

    border-radius: 4px;

}


.app-accordion.bordered-accordion .card + .card {

    margin-top: 0;

}


.app-accordion.bordered-accordion .card + .card .card-header {

    border-top: 1px solid #c5c5c5;

}


.app-accordion.bordered-accordion .card .card-header .accordion-link {

    padding: 0 40px 0 15px;

}


.app-accordion.bordered-accordion .card .card-body {

    padding: 20px 15px;

}


.app-accordion .card {

    background: #ffffff;

    border-radius: 4px;

    border: 0;

}


.app-accordion .card:first-of-type {

    border-radius: 4px;

}


.app-accordion .card:not(:first-of-type):not(:last-of-type) {

    border-radius: 4px;

}


.app-accordion .card:not(:first-of-type) .card-header:first-child {

    border-radius: 4px 4px 0 0;

}


.app-accordion .card + .card {

    margin-top: 20px;

}


.app-accordion .card .card-header {

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    position: relative;

    border: 0;

    background: #ffffff;

    margin-bottom: 0;

    min-height: 64px;

    border-radius: 4px 4px 0 0;

    padding: 0;

    transition: 0.1s ease-in-out;

}


.app-accordion .card .card-header::after {

    content: '';

    position: absolute;

    right: 0;

    top: 0;

    width: 2px;

    height: 100%;

    background: #175de3;

}


.app-accordion .card .card-header:hover {

    background: #175de3;

}


.app-accordion .card .card-header:hover .accordion-link,
.app-accordion .card .card-header:hover .accordion-link[aria-expanded='true'] {

    color: #ffffff;

}


.app-accordion .card .card-header:hover .accordion-icon i {

    color: #ffffff;

}


.app-accordion .card .card-header .accordion-link {

    font-size: 15px;

    color: #4e4e4e;

    font-weight: 500;

    background: transparent;

    border-radius: 0;

    padding: 0;

    outline-color: transparent;

    box-shadow: none;

    width: 100%;

    height: 100%;

    -webkit-justify-content: flex-start;

    -ms-flex-pack: start;

    justify-content: flex-start;

    transition: 0.1s ease-in-out;

    text-align: left;

    white-space: normal;

    line-height: 1.56;

    padding: 0 45px 0 20px;

}


.app-accordion .card .card-header .accordion-link:hover,
.app-accordion .card .card-header .accordion-link:focus {

    outline-color: transparent;

    box-shadow: none;

    background: transparent;

}


.app-accordion .card .card-header .accordion-link:hover::before,
.app-accordion .card .card-header .accordion-link:focus::before {

    opacity: 0;

}


.app-accordion .card .card-header .accordion-link[aria-expanded='false'] + .accordion-icon i.accordion-on {

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

}


.app-accordion .card .card-header .accordion-link[aria-expanded='false'] + .accordion-icon i.accordion-off {

    display: none;

}


.app-accordion .card .card-header .accordion-link[aria-expanded='true'] {

    color: #175de3;

}


.app-accordion .card .card-header .accordion-link[aria-expanded='true'] + .accordion-icon i.accordion-off {

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

}


.app-accordion .card .card-header .accordion-link[aria-expanded='true'] + .accordion-icon i.accordion-on {

    display: none;

}


.app-accordion .card .card-header .accordion-icon {

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-justify-content: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    transition: 0.1s ease-in-out;

    pointer-events: none;

    position: absolute;

    top: 50%;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%);

    right: 20px;

}


.app-accordion .card .card-header .accordion-icon i {

    color: #175de3;

    transition: 0.1s ease-in-out;

    font-size: 1.5em;

}


.app-accordion .card .card-body {

    border-radius: 0 0 4px 4px;

    padding: 10px 15px;

}


.app-accordion .card .card-body p {

    font-size: 15px;

    color: #949494;

    font-weight: 500;

    margin: 0;

}


.app-accordion .card .card-body p + p {

    margin-top: 20px;

}


.app-accordion .card .collapse.show {

    border-top: 1px solid #f7f7f7;

}


.app-pricing-item {

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-flex-direction: column;

    -ms-flex-direction: column;

    flex-direction: column;

    margin-top: 70px;

    transition: 0.2s ease-in-out;

    text-decoration: none;

}


.app-pricing-item:hover {

    text-decoration: none;

}


.app-pricing-item:hover .select-plan-btn {

    background: #ff7506;

    color: #ffffff;

}


.app-pricing-item-heading {

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-justify-content: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-flex-direction: column;

    -ms-flex-direction: column;

    flex-direction: column;

    background: #175de3;

    position: relative;

    border-radius: 4px 4px 0 0;

    transition: 0.2s ease-in-out;

    height: auto;

    padding: 60px 10px 35px 10px;

}


.app-pricing-item-heading span.item-icon {

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-justify-content: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    border-radius: 50%;

    background: #ffffff;

    position: absolute;

    left: 50%;

    top: 0;

    -webkit-transform: translateX(-50%) translateY(-50%);

    -ms-transform: translateX(-50%) translateY(-50%);

    transform: translateX(-50%) translateY(-50%);

    transition: 0.2s ease-in-out;

    z-index: 1;

    width: 80px;

    height: 80px;

}


.app-pricing-item-heading span.item-icon i {

    color: #175de3;

    font-size: 2em;

    transition: 0.2s ease-in-out;

}


.app-pricing-item-heading span.item-title {

    font-size: 13px;

    color: #ffffff;

    font-weight: 500;

    margin-bottom: 20px;

    line-height: 1;

}


.app-pricing-item-heading .price-wrapper {

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

}


.app-pricing-item-heading .price-wrapper span.price {

    font-size: 33px;

    color: #ffffff;

    font-weight: 500;

    line-height: .7;

}


.app-pricing-item-heading .price-wrapper span.symbol {

    font-size: 15px;

    color: #ffffff;

    font-weight: 500;

    line-height: .8;

}


.app-pricing-item-heading .price-wrapper span.amount {

    font-size: 12px;

    color: #ffffff;

    font-weight: 500;

    line-height: 1;

    -webkit-align-self: flex-end;

    -ms-flex-item-align: end;

    align-self: flex-end;

}


.app-pricing-item-content {

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-flex-direction: column;

    -ms-flex-direction: column;

    flex-direction: column;

    padding: 15px 10px;

    background: #ffffff;

    border-radius: 0 0 4px 4px;

    width: 100%;

}


.app-pricing-item-content-row {

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-justify-content: space-between;

    -ms-flex-pack: justify;

    justify-content: space-between;

}


.app-pricing-item-content-row + .app-pricing-item-content-row {

    margin-top: 20px;

}


.app-pricing-item-content-row span.title {

    font-size: 13px;

    color: #949494;

    font-weight: 500;

    line-height: 1.44;

    z-index: 2;

    position: relative;

}


.app-pricing-item-content-row span.val {

    font-size: 15px;

    color: #949494;

    font-weight: 600;

    line-height: 1.44;

}


.app-pricing-item-content p.description {

    font-size: 11px;

    color: #949494;

    font-weight: 500;

    line-height: 1.57;

    margin: 0;

    text-align: center;

    margin-bottom: 15px;

    margin-top: 20px;

}


.app-pricing-item-content .select-plan-btn {

    background: #f2f2ef;

    font-size: 13px;

    color: #b5b5b5;

    font-weight: 600;

    width: 100%;

    padding: 0 15px;

    min-width: inherit;

}


.app-pricing-item-content .select-plan-btn:hover {

    background: #ff7506;

    color: #ffffff;

}


.app-pricing-item--wide {

    -webkit-flex-direction: column;

    -ms-flex-direction: column;

    flex-direction: column;

    margin-top: 50px;

}


.app-pricing-item--wide .app-pricing-item-content {

    border-radius: 0 4px 4px 0;

    padding: 15px 10px;

}


.app-pricing-item--wide .app-pricing-item-content p.description {

    margin: 30px 0;

}


.app-pricing-item--wide .app-pricing-item-heading {

    width: 100%;

    padding: 0;

    -webkit-flex-shrink: 0;

    -ms-flex-negative: 0;

    flex-shrink: 0;

    padding: 30px 10px;

    border-radius: 4px 4px 0 0;

}


.app-pricing-item--wide .app-pricing-item-heading .item-icon {

    left: inherit;

    right: 10px;

    top: 0;

    -webkit-transform: translateX(0) translateY(-50%);

    -ms-transform: translateX(0) translateY(-50%);

    transform: translateX(0) translateY(-50%);

    width: 60px;

    height: 60px;

}


.app-contact-wrapper {

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-flex-direction: column;

    -ms-flex-direction: column;

    flex-direction: column;

}


.app-contact-wrapper form.contact-form-wrapper {

    /*display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-flex-direction: column;

    -ms-flex-direction: column;

    flex-direction: column;*/

    margin: 0;

    /*-webkit-flex-grow: 1;

    -ms-flex-positive: 1;

    flex-grow: 1;*/

    background: #ffffff;

    padding: 20px 15px;

}


.app-contact-wrapper form.contact-form-wrapper .input-row {

    /*display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;*/

    border-radius: 0;

}


.app-contact-wrapper form.contact-form-wrapper .input-row textarea {

    min-height: 145px;

}


.app-contact-wrapper form.contact-form-wrapper .input-row input,
.app-contact-wrapper form.contact-form-wrapper .input-row textarea {

    width: 100%;

    color: #175de3;

}


.app-contact-wrapper form.contact-form-wrapper .input-row input.placeholder,
.app-contact-wrapper form.contact-form-wrapper .input-row textarea.placeholder {

    color: #aaaaaa;

    font-weight: 500;

    font-size: 13px;

}


.app-contact-wrapper form.contact-form-wrapper .input-row input:-moz-placeholder,
.app-contact-wrapper form.contact-form-wrapper .input-row textarea:-moz-placeholder {

    color: #aaaaaa;

    font-weight: 500;

    font-size: 13px;

}


.app-contact-wrapper form.contact-form-wrapper .input-row input::-moz-placeholder,
.app-contact-wrapper form.contact-form-wrapper .input-row textarea::-moz-placeholder {

    color: #aaaaaa;

    font-weight: 500;

    font-size: 13px;

}


.app-contact-wrapper form.contact-form-wrapper .input-row input:-ms-input-placeholder,
.app-contact-wrapper form.contact-form-wrapper .input-row textarea:-ms-input-placeholder {

    color: #aaaaaa;

    font-weight: 500;

    font-size: 13px;

}


.app-contact-wrapper form.contact-form-wrapper .input-row input::-webkit-input-placeholder,
.app-contact-wrapper form.contact-form-wrapper .input-row textarea::-webkit-input-placeholder {

    color: #aaaaaa;

    font-weight: 500;

    font-size: 13px;

}


.app-contact-wrapper form.contact-form-wrapper .input-row input:focus,
.app-contact-wrapper form.contact-form-wrapper .input-row textarea:focus {

    border-color: #175de3;

}


.app-contact-wrapper form.contact-form-wrapper .input-row + .input-row {

    margin-top: 15px;

}


.app-contact-wrapper form.contact-form-wrapper .input-row button[type="submit"] {

    border-radius: 0;

    font-size: 13px;

    color: #ffffff;

    font-weight: 600;

}


.app-contact-wrapper .contact-form-details {

    position: relative;

    -webkit-flex-shrink: 0;

    -ms-flex-negative: 0;

    flex-shrink: 0;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-justify-content: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-flex-direction: column;

    -ms-flex-direction: column;

    flex-direction: column;

    padding: 20px 15px;

    width: 100%;

}


.app-contact-wrapper .contact-form-details::before {

    content: '';

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background: rgba(23, 93, 227, 0.8);

    z-index: 2;

}


.app-contact-wrapper .contact-form-details-bg {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    object-fit: cover;

    z-index: 1;

    mix-blend-mode: luminosity;

}


.app-contact-wrapper .contact-form-details-item {

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    z-index: 3;

    background: #ffffff;

    width: 100%;

    border: 3px solid #ffffff;

    transition: 0.2s ease-in-out;

    padding: 15px 20px;

}


.app-contact-wrapper .contact-form-details-item:hover {

    background: transparent;

}


.app-contact-wrapper .contact-form-details-item:hover .item-content span.subtitle {

    color: rgba(255, 255, 255, 0.5);

}


.app-contact-wrapper .contact-form-details-item:hover .item-content span.title {

    color: #ffffff;

}


.app-contact-wrapper .contact-form-details-item:hover i {

    color: #ffffff;

}


.app-contact-wrapper .contact-form-details-item + .contact-form-details-item {

    margin-top: 30px;

}


.app-contact-wrapper .contact-form-details-item i {

    font-size: 2em;

    color: #175de3;

    transition: 0.2s ease-in-out;

    margin-right: 20px;

}


.app-contact-wrapper .contact-form-details-item .item-content {

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-flex-direction: column;

    -ms-flex-direction: column;

    flex-direction: column;

}


.app-contact-wrapper .contact-form-details-item .item-content span.title,
.app-contact-wrapper .contact-form-details-item .item-content a.title{

    font-size: 15px;

    color: #252525;

    font-weight: 500;

    line-height: 1.39;

    margin-bottom: 5px;

    transition: 0.2s ease-in-out;

}


.app-contact-wrapper .contact-form-details-item .item-content span.subtitle {

    font-size: 13px;

    color: #aaaaaa;

    font-weight: normal;

    line-height: 1.57;

    transition: 0.2s ease-in-out;

}


.app-design-guide-heading-wrapper {

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-justify-content: flex-start;

    -ms-flex-pack: start;

    justify-content: flex-start;

    -webkit-align-items: flex-start;

    -ms-flex-align: start;

    align-items: flex-start;

    -webkit-flex-direction: column;

    -ms-flex-direction: column;

    flex-direction: column;

    width: 100%;

}


.app-design-guide span.row-title {

    display: block;

    font-size: 20px;

    color: #175de3;

    font-weight: 500;

    margin-top: 45px;

}


.app-design-guide span.chars {

    font-size: 20px;

    color: #181818;

    font-weight: 500;

    word-break: break-all;

}


.app-design-guide-wrapper {

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-flex-wrap: wrap;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    background: #ffffff;

    padding: 15px;

}


.app-design-guide-subrow {

    width: 100%;

    margin-top: 20px;

}


.app-design-guide-row {

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-align-items: flex-start;

    -ms-flex-align: start;

    align-items: flex-start;

    -webkit-justify-content: space-between;

    -ms-flex-pack: justify;

    justify-content: space-between;

    justify-content-align-items: center;

    -webkit-flex-wrap: wrap;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    margin-top: 30px;

    width: 100%;

}


.app-design-guide-row p {

    width: 100%;

    -webkit-flex-basis: 100%;

    -ms-flex-preferred-size: 100%;

    flex-basis: 100%;

    margin-top: 25px;

}


.app-design-guide-row span.detail {

    font-size: 16px;

    color: #181818;

    font-weight: 500;

}


.app-design-guide-row .chars-wrapper * + * {

    margin-left: 10px;

}


.app-design-guide-colors {

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    margin-top: 50px;

    -webkit-flex-direction: column;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-align-items: flex-start;

    -ms-flex-align: start;

    align-items: flex-start;

    -webkit-justify-content: flex-start;

    -ms-flex-pack: start;

    justify-content: flex-start;

    -webkit-flex-basis: 100%;

    -ms-flex-preferred-size: 100%;

    flex-basis: 100%;

}


.app-design-guide-colors .color-item {

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

}


.app-design-guide-colors .color-item + .color-item {

    margin-top: 20px;

}


.app-design-guide-colors .color-item span.color {

    border-radius: 50%;

    -webkit-flex-shrink: 0;

    -ms-flex-negative: 0;

    flex-shrink: 0;

    width: 50px;

    height: 50px;

    margin-right: 15px;

}


.app-design-guide-colors .color-item .color-item-content {

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-flex-direction: column;

    -ms-flex-direction: column;

    flex-direction: column;

}


.app-design-guide-colors .color-item .color-item-content span + span {

    margin-top: 10px;

}


.app-design-guide-colors .color-item .color-item-content span.hex {

    font-size: 18px;

    color: #181818;

    font-weight: 500;

    line-height: .96;

}


.app-design-guide-colors .color-item .color-item-content span.color-detail {

    font-size: 13px;

    color: #181818;

    font-weight: 500;

    line-height: 1;

}


h1 {

    font-size: 44px;

    color: #181818;

    font-weight: 600;

}


h2 {

    font-size: 30px;

    color: #181818;

    font-weight: 600;

}


h3 {

    font-size: 22px;

    color: #181818;

    font-weight: 600;

}


h4 {

    font-size: 15px;

    color: #181818;

    font-weight: 600;

}


h5 {

    font-size: 14px;

    color: #181818;

    font-weight: 600;

}


p {

    font-size: 14px;

    color: #515151;

    font-weight: normal;

    line-height: 1.67;

}


.text-fw--light {

    font-weight: 300 !important;

}


.text-fw--regular {

    font-weight: normal !important;

}


.text-fw--medium {

    font-weight: 500 !important;

}


.text-fw--semi-bold {

    font-weight: 600 !important;

}


.text-fw--bold {

    font-weight: 700 !important;

}


.app-tabnav {

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-flex-direction: column;

    -ms-flex-direction: column;

    flex-direction: column;

    border: 1px solid #c0c0c0;

    border-radius: 4px;

    overflow: hidden;

    position: relative;

}


.app-tabnav:not(.app-tabnav--vert) .nav-link:last-child {

    border-right: 0;

}


.app-tabnav--content {

    padding: 15px;

}


.app-tabnav--content p {

    margin: 0;

    font-size: 13px;

    color: #5e5e5e;

    font-weight: normal;

}


.app-tabnav .nav-link {

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-justify-content: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    font-size: 13px;

    color: #787878;

    font-weight: 600;

    line-height: 1.79;

    border-radius: 0;

    border-style: solid;

    border-color: #c0c0c0;

    border-width: 0 1px 1px 0;

    background: transparent;

    -webkit-flex-grow: 1;

    -ms-flex-positive: 1;

    flex-grow: 1;

    width: auto;

    -webkit-flex-shrink: 0;

    -ms-flex-negative: 0;

    flex-shrink: 0;

    padding: 0 20px;

    min-height: 50px;

    text-align: center;

}


.app-tabnav .nav-link.active {

    border-bottom: 0;

    background: transparent;

    color: #175de3;

}


.app-tabnav--navs {

    width: 100%;

    transition: .2s ease-in-out;

    scroll-behavior: smooth;

}


.app-tabnav--navs .nav {

    -webkit-flex-wrap: nowrap;

    -ms-flex-wrap: nowrap;

    flex-wrap: nowrap;

    overflow-x: hidden;

}


.app-tabnav--vert {

    -webkit-flex-direction: row;

    -ms-flex-direction: row;

    flex-direction: row;

}


.app-tabnav--vert .app-tabnav--content {

    padding: 15px;

}


.app-tabnav--vert a.nav-link {

    border-right: 1px solid #c0c0c0;

    border-bottom: 0;

    width: 100%;

    padding: 0;

}


.app-tabnav--vert a.nav-link + .nav-link {

    border-top: 1px solid #c0c0c0;

}


.app-tabnav--vert a.nav-link.active {

    border-right: 0;

}


.app-tabnav--vert .nav-pills {

    height: 100%;

    -webkit-flex-grow: 1;

    -ms-flex-positive: 1;

    flex-grow: 1;

}


.app-tabnav--vert .app-tabnav--navs {

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-flex-direction: column;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-flex-shrink: 0;

    -ms-flex-negative: 0;

    flex-shrink: 0;

    width: 80px;

}


.app-tabnav--vert .app-tabnav--navs .nav {

    overflow: auto;

}


.app-testimonial-wrapper {

    position: relative;

}


.app-testimonial-wrapper.slick-slider {

    -webkit-user-select: auto;

    -moz-user-select: auto;

    -ms-user-select: auto;

    user-select: auto;

    outline-color: transparent;

}


.app-testimonial-item {

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-flex-direction: column;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

}


.app-testimonial-item.slick-slide {

    outline-color: transparent;

}


.app-testimonial-item p.description {

    font-size: 15px;

    color: #949494;

    font-weight: 500;

    line-height: 1.44;

    margin: 0;

    text-align: center;

    position: relative;

    padding: 30px 10px 5px 10px;

}


.app-testimonial-item p.description::before,
.app-testimonial-item p.description::after {

    content: "''";

    position: absolute;

    font-size: 100px;

    color: #175de3;

    font-weight: 500;

    line-height: .23;

    font-style: italic;

}


.app-testimonial-item p.description::before {

    top: 30px;

    left: -4px;

}


.app-testimonial-item p.description::after {

    bottom: -45px;

    right: 23px;

}


.app-testimonial-item-content {

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-flex-direction: column;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    margin-top: 55px;

}


.app-testimonial-item-content .testimonial-avatar {

    width: 70px;

    height: 70px;

    border-radius: 50%;

    object-fit: cover;

    margin-bottom: 25px;

    -webkit-flex-shrink: 0;

    -ms-flex-negative: 0;

    flex-shrink: 0;

}


.app-testimonial-item-content span.name {

    font-size: 16px;

    color: #175de3;

    font-weight: 700;

    line-height: 1.39;

    margin-bottom: 10px;

}


.app-testimonial-item-content span.subtitle {

    font-size: 13px;

    color: #949494;

    font-weight: 500;

    line-height: 1.64;

}


.app-testimonial-navigation {

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-justify-content: space-between;

    -ms-flex-pack: justify;

    justify-content: space-between;

    position: absolute;

    top: 50%;

    width: 100%;

    width: 180px;

    left: 0;

    right: 0;

    margin: auto;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%);

    transition: .2s ease-in-out;

    opacity: 1;

}


.app-testimonial-navigation.hide-me {

    opacity: 0;

    transition: 0s;

}


.app-testimonial-navigation button.app-btn {

    background: transparent;

    min-width: auto;

    width: auto;

    height: auto;

    border-radius: 0;

}


.app-testimonial-navigation button.app-btn:hover {

    background: none;

}


.app-testimonial-navigation button.app-btn:hover::before {

    display: none;

}


.app-testimonial-navigation button.app-btn:hover i {

    color: #175de3;

}


.app-testimonial-navigation button.app-btn i {

    color: #d1d1d1;

    font-size: 2em;

    position: relative;

}


.alert {

    /*display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-justify-content: space-between;

    -ms-flex-pack: justify;

    justify-content: space-between;*/

    border: 0;

    border-radius: 4px;

    padding: 15px 35px;

    font-size: 14px;

    color: #ffffff;

    font-weight: 500;

    line-height: 1.67;

    min-height: 50px;

}
.alert p{
    color: #FFFFFF;
    margin-bottom: 0;
}

.alert button.close {

    font-size: 13px;

    color: #ffffff;

    font-weight: 700;

    text-shadow: none;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    opacity: 1;

}


.alert-default {

    color: #ffffff;

    background-color: #ff7506;

    border-color: #ff7506;

}


.alert-primary {

    color: #ffffff;

    background-color: #175de3;

    border-color: #175de3;

}


.alert-secondary {

    color: #ffffff;

    background-color: #072867;

    border-color: #072867;

}


.alert-success {

    color: #ffffff;

    background-color: #11b672;

    border-color: #11b672;

}


.alert-danger {

    color: #ffffff;

    background-color: #cd3757;

    border-color: #cd3757;

}


.alert-warning {

    color: #ffffff;

    background-color: #eab946;

    border-color: #eab946;

}


.alert-info {

    color: #ffffff;

    background-color: #1565c0;

    border-color: #1565c0;

}


.alert-dark {

    color: #ffffff;

    background-color: #494e4f;

    border-color: #494e4f;

}


.alert-light {

    color: #ffffff;

    background-color: #9a9a9a;

    border-color: #9a9a9a;

}


.app-carousel {

    border-radius: 4px;

    overflow: hidden;

}


.app-carousel .slick-dots {

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-justify-content: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    margin: 0;

    padding: 0;

    margin-bottom: 30px;

}


.app-carousel .slick-dots li {

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-justify-content: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    width: 15px;

    height: 15px;

    border-radius: 50%;

    background: #ffffff;

}


.app-carousel .slick-dots li.slick-active {

    background: #175de3;

}


.app-carousel .slick-dots li + li {

    margin-left: 8px;

}


.app-carousel .slick-dots li button {

    display: none;

}


.app-carousel-item {

    position: relative;

}


.app-carousel-item.slick-slide {

    outline-color: transparent;

}


.app-carousel-item img {

    width: 100%;

    height: auto;

    object-fit: cover;

}


.page-404-wrapper {

    background: #ffffff;

    border-radius: 4px;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-flex-direction: column;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    padding-top: 30px;

    margin-bottom: 50px;

}


.page-404-wrapper p.description {

    font-size: 15px;

    color: #949494;

    font-weight: 500;

    line-height: 1.44;

    margin: 0;

    text-align: center;

    margin-top: 15px;

    padding: 0 15px;

    width: 100%;

}


.page-404-wrapper a.app-btn {

    -webkit-transform: translateY(50%);

    -ms-transform: translateY(50%);

    transform: translateY(50%);

    margin-top: 10px;

}


.page-404-wrapper .title,
.page-404-wrapper .title-shadow {

    font-size: 150px;

}


.page-404-wrapper .title-shadow {

    position: absolute;

    left: auto;

    right: auto;

    font-weight: 600;

    display: inline-block;

    line-height: 1;

    margin: 0;

    padding: 0;

    text-align: center;

    text-shadow: 5px 8px 0 rgba(199, 199, 199, 0.65);

}


.page-404-wrapper .title {

    font-weight: 600;

    line-height: 1;

    position: relative;

    display: inline-block;

    margin: 0;

    padding: 0;

    text-align: center;

    /* Color fallback */

    color: #175de3;

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

}


.page-404-wrapper .title::before {

    content: '';

    position: absolute;

    z-index: -2;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    background-image: inherit;

}


.flat-content-detailsbox {

    height: auto;

    background: #175de3;

    border-radius: 4px;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-flex-wrap: wrap;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    margin: 0 15px 20px 0;

    width: 100%;

    padding: 15px 15px 0 15px;

}


.flat-content-detailsbox span.title {

    display: block;

    font-size: 14px;

    color: #ffffff;

    font-weight: 600;

    line-height: 1.67;

    margin-bottom: 20px;

    -webkit-flex-basis: 100%;

    -ms-flex-preferred-size: 100%;

    flex-basis: 100%;

    text-align: center;

}


.flat-content-detailsbox-item {

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-flex-direction: column;

    -ms-flex-direction: column;

    flex-direction: column;

    width: 49%;

    margin-bottom: 15px;

}


.flat-content-detailsbox-item .item-title {

    font-size: 12px;

    color: rgb(221, 225, 232);

    font-weight: 700;

    line-height: 1.79;

}


.flat-content-detailsbox-item .item-content {

    font-size: 14px;

    color: #ffffff;

    font-weight: 500;

    line-height: 1.5;

}


.section-title-wrapper {

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-justify-content: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-flex-direction: column;

    -ms-flex-direction: column;

    flex-direction: column;

    margin-top: 30px;

}


.section-title-wrapper.mt-reduce {

    margin-top: 20px;

}


.section-title-wrapper.mt-reduce + .section-content {

    margin-top: 20px;

}


.section-title-wrapper.light-bg span.subtitle {

    color: #515151;

}


.section-title-wrapper.light-bg span.subtitle::after {

    background: #ff7506;

}


.section-title-wrapper.light-bg .section-title {

    color: #000000;

}


.section-title-wrapper.light-bg .section-title::after {

    background: #ff7506;

}


.section-title-wrapper span.subtitle {

    font-size: 15px;

    color: #f4f7fc;

    font-weight: 500;

    line-height: 1;

    position: relative;

}


.section-title-wrapper span.subtitle::after {

    content: '';

    position: absolute;

    left: 50%;

    bottom: 0;

    -webkit-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    transform: translateX(-50%);

    height: 3px;

    width: 40px;

    background: #ffffff;

    display: none;

}


.section-title-wrapper .section-title {

    margin: 0;

    font-size: 30px;

    color: #f4f7fc;

    font-weight: 700;

    line-height: .78;

    position: relative;

    padding-bottom: 33px;

    margin-top: 30px;

}


.section-title-wrapper .section-title::after {

    content: '';

    position: absolute;

    left: 50%;

    bottom: 0;

    -webkit-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    transform: translateX(-50%);

    height: 3px;

    width: 40px;

    background: #ffffff;

}


.section-content {

    margin-top: 30px;

}


.section-content .slick-dots {

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-justify-content: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    margin: 0;

    padding: 0;

    margin: 15px 0;

}


.section-content .slick-dots li {

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-justify-content: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: #ffffff;

}


.section-content .slick-dots li.slick-active {

    background: transparent;

    border: 1px solid #ffffff;

}


.section-content .slick-dots li + li {

    margin-left: 4px;

}


.section-content .slick-dots li button {

    display: none;

}


.title--underlined {

    position: relative;

    padding-bottom: 17px;

}


.title--underlined::after {

    content: '';

    position: absolute;

    left: 0;

    bottom: 0;

    width: 40px;

    height: 3px;

    background: #ff7506;

}


.main-hero-wrapper {

    position: relative;

    height: 400px;

    margin-bottom: -15px;

}


.main-hero-wrapper.slick-slider {

    -webkit-user-select: initial;

    -moz-user-select: initial;

    -ms-user-select: initial;

    user-select: initial;

}


.main-hero-item {

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-align-items: flex-end;

    -ms-flex-align: end;

    align-items: flex-end;

    position: relative;

    height: 400px;

    background-color : #23026d;
    background-image: linear-gradient(140deg, #23026d 0%, #3d64f4 100%);

}


.main-hero-item.slick-slide {

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

}


.main-hero-item figure {

    margin: 0;

    width: 100%;

    height: 100%;

    position: absolute;

    left: 0;

    top: 0;

}


.main-hero-item figure img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}


.main-hero-item-content {

    display: -webkit-inline-flex;

    display: -ms-inline-flexbox;

    display: inline-flex;

    -webkit-flex-direction: column;

    -ms-flex-direction: column;

    flex-direction: column;

    margin-bottom: 30px;

    position: relative;

    z-index: 19;

}


.main-hero-item-content span.title {

    color: #ffffff;

}


.main-hero-item-content span.title--small {

    font-size: 15px;

    color: #ffffff;

    font-weight: normal;

    line-height: 1;

}


.main-hero-item-content span.title--medium {

    font-size: 28px;

    color: #ffffff;

    font-weight: normal;

    line-height: 1.5;

}


.main-hero-item-content span.title--big {

    font-size: 45px;

    color: #ffffff;

    font-weight: 700;

    line-height: .8;

    margin-top: 15px;

    word-break: break-word;

    margin-bottom: 5px;

}


.main-hero-item-content .read-more-link {

    margin-top: 30px;

}


.main-hero-item-content .read-more-link-wrapper {

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

}


.main-hero-navigation {

    position: absolute;

    top: 0;

    height: 100%;

    background: red;

    z-index: 18;

    opacity: 0;

    display: none;

}


.main-hero-navigation.prev {

    left: 0;

    width: 50%;

    cursor: url("../img/cursor-left.png") 0 0, pointer; /* Legacy */

    cursor: url("../img/cursor-left.png") 0 0, pointer; /* FF */

    cursor: -webkit-image-set(url("../img/cursor-left.png") 1x, url("../img/cursor-left@2x.png") 2x) 0 0, pointer; /* Webkit */

}


.main-hero-navigation.next {

    right: 0;

    width: 50%;

    cursor: url("../img/cursor-right.png") 0 0, pointer; /* Legacy */

    cursor: url("../img/cursor-right.png") 0 0, pointer; /* FF */

    cursor: -webkit-image-set(url("../img/cursor-right.png") 1x, url("../img/cursor-right@2x.png") 2x) 0 0, pointer; /* Webkit */

}


.home-about-us-box {

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-flex-direction: column;

    -ms-flex-direction: column;

    flex-direction: column;

    width: 100%;

    background: #ffffff;

    border-radius: 4px;

    box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);

    padding: 20px;

    overflow: hidden;

    position: relative;

    margin-bottom: 20px;

    height: auto;

}


.home-about-us-box > * {

    z-index: 1;

}


.home-about-us-box span.title {

    font-size: 28px;

    color: #000000;

    font-weight: 700;

    line-height: 1;

}


.home-about-us-box p.description {

    font-size: 15px;

    color: #525252;

    font-weight: normal;

    margin: 0;

    line-height: 1.56;

    margin-top: 20px;

}


.home-about-us-box .author-box {

    margin-top: 30px;

}


.home-about-us-box-more {

    margin-top: 30px;

    -webkit-flex-shrink: 0;

    -ms-flex-negative: 0;

    flex-shrink: 0;

}


.home-about-us-box-shape {

    position: absolute;

    z-index: 0;

    pointer-events: none;

    left: 100%;

    bottom: -40%;

    -webkit-transform: translateX(-80px);

    -ms-transform: translateX(-80px);

    transform: translateX(-80px);

}

.shape-at-left .home-about-us-box-shape {

    left: inherit;

}

.shape-at-left .home-about-us-box-author-wrapper, .shape-at-left .home-about-us-box-more-wrapper {

    display: block;

    width: 100%;

}

.shape-at-left .home-about-us-box .author-box, .shape-at-left .home-about-us-box-more {

    float: right;

    width: auto;

}

.shape-at-left .author-box-name {

    margin-left: initial;

    margin-right: 12px;

    font-weight: 500;

}

.home-about-us-box-shape > svg #outerPoly {

    stroke: #ff7506;

}


.home-about-us-box-shape > svg #innerPoly {

    fill: #ff7506;

}

.services-wrapper {

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-flex-direction: column;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-justify-content: center;

    -ms-flex-pack: center;

    justify-content: center;

    height: 100%;

    -webkit-flex-flow: row wrap; /* Safari 6.1+ */

    display: flex;

    flex-flow: row wrap;

}

.services-box-item {

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    border-radius: 4px;

    box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);

    background: #ffffff;

    cursor: pointer;

    transition: .2s ease-in-out;

    -webkit-flex-direction: column;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-align-items: flex-start;

    -ms-flex-align: start;

    align-items: flex-start;

    padding: 10px 20px;

    width: 100%;

}


.services-box-item + .services-box-item {

    margin-top: 10px;

}


.services-box-item:hover {

    background: #072867;

}


.services-box-item:hover i {

    color: #ffffff;

}


.services-box-item:hover .services-box-item-content span.title,
.services-box-item:hover .services-box-item-content p.description {

    color: #ffffff;

}


.services-box-item i {

   /* color: #696969;*/
    color: #696969;

    -webkit-flex-shrink: 0;

    -ms-flex-negative: 0;

    flex-shrink: 0;

    transition: .2s ease-in-out;

    font-size: 2em;

    text-align: left;

    margin-right: 0;

    margin-bottom: 15px;

}


.services-box-item-content {

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-flex-direction: column;

    -ms-flex-direction: column;

    flex-direction: column;

    width: 100%;

}


.services-box-item-content span.title {

    font-size: 20px;

    color: #000000;

    font-weight: 700;

    line-height: 1.14;

    transition: .2s ease-in-out;

}


.services-box-item-content p.description {

    display: -webkit-inline-flex;

    display: -ms-inline-flexbox;

    display: inline-flex;

    font-size: 15px;

    color: #525252;

    font-weight: 300;

    margin: 0;

    line-height: 1.5;

    transition: .2s ease-in-out;

    margin-top: 10px;

}


.services-box-item.services-box-item--iconed {

    height: auto;

    padding: 10px 15px;

}


.services-box-item.services-box-item--iconed:hover {

    background: #ff7506;

}


.services-box-item--iconed-wrapper {

    margin-bottom: 15px;

}


.main-contentbox {

    margin-top: 30px;

}


.main-contentbox-figure {

    display: block;

    border-radius: 4px;

    overflow: hidden;

    height: 250px;

    position: relative;

}


.main-contentbox-figure figure {

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    margin: 0;

    width: 100%;

    height: 100%;

    position: relative;

    z-index: 1;

}


.main-contentbox-figure figure img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}


.main-contentbox-figure figure::before {

    content: '';

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background-image: linear-gradient(transparent, #072867);

}


.main-contentbox-figure-logo {

    position: absolute;

    left: inherit;

    bottom: 20px;

    z-index: 2;

    width: 100%;

    text-align: center;

}


.main-contentbox-figure-logo img {

    max-width: 100%;

    height: auto;

}


.main-contentbox-content {

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-flex-direction: column;

    -ms-flex-direction: column;

    flex-direction: column;

    border-radius: 4px;

    background: #ffffff;

    padding: 20px;

    margin-top: 15px;

    height: auto;

}


.main-contentbox-content span.title {

    font-size: 28px;

    color: #000000;

    font-weight: 700;

    line-height: 0.83;

}


.main-contentbox-content p.description {

    margin: 0;

    line-height: 28px;

    margin-top: 30px;

    font-size: 16px;
    color: #212529;

}


.main-contentbox-content p.description + p {

    margin-top: 20px;

}


.main-contentbox-link {

    font-size: 15px;

    color: #797979;

    font-weight: 600;

    text-decoration: none;

    line-height: 1;

    margin-top: 35px;

}


.main-contentbox-link:hover {

    color: #6c6c6c;

    text-decoration: none;

}


.featured-services {

    background: #ff7506;

    position: relative;

}


.featured-services::after {

    content: '';

    position: absolute;

    left: 0;

    top: 100%;

    height: 105px;

    width: 100%;

    background: #ffffff;

    z-index: -1;

}


.featured-services .section-content {

    -webkit-transform: none;

    -ms-transform: none;

    transform: none;

    margin-top: 30px;

}


.featured-services-item {

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-flex-direction: column;

    -ms-flex-direction: column;

    flex-direction: column;

    background: #ffffff;

    border-radius: 4px;

    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.06);

    z-index: 2;

    position: relative;

    height: auto;

    padding: 15px;

    margin-bottom: 0;

    text-decoration: none;

}


.featured-services-item:hover {

    text-decoration: none;

}


.featured-services-item.featured-services-item--no-description {

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    height: auto;

}


.featured-services-item.featured-services-item--no-description .featured-services-item-content {

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

}


.featured-services-item-figure {

    margin: 0;

    position: absolute;

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

    opacity: 0;

    transition: 0.2s ease-in-out;

    z-index: 1;

}


.featured-services-item-figure::after {

    content: '';

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background-image: linear-gradient(to bottom, #ff7506, #000000);

    opacity: .7;

}


.featured-services-item-figure img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}


.featured-services-item-content {

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-flex-direction: column;

    -ms-flex-direction: column;

    flex-direction: column;

    position: relative;

    z-index: 2;

}


.featured-services-item-content i {

    color: #ff7506;

    font-size: 3em;

    margin-bottom: 32px;

    transition: 0.2s ease-in-out;

}


.featured-services-item-content span.title {

    font-size: 20px;

    color: #000000;

    font-weight: 600;

    line-height: 1.14;

    margin-bottom: 20px;

    transition: 0.2s ease-in-out;

}


.featured-services-item-content p.description {

    margin: 0;

    font-size: 15px;

    color: #525252;

    font-weight: 300;

    line-height: 1.5;

    margin-bottom: 30px;

    transition: 0.2s ease-in-out;

}


.featured-services-item-link {

    display: -webkit-inline-flex;

    display: -ms-inline-flexbox;

    display: inline-flex;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    font-size: 13px;

    color: #9d9d9d;

    font-weight: 600;

    line-height: 1.79;

    text-decoration: none;

    transition: 0.2s ease-in-out;

}


.featured-services-item-link:hover {

    text-decoration: none;

}


.team-members-item::before {

    visibility: hidden;

    opacity: 0;

    transition: all 0.35s cubic-bezier(0.68, -0.55, 0.27, 1.55) 0s, opacity 0.4s cubic-bezier(0.68, -0.55, 0.27, 1.55) 0s;

}


.team-members {

    overflow: hidden;

    margin-top: 64px;

    padding-bottom: 0;

    background: #072867;

    height: auto;

}


.team-members .section-content {

    height: auto;

    margin-top: 32px;

}


.team-members.color-inverted {

    margin-top: 0;

    background: #ffffff;

}


.team-members.color-inverted span,
.team-members.color-inverted p,
.team-members.color-inverted a {

    color: #ffffff;

}


.team-members.color-inverted .team-members-item::before {

    background-image: url("../img/team-member-hover-b.png");

}


.team-members.color-inverted .slick-dots li {

    background: #000000;

}


.team-members.color-inverted .slick-dots li.slick-active {

    background: transparent;

    border-color: #000000;

}


.team-members + div {

    margin-top: 0;

}

.team-members.team-members-type-2 {

    background: initial;

}

.team-members-item {

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-flex-direction: column;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-transform: none;

    -ms-transform: none;

    transform: none;

    transition: all 0.35s cubic-bezier(0.68, -0.55, 0.27, 1.55) 0s, opacity 0.4s cubic-bezier(0.68, -0.55, 0.27, 1.55) 0s;

}


.team-members-item::before {

    content: '';

    position: absolute;

    left: 0;

    top: -100px;

    width: 100%;

    height: 350px;

    -webkit-transform: scale(1.2);

    -ms-transform: scale(1.2);

    transform: scale(1.2);

    background-image: url("../img/team-member-hover.png");

    background-size: contain;

    background-repeat: no-repeat;

    background-position: 0 29px;

    display: none;

}


.team-members-item-content {

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-flex-direction: column;

    -ms-flex-direction: column;

    flex-direction: column;

    transition: all 0.35s cubic-bezier(0.68, -0.55, 0.27, 1.55) 0s, opacity 0.4s cubic-bezier(0.68, -0.55, 0.27, 1.55) 0s;

}


.team-members-item-figure {

    display: block;

    margin: 0;

    width: 100%;

    position: relative;

    border-radius: 4px;

    overflow: hidden;

    transition: all 0.35s cubic-bezier(0.68, -0.55, 0.27, 1.55) 0s, opacity 0.4s cubic-bezier(0.68, -0.55, 0.27, 1.55) 0s;

    height: 250px;

}


.team-members-item-figure::before {

    content: '';

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background: #072867;

    opacity: .6;

    transition: all 0.35s cubic-bezier(0.68, -0.55, 0.27, 1.55) 0s, opacity 0.4s cubic-bezier(0.68, -0.55, 0.27, 1.55) 0s;

    display: none;

}


.team-members-item-figure img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    object-position: center top;

}


.team-members-item-role {

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    position: absolute;

    background: #ff7506;

    border-radius: 3px;

    color: #ffffff;

    font-size: 13px;

    color: #ffffff;

    font-weight: 500;

    white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

    visibility: visible;

    opacity: 1;

    transition: all 0.35s cubic-bezier(0.68, -0.55, 0.27, 1.55) 0s, opacity 0.4s cubic-bezier(0.68, -0.55, 0.27, 1.55) 0s;

    left: 8px;

    right: 8px;

    bottom: 8px;

    width: calc(100% - 16px);

    height: 40px;

    padding: 0 10px;

}


.team-members-item-name {

    font-size: 16px;

    color: #ffffff;

    font-weight: 700;

    line-height: 1.39;

    transition: all 0.35s cubic-bezier(0.68, -0.55, 0.27, 1.55) 0s, opacity 0.4s cubic-bezier(0.68, -0.55, 0.27, 1.55) 0s;

    margin-top: 20px;

}


.team-members-item-description {

    font-size: 13px;

    color: #ffffff;

    font-weight: normal;

    line-height: 1.57;

    margin: 0;

    margin-top: 15px;

    transition: all 0.35s cubic-bezier(0.68, -0.55, 0.27, 1.55) 0s, opacity 0.4s cubic-bezier(0.68, -0.55, 0.27, 1.55) 0s;

}


.team-members-item .app-social-links-wrapper {

    visibility: visible;

    opacity: 1;

    -webkit-justify-content: center;

    -ms-flex-pack: center;

    justify-content: center;

    margin-top: 20px;

    margin-bottom: 20px;

}


.team-members-item .app-social-link:hover {

    color: #ff7506;

}


.team-members-wrapper {

    margin-top: -50px;

}


.team-members-wrapper .page-has-aside .app-pagination {

    margin-top: -15px;

}


.team-members-wrapper .team-members-item-wrapper {

    margin-bottom: 30px;

}


.team-members-wrapper .team-members-item .team-members-item-name {

    color: #6e6e6e;

}


.team-members-wrapper .team-members-item .team-members-item-description {

    color: #a1a1a1;

}


.team-members-wrapper .team-members-item .app-social-links-wrapper {

    -webkit-justify-content: flex-start;

    -ms-flex-pack: start;

    justify-content: flex-start;

}


.team-members-wrapper .team-members-item .app-social-link {

    color: #b8b8b8;

}


.team-members-wrapper .team-members-item::before {

    display: none;

}


.latest-news {

    background: #efefef;

    padding-bottom: 15px;

}


.latest-news + * {

    margin-top: 0;

}


.latest-news-box {

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-flex-direction: column;

    -ms-flex-direction: column;

    flex-direction: column;

    text-decoration: none;

    border-radius: 4px;

    overflow: hidden;

    margin-bottom: 15px;

}


.latest-news-box:hover {

    text-decoration: none;

}


.latest-news-box figure {

    margin: 0;

    width: 100%;

    height: 210px;

    -webkit-flex-shrink: 0;

    -ms-flex-negative: 0;

    flex-shrink: 0;

}


.latest-news-box figure img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}


.latest-news-box-content {

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-flex-direction: column;

    -ms-flex-direction: column;

    flex-direction: column;

    padding: 15px 10px 5px 10px;

    height: auto;

    background: #ffffff;

    width: 100%;

}

.latest-news-box-content a {

    margin-bottom: 5px;

}


.latest-news-box-content span.title {

    font-size: 15px;

    color: #000000;

    font-weight: 700;

    margin-bottom: 10px;

    line-height: 1;

}


.latest-news-box-content p.description {

    font-size: 15px;

    color: #525252;

    font-weight: 300;

    line-height: 1.5;

    margin: 0;

    margin-bottom: 15px;

}


.latest-news-box-content .latest-news-box-info {

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    margin-top: auto;

    -webkit-flex-wrap: wrap;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    -webkit-justify-content: space-between;

    -ms-flex-pack: justify;

    justify-content: space-between;

}


.latest-news-box-content .latest-news-box-info .info-text {

    font-size: 13px;

    color: #868686;

    font-weight: 600;

    line-height: 1;

    text-decoration: none;

    margin-bottom: 10px;

}


.latest-news-box-content .latest-news-box-info .info-text + .info-text {

    margin-left: 0;

}


.latest-news-box-content .latest-news-box-info .info-text:hover {

    text-decoration: none;

    color: #797979;

}


.latest-news-box.latest-news-box--small {

    -webkit-flex-direction: row;

    -ms-flex-direction: row;

    flex-direction: row;

    background: #ffffff;

    height: auto;

}


.latest-news-box.latest-news-box--small figure {

    width: 130px;

    height: auto;

}


.latest-news-box.latest-news-box--small .latest-news-box-content {

    padding: 15px 10px 5px 10px;

    height: 100%;

}


.latest-news-box.latest-news-box--small .latest-news-box-content span.title {

    margin-bottom: 13px;

}


.latest-news-box.latest-news-box--small .latest-news-box-content p.description {

    line-height: 1.4;

    font-size: 13px;

    margin-bottom: 10px;

}


.main-map-wrapper {

    position: relative;

    height: auto;

    max-width: 100%;

    overflow: hidden;

}


.main-map-map {

    border: 0;

    width: 100%;

    background: gray;

    left: 0;

    top: 0;

    z-index: 0;

    position: relative;

    height: 250px;

}


.main-map-map + .container {

    position: relative;

}


.main-map-form {

    width: 100%;

    background: #ffffff;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-flex-wrap: wrap;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    z-index: 2;

    position: relative;

    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.07);

    padding: 20px 15px;

    height: auto;

    -webkit-flex-direction: column;

    -ms-flex-direction: column;

    flex-direction: column;

}


.main-map-form-title-wrapper {

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-justify-content: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    width: 100%;

    margin-bottom: 30px;

}


.main-map-form-title-wrapper span.title {

    display: block;

    width: 100%;

    text-align: center;

    font-size: 20px;

    color: #000000;

    font-weight: 700;

    line-height: 1;

}


.main-map-form-title-wrapper span.form-close {

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-justify-content: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    margin-left: auto;

    color: #cfd4d9;

    cursor: pointer;

    -webkit-transform: none;

    -ms-transform: none;

    transform: none;

    display: none;

}


.main-map-form-title-wrapper span.form-close:hover {

    color: #b3bbc2;

}


.main-map-form-item {

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    width: 100%;

    position: relative;

}


.main-map-form-item .app-input {

    width: 100%;

}


.main-map-form-item--textarea.main-map-form-item {

    -webkit-flex-direction: column;

    -ms-flex-direction: column;

    flex-direction: column;

    width: 100%;

    margin-top: 20px;

}


.main-map-form-item + .main-map-form-item:not(.main-map-form-item--textarea) {

    margin-top: 20px;

}


.main-map-form-submit {

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-justify-content: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    width: 57px;

    height: 57px;

    border-radius: 50%;

    border: 2px solid #ff7506;

    color: #ff7506;

    background: #ffffff;

    cursor: pointer;

    transition: .2s ease-in-out;

    position: relative;

    -webkit-transform: none;

    -ms-transform: none;

    transform: none;

    left: 0;

    bottom: 0;

    margin-left: auto;

    margin-right: auto;

    margin-top: 20px;

}


.main-map-form-submit i {

    font-size: 1.5em;

}


.main-map-form-submit:hover {

    background: #f2f2f2;

}


.main-map-form.form-active {

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-animation-name: op;

    animation-name: op;

    -webkit-animation-duration: .3s;

    animation-duration: .3s;

    -webkit-animation-timing-function: cubic-bezier(0.68, -0.55, 0.27, 1.55);

    animation-timing-function: cubic-bezier(0.68, -0.55, 0.27, 1.55);

}


.main-map-form.form-active + .main-map-form-trigger::before,
.main-map-form.form-active + .main-map-form-trigger::after {

    display: none;

}


.main-map-content {

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-flex-direction: column;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-justify-content: flex-end;

    -ms-flex-pack: end;

    justify-content: flex-end;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    z-index: 2;

    width: 100%;

    position: relative;

    top: 0;

}


.main-map-form-trigger {

    width: 85px;

    height: 85px;

    box-shadow: 0 0 57px 0 rgba(0, 0, 0, 0.22);

    position: relative;

    font-size: 2em;

    position: absolute;

    z-index: 2;

    left: 50%;

    -webkit-transform: translateX(-50%) translateY(50%);

    -ms-transform: translateX(-50%) translateY(50%);

    transform: translateX(-50%) translateY(50%);

    z-index: 2;

    z-index: 0;

    top: calc(412px - 92px);

    display: none;

}


.main-map-form-trigger:active,
.main-map-form-trigger:focus {

    box-shadow: none;

    outline: none;

}


.main-map-form-trigger i {

    position: relative;

}


.main-map-form-trigger::before,
.main-map-form-trigger::after {

    content: '';

    position: absolute;

    left: 50%;

    top: 50%;

    -webkit-transform: translateX(-50%) translateY(-50%);

    -ms-transform: translateX(-50%) translateY(-50%);

    transform: translateX(-50%) translateY(-50%);

    border: 2px solid transparent;

    border-radius: 50%;

    -webkit-animation: pulse 3s;

    animation: pulse 3s;

    -webkit-animation-iteration-count: infinite;

    animation-iteration-count: infinite;

    -webkit-animation-timing-function: ease-in-out;

    animation-timing-function: ease-in-out;

    -webkit-animation-fill-mode: forwards;

    animation-fill-mode: forwards;

    z-index: -1;

    border-color: rgba(255, 117, 6, 0.6);

}


.main-map-form-trigger::before {

    width: 111px;

    height: 111px;

}


.main-map-form-trigger::after {

    width: 133px;

    height: 133px;

}


.main-map-bottom-bar {
    background: #ffffff;
}

.main-map-bottom-bar-2 {
    background: #072867;
}
.main-map-bottom-bar .app-aside-widget{
    background: transparent;
}
.main-map-bottom-bar .app-aside-widget-menu-item i,
.main-map-bottom-bar .app-aside-widget-menu-item .page-menu-item-title{
    color: rgba(255,255,255,.7) !important;
}


.main-map-bottom-bar .app-aside-widget-title span.title {
    text-transform: uppercase;
    font-size: 16px;
    color: #fff;
    font-weight: 900;
}
.main-map-bottom-bar .app-aside-widget-title::after{
    display: none;
}
.main-map-bottom-bar .app-aside-widget-title{
    border-bottom:none;
}
.main-map-bottom-bar .app-aside-widget-menu-item{
    border-top:none;
}
.main-map-bottom-bar .app-aside-widget-menu-item:hover{
    background-image: none;
}
.main-map-bottom-bar-2 .main-map-bottom-bar-item .title {
    font-weight: 400;
}
.main-map-bottom-bar-item i{
    font-size: 2.125rem;
}


.main-map-bottom-bar-wrapper {

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-justify-content: space-between;

    -ms-flex-pack: justify;

    justify-content: space-between;

    -webkit-align-items: flex-start;

    -ms-flex-align: start;

    align-items: flex-start;

    padding: 20px 0;

    -webkit-flex-direction: column;

    -ms-flex-direction: column;

    flex-direction: column;

}


.main-map-bottom-bar-item {

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

}


.main-map-bottom-bar-item + .main-map-bottom-bar-item {

    margin-top: 15px;

}


.main-map-bottom-bar-item i {

    width: 1em;

    color: #ff7506;

    text-align: right;

}


.main-map-bottom-bar-item .title {

    font-size: 16px;

    color: #fff;

    font-weight: 600;

    line-height: 1.5;

    text-decoration: none;

    margin-left: 10px;

}

section.our-services {

    margin-bottom: 64px;

}

@media (max-width: 992px) {

    section.our-services, .tab-section {

        margin-bottom: 32px;

    }

}


.main-our-services + * {

    margin-top: 0;

}


.main-our-services-content-wrapper {

    position: absolute;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    margin: auto;

    padding: 0 15px;

    overflow: hidden;

    height: 100%;

    width: 100%;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-justify-content: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

}


.main-our-services-content-item {

    display: none;

    -webkit-flex-direction: column;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-justify-content: center;

    -ms-flex-pack: center;

    justify-content: center;

    position: relative;

    height: 100%;

    padding-bottom: 40px;

}


.main-our-services-content-item .icon {

    color: #ff7506;

    font-size: 2em;

    margin-bottom: 20px;

}


.main-our-services-content-item span.title {

    font-size: 15px;

    color: #202020;

    font-weight: 700;

    line-height: 1;

    margin-bottom: 0;

    text-align: center;

}


.main-our-services-content-item p.description {

    font-size: 15px;

    color: #525252;

    font-weight: 300;

    line-height: 1.5;

    text-align: center;

    margin: 0;

    display: none;

    width: 100%;

}


.main-our-services-content-item p.description + p {

    margin-top: 35px;

}


.main-our-services-content-item a.read-more {

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-justify-content: center;

    -ms-flex-pack: center;

    justify-content: center;

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    height: 40px;

    background: none;

    text-align: center;

    text-decoration: none;

}


.main-our-services-content-item a.read-more:hover {

    text-decoration: none;

}


.main-our-services-content-item a.read-more span {

    width: 100%;

    position: absolute;

    left: 0;

    top: 0;

    font-size: 11px;

    color: #ffffff;

    font-weight: 600;

    line-height: 1;

    margin-top: 10px;

}


.main-our-services-content-item a.read-more svg {

    position: absolute;

    left: 0;

    top: auto;

    width: 100%;

    height: 100%;

}


.main-our-services-content-item a.read-more svg path {

    fill: #ff7506;

}


.main-our-services-content-item.active {

    width: 100%;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

}


.main-our-services-content-item.active i,
.main-our-services-content-item.active span.title,
.main-our-services-content-item.active p.description {

    -webkit-animation: fade-in 1.2s cubic-bezier(0.39, 0.575, 0.565, 1) both;

    animation: fade-in 1.2s cubic-bezier(0.39, 0.575, 0.565, 1) both;

}


.main-our-services-hexagon--small {

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-justify-content: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    position: absolute;

    background: transparent;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    margin: auto;

    border-radius: 50%;

    transition: .2s ease-in-out;

    cursor: pointer;

    width: 50px;

    height: 55px;

    -webkit-flex-shrink: 0;

    -ms-flex-negative: 0;

    flex-shrink: 0;

}


.main-our-services-hexagon--small > svg path {

    stroke: #e7e7e7;

    stroke-width: 15px;

    fill: white;

    transition: 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);

}


.main-our-services-hexagon--small.active path {

    fill: #ff7506;

}


.main-our-services-hexagon--small.active i {

    color: #ffffff;

}


.main-our-services-hexagon--small svg {

    width: 100%;

    height: 100%;

    position: relative;

}


.main-our-services-hexagon--small i {

    display: block;

    width: 100%;

    position: absolute;

    left: 0;

    text-align: center;

    top: 50%;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%);

    font-size: 1em;

    color: #c8c8c8;

    transition: 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);

}


.main-our-services-wrapper {

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-justify-content: center;

    -ms-flex-pack: center;

    justify-content: center;

    position: relative;

    padding: 70px 0;

}


.main-our-services-hexagon--big {

    width: 55%;

    height: 55%;

    position: relative;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-justify-content: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-align-items: flex-start;

    -ms-flex-align: start;

    align-items: flex-start;

}


.main-our-services-hexagon--big > svg {

    width: 100%;

    height: 100%;

}


.main-our-services-hexagon--big > svg path {

    stroke: #ff7506;

    stroke-width: 3px;

}


.page-hero {

    width: 100%;

    position: relative;

    margin-bottom: -50px;

    height: 180px;

    background-color: #23026d;

    background-image: linear-gradient(140deg, #23026d 0%, #3d64f4 100%);

}


.page-hero.full-height {

    height: 100%;

}


.page-hero.full-height + .app-offer-box {

    margin-top: 0;

}


.page-hero.full-height .page-hero-cover {

    height: 100%;

}


.page-hero.full-height .page-hero-wrapper {

    height: 130px;

    padding-bottom: 0;

}


.page-hero.page-hero--nopull {

    margin-bottom: 0;

}


.page-hero-cover {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 180px;

}


.page-hero-cover::before {

    content: '';

    position: absolute;

    left: 0;

    bottom: 0;

    width: 100%;

    height: 100%;

    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.7), transparent);

}


.page-hero-cover img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}


.page-hero-wrapper {

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-justify-content: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-flex-direction: column;

    -ms-flex-direction: column;

    flex-direction: column;

    padding-left: 0;

    height: 180px;

    padding-bottom: 50px;

}


.page-hero-wrapper span.subtitle {

    font-size: 15px;

    color: #ffffff;

    font-weight: normal;

    line-height: 1.14;

    margin-bottom: 10px;

}


.page-hero-wrapper h2.title {

    font-size: 36px;

    color: #ffffff;

    font-weight: 700;

    line-height: 0.83;

    margin-bottom: 0;

}


.author-box {

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    margin-top: 62px;

    text-decoration: none;

}


.author-box:hover {

    text-decoration: none;

}


.author-box img {

    width: 50px;

    height: 50px;

    border-radius: 50%;

    object-fit: cover;

}


.author-box-name {

    font-size: 13px;

    color: #000000;

    font-weight: 500;

    line-height: 1.79;

    margin-left: 12px;

}


.about-us-content-container {

    background: #ffffff;

    border-radius: 4px;

    box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);

}


.about-us-content-wrapper {

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-flex-direction: column;

    -ms-flex-direction: column;

    flex-direction: column;

    padding: 15px 10px;

}


.about-us-content-wrapper figure {

    margin: 0;

    -webkit-flex-shrink: 0;

    -ms-flex-negative: 0;

    flex-shrink: 0;

    width: 100%;

    height: 350px;

}


.about-us-content-wrapper figure img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}


.about-us-content-main {

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-flex-direction: column;

    -ms-flex-direction: column;

    flex-direction: column;

    padding-top: 20px;

    padding-bottom: 20px;

    margin-left: 0;

    width: 100%;

}


.about-us-content-main h2.title {

    font-size: 26px;

    color: #175de3;

    font-weight: 700;

    line-height: 0.89;

    margin: 0;

}


.about-us-content-main span.subtitle {

    font-size: 18px;

    color: #000000;

    font-weight: 500;

    line-height: 1.25;

    margin-top: 15px;

}


.about-us-content-main-text {

    margin: 0;

    font-size: 15px;

    color: #525252;

    font-weight: normal;

    line-height: 1.56;

    margin-top: 20px;

}


.about-us-content-main-text.figure {

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

}


.about-us-content-main .author-box {

    margin-top: 25px;

    color: #828282;

}


.about-us-content-bottom {

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    height: auto;

    border-top: 1px solid #ff7506;

}


.about-us-content-bottom-item {

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    cursor: pointer;

    background: #ffffff;

    transition: 0.2s ease-in-out;

    width: 100%;

    padding: 10px 15px;

    -webkit-flex-direction: column;

    -ms-flex-direction: column;

    flex-direction: column;

    height: auto;

    -webkit-align-items: flex-start;

    -ms-flex-align: start;

    align-items: flex-start;

}


.about-us-content-bottom-item.slick-slide {

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

}


.about-us-content-bottom-item:hover {

    background: #ff7506;

}


.about-us-content-bottom-item:hover i {

    color: #ffffff;

}


.about-us-content-bottom-item:hover .item-content span.title,
.about-us-content-bottom-item:hover .item-content p.description {

    color: #ffffff;

}


.about-us-content-bottom-item i {

    font-size: 2em;

    color: #ff7506;

    transition: 0.2s ease-in-out;

}


.about-us-content-bottom-item .item-content {

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-flex-direction: column;

    -ms-flex-direction: column;

    flex-direction: column;

    margin-left: 0;

    margin-top: 15px;

}


.about-us-content-bottom-item .item-content span.title {

    font-size: 16px;

    color: #000000;

    font-weight: 700;

    line-height: 1.39;

    margin-bottom: 15px;

    line-height: 1;

    transition: 0.2s ease-in-out;

}


.about-us-content-bottom-item .item-content p.description {

    display: inline-block;

    font-size: 13px;

    color: #525252;

    font-weight: 300;

    line-height: 1.29;

    margin: 0;

    transition: 0.2s ease-in-out;

    height: 3.87em;

}


.about-us-section .slick-dots li {

    background: #000000;

}


.about-us-section .slick-dots li.slick-active {

    border-color: #000000;

}


.about-us-section.about-us-section--overflow {

    margin-bottom: -85px;

}


.about-us-section.about-us-section--overflow .slick-dots li {

    background: #ffffff;

}


.about-us-section.about-us-section--overflow .slick-dots li.slick-active {

    background: transparent;

    border-color: #ffffff;

}


.about-us-section.about-us-section--overflow + * {

    padding-top: 145px;

    margin-top: 0;

}

@media (max-width: 992px) {

    section.about-us-section, article.about-us-content {

        margin-bottom: 32px;

    }

}


.services-list-item {

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-justify-content: space-between;

    -ms-flex-pack: justify;

    justify-content: space-between;

    border-radius: 4px;

    overflow: hidden;

    height: auto;

    transition: 0.2s ease-in-out;

    -webkit-flex-direction: column;

    -ms-flex-direction: column;

    flex-direction: column;

    text-decoration: none;

}


.services-list-item:hover {

    text-decoration: none;

}


.services-list-item--vert {

    overflow: visible;

    height: 100%;

}


.services-list-item--vert:hover {

    box-shadow: 0px 13px 50px 0 rgba(255, 117, 6, 0.31);

}


.services-list-item--vert .services-list-item-content {

    height: 100%;

    width: 100%;

    padding: 40px 10px 20px 10px;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

}

@media (max-width: 992px) {

    .services-list-item--vert .services-list-item-content {

        padding: 95px 30px 40px 30px;

    }

}

.services-list-item--vert .services-list-item-content span.title {

    font-size: 16px;

    margin-bottom: 15px;

    text-align: center;

}


.services-list-item--vert .services-list-item-content p.description {

    text-align: left;

    font-size: 13px;

    width: 100%;

}


.services-list-item--vert .services-list-item-content .read-more {

    margin-top: auto;

}


.services-list-item--vert .services-list-item-icon {

    width: 90px;

    height: 90px;

    left: 50%;

    top: 0;

    -webkit-transform: translateX(-50%) translateY(-50%);

    -ms-transform: translateX(-50%) translateY(-50%);

    transform: translateX(-50%) translateY(-50%);

    box-shadow: none;

    background: #f2f2f2;

}


.services-list-item--vert .services-list-item-icon i {

    color: #8c8c8c;

}


.services-list-item--vert-wrapper {

    margin-top: 41px;

}


.services-list-item--narrow {

    -webkit-flex-direction: column;

    -ms-flex-direction: column;

    flex-direction: column;

}


.services-list-item--narrow .services-list-item-figure {

    width: 100%;

}


.services-list-item--narrow .services-list-item-content {

    padding: 20px;

    -webkit-justify-content: center;

    -ms-flex-pack: center;

    justify-content: center;

}


.services-list-item--narrow .services-list-item-content span.title {

    margin-bottom: 25px;

}


.services-list-item--narrow .services-list-item-content p.description {

    margin-bottom: 30px;

}


.services-list-item:hover .services-list-item-icon {

    background: #ff7506;

}


.services-list-item:hover .services-list-item-icon i {

    color: #ffffff;

}


.services-list-item:hover .services-list-item-content::after {

    height: 2px;

}


.services-list-item:hover .services-list-item-content .read-more {

    color: #ff7506;

}


.services-list-item-wrapper {

    margin-bottom: 15px;

}


.services-list-item-figure {

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-justify-content: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    width: 100%;

    height: 200px;

    -webkit-flex-shrink: 0;

    -ms-flex-negative: 0;

    flex-shrink: 0;

    margin: 0;

}


.services-list-item-figure img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}


.services-list-item-content {

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-flex-direction: column;

    -ms-flex-direction: column;

    flex-direction: column;

    padding: 20px;

    background: #ffffff;

    position: relative;

}


.services-list-item-content::after {

    content: '';

    position: absolute;

    left: 0;

    bottom: 0;

    width: 100%;

    height: 0;

    background: #ff7506;

    transition: 0.2s ease-in-out;

}


.services-list-item-content span.title {

    font-size: 20px;

    color: #000000;

    font-weight: 600;

    line-height: 18px;

    margin-bottom: 15px;

}


.services-list-item-content p.description {

    margin: 0;

    font-size: 15px;

    color: #525252;

    font-weight: 300;

    line-height: 1.5;

    margin-bottom: 30px;

}


.services-list-item-content .read-more {

    font-size: 13px;

    color: #9d9d9d;

    font-weight: 600;

    line-height: 9px;

    text-decoration: none;

    transition: 0.2s ease-in-out;

}


.services-list-item-icon {

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-justify-content: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    border-radius: 50%;

    background: #ffffff;

    position: absolute;

    box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);

    transition: 0.2s ease-in-out;

    width: 50px;

    height: 50px;

    top: -60px;

    left: 15px;

    -webkit-transform: none;

    -ms-transform: none;

    transform: none;

}


.services-list-item-icon i {

    color: #ff7506;

    transition: 0.2s ease-in-out;

    font-size: 2em;

}


.app-download-box {

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-justify-content: space-between;

    -ms-flex-pack: justify;

    justify-content: space-between;

    border-radius: 4px;

    background: #ff7506;

    position: relative;

    padding: 15px 10px;

    -webkit-flex-direction: column;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-align-items: flex-start;

    -ms-flex-align: start;

    align-items: flex-start;

}


.app-download-box > * + * {

    margin-top: 10px;

}


.app-download-box.app-download-box--dark {

    background: #424242;

}


.app-download-box.app-download-box--primary {

    background: #175de3;

}


.app-download-box.app-download-box--secondary {

    background: #072867;

}


.app-download-box-content {

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-flex-direction: column;

    -ms-flex-direction: column;

    flex-direction: column;

}


.app-download-box-content i {

    color: #ffffff;

    font-size: 2em;

}


.app-download-box-content a.download-link {

    text-decoration: none;

}


.app-download-box-content a.download-link:hover {

    color: #ffffff;

    text-decoration: none;

}


.app-download-box .app-download-box-filename {

    font-size: 14px;

    color: #ffffff;

    font-weight: 600;

    line-height: 1.67;

}


.app-download-box .app-download-box-title {

    font-size: 14px;

    color: #ffffff;

    font-weight: 600;

    line-height: 1.67;

}


.app-download-box .app-download-box-title--lighten {

    font-size: 14px;

    color: rgba(255, 255, 255, 0.3);

    font-weight: 700;

    line-height: 1.79;

}


.article-wrapper {

    width: 100%;

    background: #ffffff;

    border-radius: 4px;

    overflow: hidden;

}


.article-wrapper .app-download-box {

    margin-top: 40px;

}


.article-wrapper.portfolio-article .article-content-wrapper .article-content-main h2.title {

    font-weight: 500;

}


.article-wrapper .article-figure {

    width: 100%;

    position: relative;

    height: 300px;

    margin: 0;

}


.article-wrapper .article-figure img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}


.article-wrapper .article-figure-icon {

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-justify-content: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    position: absolute;

    width: 73px;

    height: 73px;

    background: #ffffff;

    border-radius: 50%;

    box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);

    left: 30px;

    bottom: 30px;

}


.article-wrapper .article-figure-icon i {

    font-size: 2em;

    color: #ff7506;

}


.article-wrapper .article-content-wrapper {

    padding: 20px 15px;

}


.article-wrapper .article-content-wrapper .article-content-details {

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    margin-bottom: 30px;

}


.article-wrapper .article-content-wrapper .article-content-details span,
.article-wrapper .article-content-wrapper .article-content-details a {

    font-size: 13px;

    color: #9d9d9d;

    font-weight: 500;

    line-height: 1;

    text-decoration: none;

}


.article-wrapper .article-content-wrapper .article-content-details a:hover {

    text-decoration: none;

    color: #848484;

}


.article-wrapper .article-content-wrapper .article-content-details * + * {

    margin-left: 25px;

}


.article-wrapper .article-content-wrapper .article-content-main h2.title {

    margin: 0;

    display: block;

    font-size: 20px;

    color: #000000;

    font-weight: 700;

    line-height: 1;

    margin-bottom: 15px;

}


.article-wrapper .article-content-wrapper .article-content-main p {

    font-size: 16px;

    color: #212529;

    font-weight: 400;

    line-height: 28px;

    margin: 0;

}


.article-wrapper .article-content-wrapper .article-content-main p + p {

    margin-top: 10px;

}


.article-wrapper .article-content-wrapper .article-content-main figure {

    margin: 25px 0;

}


.article-wrapper .article-content-wrapper .article-content-main figure img {

    width: 100%;

    height: auto;

    object-fit: cover;

}


.article-wrapper .article-content-wrapper .article-content-main .fluid {

    width: calc(100% + 30px);

    margin-left: -15px;

}


.article-wrapper.article--blog .article-content-wrapper {

    padding: 20px 15px;

}


.article-wrapper.article--blog .article-content-wrapper .article-content-main h2.title {

    margin-bottom: 20px;

    font-weight: 500;

}


.article-wrapper.article--blog .article-figure-icon {

    display: none;

}


.app-aside {

    position: -webkit-sticky;

    position: sticky;

    top: 15px;

    margin-top: 15px;

}


.app-aside-widget {

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-flex-direction: column;

    -ms-flex-direction: column;

    flex-direction: column;

    background: #ffffff;

    border-radius: 4px;

    overflow: hidden;

}


.app-aside-widget.no-bg {

    background: transparent;

}


.app-aside-widget + .app-aside-widget {

    margin-top: 15px;

}


.app-aside-widget-search {

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    margin: 0;

    padding: 0;

    background: #175de3;

    padding: 0 25px 0 15px;

}


.app-aside-widget-search .app-input {

    background: transparent;

    border: 0;

    color: #ffffff;

    padding: 0;

    -webkit-flex-grow: 1;

    -ms-flex-positive: 1;

    flex-grow: 1;

    font-size: 13px;

    font-weight: 600;

    padding-right: 15px;

}


.app-aside-widget-search .app-input.placeholder {

    color: #ffffff;

}


.app-aside-widget-search .app-input:-moz-placeholder {

    color: #ffffff;

}


.app-aside-widget-search .app-input::-moz-placeholder {

    color: #ffffff;

}


.app-aside-widget-search .app-input:-ms-input-placeholder {

    color: #ffffff;

}


.app-aside-widget-search .app-input::-webkit-input-placeholder {

    color: #ffffff;

}


.app-aside-widget-search button.app-aside-widget-search-submit {

    width: 15px;

    height: auto;

    min-width: initial;

    -webkit-justify-content: flex-end;

    -ms-flex-pack: end;

    justify-content: flex-end;

}


.app-aside-widget-search button.app-aside-widget-search-submit:hover {

    background: #175de3;

}


.app-aside-widget-title {

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    height: 64px;

    padding-left: 20px;

    position: relative;

    width: 100%;

    border-bottom: 2px solid #ff7506;

}


.app-aside-widget-title::after {

    content: '';

    position: absolute;

    right: 0;

    top: 0;

    width: 2px;

    height: 100%;

    background: #fff !important;

}


.app-aside-widget-title span.title {

    font-size: 15px;

    color: #175de3;

    font-weight: 500;

    line-height: 1.56;

}


.app-aside-widget-content {

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-flex-direction: column;

    -ms-flex-direction: column;

    flex-direction: column;

    position: relative;

}


.app-aside-widget-content.js-aside-slider.slick-slider {

    -webkit-user-select: initial;

    -moz-user-select: initial;

    -ms-user-select: initial;

    user-select: initial;

}


.app-aside-widget-content .app-download-box {

    -webkit-flex-direction: column;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-align-items: flex-start;

    -ms-flex-align: start;

    align-items: flex-start;

    padding: 15px;

    margin: 0;

}


.app-aside-widget-content .app-download-box-content.title-box span {

    line-height: 1;

}


.app-aside-widget-content .app-download-box-content a.download-link:hover {

    color: rgba(255, 255, 255, 0.7);

}


.app-aside-widget-content .app-download-box .app-download-box-title--lighten {

    color: #ffffff;

}


.app-aside-widget-content .app-download-box-content.title-box + div {

    margin-top: 20px;

}


.app-aside-widget-content .app-download-box-content + .app-download-box-content {

    margin-top: 10px;

}


.app-aside-widget-content .app-download-box .box-icon {

    position: absolute;

    right: 15px;

    margin: 0;

    top: 15px;

}


.app-aside-widget-rich-menu-item {

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    text-decoration: none;

    border-top: 1px solid #f7f7f7;

    position: relative;

    z-index: 1;

    padding: 10px;

}


.app-aside-widget-rich-menu-item::after {

    content: '';

    position: absolute;

    left: 0;

    bottom: 0;

    width: 100%;

    height: 0px;

    background: #175de3;

    transition: .1s ease-in-out;

    z-index: -1;

    display: none;

}


.app-aside-widget-rich-menu-item:hover {

    text-decoration: none;

}


.app-aside-widget-rich-menu-item:hover::after {

    height: 47px;

}


.app-aside-widget-rich-menu-item:hover .date {

    color: #ffffff;

    position: absolute;

    bottom: 15px;

}


.app-aside-widget-rich-menu-item figure {

    margin: 0;

    -webkit-flex-shrink: 0;

    -ms-flex-negative: 0;

    flex-shrink: 0;

    margin-right: 10px;

    width: 70px;

    height: 60px;

}


.app-aside-widget-rich-menu-item figure img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}


.app-aside-widget-rich-menu-item-content {

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-flex-direction: column;

    -ms-flex-direction: column;

    flex-direction: column;

}


.app-aside-widget-rich-menu-item-content .title {

    font-size: 13px;

    color: #252525;

    font-weight: normal;

    line-height: 1.43;

    margin-bottom: 15px;

}


.app-aside-widget-rich-menu-item-content .date {

    font-size: 11px;

    color: #aaaaaa;

    font-weight: 500;

    transition: .1s ease-in-out;

    line-height: 1;

}


.app-aside-widget-menu-item {

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    height: 50px;

    padding-left: 20px;

    padding-right: 20px;

    text-decoration: none;

    transition: .2s ease-in-out;

    border-top: 1px solid #f7f7f7;

    background-image: none;

}


.app-aside-widget-menu-item .page-menu-item-title {

    font-size: 14px;

    color: #6d6d6d;

    font-weight: 500;

    line-height: 1.6;

    white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

}


.app-aside-widget-menu-item .menu-item-title {

    font-size: 14px;

    color: #6d6d6d;

    font-weight: normal;

    line-height: 1.6;

    white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

    margin-right: 10px;

}


.app-aside-widget-menu-item .menu-item-count {

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-justify-content: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    width: 32px;

    height: 32px;

    border-radius: 50%;

    background: #f7f7fd;

    font-size: 11px;

    color: rgba(37, 37, 37, 0.47);

    font-weight: 500;

    margin-left: auto;

    transition: .2s ease-in-out;

    -webkit-flex-shrink: 0;

    -ms-flex-negative: 0;

    flex-shrink: 0;

}


.app-aside-widget-menu-item i {

    color: #6d6d6d;

    margin-right: 15px;

}


.app-aside-widget-menu-item:hover {

    text-decoration: none;

    color: #606060;

    padding-left: 25px;

    background-image: linear-gradient(to right, #ffffff, #f7f7fd);

}


.app-aside-widget-menu-item:hover .menu-item-count {

    background: #ffffff;

}


.app-aside-widget-abox {

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-justify-content: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    border-top: 1px solid #f7f7f7;

    padding: 15px;

}


.app-aside-widget-abox img {

    max-width: 100%;

    height: auto;

}


.app-aside-widget-abox a {

    text-decoration: none;

}


.app-aside-widget-abox a:hover {

    text-decoration: none;

}


.app-aside-widget-userbox {

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    padding: 23px 20px;

}


.app-aside-widget-userbox figure {

    margin: 0;

    width: 70px;

    height: 70px;

    margin-right: 12px;

}


.app-aside-widget-userbox figure img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}


.app-aside-widget-userbox-content {

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-flex-direction: column;

    -ms-flex-direction: column;

    flex-direction: column;

    padding-top: 5px;

}


.app-aside-widget-userbox-content span.role {

    font-size: 9px;

    color: #848484;

    font-weight: 500;

    margin-bottom: 14px;

    line-height: 1;

}


.app-aside-widget-userbox-content span.name {

    font-size: 15px;

    color: #175de3;

    font-weight: 700;

    line-height: 1;

    margin-bottom: 10px;

}


.app-aside-widget-detailsbox.flat-content-detailsbox {

    float: initial;

    width: 100%;

    background: #175de3;

}


.app-aside-widget-slide {

    width: 100%;

    position: relative;

    height: 400px;

}


.app-aside-widget-slide::after {

    content: '';

    position: absolute;

    left: 0;

    bottom: 0;

    width: 100%;

    height: 100%;

    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.6), transparent);

}


.app-aside-widget-slide .slide-img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}


.app-aside-widget-slide-content {

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-flex-direction: column;

    -ms-flex-direction: column;

    flex-direction: column;

    position: absolute;

    left: 25px;

    bottom: 45px;

    right: 80px;

    z-index: 1;

}


.app-aside-widget-slide-content span.title {

    font-size: 15px;

    color: #ffffff;

    font-weight: 500;

    line-height: 1.56;

    margin-bottom: 13px;

}


.app-aside-widget-slide-content p.description {

    font-size: 13px;

    color: #b4b4b4;

    font-weight: 500;

    line-height: 1.71;

    margin: 0;

}


.app-aside-widget .aside-carousel-navigation {

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-flex-direction: column;

    -ms-flex-direction: column;

    flex-direction: column;

    position: absolute;

    right: 19px;

    bottom: 22px;

    z-index: 19;

}


.app-aside-widget .aside-carousel-navigation-btn {

    display: block;

    text-align: center;

    width: 36px;

    height: 36px;

    border-radius: 50%;

    min-width: auto;

    background: transparent;

    border: 3px solid #ffffff;

    padding: 0;

}


.app-aside-widget .aside-carousel-navigation-btn i {

    color: #ffffff;

    font-size: 1.5em;

}


.app-aside-widget .aside-carousel-navigation-btn + .aside-carousel-navigation-btn {

    margin-top: 13px;

}


.app-aside-widget .aside-carousel-navigation-btn:hover,
.app-aside-widget .aside-carousel-navigation-btn:active,
.app-aside-widget .aside-carousel-navigation-btn:focus {

    background: #ffffff;

}


.app-aside-widget .aside-carousel-navigation-btn:hover i,
.app-aside-widget .aside-carousel-navigation-btn:active i,
.app-aside-widget .aside-carousel-navigation-btn:focus i {

    color: #969696;

}


.app-aside-widget.flat-widget .app-aside-widget-title {

    height: 47px;

}


.app-aside-widget.flat-widget .app-aside-widget-title::after {

    display: none;

}


.app-aside-widget.flat-widget .app-aside-widget-title span.title {

    font-size: 14px;

    color: #3f3f3f;

    font-weight: 600;

}


.blog-list-container .app-pagination {

    margin-top: 15px;

}


.blog-list-item {

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-flex-direction: column;

    -ms-flex-direction: column;

    flex-direction: column;

    border-radius: 4px;

    overflow: hidden;

    position: relative;

    height: 100%;

    text-decoration: none;

}


.blog-list-item--wide {

    -webkit-flex-direction: column;

    -ms-flex-direction: column;

    flex-direction: column;

}


.blog-list-item--wide .blog-list-item-figure {

    height: 180px;

    width: 100%;

}


.blog-list-item--wide .blog-list-item-figure span.blog-list-item-figure-icon {

    width: 55px;

    height: 55px;

    right: 5px;

    top: 15px;

}


.blog-list-item--wide .blog-list-item-figure img.avatar {

    -webkit-transform: none;

    -ms-transform: none;

    transform: none;

    right: 5px;

    bottom: 15px;

}


.blog-list-item--wide .blog-list-item-content {

    position: relative;

    padding: 15px 10px;

}


.blog-list-item--wrapper {

    margin-bottom: 30px;

}


.blog-list-item--wrapper .blog-list-item--wrapper:last-of-type + .col-12 {

    margin-top: -30px;

}


.blog-list-item:hover {

    text-decoration: none;

}


.blog-list-item:hover .blog-list-item-content span.title,
.blog-list-item:hover .blog-list-item-content .read-more {

    color: #ff7506;

}


.blog-list-item:hover .blog-list-item-content::after {

    height: 3px;

}


.blog-list-item-figure {

    width: 100%;

    height: 230px;

    position: relative;

    margin: 0;

    -webkit-flex-shrink: 0;

    -ms-flex-negative: 0;

    flex-shrink: 0;

}


.blog-list-item-figure img.thumbnail {

    width: 100%;

    height: 100%;

    object-fit: cover;

}


.blog-list-item-figure-icon {

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-justify-content: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    border-radius: 50%;

    position: absolute;

    box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);

    background: #ffffff;

    right: 10px;

    top: 10px;

    width: 50px;

    height: 50px;

}


.blog-list-item-figure-icon i {

    font-size: 2em;

    color: #ff7506;

}


.blog-list-item-figure img.avatar {

    width: 50px;

    height: 50px;

    border-radius: 50%;

    object-fit: cover;

    position: absolute;

    right: 10px;

    bottom: 10px;

    -webkit-transform: none;

    -ms-transform: none;

    transform: none;

}


.blog-list-item-content {

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-flex-direction: column;

    -ms-flex-direction: column;

    flex-direction: column;

    padding: 15px 10px;

    background: #ffffff;

}


.blog-list-item-content::after {

    content: '';

    position: absolute;

    left: 0;

    bottom: 0;

    width: 100%;

    height: 0px;

    background: #ff7506;

    transition: 0.2s ease-in-out;

}


.blog-list-item-content span.title {

    font-size: 18px;

    color: #000000;

    font-weight: 600;

    line-height: 1.25;

    transition: 0.2s ease-in-out;

    margin-bottom: 10px;

}


.blog-list-item-content-detail {

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-justify-content: space-between;

    -ms-flex-pack: justify;

    justify-content: space-between;

    margin-bottom: 15px;

    -webkit-flex-wrap: wrap;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

}


.blog-list-item-content-detail span {

    font-size: 11px;

    color: #9d9d9d;

    font-weight: 500;

    line-height: 1;

    margin-right: 10px;

    margin-bottom: 5px;

    -webkit-flex-shrink: 0;

    -ms-flex-negative: 0;

    flex-shrink: 0;

    word-break: break-all;

}


.blog-list-item-content p.description {

    font-size: 15px;

    color: #525252;

    font-weight: 300;

    line-height: 1.5;

    margin: 0;

    margin-bottom: 25px;

}


.blog-list-item-content .read-more {

    font-size: 13px;

    color: #9d9d9d;

    font-weight: 600;

    line-height: 1;

    transition: 0.2s ease-in-out;

}


.comments-section .section-content {

    margin-top: 30px;

}


.comments-section .section-title-wrapper {

    margin-top: 30px;

    -webkit-align-items: flex-start;

    -ms-flex-align: start;

    align-items: flex-start;

}


.comments-section .section-title-wrapper .section-title {

    margin-top: 0;

    padding-bottom: 0;

    margin-bottom: 15px;

}


.comments-section .section-title-wrapper .section-title::after {

    display: none;

}


.comments-section .section-title-wrapper span.subtitle {

    font-size: 15px;

    color: #858585;

    font-weight: 500;

    padding-bottom: 18px;

}


.comments-section .section-title-wrapper span.subtitle::after {

    display: block;

    left: 0;

    -webkit-transform: none;

    -ms-transform: none;

    transform: none;

}


.comments-section form.comment-form {

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-flex-wrap: wrap;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

}


.comments-section form.comment-form .input-row {

    width: calc((100% - 15px) / 2);

}


.comments-section form.comment-form .input-row button.app-btn[type='submit'] {

    border-radius: 0;

    font-size: 15px;

    color: #ffffff;

    font-weight: 600;

}


.comments-section form.comment-form .input-row.full-row {

    width: 100%;

    margin-left: 0;

    margin-top: 15px;

}


.comments-section form.comment-form .input-row + .input-row:not(.full-row) {

    margin-left: 15px;

}


.comments-section form.comment-form .input-row input {

    height: 50px;

}


.comments-section form.comment-form .input-row textarea {

    padding: 20px 35px;

    min-height: 90px;

}


.comments-section form.comment-form .input-row input,
.comments-section form.comment-form .input-row textarea {

    width: 100%;

    border-radius: 0;

    border-color: transparent;

    font-size: 13px;

    color: #175de3;

    font-weight: normal;

}


.comments-section form.comment-form .input-row input.placeholder,
.comments-section form.comment-form .input-row textarea.placeholder {

    color: #313131;

    font-weight: 500;

}


.comments-section form.comment-form .input-row input:-moz-placeholder,
.comments-section form.comment-form .input-row textarea:-moz-placeholder {

    color: #313131;

    font-weight: 500;

}


.comments-section form.comment-form .input-row input::-moz-placeholder,
.comments-section form.comment-form .input-row textarea::-moz-placeholder {

    color: #313131;

    font-weight: 500;

}


.comments-section form.comment-form .input-row input:-ms-input-placeholder,
.comments-section form.comment-form .input-row textarea:-ms-input-placeholder {

    color: #313131;

    font-weight: 500;

}


.comments-section form.comment-form .input-row input::-webkit-input-placeholder,
.comments-section form.comment-form .input-row textarea::-webkit-input-placeholder {

    color: #313131;

    font-weight: 500;

}


.comments-section form.comment-form .input-row input:focus,
.comments-section form.comment-form .input-row textarea:focus {

    border-color: #175de3;

}


.comments-section .app-comment-box {

    border-radius: 4px;

    background: #ffffff;

    position: relative;

    display: block;

    padding: 10px 15px;

}


.comments-section .app-comment-box::after {

    content: '';

    position: absolute;

    left: 0;

    bottom: 0;

    width: 100%;

    height: 0px;

    background: #175de3;

    transition: .1s ease-in-out;

}


.comments-section .app-comment-box + .app-comment-box {

    margin-top: 30px;

}


.comments-section .app-comment-box.comment--reply {

    margin-left: 50px;

}


.comments-section .app-comment-box figure.avatar {

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-justify-content: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    margin: 0;

    width: 70px;

    height: 70px;

    -webkit-flex-shrink: 0;

    -ms-flex-negative: 0;

    flex-shrink: 0;

    float: left;

    margin-right: 10px;

}


.comments-section .app-comment-box figure.avatar img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}


.comments-section .app-comment-box-content {

    -webkit-flex-direction: column;

    -ms-flex-direction: column;

    flex-direction: column;

    padding-top: 5px;

    display: block;

}


.comments-section .app-comment-box-content .comment-head {

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-justify-content: space-between;

    -ms-flex-pack: justify;

    justify-content: space-between;

    margin-bottom: 10px;

}


.comments-section .app-comment-box-content .comment-head .date {

    font-size: 13px;

    color: #939393;

    font-weight: 600;

    line-height: 1;

}


.comments-section .app-comment-box-content .comment-head .reply {

    font-size: 11px;

    color: #939393;

    font-weight: 500;

    text-decoration: none;

    line-height: 1;

}


.comments-section .app-comment-box-content .comment-head .reply:hover {

    text-decoration: none;

    color: #175de3;

}


.comments-section .app-comment-box-content .comment-person {

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    margin-bottom: 10px;

    -webkit-flex-direction: column;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-align-items: flex-start;

    -ms-flex-align: start;

    align-items: flex-start;

}


.comments-section .app-comment-box-content .comment-person .name {

    font-size: 13px;

    color: #242424;

    font-weight: 600;

    line-height: 1.2;

}


.comments-section .app-comment-box-content .comment-person .role {

    font-size: 10px;

    color: #939393;

    font-weight: 600;

    line-height: 1;

    margin-left: 0;

    margin-top: 10px;

}


.comments-section .app-comment-box-content p.description {

    font-size: 12px;

    color: #757575;

    font-weight: normal;

    margin: 0;

}


.comments-section .app-comment-box-content p.description + p {

    margin-top: 20px;

}


.portfolio-items-wrapper {

    margin-bottom: -30px;

    margin-top: -50px;

}


.portfolio-list-item {

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-flex-direction: column;

    -ms-flex-direction: column;

    flex-direction: column;

    position: relative;

    border-radius: 4px;

    overflow: hidden;

    text-decoration: none;

}


.portfolio-list-item--type2 .portfolio-list-item-content span.title {

    font-size: 18px;

}


.portfolio-list-item--type3 .portfolio-item-details {

    -webkit-justify-content: space-between;

    -ms-flex-pack: justify;

    justify-content: space-between;

}


.portfolio-list-item--type3 .portfolio-list-item-content span.title {

    font-size: 16px;

}


.portfolio-list-item--type3:hover span.title {

    color: #ff7506;

}

.portfolio-list-lightbox a:hover span.read-more {

    color: #ff7506;

}

.portfolio-list-item:hover {

    text-decoration: none;

}


.portfolio-list-item:hover::after {

    height: 2px;

}


.portfolio-list-item:hover .read-more {

    color: #ff7506;

}


.portfolio-list-item::after {

    content: '';

    position: absolute;

    left: 0;

    bottom: 0;

    width: 100%;

    height: 0px;

    background: #ff7506;

    transition: 0.1s ease-in-out;

}


.portfolio-list-item figure.thumbnail {

    width: 100%;

    height: 295px;

    margin: 0;

}


.portfolio-list-item figure.thumbnail img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}


.portfolio-list-item-content {

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-flex-direction: column;

    -ms-flex-direction: column;

    flex-direction: column;

    background: #ffffff;

    padding: 15px;

    margin-bottom: 30px;

}


.portfolio-list-item-content span.title {

    font-size: 20px;

    color: #000000;

    font-weight: 500;

    line-height: 1.14;

    margin-bottom: 15px;

    transition: 0.1s ease-in-out;

    white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

}


.portfolio-list-item-content .portfolio-item-details {

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-flex-wrap: wrap;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

}


.portfolio-list-item-content .portfolio-item-details span,
.portfolio-list-item-content .portfolio-item-details a {

    font-size: 11px;

    color: #9d9d9d;

    font-weight: 600;

    line-height: 1;

    text-decoration: none;

    -webkit-flex-shrink: 0;

    -ms-flex-negative: 0;

    flex-shrink: 0;

    margin-right: 10px;

    margin-bottom: 5px;

}


.portfolio-list-item-content .portfolio-item-details span:hover,
.portfolio-list-item-content .portfolio-item-details a:hover {

    text-decoration: none;

}


.small-article-box {

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-justify-content: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-flex-direction: column;

    -ms-flex-direction: column;

    flex-direction: column;

    position: relative;

    height: 200px;

    background: #ffffff;

    text-decoration: none;

    border-radius: 4px;

    margin-top: 50px;

}


.small-article-box:hover {

    text-decoration: none;

}


.small-article-box:hover .small-article-thumbnail {

    opacity: 1;

}


.small-article-box:hover span.small-article-title {

    color: #ffffff;

}


.small-article-box:hover .small-article-btn {

    background: #ff7506;

}


.small-article-box .small-article-thumbnail {

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-justify-content: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    margin: 0;

    z-index: 1;

    transition: 0.2s ease-in-out;

    opacity: 1;

    border-radius: 4px;

    overflow: hidden;

}


.small-article-box .small-article-thumbnail::before {

    content: '';

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, 0.6);

}


.small-article-box .small-article-thumbnail::after {

    content: '';

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background: rgba(7, 40, 103, 0.65);

}


.small-article-box .small-article-thumbnail img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    mix-blend-mode: luminosity;

}


.small-article-box .small-article-btn {

    display: -webkit-inline-flex;

    display: -ms-inline-flexbox;

    display: inline-flex;

    position: absolute;

    top: 50%;

    z-index: 2;

    background: #072867;

    padding: 0 30px;

    min-width: 120px;

    font-size: 10px;

    color: #ffffff;

    font-weight: 700;

    transition: 0.2s ease-in-out;

}


.small-article-box.prev .small-article-btn {

    left: 50%;

    top: 0;

    -webkit-transform: translateX(-50%) translateY(-50%);

    -ms-transform: translateX(-50%) translateY(-50%);

    transform: translateX(-50%) translateY(-50%);

}


.small-article-box.next .small-article-btn {

    right: 50%;

    top: 0;

    -webkit-transform: translateX(50%) translateY(-50%);

    -ms-transform: translateX(50%) translateY(-50%);

    transform: translateX(50%) translateY(-50%);

}


.small-article-box span.small-article-date {

    font-size: 13px;

    font-weight: 700;

    color: #cacaca;

    z-index: 2;

    transition: 0.2s ease-in-out;

}


.small-article-box span.small-article-title {

    width: 250px;

    font-size: 20px;

    font-weight: normal;

    line-height: 1.5;

    text-align: center;

    margin-top: 25px;

    z-index: 2;

    color: #ffffff;

    transition: 0.2s ease-in-out;

}


.author-social-links {

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

}


.author-social-links a.app-social-link {

    font-size: .8em;

    color: #bababb;

}


.author-social-links a.app-social-link + a {

    margin-left: 15px;

}


.author-social-links a.app-social-link:hover {

    color: #175de3;

}

.mb-60 {

    margin-bottom: 60px;

}

.mb-64 {

    margin-bottom: 64px;

}

/* Additionanl Media Queries */

@media (max-width: 992px) {

    .mb-64 {

        margin-bottom: 32px;

    }

    .section-title-wrapper .section-title {

        line-height: 1;

    }

    .page-hero-wrapper h2.title {

        line-height: 1;

    }

}

/* Links */

.latest-news-box a, span.info-text a, .read-more a {

    text-decoration: none;

    color: inherit;

}

.latest-news-box a:hover, span.info-text a:hover, .read-more a:hover {

    text-decoration: none;

    color: inherit;

}

form span.error {

    margin-left: 15px;

    color: #dc3545;

    font-size: 13px;

}

@media (min-width: 350px) {

    .app-pricing-item-heading span.item-title {

        font-size: 18px;

    }


    .app-pricing-item-heading .price-wrapper span.price {

        font-size: 45px;

    }


    .app-pricing-item-heading .price-wrapper span.symbol {

        font-size: 28px;

    }


    .app-pricing-item-heading .price-wrapper span.amount {

        font-size: 15px;

    }


    .app-pricing-item-content-row span.title {

        font-size: 15px;

    }


    .app-pricing-item-content p.description {

        font-size: 13px;

    }


    .app-pricing-item-content .select-plan-btn {

        padding: 0 45px;

        font-size: 15px;

    }


    .app-download-box {

        -webkit-flex-direction: row;

        -ms-flex-direction: row;

        flex-direction: row;

        -webkit-align-items: center;

        -ms-flex-align: center;

        align-items: center;

    }


    .app-download-box > * + * {

        margin-top: 0;

    }


    .app-download-box .box-icon {

        margin-left: 10px;

    }


    .blog-list-item-content-detail span {

        font-size: 13px;

    }

}


@media (min-width: 400px) {

    .app-elements-page .app-button-list button.app-btn {

        width: 48%;

    }


    .main-our-services-content-item .icon {

        font-size: 3em;

    }


    .main-our-services-content-item span.title {

        font-size: 22px;

    }

}


@media all and (-ms-high-contrast: active), (-ms-high-contrast: none) and (min-width: 400px) {

    .main-our-services-hexagon--big {

        width: 300px !important;

        height: 300px !important;

    }

}


@media (min-width: 576px) {

    .app-elements-page .app-button-list {

        -webkit-justify-content: flex-start;

        -ms-flex-pack: start;

        justify-content: flex-start;

    }


    .app-elements-page .app-button-list button.app-btn {

        margin-right: 15px;

        width: 30%;

    }


    .app-footer-wrapper .app-footer-text + .app-footer-text {

        margin-left: 15px;

    }


    .app-author-box-content .author-head-info .name {

        font-size: 15px;

    }


    .app-author-box-content .author-head-info .role {

        font-size: 13px;

    }


    .app-author-box-content p.description {

        font-size: 13px;

    }


    .app-pricing-item--wide .app-pricing-item-content {

        padding: 40px 40px 25px 35px;

    }


    .app-design-guide-heading-wrapper {

        -webkit-flex-direction: row;

        -ms-flex-direction: row;

        flex-direction: row;

        -webkit-justify-content: space-between;

        -ms-flex-pack: justify;

        justify-content: space-between;

        -webkit-align-items: center;

        -ms-flex-align: center;

        align-items: center;

    }


    .app-design-guide-heading-wrapper h1,
    .app-design-guide-heading-wrapper h2,
    .app-design-guide-heading-wrapper h3,
    .app-design-guide-heading-wrapper h4,
    .app-design-guide-heading-wrapper h5,
    .app-design-guide-heading-wrapper h6 {

        margin: 0;

    }


    .app-design-guide-colors {

        -webkit-align-items: center;

        -ms-flex-align: center;

        align-items: center;

        -webkit-flex-direction: row;

        -ms-flex-direction: row;

        flex-direction: row;

        -webkit-justify-content: space-between;

        -ms-flex-pack: justify;

        justify-content: space-between;

    }


    .app-design-guide-colors .color-item + .color-item {

        margin-top: 0px;

    }


    .app-tabnav--vert .app-tabnav--navs {

        width: 100px;

    }


    .flat-content-detailsbox {

        padding: 15px;

        display: block;

        width: 200px;

        margin: 0 15px 5px 0;

        float: left;

    }


    .flat-content-detailsbox span.title {

        text-align: left;

        -webkit-flex-basis: auto;

        -ms-flex-preferred-size: auto;

        flex-basis: auto;

        margin-bottom: 30px;

    }


    .flat-content-detailsbox-item {

        margin-bottom: 0;

        width: auto;

    }


    .flat-content-detailsbox-item + .flat-content-detailsbox-item {

        margin-top: 30px;

    }


    .flat-content-detailsbox-item .item-title {

        font-size: 10px;

    }


    .flat-content-detailsbox-item .item-content {

        font-size: 15px;

    }


    .team-members-wrapper .page-has-aside .app-pagination {

        margin-top: 0px;

    }


    .main-our-services-content-wrapper {

        padding: 0 30px;

    }


    .main-our-services-hexagon--small {

        width: 65px;

        height: 80px;

    }


    .main-our-services-hexagon--small i {

        font-size: 2em;

    }


    .main-our-services-wrapper {

        padding: 130px 0 80px 0;

    }


    .comments-section .app-comment-box-content .comment-person {

        -webkit-flex-direction: row;

        -ms-flex-direction: row;

        flex-direction: row;

        -webkit-align-items: center;

        -ms-flex-align: center;

        align-items: center;

    }


    .comments-section .app-comment-box-content .comment-person .name {

        font-size: 15px;

    }


    .comments-section .app-comment-box-content .comment-person .role {

        font-size: 13px;

        margin-top: 0;

        margin-left: 30px;

    }


    .comments-section .app-comment-box-content p.description {

        font-size: 13px;

    }

}


@media screen and (min-width: 768px) {

    .app-elements-page .app-tabnav--vert {

        margin-top: 0;

    }


    .page-has-aside.page-aside--left {

        -webkit-order: 2;

        -ms-flex-order: 2;

        order: 2;

    }


    .page-has-aside .services-list-item-wrapper + .app-pagination {

        margin-top: 0;

    }


    .page-has-aside .app-design-guide-colors .color-item span.color {

        width: 60px;

        height: 60px;

        margin-right: 10px;

    }


    .headbar {

        background: #ffffff;

    }


    .headbar-text {

        display: -webkit-flex;

        display: -ms-flexbox;

        display: flex;

        color: #919191;

    }


    .headbar-mail-link {

        color: #175de3;

    }


    .headbar .app-social-links-wrapper {

        margin-top: 10px;

        margin-bottom: 10px;

        display: inherit;

    }


    .app-pagination {

        margin-top: 34px;

    }


    ul.pagination li.page-item {

        height: 48px;

    }


    ul.pagination li.page-item .page-link {

        padding: 0 8px;

    }


    ul.pagination li.page-item + .page-item {

        margin-left: 13px;

    }


    .app-statistics-item {

        height: 160px;

    }


    .app-statistics-item-figure {

        height: 160px;

    }


    .app-statistics-item-content {

        margin-top: 50px;

    }


    .app-statistics-item-content span.amount {

        font-size: 40px;

    }


    .app-author-box {

        padding: 28px;

    }


    .app-author-box figure {

        margin-right: 20px;

    }


    .app-offer-box {

        padding: 60px 0;

        margin-top: 64px;

    }


    .app-offer-box-content {

        -webkit-flex-direction: row;

        -ms-flex-direction: row;

        flex-direction: row;

        -webkit-align-items: center;

        -ms-flex-align: center;

        align-items: center;

    }


    .app-offer-box-left span.title {

        line-height: 1.2;

    }


    .app-offer-box-left p.description {

        margin-top: 30px;

    }


    .app-offer-box-right {

        margin-top: 0;

        margin-left: 0;

        margin-right: 0;

    }


    .app-tab-filter {

        -webkit-justify-content: center;

        -ms-flex-pack: center;

        justify-content: center;

        -webkit-transform: none;

        -ms-transform: none;

        transform: none;

        -webkit-flex-direction: row;

        -ms-flex-direction: row;

        flex-direction: row;

        margin: 50px 0;

        height: auto;

        background: none;

        border: 0;

        padding: 0;

        overflow: auto;

    }


    .app-tab-filter-wrapper .mobile-tab-toggle {

        display: none;

    }


    .app-tab-filter-item + .app-tab-filter-item {

        margin-left: 40px;

    }


    .app-accordion .card + .card {

        margin-top: 32px;

    }


    .app-accordion .card .card-header .accordion-link {

        padding: 0 70px;

    }


    .app-accordion .card .card-header .accordion-icon {

        right: 30px;

    }


    .app-accordion .card .card-body {

        padding: 35px 70px 40px 70px;

    }


    .app-pricing-item-heading {

        padding: 90px 10px 65px 10px;

    }


    .app-pricing-item-heading span.item-icon {

        width: 100px;

        height: 100px;

    }


    .app-pricing-item-heading span.item-title {

        font-size: 23px;

    }


    .app-pricing-item-content {

        padding: 50px 35px 30px 35px;

    }


    .app-pricing-item-content-row + .app-pricing-item-content-row {

        margin-top: 30px;

    }


    .app-pricing-item-content p.description {

        margin-bottom: 30px;

        margin-top: 60px;

    }


    .app-pricing-item-content .select-plan-btn {

        min-width: 170px;

    }


    .app-pricing-item--wide .app-pricing-item-heading .item-icon {

        width: 80px;

        height: 80px;

    }


    .app-contact-wrapper {

        -webkit-flex-direction: row;

        -ms-flex-direction: row;

        flex-direction: row;

    }


    .app-contact-wrapper form.contact-form-wrapper {

        padding: 35px 25px;

    }


    .app-contact-wrapper .contact-form-details {

        padding: 35px 25px;

        width: 400px;

    }


    .app-contact-wrapper .contact-form-details-item + .contact-form-details-item {

        margin-top: 40px;

    }


    .app-contact-wrapper .contact-form-details-item i {

        margin-right: 35px;

    }


    .app-design-guide-subrow {

        margin-top: 40px;

    }


    .app-design-guide-row .chars-wrapper * + * {

        margin-left: 25px;

    }


    .app-design-guide-colors .color-item span.color {

        width: 70px;

        height: 70px;

        margin-right: 30px;

    }


    .app-design-guide-colors .color-item .color-item-content span.hex {

        font-size: 24px;

    }


    .app-design-guide-colors .color-item .color-item-content span.color-detail {

        font-size: 16px;

    }


    .page-404-wrapper .title,
    .page-404-wrapper .title-shadow {

        font-size: 250px;

    }


    .page-404-wrapper .title-shadow {

        text-shadow: 8px 13px 0 rgba(199, 199, 199, 0.65);

    }


    .main-hero-wrapper {

        height: 795px;

        margin-bottom: -75px;

    }


    .main-hero-item {

        height: 795px;

    }


    .main-hero-item-content {

        margin-bottom: 210px;

    }


    .main-hero-item-content span.title--small {

        font-size: 22px;

    }


    .main-hero-item-content span.title--medium {

        font-size: 45px;

    }


    .main-hero-item-content span.title--big {

        font-size: 110px;

        margin-bottom: 0;

        line-height: 112px;

    }


    .home-about-us-box {

        height: 100%;

    }


    .home-about-us-box-shape {

        -webkit-transform: translateX(-100px) translateY(-20px);

        -ms-transform: translateX(-100px) translateY(-20px);

        transform: translateX(-100px) translateY(-20px);

    }


    .main-contentbox {

        margin-top: 64px;

    }


    .main-contentbox-figure {

        height: 628px;

    }


    .main-contentbox-figure-logo {

        width: auto;

        text-align: left;

        left: 100px;

        bottom: 67px;

    }


    .main-contentbox-content {

        padding: 40px 25px;

        height: 628px;

        margin-top: 0;

    }


    .main-contentbox-content p.description {

        margin-top: auto;

    }


    .main-contentbox-content p.description + p {

        margin-top: 40px;

    }


    .main-contentbox-link {

        margin-top: auto;

    }


    .team-members-item-role {

        left: 15px;

        right: 15px;

        bottom: 15px;

        width: calc(100% - 30px);

        height: 40px;

        padding: 0 20px;

    }


    .team-members-wrapper .page-has-aside .app-pagination {

        margin-top: 65px;

    }


    .team-members-wrapper .team-members-item-wrapper {

        margin-bottom: 30px;

    }


    .latest-news-box.latest-news-box--small .latest-news-box-content span.title {

        margin-bottom: 18px;

    }


    .latest-news-box.latest-news-box--small .latest-news-box-content .latest-news-box-info {

        margin-top: 0px;

    }


    .latest-news-box.latest-news-box--small .latest-news-box-content p.description {

        margin-bottom: 30px;

    }


    .latest-news-box.latest-news-box--small .latest-news-box-content .info-text:last-of-type {

        margin-left: 45px;

    }


    .main-map-form {

        -webkit-flex-direction: row;

        -ms-flex-direction: row;

        flex-direction: row;

        padding: 30px 50px;

    }


    .main-map-form-title-wrapper {

        margin-bottom: 60px;

    }


    .main-map-form-item {

        width: calc((100% - 70px) / 3);

    }


    .main-map-form-item + .main-map-form-item:not(.main-map-form-item--textarea) {

        margin-left: auto;

        margin-top: 0;

    }


    .main-our-services {

        padding-bottom: 60px;

    }


    .main-our-services-content-wrapper {

        padding: 0 15px;

    }


    .main-our-services-content-item .icon {

        margin-bottom: 15px;

    }


    .main-our-services-content-item span.title {

        margin-bottom: 15px;

    }


    .main-our-services-content-item p.description {

        display: block;

    }


    .main-our-services-content-item p.description + p {

        margin-top: 20px;

    }


    .main-our-services-content-item a.read-more {

        height: 60px;

    }


    .main-our-services-content-item a.read-more span {

        margin-top: 20px;

        font-size: 15px;

    }


    .main-our-services-hexagon--small {

        width: 80px;

        height: 90px;

    }


    .main-our-services-hexagon--big {

        width: 50%;

        height: 50%;

    }


    .page-hero {

        height: 265px;

    }


    .page-hero.full-height .page-hero-wrapper {

        height: 215px;

    }


    .page-hero-cover {

        height: 265px;

    }


    .page-hero-wrapper {

        height: 265px;

        padding-left: 65px;

        padding-bottom: 0;

    }


    .page-hero-wrapper span.subtitle {

        font-size: 20px;

        margin-bottom: 20px;

    }


    .page-hero-wrapper h2.title {

        font-size: 60px;

    }

    .about-us-content {

        margin-bottom: 64px;

    }

    .about-us-content-wrapper {

        padding: 30px 30px;

        -webkit-flex-direction: row;

        -ms-flex-direction: row;

        flex-direction: row;

    }


    .about-us-content-wrapper figure {

        height: auto;

        width: 300px;

    }


    .about-us-content-main {

        margin-left: 30px;

    }


    .about-us-content-main span.subtitle {

        margin-top: 30px;

    }


    .about-us-content-main-text {

        margin-top: 30px;

    }


    .about-us-content-bottom {

        height: 155px;

    }


    .about-us-content-bottom-item {

        width: 25%;

        padding: 0 35px;

        -webkit-flex-direction: row;

        -ms-flex-direction: row;

        flex-direction: row;

        height: 155px;

        -webkit-align-items: center;

        -ms-flex-align: center;

        align-items: center;

    }


    .about-us-content-bottom-item i {

        font-size: 3.5em;

    }


    .about-us-content-bottom-item .item-content {

        margin-left: 30px;

        margin-top: 0;

    }


    .services-list-item--vert .services-list-item-content span.title {

        font-size: 20px;

        margin-bottom: 25px;

        line-height: 22px;

    }


    .services-list-item--vert .services-list-item-content p.description {

        text-align: center;

        font-size: 15px;

    }


    .services-list-item--vert .services-list-item-icon {

        height: 100px;

        width: 100px;

    }


    .services-list-item-wrapper {

        margin-bottom: 30px;

    }


    .services-list-item-content span.title {

        margin-bottom: 40px;

    }


    .app-download-box {

        padding: 30px 45px 30px 30px;

    }


    .app-download-box-content i {

        font-size: 3em;

    }


    .article-wrapper .article-content-wrapper .article-content-main h2.title {

        margin-bottom: 25px;

    }


    .article-wrapper .article-content-wrapper .article-content-main p + p {

        margin-top: 20px;

    }


    .app-aside {

        margin-top: 0;

    }


    .app-aside-widget-abox {

        padding: 20px;

    }


    .app-aside-widget-slide {

        height: 475px;

    }


    .blog-list-container .app-pagination {

        margin-top: 34px;

    }

    .portfolio-pagination.app-pagination {

        margin-top: 64px;

    }

    .services-list-pagination.app-pagination {

        margin-top: 0px;

    }


    .blog-list-item-figure {

        height: 345px;

    }


    .blog-list-item-figure-icon {

        width: 82px;

        height: 82px;

        right: 40px;

        top: 25px;

    }


    .blog-list-item-figure img.avatar {

        -webkit-transform: translateY(50%);

        -ms-transform: translateY(50%);

        transform: translateY(50%);

        bottom: 0;

    }


    .blog-list-item-content {

        padding: 30px 20px;

    }


    .blog-list-item-content span.title {

        margin-bottom: 25px;

    }


    .blog-list-item-content-detail {

        margin-bottom: 20px;

    }


    .blog-list-item-content-detail span {

        margin-right: 0;

        margin-bottom: 0;

    }


    .blog-list-item-content p.description {

        margin-bottom: 40px;

    }


    .comments-section form.comment-form .input-row {

        width: calc((100% - 30px) / 2);

    }


    .comments-section form.comment-form .input-row.full-row {

        margin-top: 30px;

    }


    .comments-section form.comment-form .input-row + .input-row:not(.full-row) {

        margin-left: 30px;

    }


    .comments-section .app-comment-box-content .comment-person {

        margin-bottom: 20px;

    }


    .portfolio-items-wrapper {

        margin-top: 0;

    }


    .portfolio-list-item-content .portfolio-item-details {

        -webkit-flex-wrap: nowrap;

        -ms-flex-wrap: nowrap;

        flex-wrap: nowrap;

    }


    .portfolio-list-item-content .portfolio-item-details span,
    .portfolio-list-item-content .portfolio-item-details a {

        margin-right: 0;

        margin-bottom: 0;

    }


    .portfolio-list-item-content .portfolio-item-details * + * {

        margin-left: 25px;

    }


    .portfolio-list-item-content .portfolio-item-details .read-more {

        margin-left: auto;

    }


    .small-article-box {

        margin-top: 64px;

    }

}


@media (min-width: 800px) {

    .main-our-services-content-item .icon {

        margin-bottom: 35px;

    }


    .main-our-services-content-item span.title {

        margin-bottom: 30px;

    }

}


@media screen and (min-width: 992px) {

    body.navbar--fixed .app-aside {

        top: 105px;

    }


    .divider {

        margin: 64px 0;

    }

    .divider-2 {

        margin: 64px 0px 48px 0px;

    }


    .app-elements-page .app-button-list {

        margin-top: 50px;

        -webkit-flex-wrap: nowrap;

        -ms-flex-wrap: nowrap;

        flex-wrap: nowrap;

        -webkit-justify-content: center;

        -ms-flex-pack: center;

        justify-content: center;

    }


    .app-elements-page .app-button-list button.app-btn {

        margin-bottom: 0;

    }


    .page-hero:not(.page-hero--nopull) + [class*='col'] aside.app-aside {

        margin-top: -50px;

    }


    .page-has-aside .team-members-item-wrapper:nth-child(-n+3) {

        margin-top: 50px;

    }


    .page-has-aside .services-list-item-wrapper + .app-pagination {

        margin-top: 34px;

    }


    .page-has-aside .services-list-item:not(.services-list-item--vert) .services-list-item-figure {

        width: 200px;

    }


    .page-has-aside .services-list-item:not(.services-list-item--vert) .services-list-item-content {

        padding: 30px 30px 30px 50px;

    }


    .page-has-aside .services-list-item:not(.services-list-item--vert) .services-list-item-icon {

        width: 80px;

        height: 80px;

    }


    .page-has-aside .app-design-guide-colors {

        -webkit-flex-wrap: nowrap;

        -ms-flex-wrap: nowrap;

        flex-wrap: nowrap;

    }


    .headbar {

        height: 45px;

    }


    .headbar-container {

        height: 45px;

        -webkit-flex-wrap: nowrap;

        -ms-flex-wrap: nowrap;

        flex-wrap: nowrap;

        padding: 0;

    }


    .headbar .app-social-links-wrapper {

        margin-top: 0;

        margin-bottom: 0;

    }


    .app-navbar {

        height: 90px;

    }

    .headbar-with-logo + .app-navbar {

        height: 60px;

    }


    .app-navbar-container {

        -webkit-justify-content: flex-start;

        -ms-flex-pack: start;

        justify-content: flex-start;

        height: 90px;

        -webkit-flex-wrap: nowrap;

        -ms-flex-wrap: nowrap;

        flex-wrap: nowrap;

    }

    .headbar-with-logo + .app-navbar .app-navbar-container {

        height: 60px;

    }

    .app-navbar-logo {

        height: 100%;

    }


    .app-navbar-logo img {

        height: auto;

    }


    .app-navbar-ul {

        height: 100% !important;

    }


    .app-navbar-ul.menu-open {

        overflow-y: inherit;

    }


    .app-navbar-ul {

        position: relative;

        left: inherit;

        top: inherit;

        width: inherit;

        opacity: 1;

        visibility: visible;

        -webkit-flex-basis: inherit;

        -ms-flex-preferred-size: inherit;

        flex-basis: inherit;

        -webkit-order: inherit;

        -ms-flex-order: inherit;

        order: inherit;

        -webkit-flex-direction: row;

        -ms-flex-direction: row;

        flex-direction: row;

        border-top: inherit;

        -webkit-align-items: center;

        -ms-flex-align: center;

        align-items: center;

        height: 100%;

        overflow: hidden;

    }


    .app-navbar-ul-link {

        height: 100%;

        width: auto;

        padding: inherit;

    }


    .app-navbar-ul-link.has-child {

        -webkit-flex-direction: row;

        -ms-flex-direction: row;

        flex-direction: row;

        -webkit-align-items: center;

        -ms-flex-align: center;

        align-items: center;

    }


    .app-navbar-ul-link.has-child:last-of-type .app-navbar-dropdown {

        left: inherit;

        right: -50%;

    }


    .app-navbar-ul-link.has-child .app-navbar-dropdown {

        width: auto;

        background: #ffffff;

        box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);

        position: absolute;

        left: 0;

        top: 100%;

        -webkit-transform: translateY(20%);

        -ms-transform: translateY(20%);

        transform: translateY(20%);

        margin: 0;

        height: auto;

        transition: all 0.45s cubic-bezier(0.68, -0.55, 0.27, 1.55) 0s, opacity 0.5s cubic-bezier(0.68, -0.55, 0.27, 1.55) 0s;

        pointer-events: inherit;

    }


    .app-navbar-ul-link.active::before {

        display: block;

    }


    .app-navbar-ul-link a {

        -webkit-justify-content: center;

        -ms-flex-pack: center;

        justify-content: center;

        width: inherit;

    }


    .app-navbar-ul-link + .app-navbar-ul-link {

        margin-left: 20px;

        border-top: inherit;

    }


    .app-navbar-search {

        position: relative;

        -webkit-flex-shrink: 0;

        -ms-flex-negative: 0;

        flex-shrink: 0;

    }


    .app-navbar-search button.app-navbar-search-btn.app-btn i {

        color: #ffffff;

    }


    .app-navbar-search button.app-navbar-search-btn-close {

        margin-right: inherit;

    }


    .app-navbar-search input {

        height: 40px;

        background: #eee;

        border-radius: 30px;

    }


    .app-navbar-search input:focus {

        border-radius: 30px;

    }


    .app-navbar-search .input-wrapper {

        transition: .2s ease-in-out;

        top: inherit;

        left: inherit;

        right: 0;

        border: none;

    }


    .app-navbar-search .input-wrapper.active {

        top: inherit;

        border: inherit;

        width: 800px;

    }


    .app-navbar-trigger {

        display: none;

    }


    .app-footer-wrapper {

        -webkit-flex-direction: row;

        -ms-flex-direction: row;

        flex-direction: row;

        padding: 33px 0;

    }


    .app-footer-wrapper .app-footer-text {

        margin-right: 0;

        margin-top: 0;

    }


    .app-footer .app-social-links-wrapper {

        -webkit-flex-basis: auto;

        -ms-flex-preferred-size: auto;

        flex-basis: auto;

        -webkit-justify-content: flex-start;

        -ms-flex-pack: start;

        justify-content: flex-start;

    }


    .app-footer-content {

        -webkit-flex-wrap: nowrap;

        -ms-flex-wrap: nowrap;

        flex-wrap: nowrap;

        -webkit-justify-content: flex-start;

        -ms-flex-pack: start;

        justify-content: flex-start;

        text-align: center;

    }


    .app-statistics-wrapper {

        height: 180px;

        padding-top: 0;

    }


    .app-statistics-item {

        margin-bottom: 0;

        height: 180px;

    }


    .app-statistics-item:hover .app-statistics-item-icon {

        visibility: visible;

        opacity: 1;

    }


    .app-statistics-item:hover .app-statistics-item-figure {

        visibility: visible;

        -webkit-transform: translateY(-64px);

        -ms-transform: translateY(-64px);

        transform: translateY(-64px);

        opacity: 1;

    }


    .app-statistics-item:hover span.title,
    .app-statistics-item:hover span.amount {

        color: #ffffff;

    }


    .app-statistics-item-figure {

        visibility: hidden;

        -webkit-transform: translateY(-32px);

        -ms-transform: translateY(-32px);

        transform: translateY(-32px);

        opacity: 0;

        height: 265px;

    }


    .app-statistics-item-content {

        padding: 0;

        margin-top: 0;

    }


    .app-statistics-item-content span.amount {

        color: #404040;

    }


    .app-statistics-item-content span.title {

        color: #b1b1b1;

        margin-top: 0;

        text-align: left;

    }


    .app-statistics-item-icon {

        visibility: hidden;

        opacity: 0;

        top: 30px;

        font-size: 3em;

    }


    .app-brands-item {

        width: calc((100% - 90px) / 4);

    }


    .app-brands-item + .app-brands-item {

        margin-left: 30px;

    }


    .app-accordion.bordered-accordion .card .card-header .accordion-link {

        padding: 0 55px 0 30px;

    }


    .app-accordion.bordered-accordion .card .card-body {

        padding: 40px 30px;

    }


    .app-pricing-item {

        margin-top: 80px;

    }

    .app-pricing-item:hover {

        margin-top: 0px;

        box-shadow: 0px 7px 59px 0 rgba(0, 0, 0, 0.1);

    }


    .app-pricing-item:hover .app-pricing-item-heading {

        padding-top: 170px;

        background: #ff7506;

    }


    .app-pricing-item:hover .app-pricing-item-heading .item-icon {

        -webkit-transform: translateX(-50%);

        -ms-transform: translateX(-50%);

        transform: translateX(-50%);

        top: 50px;

    }


    .app-pricing-item:hover .app-pricing-item-heading .item-icon i {

        color: #ff7506;

    }

    .app-pricing-item-heading .price-wrapper span.price {

        font-size: 70px;

    }


    .app-pricing-item--wide {

        margin-top: 50px;

        -webkit-flex-direction: row;

        -ms-flex-direction: row;

        flex-direction: row;

    }


    .app-pricing-item--wide:hover {

        margin-top: 50px;

    }


    .app-pricing-item--wide:hover .app-pricing-item-heading {

        padding-top: 0;

    }


    .app-pricing-item--wide:hover .app-pricing-item-heading .item-icon {

        -webkit-transform: translateX(50%) translateY(-50%);

        -ms-transform: translateX(50%) translateY(-50%);

        transform: translateX(50%) translateY(-50%);

        margin: 0;

        top: 50%;

    }


    .app-pricing-item--wide .app-pricing-item-heading {

        padding: 0;

        width: 220px;

        border-radius: 4px 0 0 4px;

    }


    .app-pricing-item--wide .app-pricing-item-heading .item-icon {

        right: 0;

        top: 50%;

        -webkit-transform: translateX(50%) translateY(-50%);

        -ms-transform: translateX(50%) translateY(-50%);

        transform: translateX(50%) translateY(-50%);

    }


    .app-pricing-item--wide-wrapper:nth-last-child(-n+2) .app-pricing-item--wide {

        margin-top: 35px;

    }


    .app-contact-wrapper form.contact-form-wrapper {

        padding: 95px 70px 50px 70px;

    }


    .app-contact-wrapper .contact-form-details {

        padding: 95px 70px 95px 100px;

        width: 600px;

    }


    .app-contact-wrapper .contact-form-details-item {

        padding: 35px 40px;

    }


    .app-design-guide span.row-title {

        margin-top: 64px;

    }


    .app-design-guide-wrapper {

        padding: 15px 70px 50px 100px;

    }


    .app-design-guide-row {

        margin-top: 65px;

    }


    .app-tabnav--content {

        padding: 25px 25px 45px 25px;

    }


    .app-tabnav .nav-link {

        min-height: 60px;

        padding: 0 40px;

    }


    .app-tabnav--vert .app-tabnav--content {

        padding: 40px 35px;

    }


    .app-tabnav--vert .app-tabnav--navs {

        width: 140px;

    }


    .page-404-wrapper {

        padding-top: 145px;

        margin-bottom: 70px;

    }


    .page-404-wrapper p.description {

        margin-top: 95px;

        padding: 0 75px;

    }


    .page-404-wrapper a.app-btn {

        margin-top: 30px;

    }


    .flat-content-detailsbox {

        padding: 30px;

        margin: 0 30px 25px 0;

    }


    .section-title-wrapper {

        margin-top: 64px;

    }


    .section-title-wrapper.mt-reduce {

        margin-top: 50px;

    }


    .section-title-wrapper.mt-reduce + .section-content {

        margin-top: 50px;

    }


    .section-content {

        margin-top: 64px;

    }


    .main-hero-navigation {

        display: block;

    }


    .home-about-us-box {

        padding: 30px 35px;

        margin-bottom: 0;

    }


    .home-about-us-box p.description {

        margin-top: 65px;

    }


    .home-about-us-box .author-box {

        margin-top: 62px;

    }


    .home-about-us-box-shape {

        -webkit-transform: translateX(-150px) translateY(-40px);

        -ms-transform: translateX(-150px) translateY(-40px);

        transform: translateX(-150px) translateY(-40px);

    }


    .services-box-item {

        -webkit-flex-direction: row;

        -ms-flex-direction: row;

        flex-direction: row;

        -webkit-align-items: center;

        -ms-flex-align: center;

        align-items: center;

        padding: 20px 40px;

    }


    .services-box-item + .services-box-item {

        margin-top: 10px;

    }


    .services-box-item i {

        font-size: 3em;

        text-align: center;

        margin-right: 45px;

        margin-bottom: 0;

    }


    .services-box-item-content p.description {

        margin-top: 20px;

    }


    .services-box-item.services-box-item--iconed {

        padding: 30px 20px 30px 50px;

        height: 145px;

    }


    .services-box-item--iconed-wrapper {

        margin-bottom: 30px;

    }


    .main-contentbox-content {

        padding: 94px 64px;

    }


    .featured-services {

        margin-bottom: 105px;

    }


    .featured-services .section-content {

        -webkit-transform: translateY(135px);

        -ms-transform: translateY(135px);

        transform: translateY(135px);

        margin-top: -71px;

    }


    .featured-services-item {

        margin-bottom: 30px;

    }


    .featured-services-item:hover .featured-services-item-figure {

        opacity: 1;

    }


    .featured-services-item:hover .featured-services-item-content i,
    .featured-services-item:hover .featured-services-item-content span.title,
    .featured-services-item:hover .featured-services-item-content p.description,
    .featured-services-item:hover .featured-services-item-content .featured-services-item-link {

        color: #ffffff;

    }


    .team-members {

        background: linear-gradient(180deg, #072867 550px, #ffffff 0, #ffffff calc(100% - 550px));

        padding-bottom: 64px;

    }


    .team-members .section-content {

        height: 550px;

    }


    .team-members.color-inverted {

        background: linear-gradient(180deg, #ffffff 550px, #072867 0, #072867 calc(100% - 550px));

    }


    .team-members-item {

        -webkit-transform: translateY(32px);

        -ms-transform: translateY(32px);

        transform: translateY(32px);

    }


    .team-members-item::before {

        display: block;

    }


    .team-members-item:hover {

        -webkit-transform: translateY(0);

        -ms-transform: translateY(0);

        transform: translateY(0);

    }


    .team-members-item:hover::before {

        visibility: visible;

        opacity: 1;

        top: 0;

    }


    .team-members-item:hover .team-members-item-figure {

        height: 415px;

    }


    .team-members-item:hover .team-members-item-figure::before {

        opacity: 0;

    }


    .team-members-item:hover .team-members-item-role {

        visibility: visible;

        opacity: 1;

    }

    .team-members-item:hover .app-social-links-wrapper {

        visibility: visible;

        opacity: 1;

        display: block;

    }


    .team-members-item-figure {

        height: 315px;

    }


    .team-members-item-figure::before {

        display: block;

    }


    .team-members-item-role {

        visibility: hidden;

        opacity: 0;

    }


    .team-members-item-name {

        color: #6e6e6e;

        margin-top: 65px;

    }


    .team-members-item-description {

        color: #a1a1a1;

        margin-top: 30px;

    }


    .team-members-item .app-social-links-wrapper {

        padding-top: 30px;

        margin-bottom: 0;

        -webkit-justify-content: flex-start;

        -ms-flex-pack: start;

        justify-content: flex-start;

        visibility: hidden;

        opacity: 0;

        display: none;

    }


    .team-members-wrapper {

        margin-top: 0;

    }


    .team-members-wrapper .team-members-item-wrapper {

        margin-bottom: 0;

    }


    .team-members-wrapper .team-members-item {

        -webkit-transform: translateY(0px);

        -ms-transform: translateY(0px);

        transform: translateY(0px);

        padding-bottom: 32px;

        margin-bottom: 32px;

    }


    .team-members-wrapper .team-members-item:hover {

        -webkit-transform: translateY(-32px);

        -ms-transform: translateY(-32px);

        transform: translateY(-32px);

    }


    .team-members-wrapper .team-members-item:hover .team-members-item-figure {

        box-shadow: 0px 10px 43px 0 rgba(0, 0, 0, 0.46);

    }


    .latest-news {

        padding-bottom: 64px;

    }


    .latest-news-box {

        margin-bottom: 0;

    }


    .latest-news-box figure {

        height: 365px;

    }


    .latest-news-box-content {

        padding: 24px 70px;

        height: 173px;

    }


    .latest-news-box-content span.title {

        margin-bottom: 20px;

    }


    .latest-news-box-content p.description {

        margin-bottom: 20px;

    }


    .latest-news-box-content .latest-news-box-info {

        -webkit-flex-wrap: nowrap;

        -ms-flex-wrap: nowrap;

        flex-wrap: nowrap;

        -webkit-justify-content: flex-start;

        -ms-flex-pack: start;

        justify-content: flex-start;

    }


    .latest-news-box-content .latest-news-box-info .info-text {

        margin-bottom: 0;

    }


    .latest-news-box-content .latest-news-box-info .info-text + .info-text {

        margin-left: 45px;

    }


    .latest-news-box-content .latest-news-box-info .info-text:last-of-type {

        margin-left: auto;

    }


    .latest-news-box.latest-news-box--small {

        height: 160px;

    }


    .latest-news-box.latest-news-box--small + .latest-news-box--small {

        margin-top: 30px;

    }


    .latest-news-box.latest-news-box--small figure {

        height: 100%;

        width: 150px;

    }


    .latest-news-box.latest-news-box--small .latest-news-box-content {

        padding: 30px;

    }


    .main-map-wrapper {

        height: 600px;

    }


    .main-map-map {

        position: absolute;

        height: 100%;

    }


    .main-map-form {

        display: none;

        height: 405px;

        padding: 65px 100px;

    }


    .main-map-form-title-wrapper span.form-close {

        display: -webkit-flex;

        display: -ms-flexbox;

        display: flex;

        -webkit-transform: translateX(55px);

        -ms-transform: translateX(55px);

        transform: translateX(55px);

    }


    .main-map-form-item--textarea.main-map-form-item {

        margin-top: 30px;

    }


    .main-map-form-item + .main-map-form-item:not(.main-map-form-item--textarea) {

        margin-left: 35px;

    }


    .main-map-form-submit {

        -webkit-transform: translateX(-50%) translateY(50%);

        -ms-transform: translateX(-50%) translateY(50%);

        transform: translateX(-50%) translateY(50%);

        position: absolute;

        left: 50%;

        bottom: 0;

        margin-left: 0;

        margin-right: 0;

        margin-top: 0;

    }


    .main-map-content {

        position: absolute;

        top: 95px;

    }


    .main-map-form-trigger {

        display: -webkit-flex;

        display: -ms-flexbox;

        display: flex;

    }


    .main-map-bottom-bar-wrapper {

        -webkit-flex-direction: row;

        -ms-flex-direction: row;

        flex-direction: row;

        padding: 25px 0;

        -webkit-align-items: center;

        -ms-flex-align: center;

        align-items: center;

    }


    .main-map-bottom-bar-item + .main-map-bottom-bar-item {

        margin-top: 0;

    }


    .main-map-bottom-bar-item i {

        text-align: left;

        width: auto;

    }


    .main-map-bottom-bar-item .title {

        line-height: 1.39;

    }


    .main-our-services {

        padding-bottom: 64px;

    }


    .main-our-services-wrapper {

        padding: 170px 0;

    }


    .main-our-services-hexagon--big {

        width: 40%;

        height: 40%;

    }


    .about-us-content-wrapper {

        padding: 64px;

    }


    .about-us-content-wrapper figure {

        width: 500px;

    }


    .about-us-content-bottom-item .item-content p.description {

        height: auto;

    }


    .services-list-item {

        -webkit-flex-direction: row;

        -ms-flex-direction: row;

        flex-direction: row;

    }


    .services-list-item--vert .services-list-item-content {

        padding: 85px 10px 20px 10px;

    }


    .services-list-item--vert .services-list-item-icon {

        height: 120px;

        width: 120px;

    }


    .services-list-item--narrow {

        -webkit-flex-direction: row-reverse;

        -ms-flex-direction: row-reverse;

        flex-direction: row-reverse;

    }


    .services-list-item--narrow .services-list-item-figure {

        width: 205px;

    }


    .services-list-item--narrow .services-list-item-content {

        padding: 105px 45px 105px 70px;

    }


    .services-list-item--narrow .services-list-item-content p.description {

        margin-bottom: 55px;

    }


    .services-list-item-figure {

        width: 470px;

        height: auto;

    }


    .services-list-item-content {

        padding: 48px 75px 48px 100px;

    }


    .services-list-item-content span.title {

        margin-bottom: 60px;

    }


    .services-list-item-icon {

        width: 102px;

        height: 102px;

        top: 50%;

        left: 0;

        -webkit-transform: translateX(-50%) translateY(-50%);

        -ms-transform: translateX(-50%) translateY(-50%);

        transform: translateX(-50%) translateY(-50%);

    }


    .services-list-item-icon i {

        font-size: 3em;

    }


    .article-wrapper .article-figure {

        height: 485px;

    }


    .article-wrapper .article-figure-icon {

        left: 100px;

        bottom: 50px;

    }


    .article-wrapper .article-content-wrapper {

        padding: 64px;

    }


    .article-wrapper .article-content-wrapper .article-content-main figure {

        margin: 65px 0;

    }


    .article-wrapper .article-content-wrapper .article-content-main .fluid {

        width: calc(100% + 140px);

        margin-left: -70px;

    }


    .article-wrapper.article--blog .article-content-wrapper {

        padding: 32px;

    }


    .app-aside-widget + .app-aside-widget {

        margin-top: 30px;

    }


    .app-aside-widget-content .app-download-box {

        padding: 35px 80px 50px 30px;

    }


    .app-aside-widget-content .app-download-box .box-icon {

        top: 35px;

    }


    .app-aside-widget-rich-menu-item {

        padding: 15px;

    }


    .app-aside-widget-rich-menu-item::after {

        display: block;

    }


    .app-aside-widget-rich-menu-item figure {

        width: 100px;

        height: 90px;

    }


    .app-aside-widget-rich-menu-item-content .title {

        margin-bottom: 22px;

    }


    .app-aside-widget-rich-menu-item-content .date {

        line-height: 2;

    }


    .app-aside-widget-abox {

        padding: 40px;

    }


    .blog-list-item--wide {

        -webkit-flex-direction: row;

        -ms-flex-direction: row;

        flex-direction: row;

    }


    .blog-list-item--wide .blog-list-item-figure {

        height: 100%;

        width: 300px;

    }


    .blog-list-item--wide .blog-list-item-content {

        padding: 50px 50px 50px 35px;

    }


    .blog-list-item-content {

        padding: 30px 20px 50px 30px;

    }


    .comments-section .app-comment-box {

        padding: 35px 40px 45px 30px;

        display: -webkit-flex;

        display: -ms-flexbox;

        display: flex;

    }


    .comments-section .app-comment-box.comment--reply {

        margin-left: 100px;

    }


    .comments-section .app-comment-box figure.avatar {

        margin-right: 20px;

        float: inherit;

    }


    .comments-section .app-comment-box-content {

        display: -webkit-flex;

        display: -ms-flexbox;

        display: flex;

    }


    .portfolio-list-item-content {

        padding: 30px 35px;

    }


    .portfolio-list-item-content .portfolio-item-details span,
    .portfolio-list-item-content .portfolio-item-details a {

        font-size: 13px;

    }


    .small-article-box .small-article-thumbnail {

        opacity: 0;

    }


    .small-article-box .small-article-btn {

        min-width: inherit;

        padding: 0 20px;

    }


    .small-article-box.prev .small-article-btn {

        top: 50%;

        left: 0;

        -webkit-transform: translateX(-50%) translateY(-50%);

        -ms-transform: translateX(-50%) translateY(-50%);

        transform: translateX(-50%) translateY(-50%);

    }


    .small-article-box.next .small-article-btn {

        right: 0;

        top: 50%;

        -webkit-transform: translateX(50%) translateY(-50%);

        -ms-transform: translateX(50%) translateY(-50%);

        transform: translateX(50%) translateY(-50%);

    }


    .small-article-box span.small-article-title {

        color: #4a4a4a;

    }

}


@media (min-width: 1100px) {

    .app-navbar-ul-link + .app-navbar-ul-link {

        margin-left: 40px;

    }

}


@media screen and (min-width: 1200px) {

    .page-has-aside .services-list-item:not(.services-list-item--vert) .services-list-item-figure {

        width: 250px;

    }


    .app-navbar-search {

        margin-left: 65px;

    }


    .app-navbar-search .input-wrapper.active {

        width: 970px;

    }


    .app-footer-wrapper .app-footer-text {

        line-height: 1.56;

        font-size: 13px;

    }


    .app-pricing-item--wide .app-pricing-item-heading {

        width: 300px;

        min-width: 300px;

    }


    .app-pricing-item--wide .app-pricing-item-heading .item-icon {

        width: 100px;

        height: 100px;

    }


    .home-about-us-box {

        padding: 64px;

    }


    .home-about-us-box-shape {

        -webkit-transform: translateX(-203px) translateY(-115px);

        -ms-transform: translateX(-203px) translateY(-115px);

        transform: translateX(-203px) translateY(-115px);

    }


    .featured-services-item {

        height: 290px;

        padding: 30px;

    }


    .main-our-services-content-wrapper {

        display: block;

        padding: 70px 70px 0 70px;

    }


    .main-our-services-content-item {

        -webkit-justify-content: flex-start;

        -ms-flex-pack: start;

        justify-content: flex-start;

        padding-bottom: 0;

    }


    .main-our-services-content-item .icon {

        margin-bottom: 65px;

    }


    .main-our-services-content-item span.title {

        margin-bottom: 70px;

        font-size: 28px;

        line-height: .83;

    }


    .main-our-services-content-item p.description + p {

        margin-top: 35px;

    }


    .main-our-services-content-item a.read-more {

        bottom: 2px;

        height: 110px;

    }


    .main-our-services-content-item a.read-more span {

        margin-top: 45px;

        font-size: 15px;

    }


    .main-our-services-hexagon--small {

        width: 100px;

        height: 110px;

    }


    .main-our-services-hexagon--big {

        width: 568px;

        height: 603px;

    }


    .services-list-item--vert .services-list-item-content {

        padding: 95px 30px 40px 30px;

    }


    .blog-list-item--wide .blog-list-item-figure {

        width: 370px;

    }


    .blog-list-item-content-detail {

        -webkit-flex-wrap: nowrap;

        -ms-flex-wrap: nowrap;

        flex-wrap: nowrap;

        margin-bottom: 30px;

    }

}


@media all and (-ms-high-contrast: active), (-ms-high-contrast: none) and (min-width: 1200px) and (max-height: 950px) {

    .main-our-services-hexagon--big {

        width: 468px !important;

        height: 496px !important;

    }

}


@media all and (-ms-high-contrast: active), (-ms-high-contrast: none) and (min-width: 1200px) and (min-height: 950px) {

    .main-our-services-hexagon--big {

        width: 568px !important;

        height: 603px !important;

    }

}


@media (min-width: 1200px) and (max-height: 950px) {

    .main-our-services-content-wrapper {

        padding: 70px 15px 0 15px;

    }


    .main-our-services-content-item .icon {

        margin-bottom: 30px;

    }


    .main-our-services-content-item span.title {

        margin-bottom: 30px;

    }


    .main-our-services-content-item p.description + p {

        margin-top: 20px;

    }


    .main-our-services-hexagon--big {

        width: 40%;

        height: 40%;

    }

}


@media (max-width: 1199px) {

    .portfolio-list-item--type3 .portfolio-list-item-content {

        padding: 15px;

    }

}


@media (max-width: 992px) {

    .team-members.color-inverted .team-members-item-name {

        color: #6e6e6e;

    }


    .team-members.color-inverted .team-members-item-description {

        color: #a1a1a1;

    }


    .team-members.color-inverted .app-social-links-wrapper a.app-social-link {

        color: #b8b8b8;

    }


    .team-members-item .app-social-links-wrapper a {

        color: #ffffff;

    }

}


@media (max-width: 991px) {

    .page-has-aside .app-design-guide-colors {

        margin-top: 25px;

    }


    .app-navbar-search button.app-navbar-search-btn.app-btn {

        background: transparent;

    }


    .app-navbar-search button.app-navbar-search-btn.app-btn:hover,
    .app-navbar-search button.app-navbar-search-btn.app-btn:focus {

        background: transparent;

    }


    .featured-services-item.featured-services-item--no-description {

        margin-bottom: 30px;

    }


    .team-members-item.js-team-member-h {

        height: auto !important;

    }


    .team-members-wrapper + .container {

        margin-top: -30px;

    }


    .team-members-wrapper .team-members-item .team-members-item-role {

        font-size: 11px;

    }


    .team-members-wrapper .team-members-item .app-social-links-wrapper {

        margin-top: 10px;

        margin-bottom: 0;

    }


    .app-aside-widget-content .app-download-box .box-icon i {

        font-size: 2em;

    }

}


@media (max-width: 991px) and (max-width: 575px) {

    .team-members-wrapper .team-members-item .app-social-links-wrapper .app-social-link + .app-social-link {

        margin-left: 25px;

    }

}


@media (max-width: 767px) {


    .page-has-aside .app-design-guide-colors .color-item + .color-item {

        margin-top: 15px;

    }


    .app-tab-filter-wrapper {

        position: fixed;

        left: 0;

        bottom: 0;

        height: auto;

        z-index: 18;

        width: 100%;

    }


    .app-tab-filter-item {

        padding: 10px 15px;

        border: 1px solid transparent;

        height: 35px;

        text-align: center;

        white-space: nowrap;

        -webkit-flex-shrink: 0;

        -ms-flex-negative: 0;

        flex-shrink: 0;

    }


    .app-tab-filter-item.active {

        border-color: #175de3;

    }

}


@media (max-width: 577px) {

    .main-our-services .section-title {

        margin-top: 15px;

        padding-bottom: 18px;

    }

}


@media (max-width: 576px) {

    .app-pricing-item--wrapper:nth-child(2n) {

        padding-left: 5px;

    }


    .app-pricing-item--wrapper:nth-child(2n+1) {

        padding-right: 5px;

    }

}


@media (max-width: 400px) {

    .team-members-wrapper .team-members-item-wrapper:not(:last-of-type) {

        border-bottom: 1px solid #e4e4e4;

        padding-bottom: 30px;

    }


    .team-members-wrapper .col-6 {

        -webkit-flex: 0 0 100%;

        -ms-flex: 0 0 100%;

        flex: 0 0 100%;

        max-width: 100%;

    }


    .comments-section form.comment-form .input-row input {

        padding: 0 10px;

    }

}

@media all and (-ms-high-contrast: active), (-ms-high-contrast: none) and (max-width: 399px) {

    .main-our-services-hexagon--big {

        width: 250px !important;

        height: 250px !important;

    }

}


@media all and (-ms-high-contrast: active), (-ms-high-contrast: none) and (max-width: 320px) {

    .main-our-services-hexagon--big {

        width: 200px !important;

        height: 200px !important;

    }

}


@media all and (-ms-high-contrast: active), (-ms-high-contrast: none) and (min-width: 768px) and (max-width: 991px) {

    .main-our-services-hexagon--big {

        width: 470px !important;

        height: 500px !important;

    }

}


@media all and (-ms-high-contrast: active), (-ms-high-contrast: none) and (min-width: 992px) and (max-width: 1199px) {

    .main-our-services-hexagon--big {

        width: 468px !important;

        height: 496px !important;

    }

}


@media all and (-ms-high-contrast: active), (-ms-high-contrast: none) {

    .app-navbar-search button.app-navbar-search-btn-close {

        top: 0;

    }


    body {

        overflow-x: hidden;

    }

}


@media (hover: hover) {

    .comments-section .app-comment-box:hover::after {

        height: 2px;

    }

}


/*list-style-tag*/
.list-style-tag {
    margin: 0;
    padding: 0;
}

.list-style-tag li {
    display: inline-block;
    vertical-align: top;
    margin: 0 3px 5px 0;
}

.list-style-tag li a {
    color: #fff;
    padding: 5px 10px;
    display: block;
    border-radius: 3px;
}

.list-style-tag li a:hover {
    background: #fff;
    color: #222;
    box-shadow: 0 0 12px rgba(0, 0, 0, .1);
}

/* list style 1 */
.list-style-none li {
    list-style: none;
}

.list-style-1 {
    margin: 0;
    padding: 0 0 0 20px;
}

.list-style-1 li {
    padding: 5px 0
}

/* list style 2 */
.list-style-2 {
    list-style: none;
    margin: 0;
    padding: 0;
}

.list-style-2 li {
    position: relative;
    padding: 0 0 0 12px;
    margin: 0 0 9px 0;
}

.list-style-2 li:before {
    content: "";
    width: 5px;
    height: 1px;
    position: absolute;
    top: 12px;
    left: 0;
}

/* list style 3 */
.list-style-3 {
    list-style: none;
    margin: 0;
    padding: 0;
}

.list-style-3 li {
    position: relative;
    padding: 0 0 0 22px;
    margin: 0 0 15px 0;
}

.list-style-3 li:before {
    content: "";
    width: 10px;
    height: 1px;
    position: absolute;
    top: 10px;
    left: 0;
}

/* list style 4 */
.list-style-4 {
    list-style: none;
    margin: 0;
    padding: 0;
}

.list-style-4 li {
    position: relative;
    padding: 0 0 10px 22px;
    margin: 0 0 10px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.list-style-4 li:before {
    content: '\f061';
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    top: 5px;
    left: 0;
    color: #3d3d3d;
}

.list-style-4 li:last-child {
    border-bottom: 0;
    margin-bottom: 0;
}


/* list style 5 */
.list-style-5 {
    list-style: none;
    margin: 0;
    padding: 0;
}

.list-style-5 li {
    position: relative;
    padding: 5px 0 5px 15px;
}

.list-style-5 li:before {
    content: '\f061';
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    top: 5px;
    left: 0;
    font-size: 10px;
    color: #3d3d3d;
}

/* list style 6 */
.list-style-6 {
    list-style: none;
    margin: 0;
    padding: 0;
}

.list-style-6 li {
    position: relative;
    padding: 0 0 8px 0;
    margin: 0 0 8px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.list-style-6 li span {
    content: '\f061';
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    position: absolute;
    top: 10px;
    right: 0;
}

.list-style-6 li:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

/* list style 7 */
.list-style-7 {
    list-style: none;
    margin: 0;
    padding: 0;
}

.list-style-7 li {
    padding: 0;
    margin: 0 0 10px 0;
}

.list-style-7 li:last-child {
    margin: 0;
    padding: 0;
}

/* list style 8 */
.list-style-8 {
    list-style: none;
    margin: 0;
    padding: 0;
}

.list-style-8 li {
    position: relative;
    padding: 15px 0;
    margin: 0 0 4px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.list-style-8 li span {
    margin-bottom: 2px
}

.list-style-8 li p {
    margin-bottom: 0
}

.list-style-8 li:last-child {
    border-bottom: none
}

.list-style-8 li:before {
    content: "";
}

/* list style 9 */
.list-style-9 {
    list-style: none;
    margin: 0;
    padding: 0;
}

.list-style-9 li {
    position: relative;
    padding: 15px 0;
    margin: 0 0 4px 0;
    border-bottom: 1px solid #373737;
}

.list-style-9 li span {
    margin-bottom: 2px
}

.list-style-9 li p {
    margin-bottom: 0
}

.list-style-9 li:last-child {
    border-bottom: none
}

.list-style-9 li:before {
    content: "";
}

/* list style 10 */
.list-style-10 {
    list-style: none;
    margin: 0;
    padding: 0;
}

.list-style-10 li {
    padding: 15px 0;
    margin: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.list-style-10 li i {
    float: left;
    margin-top: 5px
}

.list-style-10 li span {
    padding-left: 15px;
    display: table
}

.list-style-10 li:last-child {
    border-bottom: none
}

/* list style 11 */
.list-style-11 {
    list-style: none;
    margin: 0;
    padding: 0;
}

.list-style-11 li {
    position: relative;
    padding: 0 0 8px 0;
    margin: 0 0 8px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.list-style-11 li span {
    position: absolute;
    top: 3px;
    right: 0;
}

.list-style-11 li:last-child {
    border-bottom: none
}

.list-style-11 li:before {
    content: "";
}

/*font size*/
.fs-1 {
    font-size: 3rem !important
}

.fs-2 {
    font-size: 2.5rem !important
}

.fs-3 {
    font-size: 1.25rem !important
}

.fs-4 {
    font-size: 1rem !important
}

.fs-5 {
    font-size: .875rem !important
}

.fs-6 {
    font-size: .75rem !important
}

.mb-grid-gutter {
    margin-bottom: 1.875rem !important;
}
/*card*/
.card {
    word-wrap: break-word;
    background-clip: border-box;
    background-color: #fff;
    border: 1px solid #ecebf1;
    border-radius: .5rem;
    display: flex;
    flex-direction: column;
    min-width: 0;
    position: relative
}

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

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

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

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

.card > .card-header + .list-group,
.card > .list-group + .card-footer {
    border-top: 0
}

.card-body {
    flex: 1 1 auto;
    padding: 1.5rem
}

.card-title {
    margin-bottom: .5rem
}

.card-subtitle {
    margin-top: -.25rem
}

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

.card-link + .card-link {
    margin-left: 1.5rem
}

.card-header {
    background-color: #fff;
    border-bottom: 1px solid #ecebf1;
    margin-bottom: 0;
    padding: 1rem 1.5rem
}

.card-header:first-child {
    border-radius: calc(.5rem - 1px) calc(.5rem - 1px) 0 0
}

.card-footer {
    background-color: #fff;
    border-top: 1px solid #ecebf1;
    padding: 1rem 1.5rem
}

.card-footer:last-child {
    border-radius: 0 0 calc(.5rem - 1px) calc(.5rem - 1px)
}

.card-header-tabs {
    border-bottom: 0;
    margin-bottom: -1rem;
    margin-left: -.75rem;
    margin-right: -.75rem
}

.card-header-tabs .nav-link.active {
    background-color: #fff;
    border-bottom-color: #fff
}

.card-header-pills {
    margin-left: -.75rem;
    margin-right: -.75rem
}

.card-img-overlay {
    border-radius: calc(.5rem - 1px);
    bottom: 0;
    left: 0;
    padding: 1rem;
    position: absolute;
    right: 0;
    top: 0
}

.card-img,
.card-img-bottom,
.card-img-top {
    width: 100%
}

.card-img,
.card-img-top {
    border-top-left-radius: calc(.5rem - 1px);
    border-top-right-radius: calc(.5rem - 1px)
}

.card-img,
.card-img-bottom {
    border-bottom-left-radius: calc(.5rem - 1px);
    border-bottom-right-radius: calc(.5rem - 1px)
}

.card-group > .card {
    margin-bottom: .75rem
}

@media (min-width: 576px) {
    .card-group {
        display: flex;
        flex-flow: row wrap
    }

    .card-group > .card {
        flex: 1 0 0%;
        margin-bottom: 0
    }

    .card-group > .card + .card {
        border-left: 0;
        margin-left: 0
    }

    .card-group > .card:not(:last-child) {
        border-bottom-right-radius: 0;
        border-top-right-radius: 0
    }

    .card-group > .card:not(:last-child) .card-header,
    .card-group > .card:not(:last-child) .card-img-top {
        border-top-right-radius: 0
    }

    .card-group > .card:not(:last-child) .card-footer,
    .card-group > .card:not(:last-child) .card-img-bottom {
        border-bottom-right-radius: 0
    }

    .card-group > .card:not(:first-child) {
        border-bottom-left-radius: 0;
        border-top-left-radius: 0
    }

    .card-group > .card:not(:first-child) .card-header,
    .card-group > .card:not(:first-child) .card-img-top {
        border-top-left-radius: 0
    }

    .card-group > .card:not(:first-child) .card-footer,
    .card-group > .card:not(:first-child) .card-img-bottom {
        border-bottom-left-radius: 0
    }
}
.card {
    border:0;
    box-shadow:0 1px 3px rgba(3,0,71,.09)
}
.img-left-rounded {
    border-radius:.5rem 0 0 .5rem
}
@media (max-width:768px) {
    .img-left-rounded {
        border-radius:.5rem .5rem 0 0
    }
}
@media (min-width:768px) and (max-width:991.98px) {
    .img-left-rounded {
        border-radius:.5rem .5rem 0 0
    }
}
.card-header-height {
    height:3.75rem
}
.card-hover {
    cursor:pointer;
    transition:box-shadow .25s ease
}
.card-hover:focus,
.card-hover:hover {
    box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)
}
.accordion>.card>.card-header {
    margin-bottom:0
}

.card-img-overlay {
    border-radius:calc(.5rem - 1px);
    bottom:0;
    left:0;
    padding:1rem;
    position:absolute;
    right:0;
    top:0
}
.card-img,
.card-img-bottom,
.card-img-top {
    width:100%
}
.card-img,
.card-img-top {
    border-top-left-radius:calc(.5rem - 1px);
    border-top-right-radius:calc(.5rem - 1px)
}
.card-img,
.card-img-bottom {
    border-bottom-left-radius:calc(.5rem - 1px);
    border-bottom-right-radius:calc(.5rem - 1px)
}
.card-bordered {
    border:1px solid #ecebf1;
    box-shadow:none
}
.card-dashed-hover {
    border-style:dashed!important;
    transition:.5s ease
}
.card-dashed-hover:hover {
    border:2px dashed #754ffe!important
}
.ms-3 {
    margin-left: 1rem !important;
}
.avatar-lg {
    height:3.5rem;
    width:3.5rem
}

.avatar-xl {
    height: 5rem;
    width: 5rem
}

.avatar-xxl {
    height: 7.5rem;
    width: 7.5rem
}

.avatar-faculty { 
    box-shadow: 0 0 2rem 0 rgba(136, 152, 170, .15) !important;
}
.bg-dark {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important;
}

.bg-darker {
    --bs-bg-opacity: 1;
    background-color: #2c2d3f !important;
}
.ps-3 {
    padding-left: 1rem !important;
}
.text-light {
    color: #fff !important;
}
.opacity-50 {
    opacity: .5 !important;
}
.bg-gradient {
    background-image: var(--bs-gradient) !important;
}
.rounded-3 {
    border-radius: 1rem !important;
}
shadow {
    box-shadow: 0 0 .625rem -0.1875rem rgba(0,0,0,.13) !important;
}
.btn-social {
    display: inline-block;
    width: 2.25rem;
    height: 2.25rem;
    padding: 0;
    border: 1px solid transparent;
    transition: border-color 0.25s ease-in-out, background-color 0.25s ease-in-out, color 0.25s ease-in-out;
    border-radius: 0.5rem;
    background-color: #f3f3f9;
    color: #6c6d89;
    font-size: 0.9375rem;
    text-align: center;
    text-decoration: none !important;
}
.btn-social > i {
    line-height: 2.125rem;
}
.btn-social:hover {
    color: #fff;
}
.btn-social:focus {
    outline: none;
}
.btn-social:active {
    transition: none;
    box-shadow: none !important;
}
.btn-social.bs-light {
    background-color: rgba(255, 255, 255, 0.08);
    color: #fff;
}
.btn-social.bs-light:hover {
    background-color: #fff !important;
    box-shadow: none !important;
}
.bs-facebook:hover {
    background-color: #3b5998;
}
.bs-facebook:hover.bs-light {
    color: #3b5998;
}

.bs-whatsapp:hover {
    background-color: #075e54;
}
.bs-whatsapp:hover.bs-light {
    color: #075e54;
}

/*gallery*/
.mb-grid-gutter {
    margin-bottom: 1.875rem !important;
}
.gallery-item {
    display: block;
    position: relative;
    text-decoration: none !important;
    overflow: hidden;
    -webkit-mask-image: -webkit-radial-gradient(white, black);
}
.gallery-item > img {
    display: block;
    width: 100%;
}
.gallery-item::before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: opacity 0.3s ease-in-out;
    //background-color: rgba(55, 56, 78, 0.55);
    content: "";
    opacity: 0;
    z-index: 1;
}
.gallery-item::after {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 2.875rem;
    height: 2.875rem;
    margin-top: -1.4375rem;
    margin-left: -1.4375rem;
    transform: scale(0.3);
    color: #fff;
    font-size: 2rem;
    text-align: center;
    line-height: 2.875rem;
    content:"\f002";
    font-family: "Font Awesome 5 Free";
    z-index: 5;
}
.gallery-item .gallery-caption {
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 1rem 0.5rem;
    transform: translateY(0.5rem);
    color: #fff;
    font-size: 0.875rem;
    text-align: center;
    z-index: 5;
}
.gallery-item::after,
.gallery-item .gallery-caption {
    transition: all 0.3s ease-in-out;
    opacity: 0;
}
.gallery-item:hover::before, .gallery-item:hover::after,
.gallery-item:hover .gallery-caption {
    transform: none;
    opacity: 1;
}
/*masonry-grid*/
.masonry-grid[data-columns] {
    margin-right: -0.9375rem;
    margin-left: -0.9375rem;
}
.masonry-grid[data-columns]:not(.overflow-hidden) {
    overflow: visible !important;
}
.masonry-grid[data-columns]::after {
    display: block;
    clear: both;
    content: "";
}
.masonry-grid[data-columns] .masonry-grid-item {
    width: 100%;
    float: left;
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
    padding-bottom: 1.875rem;
}

.masonry-grid[data-columns="1"] .masonry-grid-item {
    width: 100%;
}

@media (min-width: 480px) {
    .masonry-grid[data-columns="2"] .masonry-grid-item,
    .masonry-grid[data-columns="3"] .masonry-grid-item,
    .masonry-grid[data-columns="4"] .masonry-grid-item,
    .masonry-grid[data-columns="5"] .masonry-grid-item,
    .masonry-grid[data-columns="6"] .masonry-grid-item {
        width: 50%;
    }
}
@media (min-width: 768px) {
    .masonry-grid[data-columns="3"] .masonry-grid-item,
    .masonry-grid[data-columns="4"] .masonry-grid-item,
    .masonry-grid[data-columns="5"] .masonry-grid-item,
    .masonry-grid[data-columns="6"] .masonry-grid-item {
        width: 33.333%;
    }
}
@media (min-width: 992px) {
    .masonry-grid[data-columns="4"] .masonry-grid-item,
    .masonry-grid[data-columns="5"] .masonry-grid-item,
    .masonry-grid[data-columns="6"] .masonry-grid-item {
        width: 25%;
    }
}
@media (min-width: 1280px) {
    .masonry-grid[data-columns="5"] .masonry-grid-item {
        width: 20%;
    }

    .masonry-grid[data-columns="6"] .masonry-grid-item {
        width: 16.666%;
    }
}