/*!
 * @version 1.0.0
 * @author marvel_theme
 * https://themeforest.net/user/marvel_theme/portfolio
 * Copyright 2019. MIT licensed.
 */


/**!**************/


/**! Contents **/


/**! 01. Vendors **/


/**! 01. Reset **/


/**! 02. typography **/


/**! 03. utilities **/


/**! 04. spacing **/


/**! 05. colors **/


/**! 06. Canvas lines **/


/**! 07. buttons **/


/**! 08. form **/


/**! 09. overlay **/


/**! 10. cards **/


/**! 11. section-title **/


/**! 12. switchable **/


/**! 13. masonry **/


/**! 14. breadcrumb **/


/**! 15. social-icon **/


/**! 16. blog-widget **/


/**! 17. comments **/


/**! 18. image-carousel **/


/**! 19. contact-info **/


/**! 20. pre-laoder **/


/**! 21. Navigation **/


/**! 22. quick-contact **/


/**! 23. hero **/


/**! 24. story **/


/**! 25. service **/


/**! 26. facts **/


/**! 27. portfolio **/


/**! 28. process **/


/**! 29. experiences **/


/**! 30. skills **/


/**! 31. testimonial **/


/**! 32. cta **/


/**! 33. footer **/


/**! 34. page-header **/


/**! 35. pricing **/


/**! 36. team **/


/**! 37. works **/


/**! 38. blog **/


/**! 39. map **/


/**! 40. services **/


/**! 41. portfolio-details **/


/**! 42. error-404 **/


/**! 43. comming-soon **/


/**!**************/


/**!**************/


/**!**************/


/**! 01. Reset **/

body {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: "Montserrat", Arial, sans-serif;
    color: #3d4862;
    margin: 0;
    overflow-x: hidden;
}

@media only screen and (max-width: 767px) {
    html {
        font-size: 87.5%;
    }
}

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

:focus {
    outline: none;
}

a {
    text-decoration: none;
    display: inline-block;
}

a:hover {
    text-decoration: none;
}

ul,
ol {
    list-style: none;
    padding-left: 0;
}

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

button {
    cursor: pointer;
    padding: 0;
    border: 0;
}

button:focus {
    outline: 0;
}

picture {
    display: inline-block;
}

span {
    display: inline-block;
}

svg {
    display: block;
}

input,
textarea {
    padding: 0;
}

input.placeholder,
textarea.placeholder {
    color: #888;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
    color: #888;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    color: #888;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #888;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #888;
}

input:focus,
textarea:focus {
    outline: 0;
}

table {
    border-collapse: collapse;
}

section {
    position: relative;
}

.main-wrapper {
    -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);
    transition: -webkit-transform 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);
    -o-transition: transform 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);
    transition: transform 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);
    transition: transform 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1), -webkit-transform 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);
}

.nav--open .main-wrapper {
    -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1) 0.1s;
    transition: -webkit-transform 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1) 0.1s;
    -o-transition: transform 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1) 0.1s;
    transition: transform 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1) 0.1s;
    transition: transform 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1) 0.1s, -webkit-transform 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1) 0.1s;
}

@media only screen and (min-width: 992px) {
    .main-wrapper {
        position: relative;
        width: calc(100% - 6.25rem);
        margin-left: auto;
    }
}

.main-wrapper--full {
    width: 100%;
}


/**! 02. typography **/

p,
h1,
h2,
h3,
h4,
h5,
h6 {
    padding: 0;
    margin: 0;
    font-weight: 700;
}

p {
    font-weight: 400;
    color: #54668b;
}

.font-w-600 {
    font-weight: 600;
}


/**! 03. utilities **/


/**! ----- font Setting (size & line height, spacing etc) ---- **/

.h1-font,
h1 {
    font-size: 2.5rem;
    line-height: 1.15;
}

@media only screen and (min-width: 768px) {
    .h1-font,
    h1 {
        font-size: 3.75rem;
        line-height: 1.2;
    }
}

.h2-font,
h2 {
    font-size: 2.5rem;
    line-height: 1.15;
}

@media only screen and (min-width: 768px) {
    .h2-font,
    h2 {
        font-size: 3rem;
        line-height: 1.4;
    }
}

.h3-font,
h3 {
    font-size: 2.25rem;
    line-height: 1.25;
}

.h4-font,
h4 {
    font-size: 1.75rem;
    line-height: 1.5;
}

.h5-font,
h5 {
    font-size: 1.125rem;
    line-height: 1.6;
}

.h6-font,
h6 {
    font-size: 1rem;
    line-height: 1.8;
}

.font-size-24 {
    font-size: 1.5rem;
}

.font-size-12 {
    font-size: 0.75rem;
}

.p-font,
p {
    font-size: 0.9375rem;
    line-height: 1.8;
}

.font-space-1 {
    letter-spacing: 1.3px;
}

.bullet {
    display: list-item;
}


/**! ----- transition---- **/

.btn,
.btn--dark,
.btn__arrow,
.masonry-item .masonry-image__thumb,
.social-connet a,
.sidebar__widget .categories ul i,
.sidebar__widget .categories ul a,
.sidebar__widget .recent-news a,
.sidebar__widget .tag-cloud ul li a,
.comment-reply-link,
.swiper-pagination--custom .swiper-pagination-bullet,
.navbar,
.navbar .nav-item .nav-link,
.dropdown-menu,
.dropdown-item,
.dropdown-toggle:after,
.site-language a,
.quick-contact__text,
.navigations-sidebar .navigations-connect ul li a,
.offcanvas-menu,
.menu__back,
.menu__back .ti-arrow-left,
.menu__back .ti-arrow-left:before,
.portfolio .slide-inner,
.process__img img,
.footer-newsfeed__title,
.pricing-table,
.team-mamber__avatar::before,
.team-mamber__connect,
.team-mamber__connect li a,
.team-mamber:hover .team-mamber__connect,
.article-body .article__meta li a,
.article-body .article__thumb img,
.article-body a h4,
.project-info .value * {
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}


/**! 04. spacing **/

section,
footer {
    padding-top: 9rem;
    padding-bottom: 9rem;
    overflow: hidden;
}

section.space--xxs,
footer.space--xxs {
    padding-top: 2.25rem;
    padding-bottom: 2.25rem;
}

section.space--xs,
footer.space--xs {
    padding-top: 4.5rem;
    padding-bottom: 4.5rem;
}

section.space--sm,
footer.space--sm {
    padding-top: 6rem;
    padding-bottom: 6rem;
}

section.space--md,
footer.space--md {
    padding-top: 13.5rem;
    padding-bottom: 13.5rem;
}

section.space--lg,
footer.space--lg {
    padding-top: 18rem;
    padding-bottom: 18rem;
}

section.space--xlg,
footer.space--xlg {
    padding-top: 36rem;
    padding-bottom: 36rem;
}

section.space--0,
footer.space--0 {
    padding: 0;
}

section.section--even,
footer.section--even {
    padding-top: 9rem;
    padding-bottom: 9rem;
}

section.space-top,
footer.space-top {
    padding-top: 9rem;
}

section.space-bottom,
footer.space-bottom {
    padding-bottom: 9rem;
}

section.space-bottom--sm,
footer.space-bottom--sm {
    padding-bottom: 3rem;
}

section.space-bottom--lg,
footer.space-bottom--lg {
    padding-bottom: 6.92308rem;
}

@media only screen and (max-width: 767px) {
    section,
    footer,
    section.section--even {
        padding: 6rem 0;
    }
    section.space--lg,
    section.space--md,
    footer.space--lg,
    footer.space--md,
    section.section--even.space--lg,
    section.section--even.space--md {
        padding: 6rem 0;
    }
    section.space--xlg,
    footer.space--xlg,
    section.section--even.space--xlg {
        padding: 9rem 0;
    }
    section.space-bottom--sm,
    footer.space-bottom--sm,
    section.section--even.space-bottom--sm {
        padding-bottom: 6rem;
    }
    section.space-bottom--lg,
    footer.space-bottom--lg,
    section.section--even.space-bottom--lg {
        padding-bottom: 6rem;
    }
}

div[class*='col-']>div[class*='col-']:first-child {
    padding-left: 0;
}

div[class*='col-']>div[class*='col-']:last-child {
    padding-right: 0;
}

@media only screen and (max-width: 767px) {
    .col-xs-6:nth-child(odd) {
        padding-right: 7.5px;
    }
    .col-xs-6:nth-child(even) {
        padding-left: 7.5px;
    }
}


/**! 05. colors **/

.background-dark {
    background: #1c202d;
}

.background-dark:not(.btn):not(p) {
    color: #fff;
}

.background-dark p {
    color: #e6e6e6;
}

.color--facebook {
    color: #3b5998;
}

.color--twitter {
    color: #00aced;
}

.color--googleplus {
    color: #dd4b39;
}

.color--instagram {
    color: #125688;
}

.color--pinterest {
    color: #cb2027;
}

.color--dribbble {
    color: #ea4c89;
}

.color--behance {
    color: #053eff;
}

.bg--facebook {
    background: #3b5998;
    color: #fff;
}

.bg--twitter {
    background: #00aced;
    color: #fff;
}

.bg--googleplus {
    background: #dd4b39;
    color: #fff;
}

.bg--instagram {
    background: #125688;
    color: #fff;
}

.bg--pinterest {
    background: #cb2027;
    color: #fff;
}

.bg--dribbble {
    background: #ea4c89;
    color: #fff;
}

.bg--behance {
    background: #053eff;
    color: #fff;
}


/**! 06. Canvas lines **/

.canvas-lines .lines {
    position: absolute;
    top: 0;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    width: 100%;
    text-align: center;
}

.background-dark .canvas-lines .lines {
    z-index: 0;
}

@media only screen and (max-width: 575px) {
    .canvas-lines .lines {
        display: none;
    }
}

.canvas-lines .lines--bottom {
    height: 50%;
    bottom: 0;
    top: auto;
}

.blog-main .canvas-lines .lines,
.blog-details .canvas-lines .lines {
    height: 50% !important;
    top: 50% !important;
}

.canvas-lines .static-lines * {
    background: #ecf1fc;
    height: 100%;
    width: 1px;
    position: relative;
}

.background-dark .canvas-lines .static-lines * {
    background: #24293a;
}

.canvas-lines .animated-lines .line {
    position: relative;
}

.canvas-lines .animated-lines .line--fill {
    height: 1.75rem;
    width: 0.3125rem;
    background: #fbc25e;
    margin-left: -0.15625rem;
    margin-top: 3.125rem;
    margin-bottom: 3.125rem;
}

.canvas-lines .animated-lines .line--fill.animate-2 {
    margin-left: 0.15625rem;
    -webkit-transform: translateY(550px);
    -ms-transform: translateY(550px);
    transform: translateY(550px);
}


/**! 07. buttons **/

.btn {
    border: 0;
    outline: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
    color: #191d28;
    padding-top: 1.1rem;
    padding-bottom: 1rem;
    padding-right: 2.5rem;
    padding-left: 2.5rem;
    position: relative;
    z-index: 1;
    letter-spacing: 1.2px;
    overflow: hidden;
}

.btn:hover:before {
    height: 100%;
}

.btn:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn--primary {
    background: #fbc25e;
}

.btn--primary:hover {
    background: #fbc463;
    color: #191d28;
}

.btn--dark {
    background: #30364c;
    color: #fff;
}

.btn--dark:hover {
    background: #262b3d;
    color: #fff;
}

.btn--sm {
    padding-right: 2rem;
    padding-left: 2rem;
}

.btn--lg {
    padding-right: 3rem;
    padding-left: 3rem;
}

.btn--megaEffect {
    letter-spacing: 1.5px;
}

.btn--megaEffect .letter {
    margin: 0 -1px;
}

.btn--megaEffect .space {
    margin-right: 0.0625rem;
    margin-left: 0.0625rem;
}

.btn__text {
    -webkit-transition: .1s .1s;
    -o-transition: .1s .1s;
    transition: .1s .1s;
}

.btn__arrow {
    position: absolute;
    width: 50px;
    height: 10px;
}

.btn__arrow--prev {
    -webkit-transform: translateX(200%) translateY(50%);
    -ms-transform: translateX(200%) translateY(50%);
    transform: translateX(200%) translateY(50%);
    background: url(../img/arrow-prev.png);
    background-repeat: no-repeat;
    left: 50%;
}

.btn--primary .btn__arrow--prev {
    background: url(../img/arrow-prev-dark.png);
    background-repeat: no-repeat;
}

.btn__arrow--next {
    -webkit-transform: translateX(-200%) translateY(50%);
    -ms-transform: translateX(-200%) translateY(50%);
    transform: translateX(-200%) translateY(50%);
    background: url(../img/arrow-next.png);
    background-repeat: no-repeat;
    right: 50%;
}

.btn--primary .btn__arrow--next {
    background: url(../img/arrow-next-dark.png);
    background-repeat: no-repeat;
}

.btn:hover .btn__arrow--prev {
    -webkit-transform: translateX(-50%) translateY(50%);
    -ms-transform: translateX(-50%) translateY(50%);
    transform: translateX(-50%) translateY(50%);
}

