* {
    margin: 0;
    padding: 0
}

body {
    background: #fff;
    font-weight: 400;
    position: relative;
    font-size: 14px;
    font-family: montserrat,sans-serif
}

.fonts {
    font-family: merriweather,serif;
    font-family: montserrat,sans-serif
}

#wrap {
    position: relative;
    width: 100%;
    overflow: hidden
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 400;
    color: #252525
}

h1 {
    font-size: 42px
}

h2 {
    font-size: 36px
}

h3 {
    font-size: 30px
}

h4 {
    font-size: 24px
}

h5 {
    font-size: 20px
}

h6 {
    font-size: 16px;
    font-weight: 700
}

p {
    font-weight: 500;
    color: #6f6f6f;
    line-height: 26px;
    text-rendering: optimizeLegibility
}

button {
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

a {
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    text-decoration: none !important
}

img {
    -webkit-transition: .4s ease-in-out;
    -moz-transition: .4s ease-in-out;
    -ms-transition: .4s ease-in-out;
    -o-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
    display: inline-block !important
}

ul {
    margin-bottom: 0
}

li {
    list-style: none
}

a {
    text-decoration: none;
    color: #141414
}

p.intro-small {
    width: 80%;
    margin: 0 auto
}

.text-transform-none {
    text-transform: none !important
}

.text-white {
    color: #fff !important
}

img {
    max-width: 100%
}

.btn {
    border: none;
    color: #fff;
    display: inline-block;
    padding: 12px 40px;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 14px;
    border-radius: 4px;
    background: #2d3a4b;
    position: relative;
    z-index: 1
}

    .btn:hover {
        background: #0b0c22;
        color: #fff
    }

.btn-inverse {
    background-image: linear-gradient(45deg,#43cbdb 15%,#0f4d68 100%);
    color: #0b0c22
}

    .btn-inverse:hover {
        background: #0b0c22;
        color: #fff
    }

.btn-white {
    background: #fff;
    color: #ab4e52 !important
}

    .btn-white:hover {
        background: #ab4e52;
        color: #fff !important
    }

.tp-caption .btn {
    display: inline-block
}

.btn-1 {
    border: 1px solid #965452;
    border-left: none;
    border-right: none;
    border-top-color: transparent;
    text-transform: uppercase;
    font-size: 10px;
    display: inline-block;
    padding: 10px;
    letter-spacing: 1px;
    color: #965452
}

    .btn-1 i {
        font-size: 10px;
        margin-left: 20px
    }

    .btn-1.btn-2 {
        border-bottom-color: transparent;
        border-top: 1px solid #965452
    }

    .btn-1:hover {
        color: #fff;
        background: #965452
    }

.btn-small {
    padding: 0 20px;
    font-size: 14px;
    line-height: 40px;
    letter-spacing: 1px
}

.btn-round {
    background: 0 0;
    border-radius: 50px;
    border: 1px solid #2d3a4b;
    color: #2d3a4b
}

    .btn-round:hover {
        background: #2d3a4b;
        color: #fff
    }

.parallax-bg {
    background-size: cover !important
}

section {
    position: relative;
    overflow: hidden;
    width: 100%;
    background: #fff
}

.text-shadow {
    text-shadow: 3px 0 5px rgba(0,0,0,.5)
}

.text-shadow-1 {
    text-shadow: 2px 3px 0 rgba(0,0,0,.5)
}

.home-slide {
    position: relative;
    padding-top: 150px
}

    .home-slide .owl-dots {
        text-align: left
    }

#content {
    background: #fff;
    position: relative;
    z-index: 1
}

.position-center-center {
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.heading {
    margin: 0 auto;
    margin-bottom: 80px;
    position: relative;
    z-index: 1
}

    .heading h2 {
        margin-bottom: 20px
    }

    .heading h6 {
        margin: 0;
        font-size: 14px;
        color: #000;
        font-weight: 500;
        text-transform: none;
        position: relative
    }

    .heading h4 {
        font-weight: 500;
        color: #2d3a4b;
        margin: 0;
        font-size: 26px;
        letter-spacing: -1px;
        margin-bottom: 10px
    }

    .heading p {
        max-width: 800px;
        font-size: 14px;
        line-height: 24px;
        margin: 0 auto
    }

    .heading span {
        display: inline-block;
        max-width: 800px;
        font-size: 14px;
        line-height: 24px;
        color: #666;
        font-style: italic
    }

    .heading.light-head h3 {
        color: #fff
    }

    .heading.light-head h4 {
        color: #fff
    }

    .heading span {
        color: #666
    }

.center-block {
    float: none
}

.heading.style-left {
    margin-bottom: 30px
}

    .heading.style-left h4 {
        position: relative;
        overflow: hidden;
        display: inline-block
    }

        .heading.style-left h4:before {
            content: "";
            position: absolute;
            bottom: 9px;
            height: 4px;
            background-image: linear-gradient(45deg,#43cbdb 15%,#0f4d68 100%);
            height: 7px;
            width: 100%;
            z-index: -1
        }

    .heading.style-left span {
        font-size: 36px;
        line-height: 48px;
        display: inline-block;
        width: 85%
    }

header {
    width: 100%;
    z-index: 999;
    background: rgba(0,0,0,.9);
    padding: 15px 0;
    position: absolute;
    top: 0;
    left: 0;
    box-shadow: 0 0 30px rgba(0,0,0,.07);
    -webkit-transition: .4s ease-in-out;
    -moz-transition: .4s ease-in-out;
    -ms-transition: .4s ease-in-out;
    -o-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
    background: -moz-linear-gradient(top,rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
    background: -webkit-linear-gradient(top,rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
    background: linear-gradient(to bottom,rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000',endColorstr='#00000000',GradientType=0)
}

.is-sticky header {
    background: rgba(0,0,0,.9);
    -webkit-transition: .4s ease-in-out;
    -moz-transition: .4s ease-in-out;
    -ms-transition: .4s ease-in-out;
    -o-transition: .4s ease-in-out;
    transition: .4s ease-in-out
}

header .navbar {
    border: none;
    margin: 0;
    position: static;
    padding: 0;
    border-radius: 0;
    text-align: center;
    float: right
}

    header .navbar .nav {
        margin-top: 3px
    }

.dropdown-toggle::after {
    display: none
}

header .logo {
    float: left;
    position: relative
}

    header .logo img {
        z-index: 3;
        position: relative
    }

.sticky-wrapper {
    height: auto !important
}

header .sticky {
    background: rgba(255,255,255,.95);
    left: 0
}

header .is-sticky .sticky {
    padding: 15px 0;
    box-shadow: 0 0 5px rgba(0,0,0,.2)
}

header .navbar {
    display: inline-block;
    -webkit-transition: .4s ease-in-out;
    -moz-transition: .4s ease-in-out;
    -ms-transition: .4s ease-in-out;
    -o-transition: .4s ease-in-out;
    transition: .4s ease-in-out
}

    header .navbar li {
        display: inline-block;
        float: left;
        margin: 0 5px;
        position: relative
    }

header .sticky {
    width: 100%;
    -webkit-transition: .4s ease-in-out;
    -moz-transition: .4s ease-in-out;
    -ms-transition: .4s ease-in-out;
    -o-transition: .4s ease-in-out;
    transition: .4s ease-in-out
}

header .navbar li a {
    font-size: 14px;
    color: #154d65;
    font-weight: 600;
    padding: 10px 0;
    margin: 0 10px;
    position: relative;
    letter-spacing: -.5px;
    text-transform: uppercase;
    display: inline-block
}

    header .navbar li a:before {
        width: 0;
        margin: 0 auto;
        position: absolute;
        content: "";
        height: 2px;
        left: 0;
        bottom: 0;
        z-index: -1;
        background-image: linear-gradient(45deg,#43cbdb 15%,#0f4d68 100%);
        -webkit-transition: .2s ease-in-out;
        -moz-transition: .2s ease-in-out;
        -ms-transition: .2s ease-in-out;
        -o-transition: .2s ease-in-out;
        transition: .2s ease-in-out
    }

    header .navbar li a:hover:before {
        width: 100%
    }

header .navbar li.active a:before {
    width: 100%;
    margin: 0 auto;
    position: absolute;
    content: "";
    height: 2px;
    bottom: 0;
    left: 0;
    z-index: -1;
    background-image: linear-gradient(45deg,#43cbdb 15%,#0f4d68 100%);
    -webkit-transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    -ms-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    transition: .2s ease-in-out
}

.nav > li > a:focus, .nav > li > a:hover {
    background: 0 0
}

.ownmenu .nav .dropdown-menu {
    background: rgba(255,255,255,.99);
    padding: 0
}

.ownmenu .dropdown-menu li {
    margin: 0
}

.ownmenu .nav .dropdown-menu li {
    position: relative;
    z-index: 2
}

    .ownmenu .nav .dropdown-menu li a {
        z-index: 1;
        position: relative
    }

        .ownmenu .nav .dropdown-menu li a:before {
            background: #2d3a4b;
            content: "";
            width: 0;
            height: 100%;
            top: 0;
            margin: 0;
            z-index: -1;
            left: 0;
            display: none
        }

.ownmenu .dropdown-menu li a:hover:before {
    width: 100%
}

.ownmenu .nav .dropdown-menu li a {
    padding: 0 20px;
    font-size: 13px;
    line-height: 30px;
    background: 0 0;
    text-transform: none;
    color: #2d3a4b !important
}

.ownmenu .nav .dropdown-menu li:nth-last-child(1) a {
    border-bottom: none
}

.ownmenu .nav .dropdown-menu li a:hover {
    color: #000 !important
}

.ownmenu .nav .dropdown-menu {
    border: none;
    min-width: 250px;
    margin-top: 23px
}

.ownmenu .nav .dropdown-menu {
    border-top: none;
    padding: 20px;
    border-radius: 0 0 8px 8px;
    margin-left: 10px
}

.ownmenu .nav .dropdown-menu {
}

.ownmenu .dropdown.megamenu {
    position: static !important
}

    .ownmenu .dropdown.megamenu .dropdown-menu {
        width: 100%;
        min-width: inherit;
        padding: 30px;
        margin-top: 0
    }

.ownmenu .nav .dropdown-menu li a {
    position: relative
}

    .ownmenu .nav .dropdown-menu li a:after {
        content: "\f105";
        position: absolute;
        left: 5px;
        top: 0;
        color: #000;
        font-family: fontawesome
    }

.ownmenu .dropdown.megamenu .dropdown-menu li {
    display: inline-block;
    width: 100%
}

.ownmenu .dropdown.megamenu .dropdown-menu h6 {
    margin-bottom: 20px;
    color: #2d3a4b;
    font-size: 14px;
    font-weight: 400
}

.ownmenu .dropdown.megamenu .dropdown-menu .btn {
    padding: 0 30px;
    letter-spacing: 0;
    margin-top: 10px
}

    .ownmenu .dropdown.megamenu .dropdown-menu .btn:before {
        display: none
    }

.ownmenu .dropdown.megamenu .dropdown-menu h5 {
    margin-bottom: 20px;
    letter-spacing: 1px;
    color: #2d3a4b
}

    .ownmenu .dropdown.megamenu .dropdown-menu h5 span {
        font-size: 14px;
        text-transform: none;
        width: 100%;
        font-weight: 400;
        display: inline-block
    }

.ownmenu .dropdown.megamenu .dropdown-menu li a {
    display: inline-block;
    width: 100%;
    font-size: 12px;
    padding: 0;
    color: #2d3a4b !important;
    margin: 0
}

.ownmenu .dropdown .media-left {
    float: left
}

.ownmenu .dropdown.megamenu .cart-img {
    width: 80px;
    margin-right: 10px;
    padding: 5px;
    display: inline-block;
    background: #fff;
    border: 1px solid rgba(0,0,0,.1)
}

    .ownmenu .dropdown.megamenu .cart-img a {
        padding: 1px !important;
        border: none !important
    }

.ownmenu .dropdown.megamenu .stars {
    margin-bottom: 0;
    color: #ffe119;
    font-size: 11px
}

    .ownmenu .dropdown.megamenu .stars i {
        margin: 0 1px
    }

.ownmenu .dropdown.megamenu .media-heading {
    margin-top: 10px;
    font-weight: 400;
    margin-bottom: 5px !important
}

.ownmenu .dropdown.megamenu .top-rated li .price {
    font-size: 12px
}

.ownmenu .dropdown.megamenu .top-rated li {
    border-bottom: 1px solid rgba(0,0,0,.1);
    margin-bottom: 10px;
    padding-bottom: 10px
}

    .ownmenu .dropdown.megamenu .top-rated li:nth-last-child(1) {
        border: none;
        padding-bottom: 0;
        margin-bottom: 0
    }

.ownmenu .dropdown.megamenu .dropdown-menu {
    overflow: hidden;
    border-top: 1px solid #2d3a4b;
    margin: 0
}

    .ownmenu .dropdown.megamenu .dropdown-menu .row {
        max-width: 1170px;
        margin: 0 auto
    }

header .is-sticky .sticky .nav .dropdown.megamenu .dropdown-menu {
    margin-top: 0
}

.ownmenu .dropdown.megamenu .dropdown-menu .row {
    position: relative
}

.ownmenu .dropdown.megamenu .dropdown-menu .nav-img {
    margin-right: -30px;
    float: right;
    margin-top: -30px;
    margin-bottom: -30px;
    position: absolute;
    top: 0;
    z-index: -1
}

.ownmenu .dropdown.megamenu .dropdown-menu li a:before {
    height: 1px;
    top: auto;
    bottom: 0
}

.ownmenu .dropdown .sub-menu .dropdown-menu {
    position: absolute;
    left: 100%;
    top: 0;
    display: none !important;
    margin: 0 !important
}

.ownmenu .dropdown .sub-menu:hover .dropdown-menu {
    display: block !important
}

.ownmenu .dropdown .sub-menu .dropdown-menu li a {
    border-bottom: 1px solid rgba(0,0,0,.1) !important
}

.ownmenu .dropdown .sub-menu .dropdown-menu li:nth-last-child(1) a {
    border-bottom: 1px solid rgba(0,0,0,.1) !important
}

.ownmenu .dropdown .sub-menu:before {
    content: "\f105";
    position: absolute;
    right: 10px;
    font-family: fontawesome;
    line-height: 33px;
    z-index: 2
}

.ownmenu .dropdown .sub-menu:hover:before {
    color: #fff
}

.ownmenu {
    float: left
}

.nav-right i {
    font-size: 20px
}

.nav-right .navbar-right li {
    margin: 0
}

    .nav-right .navbar-right li a {
        border: 1px solid #2d3a4b;
        border-radius: 50%;
        height: 36px;
        width: 36px;
        line-height: 34px;
        margin-left: 10px !important
    }

        .nav-right .navbar-right li a i {
            font-size: 14px
        }

        .nav-right .navbar-right li a:hover {
            color: #fff;
            background: #2d3a4b
        }

.nav-right {
    float: right;
    position: relative;
    margin-top: 1px
}

.navbar-right li a {
    margin: 0 !important;
    padding: 0 !important;
    width: 40px;
    float: left
}

header .social_icons {
    float: right;
    color: #fff;
    margin-top: 20px
}

    header .social_icons a {
        color: #fff;
        margin-left: 10px
    }

header.light-head .navbar .nav-right li a {
    padding-left: 0 !important;
    padding-right: 0 !important;
    background: 0 0 !important
}

header .social_icons a:hover {
    color: #ab4e52
}

header .is-sticky .sticky .nav .dropdown-menu {
    margin-top: 10px
}

.header-1 {
    position: absolute;
    background: 0 0
}

    .header-1 .sticky {
        background: 0 0
    }

    .header-1 .is-sticky .sticky {
        background: rgba(255,255,255,.9)
    }

header.light-head .navbar li a {
    color: #fff
}

    header.light-head .navbar li a:hover {
        background: rgba(0,0,0,.9);
        border-radius: 6px 6px 0 0
    }

header.light-head .navbar .dropdown-menu li a {
    color: #333
}

    header.light-head .navbar .dropdown-menu li a.btn {
        color: #fff
    }

.header-1 .is-sticky .sticky {
    background: rgba(0,0,0,.9)
}

header.light-head .ownmenu .nav .dropdown-menu {
    background: rgba(0,0,0,.9) !important;
    border: none
}

header.light-head .ownmenu .nav ul.dropdown-menu li a {
    color: #fff !important;
    border-bottom: 1px solid rgba(255,255,255,.1)
}

header.light-head .ownmenu .nav .dropdown-menu li a:after {
    color: #fff
}

header.light-head .ownmenu .nav ul.dropdown-menu li a:hover {
    color: #fff !important
}

header.light-head .ownmenu .nav ul.dropdown-menu li a:before {
    display: none
}

header.light-head p {
    color: #b4b4b4
}

header.light-head .ownmenu .dropdown.megamenu .dropdown-menu h6 {
    color: #fff
}

header.light-head .ownmenu .dropdown.megamenu .dropdown-menu h5 {
    color: #fff
}

    header.light-head .ownmenu .dropdown.megamenu .dropdown-menu h5 span {
        color: #999
    }

header.light-head .ownmenu .dropdown.megamenu .cart-img {
    background: #000;
    border: 1px solid rgba(255,255,255,.2)
}

header.light-head .ownmenu .dropdown.megamenu .top-rated li .price {
    color: #999
}

header.light-head .ownmenu .dropdown.megamenu .dropdown-menu li a {
    color: #999 !important;
    border-bottom: 1px solid rgba(255,255,255,.1)
}

    header.light-head .ownmenu .dropdown.megamenu .dropdown-menu li a:hover {
        color: #fff !important
    }

    header.light-head .ownmenu .dropdown.megamenu .dropdown-menu li a:before {
        background: #fff
    }

.header-1 {
    padding-bottom: 0 !important
}

    .header-1 .sticky {
        padding-bottom: 0 !important
    }

.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
    background: 0 0
}

.header-1 .logo {
    margin-top: 13px
}

.header-1 .ownmenu .nav .dropdown-menu {
    margin-top: 0
}

header.light-head .navbar li a:before {
    background: #fff;
    bottom: 0;
    top: auto;
    height: 2px
}

header.light-head .navbar li.active a:before {
    background: #fff
}

header.light-head .ownmenu ul.dropdown {
    background: rgba(0,0,0,.9)
}

    header.light-head .ownmenu ul.dropdown li a {
        color: #d6d6d6 !important;
        border-bottom: 1px solid rgba(255,255,255,.1)
    }

header .navbar-collapse {
    float: left;
    padding: 0;
    margin-right: 20px
}

header .user-acc li {
    display: inline-block;
    width: 100%;
    margin: 0 !important
}

    header .user-acc li h6 {
        padding: 0 20px;
        font-weight: 400;
        border-bottom: 1px solid rgba(0,0,0,.1);
        margin: 10px 0;
        padding-bottom: 10px;
        padding-top: 10px;
        margin-bottom: 0;
        text-transform: none
    }

header .user-acc .dropdown-menu {
    margin-top: 51px;
    padding: 0;
    border: none;
    border-radius: 0;
    min-width: 260px
}

.header-1 .user-acc .dropdown-menu {
    margin-top: 11px
}

.header-1 .user-basket .dropdown-menu {
    margin-top: 11px
}

header .is-sticky .sticky .user-acc .dropdown-menu {
    margin-top: 21px
}

header .user-acc li a {
    display: inline-block;
    width: 100%;
    letter-spacing: 0;
    padding: 10px 20px;
    font-size: 12px
}

header .user-acc .dropdown-menu > li > a:hover {
    background-image: linear-gradient(45deg,#43cbdb 15%,#0f4d68 100%)
}

header .user-acc .dropdown-menu > li > a:focus {
    background-image: linear-gradient(45deg,#43cbdb 15%,#0f4d68 100%)
}

header .navbar-right li a:before {
    display: none
}

header .user-basket .dropdown-menu {
    margin-top: 51px;
    padding: 20px;
    border: none;
    border-radius: 0;
    min-width: 350px
}

    header .user-basket .dropdown-menu li {
        padding: 0;
        margin: 0;
        margin-bottom: 20px;
        display: inline-block;
        position: relative;
        width: 100%
    }

header .user-basket h5 {
    font-weight: 400;
    font-size: 16px;
    border-top: 1px solid rgba(0,0,0,.1);
    border-bottom: 1px solid rgba(0,0,0,.1);
    padding: 10px 0
}

header .user-basket .btn {
    padding: 0;
    width: 100%;
    letter-spacing: 0;
    color: #fff;
    border: none
}

    header .user-basket .btn:hover {
        background-image: linear-gradient(45deg,#43cbdb 15%,#0f4d68 100%);
        color: #2d3a4b
    }

header .user-basket .media-heading {
    margin-top: 0;
    font-weight: 400
}

header .user-basket span {
    display: inline-block;
    width: 100%;
    margin: 5px 0;
    font-size: 12px
}

header .user-basket .cart-img a {
    display: inline-block;
    width: 100%;
    padding: 0
}

header .user-basket .cart-img {
    width: 90px;
    margin-right: 10px;
    box-shadow: 0 0 2px rgba(0,0,0,.2);
    padding: 5px;
    display: inline-block
}

header .is-sticky .sticky .user-basket .dropdown-menu {
    margin-top: 21px
}

#particles-js {
    width: 100%;
    background: url(../images/background-astral.jpg);
    background-size: cover;
    background-size: cover;
    background-position: 99% 56%
}

.simple-head {
    background-size: cover;
    max-height: 800px
}

    .simple-head .position-center-center {
        margin-top: 30px;
        width: 100%
    }

    .simple-head .btn {
        margin: 0 5px;
        margin-top: 30px
    }

    .simple-head h1 {
        color: #fff;
        margin: 0;
        letter-spacing: -1px;
        font-weight: 600;
        margin-bottom: 20px
    }

    .simple-head p {
        color: #fff;
        font-weight: 400;
        font-size: 18px;
        line-height: 30px
    }

    .simple-head .distri .countdown {
        padding-bottom: 10px;
        margin-bottom: 10px
    }

    .simple-head .distri {
        background: #fff;
        padding: 10px 20px;
        border-radius: 4px
    }

        .simple-head .distri h6 {
            font-size: 18px;
            margin: 0;
            margin-top: 20px;
            font-weight: 600
        }

        .simple-head .distri .progress {
            margin: 10px 0
        }

            .simple-head .distri .progress span {
                text-align: left
            }

                .simple-head .distri .progress span small {
                    float: right;
                    margin-top: 2px
                }

        .simple-head .distri .countdown li p {
            color: #333;
            font-size: 12px
        }

.main-half-layout {
    background: url(../../../../../index.html) center center no-repeat;
    width: 50%;
    height: 100%;
    position: absolute;
    top: 0;
    background-position: center center;
    background-size: cover;
    -webkit-background-size: cover
}

.main-half-layout-container {
    position: relative;
    padding: 80px 0;
    padding-left: 20px;
    padding-right: 20px;
    width: 40%;
    margin: 0 5%
}

    .main-half-layout-container.half_left_layout {
        float: right;
        margin-left: auto;
        z-index: 1
    }

.main-page-section {
    position: relative;
    width: 100%;
    float: left;
    display: inline-block;
    margin-bottom: 0
}

.about .studio-bg {
    background: url(../../../../../index.html) center center no-repeat;
    background-size: cover
}

.main-half-layout.half_right_layout {
    right: 0
}

.main-half-layout-container.half_right_layout {
    float: left;
    z-index: 1
}

.count-info {
    margin-top: 50px;
    margin-bottom: 50px
}

    .count-info li {
    }

        .count-info li span {
            font-size: 50px;
            font-weight: 400
        }

.community-sec {
    background: url(../../../../../index.html) top center no-repeat;
    background-size: cover;
    z-index: 1
}

    .community-sec:before {
        position: absolute;
        content: "";
        height: 100%;
        width: 100%;
        left: 0;
        top: 0;
        z-index: -1;
        background: rgba(0,0,0,.8)
    }

    .community-sec .socials {
        margin-top: 10px
    }

        .community-sec .socials li {
            display: inline-block
        }

            .community-sec .socials li a {
                color: #fff;
                display: inline-block;
                height: 50px;
                width: 50px;
                margin: 0 2.5px;
                text-align: center;
                border-radius: 50%;
                font-size: 16px;
                line-height: 48px;
                color: rgba(255,255,255,.8);
                border: 1px solid rgba(255,255,255,.5)
            }

                .community-sec .socials li a:hover {
                    color: #fff;
                    border: 1px solid #fff
                }

.sm-intro {
    position: relative;
    z-index: 3;
    color: #fff;
    margin: 0 auto;
    margin-bottom: 30px
}

    .sm-intro p {
        max-width: 800px;
        margin: 0 auto
    }

.community-sec h2 {
    color: #fff;
    font-size: 26px;
    margin-bottom: 20px;
    display: inline-block;
    width: 100%
}

.distri .progress {
    height: 2rem;
    margin-bottom: 30px;
    margin-top: 30px;
    background: rgba(0,0,0,.1);
    position: relative
}

.distri .progress-bar {
    background-color: #0b0c22
}

.distri .progress span {
    font-weight: 700;
    border-radius: 4px;
    padding: 0 10px;
    text-align: left
}

    .distri .progress span small {
        font-weight: 700;
        float: right;
        margin-top: 3px
    }

.distri h6 {
    font-weight: 600
}

.about-us-con .btn {
    margin-right: 10px
}

.distri .countdown h6 {
    margin: 0;
    margin-top: 10px;
    margin-bottom: 10px;
    font-weight: 500;
    border-bottom: 1px solid rgba(0,0,0,.1);
    padding-bottom: 10px
}

.distri .countdown {
    margin-top: 30px;
    background: #fff;
    padding: 10px 20px;
    padding-bottom: 20px;
    border-radius: 4px;
    border: 1px solid rgba(0,0,0,.1)
}

    .distri .countdown li p {
        font-weight: 500;
        text-transform: capitalize;
        margin: 0
    }

    .distri .countdown li span {
        font-size: 18px;
        font-weight: 600
    }

.distri .countdown-all {
    text-align: center
}

    .distri .countdown-all .btn {
        margin: 0 5px;
        padding: 10px 30px;
        font-size: 12px
    }

.distri .countdown-all {
    margin-top: 30px;
    background: #fff;
    padding: 10px 20px;
    padding-top: 30px;
    padding-bottom: 23px;
    border-radius: 4px;
    border: 1px solid rgba(0,0,0,.1)
}

    .distri .countdown-all .card-info {
        color: #ccc;
        font-size: 22px;
        margin-top: 10px
    }

    .distri .countdown-all li p {
        font-weight: 500;
        text-transform: capitalize;
        margin: 0
    }

    .distri .countdown-all li span {
        font-size: 26px;
        font-weight: 700
    }

    .distri .countdown-all ul {
        padding-left: 10px
    }

    .distri .countdown-all li {
        margin-bottom: 20px;
        text-align: left
    }

.distri.drk {
    background: #1a1b42;
    background-size: cover
}

    .distri.drk .progress {
        background: rgba(255,255,255,.1)
    }

.distri h6 {
}

.distri.drk p {
    color: #fff
}

.distri.drk h6 {
    color: #fff
}

.distri.drk span {
    color: #fff
}

.distri.drk h3 {
    color: #fff
}

.distri.drk .countdown {
    background: rgba(255,255,255,.05)
}

.distri.drk .countdown-all {
    background: rgba(255,255,255,.05)
}

.distri.drk .progress span {
    color: #0b0c22
}

.distri.drk .progress-bar {
    background-image: linear-gradient(45deg,#43cbdb 15%,#0f4d68 100%)
}

.dev-activ {
}

    .dev-activ li i {
        display: inline-block;
        width: 100%;
        color: #000;
        font-size: 38px
    }

    .dev-activ span {
        font-size: 22px;
        letter-spacing: -.5px;
        color: #000;
        font-weight: 600
    }

    .dev-activ .btn {
        margin: 0 10px
    }

.team.style-2 .team-small li {
    float: left;
    width: 16.666666%;
    position: relative;
    overflow: hidden
}

    .team.style-2 .team-small li .hover {
        background: rgba(0,0,0,.8);
        font-size: 14px;
        position: absolute;
        padding: 10px;
        width: 100%;
        bottom: -50%;
        left: 0;
        float: left;
        text-align: center;
        color: #fff;
        z-index: 999
    }

    .team.style-2 .team-small li:hover .hover {
        bottom: 0
    }

    .team.style-2 .team-small li a i {
        float: right;
        color: #f6b138
    }

.why-choose .btn {
    margin-top: 30px
}

.why-choose .ib-icon {
    margin: 30px 0;
    margin-bottom: 20px
}

    .why-choose .ib-icon i {
        font-size: 40px;
        color: #0b0c22
    }

.why-choose .vid-btn {
    margin-top: 15px;
    font-weight: 500;
    display: inline-block
}

    .why-choose .vid-btn span {
        font-size: 12px
    }

    .why-choose .vid-btn i {
        float: left;
        height: 40px;
        width: 40px;
        border-radius: 50px;
        line-height: 40px;
        border: 1px solid rgba(0,0,0,.9);
        text-align: center;
        margin-right: 10px
    }

.icon-box p {
    font-size: 12px;
    line-height: 24px
}

.icon-box .h6 {
    letter-spacing: -.5px;
    font-size: 16px;
    margin: 18px 0;
    font-weight: 600
}

.ib-style-3 .h6 {
    font-size: 14px
}

.light-bg {
    background: #f5f5f5 !important
}

.road-map {
    background: #fafaf8
}

    .road-map .container-fluid {
        padding: 0 50px
    }

    .road-map .edu-list {
        display: inline-block;
        width: 100%
    }

        .road-map .edu-list li {
            float: left;
            width: 25%;
            padding: 0;
            margin-bottom: 50px;
            min-height: 150px;
            border-bottom: 1px solid rgba(0,0,0,.1);
            padding-right: 50px
        }

            .road-map .edu-list li:nth-last-child(1) {
                margin-bottom: 0
            }

            .road-map .edu-list li span {
                font-size: 10px;
                color: #fff;
                border-radius: 4px;
                padding: 3px 8px;
                background: #0b0c22;
                position: relative;
                font-weight: 600;
                margin-bottom: 5px;
                display: inline-block
            }

            .road-map .edu-list li h5 {
                position: relative;
                font-size: 25px;
                margin: 5px 0
            }

            .road-map .edu-list li span:before {
                content: "";
                position: absolute;
                left: -30px;
                height: 1px;
                top: 9px;
                width: 30px;
                background: #0b0c22
            }

            .road-map .edu-list li:nth-last-child(1) {
                margin-bottom: 0
            }

            .road-map .edu-list li:nth-last-child(2) {
                margin-bottom: 0
            }

            .road-map .edu-list li:nth-last-child(4) {
                border-bottom: 0
            }

            .road-map .edu-list li:nth-last-child(3) {
                border-bottom: 0
            }

            .road-map .edu-list li:nth-last-child(2) {
                border-bottom: 0
            }

            .road-map .edu-list li:nth-last-child(1) {
                border-bottom: 0
            }

.news-letter {
}

    .news-letter .heading h2 {
        color: #fff
    }

    .news-letter form {
        margin: 0 auto;
        position: relative
    }

        .news-letter form input {
            height: 53px;
            width: 100%;
            padding: 0 20px;
            display: inline;
            border: none;
            font-size: 12px;
            float: left
        }

        .news-letter form button {
            height: 53px;
            float: right;
            border: 1px solid #fff;
            color: #fff;
            font-size: 16px;
            font-weight: 500;
            background: 0 0;
            width: 28%;
            position: absolute;
            top: 0;
            right: 0;
            background: #0b0c22
        }

            .news-letter form button:hover {
                background: #fff;
                color: #131920
            }

    .news-letter.style-2 {
        background: #5b53a6
    }

        .news-letter.style-2 .heading span {
            color: #fff
        }

        .news-letter.style-2 form input {
            border-radius: 50px;
            border: none
        }

        .news-letter.style-2 form button {
            border-radius: 50px
        }

.parthner {
    display: inline-block;
    width: 100%;
    margin-bottom: 30px
}

    .parthner ul {
        margin: 0 -10px
    }

    .parthner li a {
        display: inline-block;
        opacity: .7
    }

    .parthner h6 {
        font-weight: 600;
        color: #fff;
        margin-bottom: 30px
    }

    .parthner li a:hover {
        opacity: 1
    }

    .parthner li {
        width: 12%;
        float: left;
        margin-bottom: 20px;
        padding: 0 10px
    }

        .parthner li img {
            max-width: 100%
        }

footer {
    background: #0b0c22;
    padding-bottom: 0;
    z-index: 1;
    position: relative
}

    footer p {
        color: #999;
        font-size: 12px;
        font-weight: 500
    }

    footer .rights a {
        color: #999;
        font-size: 12px;
        font-weight: 500;
        margin-left: 15px
    }

    footer .rights {
        border-top: 1px solid rgba(255,255,255,.1);
        padding-top: 15px;
        background: rgba(0,0,0,.1)
    }

        footer .rights a:hover {
            color: #fff
        }

.accordion {
    font-family: montserrat,sans-serif
}

    .accordion.gray-bg {
        background: #f3f3f3
    }

    .accordion .panel-default > .panel-heading .panel-title a:before {
        font-family: ionicons;
        content: "\f126";
        color: #fff;
        padding: 0;
        color: #202020;
        float: right;
        position: absolute;
        right: 15px;
        font-size: 10px
    }

    .accordion .panel-default > .panel-heading .panel-title a.collapsed:before {
        content: "\f123";
        font-family: ionicons
    }

    .accordion .panel-default > .panel-heading {
        background-color: #fff;
        padding: 0;
        border-radius: 0;
        overflow: hidden
    }

        .accordion .panel-default > .panel-heading .panel-title {
            margin: 0
        }

        .accordion .panel-default > .panel-heading a {
            text-decoration: none;
            font-size: 14px;
            width: 100%;
            font-weight: 600;
            padding: 10px;
            padding-left: 20px;
            line-height: 20px;
            display: inline-block;
            background: rgba(0,0,0,.1)
        }

    .accordion .panel {
        box-shadow: none;
        border-radius: 0;
        margin-bottom: 15px;
        position: relative
    }

    .accordion .panel-body {
        padding: 20px;
        font-size: 14px;
        line-height: 22px;
        border: 1px solid rgba(0,0,0,.1);
        border-top: 0
    }

    .accordion .panel-default > .panel-heading + .panel-collapse > .panel-body {
        font-weight: 500
    }

.cd-top {
    display: inline-block;
    height: 40px;
    z-index: 9;
    width: 40px;
    position: fixed;
    bottom: 30px;
    right: 0;
    color: #fff;
    border-radius: 4px 0 0 4px;
    font-size: 18px;
    text-align: center;
    background: #0b0c22;
    line-height: 40px;
    box-shadow: 0 0 10px rgba(0,0,0,.05);
    overflow: hidden;
    white-space: nowrap;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .3s 0s,visibility 0s .3s;
    -moz-transition: opacity .3s 0s,visibility 0s .3s;
    transition: opacity .3s 0s,visibility 0s .3s;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

    .cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
        -webkit-transition: opacity .3s 0s,visibility 0s 0s;
        -moz-transition: opacity .3s 0s,visibility 0s 0s;
        transition: opacity .3s 0s,visibility 0s 0s
    }

    .cd-top.cd-is-visible {
        visibility: visible;
        opacity: 1
    }

    .cd-top.cd-fade-out {
        opacity: .5
    }

.no-touch .cd-top:hover {
    background-color: #0b0c22;
    opacity: 1;
    color: #fff
}

.contact #contact_form {
    text-align: center
}

.contact {
    padding: 60px 0
}

    .contact h6 {
        font-weight: 500;
        color: #fff;
        margin-bottom: 20px
    }

    .contact .error {
        border: none;
        border-bottom: 1px solid red !important
    }

        .contact .error:before {
            content: "\f071";
            font-family: fontawesome;
            position: absolute;
            color: red
        }

.success-msg {
    border: 2px solid rgba(0,0,0,.2);
    color: #fff;
    margin-bottom: 30px;
    width: 100%;
    display: inline-block;
    text-align: center;
    padding: 20px 16px;
    border-radius: 4px;
    display: none
}

    .success-msg i {
        padding: 10px;
        border-radius: 50%;
        border: 1px solid #abd0a8;
        margin-right: 10px
    }

#contact_form li {
    margin-bottom: 20px
}

    #contact_form li label {
        color: #fff
    }

    #contact_form li input {
        display: inline-block;
        width: 100%;
        line-height: 50px;
        height: 50px;
        border-bottom: 1px solid;
        border-color: transparent;
        padding: 0 20px;
        border: none;
        box-shadow: none;
        border-radius: 4px !important;
        color: #000;
        text-transform: none;
        font-size: 14px;
        -webkit-transition: all .4s ease-in-out;
        -moz-transition: all .4s ease-in-out;
        -o-transition: all .4s ease-in-out;
        -ms-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out
    }

    #contact_form li .form-control {
        border: none;
        box-shadow: none;
        color: #fff;
        font-weight: 600;
        background: rgba(255,255,255,.05);
        border-radius: 4px !important;
        border: 1px solid rgba(0,0,0,.1);
        -webkit-transition: all .4s ease-in-out;
        -moz-transition: all .4s ease-in-out;
        -o-transition: all .4s ease-in-out;
        -ms-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out
    }

    #contact_form li textarea {
        height: 160px !important;
        text-transform: none;
        background: rgba(0,0,0,.02);
        padding: 15px 20px !important;
        color: #fff;
        border: 1px solid rgba(0,0,0,.1);
        border-radius: 4px;
        font-size: 14px
    }

    #contact_form li .btn {
        float: right;
        text-transform: uppercase
    }

.contact-form .tittle {
    text-align: center
}

    .contact-form .tittle hr {
        width: 28px;
        height: 5px;
        margin: 15px auto;
        background: #448aff;
        border: none
    }

    .contact-form .tittle p {
        text-transform: none;
        font-size: 16px
    }

.contact-form label {
    font-weight: 400;
    color: #fff;
    font-size: 12px;
    text-transform: uppercase;
    display: inline-block;
    width: 100%;
    margin: 0;
    line-height: 26px;
    position: relative;
    background: 0 0
}

    .contact-form label span {
        color: #fff
    }

.contact-form textarea {
    display: inline-block;
    width: 100%;
    position: relative;
    padding: 10px 20px
}

#contact_form li .form-control:focus {
    background: rgba(255,255,255,.1)
}

.contact-form button {
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

    .contact-form button:hover {
    }

a:hover {
    color: #0b0c22;
    text-decoration: underline
}

.logo a h2 {
    background-image: linear-gradient( 45deg,#43cbdb 15%,#0f4d68 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 600;
    color: linear-gradient(45deg,#43cbdb 15%,#0f4d68 100%);
    filter: drop-shadow(0px 0px 0px #ccc)
}

.btn-inverse {
    color: #fff
}

    .btn-inverse:hover {
        color: #fff;
        background-image: linear-gradient( 45deg,#0f4d68 15%,#43cbdb 100%);
        -webkit-transition: .2s ease-in-out;
        -moz-transition: .2s ease-in-out;
        -ms-transition: .2s ease-in-out;
        -o-transition: .2s ease-in-out;
        transition: .2s ease-in-out
    }

.logo a img {
    filter: drop-shadow(0px 1px 0px);
    color: #4f4f4f
}

.features {
    box-shadow: 1px 1px 100px #ccc;
    text-align: center;
    padding: 55px 65px;
    position: relative;
    z-index: 1;
    overflow: hidden;
    transition: .3s all ease-in-out
}

.features-img {
    width: 142px;
    height: 142px;
    display: flex;
    margin: 0 auto;
    margin-bottom: 42px;
    align-items: center;
    border-radius: 100%;
    justify-content: center;
    box-shadow: 1.392px 9.903px 10px 0 rgb(66 97 234/21%);
    background-image: linear-gradient( 45deg,#43cbdb 20%,#0f4d68 100%);
    position: relative
}

    .features-img img {
        filter: invert(1)
    }

    .features-img:before {
        top: 15px;
        left: -25px;
        z-index: -1;
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        background-repeat: no-repeat;
        background-image: url(../images/shape/sericon2.png)
    }

    .features-img:after {
        top: 0;
        left: auto;
        right: -58px;
        z-index: -1;
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        background-repeat: no-repeat;
        background-image: url(../images/shape/sericon1.png)
    }

.features:before {
    top: -135px;
    right: -120px;
    z-index: -1;
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    background-repeat: no-repeat;
    transition: .3s all ease-in-out;
    background-image: url(../images/shape/s-shape1.png)
}

.features:after {
    left: 0;
    right: 0;
    content: "";
    height: 8px;
    bottom: 0;
    width: 240px;
    margin: 0 auto;
    position: absolute;
    border-radius: 30px;
    background-color: #8fd5e7;
    transition: .3s all ease-in-out
}

.features-content h3 {
    font-weight: 600;
    font-size: 24px
}

.custom-heading {
    margin-bottom: 70px;
    text-align: center
}

    .custom-heading h3 {
        font-weight: 700;
        color: #0f4d68;
        position: relative
    }

    .custom-heading p {
        margin-bottom: 3px;
        font-size: 15px;
        color: #2d637b
    }

    .custom-heading h3:before {
        left: 0;
        right: 0;
        bottom: -31px;
        content: "";
        width: 60px;
        height: 25px;
        margin: 0 auto;
        position: absolute;
        background-repeat: no-repeat;
        background-image: url(../images/shape/ts1.png)
    }

.features:hover {
    transform: translateY(40px)
}

section#about:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 50%;
    z-index: -2;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    background-image: url(../images/s-shape2.png)
}

section#about {
    background: #f5f5f5;
    position: relative;
    z-index: 1
}

    section#about:after {
        top: -5px;
        right: 0;
        content: "";
        z-index: -1;
        height: 88%;
        width: 37%;
        position: absolute;
        z-index: -2;
        background-repeat: no-repeat;
        background-size: cover;
        background-image: url(../images/s-shape1.png)
    }

.information-heading h3 {
    font-weight: 900;
    font-size: 37px;
    color: #fff
}

.about-content {
    text-align: end
}

.about-img {
    width: 142px;
    height: 142px;
    display: flex;
    margin: 0 auto;
    margin-bottom: 42px;
    align-items: center;
    border-radius: 100%;
    justify-content: center;
    box-shadow: 1.392px 9.903px 10px 0 rgb(66 97 234/21%);
    background-image: linear-gradient( 45deg,#43cbdb 20%,#0f4d68 100%);
    position: relative
}

    .about-img img {
        filter: invert(1)
    }

.about-content h3 {
    font-weight: 800;
    font-size: 24px;
    text-transform: uppercase
}

.information-heading:before {
    content: "";
    top: -180px;
    z-index: -1;
    left: -150px;
    width: 678px;
    height: 678px;
    position: absolute;
    animation: spining 10s linear infinite;
    background-image: url(../images/s-shape5.png)
}

.information-heading {
    position: relative
}

    .information-heading:before {
        content: "";
        top: -100px;
        z-index: -1;
        left: -89%;
        width: 550px;
        height: 550px;
        position: absolute;
        background-image: url(../images/s-shape5.png);
        background-size: contain;
        background-repeat: no-repeat;
        -webkit-animation: spin 4s linear infinite;
        -moz-animation: spin 4s linear infinite;
        animation: spin 4s linear infinite
    }

@-moz-keyframes spin {
    100% {
        -moz-transform: rotate(360deg)
    }
}

@-webkit-keyframes spin {
    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.advantages {
    background: #fff;
    padding: 50px 20px;
    position: relative;
    z-index: 1;
    overflow: hidden;
    border-radius: 24px;
    text-align: center
}

    .advantages:after {
        position: absolute;
        content: '';
        width: 400px;
        height: 360px;
        bottom: 0;
        left: -90px;
        z-index: -1;
        background-image: url(../images/fs1.png);
        transition-delay: .3s;
        background-repeat: no-repeat;
        background-size: cover
    }

    .advantages:before {
        position: absolute;
        content: '';
        width: 400px;
        height: 360px;
        z-index: -2;
        bottom: -95px;
        left: -120px;
        background-image: url(../images/fs2.png);
        background-repeat: no-repeat;
        background-size: cover
    }

.advantages-content p {
    color: #000 !important;
    margin-bottom: 0
}

.advantages-content h3 {
    color: #000 !important
}

.advantages-content h3 {
    color: #0b0c22 !important;
    font-size: 23px;
    font-weight: 900;
    padding: 16px 0;
    margin-bottom: 0
}

.advantages-img {
    width: 142px;
    height: 142px;
    display: flex;
    margin: 0 auto;
    margin-bottom: 10px;
    align-items: center;
    border-radius: 100%;
    justify-content: center;
    box-shadow: 1.392px 9.903px 10px 0 rgb(66 97 234/21%);
    background-image: linear-gradient(45deg,#43cbdb8c 20%,#0f4d68ba 100%);
    position: relative
}

    .advantages-img img {
        filter: invert(1)
    }

.advantages-heading h3:before {
    filter: hue-rotate(310deg)
}

section#Financial-Freedom {
    position: relative;
    z-index: 1
}

    section#Financial-Freedom:before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        width: 50%;
        z-index: -2;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: 50% 50%;
        background-image: url(../images/s-shape2.png)
    }

    section#Financial-Freedom:after {
        top: -5px;
        right: 0;
        content: "";
        z-index: -1;
        height: 88%;
        width: 50%;
        position: absolute;
        z-index: -2;
        background-repeat: no-repeat;
        background-size: cover;
        background-image: url(../images/Financial-Freedom-back.png)
    }

.Financial-Freedom-images img:nth-child(2) {
    position: relative;
    filter: invert(1)
}

.Financial-Freedom-images {
    display: flex;
    justify-content: center;
    align-items: center
}

    .Financial-Freedom-images img:first-child {
        position: absolute;
        z-index: 0;
        height: 139px;
        width: 136px
    }

.row.Financial-Freedom-inner-row {
    display: flex;
    align-items: center
}

.Financial-Freedom-innercontent p {
    margin-bottom: 0
}

.row.Financial-Freedom-inner-row {
    min-height: 136px
}

.row.Financial-Freedom-main-row {
    display: flex;
    align-items: center
}

.container.massion-container {
    position: relative
}

section.mission-section {
    position: absolute;
    z-index: 2;
    background: #ffffff00;
    margin-top: -93px
}

.row.mission-row {
    background: #fff;
    box-shadow: 1px 1px 10px #ccc;
    padding: 22px;
    border-radius: 10px;
    display: flex;
    margin: 0;
    margin-bottom: 10px
}

.mission-img img {
    filter: invert(1)
}

.mission-data h3 {
    font-weight: 600
}

.mission-data p {
    font-size: 17px;
    margin-bottom: 0
}

.mission-img {
    width: 142px;
    height: 142px;
    display: flex;
    margin: 0 auto;
    margin-bottom: 10px;
    align-items: center;
    border-radius: 100%;
    justify-content: center;
    box-shadow: 1.392px 9.903px 10px 0 rgb(66 97 234/21%);
    background-image: linear-gradient( 45deg,#43cbdb8c 20%,#0f4d68ba 100%);
    position: relative
}

footer#contact h5 {
    color: #fff
}

section#token {
    padding-bottom: 200px !important
}

section#Financial-Freedom {
    padding-top: 200px !important
}

.panel-heading a:before {
    background-image: linear-gradient( 45deg,#43cbdb 20%,#0f4d68 100%);
    padding: 0 6px !important;
    color: #fff !important;
    border-radius: 2px
}

.accordion .panel-default > .panel-heading {
    background-color: #fff;
    box-shadow: 1px 1px 70px #ccc;
    border-bottom: 1px solid #f2f2f2
}

.panel-heading a {
    background: #fff !important
}

.panel-body {
    background: #fff
}

section#Faq {
    position: relative;
    overflow: hidden
}

    section#Faq:before {
        position: absolute;
        content: '';
        background-image: url(../images/hws.png);
        height: 95%;
        width: 100%;
        right: 0;
        bottom: -31px;
        background-repeat: no-repeat;
        background-size: cover
    }

    section#Faq:after {
        position: absolute;
        content: '';
        background-image: url(../images/fq-shape4.png);
        background-repeat: no-repeat;
        background-size: cover;
        width: 100px;
        height: 100px;
        right: 4%;
        top: 33%;
        z-index: 0
    }

.faq-effects {
    max-width: 490px;
    max-height: 490px;
    position: relative
}

    .faq-effects img:nth-child(2) {
        position: absolute;
        right: 0
    }

    .faq-effects img:nth-child(3) {
        position: absolute;
        right: -33px
    }

    .faq-effects img:nth-child(4) {
        position: absolute;
        bottom: -26px;
        left: 152px
    }

.faq-effects-main-div {
    position: absolute;
    top: 0
}

.blog-img img {
    border-radius: 20px;
    width: 96%;
    margin-left: 2%
}

.blog-content {
    position: relative
}

.blog-date {
    position: absolute;
    width: 85px;
    background-image: linear-gradient( 45deg,#43cbdb 20%,#0f4d68 100%);
    z-index: 1;
    border-radius: 15px;
    box-shadow: 1px 1px 10px #ccc;
    text-align: center;
    margin-top: -62px;
    right: 15px
}

.blog-content {
    position: relative;
    padding: 35px 20px 20px
}

    .blog-content h4 {
        font-weight: 700;
        font-size: 20px
    }

.news-section {
    position: relative;
    z-index: 1
}

    .news-section:before {
        left: 0%;
        z-index: -1;
        content: "";
        width: 100%;
        top: 30%;
        height: 70%;
        border-radius: 10px;
        position: absolute;
        background-color: #fff;
        transition: .3s all ease-in-out;
        box-shadow: 1px 1px 10px #ccc
    }

.blog-date h1 {
    font-weight: 600;
    margin-bottom: 0;
    color: #fff
}

.blog-date p {
    color: #fff;
    font-weight: 700;
    margin-bottom: 6px
}

div#accordion {
    z-index: 1;
    position: relative
}

.demo-alert {
    background-image: linear-gradient( 45deg,#43cbdb 20%,#0f4d68 100%);
    margin-bottom: 20px;
    padding: 10px;
    display: flex;
    justify-content: space-between;
    color: #fff
}

    .demo-alert p {
        font-size: 19px;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 13px;
        margin-bottom: 0;
        color: #fff;
        font-weight: 600;
        width: 100%;
        text-align: center
    }

.container-fluid.demo-alert-container {
    padding: 0
}

.demo-alert i {
    font-size: 22px
}

.sticky-wrapper.is-sticky .demo-alert-colum-custom {
    display: none
}

.business-plan-link p {
    font-size: 19px !important;
    color: #fff !important;
    text-align: end
}

    .business-plan-link p a {
        font-size: 20px;
        margin-left: 2px;
        color: #43cbdb
    }

@media(max-width:991px) {
    .features {
        margin-bottom: 30px
    }

    section#about:after {
        background-image: unset
    }

    .row.about-tron-astrol {
        display: flex;
        flex-direction: column-reverse
    }

    .information-heading h3 {
        font-size: 30px;
        color: #0f4d68;
        margin-bottom: 35px
    }

    .advantages {
        margin-bottom: 30px
    }

    section.mission-section {
        position: unset;
        margin-top: 100px
    }

    .row.mission-row {
        margin-top: 10px
    }

    .Financial-Freedom-images {
        padding-bottom: 50px;
        padding-top: 50px
    }

    .Financial.Freedom {
        margin-top: 30px
    }

    .faq-effects img:nth-child(2) {
        display: none !important
    }

    .news-section {
        margin-bottom: 40px
    }

    .faq-effects img:nth-child(3) {
        display: none !important
    }

    .simple-head .position-center-center {
        padding: 180px 0 90px !important
    }

    .information-heading:before {
        display: none
    }
}

section#Financial-Freedom1 {
    height: 100vh;
    position: relative
}

