@charset "UTF-8";
@import url("/assets/css/geist-font.css");

/* ─── Skip-to-content ─── */
/*

Polo - Multipurpose HTML5 Template
Version: 5.9.9
Website: https://inspirothemes.com/themes/polo
License: https://inspirothemes.com/themes/polo/license.html
Inspiro Themes (https://inspirothemes.com)
Author: INSPIRO - Ardian Berisha
Copyright 2021

*/

section {
    padding: 6rem 0;
    position: relative;
    width: 100%;
    z-index: 1;
    background-color: #fff;
}

    
@media (max-width: 767.98px) {
    section {
        padding: 40px 0;
    }
}

@media (max-width: 991.98px) {
    .container {
        padding: 0 30px;
    }
}


/*! Polo Widgets */



    

    

@keyframes kt-section-image-shimmer {
    100% {
        transform: translateX(100%);
    }
}

.kt-section-img-shimmer {
    position: relative;
    display: inline-block;
    overflow: hidden;
    max-width: 100%;
    border-radius: inherit;
    line-height: 0;
    background: #eef2f7;
}

.kt-section-img-shimmer::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    background: linear-gradient(110deg, rgba(255,255,255,0) 18%, rgba(255,255,255,0.78) 50%, rgba(255,255,255,0) 82%);
    transform: translateX(-100%);
    animation: kt-section-image-shimmer 1.25s linear infinite;
}

.kt-section-img-shimmer.kt-shimmer-block {
    display: block;
    width: 100%;
}

.kt-section-img-shimmer.kt-shimmer-fill {
    width: 100%;
    height: 100%;
}

.kt-shimmer-target {
    position: relative;
    z-index: 1;
    opacity: 0;
    transition: opacity .28s ease;
}

.kt-section-img-shimmer.is-loaded::before {
    opacity: 0;
    animation: none;
}

.kt-section-img-shimmer.is-loaded .kt-shimmer-target {
    opacity: 1;
}

.idx-gallery-thumb > .kt-section-img-shimmer,
.edu-gallery-thumb > .kt-section-img-shimmer,
.idx-hero-image > .kt-section-img-shimmer,
.idx-focus-img > .kt-section-img-shimmer {
    display: block;
    width: 100%;
    height: 100%;
}

.idx-feature-icon > .kt-section-img-shimmer {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    border-radius: inherit;
}

/*  Content & Layout */
/* ----------------------------------------------------------------
    BODY
-----------------------------------------------------------------*/
html {
    overflow-x: hidden;
}

body .body-inner {
    padding: 0;
    margin: 0;
}


@media (max-width: 991.98px) {
    body .body-inner {
        width: 100%;
        margin: 0;
    }

    }

@media (min-width: 768px) {
    
    body.modern .body-inner .container {
        max-width: 1500px;
    }

    body.frame:after {
        bottom: 0;
    }

    body.frame .body-inner {
        padding: 20px;
    }

        body.frame .body-inner:before, body.frame .body-inner:after {
            border: 10px solid #fff;
            content: "";
            position: fixed;
            width: 20px;
            z-index: 200;
            box-shadow: 0px 10px 14px 0 rgba(0, 0, 0, 0.1);
            top: 20px;
            bottom: 20px;
            left: 0;
            right: auto;
        }

        body.frame .body-inner:after {
            left: auto;
            right: 0;
            box-shadow: 0px 10px 14px 0 rgba(0, 0, 0, 0.1);
        }

    body.frame #scrollTop {
        right: 46px;
    }
}


    
body.dark {
    background-color: #1e2022;
    color: #e4e6ef;
}

section.dark, .dark section {
    background-color: #1e2022;
    color: #2e2e2e;
}

/* ----------------------------------------------------------------------
    Page title
-------------------------------------------------------------------------*/

    
        
        
    
    
    
    
    
    
    
    
    
    


    
    
    
    


/*--------------------------------------------------------
     Content
---------------------------------------------------------*/

    
    
    
    
#content {
    overflow: hidden;
    padding: 60px 0;
    position: relative;
}

    #content .container,
    #content .container-fluid {
        position: relative;
    }


.content {
    padding-right: 25px;
    margin-bottom: 26px;
}

.sidebar {
    padding-left: 25px;
}

    .sidebar .content {
        padding-right: 25px;
        padding-left: 15px;
    }

    .sidebar .sidebar {
        padding-left: 25px;
        padding-right: 15px;
    }

    
        


    

    

    
        
@media (max-width: 991.98px) {
    
    .content, .sidebar {
        width: 100% !important;
        padding-left: 15px;
        padding-right: 15px;
    }

    
        .sidebar:before {
            right: 0;
            border-right-width: 0;
            border-left-width: 0;
            left: 0;
        }

        .sidebar .widgets {
            float: left;
        }

        
            }



.grid-layout {
    overflow: hidden;
    margin-bottom: -2px !important;
}

    .grid-layout > * {
        opacity: 0;
        -webkit-transition: opacity .5s ease;
        transition: opacity .5s ease;
    }

    .grid-layout .grid-loader {
        -webkit-transition: opacity .1s ease;
        transition: opacity .1s ease;
        opacity: 1;
        z-index: -1;
    }

    .grid-layout.grid-loaded > * {
        opacity: 1;
    }

    .grid-layout.grid-loaded .grid-loader {
        opacity: 0;
    }

.grid-layout,
.posts {
    position: relative;
    display: block;
    clear: both;
    padding: 0;
}



/*Grid columns: 5*/
.grid-6-columns .grid-item {
    width: 16.6666666666%;
}

    .grid-6-columns .grid-item.large-width {
        width: 33.333333333%;
    }

/*Grid columns: 5*/
.grid-5-columns .grid-item {
    width: 20%;
}

    .grid-5-columns .grid-item.large-width {
        width: 40%;
    }

/*Grid columns: 4*/
.grid-4-columns .grid-item {
    width: 25%;
}

    .grid-4-columns .grid-item.large-width {
        width: 50%;
    }

/*Grid columns: 3*/
.grid-3-columns .grid-item {
    width: 33.333333333%;
}

    .grid-3-columns .grid-item.large-width {
        width: 66.6666666666%;
    }

/*Grid columns: 2*/
.grid-2-columns .grid-item {
    width: 50.00%;
}

    .grid-2-columns .grid-item.large-width {
        width: 100%;
    }

/*Grid columns: 1*/
.grid-1-columns .grid-item {
    width: 100%;
}

    .grid-1-columns .grid-item.large-width {
        width: 100%;
    }

@media (max-width: 1380px) {
    .grid-5-columns .grid-item {
        width: 25%;
    }

        .grid-5-columns .grid-item.large-width {
            width: 50%;
        }
}

/*Tablet Landscape*/
@media (max-width: 991.98px) { /*Grid columns: 6,5,4*/
    .grid-6-columns .grid-item,
    .grid-5-columns .grid-item,
    .grid-4-columns .grid-item {
        width: 33.3333333333%;
    }

        .grid-6-columns .grid-item.large-width,
        .grid-5-columns .grid-item.large-width,
        .grid-4-columns .grid-item.large-width {
            width: 66.6666666666%;
        }
    /*Grid columns: 3,2*/
    .grid-3-columns .grid-item,
    .grid-2-columns .grid-item {
        width: 50%;
    }

        .grid-3-columns .grid-item.large-width,
        .grid-2-columns .grid-item.large-width {
            width: 100%;
        }
}

/*Tablet Portrait*/
@media (max-width: 767px) { /*Grid columns: 6,5,4*/
    .grid-6-columns .grid-item,
    .grid-5-columns .grid-item,
    .grid-4-columns .grid-item {
        width: 50%;
    }

        .grid-6-columns .grid-item.large-width,
        .grid-5-columns .grid-item.large-width,
        .grid-4-columns .grid-item.large-width {
            width: 100%;
        }
    /*Grid columns: 3,2*/
    .grid-3-columns .grid-item,
    .grid-2-columns .grid-item {
        width: 50%;
    }

        .grid-3-columns .grid-item.large-width,
        .grid-2-columns .grid-item.large-width {
            width: 100%;
        }
}

/*Tablet Portrait*/
@media (max-width: 480px) { /*Grid columns: 6,5,4,3,2*/
    .grid-6-columns .grid-item,
    .grid-5-columns .grid-item,
    .grid-4-columns .grid-item,
    .grid-3-columns .grid-item,
    .grid-2-columns .grid-item {
        width: 100%;
    }

        .grid-6-columns .grid-item.large-width,
        .grid-5-columns .grid-item.large-width,
        .grid-4-columns .grid-item.large-width,
        .grid-3-columns .grid-item.large-width,
        .grid-2-columns .grid-item.large-width {
            width: 100%;
        }

    .grid-xs-2-columns .grid-item {
        width: 50%;
    }

        .grid-xs-2-columns .grid-item.large-width {
            width: 100%;
        }

    .grid-xs-3-columns .grid-item {
        width: 33.3333333333%;
    }

        .grid-xs-3-columns .grid-item.large-width {
            width: 66.6666666666%;
        }

    .grid-xs-4-columns .grid-item {
        width: 25%;
    }

        .grid-xs-4-columns .grid-item.large-width {
            width: 25%;
        }
}

/*Grid item */

/* ----------------------------------------------------------------
	Grid Filter
-----------------------------------------------------------------*/
.grid-filter {
    clear: both;
    display: block;
    width: 100%;
    margin-bottom: 26px;
    position: relative;
}

    .grid-filter ul {
        list-style: none;
        padding: 0;
        position: relative;
        height: auto;
    }

    .grid-filter li {
        position: relative;
        margin-right: 6px;
        border: 0;
        margin-bottom: -1px;
        display: inline-block;
    }

        .grid-filter li a {
            font-weight: 600;
            display: block;
            position: relative;
            padding: 8px 10px;
            font-size: 13px;
            line-height: 15px;
            color: #3c4043;
            border-radius: 50px;
            -webkit-transition: all .3s ease;
            transition: all .3s ease;
            border-width: 2px;
            border-style: solid;
            border-color: transparent;
        }

        .grid-filter li:hover a, .grid-filter li:hover a:hover, .grid-filter li:hover a:active, .grid-filter li:hover a:focus, .grid-filter li.active a, .grid-filter li.active a:hover, .grid-filter li.active a:active, .grid-filter li.active a:focus {
            background-color: #2250fc;
            color: #fff;
        }

        .grid-filter li.active {
            cursor: pointer;
            pointer-events: none;
        }

            .grid-filter li.active a {
                color: #fff;
                pointer-events: none;
            }

    
    
        
    
        
    
    
    
    
    
    
    
        
    
    
    
        
    
        
            
    
    .grid-filter.center li {
        text-align: center;
        float: none;
    }

.grid-active-title {
    font-size: 3rem;
    font-weight: 100;
    opacity: 0.1;
    position: absolute;
    right: 0;
    top: -6px;
}

.content .grid-active-title {
    font-size: 42px;
}


@media (max-width: 991.98px) {
    .grid-active-title {
        display: none;
    }

    .grid-filter li {
        margin-right: 0;
        margin-bottom: 4px;
    }

        .grid-filter li a {
            text-align: center;
            -webkit-transition: none;
            transition: none;
        }
}

@media (max-width: 479px) {
    .grid-filter li {
        margin-right: 0;
    }
}

/* ----------------------------------------------------------------
	Extras
-----------------------------------------------------------------*/
.infinite-scroll-message, #showMore {
    height: 80px;
    padding-top: 36px;
    text-align: center;
}

    .infinite-scroll-message p, #showMore p {
        margin: 0;
    }

.grid-loader {
    border-radius: 50%;
    width: 2.5em;
    height: 2.5em;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation: load7 1.8s infinite ease-in-out;
    animation: load7 1.8s infinite ease-in-out;
    position: absolute;
    top: 60px;
    left: 48%;
    color: #dadada;
    font-size: 6px;
    text-indent: -9999em;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}

    .grid-loader:before, .grid-loader:after {
        border-radius: 50%;
        width: 2.5em;
        height: 2.5em;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-animation: load7 1.8s infinite ease-in-out;
        animation: load7 1.8s infinite ease-in-out;
    }

    .grid-loader:before, .grid-loader:after {
        content: '';
        position: absolute;
        top: 0;
    }

    .grid-loader:before {
        left: -3.5em;
        -webkit-animation-delay: -0.32s;
        animation-delay: -0.32s;
    }

    .grid-loader:after {
        left: 3.5em;
    }

@-webkit-keyframes load7 {
    0%, 80%, 100% {
        box-shadow: 0 2.5em 0 -1.3em;
    }

    40% {
        box-shadow: 0 2.5em 0 0;
    }
}

@keyframes load7 {
    0%, 80%, 100% {
        box-shadow: 0 2.5em 0 -1.3em;
    }

    40% {
        box-shadow: 0 2.5em 0 0;
    }
}

/*  Header */
/* ----------------------------------------------------------------
Topbar
-----------------------------------------------------------------*/
#topbar {
    position: relative;
    z-index: 200;
    background-color: #fff; /*colored*/
}

    
        
            
    
    
        
            
    #topbar.dark {
        background-color: #1e2022;
    }

        
    
.topbar-dropdown {
    color: #747474;
    float: left;
    font-size: 13px;
    font-weight: 400;
    position: relative;
}

    .topbar-dropdown .title {
        border-left: 1px solid #fbfbfb;
        padding: 0 20px;
        cursor: pointer;
        line-height: 40px;
    }

        .topbar-dropdown .title a {
            color: #747474;
        }

            .topbar-dropdown .title a:hover {
                text-decoration: underline;
            }

        .topbar-dropdown .title b {
            font-weight: 600;
        }

        
            
    .topbar-dropdown:first-child .title {
        border-color: transparent;
        padding-left: 0;
    }

    .topbar-dropdown .title img {
        display: inline-block;
        vertical-align: middle;
        margin-right: 7px;
        position: relative;
        top: -1px;
    }

    
    .topbar-dropdown:hover .topbar-form {
        opacity: 1;
        transform: scale(1);
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        visibility: visible;
    }

    
        
        
    .topbar-dropdown .topbar-form {
        position: absolute;
        width: 240px;
        padding: 20px 20px 10px 20px;
        right: auto;
        top: 40px;
        border-radius: 3px;
        background-color: #fff;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        border: solid 1px #eee;
        z-index: 1;
        text-align: left;
        opacity: 0;
        -webkit-transition: all 300ms ease-out;
        transition: all 300ms ease-out;
        -ms-transition: all 300ms ease-out;
        transform-origin: 50% 0% 0px;
        -moz-transform-origin: 50% 0% 0px;
        -webkit-transform-origin: 50% 0% 0px;
        -ms-transform-origin: 50% 0% 0px;
        visibility: hidden;
    }

    .topbar-dropdown input {
        margin-bottom: 2px;
    }

    .topbar-dropdown .form-group {
        margin-bottom: 10px;
    }

    .topbar-dropdown .checkbox {
        display: inline-block;
        margin-bottom: 0;
        margin-top: 0;
        vertical-align: middle;
        margin-top: -12px;
    }

    
    .topbar-dropdown .dropdown-invert.topbar-form {
        left: auto;
        right: -20px;
    }


#topbar {
    border-bottom: 1px solid #fbfbfb;
}

    #topbar.dark {
        background-color: #252525;
        border-color: rgba(231, 231, 231, 0.25);
    }

        
    

    
    
    

#topbar.dark {
    border-bottom: 1px solid rgba(231, 231, 231, 0.05);
}

    
#topbar ~ #header[data-transparent="true"] + #slider,
#topbar ~ #header[data-transparent="true"] + .fullscreen {
    top: -120px;
    margin-bottom: -120px;
}



/* ----------------------------------------------------------------
    Header
-----------------------------------------------------------------*/
#header {
    position: sticky;
    width: 100%;
    z-index: 199 !important;
    height: 80px;
    line-height: 80px;
}

    #header .container {
        position: relative;
    }

    #header .header-inner {
        height: 80px;
        background-color: #fff; /*         backface-visibility: hidden; -webkit-backface-visibility: hidden; */
        left: 0;
        right: 0;
        -webkit-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out; /*logo*/
    }

        #header .header-inner #logo {
            float: left;
            font-size: 28px;
            position: relative;
            z-index: 1;
            -webkit-transition: all .4s ease-in-out;
            transition: all .4s ease-in-out;
            height: 80px;
        }

            #header .header-inner #logo a > img {
                vertical-align: inherit;
                -webkit-transition: all .4s ease-in-out;
                transition: all .4s ease-in-out;
                height: 80px;
                width: auto;
            }

            #header .header-inner #logo a > img,
            #header .header-inner #logo a [class*="logo-"] {
                display: none;
            }

            #header .header-inner #logo a .logo-default {
                display: block;
            }

            #header .header-inner #logo a,
            #header .header-inner #logo a span {
                font-family: inherit;
                font-size: 40px;
                color: #1e2022;
                font-weight: 800;
                letter-spacing: 1.5px;
            }

    #header[data-fullwidth="true"] .header-inner .container {
        max-width: 100%;
        padding: 0 30px;
    }

    #header.header-modern:not(.header-active) {
        margin: 40px auto 0;
        width: 1200px;
    }

        #header.header-modern:not(.header-active) .header-inner {
            border-radius: 4px;
        }

        #header.header-modern:not(.header-active) + .inspiro-slider,
        #header.header-modern:not(.header-active) + #slider,
        #header.header-modern:not(.header-active) + .fullscreen {
            top: -130px;
            margin-bottom: -130px;
        }

    
        
            
            
            
                
                
            
            
    
        
            
            
                
            
            
    #header[data-transparent="true"]:not(.sticky-active) .header-inner {
        background-color: transparent;
    }

    #header[data-transparent="true"] + .inspiro-slider,
    #header[data-transparent="true"] + #slider,
    #header[data-transparent="true"] + .fullscreen {
        top: -80px;
        margin-bottom: -80px;
    }

    
    
    
    
    #header[data-transparent="true"]:not(.sticky-active) .header-inner,
    #header[data-transparent="true"]:not(.sticky-active).dark .header-inner {
        background-color: transparent;
    }

    #header[data-transparent="true"] + .inspiro-slider,
    #header[data-transparent="true"] + #slider,
    #header[data-transparent="true"] + .fullscreen {
        top: -80px;
        margin-bottom: -80px;
    }

    #header.header-sticky .header-inner {
        -webkit-transition: top .8s ease-in-out;
        transition: top .8s ease-in-out;
        top: -140px;
    }

    #header.header-sticky.sticky-active .header-inner {
        box-shadow: 0 12px 6px rgba(0, 0, 0, 0.06);
        top: 0;
        position: fixed;
        margin: 0 auto;
        width: 100%;
    }

    
    .dark #header .header-inner,
    #header.dark .header-inner {
        background-color: #1e2022;
    }

        .dark #header .header-inner #logo a > img,
        .dark #header .header-inner #logo a [class*="logo-"],
        #header.dark .header-inner #logo a > img,
        #header.dark .header-inner #logo a [class*="logo-"] {
            display: none;
        }

        .dark #header .header-inner #logo a .logo-dark,
        #header.dark .header-inner #logo a .logo-dark {
            display: block;
        }

        .dark #header .header-inner #logo a,
        .dark #header .header-inner #logo a span,
        #header.dark .header-inner #logo a,
        #header.dark .header-inner #logo a span {
            color: #fff;
        }

        .dark #header .header-inner .lines,
        .dark #header .header-inner .lines:before,
        .dark #header .header-inner .lines:after,
        #header.dark .header-inner .lines,
        #header.dark .header-inner .lines:before,
        #header.dark .header-inner .lines:after {
            background-color: #fff;
        }

    .dark #header[data-transparent="true"]:not(.sticky-active) .header-inner,
    #header.dark[data-transparent="true"]:not(.sticky-active) .header-inner {
        background-color: transparent;
    }