.btn:hover .btn__arrow--next {
    -webkit-transform: translateX(50%) translateY(50%);
    -ms-transform: translateX(50%) translateY(50%);
    transform: translateX(50%) translateY(50%);
}

.btn:hover .btn__text--prev {
    -webkit-transform: translateX(-200%);
    -ms-transform: translateX(-200%);
    transform: translateX(-200%);
}

.btn:hover .btn__text--next {
    -webkit-transform: translateX(200%);
    -ms-transform: translateX(200%);
    transform: translateX(200%);
}


/**! 08. form **/

.form-row {
    margin-right: -15px;
    margin-left: -15px;
}

.form-row>.col,
.form-row>[class*="col-"] {
    padding-right: 15px;
    padding-left: 15px;
}

.form-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    margin-bottom: 1.875rem;
}

.form-group .form-control {
    font-size: 1rem;
    color: #54668b;
    border-radius: 0;
    border: 1px solid #d3d7e2;
    padding-right: 1rem;
    padding-left: 1rem;
    height: 3.4375rem;
    color: #1c202d;
}

.form-group .form-control:focus {
    -webkit-box-shadow: 0 0 0 1px #3e4455;
    box-shadow: 0 0 0 1px #3e4455;
}

.form-group textarea.form-control {
    height: 14.0625rem;
    padding-top: 1.25rem;
}

.form-group .form-submit--search {
    width: 4.0625rem;
    height: 3.4375rem;
    position: absolute;
    right: 0;
    top: 0;
}

.form-group .form-submit--search i {
    position: relative;
    top: 2px;
}

.form-group .labelanimate {
    position: absolute;
    margin: auto;
    top: 16px;
    left: 20px;
    -webkit-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    z-index: 1;
    color: #717896;
}

.form-group.has-value .labelanimate {
    top: -30px;
    left: 0;
}


/**! 09. overlay **/

.overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-size: cover;
    background-repeat: no-repeat;
}

.overlay--pattern {
    background-repeat: repeat !important;
    background-size: initial;
}

.overlay-dark-bg-1 {
    background: #0f1219;
}

.bg-image {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
}


/**! 10. cards **/

.card {
    position: relative;
    overflow: hidden;
    padding-left: 1.66667rem;
    padding-top: 2rem;
    padding-bottom: 1.66667rem;
    padding-right: 1.33333rem;
    margin-bottom: 1.875rem;
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
    background-color: #fafcff;
    border: 1px solid #e8eefb;
    border-radius: 0;
}

.card.card--lg {
    padding: 3rem;
}

.card.card--md {
    padding: 2.2rem;
}

.card.card--sm {
    padding: 1.33333rem;
}

.card.card--border {
    border: 1px solid #e8eefb;
}

.card>div[class*='col-']:first-child:not(.card) {
    padding-left: 0;
}

.card>div[class*='col-']:last-child:not(.card) {
    padding-right: 0;
}

img+.card {
    padding-top: 2.8rem;
    padding-bottom: 2.6rem;
    padding-right: 2rem;
    padding-left: 2rem;
    margin: 0;
}

@media only screen and (max-width: 767px) {
    .card {
        padding: 1.33333rem;
    }
    .card.card--lg {
        padding: 1.33333rem;
    }
    .card div[class*='col-']:not(.card) {
        padding: 0;
    }
}

@media only screen and (min-width: 768px) {
    .row div[class*='col-']:nth-child(1):nth-last-child(3) .card,
    .row div[class*='col-']:nth-child(2):nth-last-child(2) .card,
    .row div[class*='col-']:nth-child(3):last-child .card {
        margin-bottom: 0;
    }
}

@media only screen and (max-width: 767px) {
    .row div[class*='col-']:last-child .card {
        margin-bottom: 0;
    }
}


/**! 11. section-title **/

.section-title {
    max-width: 31.875rem;
    padding-bottom: 3.75rem;
    position: relative;
    z-index: 0;
}

@media only screen and (min-width: 992px) {
    .section-title {
        padding-bottom: 5.625rem;
    }
}

.section-title__main {
    margin-bottom: 1rem;
    line-height: 3rem;
}

.background-dark .section-title__main {
    color: #fff;
}

.title-overlay {
    color: #f5f9ff;
    font-size: 3rem;
    font-weight: 900;
    position: absolute;
    z-index: 1;
    line-height: 0;
    top: 5%;
    left: -0.66667rem;
    white-space: nowrap;
}

@media only screen and (min-width: 768px) {
    .title-overlay {
        font-size: 1rem;
        top: 30%;
    }
}

@media only screen and (min-width: 992px) {
    .title-overlay h1 {
        font-size: 6rem;
    }
}

.title-overlay--vertical {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: bottom left;
    -ms-transform-origin: bottom left;
    transform-origin: bottom left;
}

.background-dark .title-overlay {
    color: #1e2230;
}


/**! 12. switchable **/

.switchable-row:nth-child(odd) div[class*='col-'] {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}


/**! 13. masonry **/

.masonry-item {
    padding-right: 15px;
    padding-left: 15px;
    margin-bottom: 30px;
    width: 100%;
    overflow: hidden;
}

@media only screen and (min-width: 768px) {
    .masonry-item {
        width: 50%;
    }
}

@media only screen and (min-width: 992px) {
    .masonry-item {
        width: 33.33%;
    }
    .works--full .masonry-item {
        width: 25%;
    }
}

.masonry-item .masonry-image {
    overflow: hidden;
    position: relative;
}

.masonry-item .masonry-image__thumb {
    min-height: 200px;
    background-position: center center;
    background-size: cover;
    background-size: cover;
}

@media only screen and (min-width: 575px) {
    .masonry-item .masonry-image__thumb {
        min-height: 268px;
    }
}

.masonry-item .masonry-image__thumb img {
    width: 100%;
}

.masonry-item .masonry-image__thumb::before {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    width: 100%;
    height: 120%;
    background: #3d4862;
    -webkit-transition: .3s ease-in;
    -o-transition: .3s ease-in;
    transition: .3s ease-in;
    -webkit-transition-delay: .3s;
    -o-transition-delay: .3s;
    transition-delay: .3s;
    opacity: 0;
}

.masonry-item--lg .masonry-image__thumb {
    min-height: 566px;
}

.masonry-item--xl {
    width: 100%;
}

.masonry-item--xl .masonry-image__thumb {
    min-height: 566px;
}

@media only screen and (min-width: 768px) {
    .masonry-item--xl {
        width: 50%;
    }
}

@media only screen and (min-width: 992px) {
    .masonry-item--xl {
        width: 66.66666666%;
    }
    .works--full .masonry-item--xl {
        width: 50%;
    }
}


/**! 14. breadcrumb **/

.site-breadcrumb {
    padding: 0 !important;
    background: #161924 !important;
    height: auto;
    z-index: 1000;
    position: fixed;
    width: 100%;
}

@media only screen and (min-width: 992px) {
    .site-breadcrumb {
        width: calc(100% - 6.25rem);
        margin-left: 6.25rem;
        position: fixed;
    }
}

.site-breadcrumb .breadcrumb-holder {
    display: inline-block;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 200px;
    flex: 0 0 200px;
}