.container.loginpage-container {
    height: 100vh;
    position: relative
}

.row.login-page-main-row {
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.login-page-custom-outer-div {
    padding: 60px;
    text-align: center
}

    .login-page-custom-outer-div label {
        font-size: 22px;
        margin-bottom: 20px;
        margin-top: 20px;
        font-weight: 700
    }

    .login-page-custom-outer-div button {
        background: #0f4d68;
        padding: 7px 25px;
        border: 1px solid #0f4d68;
        border-radius: 4px;
        color: #fff
    }

section#Financial-Freedom1 {
    position: relative;
    z-index: 1
}

    section#Financial-Freedom1:before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        width: 50%;
        z-index: -2;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: 50% 50%;
        background-image: url(../images/s-shape2.png)
    }

    section#Financial-Freedom1:after {
        top: 0;
        right: 0;
        content: "";
        z-index: -1;
        height: 88%;
        width: 50%;
        position: absolute;
        z-index: -2;
        background-repeat: no-repeat;
        background-size: cover;
        background-image: url(../images/Financial-Freedom-back.png)
    }

.row.login-page-main-row {
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background-image: url(../images/img-17.jpg);
    width: 100%;
    height: fit-content;
    background-size: cover;
    background-repeat: no-repeat;
    box-shadow: 1px 1px 100px #c5c4c4;
    margin: 0;
    border-radius: 20px
}