@media (max-width: 991.98px) {
    
    body.modern #header .header-inner > .container {
        max-width: 1500px;
        padding: 0 15px;
    }

    body.frame #header.header-sticky.sticky-active .header-inner {
        left: 20px;
        right: 20px;
        top: 20px;
    }
}

/* ----------------------------------------------------------------
HEADER: Responsive
-----------------------------------------------------------------*/
@media (max-width: 991.98px) {
    #header .header-inner {
        height: auto;
    }

    #header #logo {
        position: absolute !important;
        width: 100%;
        text-align: center;
        margin: 0 !important;
        float: none;
        height: 80px;
        left: 0;
        right: 0;
        padding: 0 !important;
    }

        #header #logo > a {
            display: inline-block;
        }

            #header #logo > a img {
                max-height: 80px;
                padding-bottom: 6px;
            }

        #header #logo .logo-responsive {
            display: block;
        }

        
    
    
    
    #header.header-modern {
        margin: 0 !important;
        width: 100% !important;
    }

        #header.header-modern .header-inner {
            border-radius: 0px !important;
        }

    
    }

@media (max-width: 991.98px) {
    #header[data-transparent="true"] + main {
        top: -120px;
        margin-bottom: -124px;
        position: relative;
    }

        
    #header[data-transparent="true"] + .fullscreen {
        top: -80px;
        margin-bottom: -80px;
    }
}

/* ----------------------------------------------------------------
Main Menu
-----------------------------------------------------------------*/
#mainMenu {
    padding: 0; /*Menu Styles*/ /*Menu Positions*/ /*Menu options*/
}

    #mainMenu > .container {
        padding: 0 !important;
    }

    #mainMenu [class*="col-lg-"] {
        line-height: 24px !important;
    }

    #mainMenu nav {
        float: right;
    }

        #mainMenu nav > ul {
            list-style: none;
            padding: 0;
            margin: 0;
        }

            #mainMenu nav > ul > li {
                float: left;
                border: 0;
                -webkit-transition: all .3s ease;
                transition: all .3s ease;
                margin-left: 6px;
                position: relative;
            }

                #mainMenu nav > ul > li > a {
                    position: relative;
                    font-family: var(--kt-font-sans);
                    padding: 10px 12px;
                    text-transform: uppercase;
                    font-size: 12px;
                    font-weight: 600;
                    letter-spacing: 0.6px;
                    color: #000000;
                    border-radius: 0;
                    border-width: 0;
                    border-style: solid;
                    border-color: transparent;
                    -webkit-transition: all .3s ease;
                    transition: all .3s ease;
                    line-height: normal;
                }

                    #mainMenu nav > ul > li > a > i {
                        margin-left: 2px;
                        margin-right: 6px;
                        min-width: 14px;
                        font-size: 14px;
                    }

                    #mainMenu nav > ul > li > a:after, #mainMenu nav > ul > li > a:before {
                        -webkit-transition: all .3s ease;
                        transition: all .3s ease;
                    }

                #mainMenu nav > ul > li.hover-active > a, #mainMenu nav > ul > li.hover-active > span, #mainMenu nav > ul > li.current > a, #mainMenu nav > ul > li.current > span, #mainMenu nav > ul > li:hover > a, #mainMenu nav > ul > li:hover > span, #mainMenu nav > ul > li:focus > a, #mainMenu nav > ul > li:focus > span {
                    color: #2250fc;
                }

                #mainMenu nav > ul > li.dropdown:before {
                    content: "\e930";
                    -webkit-transform: rotate(90deg);
                    -ms-transform: rotate(90deg);
                    transform: rotate(90deg);
                    font-family: "inspiro-icons";
                    opacity: 0.6;
                    position: absolute;
                    right: 16px;
                    color: #c1c3ce;
                    font-size: 16px;
                    display: none;
                }

                #mainMenu nav > ul > li .dropdown-arrow {
                    display: none;
                    height: 40px;
                    width: 50px;
                    position: absolute;
                    z-index: 1;
                    right: -10px;
                    top: 0;
                    cursor: pointer;
                }

                #mainMenu nav > ul > li .dropdown-menu {
                    background-position: right bottom;
                    background-repeat: no-repeat;
                    min-width: 230px;
                    top: auto;
                    background-color: #fff;
                    border: 0;
                    color: #000000;
                    border-style: solid;
                    border-color: #fbfbfb;
                    border-width: 1px !important;
                    left: auto;
                    margin: 0;
                    margin-top: -6px;
                    border-radius: 4px;
                    box-shadow: 0 33px 32px rgba(0, 0, 0, 0.1);
                    padding: 10px;
                    display: none;
                    position: absolute;
                }

                    #mainMenu nav > ul > li .dropdown-menu > li > a, #mainMenu nav > ul > li .dropdown-menu > li > span, #mainMenu nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a {
                        font-size: 12px;
                        line-height: 14px;
                        font-weight: 500;
                        font-style: normal;
                        color: #444;
                        font-family: var(--kt-font-sans);
                        padding: 12px 20px 12px 18px;
                        display: block;
                        -webkit-transition: .3s ease;
                        transition: .3s ease;
                    }

                        #mainMenu nav > ul > li .dropdown-menu > li > a:focus, #mainMenu nav > ul > li .dropdown-menu > li > a:hover, #mainMenu nav > ul > li .dropdown-menu > li > a:active, #mainMenu nav > ul > li .dropdown-menu > li > span:focus, #mainMenu nav > ul > li .dropdown-menu > li > span:hover, #mainMenu nav > ul > li .dropdown-menu > li > span:active, #mainMenu nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a:focus, #mainMenu nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a:hover, #mainMenu nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a:active {
                            background-color: transparent;
                            color: #2250fc;
                            cursor: pointer;
                        }

                        #mainMenu nav > ul > li .dropdown-menu > li > a > i, #mainMenu nav > ul > li .dropdown-menu > li > span > i, #mainMenu nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a > i {
                            margin-left: -4px;
                            margin-right: 6px;
                            min-width: 14px;
                        }

                    #mainMenu nav > ul > li .dropdown-menu > li.current > a, #mainMenu nav > ul > li .dropdown-menu > li.current > span, #mainMenu nav > ul > li .dropdown-menu > li:hover > a, #mainMenu nav > ul > li .dropdown-menu > li:hover > span, #mainMenu nav > ul > li .dropdown-menu > li:focus > a, #mainMenu nav > ul > li .dropdown-menu > li:focus > span, #mainMenu nav > ul > li .dropdown-menu > li:active > a, #mainMenu nav > ul > li .dropdown-menu > li:active > span, #mainMenu nav > ul > li .dropdown-menu > li.hover-active > a, #mainMenu nav > ul > li .dropdown-menu > li.hover-active > span {
                        color: #2250fc;
                    }

                    #mainMenu nav > ul > li .dropdown-menu.menu-last {
                        right: 0;
                        left: auto;
                    }

                #mainMenu nav > ul > li.mega-menu-item {
                    position: static;
                }

                    #mainMenu nav > ul > li.mega-menu-item > .dropdown-menu {
                        left: 0;
                        right: 0;
                        overflow: hidden;
                        width: 1140px;
                        -webkit-transition-duration: 0.3s !important;
                        transition-duration: 0.3s !important;
                    }

                    
                        
                        
                        
                            
                        
                        
                #mainMenu nav > ul > li .dropdown-submenu {
                    position: relative;
                }

                    #mainMenu nav > ul > li .dropdown-submenu:before {
                        line-height: 40px;
                        content: "\e930";
                        font-family: "inspiro-icons";
                        opacity: 0.6;
                        position: absolute;
                        right: 16px;
                        color: #2e2e2e;
                        font-size: 12px;
                        -webkit-transition: all .2s ease;
                        transition: all .2s ease;
                    }

                    #mainMenu nav > ul > li .dropdown-submenu > .dropdown-menu {
                        margin-left: -6px;
                        left: 100%;
                        top: -1px;
                        z-index: 1;
                    }

                        #mainMenu nav > ul > li .dropdown-submenu > .dropdown-menu.menu-invert {
                            right: 100%;
                            left: auto;
                        }

                    #mainMenu nav > ul > li .dropdown-submenu:not(.hover-active):hover:before {
                        right: 12px;
                    }

                    #mainMenu nav > ul > li .dropdown-submenu:not(.hover-active):hover > ul {
                        display: block;
                        -webkit-animation: fade-in-out .3s ease;
                        animation: fade-in-out .3s ease;
                    }

                #mainMenu nav > ul > li:not(.hover-active):hover > ul {
                    display: block;
                    -webkit-animation: fade-in-out .3s ease;
                    animation: fade-in-out .3s ease;
                }

                #mainMenu nav > ul > li:last-child {
                    margin-right: 0;
                }

            #mainMenu nav > ul > a.btn {
                margin-top: 4px;
            }

            #mainMenu nav > ul li ul {
                list-style: none;
                padding: 0;
            }

            #mainMenu nav > ul .badge {
                font-size: 8px;
                padding: 2px 4px;
                line-height: 9px;
                margin: -2px 4px;
            }

    
    
    
    
    
    
        
    
        
            
        
            
    
        
        
    
        
        
            
    
    
        
            
                
                
    
        
            
    
    
    #mainMenu.menu-onclick nav > ul > li:hover:not(.hover-active) > ul, #mainMenu.menu-onclick nav > ul > li .dropdown-submenu:hover > ul {
        opacity: 0 !important;
        visibility: hidden !important;
        display: inherit !important;
    }

    #mainMenu.menu-onclick nav > ul > li.hover-active > ul, #mainMenu.menu-onclick nav > ul > li .hover-active.dropdown-submenu > ul {
        opacity: 1 !important;
        visibility: visible !important;
        display: block;
    }

    
    
    
/* ----------------------------------------------------------------
Dots Menu
-----------------------------------------------------------------*/
#dotsMenu {
    position: fixed;
    right: 36px;
    top: 50%;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 99;
}

    #dotsMenu:before {
        content: "";
        background: rgba(30, 32, 34, 0.7);
        position: absolute;
        width: 32px;
        right: -8px;
        height: 100%;
        border-radius: 20px;
        top: -24px;
        box-shadow: 0 4px 9px 0 rgba(43, 43, 49, 0.1), 0 7px 14px 0 rgba(43, 43, 49, 0.13);
    }

    #dotsMenu ul {
        list-style: none;
        padding-bottom: 6px;
    }

        #dotsMenu ul li {
            text-align: right;
            padding: 0px;
            width: 15px;
            height: 15px;
            margin-bottom: 12px;
            background-color: #fbfbfb;
            border-radius: 50%;
            -webkit-transform: scale(0.6);
            -ms-transform: scale(0.6);
            transform: scale(0.6);
            -webkit-transition: background-color 0.5s, -webkit-transform 0.3s;
            transition: background-color 0.5s, -webkit-transform 0.3s;
            transition: transform 0.3s, background-color 0.5s;
            transition: transform 0.3s, background-color 0.5s, -webkit-transform 0.3s;
        }

            #dotsMenu ul li:hover {
                background-color: #2250fc;
                -webkit-transform: scale(1);
                -ms-transform: scale(1);
                transform: scale(1);
            }

            #dotsMenu ul li.current {
                background-color: #2250fc;
            }

            #dotsMenu ul li a {
                position: absolute;
                width: 40px;
                height: 40px;
                line-height: 1.5;
                border-radius: 50%;
                left: -14px;
                top: -14px;
            }

                #dotsMenu ul li a span {
                    position: absolute;
                    width: auto;
                    top: 8px;
                    right: 25px;
                    white-space: nowrap;
                    margin-right: 14px;
                    font-size: 12px;
                    font-weight: 800;
                    color: #fff;
                    -webkit-transition: opacity 0.2s, -webkit-transform 0.2s;
                    transition: opacity 0.2s, -webkit-transform 0.2s;
                    transition: transform 0.2s, opacity 0.2s;
                    transition: transform 0.2s, opacity 0.2s, -webkit-transform 0.2s;
                    opacity: 0;
                    -webkit-transform-origin: 100% 50%;
                    -ms-transform-origin: 100% 50%;
                    transform-origin: 100% 50%;
                    background-color: rgba(0, 0, 0, 0.6);
                    border-radius: 100px;
                    line-height: 26px;
                    padding: 0 12px;
                    text-transform: uppercase;
                }

                #dotsMenu ul li a:hover:before {
                    -webkit-transform: scale(1);
                    -ms-transform: scale(1);
                    transform: scale(1);
                }

                #dotsMenu ul li a:hover:before {
                    background-color: #2250fc;
                }

                #dotsMenu ul li a:hover > span {
                    opacity: 1;
                    -webkit-transform: scale(1);
                    -ms-transform: scale(1);
                    transform: scale(1);
                }

@media (max-width: 991.98px) {
    #dotsMenu ul li a span {
        display: none;
    }
}

.mainMenu-open #dotsMenu {
    z-index: -1 !important;
}

/* ----------------------------------------------------------------
Overlay Menu
-----------------------------------------------------------------*/




    
        
            


/*Menu split*/

    

    
        
        
/*Menu Dark*/
.dark #mainMenu nav > ul > li > a, #mainMenu.dark nav > ul > li > a {
    color: #fff;
}

.dark #mainMenu nav > ul > li.hover-active > a, .dark #mainMenu nav > ul > li.hover-active > span, .dark #mainMenu nav > ul > li.current > a, .dark #mainMenu nav > ul > li.current > span, .dark #mainMenu nav > ul > li:hover > a, .dark #mainMenu nav > ul > li:hover > span, .dark #mainMenu nav > ul > li:focus > a, .dark #mainMenu nav > ul > li:focus > span, #mainMenu.dark nav > ul > li.hover-active > a, #mainMenu.dark nav > ul > li.hover-active > span, #mainMenu.dark nav > ul > li.current > a, #mainMenu.dark nav > ul > li.current > span, #mainMenu.dark nav > ul > li:hover > a, #mainMenu.dark nav > ul > li:hover > span, #mainMenu.dark nav > ul > li:focus > a, #mainMenu.dark nav > ul > li:focus > span {
    color: #c1c3ce;
}

.dark #mainMenu nav > ul > li.dropdown:before, #mainMenu.dark nav > ul > li.dropdown:before {
    color: #fff;
}

.dark:not(.submenu-light) #mainMenu, #mainMenu.dark { /*Menu Styles*/
}

    .dark:not(.submenu-light) #mainMenu nav > ul > li .dropdown-menu, #mainMenu.dark nav > ul > li .dropdown-menu {
        background-color: #1e2022;
        border-color: #2c2f32;
    }

        .dark:not(.submenu-light) #mainMenu nav > ul > li .dropdown-menu > li > a, .dark:not(.submenu-light) #mainMenu nav > ul > li .dropdown-menu > li > span, .dark:not(.submenu-light) #mainMenu nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a, #mainMenu.dark nav > ul > li .dropdown-menu > li > a, #mainMenu.dark nav > ul > li .dropdown-menu > li > span, #mainMenu.dark nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a {
            color: #c1c3ce;
        }

            .dark:not(.submenu-light) #mainMenu nav > ul > li .dropdown-menu > li > a:focus, .dark:not(.submenu-light) #mainMenu nav > ul > li .dropdown-menu > li > a:hover, .dark:not(.submenu-light) #mainMenu nav > ul > li .dropdown-menu > li > a:active, .dark:not(.submenu-light) #mainMenu nav > ul > li .dropdown-menu > li > span:focus, .dark:not(.submenu-light) #mainMenu nav > ul > li .dropdown-menu > li > span:hover, .dark:not(.submenu-light) #mainMenu nav > ul > li .dropdown-menu > li > span:active, .dark:not(.submenu-light) #mainMenu nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a:focus, .dark:not(.submenu-light) #mainMenu nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a:hover, .dark:not(.submenu-light) #mainMenu nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a:active, #mainMenu.dark nav > ul > li .dropdown-menu > li > a:focus, #mainMenu.dark nav > ul > li .dropdown-menu > li > a:hover, #mainMenu.dark nav > ul > li .dropdown-menu > li > a:active, #mainMenu.dark nav > ul > li .dropdown-menu > li > span:focus, #mainMenu.dark nav > ul > li .dropdown-menu > li > span:hover, #mainMenu.dark nav > ul > li .dropdown-menu > li > span:active, #mainMenu.dark nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a:focus, #mainMenu.dark nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a:hover, #mainMenu.dark nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a:active {
                color: #c1c3ce;
            }

        .dark:not(.submenu-light) #mainMenu nav > ul > li .dropdown-menu > li.current > a, .dark:not(.submenu-light) #mainMenu nav > ul > li .dropdown-menu > li.current > span, .dark:not(.submenu-light) #mainMenu nav > ul > li .dropdown-menu > li:hover > a, .dark:not(.submenu-light) #mainMenu nav > ul > li .dropdown-menu > li:hover > span, .dark:not(.submenu-light) #mainMenu nav > ul > li .dropdown-menu > li:focus > a, .dark:not(.submenu-light) #mainMenu nav > ul > li .dropdown-menu > li:focus > span, .dark:not(.submenu-light) #mainMenu nav > ul > li .dropdown-menu > li:active > a, .dark:not(.submenu-light) #mainMenu nav > ul > li .dropdown-menu > li:active > span, .dark:not(.submenu-light) #mainMenu nav > ul > li .dropdown-menu > li.hover-active > a, .dark:not(.submenu-light) #mainMenu nav > ul > li .dropdown-menu > li.hover-active > span, #mainMenu.dark nav > ul > li .dropdown-menu > li.current > a, #mainMenu.dark nav > ul > li .dropdown-menu > li.current > span, #mainMenu.dark nav > ul > li .dropdown-menu > li:hover > a, #mainMenu.dark nav > ul > li .dropdown-menu > li:hover > span, #mainMenu.dark nav > ul > li .dropdown-menu > li:focus > a, #mainMenu.dark nav > ul > li .dropdown-menu > li:focus > span, #mainMenu.dark nav > ul > li .dropdown-menu > li:active > a, #mainMenu.dark nav > ul > li .dropdown-menu > li:active > span, #mainMenu.dark nav > ul > li .dropdown-menu > li.hover-active > a, #mainMenu.dark nav > ul > li .dropdown-menu > li.hover-active > span {
            color: #e4e6ef;
        }

    .dark:not(.submenu-light) #mainMenu nav > ul > li .dropdown-submenu:before, #mainMenu.dark nav > ul > li .dropdown-submenu:before {
        color: #c1c3ce;
    }

    .dark:not(.submenu-light) #mainMenu nav > ul > li .dropdown-submenu.current > a, .dark:not(.submenu-light) #mainMenu nav > ul > li .dropdown-submenu.current > span, .dark:not(.submenu-light) #mainMenu nav > ul > li .dropdown-submenu:hover > a, .dark:not(.submenu-light) #mainMenu nav > ul > li .dropdown-submenu:hover > span, .dark:not(.submenu-light) #mainMenu nav > ul > li .dropdown-submenu:focus > a, .dark:not(.submenu-light) #mainMenu nav > ul > li .dropdown-submenu:focus > span, .dark:not(.submenu-light) #mainMenu nav > ul > li .dropdown-submenu:active > a, .dark:not(.submenu-light) #mainMenu nav > ul > li .dropdown-submenu:active > span, .dark:not(.submenu-light) #mainMenu nav > ul > li .dropdown-submenu.hover-active > a, .dark:not(.submenu-light) #mainMenu nav > ul > li .dropdown-submenu.hover-active > span, #mainMenu.dark nav > ul > li .dropdown-submenu.current > a, #mainMenu.dark nav > ul > li .dropdown-submenu.current > span, #mainMenu.dark nav > ul > li .dropdown-submenu:hover > a, #mainMenu.dark nav > ul > li .dropdown-submenu:hover > span, #mainMenu.dark nav > ul > li .dropdown-submenu:focus > a, #mainMenu.dark nav > ul > li .dropdown-submenu:focus > span, #mainMenu.dark nav > ul > li .dropdown-submenu:active > a, #mainMenu.dark nav > ul > li .dropdown-submenu:active > span, #mainMenu.dark nav > ul > li .dropdown-submenu.hover-active > a, #mainMenu.dark nav > ul > li .dropdown-submenu.hover-active > span {
        color: #c1c3ce;
    }

    
    
    
    
        
    
    
        
    