@media only screen and (max-width: 991px) {
    .site-breadcrumb .breadcrumb-holder {
        position: absolute;
        height: 70px;
        left: 50%;
        top: 0;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

.site-breadcrumb .breadcrumb-holder a {
    color: #e6e6e6;
    font-size: 0.8125rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 2px;
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s;
    font-family: "Montserrat", Arial, sans-serif;
    margin-left: 1.5625rem;
}

.site-breadcrumb .breadcrumb-holder a i {
    margin-right: 0.9375rem;
    font-size: 1.125rem;
    -webkit-transform: translateY(3px);
    -ms-transform: translateY(3px);
    transform: translateY(3px);
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    -o-transition: transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
}

.site-breadcrumb .breadcrumb-holder a:hover {
    color: #fbc25e;
}

.site-breadcrumb .breadcrumb-holder a:hover i {
    -webkit-transform: translateY(3px) translateX(-10px);
    -ms-transform: translateY(3px) translateX(-10px);
    transform: translateY(3px) translateX(-10px);
}

@media only screen and (max-width: 991px) {
    .site-breadcrumb .quick-contact {
        display: none;
    }
}

.site-breadcrumb .quick-contact__link {
    height: 5.8125rem;
}


/**! 15. social-icon **/

.social-connet {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.social-connet li:not(:last-child) {
    margin-right: 1.2rem;
}

.social-connet a {
    height: 2.8rem;
    width: 2.8rem;
    line-height: 2.9rem;
    font-size: 1.2rem;
    border-radius: 10rem;
    color: #6c7fa6;
    border: 1px solid #6c7fa6;
    text-align: center;
}

.social-connet a i {
    position: relative;
    top: 1px;
}

.background-dark .social-connet a {
    color: #fff;
    border: 1px solid #fff;
}

.social-connet a:hover {
    color: #1c202d;
    border-color: #fbc25e;
    background: #fbc25e;
}

.social-connet--borderless a {
    border: 0 !important;
}

.social-connet--borderless a:hover {
    background: transparent;
    color: #fbc25e;
}


/**! 16. blog-widget **/

.sidebar__widget {
    background: #fff;
    border: 1px solid #e8eefb;
}

@media only screen and (max-width: 991px) {
    .sidebar__widget {
        display: none;
    }
}

.sidebar__widget:not(:last-child) {
    margin-bottom: 2.0625rem;
}

.sidebar__widget .form-group {
    margin-bottom: 0;
}

.sidebar__widget .widget__title {
    padding: 1.25rem 1.5rem;
    background: #f7f8f8;
}

.sidebar__widget ul {
    margin-bottom: 0;
}

.sidebar__widget .widget-body {
    padding: 1.875rem 1.5rem;
}

.sidebar__widget .widget-body:not(.tag-cloud) ul:not(.social-connet) li {
    padding-right: 1.5rem;
    padding-left: 1.5rem;
}

.sidebar__widget .widget-body:not(.tag-cloud) ul:not(.social-connet) li:not(:first-child) {
    padding-top: 1.875rem;
}

.sidebar__widget .widget-body:not(.tag-cloud) ul:not(.social-connet) li:not(:last-child) {
    border-bottom: 1px solid #e8eefb;
    padding-bottom: 1.875rem;
}

.sidebar__widget .categories {
    padding-left: 0;
    padding-right: 0;
}

.sidebar__widget .categories ul * {
    font-size: 0.875rem;
    font-weight: 500;
    color: #3d4862;
}

.sidebar__widget .categories ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.sidebar__widget .categories ul i {
    position: relative;
    top: 2px;
    margin-right: 0.625rem;
    -webkit-transform: translateX(-15px);
    -ms-transform: translateX(-15px);
    transform: translateX(-15px);
    opacity: 0;
}

.sidebar__widget .categories ul a {
    margin-left: -0.625rem;
}

.sidebar__widget .categories ul a:hover {
    margin-left: 0rem;
    color: #fbc25e;
}

.sidebar__widget .categories ul a:hover i {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
    color: #fbc25e;
}

.sidebar__widget .recent-news {
    padding-left: 0;
    padding-right: 0;
}

.sidebar__widget .recent-news a {
    margin-bottom: 0.5rem;
    color: #3d4862;
    font-size: 1.0625rem;
    font-weight: 600;
}

.sidebar__widget .recent-news a:hover {
    color: #54668b;
}

.sidebar__widget .recent-news .meta span {
    color: #54668b;
    text-transform: uppercase;
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 1px;
}

.sidebar__widget .recent-news .meta span:not(:last-child) {
    margin-right: 0.9375rem;
}

.sidebar__widget .tag-cloud {
    padding-bottom: 0.9375rem;
}

.sidebar__widget .tag-cloud ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.sidebar__widget .tag-cloud ul li {
    margin-bottom: 0.9375rem;
}

.sidebar__widget .tag-cloud ul li:not(:last-child) {
    margin-right: 0.9375rem;
}

.sidebar__widget .tag-cloud ul li a {
    border: 1px solid #e8eefb;
    color: #54668b;
    font-size: 0.75rem;
    text-transform: uppercase;
    padding: 0.5rem 0.9375rem;
}

.sidebar__widget .tag-cloud ul li a:hover {
    background: #fbc25e;
    border-color: #fbc25e;
}


/**! 17. comments **/

.comments-container {
    margin-top: 5rem;
}

.comment-title {
    margin-bottom: 3.4375rem;
}

.comment-title h5 {
    font-size: 1.5rem;
    font-weight: 700;
}

.comment {
    margin-bottom: 4.375rem;
}

.comment .children {
    margin-top: 4.375rem;
}

@media only screen and (min-width: 768px) {
    .comment .children {
        margin-left: 3.75rem;
    }
}

.comment__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-bottom: 1.25rem;
}

.comment .the-comment {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.comment .author__avatar {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 70px;
    flex: 0 0 70px;
    margin-right: 1.5625rem;
    border-radius: 100px;
    border: 1px solid #717896;
}

.comment .author__name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.comment .author__name h5 {
    font-weight: 500;
}

.comment .author__name .meta {
    font-size: 0.75rem;
    color: #54668b;
}

.comment-reply-link {
    color: #3d4862;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    padding-bottom: 0.3125rem;
}

.comment-reply-link:hover {
    color: #fbc25e;
}

.comment__text p {
    color: #3d4862;
}


/**! 18. image-carousel **/

.image-carousel .swiper-wrapper {
    margin-bottom: 7.5rem;
}

.swiper-pagination--custom .swiper-pagination-bullet {
    background: transparent;
    opacity: 1;
    width: 1rem;
    height: 1rem;
    border-radius: 10rem;
    margin-right: 1rem !important;
    margin-left: 1rem !important;
    position: relative;
}

.swiper-pagination--custom .swiper-pagination-bullet::before {
    content: '';
    position: absolute;
    top: 0.3125rem;
    left: 0.3125rem;
    width: 0.375rem;
    height: 0.375rem;
    background: #54668b;
    border-radius: 100px;
}

.swiper-pagination--custom .swiper-pagination-bullet-active {
    -webkit-box-shadow: 0 0 0 1px #54668b;
    box-shadow: 0 0 0 1px #54668b;
}

.swiper-navigation .swiper-button-prev {
    background-image: url(../img/carousel-prev.png);
    height: 80px;
    width: 50px;
    left: 30px;
    background-size: 49px 8px;
    margin-top: -80px;
}

.swiper-navigation .swiper-button-next {
    background-image: url(../img/carousel-next.png);
    height: 80px;
    width: 50px;
    right: 30px;
    background-size: 49px 8px;
    margin-top: -80px;
}


/**! 19. contact-info **/

.contact-info {
    /*position: relative;*/
    z-index: 1;
}

.contact-info:after {
    content: "";
    height: 150%;
    width: 4rem;
    background: #2d3649;
    position: absolute;
    top: 50%;
    left: 0;
    z-index: -1;
    -webkit-transform: translateY(-53%);
    -ms-transform: translateY(-53%);
    transform: translateY(-53%);
}

.background-dark .contact-info:after {
    background: #191d28;
}

.footer .contact-info:after {
    height: 110%;
}

.contact-info li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    position: relative;
}

.contact-info li:not(:last-child) {
    margin-bottom: 1rem;
}

.contact-info li:before {
    content: "";
    height: 1px;
    width: 1.5rem;
    background: #fbc25e;
    left: 3.3rem;
    -webkit-transform: translateY(-52%);
    -ms-transform: translateY(-52%);
    transform: translateY(-52%);
    position: absolute;
    top: 50%;
    z-index: 1;
}

.contact-info i {
    margin-right: 3.5rem;
    margin-left: 0.90909rem;
    margin-top: 0.625rem;
    font-size: 1.2rem;
    color: #bbc4d6;
}

.contact-info p {
    color: #3d4862;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 600;
}

.background-dark .contact-info p {
    color: #fbc25e;
}

.footer .contact-info p {
    font-weight: 400;
}


/**! 20. pre-laoder **/

.pre-laoder {
    position: fixed;
    height: 100%;
    width: 100%;
    z-index: 99999;
    top: 0;
    left: 0;
    background: #1c202d;
    background-repeat: repeat !important;
}

.pre-laoder .svg-sahpe {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    margin-left: 95px;
}

.pre-laoder .canvas-lines .static-lines .line {
    background: #1b1f2b;
}


/**! 21. Navigation **/

.navbar {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: transparent;
    z-index: 998;
    background: rgba(28, 32, 45, 0);
    padding-bottom: 0;
    padding-top: 0;
}

@media only screen and (min-width: 992px) {
    .navbar {
        width: calc(100% - 6.25rem);
        margin-left: auto;
        padding-top: 0.625rem;
    }
}

.site-innerpage .navbar {
    background: #1c202d;
    -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
}

@media only screen and (min-width: 992px) {
    .navbar--sticky {
        padding-top: 0rem;
        position: fixed;
        background: #1c202d;
        -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
        box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
    }
}

@media only screen and (min-width: 992px) {
    .navbar .nav-item:first-child .nav-link {
        padding-left: 1.5rem;
    }
}

.navbar .nav-item>.nav-link {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
}

@media only screen and (min-width: 992px) {
    .navbar .nav-item>.nav-link {
        padding-top: 2.1875rem;
        padding-bottom: 2.1875rem;
    }
}

.navbar .nav-item .nav-link {
    color: #e6e6e6;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 2px;
    padding-right: 2rem;
    font-family: "Montserrat", Arial, sans-serif;
}

@media only screen and (min-width: 991px) and (max-width: 1200px) {
    .navbar .nav-item .nav-link {
        font-size: 0.6875rem;
        letter-spacing: .5px;
    }
}

@media only screen and (min-width: 1200px) {
    .navbar .nav-item .nav-link {
        font-size: 0.75rem;
        padding-right: 2.4rem;
    }
}

.navbar .nav-item .nav-link.active,
.navbar .nav-item .nav-link.current-menu-item {
    color: #fbc25e;
}

.home .navbar .nav-item .nav-link.current-menu-item {
    color: #e6e6e6;
}

.home .navbar .nav-item .nav-link.current-menu-item.active {
    color: #fbc25e;
}

.navbar--sticky .nav-item .nav-link {
    padding-top: 1.375rem;
    padding-bottom: 1.375rem;
}


/*---------- bootstrap nav custom hover ----------*/

.dropdown-menu {
    background: transparent;
    border-radius: 0;
    border: 0;
    padding: 0;
    margin: 0;
}

@media only screen and (min-width: 992px) {
    .dropdown-menu {
        opacity: 0;
        display: block;
        visibility: hidden;
        min-width: 13.125rem;
        margin-top: 0;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px);
    }
}

.dropdown-menu>li {
    background: #1c202d;
}

@media only screen and (min-width: 992px) {
    .navbar-nav li:hover>ul.dropdown-menu {
        opacity: 1;
        -webkit-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        transform: translateY(-10px);
        visibility: visible;
    }
}

.dropdown-item {
    color: #8d98b7;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    text-transform: uppercase;
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: .5px;
}

.dropdown-item:focus,
.dropdown-item:hover {
    background: #24293a;
    color: #fbc25e;
}

.dropdown-divider {
    border-color: #8d98b7;
}

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
}


/*  mainmenu caret */

.dropdown-toggle:after {
    margin-left: 4px;
    vertical-align: 1px;
    border-top: 5px solid;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    color: #e6e6e6;
}


/*  submenu cater */

.dropdown-submenu .dropdown-toggle:after {
    position: absolute;
    right: 24px;
    top: 17px;
    color: #8d98b7;
}


/* rotate caret on hover */

.dropdown-menu>li>a:hover:after {
    text-decoration: underline;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}


/*---------- Mobile Site nav ----------*/

.navbar-toggler {
    display: none;
}

@media only screen and (max-width: 991px) {
    .navbar {
        position: absolute;
        height: 0;
        width: 0;
    }
    .navbar.active {
        display: block;
    }
    .navbar.active .navbar-inner {
        right: 0;
    }
    .navbar .navbar-inner {
        right: -100%;
        -webkit-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);
        -o-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);
        transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);
    }
    .navbar-inner {
        position: fixed;
        top: 0;
        bottom: 0;
        width: 315px !important;
        padding: 6rem 1.5rem 0;
        background-color: #1c202d;
        border-radius: 0;
        overflow-y: auto;
        z-index: 1050;
    }
    .navbar-inner .dropdown-menu {
        border: medium none;
        background: none;
        border-radius: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        float: none;
        margin: 0;
        padding-top: 0;
        position: static;
    }
    .nav--open .main-wrapper {
        -webkit-transform: translate3d(-150px, 0, 0);
        transform: translate3d(-150px, 0, 0);
    }
    /*---------- Mobile Site nav toggler ----------*/
    .navbar-toggler {
        position: relative;
        border: none;
        cursor: pointer;
        height: 100%;
        width: 5rem;
        background-image: none;
        border-radius: 0;
        background: #fbc25e;
        z-index: 1060;
        display: inline-block;
    }
    .navbar-toggler-icon {
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        margin: auto;
        background-image: none !important;
    }
    .navbar-toggler-icon,
    .navbar-toggler-icon:before,
    .navbar-toggler-icon:after {
        -webkit-transition: .3s ease-in-out;
        -o-transition: .3s ease-in-out;
        transition: .3s ease-in-out;
    }
    .navbar-toggler-icon {
        height: 3px;
        width: 50%;
        background: #3d4862;
        display: inline-block;
    }
    .navbar-toggler-icon:before,
    .navbar-toggler-icon:after {
        content: "";
        background: #3d4862;
        left: 0;
        height: 100%;
        width: 100%;
        position: absolute;
    }
    .navbar-toggler-icon::before {
        top: -0.66667rem;
    }
    .navbar-toggler-icon::after {
        top: 0.66667rem;
    }
    .navbar-toggler-icon.active {
        background-color: transparent;
        -webkit-transform: scale(0.85) rotate(270deg);
        -ms-transform: scale(0.85) rotate(270deg);
        transform: scale(0.85) rotate(270deg);
    }
    .navbar-toggler-icon.active:before {
        top: 0;
        -webkit-transform: scale(0.65) rotate(45deg);
        -ms-transform: scale(0.65) rotate(45deg);
        transform: scale(0.65) rotate(45deg);
    }
    .navbar-toggler-icon.active:after {
        top: 0;
        -webkit-transform: scale(0.65) rotate(-45deg);
        -ms-transform: scale(0.65) rotate(-45deg);
        transform: scale(0.65) rotate(-45deg);
    }
}

.site-language a {
    color: #fbc25e;
    font-size: 0.8125rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 2px;
    padding-right: 4rem;
    font-family: "Montserrat", Arial, sans-serif;
}

@media only screen and (max-width: 991px) {
    .site-language {
        display: none;
    }
}

.quick-contact {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 99;
    position: relative;
}