@media(max-width:991px) {
    .container.loginpage-container {
        height: auto;
        position: relative
    }

    .row.login-page-main-row {
        top: unset;
        left: unset;
        transform: unset;
        margin-top: 50px;
        margin-bottom: 50px;
        background-position: center
    }

    section#Financial-Freedom1 {
        height: auto
    }

    .login-page-custom-outer-div button {
        background: #0f4d68;
        padding: 7px 25px;
        border: 1px solid #0f4d68;
        border-radius: 4px;
        color: #fff;
        margin-bottom: 15px
    }

    .demo-alert p {
        font-size: 14px;
        padding-top: 0;
        text-align: left
    }
}

header.sticky {
    padding-top: 0
}

.sticky-wrapper.is-sticky .sticky {
    padding-top: 15px
}

header .navbar li.active a {
    border-bottom: none
}

.navbar-toggler span {
    top: 18px !important
}

.navbar-toggler {
    top: 18px !important;
    right: 8px !important;
    width: 40px !important;
    height: 40px !important
}

@media(min-width:768px) and (max-width:991px) {
    header .logo {
        width: auto !important
    }
}

header {
    background: #ebeff7
}

.mission-data p:nth-child(2) {
    margin-bottom: 11px
}

.sticky-wrapper.is-sticky div#navbarNav ul li a {
    color: #fff
}