/*Menu on header fullwidth */
@media (min-width: 768px) {
    #header[data-fullwidth="true"] #mainMenu:not(.menu-left):not(.menu-center) nav > ul > li.mega-menu-item > .dropdown-menu {
        left: auto;
        right: 0;
    }

    }

/* ----------------------------------------------------------------
Main menu - Vertical
-----------------------------------------------------------------*/

    
    
        
            
                
                    
                    
                
                
                    
                
                    
                        
                        
                        
                        
                
                    
            
                
                    
            
            
    
        
    
    
        
    
#mainMenu-trigger {
    position: absolute;
    opacity: 0;
    visibility: hidden;
    height: 80px;
    z-index: 1;
    float: right;
}

    #mainMenu-trigger button {
        background: none;
        border: 0;
        padding: 0;
    }

        #mainMenu-trigger button:focus {
            outline: 0;
        }

        #mainMenu-trigger button i {
            font-size: 17px;
        }

/* ----------------------------------------------------------------
Main Menu: Responsive
-----------------------------------------------------------------*/
@media (max-width: 991.98px) {
    #mainMenu-trigger {
        position: relative;
        opacity: 1;
        visibility: visible;
    }
    /*Main Menu*/
    
    #mainMenu:not(.menu-overlay) {
        max-height: 0;
        clear: both;
        display: block;
        width: 100%;
        opacity: 1;
        overflow: hidden;
        -webkit-transition: max-height 0.8s cubic-bezier(0.79, 0.14, 0.15, 0.86), opacity 0.8s cubic-bezier(0.79, 0.14, 0.15, 0.86);
        transition: max-height 0.8s cubic-bezier(0.79, 0.14, 0.15, 0.86), opacity 0.8s cubic-bezier(0.79, 0.14, 0.15, 0.86);
    }

        #mainMenu:not(.menu-overlay) > .container {
            text-align: left !important;
            width: 100%;
            max-width: 100%;
        }

        #mainMenu:not(.menu-overlay) nav {
            line-height: 40px;
            float: none;
            width: 100%;
            padding-bottom: 20px;
            -webkit-transition: .7s ease;
            transition: .7s ease;
            opacity: 0;
            -webkit-transform: translateY(-18px);
            -ms-transform: translateY(-18px);
            transform: translateY(-18px);
        }

            #mainMenu:not(.menu-overlay) nav > ul {
                float: none;
                width: 100%;
            }

                #mainMenu:not(.menu-overlay) nav > ul > li {
                    padding: 0;
                    margin: 0;
                    clear: both;
                    float: none;
                    display: block;
                    border: 0;
                }

                    #mainMenu:not(.menu-overlay) nav > ul > li > a {
                        display: block;
                        padding: 12px 0;
                        font-size: 14px;
                        border: 0;
                        border-radius: 0;
                    }

                        #mainMenu:not(.menu-overlay) nav > ul > li > a:after {
                            display: none;
                        }

                        
                    #mainMenu:not(.menu-overlay) nav > ul > li.dropdown:before {
                        right: 14px;
                        display: block;
                    }

                    #mainMenu:not(.menu-overlay) nav > ul > li .dropdown-arrow {
                        display: inline;
                    }

                    #mainMenu:not(.menu-overlay) nav > ul > li .dropdown-menu {
                        background-image: none !important;
                        max-height: 0;
                        overflow: hidden;
                        opacity: 0;
                        -webkit-transition: max-height 0.5s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.5s cubic-bezier(0.77, 0, 0.175, 1);
                        transition: max-height 0.5s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.5s cubic-bezier(0.77, 0, 0.175, 1);
                        position: static;
                        clear: both;
                        float: none;
                        box-shadow: none;
                        border: 0 !important;
                        min-width: 100%;
                        margin: 0;
                        border-radius: 0px;
                        padding: 0 16px;
                    }

                        #mainMenu:not(.menu-overlay) nav > ul > li .dropdown-menu > li > a, #mainMenu:not(.menu-overlay) nav > ul > li .dropdown-menu > li > span, #mainMenu:not(.menu-overlay) nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a {
                            line-height: 16px;
                            font-size: 14px;
                            padding: 12px 0;
                            display: block;
                        }

                    #mainMenu:not(.menu-overlay) nav > ul > li.mega-menu-item {
                        position: relative;
                    }

                        
                            
                            
                            
                            
                    #mainMenu:not(.menu-overlay) nav > ul > li .dropdown-submenu {
                        position: relative;
                    }

                        #mainMenu:not(.menu-overlay) nav > ul > li .dropdown-submenu:before {
                            right: 0;
                            top: 0;
                            font-size: 16px;
                        }

                #mainMenu:not(.menu-overlay) nav > ul li > .dropdown-menu {
                    border: 0 none;
                    background-color: transparent;
                    display: block;
                }

                    #mainMenu:not(.menu-overlay) nav > ul li > .dropdown-menu > .dropdown-submenu {
                        position: relative;
                    }

                        #mainMenu:not(.menu-overlay) nav > ul li > .dropdown-menu > .dropdown-submenu:before {
                            right: 0;
                            -webkit-transform: rotate(90deg);
                            -ms-transform: rotate(90deg);
                            transform: rotate(90deg);
                            font-size: 16px;
                        }

                #mainMenu:not(.menu-overlay) nav > ul li.hover-active > .dropdown-menu {
                    visibility: visible;
                    opacity: 1;
                    max-height: 3000px;
                }

                #mainMenu:not(.menu-overlay) nav > ul [class*="col-lg"] {
                    width: 100%;
                    max-width: 100%;
                    min-width: 100%;
                    -webkit-box-flex: 100%;
                    -webkit-flex: 100%;
                    -ms-flex: 100%;
                    flex: 100%;
                    padding: 0;
                    margin: 0;
                }

        #mainMenu:not(.menu-overlay).menu-animate nav {
            opacity: 1;
            -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
            transform: translateY(0);
        }

        
            
        
        
            
        
    .mainMenu-open #header #mainMenu {
        width: calc(100% + 14px);
        display: block;
        opacity: 1;
        overflow-y: scroll;
    }

    .mainMenu-open #header .header-inner {
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
        background-color: #fff !important;
    }

    .mainMenu-open.dark #header .header-inner,
    .mainMenu-open #header:not(.submenu-light).dark .header-inner {
        background-color: #1e2022 !important;
    }

    .mainMenu-open #dotsMenu {
        z-index: -1;
    }

    #dotsMenu {
        right: 20px;
    }

        #dotsMenu:before {
            background: none;
        }
}

@media (max-width: 991.98px) {
    .mainMenu-open #header #logo [class*="logo-"] {
        display: none;
    }

    .mainMenu-open #header #logo .logo-default {
        display: block;
    }
}

@-webkit-keyframes fade-in-out {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fade-in-out {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}


    
        
            
            
            
            
                
                    
                
                
            
    
        
            
    
    
        




/* ----------------------------------------------------------------
    Search
-----------------------------------------------------------------*/
#search {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    background: #fff;
    line-height: normal;
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    pointer-events: none;
    opacity: 0;
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
}

    
        
    
        
        
            
            
            
            
    #search .btn-search-close {
        font-size: 2em;
        position: absolute;
        top: 20px;
        right: 30px;
        display: none;
        padding: 12px;
        line-height: 12px;
        background-color: #2250fc;
        border: 0;
        cursor: pointer;
        border-radius: 0.42rem;
        color: #fff;
        opacity: 0;
        -webkit-transform: scale3d(0.8, 0.8, 1);
        transform: scale3d(0.8, 0.8, 1);
        -webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
        transition: opacity 0.5s, -webkit-transform 0.5s;
        transition: opacity 0.5s, transform 0.5s;
        transition: opacity 0.5s, transform 0.5s, -webkit-transform 0.5s;
    }

    
/* ----------------------------------------------------------------
    Search / Open state
-----------------------------------------------------------------*/
body.search-open #topbar {
    z-index: 199;
}

body.search-open #search {
    z-index: 201;
    pointer-events: auto;
    opacity: 1;
}

    
    
    body.search-open #search .btn-search-close {
        display: block;
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    
        
        
/* ----------------------------------------------------------------
    Search Responsive
-----------------------------------------------------------------*/
@media (max-width: 991.98px) {
    
    
        
        
    #search .btn-search-close {
        font-size: 1em;
        padding: 8px;
        line-height: 8px;
    }
}

/* ----------------------------------------------------------------
Side Push Panel
-----------------------------------------------------------------*/
#side-panel {
    opacity: 0;
    background-color: #fbfbfb;
    height: 100%;
    width: 300px;
    position: fixed;
    left: -300px;
    height: 100%;
    -webkit-transition: left 0.4s, right 0.4s;
    transition: left 0.4s, right 0.4s;
    overflow: hidden;
    z-index: 1; /*dark version*/
}

    #side-panel #close-panel {
        position: absolute;
        top: 0;
        right: 0;
        z-index: 100;
    }

        #side-panel #close-panel > i {
            cursor: pointer;
            display: block;
            width: 40px;
            height: 40px;
            font-size: 18px;
            line-height: 40px;
            color: #1e2022;
            text-align: center;
            background-color: rgba(0, 0, 0, 0.1);
            border-radius: 0 0 0 2px;
        }

    
        
    #side-panel.dark {
        background-color: #1e2022;
    }

        #side-panel.dark #close-panel > i {
            color: #fbfbfb;
            background-color: rgba(255, 255, 255, 0.1);
        }

.side-panel { /* Static */ /* Reval */
}

    .side-panel .body-inner, .side-panel #wrapper {
        height: 100%;
        position: relative;
        -webkit-transition: left 0.4s, right 0.4s;
        transition: left 0.4s, right 0.4s;
        left: 0;
    }

    
    
    
        
        
    
    
        
    
    
    
        
            
            
        
            
    .side-panel.side-panel-active { /* Effect 1: Slide in on top */ /* Effect 2: Reval */
    }

        
        
            
        
        
            
            
        
        
            
    
        
    
        
    
    
    
    
        
    
        
    
    
        

@media (max-width: 991.98px) {
    #side-panel {
        width: 300px;
        left: -300px;
    }

        
    .side-panel { /* Static */
    }

        .side-panel #side-panel-trigger {
            display: block !important;
        }

        
        
            
        
        
            
        
        
        
            }

#sidepanel {
    position: fixed;
    height: 100%;
    width: 320px;
    max-width: 80vw;
    left: 100%;
    top: 0;
    -webkit-transition: -webkit-transform 0.5s;
    transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
    transition: transform 0.5s, -webkit-transform 0.5s;
    -webkit-perspective: 1000;
    perspective: 1000;
    z-index: 1000;
    box-shadow: -4px 0 14px -1px rgba(0, 0, 0, 0.06);
}

    #sidepanel.panel-open {
        -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        transform: translateX(-100%);
    }

    
    #sidepanel .container {
        position: absolute;
        height: 100%;
        width: 100%;
        z-index: 1001;
        background-color: #fff;
        padding: 30px 20px;
    }

    
    .dark #sidepanel .container, #sidepanel.dark .container {
        background-color: #1e2022;
    }

/* ----------------------------------------------------------------
Page Menu
-----------------------------------------------------------------*/
.page-menu {
    position: relative;
    background-color: #fff;
    border-bottom: 1px solid #e4e6ef;
    border-top: 1px solid #e4e6ef;
    height: 52px;
    line-height: 48px;
}

    .page-menu a:not(.btn) {
        color: #3c4043;
    }

    
    .page-menu > .container {
        position: relative;
    }

    
    .page-menu nav {
        background-color: #fff;
        text-align: center;
    }

        .page-menu nav > ul {
            list-style: none;
            padding: 0;
            margin: 0;
            position: relative;
        }

            .page-menu nav > ul > li {
                -webkit-transition: all .3s ease;
                transition: all .3s ease;
                position: relative;
                border: 0;
                display: inline-block;
                float: none;
                padding: 0px 2px;
                font-family: var(--kt-font-sans);
            }

                .page-menu nav > ul > li:last-child {
                    margin-right: 0;
                }

                .page-menu nav > ul > li > a {
                    position: relative;
                    padding: 6px 16px;
                    font-size: 13px;
                    line-height: 12px;
                    color: #3c4043;
                    border-radius: 50px;
                    -webkit-transition: all 0.2s ease;
                    transition: all 0.2s ease;
                    border-width: 2px;
                    border-style: solid;
                    border-color: transparent;
                    font-weight: 500;
                }

                    .page-menu nav > ul > li > a:after, .page-menu nav > ul > li > a:before {
                        -webkit-transition: all .3s ease;
                        transition: all .3s ease;
                    }

                .page-menu nav > ul > li:hover > a, .page-menu nav > ul > li.active > a {
                    color: #2250fc;
                }

                .page-menu nav > ul > li.dropdown {
                    line-height: 50px;
                }

                    .page-menu nav > ul > li.dropdown a {
                        padding-right: 20px;
                    }

                    .page-menu nav > ul > li.dropdown:before {
                        font-size: 12px;
                        -webkit-transition: all .2s ease;
                        transition: all .2s ease;
                        content: "\e92e";
                        font-family: "inspiro-icons";
                        right: 10px;
                        top: 1px;
                        position: absolute;
                        color: #3c4043;
                        z-index: 2;
                    }

                .page-menu nav > ul > li .dropdown-menu {
                    position: absolute;
                    text-align: left;
                    list-style: none;
                    font-family: var(--kt-font-sans);
                    padding: 14px 20px;
                    width: auto;
                    top: 50px;
                    left: 0;
                    margin: 0;
                    border-radius: 4px;
                    background-color: #fff;
                    border: 1px solid #e4e6ef;
                    min-width: 180px;
                    box-shadow: 0 14px 20px rgba(0, 0, 0, 0.1);
                }

                    .page-menu nav > ul > li .dropdown-menu > li {
                        width: 100%;
                    }

                        .page-menu nav > ul > li .dropdown-menu > li a, .page-menu nav > ul > li .dropdown-menu > li > span {
                            line-height: 26px;
                            white-space: nowrap;
                            display: block;
                            padding: 4px 10px;
                            font-size: 13px;
                            font-weight: 400;
                        }

                    .page-menu nav > ul > li .dropdown-menu.menu-last {
                        right: 0;
                        left: auto;
                    }

                .page-menu nav > ul > li:last-child {
                    margin-right: 0;
                }

    
    
    
    
        
    
        
    
    
    
    
    
        
            
            
            
                
    
        
    
        
#pageMenu-trigger {
    float: right;
    cursor: pointer;
    font-size: 15px;
    height: 48px;
    line-height: 48px;
    opacity: 0;
    text-align: center;
    width: 36px;
    z-index: 12;
    display: none;
}

    #pageMenu-trigger i {
        color: #1e2022;
    }

body:not(.breakpoint-xs):not(.breakpoint-sm):not(.breakpoint-md) .page-menu nav > ul > li:hover > ul {
    display: block;
    -webkit-animation: fade-in-out .3s ease;
    animation: fade-in-out .3s ease;
    z-index: 3;
}

@media (max-width: 991.98px) {
    .page-menu #pageMenu-trigger {
        opacity: 1;
        display: block;
    }

        .page-menu #pageMenu-trigger i {
            color: #3c4043;
        }

    .page-menu nav {
        border-radius: 4px 0px 4px 4px;
        border: 1px solid #e4e6ef;
        box-shadow: 0 33px 32px rgba(0, 0, 0, 0.1);
        text-align: left;
        display: none;
        position: absolute;
        float: right;
        width: 190px;
        top: 40px;
        height: auto;
        z-index: 11;
        line-height: 26px;
        right: 30px;
    }

        .page-menu nav > ul {
            padding: 14px 20px;
            top: 0;
            min-width: 100%;
            overflow: hidden;
        }

            .page-menu nav > ul > li {
                width: 100%;
                padding: 0;
            }

                .page-menu nav > ul > li > a, .page-menu nav > ul > li > span {
                    line-height: 20px;
                    width: 100%;
                    display: block;
                    padding: 6px 6px;
                    border: none;
                }

                .page-menu nav > ul > li.dropdown:before {
                    right: 4px;
                    color: #3c4043;
                    pointer-events: none;
                    line-height: 36px;
                }

                .page-menu nav > ul > li.dropdown.hover-active {
                    color: #3c4043;
                }

                    .page-menu nav > ul > li.dropdown.hover-active .dropdown-menu {
                        min-width: 100%;
                        width: 100%;
                        padding-left: 24px;
                        display: block;
                        position: relative;
                        top: 0;
                        box-shadow: none;
                        border: 0;
                        margin-top: 0;
                        padding: 0;
                    }

                        .page-menu nav > ul > li.dropdown.hover-active .dropdown-menu > li > a, .page-menu nav > ul > li.dropdown.hover-active .dropdown-menu > li > span {
                            font-size: 12px;
                            padding: 4px 14px;
                        }

                .page-menu nav > ul > li > ul {
                    background-color: #fff;
                    border: 0;
                    border-style: solid;
                    border-color: #fbfbfb;
                    border-width: 1px !important;
                    box-shadow: 0 33px 32px rgba(0, 0, 0, 0.1);
                    left: auto;
                    margin: 0;
                    margin-top: -6px;
                    border-radius: 4px;
                    padding: 0;
                    z-index: 1;
                }

                    .page-menu nav > ul > li > ul > li > a, .page-menu nav > ul > li > ul > li > span {
                        width: 100%;
                    }

    
    
        
    
    
        
            
            
    .page-menu.page-menu-active nav {
        display: block;
    }
}


    
        
    
        
        
            

    
/*  Typography */
/* ----------------------------------------------------------------
	Typography : Reset
-----------------------------------------------------------------*/
*, h1, h2, h3, h4, h5, h6, a {
    margin: 0;
    padding: 0;
    text-decoration: none;
}

article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
    display: block;
}

/* ----------------------------------------------------------------
	Typography : Font size
-----------------------------------------------------------------*/
html {
    font-size: 88%;
}

@media all and (max-width: 768px) {
    html {
        font-size: 81.25%;
    }
}

body {
    font-size: 1rem;
    line-height: 1.65714286em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: var(--kt-font-sans);
    color: #3c4043;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: inherit;
    color: #1e2022;
    margin: 0;
    letter-spacing: 0.5px;
}

    h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small {
        font-weight: 100;
    }

h1, .h1 {
    font-size: 3.14285714em;
    line-height: 1.31818182em;
}

    h1:not(:last-child), .h1:not(:last-child) {
        margin-bottom: 20px;
    }

h2, .h2 {
    font-size: 2.35714286em;
    line-height: 1.36363636em;
    font-weight: 500;
}

    h2:not(:last-child), .h2:not(:last-child) {
        margin-bottom: 16px;
    }

h3, .h3 {
    font-size: 1.78571429em;
    line-height: 1.5em;
    font-weight: 500;
}

    h3:not(:last-child), .h3:not(:last-child) {
        margin-bottom: 12px;
    }