.quick-contact__text {
    font-size: 0.75rem;
    text-transform: uppercase;
    font-weight: 500;
    margin-right: 0rem;
    color: #fff;
    opacity: 0;
    z-index: -1;
    margin-right: 1.25rem;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.quick-contact__link {
    background: #fbc25e;
    width: 100px;
    height: 90px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.quick-contact__link i {
    color: #1c202d;
    font-size: 1.875rem;
}

.quick-contact:hover .quick-contact__text {
    opacity: 1;
    left: -75px;
}


/**! ----- Sidebar Navigation---- **/

.navigations-sidebar {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 70px;
    /* background: #161924; */
    background-color: rgba(255, 255, 255, .2);
    border-color: #2f2f2f;
    z-index: 999;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    backdrop-filter: blur(5px) saturate(100%);
    /* opacity: 0.4; */
    /**! ----- Sidebar Navigation logo---- **/
    /**! ----- Navigation Toggler---- **/
    /**! ----- Navigation Social---- **/
}

@media only screen and (min-width: 992px) {
    .navigations-sidebar {
        width: 100px;
        height: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.navigations-sidebar .logo-holder {
    text-align: center;
}

@media only screen and (min-width: 992px) {
    .navigations-sidebar .logo-holder {
        display: block;
        width: 100%;
        padding-bottom: 1.5625rem;
        padding-top: 1.5625rem;
    }
}

@media only screen and (max-width: 991px) {
    .navigations-sidebar .logo-holder {
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .navigations-sidebar .logo-holder a {
        padding: 10px 20px;
    }
}

.navigations-sidebar .offcanvas-toggler {
    position: relative;
    border: 2px solid black;
    cursor: pointer;
    height: 3.25rem;
    width: 3.25rem;
    background-image: none;
    border-radius: 10rem;
}

@media only screen and (max-width: 991px) {
    .site-innerpage .navigations-sidebar .offcanvas-toggler {
        margin-right: 1.25rem;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 3.25rem;
        flex: 0 0 3.25rem;
    }
}

.navigations-sidebar .offcanvas-toggler-icon {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    background-image: none !important;
}

.navigations-sidebar .offcanvas-toggler-icon,
.navigations-sidebar .offcanvas-toggler-icon:before,
.navigations-sidebar .offcanvas-toggler-icon:after {
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.navigations-sidebar .offcanvas-toggler-icon {
    height: 2px;
    width: 50%;
    background: #fbc25e;
    display: inline-block;
}

.navigations-sidebar .offcanvas-toggler-icon:before,
.navigations-sidebar .offcanvas-toggler-icon:after {
    content: "";
    background: #fbc25e;
    left: 0;
    height: 100%;
    width: 100%;
    position: absolute;
}

.navigations-sidebar .offcanvas-toggler-icon::before {
    top: -8px;
}

.navigations-sidebar .offcanvas-toggler-icon::after {
    top: 8px;
}

.navigations-sidebar .offcanvas-toggler:hover .navbar-toggler-icon {
    -webkit-transform: scale(0.85) rotate(0deg);
    -ms-transform: scale(0.85) rotate(0deg);
    transform: scale(0.85) rotate(0deg);
}

.navigations-sidebar .offcanvas-toggler .offcanvas-toggler-icon.active {
    background-color: transparent;
    -webkit-transform: scale(0.85) rotate(270deg);
    -ms-transform: scale(0.85) rotate(270deg);
    transform: scale(0.85) rotate(270deg);
}

.navigations-sidebar .offcanvas-toggler .offcanvas-toggler-icon.active:before {
    top: 0;
    -webkit-transform: scale(0.65) rotate(45deg);
    -ms-transform: scale(0.65) rotate(45deg);
    transform: scale(0.65) rotate(45deg);
}

.navigations-sidebar .offcanvas-toggler .offcanvas-toggler-icon.active:after {
    top: 0;
    -webkit-transform: scale(0.65) rotate(-45deg);
    -ms-transform: scale(0.65) rotate(-45deg);
    transform: scale(0.65) rotate(-45deg);
}

.navigations-sidebar .navigations-connect {
    padding-bottom: 1.875rem;
}

.navigations-sidebar .navigations-connect ul li:not(:last-child) {
    margin-bottom: 1.25rem;
}

.navigations-sidebar .navigations-connect ul li a {
    color: #7d839d;
    font-size: 1.0625rem;
}

.navigations-sidebar .navigations-connect ul li a:hover {
    color: #fbc25e;
}

@media only screen and (max-width: 991px) {
    .navigations-sidebar .navigations-connect {
        display: none;
    }
}


/**! ----- Off-Canvas Menu---- **/

.offcanvas-menu {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: rgba(28, 32, 45, 0.97);
    z-index: 998;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    opacity: 0;
    visibility: hidden;
}

@media only screen and (min-width: 992px) {
    .offcanvas-menu {
        left: 100px;
        width: calc(100% - 100px);
    }
}

@media only screen and (max-width: 991px) {
    .offcanvas-menu {
        /*overflow: auto;*/
    }
}

.offcanvas-menu--open {
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
}

.offcanvas-menu .menu {
    top: 140px;
    width: 100%;
    position: relative;
}

@media only screen and (min-width: 768px) {
    .offcanvas-menu .menu {
        margin-left: 30px;
    }
}

@media only screen and (min-width: 992px) {
    .offcanvas-menu .menu {
        height: 100%;
        margin-left: 140px;
        top: 30%;
        height: calc(100% - 30%);
    }
}

.offcanvas-menu .overlay {
    opacity: .4;
}

.menu__wrap {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    left: 0;
    height: 99vh;
    overflow: auto;
}

@media only screen and (min-width: 768px) {
    .menu__wrap {
        width: 420px;
    }
}

@media only screen and (min-width: 992px) {
    .menu__wrap {
        overflow: hidden;
        height: 100%;
    }
}

.menu__level {
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden;
    overflow: hidden;
    overflow-y: scroll;
    width: calc(100% + 50px);
    height: 100%;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.menu__level:focus {
    outline: none;
}

.menu__level--current {
    visibility: visible;
}

.menu__item {
    display: block;
    width: calc(100% - 50px);
}

.menu__link {
    font-weight: 600;
    position: relative;
    display: block;
    padding: 1em 2.5em 1em 1.5em;
    -webkit-transition: color 0.1s;
    -o-transition: color 0.1s;
    transition: color 0.1s;
    font-size: 0.9375rem;
    text-transform: uppercase;
    font-weight: 600;
    color: #8d98b7;
    letter-spacing: 1px;
}

.menu__link[data-submenu]::after {
    content: '\e6e2';
    font-family: 'themify';
    position: absolute;
    right: 0;
    padding: 0.25em 1.25em;
    color: #8d98b7;
}

.menu__link--current {
    color: #fbc25e;
}

.menu__link:hover,
.menu__link:focus,
.menu__link[data-submenu]:hover::after,
.menu__link[data-submenu]:focus::after {
    color: #fbc25e;
}

[class^='animate-'],
[class*=' animate-'] {
    visibility: visible;
}

.animate-outToRight .menu__item {
    -webkit-animation: outToRight 0.6s both cubic-bezier(0.7, 0, 0.3, 1);
    animation: outToRight 0.6s both cubic-bezier(0.7, 0, 0.3, 1);
}

@-webkit-keyframes outToRight {
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

@keyframes outToRight {
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

.animate-outToLeft .menu__item {
    -webkit-animation: outToLeft 0.6s both cubic-bezier(0.7, 0, 0.3, 1);
    animation: outToLeft 0.6s both cubic-bezier(0.7, 0, 0.3, 1);
}

@-webkit-keyframes outToLeft {
    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

@keyframes outToLeft {
    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

.animate-inFromLeft .menu__item {
    -webkit-animation: inFromLeft 0.6s both cubic-bezier(0.7, 0, 0.3, 1);
    animation: inFromLeft 0.6s both cubic-bezier(0.7, 0, 0.3, 1);
}

@-webkit-keyframes inFromLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes inFromLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.animate-inFromRight .menu__item {
    -webkit-animation: inFromRight 0.6s both cubic-bezier(0.7, 0, 0.3, 1);
    animation: inFromRight 0.6s both cubic-bezier(0.7, 0, 0.3, 1);
}

@-webkit-keyframes inFromRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes inFromRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.menu__breadcrumbs {
    font-size: 0.65em;
    line-height: 1;
    position: relative;
    padding: 2.5em 3.75em 1.5em 2.5em;
}

.menu__breadcrumbs a {
    font-weight: bold;
    display: inline-block;
    cursor: pointer;
    vertical-align: middle;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #fbc25e;
}

.menu__breadcrumbs a:last-child {
    pointer-events: none;
}

.menu__breadcrumbs a:hover,
.menu__breadcrumbs a:focus {
    color: #8182e0;
}

.menu__breadcrumbs a:not(:last-child)::after {
    content: '\e628';
    font-family: 'themify';
    display: inline-block;
    padding: 0 0.5em;
    color: #33353e;
}

.menu__breadcrumbs a:not(:last-child):hover::after,
.menu__breadcrumbs a:not(:last-child):focus::after {
    color: #33353e;
}

.menu__back {
    font-size: 1.05em;
    position: absolute;
    z-index: 100;
    top: -70px;
    left: 25px;
    margin: 0;
    padding: 1.365em 0.65em 0 0;
    cursor: pointer;
    color: #5a6d95;
    border: none;
    background: none;
}

@media only screen and (min-width: 992px) {
    .menu__back {
        top: -100px;
    }
}

.menu__back .ti-arrow-left {
    height: 2.8125rem;
    width: 8.75rem;
    background: #333c52;
    position: relative;
}

.menu__back .ti-arrow-left:before {
    content: '';
    background: url(../img/arrow-back-long.png);
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
}

.menu__back:hover .ti-arrow-left:before {
    background-position: 20px center;
}

.menu__back--hidden {
    pointer-events: none;
    opacity: 0;
    -webkit-transform: translate3d(100px, 0, 0);
    transform: translate3d(100px, 0, 0);
}

.menu__back:hover,
.menu__back:focus {
    color: #fff;
    outline: none;
}


/* Open and close buttons */

.action {
    position: absolute;
    margin: 0;
    padding: 0;
    cursor: pointer;
    border: none;
    background: none;
}

.action:focus {
    outline: none;
}

.action--close {
    font-size: 1.1em;
    top: 1.25em;
    right: 1em;
    display: none;
    color: #45464e;
}

.menu {
    z-index: 1000;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    -webkit-transform: translate3d(-600px, 0, 0);
    transform: translate3d(-600px, 0, 0);
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    -o-transition: transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
}

.menu--open {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.offcanvas__copyright {
    position: absolute;
    bottom: 30px;
    margin-left: 160px;
    color: #e6e6e6;
    z-index: 1001;
}

@media only screen and (max-width: 991px) {
    .offcanvas__copyright {
        display: none;
    }
}

.offcanvas__copyright span {
    color: #fbc25e;
}


/**! 22. quick-contact **/


/**! 23. hero **/


/**!---------- Hero Slider --------**/

.home-slider {
    position: relative;
}

.home-slider .overlay {
    opacity: .65;
    -webkit-transition: all .65s ease;
    -o-transition: all .65s ease;
    transition: all .65s ease;
    z-index: 2;
}

.home-slider .swiper-slide {
    overflow: hidden;
}

.home-slider .swiper-wrapper {
    -webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

.home-slider .transition {
    background: white;
}

.home-slider .swiper-container {
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    height: 700px;
}

@media only screen and (min-width: 768px) {
    .home-slider .swiper-container {
        height: 100vh;
    }
}

@media only screen and (max-height: 650px) {
    .home-slider .swiper-container {
        height: 700px;
    }
}

.home-slider .slide-inner {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #000;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.home-slider .slide-inner--image {
    position: absolute;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    opacity: .2;
    -webkit-transition: opacity .6s ease-in-out;
    -o-transition: opacity .6s ease-in-out;
    transition: opacity .6s ease-in-out;
    -webkit-animation: zoomInOut 60s infinite;
    animation: zoomInOut 60s infinite;
}

@media only screen and (min-width: 992px) {
    .home-slider.home-slider--half .slide-inner:before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 40%;
        background: #1c202d;
        height: 100%;
        z-index: 3;
    }
}

.home-slider .swiper-slide-duplicate-active .slide-inner--image,
.home-slider .swiper-slide-active .slide-inner--image {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

@-webkit-keyframes zoomInOut {
    0% {
        -webkit-transform: scale(1.15);
        transform: scale(1.15);
    }
    50% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    100% {
        -webkit-transform: scale(1.15);
        transform: scale(1.15);
    }
}

@keyframes zoomInOut {
    0% {
        -webkit-transform: scale(1.15);
        transform: scale(1.15);
    }
    50% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    100% {
        -webkit-transform: scale(1.15);
        transform: scale(1.15);
    }
}

.home-slider .slide-inner--info {
    position: absolute;
    width: 100%;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    z-index: 99;
    max-width: 48.125rem;
    padding-right: 15px;
    padding-left: 15px;
    height: 700px;
}

@media only screen and (min-width: 768px) {
    .home-slider .slide-inner--info {
        height: 100vh;
    }
}

@media only screen and (max-height: 650px) {
    .home-slider .slide-inner--info {
        height: 700px;
    }
}

.home-slider .slide-inner--info>* {
    opacity: 0;
    -webkit-transform: translateY(25px);
    -ms-transform: translateY(25px);
    transform: translateY(25px);
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}

.home-slider .slide-inner--info .slide-inner__top {
    color: #fbc25e;
    margin-bottom: 20px;
    position: relative;
    text-transform: uppercase;
    font-size: 0.875rem;
    font-weight: 600;
    -webkit-transition-delay: .1s;
    -o-transition-delay: .1s;
    transition-delay: .1s;
}

.home-slider .slide-inner--info .slide-inner__top span {
    content: "";
    width: 30px;
    height: 1px;
    background: #fbc25e;
    margin-right: 10px;
    margin-bottom: 5px;
}

.home-slider .slide-inner--info h1 {
    color: #fff;
    margin-bottom: 1.5625rem;
    -webkit-transition-delay: .12s;
    -o-transition-delay: .12s;
    transition-delay: .12s;
}

.home-slider .slide-inner--info h1 span {
    color: #fbc25e;
}

.home-slider .slide-inner--info p {
    color: #fff;
    max-width: 34.375rem;
    margin-bottom: 2.5rem;
    font-size: 1rem;
    -webkit-transition-delay: .16s;
    -o-transition-delay: .16s;
    transition-delay: .16s;
}

@media only screen and (min-width: 768px) {
    .home-slider .slide-inner--info p {
        margin-bottom: 5.625rem;
    }
}

.home-slider .slide-inner--info .btn {
    -webkit-transition-delay: .18s;
    -o-transition-delay: .18s;
    transition-delay: .18s;
}

.home-slider .swiper-slide-active .slide-inner--info>* {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

.home-slider .swiper-slide-active .slide-inner--info>*:nth-child(1) {
    -webkit-transition-delay: 1s;
    -o-transition-delay: 1s;
    transition-delay: 1s;
}

.home-slider .swiper-slide-active .slide-inner--info>*:nth-child(2) {
    -webkit-transition-delay: 1.2s;
    -o-transition-delay: 1.2s;
    transition-delay: 1.2s;
}

.home-slider .swiper-slide-active .slide-inner--info>*:nth-child(3) {
    -webkit-transition-delay: 1.5s;
    -o-transition-delay: 1.5s;
    transition-delay: 1.5s;
}

.home-slider .swiper-slide-active .slide-inner--info>*:nth-child(4) {
    -webkit-transition-delay: 1.8s;
    -o-transition-delay: 1.8s;
    transition-delay: 1.8s;
}

@media only screen and (max-width: 767px) {
    .home-slider .swiper-pagination-bullets {
        text-align: left;
        left: 10px;
    }
}

@media only screen and (min-width: 768px) {
    .home-slider .swiper-pagination-bullets {
        right: 50px;
        top: 50%;
        bottom: auto !important;
        left: auto !important;
        width: auto !important;
        -webkit-transform: translate3d(0, -50%, 0);
        transform: translate3d(0, -50%, 0);
    }
}

.home-slider .swiper-pagination-bullets .swiper-pagination-bullet {
    background: transparent;
    opacity: 1;
    width: 15px;
    height: 15px;
    -webkit-transition: .15s;
    -o-transition: .15s;
    transition: .15s;
    border-radius: 100px;
    position: relative;
}

@media only screen and (min-width: 768px) {
    .home-slider .swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 18px 0 !important;
        display: block;
    }
}

.home-slider .swiper-pagination-bullets .swiper-pagination-bullet:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 4px;
    height: 4px;
    background: #fbc25e;
    border-radius: 100px;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.home-slider .swiper-pagination-bullets .swiper-pagination-bullet-active {
    width: 20px;
    height: 15px;
    border-radius: 0px;
    -webkit-transform: translateX(1px);
    -ms-transform: translateX(1px);
    transform: translateX(1px);
}

.home-slider .swiper-pagination-bullets .swiper-pagination-bullet-active:before {
    height: 5px;
    width: 100%;
}

@media only screen and (min-width: 768px) {
    .home-slider .swiper-pagination-bullets .swiper-pagination-bullet-active {
        width: 15px;
        height: 50px;
    }
    .home-slider .swiper-pagination-bullets .swiper-pagination-bullet-active:before {
        height: 100%;
        width: 2px;
    }
}

.home-slider .expanded-timeline {
    position: absolute;
    z-index: 3;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 90px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media only screen and (max-width: 767px) {
    .home-slider .expanded-timeline {
        display: none;
    }
}

.home-slider .expanded-timeline__counter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #c0c4d6;
}

.home-slider .expanded-timeline__counter span {
    text-align: center;
    margin-left: 0.625rem;
    margin-right: 0.625rem;
    color: #c0c4d6;
    display: block;
    font-size: 1rem;
    font-weight: 600;
}

.home-slider .expanded-timeline__counter span:last-child {
    color: #fbc25e;
}

.home-slider .quick-contact {
    position: absolute;
    right: 0;
    bottom: 0;
}


/**!---------- Hero Cover (Non slider) --------**/

.cover {
    position: relative;
    z-index: 1;
}

@media only screen and (min-width: 768px) {
    .cover--half:before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 40%;
        background: #1c202d;
        height: 100%;
        z-index: 4;
    }
}

.cover-image {
    background-size: cover;
    background-position: center center;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
}

.cover .overlay {
    opacity: .75;
}

.cover .overlay--pattern {
    background-repeat: repeat !important;
}

.cover__content {
    height: 46.875rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    z-index: 4;
}

@media only screen and (min-width: 992px) {
    .cover__content {
        height: 100vh;
        -webkit-transform: translateY(30px);
        -ms-transform: translateY(30px);
        transform: translateY(30px);
    }
}

.cover__content--center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
}

.cover .content__top {
    color: #fbc25e;
    margin-bottom: 20px;
    position: relative;
    text-transform: uppercase;
    font-size: 0.875rem;
    font-weight: 600;
    -webkit-transition-delay: .1s;
    -o-transition-delay: .1s;
    transition-delay: .1s;
}

.cover .content__top span {
    content: "";
    width: 30px;
    height: 1px;
    background: #fbc25e;
    margin-right: 10px;
    margin-left: 10px;
    margin-bottom: 5px;
}

.cover h1 {
    color: #fff;
    margin-bottom: 1.5625rem;
    -webkit-transition-delay: .12s;
    -o-transition-delay: .12s;
    transition-delay: .12s;
}

.cover h1 span {
    color: #fbc25e;
}

.cover p {
    color: #fff;
    max-width: 34.375rem;
    margin-bottom: 2.5rem;
    font-size: 1rem;
    -webkit-transition-delay: .16s;
    -o-transition-delay: .16s;
    transition-delay: .16s;
}

@media only screen and (min-width: 768px) {
    .cover p {
        margin-bottom: 5.625rem;
    }
}

.cover .quick-contact {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 2;
}


/**! 24. story **/

.story-img-block {
    display: inline-block;
    position: relative;
}

@media only screen and (max-width: 575px) {
    .story-img-block {
        -webkit-transform: scale(0.85);
        -ms-transform: scale(0.85);
        transform: scale(0.85);
    }
}

.story__img {
    position: relative;
    -webkit-box-shadow: 0 50px 0 -25px #e8eefb;
    box-shadow: 0 50px 0 -25px #e8eefb;
}

@media only screen and (max-width: 767px) {
    .story__img {
        text-align: center;
    }
}

.story__img:before {
    content: "";
    position: absolute;
    top: 25px;
    left: -25px;
    width: 25px;
    height: 82%;
    z-index: -1;
    background: #39425c;
}

.story__img:after {
    content: "";
    position: absolute;
    right: -25px;
    width: 25px;
    bottom: 60px;
    height: 70%;
    z-index: -1;
    background: #e8eefb;
}

.story .title-overlay {
    left: -40px;
    top: 72%;
    font-size: 7rem;
}

.story__meta {
    display: inline-block;
    background: #39425c;
    padding-right: 5rem;
    padding-left: 1.5rem;
    padding-top: 1rem;
    padding-bottom: 0.5rem;
    position: absolute;
    top: 250px;
    right: -25px;
    z-index: 99;
}

.story__meta h6 {
    color: #fff;
    line-height: 1rem;
    text-align: left;
}

.story__meta h6 span {
    color: #fbc25e;
    margin-right: 0.375rem;
}

.story__meta p {
    color: #fff;
}

@media only screen and (max-width: 991px) {
    .story-details {
        margin-top: 4rem;
    }
}

.story-details h3 {
    margin-bottom: 1.5rem;
}

.story-details p {
    margin-bottom: 2.8rem;
    font-weight: 500;
}

.story__mini-title {
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 0.83333rem;
}

.story__signature {
    margin-bottom: 2.3rem;
    display: block;
}


/**! 25. service **/

.services {
    counter-reset: section;
}

.services div[class*='col-'] .service:before {
    content: counter(section, decimal-leading-zero);
    counter-increment: section;
}

.service {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    z-index: 1;
}

@media only screen and (min-width: 768px) {
    .service {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

.service:before {
    position: absolute;
    bottom: 10px;
    right: 10px;
    height: 2.125rem;
    width: 2.125rem;
    font-size: 1.125rem;
    font-weight: 600;
    background: #fbc25e;
    color: #fff;
    text-align: center;
    line-height: 2.125rem;
    -webkit-box-shadow: -25px 0 0 0 #fafcff;
    box-shadow: -25px 0 0 0 #fafcff;
}

.service .icon {
    font-size: 2.25rem;
    background: #e8eefb;
    text-align: center;
    margin-right: 1.6rem;
}

.service__body h5 {
    margin-bottom: 0.5rem;
    color: #3d4862;
}

.service__body p {
    padding-bottom: 1.6rem;
    border-bottom: 1px solid #e1e9fb;
}

.service .rect {
    height: 7.75rem;
    width: 7.75rem;
    background: #e8eefb;
    position: absolute;
    z-index: -1;
}

.service .rect--topLeft {
    top: 0;
    left: 0;
}

.service .rect--bottomRight {
    bottom: 0;
    right: 0;
}


/**! 26. facts **/

.facts {
    background-size: cover;
}

.facts .overlay {
    opacity: .9;
}

.facts-inner {
    background: #181c27;
    padding-right: 1.5rem;
    padding-left: 2rem;
    padding-bottom: 2rem;
    padding-top: 3rem;
}

@media only screen and (min-width: 992px) {
    .facts-inner {
        padding-top: 6rem;
        padding-bottom: 1rem;
        padding-right: 6rem;
        padding-left: 6rem;
    }
}

.facts-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.facts-items .fact {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

@media only screen and (max-width: 767px) {
    .facts-items .fact {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
    }
    .facts-items .fact:not(:last-child) {
        margin-bottom: 2rem;
    }
}

@media only screen and (min-width: 768px) {
    .facts-items .fact {
        text-align: right;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
    }
    .facts-items .fact:not(:first-child) {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }
}

.facts-items .fact .icon {
    font-size: 2.25rem;
    margin-bottom: 1rem;
    color: #fbc25e;
}

.facts-items .fact__title {
    font-size: 0.86957rem;
    text-transform: uppercase;
    font-weight: 500;
    margin-bottom: 0.5rem;
    letter-spacing: 0.09375rem;
}

.facts-items .fact__value {
    font-size: 3rem;
    font-weight: 700;
    color: #fbc25e;
}

@media only screen and (max-width: 767px) {
    .facts-items .fact__value {
        font-size: 2.5rem;
    }
}


/**! 27. portfolio **/

.portfolio {
    position: relative;
}

.portfolio .swiper-slide {
    -webkit-transition-duration: .2s;
    -o-transition-duration: .2s;
    transition-duration: .2s;
}

@media only screen and (min-width: 768px) {
    .portfolio .swiper-slide {
        width: auto !important;
    }
}

.portfolio .swiper-wrapper {
    margin-bottom: 3rem;
}

@media only screen and (max-width: 767px) {
    .portfolio .swiper-container {
        margin-right: 1rem;
        margin-left: 1rem;
    }
}

.portfolio .slide-inner {
    position: relative;
}

.portfolio .slide-inner-image {
    position: relative;
    overflow: hidden;
    background-size: cover;
}

.portfolio .slide-inner-image img {
    width: 100%;
}

@media only screen and (min-width: 768px) {
    .portfolio .slide-inner-image {
        height: 29.375rem;
    }
}

.portfolio .slide-inner-image::before {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    width: 100%;
    height: 120%;
    background: #3d4862;
    -webkit-transition: .3s ease-in;
    -o-transition: .3s ease-in;
    transition: .3s ease-in;
    -webkit-transition-delay: .3s;
    -o-transition-delay: .3s;
    transition-delay: .3s;
    opacity: 0;
}

.portfolio .slide-inner-meta {
    position: absolute;
    bottom: 2.5rem;
    left: 2.5rem;
    color: #fff;
}

.portfolio .slide-inner__category {
    margin-bottom: 0.1875rem;
    opacity: 0;
    -webkit-transform: translateY(-50px) scale(0);
    -ms-transform: translateY(-50px) scale(0);
    transform: translateY(-50px) scale(0);
    letter-spacing: 0;
    -webkit-transition: .3s .1s;
    -o-transition: .3s .1s;
    transition: .3s .1s;
}

.portfolio .slide-inner__category span:not(:last-child):after {
    content: ',';
}

.portfolio .slide-inner__title {
    font-size: 1.5rem;
    font-weight: 600;
    color: #fff;
    opacity: 0;
    -webkit-transform: translateY(50px);
    -ms-transform: translateY(50px);
    transform: translateY(50px);
    -webkit-transition: .3s .2s;
    -o-transition: .3s .2s;
    transition: .3s .2s;
}

.portfolio .slide-inner__title:hover {
    color: #fbc25e;
}

.portfolio .slide-inner__lightbox {
    position: absolute;
    right: 50%;
    bottom: 50%;
    -webkit-transform: translate(50%, 50%) scale(0);
    -ms-transform: translate(50%, 50%) scale(0);
    transform: translate(50%, 50%) scale(0);
    z-index: 999;
    opacity: 0;
    -webkit-transition: .3s .1s;
    -o-transition: .3s .1s;
    transition: .3s .1s;
}

.portfolio .slide-inner__lightbox i {
    font-size: 2rem;
    color: #fff;
    background: #333c52;
    padding: 1rem;
}

.portfolio .slide-inner:hover {
    -webkit-transform: rotateX(15deg) scale(1.1) translateY(10px);
    transform: rotateX(15deg) scale(1.1) translateY(10px);
}

.portfolio .slide-inner:hover .slide-inner-image:before {
    opacity: .9;
    height: 120%;
    -webkit-transition-delay: .1s;
    -o-transition-delay: .1s;
    transition-delay: .1s;
}

.portfolio .slide-inner:hover .slide-inner__title,
.portfolio .slide-inner:hover .slide-inner__category {
    opacity: 1;
}

.portfolio .slide-inner:hover .slide-inner__title {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition-delay: .3s;
    -o-transition-delay: .3s;
    transition-delay: .3s;
}

.portfolio .slide-inner:hover .slide-inner__category {
    letter-spacing: initial;
    -webkit-transform: translateY(0) scale(1);
    -ms-transform: translateY(0) scale(1);
    transform: translateY(0) scale(1);
    -webkit-transition-delay: .4s;
    -o-transition-delay: .4s;
    transition-delay: .4s;
    position: relative;
}

.portfolio .slide-inner:hover .slide-inner__lightbox {
    opacity: 1;
    -webkit-transform: translate(50%, 50%) scale(1);
    -ms-transform: translate(50%, 50%) scale(1);
    transform: translate(50%, 50%) scale(1);
}

@media only screen and (max-width: 767px) {
    .portfolio .swiper-scrollbar {
        display: none;
    }
}

@media only screen and (min-width: 768px) {
    .portfolio .swiper-scrollbar {
        max-width: 73.125rem;
        margin: 0 auto;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        background: #ebf3ff;
        border-radius: 0;
    }
}

@media only screen and (min-width: 768px) {
    .portfolio .swiper-scrollbar-drag {
        background: #1c202d;
        border-radius: 0;
    }
}

@media only screen and (max-width: 767px) {
    .portfolio .swiper-navigation {
        display: inline-block;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 2rem;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}

@media only screen and (min-width: 768px) {
    .portfolio .swiper-navigation {
        position: absolute;
        top: 50px;
        right: 0;
        z-index: 1;
    }
}

.portfolio .swiper-navigation .swiper-button-next,
.portfolio .swiper-navigation .swiper-button-prev {
    background: #f5f9ff;
    border: 1px solid #e8eefb;
    position: initial;
    font-size: 0.76923rem;
    text-transform: uppercase;
    font-weight: 500;
    padding: 0.5rem 1.5rem;
    width: auto;
    height: auto;
    margin: 0;
}

@media only screen and (max-width: 767px) {
    .portfolio .swiper-navigation .swiper-button-next:first-child,
    .portfolio .swiper-navigation .swiper-button-prev:first-child {
        margin-right: 0.625rem;
    }
}

@media only screen and (min-width: 768px) {
    .portfolio .swiper-navigation .swiper-button-next,
    .portfolio .swiper-navigation .swiper-button-prev {
        margin-bottom: 0.625rem;
    }
}


/**! 28. process **/

@media only screen and (min-width: 1200px) {
    .process-content {
        margin-top: 6.5rem;
    }
}

@media only screen and (max-width: 991px) {
    .process-content {
        margin-bottom: 5rem;
    }
}

.process-content h2 {
    margin-bottom: 1.5rem;
}

.process-content p {
    margin-bottom: 3.8rem;
}

.process-button-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media only screen and (max-width: 576px) {
    .process-button-group {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
}

.process-button-group .btn {
    margin-right: 3rem;
}

@media only screen and (max-width: 576px) {
    .process-button-group .btn {
        margin-bottom: 1.875rem;
    }
}

.process-play-btn {
    font-size: 1.2rem;
    font-weight: 700;
}

@media only screen and (max-width: 380px) {
    .process-play-btn {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.process__play {
    background: #fbc25e;
    height: 3.2rem;
    width: 3.2rem;
    line-height: 3.5rem;
    border-radius: 10rem;
    margin-right: 1.5rem;
    -webkit-box-shadow: 0 0 0 8px rgba(251, 194, 94, 0.1);
    box-shadow: 0 0 0 8px rgba(251, 194, 94, 0.1);
    text-align: center;
    font-weight: 700;
    position: relative;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    z-index: 1;
}

@media only screen and (max-width: 380px) {
    .process__play {
        margin-bottom: 1rem;
    }
}

.process__play i {
    font-size: 1.3rem;
    color: #1c202d;
}

.process__play:before {
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 100px;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-box-shadow: 0 0 0 15px #fbc25e;
    box-shadow: 0 0 0 15px #fbc25e;
    opacity: 1;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    visibility: hidden;
}

.process__play:hover {
    -webkit-box-shadow: 0 0 0 0 rgba(251, 194, 94, 0.1);
    box-shadow: 0 0 0 0 rgba(251, 194, 94, 0.1);
}

.process__play:hover:before {
    opacity: 0;
    -webkit-transform: scale(1.7);
    -ms-transform: scale(1.7);
    transform: scale(1.7);
    visibility: visible;
    -webkit-box-shadow: 0 0 0 15px #fff;
    box-shadow: 0 0 0 15px #fff;
}

.process__img {
    border: 0.66667rem solid #fff;
    overflow: hidden;
    display: block;
}

@media only screen and (max-width: 991px) {
    .process__img {
        max-width: 25rem;
    }
}

.process__img img {
    width: 100%;
}

.process__img:hover img {
    -webkit-transform: scale(1.2) rotate(10deg);
    -ms-transform: scale(1.2) rotate(10deg);
    transform: scale(1.2) rotate(10deg);
}


/**! 29. experiences **/

.experience {
    counter-reset: section;
    overflow: hidden;
}

.experience__img {
    display: inline-table;
    border: 0.66667rem solid #fff;
    position: relative;
}

.experience__img:before {
    content: "";
    height: 120%;
    width: 70%;
    background: #e8eefb;
    position: absolute;
    z-index: -1;
    bottom: 50%;
    -webkit-transform: translateY(50%);
    -ms-transform: translateY(50%);
    transform: translateY(50%);
}

@media only screen and (max-width: 991px) {
    .experience__img {
        margin-bottom: 3rem;
    }
}

@media only screen and (min-width: 576px) and (max-width: 991px) {
    .experience__img {
        -webkit-transform: translateX(25px);
        -ms-transform: translateX(25px);
        transform: translateX(25px);
    }
}

.experience__img img {
    width: 100%;
}

@media only screen and (min-width: 992px) {
    .experience-text {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 55%;
        flex: 0 0 55%;
    }
}

.experience-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-bottom: 2.5rem;
}

.experience-title p {
    font-weight: 500;
}

.experience__cologo {
    width: 5rem;
    height: 5rem;
    line-height: 5rem;
    margin-right: 2rem;
    border: 1px solid #e8eefb;
    background: #fafcff;
    text-align: center;
}

.experience-description {
    padding: 1.33333rem !important;
    position: relative;
}

@media only screen and (min-width: 768px) {
    .experience-description {
        padding-top: 1.33333rem !important;
        padding-bottom: 1rem !important;
    }
}

.experience-description:before {
    content: attr(data-count);
    position: absolute;
    bottom: 10px;
    right: 10px;
    height: 2.125rem;
    width: 2.125rem;
    font-size: 1.125rem;
    font-weight: 600;
    color: #fff;
    text-align: center;
    line-height: 2.125rem;
    -webkit-box-shadow: -25px 0 0 0 #fafcff;
    box-shadow: -25px 0 0 0 #fafcff;
    background: #e6f0ff;
}

.experience-description:after {
    content: "";
    position: absolute;
    bottom: 1.6rem;
    right: 4.5rem;
    width: 30%;
    height: 1px;
    background: #e6f0ff;
}

.experience-description p {
    margin-bottom: 1.5rem;
}

.experience-description ul li {
    font-weight: 500;
    position: relative;
    margin-left: 2rem;
}

.experience-description ul li:not(:last-child) {
    margin-bottom: 0.66667rem;
}

.experience-description ul li:before {
    content: "";
    position: absolute;
    left: -2rem;
    top: 0.4rem;
    width: 0.66667rem;
    height: 0.66667rem;
    border: 2px solid #54668b;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .experience .switchable-row {
        margin-right: 0;
        margin-left: 0;
    }
}

.experience .switchable-row:not(:last-child) {
    margin-bottom: 7rem;
}

@media only screen and (min-width: 992px) {
    .experience .switchable-row:nth-child(even) {
        -webkit-transform: translateX(-19px);
        -ms-transform: translateX(-19px);
        transform: translateX(-19px);
    }
}

@media only screen and (min-width: 992px) {
    .experience .switchable-row:nth-child(even) .experience__img {
        margin-right: 4rem;
    }
}

.experience .switchable-row:nth-child(even) .experience__img:before {
    left: -36px;
}

@media only screen and (min-width: 992px) {
    .experience .switchable-row:nth-child(odd) {
        -webkit-transform: translateX(-19px);
        -ms-transform: translateX(-19px);
        transform: translateX(-19px);
    }
}

.experience .switchable-row:nth-child(odd) .experience__img:before {
    right: -36px;
}

@media only screen and (min-width: 992px) {
    .experience .switchable-row:nth-child(odd) .experience-text {
        margin-right: 4rem;
    }
}

.experience .switchable-row .experience-description:before {
    content: counter(section, decimal-leading-zero);
    counter-increment: section;
}


/**! 30. skills **/

.skills .section-title__main {
    color: #fbc25e;
}

.skills .section-title .title-overlay {
    color: #191d29;
}

@media only screen and (min-width: 768px) {
    .skills .tab-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}

.skills .tab-container .tabs-item {
    opacity: 0;
    height: 0;
    visibility: hidden;
}

.skills .tab-container .tabs-item--active {
    opacity: 1;
    height: 100%;
    visibility: visible;
}

.skills .tab-container .tabs {
    max-width: 22rem;
}

@media only screen and (max-width: 767px) {
    .skills .tab-container .tabs {
        margin-bottom: 4rem;
    }
}

.skills .tab-container .tabs li:not(:last-child) {
    margin-bottom: 1.5rem;
}

.skills .tab-container .tabs li button {
    background: #191d29;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
    color: #fff;
    font-size: 0.83333rem;
    font-weight: 500;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-transform: uppercase;
}

@media only screen and (min-width: 992px) {
    .skills .tab-container .tabs li button {
        font-size: 1rem;
        padding-left: 2.2rem;
        padding-right: 2.2rem;
    }
}

.skills .tab-container .tabs li button i {
    font-size: 1.375rem;
    margin-right: 0.9375rem;
    -webkit-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    transform: translateY(-2px);
}

.skills .tab-container .tabs li.current button {
    background: #fbc25e;
    color: #1c202d;
}

@media only screen and (min-width: 768px) {
    .skills .tab-container .tab-content {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25rem;
        flex: 0 0 25rem;
    }
}

@media only screen and (min-width: 992px) {
    .skills .tab-container .tab-content {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 35rem;
        flex: 0 0 35rem;
    }
}

.skills .skill {
    position: relative;
    overflow: hidden;
}

.skills .skill:not(:last-child) {
    margin-bottom: 3rem;
}

.skills .skill__name {
    color: #fbc86d;
    margin-bottom: 2rem;
    font-size: 1rem;
}

.skills .skill__value {
    font-size: 1rem;
    color: #1c202d;
    background: #fbc86d;
    padding-right: 1rem;
    padding-left: 1rem;
    padding-top: 0.2rem;
    padding-bottom: 0.2rem;
    bottom: 1.5rem;
    position: absolute;
    text-align: center;
    margin-left: auto;
    font-weight: 500;
    right: -30px;
}

.skills .skill__value:before {
    content: "";
    height: 1rem;
    width: 1rem;
    background: #fbc86d;
    bottom: -0.71429rem;
    -webkit-transform: rotate(45deg) translateX(-50%);
    -ms-transform: rotate(45deg) translateX(-50%);
    transform: rotate(45deg) translateX(-50%);
    position: absolute;
    left: 50%;
    z-index: -1;
}

.skills .progress {
    height: 0.5rem;
    background: transparent;
    border: 1px solid #fbc86d;
    border-radius: 0;
    overflow: visible !important;
    max-width: 95%;
}

.skills .progress-bar {
    background: #fbc86d;
    visibility: visible;
    opacity: 0;
}

.title-overlay--letter {
    -webkit-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    display: inline-block;
    line-height: 1em;
}


/**! 31. testimonial **/

.testimonial {
    overflow: hidden;
}

@media only screen and (min-width: 768px) {
    .testimonial-content {
        padding-right: 2rem;
        padding-left: 2rem;
    }
}

@media only screen and (min-width: 768px) {
    .testimonial .swiper-container {
        max-width: 95%;
    }
}

.testimonial .swiper-wrapper {
    margin-bottom: 3rem;
}

.testimonial blockquote {
    position: relative;
    padding-top: 2rem;
    padding-bottom: 1rem;
    font-size: 1rem;
    line-height: 1.8rem;
    z-index: 1;
    font-style: italic;
}

.testimonial blockquote:before,
.testimonial blockquote:after {
    position: absolute;
    content: "";
    height: 40px;
    width: 40px;
    z-index: -1;
}

.testimonial blockquote:before {
    background: url(../img/quote-start.png);
    top: 0;
    left: 0;
    background-repeat: no-repeat;
}

.testimonial blockquote:after {
    background: url(../img/quote-end.png);
    bottom: -1rem;
    right: 0;
    background-repeat: no-repeat;
}

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

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

.testimonial__avatar {
    border-radius: 10rem;
    border: 1px solid #e8eefb;
    margin-right: 1.2rem;
}

.testimonial-avatar-info {
    margin-bottom: 0.55556rem;
}

.testimonial-avatar-info span {
    font-weight: 500;
    font-size: 0.83333rem;
    color: #54668b;
}

.testimonial-rating {
    margin-bottom: 0.55556rem;
}

.testimonial-rating .icon {
    color: #b3b3b3;
}

.testimonial-rating .icon.active {
    color: #faaf2c;
}


/**! 32. cta **/

.cta {
    padding: 4.5rem;
}

@media only screen and (max-width: 991px) {
    .cta {
        padding: 2.25rem;
    }
}

.cta-inner {
    background: #181c27;
    padding-top: 2.57143rem;
    padding-bottom: 2.57143rem;
    padding-right: 3rem;
    padding-left: 3rem;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media only screen and (max-width: 768px) {
    .cta-inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: center;
        padding-right: 1.8rem;
        padding-left: 1.8rem;
    }
}

@media only screen and (max-width: 991px) {
    .cta-inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: center;
        padding: 2.25rem;
    }
}

.cta-inner h6 {
    font-weight: 400;
    color: #e6e6e6;
    text-transform: uppercase;
    letter-spacing: 3px;
}

@media only screen and (max-width: 991px) {
    .cta-inner h6 {
        margin-bottom: 2rem;
    }
}

.cta-inner h6 a {
    color: #fbc25e;
}


/**! 33. footer **/

.footer {
    position: relative;
}

.footer-brand-logo {
    margin-bottom: 3rem;
    /*position: relative;*/
    z-index: 1;
}

.footer-brand-logo:before {
    content: "";
    height: 10rem;
    width: 140%;
    /*background: rgba(25, 29, 40, 0.5);*/
    left: 0;
    position: absolute;
    top: -6rem;
    z-index: -1;
}

@media only screen and (min-width: 768px) {
    .footer-brand-logo:before {
        height: 12rem;
        top: -9rem;
    }
}

.footer-brand-logo img {
    margin-left: 1rem;
    margin-top: -1rem;
}

.footer__title {
    font-weight: 500;
    text-transform: uppercase;
    color: #fbc25e;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 1.5rem;
    margin-left: 1rem;
    list-style-type: disc;
    display: list-item;
}

@media only screen and (min-width: 992px) {
    .footer__title {
        margin-bottom: 3rem;
    }
}

.footer-about__description {
    margin-bottom: 2.7rem;
}

@media only screen and (max-width: 991px) {
    .footer-about {
        margin-bottom: 4rem;
    }
}

.footer .scrollbar-outer {
    background: #191d28;
    padding: 1rem !important;
    padding-bottom: 2rem !important;
    overflow: auto;
}

.footer .scrollbar-outer>.scroll-element.scroll-y {
    background: #12151d;
    height: 85%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    border-radius: 10rem;
    width: 8px;
    right: 10px;
}

.footer .scrollbar-outer>.scroll-element.scroll-y .scroll-element_outer {
    width: 5px;
}

.footer .scrollbar-outer>.scroll-element .scroll-element_track {
    background: #12151d;
}

.footer .scrollbar-outer>.scroll-element .scroll-bar {
    background: #fbc25e;
    opacity: .5;
}

@media only screen and (max-width: 991px) {
    .footer-newsfeed {
        margin-bottom: 4rem;
    }
}

.footer-newsfeed ul {
    height: 15rem;
}

.footer-newsfeed li:not(:last-child) {
    margin-bottom: 1.5rem;
}

.footer-newsfeed-meta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 0.76923rem;
    color: #fbc25e;
    margin-bottom: 0.5rem;
}

.footer-newsfeed__date {
    margin-right: 1rem;
    padding-right: 1rem;
    font-size: 0.76923rem;
    text-transform: uppercase;
    color: #fbc25e;
}

.footer-newsfeed__category {
    list-style-type: disc;
    display: list-item;
}

.footer-newsfeed__category a {
    font-size: 0.76923rem;
    color: #fbc25e;
    margin-left: 0.25rem;
    font-weight: 400;
    position: relative;
    text-transform: uppercase;
}

.footer-newsfeed__category a:not(:last-child):after {
    content: ',';
}

.footer-newsfeed__title {
    color: #e6e6e6;
    font-size: 1.2rem;
    font-weight: 500;
}

.footer-newsfeed__title:hover {
    color: #fff;
}

.footer-newsletter__description {
    margin-bottom: 2.5rem;
}

.footer-newsletter-form {
    position: relative;
    margin-bottom: 2.5rem;
}

.footer-newsletter-form .form-group {
    margin-bottom: 0;
}

.footer-newsletter-form input {
    height: 4rem;
    border: 1px solid #fff;
    background: #1c202d;
    padding: 1rem;
    color: #fff;
    font-size: 1rem;
    border-radius: 0;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    width: 100%;
}

.footer-newsletter-form .btn {
    position: absolute;
    top: 50%;
    right: 0.41667rem;
    height: 3.2rem;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}


/**! 34. page-header **/

.page-header {
    height: 25rem;
}

@media only screen and (min-width: 768px) {
    .page-header {
        height: 43.125rem;
    }
}

.page-header .overlay-dark-bg-1 {
    opacity: .8;
}

.page-header .content {
    margin-top: 4.375rem;
    padding-top: 3.125rem;
    padding-bottom: 3.125rem;
    padding-right: 1.25rem;
    padding-left: 1.25rem;
    background: rgba(28, 32, 45, 0.7) !important;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.page-header .content:after {
    content: attr(data-overlay-text);
    position: absolute;
    bottom: 0;
    right: 0;
    font-size: 3.75rem;
    font-weight: 700;
    color: #2a2d39;
    z-index: -1;
}

@media only screen and (min-width: 768px) {
    .page-header .content:after {
        font-size: 6.25rem;
        line-height: 5rem;
    }
}

.page-header .content .bg-image {
    background-repeat: repeat !important;
    z-index: -1;
    background-size: inherit;
    opacity: .8;
}

@media only screen and (min-width: 768px) {
    .page-header .content {
        margin-top: 5.625rem;
        padding-top: 7.5rem;
        padding-bottom: 7.5rem;
        padding-right: 4.0625rem;
        padding-left: 4.0625rem;
    }
}

.page-header .content h2 {
    margin-bottom: 1.25rem;
    text-transform: uppercase;
}

@media only screen and (min-width: 768px) {
    .page-header .content h2 {
        margin-bottom: 1.875rem;
        font-size: 2.625rem;
    }
}

.page-header .content h2 span {
    color: #fbc25e;
}

.page-header .content p {
    max-width: 33.75rem;
}


/**! 35. pricing **/

.pricing-table {
    padding: 3.75rem 1.875rem;
    -webkit-box-shadow: 0 0 0 1.2px #fbc25e;
    box-shadow: 0 0 0 1.2px #fbc25e;
    background: #fff;
}

@media only screen and (max-width: 991px) {
    .pricing-table {
        margin-bottom: 1.875rem;
    }
}

.pricing-table--focus,
.pricing-table:hover {
    -webkit-box-shadow: 0px 0 0 0px rgba(0, 27, 103, 0), 0px 15px 30px 0px rgba(0, 27, 103, 0.15);
    box-shadow: 0px 0 0 0px rgba(0, 27, 103, 0), 0px 15px 30px 0px rgba(0, 27, 103, 0.15);
}

.pricing-table .header {
    margin-bottom: 2.1875rem;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.pricing-table .validity {
    margin-right: 1.25rem;
}

.pricing-table .currency {
    vertical-align: top;
    font-size: 1.5rem;
    color: #fbc25e;
    margin-right: 0.625rem;
}

.pricing-table .value {
    text-align: left;
}

.pricing-table .number {
    font-size: 3.75rem;
    color: #fbc25e;
    line-height: 1;
}

.pricing-table .duration {
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 0.8125rem;
    font-weight: 600;
    margin-top: 0.625rem;
}

.pricing-table .price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.pricing-table .price .value-monthly,
.pricing-table .price .value-yearly {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.pricing-table .price--monthly-active .value-yearly {
    display: none;
}

.pricing-table .price--yearly-active .value-monthly {
    display: none;
}

.pricing-table .package-name {
    text-align: left;
    -webkit-transform: translateY(3px);
    -ms-transform: translateY(3px);
    transform: translateY(3px);
}

.pricing-table .title {
    font-size: 1.375rem;
    font-weight: 600;
}

.pricing-table .tagline {
    font-size: 1.0625rem;
    color: #fbc25e;
}

.pricing-table .features {
    padding-left: 6.875rem;
    text-align: left;
    margin-bottom: 2.5rem;
}

.pricing-table .features li {
    margin-bottom: 1.0625rem;
}


/**! ----- pricing table tab slider---- **/

.pricing-switch {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    z-index: 99;
}

@media only screen and (max-width: 991px) {
    .pricing-switch {
        margin-bottom: 2.5rem;
    }
}

.pricing-switch .pricing-plan {
    margin: 0 1.25rem;
    font-size: 1rem;
    font-weight: 600;
}

.pricing-switch .switcher {
    width: 6.875rem;
    height: 2.75rem;
    -webkit-box-shadow: 0 0 0 1.2px #fbc25e;
    box-shadow: 0 0 0 1.2px #fbc25e;
    border-radius: 100px;
    padding-right: 0.3125rem;
    padding-left: 0.3125rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    list-style: none;
    margin: 0;
}

.pricing-switch .switcher__circle {
    width: 3.125rem;
    height: 2rem;
    background: transparent;
    border-radius: 100px;
    position: relative;
}

.pricing-switch .switcher__circle:before {
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    background: #fbc25e;
    top: 0;
    left: 0;
    border-radius: 100px;
    -webkit-transition: 0.3s cubic-bezier(0.45, 0.05, 0.55, 0.95);
    -o-transition: 0.3s cubic-bezier(0.45, 0.05, 0.55, 0.95);
    transition: 0.3s cubic-bezier(0.45, 0.05, 0.55, 0.95);
}

.pricing-switch .switcher li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.pricing-switch .switcher [data-plan="yearly"] .switcher__circle:before {
    background: transparent;
}

.pricing-switch .switcher.m-current [data-plan="monthly"] .switcher__circle:before {
    left: 0;
}

.pricing-switch .switcher.y-current [data-plan="monthly"] .switcher__circle:before {
    left: 100%;
}


/**! 36. team **/

.team-mamber {
    overflow: hidden;
}

.team-mamber h5 {
    font-weight: 600;
}

.team-mamber span {
    font-weight: 500;
    color: #6679a2;
}

.team-mamber__avatar {
    position: relative;
    border-radius: 50%;
    z-index: 1;
}

.team-mamber__avatar::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(84, 102, 139, 0.75);
    height: 100%;
    width: 100%;
    border-radius: 50%;
    opacity: 0;
}

.team-mamber__connect {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0;
}

.team-mamber__connect li:not(:last-child) {
    margin-bottom: 0.9375rem;
}

.team-mamber__connect li a {
    color: #fff;
}

.team-mamber__connect li a:hover {
    color: #fbc25e;
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
}

.team-mamber:hover .team-mamber__avatar::before {
    opacity: 1;
}

.team-mamber:hover .team-mamber__connect {
    opacity: 1;
}


/**! 37. works **/

.works {
    margin-bottom: -1.875rem;
}

.works--full {
    -webkit-transform: scaleX(1.02);
    -ms-transform: scaleX(1.02);
    transform: scaleX(1.02);
}

.works-meta {
    position: absolute;
    bottom: 1rem;
    left: 2.5rem;
    color: #fff;
}

.works__category {
    margin-bottom: 0.1875rem;
    opacity: 0;
    -webkit-transform: translateY(-50px) scale(0);
    -ms-transform: translateY(-50px) scale(0);
    transform: translateY(-50px) scale(0);
    letter-spacing: 0;
    -webkit-transition: .3s .1s;
    -o-transition: .3s .1s;
    transition: .3s .1s;
}

.works__category span {
    font-size: 0.8rem;
}

.works__category span:not(:last-child):after {
    content: ',';
}

.works__title {
    font-size: 1.2rem;
    font-weight: 600;
    color: #fff;
    opacity: 0;
    -webkit-transform: translateY(50px);
    -ms-transform: translateY(50px);
    transform: translateY(50px);
    -webkit-transition: .3s .2s;
    -o-transition: .3s .2s;
    transition: .3s .2s;
}

.works__title:hover {
    color: #fbc25e;
}

.works__thumb-action {
    position: absolute;
    right: 50%;
    bottom: 50%;
    -webkit-transform: translate(50%, 50%) scale(0);
    -ms-transform: translate(50%, 50%) scale(0);
    transform: translate(50%, 50%) scale(0);
    z-index: 999;
    opacity: 0;
    -webkit-transition: .3s .1s;
    -o-transition: .3s .1s;
    transition: .3s .1s;
}

.works__thumb-action i {
    font-size: 2rem;
    color: #fff;
    background: #333c52;
    padding: 1rem;
}

.works-item:hover .masonry-image__thumb {
    -webkit-transform: rotate(5deg) scale(1.3);
    -ms-transform: rotate(5deg) scale(1.3);
    transform: rotate(5deg) scale(1.3);
}

.works-item:hover .masonry-image__thumb:before {
    opacity: .9;
    height: 120%;
    -webkit-transition-delay: .1s;
    -o-transition-delay: .1s;
    transition-delay: .1s;
}

.works-item:hover .works__title,
.works-item:hover .works__category {
    opacity: 1;
}

.works-item:hover .works__title {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition-delay: .3s;
    -o-transition-delay: .3s;
    transition-delay: .3s;
}

.works-item:hover .works__category {
    letter-spacing: initial;
    -webkit-transform: translateY(0) scale(1);
    -ms-transform: translateY(0) scale(1);
    transform: translateY(0) scale(1);
    -webkit-transition-delay: .4s;
    -o-transition-delay: .4s;
    transition-delay: .4s;
    position: relative;
}

.works-item:hover .works__thumb-action {
    opacity: 1;
    -webkit-transform: translate(50%, 50%) scale(1);
    -ms-transform: translate(50%, 50%) scale(1);
    transform: translate(50%, 50%) scale(1);
}


/**! ----- Porfolio FIlter---- **/

.filter-button-group {
    margin-bottom: 4.375rem;
    text-align: center;
}

.filter-button-group button {
    font-size: 0.75rem;
    font-weight: 600;
    color: #5e729b;
    text-transform: uppercase;
    margin-right: 1.5625rem;
    margin-left: 1.5625rem;
    background: transparent;
}

.filter-button-group button.is-checked {
    color: #1c202d;
}


/**! 38. blog **/

.article-body {
    margin-bottom: 3.75rem;
}

.article-body h4 {
    font-size: 1.875rem;
}

.article-body .article__meta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.article-body .article__meta li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: 1.2rem;
    margin-left: 1rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.article-body .article__meta li * {
    font-weight: 600;
    color: #6c7fa6;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.article-body .article__meta li .bullet {
    font-size: 1.125rem;
    line-height: 0;
    color: #3d4862;
    display: inline-block;
}

.article-body .article__meta li .meta-title {
    color: #3d4862;
}

.article-body .article__meta li a {
    margin-left: 0.83333rem;
}

.article-body .article__meta li a:hover {
    color: #fbc25e;
}

.article-body .article__meta li .avatar {
    border-radius: 100%;
    border: 1px solid #54668b;
    margin-right: 0.625rem;
}

.article-body .article__thumb {
    margin-bottom: 1.875rem;
    overflow: hidden;
}

.article-body .article__thumb:hover img {
    -webkit-transform: scale(1.1) rotate(2deg);
    -ms-transform: scale(1.1) rotate(2deg);
    transform: scale(1.1) rotate(2deg);
}

.article-body a h4 {
    font-size: 1.875rem;
    line-height: 2.75rem;
    color: #54668b;
    margin-bottom: 1.25rem;
}

.article-body a:hover h4 {
    color: #3d4862;
}

.article-body p {
    color: #3d4862;
    margin-bottom: 3.125rem;
}


/*---------- Blog post inner content ----------*/

.post-content h5 {
    margin-bottom: 0.9375rem;
    max-width: 28.125rem;
}

.post-content p {
    margin-bottom: 2.1875rem;
    color: #3d4862;
}

.post-content blockquote {
    position: relative;
    background: #1c202d;
    padding: 2.1875rem 2.8125rem;
    margin-top: 2.8125rem;
    margin-bottom: 2.8125rem;
}

.post-content blockquote p {
    color: #fff;
    font-style: italic;
    font-size: 1.125rem;
    line-height: 1.6;
    margin-bottom: 0;
}

.post-content blockquote p:before,
.post-content blockquote p:after {
    height: 12px;
    width: 17px;
    position: absolute;
}

.post-content blockquote p:before {
    content: '';
    background: url(../img/quote-start.png) no-repeat;
    -webkit-transform: translateX(-25px) translateY(-5px);
    -ms-transform: translateX(-25px) translateY(-5px);
    transform: translateX(-25px) translateY(-5px);
}

.post-content blockquote p:after {
    content: '';
    background: url(../img/quote-end.png) no-repeat;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
}

.post-content figure {
    margin-top: 3.125rem;
    margin-bottom: 2.8125rem;
}

@media only screen and (min-width: 768px) {
    .post-content figure {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .post-content figure span {
        -webkit-box-flex: 0;
        -ms-flex: 0 47%;
        flex: 0 47%;
        margin-right: 0.9375rem;
    }
}

.post-content ul {
    margin-left: 1.5625rem;
    margin-bottom: 2.1875rem;
}

.post-content ul li {
    color: #54668b;
}

.post-content ul li:not(:last-child) {
    margin-bottom: 1.375rem;
}

.post-content ul li:before {
    content: "\ea14";
    font: normal normal normal 1em/1 'feather';
    margin-right: 0.625rem;
    position: relative;
    top: 0.1875rem;
}

.article__share {
    margin-bottom: 3.125rem;
}

.article__share span {
    margin-right: 1.875rem;
}

.article__share ul {
    margin-bottom: 0;
}

.article__author {
    background: #1c202d;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 2.5rem;
}

.article__author picture {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 70px;
    flex: 0 0 70px;
    margin-right: 1.875rem;
    border-radius: 100px;
    border: 1px solid #717896;
}

.article__author p {
    font-size: 1.125rem;
    line-height: 1.6;
    color: #fff;
    margin-bottom: 1.25rem;
    font-style: italic;
}

.article__author span {
    color: #fbc25e;
}


/**! 39. map **/

.google-map {
    height: 13.75rem;
}

@media only screen and (min-width: 768px) {
    .google-map {
        height: 34.25rem;
    }
}


/**! 40. services **/

.page-services .services .container,
.page-services .services .elementor-container {
    counter-reset: section-row;
}

.page-services .services .row,
.page-services .services .elementor-row {
    position: relative;
}

@media only screen and (min-width: 992px) {
    .page-services .services .row:before,
    .page-services .services .elementor-row:before {
        content: counter(section-row, decimal-leading-zero);
        counter-increment: section-row;
        position: absolute;
        font-size: 7.5rem;
        color: #f2f6fd;
        font-weight: 700;
        line-height: 5.625rem;
        bottom: 9rem;
    }
}

.page-services .services .row:last-child:before,
.page-services .services .elementor-row:last-child:before {
    bottom: 0;
}

.page-services .services .row:nth-child(odd):before,
.page-services .services .elementor-row:nth-child(odd):before {
    left: 0;
}

.page-services .services .row:nth-child(even):before,
.page-services .services .elementor-row:nth-child(even):before {
    right: 0;
}

.page-services .services .row:not(:last-child) .content,
.page-services .services .elementor-row:not(:last-child) .content {
    margin-bottom: 6rem;
}

@media only screen and (min-width: 992px) {
    .page-services .services .row:not(:last-child) .content,
    .page-services .services .elementor-row:not(:last-child) .content {
        margin-bottom: 9rem;
    }
}

.page-services .services .rect {
    background: #f2f6fd;
}

.page-services .services .icon {
    background: transparent;
}

.page-services .services .row:nth-child(odd) div[class*='col-'],
.page-services .services .elementor-row:nth-child(odd) div[class*='col-'] {
    margin-left: auto;
}

.page-services .services .row:nth-child(even) div[class*='col-'],
.page-services .services .elementor-row:nth-child(even) div[class*='col-'] {
    margin-right: auto;
}

@media only screen and (max-width: 991px) {
    .page-services .services img {
        width: 100%;
    }
}

.page-services .services .service:before {
    font-size: 1.125rem;
    bottom: 1.5625rem;
    right: 1.5625rem;
    -webkit-box-shadow: -25px 0 0 0 #f2f6fd;
    box-shadow: -25px 0 0 0 #f2f6fd;
}

.page-services .services .service i {
    font-size: 3rem;
}

.page-services .services .service p {
    border-bottom: 0;
}

.page-services .services .service h5 {
    font-size: 1.5rem;
    margin-bottom: 0.625rem;
}

.page-services .services .service .skill {
    padding-bottom: 1.5625rem;
    border-bottom: 1px solid #e1e9fb;
}

.page-services .services .service .skill * {
    font-size: 0.83333rem;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
}

.page-services .services .service .skill span:not(:last-child) {
    margin-right: 0.625rem;
}


/**! 41. portfolio-details **/


/**! ----- Portfolio Details-1 ---- **/

.project-info {
    margin-left: 1.25rem;
}

.project-info * {
    font-weight: 600;
}

.project-info li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.project-info li:not(:last-child) {
    margin-bottom: 1.125rem;
}

.project-info .title {
    font-size: 0.75rem;
    text-transform: uppercase;
    color: #54668b;
    margin-right: 2.5rem;
    margin-top: 0.25rem;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 4.375rem;
    flex: 0 0 4.375rem;
    display: list-item;
    list-style: disc;
}

.project-info .value * {
    font-size: 0.875rem;
    color: #3d4862;
}

.project-info .value a:hover {
    color: #fbc25e;
}


/**! 42. error-404 **/

.half-content {
    position: relative;
    z-index: 1;
    overflow: hidden;
}

@media only screen and (min-width: 991px) {
    .half-content {
        height: 100vh;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}

.half-content .content-holder {
    position: relative;
}

@media only screen and (max-width: 991px) {
    .half-content .content-holder {
        min-height: 40.625rem;
        padding-right: 0.9375rem;
        padding-left: 0.9375rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center;
    }
    .page-error .half-content .content-holder {
        background-image: none !important;
    }
}

@media only screen and (min-width: 992px) {
    .half-content .content-holder {
        width: 50%;
    }
}

@media only screen and (min-width: 992px) {
    .half-content .content-holder {
        height: 100vh;
    }
}

.half-content .content-holder .text-content {
    max-width: 34.375rem;
}

@media only screen and (min-width: 992px) {
    .half-content .content-holder .text-content {
        position: absolute;
        top: 50%;
        left: 3.125rem;
        -webkit-transform: translateY(-55%);
        -ms-transform: translateY(-55%);
        transform: translateY(-55%);
    }
}

@media only screen and (min-width: 1200px) {
    .half-content .content-holder .text-content {
        left: 10rem;
    }
}

@media only screen and (max-width: 991px) {
    .half-content .content-holder .text-content {
        margin-bottom: 3.125rem;
        margin-top: 3.125rem;
        margin-right: auto;
        margin-left: auto;
    }
}

.half-content .content-holder .text-content h1 {
    margin-bottom: 1.25rem;
}

.half-content .content-holder .text-content h1 span {
    color: #fbc25e;
}

.half-content .content-holder .text-content p {
    font-weight: 600;
    font-size: 1.25rem;
    margin-bottom: 2.5rem;
}

@media only screen and (min-width: 992px) {
    .half-content .content-holder .text-content p {
        color: #7d839d;
    }
}

.half-content .content-holder .social-connet {
    margin-bottom: 0;
}

@media only screen and (min-width: 992px) {
    .half-content .content-holder .social-connet {
        position: absolute;
        bottom: 5rem;
        left: 3.125rem;
    }
}

@media only screen and (min-width: 1200px) {
    .half-content .content-holder .social-connet {
        left: 10rem;
    }
}

@media only screen and (max-width: 991px) {
    .half-content .content-holder .social-connet {
        text-align: center;
        margin-right: auto;
        margin-left: auto;
    }
}

.half-content .media-holder {
    background-position: center center;
    background-size: cover;
}

@media only screen and (min-width: 992px) {
    .half-content .media-holder {
        position: relative;
        width: 50%;
    }
}

@media only screen and (max-width: 991px) {
    .half-content .media-holder {
        position: absolute;
        height: 100%;
        width: 100%;
        top: 0;
        z-index: -1;
    }
}

.half-content .media-holder .overlay {
    opacity: .90;
}

@media only screen and (min-width: 992px) {
    .half-content .media-holder .overlay {
        opacity: .85;
    }
}


/**! 43. comming-soon **/

@media only screen and (max-width: 991px) {
    .page-coming .half-content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
}

.page-coming .half-content .logo-holder {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding-bottom: 1.25rem;
    padding-right: 1.25rem;
    padding-left: 1.25rem;
    height: 6.25rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: none;
}

@media only screen and (min-width: 991px) {
    .page-coming .half-content .logo-holder {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        position: relative;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        height: 10.625rem;
        left: 10rem;
        background: rgba(25, 29, 40, 0.5);
    }
}

.countdown-area {
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
}

@media only screen and (max-width: 991px) {
    .countdown-area {
        min-height: 25rem;
    }
}

@media only screen and (min-width: 992px) {
    .countdown-area {
        width: 50%;
    }
}

.countdown-area .overlay {
    opacity: .85;
}

.countdown-area .logo-holder {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    z-index: 2;
    padding-top: 1.875rem;
}

@media only screen and (min-width: 992px) {
    .countdown-area .logo-holder {
        display: none !important;
    }
}

.countdown {
    position: relative;
    z-index: 2;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media only screen and (max-width: 991px) {
    .countdown {
        min-height: 18.75rem;
        padding-bottom: 3.125rem;
    }
}

.countdown__count {
    font-size: 2.25rem;
    display: block;
    font-weight: 700;
}

@media only screen and (min-width: 576px) {
    .countdown__count {
        font-size: 3.125rem;
    }
}

@media only screen and (min-width: 1280px) {
    .countdown__count {
        font-size: 4.5rem;
    }
}

.countdown span:last-child {
    color: #7d839d;
}

.countdown li {
    text-align: right;
}

.countdown li:not(:first-child) .countdown__count::before {
    content: ':';
    margin-right: 0.9375rem;
    margin-left: 0.9375rem;
}

@media only screen and (min-width: 576px) {
    .countdown li:not(:first-child) .countdown__count::before {
        margin-right: 1.25rem;
        margin-left: 1.25rem;
    }
}

@media only screen and (min-width: 1280px) {
    .countdown li:not(:first-child) .countdown__count::before {
        margin-right: 2.5rem;
        margin-left: 2.5rem;
    }
}