section#Features .col-lg-4, #advantages .col-lg-4 {
    padding: 5px
}

.cus_drop_shdw {
    width: 30%;
    margin-bottom: 50px;
    filter: drop-shadow(0px -2px 0px #ffffffad)
}

.simple-head h1 {
    -webkit-text-stroke: 1px #fff;
    color: #ffffff5e;
    font-size: 57px;
    font-weight: 700;
    text-transform: uppercase;
    text-shadow: 0 0 #0f4d68
}

@media(max-width:991px) {
    .cus_drop_shdw {
        width: 80%
    }
}



/*========Login And Register Design=========*/
.gradient-custom-3 {
    /* fallback for old browsers */
    background: #84fab0;
    /* Chrome 10-25, Safari 5.1-6 */
    background: -webkit-linear-gradient(to right, rgba(132, 250, 176, 0.5), rgba(143, 211, 244, 0.5));
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    background: linear-gradient(to right, rgba(132, 250, 176, 0.5), rgba(143, 211, 244, 0.5))
}

.gradient-custom-4 {
    /* fallback for old browsers */
    background: #84fab0;
    /* Chrome 10-25, Safari 5.1-6 */
    background: -webkit-linear-gradient(to right, rgba(132, 250, 176, 1), rgba(143, 211, 244, 1));
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    background: linear-gradient(to right, rgba(132, 250, 176, 1), rgba(143, 211, 244, 1))
}
/*========Login And Register Design End=========*/