h4, .h4 {
    font-size: 1.35714286em;
    line-height: 1.68421053em;
    font-weight: 600;
}

    h4:not(:last-child), .h4:not(:last-child) {
        margin-bottom: 8px;
    }

h5, .h5 {
    font-size: 1em;
    line-height: 1.85714286em;
    font-weight: 500;
}

    h5:not(:last-child), .h5:not(:last-child) {
        margin-bottom: 6px;
    }

h6, .h6 {
    font-size: 0.85714286em;
    line-height: 2.16666667em;
    font-weight: 500;
}

    h6:not(:last-child), .h6:not(:last-child) {
        margin-bottom: 6px;
    }

.lead {
    font-weight: 400;
}

@media all and (max-width: 767px) {
    h1, .h1 {
        font-size: 2.35714286em;
        line-height: 1.36363636em;
    }

    h2, .h2 {
        font-size: 1.78571429em;
        line-height: 1.5em;
    }

    h3, .h3 {
        font-size: 1.35714286em;
        line-height: 1.85714286em;
    }

    .lead {
        font-size: 1.35714286em;
        line-height: 1.68421053em;
    }
}


p {
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    text-transform: none;
    line-height: 1.7;
    letter-spacing: 0;
    color: #3c4043;
    font-family: var(--kt-font-sans);
}


strong {
    font-weight: 600;
}

del {
    -webkit-text-decoration-line: line-through;
    text-decoration-line: line-through;
}

a:not(.btn):not(.badge):hover, a:not(.btn):not(.badge):focus, a:not(.btn):not(.badge):active {
    text-decoration: none;
    outline: none;
    color: #2250fc;
}

a:not(.btn):not(.badge):not(.btn):not([href]):not([tabindex]) {
    color: #3c4043;
}

.dark h1, .dark h2, .dark h3, .dark h4, .dark h5, .dark h6, .dark .h1, .dark .h2, .dark .h3, .dark .h4, .dark .h5, .dark .h6 {
    color: #e4e6ef;
}






/*  Sliders */
/* ----------------------------------------------------------------
    SLIDER
-----------------------------------------------------------------*/
.inspiro-slider {
    width: 100%;
    height: 72vh;
    overflow: hidden;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
    min-height: 100%;
    width: 100%;
}

    .inspiro-slider.slider-halfscreen {
        height: 72vh;
    }

    .inspiro-slider.slider-fullscreen {
        height: 100vh;
    }

    
        
    .inspiro-slider .slide {
        overflow: hidden;
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: 50% 20%;
        width: 100%;
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }

        .inspiro-slider .slide .container {
            padding-top: 120px;
            padding-bottom: 100px;
            -webkit-align-self: center !important;
            -ms-flex-item-align: center !important;
            align-self: center !important;
        }

        .inspiro-slider .slide .slide-captions {
            position: relative;
            text-align: left;
        }

            .inspiro-slider .slide .slide-captions h1 {
                font-size: 80px;
                font-weight: 700;
                line-height: 80px;
                margin-bottom: 30px;
                color: #fff;
            }

            .inspiro-slider .slide .slide-captions h2 {
                font-size: 60px;
                font-weight: 700;
                line-height: 68px;
                margin-bottom: 30px;
                color: #fff;
            }

            .inspiro-slider .slide .slide-captions h3, .inspiro-slider .slide .slide-captions h4, .inspiro-slider .slide .slide-captions h5, .inspiro-slider .slide .slide-captions h6 {
                color: #fff;
            }

            .inspiro-slider .slide .slide-captions .strong {
                color: #fff;
                display: block;
                font-size: 12px !important;
                font-weight: 500;
                letter-spacing: 2px;
                line-height: 18px;
                margin-bottom: 20px;
                position: relative;
                text-transform: uppercase;
            }

                .inspiro-slider .slide .slide-captions .strong::after {
                    border-top: 3px solid #fff;
                    content: "";
                    display: block;
                    margin-bottom: 0;
                    margin-top: 8px;
                    width: 26px;
                }

            .inspiro-slider .slide .slide-captions > p {
                color: #fff;
                font-size: 20px;
                font-weight: 400;
                margin-bottom: 40px;
            }

            
            
            .inspiro-slider .slide .slide-captions.text-center .strong::after {
                margin-left: auto;
                margin-right: auto;
            }

            
            
            .inspiro-slider .slide .slide-captions img {
                width: inherit !important;
            }

        .inspiro-slider .slide.is-selected {
            z-index: 2;
        }

    .inspiro-slider.flickity-enabled {
        opacity: 1;
    }

    
    .inspiro-slider .flickity-button {
        width: 78px;
        height: 78px;
        line-height: 78px;
        background: transparent;
        color: #fff;
        box-shadow: none;
        padding: 0;
    }

        .inspiro-slider .flickity-button::before {
            line-height: 78px;
            font-size: 28px;
            color: #fff;
        }

    .inspiro-slider .flickity-page-dots {
        bottom: 30px;
    }

        .inspiro-slider .flickity-page-dots .dot {
            box-shadow: inset 0 0 0 2px #fff;
        }

            .inspiro-slider .flickity-page-dots .dot:after {
                background-color: #fff;
                box-shadow: 0 0 1px #fff;
            }

    .inspiro-slider .slide-captions > * {
        opacity: 0;
    }

#slider {
    position: relative;
    width: 100%;
    overflow: hidden;
    padding: 0px;
    background-color: #fff;
}

#home {
    width: 100%;
    height: 100%;
    color: #FFF;
}

/* ----------------------------------------------------------------
    BOXED SLIDER
-----------------------------------------------------------------*/

    
    
.polo-carousel-item img {
    height: 100%;
}

/* ----------------------------------------------------------------
    Inspiro Slider - Responsive Classes
-----------------------------------------------------------------*/
@media (max-width: 991.98px) {
    .inspiro-slider .flickity-button:hover {
        background-color: transparent;
    }

    .inspiro-slider .flickity-button.next, .inspiro-slider .flickity-button.next:hover {
        right: -5px !important;
        opacity: 1;
    }

    .inspiro-slider .flickity-button.previous, .inspiro-slider .flickity-button.previous:hover {
        left: -5px !important;
        opacity: 1;
    }

    .inspiro-slider .container {
        padding-left: 40px;
        padding-right: 40px;
    }

    .inspiro-slider .slide .slide-captions {
        text-align: center;
    }

        .inspiro-slider .slide .slide-captions .strong::after {
            margin-left: auto;
            margin-right: auto;
        }

        .inspiro-slider .slide .slide-captions h1, .inspiro-slider .slide .slide-captions h2 {
            font-size: 40px;
            line-height: 40px;
            margin-bottom: 14px;
        }

        .inspiro-slider .slide .slide-captions > p {
            font-size: 16px;
            font-weight: 400;
            line-height: 24px;
            margin-bottom: 16px;
        }

        .inspiro-slider .slide .slide-captions h3, .inspiro-slider .slide .slide-captions h4, .inspiro-slider .slide .slide-captions h5, .inspiro-slider .slide .slide-captions h6 {
            color: #fff;
        }
}

.fullscreen {
    width: 100%;
    height: 100%;
    overflow: hidden;
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    -webkit-align-items: center !important;
    align-items: center !important;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    min-height: 100vh;
}

    .fullscreen .container {
        -ms-flex-preferred-size: 0;
        -webkit-flex-basis: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        -webkit-flex-grow: 1;
        flex-grow: 1;
        margin-top: 80px;
        margin-bottom: 40px;
    }

    

    
    
@media (max-width: 991.98px) {
    #header[data-transparent="true"] + main {
        top: -120px;
        margin-bottom: -124px;
        position: relative;
    }

        
    #header[data-transparent="true"] + .fullscreen {
        top: -80px;
        margin-bottom: -80px;
    }
}

/*  Portfolio */
/* ----------------------------------------------------------------
Portfolio
-----------------------------------------------------------------*/
.portfolio-item, .grid-item {
    width: 100%;
    float: left;
    height: auto;
    padding: 0 0 20px 0;
    cursor: pointer; /*hover state*/ /*Portfolio Effects*/ /*Styles*/
}

    .portfolio-item a:not(.btn), .grid-item a:not(.btn) {
        color: #3c4043;
    }

    .portfolio-item .grid-item-wrap,
    .grid-item .grid-item-wrap {
        position: relative;
        overflow: hidden;
    }

        .portfolio-item .grid-item-wrap > a,
        .grid-item .grid-item-wrap > a {
            z-index: 6;
            width: 100%;
            height: 100%;
            position: absolute;
        }

    .portfolio-item .grid-image,
    .portfolio-item .grid-video,
    .portfolio-item .flickity-viewport,
    .grid-item .grid-image,
    .grid-item .grid-video,
    .grid-item .flickity-viewport {
        position: relative;
        overflow: hidden;
    }

        .portfolio-item .grid-image:after,
        .portfolio-item .grid-video:after,
        .portfolio-item .flickity-viewport:after,
        .grid-item .grid-image:after,
        .grid-item .grid-video:after,
        .grid-item .flickity-viewport:after {
            position: absolute;
            top: 0;
            left: 0;
            height: 100%;
            width: 100%;
            background-color: #000000;
            -webkit-transition: all 0.3s ease;
            transition: all 0.3s ease;
            opacity: 0;
            content: ' ';
            z-index: 2;
        }

        .portfolio-item .grid-image img,
        .portfolio-item .grid-video img,
        .portfolio-item .flickity-viewport img,
        .grid-item .grid-image img,
        .grid-item .grid-video img,
        .grid-item .flickity-viewport img {
            position: relative;
            -webkit-transition: all 0.5s ease-out;
            transition: all 0.5s ease-out;
            width: 100%;
            z-index: 1;
            display: block;
            height: auto;
        }

    .portfolio-item .grid-slider .flickity-page-dots,
    .grid-item .grid-slider .flickity-page-dots {
        bottom: 30px;
        margin-bottom: 0 !important;
        margin-top: 0 !important;
    }

    .portfolio-item .grid-video,
    .grid-item .grid-video {
        margin-bottom: -7px;
    }

        .portfolio-item .grid-video video,
        .portfolio-item .grid-video iframe,
        .grid-item .grid-video video,
        .grid-item .grid-video iframe {
            width: 100%;
            background-color: #000000;
        }

    .portfolio-item .grid-description,
    .grid-item .grid-description {
        left: 0;
        margin: 0 auto;
        padding: 20px;
        opacity: 0;
        position: absolute;
        right: 0;
        text-align: center;
        top: 48%;
        -webkit-transform: translate3d(0px, -38%, 0px);
        transform: translate3d(0px, -38%, 0px);
        -webkit-transition: all 250ms ease-in-out 0s;
        transition: all 250ms ease-in-out 0s;
        visibility: hidden;
        width: 70%;
        z-index: 3;
    }

        .portfolio-item .grid-description h3,
        .grid-item .grid-description h3 {
            font-size: 16px;
            font-style: normal;
            font-weight: 700;
            letter-spacing: 1px;
            line-height: 18px;
            text-transform: uppercase;
            margin-bottom: 4px;
        }

        .portfolio-item .grid-description h3,
        .portfolio-item .grid-description p,
        .portfolio-item .grid-description span,
        .grid-item .grid-description h3,
        .grid-item .grid-description p,
        .grid-item .grid-description span {
            color: #fff;
        }

        .portfolio-item .grid-description a,
        .grid-item .grid-description a {
            margin: 3px;
        }

            .portfolio-item .grid-description a.btn,
            .grid-item .grid-description a.btn {
                margin-top: 10px;
            }

            .portfolio-item .grid-description a i,
            .grid-item .grid-description a i {
                background-color: #fff;
                color: #3c4043;
                border-radius: 50%;
                color: #444;
                font-size: 18px;
                height: 40px;
                line-height: 40px !important;
                width: 40px;
                -webkit-transition: all 250ms ease-in-out 0s;
                transition: all 250ms ease-in-out 0s;
                border: 1px solid #ededed;
            }

            .portfolio-item .grid-description a:hover i,
            .grid-item .grid-description a:hover i {
                background-color: #2250fc;
                color: #fff;
                border: 1px solid #2250fc;
            }

        .portfolio-item .grid-description span,
        .portfolio-item .grid-description p,
        .grid-item .grid-description span,
        .grid-item .grid-description p {
            opacity: 0;
            -webkit-transition: all 0.8s ease;
            transition: all 0.8s ease;
            -webkit-transition-delay: 0.1s;
            transition-delay: 0.1s;
            margin-bottom: 0;
            padding-bottom: 0;
        }

        .portfolio-item .grid-description a > i,
        .grid-item .grid-description a > i {
            font-size: 14px !important;
        }

    .portfolio-item .grid-meta,
    .grid-item .grid-meta {
        padding-top: 20px;
    }

    .portfolio-item:not(.no-overlay):hover .grid-slider .flickity-viewport:after,
    .portfolio-item:not(.no-overlay):hover .grid-image:after,
    .portfolio-item:not(.no-overlay):hover .grid-video:after,
    .grid-item:not(.no-overlay):hover .grid-slider .flickity-viewport:after,
    .grid-item:not(.no-overlay):hover .grid-image:after,
    .grid-item:not(.no-overlay):hover .grid-video:after {
        opacity: 0.5;
    }

    .portfolio-item:not(.no-overlay):hover .grid-description,
    .grid-item:not(.no-overlay):hover .grid-description {
        -webkit-transform: translate3d(0, -50%, 0);
        transform: translate3d(0, -50%, 0);
        opacity: 1;
        visibility: visible;
    }

        .portfolio-item:not(.no-overlay):hover .grid-description h3,
        .grid-item:not(.no-overlay):hover .grid-description h3 {
            -webkit-transform: translateY(0px);
            -ms-transform: translateY(0px);
            transform: translateY(0px);
        }

        .portfolio-item:not(.no-overlay):hover .grid-description span,
        .portfolio-item:not(.no-overlay):hover .grid-description p,
        .grid-item:not(.no-overlay):hover .grid-description span,
        .grid-item:not(.no-overlay):hover .grid-description p {
            opacity: 1;
        }

    
    
        
    
    
    
    
    
    
    
        
            
        
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
        
    
        
        
        
    
        
        
    
        
        
    
        
        
        
        
    
    
        
        
    
    
        
        
    
        
    
    
        
    
        

.grid-slider {
    width: 100%;
}

    
    
/*Sidebar version*/




/*Portfolio page*/

    

    
    
        
    
        
    
        

    
    
/*Portfolio Ajax  Page*/


    
    
        
            
/*  Blog & comments */
/* ----------------------------------------------------------------
	Blog
-----------------------------------------------------------------*/

    
    
    
        
            
            
        
            
        
        
        
        
    
        
        
            
            
        
            
    
        
    
    
        
        
    
    
    
        
            
        
        
            

    
/*Single Post*/

    
    
        
        
        
            
        
            
        
    
        
/*Thumbnail Version*/


    
    

/*Single Page*/


    

    
    
    
    
    
    

    
    
    
.post-content {
    clear: both;
    display: block;
    padding: 0 40px 0 0;
}

.sidebar > h3:nth-of-type(2) {
    margin-top: 17px;
}

/* ----------------------------------------------------------------------
   GRID ARTICLE BOXES
-------------------------------------------------------------------------*/
.grid-articles {
    position: relative;
}

    
        
    
    
    
    
    
    
    
    
    
    
    /*with space*/
    
    
    
    
    
@media (max-width: 991.98px) { /*	Grid post*/
    
        
            
        
        
    }

/*--------------------------------------------------- POST NEWS THUMBNAIL BOXES -------------------------------------------------*/



    
        
/*Post thumbnail list*/

    
    
    

    
    
    
    
        
        
    
/*Responsive*/


/*------------------------------------------------------
     Comments
------------------------------------------------------*/

    
        
    
        
        
            
        
        
            
        
        



    


/*  Shop */

.product {
    margin-bottom: 40px;
    position: relative;
    display: block;
}

    .product a:not(.btn) {
        color: #3c4043;
    }

    
        
        
            
        
    
    
    
    
        
    
    
        
        
    
    
    
    
    
    
    
    
    
        
            
    
/*Grid Columns*/


    


    
    







    





    
        
        
        
            
        

.ajax-quick-view .product {
    margin-bottom: 0px;
    margin-top: 20px;
}


    
        
        
        
        
        
            
        
        
            
            




    
/*  Forum */
/* ----------------------------------------------------------------
    Forum
-----------------------------------------------------------------*/

    
    
    
    
    
    
    
/*  Footer */
/* ----------------------------------------------------------------
    FOOTER
-----------------------------------------------------------------*/
#footer {
    display: block;
    position: relative;
    background-color: #f9f9fa;
    font-size: 14px;
    line-height: 32px;
    font-weight: 400;
    font-family: inherit;
}

    #footer a:not(.btn):not(:hover) {
        color: #3c4043;
    }

    #footer p {
        font-family: inherit;
    }

    #footer a:not(.btn) {
        font-weight: 400;
    }

    
    #footer .widget h4 {
        font-size: 14px;
        letter-spacing: 1px;
        font-weight: 600; /* ul { li { a { font-family: $headings-font-family; font-size: 15px; line-height: 32px; color: #999; } } } */
    }

    #footer .widget ul {
        padding-left: 0;
    }

    
    #footer .logo {
        margin-bottom: 54px;
        margin-top: 12px;
        max-width: 80px;
    }

    
    .dark #footer,
    #footer.dark {
        background-color: #181818;
    }

        .dark #footer p,
        #footer.dark p {
            color: #999;
        }

        .dark #footer a:not(.btn),
        #footer.dark a:not(.btn) {
            font-weight: 400;
        }

            .dark #footer a:not(.btn):not(:hover),
            #footer.dark a:not(.btn):not(:hover) {
                color: #999;
            }

        .dark #footer h1,
        .dark #footer h2,
        .dark #footer h3,
        .dark #footer h4,
        .dark #footer h5,
        .dark #footer h6,
        #footer.dark h1,
        #footer.dark h2,
        #footer.dark h3,
        #footer.dark h4,
        #footer.dark h5,
        #footer.dark h6 {
            color: #fff;
        }

        .dark #footer .widget h4,
        #footer.dark .widget h4 {
            color: #fff;
        }

        
/*  Widgets */
/* ----------------------------------------------------------------
	Widgets
-----------------------------------------------------------------*/
.widget {
    margin-bottom: 30px;
    position: relative;
}

    .widget > h4 {
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
        text-transform: uppercase;
        line-height: 24px;
        letter-spacing: 1px;
        margin-bottom: 20px;
    }

    .widget:after, .widget:before {
        clear: both;
        content: " ";
        display: table;
    }

    .widget .flickity-page-dots {
        margin-bottom: 20px;
    }

    .widget a {
        color: #3c4043;
    }

    .widget p {
        margin-bottom: 20px;
    }

.sidebar .widget {
    border-bottom: 1px solid #eee;
    margin-bottom: 30px;
    padding-bottom: 30px;
}

    .sidebar .widget:last-child {
        border-bottom: 0;
        margin-bottom: 0;
        padding-bottom: 0;
    }

    

    

.flickr-widget, .widget-instagram {
    opacity: 0;
    min-height: 225px;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
    margin-bottom: 20px;
}

    .flickr-widget.widget-instagram-loaded, .flickr-widget.flickr-widget-loaded, .widget-instagram.widget-instagram-loaded, .widget-instagram.flickr-widget-loaded {
        opacity: 1;
    }

    .flickr-widget a img, .widget-instagram a img {
        width: 25%;
        height: auto;
        padding: 3px;
        border-radius: 6px;
    }

    
    










.form-control.error {
    border-color: #e42c3e;
}







#widget-contact-form {
    clear: left;
}


.widget-tweeter, .widget-twitter {
    min-height: 248px;
}

