@charset "UTF-8";
@import "https://fonts.googleapis.com/css?family=Poppins:100,200,400,500,600,700,800|Open+Sans:300,400,800,700,600|Nunito:300,400,600,700,800";

:root{ 
    --outer-shadow: 3px 3px 3px #d0d0d0, -3px -3px 3px #f8f8f8;
    --outer-shadow-0: 0 0 0 #d0d0d0, 0 0 0 #f8f8f8;
    --inner-shadow: inset 3px 3px 3px rgb(135 171 187 / 16%), inset -3px -3px 3px #f8f8f8;
    --inner-shadow-0:  3px 3px 3px rgb(217 228 217),  -3px -3px 3px #f8f8f8;
    --primary: rgb(145, 197, 145);
    --btn: rgba(0,0,0,0.15);
}
.outer_shadow { box-shadow: var(--outer-shadow);}
.inner_shadow { box-shadow: var(--inner-shadow);}
.hover_shadow_btn:hover{box-shadow: 3px 3px 3px #d0d0d0, -3px -3px 3px #f8f8f8;;}
.hover_in_shadow:hover { box-shadow: var(--outer-shadow-0);}
.hover_shadow:hover{ box-shadow: var(--inner-shadow-0);}
.pt-30{padding-top: 30px;}
a:not(.btn), a:not(.btn):hover{text-decoration: none; }
.pt-20{padding-top: 20px !important;}
.pb-20{ padding-bottom: 20px !important;}
.mt-50{margin-top: 50px !important;}
.mb-50{margin-bottom: 50px !important;}
.num_box {
    display: none;
    justify-content: space-around;
    column-gap: 10px;
    line-height: normal;
    clear: both;
    
    
    .careerForm {
    padding: 20px;
    background: #f6f6f6;
    border-radius: 10px;
}

.careerForm h2 {
    font-size: 22px;
    text-align: center;
    line-height: 26px;
}

.careerForm p {
    font-size: 14px;
    text-align: center;
    margin-bottom: 28px;
}
    
    
    position: relative;
    z-index: 99;
}

.num_box>a {
    width: 48%;
    display: inline-block;
    padding: 6px 10px;
    text-align: center;
    color: #fff !important;
    font-weight: bold;
    border-radius: 50px;
    margin-bottom: 10px;
}

.green_c {
    background: #a9bb18;
}

.red_c {
    background: #ef2222;
}

.num_box>a>i {
    margin-right: 5px;
}

.num_box>a>.fa-phone,
#mainMenu nav>ul>li>a>.fa-phone {
    transform: rotate(90deg);
}

@media(min-width:1px) and (max-width:991px) {
    #mainMenu nav>ul>.btncont {
        display: none !important;
    }

    .enquiry_btn {
        display: none;
    }

    .num_box {
        display: flex;
    }

    #header {
        height: auto !important;
    }

    #header .container,
    #header .header-inner .container,
    #page-menu .container,
    .container {
        max-width: 960px !important;
        padding: 0 30px !important
    }
}

@media(min-width:300px) and (max-width:700px) {

    #header .container,
    #header .header-inner .container,
    #page-menu .container,
    .container {
        width: 98% !important;
        padding: 0 20px !important;
    }
}


body #wrapper,
body .body-inner {
    padding: 0;
    margin: 0
}

/* width */
::-webkit-scrollbar {
    width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #333;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #81c868;
    border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #555;
}

body.wide #wrapper,
body.wide .body-inner {
    width: 100%;
    margin: 0
}

body.boxed #wrapper,
body.boxed .body-inner,
body.boxed-simple #wrapper,
body.boxed-simple .body-inner {
    position: relative;
    border: 1px solid #eee;
    background-color: #fff
}

body.outter {
    margin: 30px
}

body.boxed-simple {
    background-color: #f8f8f8;
    border: 0 !important
}

.ul-style {
    list-style: none !important;
    font-size: 16px;
}


.container-wide {
    padding-left: 30px;
    padding-right: 30px
}

@media(min-width:1240px) {

    body.boxed #wrapper,
    body.boxed .body-inner,
    body.boxed-simple #wrapper,
    body.boxed-simple .body-inner {
        float: none;
        width: 1220px;
        margin: 0 auto
    }

    body.boxed-simple #wrapper,
    body.boxed-simple .body-inner {
        margin-top: 40px;
        margin-bottom: 40px;
        padding: 20px
    }

    .container-fluid,
    .container-wide {
        padding-left: 30px;
        padding-right: 30px;
    }
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline
}

iframe {
    border: none
}

section { padding: 60px 0; position: relative; width: 100%; overflow: hidden; z-index: 1; background-color: #fff}
.h1-head { font-size: 50px}
.heading-main { font-size: 50px; text-shadow: 0px 3px 1px #444444;}
.header-divider { border-bottom: 1px solid #e2e2e2; margin-top: 20px;}

.head-divider-box {
    width: 25%;
    background-color: #07a8e2;
    margin: 0 auto;
    height: 4px;
    margin-bottom: -2px;

}

@media only screen and (max-width: 320px) {
    .h1-head {
        font-size: 20px;
        line-height: 25px;
    }
}

@media only screen and (max-width: 768px) {
    .h1-head {
        font-size: 29px;
        line-height: 25px;
    }

    .hgt {
        height: auto !important;
    }
}


/* @media only screen and (max-width: 769px) {
    .h1-head {
        font-size: 15px;
        line-height: 25px;
    }
} */

.countrybx {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    column-gap: 20px;
}

#mainMenu nav>ul>.btn-success>a {
    color: #fff;
}

.countrybx>a {
    border: 1px solid #ddd;
    padding: 6px 9px;
    display: inline-block;
    border-radius: 10px;
    font-size: 14px;
    width: 15%;
    text-align: center;
    margin-bottom: 10px;
    background: #fffdfdb8;
}

.page-title h2.api-head{color: #fff; font-size: 1.5rem; margin-bottom: .9rem; line-height: 2rem;}

#page-title {
    clear: both;
    padding: 80px 0;
    background-color: #f8f9fa;
    position: relative
}

#page-title .page-title {
    text-align: center;
    padding: 0
}

#page-title .page-title>h1 {
    font-family: Poppins, Helvetica, Arial, sans-serif;
    font-size: 44px;
    line-height: 56px;
    font-weight: 400;
    margin-bottom: 10px; color: #fff;
}
#page-title .breadcrumb li a{color: #fff;}
#page-title .page-title>span {
    font-weight: 400;
    font-size: 14px
}

#page-title .breadcrumb {
    text-align: center;
    margin-bottom: 0;
    padding: 0
}

#page-title.page-title-left .page-title {
    float: left;
    text-align: left;
    clear: both
}

#page-title.page-title-left .breadcrumb {
    float: left;
    text-align: left
}

#page-title.page-title-right .page-title {
    float: right;
    text-align: right;
    clear: both
}

#page-title.page-title-right .breadcrumb {
    float: right;
    text-align: right
}

#page-title.dark .page-title>h1 {
    color: #1f1f1f
}

#page-title.dark .page-title>span {
    color: #1f1f1f
}

#page-title.dark .breadcrumb ul li+li:before {
    color: #1f1f1f
}

#page-title.dark .breadcrumb ul li a {
    color: #1f1f1f
}

#page-title[data-parallax-image] .page-title>h1 {
    color: #fff
}

#page-title[data-parallax-image] .page-title>span {
    color: #fff
}

#page-title[data-parallax-image] .breadcrumb ul li+li:before {
    color: #fff
}

#page-title[data-parallax-image] .breadcrumb ul li a {
    color: #fff
}

@media(max-width:991px) {
    #page-title {
        padding: 50px 0 !important
    }

    #page-title .page-title>h1 {
        font-size: 26px;
        line-height: 34px
    }
}


#page-content {
    padding: 40px;
}

.page-content-shadow {
    box-shadow: 0 82px 53px 10px rgba(0, 0, 0, .3)
}

#page-content:not(.no-sidebar)>.container-fluid>.row,
#page-content:not(.no-sidebar)>.container-wide>.row,
#page-content:not(.no-sidebar)>.container>.row {
    /* flex-direction: row-reverse */
}

#page-content:not(.no-sidebar).sidebar-right>.container-fluid>.row,
#page-content:not(.no-sidebar).sidebar-right>.container-wide>.row,
#page-content:not(.no-sidebar).sidebar-right>.container>.row {
    flex-direction: row
}

#page-content:not(.no-sidebar).sidebar-both>.container-fluid>.row,
#page-content:not(.no-sidebar).sidebar-both>.container-wide>.row,
#page-content:not(.no-sidebar).sidebar-both>.container>.row {
    flex-direction: row
}

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

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

.content {
    padding: 0 !important;
    margin-bottom: 26px; margin-top: 2rem;
}

.sidebar {
    padding-right: 25px
}

.sidebar.sidebar-modern:before {
    background-color: #f8f9fa;
    width: 100%;
    content: "";
    position: absolute;
    z-index: -10;
    bottom: -10px;
    left: -4px;
    top: -20px;
    border-radius: 4px
}

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

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

.sidebar-right .sidebar:before {
    left: 4px
}

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

.sidebar-both .content+.sidebar {
    padding-right: 15px;
    border-right-width: 0;
    padding-left: 25px
}

.sidebar-both .content+.sidebar:before {
    right: auto;
    border-right-width: 0;
    border-left-width: 1px;
    left: 0
}

@media(max-width:991px) {

    #page-content:not(.no-sidebar).sidebar-both>.container-fluid>.row .content,
    #page-content:not(.no-sidebar).sidebar-both>.container-wide>.row .content,
    #page-content:not(.no-sidebar).sidebar-both>.container>.row .content {
        order: -1
    }

    .content,
    .sidebar {
        width: 100% !important;
        padding-left: 15px;
        padding-right: 15px
    }

    .sidebar-both .content,
    .sidebar-both .content+.sidebar,
    .sidebar-right .content,
    .sidebar-right .sidebar {
        padding-right: 15px;
        padding-left: 15px
    }

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

    .sidebar .widgets,
    .sidebar-both .sidebar .widgets,
    .sidebar-right .sidebar .widgets {
        float: left
    }

    .sidebar-both .content+.sidebar {
        border-right-width: 0
    }

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

@media(max-width:991px) {
    #page-content {
        padding: 20px 0
    }
}

.dashboard #page-content {
    background-color: #f6f9fa;
    padding: 0 !important
}

.dashboard .sidebar {
    background-color: #fff;
    padding-top: 30px;
    padding-right: 30px;
    box-shadow: 5px 0 20px -5px rgba(0, 0, 0, .1)
}

.dashboard .sidebar:before {
    background: #fff;
    position: fixed;
    width: 30px;
    height: 100%;
    left: 0;
    top: 0
}

.dashboard .content {
    padding: 30px 50px
}

.grid-layout {
    opacity: 0;
    margin-bottom: -2px !important;
    transition: opacity .3s ease
}

.grid-layout.grid-loaded {
    opacity: 1
}

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

.grid-mix-size .portfolio-item:nth-child(2n) .new-badge {
    right: 70px !important
}

.grid-mix-size .portfolio-item:nth-child(2n)>.portfolio-item-wrap {
    -webkit-transform: scale(.75);
    transform: scale(.8)
}

.grid-6-columns .grid-item,
.portfolio-6-columns .portfolio-item,
.post-6-columns .post-item {
    width: 16.6666666666%
}

.grid-6-columns .grid-item.large-width,
.portfolio-6-columns .portfolio-item.large-width,
.post-6-columns .post-item.large-width {
    width: 33.333333333%
}

.grid-5-columns .grid-item,
.portfolio-5-columns .portfolio-item,
.post-5-columns .post-item {
    width: 20%
}

.grid-5-columns .grid-item.large-width,
.portfolio-5-columns .portfolio-item.large-width,
.post-5-columns .post-item.large-width {
    width: 40%
}

.grid-4-columns .grid-item,
.portfolio-4-columns .portfolio-item,
.post-4-columns .post-item {
    width: 25%
}

.grid-4-columns .grid-item.large-width,
.portfolio-4-columns .portfolio-item.large-width,
.post-4-columns .post-item.large-width {
    width: 50%
}

.grid-3-columns .grid-item,
.portfolio-3-columns .portfolio-item,
.post-3-columns .post-item {
    width: 33.333333333%
}

.grid-3-columns .grid-item.large-width,
.portfolio-3-columns .portfolio-item.large-width,
.post-3-columns .post-item.large-width {
    width: 66.6666666666%
}

.grid-2-columns .grid-item,
.portfolio-2-columns .portfolio-item,
.post-2-columns .post-item {
    width: 50%
}

.grid-2-columns .grid-item.large-width,
.portfolio-2-columns .portfolio-item.large-width,
.post-2-columns .post-item.large-width {
    width: 100%
}

.grid-1-columns .grid-item,
.portfolio-1-columns .portfolio-item,
.post-1-columns .post-item {
    width: 100%
}

.grid-1-columns .grid-item.large-width,
.portfolio-1-columns .portfolio-item.large-width,
.post-1-columns .post-item.large-width {
    width: 100%
}

@media(max-width:1380px) {

    .grid-5-columns .grid-item,
    .portfolio-5-columns .portfolio-item,
    .post-5-columns .post-item {
        width: 25%
    }

    .grid-5-columns .grid-item.large-width,
    .portfolio-5-columns .portfolio-item.large-width,
    .post-5-columns .post-item.large-width {
        width: 50%
    }
}

@media(max-width:991px) {

    .grid-4-columns .grid-item,
    .grid-5-columns .grid-item,
    .grid-6-columns .grid-item,
    .portfolio-4-columns .portfolio-item,
    .portfolio-5-columns .portfolio-item,
    .portfolio-6-columns .portfolio-item,
    .post-4-columns .post-item,
    .post-5-columns .post-item,
    .post-6-columns .post-item {
        width: 33.3333333333%
    }

    .grid-4-columns .grid-item.large-width,
    .grid-5-columns .grid-item.large-width,
    .grid-6-columns .grid-item.large-width,
    .portfolio-4-columns .portfolio-item.large-width,
    .portfolio-5-columns .portfolio-item.large-width,
    .portfolio-6-columns .portfolio-item.large-width,
    .post-4-columns .post-item.large-width,
    .post-5-columns .post-item.large-width,
    .post-6-columns .post-item.large-width {
        width: 66.6666666666%
    }

    .grid-2-columns .grid-item,
    .grid-3-columns .grid-item,
    .portfolio-2-columns .portfolio-item,
    .portfolio-3-columns .portfolio-item,
    .post-2-columns .post-item,
    .post-3-columns .post-item {
        width: 50%
    }

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

@media(max-width:767px) {

    .grid-4-columns .grid-item,
    .grid-5-columns .grid-item,
    .grid-6-columns .grid-item,
    .portfolio-4-columns .portfolio-item,
    .portfolio-5-columns .portfolio-item,
    .portfolio-6-columns .portfolio-item,
    .post-4-columns .post-item,
    .post-5-columns .post-item,
    .post-6-columns .post-item {
        width: 50%
    }

    .grid-4-columns .grid-item.large-width,
    .grid-5-columns .grid-item.large-width,
    .grid-6-columns .grid-item.large-width,
    .portfolio-4-columns .portfolio-item.large-width,
    .portfolio-5-columns .portfolio-item.large-width,
    .portfolio-6-columns .portfolio-item.large-width,
    .post-4-columns .post-item.large-width,
    .post-5-columns .post-item.large-width,
    .post-6-columns .post-item.large-width {
        width: 100%
    }

    .grid-2-columns .grid-item,
    .grid-3-columns .grid-item,
    .portfolio-2-columns .portfolio-item,
    .portfolio-3-columns .portfolio-item,
    .post-2-columns .post-item,
    .post-3-columns .post-item {
        width: 50%
    }

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

@media(max-width:480px) {
    .num_box>a {
        font-size: 11px;
    }

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

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

    .grid-xs-2-columns .grid-item,
    .portfolio-xs-2-columns .portfolio-item,
    .post-xs-2-columns .post-item {
        width: 50%
    }

    .grid-xs-2-columns .grid-item.large-width,
    .portfolio-xs-2-columns .portfolio-item.large-width,
    .post-xs-2-columns .post-item.large-width {
        width: 100%
    }

    .grid-xs-3-columns .grid-item,
    .portfolio-xs-3-columns .portfolio-item,
    .post-xs-3-columns .post-item {
        width: 33.3333333333%
    }

    .grid-xs-3-columns .grid-item.large-width,
    .portfolio-xs-3-columns .portfolio-item.large-width,
    .post-xs-3-columns .post-item.large-width {
        width: 66.6666666666%
    }

    .grid-xs-4-columns .grid-item,
    .portfolio-xs-4-columns .portfolio-item,
    .post-xs-4-columns .post-item {
        width: 25%
    }

    .grid-xs-4-columns .grid-item.large-width,
    .portfolio-xs-4-columns .portfolio-item.large-width,
    .post-xs-4-columns .post-item.large-width {
        width: 25%
    }
}

.grid-item .post-item {
    width: 100%;
    padding: 0
}

.grid-item>a>img,
.grid-item>img {
    width: 100%;
    height: auto
}

.grid-item>.widget {
    margin: 0
}

.grid-filter {
    clear: both;
    display: block;
    height: 34px;
    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;
    float: left
}

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

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

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

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

.grid-filter.gf-outline li.active a,
.grid-filter.gf-outline li:hover a {
    border-color: #2250fc;
    color: #2250fc;
    background-color: transparent
}

.grid-filter.gf-lines li a {
    border-radius: 0;
    border: none;
    background-color: transparent !important
}

.grid-filter.gf-lines li a:after {
    content: '';
    position: absolute;
    top: auto;
    bottom: -2px;
    left: 50%;
    width: 0;
    height: 2px;
    transition: all .3s ease
}

.grid-filter.gf-lines li.active a,
.grid-filter.gf-lines li:hover a {
    color: #2250fc
}

.grid-filter.gf-lines li.active a:after,
.grid-filter.gf-lines li:hover a:after {
    width: 100%;
    left: 0;
    background-color: #2250fc
}

.grid-filter.gf-line-bottom {
    border-bottom: 2px solid #ebebeb
}

.grid-filter.gf-classic li a {
    color: #565656;
    border-radius: 4px
}

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

.grid-filter.gf-light li a {
    color: #fff;
    background-color: transparent
}

.grid-filter.gf-light li.active a,
.grid-filter.gf-light li:hover a {
    color: #fff;
    border-color: #fff
}

.grid-filter.gf-dark li a {
    color: #1f1f1f;
    background-color: transparent
}

.grid-filter.gf-dark li.active a,
.grid-filter.gf-dark li:hover a {
    border-color: #1f1f1f
}

.grid-filter.gf-default li a {
    color: none;
    border-radius: 0;
    background-color: transparent
}

.grid-filter.gf-default li.active a,
.grid-filter.gf-default li:hover a {
    background-color: transparent;
    color: #2250fc
}

.grid-filter.gf-creative li a {
    border-radius: 0;
    border: none;
    background-color: transparent
}

.grid-filter.gf-creative li a:after {
    background: #1f1f1f;
    content: "";
    height: 2px;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 100%;
    transform: translateY(10px);
    transition: opacity .3s ease 0s, transform .3s ease 0s;
    width: 100%
}

.grid-filter.gf-creative li.active a,
.grid-filter.gf-creative li:hover a {
    color: #565656
}

.grid-filter.gf-creative li.active a:after,
.grid-filter.gf-creative li:hover a:after {
    opacity: 1;
    transform: translateY(0)
}

.grid-filter.gf-list li {
    clear: both;
    margin-bottom: 3px
}

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

.grid-active-title {
    font-family: Nunito, Helvetica, Arial, sans-serif, ;
    font-size: 64px;
    font-weight: 100;
    opacity: .2;
    position: absolute;
    right: 0;
    top: -6px
}

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

.sidebar-both .grid-active-title {
    display: none
}

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

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

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

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

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

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

#topbar {
    position: relative;
    z-index: 199;
    background-color: #fff
}

#topbar .top-menu {
    list-style: outside none none;
    margin: 0;
    padding: 0;
    float: left
}

#topbar .top-menu>li {
    display: inline-block;
    height: 40px;
    line-height: 40px
}

#topbar .top-menu>li>a {
    display: block;
    font-size: 14px;
    font-weight: 500;
    height: 40px;
    margin-right: 16px
}

#topbar .top-links {
    position: relative
}

#topbar .social-icons {
    float: right;
    height: 100%;
    overflow: hidden
}

#topbar .social-icons li,
#topbar .social-icons li a {
    float: left;
    list-style: outside none none
}

#topbar .social-icons li a {
    border-radius: 0;
    font-size: 15px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    width: 35px;
    overflow: hidden;
    margin: 0
}

#topbar.dark {
    background-color: #1f1f1f
}

#topbar.dark .social-icons li a,
#topbar.dark .top-menu>li>a {
    color: #fff !important
}

#topbar.topbar-colored,
#topbar.topbar-colored.dark {
    background-color: #2250fc
}

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

.topbar-dropdown .title {
    border-left: 1px solid #eee;
    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 .title .fa {
    margin-left: 7px;
    position: relative;
    top: -1px
}

.topbar-dropdown .title .fa:first-child {
    margin-left: 0;
    margin-right: 7px
}

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

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

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

.topbar-dropdown:hover .dropdown-list,
.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 .list-entry {
    line-height: 30px;
    white-space: nowrap;
    display: block;
    color: #747474;
    padding: 2px 0;
    border-top: 1px #f0f0f0 solid
}

.topbar-dropdown .list-entry:hover {
    color: #222
}

.topbar-dropdown .list-entry:first-child {
    border-top: none
}

.topbar-dropdown .topbar-form {
    position: absolute;
    width: 240px;
    padding: 20px 20px 10px;
    right: auto;
    top: 40px;
    border-radius: 3px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    border: solid 1px #eee;
    z-index: 1;
    text-align: left;
    opacity: 0;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transform-origin: 50% 0 0;
    -moz-transform-origin: 50% 0 0;
    -webkit-transform-origin: 50% 0 0;
    -ms-transform-origin: 50% 0 0;
    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.float-right .title {
    padding: 0 0 0 20px !important
}

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

#topbar.topbar-fullwidth>.container {
    max-width: 100%;
    padding: 0 30px
}

#topbar {
    border-bottom: 1px solid #eee
}

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

#topbar.dark .social-icons li a,
#topbar.dark .top-menu>li>a,
#topbar.topbar-dark .social-icons li a,
#topbar.topbar-dark .top-menu>li>a {
    color: #fff !important
}

#topbar .topbar-light .social-icons li a,
#topbar .topbar-light .top-menu>li>a {
    color: #111 !important
}

.topbar-transparent {
    margin-top: -2px
}

.topbar-transparent.topbar-dark .topbar-dropdown,
.topbar-transparent.topbar-dark .topbar-dropdown .title a {
    color: #fff
}

.topbar-transparent .topbar-dropdown .title {
    border-color: rgba(231, 231, 231, .25)
}

.topbar-transparent .topbar-dropdown:first-child .title {
    border-color: transparent
}

#topbar.topbar-dark.topbar-colored {
    border-bottom: 0
}

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

#topbar.dark.topbar-transparent {
    background-color: transparent;
    border-bottom: 1px solid rgba(144, 144, 144, .25)
}

#topbar~#header[data-transparent=true]+#google-map,
#topbar~#header[data-transparent=true]+#slider,
#topbar~#header[data-transparent=true]+.fullscreen,
#topbar~#header[data-transparent=true]+.halfscreen {
    top: -150px;
    margin-bottom: -400px;
    z-index: -999;
}

#header {
    position: -webkit-sticky;
    /* Safari */
    position: sticky;
    top: 0;
    width: 100%;
    z-index: 199 !important;
    height: 70px;
    /* line-height: 70px */
}

#header .container {
    position: relative
}

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

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

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

#header.header-sticky #header-wrap,
#header.header-sticky .header-inner {
    background-color: #fff !important;
    transition: top .8s ease-in-out;
    position: fixed;
    top: -140px;
    box-shadow: 0 12px 6px rgba(0, 0, 0, .06)
}

#header.header-sticky #header-wrap #logo,
#header.header-sticky .header-inner #logo {
    font-size: 20px
}

#header.header-sticky.sticky-active #header-wrap,
#header.header-sticky.sticky-active .header-inner {
    top: 0
}

#header.header-sticky.dark #header-wrap,
#header.header-sticky.dark .header-inner {
    background-color: #1f1f1f !important
}

#header.dark #header-wrap,
#header.dark .header-inner {
    background-color: #1f1f1f
}

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

#header.dark #mainMenu nav>ul>li:before {
    color: #bbb
}

#header.dark #mainMenu nav>ul>li>a {
    color: #fff
}

#header.dark #mainMenu nav>ul>li>a .menu-sub-title {
    color: #eee
}

#header.dark #mainMenu nav>ul>li.current>a:after,
#header.dark #mainMenu nav>ul>li:focus>a:after,
#header.dark #mainMenu nav>ul>li:hover>a:after {
    background-color: #fff
}

#header.dark .header-extras i {
    color: #fff
}

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

#header[data-transparent=true] #header-wrap,
#header[data-transparent=true] .header-inner,
#header[data-transparent=true].dark #header-wrap,
#header[data-transparent=true].dark .header-inner {
    background-color: #040d19;
}

#header[data-transparent=true]+#google-map,
#header[data-transparent=true]+#slider,
#header[data-transparent=true]+.fullscreen,
#header[data-transparent=true]+.halfscreen {
    top: -10px;
    margin-bottom: -200px;
}

#header[data-fullwidth=true] #header-wrap .container,
#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)+#google-map,
#header.header-modern:not(.header-active)+#slider,
#header.header-modern:not(.header-active)+.fullscreen,
#header.header-modern:not(.header-active)+.halfscreen {
    top: -130px;
    margin-bottom: -130px
}

#header.header-modern:not(.header-active) #header-wrap,
#header.header-modern:not(.header-active) .header-inner {
    background-color: #fff;
    border-radius: 4px
}

#header.header-modern:not(.header-active).dark #header-wrap,
#header.header-modern:not(.header-active).dark .header-inner {
    background-color: #1f1f1f
}

#header.header-modern:not(.header-active)[data-transparent=true] #header-wrap,
#header.header-modern:not(.header-active)[data-transparent=true] .header-inner {
    background-color: transparent
}

#header.header-modern:not(.header-active).header-colored #header-wrap,
#header.header-modern:not(.header-active).header-colored .header-inner {
    background-color: #2250fc
}

#header.header-colored #header-wrap,
#header.header-colored .header-inner {
    background-color: #2250fc
}

#header.header-mini {
    line-height: 60px;
    height: 60px
}

#header.header-mini #header-wrap,
#header.header-mini .header-inner {
    height: 60px
}

#header.header-mini #header-wrap #mainMenu>.container nav>ul>li>a,
#header.header-mini .header-inner #mainMenu>.container nav>ul>li>a {
    font-size: 11px
}

#header.header-mini #header-wrap #mainMenu>.container nav>ul>li .dropdown-submenu:before,
#header.header-mini .header-inner #mainMenu>.container nav>ul>li .dropdown-submenu:before {
    top: -6px
}

#header.header-mini #header-wrap #logo,
#header.header-mini .header-inner #logo {
    height: 60px
}

#header.header-mini #header-wrap #logo a>img,
#header.header-mini .header-inner #logo a>img {
    height: 60px
}

#header.header-mini #header-wrap #mainMenu-trigger,
#header.header-mini .header-inner #mainMenu-trigger {
    height: 60px
}

#header.header-mini #header-wrap .header-extras,
#header.header-mini .header-inner .header-extras {
    height: 60px
}

#header.header-alternative {
    line-height: 60px;
    height: 60px
}

#header.header-alternative #header-wrap,
#header.header-alternative .header-inner {
    height: 60px
}

#header.header-alternative #header-wrap #mainMenu>.container nav>ul>li .dropdown-submenu:before,
#header.header-alternative .header-inner #mainMenu>.container nav>ul>li .dropdown-submenu:before {
    top: -6px
}

#header.header-alternative #header-wrap #logo,
#header.header-alternative .header-inner #logo {
    height: 60px
}

#header.header-alternative #header-wrap #logo a>img,
#header.header-alternative .header-inner #logo a>img {
    height: 60px;
    padding-top: 10px;
    padding-bottom: 10px
}

#header.header-alternative #header-wrap #mainMenu-trigger,
#header.header-alternative .header-inner #mainMenu-trigger {
    height: 60px
}

#header.header-alternative #header-wrap .header-extras,
#header.header-alternative .header-inner .header-extras {
    height: 60px
}

#header.header-logo-right #header-wrap #logo,
#header.header-logo-right .header-inner #logo {
    float: right
}

#header.header-logo-right #header-wrap .header-extras,
#header.header-logo-right .header-inner .header-extras {
    float: left
}

#header.header-logo-right #header-wrap #mainMenu nav,
#header.header-logo-right .header-inner #mainMenu nav {
    float: left
}

#header.header-always-fixed #header-wrap,
#header.header-always-fixed .header-inner {
    position: fixed !important;
    top: 0 !important;
    background-color: #fff;
    box-shadow: 0 12px 6px rgba(0, 0, 0, .06)
}

#header.header-plain #header-wrap,
#header.header-plain .header-inner {
    background-color: transparent;
    border: 0 !important;
    box-shadow: none
}

#header.header-shadow #header-wrap,
#header.header-shadow .header-inner {
    box-shadow: 0 0 18px 0 rgba(0, 0, 0, .12) !important
}

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

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

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

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

#mainMenu {
    padding: 0
}

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

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



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

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

#mainMenu nav>ul>li>a {
    position: relative;
    font-family: Poppins, Helvetica, Arial, sans-serif;
    padding: 10px 8px;
    text-transform: none;
    font-size: 15px;
    font-weight: 300;
    letter-spacing: .6px;
    color: #000;
    border-radius: 0;
    border-width: 0;
    border-style: solid;
    border-color: transparent;
    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>span { 
    background: #fff;
    padding: .5rem;
    border-radius: 50%;
    position: absolute;
    top: -5px;
    left: 1px;
    /* border: 3px solid #000; */
    animation: jump 0.3s infinite;
}
#mainMenu nav>ul>li:last-child{ padding-right: 4rem;}

/* #mainMenu nav>ul>li>a>i.fa.fa-phone {
    font-size: 16px;
    color: #fff;
    position: absolute;
    top: -10px;
    left: -1px;

} */

@keyframes jump{
    0% {transform: rotate(0deg);}
    25% {transform: rotate(7deg);}
    50% {transform: rotate(0deg);}
    75% {transform: rotate(-7deg);}
    100% {transform: rotate(0deg);}
  }
  

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

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

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

#mainMenu nav>ul>li .dropdown-menu.dropdown-menu2{
    left: 60rem !important;
}

#mainMenu nav>ul>li .dropdown-menu.dropdown-menu3{
    left: 60rem !important;
}
#mainMenu nav>ul>li .dropdown-menu.dropdown-menu4{
    left: auto !important;
}
#mainMenu nav>ul>li .dropdown-menu.dropdown-menu5{
    left: auto !important;
    top: 5rem;
}


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

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

#mainMenu nav>ul>li .dropdown-menu>li [class*=col-]>ul>li>a>i,
#mainMenu nav>ul>li .dropdown-menu>li>a>i,
#mainMenu nav>ul>li .dropdown-menu>li>span>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-active>a,
#mainMenu nav>ul>li .dropdown-menu>li.hover-active>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:focus>a,
#mainMenu nav>ul>li .dropdown-menu>li:focus>span,
#mainMenu nav>ul>li .dropdown-menu>li:hover>a,
#mainMenu nav>ul>li .dropdown-menu>li:hover>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: 800px;
    max-width: 100%;
    transition-duration: .3s !important
}

#mainMenu nav>ul>li.mega-menu-item .mega-menu-content {
    padding: 20px
}

#mainMenu nav>ul>li.mega-menu-item .mega-menu-content .mega-menu-title {
    font-family: Poppins, Helvetica, Arial, sans-serif;
    font-size: 15px;
    line-height: 14px;
    font-weight: 600;
    text-transform: uppercase;
    padding-bottom: 12px;
    color: #67c102;
}

#mainMenu nav>ul>li.mega-menu-item .mega-menu-content li~.mega-menu-title {
    margin-top: 12px
}

#mainMenu nav>ul>li.mega-menu-item .mega-menu-content [class*=col-]>ul>li>a,
#mainMenu nav>ul>li.mega-menu-item .mega-menu-content>a,
#mainMenu nav>ul>li.mega-menu-item .mega-menu-content>span {
    padding: 10px 0
}

#mainMenu nav>ul>li.mega-menu-item .mega-menu-content [class*=col-]>ul>li>a>i,
#mainMenu nav>ul>li.mega-menu-item .mega-menu-content>a>i,
#mainMenu nav>ul>li.mega-menu-item .mega-menu-content>span>i {
    margin-left: 0;
    margin-right: 8px
}

#mainMenu nav>ul>li.mega-menu-item .mega-menu-content [class*=col-]>ul>li:first-child>a {
    padding-top: 0
}

#mainMenu nav>ul>li.mega-menu-item .mega-menu-content [class*=col-]>ul>li:last-child>a {
    padding-bottom: 0
}

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

#mainMenu nav>ul>li .dropdown-submenu:before {
    line-height: 40px;
    content: "\e95a";
    font-family: inspiro-icons;
    opacity: .6;
    position: absolute;
    right: 16px;
    color: #262626;
    font-size: 12px;
    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;
    animation: fade-in-out .3s ease
}

#mainMenu nav>ul>li:not(.hover-active):hover>ul {
    display: block;
    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: 0 4px
}

#mainMenu.menu-fullwidth nav>ul>li.mega-menu-item>.dropdown-menu {
    left: 0 !important;
    right: 0 !important;
    width: 100%
}

#mainMenu.menu-rounded nav>ul>li>a {
    border-radius: 4px;
    border-width: 2px
}

#mainMenu.menu-rounded nav>ul>li.current>a,
#mainMenu.menu-rounded nav>ul>li:focus>a,
#mainMenu.menu-rounded nav>ul>li:hover>a {
    background-color: #2250fc;
    color: #fff
}

#mainMenu.menu-outline nav>ul>li>a {
    border-radius: 50px;
    border-width: 2px
}

#mainMenu.menu-outline nav>ul>li.current>a,
#mainMenu.menu-outline nav>ul>li:focus>a,
#mainMenu.menu-outline nav>ul>li:hover>a {
    color: #2250fc;
    border-color: #2250fc;
    background-color: transparent
}

#mainMenu.menu-sub-title nav>ul>li {
    line-height: 64px
}

#mainMenu.menu-sub-title nav>ul>li>a>.menu-sub-title {
    font-size: 10px;
    padding: 0;
    margin-top: -14px !important;
    line-height: 0;
    height: 0;
    text-transform: none;
    display: block;
    opacity: .5;
    font-weight: 400;
    margin: 0;
    margin-top: 0;
    margin-bottom: 0;
    margin-bottom: -50px;
    margin-left: 12px;
    margin-right: 14px
}

#mainMenu.menu-lines nav>ul>li {
    margin-left: 4px
}

#mainMenu.menu-lines nav>ul>li>a {
    border-radius: 0;
    border: none
}

#mainMenu.menu-lines nav>ul>li>a:after {
    content: '';
    position: absolute;
    top: auto;
    bottom: -2px;
    left: 50%;
    width: 0;
    height: 2px
}

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

#mainMenu.menu-lines nav>ul>li.current>a:after,
#mainMenu.menu-lines nav>ul>li:focus>a:after,
#mainMenu.menu-lines nav>ul>li:hover>a:after {
    width: 100%;
    left: 0;
    background-color: #2250fc
}

#mainMenu.menu-creative nav>ul>li {
    margin-left: 4px
}

#mainMenu.menu-creative nav>ul>li>a:after {
    background-color: #fff;
    content: "";
    height: 2px;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 100%;
    transform: translateY(10px);
    transition: opacity .3s ease 0s, transform .3s ease 0s;
    width: 100%;
    bottom: -2px
}

#mainMenu.menu-creative nav>ul>li.current>a:after,
#mainMenu.menu-creative nav>ul>li:focus>a:after,
#mainMenu.menu-creative nav>ul>li:hover>a:after {
    opacity: 1;
    transform: translateY(0)
}

#mainMenu.menu-slide nav>ul>li {
    visibility: hidden;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    transition: all 0s cubic-bezier(.175, .885, .525, 1.2);
    -webkit-transition-duration: 150ms;
    -moz-transition-duration: 150ms;
    -o-transition-duration: 150ms;
    transition-duration: 150ms
}

#mainMenu.menu-slide nav>ul:nth-child(n+1) {
    -webkit-transition-duration: 250ms;
    -moz-transition-duration: 250ms;
    -o-transition-duration: 250ms;
    transition-duration: 250ms;
    -webkit-transition-delay: 60ms;
    -moz-transition-delay: 60ms;
    -o-transition-delay: 60ms;
    transition-delay: 60ms
}

#mainMenu.menu-slide nav>ul:nth-child(n+2) {
    -webkit-transition-duration: 350ms;
    -moz-transition-duration: 350ms;
    -o-transition-duration: 350ms;
    transition-duration: 350ms;
    -webkit-transition-delay: 120ms;
    -moz-transition-delay: 120ms;
    -o-transition-delay: 120ms;
    transition-delay: 120ms
}

#mainMenu.menu-slide nav>ul:nth-child(n+3) {
    -webkit-transition-duration: 450ms;
    -moz-transition-duration: 450ms;
    -o-transition-duration: 450ms;
    transition-duration: 450ms;
    -webkit-transition-delay: 180ms;
    -moz-transition-delay: 180ms;
    -o-transition-delay: 180ms;
    transition-delay: 180ms
}

#mainMenu.menu-slide nav>ul:nth-child(n+4) {
    -webkit-transition-duration: 550ms;
    -moz-transition-duration: 550ms;
    -o-transition-duration: 550ms;
    transition-duration: 550ms;
    -webkit-transition-delay: 240ms;
    -moz-transition-delay: 240ms;
    -o-transition-delay: 240ms;
    transition-delay: 240ms
}

#mainMenu.menu-slide nav>ul:nth-child(n+5) {
    -webkit-transition-duration: 650ms;
    -moz-transition-duration: 650ms;
    -o-transition-duration: 650ms;
    transition-duration: 650ms;
    -webkit-transition-delay: .3s;
    -moz-transition-delay: .3s;
    -o-transition-delay: .3s;
    transition-delay: .3s
}

#mainMenu.menu-slide nav>ul:nth-child(n+6) {
    -webkit-transition-duration: 750ms;
    -moz-transition-duration: 750ms;
    -o-transition-duration: 750ms;
    transition-duration: 750ms;
    -webkit-transition-delay: 360ms;
    -moz-transition-delay: 360ms;
    -o-transition-delay: 360ms;
    transition-delay: 360ms
}

#mainMenu.menu-slide nav>ul:nth-child(n+7) {
    -webkit-transition-duration: 750ms;
    -moz-transition-duration: 750ms;
    -o-transition-duration: 750ms;
    transition-duration: 750ms;
    -webkit-transition-delay: 420ms;
    -moz-transition-delay: 420ms;
    -o-transition-delay: 420ms;
    transition-delay: 420ms
}

#mainMenu.menu-slide nav>ul:nth-child(n+8) {
    -webkit-transition-duration: 750ms;
    -moz-transition-duration: 750ms;
    -o-transition-duration: 750ms;
    transition-duration: 750ms;
    -webkit-transition-delay: 480ms;
    -moz-transition-delay: 480ms;
    -o-transition-delay: 480ms;
    transition-delay: 480ms
}

#mainMenu.menu-slide.items-visible nav>ul>li {
    visibility: visible;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1
}

#mainMenu.menu-slide.items-visible nav>ul>li:nth-child(n+1) {
    -webkit-transition-duration: 250ms;
    -moz-transition-duration: 250ms;
    -o-transition-duration: 250ms;
    transition-duration: 250ms;
    -webkit-transition-delay: 60ms;
    -moz-transition-delay: 60ms;
    -o-transition-delay: 60ms;
    transition-delay: 60ms
}

#mainMenu.menu-slide.items-visible nav>ul>li:nth-child(n+2) {
    -webkit-transition-duration: 350ms;
    -moz-transition-duration: 350ms;
    -o-transition-duration: 350ms;
    transition-duration: 350ms;
    -webkit-transition-delay: 120ms;
    -moz-transition-delay: 120ms;
    -o-transition-delay: 120ms;
    transition-delay: 120ms
}

#mainMenu.menu-slide.items-visible nav>ul>li:nth-child(n+3) {
    -webkit-transition-duration: 450ms;
    -moz-transition-duration: 450ms;
    -o-transition-duration: 450ms;
    transition-duration: 450ms;
    -webkit-transition-delay: 180ms;
    -moz-transition-delay: 180ms;
    -o-transition-delay: 180ms;
    transition-delay: 180ms
}

#mainMenu.menu-slide.items-visible nav>ul>li:nth-child(n+4) {
    -webkit-transition-duration: 550ms;
    -moz-transition-duration: 550ms;
    -o-transition-duration: 550ms;
    transition-duration: 550ms;
    -webkit-transition-delay: 240ms;
    -moz-transition-delay: 240ms;
    -o-transition-delay: 240ms;
    transition-delay: 240ms
}

#mainMenu.menu-slide.items-visible nav>ul>li:nth-child(n+5) {
    -webkit-transition-duration: 650ms;
    -moz-transition-duration: 650ms;
    -o-transition-duration: 650ms;
    transition-duration: 650ms;
    -webkit-transition-delay: .3s;
    -moz-transition-delay: .3s;
    -o-transition-delay: .3s;
    transition-delay: .3s
}

#mainMenu.menu-slide.items-visible nav>ul>li:nth-child(n+6) {
    -webkit-transition-duration: 750ms;
    -moz-transition-duration: 750ms;
    -o-transition-duration: 750ms;
    transition-duration: 750ms;
    -webkit-transition-delay: 360ms;
    -moz-transition-delay: 360ms;
    -o-transition-delay: 360ms;
    transition-delay: 360ms
}

#mainMenu.menu-slide.items-visible nav>ul>li:nth-child(n+7) {
    -webkit-transition-duration: 750ms;
    -moz-transition-duration: 750ms;
    -o-transition-duration: 750ms;
    transition-duration: 750ms;
    -webkit-transition-delay: 420ms;
    -moz-transition-delay: 420ms;
    -o-transition-delay: 420ms;
    transition-delay: 420ms
}

#mainMenu.menu-slide.items-visible nav>ul>li:nth-child(n+8) {
    -webkit-transition-duration: 750ms;
    -moz-transition-duration: 750ms;
    -o-transition-duration: 750ms;
    transition-duration: 750ms;
    -webkit-transition-delay: 480ms;
    -moz-transition-delay: 480ms;
    -o-transition-delay: 480ms;
    transition-delay: 480ms
}

#mainMenu.menu-hover-background nav>ul>li {
    margin-left: 0
}

#mainMenu.menu-hover-background nav>ul>li>a {
    background: 0 0
}

#mainMenu.menu-hover-background nav>ul>li.current,
#mainMenu.menu-hover-background nav>ul>li:focus,
#mainMenu.menu-hover-background nav>ul>li:hover {
    background-color: #2250fc
}

#mainMenu.menu-hover-background nav>ul>li.current>a,
#mainMenu.menu-hover-background nav>ul>li:focus>a,
#mainMenu.menu-hover-background nav>ul>li:hover>a {
    color: #fff !important
}

#mainMenu.menu-hover-background nav>ul .dropdown-menu {
    margin-top: 0;
    border-radius: 0
}

#mainMenu.menu-overlay nav {
    opacity: 0 !important;
    pointer-events: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100% !important;
    background: rgba(31, 31, 31, .99);
    transition: opacity .5s ease
}

#mainMenu.menu-overlay nav>ul {
    transition: transform 1s ease;
    transform: translateY(-80%);
    top: -80%;
    position: relative
}

#mainMenu.menu-overlay nav>ul>li {
    float: none;
    text-align: center;
    max-width: 400px;
    margin: 0 auto;
    padding: 0;
    line-height: 40px
}

#mainMenu.menu-overlay nav>ul>li>a {
    opacity: 0;
    font-size: 32px;
    padding-top: 12px;
    padding-bottom: 12px;
    letter-spacing: 2px;
    text-transform: none;
    color: #fff
}

#mainMenu.menu-overlay nav>ul>li .dropdown-menu,
#mainMenu.menu-overlay nav>ul>li .dropdown-submenu {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important
}

#mainMenu.menu-left nav {
    float: left;
    margin-left: 20px
}

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

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

#mainMenu.menu-center>.container {
    float: none !important;
    text-align: center
}

#mainMenu.menu-center nav {
    float: none;
    display: inline-block;
    vertical-align: top
}

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

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

#mainMenu.menu-rounded-dropdown nav>ul>li .dropdown-menu {
    border-radius: 6px
}

#mainMenu.menu-rounded-dropdown nav>ul>li>.dropdown-menu {
    margin-top: -6px !important
}

#mainMenu.menu-lowercase nav>ul>li>a {
    text-transform: unset;
    letter-spacing: 0;
    font-size: 14px;
    font-weight: 500
}

.header-extras {
    float: right;
    z-index: 201;
    position: relative;
    height: 80px
}

.header-extras>ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.header-extras>ul>li {
    float: left;
    border: 0
}

.header-extras>ul>li>.p-dropdown,
.header-extras>ul>li>a:not(.btn) {
    padding-left: 6px;
    padding-right: 6px
}

.header-extras>ul>li .topbar-dropdown>.title,
.header-extras>ul>li>a:not(.btn) {
    font-family: Poppins, Helvetica, Arial, sans-serif;
    font-size: 12px;
    position: relative;
    display: block;
    font-style: normal;
    text-transform: uppercase;
    font-weight: 700
}

.header-extras>ul>li .topbar-dropdown>.title i,
.header-extras>ul>li>a:not(.btn) i {
    font-size: 14px;
    position: relative
}

.header-extras>ul>li .topbar-dropdown>.title i:nth-of-type(2),
.header-extras>ul>li>a:not(.btn) i:nth-of-type(2) {
    visibility: hidden;
    position: absolute
}

.header-extras>ul>li .topbar-dropdown>.title.toggle-active i:nth-of-type(2),
.header-extras>ul>li>a:not(.btn).toggle-active i:nth-of-type(2) {
    visibility: visible;
    position: relative
}

.header-extras>ul>li .topbar-dropdown>.title.toggle-active i:nth-of-type(1),
.header-extras>ul>li>a:not(.btn).toggle-active i:nth-of-type(1) {
    visibility: hidden;
    position: absolute
}

.header-extras>ul>li .btn {
    margin-bottom: 0
}

.header-extras #shopping-cart {
    position: relative
}

.header-extras #shopping-cart>a {
    position: relative
}

.header-extras #shopping-cart>a .shopping-cart-items {
    position: absolute;
    z-index: 1;
    background: #2250fc;
    border-radius: 50%;
    color: #fff;
    font-size: 9px;
    font-weight: 600;
    height: 13px;
    line-height: 10px;
    padding: 2px 4px;
    right: -6px;
    top: -6px;
    width: 13px
}

.header-extras .topbar-dropdown .title {
    line-height: inherit !important;
    letter-spacing: 1px;
    padding: 0;
    color: #1f1f1f
}

.header-extras .topbar-dropdown .dropdown-list {
    right: -10px;
    margin-top: -20px;
    left: auto;
    box-shadow: 0 -6px 16px rgba(0, 0, 0, .1);
    margin-top: -16px
}

.header-extras .topbar-dropdown .dropdown-list:before {
    content: " ";
    width: 0;
    height: 0;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-bottom: 9px solid #fff;
    top: -9px;
    right: 14px;
    position: absolute
}

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

    100% {
        opacity: 1
    }
}

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

    100% {
        opacity: 1
    }
}

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

    100% {
        opacity: 1
    }
}

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

    100% {
        opacity: 1
    }
}

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

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

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

#dotsMenu ul li {
    text-align: right;
    padding: 0;
    width: 15px;
    height: 15px;
    margin-bottom: 12px;
    background-color: #eee;
    border-radius: 50%;
    transform: scale(.6);
    transition: transform .3s, background-color .5s
}

#dotsMenu ul li:hover {
    background-color: #2250fc;
    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;
    transition: transform .2s, opacity .2s;
    opacity: 0;
    transform-origin: 100% 50%;
    background-color: rgba(0, 0, 0, .6);
    border-radius: 100px;
    line-height: 26px;
    padding: 0 12px;
    text-transform: uppercase
}

#dotsMenu ul li a:hover:before {
    transform: scale(1)
}

#dotsMenu ul li a.active:before,
#dotsMenu ul li a:hover:before {
    background-color: #2250fc
}

#dotsMenu ul li a.active>span,
#dotsMenu ul li a:hover>span {
    opacity: 1;
    transform: scale(1)
}

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

.menu-overlay-active #header[data-fullwidth=true][data-transparent=true] #header-wrap,
.menu-overlay-active #header[data-fullwidth=true][data-transparent=true] #header-wrap .header-extras,
.menu-overlay-active #header[data-fullwidth=true][data-transparent=true] .header-inner,
.menu-overlay-active #header[data-fullwidth=true][data-transparent=true] .header-inner .header-extras,
.menu-overlay-active #topbar.topbar-transparent.topbar-fullwidth {
    border: 0
}

.menu-overlay-active #header.header-sticky.dark #header-wrap,
.menu-overlay-active #header.header-sticky.dark .header-inner {
    background-color: transparent !important
}

.menu-overlay-active #header #mainMenu {
    z-index: 200
}

.menu-overlay-active #header #mainMenu nav {
    opacity: 1 !important;
    display: inherit !important;
    pointer-events: auto
}

.menu-overlay-active #header #mainMenu nav>ul {
    transform: translateY(-50%);
    top: 50%
}

.menu-overlay-active #header #mainMenu nav>ul>li>a {
    opacity: 1
}

.menu-overlay-active #header .header-extras a:not(#menu-overlay-trigger) {
    opacity: 0;
    visibility: hidden
}

.menu-overlay-active #header #menu-overlay-trigger .lines,
.menu-overlay-active #header #menu-overlay-trigger .lines:after,
.menu-overlay-active #header #menu-overlay-trigger .lines:before {
    background-color: #fff
}

.header-logo-center #logo,
.menu-split #logo {
    position: absolute !important;
    width: 100%;
    text-align: center;
    margin: 0;
    float: none;
    height: 100px
}

.header-logo-center #logo>a,
.menu-split #logo>a {
    display: inline-block
}

.header-logo-center #mainMenu nav,
.menu-split #mainMenu nav {
    float: none;
    margin: 0;
    position: relative;
    z-index: 1
}

.header-logo-center #mainMenu nav>ul,
.menu-split #mainMenu nav>ul {
    z-index: 198
}

.header-logo-center #mainMenu nav>ul:first-child,
.menu-split #mainMenu nav>ul:first-child {
    float: left
}

.header-logo-center #mainMenu nav>ul:last-child,
.menu-split #mainMenu nav>ul:last-child {
    float: right
}

#mainMenu.dark:not(.light):not(.menu-rounded) nav>ul>li:before {
    color: #bbb
}

#mainMenu.dark:not(.light):not(.menu-rounded) nav>ul>li .dropdown-menu {
    background-color: #1f1f1f;
    border: 1px solid #292929
}

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

#mainMenu.dark:not(.light):not(.menu-rounded) nav>ul>li .dropdown-menu>li [class*=col-]>ul>li>a:hover,
#mainMenu.dark:not(.light):not(.menu-rounded) nav>ul>li .dropdown-menu>li>a:hover,
#mainMenu.dark:not(.light):not(.menu-rounded) nav>ul>li .dropdown-menu>li>span:hover {
    color: #2250fc
}

#mainMenu.dark:not(.light):not(.menu-rounded) nav>ul>li .dropdown-submenu:before {
    color: #bbb
}

#mainMenu.dark:not(.light):not(.menu-rounded) nav>ul>li.mega-menu-item .mega-menu-content .mega-menu-title {
    color: #eee
}

#mainMenu.dark:not(.light):not(.menu-rounded) nav>ul>li.current>a,
#mainMenu.dark:not(.light):not(.menu-rounded) nav>ul>li.current>span,
#mainMenu.dark:not(.light):not(.menu-rounded) nav>ul>li.hover-active>a,
#mainMenu.dark:not(.light):not(.menu-rounded) nav>ul>li.hover-active>span,
#mainMenu.dark:not(.light):not(.menu-rounded) nav>ul>li:focus>a,
#mainMenu.dark:not(.light):not(.menu-rounded) nav>ul>li:focus>span,
#mainMenu.dark:not(.light):not(.menu-rounded) nav>ul>li:hover>a,
#mainMenu.dark:not(.light):not(.menu-rounded) nav>ul>li:hover>span {
    color: #2250fc
}

#menu-overlay-trigger {
    z-index: 299 !important
}

#header[data-fullwidth=true] #mainMenu:not(.menu-left):not(.menu-center) nav>ul>li.mega-menu-item>.dropdown-menu {
    left: auto;
    right: 0
}

#header[data-fullwidth=true] #mainMenu.menu-center nav>ul>li.mega-menu-item>.dropdown-menu {
    right: auto;
    left: 50%;
    transform: translateX(-50%)
}

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

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

.page-menu .menu-title {
    display: none
}

.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 {
    transition: all .3s ease;
    position: relative;
    border: 0;
    display: inline-block;
    float: none;
    padding: 0 2px;
    font-family: Poppins, Helvetica, Arial, sans-serif
}

.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: #565656;
    border-radius: 50px;
    transition: all .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 {
    transition: all .3s ease
}

.page-menu nav>ul>li.active>a,
.page-menu nav>ul>li:hover>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;
    transition: all .2s ease;
    content: "\e958";
    font-family: inspiro-icons;
    right: 10px;
    top: 1px;
    position: absolute;
    color: #565656;
    z-index: 2
}

.page-menu nav>ul>li .dropdown-menu {
    font-family: Poppins, Helvetica, Arial, sans-serif;
    padding: 14px 20px;
    width: auto;
    top: 50px;
    left: 0;
    margin: 0;
    border-radius: 4px;
    background-color: #fff;
    border: 1px solid #ececec;
    min-width: 180px;
    box-shadow: 0 14px 20px rgba(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
}

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

.page-menu.menu-rounded nav>ul>li.active.dropdown:before,
.page-menu.menu-rounded nav>ul>li:hover.dropdown:before {
    color: #fff
}

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

.page-menu.menu-lines nav>ul>li>a {
    border-radius: 0;
    border: none;
    background-color: transparent
}

.page-menu.menu-lines nav>ul>li>a:after {
    content: '';
    position: absolute;
    top: auto;
    bottom: -11px;
    left: 50%;
    width: 0;
    height: 1px;
    transition: all .3s ease
}

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

.page-menu.menu-lines nav>ul>li.active>a:after,
.page-menu.menu-lines nav>ul>li:hover>a:after {
    width: 100%;
    left: 0;
    background-color: #2250fc
}

.page-menu.menu-solid nav>ul>li>a {
    color: #565656;
    border-radius: 4px
}

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

.page-menu.menu-light nav>ul>li>a {
    color: #565656;
    background-color: transparent
}

.page-menu.menu-light nav>ul>li.active>a,
.page-menu.menu-light nav>ul>li:hover>a {
    border-color: #ebebeb
}

.page-menu.inverted {
    background-color: #333
}

.page-menu.inverted nav {
    background-color: #333
}

.page-menu.inverted nav>ul>li>a {
    border: 0;
    color: #fff;
    background-color: transparent
}

.page-menu.inverted nav>ul>li.active>a,
.page-menu.inverted nav>ul>li:hover>a {
    border-color: transparent;
    background-color: #404040
}

.page-menu.inverted nav>ul>li .dropdown-menu {
    background-color: #333;
    border: 1px solid #2b2b2b;
    box-shadow: 0 14px 20px rgba(255, 255, 255, .1)
}

.page-menu.inverted nav>ul>li .dropdown-menu a {
    color: #fff
}

.page-menu.menu-creative nav>ul>li>a {
    border-radius: 0;
    border: none;
    background-color: transparent
}

.page-menu.menu-creative nav>ul>li>a:after {
    background: #1f1f1f;
    content: "";
    height: 2px;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 100%;
    transform: translateY(10px);
    transition: opacity .3s ease 0s, transform .3s ease 0s;
    width: 100%
}

.page-menu.menu-creative nav>ul>li.active>a,
.page-menu.menu-creative nav>ul>li:hover>a {
    color: #565656
}

.page-menu.menu-creative nav>ul>li.active>a:after,
.page-menu.menu-creative nav>ul>li:hover>a:after {
    opacity: 1;
    transform: translateY(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
}

#pageMenu-trigger i {
    color: #444
}

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

@media(max-width:991px) {
    .page-menu #pageMenu-trigger {
        opacity: 1
    }

    .page-menu #pageMenu-trigger i {
        color: #565656
    }

    .page-menu nav {
        border-radius: 4px 0 4px 4px;
        border: 1px solid #ececec;
        box-shadow: 0 33px 32px rgba(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;
        border: none
    }

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

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

    .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: #eee;
        border-width: 1px !important;
        box-shadow: 0 33px 32px rgba(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.inverted nav>ul>li>a,
    .page-menu.menu-creative nav>ul>li>a,
    .page-menu.menu-light nav>ul>li>a,
    .page-menu.menu-lines nav>ul>li>a,
    .page-menu.menu-outline nav>ul>li>a,
    .page-menu.menu-rounded nav>ul>li>a,
    .page-menu.menu-solid nav>ul>li>a {
        color: #565656;
        border-radius: 0
    }

    .page-menu.inverted nav>ul>li.active>a,
    .page-menu.inverted nav>ul>li:hover>a,
    .page-menu.menu-creative nav>ul>li.active>a,
    .page-menu.menu-creative nav>ul>li:hover>a,
    .page-menu.menu-light nav>ul>li.active>a,
    .page-menu.menu-light nav>ul>li:hover>a,
    .page-menu.menu-lines nav>ul>li.active>a,
    .page-menu.menu-lines nav>ul>li:hover>a,
    .page-menu.menu-outline nav>ul>li.active>a,
    .page-menu.menu-outline nav>ul>li:hover>a,
    .page-menu.menu-rounded nav>ul>li.active>a,
    .page-menu.menu-rounded nav>ul>li:hover>a,
    .page-menu.menu-solid nav>ul>li.active>a,
    .page-menu.menu-solid nav>ul>li:hover>a {
        color: #2250fc;
        background-color: initial;
        border: 0
    }

    .page-menu.inverted nav>ul>li.active>a:after,
    .page-menu.inverted nav>ul>li:hover>a:after,
    .page-menu.menu-creative nav>ul>li.active>a:after,
    .page-menu.menu-creative nav>ul>li:hover>a:after,
    .page-menu.menu-light nav>ul>li.active>a:after,
    .page-menu.menu-light nav>ul>li:hover>a:after,
    .page-menu.menu-lines nav>ul>li.active>a:after,
    .page-menu.menu-lines nav>ul>li:hover>a:after,
    .page-menu.menu-outline nav>ul>li.active>a:after,
    .page-menu.menu-outline nav>ul>li:hover>a:after,
    .page-menu.menu-rounded nav>ul>li.active>a:after,
    .page-menu.menu-rounded nav>ul>li:hover>a:after,
    .page-menu.menu-solid nav>ul>li.active>a:after,
    .page-menu.menu-solid nav>ul>li:hover>a:after {
        display: none
    }

    .page-menu.inverted nav>ul>li.active.dropdown:before,
    .page-menu.inverted nav>ul>li:hover.dropdown:before,
    .page-menu.menu-creative nav>ul>li.active.dropdown:before,
    .page-menu.menu-creative nav>ul>li:hover.dropdown:before,
    .page-menu.menu-light nav>ul>li.active.dropdown:before,
    .page-menu.menu-light nav>ul>li:hover.dropdown:before,
    .page-menu.menu-lines nav>ul>li.active.dropdown:before,
    .page-menu.menu-lines nav>ul>li:hover.dropdown:before,
    .page-menu.menu-outline nav>ul>li.active.dropdown:before,
    .page-menu.menu-outline nav>ul>li:hover.dropdown:before,
    .page-menu.menu-rounded nav>ul>li.active.dropdown:before,
    .page-menu.menu-rounded nav>ul>li:hover.dropdown:before,
    .page-menu.menu-solid nav>ul>li.active.dropdown:before,
    .page-menu.menu-solid nav>ul>li:hover.dropdown:before {
        color: #565656
    }

    .page-menu.inverted {
        background-color: #333
    }

    .page-menu.inverted nav {
        background-color: #333;
        border: 1px solid #2b2b2b;
        box-shadow: 0 33px 32px rgba(255, 255, 255, .1)
    }

    .page-menu.inverted nav>ul>li a {
        color: #fff
    }

    .page-menu.inverted nav>ul>li ul {
        background-color: #333
    }

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

#side-panel {
    opacity: 0;
    background-color: #eee;
    height: 100%;
    width: 300px;
    position: fixed;
    left: -300px;
    height: 100%;
    transition: left .4s, right .4s;
    overflow: hidden;
    z-index: 1
}

#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: #1f1f1f;
    text-align: center;
    background-color: rgba(0, 0, 0, .1);
    border-radius: 0 0 0 2px
}

#side-panel .side-panel-wrap {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    right: -18px;
    bottom: 0;
    height: 100%;
    overflow-y: scroll;
    overflow-x: hidden;
    padding: 30px
}

#side-panel .side-panel-wrap .logo {
    margin-bottom: 20px
}

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

#side-panel.dark #mainMenu nav>ul>li:before {
    color: #bbb
}

#side-panel.dark #mainMenu nav>ul>li>a {
    color: #eee
}

#side-panel.dark #mainMenu nav>ul>li>a .menu-sub-title {
    color: #eee
}

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

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

.side-panel.side-panel-static #side-panel {
    left: 0 !important;
    right: auto !important
}

.side-panel.side-panel-static #close-panel,
.side-panel.side-panel-static #side-panel-trigger {
    display: none
}

.side-panel.side-panel-static #wrapper,
.side-panel.side-panel-static .body-inner {
    padding-left: 300px;
    transition: left .4s, right .4s
}

.side-panel.side-panel-static #wrapper>div>.container,
.side-panel.side-panel-static #wrapper>footer .copyright-content>.container,
.side-panel.side-panel-static #wrapper>footer .footer-content>.container,
.side-panel.side-panel-static #wrapper>section>.container,
.side-panel.side-panel-static .body-inner>div>.container,
.side-panel.side-panel-static .body-inner>footer .copyright-content>.container,
.side-panel.side-panel-static .body-inner>footer .footer-content>.container,
.side-panel.side-panel-static .body-inner>section>.container {
    padding-left: 30px;
    width: auto;
    padding-right: 30px
}

.side-panel.side-panel-static #wrapper #header.header-sticky #header-wrap>.container,
.side-panel.side-panel-static #wrapper #header.header-sticky .header-inner>.container,
.side-panel.side-panel-static .body-inner #header.header-sticky #header-wrap>.container,
.side-panel.side-panel-static .body-inner #header.header-sticky .header-inner>.container {
    padding-left: 330px
}

.side-panel.side-panel-static.side-panel-right #side-panel {
    right: 0 !important;
    left: auto !important
}

.side-panel.side-panel-static.side-panel-right #wrapper,
.side-panel.side-panel-static.side-panel-right .body-inner {
    padding-left: 0;
    padding-right: 300px
}

.side-panel.side-panel-static.side-panel-right #wrapper #header.header-sticky #header-wrap>.container,
.side-panel.side-panel-static.side-panel-right #wrapper #header.header-sticky .header-inner>.container,
.side-panel.side-panel-static.side-panel-right .body-inner #header.header-sticky #header-wrap>.container,
.side-panel.side-panel-static.side-panel-right .body-inner #header.header-sticky .header-inner>.container {
    padding-right: 330px;
    padding-left: 30px
}

.side-panel.side-panel-reval #side-panel {
    z-index: -1;
    left: 0;
    right: auto
}

.side-panel.side-panel-reval #wrapper,
.side-panel.side-panel-reval .body-inner {
    left: 0;
    right: auto;
    transition: left .4s, right .4s
}

.side-panel.side-panel-admin {
    transition: all .4s ease
}

.side-panel.side-panel-admin #side-panel {
    width: 80px;
    left: 0;
    right: auto;
    transition: all .4s ease
}

.side-panel.side-panel-admin #side-panel #mainMenu nav>ul>li>a>i {
    font-size: 22px
}

.side-panel.side-panel-admin #side-panel .side-panel-wrap .logo {
    margin-left: -16px
}

.side-panel.side-panel-admin #wrapper,
.side-panel.side-panel-admin .body-inner {
    padding-left: 80px;
    left: 0;
    right: auto;
    transition: all .4s ease
}

.side-panel.side-panel-admin #wrapper #header #header-wrap,
.side-panel.side-panel-admin #wrapper #header .header-inner,
.side-panel.side-panel-admin .body-inner #header #header-wrap,
.side-panel.side-panel-admin .body-inner #header .header-inner {
    left: 80px;
    transition: all .4s ease
}

.side-panel.side-panel-active.side-panel-slide-in #side-panel {
    left: 0;
    right: auto
}

.side-panel.side-panel-active.side-panel-reval #wrapper,
.side-panel.side-panel-active.side-panel-reval .body-inner {
    left: 300px;
    right: auto;
    box-shadow: -7px -2px 12px 0 rgba(0, 0, 0, .1)
}

.side-panel.side-panel-active.side-panel-reval #wrapper #header.header-sticky #header-wrap,
.side-panel.side-panel-active.side-panel-reval #wrapper #header.header-sticky .header-inner,
.side-panel.side-panel-active.side-panel-reval .body-inner #header.header-sticky #header-wrap,
.side-panel.side-panel-active.side-panel-reval .body-inner #header.header-sticky .header-inner {
    left: 300px;
    right: -300px
}

.side-panel.side-panel-active.side-panel-admin #side-panel {
    width: 300px;
    left: 0;
    right: auto
}

.side-panel.side-panel-active.side-panel-admin #wrapper,
.side-panel.side-panel-active.side-panel-admin .body-inner {
    padding-left: 300px;
    left: 0;
    right: auto
}

.side-panel.side-panel-active.side-panel-admin #wrapper #header #header-wrap,
.side-panel.side-panel-active.side-panel-admin #wrapper #header .header-inner,
.side-panel.side-panel-active.side-panel-admin .body-inner #header #header-wrap,
.side-panel.side-panel-active.side-panel-admin .body-inner #header .header-inner {
    left: 300px
}

.side-panel.side-panel-active.side-panel-admin #wrapper #header.header-sticky #header-wrap,
.side-panel.side-panel-active.side-panel-admin #wrapper #header.header-sticky .header-inner,
.side-panel.side-panel-active.side-panel-admin .body-inner #header.header-sticky #header-wrap,
.side-panel.side-panel-active.side-panel-admin .body-inner #header.header-sticky .header-inner {
    left: 300px
}

.side-panel.side-panel-active.side-panel-push #side-panel {
    left: 0;
    right: auto
}

.side-panel.side-panel-active.side-panel-push #wrapper,
.side-panel.side-panel-active.side-panel-push .body-inner {
    left: 300px
}

.side-panel.side-panel-active.side-panel-push #wrapper #header.header-sticky #header-wrap>.container,
.side-panel.side-panel-active.side-panel-push #wrapper #header.header-sticky .header-inner>.container,
.side-panel.side-panel-active.side-panel-push .body-inner #header.header-sticky #header-wrap>.container,
.side-panel.side-panel-active.side-panel-push .body-inner #header.header-sticky .header-inner>.container {
    left: 300px;
    right: 0
}

.side-panel.side-panel-right #side-panel {
    right: -300px;
    left: auto
}

.side-panel.side-panel-right #side-panel #close-panel {
    left: 0;
    right: auto
}

.side-panel.side-panel-right #wrapper,
.side-panel.side-panel-right .body-inner {
    left: auto;
    right: 0
}

.side-panel.side-panel-right #wrapper #header.header-sticky #header-wrap>.container,
.side-panel.side-panel-right #wrapper #header.header-sticky .header-inner>.container,
.side-panel.side-panel-right .body-inner #header.header-sticky #header-wrap>.container,
.side-panel.side-panel-right .body-inner #header.header-sticky .header-inner>.container {
    transition: left .4s, right .4s
}

.side-panel.side-panel-right.side-panel-reval #side-panel {
    left: auto;
    right: 0
}

.side-panel.side-panel-right.side-panel-reval #wrapper,
.side-panel.side-panel-right.side-panel-reval .body-inner {
    left: auto;
    right: 0;
    transition: left .4s, right .4s;
    box-shadow: 12px -2px 12px 0 rgba(0, 0, 0, .1)
}

.side-panel.side-panel-right.side-panel-active.side-panel-slide-in #side-panel {
    right: 0;
    left: auto
}

.side-panel.side-panel-right.side-panel-active.side-panel-reval #wrapper,
.side-panel.side-panel-right.side-panel-active.side-panel-reval .body-inner {
    right: 300px;
    left: auto
}

.side-panel.side-panel-right.side-panel-active.side-panel-reval #wrapper #header.header-sticky #header-wrap,
.side-panel.side-panel-right.side-panel-active.side-panel-reval #wrapper #header.header-sticky .header-inner,
.side-panel.side-panel-right.side-panel-active.side-panel-reval .body-inner #header.header-sticky #header-wrap,
.side-panel.side-panel-right.side-panel-active.side-panel-reval .body-inner #header.header-sticky .header-inner {
    right: 300px;
    left: -300px
}

.side-panel.side-panel-right.side-panel-active.side-panel-admin #wrapper,
.side-panel.side-panel-right.side-panel-active.side-panel-admin .body-inner {
    right: 300px;
    left: auto
}

.side-panel.side-panel-right.side-panel-active.side-panel-admin #wrapper #header.header-sticky #header-wrap,
.side-panel.side-panel-right.side-panel-active.side-panel-admin #wrapper #header.header-sticky .header-inner,
.side-panel.side-panel-right.side-panel-active.side-panel-admin .body-inner #header.header-sticky #header-wrap,
.side-panel.side-panel-right.side-panel-active.side-panel-admin .body-inner #header.header-sticky .header-inner {
    right: 300px;
    left: -300px
}

.side-panel.side-panel-right.side-panel-active.side-panel-push #side-panel {
    right: 0;
    left: auto
}

.side-panel.side-panel-right.side-panel-active.side-panel-push #wrapper,
.side-panel.side-panel-right.side-panel-active.side-panel-push .body-inner {
    right: 300px;
    left: auto
}

.side-panel.side-panel-right.side-panel-active.side-panel-push #wrapper #header.header-sticky #header-wrap>.container,
.side-panel.side-panel-right.side-panel-active.side-panel-push #wrapper #header.header-sticky .header-inner>.container,
.side-panel.side-panel-right.side-panel-active.side-panel-push .body-inner #header.header-sticky #header-wrap>.container,
.side-panel.side-panel-right.side-panel-active.side-panel-push .body-inner #header.header-sticky .header-inner>.container {
    transition: left .4s, right .4s;
    right: 300px;
    left: auto
}

body.side-panel-static #wrapper .container,
body.side-panel-static .body-inner .container {
    max-width: 1210px;
    padding: 0 35px;
    width: auto !important
}

#mainMenu.menu-center.menu-vertical,
#mainMenu.menu-vertical {
    max-height: 3000px;
    clear: both;
    display: block;
    width: 100%;
    opacity: 1;
    overflow: hidden;
    transition: max-height .8s cubic-bezier(.79, .14, .15, .86), opacity .8s cubic-bezier(.79, .14, .15, .86)
}

#mainMenu.menu-center.menu-vertical>.container,
#mainMenu.menu-vertical>.container {
    text-align: left !important;
    width: 100% !important
}

#mainMenu.menu-center.menu-vertical nav,
#mainMenu.menu-vertical nav {
    line-height: 40px;
    float: none;
    width: 100%;
    padding-bottom: 20px
}

#mainMenu.menu-center.menu-vertical nav>ul,
#mainMenu.menu-vertical nav>ul {
    float: none;
    width: 100%
}

#mainMenu.menu-center.menu-vertical nav>ul>li,
#mainMenu.menu-vertical nav>ul>li {
    padding: 0;
    margin: 0;
    clear: both;
    float: none;
    display: block;
    border: 0
}

#mainMenu.menu-center.menu-vertical nav>ul>li.dropdown:before,
#mainMenu.menu-vertical nav>ul>li.dropdown:before {
    font-size: 12px;
    transition: all .2s ease;
    content: "\e95a";
    font-family: inspiro-icons;
    opacity: .6;
    position: absolute;
    right: 2px;
    color: #262626
}

#mainMenu.menu-center.menu-vertical nav>ul>li.hover-active:before,
#mainMenu.menu-vertical nav>ul>li.hover-active:before {
    transform: rotate(90deg)
}

#mainMenu.menu-center.menu-vertical nav>ul>li>a,
#mainMenu.menu-vertical nav>ul>li>a {
    display: block;
    padding: 12px 0;
    font-size: 13px !important;
    border: 0;
    border-radius: 0
}

#mainMenu.menu-center.menu-vertical nav>ul>li>a:after,
#mainMenu.menu-vertical nav>ul>li>a:after {
    display: none
}

#mainMenu.menu-center.menu-vertical nav>ul>li>a .menu-sub-title,
#mainMenu.menu-vertical nav>ul>li>a .menu-sub-title {
    display: none !important
}

#mainMenu.menu-center.menu-vertical nav>ul>li .dropdown-submenu:not(.hover-active):hover>ul,
#mainMenu.menu-vertical nav>ul>li .dropdown-submenu:not(.hover-active):hover>ul {
    animation: none !important
}

#mainMenu.menu-center.menu-vertical nav>ul>li:not(.hover-active):hover>ul,
#mainMenu.menu-vertical nav>ul>li:not(.hover-active):hover>ul {
    animation: none !important
}

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

#mainMenu.menu-center.menu-vertical nav>ul>li .dropdown-menu>li [class*=col-]>ul>li>a,
#mainMenu.menu-center.menu-vertical nav>ul>li .dropdown-menu>li>a,
#mainMenu.menu-center.menu-vertical nav>ul>li .dropdown-menu>li>span,
#mainMenu.menu-vertical nav>ul>li .dropdown-menu>li [class*=col-]>ul>li>a,
#mainMenu.menu-vertical nav>ul>li .dropdown-menu>li>a,
#mainMenu.menu-vertical nav>ul>li .dropdown-menu>li>span {
    padding: 12px 0;
    display: block
}

#mainMenu.menu-center.menu-vertical nav>ul>li.mega-menu-item,
#mainMenu.menu-vertical nav>ul>li.mega-menu-item {
    position: relative
}

#mainMenu.menu-center.menu-vertical nav>ul>li.mega-menu-item .mega-menu-content,
#mainMenu.menu-vertical nav>ul>li.mega-menu-item .mega-menu-content {
    padding: 0 0 0 15px
}

#mainMenu.menu-center.menu-vertical nav>ul>li.mega-menu-item .mega-menu-content .mega-menu-title,
#mainMenu.menu-vertical nav>ul>li.mega-menu-item .mega-menu-content .mega-menu-title {
    padding-top: 12px;
    padding-bottom: 12px
}

#mainMenu.menu-center.menu-vertical nav>ul>li.mega-menu-item .mega-menu-content [class*=col-]>ul>li>a,
#mainMenu.menu-center.menu-vertical nav>ul>li.mega-menu-item .mega-menu-content>a,
#mainMenu.menu-center.menu-vertical nav>ul>li.mega-menu-item .mega-menu-content>span,
#mainMenu.menu-vertical nav>ul>li.mega-menu-item .mega-menu-content [class*=col-]>ul>li>a,
#mainMenu.menu-vertical nav>ul>li.mega-menu-item .mega-menu-content>a,
#mainMenu.menu-vertical nav>ul>li.mega-menu-item .mega-menu-content>span {
    padding: 10px 0
}

#mainMenu.menu-center.menu-vertical nav>ul>li.mega-menu-item .mega-menu-content [class*=col-]>ul>li:first-child>a,
#mainMenu.menu-vertical nav>ul>li.mega-menu-item .mega-menu-content [class*=col-]>ul>li:first-child>a {
    padding-top: 12px
}

#mainMenu.menu-center.menu-vertical nav>ul>li.mega-menu-item .mega-menu-content [class*=col-]>ul>li:last-child>a,
#mainMenu.menu-vertical nav>ul>li.mega-menu-item .mega-menu-content [class*=col-]>ul>li:last-child>a {
    padding-bottom: 12px
}

#mainMenu.menu-center.menu-vertical nav>ul>li .dropdown-submenu,
#mainMenu.menu-vertical nav>ul>li .dropdown-submenu {
    position: relative
}

#mainMenu.menu-center.menu-vertical nav>ul>li .dropdown-submenu:before,
#mainMenu.menu-vertical nav>ul>li .dropdown-submenu:before {
    right: 0;
    top: 0;
    font-size: 12px
}

#mainMenu.menu-center.menu-vertical nav>ul>li .dropdown-submenu.hover-active:before,
#mainMenu.menu-vertical nav>ul>li .dropdown-submenu.hover-active:before {
    transform: rotate(90deg)
}

#mainMenu.menu-center.menu-vertical nav>ul li>.dropdown-menu,
#mainMenu.menu-vertical nav>ul li>.dropdown-menu {
    border: 0;
    background-color: transparent;
    display: block
}

#mainMenu.menu-center.menu-vertical nav>ul li>.dropdown-menu>.dropdown-submenu,
#mainMenu.menu-vertical nav>ul li>.dropdown-menu>.dropdown-submenu {
    position: relative
}

#mainMenu.menu-center.menu-vertical nav>ul li>.dropdown-menu>.dropdown-submenu:before,
#mainMenu.menu-vertical nav>ul li>.dropdown-menu>.dropdown-submenu:before {
    right: 0
}

#mainMenu.menu-center.menu-vertical nav>ul li.hover-active>.dropdown-menu,
#mainMenu.menu-vertical nav>ul li.hover-active>.dropdown-menu {
    visibility: visible;
    opacity: 1;
    max-height: 2000px
}

#mainMenu.menu-center.menu-vertical nav>ul [class*=col-lg],
#mainMenu.menu-vertical nav>ul [class*=col-lg] {
    max-width: 100%;
    padding: 0;
    margin: 0;
    width: 100%;
    flex: 100%
}

#mainMenu.menu-center.menu-vertical.menu-sub-title nav>ul>li,
#mainMenu.menu-vertical.menu-sub-title nav>ul>li {
    line-height: unset !important
}

#mainMenu.menu-center.menu-vertical.menu-sub-title nav>ul>li .dropdown-submenu:before,
#mainMenu.menu-vertical.menu-sub-title nav>ul>li .dropdown-submenu:before {
    top: 0
}

#mainMenu.menu-center.menu-vertical.menu-slide nav>ul>li,
#mainMenu.menu-vertical.menu-slide nav>ul>li {
    visibility: visible;
    opacity: 1
}

#mainMenu.menu-center.menu-vertical.menu-rounded nav>ul>li.current>a,
#mainMenu.menu-center.menu-vertical.menu-rounded nav>ul>li:focus>a,
#mainMenu.menu-center.menu-vertical.menu-rounded nav>ul>li:hover>a,
#mainMenu.menu-vertical.menu-rounded nav>ul>li.current>a,
#mainMenu.menu-vertical.menu-rounded nav>ul>li:focus>a,
#mainMenu.menu-vertical.menu-rounded nav>ul>li:hover>a {
    background-color: unset !important
}

#mainMenu.menu-center.menu-vertical.menu-hover-background nav>ul>li.current,
#mainMenu.menu-center.menu-vertical.menu-hover-background nav>ul>li:focus,
#mainMenu.menu-center.menu-vertical.menu-hover-background nav>ul>li:hover,
#mainMenu.menu-vertical.menu-hover-background nav>ul>li.current,
#mainMenu.menu-vertical.menu-hover-background nav>ul>li:focus,
#mainMenu.menu-vertical.menu-hover-background nav>ul>li:hover {
    background-color: unset
}

#mainMenu.menu-center.menu-vertical.menu-hover-background nav>ul>li.current>a,
#mainMenu.menu-center.menu-vertical.menu-hover-background nav>ul>li:focus>a,
#mainMenu.menu-center.menu-vertical.menu-hover-background nav>ul>li:hover>a,
#mainMenu.menu-vertical.menu-hover-background nav>ul>li.current>a,
#mainMenu.menu-vertical.menu-hover-background nav>ul>li:focus>a,
#mainMenu.menu-vertical.menu-hover-background nav>ul>li:hover>a {
    color: unset !important
}

@media(max-width:991px) {
    #topbar.topbar-transparent.dark {
        background-color: #fff !important
    }

    #topbar.topbar-transparent.dark .social-icons li a,
    #topbar.topbar-transparent.dark .top-menu>li>a {
        color: #565656 !important
    }

    #header[data-fullwidth=true] #header-inner .container,
    #header[data-fullwidth=true] .header-inner .container {
        padding: 0 30px
    }

    #header #header-wrap,
    #header .header-inner {
        height: auto
    }

    /* .container_hd {
        padding: 0 10px !important;
    } */

    #header #logo {
        display: inline-block;
        width: auto;
        text-align: left;
        margin: 0 !important;
        float: none;
        height: 100px;

        padding: 0 !important
    }

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

    #header.header-modern+#google-map,
    #header.header-modern+#slider,
    #header.header-modern+.fullscreen,
    #header.header-modern+.halfscreen,
    #header[data-transparent=true]+#google-map,
    #header[data-transparent=true]+#slider,
    #header[data-transparent=true]+.fullscreen,
    #header[data-transparent=true]+.halfscreen {
        top: 0 !important;
        margin-bottom: 0 !important
    }

    #header .dark #header-wrap,
    #header .dark .header-inner,
    #header.dark #header-wrap,
    #header.dark .header-inner {
        background-color: #1f1f1f
    }

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

    #header .dark #mainMenu nav>ul>li>a,
    #header.dark #mainMenu nav>ul>li>a,  #header.dark #mainMenu nav>ul>li>a>i#phone-arrow {
        color: #eee
    }

    #header .dark #mainMenu nav>ul>li>a .menu-sub-title,
    #header.dark #mainMenu nav>ul>li>a .menu-sub-title {
        color: #eee
    }

    #header .dark #mainMenu nav>ul>li.current>a:after,
    #header .dark #mainMenu nav>ul>li:focus>a:after,
    #header .dark #mainMenu nav>ul>li:hover>a:after,
    #header.dark #mainMenu nav>ul>li.current>a:after,
    #header.dark #mainMenu nav>ul>li:focus>a:after,
    #header.dark #mainMenu nav>ul>li:hover>a:after {
        background-color: #fff
    }

    #header .dark #mainMenu nav>ul>li .dropdown-submenu:not(.hover-active):hover>ul,
    #header.dark #mainMenu nav>ul>li .dropdown-submenu:not(.hover-active):hover>ul {
        animation: none !important
    }

    #header .dark #mainMenu nav>ul>li:not(.hover-active):hover>ul,
    #header.dark #mainMenu nav>ul>li:not(.hover-active):hover>ul {
        animation: none !important
    }

    #header .dark .header-extras i,
    #header.dark .header-extras i {
        color: #fff
    }

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

    #header.dark.header-colored #header-wrap,
    #header.dark.header-colored .header-inner,
    #header.dark[data-transparent=true] #header-wrap,
    #header.dark[data-transparent=true] .header-inner,
    #header[data-transparent=true] #header-wrap,
    #header[data-transparent=true] .header-inner {
        background-color: #fff
    }

    #header.dark.header-colored #header-wrap .lines,
    #header.dark.header-colored #header-wrap .lines:after,
    #header.dark.header-colored #header-wrap .lines:before,
    #header.dark.header-colored .header-inner .lines,
    #header.dark.header-colored .header-inner .lines:after,
    #header.dark.header-colored .header-inner .lines:before,
    #header.dark[data-transparent=true] #header-wrap .lines,
    #header.dark[data-transparent=true] #header-wrap .lines:after,
    #header.dark[data-transparent=true] #header-wrap .lines:before,
    #header.dark[data-transparent=true] .header-inner .lines,
    #header.dark[data-transparent=true] .header-inner .lines:after,
    #header.dark[data-transparent=true] .header-inner .lines:before,
    #header[data-transparent=true] #header-wrap .lines,
    #header[data-transparent=true] #header-wrap .lines:after,
    #header[data-transparent=true] #header-wrap .lines:before,
    #header[data-transparent=true] .header-inner .lines,
    #header[data-transparent=true] .header-inner .lines:after,
    #header[data-transparent=true] .header-inner .lines:before {
        background-color: #1f1f1f
    }

    #header.dark.header-colored #mainMenu:not(.menu-overlay) nav>ul>li>a,
    #header.dark[data-transparent=true] #mainMenu:not(.menu-overlay) nav>ul>li>a,
    #header[data-transparent=true] #mainMenu:not(.menu-overlay) nav>ul>li>a {
        color: #1f1f1f
    }

    #header.dark #mainMenu nav>ul>.btn-success a {
        color: #fff !important;
        padding: 10px 10px !important;
    }


    #header.dark.header-colored #mainMenu:not(.menu-overlay) nav>ul>li>a .menu-sub-title,
    #header.dark[data-transparent=true] #mainMenu:not(.menu-overlay) nav>ul>li>a .menu-sub-title,
    #header[data-transparent=true] #mainMenu:not(.menu-overlay) nav>ul>li>a .menu-sub-title {
        color: #1f1f1f
    }

    #header.dark.header-colored #mainMenu:not(.menu-overlay) nav>ul>li .dropdown-menu,
    #header.dark[data-transparent=true] #mainMenu:not(.menu-overlay) nav>ul>li .dropdown-menu,
    #header[data-transparent=true] #mainMenu:not(.menu-overlay) nav>ul>li .dropdown-menu {
        background-color: #fff
    }

    #header.dark.header-colored #mainMenu:not(.menu-overlay) nav>ul>li .dropdown-menu>li [class*=col-]>ul>li>a,
    #header.dark.header-colored #mainMenu:not(.menu-overlay) nav>ul>li .dropdown-menu>li>a,
    #header.dark.header-colored #mainMenu:not(.menu-overlay) nav>ul>li .dropdown-menu>li>span,
    #header.dark[data-transparent=true] #mainMenu:not(.menu-overlay) nav>ul>li .dropdown-menu>li [class*=col-]>ul>li>a,
    #header.dark[data-transparent=true] #mainMenu:not(.menu-overlay) nav>ul>li .dropdown-menu>li>a,
    #header.dark[data-transparent=true] #mainMenu:not(.menu-overlay) nav>ul>li .dropdown-menu>li>span,
    #header[data-transparent=true] #mainMenu:not(.menu-overlay) nav>ul>li .dropdown-menu>li [class*=col-]>ul>li>a,
    #header[data-transparent=true] #mainMenu:not(.menu-overlay) nav>ul>li .dropdown-menu>li>a,
    #header[data-transparent=true] #mainMenu:not(.menu-overlay) nav>ul>li .dropdown-menu>li>span {
        color: #1f1f1f
    }

    #header.dark.header-colored #mainMenu:not(.menu-overlay) nav>ul>li.current>a:after,
    #header.dark.header-colored #mainMenu:not(.menu-overlay) nav>ul>li:focus>a:after,
    #header.dark.header-colored #mainMenu:not(.menu-overlay) nav>ul>li:hover>a:after,
    #header.dark[data-transparent=true] #mainMenu:not(.menu-overlay) nav>ul>li.current>a:after,
    #header.dark[data-transparent=true] #mainMenu:not(.menu-overlay) nav>ul>li:focus>a:after,
    #header.dark[data-transparent=true] #mainMenu:not(.menu-overlay) nav>ul>li:hover>a:after,
    #header[data-transparent=true] #mainMenu:not(.menu-overlay) nav>ul>li.current>a:after,
    #header[data-transparent=true] #mainMenu:not(.menu-overlay) nav>ul>li:focus>a:after,
    #header[data-transparent=true] #mainMenu:not(.menu-overlay) nav>ul>li:hover>a:after {
        background-color: #1f1f1f
    }

    #header.dark.header-colored .header-extras i,
    #header.dark[data-transparent=true] .header-extras i,
    #header[data-transparent=true] .header-extras i {
        color: #1f1f1f
    }

    #header.dark.header-colored .header-extras .lines,
    #header.dark.header-colored .header-extras .lines:after,
    #header.dark.header-colored .header-extras .lines:before,
    #header.dark[data-transparent=true] .header-extras .lines,
    #header.dark[data-transparent=true] .header-extras .lines:after,
    #header.dark[data-transparent=true] .header-extras .lines:before,
    #header[data-transparent=true] .header-extras .lines,
    #header[data-transparent=true] .header-extras .lines:after,
    #header[data-transparent=true] .header-extras .lines:before {
        background-color: #1f1f1f
    }

    #header[data-responsive-transparent=true] #header-wrap,
    #header[data-responsive-transparent=true] .header-inner {
        background-color: transparent
    }

    #header[data-responsive-transparent=true] #header-wrap .lines,
    #header[data-responsive-transparent=true] #header-wrap .lines:after,
    #header[data-responsive-transparent=true] #header-wrap .lines:before,
    #header[data-responsive-transparent=true] .header-inner .lines,
    #header[data-responsive-transparent=true] .header-inner .lines:after,
    #header[data-responsive-transparent=true] .header-inner .lines:before {
        background-color: #1f1f1f
    }

    #header[data-responsive-transparent=true]+#google-map,
    #header[data-responsive-transparent=true]+#slider,
    #header[data-responsive-transparent=true]+.fullscreen,
    #header[data-responsive-transparent=true]+.halfscreen {
        margin-top: -80px
    }

    #header[data-responsive-transparent=true]+#google-map,
    #header[data-responsive-transparent=true]+#slider,
    #header[data-responsive-transparent=true]+.fullscreen,
    #header[data-responsive-transparent=true]+.halfscreen {
        top: -80px;
        margin-bottom: -80px
    }

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

    #header.header-modern #header-wrap,
    #header.header-modern .header-inner {
        border-radius: 0 !important
    }

    #header.header-logo-right #header-wrap .header-extras,
    #header.header-logo-right .header-inner .header-extras {
        float: right
    }

    #header.header-mini #header-wrap,
    #header.header-mini .header-inner {
        height: auto !important
    }

    #header #mainMenu-trigger {
        /* position: relative; */
        opacity: 1;
        visibility: visible;
        position: absolute;
        right: 3px;
    }

    #header #mainMenu:not(.menu-overlay) {
        max-height: 0;
        clear: both;
        display: block;
        width: 100%;
        opacity: 1;
        overflow: hidden;
        transition: max-height .8s cubic-bezier(.79, .14, .15, .86), opacity .8s cubic-bezier(.79, .14, .15, .86)
    }

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

    #header #mainMenu:not(.menu-overlay) nav {
        line-height: 40px;
        float: none;
        width: 100%;
        padding-bottom: 20px
    }

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

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

    #header #mainMenu:not(.menu-overlay) nav>ul>li.dropdown:before {
        content: "\e958";
        font-family: inspiro-icons;
        font-size: 14px;
        opacity: .6;
        position: absolute;
        right: 2px;
        color: #262626;
        transition: .3s ease
    }

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

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

    #header #mainMenu:not(.menu-overlay) nav>ul>li>a .menu-sub-title {
        display: none !important
    }

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

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

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

    #header #mainMenu:not(.menu-overlay) nav>ul>li.mega-menu-item .mega-menu-content {
        padding: 0 0 0 15px
    }

    #header #mainMenu:not(.menu-overlay) nav>ul>li.mega-menu-item .mega-menu-content .mega-menu-title {
        padding-top: 12px;
        padding-bottom: 12px
    }

    #header #mainMenu:not(.menu-overlay) nav>ul>li.mega-menu-item .mega-menu-content [class*=col-]>ul>li>a,
    #header #mainMenu:not(.menu-overlay) nav>ul>li.mega-menu-item .mega-menu-content>a,
    #header #mainMenu:not(.menu-overlay) nav>ul>li.mega-menu-item .mega-menu-content>span {
        padding: 10px 0
    }

    #header #mainMenu:not(.menu-overlay) nav>ul>li.mega-menu-item .mega-menu-content [class*=col-]>ul>li:first-child>a {
        padding-top: 12px
    }

    #header #mainMenu:not(.menu-overlay) nav>ul>li.mega-menu-item .mega-menu-content [class*=col-]>ul>li:last-child>a {
        padding-bottom: 12px
    }

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

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

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

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

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

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

    #header #mainMenu:not(.menu-overlay) nav>ul [class*=col-lg] {
        width: 100%;
        padding: 0;
        margin: 0
    }

    #header #mainMenu:not(.menu-overlay).menu-sub-title nav>ul>li {
        line-height: unset !important
    }

    #header #mainMenu:not(.menu-overlay).menu-sub-title nav>ul>li .dropdown-submenu:before {
        top: 0
    }

    #header #mainMenu:not(.menu-overlay).menu-slide nav>ul>li {
        visibility: visible;
        opacity: 1
    }

    #header #mainMenu:not(.menu-overlay).menu-rounded nav>ul>li.current>a,
    #header #mainMenu:not(.menu-overlay).menu-rounded nav>ul>li:focus>a,
    #header #mainMenu:not(.menu-overlay).menu-rounded nav>ul>li:hover>a {
        background-color: unset !important
    }

    #header #mainMenu:not(.menu-overlay).menu-hover-background nav>ul>li.current,
    #header #mainMenu:not(.menu-overlay).menu-hover-background nav>ul>li:focus,
    #header #mainMenu:not(.menu-overlay).menu-hover-background nav>ul>li:hover {
        background-color: unset
    }

    #header #mainMenu:not(.menu-overlay).menu-hover-background nav>ul>li.current>a,
    #header #mainMenu:not(.menu-overlay).menu-hover-background nav>ul>li:focus>a,
    #header #mainMenu:not(.menu-overlay).menu-hover-background nav>ul>li:hover>a {
        color: unset !important
    }

    #header #mainMenu:not(.menu-overlay).menu-left nav {
        margin-left: 0
    }

    #mainMenun.menu-center nav {
        margin: 0
    }

    .mainMenu-open #header #header-wrap,
    .mainMenu-open #header .header-inner {
        box-shadow: 0 17px 23px rgba(0, 0, 0, .3)
    }

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

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

    .header-extras {
        float: left
    }

    .header-extras>ul .p-dropdown>a>i,
    .header-extras>ul>li>a>i {
        font-size: 16px !important
    }

    .header-extras>ul .p-dropdown:first-child>a,
    .header-extras>ul>li:first-child>a {
        padding-left: 0
    }

    #dotsMenu {
        right: 20px
    }

    #dotsMenu:before {
        background: 0 0
    }

    #side-panel {
        width: 300px;
        left: -300px
    }

    #side-panel .side-panel-wrap {
        padding: 30px;
        right: 0
    }

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

    .side-panel.side-panel-static #side-panel {
        left: -300px !important;
        right: auto !important
    }

    .side-panel.side-panel-static #wrapper,
    .side-panel.side-panel-static .body-inner {
        padding-left: 0
    }

    .side-panel.side-panel-static #wrapper #header.header-sticky #header-wrap>.container,
    .side-panel.side-panel-static #wrapper #header.header-sticky .header-inner>.container,
    .side-panel.side-panel-static .body-inner #header.header-sticky #header-wrap>.container,
    .side-panel.side-panel-static .body-inner #header.header-sticky .header-inner>.container {
        padding-left: auto
    }

    .side-panel.side-panel-static.side-panel-right #side-panel {
        right: -300px !important;
        left: auto !important
    }

    .side-panel.side-panel-static.side-panel-right #wrapper,
    .side-panel.side-panel-static.side-panel-right .body-inner {
        padding-right: 0
    }

    .side-panel.side-panel-static.side-panel-right #wrapper #header.header-sticky #header-wrap>.container,
    .side-panel.side-panel-static.side-panel-right #wrapper #header.header-sticky .header-inner>.container,
    .side-panel.side-panel-static.side-panel-right .body-inner #header.header-sticky #header-wrap>.container,
    .side-panel.side-panel-static.side-panel-right .body-inner #header.header-sticky .header-inner>.container {
        padding-right: auto
    }

    .side-panel.side-panel-active.side-panel-static #close-panel {
        display: block !important
    }

    .side-panel.side-panel-active.side-panel-static #side-panel {
        left: 0 !important;
        right: auto
    }

    .side-panel.side-panel-active.side-panel-static #wrapper,
    .side-panel.side-panel-active.side-panel-static .body-inner {
        left: 300px
    }

    .side-panel.side-panel-active.side-panel-static #wrapper #header.header-sticky #header-wrap>.container,
    .side-panel.side-panel-active.side-panel-static #wrapper #header.header-sticky .header-inner>.container,
    .side-panel.side-panel-active.side-panel-static .body-inner #header.header-sticky #header-wrap>.container,
    .side-panel.side-panel-active.side-panel-static .body-inner #header.header-sticky .header-inner>.container {
        left: 300px;
        right: 0
    }
}

.sidebar-menu {
    font-family: Poppins, Helvetica, Arial, sans-serif;
    padding: 10px;
}

.sidebar-menu label {
    display: block;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .5px
}

.sidebar-menu label~label {
    margin-top: 30px
}

.sidebar-menu li {
    padding: 10px;
    background: #f1f1f1;
    border-radius: 30px;
    display: block;
    font-size: 14px
}

.sidebar-menu li+li {
    margin-top: 8px
}

.sidebar-menu li a {
    display: block
}

.sidebar-menu li a>i {
    margin-right: 10px;
    width: 16px
}

#search {
    display: flex;
    flex-direction: column;
    justify-content: 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;
    transition: opacity .5s
}

#search #search-logo {
    top: -1px;
    left: 30px;
    opacity: 0;
    transition: opacity .5s;
    position: absolute;
    line-height: 80px;
    height: 80px
}

#search #search-logo img {
    width: 100%;
    height: 100%
}

#search .search-form {
    opacity: 0;
    transform: scale3d(.8, .8, 1);
    transition: opacity .5s, transform .5s;
    margin: 80px 0
}

#search .search-form .text-muted {
    opacity: .4
}

#search .search-form .form-control {
    border-width: 0 0 2px;
    border-radius: 0;
    font-size: 34px;
    padding: 10px 0;
    border-color: #cecece;
    font-family: Poppins, Helvetica, Arial, sans-serif;
    font-weight: 700;
    margin-bottom: 20px;
    background-color: transparent
}

#search .search-form .form-control:focus {
    background-color: transparent
}

#search .search-form .form-control:-webkit-input-placeholder {
    color: #cecece
}

#search .search-form .form-control:-moz-placeholder {
    color: #cecece
}

#search .search-form .form-control:-ms-input-placeholder {
    color: #cecece
}

#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: 5px;
    color: #fff;
    opacity: 0;
    transform: scale3d(.8, .8, 1);
    transition: opacity .5s, transform .5s
}

#search .search-suggestion-wrapper {
    display: flex;
    width: 60%
}

#search .search-suggestion-wrapper .search-suggestion {
    width: 33.33%;
    text-align: left;
    opacity: 0;
    transform: translate3d(0, -30px, 0);
    transition: opacity .5s, transform .5s
}

#search .search-suggestion-wrapper .search-suggestion:nth-child(2) {
    margin: 0 3em
}

#search .search-suggestion-wrapper .search-suggestion h3 {
    font-size: 1.35em;
    margin: 0 0 12px
}

#search .search-suggestion-wrapper .search-suggestion h3::before {
    content: '\21FE';
    display: inline-block;
    padding: 0 .5em 0 0
}

#search .search-suggestion-wrapper .search-suggestion p {
    line-height: 1.4;
    margin: 0 0 10px
}

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

body.search-open #search #search-logo {
    display: block;
    opacity: 1
}

body.search-open #search .search-form {
    opacity: 1;
    transform: scale3d(1, 1, 1)
}

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

body.search-open #search .search-suggestion {
    opacity: 1;
    transform: translate3d(0, 0, 0)
}

body.search-open #search .search-suggestion:nth-child(2) {
    transition-delay: .1s
}

body.search-open #search .search-suggestion:nth-child(3) {
    transition-delay: .2s
}

@media(max-width:991px) {
    #search #search-logo {
        margin: 0 auto !important;
        max-width: 130px;
        left: auto
    }

    #search .search-form {
        margin: 40px
    }

    #search .search-form .form-control {
        font-size: 24px;
        margin-bottom: 8px
    }

    #search .search-form .text-muted {
        font-size: 10px
    }

    #search .btn-search-close {
        font-size: 1em;
        padding: 8px;
        line-height: 8px
    }

    #search .search-suggestion-wrapper {
        display: none
    }
}

@media(min-width:992px) {
    #header[data-transparent=true]+main {
        top: -122px;
        margin-bottom: -122px;
        position: relative
    }

    #header[data-transparent=true]+main>#page-title {
        padding: 220px 0 160px
    }

    #header[data-transparent=true]+#page-title {
        top: -150px;
        margin-bottom: -151px;
        position: relative;
        padding: 245px 0 125px;
    }
}
@media(min-width:1440px) {
    #header[data-transparent=true]+#page-title {
        top: -150px;
        margin-bottom: -151px;
        position: relative;
        padding: 199px 0 40px;
    }
}

:active,
:focus { outline: 0 !important}

*,
a,
h1,
h2,
h3,
h4,
h5,
h6 { margin: 0; padding: 0}

html { font-size: 87.5%}

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

body {font-size: 15px; line-height: 1.7rem; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: Poppins, Helvetica, Arial, sans-serif; color: #565656}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 { font-family: Poppins, Helvetica, Arial, sans-serif; color: #016c9a; margin: 0; letter-spacing: .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: 1em; 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: 500}

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

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

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

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

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

.lead { font-size: 16px; line-height: 1.68421053em; text-align: center; color: #565656; font-weight: 400;}

@media all and (max-width:767px) {
    .heading-main { font-size: 30px;}
    .countrybx>a { width: 48%;}
    .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: 15px;
    font-style: normal;
    font-weight: 400;
    text-transform: none;
    line-height: 1.5;
    letter-spacing: 0;
    color: #565656;
    font-family: Poppins, Helvetica, Arial, sans-serif;
    /* text-align: justify; */
}

ul.bullets {
    list-style: inside
}

strong {
    font-weight: 700
}

a:not(.btn) {
    color: #01449c
}

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

a:not(.btn):not(.btn):not([href]):not([tabindex]) {
    color: #565656
}

.font-pacifico {
    font-family: dancing script !important
}

.font-raleway a,
.font-raleway h1,
.font-raleway h2,
.font-raleway h3,
.font-raleway h4,
.font-raleway h5,
.font-raleway h6 {
    font-family: Raleway !important;
    font-weight: 100 !important
}

h1.font-raleway,
h2.font-raleway,
h3.font-raleway,
h4.font-raleway,
h5.font-raleway,
h6.font-raleway {
    font-family: Raleway !important;
    font-weight: 100 !important
}

.font-nothing-you-could-do,
.font-nothing-you-could-do a,
.font-nothing-you-could-do h1,
.font-nothing-you-could-do h2,
.font-nothing-you-could-do h3,
.font-nothing-you-could-do h4,
.font-nothing-you-could-do h5,
.font-nothing-you-could-do h6,
h1.font-nothing-you-could-do,
h2.font-nothing-you-could-do,
h3.font-nothing-you-could-do,
h4.font-nothing-you-could-do,
h5.font-nothing-you-could-do,
h6.font-nothing-you-could-do {
    font-family: nothing you could do, cursive !important;
    font-weight: 400 !important
}

.font-herr-von-muellerhoff,
.font-herr-von-muellerhoff a,
.font-herr-von-muellerhoff h1,
.font-herr-von-muellerhoff h2,
.font-herr-von-muellerhoff h3,
.font-herr-von-muellerhoff h4,
.font-herr-von-muellerhoff h5,
.font-herr-von-muellerhoff h6,
h1.font-herr-von-muellerhoff,
h2.font-herr-von-muellerhoff,
h3.font-herr-von-muellerhoff,
h4.font-herr-von-muellerhoff,
h5.font-herr-von-muellerhoff,
h6.font-herr-von-muellerhoff {
    font-family: herr von muellerhoff, cursive !important;
    font-weight: 400 !important
}

.font-cedarville,
.font-cedarville a,
.font-cedarville h1,
.font-cedarville h2,
.font-cedarville h3,
.font-cedarville h4,
.font-cedarville h5,
.font-cedarville h6,
h1.font-cedarville,
h2.font-cedarville,
h3.font-cedarville,
h4.font-cedarville,
h5.font-cedarville,
h6.font-cedarville {
    font-family: 'cedarville cursive', cursive
}

.font-parisienne,
.font-parisienne a,
.font-parisienne h1,
.font-parisienne h2,
.font-parisienne h3,
.font-parisienne h4,
.font-parisienne h5,
.font-parisienne h6,
h1.font-parisienne,
h2.font-parisienne,
h3.font-parisienne,
h4.font-parisienne,
h5.font-parisienne,
h6.font-parisienne {
    font-family: Parisienne, cursive
}

#slider {
    position: relative;
    width: 100%;
    overflow: hidden;
    padding: 0;
    background-color: #333;
    z-index: 1
}

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

.container-fullscreen {
    padding-top: 0;
    height: 365px;
    width: 100%;
    display: table;
    position: relative
}

.fullscreen>.container,
.fullscreen>.container-fluid,
.halfscreen>.container,
.halfscreen>.container-fluid {
    height: 550px;
    z-index: 1
}

.inline-YTPlayer {
    position: absolute !important;
    z-index: -1;
    top: 0 !important;
    left: 0 !important;
    right: 0;
    border: 0
}

.boxed-slider {
    height: 500px;
    width: 100%
}

.boxed-slider .owl-item {
    height: 500px;
}

.boxed-slider .owl-bg-img {
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover
}

.owl-item img {
    height: 100%
}

.inspiro-slider {
    opacity: 0;
    visibility: hidden;
    transition: opacity .3s ease;
    z-index: 2;
    background-color: #1f1f1f;
    display: table;
    height: auto;
    overflow: hidden;
    padding: 0;
    position: relative;
    table-layout: fixed;
    width: 100%;
    z-index: 0
}

.inspiro-slider.slider-fullscreen,
.inspiro-slider.slider-fullwidth {
    height: 100%;
    width: 100%
}

.inspiro-slider .owl-item {
    display: table;
    height: auto;
    overflow: hidden;
    padding: 0;
    position: relative;
    table-layout: fixed;
    width: 100%;
    z-index: 0
}

.inspiro-slider .owl-stage-outer {
    height: 100%
}

.inspiro-slider .slide {
    background-position: 50% 20%;
    background-repeat: repeat-y;
    background-size: cover;
    display: table-cell;
    height: 100%;
    position: relative;
    vertical-align: middle;
    width: 100%;
    z-index: 2
}

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

.inspiro-slider .slide-captions h2 {
    font-size: 60px;
    font-weight: 500;
    line-height: 68px;
    margin-bottom: 30px;
    text-shadow: 4px 3px black;
}

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

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

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

.inspiro-slider .slide-captions>p {
    color: #fff;
    font-size: 22px;
    font-weight: 300;
    line-height: 30px;
    margin-bottom: 40px
}

.inspiro-slider .slide-captions .text-dark.strong::after,
.inspiro-slider .slide-captions.text-dark .strong::after {
    border-top-color: #111
}

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

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

.inspiro-slider .slide-captions .slide-caption-hide {
    opacity: 0;
    visibility: hidden
}

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

.inspiro-slider.slider-loaded {
    visibility: visible;
    opacity: 1
}

.inspiro-slider .slide-link {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 1
}

.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;
    transform: scale(1);
    transition: transform 0s cubic-bezier(0, 0, 0, 0) 0s;
    transition-delay: 1s
}

.kenburns-bg.kenburns-bg-animate {
    transform: scale(1.11);
    transition: transform 10s cubic-bezier(.2, 0, .7, 1) 0s;
    transition-delay: 1s
}

.zoom-out {
    -webkit-animation-name: zoom-out;
    -moz-animation-name: zoom-out;
    -o-animation-name: zoom-out;
    animation-name: zoom-out;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1
}

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

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

@-moz-keyframes zoom-out {
    0% {
        -moz-transform: scale(1.5);
        opacity: .1
    }

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

@-o-keyframes zoom-out {
    0% {
        -o-transform: scale(1.5);
        opacity: .1
    }

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

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

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

@media(max-width:992px) {

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

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

    .inspiro-slider .slide-captions .btn {
        padding: 6px 14px !important;
        font-size: 10px !important;
        line-height: 1.5
    }
}

.inspiro-slider,
.inspiro-slider .owl-stage,
.inspiro-slider .owl-stage-outer,
.inspiro-slider .slide {
    height: 0
}

.section .video-wrap,
.section .yt-bg-player,
.swiper-slide .video-wrap,
.swiper-slide .yt-bg-player {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
    top: 0;
    left: 0
}

.yt-bg-player .inlinePlayButton,
.yt-bg-player .loading {
    display: none !important
}

.grid-item,
.portfolio-item {
    width: 100%;
    float: left;
    height: auto;
    padding: 0 0 20px;
    cursor: pointer
}

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

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

.grid-item .grid-image,
.grid-item .grid-video,
.grid-item .owl-stage-outer,
.grid-item .portfolio-image,
.grid-item .portfolio-video,
.portfolio-item .grid-image,
.portfolio-item .grid-video,
.portfolio-item .owl-stage-outer,
.portfolio-item .portfolio-image,
.portfolio-item .portfolio-video {
    position: relative;
    overflow: hidden
}

.grid-item .grid-image:after,
.grid-item .grid-video:after,
.grid-item .owl-stage-outer:after,
.grid-item .portfolio-image:after,
.grid-item .portfolio-video:after,
.portfolio-item .grid-image:after,
.portfolio-item .grid-video:after,
.portfolio-item .owl-stage-outer:after,
.portfolio-item .portfolio-image:after,
.portfolio-item .portfolio-video:after {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: #000;
    transition: all .3s ease;
    opacity: 0;
    content: ' ';
    z-index: 2
}

.grid-item .grid-image img,
.grid-item .grid-video img,
.grid-item .owl-stage-outer img,
.grid-item .portfolio-image img,
.grid-item .portfolio-video img,
.portfolio-item .grid-image img,
.portfolio-item .grid-video img,
.portfolio-item .owl-stage-outer img,
.portfolio-item .portfolio-image img,
.portfolio-item .portfolio-video img {
    position: relative;
    transition: all .5s ease-out;
    width: 100%;
    z-index: 1;
    display: block;
    height: auto
}

.grid-item .grid-slider .owl-controls,
.grid-item .portfolio-slider .owl-controls,
.portfolio-item .grid-slider .owl-controls,
.portfolio-item .portfolio-slider .owl-controls {
    height: 0
}

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

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

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

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

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

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

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

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

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

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

.grid-item .grid-description p,
.grid-item .grid-description span,
.grid-item .portfolio-description p,
.grid-item .portfolio-description span,
.grid-item .portfolio-links p,
.grid-item .portfolio-links span,
.portfolio-item .grid-description p,
.portfolio-item .grid-description span,
.portfolio-item .portfolio-description p,
.portfolio-item .portfolio-description span,
.portfolio-item .portfolio-links p,
.portfolio-item .portfolio-links span {
    opacity: 0;
    transition: all .8s ease;
    transition-delay: .1s;
    margin-bottom: 0;
    padding-bottom: 0
}

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

.grid-item .owl-carousel .owl-nav [class*=owl-],
.portfolio-item .owl-carousel .owl-nav [class*=owl-] {
    width: 32px;
    height: 32px;
    line-height: 32px
}

.grid-item .owl-carousel .owl-nav [class*=owl-] i,
.portfolio-item .owl-carousel .owl-nav [class*=owl-] i {
    line-height: 32px;
    font-size: 18px
}

.grid-item .owl-carousel .owl-controls .owl-dots .owl-dot span,
.portfolio-item .owl-carousel .owl-controls .owl-dots .owl-dot span {
    height: 10px !important;
    margin: 0 4px;
    width: 10px !important
}

.grid-item:not(.no-overlay):hover .grid-image:after,
.grid-item:not(.no-overlay):hover .grid-slider .owl-stage-outer:after,
.grid-item:not(.no-overlay):hover .grid-video:after,
.grid-item:not(.no-overlay):hover .portfolio-image:after,
.grid-item:not(.no-overlay):hover .portfolio-slider .owl-stage-outer:after,
.grid-item:not(.no-overlay):hover .portfolio-video:after,
.portfolio-item:not(.no-overlay):hover .grid-image:after,
.portfolio-item:not(.no-overlay):hover .grid-slider .owl-stage-outer:after,
.portfolio-item:not(.no-overlay):hover .grid-video:after,
.portfolio-item:not(.no-overlay):hover .portfolio-image:after,
.portfolio-item:not(.no-overlay):hover .portfolio-slider .owl-stage-outer:after,
.portfolio-item:not(.no-overlay):hover .portfolio-video:after {
    opacity: .5
}

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

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

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

.grid-item:not(.no-overlay):hover .owl-carousel .owl-next,
.portfolio-item:not(.no-overlay):hover .owl-carousel .owl-next {
    left: auto;
    right: 10px;
    opacity: 1
}

.grid-item:not(.no-overlay):hover .owl-carousel .owl-prev,
.portfolio-item:not(.no-overlay):hover .owl-carousel .owl-prev {
    right: auto;
    left: 10px;
    opacity: 1
}

.grid-item.text-bottom .grid-description,
.grid-item.text-bottom .portfolio-description,
.portfolio-item.text-bottom .grid-description,
.portfolio-item.text-bottom .portfolio-description {
    bottom: 0;
    left: 0;
    top: auto;
    text-align: left;
    transform: translate3d(0, 0, 0);
    width: 100%
}

.grid-item.text-bottom:hover .grid-description,
.grid-item.text-bottom:hover .portfolio-description,
.portfolio-item.text-bottom:hover .grid-description,
.portfolio-item.text-bottom:hover .portfolio-description {
    transform: translate3d(0, -4%, 0);
    opacity: 1;
    visibility: visible
}

.grid-item.img-zoom-out .grid-image img,
.grid-item.img-zoom-out .portfolio-image img,
.portfolio-item.img-zoom-out .grid-image img,
.portfolio-item.img-zoom-out .portfolio-image img {
    transform: scale(1.1)
}

.grid-item.img-zoom-out:hover .grid-image img,
.grid-item.img-zoom-out:hover .portfolio-image img,
.portfolio-item.img-zoom-out:hover .grid-image img,
.portfolio-item.img-zoom-out:hover .portfolio-image img {
    transform: scale(1)
}

.grid-item.reveal-effect .grid-item-wrap,
.grid-item.reveal-effect .portfolio-item-wrap,
.portfolio-item.reveal-effect .grid-item-wrap,
.portfolio-item.reveal-effect .portfolio-item-wrap {
    position: relative
}

.grid-item.reveal-effect .grid-item-wrap .grid-image,
.grid-item.reveal-effect .grid-item-wrap .grid-video,
.grid-item.reveal-effect .grid-item-wrap .portfolio-image,
.grid-item.reveal-effect .grid-item-wrap .portfolio-video,
.grid-item.reveal-effect .portfolio-item-wrap .grid-image,
.grid-item.reveal-effect .portfolio-item-wrap .grid-video,
.grid-item.reveal-effect .portfolio-item-wrap .portfolio-image,
.grid-item.reveal-effect .portfolio-item-wrap .portfolio-video,
.portfolio-item.reveal-effect .grid-item-wrap .grid-image,
.portfolio-item.reveal-effect .grid-item-wrap .grid-video,
.portfolio-item.reveal-effect .grid-item-wrap .portfolio-image,
.portfolio-item.reveal-effect .grid-item-wrap .portfolio-video,
.portfolio-item.reveal-effect .portfolio-item-wrap .grid-image,
.portfolio-item.reveal-effect .portfolio-item-wrap .grid-video,
.portfolio-item.reveal-effect .portfolio-item-wrap .portfolio-image,
.portfolio-item.reveal-effect .portfolio-item-wrap .portfolio-video {
    width: 100%;
    max-width: 100%;
    display: block;
    z-index: 1;
    position: relative
}

.grid-item.reveal-effect .grid-item-wrap .grid-image:after,
.grid-item.reveal-effect .grid-item-wrap .grid-video:after,
.grid-item.reveal-effect .grid-item-wrap .portfolio-image:after,
.grid-item.reveal-effect .grid-item-wrap .portfolio-video:after,
.grid-item.reveal-effect .portfolio-item-wrap .grid-image:after,
.grid-item.reveal-effect .portfolio-item-wrap .grid-video:after,
.grid-item.reveal-effect .portfolio-item-wrap .portfolio-image:after,
.grid-item.reveal-effect .portfolio-item-wrap .portfolio-video:after,
.portfolio-item.reveal-effect .grid-item-wrap .grid-image:after,
.portfolio-item.reveal-effect .grid-item-wrap .grid-video:after,
.portfolio-item.reveal-effect .grid-item-wrap .portfolio-image:after,
.portfolio-item.reveal-effect .grid-item-wrap .portfolio-video:after,
.portfolio-item.reveal-effect .portfolio-item-wrap .grid-image:after,
.portfolio-item.reveal-effect .portfolio-item-wrap .grid-video:after,
.portfolio-item.reveal-effect .portfolio-item-wrap .portfolio-image:after,
.portfolio-item.reveal-effect .portfolio-item-wrap .portfolio-video:after {
    opacity: .3
}

.grid-item.reveal-effect .grid-item-wrap .grid-description,
.grid-item.reveal-effect .grid-item-wrap .portfolio-description,
.grid-item.reveal-effect .portfolio-item-wrap .grid-description,
.grid-item.reveal-effect .portfolio-item-wrap .portfolio-description,
.portfolio-item.reveal-effect .grid-item-wrap .grid-description,
.portfolio-item.reveal-effect .grid-item-wrap .portfolio-description,
.portfolio-item.reveal-effect .portfolio-item-wrap .grid-description,
.portfolio-item.reveal-effect .portfolio-item-wrap .portfolio-description {
    pointer-events: none
}

.grid-item.reveal-effect:hover .grid-image:after,
.grid-item.reveal-effect:hover .grid-slider .owl-stage-outer:after,
.grid-item.reveal-effect:hover .grid-video:after,
.grid-item.reveal-effect:hover .portfolio-image:after,
.grid-item.reveal-effect:hover .portfolio-slider .owl-stage-outer:after,
.grid-item.reveal-effect:hover .portfolio-video:after,
.portfolio-item.reveal-effect:hover .grid-image:after,
.portfolio-item.reveal-effect:hover .grid-slider .owl-stage-outer:after,
.portfolio-item.reveal-effect:hover .grid-video:after,
.portfolio-item.reveal-effect:hover .portfolio-image:after,
.portfolio-item.reveal-effect:hover .portfolio-slider .owl-stage-outer:after,
.portfolio-item.reveal-effect:hover .portfolio-video:after {
    opacity: .2;
    z-index: 8
}

.grid-item.reveal-effect:hover .grid-description,
.grid-item.reveal-effect:hover .portfolio-description,
.portfolio-item.reveal-effect:hover .grid-description,
.portfolio-item.reveal-effect:hover .portfolio-description {
    opacity: 1;
    transform: translate3d(0, -33%, 0)
}

.grid-item.img-rotate .grid-image img,
.grid-item.img-rotate .portfolio-image img,
.portfolio-item.img-rotate .grid-image img,
.portfolio-item.img-rotate .portfolio-image img {
    transform: rotate(0) scale(1);
    transition: transform .7s ease 0s
}

.grid-item.img-rotate:hover .grid-image img,
.grid-item.img-rotate:hover .portfolio-image img,
.portfolio-item.img-rotate:hover .grid-image img,
.portfolio-item.img-rotate:hover .portfolio-image img {
    transform: rotate(-9deg) scale(1.2)
}

.grid-item.img-zoom .grid-image img,
.grid-item.img-zoom .portfolio-image img,
.portfolio-item.img-zoom .grid-image img,
.portfolio-item.img-zoom .portfolio-image img {
    transform: scale(1)
}

.grid-item.img-zoom:hover .grid-image img,
.grid-item.img-zoom:hover .portfolio-image img,
.portfolio-item.img-zoom:hover .grid-image img,
.portfolio-item.img-zoom:hover .portfolio-image img {
    transform: scale(1.1)
}

.grid-item.overlay-light .grid-image:after,
.grid-item.overlay-light .grid-slider .owl-stage-outer:after,
.grid-item.overlay-light .portfolio-image:after,
.grid-item.overlay-light .portfolio-slider .owl-stage-outer:after,
.portfolio-item.overlay-light .grid-image:after,
.portfolio-item.overlay-light .grid-slider .owl-stage-outer:after,
.portfolio-item.overlay-light .portfolio-image:after,
.portfolio-item.overlay-light .portfolio-slider .owl-stage-outer:after {
    background-color: #fff
}

.grid-item.overlay-light .grid-description h3,
.grid-item.overlay-light .portfolio-description h3,
.portfolio-item.overlay-light .grid-description h3,
.portfolio-item.overlay-light .portfolio-description h3 {
    color: #000
}

.grid-item.overlay-light .grid-description p,
.grid-item.overlay-light .grid-description span,
.grid-item.overlay-light .portfolio-description p,
.grid-item.overlay-light .portfolio-description span,
.portfolio-item.overlay-light .grid-description p,
.portfolio-item.overlay-light .grid-description span,
.portfolio-item.overlay-light .portfolio-description p,
.portfolio-item.overlay-light .portfolio-description span {
    color: #434343
}

.grid-item.overlay-light:hover .grid-image:after,
.grid-item.overlay-light:hover .grid-slider .owl-stage-outer:after,
.grid-item.overlay-light:hover .portfolio-image:after,
.grid-item.overlay-light:hover .portfolio-slider .owl-stage-outer:after,
.portfolio-item.overlay-light:hover .grid-image:after,
.portfolio-item.overlay-light:hover .grid-slider .owl-stage-outer:after,
.portfolio-item.overlay-light:hover .portfolio-image:after,
.portfolio-item.overlay-light:hover .portfolio-slider .owl-stage-outer:after {
    opacity: .9
}

.grid-item.overlay-grey .grid-image:after,
.grid-item.overlay-grey .grid-slider .owl-stage-outer:after,
.grid-item.overlay-grey .portfolio-image:after,
.grid-item.overlay-grey .portfolio-slider .owl-stage-outer:after,
.portfolio-item.overlay-grey .grid-image:after,
.portfolio-item.overlay-grey .grid-slider .owl-stage-outer:after,
.portfolio-item.overlay-grey .portfolio-image:after,
.portfolio-item.overlay-grey .portfolio-slider .owl-stage-outer:after {
    background-color: #f7f9fb
}

.grid-item.overlay-grey .grid-description h3,
.grid-item.overlay-grey .portfolio-description h3,
.portfolio-item.overlay-grey .grid-description h3,
.portfolio-item.overlay-grey .portfolio-description h3 {
    color: #565656
}

.grid-item.overlay-grey .grid-description p,
.grid-item.overlay-grey .grid-description span,
.grid-item.overlay-grey .portfolio-description p,
.grid-item.overlay-grey .portfolio-description span,
.portfolio-item.overlay-grey .grid-description p,
.portfolio-item.overlay-grey .grid-description span,
.portfolio-item.overlay-grey .portfolio-description p,
.portfolio-item.overlay-grey .portfolio-description span {
    color: #a8a8a8
}

.grid-item.overlay-grey:hover .grid-image:after,
.grid-item.overlay-grey:hover .grid-slider .owl-stage-outer:after,
.grid-item.overlay-grey:hover .portfolio-image:after,
.grid-item.overlay-grey:hover .portfolio-slider .owl-stage-outer:after,
.portfolio-item.overlay-grey:hover .grid-image:after,
.portfolio-item.overlay-grey:hover .grid-slider .owl-stage-outer:after,
.portfolio-item.overlay-grey:hover .portfolio-image:after,
.portfolio-item.overlay-grey:hover .portfolio-slider .owl-stage-outer:after {
    opacity: 1
}

.grid-item.overlay-white .grid-image:after,
.grid-item.overlay-white .grid-slider .owl-stage-outer:after,
.grid-item.overlay-white .portfolio-image:after,
.grid-item.overlay-white .portfolio-slider .owl-stage-outer:after,
.portfolio-item.overlay-white .grid-image:after,
.portfolio-item.overlay-white .grid-slider .owl-stage-outer:after,
.portfolio-item.overlay-white .portfolio-image:after,
.portfolio-item.overlay-white .portfolio-slider .owl-stage-outer:after {
    background-color: #fff
}

.grid-item.overlay-white .grid-description h3,
.grid-item.overlay-white .portfolio-description h3,
.portfolio-item.overlay-white .grid-description h3,
.portfolio-item.overlay-white .portfolio-description h3 {
    color: #565656
}

.grid-item.overlay-white .grid-description p,
.grid-item.overlay-white .grid-description span,
.grid-item.overlay-white .portfolio-description p,
.grid-item.overlay-white .portfolio-description span,
.portfolio-item.overlay-white .grid-description p,
.portfolio-item.overlay-white .grid-description span,
.portfolio-item.overlay-white .portfolio-description p,
.portfolio-item.overlay-white .portfolio-description span {
    color: #a8a8a8
}

.grid-item.overlay-white:hover .grid-image:after,
.grid-item.overlay-white:hover .grid-slider .owl-stage-outer:after,
.grid-item.overlay-white:hover .portfolio-image:after,
.grid-item.overlay-white:hover .portfolio-slider .owl-stage-outer:after,
.portfolio-item.overlay-white:hover .grid-image:after,
.portfolio-item.overlay-white:hover .grid-slider .owl-stage-outer:after,
.portfolio-item.overlay-white:hover .portfolio-image:after,
.portfolio-item.overlay-white:hover .portfolio-slider .owl-stage-outer:after {
    opacity: 1
}

.grid-item.overlay-dark .grid-image:after,
.grid-item.overlay-dark .grid-slider .owl-stage-outer:after,
.grid-item.overlay-dark .portfolio-image:after,
.grid-item.overlay-dark .portfolio-slider .owl-stage-outer:after,
.portfolio-item.overlay-dark .grid-image:after,
.portfolio-item.overlay-dark .grid-slider .owl-stage-outer:after,
.portfolio-item.overlay-dark .portfolio-image:after,
.portfolio-item.overlay-dark .portfolio-slider .owl-stage-outer:after {
    background-color: #000
}

.grid-item.overlay-dark .grid-description h3,
.grid-item.overlay-dark .portfolio-description h3,
.portfolio-item.overlay-dark .grid-description h3,
.portfolio-item.overlay-dark .portfolio-description h3 {
    color: #fff
}

.grid-item.overlay-dark .grid-description p,
.grid-item.overlay-dark .grid-description span,
.grid-item.overlay-dark .portfolio-description p,
.grid-item.overlay-dark .portfolio-description span,
.portfolio-item.overlay-dark .grid-description p,
.portfolio-item.overlay-dark .grid-description span,
.portfolio-item.overlay-dark .portfolio-description p,
.portfolio-item.overlay-dark .portfolio-description span {
    color: #a8a8a8
}

.grid-item.overlay-dark:hover .grid-image:after,
.grid-item.overlay-dark:hover .grid-slider .owl-stage-outer:after,
.grid-item.overlay-dark:hover .portfolio-image:after,
.grid-item.overlay-dark:hover .portfolio-slider .owl-stage-outer:after,
.portfolio-item.overlay-dark:hover .grid-image:after,
.portfolio-item.overlay-dark:hover .grid-slider .owl-stage-outer:after,
.portfolio-item.overlay-dark:hover .portfolio-image:after,
.portfolio-item.overlay-dark:hover .portfolio-slider .owl-stage-outer:after {
    opacity: 1
}

.grid-item.overlay-padding .grid-image:after,
.grid-item.overlay-padding .portfolio-image:after,
.portfolio-item.overlay-padding .grid-image:after,
.portfolio-item.overlay-padding .portfolio-image:after {
    bottom: 15px;
    height: auto;
    left: 15px;
    right: 15px;
    top: 15px;
    width: auto
}

.grid-item.overlay-border .grid-image:after,
.grid-item.overlay-border .portfolio-image:after,
.portfolio-item.overlay-border .grid-image:after,
.portfolio-item.overlay-border .portfolio-image:after {
    opacity: 1;
    background-color: transparent;
    position: absolute
}

.grid-item.overlay-border .portfolio-description,
.portfolio-item.overlay-border .portfolio-description {
    display: flex;
    position: absolute;
    left: 30px;
    right: 30px;
    top: 30px;
    bottom: 30px;
    border: 0 solid #00bcd4;
    transition: border .4s ease
}

.grid-item.overlay-border:hover .portfolio-description,
.portfolio-item.overlay-border:hover .portfolio-description {
    border-width: 10px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .4)
}

.grid-item.open-cursor .grid-wrap>a,
.grid-item.open-cursor .portfolio-wrap>a,
.portfolio-item.open-cursor .grid-wrap>a,
.portfolio-item.open-cursor .portfolio-wrap>a {
    cursor: crosshair;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 5
}

.grid-item.no-overlay .grid-slider .owl-stage-outer:after,
.grid-item.no-overlay .portfolio-slider .owl-stage-outer:after,
.portfolio-item.no-overlay .grid-slider .owl-stage-outer:after,
.portfolio-item.no-overlay .portfolio-slider .owl-stage-outer:after {
    display: none
}

.grid-item.no-overlay .grid-image,
.grid-item.no-overlay .portfolio-image,
.portfolio-item.no-overlay .grid-image,
.portfolio-item.no-overlay .portfolio-image {
    position: relative;
    overflow: hidden
}

.grid-item.no-overlay .grid-image:after,
.grid-item.no-overlay .portfolio-image:after,
.portfolio-item.no-overlay .grid-image:after,
.portfolio-item.no-overlay .portfolio-image:after {
    display: none
}

.grid-item.no-overlay .grid-description,
.grid-item.no-overlay .portfolio-description,
.portfolio-item.no-overlay .grid-description,
.portfolio-item.no-overlay .portfolio-description {
    opacity: 1;
    padding: 6px;
    position: relative;
    transform: translateY(-10px);
    visibility: inherit;
    width: 100%
}

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

.grid-item.no-overlay .grid-description span,
.grid-item.no-overlay .portfolio-description span,
.portfolio-item.no-overlay .grid-description span,
.portfolio-item.no-overlay .portfolio-description span {
    color: #565656;
    font-family: Poppins, Helvetica, Arial, sans-serif;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 15px;
    text-transform: capitalize;
    opacity: 1
}

.grid-item.no-overlay .grid-description p,
.grid-item.no-overlay .portfolio-description p,
.portfolio-item.no-overlay .grid-description p,
.portfolio-item.no-overlay .portfolio-description p {
    font-family: Poppins, Helvetica, Arial, sans-serif;
    color: #565656;
    font-weight: 500;
    font-size: 14px;
    opacity: 1
}

.grid-item.no-overlay:hover .grid-description,
.grid-item.no-overlay:hover .portfolio-description,
.portfolio-item.no-overlay:hover .grid-description,
.portfolio-item.no-overlay:hover .portfolio-description {
    transform: translate3d(0, -10px, 0);
    opacity: 1;
    visibility: visible
}

.grid-item.no-overlay:hover .grid-description h3,
.grid-item.no-overlay:hover .portfolio-description h3,
.portfolio-item.no-overlay:hover .grid-description h3,
.portfolio-item.no-overlay:hover .portfolio-description h3 {
    transform: translateY(0)
}

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

.grid-item.overlay-links:hover .grid-description,
.grid-item.overlay-links:hover .portfolio-description,
.portfolio-item.overlay-links:hover .grid-description,
.portfolio-item.overlay-links:hover .portfolio-description {
    transform: none;
    opacity: 1;
    visibility: visible
}

.grid-item.overlay-links:hover .grid-description h3,
.grid-item.overlay-links:hover .portfolio-description h3,
.portfolio-item.overlay-links:hover .grid-description h3,
.portfolio-item.overlay-links:hover .portfolio-description h3 {
    transform: none
}

.grid-item.overlay-links:hover .grid-description p,
.grid-item.overlay-links:hover .grid-description span,
.grid-item.overlay-links:hover .portfolio-description p,
.grid-item.overlay-links:hover .portfolio-description span,
.portfolio-item.overlay-links:hover .grid-description p,
.portfolio-item.overlay-links:hover .grid-description span,
.portfolio-item.overlay-links:hover .portfolio-description p,
.portfolio-item.overlay-links:hover .portfolio-description span {
    opacity: 1
}

.grid-item.overlay-links .grid-description,
.grid-item.overlay-links .portfolio-description,
.portfolio-item.overlay-links .grid-description,
.portfolio-item.overlay-links .portfolio-description {
    opacity: 1;
    padding: 20px;
    position: relative;
    transform: none;
    visibility: inherit;
    width: 100%
}

.grid-item.overlay-links .grid-description a,
.grid-item.overlay-links .portfolio-description a,
.portfolio-item.overlay-links .grid-description a,
.portfolio-item.overlay-links .portfolio-description a {
    margin: 0
}

.grid-item.overlay-links .grid-description h3,
.grid-item.overlay-links .portfolio-description h3,
.portfolio-item.overlay-links .grid-description h3,
.portfolio-item.overlay-links .portfolio-description h3 {
    color: #565656
}

.grid-item.overlay-links .grid-description span,
.grid-item.overlay-links .portfolio-description span,
.portfolio-item.overlay-links .grid-description span,
.portfolio-item.overlay-links .portfolio-description span {
    color: #565656;
    opacity: 1
}

.grid-item.overlay-links .grid-description p,
.grid-item.overlay-links .portfolio-description p,
.portfolio-item.overlay-links .grid-description p,
.portfolio-item.overlay-links .portfolio-description p {
    color: #565656;
    opacity: 1
}

.grid-item.shadow,
.portfolio-item.shadow {
    box-shadow: none !important
}

.grid-item.shadow .grid-item-wrap,
.grid-item.shadow .portfolio-item-wrap,
.portfolio-item.shadow .grid-item-wrap,
.portfolio-item.shadow .portfolio-item-wrap {
    box-shadow: 0 7px 20px -10px rgba(171, 171, 171, .6)
}

.grid-item.outline .grid-item-wrap,
.grid-item.outline .portfolio-item-wrap,
.portfolio-item.outline .grid-item-wrap,
.portfolio-item.outline .portfolio-item-wrap {
    border: 1px solid #ebebeb;
    padding: 1px
}

.grid-item.light-bg .grid-item-wrap,
.grid-item.light-bg .portfolio-item-wrap,
.portfolio-item.light-bg .grid-item-wrap,
.portfolio-item.light-bg .portfolio-item-wrap {
    background-color: #fff;
    border: 1px solid #f3f3f3
}

.grid-item.light-bg .grid-item-wrap .portfoio-description,
.grid-item.light-bg .portfolio-item-wrap .portfoio-description,
.portfolio-item.light-bg .grid-item-wrap .portfoio-description,
.portfolio-item.light-bg .portfolio-item-wrap .portfoio-description {
    margin-bottom: 20px
}

.grid-item.grey-bg .grid-item-wrap,
.grid-item.grey-bg .portfolio-item-wrap,
.portfolio-item.grey-bg .grid-item-wrap,
.portfolio-item.grey-bg .portfolio-item-wrap {
    background-color: #f3f3f3
}

.grid-item.grey-bg .grid-item-wrap .portfoio-description,
.grid-item.grey-bg .portfolio-item-wrap .portfoio-description,
.portfolio-item.grey-bg .grid-item-wrap .portfoio-description,
.portfolio-item.grey-bg .portfolio-item-wrap .portfoio-description {
    margin-bottom: 20px
}

.alterneting-size .grid-item:nth-child(2n) .grid-item-wrap,
.alterneting-size .portfolio-item:nth-child(2n) .portfolio-item-wrap {
    transform: scale(.75)
}

.grid-slider,
.portfolio-slider {
    width: 100%
}

.grid-slider.shadow,
.portfolio-slider.shadow {
    box-shadow: 10px 10px 10px rgba(235, 235, 235, .5)
}

.grid-slider.outline,
.portfolio-slider.outline {
    border: 3px solid #fff
}

.content.col-lg-9 .grid-item .grid-description h3,
.content.col-lg-9 .grid-item .portfolio-description h3,
.content.col-lg-9 .portfolio-item .grid-description h3,
.content.col-lg-9 .portfolio-item .portfolio-description h3 {
    font-size: 13px;
    line-height: 14px
}

.container-fluid .content.col-lg-9 .grid-item .grid-description h3,
.container-fluid .content.col-lg-9 .grid-item .portfolio-description h3,
.container-fluid .content.col-lg-9 .portfolio-item .grid-description h3,
.container-fluid .content.col-lg-9 .portfolio-item .portfolio-description h3 {
    font-size: 16px;
    line-height: 22px
}

.sidebar-both .grid-item .grid-description h3,
.sidebar-both .grid-item .portfolio-description h3,
.sidebar-both .portfolio-item .grid-description h3,
.sidebar-both .portfolio-item .portfolio-description h3 {
    font-size: 13px;
    line-height: 14px
}

.sidebar-both .grid-item .grid-description p,
.sidebar-both .grid-item .grid-description span,
.sidebar-both .grid-item .portfolio-description p,
.sidebar-both .grid-item .portfolio-description span,
.sidebar-both .portfolio-item .grid-description p,
.sidebar-both .portfolio-item .grid-description span,
.sidebar-both .portfolio-item .portfolio-description p,
.sidebar-both .portfolio-item .portfolio-description span {
    font-size: 12px
}

.portfolio-content {
    position: relative
}

.portfolio-content img {
    width: 100%
}

.portfolio-attributes {
    color: #1f1f1f;
    font-size: 12px;
    overflow: hidden;
    text-transform: uppercase;
    margin-bottom: 20px
}

.portfolio-attributes .attribute {
    float: left;
    margin-bottom: 20px;
    padding-right: 20px;
    text-align: left;
    width: auto
}

.portfolio-attributes .attribute strong {
    opacity: .6;
    border-bottom: 1px solid rgba(31, 31, 31, .05);
    display: block;
    width: auto;
    margin-bottom: 10px;
    font-size: 11px
}

.portfolio-attributes.style1 .attribute {
    display: inline-flex;
    float: none;
    margin-bottom: 6px
}

.portfolio-attributes.style1 .attribute strong {
    border: 0;
    margin-right: 8px;
    width: auto
}

.portfolio-attributes.style2 .attribute {
    float: none;
    width: 100%
}

.portfolio-attributes.style2 .attribute strong {
    border: 0;
    width: 100%
}

.project-description {
    margin-bottom: 40px
}

.project-description h2 {
    font-size: 32px;
    font-weight: 600;
    margin-bottom: 20px
}

.project-description h3 {
    font-size: 22px;
    font-weight: 100;
    margin-bottom: 20px
}

.portfolio-ajax-page [class*=col-] {
    padding: 0
}

.portfolio-ajax-page .project-description {
    padding: 24px 40px;
    margin-bottom: 0
}

.portfolio-ajax-page .project-description>p {
    padding-bottom: 6px
}

.portfolio-ajax-page .project-description .portfolio-attributes {
    margin-top: 20px
}

.portfolio-ajax-page .project-description .portfolio-attributes .attribute {
    margin-bottom: 0;
    width: 100%
}

.portfolio-ajax-page .project-description .portfolio-attributes .attribute>strong {
    min-width: 68px
}

.post-item {
    float: left;
    width: 100%;
    height: auto;
    padding: 0 0 20px
}

.post-item .post-item-wrap {
    background-color: #fff;
    position: relative
}

.post-item img {
    width: 100%;
    height: auto
}

.post-item .post-audio,
.post-item .post-image,
.post-item .post-quote-img,
.post-item .post-slider,
.post-item .post-video {
    margin: 0;
    position: relative;
    padding: 0
}

.post-item .post-audio .post-meta-category,
.post-item .post-image .post-meta-category,
.post-item .post-quote-img .post-meta-category,
.post-item .post-slider .post-meta-category,
.post-item .post-video .post-meta-category {
    background-color: #2250fc;
    color: #fff;
    font-size: 13px;
    padding: 2px 16px;
    border-radius: 50px;
    position: absolute;
    right: 10px;
    top: 11px;
    z-index: 3;
    margin-right: 0
}

.post-item .post-audio .post-meta-category i,
.post-item .post-image .post-meta-category i,
.post-item .post-quote-img .post-meta-category i,
.post-item .post-slider .post-meta-category i,
.post-item .post-video .post-meta-category i {
    margin-right: 4px
}

.post-item .post-audio .post-meta-category a,
.post-item .post-image .post-meta-category a,
.post-item .post-quote-img .post-meta-category a,
.post-item .post-slider .post-meta-category a,
.post-item .post-video .post-meta-category a {
    color: #fff
}

.post-item .post-quote-img .post-meta-category {
    background-color: #fff;
    color: #2250fc
}

.post-item .post-quote-img .post-meta-category a {
    color: #2250fc
}

.post-item .post-video iframe,
.post-item .post-video video {
    width: 100%;
    background-color: #000
}

.post-item .post-audio>a>img {
    margin-bottom: -28px
}

.post-item .post-audio audio,
.post-item .post-audio iframe {
    width: 100%
}

.post-item .post-audio audio {
    margin-bottom: -6px
}

.post-item .post-item-description {
    padding: 24px;
    line-height: 28px;
    color: #676767
}

.post-item .post-item-description>h2,
.post-item .post-item-description>h2>a {
    font-size: 18px;
    letter-spacing: -.1px;
    line-height: 23px;
    margin-bottom: 16px;
    color: #444;
    font-weight: 600
}

.post-item .post-item-description .post-meta-category,
.post-item .post-item-description .post-meta-comments,
.post-item .post-item-description .post-meta-date {
    color: #c2c2c2;
    position: relative;
    top: -4px;
    font-size: 12px;
    margin-right: 8px
}

.post-item .post-item-description .post-meta-category i,
.post-item .post-item-description .post-meta-comments i,
.post-item .post-item-description .post-meta-date i {
    margin-right: 4px !important
}

.post-item .post-item-description .post-meta-category a,
.post-item .post-item-description .post-meta-comments a,
.post-item .post-item-description .post-meta-date a {
    color: #c2c2c2
}

.post-item .post-item-description .post-post-likes {
    float: right;
    font-size: 14px;
    color: #aaa
}

.post-item .post-item-description .post-post-likes i {
    margin-right: 8px;
    color: #aaa
}

.post-item.shadow {
    box-shadow: none
}

.post-item.shadow .post-item-wrap {
    box-shadow: 0 1px 10px #efefef !important
}

.post-item.grey-bg .post-item-wrap {
    background-color: #f7f7f7
}

.post-item.border {
    border: none !important
}

.post-item.border .post-item-wrap {
    border: 1px solid #f2f2f2
}

.post-item.border>.post-item-wrap>.post-item-description {
    padding: 24px !important;
    width: 100% !important
}

.post-item.quote .post-item-wrap {
    background-color: #2250fc;
    border-radius: 4px;
    border-width: 0
}

.post-item.quote .post-quote-img img {
    width: auto;
    margin-left: 40px;
    margin-top: 40px
}

.post-item.quote .post-item-description {
    padding: 40px
}

.post-item.quote .post-item-description .post-meta-category,
.post-item.quote .post-item-description .post-meta-comments,
.post-item.quote .post-item-description .post-meta-date {
    color: #fff;
    opacity: .8
}

.post-item.quote .post-item-description .post-meta-category a,
.post-item.quote .post-item-description .post-meta-category p,
.post-item.quote .post-item-description .post-meta-comments a,
.post-item.quote .post-item-description .post-meta-comments p,
.post-item.quote .post-item-description .post-meta-date a,
.post-item.quote .post-item-description .post-meta-date p {
    color: #fff
}

.post-item.quote .post-item-description .item-link,
.post-item.quote .post-item-description a,
.post-item.quote .post-item-description p,
.post-item.quote .post-item-description>h3,
.post-item.quote .post-item-description>h3>a {
    color: #fff
}

.post-item.quote .post-item-description .post-author {
    font-size: 14px;
    height: 40px
}

.post-item.quote .post-item-description .post-author>img {
    height: 28px;
    margin-right: 8px;
    width: 28px
}

.post-items-transparent .post-item .post-item-wrap {
    border: 0;
    background-color: transparent
}

.post-items-transparent .post-item .post-item-wrap .post-item-description .post-meta-category,
.post-items-transparent .post-item .post-item-wrap .post-item-description .post-meta-comments,
.post-items-transparent .post-item .post-item-wrap .post-item-description .post-meta-date,
.post-items-transparent .post-item .post-item-wrap .post-item-description>p {
    opacity: .7
}

.single-post .post-item img {
    width: 100%;
    height: auto
}

.single-post .post-item .post-item-description {
    padding: 22px 0;
    line-height: 28px;
    color: #676767
}

.single-post .post-item .post-item-description p {
    font-size: 16px
}

.single-post .post-item .post-item-description>h2,
.single-post .post-item .post-item-description>h2>a {
    font-size: 34px;
    letter-spacing: 0;
    line-height: 38px;
    margin-bottom: 12px;
    margin-top: 8px;
    color: #1f1f1f
}

.single-post .post-item .post-item-description .post-meta-category,
.single-post .post-item .post-item-description .post-meta-comments,
.single-post .post-item .post-item-description .post-meta-date {
    color: #777;
    font-size: 13px;
    margin-right: 16px
}

.single-post .post-item .post-item-description .post-meta-category a,
.single-post .post-item .post-item-description .post-meta-comments a,
.single-post .post-item .post-item-description .post-meta-date a {
    color: #777
}

.single-post .post-item .post-item-description .post-meta-share {
    float: right
}

.single-post .post-item .post-item-description .post-meta-share .btn {
    display: inline-block;
    margin-right: 0
}

.single-post .post-item .post-item-description .post-meta {
    border-bottom: 1px solid #f3f3f3;
    clear: both;
    display: block;
    margin-bottom: 26px;
    padding: 12px 0;
    position: relative;
    width: 100%
}

.single-post .post-item .post-tags {
    display: block;
    margin-bottom: 40px;
    position: relative;
    width: 100%
}

.single-post .post-item .post-tags a {
    border: 1px solid #c4c4c4;
    border-radius: 4px;
    font-size: 12px;
    margin-bottom: 10px;
    padding: 3px 10px
}

.post-thumbnails .post-item {
    width: 100%;
    padding: 0 0 20px
}

.post-thumbnails .post-item .post-audio,
.post-thumbnails .post-item .post-image,
.post-thumbnails .post-item .post-slider,
.post-thumbnails .post-item .post-video {
    float: left;
    width: 46%
}

.post-thumbnails .post-item:not(.quote) .post-item-description {
    float: left;
    padding-top: 0;
    width: 54% !important
}

#blog .blog .post-item {
    width: 25%;
    padding: 0 20px 20px 0
}

.post-post-title h1 {
    font-size: 48px;
    letter-spacing: -.03em;
    line-height: 1;
    font-weight: 700
}

.post-image {
    margin-bottom: 20px
}

.post-image img {
    width: 100%
}

.post-metaa {
    margin-bottom: 20px;
    min-height: 60px
}

.post-metaa div {
    border-right: 1px solid #f6f6f6;
    float: left;
    margin-right: 18px;
    padding: 8px 18px 8px 0
}

.post-metaa :last-child {
    border-right: 0
}

.post-metaa .social-icons {
    margin-top: 8px
}

.post-metaa .post-comments i,
.post-metaa .post-shares i {
    margin-right: 4px;
    font-size: 20px;
    float: left
}

.post-metaa .post-comments .post-comments-number,
.post-metaa .post-comments .post-shares-number,
.post-metaa .post-shares .post-comments-number,
.post-metaa .post-shares .post-shares-number {
    color: #000;
    font-size: 18px;
    font-weight: 700;
    display: block
}

.post-metaa .post-comments .post-comments-label,
.post-metaa .post-comments .post-shares-label,
.post-metaa .post-shares .post-comments-label,
.post-metaa .post-shares .post-shares-label {
    color: #aaa;
    font-size: 12px;
    text-transform: uppercase;
    display: block
}

.post-author {
    border-top: 1px solid #eee;
    font-size: 14px;
    height: 40px;
    margin-top: 15px;
    padding-bottom: 0;
    padding-top: 16px
}

.post-author a {
    color: #2250fc
}

.post-author p {
    position: relative
}

.post-author>img {
    border-radius: 50%;
    height: 28px;
    float: left;
    margin-right: 8px;
    width: 28px
}

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

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

.news-section-wrapper {
    clear: both;
    display: block;
    padding: 0 80px;
    position: relative
}

.grid-articles {
    position: relative
}

.grid-articles .post-entry {
    float: left;
    width: 25%;
    position: relative
}

.grid-articles .post-entry:first-child {
    width: 50%
}

.grid-articles.carousel .post-entry:first-child {
    width: 100%
}

.grid-articles.grid-articles-v2 .post-entry:nth-child(1),
.grid-articles.grid-articles-v2 .post-entry:nth-child(2) {
    width: 50%
}

.grid-articles .post-entry-overlay {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.grid-articles .post-entry .post-entry-meta {
    height: auto;
    bottom: 0;
    left: 0;
    padding: 0 30px 30px;
    position: absolute;
    width: 100%;
    z-index: 2
}

.grid-articles .post-entry:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, .9) 100%);
    opacity: .4;
    transition: opacity .4s ease;
    z-index: 1
}

.grid-articles .post-entry:before {
    content: "";
    height: auto;
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 1
}

.grid-articles .post-entry:hover:before {
    opacity: 1;
    z-index: 1
}

.grid-articles .post-entry .post-entry-meta .post-entry-meta-category {
    margin-bottom: 10px
}

.grid-articles .post-entry .post-entry-meta .post-entry-meta-title h2,
.grid-articles .post-entry .post-entry-meta .post-entry-meta-title h2 a {
    color: #fff;
    font-family: Raleway, sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.2;
    margin: 0
}

.grid-articles .post-entry:first-child .post-entry-meta .post-entry-meta-title h2,
.grid-articles .post-entry:first-child .post-entry-meta .post-entry-meta-title h2 a,
.grid-articles.grid-articles-v2 .post-entry:nth-child(2) .post-entry-meta .post-entry-meta-title h2 a {
    font-size: 22px
}

.grid-articles.grid-articles-space .post-entry .post-entry-overlay {
    border-color: #fff;
    border-style: solid;
    border-width: 4px
}

.grid-articles.grid-articles-space .post-entry:first-child .post-entry-overlay {
    border-width: 4px 4px 4px 0
}

.grid-articles.grid-articles-space .post-entry:nth-child(3) .post-entry-overlay,
.grid-articles.grid-articles-space .post-entry:nth-child(5) .post-entry-overlay {
    border-width: 4px 0 4px 4px
}

.grid-articles .post-date {
    color: #fff;
    opacity: .6
}

.grid-articles .post-entry-meta .product-description,
.post-entry-meta .product-description a {
    color: #fff !important
}

.post-thumbnail .post-thumbnail-entry>img {
    margin-bottom: 14px;
    max-height: 240px;
    width: 100%
}

.post-thumbnail .post-thumbnail-entry .post-thumbnail-content p {
    margin-bottom: 6px
}

.post-thumbnail~.post-thumbnail-list {
    border-top: 1px solid #f7f9fb
}

.post-thumbnail~.post-thumbnail-list .post-thumbnail-entry .post-thumbnail-content a {
    font-weight: 400;
    opacity: .7;
    line-height: 20px
}

.post-thumbnail~.post-thumbnail-list .post-thumbnail-entry .post-thumbnail-content a:hover {
    opacity: 1
}

.post-thumbnail-list {
    position: relative
}

.post-thumbnail-list .post-thumbnail-entry img+.post-thumbnail-content {
    padding-left: 90px
}

.post-thumbnail-list .post-thumbnail-entry>img {
    float: left;
    display: block;
    height: 60px;
    width: 80px;
    margin-right: 16px;
    border-radius: 2px
}

.post-thumbnail-list .post-thumbnail-entry .post-thumbnail-content a {
    font-size: 14px;
    font-weight: 500;
    margin: -4px 0 0
}

.post-thumbnail-entry {
    border-bottom: 1px solid #f7f9fb;
    float: left;
    margin-bottom: 16px;
    padding-bottom: 10px;
    position: relative;
    clear: both
}

.post-thumbnail-entry:last-child {
    border-bottom: 0
}

.post-thumbnail-entry .post-thumbnail-content>a {
    display: block
}

.post-thumbnail-entry .post-thumbnail-content .post-category,
.post-thumbnail-entry .post-thumbnail-content .post-date {
    color: #aaa;
    font-size: 13px
}

.post-thumbnail-entry .post-thumbnail-content .post-category i,
.post-thumbnail-entry .post-thumbnail-content .post-date i {
    margin-right: 2px
}

.post-thumbnail-entry .post-thumbnail-content .post-date~.post-category {
    margin-left: 6px
}

.post-thumbnail-entry .post-thumbnail-content .post-thumbnail-list .post-thumbnail-entry .post-thumbnail-content a {
    font-size: 14px;
    font-weight: 600;
    margin: 0;
    line-height: 12px !important
}

@media(max-width:767px) {
    .post-thumbnails .post-item {
        width: 100%
    }

    .post-thumbnails .post-item .post-audio,
    .post-thumbnails .post-item .post-image,
    .post-thumbnails .post-item .post-slider,
    .post-thumbnails .post-item .post-video {
        float: none;
        width: 100%
    }

    .post-thumbnails .post-item:not(.quote) .post-item-description {
        padding-top: 24px;
        float: none;
        width: 100%
    }
}

.comments {
    margin: 0
}

.comments .comment_number {
    font-size: 18px;
    margin: 0 0 30px
}

.comments .comment_number span {
    color: #2250fc
}

.comments .comment {
    padding: 10px 0;
    background-color: #fff
}

.comments .comment .image {
    border-radius: 65px;
    display: block;
    float: left;
    height: 65px;
    overflow: hidden;
    width: 65px
}

.comments .comment .text {
    padding: 0 0 0 86px;
    min-height: 80px;
    position: relative
}

.comments .comment .text .name {
    display: block;
    color: #303030;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: -4px
}

.comments .comment .comment_date {
    color: #888;
    font-size: 12px
}

.comments .comment .text .comment-reply-link {
    color: #2250fc;
    font-size: 9px;
    text-transform: uppercase;
    font-weight: 700;
    padding: 0 0 0 5px;
    opacity: .7
}

.comments .comment .text .comment-reply-link:hover {
    opacity: 1
}

.comments .comment .text .text_holder {
    display: block;
    margin: 3px 0 0
}

.comments .comment .comment {
    margin-left: 90px
}

.post-item .comments {
    padding: 40px 0;
    border-top: 1px solid #eee
}

.respond-form {
    padding-top: 40px
}

.respond-comment {
    font-size: 18px;
    margin: 0 0 30px
}

.respond-comment span {
    color: #2250fc
}

@media(max-width:991px) {
    .comments {
        padding: 22px 0 30px;
        margin: 0
    }

    .comments .comment .image {
        border-radius: 48px;
        height: 48px;
        width: 48px;
        margin-right: 14px
    }

    .comments .comment .text {
        padding: 0
    }

    .comments .comment .comment {
        margin-left: 30px
    }
}

.shop {
    position: relative
}

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

.product .product-image {
    position: relative;
    width: 100%;
    height: auto;
    overflow: hidden
}

.product .product-image img,
.product .product-image>a {
    display: block;
    width: 100%;
    height: 100%
}

.product .product-image>a,
.product .product-wishlist a {
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease
}

.product .product-image>a:nth-of-type(2) {
    top: 0;
    left: 0;
    opacity: 0;
    z-index: -1;
    position: absolute
}

.product .product-image:hover>a:nth-of-type(2) {
    opacity: 1;
    z-index: 2
}

.product .product-wishlist a {
    border: 2px solid #333;
    border-radius: 50%;
    height: 30px;
    left: 12px;
    line-height: 28px;
    position: absolute;
    text-align: center;
    top: 12px;
    width: 30px;
    z-index: -1;
    opacity: 0
}

.product:hover .product-wishlist,
.product:hover .product-wishlist a {
    z-index: 3;
    opacity: 1
}

.product .product-description {
    padding: 8px 0 10px
}

.product .product-title h3,
.product .product-title h3 a {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 0
}

.product .product-category {
    display: block;
    opacity: .5
}

.product .product-price {
    width: 26%;
    float: right;
    margin-bottom: 0;
    margin-top: -26px;
    text-align: right
}

.product .product-price ins {
    color: #444;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 4px;
    text-decoration: none
}

.product .product-price del {
    display: block;
    font-size: 12px;
    font-weight: 400;
    margin: -20px 0 -4px;
    opacity: .6
}

.product .product-rate {
    height: 23px;
    float: left;
    color: #ffc300
}

.product .product-reviews,
.product .product-reviews a {
    color: #73848e;
    float: right;
    font-size: 13px
}

.product .product-hot,
.product .product-new,
.product .product-out-stock,
.product .product-sale {
    border-radius: 50%;
    color: #fff;
    font-size: 11px;
    font-weight: 600;
    height: 42px;
    right: 10px;
    line-height: 42px;
    position: absolute;
    text-align: center;
    text-shadow: 1px 2px 1px rgba(0, 0, 0, .14);
    top: 10px;
    width: 42px;
    z-index: 5
}

.product .product-sale,
.product .product-sale-off {
    background: #ffc300
}

.product .product-new {
    background: #00c0e9
}

.product .product-hot {
    background: #d6284b
}

.product .product-out-stock {
    background: #a5a5a5 none repeat scroll 0 0;
    border-radius: 4px;
    padding: 0 18px;
    width: auto
}

.product .product-sale-off {
    border-radius: 12px 0 0;
    bottom: 0;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    height: 42px;
    line-height: 42px;
    position: absolute;
    right: 0;
    text-align: center;
    text-shadow: 1px 2px 1px rgba(0, 0, 0, .14);
    width: 88px;
    z-index: 5
}

.product .product-overlay {
    position: absolute;
    width: 100%;
    height: 44px;
    line-height: 44px;
    top: auto;
    bottom: -44px;
    left: 0;
    z-index: 6;
    transition: bottom .3s ease
}

.product .product-overlay a {
    transition: bottom .3s ease;
    color: #fff;
    display: block;
    font-size: 13px;
    background-color: rgba(0, 0, 0, .7);
    text-align: center
}

.product .product-overlay a:hover {
    background-color: #111;
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .3)
}

.product:active .product-overlay,
.product:focus .product-overlay,
.product:hover .product-overlay,
.product:target .product-overlay,
.product:visited .product-overlay {
    bottom: 0 !important
}

.grid-5-columns .product .product-price ins,
.grid-5-columns .product .product-title h3,
.grid-5-columns .product .product-title h3 a,
.grid-6-columns .product .product-price ins,
.grid-6-columns .product .product-title h3,
.grid-6-columns .product .product-title h3 a {
    font-size: 14px
}

.grid-5-columns .product .product-reviews,
.grid-5-columns .product .product-reviews a,
.grid-6-columns .product .product-reviews,
.grid-6-columns .product .product-reviews a {
    font-size: 11px;
    float: left
}

.grid-5-columns .product .product-reviews,
.grid-5-columns .product .product-reviews a {
    float: right
}

.shop-category {
    position: relative
}

.shop-category-box {
    position: relative;
    margin-bottom: 20px
}

.shop-category-box img {
    width: 100%
}

.shop-category-box .shop-category-box-title {
    background-color: rgba(255, 255, 255, .9);
    bottom: 10px;
    padding: 4px 0;
    position: absolute;
    text-align: center;
    width: 100%
}

.shop-category-box-title h6 {
    margin-bottom: 0
}

.shop-cart .table td,
.shop-cart th {
    vertical-align: middle
}

.shop-cart .cart-product-remove {
    text-align: center
}

.shop-cart .cart-product-thumbnail>a {
    float: left;
    margin-right: 12px
}

.shop-cart .cart-product-thumbnail img {
    max-width: 52px
}

.shop-cart .cart-product-thumbnail .cart-product-thumbnail-name {
    padding: 24px;
    font-weight: 600
}

.cart-product-description {
    max-width: 200px;
    font-size: 12px
}

.cart-product-description span {
    display: block
}

.cart-product-quantity .minus,
.cart-product-quantity .plus {
    background-color: #fff;
    border: 1px solid #eee;
    margin: 0 -4px;
    padding: 5px 12px
}

.cart-product-quantity .qty {
    border: 1px solid #eee;
    max-width: 40px;
    padding: 5px;
    text-align: center
}

.payment-method td {
    padding: 12px 20px !important
}

.product-page:not(.widget-shop) .product-title h3 {
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 0
}

.product-size {
    display: block;
    list-style: outside none none;
    margin: 0 20px 15px 0;
    overflow: hidden;
    padding-left: 0
}

.product-size li {
    float: left;
    margin: 0 -1px 0 0
}

.product-size li label span {
    cursor: pointer;
    display: block;
    font-size: 1.2em;
    font-weight: 400;
    height: 40px;
    line-height: 37px;
    margin: 0;
    text-align: center;
    transition: all .3s ease 0s;
    width: 40px
}

.product-size li label input {
    left: -9000px;
    position: absolute
}

.product-size li label span {
    border: 1px solid #eee;
    color: #909090
}

.product-size li label span:hover {
    background-color: #eee
}

.product-size li label input:checked+span {
    background-color: #eee;
    border-color: #eee
}

.product .comment .product-rate {
    float: right
}

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

.widget-shop {
    position: relative
}

.widget-shop .product {
    position: relative;
    border-bottom: 1px solid #eee;
    float: left;
    margin-bottom: 12px;
    min-height: 96px;
    padding-bottom: 12px
}

.widget-shop .product:last-child {
    border-bottom: 0;
    margin-bottom: -4px;
    padding-bottom: 0
}

.widget-shop .product .product-description {
    padding-top: 0
}

.widget-shop .product .product-image {
    float: left;
    padding-right: 10px;
    width: 26%
}

.widget-shop .product .product-description {
    display: table-cell;
    padding-bottom: 0;
    vertical-align: top;
    width: 74%
}

.widget-shop .product .product-category,
.widget-shop .product .product-title {
    font-size: 12px;
    margin-bottom: 5px;
    margin-top: -8px
}

.widget-shop .product .product-category h3,
.widget-shop .product .product-category h3 a,
.widget-shop .product .product-title h3,
.widget-shop .product .product-title h3 a {
    font-size: 15px;
    line-height: 18px
}

.widget-shop .product .product-category {
    margin-top: -6px
}

.widget-shop .product .product-price {
    clear: both;
    float: none;
    margin-bottom: 0;
    margin-top: 0;
    text-align: left
}

.widget-shop .product .product-price ins {
    font-size: 14px;
    margin-bottom: 4px
}

.widget-shop .product .product-price del {
    display: unset;
    font-size: 12px;
    margin: -8px 5px -8px 0
}

.widget-tweeter .list-tweets {
    padding-left: 0
}

.widget-categories .list {
    padding: 0
}

#footer .widget-categories a {
    color: #888
}

.shop-promo-box {
    min-height: 360px;
    background-repeat: no-repeat;
    padding: 50px;
    border: 8px solid #eee
}

.shop-promo-box>h2 {
    font-weight: 800;
    margin-bottom: 0
}

.forum {
    border-radius: 4px;
    padding: 20px 26px;
    background-color: #fff
}

.forum .fa {
    width: 1em;
    text-align: center
}

.forum table th {
    width: 6em;
    width: 14em
}

.forum thead tr>th {
    background-color: #2250fc;
    color: #fff;
    border-bottom: 0
}

.forum thead tr:first-child th:first-child {
    border-top-left-radius: 4px
}

.forum thead tr:last-child th:last-child {
    border-top-right-radius: 4px
}

.forum thead tr h3 {
    color: #fff;
    margin-bottom: 0;
    font-size: 22px
}

.forum h4>small {
    display: block
}

.hidden {
    display: none
}

.visible {
    opacity: 1
}

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

.text-left.nav-tabs .nav-item {
    text-align: left !important
}

.text-right.nav-tabs .nav-item {
    text-align: right !important
}

.left {
    float: left !important
}

.right {
    float: right !important
}

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

.block {
    display: block
}

.align-center {
    display: inline-flex;
    text-align: center
}

.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none
}

.vertical-align {
    position: relative;
    top: 50%;
    transform: translateY(-50%)
}

.text-middle {
    /* display: table-cell; */
    vertical-align: middle;
    margin: auto;
    z-index: 3;
    position: relative
}

.text-bottom {
    display: table-cell;
    vertical-align: bottom;
    margin: auto;
    z-index: 3;
    position: relative
}

.bg-light {
    background-color: #f6f9fa;
    border-radius: 2rem;
    box-shadow: 2px 2px 2px rgb(186 186 187 / 34%);
}

.text-background-light {
    background-color: #fff;
    padding: 0 4px
}

.text-background-dark {
    background-color: #444;
    padding: 0 4px
}

.text-shadow-light {
    text-shadow: 1px 1px 1px rgba(255, 255, 255, .53)
}

.text-shadow-dark {
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .53)
}

.background-primary {
    background-color: #2250fc !important
}

.background-secondary {
    background-color: #5a6268 !important
}

.background-success {
    background-color: #81c868 !important
}

.background-info {
    background-color: #53b0f8 !important
}

.background-warning {
    background-color: #ffb20e !important
}

.background-danger {
    background-color: #f33e5b !important
}

.background-white {
    background-color: #fff
}

.background-light {
    background-color: #f6f9fa
}

.background-grey {
    /* background: linear-gradient(90deg, rgb(243 243 243) 0%, rgb(255 255 255) 35%, rgb(241 241 241) 100%); */
}

.background-dark {
    background-color: #333
}

.background-black {
    background-color: #111
}

.background-pattern {
    background-image: url(../images/overlay-pattern/gplay.html)
}

.background-pattern-1 {
    background-image: url(../images/overlay-pattern/3px-tile.html)
}

.background-pattern-2 {
    background-image: url(../images/overlay-pattern/asfalt-dark.html)
}

.background-pattern-3 {
    background-image: url(../images/overlay-pattern/axiom-pattern.html)
}

.shadow {
    box-shadow: 0 4px 16px #e2e2e2
}

.post-shadow {
    box-shadow: 0 5px 15px rgba(0, 0, 0, .05)
}

.shadow-bottom {
    box-shadow: 0 1px 15px rgba(0, 0, 0, .1)
}

.shadow-inside {
    box-shadow: inset 0 0 3px rgba(0, 0, 0, .1)
}

.shadow-inside-top {
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .08)
}

.shadow-inside-bottom {
    box-shadow: inset 0 -1px 2px rgba(0, 0, 0, .08)
}

.text-xs,
.text-xs span {
    font-size: 30px;
    line-height: 30px
}

.text-medium-light {
    font-size: 50px !important;
    font-weight: 100;
    line-height: 1.1;
    font-family: open sans
}

.text-medium {
    font-size: 50px !important;
    font-weight: 800;
    line-height: 1.1;
    margin-bottom: 20px
}

body.breakpoint-sm .text-medium,
body.breakpoint-sm .text-medium-light {
    font-size: 40px !important
}

body.breakpoint-xs .text-medium,
body.breakpoint-xs .text-medium-light {
    font-size: 30px !important
}

.text-lg-light,
.text-lg-light span,
.text-lg-light span span {
    font-size: 90px !important;
    line-height: 100px !important;
    font-weight: 120 !important
}

.text-lg,
.text-lg span,
.text-lg span span {
    font-size: 60px;
    line-height: 70px;
    font-weight: 500;
}

.text-xl,
.text-xl span {
    font-size: 120px;
    font-weight: 800;
    line-height: 120px
}

.text-lg-x2,
.text-lg-x2 span {
    color: #fff;
    font-size: 120px;
    line-height: 140px;
    font-weight: 100;
    margin-bottom: 10px
}

.text-lg-x3,
.text-lg-x3 span {
    color: #fff;
    font-size: 230px;
    line-height: 250px;
    font-weight: 100
}

body.breakpoint-md .text-lg,
body.breakpoint-md .text-lg span,
body.breakpoint-md .text-lg span span,
body.breakpoint-md .text-lg-light,
body.breakpoint-md .text-lg-light span,
body.breakpoint-md .text-lg-light span span,
body.breakpoint-md .text-xl,
body.breakpoint-md .text-xl span,
body.breakpoint-sm .text-lg,
body.breakpoint-sm .text-lg span,
body.breakpoint-sm .text-lg span span,
body.breakpoint-sm .text-lg-light,
body.breakpoint-sm .text-lg-light span,
body.breakpoint-sm .text-lg-light span span,
body.breakpoint-sm .text-xl,
body.breakpoint-sm .text-xl span,
body.breakpoint-xs .text-lg,
body.breakpoint-xs .text-lg span,
body.breakpoint-xs .text-lg span span,
body.breakpoint-xs .text-lg-light,
body.breakpoint-xs .text-lg-light span,
body.breakpoint-xs .text-lg-light span span,
body.breakpoint-xs .text-xl,
body.breakpoint-xs .text-xl span {
    font-size: 70px;
    line-height: 70px
}

.text-small {
    font-size: 16px;
    font-weight: 800;
    line-height: 1.1
}

.text-light,
.text-light .lead,
.text-light a:not(.btn),
.text-light a:not(.btn):hover:not(.btn):not(.btn-light),
.text-light div:not(.alert),
.text-light h1,
.text-light h2,
.text-light h3,
.text-light h4,
.text-light h5,
.text-light h6,
.text-light i,
.text-light label,
.text-light li,
.text-light p,
.text-light span:not(.btn-label) {
    color: #fff !important
}

.text-dark,
.text-dark .lead,
.text-dark a:not(.btn):hover,
.text-dark a:not(.button),
.text-dark div:not(.alert),
.text-dark h1,
.text-dark h2,
.text-dark h3,
.text-dark h4,
.text-dark h5,
.text-dark h6,
.text-dark i,
.text-dark label,
.text-dark li,
.text-dark p,
.text-dark span:not(.btn-label) {
    color: #111 !important
}

.text-grey,
.text-grey .lead,
.text-grey a:not(.btn-light):hover,
.text-grey a:not(.button),
.text-grey div:not(.alert),
.text-grey h1,
.text-grey h2,
.text-grey h3,
.text-grey h4,
.text-grey h5,
.text-grey h6,
.text-grey i,
.text-grey label,
.text-grey li,
.text-grey p,
.text-grey span:not(.btn-label) {
    color: #ccc
}

.text-white a,
.text-white h1,
.text-white h2,
.text-white h3,
.text-white h4,
.text-white h5,
.text-white h6,
.text-white i,
.text-white p {
    color: #fff !important
}

.with-errors li {
    color: #981a1a !important
}

.text-bold {
    font-weight: 700 !important
}

.text-azure {
    color: #0095c8 !important
}

.text-orange {
    color: #f60 !important
}

.text-theme {
    color: #2250fc !important
}

.text-blue {
    color: #5f8295 !important
}

.text-pink {
    color: #dd5a82 !important
}

.text-purple {
    color: #dd5a82 !important
}

.text-bricky {
    color: #894550 !important
}

.text-yellow {
    color: #ffb848 !important
}

.text-red {
    color: #ca0027 !important
}

.font-weight-100 {
    font-weight: 100 !important
}

.font-weight-300 {
    font-weight: 300 !important
}

.font-weight-400 {
    font-weight: 400 !important
}

.font-weight-500 {
    font-weight: 500 !important
}

.font-weight-600 {
    font-weight: 600 !important
}

.font-weight-700 {
    font-weight: 700 !important
}

.font-weight-800 {
    font-weight: 800 !important
}

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

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

.border-top {
    border-top: 1px solid #eee
}

.border-right {
    border-width: 0 1px 0 0;
    border-color: #eee;
    border-style: solid
}

.border-bottom {
    border-bottom: 1px solid #eee
}

.border-dotted {
    border-style: dotted
}

.slider-size-half {
    max-height: 560px
}

.no-margin {
    margin: 0 !important
}

.m-b-0 {
    margin-bottom: 0 !important
}

.m-b-5 {
    margin-bottom: 5px !important
}

.m-b-10 {
    margin-bottom: 10px !important
}

.m-b-15 {
    margin-bottom: 15px !important
}

.m-b-20 {
    margin-bottom: 20px !important
}

.m-b-25 {
    margin-bottom: 25px !important
}

.m-b-30 {
    margin-bottom: 30px !important
}

.m-b-35 {
    margin-bottom: 35px !important
}

.m-b-40 {
    margin-bottom: 40px !important
}

.m-b-50 {
    margin-bottom: 50px !important
}

.m-b-60 {
    margin-bottom: 60px !important
}

.m-b-70 {
    margin-bottom: 70px !important
}

.m-b-80 {
    margin-bottom: 80px !important
}

.m-b-90 {
    margin-bottom: 90px !important
}

.m-b-100 {
    margin-bottom: 100px !important
}

.m-b-150 {
    margin-bottom: 150px !important
}

.m-b-200 {
    margin-bottom: 200px !important
}

.m-t-0 {
    margin-top: 0 !important
}

.m-t-5 {
    margin-top: 5px !important
}

.m-t-10 {
    margin-top: 10px !important
}

.m-t-15 {
    margin-top: 15px !important
}

.m-t-20 {
    margin-top: 20px !important
}

.m-t-25 {
    margin-top: 25px !important
}

.m-t-30 {
    margin-top: 30px !important
}

.m-t-35 {
    margin-top: 35px !important
}

.m-t-40 {
    margin-top: 40px !important
}

.m-t-50 {
    margin-top: 50px !important
}

.m-t-60 {
    margin-top: 60px !important
}

.m-t-70 {
    margin-top: 70px !important
}

.m-t-80 {
    margin-top: 80px !important
}

.m-t-90 {
    margin-top: 90px !important
}

.m-t-100 {
    margin-top: 100px !important
}

.m-l-0 {
    margin-left: 0 !important
}

.m-l-5 {
    margin-left: 5px !important
}

.m-l-10 {
    margin-left: 10px !important
}

.m-l-15 {
    margin-left: 15px !important
}

.m-l-20 {
    margin-left: 20px !important
}

.m-l-25 {
    margin-left: 25px !important
}

.m-l-30 {
    margin-left: 30px !important
}

.m-l-35 {
    margin-left: 35px !important
}

.m-l-40 {
    margin-left: 40px !important
}

.m-l-50 {
    margin-left: 50px !important
}

.m-l-60 {
    margin-left: 60px !important
}

.m-l-70 {
    margin-left: 70px !important
}

.m-l-80 {
    margin-left: 80px !important
}

.m-l-90 {
    margin-left: 90px !important
}

.m-l-100 {
    margin-left: 100px !important
}

.m-r-0 {
    margin-right: 0 !important
}

.m-r-5 {
    margin-right: 5px !important
}

.m-r-10 {
    margin-right: 10px !important
}

.m-r-15 {
    margin-right: 15px !important
}

.m-r-20 {
    margin-right: 20px !important
}

.m-r-25 {
    margin-right: 25px !important
}

.m-r-30 {
    margin-right: 30px !important
}

.m-r-35 {
    margin-right: 35px !important
}

.m-r-40 {
    margin-right: 40px !important
}

.m-r-50 {
    margin-right: 50px !important
}

.m-r-60 {
    margin-right: 60px !important
}

.m-r-70 {
    margin-right: 70px !important
}

.m-r-80 {
    margin-right: 80px !important
}

.m-r-90 {
    margin-right: 90px !important
}

.m-r-100 {
    margin-right: 100px !important
}

.m-0 {
    margin: 0 !important
}

.m-5 {
    margin: 5px !important
}

.m-10 {
    margin: 10px !important
}

.m-15 {
    margin: 15px !important
}

.m-20 {
    margin: 20px !important
}

.m-25 {
    margin: 25px !important
}

.m-30 {
    margin: 30px !important
}

.m-35 {
    margin: 35px !important
}

.m-40 {
    margin: 40px !important
}

.m-50 {
    margin: 50px !important
}

.m-60 {
    margin: 60px !important
}

.m-70 {
    margin: 70px !important
}

.m-80 {
    margin: 80px !important
}

.m-90 {
    margin: 90px !important
}

.m-100 {
    margin: 100px !important
}

.col-no-margin {
    padding: 0 !important
}

.col-no-margin [class^=col-] {
    margin: 0 !important;
    padding: 0 !important
}

.row.col-no-margin {
    margin: 0 !important;
    padding: 0 !important
}

.row.col-mdall-margins [class^=col-] {
    margin: 0 0 20px !important
}

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

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

.no-padding {
    padding: 0 !important
}

.p-0 {
    padding: 0 !important
}

.p-5 {
    padding: 5px !important
}

.p-10 {
    padding: 10px !important
}

.p-15 {
    padding: 15px !important
}

.p-20 {
    padding: 20px !important
}

.p-25 {
    padding: 25px !important
}

.p-30 {
    padding: 30px !important
}

.p-35 {
    padding: 35px !important
}

.p-40 {
    padding: 40px !important
}

.p-50 {
    padding: 50px !important
}

.p-60 {
    padding: 60px !important
}

.p-70 {
    padding: 70px !important
}

.p-80 {
    padding: 80px !important
}

.p-90 {
    padding: 90px !important
}

.p-100 {
    padding: 100px !important
}

.p-150 {
    padding: 150px !important
}

.p-200 {
    padding: 200px !important
}

.p-b-0 {
    padding-bottom: 0 !important
}

.p-b-5 {
    padding-bottom: 5px !important
}

.p-b-10 {
    padding-bottom: 10px !important
}

.p-b-15 {
    padding-bottom: 15px !important
}

.p-b-20 {
    padding-bottom: 20px !important
}

.p-b-25 {
    padding-bottom: 25px !important
}

.p-b-30 {
    padding-bottom: 30px !important
}

.p-b-35 {
    padding-bottom: 35px !important
}

.p-b-40 {
    padding-bottom: 40px !important
}

.p-b-50 {
    padding-bottom: 50px !important
}

.p-b-60 {
    padding-bottom: 60px !important
}

.p-b-70 {
    padding-bottom: 70px !important
}

.p-b-80 {
    padding-bottom: 80px !important
}

.p-b-90 {
    padding-bottom: 90px !important
}

.p-b-100 {
    padding-bottom: 100px !important
}

.p-b-110 {
    padding-bottom: 110px !important
}

.p-b-120 {
    padding-bottom: 120px !important
}

.p-b-130 {
    padding-bottom: 130px !important
}

.p-b-140 {
    padding-bottom: 140px !important
}

.p-b-150 {
    padding-bottom: 150px !important
}

.p-b-200 {
    padding-bottom: 200px !important
}

.p-t-0 {
    padding-top: 0 !important
}

.p-t-5 {
    padding-top: 5px !important
}

.p-t-10 {
    padding-top: 10px !important
}

.p-t-15 {
    padding-top: 15px !important
}

.p-t-20 {
    padding-top: 20px !important
}

.p-t-25 {
    padding-top: 25px !important
}

.p-t-30 {
    padding-top: 30px !important
}

.p-t-35 {
    padding-top: 35px !important
}

.p-t-40 {
    padding-top: 40px !important
}

.p-t-50 {
    padding-top: 50px !important
}

.p-t-60 {
    padding-top: 60px !important
}

.p-t-70 {
    padding-top: 70px !important
}

.p-t-80 {
    padding-top: 80px !important
}

.p-t-90 {
    padding-top: 90px !important
}

.p-t-100 {
    padding-top: 100px !important
}

.p-t-110 {
    padding-top: 110px !important
}

.p-t-120 {
    padding-top: 120px !important
}

.p-t-130 {
    padding-top: 130px !important
}

.p-t-140 {
    padding-top: 140px !important
}

.p-t-150 {
    padding-top: 150px !important
}

.p-t-200 {
    padding-top: 200px !important
}

.p-r-0 {
    padding-right: 0 !important
}

.p-r-5 {
    padding-right: 5px !important
}

.p-r-10 {
    padding-right: 10px !important
}

.p-r-15 {
    padding-right: 15px !important
}

.p-r-20 {
    padding-right: 20px !important
}

.p-r-25 {
    padding-right: 25px !important
}

.p-r-30 {
    padding-right: 30px !important
}

.p-r-35 {
    padding-right: 35px !important
}

.p-r-40 {
    padding-right: 40px !important
}

.p-r-50 {
    padding-right: 50px !important
}

.p-r-60 {
    padding-right: 60px !important
}

.p-r-70 {
    padding-right: 70px !important
}

.p-r-80 {
    padding-right: 80px !important
}

.p-r-90 {
    padding-right: 90px !important
}

.p-r-100 {
    padding-right: 100px !important
}

.p-l-0 {
    padding-left: 0 !important
}

.p-l-5 {
    padding-left: 5px !important
}

.p-l-10 {
    padding-left: 10px !important
}

.p-l-15 {
    padding-left: 15px !important
}

.p-l-20 {
    padding-left: 20px !important
}

.p-l-25 {
    padding-left: 25px !important
}

.p-l-30 {
    padding-left: 30px !important
}

.p-l-35 {
    padding-left: 35px !important
}

.p-l-40 {
    padding-left: 40px !important
}

.p-l-50 {
    padding-left: 50px !important
}

.p-l-60 {
    padding-left: 60px !important
}

.p-l-70 {
    padding-left: 70px !important
}

.p-l-80 {
    padding-left: 80px !important
}

.p-l-90 {
    padding-left: 90px !important
}

.p-l-100 {
    padding-left: 100px !important
}

.b-r-2 {
    border-radius: 2px !important
}

.b-r-3 {
    border-radius: 3px !important
}

.b-r-4 {
    border-radius: 4px !important
}

.b-r-5 {
    border-radius: 5px !important
}

.b-r-6 {
    border-radius: 6px !important
}

.b-r-7 {
    border-radius: 7px !important
}

.b-r-8 {
    border-radius: 8px !important
}

.b-r-9 {
    border-radius: 9px !important
}

.b-r-10 {
    border-radius: 10px !important
}

.b-radius {
    border-radius: 50% !important
}

.float-right {
    float: right !important
}

.float-left {
    float: left !important
}

.float-none {
    float: none !important
}

.fullwidth {
    width: 100% !important
}

.lh80 {
    line-height: 80px !important
}

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

@media(max-width:991px) {

    .text-lg,
    .text-lg span {
        font-size: 60px !important;
        line-height: 60px !important
    }

    .text-lg-x2,
    .text-lg-x2 span,
    .text-lg-x3,
    .text-lg-x3 span {
        font-size: 70px !important;
        line-height: 70px !important
    }
}

@media(max-width:768px) {

    .text-lg,
    .text-lg span {
        font-size: 30px !important;
        line-height: 30px !important
    }

    .text-lg-x2,
    .text-lg-x2 span,
    .text-lg-x3,
    .text-lg-x3 span {
        font-size: 30px !important;
        line-height: 30px !important
    }
}

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

#footer {
    display: block;
    position: relative;
    /* background-color: #040d19; */
    font-size: 14px;
    /* background: linear-gradient(90deg, rgb(215 236 243) 0%, rgb(255 255 255) 35%, rgb(241 241 241) 100%); */
    background-color: #032e66;
    line-height: 32px;
    font-weight: 400;
    font-family: Poppins, Helvetica, Arial, sans-serif;
}

#footer p {
    font-family: Poppins, Helvetica, Arial, sans-serif
}

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

#footer .footer-content {
    padding: 30px 0 0px;
}

#footer .widget .widget-title,
#footer .widget h4 {
    font-family: Poppins, Helvetica, Arial, sans-serif;
    font-size: 14px;
    letter-spacing: 1px;
    font-weight: 600;
    color: #5eb300;
}

#footer .widget .widget-title ul li a,
#footer .widget h4 ul li a {
    font-family: Poppins, Helvetica, Arial, sans-serif;
    font-size: 15px;
    line-height: 32px;
    color: #999;
       /* color: #fff !important; */
}

#footer .copyright-content {
    min-height: 50px;
    padding: 9px 0;
    background-color: #051223;
    font-size: 13px;
    color: #fff;
}

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

#footer .footer-logo {
    border-right: 1px solid #333;
    margin-bottom: 20px;
    margin-right: 18px;
    padding-right: 16px
}

#footer.inverted {
    background-color: #181818
}

#footer.inverted p {
    font-family: Poppins, Helvetica, Arial, sans-serif;
    color: #999
}

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

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

#footer.inverted .widget .widget-title,
#footer.inverted .widget h4 {
    color: #fff
}

#footer.inverted .copyright-content {
    background-color: #1e1e1e
}

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

.widget .widget-title,
.widget>h4 {
    font-family: open sans;
    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 iframe {
    width: 100%;
    height: auto
}

.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
}

.sidebar .widget #testimonials .testimonial-item>img {
    border-radius: 50%;
    display: block;
    float: none;
    height: 50px !important;
    margin: 0 auto 20px;
    width: 50px !important
}

.tags a {
    border: 2px solid #f3f3f3;
    border-radius: 50px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
    outline: 0;
    padding: 5px 14px;
    margin: 0 2px 5px 0;
    background-color: transparent;
    border-color: #ebebeb;
    color: #4c5667;
    display: inline-block;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}

.tags a.active,
.tags a:active,
.tags a:focus,
.tags a:hover {
    background-color: #2250fc;
    border-color: #2250fc;
    color: #fff
}

.widget-archive ul {
    padding-left: 0
}

body.breakpoint-md .sidebar .widget {
    float: left;
    width: 330px
}

body.breakpoint-sm .sidebar .widget {
    width: 100%
}

body.breakpoint-md .sidebar .widget:nth-child(odd),
body.breakpoint-sm .sidebar .widget:nth-child(odd) {
    margin-right: 30px
}

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

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

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

.flickr-widget .col-lg-3>a img,
.widget-instagram .col-lg-3>a img {
    padding: 2px;
    width: 25%
}

.flickr-widget .col-lg-4>a>img,
.widget-instagram .col-lg-4>a>img {
    width: 25%
}

body.breakpoint-sm .col-3 .flickr-widget img .widget-instagram img {
    width: 16.666%
}

.widget .footer-widget .social-icon {
    background-color: rgba(0, 0, 0, .2)
}

.widget.widget-newsletter button {
    margin-left: -1px
}

.widget.widget-newsletter button {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.widget.widget-newsletter .btn {
    text-transform: none
}

.widget.widget-newsletter .form-control {
    height: 40px
}

.widget.widget-newsletter .btn {
    font-size: 12px;
    font-weight: 600;
    height: 40px;
    padding: 8px 16px
}

.widget.widget-newsletter label.error {
    color: #e42c3e;
    display: none !important;
    font-weight: 400;
    margin-top: 5px
}

.background-dark .widget.widget-newsletter .input-group-prepend {
    background-color: #fff;
    color: #fff
}

.background-dark .widget.widget-newsletter .form-transparent-fields .form-control {
    border-left: 0;
    padding-left: 0
}

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

.widget-newsletter small {
    display: block
}

.widget.widget-search button {
    margin-left: -1px
}

.widget.widget-search button {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.widget.widget-search .btn {
    text-transform: none
}

.widget.widget-search .btn {
    font-size: 12px;
    font-weight: 600;
    height: 40px;
    padding: 8px 16px
}

.background-dark .widget.widget-search .input-group-prepend {
    background-color: rgba(0, 0, 0, .35);
    border-color: rgba(0, 0, 0, .25);
    color: #999
}

#widget-contact-form {
    clear: left
}

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

.widget-tweeter li a,
.widget-twitter li a {
    color: #2250fc
}

.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 {
    margin-bottom: 18px
}

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

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

.widget-tweeter small,
.widget-twitter small {
    display: block;
    color: #999 !important;
    width: 100%
}

.widget-newsletter .input-group-prepend i {
    color: #555 !important
}

.widget-gallery a>img {
    float: left;
    height: auto;
    width: 33.3333333%;
    padding: 3px
}

.widget-myaccount {
    min-width: 220px
}

.widget-myaccount .avatar {
    text-align: center;
    margin-bottom: 20px
}

.widget-myaccount .avatar img {
    width: 80px;
    border-radius: 100%;
    margin-bottom: 6px
}

.widget-myaccount .avatar span {
    display: block;
    font-size: 18px;
    font-weight: 700
}

.widget-myaccount ul>li,
.widget-myaccount>li {
    display: block
}

.widget-myaccount ul>li:first-child label,
.widget-myaccount>li:first-child label {
    margin-top: 0
}

.widget-myaccount ul>li label,
.widget-myaccount>li label {
    color: #999;
    font-size: 11px;
    text-transform: uppercase;
    margin-top: 14px;
    margin-bottom: 0
}

.widget-myaccount ul>li a,
.widget-myaccount>li a {
    line-height: 26px;
    white-space: nowrap;
    display: block;
    padding: 2px 8px
}

.widget-myaccount ul>li a i,
.widget-myaccount>li a i {
    margin-right: 6px
}

.widget-mycart {
    min-width: 246px;
    width: 100%;
    position: relative
}

.widget-mycart .cart-item {
    margin-top: 8px;
    display: inline-table;
    width: 100%
}

.widget-mycart .cart-item .cart-image {
    width: 50px;
    height: 50px;
    float: left;
    overflow: hidden;
    border-radius: 4px
}

.widget-mycart .cart-item .cart-image img {
    width: 100%
}

.widget-mycart .cart-item .cart-product-meta {
    float: left;
    padding-left: 20px
}

.widget-mycart .cart-item .cart-product-meta>a {
    font-weight: 700;
    display: block
}

.widget-mycart .cart-item .cart-product-meta span {
    opacity: .7
}

.widget-mycart .cart-item .cart-item-remove {
    width: 20px;
    float: right;
    font-size: 12px
}

.widget-mycart .cart-item .cart-item-remove i {
    color: #565656 !important
}

.widget-mycart .cart-total {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 4px;
    margin: 10px 0
}

.widget-mycart .cart-total .cart-total-labels {
    text-align: left
}

.widget-mycart .cart-total .cart-total-labels span {
    margin-bottom: 2px;
    display: block;
    font-weight: 500
}

.widget-mycart .cart-total .cart-total-labels span strong {
    font-size: 16px;
    font-weight: 700
}

.widget-mycart .cart-total .cart-total-prices {
    text-align: right
}

.widget-mycart .cart-total .cart-total-prices span {
    margin-bottom: 2px;
    display: block;
    font-weight: 500
}

.widget-mycart .cart-total .cart-total-prices span strong {
    font-weight: 700;
    font-size: 16px
}

.widget-mycart .cart-buttons .btn {
    margin-bottom: 0
}

.widget-notification {
    min-width: 246px;
    width: 100%;
    position: relative
}

.widget-notification .notification-item {
    display: flex;
    align-items: flex-start;
    margin-top: 12px;
    width: 100%;
    position: relative
}

.widget-notification .notification-item.notification-new::before {
    content: " ";
    background-color: #f33e5b;
    width: 10px;
    height: 10px;
    position: absolute;
    border-radius: 50%;
    right: 0;
    top: 5px
}

.widget-notification .notification-item .notification-image {
    width: 36px;
    height: 36px;
    border-radius: 100%;
    overflow: hidden
}

.widget-notification .notification-item .notification-image img {
    width: 100%
}

.widget-notification .notification-item .notification-meta {
    flex: 1px;
    padding-left: 12px
}

.widget-notification .notification-item .notification-meta>a {
    font-weight: 600;
    display: block
}

.widget-notification .notification-item .notification-meta span {
    opacity: .6;
    font-size: 11px
}

.widget .tabs-content {
    margin-bottom: 0;
    padding-bottom: 0
}

.sidebar .widget .tabs li>a {
    padding: 10px
}

.sidebar .widget .tabs .tabs-navigation li {
    float: left;
    display: inherit
}

.widget .post-thumbnail-content a {
    font-size: 13px;
    line-height: 20px;
    display: block
}

.sidebar .widget .post-thumbnail-list .post-thumbnail-entry>img {
    height: 48px;
    margin-right: 10px;
    width: 64px
}

.sidebar .widget .post-thumbnail-list .post-thumbnail-entry img+.post-thumbnail-content {
    padding-left: 72px
}

.post-thumbnail-entry .post-thumbnail-content .post-category,
.sidebar .widget .post-thumbnail-entry .post-thumbnail-content .post-date {
    font-size: 11px
}

.sidebar .widget .post-thumbnail-entry:last-child {
    margin-bottom: 0;
    padding-bottom: 0
}

@media(max-width:991px) {
    .sidebar {
        margin-bottom: 40px
    }
}

.dark .widget .widget-title,
.dark .widget>h4 {
    color: #fff
}

.item-link {
    color: #2250fc;
    font-size: 12px;
    letter-spacing: 1px;
    text-transform: uppercase !important
}

.item-link i {
    position: relative;
    right: 0;
    transition: right .3s ease 0s;
    top: -1px
}

.item-link:hover {
    color: #2250fc
}

.item-link:hover i {
    right: -6px
}

.nav-link {
    color: #2250fc
}

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

.background-fixed {
    background-attachment: fixed;
    background-position: center top;
    background-size: cover
}

.no-parallax {
    background-size: cover !important;
    background-attachment: scroll !important;
    background-position: center center !important
}

#particles-js>.container,
#particles-js>.container-fluid,
#particles-js>.container-wide,
.background-overlay-dark>.container,
.background-overlay-dark>.container-fluid,
.background-overlay-dark>.container-wide,
.background-overlay-gradient-colored>.container,
.background-overlay-gradient-colored>.container-fluid,
.background-overlay-gradient-colored>.container-wide,
.background-overlay-gradient-dark>.container,
.background-overlay-gradient-dark>.container-fluid,
.background-overlay-gradient-dark>.container-wide,
.background-overlay-gradient>.container,
.background-overlay-gradient>.container-fluid,
.background-overlay-gradient>.container-wide,
.background-overlay-grey-dark>.container,
.background-overlay-grey-dark>.container-fluid,
.background-overlay-grey-dark>.container-wide,
.background-overlay-grey>.container,
.background-overlay-grey>.container-fluid,
.background-overlay-grey>.container-wide,
.background-overlay-light>.container,
.background-overlay-light>.container-fluid,
.background-overlay-light>.container-wide,
.background-overlay-one>.container,
.background-overlay-one>.container-fluid,
.background-overlay-one>.container-wide,
.background-overlay>.container,
.background-overlay>.container-fluid,
.background-overlay>.container-wide {
    position: relative
}

.background-overlay .mbYTP_wrapper,
.background-overlay-dark .mbYTP_wrapper {
    z-index: -1 !important
}

.background-overlay-gradient:before {
    background: -moz-linear-gradient(top, rgba(0, 0, 0, .59) 0, rgba(255, 255, 255, 0) 99%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, .59)), color-stop(99%, rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, .59) 0, rgba(255, 255, 255, 0) 99%);
    background: -o-linear-gradient(top, rgba(0, 0, 0, .59) 0, rgba(255, 255, 255, 0) 99%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, .59) 0, rgba(255, 255, 255, 0) 99%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, .59) 0, rgba(255, 255, 255, 0) 99%);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: " ";
    width: 100%;
    height: 100%;
    z-index: 0;
    opacity: .8
}

.background-overlay-gradient-dark:before {
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(16, 16, 16, .99) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(16, 16, 16, .99) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(16, 16, 16, .99) 100%);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: " ";
    width: 100%;
    height: 100%;
    z-index: 0
}

.background-overlay-gradient-colored:before {
    background: #ba01ff;
    background: -moz-linear-gradient(top, #ba01ff 0, #ff0092 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ba01ff), color-stop(100%, #ff0092));
    background: -webkit-linear-gradient(top, #ba01ff 0, #ff0092 100%);
    background: -o-linear-gradient(top, #ba01ff 0, #ff0092 100%);
    background: -ms-linear-gradient(top, #ba01ff 0, #ff0092 100%);
    background: linear-gradient(to bottom, #ba01ff 0, #ff0092 100%);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: " ";
    width: 100%;
    height: 100%;
    z-index: 0;
    opacity: .8
}

.background-overlay:before {
    background: url(../images/overlay-pattern/overlay-pattern-1.png);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: " ";
    width: 100%;
    height: 100%;
    z-index: 0;
    opacity: .8;
    min-height: 2000px
}

.background-overlay-one:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, .3);
    content: " ";
    width: 100%;
    height: 100%;
    z-index: 0;
    min-height: 2000px
}

.background-overlay-dark:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, .8);
    content: " ";
    width: 100%;
    height: 100%;
    z-index: 0;
    min-height: 2000px
}

.background-overlay-light:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(255, 255, 255, .7);
    content: " ";
    width: 100%;
    height: 100%;
    z-index: 0;
    min-height: 2000px
}

.background-overlay-grey:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, .3);
    content: " ";
    width: 100%;
    height: 100%;
    z-index: 0;
    min-height: 2000px
}

.background-overlay-grey-dark:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(84, 87, 95, .8);
    content: " ";
    width: 100%;
    height: 100%;
    z-index: 0;
    min-height: 2000px
}

.background-colored {
    background-color: #2250fc
}

#particles-js {
    position: absolute;
    width: 100%;
    height: 400px;
    top: 0;
    left: 0;
    background-color: #040d19;
    z-index: -1
}

.hgt {
    height: 400px;
}

.particles canvas {
    position: absolute;
    top: 0;
    left: 0
}

#multiscroll .ms-left .ms-section {
    background-position: 100% center !important
}

#multiscroll .ms-right .ms-section {
    background-position: 0 center !important
}

#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, .25);
    background-repeat: no-repeat;
    background-position: center;
    transition: opacity .3s, bottom .5s, box-shadow .3s cubic-bezier(.55, 0, .1, 1), background-color .1s linear;
    background-color: rgba(0, 0, 0, .25) !important;
    overflow: hidden
}

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

#scrollTop:hover {
    transition: box-shadow .3s cubic-bezier(.55, 0, .1, 1), background-color 50ms linear .25s;
    background-color: transparent !important
}

#scrollTop:hover i {
    transform: translate(0, 0) !important;
}

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

#scrollTop:before {
    background-color: rgba(255, 255, 255, .25);
    transform: scale(1);
    transition: all .5s cubic-bezier(.165, .84, .44, 1);
    opacity: 0;
    z-index: 2
}

#scrollTop:hover:after {
    transform: scale(1)
}

#scrollTop:active:before {
    opacity: 1
}

.show-grid[class*=col-lg-] .show-grid-block {
    background-color: #eee;
    border: 1px solid #fff;
    display: block;
    line-height: 40px;
    min-height: 40px;
    text-align: center
}

.fontawesome-icon-list i {
    font-size: 18px;
    display: inline-block;
    font-size: 1.3em;
    margin-right: 5px;
    position: relative;
    text-align: center;
    top: 2px;
    width: 30px;
    padding: 16px 0
}

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

.img-thumbnail {
    border: 1px solid #eee;
    padding: 1px
}

.news-section-wrapper {
    clear: both;
    display: block;
    padding: 0 80px;
    position: relative
}

.marketing-box {
    background-color: #f1f1f1;
    border: 1px solid #eee;
    clear: both;
    color: #999;
    height: 100px;
    line-height: 100px;
    text-align: center;
    width: 100%;
    margin-bottom: 20px
}

.news-ticker {
    border-bottom: 1px solid #eee;
    position: relative
}

.news-ticker-title {
    background-color: #f5f5f5;
    float: left;
    margin-right: 12px;
    height: 100%
}

.news-ticker-title h4 {
    font-size: 14px;
    font-weight: 700;
    line-height: 14px;
    padding: 20px 30px 17px
}

.news-ticker-content {
    margin-bottom: 0;
    padding: 14px;
    width: 100%
}

.news-ticker-content .owl-item:before {
    color: #d82731;
    content: "\e9db";
    font-family: inspiro-icons !important;
    font-size: 10px;
    margin-left: -24px;
    position: absolute
}

.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 .row {
    margin-right: -10px;
    margin-left: -10px
}

.boxed-grid [class*=col-] {
    padding-left: 10px;
    padding-right: 10px
}

.boxed-grid [class*=col-] a {
    margin-bottom: 20px
}

.boxed-grid a {
    overflow: hidden;
    display: block;
    position: relative
}

.boxed-grid a img {
    width: 100%;
    height: auto;
    transition: all .6s ease
}

.boxed-grid a:hover img {
    transform: scale(1.2)
}

.boxed-grid a .title {
    position: absolute;
    top: 40%;
    left: 30px;
    font-size: 28px;
    font-weight: 800;
    text-transform: uppercase;
    color: #fff
}

.page-error-404 {
    color: #eee;
    display: block;
    font-size: 300px;
    font-weight: 800;
    line-height: .7
}

body.breakpoint-sm .page-error-404 {
    font-size: 200px;
    line-height: .8;
    margin-bottom: 20px
}

body.breakpoint-xs .page-error-404 {
    font-size: 140px;
    line-height: .8;
    margin-bottom: 20px
}

.scrolldown-animation {
    animation: 1s ease-in-out 0s normal none infinite running scrolldown-keyframes;
    bottom: 40px;
    height: 40px;
    left: 50%;
    margin-left: -20px;
    position: absolute;
    width: 45px;
    z-index: 60
}

@keyframes scrolldown-keyframes {

    0%,
    100% {
        transform: translateY(-8px)
    }

    50% {
        transform: translateY(0)
    }
}

@keyframes scrolldown-keyframes {

    0%,
    100% {
        transform: translateY(-8px)
    }

    50% {
        transform: translateY(0)
    }
}

.animated-background {
    animation: 120s linear 0s normal none infinite running animatedBackground;
    background-repeat: repeat-x;
    background-size: cover
}

@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 {
    background-color: #f4f4f4
}

.image-block .col-lg-6 {
    padding: 60px
}

.image-block-content {
    margin-bottom: 30px;
    padding: 0 50px
}

.image-block-content .feature-icon {
    border-radius: 100%;
    color: #fff;
    display: inline-block;
    height: 60px;
    line-height: 60px;
    text-align: center;
    width: 60px;
    background-color: #eee
}

.image-block-content .feature-icon i {
    font-size: 28px;
    margin-top: 16px
}

.image-block-content .feature-content {
    padding-left: 85px
}

.image-block-content .feature-content h3 {
    margin-bottom: 0
}

.image-absolute {
    position: absolute;
    top: 0;
    left: 0;
    width: 426px;
    height: 556px
}

.heading-fancy-border {
    border: 15px solid #111;
    margin: 0 10%;
    padding: 60px 0
}

.text-light .heading-fancy-border {
    border-color: #fff !important
}

.hero-heading-2 {
    padding: 20px;
    background-color: #111;
    border-radius: 8px
}

.hero-heading-2>i {
    font-size: 160px;
    opacity: .1;
    position: absolute;
    right: 23px;
    top: 2px
}

.hero-heading-3 {
    background-color: #fff;
    border: 36px solid #fff;
    box-shadow: 0 0 0 1px #111 inset;
    color: #111;
    opacity: .7;
    padding: 72px;
    width: auto;
    margin: 40px;
    text-align: center
}

.hero-heading-3 h2,
.hero-heading-3 h3 {
    font-family: josefin sans, sans-serif;
    text-transform: uppercase;
    font-size: 92px;
    text-align: center;
    margin: 0;
    line-height: 72px
}

.working-hours ul {
    padding: 0
}

.working-hours li {
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    display: inline-block;
    padding: 10px 0;
    width: 100%
}

.working-hours li:before {
    content: "\f017";
    font-family: "font awesome 5 free";
    margin-right: 15px
}

.working-hours li span {
    float: right
}

.working-hours p {
    font-size: 13px;
    color: #111
}

.price-menu-list {
    padding: 0;
    list-style: none
}

.price-menu-list li {
    margin-bottom: 40px
}

.price-menu-list li>h2 {
    margin-bottom: 0
}

.price-menu-list li>p {
    margin-bottom: 8px;
    opacity: .6
}

.price-menu-list li>img {
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    width: 100px;
    height: 100px;
    float: left
}

.responsive-utilities th small {
    color: #999;
    display: block;
    font-weight: 400
}

.responsive-utilities td.is-visible {
    background-color: #dff0d8 !important;
    color: #468847
}

.col-lg-2-5 {
    width: 20%;
    float: left;
    padding-left: 15px;
    padding-right: 15px
}

.profile-content {
    width: 100%;
    padding: 0;
    position: relative
}

.profile-content .profile-image {
    background-position: 50% 20%;
    background-repeat: repeat-y;
    background-size: cover;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 66.6666%;
    z-index: 2;
    display: table
}

.profile-content .profile-image .profile-name {
    display: table-cell;
    height: 100%;
    padding: 30px;
    position: relative;
    vertical-align: bottom;
    width: 100%
}

.profile-content .profile-image .profile-name h3 {
    color: #fff;
    font-size: 130px;
    opacity: .7;
    text-shadow: 0 22px 25px rgba(0, 0, 0, .13);
    line-height: 120px
}

.profile-content .profile-bio {
    float: right;
    height: auto;
    margin: 50px;
    overflow: hidden;
    padding: 0 0 0 100px;
    position: relative;
    right: 0;
    top: 0;
    width: 33.3333%;
    z-index: 1
}

.profile-content .profile-bio .profile-bio-footer {
    padding: 20px 0 0;
    width: 100%
}

.morphext>.animated {
    display: inline-block;
    opacity: 1
}

img.avatar {
    width: 64px;
    height: 64px;
    border-radius: 50%
}

.ohidden {
    position: relative;
    overflow: hidden !important
}

.play-button {
    position: relative;
    width: 90px;
    height: 90px;
    display: inline-block;
    border-width: 7px;
    border-style: solid;
    border-color: #fff;
    border-radius: 50%;
    transition: all .4s cubic-bezier(.19, 1, .22, 1) 0s
}

.play-button>i {
    font-size: 22px;
    color: #fff;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: 2px;
    transform: translateY(-50%) translateX(-50%)
}

.play-button.dark {
    border-color: #1f1f1f
}

.play-button.dark>i {
    color: #1f1f1f
}

.play-button:hover {
    transform: scale(1.15);
    transition: all .4s cubic-bezier(.19, 1, .22, 1) 0s
}

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

.lines-button>* {
    display: block
}

.lines-button:focus,
.lines-button:hover {
    outline: 0
}

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

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

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

.lines::before {
    top: 6px
}

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

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

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

.x {
    width: auto
}

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

.x.toggle-active .lines::after,
.x.toggle-active .lines::before {
    -webkit-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
}

.image-hover-zoom {
    position: relative;
    overflow: hidden;
    cursor: url(../images/expand.png), default
}

.image-hover-zoom img {
    transition: all .4s ease;
    opacity: 1
}

.image-hover-zoom:hover img {
    opacity: .3
}

.vimeo_player_wrapper {
    z-index: -1 !important
}

.vimeo_player_wrapper~iframe {
    display: none
}

#youtube-background-controls {
    background: 0 0;
    border: 2px solid #fff;
    border-radius: 50%;
    height: 60px;
    position: relative;
    width: 60px;
    cursor: pointer
}

#youtube-background-controls .fa {
    font-size: 23px;
    line-height: 40px
}

#youtube-background-controls .fa-pause,
#youtube-background-controls .fa-play {
    -webkit-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
    opacity: 0;
    position: absolute;
    left: 19px;
    top: 9px
}

#youtube-background-controls .fa-play {
    left: 22px
}

#youtube-background-controls .fa-pause {
    opacity: 1
}

#youtube-background-controls.video-is-playing .fa-play {
    opacity: 1
}

#youtube-background-controls.video-is-playing .fa-pause {
    opacity: 0
}

.block-shadow {
    -moz-box-shadow: 0 25px 75px 0 rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 25px 75px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 25px 75px 0 rgba(0, 0, 0, .2);
    margin-left: -100px
}

.portfolio-item .new-badge {
    background-image: url(../preview/images/new-badge.html);
    background-position: 0 0;
    background-repeat: no-repeat;
    height: 61px;
    position: absolute;
    right: 12px;
    top: 3px;
    width: 55px;
    z-index: 100
}

.hover-3d:hover .grid-item-wrap,
.hover-3d:hover .portfolio-item-wrap {
    box-shadow: 0 10px 30px rgba(0, 0, 0, .4)
}

.hover-3d.hover-in {
    transition: transform .2s ease-out
}

.hover-3d.hover-out {
    transition: transform .2s ease-in
}

.bar-rating {
    height: 23px;
    float: left;
    color: #ffc300
}

.image-left-offset {
    margin-left: -15px
}

.image-left-offset img {
    width: 100%;
    max-width: none;
    z-index: 1;
    position: relative;
    display: block
}

.image-right-offset {
    margin-right: -15px
}

.image-right-offset img {
    width: 100%;
    max-width: none;
    z-index: 1;
    position: relative;
    display: block
}

#external-events .fc-event {
    margin-bottom: 10px;
    cursor: grab
}

.fc-view,
.fc-view>table {
    z-index: 0 !important
}

.fc-toolbar .fc-button {
    font-size: 12px !important;
    padding: 4px 14px;
    height: 34px;
    font-family: Poppins, Helvetica, Arial, sans-serif;
    background-color: #fff !important;
    border-color: #ebebeb !important;
    color: #4c5667 !important;
    text-shadow: none !important;
    background-image: unset !important;
    box-shadow: unset !important
}

.fc-toolbar .fc-button.active,
.fc-toolbar .fc-button:active,
.fc-toolbar .fc-button:focus,
.fc-toolbar .fc-button:hover {
    border-color: #ebedf2 !important;
    background-color: #f4f5f8 !important;
    color: #4c5667 !important
}

.fc-day-header {
    padding-top: 10px !important;
    padding-bottom: 10px !important
}

.fc-day-header span {
    font-weight: 600
}

.fc-list-heading td {
    font-weight: 600
}

td.fc-today {
    border-style: none
}

.fc-event {
    padding: 4px 10px
}

.fc-event,
.fc-event:hover,
.fc-more,
.fc-title {
    color: #565656
}

.fc-popover .fc-header {
    padding: 6px 9px
}

.fc-event {
    background-color: #fff;
    border-width: 1px;
    border-color: #ececec;
    box-shadow: 0 1px 15px 1px rgba(69, 65, 78, .08);
    border-left-width: 1px !important;
    padding: 5px 12px !important;
    border-radius: 4px !important;
    margin: 5px
}

.fc-event-dot {
    background-color: #333
}

.fc-divider,
.fc-list-heading td,
.fc-popover .fc-header {
    background-color: #f7f9fb !important
}

.fc-toolbar h2 {
    font-size: 1.2em
}

.fc-event-primary.fc-event {
    background-color: #2250fc;
    border-color: #2250fc;
    color: #fff
}

.fc-event-primary.fc-event span {
    color: #fff
}

.fc-event-primary .fc-event-dot {
    background-color: #2250fc
}

.fc-event-secondary.fc-event {
    background-color: #5a6268;
    border-color: #5a6268;
    color: #fff
}

.fc-event-secondary.fc-event span {
    color: #fff
}

.fc-event-secondary .fc-event-dot {
    background-color: #2250fc
}

.fc-event-warning.fc-event {
    background-color: #ffb20e;
    border-color: #ffb20e;
    color: #fff
}

.fc-event-warning.fc-event span {
    color: #fff
}

.fc-event-warning .fc-event-dot {
    background-color: #ffb20e
}

.fc-event-danger.fc-event {
    background-color: #f33e5b;
    border-color: #f33e5b;
    color: #fff
}

.fc-event-danger.fc-event span {
    color: #fff
}

.fc-event-danger .fc-event-dot {
    background-color: #f33e5b
}

.fc-event-info.fc-event {
    background-color: #53b0f8;
    border-color: #53b0f8;
    color: #fff
}

.fc-event-info.fc-event span {
    color: #fff
}

.fc-event-info .fc-event-dot {
    background-color: #53b0f8
}

.fc-event-success.fc-event {
    background-color: #81c868;
    border-color: #81c868;
    color: #fff
}

.fc-event-success.fc-event span {
    color: #fff
}

.fc-event-success .fc-event-dot {
    background-color: #81c868
}

.simple-dropdown .title {
    line-height: inherit !important;
    letter-spacing: 1px;
    padding: 0;
    color: #1f1f1f
}

.simple-dropdown .dropdown-list {
    right: -10px;
    margin-top: -20px;
    left: auto;
    box-shadow: 0 -6px 16px rgba(0, 0, 0, .1);
    margin-top: -16px
}

.simple-dropdown .dropdown-list:before {
    content: " ";
    width: 0;
    height: 0;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-bottom: 9px solid #fff;
    top: -9px;
    right: 14px;
    position: absolute
}

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

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

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

.p-dropdown .btn~.dropdown-content {
    top: 42px
}

.p-dropdown .p-dropdown-content,
.p-dropdown ul.p-dropdown-content {
    line-height: normal;
    position: absolute;
    min-width: 140px;
    z-index: 5;
    text-align: left;
    opacity: 0;
    transition: all .2s ease;
    visibility: hidden;
    transform: translateY(8px);
    padding: 14px 20px;
    width: min-content;
    top: auto;
    right: 0;
    margin: 0;
    border-radius: 4px;
    background-color: #fff;
    border: 1px solid #ececec;
    min-width: 180px;
    box-shadow: 0 14px 20px rgba(0, 0, 0, .1)
}

.p-dropdown .p-dropdown-content hr,
.p-dropdown ul.p-dropdown-content hr {
    margin-left: -20px;
    margin-right: -20px
}

.p-dropdown .p-dropdown-content ul>li,
.p-dropdown .p-dropdown-content>li,
.p-dropdown ul.p-dropdown-content ul>li,
.p-dropdown ul.p-dropdown-content>li {
    display: block
}

.p-dropdown .p-dropdown-content ul>li:first-child label,
.p-dropdown .p-dropdown-content>li:first-child label,
.p-dropdown ul.p-dropdown-content ul>li:first-child label,
.p-dropdown ul.p-dropdown-content>li:first-child label {
    margin-top: 0
}

.p-dropdown .p-dropdown-content ul>li label,
.p-dropdown .p-dropdown-content>li label,
.p-dropdown ul.p-dropdown-content ul>li label,
.p-dropdown ul.p-dropdown-content>li label {
    color: #999;
    font-size: 11px;
    text-transform: uppercase;
    margin-top: 14px;
    margin-bottom: 0
}

.p-dropdown .p-dropdown-content ul>li a,
.p-dropdown .p-dropdown-content>li a,
.p-dropdown ul.p-dropdown-content ul>li a,
.p-dropdown ul.p-dropdown-content>li a {
    line-height: 26px;
    white-space: nowrap;
    display: block;
    padding: 2px 8px
}

.p-dropdown .p-dropdown-content ul>li a i,
.p-dropdown .p-dropdown-content>li a i,
.p-dropdown ul.p-dropdown-content ul>li a i,
.p-dropdown ul.p-dropdown-content>li a i {
    margin-right: 6px
}

.p-dropdown.p-dropdown-invert .p-dropdown-content,
.p-dropdown.p-dropdown-invert ul.p-dropdown-content {
    left: 0;
    right: auto
}

.p-dropdown.p-dropdown-invert .p-dropdown-content:before,
.p-dropdown.p-dropdown-invert ul.p-dropdown-content:before {
    content: " ";
    right: auto;
    left: 22px
}

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

.p-dropdown:hover .p-dropdown-content {
    opacity: 1;
    transform: scale(1);
    visibility: visible
}

.header-extras .p-dropdown .p-dropdown-content,
.header-extras .p-dropdown ul.p-dropdown-content {
    right: -26px;
    margin-top: -8px
}

.header-extras .p-dropdown .p-dropdown-content:before,
.header-extras .p-dropdown ul.p-dropdown-content:before {
    display: none
}

.widget-form {
    min-width: 200px
}

table.table-bordered.dataTable tbody td,
table.table-bordered.dataTable tbody th {
    border-bottom-width: 0
}

table.table-bordered.dataTable td,
table.table-bordered.dataTable th {
    border-left-width: 0
}

.table-bordered td,
.table-bordered th {
    border: 1px solid #ececec;
    border-bottom-width: 1px;
    border-left-width: 1px
}

table.dataTable thead td,
table.dataTable thead th {
    padding: 10px 18px;
    border-bottom: 1px solid #ececec;
    border-top: 0;
    background-color: #f7f9fb
}

table.dataTable tfoot td,
table.dataTable tfoot th {
    border-top: 2px solid #ececec;
    background-color: #f7f9fb
}

.table-bordered {
    border: 1px solid #ececec
}

#datatable_paginate,
.dataTables_paginate,
.paging_simple_numbers .dataTables_info {
    margin-top: 20px
}

div.dataTables_wrapper div.dataTables_length select {
    min-width: 60px
}

.dataTables_wrapper .dataTable .group td,
.dataTables_wrapper .dataTable .group th {
    background-color: #f6f9fa
}

.dataTable input {
    width: 100%
}

.table th {
    font-weight: 500
}

.p-countdown .p-countdown-show {
    display: none
}

.p-cb {
    position: relative;
    margin: 12px 0;
    background-color: #fff;
    box-shadow: 0 6px 38px rgba(0, 0, 0, .05);
    border-radius: 5px;
    padding: 20px;
    transition: all .2s ease;
    border: 1px solid #ececec;
    cursor: pointer
}

.p-cb .cb-icon {
    float: left
}

.p-cb .cb-icon i {
    font-size: 34px
}

.p-cb .cb-icon~.cb-content,
.p-cb .cb-icon~.cb-title {
    padding-left: 50px
}

.p-cb.cb-text .cb-title {
    font-size: 20px;
    margin-bottom: 10px;
    font-weight: 600
}

.p-cb.cb-text .cb-content {
    font-size: 12px
}

.p-cb.cb-text .cb-content p {
    color: #777;
    margin-bottom: 0
}

.p-cb.cb-text:hover {
    box-shadow: 0 6px 38px rgba(0, 0, 0, .05)
}

.p-cb.cb-text:hover a:not(.link) {
    color: inherit
}

.icon-set-container {
    display: block;
    width: calc(100% + 30px);
    left: -15px;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center
}

.icon-set-container .icon-preview .icon-holder {
    vertical-align: middle;
    top: -4px;
    height: 40px;
    width: 40px;
    background: rgba(0, 0, 0, .04);
    display: inline-block;
    line-height: 44px;
    text-align: center;
    border-radius: 4px;
    font-size: 24px;
    transition: .3s;
    position: relative;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.icon-set-container .icon-preview .icon-class {
    max-width: 100%;
    display: inline-block;
    overflow: hidden;
    font-size: 13px;
    line-height: 20px;
    top: 0;
    vertical-align: middle;
    padding-left: 50px;
    font-weight: 500
}

.icon-set-container .row>[class^=col-] {
    position: relative;
    font-size: 20px;
    margin: 12px;
    background-color: #fff;
    box-shadow: 0 6px 38px rgba(0, 0, 0, .05);
    border-radius: 5px;
    flex: 1 1 calc(25% - 30px);
    align-content: center;
    justify-content: center;
    display: flex;
    flex-direction: column;
    padding: 26px 18px;
    transition: .3s;
    color: #626262
}

.icon-set-container .row>[class^=col-]:hover {
    transform: translateY(-5px);
    background-color: #2250fc;
    color: #fff;
    box-shadow: 0 6px 38px rgba(0, 0, 0, .05)
}

.icon-set-container .row>[class^=col-]:hover .icon-holder {
    background-color: #fff;
    color: #626262
}

.bootstrap-switch {
    border-width: 1px;
    border-color: #ececec;
    border-radius: 5px
}

.bootstrap-switch .bootstrap-switch-handle-off,
.bootstrap-switch .bootstrap-switch-handle-on,
.bootstrap-switch .bootstrap-switch-on {
    background-color: #2250fc;
    border-color: #2250fc;
    color: #fff
}

.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary,
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary,
.bootstrap-switch .bootstrap-switch-on.bootstrap-switch-primary {
    background-color: #2250fc;
    border-color: #2250fc;
    color: #fff
}

.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-secondary,
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-secondary,
.bootstrap-switch .bootstrap-switch-on.bootstrap-switch-secondary {
    background-color: #5a6268;
    border-color: #5a6268;
    color: #cecece
}

.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success,
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success,
.bootstrap-switch .bootstrap-switch-on.bootstrap-switch-success {
    background-color: #81c868;
    border-color: #81c868;
    color: #fff
}

.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-info,
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-info,
.bootstrap-switch .bootstrap-switch-on.bootstrap-switch-info {
    background-color: #53b0f8;
    border-color: #53b0f8;
    color: #fff
}

.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-warning,
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-warning,
.bootstrap-switch .bootstrap-switch-on.bootstrap-switch-warning {
    background-color: #ffb20e;
    border-color: #ffb20e;
    color: #fff
}

.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-danger,
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-danger,
.bootstrap-switch .bootstrap-switch-on.bootstrap-switch-danger {
    background-color: #f33e5b;
    border-color: #f33e5b;
    color: #fff
}

.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-light,
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-light,
.bootstrap-switch .bootstrap-switch-on.bootstrap-switch-light {
    background-color: #cecece;
    border-color: #cecece;
    color: #444
}

.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-dark,
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-dark,
.bootstrap-switch .bootstrap-switch-on.bootstrap-switch-dark {
    background-color: #444;
    border-color: #444;
    color: #fff
}

.bootstrap-switch.bootstrap-switch-focused {
    border-color: #ececec;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default,
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default {
    background-color: #cecece;
    border-color: #cecece;
    color: #444
}

.bootstrap-switch-label:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 10px;
    height: 3px;
    margin-top: -2px;
    margin-left: -5px;
    display: inline-block;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd
}

.p-radio {
    position: relative;
    font-size: 100%
}

.p-radio>span:first-child {
    margin-left: 6px
}

.p-radio>input[type=radio] {
    display: none
}

.p-radio>input[type=radio]+.p-radio-style {
    position: relative;
    display: inline-block;
    width: 1.4em;
    height: 1.4em;
    vertical-align: middle;
    cursor: pointer;
    float: left
}

.p-radio>input[type=radio]+.p-radio-style:before {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    width: 1.4em;
    height: 1.4em;
    content: '';
    border: 1px solid #cecece;
    border-radius: 50%
}

.p-radio>input[type=radio]+.p-radio-style:after {
    position: absolute;
    display: none;
    content: '';
    top: .15em;
    left: .5em;
    box-sizing: border-box;
    width: .4em;
    height: .85em;
    transform: rotate(45deg);
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff
}

.p-radio>input[type=radio]:checked+.p-radio-style:before {
    animation-name: none;
    border: 1px solid #2250fc;
    background: #2250fc
}

.p-radio>input[type=radio]:checked+.p-radio-style:after {
    display: block
}

.p-radio>input[type=radio]:checked[disabled]+.p-radio-style {
    opacity: .6
}

.p-radio>input[type=radio][disabled] {
    cursor: not-allowed
}

.p-radio>input[type=radio][disabled]+.p-radio-style {
    cursor: not-allowed;
    color: #cecece
}

.p-radio>input[type=radio][disabled]+.p-radio-style:hover {
    cursor: not-allowed
}

.p-radio>input[type=radio][disabled]+.p-radio-style:hover:before {
    animation-name: none
}

.p-radio>input[type=radio][disabled]+.p-radio-style:before {
    cursor: not-allowed;
    border-color: #cecece
}

.p-radio>input[type=radio][disabled]+.p-radio-style:after {
    cursor: not-allowed
}

.p-radio.p-radio-sm {
    font-size: 75%
}

.p-radio.p-radio-lg {
    font-size: 125%
}

.p-radio.p-radio-xl {
    font-size: 150%
}

.p-radio.radio-color-primary>input[type=radio]:checked+.p-radio-style:before {
    background-color: #2250fc;
    border-color: #2250fc
}

.p-radio.radio-color-secondary>input[type=radio]:checked+.p-radio-style:before {
    background-color: #5a6268;
    border-color: #5a6268
}

.p-radio.radio-color-success>input[type=radio]:checked+.p-radio-style:before {
    background-color: #81c868;
    border-color: #81c868
}

.p-radio.radio-color-info>input[type=radio]:checked+.p-radio-style:before {
    background-color: #53b0f8;
    border-color: #53b0f8
}

.p-radio.radio-color-danger>input[type=radio]:checked+.p-radio-style:before {
    background-color: #f33e5b;
    border-color: #f33e5b
}

.p-radio.radio-color-warning>input[type=radio]:checked+.p-radio-style:before {
    background-color: #ffb20e;
    border-color: #ffb20e
}

.p-radio.radio-color-light>input[type=radio]:checked+.p-radio-style:before {
    background-color: #cecece;
    border-color: #cecece
}

.p-radio.radio-color-dark>input[type=radio]:checked+.p-radio-style:before {
    background-color: #444;
    border-color: #444
}

.p-checkbox {
    position: relative;
    font-size: 100%
}

.p-checkbox>span:first-child {
    margin-left: 6px
}

.p-checkbox>input[type=checkbox] {
    display: none
}

.p-checkbox>input[type=checkbox]+.p-checkbox-style {
    position: relative;
    display: inline-block;
    width: 1.4em;
    height: 1.4em;
    vertical-align: middle;
    cursor: pointer;
    float: left
}

.p-checkbox>input[type=checkbox]+.p-checkbox-style:before {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    width: 1.4em;
    height: 1.4em;
    content: '';
    border: 1px solid #cecece;
    border-radius: 3px
}

.p-checkbox>input[type=checkbox]+.p-checkbox-style:after {
    position: absolute;
    display: none;
    content: '';
    top: .15em;
    left: .5em;
    box-sizing: border-box;
    width: .4em;
    height: .85em;
    transform: rotate(45deg);
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff
}

.p-checkbox>input[type=checkbox]:checked+.p-checkbox-style:before {
    animation-name: none;
    border: #2250fc;
    background: #2250fc
}

.p-checkbox>input[type=checkbox]:checked+.p-checkbox-style:after {
    display: block
}

.p-checkbox>input[type=checkbox]:checked[disabled]+.p-checkbox-style:before {
    opacity: .5
}

.p-checkbox>input[type=checkbox][disabled] {
    cursor: not-allowed
}

.p-checkbox>input[type=checkbox][disabled]+.p-checkbox-style {
    cursor: not-allowed;
    opacity: .5
}

.p-checkbox.p-checkbox-sm {
    font-size: 75%
}

.p-checkbox.p-checkbox-lg {
    font-size: 125%
}

.p-checkbox.p-checkbox-xl {
    font-size: 150%
}

.p-checkbox.checkbox-color-primary>input[type=checkbox]:checked+.p-checkbox-style:before {
    background-color: #2250fc
}

.p-checkbox.checkbox-color-secondary>input[type=checkbox]:checked+.p-checkbox-style:before {
    background-color: #5a6268
}

.p-checkbox.checkbox-color-success>input[type=checkbox]:checked+.p-checkbox-style:before {
    background-color: #81c868
}

.p-checkbox.checkbox-color-info>input[type=checkbox]:checked+.p-checkbox-style:before {
    background-color: #53b0f8
}

.p-checkbox.checkbox-color-danger>input[type=checkbox]:checked+.p-checkbox-style:before {
    background-color: #f33e5b
}

.p-checkbox.checkbox-color-warning>input[type=checkbox]:checked+.p-checkbox-style:before {
    background-color: #ffb20e
}

.p-checkbox.checkbox-color-light>input[type=checkbox]:checked+.p-checkbox-style:before {
    background-color: #cecece
}

.p-checkbox.checkbox-color-dark>input[type=checkbox]:checked+.p-checkbox-style:before {
    background-color: #444
}

label.p-radio {
    display: block;
    cursor: pointer
}

label.p-checkbox {
    display: block;
    cursor: pointer
}

.p-switch {
    box-sizing: border-box;
    display: inline-block;
    font-size: 100%;
    height: 1.6em;
    position: relative
}

.p-switch>span:first-child {
    margin-left: 6px
}

.p-switch .p-switch-style {
    height: 1.6em;
    left: 0;
    background: #cecece;
    border-radius: .8em;
    display: inline-block;
    position: relative;
    top: 0;
    transition: all .3s ease-in-out;
    width: 3em;
    cursor: pointer;
    float: left
}

.p-switch .p-switch-style:before {
    display: block;
    content: '';
    height: 1.4em;
    position: absolute;
    width: 1.4em;
    background-color: #fff;
    border-radius: 50%;
    left: .1em;
    top: .1em;
    transition: all .3s ease-in-out
}

.p-switch>input[type=checkbox] {
    display: none
}

.p-switch>input[type=checkbox]:checked+.p-switch-style {
    background-color: #2250fc
}

.p-switch>input[type=checkbox]:checked+.p-switch-style:before {
    left: 50%
}

.p-switch>input[type=checkbox]:checked[disabled]+.p-switch-style {
    opacity: .5
}

.p-switch.p-switch-sm {
    font-size: 75%
}

.p-switch.p-switch-lg {
    font-size: 125%
}

.p-switch.p-switch-xl {
    font-size: 150%
}

.p-switch>input[type=checkbox][disabled]+.p-switch-style {
    cursor: not-allowed;
    opacity: .5
}

.p-switch.switch-color-primary>input[type=checkbox]:checked+.p-switch-style {
    background-color: #2250fc
}

.p-switch.switch-color-secondary>input[type=checkbox]:checked+.p-switch-style {
    background-color: #5a6268
}

.p-switch.switch-color-success>input[type=checkbox]:checked+.p-switch-style {
    background-color: #81c868
}

.p-switch.switch-color-info>input[type=checkbox]:checked+.p-switch-style {
    background-color: #53b0f8
}

.p-switch.switch-color-danger>input[type=checkbox]:checked+.p-switch-style {
    background-color: #f33e5b
}

.p-switch.switch-color-warning>input[type=checkbox]:checked+.p-switch-style {
    background-color: #ffb20e
}

.p-switch.switch-color-light>input[type=checkbox]:checked+.p-switch-style {
    background-color: #cecece
}

.p-switch.switch-color-dark>input[type=checkbox]:checked+.p-switch-style {
    background-color: #444
}

.p-switch-style {
    box-sizing: border-box
}

.p-switch-style:before {
    box-sizing: border-box
}

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

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

.m-ion-range-slider .irs .irs-from,
.m-ion-range-slider .irs .irs-max,
.m-ion-range-slider .irs .irs-min,
.m-ion-range-slider .irs .irs-single,
.m-ion-range-slider .irs .irs-to {
    padding: 2px 5px 1px
}

.irs {
    height: 40px
}

.irs-with-grid {
    height: 60px
}

.irs-line {
    height: 12px;
    top: 25px
}

.irs-line-left {
    height: 6px;
    background: #cecece;
    top: 5px
}

.irs-line-mid {
    height: 6px;
    background: #cecece;
    top: 5px
}

.irs-line-right {
    height: 6px;
    background: #cecece;
    top: 5px
}

.irs-bar {
    height: 6px;
    top: 30px;
    background-position: 0 -60px;
    background: #2250fc
}

.irs-bar-edge {
    top: 30px;
    height: 6px;
    width: 9px;
    background: #cecece
}

.irs-shadow {
    height: 3px;
    top: 34px;
    background: #000;
    opacity: .25
}

.irs-slider {
    width: 18px;
    height: 18px;
    top: 22px;
    background: #fff;
    box-shadow: 0 0 14px rgba(0, 0, 0, .2);
    border-radius: 50%;
    cursor: ew-resize;
    background: #fff
}

.irs-slider.state_hover,
.irs-slider:hover {
    background-position: 0 -150px
}

.irs-max,
.irs-min {
    color: #999;
    font-size: 10px;
    line-height: 1.333;
    text-shadow: none;
    top: 0;
    padding: 1px 3px;
    background: #e1e4e9;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.irs-from,
.irs-single,
.irs-to {
    color: #fff;
    font-size: 10px;
    line-height: 1.333;
    text-shadow: none;
    padding: 2px 8px;
    background: #2250fc;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.irs-from:after,
.irs-single:after,
.irs-to:after {
    position: absolute;
    display: block;
    content: "";
    bottom: -10px;
    left: 50%;
    width: 0;
    height: 0;
    margin-left: -5px;
    overflow: hidden;
    border: 5px solid transparent;
    border-top-color: #2250fc
}

.irs-grid-pol {
    background: #f6f9fa
}

.irs-grid-text {
    color: #626262
}

.range-color-primary .irs-from:after,
.range-color-primary .irs-single:after,
.range-color-primary .irs-to:after {
    border-top-color: #2250fc
}

.range-color-primary .irs-bar,
.range-color-primary .irs-from,
.range-color-primary .irs-single,
.range-color-primary .irs-to {
    background: #2250fc
}

.range-color-secondary .irs-from:after,
.range-color-secondary .irs-single:after,
.range-color-secondary .irs-to:after {
    border-top-color: #5a6268
}

.range-color-secondary .irs-bar,
.range-color-secondary .irs-from,
.range-color-secondary .irs-single,
.range-color-secondary .irs-to {
    background: #5a6268
}

.range-color-success .irs-from:after,
.range-color-success .irs-single:after,
.range-color-success .irs-to:after {
    border-top-color: #81c868
}

.range-color-success .irs-bar,
.range-color-success .irs-from,
.range-color-success .irs-single,
.range-color-success .irs-to {
    background: #81c868
}

.range-color-info .irs-from:after,
.range-color-info .irs-single:after,
.range-color-info .irs-to:after {
    border-top-color: #53b0f8
}

.range-color-info .irs-bar,
.range-color-info .irs-from,
.range-color-info .irs-single,
.range-color-info .irs-to {
    background: #53b0f8
}

.range-color-danger .irs-from:after,
.range-color-danger .irs-single:after,
.range-color-danger .irs-to:after {
    border-top-color: #f33e5b
}

.range-color-danger .irs-bar,
.range-color-danger .irs-from,
.range-color-danger .irs-single,
.range-color-danger .irs-to {
    background: #f33e5b
}

.range-color-warning .irs-from:after,
.range-color-warning .irs-single:after,
.range-color-warning .irs-to:after {
    border-top-color: #ffb20e
}

.range-color-warning .irs-bar,
.range-color-warning .irs-from,
.range-color-warning .irs-single,
.range-color-warning .irs-to {
    background: #ffb20e
}

.input-daterange .input-group-addon {
    min-width: 44px
}

.datepicker {
    width: 260px;
    padding: 10px !important
}

.datepicker table {
    width: 100%
}

.datepicker.datepicker-dropdown {
    box-shadow: 0 0 15px 1px rgba(94, 94, 94, .15)
}

.datepicker td,
.datepicker th,
.datepicker thead th {
    border-top: none;
    border-bottom: none
}

.datepicker td,
.datepicker th {
    width: 34px !important;
    height: 32px !important;
    border-radius: 3px !important
}

.datepicker tbody tr>td.day:hover {
    background: #ebedf2
}

.datepicker tbody tr>td.day.old {
    color: #9c9c9c
}

.datepicker tbody tr>td.day.new {
    color: #9c9c9c
}

.datepicker tbody tr>td.day.active,
.datepicker tbody tr>td.day.selected,
.datepicker tbody tr>td.day.today.active {
    background: #2250fc !important;
    color: #fff
}

.datepicker tbody tr>td.day.active:hover,
.datepicker tbody tr>td.day.selected:hover,
.datepicker tbody tr>td.day.today.active:hover {
    background: #2250fc;
    color: #fff
}

.datepicker tbody tr>td.day.today {
    opacity: .8
}

.datepicker tbody tr>td.day.range {
    background: #f4f5f8
}

.datepicker tbody tr>td.day.range.today {
    background: #2250fc;
    opacity: .4
}

.datepicker tbody tr>td span.month {
    color: #575962
}

.datepicker tbody tr>td span.month.focused,
.datepicker tbody tr>td span.month:hover {
    background: #ebedf2
}

.datepicker tbody tr>td span.month.active {
    background: #2250fc;
    color: #fff
}

.datepicker tbody tr>td span.month.active:hover {
    background: #2250fc;
    color: #fff
}

.datepicker tfoot tr>th.clear:hover,
.datepicker tfoot tr>th.today:hover {
    background: #ebedf2
}

.datepicker.datepicker-inline {
    border: 1px solid #f4f5f8
}

.timepicker-picker a.btn {
    background: 0 0 !important;
    border: none !important
}

.timepicker-picker a.btn span::before {
    color: #000
}

.timepicker-picker a.btn:hover {
    background: #ebedf2
}

.timepicker-picker .separator:after,
.timepicker-picker .separator:before {
    border: none !important
}

.bootstrap-datetimepicker-widget.dropdown-menu {
    width: auto;
    padding: 0;
    box-shadow: 0 0 15px 1px rgba(94, 94, 94, .15);
    z-index: 1110 !important
}

.datetimepicker,
.timepicker {
    width: 260px;
    padding: 10px
}

.datetimepicker.datetimepicker-orient-top {
    margin-top: 8px
}

.datetimepicker table {
    width: 100%
}

.datetimepicker td,
.datetimepicker th {
    width: 34px !important;
    height: 32px !important;
    border-radius: 3px !important
}

.datetimepicker thead th.next>span,
.datetimepicker thead th.prev>span {
    display: inline-block;
    font-family: inspiro-icons !important;
    font-size: 16px;
    text-decoration: inherit;
    text-rendering: optimizeLegibility;
    text-transform: none
}

.datetimepicker thead th.next>span:before {
    content: "\e95a"
}

.datetimepicker thead th.prev>span:before {
    content: "\e959"
}

.datetimepicker tbody tr>td.day.today {
    position: relative
}

.datetimepicker tbody tr>td.day.today:before {
    content: '';
    display: inline-block;
    border: solid transparent;
    border-width: 0 0 7px 7px;
    border-bottom-color: #fff;
    border-top-color: rgba(0, 0, 0, .2);
    position: absolute;
    bottom: 4px;
    right: 4px
}

.datetimepicker tfoot tr>th.clear,
.datetimepicker tfoot tr>th.today {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    font-weight: 500
}

.input-daterange .input-group-addon {
    min-width: 44px
}

.datetimepicker table tr td span.active.active,
.datetimepicker table tr td span.active.disabled.active,
.datetimepicker table tr td span.active.disabled:active,
.datetimepicker table tr td span.active.disabled:hover.active,
.datetimepicker table tr td span.active.disabled:hover:active,
.datetimepicker table tr td span.active:active,
.datetimepicker table tr td span.active:hover.active,
.datetimepicker table tr td span.active:hover:active,
.datetimepicker table tr td.active.active,
.datetimepicker table tr td.active.disabled.active,
.datetimepicker table tr td.active.disabled:active,
.datetimepicker table tr td.active.disabled:hover.active,
.datetimepicker table tr td.active.disabled:hover:active,
.datetimepicker table tr td.active:active,
.datetimepicker table tr td.active:hover.active,
.datetimepicker table tr td.active:hover:active,
.datetimepicker tbody tr>td.day.today {
    background: #2250fc !important;
    color: #fff
}

.datetimepicker table tr>td.today.active,
.datetimepicker table tr>td.today.disabled,
.datetimepicker table tr>td.today.disabled.active,
.datetimepicker table tr>td.today.disabled.disabled,
.datetimepicker table tr>td.today.disabled:active,
.datetimepicker table tr>td.today.disabled:hover,
.datetimepicker table tr>td.today.disabled:hover.active,
.datetimepicker table tr>td.today.disabled:hover.disabled,
.datetimepicker table tr>td.today.disabled:hover:active,
.datetimepicker table tr>td.today.disabled:hover:hover,
.datetimepicker table tr>td.today.disabled:hover[disabled],
.datetimepicker table tr>td.today.disabled[disabled],
.datetimepicker table tr>td.today:active,
.datetimepicker table tr>td.today:hover,
.datetimepicker table tr>td.today:hover.active,
.datetimepicker table tr>td.today:hover.disabled,
.datetimepicker table tr>td.today:hover:active,
.datetimepicker table tr>td.today:hover:hover,
.datetimepicker table tr>td.today:hover[disabled],
.datetimepicker table tr>td.today[disabled] {
    background: #2250fc !important;
    color: #fff;
    opacity: .7
}

.datetimepicker-dropdown-bottom-right:before {
    top: -7px;
    left: 6px
}

.daterangepicker {
    padding: 10px;
    margin-top: 5px
}

.daterangepicker .daterangepicker_input .input-mini {
    height: auto;
    padding: .65rem 1rem;
    padding-left: 2.2rem;
    line-height: 1.25
}

.daterangepicker td,
.daterangepicker th {
    width: 35px;
    height: 35px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    border: 0;
    vertical-align: middle;
    line-height: 0
}

.daterangepicker thead .fa.fa-chevron-left,
.daterangepicker thead .fa.fa-chevron-right {
    display: inline-block;
    font: normal normal normal 16px/1 LineAwesome;
    font-size: inherit;
    text-decoration: inherit;
    text-rendering: optimizeLegibility;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased
}

.daterangepicker thead .fa.fa-chevron-left:before {
    content: ""
}

.daterangepicker thead .fa.fa-chevron-right:before {
    content: ""
}

.daterangepicker thead th {
    font-weight: 500
}

.daterangepicker thead th.next,
.daterangepicker thead th.prev {
    font-size: 1.3rem
}

.daterangepicker tbody td.in-range.start-date.today {
    -webkit-border-top-left-radius: 0;
    -moz-border-top-left-radius: 0;
    -ms-border-top-left-radius: 0;
    -o-border-top-left-radius: 0;
    border-top-left-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-bottom-left-radius: 0;
    -ms-border-bottom-left-radius: 0;
    -o-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0
}

.daterangepicker tbody td.in-range.end-date.today {
    -webkit-border-top-right-radius: 0;
    -moz-border-top-right-radius: 0;
    -ms-border-top-right-radius: 0;
    -o-border-top-right-radius: 0;
    border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-bottom-right-radius: 0;
    -ms-border-bottom-right-radius: 0;
    -o-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0
}

.daterangepicker tbody td.today {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    position: relative
}

.daterangepicker tbody td.today.in-range {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    position: relative
}

.daterangepicker tbody td.today.in-range:before {
    content: '';
    display: inline-block;
    border: solid transparent;
    border-width: 0 0 7px 7px;
    border-bottom-color: #fff;
    border-top-color: rgba(0, 0, 0, .2);
    position: absolute;
    bottom: 4px;
    right: 4px
}

.daterangepicker tbody td.today:before {
    content: '';
    display: inline-block;
    border: solid transparent;
    border-width: 0 0 7px 7px;
    border-bottom-color: #fff;
    border-top-color: rgba(0, 0, 0, .2);
    position: absolute;
    bottom: 4px;
    right: 4px
}

.daterangepicker select.ampmselect,
.daterangepicker select.hourselect,
.daterangepicker select.minuteselect,
.daterangepicker select.monthselect,
.daterangepicker select.yearselect {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    padding: .35rem .75rem;
    outline: 0 !important
}

.daterangepicker .calendar-time {
    margin: 15px 0 5px
}

.daterangepicker .calendar-time select.ampmselect,
.daterangepicker .calendar-time select.hourselect,
.daterangepicker .calendar-time select.minuteselect {
    width: 70px
}

.daterangepicker .calendar-time i {
    left: 3px;
    top: 5px;
    display: inline-block;
    font: normal normal normal 16px/1 LineAwesome;
    font-size: 1.4rem;
    text-decoration: inherit;
    text-rendering: optimizeLegibility;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased
}

.daterangepicker .calendar-time i:before {
    content: ""
}

.daterangepicker .ranges {
    padding: 10px;
    margin: 5px 5px 5px 10px
}

.daterangepicker .ranges ul {
    width: 210px
}

.daterangepicker .ranges ul li {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    background: 0 0;
    padding: 8px 12px;
    margin-bottom: 10px;
    font-weight: 400;
    border-color: transparent
}

.daterangepicker .ranges .range_inputs {
    margin-top: 15px
}

.daterangepicker .ranges .range_inputs .btn {
    padding: .6rem 1.6rem;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
    border-radius: 40px;
    margin-right: 6px
}

.daterangepicker .daterangepicker_input .input-mini {
    height: auto;
    border: 1px solid #ebedf2
}

.daterangepicker .daterangepicker_input .input-mini.active,
.daterangepicker .daterangepicker_input .input-mini:focus {
    border: 1px solid #2250fc
}

.daterangepicker .daterangepicker_input i {
    color: #b2b1c5
}

.daterangepicker thead th.next:hover,
.daterangepicker thead th.prev:hover {
    background: #ebedf2
}

.daterangepicker tbody td.available:hover,
.daterangepicker tbody td:hover {
    background: #ebedf2
}

.daterangepicker tbody td.off {
    color: #7b7e8a
}

.daterangepicker tbody td.available {
    color: #575962
}

.daterangepicker tbody td.today {
    background: #2250fc;
    color: #fff
}

.daterangepicker tbody td.today:before {
    border-bottom-color: #fff;
    border-top-color: rgba(0, 0, 0, .2)
}

.daterangepicker tbody td.today.in-range {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0
}

.daterangepicker tbody td.active,
.daterangepicker tbody td.active:hover,
.daterangepicker tbody td.in-range,
.daterangepicker tbody td.in-range:hover {
    background: #2250fc;
    color: #fff
}

.daterangepicker select.ampmselect,
.daterangepicker select.hourselect,
.daterangepicker select.minuteselect,
.daterangepicker select.monthselect,
.daterangepicker select.yearselect {
    border: 1px solid #ebedf2
}

.daterangepicker select.ampmselect.active,
.daterangepicker select.ampmselect:focus {
    border: 1px solid #2250fc
}

.daterangepicker select.hourselect.active,
.daterangepicker select.hourselect:focus {
    border: 1px solid #2250fc
}

.daterangepicker select.minuteselect.active,
.daterangepicker select.minuteselect:focus {
    border: 1px solid #2250fc
}

.daterangepicker select.monthselect.active,
.daterangepicker select.monthselect:focus {
    border: 1px solid #2250fc
}

.daterangepicker select.yearselect.active,
.daterangepicker select.yearselect:focus {
    border: 1px solid #2250fc
}

.daterangepicker .calendar-time i {
    color: #b2b1c5
}

.daterangepicker .ranges li {
    border: 1px solid #ebedf2;
    color: #7b7e8a
}

.daterangepicker .ranges li:hover {
    background: 0 0;
    color: #7b7e8a;
    background: #f9f9fd
}

.daterangepicker .ranges li.active {
    background: #2250fc;
    color: #fff;
    border: 1px solid #2250fc
}

.daterangepicker .ranges {
    padding: 0;
    margin: 0
}

.daterangepicker .ranges ul>li:last-child {
    margin-bottom: 0 !important
}

.daterangepicker select.monthselect,
.daterangepicker select.yearselect {
    padding: 5px 8px !important;
    border: 0;
    margin-bottom: 4px
}

.daterangepicker td.in-range {
    background: #f4f5f8 !important;
    color: #212529 !important
}

.daterangepicker .active.end-date.in-range,
.daterangepicker td.active:hover,
.daterangepicker td.active:not(.off) {
    background: #2250fc !important;
    color: #fff !important
}

.daterangepicker .drp-buttons .btn {
    padding: 10px;
    line-height: 10px
}

input.daterange:after,
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: #00f
}

.daterangepicker .calendar-time select.ampmselect,
.daterangepicker .calendar-time select.hourselect,
.daterangepicker .calendar-time select.minuteselect {
    min-height: 20px;
    background-color: #fff !important
}

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

.accordion .ac-item .ac-title {
    font-size: 16px;
    font-weight: 500;
    position: relative;
    padding-right: 10px;
    margin: 0;
    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: "\e9db";
    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 {
    font-family: open sans, Helvetica, Arial, sans-serif
}

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

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

.accordion.accordion-shadow .ac-item {
    box-shadow: 0 6px 38px rgba(0, 0, 0, .05)
}

.accordion.accordion-simple .ac-item {
    padding: 14px 0;
    margin-bottom: 0;
    border-radius: 0;
    border: 0;
    border-bottom: 1px solid #ececec
}

.accordion.accordion-simple .ac-item:last-child {
    border: 0
}

.accordion.accordion-flat .ac-item {
    padding: 10px 0;
    margin-bottom: 0;
    border-radius: 0;
    border: 0
}

.accordion.accordion-theme .ac-item {
    background-color: #2250fc;
    border: 0
}

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

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

.accordion.dark .ac-item {
    background-color: #333;
    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 {
    color: #fff;
    padding: .85rem 1.5rem;
    z-index: 9999
}

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

.alert span.fas {
    font-size: 24px;
    float: left;
    padding-top: 10px;
    min-width: 40px;
    min-height: 40px
}

.alert .close {
    color: #fff;
    font-size: 14px;
    margin-top: 4px
}

.alert .close span {
    display: none
}

.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: #5a6268;
    border-color: #4e555a
}

.alert.alert-success {
    background-color: #81c868;
    border-color: #71c155
}

.alert.alert-info {
    background-color: #53b0f8;
    border-color: #3aa5f7
}

.alert.alert-danger {
    background-color: #f33e5b;
    border-color: #f22647
}

.alert.alert-warning {
    background-color: #ffb20e;
    border-color: #f4a600
}

.alert.alert-light {
    color: #444;
    background-color: #f6f9fa;
    border-color: #ececec
}

.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: #444
}

.alert.alert-dark {
    background-color: #444;
    border-color: #373737
}

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

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

a:not([href]):not([tabindex]):not(.btn) {
    color: none
}

.btn,
a.btn:not([href]):not([tabindex]) {
    font-family: Poppins, Helvetica, Arial, sans-serif;
    border-radius: 5px 5px 5px 5px;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 1px;
    outline: 0;
    padding: 15px 18px;
    position: relative;
    text-transform: none;
    background-color: #2250fc;
    border-color: #2250fc;
    border-width: 1px;
    border-style: solid;
    color: #fff;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    margin-bottom: 6px;
    outline: 0;
    line-height: 14px;
}

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

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

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

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

.btn.btn-lg,
a.btn:not([href]):not([tabindex]).btn-lg {
    font-size: 16px;
    height: 58px;
    letter-spacing: 2px;
    line-height: 56px;
    padding: 0 40px
}

.btn:focus,
.btn:hover,
.btn:not(:disabled):not(.disabled).active,
.btn:not(:disabled):not(.disabled):active,
a.btn:not([href]):not([tabindex]):focus,
a.btn:not([href]):not([tabindex]):hover,
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
}

.btn.btn-outline,
a.btn:not([href]):not([tabindex]).btn-outline {
    background-color: transparent;
    border-width: 2px;
    border-style: solid;
    border-color: #2250fc;
    color: #2250fc
}

.btn.btn-outline.active,
.btn.btn-outline:active,
.btn.btn-outline:focus,
.btn.btn-outline:hover,
a.btn:not([href]):not([tabindex]).btn-outline.active,
a.btn:not([href]):not([tabindex]).btn-outline:active,
a.btn:not([href]):not([tabindex]).btn-outline:focus,
a.btn:not([href]):not([tabindex]).btn-outline:hover {
    background-color: #2250fc;
    border-width: 2px;
    border-style: solid;
    border-color: #2250fc;
    color: #fff
}

.btn.btn-rounded,
a.btn:not([href]):not([tabindex]).btn-rounded {
    border-radius: 2em !important
}

.btn.btn-block,
a.btn:not([href]):not([tabindex]).btn-block {
    width: 100%;
    display: block
}

.btn.btn-light,
a.btn:not([href]):not([tabindex]).btn-light {
    background-color: #d4efb6;
    border-color: #bfdf9c;
    color: #055808;
}

.btn.btn-light.active,
.btn.btn-light:active,
.btn.btn-light:focus,
.btn.btn-light:hover,
a.btn:not([href]):not([tabindex]).btn-light.active,
a.btn:not([href]):not([tabindex]).btn-light:active,
a.btn:not([href]):not([tabindex]).btn-light:focus,
a.btn:not([href]):not([tabindex]).btn-light:hover {
    border-color: #ebedf2;
    background-color: #f4f5f8;
    color: #4c5667
}

.btn.btn-light.btn-outline,
a.btn:not([href]):not([tabindex]).btn-light.btn-outline {
    border-color: #fff;
    background-color: transparent;
    color: #fff
}

.btn.btn-light.btn-outline.active,
.btn.btn-light.btn-outline:active,
.btn.btn-light.btn-outline:focus,
.btn.btn-light.btn-outline:hover,
a.btn:not([href]):not([tabindex]).btn-light.btn-outline.active,
a.btn:not([href]):not([tabindex]).btn-light.btn-outline:active,
a.btn:not([href]):not([tabindex]).btn-light.btn-outline:focus,
a.btn:not([href]):not([tabindex]).btn-light.btn-outline:hover {
    background-color: #fff;
    color: #4c5667
}

.btn.btn-light.btn-light-hover.active,
.btn.btn-light.btn-light-hover:active,
.btn.btn-light.btn-light-hover:focus,
.btn.btn-light.btn-light-hover:hover,
a.btn:not([href]):not([tabindex]).btn-light.btn-light-hover.active,
a.btn:not([href]):not([tabindex]).btn-light.btn-light-hover:active,
a.btn:not([href]):not([tabindex]).btn-light.btn-light-hover:focus,
a.btn:not([href]):not([tabindex]).btn-light.btn-light-hover:hover {
    background-color: #fff;
    border-color: #ebebeb;
    color: #4c5667
}

.btn:not(.btn-shadow):focus,
.btn: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
}

.btn.btn-transparent,
a.btn:not([href]):not([tabindex]).btn-transparent {
    background-color: transparent;
    border: 0;
    color: #565656
}

.btn.btn-transparent.btn-inverted,
a.btn:not([href]):not([tabindex]).btn-transparent.btn-inverted {
    color: #fff
}

.btn.btn-primary,
a.btn:not([href]):not([tabindex]).btn-primary {
    background-color: #2250fc;
    border-color: #2250fc
}

.btn.btn-primary:focus,
.btn.btn-primary:hover,
.btn.btn-primary:not(:disabled):not(.disabled).active,
.btn.btn-primary:not(:disabled):not(.disabled):active,
a.btn:not([href]):not([tabindex]).btn-primary:focus,
a.btn:not([href]):not([tabindex]).btn-primary:hover,
a.btn:not([href]):not([tabindex]).btn-primary:not(:disabled):not(.disabled).active,
a.btn:not([href]):not([tabindex]).btn-primary:not(:disabled):not(.disabled):active {
    background-color: #0333e8;
    border-color: #0333e8;
    color: #fff
}

.btn.btn-secondary,
a.btn:not([href]):not([tabindex]).btn-secondary {
    background-color: #5a6268;
    border-color: #5a6268
}

.btn.btn-secondary:focus,
.btn.btn-secondary:hover,
.btn.btn-secondary:not(:disabled):not(.disabled).active,
.btn.btn-secondary:not(:disabled):not(.disabled):active,
a.btn:not([href]):not([tabindex]).btn-secondary:focus,
a.btn:not([href]):not([tabindex]).btn-secondary:hover,
a.btn:not([href]):not([tabindex]).btn-secondary:not(:disabled):not(.disabled).active,
a.btn:not([href]):not([tabindex]).btn-secondary:not(:disabled):not(.disabled):active {
    background-color: #42484d;
    border-color: #42484d;
    color: #fff
}

.btn.btn-success,
a.btn:not([href]):not([tabindex]).btn-success {
    background-color: #81c868;
    border-color: #81c868
}

.btn.btn-success:focus,
.btn.btn-success:hover,
.btn.btn-success:not(:disabled):not(.disabled).active,
.btn.btn-success:not(:disabled):not(.disabled):active,
a.btn:not([href]):not([tabindex]).btn-success:focus,
a.btn:not([href]):not([tabindex]).btn-success:hover,
a.btn:not([href]):not([tabindex]).btn-success:not(:disabled):not(.disabled).active,
a.btn:not([href]):not([tabindex]).btn-success:not(:disabled):not(.disabled):active {
    background-color: #62b944;
    border-color: #62b944;
    color: #fff
}

.btn.btn-info,
a.btn:not([href]):not([tabindex]).btn-info {
    background-color: #53b0f8;
    border-color: #53b0f8
}

.btn.btn-info:focus,
.btn.btn-info:hover,
.btn.btn-info:not(:disabled):not(.disabled).active,
.btn.btn-info:not(:disabled):not(.disabled):active,
a.btn:not([href]):not([tabindex]).btn-info:focus,
a.btn:not([href]):not([tabindex]).btn-info:hover,
a.btn:not([href]):not([tabindex]).btn-info:not(:disabled):not(.disabled).active,
a.btn:not([href]):not([tabindex]).btn-info:not(:disabled):not(.disabled):active {
    background-color: #2299f6;
    border-color: #2299f6;
    color: #fff
}

.btn.btn-warning,
a.btn:not([href]):not([tabindex]).btn-warning {
    background-color: #ffb20e;
    border-color: #ffb20e
}

.btn.btn-warning:focus,
.btn.btn-warning:hover,
.btn.btn-warning:not(:disabled):not(.disabled).active,
.btn.btn-warning:not(:disabled):not(.disabled):active,
a.btn:not([href]):not([tabindex]).btn-warning:focus,
a.btn:not([href]):not([tabindex]).btn-warning:hover,
a.btn:not([href]):not([tabindex]).btn-warning:not(:disabled):not(.disabled).active,
a.btn:not([href]):not([tabindex]).btn-warning:not(:disabled):not(.disabled):active {
    background-color: #da9400;
    border-color: #da9400;
    color: #fff
}

.btn.btn-danger,
a.btn:not([href]):not([tabindex]).btn-danger {
    background-color: #f33e5b;
    border-color: #f33e5b
}

.btn.btn-danger:focus,
.btn.btn-danger:hover,
.btn.btn-danger:not(:disabled):not(.disabled).active,
.btn.btn-danger:not(:disabled):not(.disabled):active,
a.btn:not([href]):not([tabindex]).btn-danger:focus,
a.btn:not([href]):not([tabindex]).btn-danger:hover,
a.btn:not([href]):not([tabindex]).btn-danger:not(:disabled):not(.disabled).active,
a.btn:not([href]):not([tabindex]).btn-danger:not(:disabled):not(.disabled):active {
    background-color: #ef0f33;
    border-color: #ef0f33;
    color: #fff
}

.btn.btn-dark,
a.btn:not([href]):not([tabindex]).btn-dark {
    background-color: #000;
    border-color: #000
}

.btn.btn-dark.active,
.btn.btn-dark:active,
.btn.btn-dark:focus,
.btn.btn-dark:hover,
a.btn:not([href]):not([tabindex]).btn-dark.active,
a.btn:not([href]):not([tabindex]).btn-dark:active,
a.btn:not([href]):not([tabindex]).btn-dark:focus,
a.btn:not([href]):not([tabindex]).btn-dark:hover {
    background-color: #333;
    border-color: #333;
    color: #fff
}

.btn.btn-dark.btn-outline,
a.btn:not([href]):not([tabindex]).btn-dark.btn-outline {
    background-color: transparent;
    color: #000
}

.btn.btn-dark.btn-outline.active,
.btn.btn-dark.btn-outline:active,
.btn.btn-dark.btn-outline:focus,
.btn.btn-dark.btn-outline:hover,
a.btn:not([href]):not([tabindex]).btn-dark.btn-outline.active,
a.btn:not([href]):not([tabindex]).btn-dark.btn-outline:active,
a.btn:not([href]):not([tabindex]).btn-dark.btn-outline:focus,
a.btn:not([href]):not([tabindex]).btn-dark.btn-outline:hover {
    background-color: #000;
    border-color: #000;
    color: #fff
}

.btn.btn-red,
a.btn:not([href]):not([tabindex]).btn-red {
    background-color: #ca0027;
    border-color: #ca0027
}

.btn.btn-red:focus,
.btn.btn-red:hover,
.btn.btn-red:not(:disabled):not(.disabled).active,
.btn.btn-red:not(:disabled):not(.disabled):active,
a.btn:not([href]):not([tabindex]).btn-red:focus,
a.btn:not([href]):not([tabindex]).btn-red:hover,
a.btn:not([href]):not([tabindex]).btn-red:not(:disabled):not(.disabled).active,
a.btn:not([href]):not([tabindex]).btn-red:not(:disabled):not(.disabled):active {
    background-color: #97001d;
    border-color: #97001d;
    color: #fff
}

.btn.btn-round,
a.btn:not([href]):not([tabindex]).btn-round {
    border-radius: 50%;
    padding: 10px
}

.btn.btn-round>i,
a.btn:not([href]):not([tabindex]).btn-round>i {
    font-size: 14px
}

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

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

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

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

.btn.btn-slide:hover>i,
a.btn:not([href]):not([tabindex]).btn-slide:hover>i {
    transform: rotate(360deg)
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.btn.btn-reveal,
a.btn:not([href]):not([tabindex]).btn-reveal {
    padding: 12px 34px
}

.btn.btn-reveal span,
a.btn:not([href]):not([tabindex]).btn-reveal span {
    left: 0;
    position: relative;
    transition: opacity .2s ease-out 0s, left .2s ease-out 0s
}

.btn.btn-reveal i,
a.btn:not([href]):not([tabindex]).btn-reveal i {
    line-height: 18px;
    margin-top: -9px;
    opacity: 0;
    position: absolute;
    right: 28px;
    top: 50%;
    transition: all .2s ease-out 0s;
    width: 18px
}

.btn.btn-reveal:hover span,
a.btn:not([href]):not([tabindex]).btn-reveal:hover span {
    left: -10px
}

.btn.btn-reveal:hover i,
a.btn:not([href]):not([tabindex]).btn-reveal:hover i {
    opacity: 1 !important;
    right: 18px
}

.btn.btn-reveal.btn-xs,
a.btn:not([href]):not([tabindex]).btn-reveal.btn-xs {
    line-height: 0
}

.btn.btn-reveal.btn-sm,
a.btn:not([href]):not([tabindex]).btn-reveal.btn-sm {
    line-height: 0
}

.btn.btn-reveal.btn-lg,
a.btn:not([href]):not([tabindex]).btn-reveal.btn-lg {
    line-height: 26px;
    padding: 0 52px
}

.btn.btn-reveal.btn-reveal-left span,
a.btn:not([href]):not([tabindex]).btn-reveal.btn-reveal-left span {
    right: 0;
    left: auto;
    transition: opacity .2s ease-out 0s, right .2s ease-out 0s
}

.btn.btn-reveal.btn-reveal-left i,
a.btn:not([href]):not([tabindex]).btn-reveal.btn-reveal-left i {
    left: 28px;
    right: auto
}

.btn.btn-reveal.btn-reveal-left:hover span,
a.btn:not([href]):not([tabindex]).btn-reveal.btn-reveal-left:hover span {
    right: -10px;
    left: auto
}

.btn.btn-reveal.btn-reveal-left:hover i,
a.btn:not([href]):not([tabindex]).btn-reveal.btn-reveal-left:hover i {
    left: 18px;
    right: auto
}

.btn.btn-shadow,
a.btn:not([href]):not([tabindex]).btn-shadow {
    -webkit-box-shadow: 0 4px 16px #efefef;
    -moz-box-shadow: 0 4px 16px #efefef;
    box-shadow: 0 4px 16px #efefef
}

.btn.btn-shadow:focus,
.btn.btn-shadow:hover,
.btn.btn-shadow:not(:disabled):not(.disabled).active,
.btn.btn-shadow:not(:disabled):not(.disabled):active,
a.btn:not([href]):not([tabindex]).btn-shadow:focus,
a.btn:not([href]):not([tabindex]).btn-shadow:hover,
a.btn:not([href]):not([tabindex]).btn-shadow:not(:disabled):not(.disabled).active,
a.btn:not([href]):not([tabindex]).btn-shadow:not(:disabled):not(.disabled):active {
    -webkit-box-shadow: 4px 8px 16px #dedede;
    -moz-box-shadow: 4px 8px 16px #dedede;
    box-shadow: 4px 8px 16px #dedede
}

.btn.btn-icon-holder,
a.btn:not([href]):not([tabindex]).btn-icon-holder {
    padding-right: 20px
}

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

.btn.btn-icon-holder.btn-outline:before,
a.btn:not([href]):not([tabindex]).btn-icon-holder.btn-outline:before {
    border-left: 2px solid #2250fc
}

.btn.btn-icon-holder.btn-outline.btn-dark:before,
a.btn:not([href]):not([tabindex]).btn-icon-holder.btn-outline.btn-dark:before {
    border-left: 2px solid #111
}

.btn.btn-icon-holder.btn-light:before,
a.btn:not([href]):not([tabindex]).btn-icon-holder.btn-light:before {
    border-left: 1px solid #f3f3f3
}

.btn.btn-icon-holder.btn-light.btn-light-hover:before,
.btn.btn-icon-holder.btn-light.btn-light-hover:hover,
a.btn:not([href]):not([tabindex]).btn-icon-holder.btn-light.btn-light-hover:before,
a.btn:not([href]):not([tabindex]).btn-icon-holder.btn-light.btn-light-hover:hover {
    border-left: 1px solid #f3f3f3
}

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

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

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

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

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

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

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

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

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

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

.btn.btn-creative,
a.btn:not([href]):not([tabindex]).btn-creative {
    padding: 24px 40px;
    font-size: 15px;
    font-weight: 600;
    border-radius: 4rem;
}

.btn.btn-creative:before,
a.btn:not([href]):not([tabindex]).btn-creative:before {
    right: 58px
}

.btn.btn-creative i,
a.btn:not([href]):not([tabindex]).btn-creative i {
    margin-left: 54px;
    margin-right: -16px
}

.btn.btn-facebook,
a.btn:not([href]):not([tabindex]).btn-facebook {
    background-color: #3b5998 !important;
    color: #fff !important;
    border-width: 0
}

.btn.btn-twitter,
a.btn:not([href]):not([tabindex]).btn-twitter {
    background-color: #00aced !important;
    color: #fff !important;
    border-width: 0
}

.btn.btn-linkedin,
a.btn:not([href]):not([tabindex]).btn-linkedin {
    background-color: #007bb6 !important;
    color: #fff !important;
    border-width: 0
}

.btn.btn-dribbble,
a.btn:not([href]):not([tabindex]).btn-dribbble {
    background-color: #ea4c89 !important;
    color: #fff !important;
    border-width: 0
}

.btn.btn-googleplus,
a.btn:not([href]):not([tabindex]).btn-googleplus {
    background-color: #dd4b39 !important;
    color: #fff !important;
    border-width: 0
}

.btn.btn-instagram,
a.btn:not([href]):not([tabindex]).btn-instagram {
    background-color: #517fa4 !important;
    color: #fff !important;
    border-width: 0
}

.btn.btn-pinterest,
a.btn:not([href]):not([tabindex]).btn-pinterest {
    background-color: #cb2027 !important;
    color: #fff !important;
    border-width: 0
}

.btn.btn-dropbox,
a.btn:not([href]):not([tabindex]).btn-dropbox {
    background-color: #007ee5 !important;
    color: #fff !important;
    border-width: 0
}

.btn.btn-flickr,
a.btn:not([href]):not([tabindex]).btn-flickr {
    background-color: #ff0084 !important;
    color: #fff !important;
    border-width: 0
}

.btn.btn-tumblr,
a.btn:not([href]):not([tabindex]).btn-tumblr {
    background-color: #32506d !important;
    color: #fff !important;
    border-width: 0
}

.btn.btn-skype,
a.btn:not([href]):not([tabindex]).btn-skype {
    background-color: #00aff0 !important;
    color: #fff !important;
    border-width: 0
}

.btn.btn-youtube,
a.btn:not([href]):not([tabindex]).btn-youtube {
    background-color: #b00 !important;
    color: #fff !important;
    border-width: 0
}

.btn.btn-github,
a.btn:not([href]):not([tabindex]).btn-github {
    background-color: #171515 !important;
    color: #fff !important;
    border-width: 0
}

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

.btn .badge,
a.btn:not([href]):not([tabindex]) .badge {
    position: absolute;
    right: -4px;
    top: -4px
}

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

@media(max-width:991px) {
    .btn.btn-reveal.btn-reveal-left:hover span {
        left: auto;
        right: auto
    }

    .btn.btn-reveal.btn-reveal-left:hover i {
        display: none
    }
}

.dark:not[data-transparent=true] #mainMenu:not(.light) .btn-shadow {
    -webkit-box-shadow: 0 4px 16px #0d0606;
    -moz-box-shadow: 0 4px 16px #0d0606;
    box-shadow: 0 4px 16px #0d0606
}

.dark:not[data-transparent=true] #mainMenu:not(.light) .btn-shadow:hover {
    -webkit-box-shadow: 4px 8px 16px #1f1f1f;
    -moz-box-shadow: 4px 8px 16px #1f1f1f;
    box-shadow: 4px 8px 16px #1f1f1f
}

.card {
    border-radius: 5px;
    transition: all .2s ease
}

.card .card-title {
    font-family: Poppins, Helvetica, Arial, sans-serif
}

.card:not(.card-static):hover {
    box-shadow: 0 6px 38px rgba(0, 0, 0, .05)
}

.heading {
    margin-bottom: 100px;
    text-align: center
}

.heading>h1,
.heading>h2 {
    font-size: 40px;
    font-family: Nunito, Helvetica, Arial, sans-serif;
    text-transform: capitalize;
    line-height: 46px;
    font-weight: 300
}

.heading>h1,
.heading>h2,
.heading>h4,
.heading>p {
    margin-bottom: default-bottom-margin
}

.heading-text {
    margin-bottom: 30px
}

.heading-text h1,
.heading-text h2,
.heading-text h3,
.heading-text h4,
.heading-text h5,
.heading-text h6 {
    position: relative;
    margin-bottom: 30px
}

.heading-text h1 {
    font-size: 70px;
    font-weight: 600
}

.heading-text h2 {
    font-size: 48px;
    margin-bottom: 30px;
    letter-spacing: -2.5px;
    line-height: 66px
}

.headingDiv h2 {
    font-size: 48px;
    margin-bottom: 30px;
    letter-spacing: -2.5px;
    line-height: 66px
}

.heading-text p {font-size: 15px; margin-bottom: 30px; color: #565656; line-height: 1.7rem;}
.heading-text.heading-gradient h2>* { -webkit-text-fill-color: transparent !important; -webkit-background-clip: text !important; background: radial-gradient(circle at left top, #4b72ff 9%, #2250fc 48%, #6442ff 91%)}
.heading-text.heading-section>h2 { position: relative; font-size: 58px; line-height: 68px; margin-bottom: 60px; color: #000 !important;}
.heading-text.heading-section.white-color h2{color: #fff !important;}
.heading-text.heading-section.after-effect>h2::after { content: ""; position: absolute; height: 610px; width: 610px; border-radius: 50%; background-color: #016c9a52; top: -20rem; left: -21rem; right: 0;}

.heading-text.heading-section.text-center h1:before,
.heading-text.heading-section.text-center h2:before,
.heading-text.heading-section.text-center h3:before,
.heading-text.heading-section.text-center h4:before,
.heading-text.heading-section.text-center h5:before,
.heading-text.heading-section.text-center h6:before {  margin: 0 auto}

.heading-text.heading-section.text-right h1:before,
.heading-text.heading-section.text-right h2:before,
.heading-text.heading-section.text-right h3:before,
.heading-text.heading-section.text-right h4:before,
.heading-text.heading-section.text-right h5:before,
.heading-text.heading-section.text-right h6:before { right: 0; left: auto}

.heading-text.heading-section p { font-size: 16px;  line-height: 22px; color: #565656;}
.heading-text.heading-section p span { font-weight: 600}
.heading-text.heading-plain>h2 { font-size: 56px; line-height: 56px; font-family: initial}
.heading-text.heading-plain p {  font-size: 20px; font-weight: 300; line-height: 30px}

.heading-text.heading-plain p span {
    font-weight: 600
}

.heading-text.heading-light>h2 {
    font-size: 59px;
    font-weight: 100;
    letter-spacing: -1px;
    line-height: 70px
}

.heading-text.heading-light p {
    font-size: 17px;
    font-weight: 300;
    line-height: 30px;
    margin-bottom: 20px
}

.heading-text.heading-light p span {
    font-weight: 600
}

.heading-text.heading-vintage>h2 {
    border: 2px solid #fff;
    display: inline-block;
    padding: 8px 21px;
    margin-bottom: 30px
}

.heading-text.heading-vintage p {
    font-size: 17px;
    font-weight: 300;
    line-height: 30px;
    margin-bottom: 20px
}

.heading-text.heading-vintage p span {
    font-weight: 600
}

.heading-text.heading-line h1:before,
.heading-text.heading-line h2:before,
.heading-text.heading-line h3:before,
.heading-text.heading-line h4:before,
.heading-text.heading-line h5:before,
.heading-text.heading-line h6:before {
    content: '';
    position: absolute;
    width: 30px;
    height: 2px;
    left: 0;
    bottom: -8px;
    right: 0;
    background-color: #ddd
}

.heading-text.heading-line.text-center h1:before,
.heading-text.heading-line.text-center h2:before,
.heading-text.heading-line.text-center h3:before,
.heading-text.heading-line.text-center h4:before,
.heading-text.heading-line.text-center h5:before,
.heading-text.heading-line.text-center h6:before {
    margin: 0 auto
}

.heading-text.heading-line.text-right h1:before,
.heading-text.heading-line.text-right h2:before,
.heading-text.heading-line.text-right h3:before,
.heading-text.heading-line.text-right h4:before,
.heading-text.heading-line.text-right h5:before,
.heading-text.heading-line.text-right h6:before {
    right: 0;
    left: auto
}

.heading-creative {
    font-size: 38px;
    font-weight: 100;
    position: relative;
    text-align: left;
    width: 100%
}

.heading-creative strong {
    color: #2250fc
}

#header:not([data-transparent=true]).dark .heading-creative {
    color: #eee
}

ul.nav li.dropdown:hover>ul.dropdown-menu {
    display: block
}

.tabs .nav-tabs {
    border-bottom: 2px solid #ececec;
    margin-bottom: 30px
}

.tabs .nav-tabs .nav-item {
    margin-bottom: -2px
}

.tabs .nav-tabs .nav-link {
    padding: 14px 24px;
    color: rgba(86, 86, 86, .8);
    transition: .3s ease;
    font-weight: 600;
    color: #565656;
    border: 0;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom: 2px solid #ececec
}

.tabs .nav-tabs .nav-link i {
    margin-right: 6px
}

.tabs .nav-tabs .nav-link.disabled {
    color: rgba(86, 86, 86, .5)
}

.tabs .nav-tabs .nav-link.active {
    color: #2250fc;
    background-color: transparent;
    border-bottom: 2px solid #2250fc
}

.tabs .nav-tabs .dropdown-menu {
    border-radius: 5px;
    border: 0;
    box-shadow: 0 6px 38px rgba(0, 0, 0, .05)
}

.tabs.tabs-clean .nav-tabs {
    border-bottom: 0
}

.tabs.tabs-clean .nav-tabs .nav-link {
    border: 1px solid transparent;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px
}

.tabs.tabs-clean .nav-tabs .nav-link.active {
    border-color: #ececec
}

.tabs.tabs-vertical .nav-tabs {
    border: 0;
    margin-bottom: 0
}

.tabs.tabs-vertical .nav-tabs .nav-link {
    border-radius: 0;
    border-bottom: 0;
    border-right: 2px solid #ececec
}

.tabs.tabs-vertical .nav-tabs .nav-link.active {
    color: #2250fc;
    background-color: transparent;
    border-right: 2px solid #2250fc
}

.tabs.tabs-folder .nav-tabs {
    margin-bottom: 0;
    border-bottom: 0
}

.tabs.tabs-folder .nav-tabs .nav-item {
    margin-bottom: 0
}

.tabs.tabs-folder .nav-tabs .nav-link {
    border: 1px solid transparent;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.tabs.tabs-folder .nav-tabs .nav-link.active {
    border-color: #ececec;
    border-bottom-color: #fff
}

.tabs.tabs-folder .tab-content {
    margin-top: -1px;
    border: 1px solid #ececec;
    bottom: 10px;
    padding: 30px;
    border-radius: 0 6px 6px 6px
}

.social-icons ul {
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.text-center.social-icons ul {
    /* display: inline-block */
}

.social-icons li {
    /* float: left; */
    list-style: none

}

.social-icons li a {
    float: left;
    height: 32px;
    width: 32px;
    line-height: 32px;
    font-size: 16px;
    text-align: center;
    margin: 0 4px 4px 0;
    border-radius: 4px;
    border: 0;
    background: 0 0;
    color: #333;
    overflow: hidden;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.dark .social-icons li a {
    color: #eee
}

.social-icons.social-icons-colored a,
.social-icons.social-icons-colored-hover a:hover {
    color: #fff;
    border: 0
}

.social-icons.social-icons-colored .social-rss a,
.social-icons.social-icons-colored .social-snapchat a,
.social-icons.social-icons-colored-hover .social-rss a:hover,
.social-icons.social-icons-colored-hover .social-snapchat a:hover {
    background-color: #faa33d
}

.social-icons.social-icons-colored .social-facebook a,
.social-icons.social-icons-colored-hover .social-facebook a:hover {
    background-color: #3b5997
}

.social-icons.social-icons-colored .social-twitter a,
.social-icons.social-icons-colored-hover .social-twitter a:hover {
    background-color: #000000;
}

.social-icons.social-icons-colored .social-vimeo a,
.social-icons.social-icons-colored-hover .social-vimeo a:hover {
    background-color: #35c6ea
}

.social-icons.social-icons-colored .social-myspace a,
.social-icons.social-icons-colored-hover .social-myspace a:hover {
    background-color: #008dde
}

.social-icons.social-icons-colored .social-youtube a,
.social-icons.social-icons-colored-hover .social-youtube a:hover {
    background-color: #CD201F;
}

.social-icons.social-icons-colored .social-instagram a,
.social-icons.social-icons-colored-hover .social-instagram a:hover {
    background-image: linear-gradient(145deg, #fccc63, #fbad50, #cd486b,  #4c68d7);
}

.social-icons.social-icons-colored .social-gplus a,
.social-icons.social-icons-colored-hover .social-gplus a:hover {
    background-color: #d68400
}

.social-icons.social-icons-colored .social-stumbleupon a,
.social-icons.social-icons-colored-hover .social-stumbleupon a:hover {
    background-color: #ff5c30
}

.social-icons.social-icons-colored .social-lastfm a,
.social-icons.social-icons-colored-hover .social-lastfm a:hover {
    background-color: #f34320
}

.social-icons.social-icons-colored .social-pinterest a,
.social-icons.social-icons-colored-hover .social-pinterest a:hover {
    background-color: #E60023;
}

.social-icons.social-icons-colored .social-google a,
.social-icons.social-icons-colored-hover .social-google a:hover {
    background-color: #eb5e4c
}

.social-icons.social-icons-colored .social-evernote a,
.social-icons.social-icons-colored-hover .social-evernote a:hover {
    background-color: #9acf4f
}

.social-icons.social-icons-colored .social-dribbble a,
.social-icons.social-icons-colored-hover .social-dribbble a:hover {
    background-color: #f7659c
}

.social-icons.social-icons-colored .social-skype a,
.social-icons.social-icons-colored-hover .social-skype a:hover {
    background-color: #13c1f3
}

.social-icons.social-icons-colored .social-forrst a,
.social-icons.social-icons-colored-hover .social-forrst a:hover {
    background-color: #45ad76
}

.social-icons.social-icons-colored .social-linkedin a,
.social-icons.social-icons-colored-hover .social-linkedin a:hover {
    background-color: #0A66C2;
}

.social-icons.social-icons-colored .social-wordpress a,
.social-icons.social-icons-colored-hover .social-wordpress a:hover {
    background-color: #2592c3
}

.social-icons.social-icons-colored .social-grooveshark a,
.social-icons.social-icons-colored-hover .social-grooveshark a:hover {
    background-color: #ffb21d
}

.social-icons.social-icons-colored .social-delicious a,
.social-icons.social-icons-colored-hover .social-delicious a:hover {
    background-color: #377bda
}

.social-icons.social-icons-colored .social-behance a,
.social-icons.social-icons-colored-hover .social-behance a:hover {
    background-color: #1879fd
}

.social-icons.social-icons-colored .social-dropbox a,
.social-icons.social-icons-colored-hover .social-dropbox a:hover {
    background-color: #17a3eb
}

.social-icons.social-icons-colored .social-soundcloud a,
.social-icons.social-icons-colored-hover .social-soundcloud a:hover {
    background-color: #ff7e30
}

.social-icons.social-icons-colored .social-deviantart a,
.social-icons.social-icons-colored-hover .social-deviantart a:hover {
    background-color: #6a8a7b
}

.social-icons.social-icons-colored .social-yahoo a,
.social-icons.social-icons-colored-hover .social-yahoo a:hover {
    background-color: #ab47ac
}

.social-icons.social-icons-colored .social-flickr a,
.social-icons.social-icons-colored-hover .social-flickr a:hover {
    background-color: #ff48a3
}

.social-icons.social-icons-colored .social-digg a,
.social-icons.social-icons-colored-hover .social-digg a:hover {
    background-color: #75788d
}

.social-icons.social-icons-colored .social-blogger a,
.social-icons.social-icons-colored-hover .social-blogger a:hover {
    background-color: #ff9233
}

.social-icons.social-icons-colored .social-tumblr a,
.social-icons.social-icons-colored-hover .social-tumblr a:hover {
    background-color: #426d9b
}

.social-icons.social-icons-colored .social-quora a,
.social-icons.social-icons-colored-hover .social-quora a:hover {
    background-color: #ea3d23
}

.social-icons.social-icons-colored .social-github a,
.social-icons.social-icons-colored-hover .social-github a:hover {
    background-color: #3f91cb
}

.social-icons.social-icons-colored .social-amazon a,
.social-icons.social-icons-colored-hover .social-amazon a:hover {
    background-color: #ff8e2e
}

.social-icons.social-icons-colored .social-xing a,
.social-icons.social-icons-colored-hover .social-xing a:hover {
    background-color: #1a8e8c
}

.social-icons.social-icons-colored .social-wikipedia a,
.social-icons.social-icons-colored-hover .social-wikipedia a:hover {
    background-color: #b3b5b8
}

.social-icons.social-icons-border li a {
    border: 1px solid #d7d7d7;
    background: 0 0;
    color: #333
}

.dark .social-icons.social-icons-border li a {
    border: 1px solid #333 !important
}

.dark .social-icons li a .social-icons.social-icons-dark li a {
    background: #888;
    color: #fff
}

.social-icons.social-icons-light li a {
    background: #fff;
    color: #333;
    border: 1px solid #eee
}

.social-icons.social-icons-rounded li a {
    border-radius: 50%
}

.social-icons.social-icons-medium li a {
    height: 42px;
    width: 42px;
    line-height: 42px;
    font-size: 18px
}

.social-icons.social-icons-large li a {
    height: 48px;
    width: 48px;
    line-height: 48px;
    font-size: 18px
}

.social-icons:not(.social-icons-colored):not(.social-icons-colored-hover) li a:hover {
    background-color: #eee
}

.dark .social-icons:not(.social-icons-colored):not(.social-icons-colored-hover) li a:hover {
    background-color: #1f1f1f
}

.social-icons li:hover i, .social-icons li:hover img {
    -webkit-animation: toTopFromBottom .3s forwards;
    -moz-animation: toTopFromBottom .3s forwards;
    animation: toTopFromBottom .3s forwards
}

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

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

    51% {
        opacity: 1
    }
}

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

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

    51% {
        opacity: 1
    }
}

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

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

    51% {
        opacity: 1
    }
}

i:not(.fa):not(.fab):not(.far):not(.fas) {
    line-height: unset
}

.icon {
    margin-bottom: 16px
}

.icon-box {
    margin-bottom: 20px;
    position: relative;
    padding: 10px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
    border-radius: 10px;
   
}


.icon-box .icon {
    height: 64px;
    position: absolute;
    /* width: 64px */
}

.icon-box .icon i {
    font-size: 28px;
    text-align: center;
    line-height: 66px;
    border-radius: 50%
}

.icon-box .icon a,
.icon-box .icon i {
    width: 100%;
    height: 100%;
    color: #333
}

.icon-box h3,
.icon-box h5 {
    margin: 0 12px 10px 83px;
    font-family: Poppins, Helvetica, Arial, sans-serif;
    letter-spacing: 0;
    font-size: 16px;
    line-height: 25px;
    font-weight: 700
}

.icon-box p {
    margin: 0 0 20px 83px;
    font-family: Poppins, Helvetica, Arial, sans-serif;
    font-size: 16px;
    /* line-height: 28px; */
    font-weight: 400
}

.icon-box-description>p {
    margin-bottom: 20px
}

.icon-box.effect .icon i {
    z-index: 1
}

.icon-box.effect .icon i:after {
    pointer-events: none;
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    content: '';
    box-sizing: content-box
}

.icon-box .icon i {
    -webkit-transition: background-color .2s, color .2s;
    transition: background-color .2s, color .2s
}

.icon-box .icon i:after {
    top: -4px;
    left: -4px;
    padding: 4px;
    box-shadow: 0 0 0 3px #333;
    -webkit-transition: -webkit-transform .2s, opacity .2s;
    -webkit-transform: scale(.8);
    -moz-transition: -moz-transform .2s, opacity .2s;
    -moz-transform: scale(.8);
    -ms-transform: scale(.8);
    -webkit-transition: -webkit-transform .2s, opacity .2s;
    transition: transform .2s, opacity .2s;
    -webkit-transform: scale(.8);
    -ms-transform: scale(.8);
    transform: scale(.8);
    opacity: 0
}

.icon-box.effect.dark .icon i:after {
    box-shadow: 0 0 0 3px #2250fc
}

.icon-box.effect.dark .icon i:hover,
.icon-box.effect.dark:hover .icon i {
    background-color: #2250fc
}

.icon-box.effect .icon i:hover:after,
.icon-box.effect:hover .icon i:after {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1
}

.image-box .image-box-content p i.fa.fa-play {
    padding-left: 3px
}

.icon-box.small .icon {
    height: 46px;
    width: 46px
}

.icon-box.small .icon i {
    font-size: 20px;
    line-height: 47px
}

.icon-box.small>h3,
.icon-box.small>h5 {
    font-size: 18px;
    margin: 0 12px 4px 60px
}

.icon-box.small>p {
    margin: 0 0 20px 60px;
    line-height: 1.6;
    font-size: 14px
}

.icon-box.medium>h3,
.icon-box.medium>h4,
.icon-box.medium>h5 {
    margin: 0 12px 10px 110px
}

.icon-box.medium>p {
    margin: 0 0 20px 110px
}

.icon-box.large .icon {
    height: 86px;
    width: 86px
}

.icon-box.large .icon i {
    font-size: 38px;
    line-height: 87px
}

.icon-box.large>h3,
.icon-box.large>h5 {
    margin: 0 12px 10px 110px;
    font-size: 24px
}

.icon-box.large p {
    margin: 0 0 20px 110px
}

.icon-box.icon-box-right {
    padding: 0;
    text-align: right
}

.icon-box.icon-box-right>h3,
.icon-box.icon-box-right>h5 {
    margin: 0 84px 0 10px
}

.icon-box.icon-box-right.medium>p {
    margin: 20px 84px 0 10px
}

.icon-box.icon-box-right .icon {
    right: 0
}

.icon-box.icon-box-right p {
    font-size: 14px;
    margin-top: 15px
}

.icon-box.center,
.icon-box.text-center {
    padding: 0;
    text-align: center
}

.icon-box.center h3,
.icon-box.center h5,
.icon-box.text-center h3,
.icon-box.text-center h5 {
    margin: 0 12px 10px 0
}

.icon-box.center p,
.icon-box.text-center p {
    margin: 0 0 20px
}

.icon-box.center .icon,
.icon-box.text-center .icon {
    margin: 0 auto 22px;
    position: relative
}

.icon-box.center p,
.icon-box.text-center p {
    font-size: 15px;
    margin-top: 15px
}

.icon-box.center.small .icon,
.icon-box.text-center.small .icon {
    clear: both !important;
    position: relative !important
}

.icon-box.border {
    border: 1px solid #dedede !important;
}

.icon-box.border .icon {

    text-align: center;
    border-radius: 50%;
    background-color: transparent
}

.icon-box.border .icon i {
    line-height: 56px
}

.icon-box.border:hover>.icon i {
    line-height: 62px
}

.icon-box.border:hover>.icon {
    border: 0
}

.icon-box.border .icon i {
    background-color: transparent !important;
    color: #333
}

.icon-box.border.small .icon {
    height: 46px;
    position: absolute;
    top: 5px;
    width: 46px
}

.icon-box.border.small .icon i {
    font-size: 20px;
    line-height: 42px
}

.icon-box.border.small:hover>.icon i {
    line-height: 49px
}

.icon-box.border.large .icon i {
    line-height: 81px
}

.icon-box.border.large:hover>.icon i {
    line-height: 86px
}

.icon-box.square.large:hover>.icon i {
    line-height: 86px
}

.icon-box.square .icon,
.icon-box.square .icon i,
.icon-box.square.effect .icon i:after {
    border-radius: 0
}

.icon-box.square:hover>.icon i {
    line-height: 66px
}

.icon-box.square.border .icon i {
    line-height: 59px
}

.icon-box.square.border:hover>.icon i {
    line-height: 64px
}

.icon-box.square.border.small .icon i {
    line-height: 41px
}

.icon-box.square.border.small:hover>.icon i {
    line-height: 47px
}

.icon-box.square.border.large .icon i {
    line-height: 78px
}

.icon-box.square.border:large:hover>.icon i {
    line-height: 84px
}

.icon-box.square.small:hover>.icon i {
    line-height: 48px
}

.icon-box.light .icon i:after {
    box-shadow: 0 0 0 3px #e5e5e5
}

.icon-box.light .icon i {
    background-color: #e5e5e5
}

.icon-box.light .icon i {
    color: grey
}

.icon-box.light.border .icon {
    border: 3px solid #e5e5e5
}

.icon-box.light.border.large .icon i {
    line-height: 87px
}

.icon-box.light.border.large:hover>.icon i {
    line-height: 88px
}

.icon-box.fancy .icon i {
    background-color: transparent;
    color: #222;
    font-size: 110px;
    opacity: .09;
    -webkit-transition: all ease .5s;
    transition: all ease .5s;
    border-radius: 0
}

.icon-box.fancy.small>.icon i {
    font-size: 68px
}

.icon-box.fancy.large .icon i {
    font-size: 120px
}

.icon-box.fancy.center .icon,
.icon-box.fancy.text-center .icon {
    width: auto;
    margin-bottom: 30px
}

.icon-box.effect.fancy .icon i:after {
    box-shadow: 0 0 0 0 transparent
}

.icon-box.effect.fancy:hover>.icon i {
    font-size: 110px
}

.icon-box.effect.fancy.small:hover>.icon i {
    font-size: 76px
}

.icon-box.clean .icon i {
    background-color: none;
    color: #333;
    font-size: 50px
}

.icon-box.clean.small .icon i {
    font-size: 36px
}

.icon-box.effect.clean .icon i:after {
    box-shadow: 0 0 0 0 transparent
}

.icon-box.process {
    border: 1px solid #005073;
    margin-top: 0;
    padding: 0 30px 10px;
    border-radius: 4px; background-color: #005073;
}

.icon-box.process.effect .icon i:hover:after,
.icon-box.process.effect:hover .icon i::after {
    opacity: 0;
    border: 0
}

.icon-box.process .icon {
    margin-top: 10px
}

.icon-box.process.small .icon {
    margin-top: 10px
}

.icon-box.box-type {
    background: #fafafa;
    border: 1px solid #ececec;
    border-radius: 4px;
    padding: 20px
}

.icon-box.box-type .icon {
    margin-top: 20px
}

.service_section .text-box {
    /* padding: 20px; */
    text-align: center;
    transition: background .4s ease 0s;
    cursor: pointer;
    background-color: #fff;
    height: 85% !important;
    box-shadow: rgb(17 17 26 / 2%) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;
    /* border-bottom: 5px solid #016c9a; */
    border-radius: 15px;
}

.text-box {
    padding: 10px 15px;
    text-align: center;
    transition: background .4s ease 0s;
    cursor: pointer;
    background-color: #fff;
    border-radius: 10px;
    margin-bottom: 20px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    transition: all .3s ease-in-out;
}

.text-box i {
    font-size: 30px;
    margin: 10px 0 20px;
}

.text-box i {
    color: #016c9a !important;
    transition: all .4s ease 0s
}

.text-box h3,
.text-box h5,
.text-box p {
    font-weight: 300;
    /* color: #fff; */
    transition: all .4s ease 0s;
    margin-bottom: 5px;
    line-height: 25px;
}

.service_section .text-box:hover {
    background: #016c9a;
    transform: scale(1.1);
    transition: all .3s ease-in-out;
}

.text-box:hover h3,
.text-box:hover h5,
.text-box:hover i,
.text-box:hover p {
    color: #333
}

.text-box.text-box-light {
    border: 1px solid #d9d9d9;
    background: #fff
}

.text-box.text-box-light h3,
.text-box.text-box-light h5,
.text-box.text-box-light i,
.text-box.text-box-light p {
    color: #1f1f1f
}

.text-box.text-box-light:hover {
    background: #2250fc
}

.text-box.text-box-light:hover h3,
.text-box.text-box-light:hover h5,
.text-box.text-box-light:hover i,
.text-box.text-box-light:hover p {
    /* color: #fff */
}

.text-box.hover-effect {
    padding: 30px 30px 10px
}

.text-box.hover-effect i {
    margin: 90px 0 20px
}

.text-box.hover-effect p {
    opacity: 0
}

.text-box.hover-effect:hover i {
    margin: 70px 0 6px
}

.text-box.hover-effect:hover p {
    opacity: 1
}

.feature-box {
    background-color: #fff;
    margin-bottom: 0;
    padding: 44px;
    border-radius: 4px;
    background-clip: padding-box;
    box-shadow: 0 7px 20px -10px rgba(171, 171, 171, .7);
    transition: all .55s ease;
    text-align: center;
    min-height: 250px
}

.feature-box.feature-box-transparent {
    background-color: transparent;
    box-shadow: none
}

.feature-box.feature-box-transparent:hover {
    background-color: #fff
}

.feature-box>i {
    font-size: 46px;
    margin-bottom: 20px
}

.feature-box:hover {
    transform: translateY(-10px);
    box-shadow: 0 10px 50px -12px rgba(171, 171, 171, .9)
}

.feature-box:hover h2,
.feature-box:hover h3,
.feature-box:hover h4 {
    color: #2250fc
}

.feature-box h2,
.feature-box h3,
.feature-box h4 {
    font-size: 14px;
    text-transform: uppercase;
    transition: all .33s;
    margin-top: 0;
    margin-bottom: 10px
}

.feature-box p {
    font-size: 14px;
    margin-bottom: 0
}

.col-lg-2 .feature-box p {
    font-size: 12px;
    margin-bottom: 0;
    line-height: 18px;
    opacity: .8
}

.owl-carousel .owl-dots,
.owl-carousel .owl-nav {
    text-align: center;
    -webkit-tap-highlight-color: transparent;
    line-height: 0
}

.owl-carousel .owl-nav [class*=owl-] {
    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;
    transition: all .2s ease 0s;
    color: #262626;
    background-color: #fff;
    text-align: center;
    z-index: 200;
    border: 1px solid #ececec;
    box-sizing: initial;
    opacity: 0;
    border-radius: 50%
}

.owl-carousel .owl-nav [class*=owl-] i {
    line-height: 40px;
    color: #262626;
    font-size: 25px
}

.owl-carousel .owl-nav [class*=owl-]:hover {
    background-color: #2250fc;
    border-color: #2250fc
}

.owl-carousel .owl-nav [class*=owl-]:hover i {
    color: #fff
}

.owl-carousel .owl-nav .owl-next {
    right: 0
}

.owl-carousel .owl-nav .owl-next i {
    margin-right: -2px
}

.owl-carousel .owl-nav .owl-next.disabled {
    opacity: 0
}

.owl-carousel .owl-nav .owl-prev {
    left: 0
}

.owl-carousel .owl-nav .owl-prev i {
    margin-left: -2px
}

.owl-carousel .owl-nav .owl-prev.disabled {
    opacity: 0
}

.owl-carousel:hover .owl-next {
    left: auto;
    right: 10px;
    opacity: 1
}

.owl-carousel:hover .owl-next.disabled {
    opacity: 0
}

.owl-carousel:hover .owl-prev {
    right: auto;
    left: 10px;
    opacity: 1
}

.owl-carousel:hover .owl-prev.disabled {
    opacity: 0
}

.owl-carousel.arrows-visibile .owl-next {
    left: auto;
    right: 10px;
    opacity: 1
}

.owl-carousel.arrows-visibile .owl-prev {
    right: auto;
    left: 10px;
    opacity: 1
}

.owl-carousel.arrows-dark .owl-nav [class*=owl-] {
    color: #fff;
    border-color: #1f1f1f;
    background-color: #1f1f1f
}

.owl-carousel.arrows-dark .owl-nav [class*=owl-] i {
    color: #fff
}

.owl-carousel.arrows-dark .owl-nav [class*=owl-]:hover {
    background-color: #1f1f1f
}

.owl-carousel.arrows-dark .owl-nav [class*=owl-]:hover i {
    color: #fff
}

.owl-carousel.arrows-grey .owl-nav [class*=owl-] {
    color: #fff;
    border: 2px solid #bbb;
    background-color: #bbb
}

.owl-carousel.arrows-grey .owl-nav [class*=owl-] i {
    color: #fff
}

.owl-carousel.arrows-grey .owl-nav [class*=owl-]:hover {
    background-color: #bbb
}

.owl-carousel.arrows-grey .owl-nav [class*=owl-]:hover i {
    color: #fff
}

.owl-carousel.arrows-large .owl-nav [class*=owl-] {
    width: 78px;
    height: 78px;
    line-height: 78px
}

.owl-carousel.arrows-large .owl-nav [class*=owl-] i {
    line-height: 78px;
    font-size: 28px
}

.owl-carousel.arrows-creative .owl-nav [class*=owl-] {
    background-color: transparent;
    border: 0
}

.owl-carousel.arrows-creative .owl-nav [class*=owl-] i {
    color: #fff
}

.owl-carousel.arrows-creative .owl-nav [class*=owl-]:hover {
    color: #262626;
    background-color: #2250fc
}

.owl-carousel.arrows-only .owl-nav [class*=owl-] {
    border: 0
}

.owl-carousel.arrows-only .owl-nav [class*=owl-] i {
    font-size: 28px
}

@media(max-width:991px) {
    .owl-carousel .owl-nav [class*=owl-] {
        width: 32px;
        height: 32px;
        line-height: 32px
    }

    .owl-carousel .owl-nav [class*=owl-] i {
        line-height: 32px;
        font-size: 18px
    }
}

.owl-carousel .owl-dots {
    margin-bottom: 20px;
    position: relative;
    height: 0
}

.owl-carousel .owl-dots button {
    background-color: transparent;
    border: 0
}

.owl-carousel .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1
}

.owl-carousel .owl-dots .owl-dot span {
    position: relative;
    display: block;
    float: left;
    margin: 0 4px;
    width: 10px;
    height: 10px;
    cursor: pointer;
    border-radius: 50%;
    overflow: hidden;
    background-color: transparent;
    box-shadow: inset 0 0 0 2px #ccc;
    transition: background .3s ease
}

.owl-carousel .owl-dots .owl-dot span:after {
    outline: medium;
    text-indent: -999em;
    border-radius: 50%;
    overflow: hidden;
    content: '';
    position: absolute;
    bottom: 0;
    height: 0;
    left: 0;
    width: 100%;
    background-color: #ccc;
    box-shadow: 0 0 1px #ccc;
    transition: height .3s ease
}

.owl-carousel .owl-dots .owl-dot.active span:after {
    height: 100%
}

.owl-carousel.dots-inside .owl-controls {
    height: 0
}

.owl-carousel.dots-inside .owl-dots {
    bottom: 30px;
    margin-bottom: 0;
    margin-top: 0
}

.owl-carousel.dots-inside-top .owl-dots {
    position: absolute;
    right: 20px;
    top: 20px
}

.owl-carousel.dots-outside-top .owl-dots {
    position: absolute;
    right: 0;
    top: -46px
}

.owl-carousel.dots-dark .owl-dots .owl-dot span {
    box-shadow: inset 0 0 0 2px #1f1f1f
}

.owl-carousel.dots-dark .owl-dots .owl-dot span:after {
    background-color: #1f1f1f
}

.owl-carousel.dots-dark .owl-dots .owl-dot.active span:after {
    height: 100%
}

.owl-carousel.dots-grey .owl-dots .owl-dot span {
    box-shadow: inset 0 0 0 2px #bbb
}

.owl-carousel.dots-grey .owl-dots .owl-dot span:after {
    background-color: #bbb
}

.owl-carousel.dots-grey .owl-dots .owl-dot.active span:after {
    height: 100%
}

.owl-carousel.dots-creative .owl-controls {
    height: 0
}

.owl-carousel.dots-creative .owl-dots {
    bottom: 30px;
    margin-bottom: 0;
    margin-top: 0
}

.owl-carousel.dots-creative .owl-dots .owl-dot span {
    opacity: .5;
    box-shadow: none;
    border-radius: 0;
    background-color: #fff;
    height: 4px;
    width: 30px
}

.owl-carousel.dots-creative .owl-dots .owl-dot span:after {
    border-radius: 0;
    background-color: #fff
}

.owl-carousel.dots-creative .owl-dots .owl-dot.active span {
    opacity: 1
}

.owl-carousel .portfolio-item {
    margin-bottom: 0
}

.carousel-promotion .owl-stage-outer {
    overflow: unset !important
}

.carousel-promotion .owl-stage-outer .owl-item {
    opacity: .3;
    transition: opacity .4s ease
}

.carousel-promotion .owl-stage-outer .owl-item.active {
    opacity: 1
}

.carousel {
    opacity: 0;
    visibility: hidden;
    transition: opacity .3s ease
}

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

.item-video {
    height: 420px
}

.counter {
    margin-bottom: 14px;
    color: #fff;
}

.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
}

.icon-box.fancy>.counter span {
    margin: 0 12px 10px 56px
}

.icon-box.fancy.medium>.counter span {
    margin: 0 12px 10px 80px
}

.icon-box.effect:not(.center)>.counter span {
    margin: 0 12px 10px 82px
}

.icon-box.effect.large:not(.center)>.counter span {
    margin: 0 12px 10px 107px
}

.icon-box.effect.medium:not(.center)>.counter span {
    margin: 0 12px 10px 82px
}

.icon-box.effect.small:not(.center)>.counter span {
    margin: 0 12px 10px 58px;
    font-size: 32px !important
}

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

.countdown {
    color: #333;
    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-family: open sans, sans-serif;
    font-size: 21px;
    font-weight: 400;
    overflow: hidden;
    padding-top: 4px;
    position: relative;
    text-align: center;
    color: #6c6c6c
}

.countdown span:before {
    background: none repeat scroll 0 0 #333;
    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 #333;
    border-radius: 50%;
    color: #333;
    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.rectangle .countdown-box {
    border: 4px solid;
    padding: 24px;
    width: 170px;
    margin-left: 15px;
    margin-right: 15px
}

.countdown.rectangle .countdown-box .number {
    font-size: 52px;
    font-weight: 600
}

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

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

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

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

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

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

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

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

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

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

.countdown.countdown-light span:before {
    background: #fff
}

.countdown.countdown-light .number,
.countdown.countdown-light span {
    color: #fff !important
}

.countdown.countdown-light.circle .countdown-box {
    border-color: #fff
}

.countdown.countdown-light.rectangle .countdown-box {
    border-color: #fff
}

.countdown.countdown-dark .number,
.countdown.countdown-dark span {
    color: #000 !important
}

.dropcap {
    background: none repeat scroll 0 0 #eee;
    border-radius: 4px;
    display: inline-block;
    float: left;
    font-size: 20px;
    height: 40px;
    line-height: 40px;
    margin: 8px 20px 0 0;
    text-align: center;
    width: 40px
}

.dropcap.dropcap-circle {
    border-radius: 50%
}

.dropcap.dropcap-large {
    font-size: 44px;
    height: 80px;
    line-height: 80px;
    width: 80px
}

.dropcap.dropcap-small {
    font-size: 16px;
    height: 20px;
    line-height: 20px;
    margin: 3px 5px -3px 0;
    width: 21px
}

.dropcap.dropcap-colored {
    background-color: #2250fc;
    color: #fff
}

span.highlight {
    padding: 0 5px
}

.highlight.highlight-primary {
    color: #2250fc;
    font-weight: 700
}

.highlight.highlight-secondary {
    color: #5a6268;
    font-weight: 700
}

.highlight.highlight-warning {
    color: #ffb20e;
    font-weight: 700
}

.highlight.highlight-danger {
    color: #f33e5b;
    font-weight: 700
}

.highlight.highlight-info {
    color: #53b0f8;
    font-weight: 700
}

.highlight a {
    color: #333
}

.highlight.highlight-large {
    font-size: 20px
}

.highlight.highlight-small {
    font-size: 12px;
    padding: 0 7px
}

.highlight.highlight-colored {
    background-color: #2250fc;
    color: #fff
}

.team-members .team-member { background-color: #fff; text-align: center; position: relative; overflow: hidden; margin-bottom: 30px; border-radius: 14px; padding: .5rem; box-shadow: 2px 2px 2px rgba(157 155 155 / 20%); transition: all .3s ease-in-out;}
.team-members .team-member:hover{box-shadow: -2px -2px 2px rgba(157 155 155 / 20%); transition: all .3s ease-in-out;}
.team-members .team-member .team-image { margin-bottom: 20px;}

.team-members .team-member .team-image>img { width: 100%; border-radius: 14px;}

.team-members .team-member .team-desc { padding-bottom: 20px;}

.team-members .team-member .team-desc>h3 { font-size: 16px; line-height: 22px; margin-bottom: 0}

.team-members .team-member .team-desc>span {
    font-size: 13px;
    color: #bbb;
    line-height: 18px
}

.team-members .team-member .team-desc>p {
    margin-top: 10px;
    font-size: 14px
}

.team-members.team-members-circle .team-member {
    background-color: transparent;
    padding: 20px
}

.team-members.team-members-circle .team-member .team-image>img {
    border-radius: 50%
}

.team-members.team-members-card .team-member {
    border: 1px solid #eee;
    border-radius: 4px
}

.team-members.team-members-card .team-member .team-image>img {
    border-radius: 0
}

.team-members.team-members-card .team-member .team-desc {
    background-color: #fdfdfd;
    border-radius: 0 0 4px 4px;
    padding: 10px
}

.team-members.team-members-shadow .team-member {
    border: 1px solid #eee;
    box-shadow: 0 3px 16px rgba(0, 0, 0, .03)
}

.team-members.team-members-shadow .team-member .team-image>img {
    border-radius: 0
}

.team-members.team-members-shadow .team-member .team-desc {
    padding: 20px
}

.team-members.team-members-transparent .team-member {
    background-color: transparent
}

.team-members.team-members-transparent .team-member .team-desc>h3 {
    color: #fff
}

.team-members.team-members-transparent .team-member .team-desc>span {
    color: #fff
}

.team-members.team-members-transparent .team-member .team-desc>p {
    color: #fff
}

.team-members.team-members-left .team-member {
    text-align: left
}

.team-members.team-members-left .team-member .team-image {
    float: left;
    width: 40%;
    margin-bottom: 0
}

.team-members.team-members-left .team-member .team-desc {
    overflow: hidden;
    position: relative;
    width: 60%;
    padding-left: 30px
}

.team-members.team-members-left .team-member .team-desc>h3 {
    margin-top: 0
}

.p-progress-bar-container,
.progress-bar-container {
    width: 100%;
    height: 40px;
    margin: 20px 0;
    overflow: hidden;
    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
}

.progress-title {
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    position: absolute;
    text-align: left
}

.progress-title i {
    margin-right: 8px
}

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

.p-progress-bar-container.title-up .progress-title,
.progress-bar-container.title-up .progress-title {
    color: #333;
    margin-left: -10px;
    margin-top: -32px
}

.p-progress-bar-container.title-up:not(:first-child),
.progress-bar-container.title-up:not(:first-child) {
    margin-top: 40px
}

.p-progress-bar-container.title-up .p-progress-bar .progress-number,
.p-progress-bar-container.title-up .p-progress-bar .progress-type,
.p-progress-bar-container.title-up .progress-bar .progress-number,
.p-progress-bar-container.title-up .progress-bar .progress-type,
.progress-bar-container.title-up .p-progress-bar .progress-number,
.progress-bar-container.title-up .p-progress-bar .progress-type,
.progress-bar-container.title-up .progress-bar .progress-number,
.progress-bar-container.title-up .progress-bar .progress-type {
    color: #333;
    margin-top: -32px;
    position: absolute;
    right: 15px
}

.p-progress-bar-container.title-up .p-progress-bar .progress-number,
.p-progress-bar-container.title-up .progress-bar .progress-number,
.progress-bar-container.title-up .p-progress-bar .progress-number,
.progress-bar-container.title-up .progress-bar .progress-number {
    right: 26px
}

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

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

.p-progress-bar-container.medium .progress-title,
.progress-bar-container.medium .progress-title {
    margin-left: 0;
    margin-top: -20px
}

.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,
.progress-bar-container.medium .p-progress-bar .progress-number,
.progress-bar-container.medium .p-progress-bar .progress-type,
.progress-bar-container.medium .progress-bar .progress-number,
.progress-bar-container.medium .progress-bar .progress-type {
    margin-top: -18px
}

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

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

.p-progress-bar-container.small .progress-title,
.progress-bar-container.small .progress-title {
    margin-left: 0;
    margin-top: -20px
}

.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,
.progress-bar-container.small .p-progress-bar .progress-number,
.progress-bar-container.small .p-progress-bar .progress-type,
.progress-bar-container.small .progress-bar .progress-number,
.progress-bar-container.small .progress-bar .progress-type {
    margin-top: -18px
}

.p-progress-bar-container.no-bg,
.progress-bar-container.no-bg {
    background: 0 0 !important
}

.p-progress-bar-container.extra-small,
.progress-bar-container.extra-small {
    height: 2px
}

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

.p-progress-bar-container.extra-small .progress-title,
.progress-bar-container.extra-small .progress-title {
    margin-left: 0;
    margin-top: -20px
}

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

.p-progress-bar-container.transparent,
.progress-bar-container.transparent {
    background: 0 0 !important
}

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

.p-progress-bar-container.transparent.title-up .p-progress-bar .progress-number,
.p-progress-bar-container.transparent.title-up .p-progress-bar .progress-title,
.p-progress-bar-container.transparent.title-up .p-progress-bar .progress-type,
.p-progress-bar-container.transparent.title-up .progress-bar .progress-number,
.p-progress-bar-container.transparent.title-up .progress-bar .progress-title,
.p-progress-bar-container.transparent.title-up .progress-bar .progress-type,
.progress-bar-container.transparent.title-up .p-progress-bar .progress-number,
.progress-bar-container.transparent.title-up .p-progress-bar .progress-title,
.progress-bar-container.transparent.title-up .p-progress-bar .progress-type,
.progress-bar-container.transparent.title-up .progress-bar .progress-number,
.progress-bar-container.transparent.title-up .progress-bar .progress-title,
.progress-bar-container.transparent.title-up .progress-bar .progress-type {
    color: #fff
}

.pie-animated {
    opacity: 1
}

.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 i,
.pie-chart span {
    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: .1em;
    font-size: .8em
}

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

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

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

hr.space-xs {
    border: none;
    height: 20px
}

hr.space-md {
    border: none;
    height: 40px
}

hr.space-lg {
    border: none;
    height: 80px
}

hr.space-xlg {
    border: none;
    height: 120px
}

hr.space-xxlg {
    border: none;
    height: 200px
}

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

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

body.breakpoint-sm hr.space-lg,
body.breakpoint-xs hr.space-lg {
    height: 40px
}

body.breakpoint-sm hr.space-xlg,
body.breakpoint-xs hr.space-xlg {
    height: 40px
}

body.breakpoint-sm hr.space-xxlg,
body.breakpoint-xs hr.space-xxlg {
    height: 80px
}

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

.seperator-simple {
    margin: 14px auto
}

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

.separator.seperator-dark::after,
.separator.seperator-dark::before,
.seperator.seperator-dark::after,
.seperator.seperator-dark::before {
    border-bottom: 1px solid #333 !important
}

.separator.seperator-grey::after,
.separator.seperator-grey::before,
.seperator.seperator-grey::after,
.seperator.seperator-grey::before {
    border-bottom: 1px solid #ccc
}

.separator.seperator-light::after,
.separator.seperator-light::before,
.seperator.seperator-light::after,
.seperator.seperator-light::before {
    border-bottom: 1px solid rgba(255, 255, 255, .2)
}

.separator::after,
.seperator::after {
    margin: 0 -100% 0 0
}

.separator i,
.seperator i {
    font-size: 18px
}

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

.separator.dotted:after,
.separator.dotted:before,
.seperator.dotted:after,
.seperator.dotted:before {
    border-bottom: 2px dotted #ccc
}

.separator.seperator-left,
.seperator.seperator-left {
    float: left;
    margin: 2px 36px 0 0
}

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

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

.separator.seperator-bold:after,
.separator.seperator-bold:before,
.seperator.seperator-bold:after,
.seperator.seperator-bold:before {
    border-bottom-width: 6px
}

.separator.seperator-small,
.seperator.seperator-small {
    width: 10%;
    margin: 5px auto
}

.separator.seperator-medium,
.seperator.seperator-medium {
    width: 20%;
    margin: 10px auto
}

.text-seperator {
    background-color: #111;
    display: block;
    height: 4px;
    margin: 20px 0
}

.text-seperator-small {
    width: 10%
}

.text-seperator-medium {
    width: 30%
}

.text-seperator-large {
    width: 60%
}

.separator.seperator-image:after,
.separator.seperator-image:before,
.seperator.seperator-image:after,
.seperator.seperator-image:before {
    border: 0
}

.separator.seperator-image,
.seperator.seperator-image {
    background-position: center center;
    background-repeat: repeat-x;
    margin: 0;
    padding: 0
}

.separator.seperator-over-top,
.seperator.seperator-over-top {
    margin-bottom: -17px;
    position: relative;
    top: -13px !important
}

.triangle-divider-bottom {
    background-image: url(../images/triangle-divider-down.png);
    background-position: left center;
    background-repeat: repeat-x;
    bottom: 0;
    height: 12px;
    position: absolute;
    width: 100%
}

.triangle-divider-top {
    background-image: url(../images/triangle-divider-top.png);
    background-position: left center;
    background-repeat: repeat-x;
    top: 0;
    height: 12px;
    position: absolute;
    width: 100%
}

.spinners {
    position: relative
}

.spinners:before {
    content: '';
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    left: 50%;
    border-top: 2px solid #07d;
    border-right: 2px solid transparent;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    -webkit-animation: spinner-rotate .6s linear infinite;
    -moz-animation: spinner-rotate .6s linear infinite;
    -ms-animation: spinner-rotate .6s linear infinite;
    -o-animation: spinner-rotate .6s linear infinite;
    animation: spinner-rotate .6s linear infinite;
    width: 1.4rem;
    height: 1.4rem;
    margin-top: -.7rem;
    margin-left: -.7rem;
    border-top-width: 2px;
    border-right-width: 2px
}

.spinners.spinners--xl:before {
    width: 2.6rem;
    height: 2.6rem;
    margin-top: -1.6rem;
    margin-left: -1.6rem;
    border-top-width: 5px;
    border-right-width: 5px
}

.spinners.spinners--lg:before {
    width: 2rem;
    height: 2rem;
    margin-top: -1rem;
    margin-left: -1rem;
    border-top-width: 3px;
    border-right-width: 3px
}

.spinners.spinners--sm:before {
    width: 1rem;
    height: 1rem;
    margin-top: -.5rem;
    margin-left: -.5rem;
    border-top-width: 1px;
    border-right-width: 1px
}

.spinners.spinners--right:before {
    left: auto;
    right: .7rem
}

.spinners.spinners--right.spinners--lg:before {
    right: 1rem
}

.spinners.spinners--right.spinners--sm:before {
    right: .5rem
}

.spinners.spinners--right.btn {
    padding-right: 3.1rem
}

.spinners.spinners--right.btn.spinners--lg {
    padding-right: 4.5rem
}

.spinners.spinners--right.btn.spinners--sm {
    padding-right: 2.25rem
}

.spinners.spinners--left:before {
    left: 1.4rem
}

.spinners.spinners--left.spinners--lg:before {
    left: 2rem
}

.spinners.spinners--left.spinners--sm:before {
    left: 1rem
}

.spinners.spinners--left.btn {
    padding-left: 3.1rem
}

.spinners.spinners--left.btn.spinners--lg {
    padding-left: 4.5rem
}

.spinners.spinners--left.btn.spinners--sm {
    padding-left: 2.25rem
}

.spinners:before {
    border-top-color: #dfe2ea
}

.spinners.spinners--skin-dark:before {
    border-top-color: #acafba
}

.spinners.spinners--brand:before {
    border-top-color: #716aca
}

.spinners.spinners--metal:before {
    border-top-color: #c4c5d6
}

.spinners.spinners--light:before {
    border-top-color: #fff
}

.spinners.spinners--accent:before {
    border-top-color: #00c5dc
}

.spinners.spinners--focus:before {
    border-top-color: #9816f4
}

.spinners.spinners--primary:before {
    border-top-color: #5867dd
}

.spinners.spinners--success:before {
    border-top-color: #34bfa3
}

.spinners.spinners--info:before {
    border-top-color: #36a3f7
}

.spinners.spinners--warning:before {
    border-top-color: #ffb822
}

.spinners.spinners--danger:before {
    border-top-color: #f4516c
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .spinners:before {
        animation: none !important
    }
}

@-webkit-keyframes spinner-rotate {
    to {
        transform: rotate(360deg)
    }
}

@-moz-keyframes spinner-rotate {
    to {
        transform: rotate(360deg)
    }
}

@-o-keyframes spinner-rotate {
    to {
        transform: rotate(360deg)
    }
}

@keyframes spinner-rotate {
    to {
        transform: rotate(360deg)
    }
}

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

.blockquote-reverse {
    padding-right: 15px;
    padding-left: 0;
    text-align: right;
    border-right: 5px solid #eee;
    border-left: 0
}

.blockquote-simple {
    border: 0 !important
}

.blockquote-color,
.blockquote-dark,
.blockquote-fancy {
    border: 0 !important
}

.blockquote-color {
    background-color: #2250fc
}

.blockquote-color small {
    color: #fff
}

.blockquote-fancy::before {
    color: rgba(0, 0, 0, .04);
    content: '"';
    display: block;
    font-size: 100px;
    left: 4px;
    position: absolute;
    top: 14px;
    font-family: Arial
}

.blockquote-fancy>small {
    float: right
}

.blockquote-dark {
    background-color: #333
}

.blockquote-color,
.blockquote-dark {
    padding: 28px;
    color: #fff
}

form .btn {
    padding: 12px 14px
}

.form-control,
input,
select {
    border-radius: 0;
    box-shadow: none;
    line-height: 18px;
    padding: 10px 16px;
    border-radius: 5px;
    border: 1px solid #8a8a8a;
    transition: all .3s ease;
    font-size: 1rem
}

.form-control:focus,
input:focus,
select:focus {
    background-color: #f6f9fa;
    border-color: #2250fc;
    box-shadow: none
}

.form-control.form-control-lg,
input.form-control-lg,
select.form-control-lg {
    line-height: 22px;
    padding: 18px 20px;
    font-size: 1.2rem
}

.form-control.form-control-sm,
input.form-control-sm,
select.form-control-sm {
    line-height: 14px;
    padding: 8px 12px;
    font-size: .8rem
}

.form-control.input-lg,
input.input-lg,
select.input-lg {
    resize: none;
    font-size: 1.2rem
}

.form-control.rounded,
input.rounded,
select.rounded {
    border-radius: 4px
}

.input-group-append .btn,
.input-group-append button {
    border-radius: 0 5px 5px 0;
    height: 40px
}

.input-group-append .btn i,
.input-group-append button i {
    margin-right: 0
}

.input-group-prepend .btn,
.input-group-prepend button {
    border-radius: 5px 0 0 5px
}

.input-group-prepend .btn i,
.input-group-prepend button i {
    margin-right: 0
}

.input-group-lg .btn {
    padding: 16px 20px;
    font-size: 14px
}

.input-group-text {
    border: 0
}

.input-group-text i {
    margin-left: 4px;
    margin-right: 4px;
    font-size: 1.2rem
}

.form-group {
    margin-bottom: 20px
}

.form-group label:not(.error) {
    font-size: 12px;
    letter-spacing: .04em;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 4px;
    color: #444
}

.form-inline button {
    margin: 0
}

.form-group>label {
    display: block
}

.has-feedback label~.form-control-feedback {
    top: 44px
}

.form-gray-fields .form-control {
    background-color: rgba(238, 238, 238, .6);
    border-color: transparent;
    color: #333
}

.form-gray-fields .form-control:focus {
    background-color: #eee
}

.form-transparent-fields .form-control {
    background-color: rgba(0, 0, 0, .4);
    border-color: rgba(0, 0, 0, .4)
}

.form-transparent-fields .form-control:focus {
    background-color: rgba(0, 0, 0, .7)
}

.form-transparent-light-fields .form-control {
    background-color: rgba(255, 255, 255, .06);
    border-color: rgba(255, 255, 255, .1)
}

.form-transparent-light-fields .form-control:focus {
    background-color: rgba(255, 255, 255, .7)
}

label.error {
    color: #b71828;
    display: none !important;
    font-weight: 400
}

.form-control.error,
.sm-form-control.error {
    border-color: #b71828
}

.form-control.error {
    color: #b71828
}

.form-control::-moz-placeholder,
.form-control::-ms-input-placeholder,
.form-control::-webkit-input-placeholder {
    color: #bbb
}

input[type=color] {
    width: 100%;
    height: 100%;
    min-height: 3px;
    padding: 0;
    border: 0;
    cursor: pointer
}

input[type=color]:focus {
    box-shadow: none
}

select.form-control:not([size]):not([multiple]) {
    height: 40px
}

select {
    width: 100%;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    background-image: url(../images/dropdown-arrow.png) !important;
    background-repeat: no-repeat !important;
    background-position: right center !important
}

select[multiple] {
    background-image: none
}

.order-select>h6 {
    margin-bottom: 0
}

.order-select p {
    font-size: 13px
}

.button-search {
    background-color: #fff;
    border-color: #e9e9e9 #e9e9e9 #e9e9e9;
    border-style: solid;
    border-width: 1px 1px 1px 0 !important;
    box-shadow: none;
    margin-left: -6px !important;
    z-index: 2 !important
}

.reservation-form-over {
    top: -80px;
    z-index: 10;
    margin-bottom: -80px;
    overflow: inherit
}

.reservation-form {
    background-color: #fff;
    border-radius: 3px;
    border: 1px solid #eee;
    min-height: 160px;
    padding: 30px;
    position: relative;
    z-index: 9999 !important
}

.reservation-form label {
    color: #555
}

.reservation-form input,
.reservation-form select {
    border: 0;
    border-radius: 4px;
    background-color: #fff;
    border: 1px solid #ececec;
    width: 100%
}

.reservation-form .date input {
    border-radius: 4px 0 0 4px;
    border-width: 2px 0 2px 2px
}

.reservation-form .input-group-addon {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #fff !important;
    border-color: #ddd;
    border-image: none;
    border-style: solid;
    border-width: 2px 2px 2px 0
}

.reservation-form input,
.reservation-form select {
    color: #555;
    display: block;
    font-size: 15px;
    line-height: 1.42857;
    padding: 8px 14px;
    width: 100%
}

#book {
    background-color: rgba(0, 0, 0, .4);
    border: 10px solid rgba(255, 255, 255, .2);
    border-radius: 3px;
    padding: 40px
}

#book label {
    color: #fff
}

#book .date input {
    border-radius: 4px 0 0 4px
}

#book input,
#book select {
    color: #555;
    display: block;
    font-size: 15px;
    line-height: 1.42857;
    padding: 8px 14px;
    width: 100%
}

#book .input-group-addon {
    background-color: #fff !important;
    border: 0
}

#book input,
#book select {
    border: 0
}

.widget .input-group-text {
    height: 40px
}

.list-group input[type=radio] {
    display: none
}

.list-group input[type=radio]+.list-group-item {
    cursor: pointer
}

.list-group input[type=radio]:checked+.list-group-item {
    background-color: #f6f9fa
}

.dark .form-control,
.dark input,
.dark select {
    background-color: #222;
    border-color: #333
}

.badge {
    font-family: Nunito, Helvetica, Arial, sans-serif, ;
    font-weight: 600
}

.badge-pill {
    padding: .4em .8em;
    border-radius: 10rem;
    margin-bottom: .5em;
}

.badge-primary {
    background-color: #2250fc
}

.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: .8
}

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

.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    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-ajax-holder .mfp-content,
.mfp-inline-holder .mfp-content {
    width: 100%;
    cursor: auto
}

.mfp-ajax-cur {
    cursor: progress
}

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

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

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

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

.mfp-arrow,
.mfp-close,
.mfp-counter,
.mfp-preloader {
    -webkit-user-select: none;
    -moz-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: -.8em;
    left: 8px;
    right: 8px;
    z-index: 1044
}

.mfp-preloader a {
    color: #ccc
}

.mfp-preloader a:hover {
    color: #fff
}

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

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

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

.mfp-close {
    width: 36px;
    height: 36px;
    line-height: 36px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: .65;
    padding: 0 0 18px 10px;
    color: #fff;
    font-style: normal;
    font-size: 22px;
    font-family: Arial, Baskerville, monospace
}

.mfp-close:focus,
.mfp-close:hover {
    opacity: 1
}

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

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

.mfp-iframe-holder .mfp-close,
.mfp-image-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: .65;
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: transparent
}

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

.mfp-arrow:focus,
.mfp-arrow:hover {
    opacity: 1
}

.mfp-arrow .mfp-a,
.mfp-arrow .mfp-b,
.mfp-arrow:after,
.mfp-arrow:before {
    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 .mfp-a,
.mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px
}

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

.mfp-arrow-left {
    left: 0
}

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

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

.mfp-arrow-right {
    right: 0
}

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

.mfp-arrow-right .mfp-b,
.mfp-arrow-right:before {
    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, .6);
    background: #000
}

img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 40px 0;
    margin: 0 auto
}

.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, .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) {
    .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, .6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        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, .6);
        position: fixed;
        text-align: center;
        padding: 0
    }
}

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

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

    .mfp-arrow-right {
        -webkit-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
}

.lightbox-open {
    position: relative;
    overflow: hidden !important
}

.mfp-ajax-holder .mfp-content {
    background: #f8f8f8;
    max-width: 1000px
}

.mfp-ajax-holder .ajax-quick-view {
    padding: 20px 30px 35px
}

.mfp-ajax-holder .ajax-quick-view .quick-view-title {
    border-bottom: 1px solid #ddd;
    margin-bottom: 30px;
    position: relative
}

.mfp-ajax-holder .ajax-quick-view .quick-view-title h2 {
    font-weight: 600
}

.mfp-ajax-holder .mfp-close:hover {
    background: #2250fc;
    color: #fff
}

.portfolio-ajax-page iframe {
    width: 100%
}

.portfolio-ajax-page .col-lg-8 {
    margin-bottom: -6px !important
}

.list { clear: both; position: relative; display: flex; justify-content: center; align-items: center;}
.list li { line-height: 32px}
.list li a { font-weight: 600}
.icon-list,
.list ul,
.list-lines,
.list-posts,
.list-simple {
    padding: 0
}

.icon-list,
.list,
.list-lines,
.list-posts,
.list-simple,
.list-tweets li {
    list-style: none
}

.list-colored li a {
    color: #2250fc;
    font-weight: 600
}

.list-legend li {
    float: left;
    margin-right: 14px;
    margin-bottom: 10px
}

.list-legend li span {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    margin-right: 9px;
    background-color: #2250fc;
    float: left;
    margin-top: 9px
}
.values-box{padding: 0 10rem;}
.icon-list li,
.list-arrow-icons li,
.list-tweets li {
    padding-left: 0
}

.list-medium li {
    margin: 12px 0
}

.list-large li {
    margin: 18px 0
}

.list-large li:first-child,
.list-medium li:first-child {
    margin-top: 0
}

.list-large li:last-child,
.list-medium li:last-child {
    margin-bottom: 0
}

.list-posts small {
    display: block;
    font-style: italic;
    opacity: .7
}

.list-lines {
    list-style: none
}

.list-lines li {
    border-bottom: 1px solid #ddd;
    padding: 10px 0 10px 2px
}

.list-lines li:last-child {
    border-bottom: 0
}

.list-icon {
    list-style: none;
    padding-left: 0
}

.list-icon ul { list-style: none}
.list-icon ul { padding: 0}

.widget-contact .list-icon li{margin-left: 20px;}
.list-icon i { margin-bottom: 3px; margin-right: 10px; font-size: 16px; color: #333;}
.list-icon.list-icon-colored li{font-size: 15px; font-weight: 500;}
.list-icon.list-icon-colored li i{color: #5eb300 !important;}
.list-icon.icon-list-colored i,
.list-icon.list-icon-colored li:before { color: #5eb300 !important;}
.list-icon li:before {  margin-left: -12px; position: absolute; font-size: 12px; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; font-weight: 900}
.list-icon.list-icon-arrow li:before { font-family: "font awesome 5 free"; content: "\f054"}
.list-icon.list-icon-arrow-circle li:before { content: "\f0a9"; font-family: "font awesome 5 free"}
.list-icon.list-icon-check li:before { content: "\f00c"; font-family: "font awesome 5 free"}
.list-icon.list-icon-caret li:before { content: "\f0da"; font-family: "font awesome 5 free"}
.list-icon.list-icon-uncheck li:before { content: "\f144"; font-family: "font awesome 5 free"}
.list-icon.list-icon-plus li:before { content: "\f055"; font-family: "font awesome 5 free"}
.list-icon.list-icon-info li:before { content: "\f05a"; font-family: "font awesome 5 free"}
.list-icon.list-icon-circle li:before { content: "\f192"; font-family: "font awesome 5 free"}
.list-group-item.active { background-color: #2250fc; border: #2250fc}

.list-group-item.active h1,
.list-group-item.active h2,
.list-group-item.active h3,
.list-group-item.active h4,
.list-group-item.active h5,
.list-group-item.active h6,
.list-group-item.active p { color: #fff;}

.map {  width: 100%;  min-height: 370px; height: auto;}
.pagination-wrap { display: block; clear: both;}
.pagination { clear: both;}
.pagination .page-item:not(.disabled)>.page-link { color: #565656; background-color: #fff; border-color: #ececec;}

.pagination .page-item:not(.disabled).active>.page-link,
.pagination .page-item:not(.disabled):active>.page-link,
.pagination .page-item:not(.disabled):focus>.page-link,
.pagination .page-item:not(.disabled):hover>.page-link { background-color: #edf1f6; border-color: #e4e4e4; color: #565656; box-shadow: none;}
.pagination .page-item.disabled>.page-link {  color: #a2a2a2}
.pagination.pagination-flat .page-item>.page-link { border: 0}
.pagination.pagination-flat .page-item>.page-link:hover { color: #565656; background-color: #f7f9fb}
.post-navigation { border-top: 1px solid #eee; display: inline-block; list-style: outside none none; min-height: 84px; padding: 20px 0 0; position: relative; width: 100%; background-color: #fff}

.post-navigation .post-next,
.post-navigation .post-prev {
    position: absolute;
    font-size: 16px;
    max-width: 40%;
    height: 44px
}

.post-navigation .post-next span,
.post-navigation .post-prev span {
    display: block;
    color: #565656;
    font-size: 11px;
    text-transform: uppercase;
    opacity: .7;
    margin-bottom: -6px;
    margin-top: 3px
}

.post-navigation a:hover {
    transition: all .3s ease;
    color: #2250fc
}

.post-navigation .post-next {
    right: 25px;
    text-align: right
}

.post-navigation .post-next:before {
    content: "\e95a";
    font-family: inspiro-icons;
    font-size: 20px;
    position: absolute;
    top: 50%;
    transform: translate3d(0, -50%, 0);
    transition: all .3s ease;
    right: 10px;
    padding-top: 2px
}

.post-navigation .post-next:hover:before {
    transform: translate3d(5px, -50%, 0)
}

.post-navigation .post-prev {
    left: 25px
}

.post-navigation .post-prev:before {
    content: "\e959";
    font-family: inspiro-icons;
    font-size: 20px;
    position: absolute;
    top: 50%;
    transform: translate3d(0, -50%, 0);
    transition: all .3s ease;
    padding-top: 2px;
    left: 10px
}

.post-navigation .post-prev:hover:before {
    transform: translate3d(-5px, -50%, 0)
}

.post-navigation .post-prev-title {
    padding-left: 40px
}

.post-navigation .post-next-title {
    padding-right: 40px
}

.post-navigation .post-all {
    font-size: 24px;
    left: auto;
    position: absolute;
    right: 50%;
    text-align: center;
    top: 32px;
    width: 12px;
    opacity: .7
}

.single-post .post-navigation .post-prev {
    left: 0
}

.single-post .post-navigation .post-next {
    right: 0
}

@media(max-width:991px) {

    .post-next-title,
    .post-prev-title {
        display: none
    }
}

.breadcrumb {
    background-color: transparent;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: .5px;
    margin-bottom: 10px;
    display: block
}

.breadcrumb ol,
.breadcrumb ul {
    display: inline;
    margin: 0;
    padding: 0
}

.breadcrumb ol li,
.breadcrumb ul li {
    display: inline;
    position: relative;
    opacity: .8
}

.breadcrumb ol li+li:before,
.breadcrumb ul li+li:before {
    content: "\e95a";
    font-family: inspiro-icons;
    margin: 0 5px;
    background-color: transparent
}

.breadcrumb ol li.active,
.breadcrumb ol li:hover,
.breadcrumb ol li:last-child,
.breadcrumb ul li.active,
.breadcrumb ul li:hover,
.breadcrumb ul li:last-child {
    opacity: 1
}

.call-to-action {
    position: relative;
    overflow: hidden;
    padding: 46px 50px 34px;
    margin-bottom: 40px
}

.call-to-action .container {
    position: relative
}

.call-to-action h3 {
    margin-top: 10px;
    font-size: 42px;
    font-weight: 600;
    margin-bottom: 10px
}

.call-to-action p {
    margin-top: 0
}

.call-to-action a.btn {
    margin-top: 20px
}

.call-to-action.call-to-action-border {
    background: #fff;
    border: 1px solid #eee
}

.call-to-action.call-to-action-colored {
    background-color: #2250fc
}

.call-to-action.call-to-action-colored h3,
.call-to-action.call-to-action-colored p {
    color: #fff
}

.call-to-action.call-to-action-colored h3 span {
    color: #fff !important
}

.call-to-action.call-to-action-dark {
    background-color: #1f1f1f
}

.call-to-action.call-to-action-dark h3,
.call-to-action.call-to-action-dark p {
    color: #fff
}

.call-to-action.cta-center {
    text-align: center
}

.call-to-action.cta-center [class*=col-] {
    width: 100%;
    max-width: 100%;
    flex: none;
    clear: both;
    display: block
}

.call-to-action.cta-right {
    text-align: right
}

.call-to-action.cta-right [class*=col-]:first-child {
    float: right
}

@media(max-width:991px) {
    .call-to-action {
        padding: 26px 12px 18px
    }

    [class*=col-]>.call-to-action {
        padding: 26px 26px 18px
    }
}

.tooltip.left .tooltip-arrow {
    right: 1px
}

.tooltip-inner {
    white-space: pre-wrap
}

.popover {
    border-radius: 0;
    border: none;
    background-color: #fcfcfc;
    box-shadow: 0 4px 15px rgba(0, 0, 0, .3);
    color: #667;
    padding: 3px 3px 8px
}

.popover>.arrow {
    border-color: transparent !important
}

.popover-body {
    font-family: open sans, Arial, sans-serif;
    font-weight: 400 !important;
    padding-top: 0;
    font-size: 14px;
    color: #667;
    position: relative
}

.popover-body img {
    height: auto;
    position: relative
}

.popover-body iframe,
.popover-body>img {
    width: 100%;
    height: auto !important;
    margin-top: 10px
}

.popover-body iframe {
    background: url(../images/loading.gif) center center no-repeat
}

.popover-header {
    padding: 18px 14px 0;
    margin: 0 0 10px;
    font-size: 16px;
    font-weight: 600;
    line-height: 18px;
    background-color: inherit;
    border-bottom: none;
    border-radius: 0
}

.popover-header::after {
    border-top: 1px solid #eee;
    content: "";
    display: block;
    height: 1px;
    margin: 12px 0 5px;
    width: 100%
}

.modal .modal-content .modal-header {
    padding: 24px
}

.modal .modal-content .modal-header .modal-title {
    font-weight: 600;
    font-size: 16px
}

.modal-title {
    display: block;
    font-size: 28px;
    line-height: 28px;
    font-weight: 400;
    font-family: Poppins, Helvetica, Arial, sans-serif;
    margin-bottom: 20px
}

.modal p {
    font-size: 15px;
    line-height: 26px;
    margin-top: 0;
    margin-bottom: 13px;
    font-weight: 300;
    font-family: open sans, Helvetica, Arial, sans-serif
}

.modal-strip {
    background-color: #111;
    bottom: 0;
    color: #fff;
    left: 0;
    padding: 18px;
    position: fixed;
    width: 100%;
    display: inline-block;
    transform: translate3d(0, 200px, 0);
    transition: all .7s ease 0s;
    z-index: 999 !important
}

.modal-strip .btn,
.modal-strip h1,
.modal-strip h2,
.modal-strip h3,
.modal-strip h4,
.modal-strip h5 {
    margin-bottom: 0
}

.modal-strip a {
    color: #fff
}

.modal-strip.modal-top {
    bottom: auto;
    top: 0;
    transform: translate3d(0, -200px, 0)
}

.modal-strip.modal-left {
    bottom: auto;
    top: auto;
    left: 0;
    right: auto;
    width: 30%;
    transform: none
}

.modal-strip.modal-right {
    transform: translate3d(0, 0, 0);
    bottom: auto;
    top: 0
}

.modal-strip.modal-active {
    transform: translate3d(0, 0, 0)
}

.mfp-zoom-out .mfp-content {
    opacity: 0;
    transition: all .3s ease-in-out;
    transform: scale(1.3)
}

.mfp-zoom-out.mfp-bg {
    opacity: 0;
    transition: all .3s ease-out
}

.mfp-zoom-out.mfp-ready .mfp-content {
    opacity: 1;
    transform: scale(1)
}

.mfp-zoom-out.mfp-ready.mfp-bg {
    opacity: .8
}

.mfp-zoom-out.mfp-removing .mfp-content {
    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 .audio-wrap audio,
.modal .iframe-wrap iframe,
.modal .video-wrap video {
    width: 100%
}

.modal iframe {
    margin-bottom: -10px
}

.client-logo {
    position: relative
}

.client-logo a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 8;
    transition: all .2s ease
}

.client-logo a>img {
    width: 100%;
    height: auto
}

.client-logo a:hover {
    opacity: 1
}

.grid li {
    -webkit-transition: all .5s ease 0s;
    transition: all .5s ease 0s;

}

.clients-carousel a {
    -webkit-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
    opacity: .8
}

.clients-carousel a img {
    -webkit-transition: all .5s ease 0s;
    transition: all .5s ease 0s;

}

.parallax .clients-carousel a {
    opacity: 1
}

.grid li:hover {
    opacity: 1;
    cursor: pointer
}

.clients-carousel a:hover {
    opacity: 1;
    cursor: pointer
}

.clients-carousel a:hover img {
    opacity: 1;
    cursor: pointer
}

.client-carousel .owl-item img,
.clients-logo .owl-item img {
    padding: 20px
}

.grid {
    padding: 0;
    list-style: none;
    overflow: hidden;
    box-shadow: rgb(99 99 99 / 20%) 0px 2px 8px 0px;
}

.grid li {
    float: left;
    position: relative;
    width: 20%;
    padding: 20px
}

.grid.grid-2-columns figure,
.grid.grid-2-columns li {
    width: 50%
}

.grid.grid-3-columns figure,
.grid.grid-3-columns li {
    width: 33.333333%
}

.grid.grid-4-columns figure,
.grid.grid-4-columns li {
    width: 25%
}

.grid.grid-5-columns figure,
.grid.grid-5-columns li {
    width: 20%
}

.grid.grid-6-columns figure,
.grid.grid-6-columns li {
    width: 16.6666666%
}

.grid li:hover {
    cursor: pointer;
    background-color: #f8f8f8
}

.grid li a,
.grid li img {
    display: block;
    width: 75%;
    margin-left: auto;
    margin-right: auto
}

.grid li a img {
    width: 100%
}

.grid li:after,
.grid li:before {
    content: '';
    position: absolute
}

.grid li:before {
    height: 100%;
    top: 0;
    left: -1px;
    border-left: 1px solid #d1cdcd;
}

.grid li:after {
    width: 100%;
    height: 0;
    top: auto;
    left: 0;
    bottom: -1px;
    border-bottom: 1px solid #d1cdcd;
}

.grid.clients-grey {
    border: 1px solid #ddd
}

.grid.clients-grey li {
    background-color: #fff;
}

.grid.clients-grey li:before {
    border-left: 1px solid #ccc
}

.grid.clients-grey li:after {
    border-bottom: 1px solid #ccc
}

.grid.clients-border {
    border-width: 10px
}

.carousel-description-clients .carousel {
    margin-top: 40px
}

.carousel-description-clients .owl-next,
.carousel-description-clients .owl-prev {
    margin-top: -40px !important
}

body.breakpoint-md .carousel-description-clients .owl-controls,
body.breakpoint-sm .carousel-description-clients .owl-controls,
body.breakpoint-xs .carousel-description-clients .owl-controls {
    display: none
}

body.breakpoint-md .grid li,
body.breakpoint-sm .grid li {
    width: 33.33%
}

body.breakpoint-xs .grid li {
    width: 50%
}

.pricing-table {
    padding-top: 50px;
    margin: 0;
    padding: 0;
    cursor: pointer
}

.pricing-table .plan {
    margin-bottom: 60px;
    transition: all .3s ease
}

.pricing-table .plan:hover {
    margin-top: -10px;
    box-shadow: 0 0 20px rgba(0, 0, 0, .1)
}

.pricing-table .plan .plan-header {
    position: relative;
    background-color: #fff;
    padding: 40px 22px 22px;
    text-align: center
}

.pricing-table .plan .plan-header {
    border-width: 1px;
    position: relative;
    text-align: center
}

.pricing-table .plan .plan-header .plan-price {
    font-size: 70px;
    font-weight: 600;
    position: relative;
    text-align: center;
    padding: 20px 0
}

.pricing-table .plan .plan-header .plan-price sup {
    font-size: 24px;
    position: relative;
    top: -30px;
    color: #bdc3c7
}

.pricing-table .plan .plan-header .plan-price span {
    font-size: 16px;
    color: #bdc3c7
}

.pricing-table .plan-header>h4 {
    margin-bottom: 0
}

.pricing-table .plan-list {
    background-color: #fff;
    border-width: 0 1px 1px;
    padding: 20px 0 40px
}

.pricing-table .plan-list ul {
    display: table;
    margin: 0 auto;
    padding: 0 40px
}

.pricing-table .plan-list ul li {
    list-style: none;
    border-bottom: 1px solid #eaeceb;
    line-height: 42px
}

.pricing-table .plan-list ul li:last-child {
    border: none
}

.pricing-table .plan-list ul li i {
    margin-right: 12px
}

.pricing-table .plan-list ul li span {
    color: #34495e
}

.pricing-table .plan-list .plan-button {
    margin-top: 20px !important;
    text-align: center
}

.pricing-table .plan.featured {
    box-shadow: 0 0 20px rgba(0, 0, 0, .1);
    margin-top: -30px;
    padding-bottom: 0
}

.pricing-table .plan.featured .plan-list {
    padding: 20px 0 40px
}

.pricing-table .plan .plan-featured-item {
    background-color: #f8f8f8;
    border: 1px solid #e3e3e3 !important;
    font-weight: 600;
    margin-top: 21px;
    padding: 0 20px
}

.plan .button,
.pricing-table .plan .btn {
    margin: 0
}

.pricing-table.colored .plan-header {
    background-color: #2250fc;
    border-color: rgba(0, 0, 0, .05);
    color: #fff
}

.pricing-table.colored .text-muted {
    color: #fff !important
}

.pricing-table.colored .plan-header .plan-price span,
.pricing-table.colored .plan-header .plan-price sup,
.pricing-table.colored .plan-header h4 {
    color: #fff
}

.pricing-table.transparent .plan-header,
.pricing-table.transparent .plan-list {
    background-color: rgba(0, 0, 0, .4);
    border-color: rgba(0, 0, 0, .6)
}

.pricing-table.transparent .plan-list ul li {
    border-bottom: 1px solid rgba(255, 255, 255, .2)
}

.pricing-table .plan .plan-featured-item {
    background-color: transparent
}

.section-grey .pricing-table .plan-list {
    background-color: #f8f8f8
}

section .pricing-table.full-width {
    padding-left: 30px;
    padding-right: 30px
}

body.breakpoint-lg .pricing-table .col-lg-2,
body.breakpoint-xl .pricing-table .col-lg-2 {
    width: 20%
}

body.breakpoint-lg .pricing-table .col-lg-2 .plan-list ul li,
body.breakpoint-xl .pricing-table .col-lg-2 .plan-list ul li {
    font-size: 13px
}

.testimonial .testimonial-item {
    border: 1px solid #eee;
    background-color: #fff;
    padding: 46px;
    text-align: center;
    margin-bottom: 20px
}

.testimonial .testimonial-item>img {
    border-radius: 50%;
    display: block;
    float: none;
    height: 72px;
    margin: 0 auto 10px;
    width: 72px
}

.testimonial .testimonial-item>p {
    font-size: 15px;
    line-height: 22px;
    margin-bottom: 0;
    padding-bottom: 20px;
    font-weight: 400;
    margin-top: 10px
}

.testimonial .testimonial-item>span {
    font-weight: 600;
    font-size: 15px;
    display: block;
    line-height: 22px
}

.testimonial .testimonial-item>span~span {
    font-weight: 500;
    color: #bbb;
    display: block;
    font-size: 13px;
    font-style: italic
}

.testimonial.testimonial-box .testimonial-item {
    padding: 46px;
    background-color: #fff;
    border-radius: 8px
}

.testimonial.testimonial-box .testimonial-item p {
    font-size: 14px
}

.testimonial.testimonial-single .testimonial-item {
    padding: 30px 80px;
    background-color: transparent;
    border: 0
}

.testimonial.testimonial-single .testimonial-item>img {
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, .06)
}

.testimonial.testimonial-single .testimonial-item p {
    font-size: 16px
}

.testimonial.testimonial-left .testimonial-item {
    text-align: left;
    background: #fff;
    border-radius: 8px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}

.testimonial.testimonial-left .testimonial-item>img {
    display: inherit;
    float: left;
    margin: 0 0 40px;
    height: 160px;
    width: 160px
}

.testimonial.testimonial-left .testimonial-item>p,
.testimonial.testimonial-left .testimonial-item>span {
    margin-left: 220px
}

.testimonial.testimonial-blockquote .testimonial-item>p {
    font-family: Poppins;
    font-style: italic;
    font-size: 24px;
    line-height: 32px;
    padding: 30px 10px
}

[data-arrows=false].testimonial-single.testimonial-blockquote .testimonial-item {
    padding: 0 !important
}

[data-arrows=false].testimonial-single.testimonial-blockquote .testimonial-item>p {
    padding: 10px !important
}

.widget .testimonial .testimonial-item {
    text-align: left;
    padding: 0
}

.widget .testimonial .testimonial-item>img {
    display: inherit;
    float: left;
    margin: 0 0 40px;
    height: 48px;
    width: 48px
}

.widget .testimonial .testimonial-item>p {
    font-size: 15px;
    padding-bottom: 14px
}

.widget .testimonial .testimonial-item>p,
.widget .testimonial .testimonial-item>span {
    margin-left: 68px
}

.widget .testimonial .testimonial-item>span {
    font-size: 13px
}

.widget .testimonial.owl-carousel .owl-controls .owl-dots {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
    position: absolute !important;
    top: -46px !important;
    right: 0 !important
}

@media(max-width:992px) {
    .testimonial.testimonial-left .testimonial-item {
        text-align: left
    }

    .testimonial.testimonial-left .testimonial-item>img {
        display: inherit;
        float: none;
        margin: 20px auto;
        height: 80px;
        width: 80px
    }

    .testimonial.testimonial-left .testimonial-item>p,
    .testimonial.testimonial-left .testimonial-item>span {
        margin-left: 0;
        text-align: center
    }

    .testimonial.testimonial-single .testimonial-item {
        padding: 10px 20px
    }

    .testimonial.testimonial-single .testimonial-item>img {
        box-shadow: 0 0 15px 0 rgba(0, 0, 0, .06)
    }

    .testimonial.testimonial-single .testimonial-item p {
        font-size: 14px
    }
}

.timeline {
    margin-bottom: 60px;
    list-style: none;
    padding: 20px 0;
    position: relative
}

.timeline-circles {
    list-style: none;
    padding: 20px 0;
    position: relative
}

.timeline:before {
    background-color: #ccc;
    bottom: 0;
    content: " ";
    left: 50%;
    margin-left: -1.5px;
    position: absolute;
    top: 0;
    width: 4px
}

.timeline-circles:after,
.timeline-circles:before {
    background-color: #ccc;
    border-radius: 10px;
    content: " ";
    height: 20px;
    left: 50%;
    margin-left: -10px;
    position: absolute;
    width: 20px
}

.timeline-circles:before {
    top: -25px
}

.timeline-circles:after {
    bottom: -40px
}

.timeline li.timeline-date {
    margin-bottom: 25px
}

.timeline li:nth-child(2) {
    margin-top: 0 !important
}

.timeline li:before {
    content: " ";
    display: table
}

.timeline li:after {
    content: " ";
    display: table;
    clear: both
}

.timeline-date {
    background-color: #eee;
    border-radius: 6px;
    color: #888;
    display: block;
    font-size: 16px;
    line-height: 32px;
    margin: 0 auto;
    text-align: center;
    width: 200px
}

.timeline li .timeline-block {
    padding: 0 10px;
    position: relative;
    width: 48%;
    float: left
}

.timeline.timeline-transparent .timeline-block .post-item {
    background-color: #fff;
    padding: 20px
}

.timeline li .timeline-block:before {
    position: absolute;
    top: 8px;
    right: -4%;
    display: inline-block;
    border-top: 15px solid transparent;
    border-right: 15px solid #ccc;
    border-left: 0 solid #ccc;
    border-bottom: 15px solid transparent;
    content: " "
}

.timeline li .timeline-block .timeline-block-content {
    height: 100% !important;
    overflow: hidden
}

.timeline-block-content h3 {
    margin-top: 0
}

.timeline-block-embed,
.timeline-block-image {
    border-bottom: 5px solid #ddd;
    margin-bottom: 20px;
    overflow: hidden;
    position: relative;
    width: 100%
}

.timeline-block-image {
    max-height: 200px
}

.timeline-block-image img {
    margin-top: -10%;
    width: 100%
}

.timeline-block-image iframe {
    width: 100%;
    height: 100%
}

.timeline li:nth-child(2n+1) .timeline-block {
    padding: 20px 0 0 10px;
    float: right
}

.timeline li:nth-child(2n+1) .timeline-block:before {
    border-right-width: 0;
    border-left-width: 15px;
    left: -4%;
    right: auto;
    top: 22px
}

.timeline li:nth-child(2n+1) .timeline-block:after {
    border-left-width: 0;
    border-right-width: 15px;
    left: -4%;
    right: auto
}

body.breakpoint-sm .timeline:before {
    left: 0
}

body.breakpoint-sm .timeline-circles:after,
body.breakpoint-sm .timeline-circles:before {
    left: 0
}

body.breakpoint-sm .timeline li:not(.timeline-date)::before {
    left: 0
}

body.breakpoint-xs .timeline:before {
    left: 0
}

body.breakpoint-xs .timeline-circles:after,
body.breakpoint-xs .timeline-circles:before {
    left: 0
}

body.breakpoint-xs .timeline li:not(.timeline-date)::before {
    left: 0
}

body.breakpoint-sm .timeline-date,
body.breakpoint-xs .timeline-date {
    margin-left: 3px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

body.breakpoint-sm .timeline li .timeline-block,
body.breakpoint-xs .timeline li .timeline-block {
    float: left;
    margin-left: 10px;
    width: 100% !important;
    padding-left: 10px
}

body.breakpoint-sm .timeline li .timeline-block,
body.breakpoint-sm .timeline li:nth-child(2n+1) .timeline-block,
body.breakpoint-xs .timeline li .timeline-block,
body.breakpoint-xs .timeline li:nth-child(2n+1) .timeline-block {
    padding: 20px 10px 0 20px
}

body.breakpoint-sm .timeline li .timeline-block:before,
body.breakpoint-xs .timeline li .timeline-block:before {
    left: -8px;
    right: auto;
    border-left-width: 15px;
    border-right-width: 0
}

body.breakpoint-sm .timeline li .timeline-block:after,
body.breakpoint-xs .timeline li .timeline-block:after {
    border-left-width: 0;
    border-right-width: 14px;
    left: -14px;
    right: auto
}

body.breakpoint-sm .timeline.timeline-simple .timeline-date,
body.breakpoint-xs .timeline.timeline-simple .timeline-date {
    margin-left: -1px
}

.box-fancy>.container {
    padding: 0 30px
}

.box-fancy [class*=col-] {
    padding: 3% !important
}

.box-fancy.fancy-box-over {
    top: -100px
}

body.breakpoint-xs .box-fancy [class*=col-] {
    padding: 10% !important
}

.over-slider-top {
    top: -100px
}

.site-map i {
    margin-right: 8px
}

.site-map ul li {
    padding-bottom: 2px
}

.animated.infinite {
    animation-duration: 3s;
    animation-fill-mode: both
}

[data-animate] {
    opacity: 0
}

[data-animate].visible {
    opacity: 1
}

.icon[data-animate] {
    opacity: 1
}

#page-title[data-parallax-image],
[data-parallax-image] {
    background-color: #333
}

.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;
    transition: opacity .5s ease
}

.parallax-container.parallax-responsive {
    background-size: cover !important;
    background-attachment: scroll !important;
    background-position: center center !important
}

.img-loaded {
    opacity: 1
}

.contact-form {
    padding: 10px;
    background: #fff;
    border-radius: 20px;
}

.contact-form .form-control {
    border-radius: 1rem;
}

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

.contact-image img {
    border-radius: 6rem;
    width: 15%;
    margin-top: -7%;
    transform: rotate(29deg);
    box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;
}

.contact-form form {
    padding: 35px;
}

.contact-form form .row {}

.contact-form h3 {
    margin-bottom: 8%;
    margin-top: -10%;
    text-align: center;
    color: #0062cc;
}

.contact-form .btnContact {
    width: 50%;
    border: none;
    border-radius: 1rem;
    padding: 1.5%;
    background: #dc3545;
    font-weight: 600;
    color: #fff;
    cursor: pointer;
}

.btnContactSubmit {
    width: 50%;
    border-radius: 1rem;
    padding: 1.5%;
    color: #fff;
    background-color: #0062cc;
    border: none;
    cursor: pointer;
}

.panel {
    margin-bottom: 21px;
    background-color: #fff;
    border: 0 none;
}

.panel-image-preview {
    width: 100%;
    margin-bottom: 10px;
}

.panel-heading~.panel-image img.panel-image-preview {
    border-radius: 0px;
}

.panel-body {
    overflow: hidden;
}

.panel-image {
    height: auto;
    margin-bottom: 10px;
}

.myImg {
    position: relative;
    border: 0 none;
    box-shadow: none;
    margin: 0;
    padding: 0;
}

.caption {
    width: inherit;
    bottom: 1rem;
    position: absolute;
    text-align: right;
    float: right;
    right: 10px;
}

.fontz-text {
    font-size: 28px;
}

.glow {
    color: #fff;
    text-shadow: 3px 1px 0px #000000
}

.no-span {
    display: table;
    white-space: nowrap;
}

.no-span:before,
.no-span:after {
    border-top: 1px solid green;
    content: '';
    display: table-cell;
    position: relative;
    top: 0.5em;
    width: 45%;
}

.no-span:before {
    right: 1.5%;
}

.no-span:after {
    left: 1.5%;
}


.mt-60 {
    margin-top: 60px;
}

.section-block-grey {
    padding: 40px 0px 40px 0px;
    background-color: #071d3a;
}

.serv-section-2 {
    position: relative;
    border: 1px solid #eee;
    background: #fff;
    box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16);
    border-radius: 5px;
    overflow: hidden;
    padding: 30px;
    margin: .5rem 0;
}

.serv-section-2:before {
    position: absolute;
    top: 0;
    right: 0px;
    z-index: 0;
    content: " ";
    width: 120px;
    height: 120px;
    background: #f5f5f5;
    border-bottom-left-radius: 136px;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.serv-section-2-icon {
    position: absolute;
    top: 10px;
    right: 10px;
    max-width: 100px;
    z-index: 1;
    text-align: center;
}

.serv-section-2-icon i {
    color: #5f27cd;
    font-size: 48px;
    line-height: 65px;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.serv-section-desc {
    position: relative;
}

.serv-section-2 h4 {
    color: #0b1458;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.5;
}

.serv-section-2 h5 {
    color: #333;
    font-size: 17px;
    font-weight: 400;
    line-height: 1;
    margin-top: 5px;
}

.section-heading-line-left {
    content: '';
    display: block;
    width: 100px;
    height: 3px;
    background: #74da02;
    border-radius: 25%;
    margin-top: 15px;
    margin-bottom: 5px;
}

.serv-section-2 p {
    margin-top: 25px;
    padding-right: 50px;
}

.serv-section-2:hover .serv-section-2-icon i {
    color: #fff;
}

.serv-section-2:hover:before {
    background: #ebfbd8;
}

.img-services {
    width: 100%
}

.clear {
    clear: both;
}

.clearfix:after {
    clear: both;
    content: '';
    display: block;
}

.container_hd {
    /* padding: 0 0 0 30px; */
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 33px;
}

#tidio-chat {
    display: none;
}


#mainMenu nav>ul>.btncont>a {
    /* background: #5eb300;
    border-radius: 50px;
    padding: 10px 15px;
    color: #fff !important;
    font-weight: 600; */
    /* background: #5eb300; */
    /* border-radius: 15px 26px 9px; */
    /* padding: 12px 20px 12px 60px; */
    color: #fff !important;
    font-weight: 600;
}

.listitems {
    line-height: 30px;
    padding-left: 35px;
}

.listitems li {
    font-size: 15px;
    margin-bottom: 8px;
}

.contact-form {
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px, rgba(0, 0, 0, 0.1) 0px 0px 1px 0px;
}

.contactus_content {
    background: #81c8680a;
    padding: 80px 0;
}

.get_touch_form .cus_heading {
    padding: 0 30px;
    margin-top: 40px;
    text-align: center;
}

.text-box h3 {
    font-weight: 500;
    font-size: 16px;
    color: #000;
    /* text-align: left; */
    padding-left: 1.2rem;
}

.iconboxes_wrapper {
    padding-top: 30px;
}

.iconboxes_wrapper .icon-box {
    background: #2250fc2e;
    padding: 30px 15px !important;
    width: 100%;
    border-radius: 8px;
}

.iconboxes_wrapper img {
    max-width: 80px;
}

.iconboxes_wrapper h3 {
    font-size: 20px;
    margin-top: 15px !important;
}

.service_section .row {
    /* gap: 40px 0; */
}

.serviceIcon {
    display: flex;
    height: 80px;
    width: 80px;
    align-items: center;
    justify-content: center;
    margin: 0 auto 18px;
    border-radius: 100%;
    background: #016c9a;
}

.text-box .serviceIcon i {
    margin: 0 !important;
    color: #fff !important;
    font-size: 35px;
}

.service_section .text-box:hover .serviceIcon {
    background: #fff;
}

.service_section .text-box:hover .serviceIcon i {
    color: #016c9a !important;
}

.service_section .text-box:hover h3,
.service_section .text-box:hover h5,
.service_section .text-box:hover p {
    color: #fff !important;
}

.service_section .text-box p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    /* number of lines to show */
    -webkit-box-orient: vertical;
}

.service_section .text-box img {
    /* margin-bottom: 20px; */
    /* max-width: 70px; */
}


.contactus_content .text-box:hover {
    scale: 1.05;
}

.contactus_content .text-box {
    transition: 1s all ease;
}


.readmore_container .textFade {
    height: 60px;
    position: absolute;
    bottom: 32px;
    width: 100%;
    background: linear-gradient(#ffffff1a, #1376a11c);
}

.extended .textFade {
    display: none;
}

.readmore_container {
    position: relative;
}

.more_text {
    height: 40px;
    overflow: hidden;
}

.extended .more_text {
    height: auto;
    overflow: visible;
}

.extendtext_button {
    position: relative;
    color: #016c9a;
    font-weight: 600;
    background: transparent;
    border: none;
    padding: 0;
    margin-top: 10px;
    cursor: pointer;
    font-size: 16px;
}

.extendtext_button:after {
    content: "\f107";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    top: 0px;
    right: -16px;
}

.extended .extendtext_button:after {
    transform: rotate(180deg);
}

.align_center {
    align-items: center;
}

.video_outer {
    border: 15px solid #FFF;
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.37);
}

.background_shape_custom:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50px;
    z-index: 0;
    width: 80%;
    max-width: calc(50% + 400px);
    border-bottom-right-radius: 300px;
    border-top-right-radius: 300px;
    background-color: #e2ecf3;
    height: 92%;
}

.background_shape_custom h1 { position: relative; line-height: 46px; padding-top: 1.5rem;}


.styled_list {
    /* padding-left: 28px; */
}

.styled_list li {
    margin-bottom: 5px;
    font-size: 15px;
    list-style: none;
    display: flex;
    align-items: start;
    gap: 15px;
}

.portal_websites .portfolio-item .portfolio-item-wrap {
    padding: 15px;
    background: #fff;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
    border-radius: 4px;
}

.shadow_img {
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
    border-radius: 10px;
    margin: 10px 0 20px;
}

.justify_text p {
    text-align: justify;
}

.styled_list li img {
    width: 26px;
}

.background_shape_custom .container {
    padding-top: 30px;
}

.portfolio_columns .portfolio-item .portfolio-item-wrap {
    border: 15px solid #FFF;
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.37);
}

.enquiry_btn a img {
    animation: blinker 1.5s step-end infinite;
}

@keyframes blinker {

    0% {
        filter: grayscale(1);
        /*filter: invert();*/
    }

    50% {
        opacity: 1;
        filter: none;
    }
}

.brand_logo_section img {
    width: 100%;
}


.footer_mobile_bar {
    background: #fff;
    position: fixed;
    width: 100%;
    bottom: 0;
    z-index: 999;
    display: flex;
    transition: .5s all ease;
}

.footer_bar_link {
    padding: 5px;
    display: inline-block;
    text-align: center;
    line-height: 22px;
    flex: 0 0 33%;
    font-size: 12px;
    border-top: 3px solid #a3a3a35c;
    color: #454545;
    font-weight: 500;
}

.footer_bar_link.active {
    background: #4dc247;
    color: #fff;
}

.footer_bar_link span {
    display: block;
}

.footer_bar_link i {
    font-size: 16px;
    font-weight: bold;
}

.footer_bar_link .fa-phone {
    transform: rotate(0deg);
}

.our_client_based_in {
    background: url('../images/word_map_bg.png');
    background-size: cover;
    background-position: center;
    padding: 120px 0;
}

.offer_model {
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #222222c9;
    align-items: center;
    justify-content: center;
    display: none;
}

.offer_model.show {
    display: flex;
}

.offer_content img {
    height: 600px;
    border: 5px solid #cbcbcb;
    border-radius: 8px;
}

.offer_content {
    position: relative;
}

.close_offer {
    position: absolute;
    right: -18px;
    top: -21px;
    background: transparent;
    border: 0;
    font-size: 20px;
    color: #f00;
    cursor: pointer;
    padding: 5px;
}

/* Waves Animation start*/
.waves_animate {
    position: relative;
    height: 100px;
    background-color: black;
}

.waves {
    position: absolute;
    width: 100%;
    height: 100px;
    bottom: 0;
    left: 0;
}

.parallax>use {
    /* animation: move-forever 25s cubic-bezier(.55, .5, .45, .5) infinite; */
}

.parallax>use:nth-child(1) {
    animation-delay: -2s;
    animation-duration: 7s;
}

.parallax>use:nth-child(2) {
    animation-delay: -3s;
    animation-duration: 10s;
}

.parallax>use:nth-child(3) {
    animation-delay: -4s;
    animation-duration: 13s;
}

.parallax>use:nth-child(4) {
    animation-delay: -5s;
    animation-duration: 20s;
}

.text_link {
    display: block;
    padding: 8px 25px;
    background: #f2f2f2;
    width: fit-content;
    margin: 10px auto 0;
    border-radius: 4px;
    color: #016c9a !important;
    font-size: 15px;
    font-weight: 500;
}

.text-light .lead a {
    color: #4bc7ff !important;
}

.travel-portal-solution-banner {
    padding: 0;
}

.travel-portal-solution-banner img {
    height: 100%;
    width: 100%;
}

.custom_breadcrumbs ul {
    list-style: none;
    display: flex;
    align-items: center;
    margin-bottom: 0;
}

.custom_breadcrumbs ul li {
    position: relative;
    padding: 0 15px;
}

.custom_breadcrumbs ul li:not(:last-child):before {
    content: "\f105";
    font-weight: 900;
    padding-right: 0.5rem;
    font-family: "Font Awesome 5 Free";
    position: absolute;
    right: -12px;
    color: #b7b7b7;
}

.custom_breadcrumbs {
    padding: 10px 0;
    background: #f8f8f8;
}

.list_eweblink {
    list-style: none;
    padding-left: 20px;
}

.list_eweblink li {
    display: flex;
    align-items: start;
    gap: 15px;
    margin-bottom: 10px;
}

.list_eweblink li img {
    width: 20px;
}


.bg-right {
    background: url(../images/travel-portal-company-feture.jpg);
    background-position: right center;
    background-repeat: no-repeat;
    background-size: contain;
    background-color: #fafafa;
}

.list_flex_box {
    display: flex;
    gap: 20px;
}

.cycle_flex {
    display: flex;
    gap: 2%;
    flex-wrap: wrap;
    justify-content: space-between;
}

.cycle_box {
    flex: 0 0 26%;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 14px;
    border-radius: 10px 0 0 10px;
    /* background-image: linear-gradient(to bottom, #32ba7c87, #4f49a1de),url(https://www.eweblink.net/images/cycle-card-bg.jpg); */
    background-size: cover;
    background-position: right;
    background: #fff;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 50px;
    position: relative;
    min-height: 76px;
}

.cycle_box p {
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 600;
    color: #016c9a;
}

.cycle_box:before {
    content: "";
    height: 100%;
    position: absolute;
    right: -40px;
    border-top: 38px solid transparent;
    border-left: 40px solid #fff;
    border-bottom: 38px solid transparent;
}

.iconR img {
    width: 35px;
}
.process_cycle{
    background-color: #012c3e;
}
.process_cycle h2{color: #fff;}
.cycle_box .number {
    display: inline-flex;
    height: 40px;
    flex: 0 0 40px;
    border: 2px solid #016c9a;
    color: #016c9a;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    border-radius: 100%;
}

.testimonial_box img {
    height: 80px;
    width: 80px;
    display: block;
    margin: 0 auto;
    border-radius: 100%;
    border: 3px solid #e3e3e3;
}

.testimonial_box {
    padding: 25px;
    background-color: #fff;
    text-align: center;
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.testimonial_box p {
    font-size: 14px;
    margin-top: 8px;
    line-height: 22px;
}

.testimonial_flex [class*='col-'] {
    margin-bottom: 30px;
}

.client_name {
    font-size: 16px;
    font-weight: 500;
}

.client_desgination {
    font-size: 13px;
    color: #a1a1a1;
}

@keyframes move-forever {
    0% {
        transform: translate3d(-90px, 0, 0);
    }

    100% {
        transform: translate3d(85px, 0, 0);
    }
}


/*Shrinking for mobile*/

@media (max-width: 768px) {
    .waves {
        height: 40px;
        min-height: 40px;
    }
}

/* Waves Animation end*/


.accordion_common button,
.accordion_common button:focus,
.accordion_common button:hover {
    background: transparent;
    color: #222;
    display: flex;
    width: 100% !important;
    /* width: max-content !important; */
    justify-content: space-between;
    border: 0;
    font-size: 16px;
    text-decoration: none;
}

.accordion_common button:active,
.accordion_common button:not(.collapsed) {
    color: #016c9a !important;
    background-color: transparent !important;
    width: 100% !important;
}

.accordion_common .card-header {
    padding: 0;
}

.accordion_common .card-body p {
    font-size: 14px;
}

.accordion_common .card {
    margin-bottom: 15px;
}

.bannerVideoProduction {
    height: 500px;
    display: flex;
    align-items: center;
    position: relative;
}

.bannerVideoProduction .parallax-container {
    background-position: center !important;
}

.bannerVideoProduction h1 {
    font-size: 45px;
    color: #fff;
    font-weight: 600;
}

.bannerVideoProduction:before {
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    background: #00000080;
}


.sectionDark {
    background: #000;
}

.sectionDark p {
    color: #b9b9b9;
}

.sectionDark img {
    border-radius: 10px;
    width: 100%;
}

.serviceCard {
    padding: 15px;
    text-align: center;
    display: flex;
    flex-direction: column;
}

.serviceCard h4 {
    font-size: 18px;
    color: #e8e8e8;
}

.serviceCard p {
    font-size: 14px;
}

.serviceCard.active {
    background: #d9d91e;
    border-radius: 10px;
}

.serviceCard.active h4,
.serviceCard.active p {
    color: #000;
}

.sectionDark h2 {
    color: #d2d2d2;
}

.filmProdCards {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 15px;
    border-radius: 10px;
    background: #141414;
    margin-top: 20px;
    height: 100%;
}

.filmProdCards h3 {
    font-size: 20px;
    color: #e8e8e8;
}

.filmProdCards p {
    font-size: 14px;
}

.filmProdCards img {
    max-width: 40px;
    margin-bottom: 12px;
}


.cardBranding {
    display: flex;
    flex-direction: column;
    /* justify-content: center; */
    align-items: center;
    text-align: center;
    padding: 15px;
    border-radius: 10px;
    /* background-color: #016c9a7a; */
    margin-top: 20px;
    height: 350px;
    box-shadow: rgba(17, 17, 26, 0.05) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 0px 8px;
}

.cardBranding h4 {
    font-size: 18px;
    color: #222;
}

.cardBranding p {
    font-size: 14px;
}

.cardBranding img {
    max-width: 50px;
    margin-bottom: 15px;
}


@media(min-width: 992px) {
    .footer_mobile_bar {
        display: none;
    }
}

@media(max-width: 992px) {
    .num_box {
        position: fixed;
        bottom: 0;
        width: 100%;
        background: #fff;
        padding: 14px;
        left: 0;
        display: none;
    }

    .num_box>a {
        margin-bottom: 0;
    }

    #whatsapp-chat-widget #wa-widget-send-button {
        bottom: 65px !important;
        display: none;
    }

    .list_flex_box {
        flex-direction: column;
        gap: 0;
    }

    .bg-right {
        background-size: 900px;
        background-position: 77% 50%;
        background-image: linear-gradient(to right, #fafafa36, #f1f1f1e8), url(../images/travel-portal-company-feture.jpg);
    }
}

@media(max-width: 768px) {
    .cycle_box .number {
        font-size: 16px;
        flex: 0 0 30px;
        height: 30px;
    }

    .cycle_box p {
        font-size: 14px;
    }

    .cycle_flex {
        flex-direction: column;
    }

    .cycle_box {
        width: 76%;
        margin: 0 auto 16px;
    }

    .offer_content img {
        height: 300px;
    }

    .close_offer {
        right: -12px;
        top: -18px;
    }

    .background_shape_custom:before {
        height: 38%;
        top: auto;
        bottom: 14px;
    }

    .background_shape_custom .video_outer {
        margin-top: 50px;
    }

    .background_shape_custom h2 {
        line-height: 32px;
    }

    .background_shape_custom p {
        text-align: justify;
    }
}


@media(max-width: 420px) {
    .background_shape_custom:before {
        height: 32%;
    }
}

@media(max-width: 380px) {
    .background_shape_custom:before {
        height: 30%;
    }
}


.fileUploadWrap {
    padding-top: 10px;
    position: relative;
    margin-bottom: 20px;
    border: 1px dashed;
    border-radius: 6px;
}
 
.fileUploadWrap img {
    position: absolute;
    cursor: pointer;
    pointer-events: none;
    width: 44px;
    top: 50%;
    transform: translatey(-50%);
    left: 6px;
}

.fileUploadWrap .fileName {
    position: absolute;
    left: 68px;
    top: 15px;
    pointer-events: none;
    margin-bottom: 0;
}

.fileUploadWrap input[type=file] {
    margin-left: -25px;
    opacity: 0;
}


.careerForm {
    padding: 20px;
    background: #f6f6f6;
    border-radius: 10px;
}

.careerForm h2 {
    font-size: 24px;
    text-align: center;
    line-height: 26px;
    font-weight: 600;
}

.careerForm p { font-size: 14px; text-align: center; margin-bottom: 28px;}
.careerForm .btn-style { width: 100%; height: 48px; font-size: 18px; background: #5eb300; border-color: #5eb300;}
.careerForm .btn-style:hover { background: #54960b;}
.cardAppFetures { padding: 90px 35px 70px; background: #f3dddd47; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; min-height: 400px; margin-bottom: 25px; clip-path: polygon(0 10%, 100% 0, 100% 90%, 0% 100%);}
.cardAppFetures img { width: 80px; margin-bottom: 20px;}

/* whatsapp css */
.whatsapp-button{  position: fixed; bottom: 15px;  left: 20px;  padding: 12px 20px 12px 60px;  background: #5eb300;  color: #ffff;  border-radius: 15px 26px 9px; z-index: 1111;}
.wa-widget-send-button { position: fixed; z-index: 16000160; bottom: 21px; height: 57px; width: 57px; border-radius: 50%; background-color: #5eb300; left: 18px; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: all .3s; animation: jump 0.3s infinite;}
.wa-widget-send-button .wh-svg-icon { fill: #ffffff; width: 55px;}
.whatsapp-button a{ color: #fff;}
.whatsapp-button a:hover{ color: #fff;}

/* enquiry css */
.enquiry-button{  position: fixed; bottom: 15px;  right: 20px;  padding: 12px 20px 12px 60px;  background-color: #a5042c; color: #ffff;  border-radius: 15px 26px 9px; z-index: 1111;}
.send-enquiry-button { position: fixed; z-index: 16000160; bottom: 16px; height: 68px; width: 68px; border-radius: 50%; background-color: #a5042c; right: 140px; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: all .3s; animation: jump 0.3s infinite;}
.enquiry-button a{ text-decoration: none; color: #fff;}
.enquiry-button a:hover{ color: #fff;}
.send-enquiry-button i{ color: #fff; font-size: 32px;}

/* testimonial css */
.sliderbox{  display: grid; place-items: center; }
main { display: flex; flex-direction: column; align-items: center; gap: 2rem; overflow: hidden; }
.slider { width: 50%; height: 300px; list-style-type: none;display: flex; transition: transform 1.25s;}
.item { position: relative; min-width: 100%; height: inherit; display: flex; align-items: center;}
.item .testimonial { width: 95%; padding: 3rem 15rem 2rem 2rem; background-color: #fff; color: #525252; border-radius: 0.75rem; opacity: 0;  transform: translateX(125px);}
.item p {transform: translateY(20px); opacity: 0; margin-bottom: 0px !important;}
.item  p:nth-of-type(1) {font-size: 0.9rem;}
.item p:nth-of-type(2) { font-style: italic; font-weight: 400; margin-top: 1rem; font-size: 0.9rem; color: #565656; }
.item  p:nth-of-type(3) { color: #838181; font-size: .8rem; padding-top: .2rem;}
.item .image { position: absolute; right: 0; z-index: 10; width: 250px; aspect-ratio: 1; border-radius: 50%; object-fit: cover; transform: translateX(-25rem); }
.animation .image { animation: image 1.25s ease-out forwards;}
.animation .testimonial { animation: testimonial 1s ease-out forwards;}
.animation .testimonial p:nth-of-type(1) {  animation: content 1s forwards 0.75s;}
.animation .testimonial p:nth-of-type(2) { animation: content 1s forwards 1s;}
.animation .testimonial p:nth-of-type(3) { animation: content 1s forwards 1.25s;}

.testimonial span.stars i{ color: #ffbf00 !important; font-size: 1rem !important;} 

@keyframes image {
    100% { transform: translateX(0);} 
}
@keyframes testimonial {
    50% { opacity: 1; }
    100% { opacity: 1; transform: translateX(0); }
}
@keyframes content {
    100% { opacity: 1; transform: translateY(0); }
}
.sliderbox nav .btns { width: 0.75rem; height: 0.75rem; border-radius: 1rem; border: none; background-color: var(--btn); cursor: pointer; margin: 0 0.1rem; transition: width 0.3s;}
.sliderbox nav .btns.active{ background-color: #0000008f;}
.expand { width: 1.75rem; }


.icon-box img{ border-radius: 10px;}
.heading-text h2 span.heading-color{ background: linear-gradient(#5eb300, #016c9a); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
/* .heading-text h2 span.heading-color{position: relative; }
.heading-text h2 span.heading-color::before{position: absolute; content: ""; bottom: 0; transform: translate(-50%, -50%); left: 50%; width: 25rem; height: 2px; background: linear-gradient( to right, #5eb300, #016c9a); transition: .3s ease-in-out;} */
.heading-text h2{position: relative; }
.heading-text h2::before{position: absolute; content: ""; bottom: 0; transform: translate(-50%, -50%); left: 50%; width: 24rem; height: 2px; background: linear-gradient( to right, #5eb300, #016c9a); transition: .3s ease-in-out;}
.heading-text h2 span.heading-color::after{position: absolute; content: ""; bottom: -5px; transform: translate(-50%, -50%); left: 50%; width: 18rem; height: 2px; background: linear-gradient( to left, #5eb300, #016c9a); transition: .3s ease-in-out;}

.heading-text h2.underline::before{position: absolute; content: ""; bottom: 0; transform: translate(-50%, -50%); left: 50%; width: 35rem; height: 2px; background: linear-gradient( to right, #5eb300, #016c9a); transition: .3s ease-in-out;}
.heading-text h2.underline::after{position: absolute; content: ""; bottom: -5px; transform: translate(-50%, -50%); left: 50%; width: 25rem; height: 2px; background: linear-gradient( to left, #5eb300, #016c9a); transition: .3s ease-in-out;}

.heading-text h2.underline2::before{position: absolute; content: ""; bottom: 0; transform: translate(-50%, -50%); left: 50%; width: 12rem; height: 2px; background: linear-gradient( to right, #5eb300, #016c9a); transition: .3s ease-in-out;}
.heading-text h2.underline2::after{position: absolute; content: ""; bottom: -5px; transform: translate(-50%, -50%); left: 50%; width: 8rem; height: 2px; background: linear-gradient( to left, #5eb300, #016c9a); transition: .3s ease-in-out;}

.heading-text h2.underline3::before{position: absolute; content: ""; bottom: 0; transform: translate(-50%, -50%); left: 50%; width: 24rem; height: 2px; background: linear-gradient( to right, #5eb300, #016c9a); transition: .3s ease-in-out;}
.heading-text h2.underline3::after{position: absolute; content: ""; bottom: -5px; transform: translate(-50%, -50%); left: 50%; width: 18rem; height: 2px; background: linear-gradient( to left, #5eb300, #016c9a); transition: .3s ease-in-out;}

.heading-text h2.underline4::before{position: absolute; content: ""; bottom: 0; transform: translate(-50%, -50%); left: 50%; width: 31rem; height: 2px; background: linear-gradient( to right, #5eb300, #016c9a); transition: .3s ease-in-out;}
.heading-text h2.underline4 span.heading-color::after{position: absolute; content: ""; bottom: -5px; transform: translate(-50%, -50%); left: 50%; width: 24rem; height: 2px; background: linear-gradient( to left, #5eb300, #016c9a); transition: .3s ease-in-out;}

.heading-text.heading-gradient h2::before{background: transparent;}


/* color: #de3426; */
.crm-box .container-fluid{ padding: 0 !important;}
.crm-box{ width: 100%; height: max-content; padding: 0 !important; margin-top: 50px;}
.crm-box-content{background-color: #016c9a; padding-top: 5rem; padding-left: 2rem;}
.crm-box h2{ color: #fff; font-weight: 600; font-size: 2.5rem; line-height: 3rem; padding: 0 1rem;}
.rocket{ margin-left: 1rem;}
.crm-box p{ color: #fff; padding: 1rem;}
.crm-box ul{ list-style: none; color: #fff; line-height: 2rem; padding: 0 1rem 2rem 1rem; }
.crm-box ul li i{ color: #5eb300; padding-right: 1rem;}
.crm-box-content a.crm-btn{ background-color: #5eb300; padding: 10px 28px; box-shadow: 3px 3px 3px #ffffff29, -3px -3px 3px #016c9a; border-radius: 10px; margin-left: 20rem;}
.crm-box a{ color: #fff; font-weight: 600;}
.crm-box a:hover{ color: #000;}
.crm-btn:hover{box-shadow: inset 3px 3px 3px #016c9a4f, -3px -3px 3px #ffffff29;}
.crm-box-images img{width: 100%; height: 100%;}
.crm-box-images{background-color: #f6f6f6; width: 700px; height: 700px; padding: 3rem 1rem;}
.whywe{ background: url("../images/background-img1.jpg"); background-repeat: no-repeat; background-size: cover; } 
.whywe .heading-text.heading-section>h2:before { content: ""; position: absolute; height: 2px; width: 100px; background-color: #2250fc; bottom: -30px; left: 47%; right: 0}

.company-features{ background-color: #343434; padding: 1rem; border-radius: 10px; box-shadow: 2px 2px 2px #2c2b2ba3, -2px -2px 2px #463e3ef5; margin-bottom: .5rem;}
.company-features:hover{ box-shadow: inset 2px 2px 2px #615c5c2b, -2px -2px 2px #373535; }
.company-features p{font-size: 1em !important; color: #fff !important;}
.company-features .icon{margin-bottom: 12px !important;}
.btncont{ position: relative;}
#mainMenu nav>ul>li>a>i#phone-arrow{position: absolute; bottom: 14px !important; right: -4.2rem !important; z-index: 111;}
.dropdown-heading{background-color: #016c9a; padding: 0 !important;}
.dropdown-heading a{ text-decoration: none; color: #fff !important;}
.dropdown-heading a:hover{color: #fff !important;}
#mainMenu nav>ul>li.mega-menu-item>.dropdown-menu.dropdown-menu5{ width: 300px;}
#mainMenu nav>ul>li.mega-menu-item>.dropdown-menu.dropdown-menu5 li img{ margin-right: .9rem;}
.hireme{position: absolute; left: 20rem;}
.hireme a{ color: #fff ; font-size: .8rem}
.hireme a:focus, .hireme a:hover, .hireme a:link{text-decoration: none;}
.hire{ display: inline-block; text-decoration: none;  background-color: #ff3366; color: #fff; border: none; outline: none; box-shadow: 0 1em 3em -1.25em rgba(0,0,0,0.3); padding: .5em .9em; text-transform: uppercase; font-weight: 700; letter-spacing: 1px; position: relative;   overflow: hidden;
 border-radius: 5px;} 
.shine{  position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; transform: skew(30deg) translateX(-120%);background-color: rgba(255,255,255,0.3); animation: shine 2s ease infinite;} 
@keyframes shine{
    0%{ transform: skew(30deg) translateX(-120%);}
    30%{ transform: skew(30deg) translateX(120%); }  
    100%{ transform: skew(30deg) translateX(120%);}
}
#container {height: 65vh; width: 93vw; margin: 0; padding: 0; display: grid ; place-items: center; }
#slider-container { height: 500px; width: 90vw; max-width: 1400px; position: relative; overflow: hidden; padding: 20px 0px;}
#slider-container .btn11 { position: absolute; height: 30px; width: 30px; border-radius: 50%; background-color: #dedede; bottom: 4rem; padding: .2rem;}
#slider-container .btn11 i{ color: #222;}
#slider-container .btn11:hover{background-color: #044d6c;}
#slider-container .btn11:hover i {color: #fff;}
#slider-container .btn11:hover {transform: scale(1.2);}
#slider-container .btn11.inactive { border-color: rgb(153, 121, 126)} 
#slider-container .btn11:first-of-type { right: 5rem;}
#slider-container .btn11:last-of-type { right: 2rem; background-color: #044d6c; }
#slider-container .btn11:last-of-type i {color: #fff;}
#slider-container #sliders {display: flex; width: 995%; height: max-content;  transition: all .5s;}
#slider-container #sliders .slides { height: 100%; margin: auto 10px; transition: all .5s ease-in-out;}
#slider-container #sliders .slides:hover{ transform: scale(1.05); transition: all .5s ease-in-out;}

@media only screen and (min-width: 1100px) {
#slider-container #sliders .slides { width: calc(2.5% - 20px); }
}
@media only screen and (max-width: 1100px) {
#slider-container #sliders .slides { width: calc(3.3333333% - 20px); }
}
@media only screen and (max-width: 900px) {
#slider-container #slider .slide { width: calc(5% - 20px); }
}
@media only screen and (max-width: 650px) {
#slider-container #sliders .slides { width: calc(10% - 20px); }
}
.side-padding{padding: 40px;}
.service_section .text-box a{ display: flex;  align-items: center;}
.circle img{ width: 100%; height: 100%;}
#wave{margin-top: -20px !important;}

.list-icon li{display: flex; justify-content: flex-start; align-items: center;}
.list-icon li .footerList-icon{position: absolute; left: 0.5rem;}
.footerlist-content{padding-left: 2rem;}
.widget.widget-contact-us .contact-logo{text-align: center;}
.content .grid{background-color: #fff;}
.widget.widget-contact-us{background-color: #01449c; padding: 2rem 0; border-radius: 20px;}
.widget.widget-contact-us::before{content: ""; position: absolute; width: 15rem; height: 15rem; border-radius: 50%; background-color: #ffffff24; top: -38px; left: -33px; animation: spin 2.5s linear infinite;}
@keyframes spin{ 
    0%{top: -38px;}
    60%{top: -8px;}
    100%{top: -38px;}
}
.widget-contact ul li .footerlist-content{font-size:20px; margin-left:0px !important; color:#fff; font-weight: 600;}
.widget-contact ul li .footerlist-content1{font-size:14px; margin-left:0px !important; color:#fff; font-weight: 500;}
.widget-contact-details{display: flex; justify-content: space-around;}
.widget-contact{ padding: .5rem; width: 23rem; height: max-content;}
.widget-contact h5{ color: #fff;}
.widget-contact h6{ font-size: 18px; color: #ccc;}
.list-icon li .footerList-icon1 i, .list-icon li .footerList-icon i{color: #fff; margin-left: 28px;}
.list-icon li .footerList-icon1{position: absolute; top: 18rem; right: 21rem;}
.footerlist-content1{padding-left: 2rem;}
.slash{font-size: 14px; font-weight: 400; padding-left: .5rem; display: none;}
.heading-text.heading-section>h2.heading-white{color: #fff !important;}
.section-heading.center-holder p{ color: #fff !important;}

.emi-img{margin: 0 12rem;}



.imagesBox{position: relative; overflow: hidden; width: 100%; display: block; border: 2px solid #dedede; border-radius: 2rem;}
.imagesBox .image{width: 100% !important;  display: none; transition: all 0.3s ease-in-out;}
.imagesBox .image.active{ display: block;  transition: all 0.3s ease-in-out; width: 100% !important;}
.arrows .rightIcon{position: absolute; bottom: 20rem; right: 6rem; background: #044d6c; padding: 2px 4px; border-radius: 50px;  width: 30px; height: 30px;}
.arrows .leftIcon{position: absolute; bottom: 20rem; left: 6rem; padding: 2px 4px; background: #044d6c; border-radius: 50px; width: 30px; height: 30px;}
.arrows .leftIcon:hover{ background: #044d6c; border-radius: 50px; color: #fff;}
.tour-cardBody{background: #016c9a0d; padding: .8rem; border-radius: 1rem; height: 30rem; margin: 1rem 0 2rem; box-shadow: 3px 3px 2px rgba(0,0,0,.3);}
.tour-cardBody h5{letter-spacing: -.5px;}
.tour-cardBody p{font-size: 1em !important;}
.tour-cardBody:hover{box-shadow: inset 3px 3px 2px rgba(0,0,0,.3);}

.tour-card{background: #016c9a1c; padding: 1.3rem .8rem; border-radius: 1rem 3.5rem; height: 15rem; margin: 1rem 0 2rem; box-shadow: 3px 3px 2px rgba(0,0,0,.3);}
.tour-card h5{letter-spacing: -.5px;}
.tour-card p{font-size: 1em !important;}


@media (max-width: 320px){
    .whatsapp-button{display: none;}
    .enquiry-button{display: none; }
    .crm-box-images img{width: 100%; height: 100%;}
    .container_hd{ display: block; padding: 10px !important;}
    .hireme{position: absolute; left: 13rem; top: 1.7rem;}
    .waves{display: none;}
    #header #mainMenu-trigger{right: 10px;}
    .crm-box-content { padding-bottom: 3rem; }
    .crm-box-images {height: 425px;}
    .heading-text.heading-section>h2 { font-size: 33px; line-height: 42px;}
    .readmore_container h1 span{ font-size: 2rem;}
    .item .image { position: absolute; bottom:-31px; right: 0; width: 110px; height: 110px; transform: translateX(-13rem);}
    .item .testimonial{width: 98%; padding: 1rem 0rem 1rem 2rem;}
    .slider{ width: 40%; height: max-content;}
    .enquiry-button{ bottom: 64px; padding: 10px 12px 10px 45px; }
    .send-enquiry-button { bottom: 65px; height: 55px; width: 55px; right: 121px; }
    .call-to-action h3 { margin-top: -73px; font-size: 28px;}
    #header .header-inner #logo a>img {height: 50px;}
    /* .hire{ position: absolute; top: .2rem; right: -1rem; text-align: center;} */
    #container{height: 65vh;}
    .crm-box-content a.crm-btn{ margin-left: 7rem !important;}
    #wave{margin-top: -1px !important;}
    .widget-contact-details{display: flex; flex-wrap: wrap !important;}
    .widget-contact{width: 100%; padding: 0.5rem;}
    .widget-contact ul li .footerlist-content a {font-size:16px; line-height: 25px; padding-left: 1rem;}
    .widget-contact ul li .footerlist-content1 {font-size:15px; line-height: 25px;}
    .list-icon li .footerList-icon1{position: absolute; top: 40.8rem; left: 6px;}
    .list-icon li:before {margin-left: -18px;}
    #mainMenu nav>ul>li>a>i{display: none;}
    #footer .copyright-content{margin-bottom: 4.5rem;}
    .our_client_based_in{padding: 40px 0 !important;}
    h2.heading-main{font-size: 1.5rem;}
    .lead {font-size: 1rem;}
    .fullscreen>.container-fluid{height: 420px;}
    #particles-js {height: 575px;}
    .background_shape_custom h1 {line-height: 33px;}
    .list-icon li{margin-left: 20px;}
    .widget-contact h6 { padding-left: 1rem;}
    .imagesBox{border-radius: 1rem;}
    .arrows .rightIcon{bottom: 7rem; right: 0rem; width: 25px; height: 25px;}
    .arrows .leftIcon{bottom: 7rem; left: 0rem; width: 25px; height: 25px;}
    .tour-cardBody{height: max-content;}
    .tour-card{height: max-content;}

    .countrybx{column-gap: 7px !important;}
    .gallery-item-2{ width: 268px !important;}
    .gallery-item-2 .gallery-content { padding: 2rem 1rem !important;}
    .gallery-controls-previous::before{left: 15rem !important; padding: 5px !important; top: -2rem !important;}
    .gallery-controls-next::before{padding: 5px !important; right: -2rem !important; top: -1.19rem !important;}
    .gallery-heading h2 { font-size: 35px !important;}
    .accord.open .accordHead h6 {font-size: 1.1rem !important; line-height: 22px;}
    .accord .accordHead h6 { font-size: 1.1rem !important; line-height: 22px;}
    .company-features .icon img{width: 70%;}
    .company-features { padding: 0.5rem; height: 160px;}
    .container-fullscreen .row .col-lg-2, .container-fullscreen .row .col-4{padding-right: 8px !important; padding-left: 0px !important;}
}

@media(min-width: 321px) and (max-width: 346px){
    .whatsapp-button{display: none;}
    .enquiry-button{display: none; }
    .crm-box-images img{width: 100%; height: 100%;}
    .container_hd{ display: block; padding: 10px !important;}
    .hireme{position: absolute; left: 13rem; top: 1.7rem;}
    .waves{display: none;}
    #header #mainMenu-trigger{right: 10px;}
    .crm-box-content { padding-bottom: 3rem; }
    .crm-box-images {height: 425px;}
    .heading-text.heading-section>h2 { font-size: 33px; line-height: 42px;}
    .readmore_container h1 span{ font-size: 2rem;}
    .item .image { position: absolute; bottom:-31px; right: 0; width: 110px; height: 110px; transform: translateX(-15rem);}
    .item .testimonial{width: 98%; padding: 1rem 0rem 1rem 2rem;}
    .slider{ width: 47%; height: max-content;}
    .enquiry-button{ bottom: 64px; padding: 10px 12px 10px 45px; }
    .send-enquiry-button { bottom: 65px; height: 55px; width: 55px; right: 121px; }
    .call-to-action h3 { margin-top: -73px; font-size: 28px;}
    #header .header-inner #logo a>img {height: 50px;}
    /* .hire{ position: absolute; top: .2rem; right: -1rem; text-align: center;} */
    #container{height: 65vh;}
    .crm-box-content a.crm-btn{ margin-left: 8rem !important;}
    #particles-js {height: 918px;}
    #wave{margin-top: -1px !important;}
    .widget-contact-details{display: flex; flex-wrap: wrap !important;}
    .widget-contact{width: 100%; padding: 0.5rem;}
    .widget-contact ul li .footerlist-content a {font-size:16px; line-height: 25px; padding-left: 1rem;}
    .widget-contact ul li .footerlist-content1 {font-size:15px; line-height: 25px;}
    .list-icon li .footerList-icon1{position: absolute; top: 40.8rem; left: 6px;}
    .list-icon li:before {margin-left: -18px;}
    #mainMenu nav>ul>li>a>i{display: none;}
    #footer .copyright-content{margin-bottom: 4.5rem;}
    .our_client_based_in{padding: 30px 0 !important;}
    h2.heading-main{font-size: 1.5rem;}
    .lead {font-size: 1rem;}
    .fullscreen>.container-fluid{height: 420px;}
    #particles-js {height: 575px;}
    .background_shape_custom h1 {line-height: 33px;}
    .list-icon li{margin-left: 20px;}
    .widget-contact h6 { padding-left: 1rem;}
    .imagesBox{border-radius: 1rem;}
    .arrows .rightIcon{bottom: 7rem; right: 0rem; width: 25px; height: 25px;}
    .arrows .leftIcon{bottom: 7rem; left: 0rem; width: 25px; height: 25px;}
    .tour-cardBody{height: max-content;}
    .tour-card{height: max-content;}

    .countrybx{column-gap: 7px !important;}
    .gallery-item-2{ width: 268px !important;}
    .gallery-item-2 .gallery-content { padding: 2rem 1rem !important;}
    .gallery-controls-previous::before{left: 15rem !important; padding: 5px !important; top: -2rem !important;}
    .gallery-controls-next::before{padding: 5px !important; right: -2rem !important; top: -1.19rem !important;}
    .gallery-heading h2 { font-size: 35px !important;}
    .accord.open .accordHead h6 {font-size: 1.1rem !important; line-height: 22px;}
    .accord .accordHead h6 { font-size: 1.1rem !important; line-height: 22px;}
    .company-features .icon img{width: 70%;}
    .company-features { padding: 0.5rem; height: 160px;}
    .container-fullscreen .row .col-lg-2, .container-fullscreen .row .col-4{padding-right: 8px !important; padding-left: 0px !important;}
}

@media(min-width: 347px) and (max-width: 366px){
    .whatsapp-button{display: none;}
    .enquiry-button{display: none; }
    .crm-box-images img{width: 100%; height: 100%;}
    .container_hd{ display: block; padding: 10px !important;}
    .hireme{position: absolute; left: 13rem; top: 1.7rem;}
    .waves{display: none;}
    #header #mainMenu-trigger{right: 10px;}
    .crm-box-content { padding-bottom: 3rem; }
    .crm-box-images {height: 425px;}
    .heading-text.heading-section>h2 { font-size: 33px; line-height: 42px;}
    .readmore_container h1 span{ font-size: 2.2rem;}
    .item .image { position: absolute; bottom:-31px; right: 0; width: 110px; height: 110px; transform: translateX(-15rem);}
    .item .testimonial{width: 98%; padding: 1rem 0rem 1rem 2rem;}
    .slider{ width: 47%; height: max-content;}
    .enquiry-button{ bottom: 64px; padding: 10px 12px 10px 45px; }
    .send-enquiry-button { bottom: 65px; height: 55px; width: 55px; right: 121px; }
    .call-to-action h3 { margin-top: -73px; font-size: 28px;}
    #header .header-inner #logo a>img {height: 50px;}
    /* .hire{ position: absolute; top: .2rem; right: -1rem; text-align: center;} */
    #container{height: 65vh;}
    .crm-box-content a.crm-btn{ margin-left: 10rem !important;}
    #particles-js {height: 575px;}
    #wave{margin-top: -1px !important;}
    .fullscreen>.container-fluid{height: 397px !important;}
    .widget-contact-details{display: flex; flex-wrap: wrap !important;}
    .widget-contact{width: 100%; padding: 0.5rem;}
    .widget-contact ul li .footerlist-content a {font-size:16px; line-height: 25px; padding-left: .5rem;}
    .widget-contact ul li .footerlist-content1 {font-size:15px; line-height: 25px;}
    .list-icon li .footerList-icon1{position: absolute; top: 40.8rem; left: 6px;}
    .list-icon li:before {margin-left: -18px;}
    #mainMenu nav>ul>li>a>i{display: none;}
    #footer .copyright-content{margin-bottom: 4.5rem;}
    .our_client_based_in{padding: 30px 0 !important;}
    .list-icon li{margin-left: 20px;}
    .widget-contact h6 { padding-left: 1rem;}
    h2.heading-main { font-size: 1.5rem;}
    .lead { font-size: 1rem;}
    .imagesBox{border-radius: 1rem;}
    .arrows .rightIcon{bottom: 7rem; right: 0rem; width: 25px; height: 25px;}
    .arrows .leftIcon{bottom: 7rem; left: 0rem; width: 25px; height: 25px;}
    .tour-cardBody{height: max-content;}
    .tour-card{height: max-content;}

    .countrybx{column-gap: 7px !important;}
    .gallery-item-2{ width: 268px !important;}
    .gallery-item-2 .gallery-content { padding: 2rem 1rem !important;}
    .gallery-controls-previous::before{left: 15rem !important; padding: 5px !important; top: -2rem !important;}
    .gallery-controls-next::before{padding: 5px !important; right: -2rem !important; top: -1.19rem !important;}
    .gallery-heading h2 { font-size: 35px !important;}
    .accord.open .accordHead h6 {font-size: 1.1rem !important; line-height: 22px;}
    .accord .accordHead h6 { font-size: 1.1rem !important; line-height: 22px;}
    .company-features .icon img{width: 70%;}
    .company-features { padding: 0.5rem; height: 160px;}
    .container-fullscreen .row .col-lg-2, .container-fullscreen .row .col-4{padding-right: 8px !important; padding-left: 0px !important;}
}

@media(min-width: 367px) and (max-width: 375px){
    .whatsapp-button{display: none;}
    .enquiry-button{display: none; }
    .crm-box-images img{width: 100%; height: 100%;}
    .container_hd{ display: block; padding: 10px 6px !important;}
    .hireme{position: absolute; left: 15rem; top: 1.7rem;}
    .waves{display: none;}
    #header #mainMenu-trigger{right: 10px;}
    .crm-box-content { padding-bottom: 3rem; }
    .crm-box-images {height: 425px;}
    .heading-text.heading-section>h2 { font-size: 33px; line-height: 42px;}
    .readmore_container h1 span{ font-size: 2.2rem;}
    .item .image { position: absolute; bottom:-31px; right: 0; width: 110px; height: 110px; transform: translateX(-15rem);}
    .item .testimonial{width: 98%; padding: 1rem 0rem 1rem 2rem;}
    .slider{ width: 47%; height: max-content;}
    .enquiry-button{ bottom: 64px; padding: 10px 12px 10px 45px; }
    .send-enquiry-button { bottom: 65px; height: 55px; width: 55px; right: 121px; }
    .call-to-action h3 { margin-top: -73px; font-size: 28px;}
    #header .header-inner #logo a>img {height: 58px;}
    /* .hire{ position: absolute; top: .2rem; right: -1rem; text-align: center;} */
    #container{height: 60vh;}
    .cardBranding {height: 280px; }
    #slider-container{height: 446px;}
    .crm-box-content a.crm-btn{ margin-left: 10rem !important;}
    #particles-js {height: 617px;}
    #wave{margin-top: -1px !important;}
    .fullscreen>.container-fluid{height: 630px !important;}
    .widget-contact-details{display: flex; flex-wrap: wrap !important;}
    .widget-contact{width: 100%; padding: 0.5rem;}
    .widget-contact ul li .footerlist-content a {font-size:16px; line-height: 25px; padding-left: .5rem;}
    .widget-contact ul li .footerlist-content1 {font-size:15px; line-height: 25px;}
    .list-icon li .footerList-icon1{position: absolute; top: 40.8rem; left: 6px;}
    .list-icon li:before {margin-left: -18px;}
    #mainMenu nav>ul>li>a>i{display: none;}
    #footer .copyright-content{margin-bottom: 4.5rem;}
    .our_client_based_in{padding: 30px 0 !important;}
    .list-icon li{margin-left: 20px;}
    .widget-contact h6 { padding-left: 1rem;}
    .imagesBox{border-radius: 1rem;}
    .arrows .rightIcon{bottom: 7rem; right: 0rem; width: 25px; height: 25px;}
    .arrows .leftIcon{bottom: 7rem; left: 0rem; width: 25px; height: 25px;}
    .tour-cardBody{height: max-content;}
    .tour-card{height: max-content;}

    .countrybx{column-gap: 7px !important;}
    .gallery-item-2{ width: 268px !important;}
    .gallery-item-2 .gallery-content { padding: 2rem 1rem !important;}
    .gallery-controls-previous::before{left: 15rem !important; padding: 5px !important; top: -2rem !important;}
    .gallery-controls-next::before{padding: 5px !important; right: -2rem !important; top: -1.19rem !important;}
    .gallery-heading h2 { font-size: 35px !important;}
    .accord.open .accordHead h6 {font-size: 1.1rem !important; line-height: 22px;}
    .accord .accordHead h6 { font-size: 1.1rem !important; line-height: 22px;}
    .company-features .icon img{width: 70%;}
    .company-features { padding: 0.5rem; height: 160px;}
    .container-fullscreen .row .col-lg-2, .container-fullscreen .row .col-4{padding-right: 8px !important; padding-left: 0px !important;}
}

@media(min-width: 376px) and (max-width: 405px){
    .whatsapp-button{display: none;}
    .enquiry-button{ display: none;}
    .crm-box-images img{width: 100%; height: 100%;}
    .container_hd{ display: block; padding: 10px 20px;}
    .hireme{position: absolute; left: 18rem; top: 1.7rem;}
    .waves{display: none;}
    #header #mainMenu-trigger{right: 10px;}
    .crm-box-content { padding-bottom: 3rem; }
    .crm-box-images {height: 425px;}
    .heading-text.heading-section>h2 { font-size: 33px; line-height: 42px;}
    .readmore_container h1 span{ font-size: 2.2rem;}
    .item .image { position: absolute; bottom:-31px; right: 0; width: 110px; height: 110px; transform: translateX(-15rem);}
    .item .testimonial{width: 98%; padding: 1rem 0rem 1rem 2rem;}
    .slider{ width: 47%; height: max-content;}
    .enquiry-button{ bottom: 64px; padding: 10px 12px 10px 45px; }
    .send-enquiry-button { bottom: 65px; height: 55px; width: 55px; right: 121px; }
    .call-to-action h3 { margin-top: -73px; font-size: 28px;}
    /* .hire{ position: absolute; top: .2rem; right: -4rem; text-align: center;} */
    .cardBranding h4{font-size: 16px;}
    .cardBranding p{font-size: 14px;}
    .crm-box-content a.crm-btn{ margin-left: 10rem !important;}
    #particles-js {height: 617px;}
    #container {padding: 2rem 0; height: 60vh !important;}
    .cardBranding {height: 260px; }
    #wave{margin-top: 0px !important;}
    p.lead{font-size: 1.2rem !important;}
    .heading-text.heading-section.after-effect>h2::after{left: -17rem;}
    #slider-container .btn11{bottom: 12rem;}
    .widget-contact-details{display: flex; flex-wrap: wrap !important;}
    .widget-contact{width: 100%; padding: 0.5rem;}
    .widget-contact ul li .footerlist-content a {font-size:16px; line-height: 25px; padding-left: .5rem;}
    .widget-contact ul li .footerlist-content1 {font-size:15px; line-height: 25px;}
    .list-icon li .footerList-icon1{position: absolute; top: 39rem; left: 0rem;}
    .list-icon li:before {margin-left: -18px;}
    #mainMenu nav>ul>li>a>i{display: none;}
    #footer .copyright-content{margin-bottom: 4.5rem;}
    .our_client_based_in{padding: 30px 0 !important;}
    .list-icon li{margin-left: 20px;}
    #mainMenu nav>ul>li>a>i{display: none;}
    #footer .copyright-content{margin-bottom: 4.5rem;}
    .our_client_based_in{padding: 50px 0 !important;}
    .widget-contact h6 { padding-left: 1rem;}
    /* .slash{display: inline-block;} */
    .imagesBox{border-radius: 1rem;}
    .arrows .rightIcon{bottom: 7rem; right: 0rem; width: 25px; height: 25px;}
    .arrows .leftIcon{bottom: 7rem; left: 0rem; width: 25px; height: 25px;}
    .tour-cardBody{height: max-content;}
    .tour-card{height: max-content;}

    #header .header-inner #logo a>img { height: 58px;}
    .list-icon li .footerList-icon1 i, .list-icon li .footerList-icon i {margin-left: 20px;}
    .countrybx{column-gap: 7px !important;}
    .gallery-item-2{ width: 268px !important;}
    .gallery-item-2 .gallery-content { padding: 2rem 1rem !important;}
    .gallery-controls-previous::before{left: 15rem !important; padding: 5px !important; top: -2rem !important;}
    .gallery-controls-next::before{padding: 5px !important; right: -2rem !important; top: -1.19rem !important;}
    .gallery-heading h2 { font-size: 35px !important;}
    .accord.open .accordHead h6 {font-size: 1.1rem !important; line-height: 22px;}
    .accord .accordHead h6 { font-size: 1.1rem !important; line-height: 22px;}
    .company-features .icon img{width: 70%;}
    .company-features { padding: 0.5rem; height: 160px;}
    .container-fullscreen .row .col-lg-2, .container-fullscreen .row .col-4{padding-right: 8px !important; padding-left: 0px !important;}
}

@media(min-width: 406px) and (max-width: 425px){
    .whatsapp-button{display: none;}
    .enquiry-button{ display: none;}
    .crm-box-images img{width: 100%; height: 100%;}
    .container_hd{ display: block; padding: 10px 20px;}
    .hireme{position: absolute; left: 18rem; top: 1.7rem;}
    .waves{display: none;}
    #header #mainMenu-trigger{right: 10px;}
    .crm-box-content { padding-bottom: 3rem; }
    .crm-box-images {height: 425px;}
    .heading-text.heading-section>h2 { font-size: 33px; line-height: 42px;}
    .readmore_container h1 span{ font-size: 2.2rem;}
    .item .image { position: absolute; bottom:-31px; right: 0; width: 110px; height: 110px; transform: translateX(-15rem);}
    .item .testimonial{width: 98%; padding: 1rem 0rem 1rem 2rem;}
    .slider{ width: 47%; height: max-content;}
    .enquiry-button{ bottom: 64px; padding: 10px 12px 10px 45px; }
    .send-enquiry-button { bottom: 65px; height: 55px; width: 55px; right: 121px; }
    .call-to-action h3 { margin-top: -73px; font-size: 28px;}
    /* .hire{ position: absolute; top: .2rem; right: -4rem; text-align: center;} */
    .cardBranding h4{font-size: 16px;}
    .cardBranding p{font-size: 14px;}
    .crm-box-content a.crm-btn{ margin-left: 10rem !important;}
    #particles-js.particles {height: 620px !important;}
    #wave{margin-top: -1px !important;}
    #container {padding: 2rem 0; height: 60vh !important;}
    .cardBranding {height: 260px; }
    .heading-text.heading-section.after-effect>h2::after{left: -17rem;}
    #slider-container .btn11{bottom: 12rem;}
    .widget-contact-details{display: flex; flex-wrap: wrap !important;}
    .widget-contact{width: 100%; padding: 0.5rem;}
    .widget-contact ul li .footerlist-content a {font-size:16px; line-height: 25px; padding-left: .5rem;}
    .widget-contact ul li .footerlist-content1 {font-size:15px; line-height: 25px;}
    .list-icon li .footerList-icon1{position: absolute; top: 37rem; left: 0rem;}
    .list-icon li:before {margin-left: -18px;}
    #mainMenu nav>ul>li>a>i{display: none;}
    #footer .copyright-content{margin-bottom: 4.5rem;}
    .our_client_based_in{padding: 30px 0 !important;}
    .list-icon li{margin-left: 20px;}
    #mainMenu nav>ul>li>a>i{display: none;}
    #footer .copyright-content{margin-bottom: 4.5rem;}
    .our_client_based_in{padding: 50px 0 !important;}
    .widget-contact h6 { padding-left: 1rem;}
    .slash{display: inline-block;}

    .imagesBox{border-radius: 1rem;}
    .arrows .rightIcon{bottom: 8rem; right: 0rem; width: 25px; height: 25px;}
    .arrows .leftIcon{bottom: 8rem; left: 0rem; width: 25px; height: 25px;}
    .tour-cardBody{height: max-content;}
    .tour-card{height: max-content;}

    #header .header-inner #logo a>img { height: 58px;}
    .list-icon li .footerList-icon1 i, .list-icon li .footerList-icon i {margin-left: 20px;}
    .countrybx{column-gap: 7px !important;}
    .gallery-item-2{ width: 268px !important;}
    .gallery-item-2 .gallery-content { padding: 2rem 1rem !important;}
    .gallery-controls-previous::before{left: 15rem !important; padding: 5px !important; top: -2rem !important;}
    .gallery-controls-next::before{padding: 5px !important; right: -2rem !important; top: -1.19rem !important;}
    .gallery-heading h2 { font-size: 35px !important;}
    .accord.open .accordHead h6 {font-size: 1.1rem !important; line-height: 22px;}
    .accord .accordHead h6 { font-size: 1.1rem !important; line-height: 22px;}
    .company-features .icon img{width: 70%;}
    .company-features { padding: 0.5rem; height: 160px;}
    .container-fullscreen .row .col-lg-2, .container-fullscreen .row .col-4{padding-right: 8px !important; padding-left: 0px !important;}
}


@media(min-width:426px) and (max-width: 575px){
    .whatsapp-button{display: none;}
    .enquiry-button{display: none; }
    .crm-box-images img{width: 100%; height: 100%;}
    .slider{width: 28%;}
    .container_hd{ display: flex; flex-wrap: wrap; align-items: self-start;}
    .container_hd #mainMenu .containercng nav>ul>li{ margin-left:0rem !important;}
    .hireme{position: absolute; left: 18rem; top: 1.7rem;}
    .waves{display: none;}
    #header #mainMenu-trigger{right: 10px;}
    .crm-box-content { padding-bottom: 3rem; }
    .crm-box-images {height: 540px;}
    .item .testimonial{width: 79%; padding: 1rem 15rem 1rem 2rem;}
    .heading-text.heading-section>h2 { font-size: 33px; line-height: 42px;}
    .crm-box-content a.crm-btn{margin-left: 17rem;}
    #container {padding: 2rem 0; height: 65vh !important;}
    .cardBranding {height: 250px; }
    .heading-text.heading-section.after-effect>h2::after{left: -17rem;}
    #slider-container .btn11{bottom: 12rem;}
    .widget-contact-details{display: flex; flex-wrap: wrap !important;}
    .widget-contact{width: 100%; padding: 0.5rem;}
    .widget-contact ul li .footerlist-content a {font-size:16px; line-height: 25px; padding-left: .5rem;}
    .widget-contact ul li .footerlist-content1 {font-size:15px; line-height: 25px;}
    .list-icon li .footerList-icon1{position: absolute; top: 36.5rem; left: 0rem;}
    .list-icon li:before {margin-left: -18px;}
    .list-icon li{margin-left: 20px;}
    #mainMenu nav>ul>li>a>i{display: none;}
    .our_client_based_in{padding: 50px 0 !important;}
    .widget-contact h6 { padding-left: 1rem;}
    .slash{display: inline-block;}

    .imagesBox{border-radius: 1rem;}
    .arrows .rightIcon{bottom: 10rem; right: 0rem; width: 25px; height: 25px;}
    .arrows .leftIcon{bottom: 10rem; left: 0rem; width: 25px; height: 25px;}
    .tour-cardBody{height: max-content;}
    .tour-card{height: max-content;}
    .container-fullscreen .text-middle h1.text-medium{font-size: 42px !important;}
    .container-fullscreen .text-middle h2.api-head{font-size: 1.2rem;line-height: 28px; padding-bottom: 0 !important;}
    .container-fullscreen .text-middle .breadcrumb{padding: 0 !important;}

    .item .image {transform: translateX(-20rem);}
    #particles-js { height: 660px;}
    #header .header-inner #logo a>img { height: 58px;}
    .list-icon li .footerList-icon1 i, .list-icon li .footerList-icon i {margin-left: 20px;}
    .countrybx{column-gap: 7px !important;}
    .gallery-item-2{ width: 268px !important;}
    .gallery-item-2 .gallery-content { padding: 2rem 1rem !important;}
    .gallery-item-3, .gallery-item-4 {left: 65% !important;}
    .gallery-item-1, .gallery-item-3 {width: 320px !important;}
    .gallery-item-1 {left: 36% !important;}
    .gallery-controls-previous::before{left: -12rem !important; padding: 5px !important;}
    .gallery-controls-next::before{padding: 5px !important; right: -12rem !important; }
    .gallery-heading h2 { font-size: 35px !important;}
    .accord.open .accordHead h6 {font-size: 1.1rem !important; line-height: 22px;}
    .accord .accordHead h6 { font-size: 1.1rem !important; line-height: 22px;}
    .company-features .icon img{width: 70%;}
    /* .company-features { padding: 0.5rem; height: 160px;} */
    /* .container-fullscreen .row .col-lg-2, .container-fullscreen .row .col-4{padding-right: 8px !important; padding-left: 0px !important;} */
}

@media(min-width:576px) and (max-width: 759px){
    .whatsapp-button{display: none;}
    .enquiry-button{display: none; }
    .crm-box-images img{width: 100%; height: 100%;}
    .slider{width: 35%;}
    .container_hd{ display: flex; justify-content: space-between; align-items: self-start;}
    .container_hd #mainMenu .containercng nav>ul>li{ margin-left: 11rem !important;}
    .hireme{position: absolute; left: 18rem; top: 1.7rem;}
    .waves{display: none;}
    #header #mainMenu-trigger{right: 10px;}
    .crm-box-content { padding-bottom: 3rem; }
    /* .crm-box-images {height: 540px;} */
    .item .testimonial{width: 79%; padding: 1rem 15rem 1rem 2rem;}
    .heading-text.heading-section>h2 { font-size: 33px; line-height: 42px;}
    .crm-box-content a.crm-btn{margin-left: 25rem;}
    #container {padding: 2rem 0; height: 98vh !important;}
    .cardBranding {height: 400px; }
    .heading-text.heading-section.after-effect>h2::after{left: -17rem;}
    #slider-container .btn11{bottom: 2rem;}
    .widget-contact-details{display: flex; flex-wrap: wrap !important;}
    .widget-contact{width: 100%; padding: 0.5rem;}
    .widget-contact ul li .footerlist-content a {font-size:16px; line-height: 25px; padding-left: .5rem;}
    .widget-contact ul li .footerlist-content1 {font-size:15px; line-height: 25px;}
    .list-icon li .footerList-icon1{position: absolute; top: 40.8rem; left: 0rem;}
    .list-icon li:before {margin-left: -18px;}
    .list-icon li{margin-left: 20px;}
    #mainMenu nav>ul>li>a>i{display: none;}
    #wave{margin-top: -1px !important;}
    #particles-js {height: 500px;}
    .fullscreen>.container-fluid{height: 380px !important;}
    .our_client_based_in{padding: 50px 0 !important;}
    .widget-contact h6 { padding-left: 1rem;}

    .imagesBox{border-radius: 1rem;}
    .arrows .rightIcon{bottom: 10rem; right: 0rem; width: 25px; height: 25px;}
    .arrows .leftIcon{bottom: 10rem; left: 0rem; width: 25px; height: 25px;}
    .tour-cardBody{height: max-content;}
    .tour-card{height: max-content;}
    .container-fullscreen .text-middle h1.text-medium{font-size: 42px !important;}
    .container-fullscreen .text-middle h2.api-head{font-size: 1.2rem;line-height: 28px; padding-bottom: 0 !important;}
    .container-fullscreen .text-middle .breadcrumb{padding: 0 !important;}

    
    .item .image {transform: translateX(-20rem);}
    #particles-js { height: 710px;}
    #header .header-inner #logo a>img { height: 58px;}
    .list-icon li .footerList-icon1 i, .list-icon li .footerList-icon i {margin-left: 20px;}
    .countrybx{column-gap: 7px !important;}
    .gallery-item-2{ width: 268px !important;}
    .gallery-item-2 .gallery-content { padding: 2rem 1rem !important;}
    .gallery-item-3, .gallery-item-4 {left: 65% !important;}
    .gallery-item-1, .gallery-item-3 {width: 320px !important;}
    .gallery-item-1 {left: 36% !important;}
    .gallery-controls-previous::before{left: -15rem !important; padding: 5px !important;}
    .gallery-controls-next::before{padding: 5px !important; right: -15rem !important; }
    .gallery-heading h2 { font-size: 35px !important;}
    .accord.open .accordHead h6 {font-size: 1.1rem !important; line-height: 22px;}
    .accord .accordHead h6 { font-size: 1.1rem !important; line-height: 22px;}
    .company-features .icon img{width: 70%;}
}
@media(min-width:760px) and (max-width: 768px){
    .whatsapp-button{display: none;}
    .enquiry-button{display: none; }
    .crm-box-images img{width: 100%; height: 100%;}
    .slider{width: 35%;}
    .container_hd{ display: flex; justify-content: space-between; align-items: self-start;}
    .container_hd #mainMenu .containercng nav>ul>li{ margin-left: 11rem !important;}
    .hireme{position: absolute; left: 18rem; top: 1.7rem;}
    .waves{display: none;}
    #header #mainMenu-trigger{right: 10px;}
    .crm-box-content { padding-bottom: 3rem; }
    /* .crm-box-images {height: 425px;} */
    .item .testimonial{width: 79%; padding: 1rem 15rem 1rem 2rem;}
    .heading-text.heading-section>h2 { font-size: 33px; line-height: 42px;}
    .crm-box-content a.crm-btn{margin-left: 9rem;}
    
    #container {padding: 2rem 0; height: 98vh !important;}
    .cardBranding {height: 400px; }
    .heading-text.heading-section.after-effect>h2::after{left: -17rem;}
    #slider-container .btn11{bottom: 2rem;}
    .widget-contact-details{display: flex; flex-wrap: wrap !important;}
    .widget-contact{width: 100%; padding: 0.5rem;}
    .widget-contact ul li .footerlist-content a {font-size:14px; line-height: 25px; padding-left: .3rem;}
    .widget-contact ul li .footerlist-content1 {font-size:14px; line-height: 25px;}
    .list-icon li .footerList-icon1{position: absolute; top: 40.8rem; left: 0rem;}
    .list-icon li:before {margin-left: -18px;}
    .list-icon li{margin-left: 20px;}
    #mainMenu nav>ul>li>a>i{display: none;}
    #wave{margin-top: -1px !important;}
    #particles-js {height: 500px;}
    .fullscreen>.container-fluid{height: 380px !important;}
    .our_client_based_in{padding: 50px 0 !important;}
    .widget-contact h6 { padding-left: 1rem;}
    .imagesBox{border-radius: 1rem;}
    .arrows .rightIcon{bottom: 14rem; right: 0rem; width: 25px; height: 25px;}
    .arrows .leftIcon{bottom: 14rem; left: 0rem; width: 25px; height: 25px;}
    .tour-cardBody{height: max-content;}
    .tour-card{height: max-content;}
    .container-fullscreen .text-middle h1.text-medium{font-size: 42px !important;}
    .container-fullscreen .text-middle h2.api-head{font-size: 1.2rem;line-height: 28px; padding-bottom: 0 !important;}
    .container-fullscreen .text-middle .breadcrumb{padding: 0 !important;}

    .item .image {transform: translateX(-20rem);}
    #particles-js { height: 725px;}
    #header .header-inner #logo a>img { height: 58px;}
    .list-icon li .footerList-icon1 i, .list-icon li .footerList-icon i {margin-left: 20px;}
    .countrybx{column-gap: 7px !important;}
    .gallery-item-2{ width: 268px !important;}
    .gallery-item-2 .gallery-content { padding: 2rem 1rem !important;}
    .gallery-item-3, .gallery-item-4 {left: 65% !important;}
    .gallery-item-1, .gallery-item-3 {width: 320px !important;}
    .gallery-item-1 {left: 36% !important;}
    .gallery-controls-previous::before{left: -15rem !important; padding: 5px !important;}
    .gallery-controls-next::before{padding: 5px !important; right: -15rem !important; }
    .gallery-heading h2 { font-size: 35px !important;}
    .accord.open .accordHead h6 {font-size: 1.1rem !important; line-height: 22px;}
    .accord .accordHead h6 { font-size: 1.1rem !important; line-height: 22px;}
    .company-features .icon img{width: 70%;}
}

@media(min-width:769px) and (max-width: 991px){
    .whatsapp-button{display: none;}
    .enquiry-button{ display: none; }
    .crm-box-images img{width: 480px; height: 401px;}
    .slider{ width: 45%;}
    .container_hd{ display: flex; justify-content: space-between; align-items: self-start;}
    .container_hd #mainMenu .containercng nav>ul>li{ margin-left: 11rem !important;}
    .hireme{position: absolute; left: 16rem; top: 1.7rem;}
    #container {padding: 2rem 0; height: 90vh !important;}
    .cardBranding {height: 400px; }
    .heading-text.heading-section.after-effect>h2::after{left: -17rem;}
    #slider-container .btn11{bottom: 1rem;}
    .crm-box-content a.crm-btn{margin-left: 12rem;}
    .widget-contact-details{display: flex; flex-wrap: wrap !important;}
    .widget-contact{width: 100%; padding: 0;}
    .widget-contact ul li .footerlist-content a {font-size:14px; line-height: 25px; padding-left: .3rem;}
    .widget-contact ul li .footerlist-content1 {font-size:14px; line-height: 25px;}
    .list-icon li .footerList-icon1{position: absolute; top: 36.5rem; left: 0rem;}
    .list-icon li:before {margin-left: -18px;}
    .list-icon li{margin-left: 20px;}
    #mainMenu nav>ul>li>a>i{display: none;}
    #wave{margin-top: -1px !important;}
    /* #particles-js {height: 500px;} */
    .fullscreen>.container-fluid{height: 380px !important;}
    .our_client_based_in{padding: 50px 0 !important;}
    .widget-contact h6 { padding-left: 1rem;}

    .imagesBox{border-radius: 1rem;}
    .arrows .rightIcon{bottom: 16rem; right: 0rem; }
    .arrows .leftIcon{bottom: 16em; left: 0rem; }
    .tour-cardBody{height: max-content;}
    .tour-card{height: max-content;}
    .container-fullscreen .text-middle h1.text-medium{font-size: 42px !important;}
    .container-fullscreen .text-middle h2.api-head{font-size: 1.2rem;line-height: 28px; padding-bottom: 0 !important;}
    .container-fullscreen .text-middle .breadcrumb{padding: 0 !important;}

    .hgt{height: max-content !important;}
    .item .image {transform: translateX(-20rem);}
    #particles-js { height: 500px;}
    #header .header-inner #logo a>img { height: 58px;}
    .list-icon li .footerList-icon1 i, .list-icon li .footerList-icon i {margin-left: 20px;}
    .countrybx{column-gap: 7px !important;}
    .gallery-item-2{ width: 268px !important;}
    .gallery-item-2 .gallery-content { padding: 2rem 1rem !important;}
    .gallery-item-3, .gallery-item-4 {left: 65% !important;}
    .gallery-item-1, .gallery-item-3 {width: 320px !important;}
    .gallery-item-1 {left: 36% !important;}
    .gallery-controls-previous::before{left: -18rem !important; padding: 5px !important;}
    .gallery-controls-next::before{padding: 5px !important; right: -18rem !important; }
    .gallery-heading h2 { font-size: 35px !important;}
    .accord.open .accordHead h6 {font-size: 1.1rem !important; line-height: 22px;}
    .accord .accordHead h6 { font-size: 1.1rem !important; line-height: 22px;}
    .company-features{height: 15.5rem;}
    .company-features .icon img{width: 70%;}

}
@media (min-width:992px) and (max-width:1024px) {
    .whatsapp-button{display: block;}
    .enquiry-button{ bottom: 15px; }
    .send-enquiry-button { bottom: 16px;}
    #mainMenu nav>ul>li.mega-menu-item>.dropdown-menu.dropdown-menu5 {width: 100px !important;}
    #mainMenu nav>ul>li.mega-menu-item>.dropdown-menu {width: 735px !important;}
    #mainMenu nav>ul>li .dropdown-menu.dropdown-menu2, #mainMenu nav>ul>li .dropdown-menu.dropdown-menu3{ left: 18rem !important; }
    #mainMenu nav>ul>li .dropdown-menu.dropdown-menu4{left: auto !important;}
    #mainMenu nav>ul>li .dropdown-menu.dropdown-menu5{ left: auto !important; top: 5rem; }
    .crm-box-images img{width: 100%; height: 100%;}
    .slider{ width: 45%;}
    #header .header-inner #logo a>img{height: 60px;}
    .container_hd{ display: flex; justify-content: space-between; align-items: self-start;}
    /* .container_hd #mainMenu .containercng nav>ul>li{ margin-left: 11rem !important;} */
    .hireme{position: absolute; left: 14rem; top: 1.5rem;}
    #container {padding: 2rem 0; height: 85vh !important;}
    .cardBranding {height: 350px; }
    .heading-text.heading-section.after-effect>h2::after{left: -17rem;}
    #slider-container .btn11{bottom: 5rem;}
    .crm-box-content a.crm-btn{margin-left: 13rem;}
    .widget-contact-details{display: flex; flex-wrap: wrap !important;}
    .widget-contact{width: 100%; padding: 0;}
    .widget-contact ul li .footerlist-content a {font-size:14px; line-height: 25px; padding-left: .3rem;}
    .widget-contact ul li .footerlist-content1 {font-size:14px; line-height: 25px;}
    .list-icon li .footerList-icon1{position: absolute; top: 33rem; left: 0rem;}
    .list-icon li:before {margin-left: -18px;}
    .list-icon li{margin-left: 20px;}
    /* #mainMenu nav>ul>li>a>i{display: none;} */
    #wave{margin-top: -1px !important;}
    #particles-js {height: 500px;}
    .fullscreen>.container-fluid{height: 380px !important;}
    .our_client_based_in{padding: 50px 0 !important;}
    .widget-contact h6 { padding-left: 1rem;}
    .slash{display: inline-block;}

    .imagesBox{border-radius: 1rem;}
    .arrows .rightIcon{bottom: 16rem; right: 0rem; }
    .arrows .leftIcon{bottom: 16em; left: 0rem; }
    .tour-cardBody{height: 42rem;}
    .tour-card{height: 21rem;}
    .container-fullscreen .text-middle h1.text-medium{font-size: 42px !important;}
    .container-fullscreen .text-middle h2.api-head{font-size: 1.2rem;line-height: 28px; padding-bottom: 0 !important;}
    .container-fullscreen .text-middle .breadcrumb{padding: 0 !important;}

    #mainMenu nav>ul>li{margin-left: 0 !important;}
    #mainMenu nav>ul>li>a { padding: 10px 3px; font-size: 14px;}
    #mainMenu{padding-top: 1.5rem;}

    .call-to-action{padding: 46px 95px 34px 0px !important;}
    .hgt{height: 455px !important;}
    .item .image {transform: translateX(-20rem);}
    #particles-js { height: 500px;}
    #header .header-inner #logo a>img { height: 58px;}
    .list-icon li .footerList-icon1 i, .list-icon li .footerList-icon i {margin-left: 20px;}
    .countrybx{column-gap: 7px !important;}
    .gallery-item-2{ width: 268px !important;}
    .gallery-item-2 .gallery-content { padding: 2rem 1rem !important;}
    .gallery-item-3, .gallery-item-4 {left: 65% !important;}
    .gallery-item-1, .gallery-item-3 {width: 320px !important;}
    .gallery-item-1 {left: 36% !important;}
    .gallery-controls-previous::before{left: -18rem !important; padding: 5px !important;}
    .gallery-controls-next::before{padding: 5px !important; right: -18rem !important; }
    .gallery-heading h2 { font-size: 35px !important;}
    .accord.open .accordHead h6 {font-size: 1.1rem !important; line-height: 22px;}
    .accord .accordHead h6 { font-size: 1.1rem !important; line-height: 22px;}
    .company-features{height: 15.5rem;}
    .company-features .icon img{width: 70%;}
}

@media(min-width:1025px) and (max-width: 1100px){
    .whatsapp-button{display: block;}
    .enquiry-button{ bottom: 15px; }
    .send-enquiry-button { bottom: 16px;}
    #mainMenu nav>ul>li.mega-menu-item>.dropdown-menu.dropdown-menu5 {width: 100px !important;}
    #mainMenu nav>ul>li.mega-menu-item>.dropdown-menu {width: 735px !important;}
    #mainMenu nav>ul>li .dropdown-menu.dropdown-menu2, #mainMenu nav>ul>li .dropdown-menu.dropdown-menu3{ left: 21rem !important; }
    #mainMenu nav>ul>li .dropdown-menu.dropdown-menu4{left: auto !important;}
    #mainMenu nav>ul>li .dropdown-menu.dropdown-menu5{ left: auto !important; top: 5rem; }
    .crm-box-images img{width: 100%; height: 100%;}
    #header .header-inner #logo a>img{height: 60px;}
    .container_hd{ display: flex; justify-content: space-between; align-items: center;}
    .container_hd #mainMenu .containercng nav>ul>li{ margin-left: -8px !important;}
    .hireme{position: absolute; left: 15rem; top: 1.7rem;}
    #container {padding: 2rem 0; height: 85vh !important;}
    .cardBranding {height: 350px; }
    .heading-text.heading-section.after-effect>h2::after{left: -17rem;}
    #slider-container .btn11{bottom: 5rem;}
    .crm-box-content a.crm-btn{margin-left: 13rem;}
    .widget-contact-details{display: flex; justify-content: space-between !important;}
    .widget-contact{width: 100%; padding: 0;}
    .widget-contact ul li .footerlist-content a {font-size:14px; line-height: 25px; padding-left: .3rem;}
    .widget-contact ul li .footerlist-content1 {font-size:14px; line-height: 25px;}
    .list-icon li .footerList-icon1{position: absolute; top: 16.8rem; left: 15rem;}
    .list-icon li:before {margin-left: -18px;}
    .list-icon li{margin-left: 20px;}
    /* #mainMenu nav>ul>li>a>i{display: none;} */
    #wave{margin-top: -1px !important;}
    /* #particles-js {height: 500px;} */
    .fullscreen>.container-fluid{height: 380px !important;}
    .our_client_based_in{padding: 50px 0 !important;}
    .widget-contact h6 { padding-left: 1rem;}

    .imagesBox{border-radius: 1rem;}
    .arrows .rightIcon{bottom: 16rem; right: 2rem; }
    .arrows .leftIcon{bottom: 16em; left: 2rem; }
    .tour-cardBody{height: 42rem;}
    .tour-card{height: 21rem;}
    .container-fullscreen .text-middle h1.text-medium{font-size: 42px !important;}
    .container-fullscreen .text-middle h2.api-head{font-size: 1.2rem;line-height: 28px; padding-bottom: 0 !important;}
    .container-fullscreen .text-middle .breadcrumb{padding: 0 !important;}

    .call-to-action{padding: 46px 85px 34px 10px !important;}
    .hgt{height: 480px !important;}
    .item .image {transform: translateX(-20rem);}
    #particles-js { height: 500px;}
    .list-icon li .footerList-icon1 i, .list-icon li .footerList-icon i {margin-left: 20px;}
    .gallery-item-2{ width: 268px !important;}
    .gallery-item-2 .gallery-content { padding: 2rem 1rem !important;}
    .gallery-item-3, .gallery-item-4 {left: 65% !important;}
    .gallery-item-1, .gallery-item-3 {width: 320px !important;}
    .gallery-item-1 {left: 36% !important;}
    .gallery-controls-previous::before{left: -18rem !important; padding: 5px !important;}
    .gallery-controls-next::before{padding: 5px !important; right: -18rem !important; }
}
@media(min-width:1101px) and (max-width: 1200px){
    .whatsapp-button{display: block;}
    .enquiry-button{ bottom: 15px; }
    .send-enquiry-button { bottom: 16px;}
    #mainMenu nav>ul>li.mega-menu-item>.dropdown-menu.dropdown-menu5 {width: 100px !important;}
    #mainMenu nav>ul>li.mega-menu-item>.dropdown-menu {width: 735px !important;}
    #mainMenu nav>ul>li .dropdown-menu.dropdown-menu2, #mainMenu nav>ul>li .dropdown-menu.dropdown-menu3{ left: 26rem !important; }
    #mainMenu nav>ul>li .dropdown-menu.dropdown-menu4{left: auto !important;}
    #mainMenu nav>ul>li .dropdown-menu.dropdown-menu5{ left: auto !important; top: 5rem; }
    .crm-box-images img{width: 100%; height: 100%;}
    .container_hd #mainMenu .containercng nav>ul>li{ margin-left: 0px !important;}
    .hireme{position: absolute; left: 17rem; top: 1.7rem;}
    #slider-container{height: 600px;}
    #container {padding: 2rem 0; height: 88vh !important;}
    .cardBranding {height: 380px; }
    .heading-text.heading-section.after-effect>h2::after{left: -17rem;}
    #slider-container .btn11{bottom: 10rem;}
    .crm-box-content a.crm-btn{margin-left: 13rem;}
    .widget-contact-details{display: flex; justify-content: space-between !important;}
    .widget-contact{width: 100%; padding: 0;}
    .widget-contact ul li .footerlist-content a {font-size:14px; line-height: 25px; padding-left: .3rem;}
    .widget-contact ul li .footerlist-content1 {font-size:14px; line-height: 25px;}
    .list-icon li .footerList-icon1{position: absolute; top: 16.8rem; left: 16rem;}
    .list-icon li:before {margin-left: -18px;}
    .list-icon li{margin-left: 20px;}
    /* #mainMenu nav>ul>li>a>i{display: none;} */
    #wave{margin-top: -1px !important;}
    #particles-js {height: 500px;}
    .fullscreen>.container-fluid{height: 380px !important;}
    .our_client_based_in{padding: 50px 0 !important;}
    .widget-contact h6 { padding-left: 1rem;}
    .imagesBox{border-radius: 1rem;}
    .arrows .rightIcon{bottom: 20rem; right: 1rem; }
    .arrows .leftIcon{bottom: 20em; left: 1rem; }
    .tour-cardBody{height: 35rem;}
    .tour-card{height: 20rem;}
    .container-fullscreen .text-middle h1.text-medium{font-size: 42px !important;}
    .container-fullscreen .text-middle h2.api-head{font-size: 1.2rem;line-height: 28px; padding-bottom: 0 !important;}
    .container-fullscreen .text-middle .breadcrumb{padding: 0 !important;}

    .call-to-action{padding: 46px 85px 34px 10px !important;}
    .hgt{height: 480px !important;}
    .item .image {transform: translateX(-20rem);}
    #particles-js { height: 500px;}
    .list-icon li .footerList-icon1 i, .list-icon li .footerList-icon i {margin-left: 20px;}
    .gallery-item-2{ width: 268px !important;}
    .gallery-item-2 .gallery-content { padding: 2rem 1rem !important;}
    .gallery-item-3, .gallery-item-4 {left: 65% !important;}
    .gallery-item-1, .gallery-item-3 {width: 320px !important;}
    .gallery-item-1 {left: 36% !important;}
    .gallery-controls-previous::before{left: -18rem !important; padding: 5px !important;}
    .gallery-controls-next::before{padding: 5px !important; right: -18rem !important; }
}

@media(min-width:1201px) and (max-width: 1300px){
    .whatsapp-button{display: block;}
    .enquiry-button{ bottom: 15px; }
    .send-enquiry-button { bottom: 16px;}
    #mainMenu nav>ul>li.mega-menu-item>.dropdown-menu.dropdown-menu5 {width: 100px !important;}
    #mainMenu nav>ul>li.mega-menu-item>.dropdown-menu {width: 714px !important;}
    #mainMenu nav>ul>li .dropdown-menu.dropdown-menu2, #mainMenu nav>ul>li .dropdown-menu.dropdown-menu3{ left: 35rem !important; }
    #mainMenu nav>ul>li .dropdown-menu.dropdown-menu4{left: auto !important;}
    #mainMenu nav>ul>li .dropdown-menu.dropdown-menu5{ left: auto !important; top: 5rem; }
    .crm-box-images img{width: 100%; height: 100%;}
    .container_hd #mainMenu .containercng nav>ul>li{ margin-left: 0px !important;}
    .hireme{position: absolute; left: 20rem; top: 1.7rem;}
    #slider-container{height: 600px;}
    #container {padding: 2rem 0; height: 88vh !important;}
    .cardBranding {height: 360px; }
    .heading-text.heading-section.after-effect>h2::after{left: -17rem;}
    #slider-container .btn11{bottom: 10rem;}
    .crm-box-content a.crm-btn{margin-left: 13rem;}
    .widget-contact-details{display: flex; justify-content: space-between !important;}
    .widget-contact{width: 100%; padding: 0;}
    .widget-contact ul li .footerlist-content a {font-size:14px; line-height: 25px; padding-left: .3rem;}
    .widget-contact ul li .footerlist-content1 {font-size:14px; line-height: 25px;}
    .list-icon li .footerList-icon1{position: absolute; top: 16.8rem; left: 17.5rem;}
    .list-icon li:before {margin-left: -18px;}
    .list-icon li{margin-left: 20px;}
    /* #mainMenu nav>ul>li>a>i{display: none;} */
    #wave{margin-top: -1px !important;}
    #particles-js {height: 500px;}
    .fullscreen>.container-fluid{height: 380px !important;}
    .our_client_based_in{padding: 50px 0 !important;}
    .widget-contact h6 { padding-left: 1rem;}
    .container-fullscreen .text-middle h1.text-medium{font-size: 42px !important;}
    .container-fullscreen .text-middle h2.api-head{font-size: 1.5rem;line-height: 28px; padding-bottom: 0 !important;}
    .container-fullscreen .text-middle .breadcrumb{padding: 0 !important;}
}
@media(min-width:1301px) and (max-width: 1400px){
    .whatsapp-button{display: block;}
    .enquiry-button{ bottom: 15px; }
    .send-enquiry-button { bottom: 16px;}
    #mainMenu nav>ul>li.mega-menu-item>.dropdown-menu.dropdown-menu5 {width: 100px !important;}
    #mainMenu nav>ul>li.mega-menu-item>.dropdown-menu {width: 714px !important;}
    #mainMenu nav>ul>li .dropdown-menu.dropdown-menu2, #mainMenu nav>ul>li .dropdown-menu.dropdown-menu3{ left: 41rem !important; }
    #mainMenu nav>ul>li .dropdown-menu.dropdown-menu4{left: auto !important;}
    #mainMenu nav>ul>li .dropdown-menu.dropdown-menu5{ left: auto !important; top: 5rem; }
    .crm-box-images img{width: 100%; height: 100%;}
    .container_hd #mainMenu .containercng nav>ul>li{ margin-left: 0px !important;}
    #slider-container{height: 600px;}
    #container {padding: 2rem 0; height: 65vh !important;}
    .cardBranding {height: 350px; }
    .heading-text.heading-section.after-effect>h2::after{left: -17rem;}
    #slider-container .btn11{bottom: 12rem;}
    .crm-box-content a.crm-btn{margin-left: 13rem;}
    .widget-contact-details{display: flex; justify-content: space-between !important;}
    .widget-contact{width: 100%; padding: 0;}
    .widget-contact ul li .footerlist-content a {font-size:14px; line-height: 25px; padding-left: .3rem;}
    .widget-contact ul li .footerlist-content1 {font-size:14px; line-height: 25px;}
    .list-icon li .footerList-icon{position: absolute; left: -0.5rem;}
    .list-icon li .footerList-icon1{position: absolute; top: 16.8rem; left: 18.5rem;}
    #wave{margin-top: -1px !important;}
    #particles-js {height: 500px;}
    .fullscreen>.container-fluid{height: 380px !important;}
    .our_client_based_in{padding: 50px 0 !important;}
    .widget-contact h6 { padding-left: 1rem;}
    .container-fullscreen .text-middle h1.text-medium{font-size: 42px !important;}
    .container-fullscreen .text-middle h2.api-head{font-size: 1.5rem;line-height: 28px; padding-bottom: 0 !important;}
    .container-fullscreen .text-middle .breadcrumb{padding: 0 !important;}
}
@media(min-width:1401px) and (max-width: 1440px){
    .whatsapp-button{display: block;}
    .enquiry-button{ bottom: 15px; }
    .send-enquiry-button { bottom: 16px;}
    #mainMenu nav>ul>li.mega-menu-item>.dropdown-menu.dropdown-menu5 {width: 100px !important;}
    #mainMenu nav>ul>li.mega-menu-item>.dropdown-menu {width: 714px !important;}
    #mainMenu nav>ul>li .dropdown-menu.dropdown-menu2, #mainMenu nav>ul>li .dropdown-menu.dropdown-menu3{ left: 41rem !important; }
    #mainMenu nav>ul>li .dropdown-menu.dropdown-menu4{left: auto !important;}
    #mainMenu nav>ul>li .dropdown-menu.dropdown-menu5{ left: auto !important; top: 5rem; }
    .crm-box-images img{width: 100%; height: 100%;}
    .container_hd #mainMenu .containercng nav>ul>li{ margin-left: 0px !important;}
    #slider-container{height: 600px;}
    #container {padding: 2rem 0; height: 65vh !important;}
    .cardBranding {height: 350px; }
    .heading-text.heading-section.after-effect>h2::after{left: -17rem;}
    #slider-container .btn11{bottom: 12rem;}
    .crm-box-content a.crm-btn{margin-left: 13rem;}
    .widget-contact-details{display: flex; justify-content: space-between !important;}
    .widget-contact{width: 100%; padding: 0;}
    .widget-contact ul li .footerlist-content a {font-size:14px; line-height: 25px; padding-left: .3rem;}
    .widget-contact ul li .footerlist-content1 {font-size:14px; line-height: 25px;}
    .list-icon li .footerList-icon{position: absolute; left: -0.5rem;}
    .list-icon li .footerList-icon1{position: absolute; top: 16.8rem; left: 18.5rem;}
    #wave{margin-top: -1px !important;}
    #particles-js {height: 500px;}
    .fullscreen>.container-fluid{height: 380px !important;}
    .our_client_based_in{padding: 50px 0 !important;}
    .widget-contact h6 { padding-left: 1rem;}
   
}
@media(min-width:1441px) and (max-width: 1600px){
    .whatsapp-button{display: block;}
    .enquiry-button{ bottom: 15px; }
    .send-enquiry-button { bottom: 16px;}
    .crm-box-images img{width: 100%; height: 100%;}
    #slider-container{height: 600px;}
    #container {padding: 2rem 0; height: 65vh !important;}
    .cardBranding {height: 350px; }
    .widget-contact{text-align: center;}
    #slider-container .btn11{bottom: 12rem;}
    .widget-contact ul li .footerlist-content{font-size:18px; }
    .widget-contact ul li .footerlist-content1{font-size:14px;}
    .list-icon li .footerList-icon1{position: absolute; top: 17.5rem; right: 18rem;}
}
@media(min-width:1601px) and (max-width: 2560px){
    .whatsapp-button{display: block;}
    .enquiry-button{ bottom: 15px; }
    .send-enquiry-button { bottom: 16px;}
    .crm-box-images img{width: 100%; height: 100%;}
    #slider-container{height: 600px;}
    #container {padding: 2rem 0; height: 65vh !important;}
    .cardBranding {height: 350px; }
    #slider-container .btn11{bottom: 12rem;}
    .list-icon li{display: flex; justify-content: flex-start; align-items: center;}
    .widget.widget-contact-us .contact-logo{text-align: center;}
    .widget-contact{text-align: center;}
    .list-icon li .footerList-icon{left: 2.5rem;}
    .widget-contact ul li .footerlist-content{font-size:18px; }
    .widget-contact ul li .footerlist-content1{font-size:14px;}
    .list-icon li .footerList-icon1{position: absolute; top: 17.5rem; right: 18.5rem;}
}






/* gallery slider */

.travel-gallery { padding: 5rem 0 0;}
.gallery-heading h2 { font-weight: 600; font-size: 52px;}
.gallery { width: 100%; padding: 2rem 0;}
.gallery-container { align-items: center; display: flex; height: 430px; margin: 0 auto; max-width: 1000px; position: relative;}
.gallery-item { height: 300px; opacity: 0; position: absolute; transition: all 0.3s ease-in-out; width: 150px; z-index: 0; border-radius: 50px; background-size: contain; background-color: #fff; border: 2px solid #dbd7d7;}
.gallery-item-1 { left: 15%; transform: translateX(-50%); transition: all 0.3s ease-in-out;}
.gallery-item-1, .gallery-item-3 { opacity: 0.4; width: 400px; z-index: 1;}
.gallery-item-2 { left: 50%; opacity: 1; transform: translateX(-50%); transition: all 0.3s ease-in-out; height: 350px; width: 400px; z-index: 2;}
.gallery-item-3,.gallery-item-4 { left: 85%; transform: translateX(-50%); transition: all 0.3s ease-in-out;}
.gallery-controls { display: flex; justify-content: center; margin: 2px 0;}
.gallery-controls button { background-color: transparent; border: 0; cursor: pointer; font-size: 30px; padding: 0 12px; text-transform: capitalize; color: #fff;}
.gallery-controls-button:focus { outline: none;}
.gallery-controls-previous { position: relative;}
.gallery-controls-previous::before { border: 1px solid #0076bc; border-width: 0 5px 5px 0; content: ""; display: inline-block; height: 5px; left: -39rem; padding: 10px; position: absolute; top: -16rem; transform: rotate(135deg) translateY(-50%); width: 5px;}
.gallery-controls-next { position: relative;}
.gallery-controls-next::before { border: 1px solid #0076bc; border-width: 0 5px 5px 0; content: ""; display: inline-block; height: 5px; padding: 10px; right: -39rem; position: absolute; top: -16rem; transform: rotate(-45deg) translateY(-50%); width: 5px;}
.gallery-nav { bottom: -15px; display: flex; justify-content: center; list-style: none; padding: 0; position: absolute; width: 100%;}
.gallery-nav li { background-color: #ccc; border-radius: 50%; height: 10px; margin: 0 16px; width: 10px;}
.gallery-nav li.gallery-item-selected { background: #555;}
.gallery-content { text-align: center; padding: 1rem;}
.gallery-item-2 .gallery-content { padding: 2rem;}
  


.travel-api{height:500px !important; margin-bottom: -480px !important; background-color: #016c9a;}

.bookingApi{box-shadow: 2px 2px 2px rgb(223 205 205 / 50%), -2px -2px 2px rgb(246 228 228 / 50%); border-radius: 1.5rem; padding: 18px 0 !important; margin: 3.5rem 0;}

.apiNavigation{ width: 100%; height: 4rem; padding: 1rem 0.5rem; box-shadow: 2px 2px 2px rgba(0, 0, 0, .05); background-color: #fff; z-index: 1000; transition: top .3s ease-in-out;}

.apiNavigation.fixed { position: fixed; top: 6.3rem; left: 0; padding: 1rem 3rem; display: block;}


.apiNavigation ul{display: flex; justify-content: space-between; align-items: center; list-style: none; margin-bottom: 0 !important; }
.apiNavigation ul li{position: relative; }
.apiNavigation ul li::before{position: absolute; content: ""; bottom: -5px; left: 0; width: 0%; height: 2px; background-color: #000; transition: all .3s ease-in-out;}
.apiNavigation ul li:hover::before{ width: 100%; transition: all .3s ease-in-out;}
.apiNavigation ul li a{color: #000 !important;}

ul.travel-list li{list-style: none; position: relative;}
ul.travel-list li i {color: #5eb300;}
.travel-img{ padding: 6rem 0 0;}


.whyus-company div{border: 1px solid #005073;
margin-top: 0; height: 16rem;
padding: 15px 30px 10px;
border-radius: 4px;
background-color: #005073;}

.accord { width: 100%; height: max-content; margin: 0.5rem 0; cursor: pointer; position: relative;  border: 1px solid rgba(0, 0, 0, .125); transition: all .3s ease-in-out; background-color: rgba(0, 0, 0, .03);border-radius: 10px;}
.accord .accordHead {border-bottom: 1px solid rgba(0, 0, 0, .125);padding: .5rem 1rem;  }
.accord.closes .accordContent { display: none; transition: all .3s ease-in-out;}
.accord .accordContent p{padding: 1.25rem !important; font-size: 14px !important;}
.accord .accordHead h6 { font-size: 1.1rem ; color: #222222;}
.accord.open .accordHead h6 { color: #016c9a;  font-size: 1.3rem; transition: all .3s ease-in-out;}
.accord .accordHead h6 i{padding-right: .6rem;}

.heading-text ul{list-style: none;}
.heading-text ul li i{color: #5eb300;}