#twitter-cnt {
    position: relative;
}

.widget-tweeter:not([data-avatar="true"]) li {
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

    .widget-tweeter:not([data-avatar="true"]) li:before, .widget-twitter:not([data-avatar="true"]) li:before {
        margin-left: -22px;
        position: absolute;
        font-family: "Font Awesome 5 Brands";
        content: "\f099";
    }

.widget-tweeter[data-avatar="true"] li img, .widget-twitter[data-avatar="true"] li img {
    border-radius: 50%;
    left: -4px;
    position: absolute;
    width: 26px;
    z-index: 3;
}

.widget-tweeter[data-avatar="true"] li, .widget-twitter[data-avatar="true"] li {
    padding-left: 10px;
}

.widget-tweeter li, .widget-twitter li {
    line-height: 1.66;
    margin-bottom: 20px;
}

    .widget-tweeter li:last-child, .widget-twitter li:last-child {
        margin-bottom: 0px;
    }

.widget-tweeter ul, .widget-twitter ul {
    list-style: none;
    padding-left: 22px;
    margin-bottom: 0;
}

.widget-tweeter small, .widget-twitter small {
    display: block;
    color: #1e2022 !important;
    width: 100%;
    margin-top: 10px;
}


/*Widget: Contact us*/



    
        
        
        
            



    
        
            
        
            
            
        
            
    
        
            
                
        
            
                
    


    
        
        
            
        
            
            
/*Widget Tabs*/

.sidebar .widget .tabs li > a { /*font-size: 11px;*/
    padding: 10px;
}







/*Dark*/
.dark .widget > h4 {
    color: #fff;
}

@media (max-width: 991.98px) {
    .widget {
        float: left;
        width: 100%;
    }
}

/*  Extras */
/*------------------------------------------------------
     Extras
------------------------------------------------------*/
.lazy {
    opacity: 0;
    -webkit-transition: opacity 3s ease-in;
    transition: opacity 3s ease-in;
}

    .lazy.img-loaded {
        opacity: 1;
    }


    
    
        
.background-image {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}







/* ----------------------------------------------------------------
    MULTISCROLL
-----------------------------------------------------------------*/


/* ----------------------------------------------------------------
Scroll top
-----------------------------------------------------------------*/
#scrollTop {
    z-index: -1;
    opacity: 0;
    position: fixed;
    text-align: center;
    line-height: 12px !important;
    right: 26px;
    bottom: 0;
    color: #fff;
    cursor: pointer;
    border-radius: 100px;
    height: 40px;
    width: 40px;
    background-color: rgba(0, 0, 0, 0.25);
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transition: opacity 0.3s, bottom 0.5s, box-shadow 0.3s cubic-bezier(0.55, 0, 0.1, 1), background-color 0.1s linear;
    transition: opacity 0.3s, bottom 0.5s, box-shadow 0.3s cubic-bezier(0.55, 0, 0.1, 1), background-color 0.1s linear;
    background-color: rgba(0, 0, 0, 0.25) !important;
    overflow: hidden;
}

    #scrollTop i {
        line-height: 39px !important;
        width: 39px !important;
        height: 39px !important;
        font-size: 16px !important;
        top: 0px !important;
        left: 0px !important;
        text-align: center !important;
        position: relative;
        z-index: 10;
        background-color: transparent !important;
        -webkit-transform: translate(0, 0px);
        -ms-transform: translate(0, 0px);
        transform: translate(0, 0px);
        -webkit-transition: -webkit-transform 0.2s ease;
        transition: -webkit-transform 0.2s ease;
        transition: transform 0.2s ease;
        transition: transform 0.2s ease, -webkit-transform 0.2s ease;
    }

    #scrollTop:hover {
        -webkit-transition: box-shadow 0.3s cubic-bezier(0.55, 0, 0.1, 1), background-color 0.05s linear 0.25s;
        transition: box-shadow 0.3s cubic-bezier(0.55, 0, 0.1, 1), background-color 0.05s linear 0.25s;
        background-color: transparent !important;
    }

        #scrollTop:hover i {
            -webkit-transform: translate(0, -39px) !important;
            -ms-transform: translate(0, -39px) !important;
            transform: translate(0, -39px) !important;
        }

    #scrollTop:after, #scrollTop:before {
        display: block;
        content: ' ';
        height: 100%;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        background-color: #2250fc;
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
        -webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
        transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
        border-radius: 100px;
    }

    #scrollTop:before {
        background-color: rgba(255, 255, 255, 0.25);
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        -webkit-transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
        opacity: 0;
        z-index: 2;
    }

    #scrollTop:hover:after {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }

    #scrollTop:active:before {
        opacity: 1;
    }

/* ----------------------------------------------------------------
Misc
-----------------------------------------------------------------*/


[class^="icon"] {
    display: inline-block;
}

/* ----------------------------------------------------------------------
Images
-------------------------------------------------------------------------*/

/* ----------------------------------------------------------------------
NEWS MARKETING BOX
-------------------------------------------------------------------------*/

/* ----------------------------------------------------------------------
NEWS MARKETING BOX
-------------------------------------------------------------------------*/


    

    
        
        


/* ----------------------------------------------------------------------
DEMO GRID
-------------------------------------------------------------------------*/
.grid-system-demo [class*="col-"] .grid-col-demo {
    background-color: #eee;
    display: block;
    line-height: 54px;
    min-height: 54px;
    text-align: center;
}

.grid-system-demo .row {
    padding-bottom: 42px;
}

.grid-system-demo-live .row {
    padding-bottom: 42px;
}

/* ----------------------------------------------------------------------
BOXED GRID
-------------------------------------------------------------------------*/


    

    
    
    
/* ----------------------------------------------------------------------
PAGE 404
-------------------------------------------------------------------------*/



/*animated background*/

@-webkit-keyframes animatedBackground {
    0% {
        background-position: 0 0;
    }

    100% {
        background-position: -3000px 0;
    }
}

@keyframes animatedBackground {
    0% {
        background-position: 0 0;
    }

    100% {
        background-position: -3000px 0;
    }
}

@keyframes animatedBackground {
    0% {
        background-position: 0 0;
    }

    100% {
        background-position: -3000px 0;
    }
}

/* ----------------------------------------------------------------
Image Block
-----------------------------------------------------------------*/

    

    
        
    
        

/*hero headings*/


/*hero heading 2*/

    
/*hero heading 3*/

    


/*working-hours list*/


    
    

/*price menu list*/

    
        
        
        
/* ----------------------------------------------------------------------
Responsive utilities
-------------------------------------------------------------------------*/


/* ----------------------------------------------------------------
Bootstrap row colums fixes
-----------------------------------------------------------------*/

/* ----------------------------------------------------------------
Creative Profile Page
-----------------------------------------------------------------*/

    
        
            
    
        


/* ----------------------------------------------------------------
Text-Rotator
-----------------------------------------------------------------*/
.morphext > .animated {
    display: inline-block;
    opacity: 1;
}


/* ----------------------------------------------------------------
Play Button
-----------------------------------------------------------------*/

    
    
        
    
.lines-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 16px;
    background: transparent;
    outline: none;
}

    .lines-button > * {
        display: block;
    }

    .lines-button:hover, .lines-button:focus {
        outline: none;
    }

    .lines-button::-moz-focus-inner {
        border: 0;
    }

.lines {
    display: inline-block;
    height: 2px;
    width: 20px;
    border-radius: 4px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    position: relative;
    top: -4px;
}

    .lines::before, .lines::after {
        display: inline-block;
        height: 2px;
        width: 20px;
        border-radius: 4px;
        -webkit-transition: 0.3s;
        transition: 0.3s;
        content: '';
        position: absolute;
        left: 0;
        -webkit-transform-origin: 2.85714px center;
        -ms-transform-origin: 2.85714px center;
        transform-origin: 2.85714px center;
        width: 100%;
    }

    .lines::before {
        top: 6px;
    }

    .lines::after {
        top: -6px;
    }

    .lines, .lines:before, .lines:after {
        background-color: #111;
    }

.toggle-active .lines {
    -webkit-transform: scale3d(0.8, 0.8, 0.8);
    transform: scale3d(0.8, 0.8, 0.8);
}

.x {
    width: auto;
}

    .x.toggle-active .lines {
        background: transparent !important;
    }

        .x.toggle-active .lines::before, .x.toggle-active .lines::after {
            -webkit-transform-origin: 50% 50%;
            -ms-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
            top: 0;
            width: 26px;
        }

        .x.toggle-active .lines::before {
            -webkit-transform: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg);
        }

        .x.toggle-active .lines::after {
            -webkit-transform: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg);
        }

.toggle-item i {
    position: relative;
}

    .toggle-item i:nth-of-type(2) {
        visibility: hidden;
        position: absolute;
    }

.toggle-item.toggle-active i:nth-of-type(2) {
    visibility: visible;
    position: relative;
}

.toggle-item.toggle-active i:nth-of-type(1) {
    visibility: hidden;
    position: absolute;
}


    
    
/* ----------------------------------------------------------------
    VM PLAYER (VIMEO PLAYER)
-----------------------------------------------------------------*/

    
iframe {
    width: 100%;
}

/* ----------------------------------------------------------------
    Others
-----------------------------------------------------------------*/


/* ----------------------------------------------------------------
    Bar Rating
-----------------------------------------------------------------*/

/* ----------------------------------------------------------------
    Bar Rating
-----------------------------------------------------------------*/

    

    
/* ----------------------------------------------------------------------
	Full Calendar
-------------------------------------------------------------------------*/



    

    



    






    


    


    


    


    


    



    
.p-dropdown {
    float: left;
    font-size: 13px;
    font-weight: 400;
    position: relative;
}

    .p-dropdown a:not(.btn) {
        color: #3c4043;
    }

    .p-dropdown .btn, .p-dropdown .title {
        padding-bottom: 10px;
        cursor: pointer;
        overflow: unset !important;
    }

        .p-dropdown .btn:before {
            top: 30px;
            right: 5px;
        }

        
    
        
        
            
                
                
                
                    
    
        
    .p-dropdown:hover .title:before, .p-dropdown.dropdown-active .title:before {
        opacity: 1;
        visibility: visible;
    }

    

    











.table th {
    font-weight: 500;
}

/* Countdown */
.p-countdown .p-countdown-show {
    display: none;
}

/* Box */

    
    
        
        
    
    
        
    
        

    
    
    
        
            
.kenburns-bg {
    background-position: 50% 20%;
    background-repeat: repeat-y;
    background-size: cover;
    height: 100%;
    position: absolute;
    top: 0;
    vertical-align: middle;
    width: 100%;
    z-index: -1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: 14s -webkit-transform ease;
    transition: 14s -webkit-transform ease;
    transition: 14s transform ease;
    transition: 14s transform ease, 14s -webkit-transform ease;
}

    .kenburns-bg.kenburns-bg-animate {
        -webkit-transform: translate3d(0, 0, 0) scale(1.2);
        transform: translate3d(0, 0, 0) scale(1.2);
    }


@-webkit-keyframes zoom-out {
    0% {
        opacity: 0.1;
    }

    100% {
        opacity: 1;
    }
}

@keyframes zoom-out {
    0% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
        opacity: 0.1;
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}


    
/*  Helpers */
/* ----------------------------------------------------------------
Helpers
-----------------------------------------------------------------*/


.rounded {
    overflow: hidden;
}

.hidden {
    display: none;
}

.visible {
    opacity: 1;
}

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



.left {
    float: left !important;
}

.right {
    float: right !important;
}

.center {
    float: none !important;
    margin: 0 auto;
}

.block {
    display: block;
}
























































/*font weight*/







.border-box {
    border: 1px solid #eee;
    border-radius: 2px;
    padding: 30px;
}

.border-left {
    border-left: 1px solid #eee;
}




















































































/*Margins*/

    












































































































/*Line height*/

.line {
    clear: both;
    position: relative;
    width: 100%;
    margin: 50px 0;
    border-top: 1px solid #e3e3e3;
}

/*Resposnive settings*/
@media (max-width: 991.98px) {
    
    
    
    
        /*helper classes*/
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    }

@media (max-width: 767.98px) {
    
    
    
        /*helper classes*/
    
    
        /*paddings*/
    }

.space {
    width: 100%;
    display: block;
    clear: both;
    height: 60px;
    position: relative;
}





/* ----------------------------------------------------------------
    Bootstrap Notify
-----------------------------------------------------------------*/
.alert [data-notify="progressbar"] {
    height: 6px !important;
    margin-top: 8px;
}

.progress .progress-bar {
    height: 4px;
    background-color: #34ce57;
}

.bootstrap-notify {
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    z-index: 1500;
}

    .bootstrap-notify.alert .close {
        padding: 4px;
    }

    .bootstrap-notify a, .bootstrap-notify a:hover, .bootstrap-notify a:visited {
        color: #fff !important;
        text-decoration: underline;
    }

.element-container {
    box-shadow: none;
    display: block !important;
    margin: unset !important;
    position: relative !important;
    top: unset !important;
    right: unset !important;
    width: auto !important;
}

/* ----------------------------------------------------------------
	Date picker
-----------------------------------------------------------------*/


    
    
    
    
    
    
    
    
        
    
    
        
    
        
        
            
    
    

    
    



    
    
    
    
        
        
    
        
    





    
    
    
        
        
    
        
    
    
    
        
            
        
    
    
        
        
            
    
        
            
        
            
    
        
    
    
    
    
    
    
        
        
    
    
        
        
        
        
        
    
    
        
        
    /* ----------------------------------------------------------------
	Date range picker
-----------------------------------------------------------------*/
    
        
    
    
    
    
input.dates:after {
    font-family: inspiro-icons !important;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    content: "\e951";
    position: absolute;
    right: 4px;
    background: blue;
}


/*! Polo components */
input:not([type="checkbox"]):not([type="radio"]), select, .input-group-text {
    min-height: 40px;
}

.form-group {
    margin-bottom: 1rem;
}





form label {
    text-transform: none;
    margin-bottom: 0.5rem;
    font-size: 0.875rem;
    font-weight: 500;
    color: #2e2e2e;
    display: block;
}

    form label .btn, form label button {
        z-index: 2;
    }


.is-invalid, .is-invalid ~ label {
    color: #dc3545;
}

    .is-invalid ~ label {
        margin-bottom: 0;
    }

    .is-invalid:not(.form-control):not([type="checkbox"]) {
        display: block;
        clear: both;
        width: 100%;
        font-size: 0.875rem;
    }


    

    

    

.input-group-text[data-clipboard] {
    cursor: pointer;
}

.dropdown {
    display: inline-block;
}

.nav-link:after, .dropdown-toggle:after {
    border: 0;
    margin: 0;
    display: none;
}

.dropdown-submenu > .dropdown-item:not(.no-icon):not(.rounded-circle), .dropdown-toggle:not(.no-icon):not(.rounded-circle) {
    position: relative;
    padding: 0.5rem 1.5rem;
}

    .dropdown-submenu > .dropdown-item:not(.no-icon):not(.rounded-circle):after, .dropdown-toggle:not(.no-icon):not(.rounded-circle):after {
        border: 0;
    }

    .dropdown-submenu > .dropdown-item:not(.no-icon):not(.rounded-circle):after, .dropdown-toggle:not(.no-icon):not(.rounded-circle):after {
        content: "";
        position: absolute;
        width: 0.375rem;
        height: 0.375rem;
        border-top: 0.0625rem solid #9aa0a6;
        border-right: 0.0625rem solid #9aa0a6;
        -webkit-transform: translateY(-50%) rotate(45deg);
        -ms-transform: translateY(-50%) rotate(45deg);
        transform: translateY(-50%) rotate(45deg);
        top: 50%;
        right: 1.5rem;
    }

.dropdown > .btn:not(.no-icon):not(.rounded-circle) {
    padding-right: 1.65rem;
}

.dropdown-menu {
    font-size: 0.875rem;
    box-shadow: 0 0.625rem 2.5rem 0.625rem rgba(140, 152, 164, 0.175);
    padding: 1rem 0;
}

.dropdown-item {
    padding: 0.5rem 1.5rem;
    color: #1e2022;
    font-size: 0.875rem;
    font-weight: 400;
}

    .dropdown-item .badge {
        margin: 0 0.5rem;
    }



.nav-link {
    color: #2250fc;
    font-size: 1rem;
}

    .nav-link:hover {
        color: #3c4043;
    }

    .nav-link.active {
        color: #3c4043;
    }

.nav-item .btn {
    font-size: 1rem;
}



.card {
    position: relative;
    margin-bottom: 2rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch !important;
    -webkit-align-items: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    box-shadow: 0 0 1.25rem rgba(31, 45, 61, 0.05);
}

    
    
    
        
    

.grid-layout .card {
    margin-bottom: 0;
}



.card .post-video video, .card .post-video iframe {
    width: 100%;
}


.badge {
    text-transform: none;
}

    .badge i:not(:last-child) {
        margin-right: .5rem;
    }

    
    
    








/* ----------------------------------------------------------------
	Accordion
-----------------------------------------------------------------*/
.accordion .ac-item {
    margin-bottom: 10px;
    padding: 12px 20px;
    border-radius: 5px;
    border: 1px solid #e4e6ef;
}

    .accordion .ac-item .ac-title {
        font-weight: 500;
        position: relative;
        padding-right: 10px;
        margin: 0;
        font-size: 1em;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

        .accordion .ac-item .ac-title:before {
            font-size: 18px;
            content: "\e9be";
            font-family: "inspiro-icons";
            right: 0;
            position: absolute;
        }

        .accordion .ac-item .ac-title > i {
            margin-right: 8px;
        }

    .accordion .ac-item .ac-content {
        padding-top: 12px;
    }

        .accordion .ac-item .ac-content > p:last-child {
            margin-bottom: 6px;
        }

    .accordion .ac-item.ac-active .ac-title:before {
        content: "\e9a1";
    }



    


    
    
.accordion.dark .ac-item {
    background-color: #1e2022;
    border: 0;
}

    .accordion.dark .ac-item .ac-title {
        color: #fff;
    }

    .accordion.dark .ac-item .ac-content, .accordion.dark .ac-item .ac-content p {
        color: #fff;
    }

/* ----------------------------------------------------------------
	Alert
-----------------------------------------------------------------*/
.alert {
    color: #fff;
    padding: 0.85rem 1.5rem;
    z-index: 9999;
}

    .alert span[data-notify~="title"] {
        display: block;
        font-weight: bold;
    }

    
    .alert .close {
        color: #fff;
        font-weight: 300;
        padding: 12px 18px;
    }

    .alert > .alert-icon {
        float: left;
    }

        .alert > .alert-icon i {
            font-size: 34px;
        }

    .alert > p {
        padding-left: 54px;
    }

    .alert.alert-primary {
        background-color: #2250fc;
        border-color: #093cfc;
    }

    .alert.alert-secondary {
        background-color: #c1c3ce;
        border-color: #b3b5c3;
    }

    .alert.alert-success {
        background-color: #28a745;
        border-color: #23923d;
    }

    .alert.alert-info {
        background-color: #17a2b8;
        border-color: #148ea1;
    }

    .alert.alert-danger {
        background-color: #dc3545;
        border-color: #d32535;
    }

    .alert.alert-warning {
        background-color: #ffc107;
        border-color: #edb100;
    }

    .alert.alert-light {
        color: #1e2022;
        background-color: #fbfbfb;
        border-color: #e4e6ef;
    }

        .alert.alert-light .alert-link, .alert.alert-light h1, .alert.alert-light h2, .alert.alert-light h3, .alert.alert-light h4, .alert.alert-light h5, .alert.alert-light h6 {
            color: #1e2022;
        }

    .alert.alert-dark {
        background-color: #1e2022;
        border-color: #121314;
    }

    .alert h1, .alert h2, .alert h3, .alert h4, .alert h5, .alert h6, .alert .alert-link {
        color: #fff;
    }

    .alert [data-notify="progressbar"] {
        height: 2px !important;
        margin-top: 8px;
    }

.avatar {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 1.8rem;
    height: 1.8rem;
    border-radius: 50%;
}

    
    




    


/* ----------------------------------------------------------------------
	Buttons
-------------------------------------------------------------------------*/
a:not([href]):not([tabindex]):not(.btn) {
    color: none;
}

button.btn, .btn:not(.close):not(.mfp-close), a.btn:not([href]):not([tabindex]) {
    display: inline-block;
    font-family: inherit;
    border-radius: 0.42rem 0.42rem 0.42rem 0.42rem;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .5px;
    text-decoration: none;
    outline: none;
    padding: 12px 18px;
    position: relative;
    text-transform: uppercase;
    background-color: #2250fc;
    border-color: #2250fc;
    border-width: 1px;
    border-style: solid;
    color: #fff;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    margin-bottom: 6px;
    outline: none;
    line-height: 14px;
    cursor: pointer;
}

    button.btn:after, .btn:not(.close):not(.mfp-close):after, a.btn:not([href]):not([tabindex]):after {
        content: '';
        position: absolute;
        z-index: -1;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
    }

    button.btn i, .btn:not(.close):not(.mfp-close) i, a.btn:not([href]):not([tabindex]) i {
        text-shadow: none;
    }

    button.btn.btn-xs, .btn:not(.close):not(.mfp-close).btn-xs, a.btn:not([href]):not([tabindex]).btn-xs {
        font-size: 10px;
        height: 24px;
        line-height: 22px;
        padding: 0 10px;
    }

    button.btn.btn-sm, .btn:not(.close):not(.mfp-close).btn-sm, a.btn:not([href]):not([tabindex]).btn-sm {
        font-size: 11px;
        height: 30px;
        line-height: 28px;
        padding: 0 14px;
    }

    button.btn.btn-lg, .btn:not(.close):not(.mfp-close).btn-lg, a.btn:not([href]):not([tabindex]).btn-lg {
        font-size: 16px;
        letter-spacing: 2px;
        line-height: 28px;
        padding: 14px 40px;
    }

    button.btn:hover, button.btn:focus, button.btn:not(:disabled):not(.disabled):active, button.btn:not(:disabled):not(.disabled).active, .btn:not(.close):not(.mfp-close):hover, .btn:not(.close):not(.mfp-close):focus, .btn:not(.close):not(.mfp-close):not(:disabled):not(.disabled):active, .btn:not(.close):not(.mfp-close):not(:disabled):not(.disabled).active, a.btn:not([href]):not([tabindex]):hover, a.btn:not([href]):not([tabindex]):focus, a.btn:not([href]):not([tabindex]):not(:disabled):not(.disabled):active, a.btn:not([href]):not([tabindex]):not(:disabled):not(.disabled).active {
        background-color: #0333e8;
        border-color: #0333e8;
        color: #fff;
        text-decoration: none;
    }

    
        
    
    
    
        
        
            
        
    button.btn:not(.btn-shadow):focus, button.btn:not(.btn-shadow):focus:active, .btn:not(.close):not(.mfp-close):not(.btn-shadow):focus, .btn:not(.close):not(.mfp-close):not(.btn-shadow):focus:active, a.btn:not([href]):not([tabindex]):not(.btn-shadow):focus, a.btn:not([href]):not([tabindex]):not(.btn-shadow):focus:active {
        box-shadow: none !important;
    }

    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
        
            
    
        
    
        
    button.btn.btn-slide, .btn:not(.close):not(.mfp-close).btn-slide, a.btn:not([href]):not([tabindex]).btn-slide {
        border-radius: 50px;
        display: table-cell;
        opacity: 1;
        overflow: hidden;
        padding: 22px;
        position: relative;
        -webkit-transition: width 0.4s ease 0s, background 0.4s ease 0s;
        transition: width 0.4s ease 0s, background 0.4s ease 0s;
        width: 46px;
        line-height: 18px;
    }

        button.btn.btn-slide > i, .btn:not(.close):not(.mfp-close).btn-slide > i, a.btn:not([href]):not([tabindex]).btn-slide > i {
            float: left;
            left: 17px;
            position: absolute;
            top: 17px;
            -webkit-transition: all 0.8s ease 0s;
            transition: all 0.8s ease 0s;
        }

        button.btn.btn-slide > span, .btn:not(.close):not(.mfp-close).btn-slide > span, a.btn:not([href]):not([tabindex]).btn-slide > span {
            left: 40px;
            position: absolute;
            text-align: left;
            top: 13px;
            -webkit-transition: left 0.5s ease 0s, opacity 0.5s ease 0s;
            transition: left 0.5s ease 0s, opacity 0.5s ease 0s;
            white-space: nowrap;
            opacity: 0;
        }

        button.btn.btn-slide:hover, .btn:not(.close):not(.mfp-close).btn-slide:hover, a.btn:not([href]):not([tabindex]).btn-slide:hover {
            width: 140px;
            text-align: left;
        }

            button.btn.btn-slide:hover > i, .btn:not(.close):not(.mfp-close).btn-slide:hover > i, a.btn:not([href]):not([tabindex]).btn-slide:hover > i {
                -webkit-transform: rotate(360deg);
                -ms-transform: rotate(360deg);
                transform: rotate(360deg);
            }

            button.btn.btn-slide:hover > span, .btn:not(.close):not(.mfp-close).btn-slide:hover > span, a.btn:not([href]):not([tabindex]).btn-slide:hover > span {
                opacity: 1;
            }

        button.btn.btn-slide.btn-xs, .btn:not(.close):not(.mfp-close).btn-slide.btn-xs, a.btn:not([href]):not([tabindex]).btn-slide.btn-xs {
            padding: 14px;
            width: 30px;
            line-height: 26px;
        }

            button.btn.btn-slide.btn-xs > i, .btn:not(.close):not(.mfp-close).btn-slide.btn-xs > i, a.btn:not([href]):not([tabindex]).btn-slide.btn-xs > i {
                left: 9px;
                top: 8px;
            }

            button.btn.btn-slide.btn-xs > span, .btn:not(.close):not(.mfp-close).btn-slide.btn-xs > span, a.btn:not([href]):not([tabindex]).btn-slide.btn-xs > span {
                left: 28px;
                top: 0px;
            }

            button.btn.btn-slide.btn-xs:hover, .btn:not(.close):not(.mfp-close).btn-slide.btn-xs:hover, a.btn:not([href]):not([tabindex]).btn-slide.btn-xs:hover {
                width: 110px;
            }

        button.btn.btn-slide.btn-sm, .btn:not(.close):not(.mfp-close).btn-slide.btn-sm, a.btn:not([href]):not([tabindex]).btn-slide.btn-sm {
            padding: 18px;
            width: 36px;
            line-height: 36px;
        }

            button.btn.btn-slide.btn-sm > i, .btn:not(.close):not(.mfp-close).btn-slide.btn-sm > i, a.btn:not([href]):not([tabindex]).btn-slide.btn-sm > i {
                left: 13px;
                top: 13px;
            }

            button.btn.btn-slide.btn-sm > span, .btn:not(.close):not(.mfp-close).btn-slide.btn-sm > span, a.btn:not([href]):not([tabindex]).btn-slide.btn-sm > span {
                left: 36px;
                top: 0px;
            }

            button.btn.btn-slide.btn-sm:hover, .btn:not(.close):not(.mfp-close).btn-slide.btn-sm:hover, a.btn:not([href]):not([tabindex]).btn-slide.btn-sm:hover {
                width: 110px;
            }

        button.btn.btn-slide.btn-lg, .btn:not(.close):not(.mfp-close).btn-slide.btn-lg, a.btn:not([href]):not([tabindex]).btn-slide.btn-lg {
            padding: 30px;
            line-height: 52px;
        }

            button.btn.btn-slide.btn-lg > i, .btn:not(.close):not(.mfp-close).btn-slide.btn-lg > i, a.btn:not([href]):not([tabindex]).btn-slide.btn-lg > i {
                left: 23px;
                top: 23px;
            }

            button.btn.btn-slide.btn-lg > span, .btn:not(.close):not(.mfp-close).btn-slide.btn-lg > span, a.btn:not([href]):not([tabindex]).btn-slide.btn-lg > span {
                left: 54px;
                top: 3px;
            }

            button.btn.btn-slide.btn-lg:hover, .btn:not(.close):not(.mfp-close).btn-slide.btn-lg:hover, a.btn:not([href]):not([tabindex]).btn-slide.btn-lg:hover {
                width: 200px;
            }

    
        
        
        
        
        
        
        
            
        
        
        
        
    
        
    button.btn.rounded-circle-holder, .btn:not(.close):not(.mfp-close).rounded-circle-holder, a.btn:not([href]):not([tabindex]).rounded-circle-holder {
        padding-right: 16px;
    }

        button.btn.rounded-circle-holder:before, .btn:not(.close):not(.mfp-close).rounded-circle-holder:before, a.btn:not([href]):not([tabindex]).rounded-circle-holder:before {
            border-left: 1px solid rgba(255, 255, 255, 0.2);
            content: "";
            height: 100%;
            position: absolute;
            right: 42px;
            top: 0;
        }

        
        
        
        
        button.btn.rounded-circle-holder i, .btn:not(.close):not(.mfp-close).rounded-circle-holder i, a.btn:not([href]):not([tabindex]).rounded-circle-holder i {
            margin-left: 30px;
            margin-right: -2px;
        }

        button.btn.rounded-circle-holder.btn-xs, .btn:not(.close):not(.mfp-close).rounded-circle-holder.btn-xs, a.btn:not([href]):not([tabindex]).rounded-circle-holder.btn-xs {
            padding-right: 10px;
        }

            button.btn.rounded-circle-holder.btn-xs:before, .btn:not(.close):not(.mfp-close).rounded-circle-holder.btn-xs:before, a.btn:not([href]):not([tabindex]).rounded-circle-holder.btn-xs:before {
                right: 30px;
            }

            button.btn.rounded-circle-holder.btn-xs i, .btn:not(.close):not(.mfp-close).rounded-circle-holder.btn-xs i, a.btn:not([href]):not([tabindex]).rounded-circle-holder.btn-xs i {
                margin-left: 20px;
                margin-right: 2px;
            }

        button.btn.rounded-circle-holder.btn-sm, .btn:not(.close):not(.mfp-close).rounded-circle-holder.btn-sm, a.btn:not([href]):not([tabindex]).rounded-circle-holder.btn-sm {
            padding-right: 16px;
        }

            button.btn.rounded-circle-holder.btn-sm:before, .btn:not(.close):not(.mfp-close).rounded-circle-holder.btn-sm:before, a.btn:not([href]):not([tabindex]).rounded-circle-holder.btn-sm:before {
                right: 36px;
            }

            button.btn.rounded-circle-holder.btn-sm i, .btn:not(.close):not(.mfp-close).rounded-circle-holder.btn-sm i, a.btn:not([href]):not([tabindex]).rounded-circle-holder.btn-sm i {
                margin-left: 24px;
                margin-right: 0;
            }

        button.btn.rounded-circle-holder.btn-lg, .btn:not(.close):not(.mfp-close).rounded-circle-holder.btn-lg, a.btn:not([href]):not([tabindex]).rounded-circle-holder.btn-lg {
            padding-right: 28px;
        }

            button.btn.rounded-circle-holder.btn-lg:before, .btn:not(.close):not(.mfp-close).rounded-circle-holder.btn-lg:before, a.btn:not([href]):not([tabindex]).rounded-circle-holder.btn-lg:before {
                right: 50px;
            }

            button.btn.rounded-circle-holder.btn-lg i, .btn:not(.close):not(.mfp-close).rounded-circle-holder.btn-lg i, a.btn:not([href]):not([tabindex]).rounded-circle-holder.btn-lg i {
                margin-left: 34px;
                margin-right: -8px;
            }

    
        
        
    
    
    
    
    
    
    
    
    
    
    
    
    
    button.btn + .btn, .btn:not(.close):not(.mfp-close) + .btn, a.btn:not([href]):not([tabindex]) + .btn {
        margin-left: 4px;
    }

    button.btn.disabled, .btn:not(.close):not(.mfp-close).disabled, a.btn:not([href]):not([tabindex]).disabled {
        cursor: not-allowed;
        pointer-events: none;
        opacity: .6;
    }

.disabled .btn {
    opacity: .3;
}

@media (max-width: 991.98px) {
    button.btn:not(.btn-creative):not(.btn-slide), .btn:not(.close):not(.mfp-close):not(.btn-creative):not(.btn-slide), a.btn:not([href]):not([tabindex]):not(.btn-creative):not(.btn-slide) {
        font-size: 12px;
        height: 32px;
        line-height: 30px;
        padding: 0 14px;
    }

        
        
        button.btn:not(.btn-creative):not(.btn-slide).btn-lg, .btn:not(.close):not(.mfp-close):not(.btn-creative):not(.btn-slide).btn-lg, a.btn:not([href]):not([tabindex]):not(.btn-creative):not(.btn-slide).btn-lg {
            font-size: 13px;
            height: 38px;
            line-height: 36px;
            padding: 0 24px;
        }

        button.btn:not(.btn-creative):not(.btn-slide).btn-sm, .btn:not(.close):not(.mfp-close):not(.btn-creative):not(.btn-slide).btn-sm, a.btn:not([href]):not([tabindex]):not(.btn-creative):not(.btn-slide).btn-sm {
            font-size: 11px;
            height: 28px;
            line-height: 28px;
            padding: 0 12px;
        }

        button.btn:not(.btn-creative):not(.btn-slide).btn-xs, .btn:not(.close):not(.mfp-close):not(.btn-creative):not(.btn-slide).btn-xs, a.btn:not([href]):not([tabindex]):not(.btn-creative):not(.btn-slide).btn-xs {
            font-size: 10px;
            height: 26px;
            line-height: 26px;
            padding: 0 10px;
        }
}


    
button.btn.btn-icon-holder,
.btn:not(.close):not(.mfp-close).btn-icon-holder,
a.btn:not([href]):not([tabindex]).btn-icon-holder {
    padding-right: 16px;
}

    button.btn.btn-icon-holder:before,
    .btn:not(.close):not(.mfp-close).btn-icon-holder:before,
    a.btn:not([href]):not([tabindex]).btn-icon-holder:before {
        border-left: 1px solid rgba(255, 255, 255, 0.2);
        content: "";
        height: 100%;
        position: absolute;
        right: 42px;
        top: 0;
    }

    
    
    
    
    button.btn.btn-icon-holder i,
    .btn:not(.close):not(.mfp-close).btn-icon-holder i,
    a.btn:not([href]):not([tabindex]).btn-icon-holder i {
        margin-left: 30px;
        margin-right: -2px;
    }

    button.btn.btn-icon-holder.btn-xs,
    .btn:not(.close):not(.mfp-close).btn-icon-holder.btn-xs,
    a.btn:not([href]):not([tabindex]).btn-icon-holder.btn-xs {
        padding-right: 10px;
    }

        button.btn.btn-icon-holder.btn-xs:before,
        .btn:not(.close):not(.mfp-close).btn-icon-holder.btn-xs:before,
        a.btn:not([href]):not([tabindex]).btn-icon-holder.btn-xs:before {
            right: 30px;
        }

        button.btn.btn-icon-holder.btn-xs i,
        .btn:not(.close):not(.mfp-close).btn-icon-holder.btn-xs i,
        a.btn:not([href]):not([tabindex]).btn-icon-holder.btn-xs i {
            margin-left: 20px;
            margin-right: 2px;
        }

    button.btn.btn-icon-holder.btn-sm,
    .btn:not(.close):not(.mfp-close).btn-icon-holder.btn-sm,
    a.btn:not([href]):not([tabindex]).btn-icon-holder.btn-sm {
        padding-right: 16px;
    }

        button.btn.btn-icon-holder.btn-sm:before,
        .btn:not(.close):not(.mfp-close).btn-icon-holder.btn-sm:before,
        a.btn:not([href]):not([tabindex]).btn-icon-holder.btn-sm:before {
            right: 36px;
        }

        button.btn.btn-icon-holder.btn-sm i,
        .btn:not(.close):not(.mfp-close).btn-icon-holder.btn-sm i,
        a.btn:not([href]):not([tabindex]).btn-icon-holder.btn-sm i {
            margin-left: 24px;
            margin-right: 0;
        }

    button.btn.btn-icon-holder.btn-lg,
    .btn:not(.close):not(.mfp-close).btn-icon-holder.btn-lg,
    a.btn:not([href]):not([tabindex]).btn-icon-holder.btn-lg {
        padding-right: 28px;
    }

        button.btn.btn-icon-holder.btn-lg:before,
        .btn:not(.close):not(.mfp-close).btn-icon-holder.btn-lg:before,
        a.btn:not([href]):not([tabindex]).btn-icon-holder.btn-lg:before {
            right: 50px;
        }

        button.btn.btn-icon-holder.btn-lg i,
        .btn:not(.close):not(.mfp-close).btn-icon-holder.btn-lg i,
        a.btn:not([href]):not([tabindex]).btn-icon-holder.btn-lg i {
            margin-left: 34px;
            margin-right: -8px;
        }
/* ----------------------------------------------------------------------
	Headings
-------------------------------------------------------------------------*/

    
    

    
    
    
    
    
    
    
    
        
    
    
    
        
    
    
        
    
    
        
    
    
        
    
    
    
    
    


/*Creative fade heading*/

    
/*Fixes*/

/*--------------------------------------------------------
     Tabs
---------------------------------------------------------*/
ul.nav li.dropdown:hover > ul.dropdown-menu {
    display: block;
}


    
    
        
        
        
    

    
        

    
        

    
    
        

/* ----------------------------------------------------------------------
	Social Icons
-------------------------------------------------------------------------*/

    


    














































@-webkit-keyframes toTopFromBottom {
    49% {
        -webkit-transform: translateY(-100%);
    }

    50% {
        opacity: 0;
        -webkit-transform: translateY(100%);
    }

    51% {
        opacity: 1;
    }
}

@keyframes toTopFromBottom {
    49% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }

    50% {
        opacity: 0;
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }

    51% {
        opacity: 1;
    }
}

@font-face {
    font-family: 'inspiro-icons';
    src: url("../webfonts/inspiro-icons.ttf?ijzgpf") format("truetype"), url("../webfonts/inspiro-icons.woff?ijzgpf") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

i:not(.fa):not(.fab):not(.far):not(.fas) {
    font-family: inspiro-icons !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
































































































.icon-eye-off:before {
    content: "\e95f";
}

.icon-eye:before {
    content: "\e960";
}














































.icon-loader:before {
    content: "\e98e";
}











































































































































/* ----------------------------------------------------------------------
	Icon Box
-------------------------------------------------------------------------*/
.icon {
    margin-bottom: 16px;
}



    
        
        
    
    


    

    





    





    



    
    
    
    

    
    
    
    
    

    
        
    
    
    
    
        
    
    
    



























    
    
    

    
/*Text Box*/

    
    
    
    
        
    
        
        
            
    
        
        
        
        
/* ----------------------------------------------------------------
    Featured Boxes
-----------------------------------------------------------------*/

    
        
    
    
        
    
    



    
    
        
        
/* ----------------------------------------------------------------
Carousels
-----------------------------------------------------------------*/
.flickity-viewport {
    overflow: hidden !important;
}

.flickity-slider > div > img, .carousel .polo-carousel-item img {
    width: 100%;
}

.carousel[data-auto-width="true"] .flickity-slider > div > img, .carousel[data-auto-width="true"] .carousel .polo-carousel-item img, .carousel.custom-height .flickity-slider > div > img, .carousel.custom-height .carousel .polo-carousel-item img {
    height: 100%;
    width: auto;
}

.flickity-enabled {
    position: relative;
}

    .flickity-enabled:focus {
        outline: none;
    }

.flickity-viewport {
    overflow: hidden;
    position: relative;
    height: 100%;
}

.flickity-slider {
    position: absolute;
    width: 100%;
    height: 100%;
}

/* draggable */
.flickity-enabled.is-draggable {
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .flickity-enabled.is-draggable .flickity-viewport {
        cursor: move;
        cursor: -webkit-grab;
        cursor: grab;
    }

        .flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
            cursor: -webkit-grabbing;
            cursor: grabbing;
        }

/* flickity-fade */


/* ---- flickity-button ---- */
.flickity-button {
    background: #fff;
    width: 40px;
    height: 40px;
    line-height: 40px;
    margin: -23px 0 0;
    display: block;
    position: absolute;
    top: 50%;
    z-index: 10;
    cursor: pointer;
    text-align: center;
    -webkit-transition: all .2s ease 0s;
    transition: all .2s ease 0s;
    color: #1e2022;
    text-align: center;
    z-index: 200;
    border: 0;
    box-sizing: initial;
    opacity: 0;
    border-radius: 50%;
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.1);
}

    .flickity-button:before {
        color: #1e2022;
    }

    .flickity-button:hover {
        background-color: #2250fc;
    }

        .flickity-button:hover:before {
            color: #fff;
        }

    .flickity-button.next:before, .flickity-button.previous:before {
        font-size: 25px;
        font-family: inspiro-icons !important;
    }

    .flickity-button.next {
        right: 0px;
    }

        .flickity-button.next:before {
            margin-left: 4px;
            content: "\e930";
        }

        .flickity-button.next.disabled {
            opacity: 0;
        }

    .flickity-button.previous {
        left: 0px;
    }

        .flickity-button.previous:before {
            content: "\e92f";
            margin-right: 2px;
        }

        .flickity-button.previous.disabled {
            opacity: 0;
        }

    .flickity-button svg {
        display: none !important;
    }

.inspiro-slider:hover .flickity-button.next, .carousel:hover .flickity-button.next {
    left: auto;
    right: 10px;
    opacity: 1;
}

    .inspiro-slider:hover .flickity-button.next.disabled, .carousel:hover .flickity-button.next.disabled {
        opacity: 0;
    }

.inspiro-slider:hover .flickity-button.previous, .carousel:hover .flickity-button.previous {
    right: auto;
    left: 10px;
    opacity: 1;
}

    .inspiro-slider:hover .flickity-button.previous.disabled, .carousel:hover .flickity-button.previous.disabled {
        opacity: 0;
    }


    
        

    
        

    
        


.inspiro-slider .portfolio-item, .carousel .portfolio-item {
    padding-bottom: 0;
}

.polo-carousel-item.is-selected {
    z-index: 2;
}

.flickity-button-icon {
    fill: currentColor;
}

/* ----------------------------------------------------------------
Carousel: Dots
-----------------------------------------------------------------*/
.flickity-page-dots {
    position: absolute;
    width: 100%;
    bottom: -25px;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    line-height: 1;
    z-index: 3;
    height: 10px;
}

    .flickity-page-dots .dot {
        display: inline-block;
        position: relative;
        margin: 0 4px;
        width: 10px;
        height: 10px;
        cursor: pointer;
        border-radius: 50%;
        overflow: hidden;
        background-color: transparent;
        box-shadow: inset 0 0 0 2px #c1c3ce;
        -webkit-transition: background 0.8s ease;
        transition: background 0.8s ease;
    }

        .flickity-page-dots .dot:after {
            outline: medium none;
            text-indent: -999em;
            border-radius: 50%;
            overflow: hidden;
            content: '';
            position: absolute;
            bottom: 0;
            height: 0;
            left: 0;
            width: 100%;
            background-color: #c1c3ce;
            box-shadow: 0 0 1px #c1c3ce;
            -webkit-transition: height 0.3s ease;
            transition: height 0.3s ease;
        }

        .flickity-page-dots .dot.is-selected:after {
            height: 100%;
        }

.inspiro-slider, .carousel { /* dots inside */ /* dots top */ /* dots light */ /* dots dark */ /* dots grey */
}

    
    
    
    
        
    
        
    
        
    
        
        
        
    
        
.flickity-rtl .flickity-page-dots {
    direction: rtl;
}


    
        
/* Owl Carousel - Settings
-----------------------------------------------------------------*/
.carousel {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
}

    .carousel.carousel-loaded {
        opacity: 1;
        visibility: visible;
    }


    
/* ----------------------------------------------------------------
    Responsive Classes
-----------------------------------------------------------------*/
@media (max-width: 991.98px) {
    .carousel .flickity-button {
        width: 40px;
    }

        .carousel .flickity-button.next, .carousel .flickity-button.next:hover {
            right: 10px !important;
            opacity: 1;
        }

        .carousel .flickity-button.previous, .carousel .flickity-button.previous:hover {
            left: 10px !important;
            opacity: 1;
        }
}

/* ----------------------------------------------------------------------
	Counters
-------------------------------------------------------------------------*/
.counter {
    margin-bottom: 1rem;
}

    .counter span {
        font-size: 50px;
        line-height: 40px;
    }

    .counter.small > span {
        font-size: 32px !important;
    }

    .counter.medium > span {
        font-size: 50px !important;
    }

    .counter.large > span {
        font-size: 62px !important;
    }







.countdown-container {
    display: table;
    margin: 0 auto;
}

.countdown {
    color: #3c4043;
    overflow: hidden;
}

    .countdown .countdown-box {
        display: block;
        float: left;
        margin: 24px;
        overflow: hidden;
        position: relative;
        text-align: center;
        width: auto;
    }

    .countdown .number {
        font-size: 72px;
        font-weight: 600;
        line-height: 1;
        margin-bottom: 10px;
        text-align: center;
    }

    .countdown span {
        display: block;
        font-size: 18px;
        font-weight: 400;
        overflow: hidden;
        padding-top: 4px;
        position: relative;
        text-align: center;
        color: #1e2022;
    }

        .countdown span:before {
            background: none repeat scroll 0 0 #1e2022;
            content: "";
            display: block;
            height: 1px;
            left: 0;
            margin-left: auto;
            margin-right: auto;
            position: absolute;
            right: 0;
            top: 0;
            width: 30px;
            opacity: .3;
        }

    .countdown.circle .countdown-box {
        border: 3px solid #1e2022;
        border-radius: 50%;
        color: #1e2022;
        height: 160px;
        padding: 34px 5px 0 0;
        width: 160px;
        margin: 20px 15px;
    }

        .countdown.circle .countdown-box .number {
            font-size: 52px;
            font-weight: 800px;
        }

        .countdown.circle .countdown-box span {
            font-size: 18px;
        }

    
        
        
    .countdown.medium .countdown-box,
    .countdown.circle.medium .countdown-box {
        height: 90px;
        margin: 6px;
        padding: 20px 4px 0 0;
        width: 90px;
    }

    .countdown.medium .number,
    .countdown.circle.medium .number {
        font-size: 30px;
        margin-bottom: 4px;
    }

    .countdown.medium span,
    .countdown.circle.medium span {
        font-size: 12px;
    }

    .countdown.circle.medium .countdown-box {
        border: solid 2px;
    }

    .countdown.small .countdown-box,
    .countdown.circle.small .countdown-box {
        margin: 10px;
        height: 60px;
        padding: 10px 0px 0 0;
        width: 60px;
        margin: 5px 2px;
    }

    .countdown.small .number,
    .countdown.circle.small .number {
        font-size: 14px;
        margin-bottom: 6px;
    }

    .countdown.small span,
    .countdown.circle.small span {
        font-size: 10px;
        padding-top: 0px;
    }

    .countdown.circle.small .countdown-box {
        border: solid 2px;
    }

    .countdown.light .countdown-box {
        border-color: #fff;
        color: #fff;
        text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
    }

    
    
    
    
    
@media (max-width: 991.98px) {
    .countdown .countdown-box {
        height: 60px !important;
        padding: 2px 0px 0 0 !important;
        width: 60px !important;
        margin: 0px !important;
        border: solid 0px !important;
    }

        .countdown .countdown-box .number {
            font-size: 20px !important;
            margin-bottom: 0px;
        }

    .countdown .countdown-container .countdown-box span {
        font-size: 10px !important;
        padding-top: 0px;
    }
}

/* ----------------------------------------------------------------
    Dropcat & Highlight
-----------------------------------------------------------------*/

    
    
    
    
span.highlight {
    padding: 0 5px;
}






.highlight a {
    color: #333;
}




/* ----------------------------------------------------------------
    Team Members
-----------------------------------------------------------------*/

    
        
    
        
        
        

    

    
    

    
    

    
    
    

    
    
        
/* ----------------------------------------------------------------------
	Progress Bar
-------------------------------------------------------------------------*/
.p-progress-bar-container {
    width: 100%;
    height: 40px;
    margin: 20px 0 20px 0;
    position: relative;
    background-color: #eee;
}

.p-progress-bar, .progress-bar {
    height: 100%;
    padding: 10px;
    background-color: #2250fc;
    box-shadow: none;
}

    .p-progress-bar .progress-number, .p-progress-bar .progress-type, .progress-bar .progress-number, .progress-bar .progress-type {
        color: #fff;
        float: right;
        margin-top: -2px;
    }


    
.p-progress-bar-container.radius,
.p-progress-bar-container.radius .p-progress-bar,
.p-progress-bar-container.radius .progress-bar {
    border-radius: 4px;
}





.p-progress-bar-container.medium {
    height: 20px;
}

    .p-progress-bar-container.medium .p-progress-bar,
    .p-progress-bar-container.medium .progress-bar {
        padding: 0;
    }

    
    .p-progress-bar-container.medium .p-progress-bar .progress-number,
    .p-progress-bar-container.medium .p-progress-bar .progress-type,
    .p-progress-bar-container.medium .progress-bar .progress-number,
    .p-progress-bar-container.medium .progress-bar .progress-type {
        margin-top: -18px;
    }

.p-progress-bar-container.small {
    height: 10px;
}

    .p-progress-bar-container.small .p-progress-bar,
    .p-progress-bar-container.small .progress-bar {
        padding: 0;
    }

    
    .p-progress-bar-container.small .p-progress-bar .progress-number,
    .p-progress-bar-container.small .p-progress-bar .progress-type,
    .p-progress-bar-container.small .progress-bar .progress-number,
    .p-progress-bar-container.small .progress-bar .progress-type {
        margin-top: -18px;
    }



    
    
    
.p-progress-bar-container.transparent {
    background: none !important;
}

    .p-progress-bar-container.transparent .p-progress-bar,
    .p-progress-bar-container.transparent .progress-bar {
        background-color: rgba(0, 0, 0, 0.35);
    }

    

.pie-chart {
    display: inline-block;
    margin-bottom: 20px;
    margin-top: 50px;
    position: relative;
    text-align: center;
}

    .pie-chart canvas {
        position: absolute;
        top: 0;
        left: 0;
    }

    .pie-chart span, .pie-chart i {
        display: inline-block;
        font-size: 28px;
        z-index: 2;
        font-weight: 600;
    }

    .pie-chart i {
        font-size: 38px;
    }

    .pie-chart span.percent:after {
        content: '%';
        margin-left: 0.1em;
        font-size: .8em;
    }

    .pie-chart.transparent span, .pie-chart.transparent span.percent, .pie-chart.transparent i {
        color: #fff;
    }

hr {
    margin-bottom: 10px;
    margin-top: 10px;
    clear: both;
}

    hr.space {
        border: none;
        height: 50px;
        background: none !important;
    }

    
    
    
    
    
body.breakpoint-md hr.space {
    height: 26px;
}

body.breakpoint-sm hr.space, body.breakpoint-xs hr.space {
    height: 16px;
}




/* ----------------------------------------------------------------------
	Seperator
-------------------------------------------------------------------------*/
.separator {
    color: #ccc;
    width: 100%;
    margin: 30px auto;
    overflow: hidden;
    text-align: center;
    line-height: 1.2em;
}


.separator::before,
.separator::after {
    border-bottom: 1px solid #eee;
    content: "";
    display: inline-block;
    height: 0.65em;
    margin: 0 -4px 0 -100%;
    vertical-align: top;
    width: 50%;
}




.separator::after {
    margin: 0 -100% 0 0;
}

.separator i {
    font-size: 18px;
}

.separator i,
.separator span,
.separator a {
    margin: 0 20px 0 24px;
    display: inline-block;
}



.separator.left i {
    float: left;
    margin: 2px 36px 0 0;
}

.separator.right i {
    float: right;
    margin: 0 0 2px 36px;
}













/* ----------------------------------------------------------------
	Blockquotes
-----------------------------------------------------------------*/
.blockquote {
    border-left: 3px solid #2250fc;
    font-size: 20px;
    padding: 10px 20px;
    margin: 0 0 20px;
}





    




/* ----------------------------------------------------------------------
	Light Box
-------------------------------------------------------------------------*/
.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1043;
    position: fixed;
    outline: none !important;
    -webkit-backface-visibility: hidden;
}

.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    box-sizing: border-box;
}

    .mfp-container:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
    }

.mfp-align-top .mfp-container:before {
    display: none;
}

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045;
}

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
    width: 100%;
    cursor: auto;
}

.mfp-ajax-cur {
    cursor: progress;
}

.mfp-zoom-out-cur {
    cursor: -webkit-zoom-out;
    cursor: zoom-out;
}

    .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
        cursor: -webkit-zoom-out;
        cursor: zoom-out;
    }

.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
    cursor: auto;
}

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.mfp-loading.mfp-figure {
    display: none;
}

.mfp-hide {
    display: none !important;
}

.mfp-preloader {
    color: #CCC;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -0.8em;
    left: 8px;
    right: 8px;
    z-index: 1044;
}

    .mfp-preloader a {
        color: #CCC;
    }

        .mfp-preloader a:hover {
            color: #FFF;
        }

.mfp-s-ready .mfp-preloader, .mfp-s-error .mfp-content {
    display: none;
}

button.mfp-close, button.mfp-arrow {
    overflow: visible;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: none;
    padding: 0;
    z-index: 1046;
    box-shadow: none;
}

button::-moz-focus-inner {
    padding: 0;
    border: 0;
}

.mfp-close {
    width: 36px !important;
    height: 36px !important;
    cursor: pointer;
    line-height: 36px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: 0.65;
    filter: alpha(opacity=65);
    padding: 0 0 18px 10px;
    color: #FFF;
    font-style: normal;
    font-size: 22px;
}

    .mfp-close:hover, .mfp-close:focus {
        opacity: 1;
        filter: alpha(opacity=100);
    }

    .mfp-close:active {
        top: 1px;
    }

.mfp-close-btn-in .mfp-close {
    color: #a3a3a3;
    font-size: 37px;
    font-weight: 300;
    top: 5px;
    right: 5px;
}

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
    color: #FFF;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%;
}

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #CCC;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap;
}

.mfp-arrow {
    position: absolute;
    opacity: 0.65;
    filter: alpha(opacity=65);
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

    .mfp-arrow:active {
        margin-top: -54px;
    }

    .mfp-arrow:hover, .mfp-arrow:focus {
        opacity: 1;
        filter: alpha(opacity=100);
    }

    .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
        content: '';
        display: block;
        width: 0;
        height: 0;
        position: absolute;
        left: 0;
        top: 0;
        margin-top: 35px;
        margin-left: 35px;
        border: medium inset transparent;
    }

    .mfp-arrow:after, .mfp-arrow .mfp-a {
        border-top-width: 13px;
        border-bottom-width: 13px;
        top: 8px;
    }

    .mfp-arrow:before, .mfp-arrow .mfp-b {
        border-top-width: 21px;
        border-bottom-width: 21px;
        opacity: 0.7;
    }

.mfp-arrow-left {
    left: 0;
}

    .mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
        border-right: 17px solid #FFF;
        margin-left: 31px;
    }

    .mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
        margin-left: 25px;
        border-right: 27px solid #3F3F3F;
    }

.mfp-arrow-right {
    right: 0;
}

    .mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
        border-left: 17px solid #FFF;
        margin-left: 39px;
    }

    .mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
        border-left: 27px solid #3F3F3F;
    }

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px;
}

    .mfp-iframe-holder .mfp-content {
        line-height: 0;
        width: 100%;
        max-width: 900px;
    }

    .mfp-iframe-holder .mfp-close {
        top: -40px;
    }

.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%;
}

    .mfp-iframe-scaler iframe {
        position: absolute;
        display: block;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
        background: #000;
    }

/* Main image in popup */
img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    box-sizing: border-box;
    padding: 40px 0 40px;
    margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
    line-height: 0;
}

    .mfp-figure:after {
        content: '';
        position: absolute;
        left: 0;
        top: 40px;
        bottom: 40px;
        display: block;
        right: 0;
        width: auto;
        height: auto;
        z-index: -1;
        box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
        background: #444;
    }

    .mfp-figure small {
        color: #BDBDBD;
        display: block;
        font-size: 12px;
        line-height: 14px;
    }

    .mfp-figure figure {
        margin: 0;
    }

.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto;
}

.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #F3F3F3;
    word-wrap: break-word;
    padding-right: 36px;
}

.mfp-image-holder .mfp-content {
    max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** Remove all paddings around the image on small screen */
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0;
    }

    .mfp-img-mobile img.mfp-img {
        padding: 0;
    }

    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0;
    }

    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px;
    }

    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, 0.6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        box-sizing: border-box;
    }

        .mfp-img-mobile .mfp-bottom-bar:empty {
            padding: 0;
        }

    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px;
    }

    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0, 0, 0, 0.6);
        position: fixed;
        text-align: center;
        padding: 0;
    }
}

@media all and (max-width: 900px) {
    .mfp-arrow {
        -webkit-transform: scale(0.75);
        -ms-transform: scale(0.75);
        transform: scale(0.75);
    }

    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        -ms-transform-origin: 0;
        transform-origin: 0;
    }

    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        -ms-transform-origin: 100%;
        transform-origin: 100%;
    }

    .mfp-container {
        padding-left: 6px;
        padding-right: 6px;
    }
}

.mfp-ie7 .mfp-img {
    padding: 0;
}

.mfp-ie7 .mfp-bottom-bar {
    width: 600px;
    left: 50%;
    margin-left: -300px;
    margin-top: 5px;
    padding-bottom: 5px;
}

.mfp-ie7 .mfp-container {
    padding: 0;
}

.mfp-ie7 .mfp-content {
    padding-top: 44px;
}

.mfp-ie7 .mfp-close {
    top: 0;
    right: 0;
    padding-top: 0;
}


.mfp-ajax-holder .mfp-content {
    background: #F8F8F8;
    max-width: 1000px;
}

.mfp-ajax-holder .ajax-quick-view {
    padding: 20px 30px 35px;
}

    
        
.mfp-ajax-holder .mfp-close:hover {
    background: #2250fc;
    color: #fff;
}

/*settings*/


@media (max-width: 991.98px) {
    .mfp-ajax-holder .mfp-close {
        margin-right: 0;
    }

    .mfp-close {
        font-size: 22px;
        height: 30px;
        line-height: 32px;
        width: 30px;
    }
}

.list {
    clear: both;
    display: block;
    position: relative;
}

    .list li {
        line-height: 32px;
    }

        .list li a {
            color: #3c4043;
        }

    .list ul {
        padding: 0px;
    }

.list {
    list-style: none;
}

    .list a {
        color: #3c4043;
    }



    



    
    


    
        

    
    
    
    
    
    
    
    
    
    
    
    
    
    
a.list-group-item.active {
    background-color: #2250fc;
    border: #2250fc;
}

    a.list-group-item.active h1, a.list-group-item.active h2, a.list-group-item.active h3, a.list-group-item.active h4, a.list-group-item.active h5, a.list-group-item.active h6, a.list-group-item.active p {
        color: #fff;
    }

    a.list-group-item.active:hover, a.list-group-item.active.active {
        color: #fff !important;
    }

/* ----------------------------------------------------------------
    Maps
-----------------------------------------------------------------*/
.map {
    width: 100%;
    min-height: 460px;
    height: auto;
}

.fullscreen .map, .fullscreen.map {
    min-height: 100vh;
}

@media (max-width: 991.98px) {
    .map {
        min-height: 240px;
    }

    .fullscreen .map, .fullscreen.map {
        min-height: 100vh;
    }
}

.animated-dot {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #2250fc;
    position: relative;
    top: -10px;
    right: 8px;
}

    .animated-dot:before, .animated-dot:after {
        content: "";
        width: 16px;
        height: 16px;
        border-radius: 50%;
        background-color: #2250fc;
        position: absolute;
        bottom: 0;
        left: 0;
        margin: auto;
        -webkit-transform: scale(0.5);
        -ms-transform: scale(0.5);
        transform: scale(0.5);
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        -webkit-animation: pulse-me 3s linear infinite;
        animation: pulse-me 3s linear infinite;
    }

    .animated-dot:after {
        -webkit-animation-delay: 2.4s;
        animation-delay: 2.4s;
    }

@-webkit-keyframes pulse-me {
    0% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        opacity: 0;
    }

    50% {
        opacity: 0.1;
    }

    70% {
        opacity: 0.09;
    }

    100% {
        -webkit-transform: scale(16);
        transform: scale(16);
        opacity: 0;
    }
}

@keyframes pulse-me {
    0% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        opacity: 0;
    }

    50% {
        opacity: 0.1;
    }

    70% {
        opacity: 0.09;
    }

    100% {
        -webkit-transform: scale(16);
        transform: scale(16);
        opacity: 0;
    }
}

/* ----------------------------------------------------------------------
	Pagination & Pager
-------------------------------------------------------------------------*/


    
    
    
    
        
/*Post Nav*/

    
    
        
    
    
        
        
    
        
        
    
    
    




/* ----------------------------------------------------------------------
    Breadcrumbs
-------------------------------------------------------------------------*/

    
        
            
            
            
/* ----------------------------------------------------------------------
    call-to-action (call to action)
-------------------------------------------------------------------------*/

    
    
    
    
    
    
        
            
    
        
    
        
    
        


.popover {
    border: 1px solid #e4e6ef;
    border-radius: 6px;
    box-shadow: 0 6px 12px rgba(140, 152, 164, 0.075);
}

.popover-header {
    padding: 18px 20px;
    background-color: transparent;
    border-bottom: 1px solid #e4e6ef;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    margin-bottom: 0px !important;
}

.popover-body {
    padding: 18px 20px;
    color: #3c4043;
    font-size: .9rem;
}

a[data-toggle] {
    color: #3c4043;
}

.tooltip.left .tooltip-arrow {
    right: 1px;
}

.tooltip-inner {
    white-space: pre-wrap;
}

.modal .modal-content .modal-header {
    display: block;
}

    .modal .modal-content .modal-header .modal-title {
        font-weight: 600;
        font-size: 16px;
        margin-bottom: 0;
    }

.modal-header .close {
    position: absolute;
    right: 20px;
    top: 14px;
    font-weight: 100;
}

.modal-title {
    display: block;
    font-size: 28px;
    line-height: 28px;
    font-weight: 400;
    margin-bottom: 20px;
}

.modal p {
    font-size: 15px;
    line-height: 26px;
    margin-top: 0;
    margin-bottom: 13px;
    font-weight: 300;
}

/*Strip*/
.modal-strip {
    background-color: #000000;
    bottom: 0;
    color: #fff;
    left: 0;
    padding: 20px;
    position: fixed;
    width: 100%;
    display: inline-block;
    -webkit-transform: translate3d(0px, 200px, 0px);
    transform: translate3d(0px, 200px, 0px);
    -webkit-transition: all 0.7s ease 0s;
    transition: all 0.7s ease 0s;
    z-index: 999 !important;
}

    .modal-strip .btn, .modal-strip h5, .modal-strip h4, .modal-strip h3, .modal-strip h2, .modal-strip h1 {
        margin-bottom: 0 !important;
    }

    .modal-strip a, .modal-strip a:hover, .modal-strip a:active, .modal-strip a:visited {
        color: #fff;
        text-decoration: underline;
    }

    
    
    
    .modal-strip.modal-active {
        -webkit-transform: translate3d(0px, 0px, 0px);
        transform: translate3d(0px, 0px, 0px);
    }



/* Zoom-out effect*/
.mfp-zoom-out { /* start state */ /* animate in */ /* animate out */
}

    .mfp-zoom-out .mfp-content {
        opacity: 0;
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        -webkit-transform: scale(1.3);
        -ms-transform: scale(1.3);
        transform: scale(1.3);
    }

    .mfp-zoom-out.mfp-bg {
        opacity: 0;
        -webkit-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
    }

    .mfp-zoom-out.mfp-ready .mfp-content {
        opacity: 1;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }

    .mfp-zoom-out.mfp-ready.mfp-bg {
        opacity: 0.8;
    }

    .mfp-zoom-out.mfp-removing .mfp-content {
        -webkit-transform: scale(1.3);
        -ms-transform: scale(1.3);
        transform: scale(1.3);
        opacity: 0;
    }

    .mfp-zoom-out.mfp-removing.mfp-bg {
        opacity: 0;
    }

.mfp-ready .modal {
    background: #fff;
    border-radius: 4px;
    display: block;
    margin: 0 auto;
    max-width: 580px;
    padding: 40px;
    position: relative;
    z-index: 1050;
}

.modal .video-wrap video {
    width: 100%;
}

.modal iframe {
    margin-bottom: -10px;
}

.dark .mfp-bg {
    background-color: #1e2022;
}

.dark .mfp-ready .modal {
    background-color: #1e2022;
}

.dark .modal-content {
    background-color: #1e2022;
}

.dark .modal-header {
    border-bottom-color: #444444;
}


/* ----------------------------------------------------------------------
    Clients Logo
-------------------------------------------------------------------------*/

    
        
        
.grid li {
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    opacity: 0.9;
}


    

.grid li:hover {
    opacity: 1;
    cursor: pointer;
}


    

.grid {
    padding: 0;
    list-style: none;
    overflow: hidden;
}

    .grid li {
        float: left;
        position: relative;
        width: 20%;
        padding: 40px;
    }

    .grid.grid-2-columns li, .grid.grid-2-columns figure {
        width: 50%;
    }

    .grid.grid-3-columns li, .grid.grid-3-columns figure {
        width: 33.333333%;
    }

    .grid.grid-4-columns li, .grid.grid-4-columns figure {
        width: 25%;
    }

    .grid.grid-5-columns li, .grid.grid-5-columns figure {
        width: 20%;
    }

    .grid.grid-6-columns li, .grid.grid-6-columns figure {
        width: 16.6666666%;
    }

    .grid li:hover {
        cursor: pointer;
        background-color: #f8f8f8;
    }

    .grid li a, .grid li img {
        display: block;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

        .grid li a img {
            width: 100%;
        }

    .grid li:before, .grid li:after {
        content: '';
        position: absolute;
    }

    .grid li:before {
        height: 100%;
        top: 0;
        left: -1px;
        border-left: 1px solid #eee;
    }

    .grid li:after {
        width: 100%;
        height: 0;
        top: auto;
        left: 0;
        bottom: -1px;
        border-bottom: 1px solid #eee;
    }

    
        
            
            
    
/*client options*/
/*carousel logo*/

/*Clients Responsive li*/

body.breakpoint-md .grid li, body.breakpoint-sm .grid li {
    width: 33.33%;
}

body.breakpoint-xs .grid li {
    width: 50%;
}


/* ----------------------------------------------------------------------
	Pricing Table
-------------------------------------------------------------------------*/

    
        
        
        
            
                
                
    
    
        
            
                
                
                
        
    
        
    
    .plan .button {
        margin: 0;
    }

    
    
    
    
        
    



    
.dark .table, .table.dark {
    color: #e4e6ef;
}

/* ----------------------------------------------------------------
    Testimonial
-----------------------------------------------------------------*/

    
    
    
        

    

    
    

    
    


    

    
    
    
    
/* ----------------------------------------------------------------
    Testimonial - Responsive
-----------------------------------------------------------------*/


.timeline {
    list-style-type: none;
    position: relative;
}

    .timeline:before {
        content: '';
        position: absolute;
        left: 16px;
        height: 100%;
        z-index: 2;
        top: 0;
        bottom: 0;
        border-left: 3px dashed #e3e6f0;
    }

    
        
        
        
            
        
            

.youtube-background {
    background-color: #1e2022;
}



    






[data-bg-video] {
    position: relative;
}

.html5vid {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: -1;
    opacity: 0;
    -webkit-transition: opacity .5s linear;
    transition: opacity .5s linear;
}

    .html5vid:before {
        position: absolute;
        content: "";
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 1;
        background-color: #1e2022;
    }

    .html5vid video {
        max-width: none !important;
        border: none;
        -o-object-fit: cover;
        object-fit: cover;
        background-size: cover;
        opacity: 1;
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0px;
        top: 0%;
        display: block;
    }

    .html5vid.video-loaded {
        opacity: 1;
    }

video {
    width: 100%;
}


    
    
    
    
    
    
    
    
    
    
    
    
    








.animated.rounded {
    -webkit-animation-fill-mode: none;
    animation-fill-mode: none;
}

.animated.infinite {
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

[data-animate] {
    opacity: 0;
}

    [data-animate].visible {
        opacity: 1;
    }

.icon[data-animate] {
    opacity: 1;
}


    


/* ----------------------------------------------------------------------
	Parallax
-------------------------------------------------------------------------*/
[data-bg-parallax] {
    background-color: #1e2022;
}

.parallax-container {
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-size: cover !important;
    background-position: center center;
    width: 100%;
    height: 100%;
    z-index: -100;
    opacity: 0;
    -webkit-transition: opacity .5s linear;
    transition: opacity .5s linear;
}

    
.img-loaded {
    opacity: 1;
}

[data-bg-image] {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

    [data-bg-image]::before {
        position: absolute;
        content: "";
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 1;
        background-color: #1e2022;
        -webkit-transition: opacity .5s linear;
        transition: opacity .5s linear;
    }

    [data-bg-image].bg-loaded::before {
        opacity: 0;
    }

body[data-bg-image] {
    background-attachment: fixed;
    background-position: top center;
}

.shape-divider {
    position: absolute;
    width: 100%;
    z-index: 0;
    bottom: 0;
    left: 0;
    pointer-events: none;
    display: block;
}

    .shape-divider svg {
        width: 101%;
        height: 100%;
        left: 50%;
        position: absolute;
        -webkit-transform: translatex(-50%);
        -ms-transform: translatex(-50%);
        transform: translatex(-50%);
        bottom: -2px;
    }

    .shape-divider[data-position="bottom"] {
        bottom: -2px;
        top: auto;
    }

    .shape-divider[data-position="top"] {
        bottom: auto;
        top: -2px;
    }

    .shape-divider[data-flip-horizontal="true"] {
        -webkit-transform: rotateY(180deg);
        transform: rotateY(180deg);
    }

    .shape-divider[data-flip-vertical="true"] {
        -webkit-transform: rotateX(180deg);
        transform: rotateX(180deg);
    }

    .shape-divider[data-flip-horizontal="true"][data-flip-vertical="true"] {
        -webkit-transform: rotateY(180deg) rotateX(180deg);
        transform: rotateY(180deg) rotateX(180deg);
    }

.wizard {
    opacity: 0;
    position: relative;
    width: 100%;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-transition: opacity .3s linear;
    transition: opacity .3s linear;
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
}

    .wizard > .steps {
        position: relative;
        display: block;
        width: 100%;
        margin-bottom: 1rem;
    }

        .wizard > .steps ul {
            position: relative;
            z-index: 1;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
        }

            .wizard > .steps ul li {
                display: inline;
                margin-right: 6px;
            }

                .wizard > .steps ul li:last-child {
                    margin-right: 0;
                }

                .wizard > .steps ul li > a {
                    background: #fbfbfb;
                    color: #1e2022;
                    border-radius: 0.42rem;
                    display: inline-block;
                    padding: 1rem;
                }

                    .wizard > .steps ul li > a .number {
                        margin-right: 4px;
                        font-size: 1.429rem;
                    }

                        .wizard > .steps ul li > a .number::after {
                            content: ".";
                            right: 0;
                        }

                    .wizard > .steps ul li > a:hover, .wizard > .steps ul li > a:active {
                        background: #2250fc;
                        color: #fff;
                    }

                .wizard > .steps ul li.current a, .wizard > .steps ul li.current a:hover, .wizard > .steps ul li.current a:active {
                    background: #2250fc;
                    color: #fff;
                }

                .wizard > .steps ul li.error a, .wizard > .steps ul li.error a:hover, .wizard > .steps ul li.error a:active {
                    background: #dc3545;
                    color: #fff;
                }

                .wizard > .steps ul li.disabled a, .wizard > .steps ul li.disabled a:hover, .wizard > .steps ul li.disabled a:active {
                    background: #fbfbfb;
                    color: #1e2022;
                    cursor: not-allowed;
                    opacity: .7;
                }

    .wizard .content {
        min-height: 320px;
        padding-top: 30px;
    }

        .wizard .content > .body {
            width: 100%;
            height: auto;
            position: absolute;
        }

            .wizard .content > .body.current {
                position: relative;
            }

    .wizard .actions {
        border-top: 1px solid #e4e6ef;
        padding-top: 20px;
    }

        .wizard .actions > ul {
            display: inline-block;
            float: right;
        }

            .wizard .actions > ul > li {
                display: inline;
                float: left;
                margin-left: 1rem;
            }

    .wizard[data-style="1"] > .steps ul {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin: 0 5rem;
    }

        .wizard[data-style="1"] > .steps ul li::after {
            content: "";
            position: absolute;
            top: 2.1rem;
            left: 0;
            right: 0;
            z-index: -1;
            border: 1px dashed #e4e6ef;
        }

        .wizard[data-style="1"] > .steps ul li > a {
            text-align: center;
            width: 4rem;
            height: 4rem;
            border-radius: 50%;
            padding: 1.2rem;
        }

            .wizard[data-style="1"] > .steps ul li > a .title {
                display: none;
            }

            .wizard[data-style="1"] > .steps ul li > a .number {
                margin-right: 0;
            }

                .wizard[data-style="1"] > .steps ul li > a .number::after {
                    content: "";
                }

    .wizard[data-style="2"] > .steps ul {
        padding-top: 26px;
    }

        .wizard[data-style="2"] > .steps ul li > a {
            width: 100px;
            height: 7px;
            border-radius: 3.5px;
            padding: 0;
        }

            .wizard[data-style="2"] > .steps ul li > a .title, .wizard[data-style="2"] > .steps ul li > a .number {
                display: none;
                position: absolute;
                top: 0;
                left: 0;
                color: #1e2022;
                font-weight: 600;
            }

        .wizard[data-style="2"] > .steps ul li:not(.current) a {
            background-color: #e9ecef;
        }

        .wizard[data-style="2"] > .steps ul li.current a .title {
            font-size: 20px;
            display: block;
        }

    .wizard[data-orientation="vertical"] {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .wizard[data-orientation="vertical"] > .steps {
            -webkit-box-flex: 1;
            -webkit-flex: 1;
            -ms-flex: 1;
            flex: 1;
            width: 30%;
            padding-right: 30px;
        }

            .wizard[data-orientation="vertical"] > .steps ul {
                display: block;
            }

                .wizard[data-orientation="vertical"] > .steps ul li {
                    width: 100%;
                    margin-right: 0;
                }

                    .wizard[data-orientation="vertical"] > .steps ul li > a {
                        width: 100%;
                        margin-bottom: 10px;
                    }

        .wizard[data-orientation="vertical"] .content {
            padding-top: 0;
            width: 70%;
        }

        .wizard[data-orientation="vertical"] .actions {
            width: 100%;
        }

        .wizard[data-orientation="vertical"][data-style="1"] > .steps ul {
            margin: 0;
        }

            .wizard[data-orientation="vertical"][data-style="1"] > .steps ul li {
                position: relative;
                padding-bottom: 20px;
            }

                .wizard[data-orientation="vertical"][data-style="1"] > .steps ul li::after {
                    height: 100%;
                    left: 1.8rem;
                    top: 0;
                    bottom: 0;
                    border: 0;
                    border-left: 1px dashed #e4e6ef;
                }

                .wizard[data-orientation="vertical"][data-style="1"] > .steps ul li > a {
                    padding: 0;
                    text-align: left;
                    width: 100%;
                    height: auto;
                    border-radius: none;
                    background-color: transparent;
                }

                    .wizard[data-orientation="vertical"][data-style="1"] > .steps ul li > a .title {
                        display: block;
                        color: #1e2022;
                        padding: 1.2rem 0;
                    }

                    .wizard[data-orientation="vertical"][data-style="1"] > .steps ul li > a .number {
                        text-align: center;
                        width: 3.5rem;
                        height: 3.5rem;
                        border-radius: 50%;
                        padding: .6em;
                        background: #fbfbfb;
                        color: #1e2022;
                        margin-right: 10px;
                        float: left;
                    }

                        .wizard[data-orientation="vertical"][data-style="1"] > .steps ul li > a .number::after {
                            content: "";
                        }

                .wizard[data-orientation="vertical"][data-style="1"] > .steps ul li:hover a .number, .wizard[data-orientation="vertical"][data-style="1"] > .steps ul li:active a .number {
                    background: #2250fc;
                    color: #fff;
                }

                .wizard[data-orientation="vertical"][data-style="1"] > .steps ul li.current a .number, .wizard[data-orientation="vertical"][data-style="1"] > .steps ul li.current a:hover .number, .wizard[data-orientation="vertical"][data-style="1"] > .steps ul li.current a:active .number {
                    background: #2250fc;
                    color: #fff;
                }

                .wizard[data-orientation="vertical"][data-style="1"] > .steps ul li.error a .number, .wizard[data-orientation="vertical"][data-style="1"] > .steps ul li.error a:hover .number, .wizard[data-orientation="vertical"][data-style="1"] > .steps ul li.error a:active .number {
                    background: #dc3545;
                    color: #fff;
                }

                .wizard[data-orientation="vertical"][data-style="1"] > .steps ul li.disabled a .number, .wizard[data-orientation="vertical"][data-style="1"] > .steps ul li.disabled a:hover .number, .wizard[data-orientation="vertical"][data-style="1"] > .steps ul li.disabled a:active .number {
                    background: #fbfbfb;
                    color: #1e2022;
                    cursor: not-allowed;
                    opacity: .7;
                }

    
    /* Accessibility */
    .wizard > .content > .title {
        position: absolute;
        left: -999em;
    }

@media (max-width: 575.98px) {
    .wizard > .steps ul {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

        .wizard > .steps ul li {
            -webkit-box-flex: 1;
            -webkit-flex: 1;
            -ms-flex: 1;
            flex: 1;
            margin-bottom: 10px;
        }
}


section {
    padding: 30px 0;
    position: relative;
    width: 100%;
    overflow: hidden;
    z-index: 1;
    background-color: #fff;
}