@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Hind&display=swap');

@font-face {

    font-family: CabritoContrast-Bold;

    src: url(font/CabritoContrast-Bold.woff);

}

@font-face {

    font-family: CabritoContrast-Regular;

    src: url(font/CabritoContrast-Regular.woff);

}

body,

html {

    overflow-x: hidden

}





body,

textarea {

    font-size: 18px;

    letter-spacing: 0

}



body,

h1,

h2,

h3,

h4,

h5,

h6,

p,

textarea {

    letter-spacing: 0

}



.clearfix:after,

.clearfix:before,

.container:after,

html:after,

html:before {

    display: table;

    content: '';

    clear: both

}



.fn_cs_roadmap .roadmap_top .swiper-slide h3,

.helios_iconbtn .text,

.helios_pnb .fn_title,

.wid-title .text {

    white-space: nowrap;

    text-overflow: ellipsis

}



:root {

    --mc1: #01a3f4;

    --mc2: #243468;

    --hc: #fff;

    --bc: #fff;

    --hff: 'CabritoContrast-bold', sans-serif;

    --bff: 'hind', sans-serif

}



*,

:after,

:before {

    margin: 0;

    padding: 0;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box

}

p{

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

     color:#ffffff;

}

body{

    color:#ffffff;

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

}

a{

    text-decoration: none!important;

}

a:hover{

    color: #0d6efd;

}

.helios_preloader {

    position: fixed;

    z-index: 9999;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background: #024add;

    background: -moz-linear-gradient(90deg, #024add 0, #01a3f4 50%, #024add 100%);

    background: -webkit-linear-gradient(90deg, #024add 0, #01a3f4 50%, #024add 100%);

    background: linear-gradient(90deg, #024add 0, #01a3f4 50%, #024add 100%);

    transition: .5s;

    display: -webkit-flex;

    display: -moz-flex;

    display: -ms-flex;

    display: -o-flex;

    display: flex;

    -ms-align-items: center;

    align-items: center;

    justify-content: center

}



.header,

.header .logo img,

.header .logo span {

    transition: .3s

}



.header .logo img{

    width: 200px;

}

.headersidemenu{

    border-top: 2px solid #243468;

}

.headersidemenu p{

        font-size: 16px;

    color: #243468;

    padding-top: 10px;

    padding-left: 25px;

    margin-bottom:0px;

}

.headersidemenu a{

    font-size: 15px!important;

    line-height: 15px!important;

    display: block;

    padding: 0px!important;

        float: left;

        margin-left: 25px!important;

}



.headersidemenu a span{

padding: 5px 0px!important;

}



.helios_rightnav .nav_holder .headerbmenu  a:hover .creative_link{

    color: #243468!important;

    text-decoration: underline!important;

}

.helios_rightnav .nav_holder .headerbmenu  a:hover{

        background-color: #fff;

}

.headerbmenu{

   float:left;

   width:100%;

}

.fn_row,

.helios_main {

    display: -webkit-flex;

    display: -moz-flex;

    display: -ms-flex;

    display: -o-flex

}



.fn_cs_slider .helios_videobutton,

.helios_preloader.ready {

    opacity: 0;

    visibility: hidden

}



.multi-spinner-container {

    width: 150px;

    height: 150px;

    position: relative;

    margin: 30px auto;

    overflow: hidden

}



.multi-spinner {

    position: absolute;

    width: calc(100% - 9.9px);

    height: calc(100% - 9.9px);

    border: 5px solid transparent;

    border-top-color: var(--mc2);

    border-radius: 50%;

    -webkit-animation: 5s cubic-bezier(.17, .49, .96, .76) infinite spin;

    animation: 3s cubic-bezier(.17, .49, .96, .76) infinite spin

}



@keyframes spin {

    0% {

        -webkit-transform: rotate(0);

        transform: rotate(0)

    }



    100% {

        -webkit-transform: rotate(360deg);

        transform: rotate(360deg)

    }

}



body {

    font-family: var(--bff);

    line-height: 1.44;

    font-weight: 400;

    color: var(--bc);

    position: relative;

    word-break: break-word;



    /*background: -moz-linear-gradient(90deg, #024add 0, #01a3f4 50%, #024add 100%);*/

    /*background: -webkit-linear-gradient(90deg, #024add 0, #01a3f4 50%, #024add 100%);*/

    /*background: linear-gradient(90deg, #024add 0, #01a3f4 50%, #024add 100%);*/

    height: auto

}



body,

html {

    width: 100%;

    margin: 0;

    padding: 0

}



.fn__svg {

    fill: currentcolor;

    width: 18px;

    height: 18px;

    opacity: 0

}



.header .nav>ul>li.menu-item-has-children:hover:after,

.replaced-svg {

    opacity: 1

}



p {

    margin-bottom: 20px

}



h1,

h2,

h3,

h4,

h5,

h6 {

    color: var(--hc);

    font-family: var(--hff);

    line-height: 1.22

}



h1>a,

h2>a,

h3>a,

h4>a,

h5>a,

h6>a {

    text-decoration: none;

    color: var(--hc)

}

#contact{

    background: #243468;

}

.fn_cs_contact_info a:hover,

.fn_cs_title .title span,

.footer li a:hover,

.footer p a:hover,

.helios_breadcrumbs a:hover,

.helios_mintbox .mint_desc p a:hover,

.helios_pagetitle p a:hover,

.helios_result_box .clear_all:hover,

.helios_rightnav .copyright a:hover,

.helios_share a:hover,

.helios_widget_social ul a:hover,

.qnt .decrease:hover,

.qnt .increase:hover,

.section_divider .st1,

h1>a:hover,

h2>a:hover,

h3>a:hover,

h4>a:hover,

h5>a:hover,

h6>a:hover {

    color: var(--mc2)

}



input[type=password],

input[type=text],

select {

    background-color: transparent;

    border-radius: 0;

    border: 2px solid rgba(255, 255, 255, .5);

    font-size: 15px;

    letter-spacing: 0;

    line-height: 40px;

    height: 40px;

    padding: 0 25px;

    outline: transparent 0;

    color: #fff

}

select {

     height: 40px;

}

textarea {

    background-color: transparent;

    border-radius: 0;

    border: 2px solid rgba(255, 255, 255, .5);

    padding: 13px 25px;

    /*height: 250px;*/

    color: #fff

}



input[type=password]:focus,

input[type=text]:focus,

textarea:focus {

    outline: 0;

    background-color: transparent;

    border-color: var(--mc2)

}



::-webkit-input-placeholder {

    color: rgba(0, 0, 0, .8)

}



:-ms-input-placeholder {

    color: rgba(0, 0, 0, .8)

}



::placeholder {

    color: #717171

}

.uneditable-input, input[type=color], input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week] {

    font-family: var(--bff);

}

.container {

    width: 100%;

    max-width: 1280px;

    padding: 0 40px;

    margin: 0 auto

}



.container.wide {

    max-width: 1680px

}



.container.small {

    max-width: 680px

}



.helios_comments .helios_button,

.mw300 {

    max-width: 300px

}



.fn_row {

   

    display: flex;

    flex-wrap: wrap

}





.quicklinks{

    width:80%; 

}

[class^=fn_col] {

    /*padding-left: 60px*/

}



.fn_col2,

.hero_header .hero_right,

.helios_comments .input-item.half-item {

    width: 50%

}

.fn_col20{

    width: 20%;

    position: relative

}

.fn_col30{

    width: 30%;

    position: relative

}

.fn_col40{

    width: 40%;

    position: relative

}

.fn_col60{

    width: 60%

}

.fn_col70{

    width: 70%

}

.fn_col50{

    width: 70%

}

.helios_col50{

    padding: 20px;

    width: 50%

}

.helios_col25{

    padding: 20px;

    width: 25%

}

.aboutusbest{

    width: 20%;

    text-align: center;

}

.aboutusbestimg{

    width: 60%;

}

.creative_link:hover:before,

.fn_col1,

.fn_cs_accordion .active .acc_header:after,

.fn_cs_contact_form li.full,

.helios_404 .container-custom,

.helios_mintbox .mint_list .item:hover:after,

.helios_nft_cats .item:hover:after {

    width: 100%

}



.section_bg,

a.full_link {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    z-index: 1

}



.bg_overlay,

.bg_overlay .bg_color,

.bg_overlay .bg_image {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    z-index: 1;

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center center

}



.bg_overlay .bg_color {

    z-index: 2

}



.helios_main,

.helios_main * {

    box-sizing: border-box

}



.helios_main {

    position: relative;

    z-index: 2;

    display: flex;

    -webkit-flex-direction: column;

    -moz-flex-direction: column;

    -ms-flex-direction: column;

    -o-flex-direction: column;

    flex-direction: column;

    min-height: 100vh

}



.header .header_in,

.helios_page {

    display: -webkit-flex;

    display: -moz-flex;

    display: -ms-flex;

    display: -o-flex

}



.helios_page {

    overflow: hidden;

    min-height: 100vh;

    min-height: calc(100vh - 93px);

    -webkit-flex-direction: column;

    -moz-flex-direction: column;

    -ms-flex-direction: column;

    -o-flex-direction: column;

    flex-direction: column;

    justify-content: center;

    display: flex

}



.header {

    position: fixed;

    z-index: 90;

    top: 0;

    left: 0;

    right: 0;

    padding: 30px 0;

    border-bottom: 1px solid transparent

}



.gradient_link,

.trigger {

    z-index: 3;

    overflow: hidden

}



.header.active {

    padding: 5px 0;

    background: #243468;

    /*	background: -moz-linear-gradient(90deg, #024add 0, #01a3f4 50%, #024add 100%);

            background: -webkit-linear-gradient(90deg, #024add 0, #01a3f4 50%, #024add 100%);

            background: linear-gradient(90deg, #024add 0, #01a3f4 50%, #024add 100%);*/

    border-bottom-color: rgba(255, 255, 255, .3);

    transform: translateY(-102%)

}



.header_in {

    max-width: 1680px;

    margin: 0 auto;

    padding: 0 40px

}



.fn_cs_glitch_slider .slider .active .img span,

.header.done {

    transform: translateY(0)

}



.header.active .logo img {

    transform: scale(.8);

    transform-origin: left

}



.header.active .logo span {

    margin-left: 10px

}



.header .header_in {

    display: flex;

    justify-content: space-between;

    -ms-align-items: center;

    align-items: center

}



.header .has_text,

.header .logo span {

    display: -webkit-flex;

    display: -moz-flex;

    display: -ms-flex;

    display: -o-flex

}



.header .has_text {

    display: flex;

    -ms-align-items: center;

    align-items: center;

    text-decoration: none

}



.header .logo span {

    margin: 0 0 0 30px;

    color: #fff;

    max-width: 153px;

    padding-left: 30px;

    min-height: 50px;

    position: relative;

    font-size: 16px;

    letter-spacing: .25px;

    font-weight: 600;

    font-family: var(--hff);

    line-height: 22px;

    border-left: 3px solid #00d8ff;

    display: flex;

    -ms-align-items: center;

    align-items: center

}



.header .nav .sub-menu,

.header .nav ul {

    display: -webkit-flex;

    display: -moz-flex;

    display: -ms-flex;

    display: -o-flex

}



.header .nav ul {

    display: flex;

    margin: 0 0 0 -10px;

    padding: 0;

    list-style-type: none

}



.header .nav li {

    margin: 0 0 0 10px;

    padding: 0;

    position: relative

}



.header .nav>ul>li.menu-item-has-children:after {

    content: '';

    position: absolute;

    width: 0;

    height: 0;

    border-style: solid;

    border-width: 5px 4.5px 0;

    border-color: #4eb1f4 transparent transparent;

    left: 50%;

    top: 100%;

    margin-top: -1px;

    z-index: 5;

    opacity: 0

}



.header .nav .sub-menu {

    overflow: hidden;

    margin: 10px 0 0;

    padding: 23px 0;

    position: absolute;

    width: 250px;

    border: 1px solid rgba(255, 255, 255, .7);

    background: #028aed;

    background: -moz-linear-gradient(90deg, #028aed 0, #41b0f5 50%, #029ff3 100%);

    background: -webkit-linear-gradient(90deg, #028aed 0, #41b0f5 50%, #029ff3 100%);

    background: linear-gradient(90deg, #028aed 0, #41b0f5 50%, #029ff3 100%);

    display: flex;

    -webkit-flex-direction: column;

    -moz-flex-direction: column;

    -ms-flex-direction: column;

    -o-flex-direction: column;

    flex-direction: column;

    left: 0;

    top: 100%;

    opacity: 0;

    visibility: hidden;

    transform: translateY(20px);

    transition: .5s

}



.header .nav .sub-menu:after {

    content: '';

    position: absolute;

    bottom: 100%;

    height: 10px;

    left: 0;

    right: 0

}



.header .nav li:hover>ul {

    opacity: 1;

    visibility: visible;

    transform: translateY(0)

}



.header .nav .sub-menu li {

    margin: 0 0 4px;

    padding: 0

}



.gradient_link,

.header .nav .sub-menu a {

    font-size: 22px;

    text-transform: uppercase;

    letter-spacing: -.25px;

    padding: 0 29px;

    position: relative;

    display: block;

    font-family: var(--hff);

    color: #fff;

    font-weight: 700;

    text-decoration: none

}



.desc p:last-child,

.fn_cs_contact_form li:last-child,

.fn_cs_contact_info .item :last-child,

.fn_cs_contact_info p:last-child,

.header .nav .sub-menu li:last-child,

.helios_blog_single .single_desc p:last-child,

.helios_comments .comment-text p:last-child,

.helios_comments .comment:last-child,

.helios_contactpage .fn_cs_desc p:last-child,

.helios_filters .filter_item:last-child,

.helios_filters .items>li:last-child,

.helios_mintbox .mint_checked p:last-child,

.helios_pagetitle .fn_cs_title .divider,

.helios_rightnav .list_holder .list a:last-child,

.helios_rightnav .nav_holder li:last-child,

.helios_simple .container>:last-child,

.helios_widget_articles li:last-child,

.widget:last-child {

    margin-bottom: 0

}



.header .nav .sub-menu a {

    line-height: 30px;

    white-space: nowrap

}



.header .nav .sub-menu a:after {

    content: '';

    position: absolute;

    right: 100%;

    top: 0;

    bottom: 0;

    width: 0;

    transition: .3s

}



.header .nav .sub-menu a:hover {

    color: var(--mc2);

    transform: translateX(15px)

}



.header .nav .sub-menu a:hover:after {

    width: 15px

}



.gradient_link {

    line-height: 38px;

    background: rgba(255, 255, 255, .25);

    background: -moz-linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .25) 50%, rgba(255, 255, 255, 0) 100%);

    background: -webkit-linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .25) 50%, rgba(255, 255, 255, 0) 100%);

    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .25) 50%, rgba(255, 255, 255, 0) 100%);

    border: 1px solid rgba(255, 255, 255, .3);

    -webkit-transition: .4s cubic-bezier(.42, 0, .58, 1);

    -o-transition: .4s cubic-bezier(.42, 0, .58, 1);

    transition: .4s cubic-bezier(.42, 0, .58, 1)

}



.connect_btn,.connect_btn1,

.hero_header .title {

    letter-spacing: 0;

   

}



.connect_btn,.connect_btn1,

.gradient_link:before {

    -webkit-transition: .4s cubic-bezier(.42, 0, .58, 1);

    -o-transition: .4s cubic-bezier(.42, 0, .58, 1)

}



.condition_trigger:hover,

.connect_btn:hover,

.connect_btn1:hover,

.gradient_link:hover {

    color:#bcd4f9 !important

}



.condition_trigger:hover:before,

.connect_btn:hover:before,

.connect_btn1:hover:before,

.gradient_link:hover:before,

.helios_button:hover .text:before,

.connect_btn1:hover .menubtn:before,

.trigger:hover:before {

    right: 0;

    left: auto;

    width: 100%

}



.gradient_link:before {

    display: block;

    position: absolute;

    top: 0;

    left: 0;

    height: 100%;

    width: 0;

    z-index: -1;

    content: '';

    color: #000 !important;

    background: var(--mc2);

    transition: .4s cubic-bezier(.42, 0, .58, 1)

}



.connect_btn,

.connect_btn1,

.header .helpful,

.helios_mobnav .triggers {

    display: -webkit-flex;

    display: -moz-flex;

    display: -ms-flex;

    display: -o-flex

}



#home,

.connect_btn,

.connect_btn1,

.helios_button,

.trigger {

    position: relative

}



.header .helpful,

.helios_mobnav .triggers {

    display: flex;

    column-gap: 2px

}

.helios_mobnav .logo img{

    width: 60px;

}

.connect_btn,.connect_btn1 {

    display: flex;

    -ms-align-items: center;

    align-items: center;

    text-decoration: none;

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

    font-size: 16px;

    color: #fff;

    font-weight: 600;

    min-height: 45px;

    padding: 10px 5px;

    text-align: center;

    overflow: hidden;

    /*transition: .4s cubic-bezier(.42, 0, .58, 1);*/

    /*border-radius: 30px*/

}



/*.condition_trigger .text,

.connect_btn .text {

        z-index: 2;

        position: relative;

        top: 1px

}*/



/*.condition_trigger:after,

.connect_btn:after {

        z-index: 0;

        left: 0;

        right: 0;

        bottom: 0;

        top: 0;

        border-radius: 30px;

        border: 3px solid #00d8ff;

        position: absolute;

        content: ''

}*/



/*.condition_trigger:before,

.connect_btn:before {

        display: block;

        position: absolute;

        top: 0;

        left: 0;

        height: 100%;

        width: 0;

        z-index: 1;

        content: '';

        color: #000 !important;

        background: var(--mc2);

        -webkit-transition: .4s cubic-bezier(.42, 0, .58, 1);

        -o-transition: .4s cubic-bezier(.42, 0, .58, 1);

        transition: .4s cubic-bezier(.42, 0, .58, 1)

}*/

.header .helpful .menubtn,.triggers .menubtn{

    margin: 0px;

    max-width: 180px;

    padding-left: 15px;

    min-height: 20px;

    position: relative;

  

    letter-spacing: .25px;

    font-family: var(--bff);

    line-height: 16px;

    border-left: 3px solid #ffffff;

    display: flex;

    -ms-align-items: center;

    align-items: center;

}

.triggers .menubtn{

    padding-left: 10px;

}

.trigger {

    width: 35px;

    min-width: 35px;

    height: 40px;

    display: block;

    text-decoration: none;

    border-radius: 100%

}

.helios_mobnav .triggers{

    column-gap: 0px

}

.hero_header,

.hero_header .buttons {

    display: -webkit-flex;

    display: -moz-flex;

    display: -ms-flex;

    display: -o-flex

}



.trigger span {

    top: 21px;

    left: 13px

}



.trigger span,

.trigger span:after,

.trigger span:before {

    position: absolute;

    width: 19px;

    height: 3px;

    display: block;

    background-color: #fff;

    content: '';

    -webkit-transition: .3s;

    -o-transition: .3s;

    transition: .3s

}



.fn_cs_slider .slider_top li.prev,

.trigger span:after,

.trigger span:before {

    left: 0

}



.trigger span:before {

    bottom: 100%;

    margin-bottom: 3px

}



.trigger span:after {

    top: 100%;

    margin-top: 3px

}



.fn_cs_contact_form input[type=text]:focus,

.fn_cs_contact_form textarea:focus,

.helios_filters .checkbox input:checked~.checkmark,

.helios_rightnav .search_holder a:hover,

.helios_rightnav .social_icons a:hover,

.trigger:hover {

    border-color: var(--mc2)

}



.helios_result_box .condition_trigger:hover .icon:after,

.helios_tags>*>:hover:before,

.trigger:hover span,

.trigger:hover span:after,

.trigger:hover span:before {

    background-color: #baa08c

}



/*.trigger:after {

        z-index: -2;

        left: 0;

        right: 0;

        bottom: 0;

        top: 0;

        border-radius: 100%;

        border: 3px solid #00d8ff;

        position: absolute;

        content: ''

}



.trigger:before {

        display: block;

        position: absolute;

        top: 0;

        left: 0;

        height: 100%;

        width: 0;

        z-index: -1;

        content: '';

        background: var(--mc2);

        -webkit-transition: .4s cubic-bezier(.42, 0, .58, 1);

        -o-transition: .4s cubic-bezier(.42, 0, .58, 1);

        transition: .4s cubic-bezier(.42, 0, .58, 1)

}*/

.helios_button{

        box-shadow: 0 0 15px 5px rgba(0, 0, 0, .1);

}





.helios_button:hover .text {

    color:#fff;

    

}

.helios_button:hover {

       background-color: #243468;

       box-shadow: 0 0 15px 5px rgb(156 156 156 / 28%);

}

.helios_buttonbkwhite:hover .text {

    color:#fff;

    

}

.helios_buttonbkwhite:hover {

       background-color: #c7ab97;

}

.helios_buttonbkwhite .text:hover {

    color:#243468;

}

#home {

    padding: 230px 0 274px

}



.hero_header {

    display: flex;

    -ms-align-items: center;

    align-items: center;

    justify-content: space-between

}



.hero_header .hero_left {

    width: 50%;

    max-width: 500px;

    padding-right: 45px

}



.hero_header .title {

    font-size: 60px;

    margin: 0 0 26px;

    font-weight: 700;

    line-height: 1.2

}



.hero_header .description {

    margin-bottom: 40px

}



.hero_header .buttons {

    display: flex;

    flex-wrap: wrap;

    margin-bottom: 18px

}



.fn_animated_text,

.hero_header .info,

.helios_pnb .item_in {

    display: -webkit-flex;

    display: -moz-flex;

    display: -ms-flex;

    display: -o-flex

}



.hero_header .buttons a,

.helios_result_box>* {

    margin: 0 10px 10px 0

}



.hero_header .info,

.helios_pnb .item_in {

    display: flex;

    -ms-align-items: center;

    align-items: center

}



.hero_header .info .count {

    font-size: 60px;

    color: var(--mc2);

    font-weight: 700;

    margin: 0;

    text-transform: uppercase

}



.hero_header .info p {

    margin: 0 0 0 30px;

    max-width: 150px;

    color: rgba(255, 255, 255, .8);

    font-size: 18px;

    line-height: 1.2

}



.fn_animated_text {

    margin: 0;

    font-size: 24px;

    color: rgba(255, 255, 255, .8);

    display: flex;

    flex-wrap: wrap

}



.fn_animated_text.small,

.helios_rightnav .nav_holder .next,

.helios_rightnav .nav_holder .prev {

    font-size: 18px

}



.helios_button .text,

.helios_button input[type=submit] {

    font-size: 16px;

    font-family: var(--hff);

    letter-spacing: 0;

    font-weight: 700;

    text-transform: uppercase

}



.fn_animated_text .letter {

    color: rgba(255, 255, 255, .8);

    opacity: 0;

    transform: translate(-300px, 0) scale(0);

    display: inline-block

}



@keyframes FrenifyLetterAnimation {



    60%,

    80% {

        transform: translate(20px, 0) scale(1);

        color: rgba(255, 255, 255, .8)

    }



    99% {

        transform: translate(0) scale(1.2);

        color: var(--mc2)

    }



    100% {

        transform: translate(0) scale(1);

        opacity: 1;

        color: rgba(255, 255, 255, .8)

    }

}



.fn_animated_text[data-color=black] .letter,

.fn_cs_title .desc[data-color=black],

.fn_cs_title .title[data-color=black],

.maintitle[data-color=black],

.helios_result_box .result_item a:hover .fn__svg,

.helios_result_box .result_item span {

    color: #000

}



@keyframes FrenifyLetterAnimationblack {



    60%,

    80% {

        transform: translate(20px, 0) scale(1);

        color: #000

    }



    99% {

        transform: translate(0) scale(1.2);

        color: var(--mc2)

    }



    100% {

        transform: translate(0) scale(1);

        opacity: 1;

        color: #000

    }

}



.helios_button {

    /*border: 1px solid 1px solid #071c68;*/

    background-color: var(--mc2);

    color: #fff;

    padding: 0px;

    display: block;

    text-decoration: none;

    width: fit-content;

    min-width: 125px;

    max-width: 100%;

    cursor: pointer;

    border-radius: 25px;

}



.helios_button:after,

.helios_button:before {

    /*	content: '';

            position: absolute;

            left: 0;

            right: 0;

            height: 2px;

            border-left: 2px solid var(--mc2);

            border-right: 2px solid var(--mc2);

            -webkit-transition: .3s;

            -o-transition: .3s;

            transition: .3s*/

}



.helios_button:before {

    top: 0

}



.helios_button:after {

    bottom: 0

}



.helios_button .text {

    display: -webkit-flex;

    display: -moz-flex;

    display: -ms-flex;

    display: -o-flex;

    display: flex;

    -ms-align-items: center;

    align-items: center;

    min-height: 30px;

    padding: 0 20px;

    min-width: 125px;

    text-align: center;

    color: #fff;

    position: relative;

    overflow: hidden;

    justify-content: center;

    border-radius: 25px;

}



.fn_cs_collection_info p,

.fn_cs_title .desc {

    font-weight: 300;

    font-size: 18px;

    text-align: center

}



.helios_button input[type=submit] {

    text-align: center;

    color: #000;

    background-color: transparent !important;

    outline: 0 !important

}



.helios_button .text img {

    margin-right: 10px;

    position: relative;

    top: -1px

}



.helios_button .text:after {

    /*	display: block;

            position: absolute;

            top: 0;

            left: 0;

            height: 100%;

            z-index: -2;

            content: '';

            right: 0;

            background-color: var(--mc2)*/

}



.helios_button .text:before {

    /*	display: block;

            position: absolute;

            top: 0;

            left: 0;

            height: 100%;

            width: 0;

            z-index: -1;

            content: '';

            background: #fff;

            -webkit-transition: .4s cubic-bezier(.42, 0, .58, 1);

            -o-transition: .4s cubic-bezier(.42, 0, .58, 1);

            transition: .4s cubic-bezier(.42, 0, .58, 1)*/

}



.frenify_cards_gallery img,

.helios_button:hover:after,

.helios_button:hover:before,

.helios_result_box .result_item a:hover:after {

    opacity: 0

}



.helios_button.white,

.helios_iconbtn:hover {

    border-color: #fff

}



#blog,

#team,

#video {

    /*border-bottom: 1px solid rgba(255, 255, 255, .3)*/

}



.helios_button.white:after,

.helios_button.white:before {

    border-left-color: #fff;

    border-right-color: #fff

}



.fn_cs_title .divider[data-color="2"] .line:after,

.fn_cs_title .divider[data-color="2"] .line:before,

.fn_cs_title .divider[data-color="2"] div,

.helios_button.white .text:before {

    background-color: var(--mc2)

}



.helios_button.white .text:after,

.helios_iconbtn:hover .btn {

    background-color: #fff

}



#full_slider,

.fn_cs_blog,

.fn_cs_campus,

.fn_cs_glitch_slider,

.fn_cs_video,

.helios_categories li a span {

    position: relative

}



.fn_cs_glitch_slider .slider .active {

    position: relative;

    transform: translateY(0);

    opacity: 1;

    visibility: visible

}



.fn_cs_glitch_slider .slider li {

    margin: 0;

    padding: 0;

    position: absolute;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    opacity: 0;

    visibility: hidden;

    transition: .5s

}



.fn_cs_glitch_slider .slider ul,

.frenify_cards_gallery ul {

    margin: 0;

    padding: 0;

    list-style-type: none;

    position: relative

}



.fn_cs_glitch_slider .slider .item,

.nft_single_img .item {

    width: 100%;

    border: 1px solid rgba(255, 255, 255, .3);

    padding: 30px;

    position: relative

}



.left__border:before,

.right__border:before {

    border-top: 2px solid #fff;

    top: -1px

}



.right__border:after,

.right__border:before {

    border-right: 2px solid #fff;

    right: -1px

}



.left__border:after,

.right__border:after {

    border-bottom: 2px solid #fff;

    bottom: -1px

}



.slider__count {

    overflow: hidden;

    position: absolute;

    left: 0;

    bottom: -80px;

    width: 100%;

    min-height: 250px;

    text-align: center;

    font-size: 36px;

    font-family: var(--hff);

    line-height: .85;

    font-weight: 700;

    text-transform: uppercase;

    transition: transform .5s, opacity .3s 1.4s;

    transform: translate3d(0, 1vw, 0)

}



.slider__count .count-back,

.slider__count .count-front {

    position: absolute;

    left: 0;

    bottom: 0;

    width: 100%

}



.active .slider__count {

    transform: translate3d(0, 0, 0)

}



.slider__count .count-overlay {

    overflow: hidden;

    position: relative;

    transform: translate3d(100%, 0, 0);

    transition: transform 1.5s .2s;

    color: transparent

}



.slider__count .count-overlay:before {

    content: attr(data-index);

    position: absolute;

    left: 0;

    bottom: 0;

    width: 100%;

    height: 100%;

    color: var(--mc2);

    transform: translate3d(-100%, 0, 0);

    transition: transform 1.5s .2s

}



.active .slider__count .count-overlay,

.active .slider__count .count-overlay:before {

    transform: translate3d(0, 0, 0)

}



.left__border:after,

.left__border:before,

.right__border:after,

.right__border:before {

    content: '';

    position: absolute;

    width: 20px;

    height: 20px;

    display: block;

    z-index: 1;

    transition: .3s

}



.fn_cs_glitch_slider .img,

.fn_cs_glitch_slider .pagination ul {

    display: -webkit-flex;

    display: -moz-flex;

    display: -ms-flex;

    display: -o-flex;

    position: absolute

}



.blog__item:hover .left__border:after,

.blog__item:hover .left__border:before,

.blog__item:hover .right__border:after,

.blog__item:hover .right__border:before,

.img_holder:hover .left__border:after,

.img_holder:hover .left__border:before,

.img_holder:hover .right__border:after,

.img_holder:hover .right__border:before,

.item:hover .left__border:after,

.item:hover .left__border:before,

.item:hover .right__border:after,

.item:hover .right__border:before,

.nft__item:hover .left__border:after,

.nft__item:hover .left__border:before,

.nft__item:hover .right__border:after,

.nft__item:hover .right__border:before {

    width: 70px;

    height: 70px

}



.left__border:after,

.left__border:before {

    border-left: 2px solid #fff;

    left: -1px

}



.fn_cs_glitch_slider .img {

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    display: flex

}



.fn_cs_glitch_slider .img span {

    width: 25%;

    height: 100%;

    transition: 1s;

    background-size: cover;

    transform: translateY(-150%)

}



.fn_cs_glitch_slider .img span:first-child {

    background-position: 0;

    transition-delay: 0s

}



.fn_cs_glitch_slider .img span:nth-child(2) {

    background-position: 33.33333%;

    transition-delay: .1s

}



.fn_cs_glitch_slider .img span:nth-child(3) {

    background-position: 66.66666%;

    transition-delay: .2s

}



.fn_cs_glitch_slider .img span:nth-child(4) {

    background-position: 100%;

    transition-delay: .3s

}



.fn_cs_glitch_slider .image,

.frenify_cards_gallery .item_in,

.nft_single_img .item_in {

    border: 2px solid rgba(255, 255, 255, .4);

    background-color: rgba(255, 255, 255, .2);

    overflow: hidden;

    position: relative

}



.fn_cs_glitch_slider .image img {

    opacity: 0;

    min-width: 100%

}



.fn_cs_glitch_slider .pagination li:last-child {

    margin-top: 0

}



.fn_cs_glitch_slider .pagination li {

    margin: 0;

    padding: 0;

    width: 3px;

    height: 50px;

    transition: opacity .3s;

    position: absolute;

    left: 0;

    right: 0

}



.fn_cs_glitch_slider .pagination ul {

    left: 100%;

    bottom: 31px;

    list-style-type: none;

    margin: 0 0 0 30px;

    padding: 0;

    display: flex;

    -webkit-flex-direction: column-reverse;

    -moz-flex-direction: column-reverse;

    -ms-flex-direction: column-reverse;

    -o-flex-direction: column-reverse;

    flex-direction: column-reverse

}



.fn_cs_glitch_slider .pagination .item {

    width: 100%;

    height: 100%;

    background-color: rgba(255, 255, 255, .4);

    position: relative

}



.fn_cs_glitch_slider .pagination .active .item:after {

    height: 100%;

    transition: 3s linear;

    top: auto;

    bottom: 0

}



.fn_cs_glitch_slider .pagination .item:after {

    content: '';

    position: absolute;

    width: 100%;

    top: 0;

    left: 0;

    right: 0;

    height: 0;

    background-color: #fff;

    z-index: 2;

    transition: .5s linear

}



.fn_cs_title .divider .line:after,

.fn_cs_title .divider .line:before {

    bottom: 0;

    transition: .6s;

    opacity: 0;

    background-color: var(--mc2);

    width: 50%;

    content: ''

}



#about,#blog {

    padding-top: 60px;

    padding-bottom: 60px;

    background-color: var(--mc2);

    background: linear-gradient(180deg, #243468 42%, #fff 42%);

    position: relative

}

#blog .read_all a{

    color:#fff;

}

#whyhelios {

    padding-top: 60px;

    padding-bottom: 60px;

    background-color: var(--mc2);

    background: linear-gradient(180deg, #fff 50%, #243468 50%);

    position: relative

}

.whyheliosimgdiv{

    width:33.33%;

    padding: 20px;

}

.whyheliosimg{

    width: auto;

    box-shadow: 0 0 5px 2px rgb(0 0 0 / 26%);

    border-radius: 27px;

    padding: 20px;

    background: #fff;

}

#about .fn_cs_title {

    margin-bottom: 41px

}



.section_divider {

    position: absolute;

    left: 0;

    right: 0;

    bottom: -1px;

    z-index: 55

}



.section_divider .fn__svg {

    width: 100%;

    height: auto;

    display: block

}



.fn_cs_title .title[data-color=white],

.maintitle[data-color=white],

.helios_pagination a,

.section_divider .st0 {

    color: #fff

}



.about_img {

    padding-top: 58px;

    margin: 0 auto;

    text-align: center;

    position: relative

}



.about_img img {

    position: relative;

    z-index: 2

}



.about_img .top {

    bottom: 0;

    color: var(--mc1)

}



.about_img .bottom,

.bottom_icon .bottom {

    top: 100%;

    color: #af8b1d

}



.about_img .fn__svg,

.bottom_icon .fn__svg {

    width: 100%;

    display: block;

    height: auto;

    position: absolute;

    z-index: 0

}



.fn_cs_title .desc {

    color: #fff;

    justify-content: center;

    max-width: 1100px;

    margin: 0 auto;

    padding-top: 21px

}



.fn_cs_title .divider {

    width: 444px;

    max-width: 100%;

    height: 16px;

    position: relative;

    margin: 0 auto 30px

}



.fn_cs_title .divider .line {

    background-color: transparent !important;

    height: 2px;

    position: absolute;

    top: 50%;

    margin-top: -1px;

    left: 0;

    right: 0

}



.fn_cs_title .divider .line:after {

    position: absolute;

    right: 0;

    top: 0;

    transform: translateX(500px)

}



.fn_cs_title .divider .line:before {

    position: absolute;

    left: 0;

    top: 0;

    transform: translateX(-500px)

}



.fn_cs_title .divider .middle {

    position: absolute;

    width: 96px;

    height: 100%;

    clip-path: polygon(0 0, 100% 0, 92% 100%, 8% 100%);

    left: 50%;

    margin-left: -48px;

    transition: .3s .3s

}



.fn_cs_title .divider .left2 {

    width: 38px;

    height: 100%;

    clip-path: polygon(0 0, 79% 0, 100% 100%, 21% 100%);

    right: 50%;

    margin-right: 54px;

    position: absolute;

    transition: .3s .5s

}



.fn_cs_title .divider .left1 {

    width: 20px;

    height: 100%;

    clip-path: polygon(0 0, 60% 0, 100% 100%, 40% 100%);

    right: 50%;

    margin-right: 97px;

    position: absolute;

    transition: .3s .7s

}



.fn_cs_title .divider .right2 {

    width: 38px;

    height: 100%;

    clip-path: polygon(21% 0, 100% 0, 79% 100%, 0 100%);

    left: 50%;

    margin-left: 54px;

    position: absolute;

    transition: .3s .5s

}



.fn_cs_title .divider .right1 {

    width: 20px;

    height: 100%;

    clip-path: polygon(40% 0, 100% 0, 60% 100%, 0 100%);

    left: 50%;

    margin-left: 97px;

    position: absolute;

    transition: .3s .7s

}



.fn_cs_title .divider .left1,

.fn_cs_title .divider .left2,

.fn_cs_title .divider .middle,

.fn_cs_title .divider .right1,

.fn_cs_title .divider .right2 {

    transform: translateY(50px);

    opacity: 0

}



.fn_cs_title.ready .divider .left1,

.fn_cs_title.ready .divider .left2,

.fn_cs_title.ready .divider .middle,

.fn_cs_title.ready .divider .right1,

.fn_cs_title.ready .divider .right2 {

    transform: translateY(0);

    opacity: 1

}



.fn_cs_title.ready .divider .line:after,

.fn_cs_title.ready .divider .line:before {

    transform: translateX(0);

    opacity: 1

}



.fn_cs_title .title,

.maintitle {

    margin: 0;

    font-size: 50px;

    font-weight: 900;

    letter-spacing: 0;

    line-height: 1.1;

    text-align: left;

    border-bottom: 3px solid #baa08c;

    width: fit-content;

    padding-bottom: 4px;

}

.aboutusfloatptag,.aboutusfloatptag1{

    position: absolute;

    left: 20px;

    top: 12%;

}

.aboutusfloatptag1{

    top: 45%;

}

.fn_cs_title .divider[data-color="1"] .line:after,

.fn_cs_title .divider[data-color="1"] .line:before,

.fn_cs_title .divider[data-color="1"] div {

    background-color: var(--mc1)

}



.fn_cs_title .title.small {

    font-size: 36px;

    padding-top: 4px

}



#blog,

#video {

    padding: 50px 0 50px

}



#video .fn_cs_title {

    margin-bottom: 52px

}



.fn_cs_video img {

    min-height: 240px;

    box-shadow: 0 10px 50px rgba(0, 0, 0, .15)

}



.fn_cs_video a,

a.helios_videobutton {

    position: absolute;

    display: block;

    left: 50%;

    top: 50%;

    margin: -60px 0 0 -60px;

    z-index: 25

}



.fn_cs_video a:after,

a.helios_videobutton:after {

    width: 90px;

    height: 90px;

    content: '';

    position: absolute;

    left: 50%;

    top: 50%;

    background-color: #fff;

    border-radius: 50%;

    margin: -45px 0 0 -45px;

    z-index: -1

}



.fn_cs_video a .fn__svg,

a.helios_videobutton .fn__svg {

    width: 120px;

    height: 120px;

    display: block;

    transition: 1s;

    border-radius: 50%

}



.fn_cs_video a .stroke-solid,

a.helios_videobutton .stroke-solid {

    stroke-width: 6px;

    stroke: rgba(255, 255, 255, .5);

    stroke-dashoffset: 0;

    stroke-dashArray: 300;

    stroke-width: 4px;

    transition: stroke-dashoffset 1s, opacity 1s

}



.fn_cs_video a .icon,

a.helios_videobutton .icon {

    color: var(--mc1);

    transform: scale(.7);

    transform-origin: 50% 50%;

    transition: transform .2s ease-out

}



.fn_cs_video a:hover .stroke-solid,

a.helios_videobutton:hover .stroke-solid {

    opacity: 1;

    stroke-dashoffset: 300

}



.fn_cs_video a:hover .icon,

a.helios_videobutton:hover .icon {

    transform: scale(.8)

}



.fn_cs_video a:hover .fn__svg,

a.helios_videobutton:hover .fn__svg {

    background-color: rgba(255, 255, 255, .05)

}



#collection {

    padding: 150px 0 0

}



#collection .fn_cs_title {

    margin-bottom: 46px

}



.fn_cs_moving_collection,

.helios_comments .comment {

    margin-bottom: 30px

}



.fn_cs_moving_collection .item {

    width: 300px;

    position: relative

}



.fn_cs_moving_collection img {

    min-width: 100%;

    opacity: 0;

    display: inline !important

}



.fn_cs_moving_collection .left__border,

.fn_cs_moving_collection .right__border,

.fn_cs_slider .hidden_list,

.fn_cs_team .details ul li:first-child:before,

.helios_mobnav,

.helios_rightnav .nav_holder .icon,

.helios_rightnav.ready,

.helios_rightnav_closer.ready,

.helios_wallet_closer.ready,

.helios_walletbox.ready {

    display: none

}



.fn_cs_collection_info .info_in,

.fn_cs_team .team_list {

    display: -webkit-flex;

    display: -moz-flex;

    display: -ms-flex;

    display: -o-flex

}



.fn_cs_moving_collection[data-layout=modern] .item {

    border: 2px solid rgba(255, 255, 255, .4);

    background-color: rgba(255, 255, 255, .2)

}



.fn_cs_moving_collection[data-layout=modern] .abs_img {

    left: 17px;

    right: 17px;

    top: -2px;

    bottom: -2px

}



.fn_cs_moving_collection[data-layout=border] .left__border,

.fn_cs_moving_collection[data-layout=border] .right__border,

.frenify_cards_gallery .current .img_holder a,

.helios_filters .checkbox input:checked~.checkmark .fn__svg {

    display: block

}



.fn_cs_moving_collection[data-layout=border] .item {

    border: 1px solid rgba(255, 255, 255, .4)

}



.fn_cs_moving_collection[data-layout=border] .abs_img {

    left: 20px;

    right: 20px;

    bottom: 20px;

    top: 20px;

    border: 1px solid rgba(255, 255, 255, .3)

}



.fn_cs_collection_info {

    position: relative;

    padding-top: 109px;

    padding-bottom: 150px

}



.fn_cs_collection_info .info_in {

    display: flex;

    -webkit-flex-direction: column;

    -moz-flex-direction: column;

    -ms-flex-direction: column;

    -o-flex-direction: column;

    flex-direction: column;

    -ms-align-items: center;

    align-items: center;

    max-width: 720px;

    margin: 0 auto;

    position: relative;

    z-index: 1

}



.fn_cs_collection_info .fn__svg.bottom {

    position: absolute;

    bottom: 0;

    width: 100%;

    left: 0;

    color: var(--mc1);

    opacity: .2;

    height: auto;

    z-index: 0

}



.fn_cs_collection_info .count {

    color: var(--mc2);

    font-weight: 900;

    margin: 0 0 21px;

    line-height: 1;

    font-size: 7.82vw

}



.fn_cs_collection_info .title {

    margin: 0 0 27px;

    font-size: 36px;

    text-transform: uppercase;

    font-weight: 900;

    letter-spacing: 0;

    line-height: 1.1;

    text-align: center

}



.fn_cs_collection_info p {

    margin: 0 0 42px;

    color: #fff;

    justify-content: center

}



#parallax {

    overflow: hidden;

    position: relative

}



.myparallax {

    height: 80vh;

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover

}



.myparallax[data-parallax=yes] {

    background-attachment: fixed

}



.particle_wrapper {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    z-index: 5

}



#team {

    position: relative;

    padding: 150px 0 260px

}



#team .fn_cs_title {

    margin-bottom: 92px

}



.fn_cs_team .team_list {

    display: flex;

    margin: 0 0 0 -40px;

    padding: 0;

    list-style-type: none;

    flex-wrap: wrap

}



.fn_cs_contact_info ul,

.fn_cs_team .details ul {

    display: -webkit-flex;

    display: -moz-flex;

    display: -ms-flex;

    display: -o-flex;

    flex-wrap: wrap;

    list-style-type: none

}



.fn_cs_team .team_item {

    width: 33.3333%;

    padding: 0 0 0 40px;

    margin: 0 0 40px

}



.fn_cs_team .item {

    position: relative;

    width: 100%;

    border: 1px solid rgba(255, 255, 255, .3);

    padding: 19px

}



.fn_cs_team .image img {

    min-width: 100%;

    margin-bottom: 20%

}



.fn_cs_team .item_in {

    width: 100%;

    position: relative;

    border: 2px solid rgba(255, 255, 255, .2)

}



.fn_cs_team .title_holder {

    position: absolute;

    left: 12px;

    bottom: 12px;

    right: 12px;

    z-index: 3

}



.fn_cs_team .title_holder .occ {

    margin: 0;

    padding: 0 10px;

    font-size: 16px;

    color: #fff;

    line-height: 42px;

    text-align: center;

    background-color: #000

}



.fn_cs_team .title_holder .occ span {

    position: relative;

    top: 1px

}



.fn_cs_team .details {

    margin: 0;

    padding: 15px 10px 11px;

    background-color: var(--mc2)

}



.fn_cs_team .details ul {

    display: flex;

    margin: 0;

    padding: 0;

    -ms-align-items: center;

    align-items: center;

    justify-content: center

}



.fn_cs_team .details ul li {

    margin: 0;

    position: relative;

    display: -webkit-flex;

    display: -moz-flex;

    display: -ms-flex;

    display: -o-flex;

    display: flex;

    -ms-align-items: center;

    align-items: center

}



.fn_cs_team .details ul li:before {

    content: '—';

    margin: 0 4px;

    font-size: 16px;

    font-family: var(--hff);

    color: #000

}



.fn_cs_team .details ul a {

    display: block;

    text-decoration: none;

    font-size: 16px;

    font-family: var(--hff);

    color: #000

}



.fn_cs_team .details .name {

    margin: 0;

    padding: 0;

    font-size: 16px;

    text-align: center;

    text-transform: uppercase;

    font-weight: 600;

    letter-spacing: 0;

    color: #000

}



#contact,

.helios_collectionpage,

.helios_comments {

    padding: 50px 0

}



.fn_cs_contact_info {

    padding: 5px 0

}



.fn_cs_contact_info p {

    margin-bottom: 27px

}



.fn_cs_contact_info ul {

    margin: 0px;

    padding:0px;

    display: flex

}



.fn_cs_contact_info li {

   

    margin-bottom: 40px

}

.quicklinks ul li{

    width: 100%;

    margin-bottom: 15px;

        color: #fff;

}

.quicklinks a{

    color:#fff;

    text-decoration: underline;

}

.quicklinks a:hover{

    color:#8e8e8e;

    text-decoration: none;

}

.fn_cs_contact_info h4 {

    margin: 0 0 9px;

    font-weight: 900;

    color: var(--bc);

    text-transform: uppercase;

    font-size: 22px;

    letter-spacing: 0

}



.fn_cs_contact_info h3 {

    margin: 0 0 39px;

    font-weight: 300;

    letter-spacing: 0;

    font-size: 24px;

    font-family: var(--bff);

    max-width: 400px

}



.footer li a,

.footer p {

    font-size: 16px;

    letter-spacing: 0;

    color: #fff

}



.fn_cs_contact_form ul {

    list-style-type: none;

    display: -webkit-flex;

    display: -moz-flex;

    display: -ms-flex;

    display: -o-flex;

    display: flex;

    margin: 0 0 0 -40px;

    flex-wrap: wrap

}



.fn_cs_contact_form input[type=text],

.helios_comments .comment-form input[type=text] {

    height: 40px;

    padding: 0 20px

}



.fn_cs_contact_form input[type=text],

.fn_cs_contact_form textarea,select {

    display: block;

    width: 100%;

    min-width: 100%;

    background-color: #ffffff !important;

    outline: 0;

    color: #000;

    border: 1px solid;

    border-radius: 20px;

}



.fn_cs_contact_form li {

    width: 50%;

        padding: 0px 20px;

    margin-bottom: 10px

}



.empty_notice,

.returnmessage {

    padding: 20px;

    width: 100%;

    display: none;

    color: #243468;

    margin-top: 20px;

    position: relative

}



.empty_notice:after,

.returnmessage:after {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    border: 2px solid rgba(255, 255, 255, .5)

}



.fn__checkbox {

    display: block;

    position: relative;

    padding-left: 37px;

    cursor: pointer;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    margin-bottom: 37px

}



.fn__checkbox .fn__svg {

    opacity: 0;

    width: 14px;

    height: 14px;

    display: block;

    position: absolute;

    top: 50%;

    left: 50%;

    margin: -7px 0 0 -7px;

    color: var(--mc2)

}



.footer,

.footer ul,

.helios_rightnav .navbox {

    display: -webkit-flex;

    display: -moz-flex;

    display: -ms-flex;

    display: -o-flex

}



.fn__checkbox p,

.helios_coming_soon .soon_title p {

    margin: 0;

    color: #fff

}



.fn__checkbox input {

    position: absolute;

    opacity: 0;

    cursor: pointer;

    height: 0;

    width: 0

}



.fn__checkmark {

    position: absolute;

    top: 1px;

    left: 0;

    height: 22px;

    width: 22px;

    border: 2px solid rgba(255, 255, 255, .5)

}



.fn__checkbox input:checked~.fn__checkmark .fn__svg,

.helios_totop.clicked .arrow:after,

.wid-title .text:hover:after {

    opacity: 1

}



#footer {

    padding: 5px 0 5px;

    border-top: 1px solid rgba(255, 255, 255, .08);

    box-shadow: 0 5px 20px rgba(0, 0, 0, .25);

    background-color: rgb(0 41 75)

}



.footer {

    display: flex;

    justify-content: space-between;

    -webkit-column-gap: 40px;

    -moz-column-gap: 40px;

    -o-column-gap: 40px;

    column-gap: 40px;

    -ms-align-items: center;

    align-items: center

}



.footer p {

    margin: 0;

    

}



.footer p a,

.helios_rightnav .copyright a {

    color: #fff;

    text-decoration: none

}



.footer ul {

    margin: 0 0 0 -30px;

    list-style-type: none;

    display: flex;

    flex-wrap: wrap

}



.footer li {

    margin: 0 0 0 30px

}



.footer li a {

    font-family: var(--hff);

    text-decoration: none

}



.helios_rightnav_closer,

.helios_wallet_closer {

    position: fixed;

    z-index: 999;

    left: 0;

    bottom: 0;

    top: 0;

    right: 0;

    background-color: rgba(0, 0, 0, .8);

    transition: .5s;

    cursor: pointer;

    transform: translateX(-102%)

}



.helios_rightnav,

.helios_walletbox {

    z-index: 9999;

    overflow-y: auto;

    scrollbar-width: thin;

    scrollbar-color: #999 #fff

}



.helios_rightnav.active,

.helios_rightnav_closer.active,

.helios_wallet_closer.active {

    transform: translateX(0)

}



.helios_rightnav {

    transform: translateX(102%);

    width: auto;

    position: fixed;

    right: 0;

    top: 0;

    bottom: 0;

    background-color: #fff;

    padding: 0px;

    transition: .5s

}



.helios_rightnav .navbox {

    display: flex;

    -webkit-flex-direction: column;

    -moz-flex-direction: column;

    -ms-flex-direction: column;

    -o-flex-direction: column;

    flex-direction: column;

    justify-content: space-between

}



.helios_rightnav .nav_holder {

    padding: 20px 0 64px;

    overflow: hidden;

    position: relative

}



.helios_rightnav .nav_holder ul {

    list-style-type: none;

    margin: 0;

    text-align: left;

    padding: 0px;

    transition: .3s

}



.helios_rightnav .nav_holder .sub-menu {

    margin: 0;

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    background-color: #024add;

    left: 100%;

    opacity: 0

}



.helios_rightnav .nav_holder .active~.sub-menu {

    z-index: 5;

    opacity: 1

}

.menuimage{

    width:30px;

    height:30px;

    display: table-cell;

        margin: auto 0px;

}

.helios_rightnav .nav_holder a {

    font-size: 22px;

    color: #ddd;

    letter-spacing: -.25px;

    line-height: 30px;

    font-family: var(--bff);

    text-decoration: none;

    display: block;

    font-weight: 700;

    padding: 0px 25px;

    display: table-row;

    

        margin: auto;

    display: flex;

}

.nav_holder a:hover img{

    filter: brightness(0) invert(1);

}

.helios_rightnav .search_holder,

.helios_rightnav .search_holder a,

.helios_rightnav .social_icons ul {

    display: -webkit-flex;

    display: -moz-flex;

    display: -ms-flex;

    display: -o-flex

}



.helios_rightnav .nav_holder .fn__svg {

    -webkit-transform: rotate(-90deg);

    -ms-transform: rotate(-90deg);

    -o-transform: rotate(-90deg);

    transform: rotate(-90deg);

    color: #243468;

    width: 12px;

    height: 12px;

}

.fn__closer{

    border: 2px solid #243468;

    border-radius: 25px;

}

.helios_rightnav .nav_holder .prev .fn__svg {

    -webkit-transform: rotate(90deg);

    -ms-transform: rotate(90deg);

    -o-transform: rotate(90deg);

    transform: rotate(90deg);

    right: 100%;

    margin-right: 5px;

    left: auto;

    margin-left: 0;

    margin-top: -7px

}



.helios_rightnav .list_holder .list a,

.helios_rightnav .nav_holder li {

    margin-bottom: 10px

}



.helios_rightnav .search_holder {

    display: flex;

    width: 100%;

    margin-bottom: 24px

}



.helios_rightnav .search_holder input {

    width: 100%;

    margin-right: 10px;

    height: 50px;

    line-height: 46px

}



.helios_rightnav .search_holder .fn__svg {

    width: 18px;

    height: 18px

}



.helios_rightnav .search_holder a {

    width: 60px;

    min-width: 60px;

    height: 50px;

    display: flex;

    -ms-align-items: center;

    align-items: center;

    justify-content: center;

    border: 2px solid rgba(255, 255, 255, .5);

    color: #fff

}



.helios_rightnav .copyright {

    text-align: center;

    margin-bottom: 17px

}



.helios_rightnav .copyright p {

    max-width: 250px;

    margin: 0 auto;

    font-size: 16px;

    line-height: 26px;

    letter-spacing: 0;

    font-family: var(--hff);

    color: #fff

}



.helios_rightnav .social_icons ul {

    display: flex;

    -webkit-flex-direction: row;

    -moz-flex-direction: row;

    -ms-flex-direction: row;

    -o-flex-direction: row;

    flex-direction: row;

    flex-wrap: wrap;

    margin: 0 0 0 -10px;

    list-style-type: none;

    -ms-align-items: center;

    align-items: center;

    justify-content: center

}



.helios_rightnav .social_icons li {

    margin: 5px 0 5px 10px

}



.helios_rightnav .social_icons a {

    text-decoration: none;

    color: #fff;

    display: -webkit-flex;

    display: -moz-flex;

    display: -ms-flex;

    display: -o-flex;

    display: flex;

    -ms-align-items: center;

    align-items: center;

    border: 2px solid rgba(255, 255, 255, .5);

    width: 40px;

    height: 40px;

    justify-content: center

}



.helios_rightnav .social_icons .fn__svg {

    width: 16px;

    height: 16px;

    display: block

}



.helios_404 .icon .fn__svg,

.helios_protected .icon .fn__svg {

    width: 146px;

    height: 146px;

    display: block

}



.helios_rightnav::-webkit-scrollbar {

    width: 4px

}



.helios_rightnav:-webkit-scrollbar-track {

    background: #444

}



.helios_rightnav::-webkit-scrollbar-thumb {

    background-color: var(--mc1)

}



.fn_cs_welcome,

.helios_rightnav .list_holder .list {

    display: -webkit-flex;

    display: -moz-flex;

    display: -ms-flex;

    display: -o-flex;

    display: flex;

    -webkit-flex-direction: column;

    -moz-flex-direction: column;

    -ms-flex-direction: column;

    -o-flex-direction: column;

    flex-direction: column;

    justify-content: center;

    -ms-align-items: center;

    align-items: start

}



.creative_link {

    display: inline-block;

    position: relative;

    transition: .3s ease-in-out;

    font-family: var(--bff);

    color:#243468;

    padding: 5px 20px;

    width: auto;

    display: table-cell;

}







.fn__closer,

.helios_walletbox .walletbox {

    display: -webkit-flex;

    display: -moz-flex;

    display: -ms-flex;

    display: -o-flex

}

.helios_rightnav .nav_holder a:hover {

    

    background-color:#243468;

}

.fn__closer:hover,.fn__closer:hover svg{

    background-color:#243468!important;

    color:#fff!important;

}

.helios_rightnav .nav_holder a:hover .creative_link{

    color: #fff;

    

}



.helios_walletbox {

    width: 540px;

    max-width: 100%;

    position: fixed;

    left: 50%;

    top: 50%;

    transform: translate(150%, -50%);

    background-color: #FFF;

    padding: 25px;

    transition: .5s;

    opacity: 0;

    visibility: hidden

}



.helios_walletbox::-webkit-scrollbar {

    width: 4px

}



.helios_walletbox:-webkit-scrollbar-track {

    background: #444

}



.helios_walletbox::-webkit-scrollbar-thumb {

    background-color: var(--mc1)

}



.helios_walletbox.active {

    opacity: 1;

    visibility: visible;

    transform: translate(-50%, -50%)

}



.helios_walletbox .walletbox {

    display: flex;

    -webkit-flex-direction: column;

    -moz-flex-direction: column;

    -ms-flex-direction: column;

    -o-flex-direction: column;

    flex-direction: column;

    justify-content: center

}



.helios_walletbox .title_holder {

    text-align: center;

}



.helios_walletbox .title_holder h3 {

    margin: 0 0 15px;

    font-size: 36px;

    letter-spacing: 0;

    text-transform: uppercase;

    font-weight: 700;

    color:#243468;

}



.helios_walletbox .title_holder p {

    margin: 0;

    font-size: 16px;

    letter-spacing: 0;

    line-height: 1.5;

    color: #fff

}

.walletbox .fn_cs_contact_form input[type=text]{

    height:40px;

}



.fn__closer {

    cursor: pointer;

    width: 30px;

    height: 30px;

    display: block;

    -ms-align-items: center;

    align-items: center;

    justify-content: center;

    background-color: #fff;

    position: absolute;

    right: 10px;

    padding: 0px;

    text-decoration: none;

    text-align: center;

}



.helios_iconbtn .btn,

.helios_iconbtn .icon,

.helios_items {

    display: -webkit-flex;

    display: -moz-flex;

    display: -ms-flex;

    display: -o-flex

}



.fn__closer .fn__svg {

    width: 8px;

    height: 8px;

    color: #000;

    margin-top: 0px;

}



.helios_items {

    display: flex;

    flex-wrap: wrap;

    margin: 0 0 0 -20px;

    padding: 0;

    list-style-type: none

}



.helios_items li {

    margin: 0 0 20px;

    padding: 0 0 0 20px;

    width: 50%

}



.helios_iconbtn {

    border: 3px solid var(--mc2);

    padding: 4px;

    display: block;

    text-decoration: none;

    color: #000;

    font-family: var(--hff);

    font-size: 16px;

    letter-spacing: .5px;

    text-transform: uppercase;

    font-weight: 500

}



.helios_iconbtn .btn {

    background-color: var(--mc2);

    padding: 15px;

    display: flex;

    -webkit-flex-direction: column;

    -moz-flex-direction: column;

    -ms-flex-direction: column;

    -o-flex-direction: column;

    flex-direction: column;

    -ms-align-items: center;

    align-items: center;

    justify-content: center;

    text-align: center;

    transition: .3s

}



.helios_iconbtn .icon {

    width: 50px;

    height: 50px;

    border-radius: 100%;

    background-color: #000;

    margin-bottom: 10px;

    display: flex;

    -ms-align-items: center;

    align-items: center;

    justify-content: center

}



.helios_iconbtn .text {

    max-width: 100%;

    overflow: hidden

}



.helios_mobnav .mob_top {

    background: #243468;

    /*	background: -moz-linear-gradient(90deg, #024add 0, #01a3f4 50%, #024add 100%);

            background: -webkit-linear-gradient(90deg, #024add 0, #01a3f4 50%, #024add 100%);

            background: linear-gradient(90deg, #024add 0, #01a3f4 50%, #024add 100%);*/

    display: -webkit-flex;

    display: -moz-flex;

    display: -ms-flex;

    display: -o-flex;

    display: flex;

    border-bottom: 1px solid rgba(255, 255, 255, .3);

    justify-content: space-between;

    padding: 20px;

    padding-right: 0px;

}



.helios_mobnav .mob_bot {

    display: none;

    background: #024add;

    background: -moz-linear-gradient(90deg, #024add 0, #01a3f4 50%, #024add 100%);

    background: -webkit-linear-gradient(90deg, #024add 0, #01a3f4 50%, #024add 100%);

    background: linear-gradient(90deg, #024add 0, #01a3f4 50%, #024add 100%);

    padding: 21px 20px;

    overflow: hidden;

    border-bottom: 1px solid rgba(255, 255, 255, .3)

}



.abs_img,

.helios_pnb .img {

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center center

}



.helios_mobnav .mob_bot ul {

    margin: 0;

    list-style-type: none

}



.helios_mobnav .mob_bot ul ul {

    margin-left: 20px

}



.helios_404,

.helios_coming_soon {

    padding: 200px 0

}



.helios_404 .icon {

    display: inline-block;

    margin-bottom: 37px;

    color: #fff

}



.helios_404 .message_holder,

.helios_protected .message_holder {

    width: 100%;

    max-width: 700px;

    margin: 0 auto;

    text-align: center

}



.helios_404 .message_holder {

    display: -webkit-flex;

    display: -moz-flex;

    display: -ms-flex;

    display: -o-flex;

    display: flex;

    justify-content: center;

    -webkit-flex-direction: column;

    -moz-flex-direction: column;

    -ms-flex-direction: column;

    -o-flex-direction: column;

    flex-direction: column;

    -ms-align-items: center;

    align-items: center

}



.helios_404 h3 {

    line-height: .9;

    font-size: 200px;

    font-size: calc(100px + 5.21vw);

    font-weight: 900;

    color: #fff;

    letter-spacing: 2px;

    margin-bottom: 6px

}



.helios_404 h4,

.helios_coming_soon .soon_title h3,

.helios_protected h3 {

    font-size: 36px;

    font-weight: 900;

    text-transform: uppercase

}



.helios_404 h4 {

    color: var(--mc2);

    margin-bottom: 14px

}



.helios_404 p {

    max-width: 420px;

    color: #fff;

    margin: 0 auto 22px

}



.helios_404 form,

.helios_protected form {

    display: -webkit-flex;

    display: -moz-flex;

    display: -ms-flex;

    display: -o-flex;

    display: flex;

    justify-content: space-between

}



.helios_404 input {

    width: auto;

    flex: 1;

    margin-right: 10px

}



.helios_protected {

    padding: 250px 0

}



.helios_protected h3 {

    color: var(--mc2);

    margin-bottom: 13px

}



.helios_protected .icon {

    display: inline-block;

    margin-bottom: 32px

}



.helios_boxed_countdown .count,

.helios_boxed_countdown ul,

.helios_pagetitle p {

    display: -webkit-flex;

    display: -moz-flex;

    display: -ms-flex;

    display: -o-flex

}



.helios_protected .icon .fn__svg {

    color: #fff;

    fill: currentcolor

}



.helios_protected .container-custom {

    margin: 0 auto

}



.helios_protected p {

    margin-bottom: 22px;

    color: #fff

}



.helios_protected input[type=password] {

    width: auto;

    flex: 1;

    margin-right: 10px;

    color: #fff

}



.helios_coming_soon .soon_title {

    max-width: 600px;

    margin: 0 auto;

    text-align: center

}



.helios_coming_soon .soon_title h3 {

    margin: 0 0 20px;

    justify-content: center;

    color: var(--mc2);

    letter-spacing: 0

}



.helios_boxed_countdown,

.helios_comments .respond-log {

    margin-bottom: 17px

}



.helios_boxed_countdown ul {

    margin: 0 0 0 -20px;

    list-style-type: none;

    display: flex;

    flex-wrap: wrap;

    -ms-align-items: center;

    align-items: center;

    justify-content: center

}



.helios_boxed_countdown li {

    margin: 0 0 20px;

    padding-left: 20px

}



.helios_boxed_countdown .item {

    width: 190px;

    position: relative;

    z-index: 1;

    padding: 20px;

    border: 1px solid rgba(255, 255, 255, .3)

}



.helios_boxed_countdown .count {

    width: 100%;

    display: flex;

    -webkit-flex-direction: column;

    -moz-flex-direction: column;

    -ms-flex-direction: column;

    -o-flex-direction: column;

    flex-direction: column;

    text-align: center;

    border: 1px solid rgba(255, 255, 255, .3);

    background-color: rgba(255, 255, 255, .2);

    padding: 22px 5px

}



.helios_boxed_countdown .count h3 {

    font-size: 55px;

    font-weight: 900;

    margin: 0;

    letter-spacing: 0;

    line-height: 1

}



.helios_boxed_countdown span {

    display: block;

    text-align: center;

    font-size: 14px;

    color: var(--mc2);

    letter-spacing: 1px;

    text-transform: uppercase;

    position: relative;

    font-weight: 700;

    font-family: var(--hff);

    line-height: 1.2

}



.helios_boxed_countdown span:before {

    content: '';

    position: absolute;

    left: 100%;

    top: 50%;

    width: 12px;

    height: 12px;

    display: block;

    margin-top: -6px;

    margin-left: 4px;

    color: var(--mc2);

    opacity: .15;

    border-radius: 100%;

    box-shadow: 0 5px 20px;

    transition: .3s;

    z-index: -1

}



.helios_pagecontent {

    min-height: 500px

}



.helios_pagetitle .pagetitle {

    padding: 260px 0 140px;

    text-align: center

}



.helios_pagetitle .fn_cs_title {

    position: relative;

    z-index: 1

}



.helios_pagetitle .fn_cs_title:after {

    left: 0;

    right: 0;

    height: 2px;

    content: '';

    position: absolute;

    top: 50%;

    margin-top: -1px;

    background-color: rgba(255, 255, 255, .3);

    z-index: -1

}



.helios_breadcrumbs a,

.helios_pagetitle p a {

    color: var(--bc);

    text-decoration: none

}



.helios_pagetitle p {

    margin: 0;

    display: flex;

    -ms-align-items: center;

    align-items: center;

    justify-content: center

}



.helios_collection,

.helios_pagination ul {

    display: -webkit-flex;

    display: -moz-flex;

    display: -ms-flex;

    display: -o-flex

}



.helios_pagetitle .pagetitle .divider {

    margin: 0 10px

}



.helios_bloglist {

    padding-top: 150px

}



.bloglist ul {

    position: relative;

    list-style-type: none;

    margin: 0 0 0 -80px;

    padding: 0

}



.bloglist li {

    width: 50%;

    padding-left: 80px;

    margin-bottom: 80px

}



.blog__item {

    position: relative;

    background-color: #fff;

    border-radius: 20px;

    /*padding: 29px;*/

    /*border: 1px solid rgba(255, 255, 255, .3)*/

}



.blog__item .item_in {

    position: relative;

    z-index: 5;

    margin: 0px;

    box-shadow: 0 0 5px 2px rgb(0 0 0 / 26%);

    border-radius: 20px;

    padding: 15px;

    /*	background-color: rgba(255, 255, 255, .2);

            border: 2px solid rgba(255, 255, 255, .4)*/

}

.fn_cs_blog .swiper-slide,.fn_cs_campus .swiper-slide{

    padding-top: 5px;

    padding-left:15px;

    padding-right:15px;

    margin-bottom: 10px;

}

.fn_cs_blog .swiper-slide,.fn_cs_campus .swiper-slide .image{

    text-align:center;

}

.fn_cs_blog .swiper-slide,.fn_cs_campus .swiper-slide .item_in{

    padding: 15px;

}



.fn_cs_blog .swiper-slide,.fn_cs_campus .swiper-slide .item_desc{

    padding: 0px!important;

}

.fn_cs_blog .swiper-slide,.fn_cs_campus .item_in, .blog__item{

    height: auto!important;

    }

.whyheliosimagediv{

    padding: 0px 40px;

    display: contents;

}

.blog__item .image img {

    min-width: 100%;

    border-radius: 20px;

    padding: 10px

}



.blog__item .item_desc {

    padding: 15px 10px;

}



.blog__item .meta {

    margin-bottom: 7px

}



.blog__item .meta p {

    font-weight: 500;

    font-family: var(--hff);

    color: var(--mc2);

    margin: 0

}



.blog__item .title {

    margin-bottom: 10px

}



.blog__item .title h3 {

    font-size: 24px;

    letter-spacing: 0;

    margin: 0;

    color: var(--mc2);

}

.blog__item .title a {

    font-size: 24px;

    letter-spacing: 0;

    margin: 0;

    color: var(--mc2);

}



.blog__item .desc p {

    margin: 0;

    color: var(--mc2);

}

.slider1-next{

    right: -20px;

}

.slider1-prev{

    left: -20px;

}

.blog__item .desc,

.fn_cs_roadmap .roadmap_bottom .fn_desc,

.helios_comments .comment-text .desc {

    margin-bottom: 5px

}



.helios_pagination {

    margin-bottom: 140px

}



.helios_pagination ul {

    display: flex;

    -webkit-flex-direction: row;

    -moz-flex-direction: row;

    -ms-flex-direction: row;

    -o-flex-direction: row;

    flex-direction: row;

    flex-wrap: wrap;

    -ms-align-items: center;

    align-items: center;

    margin: 0 0 0 -10px;

    list-style-type: none

}



.helios_pagination li {

    margin: 0 0 10px 10px

}



.helios_pagination a,

.helios_pagination span {

    display: block;

    text-decoration: none;

    width: 50px;

    height: 50px;

    text-align: center;

    line-height: 46px;

    font-family: var(--hff);

    font-size: 16px;

    font-weight: 400;

    border: 2px solid rgba(255, 255, 255, .3);

    position: relative

}



.helios_filters .checkbox .amount,

.helios_pagination span {

    color: var(--bc)

}



.helios_pagination .current {

    background-color: var(--mc2);

    border-collapse: var(--mc2);

    color: #000

}



.helios_pagination a:hover {

    border-color: rgba(255, 255, 255, .6)

}



.helios_result_list .helios_pagination {

    margin: 55px 0 0

}



.helios_blog_single .single_img,

.helios_result_list {

    overflow: hidden

}



.helios_collection {

    display: flex;

    -webkit-flex-direction: row;

    -moz-flex-direction: row;

    -ms-flex-direction: row;

    -o-flex-direction: row;

    flex-direction: row;

    -ms-align-items: flex-start;

    align-items: flex-start

}



.helios_clist {

    width: 100%;

    padding-left: 50px;

    overflow: hidden

}



#zigzag_carousel .fn_cs_welcome,

.helios_clist .helios_title {

    margin-bottom: 50px

}



.helios_filters {

    position: sticky;

    top: 100px;

    margin-bottom: 40px;

    width: 350px;

    min-width: 350px

}



.helios_filters .filter_item {

    margin-bottom: 10px;

    overflow: hidden

}



.helios_filters .filter_item__header {

    position: relative;

    padding: 20px 30px;

    border: 1px solid rgba(255, 255, 255, .5)

}



.helios_filters .filter_item__header .text {

    line-height: 30px;

    font-weight: 600;

    font-size: 18px;

    letter-spacing: .5px;

    text-transform: uppercase;

    color: var(--mc2);

    font-family: var(--hff)

}



.helios_filters .opened .filter_item__header .fn__svg {

    transform: rotate(180deg)

}



.helios_filters .filter_item__header .fn__svg {

    width: 14px;

    height: 14px;

    position: absolute;

    color: var(--mc2);

    display: block;

    top: 50%;

    margin-top: -7px;

    right: 20px;

    transition: transform .1s

}



.helios_filters .filter_item__content {

    display: none;

    width: 100%;

    height: initial;

    overflow: hidden;

    border-radius: 0 0 5px 5px;

    border: 1px solid rgba(255, 255, 255, .5)

}



.helios_result_box,

.helios_result_box .filter_count {

    display: -webkit-flex;

    display: -moz-flex;

    display: -ms-flex;

    display: -o-flex;

    border: 1px solid rgba(255, 255, 255, .5)

}



.helios_filters .ic_in {

    padding: 23px 20px 21px 30px

}



.helios_filters .items {

    margin: 0 0 0 -10px;

    padding: 0;

    list-style-type: none;

    display: -webkit-flex;

    display: -moz-flex;

    display: -ms-flex;

    display: -o-flex;

    display: flex;

    -webkit-flex-direction: row;

    -moz-flex-direction: row;

    -ms-flex-direction: row;

    -o-flex-direction: row;

    flex-direction: row;

    flex-wrap: wrap;

    max-height: 200px;

    overflow-y: auto;

    scrollbar-width: thin;

    scrollbar-color: #999 #fff

}



.helios_filters .items::-webkit-scrollbar {

    width: 2px

}



.helios_filters .items:-webkit-scrollbar-track {

    background: rgba(255, 255, 255, .1)

}



.helios_filters .items::-webkit-scrollbar-thumb {

    background-color: var(--mc2)

}



.helios_filters .items>li {

    margin: 0;

    padding: 0 0 0 10px;

    margin-bottom: 3 px;

    width: 100%

}



.helios_filters .checkbox {

    width: 100%;

    display: block;

    position: relative;

    padding: 5px 0 5px 26px;

    cursor: pointer;

    font-size: 16px;

    color: #fff;

    font-family: var(--hff)

}



.helios_filters .checkbox .checkmark .fn__svg {

    width: 10px;

    height: 10px;

    position: relative;

    top: 1px;

    left: 1px;

    display: none;

    color: var(--mc2)

}



.helios_filters .checkbox input {

    position: absolute;

    opacity: 0;

    cursor: pointer;

    height: 0;

    width: 0

}



.helios_filters .checkbox .checkmark {

    width: 16px;

    height: 16px;

    display: block;

    position: absolute;

    top: 50%;

    margin-top: -9px;

    left: 0;

    border: 2px solid rgba(255, 255, 255, .5)

}



.helios_tags .left:after,

.helios_tags .left:before,

.helios_tags .right:after,

.helios_tags .right:before {

    border-style: solid;

    width: 0;

    height: 0;

    position: absolute

}



.helios_filters .checkbox .checkmark:after {

    content: "";

    position: absolute;

    display: none

}



.helios_result_box {

    color: #fff;

    width: 100%;

    min-height: 70px;

    display: flex;

    -webkit-flex-direction: row;

    -moz-flex-direction: row;

    -ms-flex-direction: row;

    -o-flex-direction: row;

    flex-direction: row;

    flex-wrap: wrap;

    -ms-align-items: center;

    align-items: center;

    padding: 15px 20px 5px;

    margin-bottom: 50px

}



.helios_result_box .filter_count {

    display: flex;

    -ms-align-items: center;

    align-items: center;

    font-size: 14px;

    font-family: var(--hff);

    font-weight: 300;

    height: 40px;

    line-height: 36px;

    text-align: center;

    padding: 0 0 0 20px;

    position: relative

}



.helios_drops .grid,

.helios_result_box .condition_trigger {

    display: -webkit-flex;

    display: -moz-flex;

    display: -ms-flex;

    display: -o-flex

}



.helios_result_box .filter_count span {

    position: relative;

    min-width: 34px;

    padding: 0 8px;

    display: block;

    right: 0;

    text-align: center;

    white-space: nowrap;

    margin-left: 20px;

    color: #fff

}



.helios_result_box .filter_count span:after {

    right: 100%;

    width: 1px;

    content: '';

    position: absolute;

    top: 0;

    bottom: 0;

    background-color: rgba(255, 255, 255, .5)

}



.helios_result_box .result_item a {

    position: relative;

    background-color: var(--mc2);

    display: block;

    text-decoration: none;

    padding: 0 56px 0 20px;

    line-height: 38px;

    white-space: nowrap;

    font-size: 14px;

    color: #000;

    font-family: var(--hff)

}



.helios_result_box .result_item a:after {

    width: 1px;

    content: '';

    position: absolute;

    top: 0;

    bottom: 0;

    right: 34px;

    background-color: rgba(0, 0, 0, .1);

    transition: .3s

}



.helios_result_box .result_item .fn__svg {

    width: 10px;

    height: 10px;

    display: block;

    position: absolute;

    right: 12px;

    top: 13px;

    color: #555

}



.helios_result_box .result_item a:before {

    width: 1px;

    content: '';

    position: absolute;

    top: 0;

    height: 0;

    right: 34px;

    background-color: rgba(0, 0, 0, .3);

    transition: .3s

}



.helios_result_box .result_item a:hover:before {

    height: 100%

}



.helios_result_box .clear_all {

    font-size: 14px;

    color: #fff;

    letter-spacing: 0;

    font-family: var(--hff);

    text-decoration: none;

    line-height: 40px;

    padding: 0 10px;

    margin-right: 10px

}



.helios_result_box .condition_trigger {

    display: flex;

    -ms-align-items: center;

    align-items: center;

    text-decoration: none;

    font-family: var(--hff);

    font-size: 16px;

    color: #fff;

    font-weight: 500;

    letter-spacing: 0;

    text-transform: uppercase;

    min-height: 45px;

    padding: 10px 36px 10px 30px;

    text-align: center;

    overflow: hidden;

    -webkit-transition: .4s cubic-bezier(.42, 0, .58, 1);

    -o-transition: .4s cubic-bezier(.42, 0, .58, 1);

    transition: .4s cubic-bezier(.42, 0, .58, 1);

    position: relative;

    border-radius: 30px;

    margin-left: auto;

    min-width: 100px

}



.helios_result_box .condition_trigger.opened .icon:after {

    transform: translateX(6px)

}



.helios_result_box .condition_trigger .icon {

    position: absolute;

    display: block;

    width: 16px;

    height: 6px;

    background-color: #aaa;

    border-radius: 10px;

    top: 50%;

    margin-top: -3px;

    right: 15px;

    transition: .3s;

    z-index: 3

}



.helios_result_box .condition_trigger .icon:after {

    background-color: #fff;

    width: 10px;

    height: 10px;

    left: 0;

    top: -2px;

    content: '';

    position: absolute;

    transition: .3s;

    border-radius: 100%

}



.helios_author_info,

.nft__item {

    border: 1px solid rgba(255, 255, 255, .3)

}



.helios_result_box .condition_trigger:hover .icon {

    background-color: #333

}



.helios_drops .grid {

    margin: 0 0 0 -45px;

    padding: 0;

    list-style-type: none;

    display: flex;

    -webkit-flex-direction: row;

    -moz-flex-direction: row;

    -ms-flex-direction: row;

    -o-flex-direction: row;

    flex-direction: row;

    flex-wrap: wrap

}



.helios_author_info .info_desc,

.helios_author_info .item_in,

.helios_wsidebar {

    display: -webkit-flex;

    display: -moz-flex;

    display: -ms-flex;

    display: -o-flex

}



.helios_drops .grid>li {

    width: 33.3333%;

    padding-left: 45px;

    margin-bottom: 45px

}



.nft__item {

    position: relative;

    padding: 19px

}



.nft__item .item_in {

    position: relative;

    border: 2px solid rgba(255, 255, 255, .4)

}



.nft__item .title_holder {

    position: absolute;

    left: 12px;

    bottom: 12px;

    right: 12px;

    z-index: 3;

    padding: 11px 20px;

    background-color: var(--mc2)

}



.nft__item .title_holder h3 {

    margin: 0;

    text-align: center;

    font-size: 16px;

    font-weight: 600;

    line-height: 26px;

    color: #000;

    text-transform: uppercase

}



.nft__item .title_holder h3 a {

    color: #000

}



.helios_blog_single .categories a,

.helios_tags a {

    color: inherit;

    text-decoration: none

}



.helios_contactpage {

    padding: 148px 0 142px

}



.helios_contactpage .fn_cs_contact_form {

    margin-bottom: 45px

}



.helios_contactpage .fn_cs_contact_info {

    padding-top: 0

}



.helios_contactpage .fn_cs_desc p {

    font-size: 18px;

    margin-bottom: 27px

}



.helios_blog_single {

    padding-top: 165px

}



.helios_blog_single .fn__maintitle {

    margin-bottom: 13px;

    font-size: 36px

}



.helios_wsidebar {

    width: 100%;

    display: flex;

    -webkit-flex-direction: row;

    -moz-flex-direction: row;

    -ms-flex-direction: row;

    -o-flex-direction: row;

    flex-direction: row

}



.helios_wsidebar .sidebar_left {

    width: 100%;

    padding-right: 50px;

    padding-bottom: 110px

}



.helios_wsidebar .sidebar_right {

    width: 350px;

    min-width: 350px;

    padding-left: 50px;

    padding-bottom: 110px

}



.helios_blog_single .helios_minis {

    margin-bottom: 70px

}



.helios_blog_single .single_title .fn_title {

    margin: 0 0 13px;

    padding: 0;

    font-size: 36px;

    font-weight: 500;

    line-height: 1.3333

}



.helios_blog_single .categories {

    color: var(--mc2);

    font-family: var(--hff);

    font-size: 16px;

    font-weight: 500;

    text-transform: uppercase;

    margin-bottom: 38px

}



.helios_author_info .author_social a:hover,

.helios_blog_single .categories a:hover {

    color: var(--hc)

}



.helios_blog_single .single_desc p {

    margin-bottom: 28px

}



.helios_author_info {

    padding: 29px;

    margin: 52px 0 27px;

    position: relative

}



.helios_author_info .item_in {

    background-color: rgba(255, 255, 255, .2);

    border: 2px solid rgba(255, 255, 255, .4);

    display: flex;

    -webkit-flex-direction: row;

    -moz-flex-direction: row;

    -ms-flex-direction: row;

    -o-flex-direction: row;

    flex-direction: row;

    position: relative;

    z-index: 5

}



.helios_author_info .info_desc {

    padding: 35px 40px 33px;

    display: flex;

    -webkit-flex-direction: column;

    -moz-flex-direction: column;

    -ms-flex-direction: column;

    -o-flex-direction: column;

    flex-direction: column;

    justify-content: center

}



.helios_author_info .author_social,

.helios_author_info .author_social a,

.helios_tags {

    display: -moz-flex;

    display: -ms-flex;

    display: -o-flex;

    display: -webkit-flex

}



.helios_author_info .info_img {

    overflow: hidden;

    width: 30%;

    min-width: 30%

}



.fn_cs_roadmap .roadmap_bottom .info_img img,

.helios_author_info .info_img img {

    width: 100%;

    height: 100%;

    object-fit: cover

}



.helios_author_info .fn_title {

    margin: 0 0 17px;

    padding: 0;

    font-size: 24px;

    font-weight: 500

}



.helios_author_info .fn_desc {

    margin: 0 0 18px;

    padding: 0;

    font-size: 18px;

    line-height: 26px

}



.helios_categories li a,

.helios_tags,

.wid-title .text {

    font-size: 16px;

    font-family: var(--hff);

    overflow: hidden

}



.helios_author_info .author_social {

    margin: 0;

    padding: 0;

    list-style-type: none;

    display: flex;

    flex-wrap: wrap;

    -ms-align-items: center;

    align-items: center

}



.helios_author_info .author_social li {

    margin: 5px 28px 5px 0;

    padding: 0

}



.helios_author_info .author_social a {

    color: var(--bc);

    font-size: 20px;

    display: flex;

    -ms-align-items: center;

    align-items: center;

    justify-content: center;

    text-decoration: none;

    text-align: center;

    line-height: 30px

}



.helios_tags {

    display: flex;

    width: 100%;

    -ms-align-items: center;

    align-items: center;

    flex-wrap: wrap;

    margin: 0 20px 0 0;

    padding: 0;

    color: #000;

    font-weight: 500

}



.helios_tags>:first-child>* {

    padding-left: 15px;

    text-transform: uppercase

}



.helios_minis .m_item:last-child:after,

.helios_minis .m_item:last-child:before,

.helios_mintbox .mint_list li:last-child .item:after,

.helios_tags>:first-child>:before {

    content: none

}



.helios_tags>*>* {

    padding: 0 15px 0 10px;

    background-color: var(--mc2);

    margin-right: 18px;

    line-height: 26px;

    position: relative;

    display: block;

    margin-bottom: 10px

}



.helios_tags>*>:before {

    content: '';

    position: absolute;

    right: 2px;

    top: 50%;

    width: 6px;

    height: 6px;

    background-color: var(--mc1);

    border-radius: 100%;

    margin-top: -3px;

    transition: .3s

}



.helios_tags .left:before {

    content: '';

    border-width: 0 8px 13px 0;

    border-color: transparent var(--mc2) transparent transparent;

    right: 100%;

    top: 0

}



.helios_tags .left:after {

    content: '';

    border-width: 0 0 13px 8px;

    border-color: transparent transparent var(--mc2) transparent;

    right: 100%;

    bottom: 0

}



.helios_tags .right:after {

    content: '';

    border-width: 13px 0 13px 8px;

    border-color: transparent transparent transparent #fff;

    left: 100%;

    bottom: 0;

    top: 0;

    z-index: 1

}



.helios_tags .right:before {

    content: '';

    border-width: 13px 0 13px 4px;

    border-color: transparent transparent transparent var(--mc2);

    left: 100%;

    bottom: 0;

    top: 0;

    z-index: 3

}



.helios_tags a {

    display: block

}



.widget {

    margin-bottom: 60px

}



.wid-title {

    position: relative;

    margin-bottom: 30px

}



.wid-title .text {

    display: block;

    padding: 8px 10px;

    line-height: 24px;

    letter-spacing: .5px;

    position: relative;

    text-transform: uppercase;

    color: #000;

    font-weight: 600;

    background-color: var(--mc2);

    text-align: center

}



.wid-title .icon {

    content: '';

    position: absolute;

    z-index: -1;

    left: -7px;

    right: -7px;

    top: -5px;

    bottom: -5px;

    background-color: #fff;

    clip-path: polygon(2.4% 12%, 50% 19%, 100% 0, 97.6% 88%, 50% 81%, 0% 100%);

    transition: .3s

}



.abs_img {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    transition: 1s

}



.helios_comments .list,

.helios_widget_articles ul {

    margin: 0;

    padding: 0;

    list-style-type: none

}



.helios_widget_articles li {

    margin-bottom: 20px

}



.helios_widget_articles .item {

    position: relative;

    width: 100%;

    padding: 26px 20px 24px;

    background-color: rgba(255, 255, 255, .2);

    border: 2px solid rgba(255, 255, 255, .4);

    box-shadow: 0 2px 5px rgba(0, 0, 0, .1);

    transition: .3s

}



.helios_widget_articles .fn_title {

    margin: 0 0 9px;

    padding: 0;

    font-size: 18px;

    line-height: 1.3333

}



.helios_widget_articles .fn_date {

    margin: 0;

    padding: 0;

    font-size: 14px;

    font-family: var(--hff);

    letter-spacing: 0;

    color: var(--mc2);

    overflow: hidden;

    position: relative

}



.helios_widget_articles .post_date:after {

    width: 4px;

    height: 4px;

    content: '';

    background-color: var(--mc2);

    border-radius: 100%;

    margin-left: 5px;

    display: inline-block;

    vertical-align: middle

}



.helios_widget_articles .count {

    display: block;

    width: 40px;

    height: 40px;

    font-weight: 500;

    font-family: var(--hff);

    font-size: 18px;

    letter-spacing: 0;

    color: #000;

    background-color: var(--mc2);

    border-radius: 100%;

    text-align: center;

    line-height: 42px;

    bottom: -10px;

    right: -2px;

    position: absolute;

    transition: .3s

}



.helios_categories .count:after,

.helios_widget_articles .count:after {

    content: '';

    position: absolute;

    z-index: -1;

    width: 100%;

    height: 100%;

    color: var(--mc2);

    top: 0;

    left: 0;

    opacity: .15;

    border-radius: 100%;

    box-shadow: 0 5px 20px;

    transition: .3s

}



.helios_widget_articles .item:hover .fn_date .comment_count,

.helios_widget_articles .item:hover .fn_date .post_date {

    transform: translateY(-100%)

}



.helios_categories ul {

    list-style-type: none;

    margin: 0;

    padding: 0;

    overflow: hidden

}



.helios_categories li {

    margin: 0 0 10px;

    width: 100%;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    flex-direction: row;

    -webkit-justify-content: space-between;

    justify-content: space-between;

    align-items: center;

    flex-wrap: wrap;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

    position: relative;

    overflow: hidden

}



.helios_pnb .pnb_wrapper,

.helios_widget_social ul,

.helios_widget_social ul a {

    display: -webkit-flex;

    display: -moz-flex;

    display: -ms-flex;

    display: -o-flex

}



.helios_categories li a {

    position: relative;

    width: 100%;

    max-width: calc(100% - 55px);

    padding-right: 20px;

    z-index: 5;

    font-weight: 500;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

    line-height: 30px;

    font-style: normal;

    color: #fff;

    text-decoration: none;

    text-transform: uppercase

}



.helios_categories li a span:after {

    content: '';

    position: absolute;

    background-color: rgba(255, 255, 255, .4);

    height: 1px;

    left: 100%;

    margin-left: 20px;

    width: 2000px;

    top: 50%;

    margin-top: -.5px

}



.helios_categories li a span:before {

    content: '';

    position: absolute;

    background-color: rgba(255, 255, 255, .4);

    height: 1px;

    right: 100%;

    margin-right: 20px;

    width: 2000px;

    top: 50%;

    margin-top: -.5px

}



.helios_categories li a:after {

    content: '';

    position: absolute;

    display: block;

    top: 0;

    bottom: 0;

    left: 100%;

    width: 2000px;

    z-index: 5

}



.helios_categories li a:before {

    content: '';

    position: absolute;

    display: block;

    top: 0;

    bottom: 0;

    right: 100%;

    width: 40px;

    z-index: 5

}



.helios_categories .count {

    display: block;

    width: 30px;

    height: 30px;

    text-align: center;

    font-size: 11px;

    font-family: var(--hff);

    letter-spacing: 0;

    color: #fff;

    background-color: rgba(255, 255, 255, .2);

    border: 2px solid rgba(255, 255, 255, .4);

    box-shadow: 0 2px 5px rgba(0, 0, 0, .1);

    border-radius: 100%;

    line-height: 28px;

    position: relative;

    z-index: 3

}



.helios_categories li:hover a {

    padding-left: 40px

}



.helios_categories .more {

    font-size: 13px;

    margin: 1px 0 0;

    padding: 0;

    font-weight: 500;

    font-family: var(--hff);

    color: #777;

    text-transform: uppercase;

    text-decoration: none;

    display: block;

    text-align: center

}



.helios_categories .more:hover {

    color: #ccc

}



.helios_widget_social ul {

    margin: 0 0 0 -20px;

    padding: 0;

    list-style-type: none;

    display: flex;

    flex-wrap: wrap;

    -ms-align-items: center;

    align-items: center;

    justify-content: center

}



.helios_widget_social ul li {

    margin: 5px 0 5px 20px;

    padding: 0

}



.helios_widget_social ul a {

    color: var(--bc);

    font-size: 18px;

    display: flex;

    -ms-align-items: center;

    align-items: center;

    justify-content: center;

    text-decoration: none;

    text-align: center;

    line-height: 30px

}



.helios_pnb {

    width: 100%;

    background-color: var(--mc2)

}



.helios_pnb .pnb_wrapper {

    width: 100%;

    max-width: 100%;

    display: flex;

    justify-content: space-between;

    position: relative;

    overflow: hidden

}



.helios_comments .comment-body,

.helios_pnb .fn_trigger,

.helios_pnb .fn_trigger .icon_wrapper {

    display: -webkit-flex;

    display: -moz-flex;

    display: -ms-flex;

    display: -o-flex

}



.helios_pnb .item {

    width: 46.55%;

    max-width: calc(50% - 42.5px);

    padding: 150px 0;

    position: relative

}



.helios_pnb .next {

    text-align: right;

    padding-left: 40px

}



.helios_pnb .img {

    width: 80px;

    min-width: 80px;

    height: 80px;

    overflow: hidden;

    transform: translateZ(0)

}



.helios_pnb .prev {

    padding-right: 40px

}



.helios_pnb .prev:hover .fn_desc span:after {

    width: 60px;

    right: -30px

}



.helios_pnb .next:hover .fn_desc span:after {

    width: 60px;

    left: -30px

}



.helios_pnb .prev .img {

    margin-right: 30px

}



.helios_pnb .next .item_in {

    -webkit-flex-direction: row-reverse;

    -moz-flex-direction: row-reverse;

    -ms-flex-direction: row-reverse;

    -o-flex-direction: row-reverse;

    flex-direction: row-reverse

}



.helios_pnb .next .img {

    margin-left: 30px

}



.helios_pnb .desc {

    width: 100%;

    max-width: calc(100% - 110px)

}



.helios_pnb .fn_desc {

    color: #000;

    margin: 0 0 6px;

    padding: 0;

    font-size: 16px;

    font-family: var(--hff);

    font-weight: 600;

    letter-spacing: .5px;

    text-transform: uppercase

}



.helios_pnb .prev .fn_desc span {

    position: relative;

    padding-right: 40px

}



.helios_pnb .next .fn_desc span {

    position: relative;

    padding-left: 40px

}



.helios_pnb .next .fn_desc span:after {

    right: auto;

    left: 0

}



.helios_pnb .fn_desc span:after {

    width: 30px;

    height: 1px;

    content: '';

    position: absolute;

    background-color: #000;

    right: 0;

    top: 50%;

    margin-top: -1px;

    transition: .3s

}



.helios_pnb .fn_title {

    margin: 0;

    padding: 0;

    font-size: 24px;

    font-weight: 500;

    letter-spacing: 0;

    overflow: hidden;

    color: #000

}



.helios_pnb .fn_trigger a.full_link {

    z-index: 10

}



.helios_pnb .fn_trigger {

    width: 100px;

    height: 100%;

    position: absolute;

    top: 0;

    bottom: 0;

    left: 50%;

    margin-left: -50px;

    display: flex;

    -ms-align-items: center;

    align-items: center;

    justify-content: center

}



.helios_pnb .fn_trigger:after {

    content: '';

    position: absolute;

    top: 0;

    width: 2px;

    left: 50%;

    margin-left: -1px;

    background-color: #000;

    bottom: 0

}



.helios_pnb .fn_trigger .icon {

    width: 20px;

    padding: 27px 8px;

    background-color: #000;

    overflow: hidden

}



.helios_pnb .fn_trigger .icon_wrapper {

    position: relative;

    z-index: 5;

    display: flex;

    margin: -10px 0 0 -10px;

    flex-wrap: wrap;

    overflow: hidden

}



.helios_pnb .fn_trigger span {

    width: 4px;

    min-width: 4px;

    height: 4px;

    display: block;

    background-color: #fff;

    margin: 10px 0 0 10px

}



.helios_pnb .container,

.helios_pnb .fn_desc,

.helios_pnb .fn_title,

.helios_pnb .fn_trigger .icon,

.helios_pnb .fn_trigger span,

.helios_pnb .img,

.helios_pnb .item {

    transition: .5s

}



.helios_comments .comment-title {

    margin-bottom: 55px

}



.helios_comments .comment-title .fn_title {

    font-size: 22px;

    margin: 0;

    padding: 0;

    font-weight: 500;

    text-transform: uppercase;

    color: var(--bc)

}



.helios_comments .comment-body {

    width: 100%;

    display: flex

}



.helios_comments .fn_reply,

.helios_comments .fn_reply a {

    display: -webkit-flex;

    display: -moz-flex;

    display: -ms-flex;

    display: -o-flex

}



.helios_comments .comment-avatar {

    width: 80px;

    min-width: 80px;

    margin-right: 30px

}



.helios_comments .comment-avatar img {

    border-radius: 100%

}



.helios_comments .comment-data {

    margin-bottom: 19px;

    margin-top: 5px

}



.helios_comments .comment-data .author {

    font-size: 20px;

    margin: 0 0 8px;

    padding: 0;

    font-weight: 500

}



.helios_comments .comment-data .date {

    font-size: 13px;

    margin: 0;

    padding: 0;

    font-weight: 500;

    font-family: var(--hff);

    color: var(--mc2);

    text-transform: uppercase

}



.helios_comments .comment-text p {

    margin: 0 0 36px;

    padding: 0

}



.helios_comments .fn_reply {

    display: flex;

    flex-wrap: wrap

}



.helios_comments .fn_reply .fn__svg {

    width: 14px;

    height: 14px;

    display: block;

    margin-right: 5px

}



.helios_minis .m_item:after,

.helios_minis .m_item:before {

    width: 22px;

    height: 2px;

    background-color: #373737;

    position: absolute;

    right: -5px;

    content: ''

}



.helios_comments .fn_reply a {

    display: flex;

    -ms-align-items: center;

    align-items: center;

    line-height: 26px;

    padding: 0 10px;

    text-decoration: none;

    margin: 0 5px 5px 0;

    font-size: 14px;

    font-family: var(--hff);

    color: #000;

    background-color: var(--mc2)

}



.helios_share,

.helios_share ul {

    display: -webkit-flex;

    display: -moz-flex;

    display: -ms-flex;

    display: -o-flex

}



.helios_comments .comment-text-wrap {

    padding-bottom: 35px;

    border-bottom: 1px solid rgba(255, 255, 255, .3)

}



.helios_comments .comment-respond {

    padding-top: 96px

}



.fn_cs_roadmap .roadmap_top .swiper-slide .even h3,

.helios_comments .respond-title {

    margin-bottom: 38px

}



.helios_comments .respond-title .fn_title {

    font-size: 22px;

    margin: 0;

    padding: 0;

    font-weight: 500;

    text-transform: uppercase;

    color: var(--hc)

}



.helios_comments .respond-log p {

    margin: 0;

    padding: 0;

    color: var(--mc2)

}



.helios_comments .respond-log p a {

    text-decoration: none;

    color: inherit;

    border-bottom: 1px solid transparent

}



.helios_comments .respond-log p a:hover {

    border-bottom-color: inherit

}



.helios_comments .input-items,

.helios_mintbox .mint_list ul,

.helios_nft_cats ul {

    margin: 0 0 0 -40px;

    padding: 0;

    list-style-type: none;

    display: -webkit-flex;

    display: -moz-flex;

    display: -ms-flex;

    display: -o-flex;

    display: flex;

    -webkit-flex-direction: row;

    -moz-flex-direction: row;

    -ms-flex-direction: row;

    -o-flex-direction: row;

    flex-direction: row;

    flex-wrap: wrap

}



.helios_comments .input-item {

    width: 100%;

    padding-left: 40px;

    margin-bottom: 40px

}



.helios_comments .comment-form input[type=text],

.helios_comments .comment-form textarea {

    width: 100%;

    min-width: 100%;

    display: block

}



.helios_share {

    display: flex;

    -webkit-flex-direction: row;

    -moz-flex-direction: row;

    -ms-flex-direction: row;

    -o-flex-direction: row;

    flex-direction: row;

    -ms-align-items: center;

    align-items: center;

    flex-wrap: wrap;

    margin-bottom: 11px

}



.helios_share .label {

    margin: 0 20px 0 0;

    padding: 0;

    color: var(--bc);

    font-family: var(--bff);

    font-size: 18px

}



.helios_share ul {

    margin: 0 0 0 -25px;

    padding: 0;

    list-style-type: none;

    display: flex;

    flex-wrap: wrap;

    -ms-align-items: center;

    align-items: center

}



.fn_cs_roadmap .roadmap_bottom .item_content,

.fn_cs_roadmap .roadmap_top .swiper-slide .item,

.helios_minis,

.helios_share a {

    display: -webkit-flex;

    display: -moz-flex;

    display: -ms-flex;

    display: -o-flex

}



.helios_share li {

    margin: 5px 0 5px 25px;

    padding: 0

}



.helios_share a {

    color: var(--bc);

    font-size: 20px;

    text-decoration: none;

    text-align: center;

    display: flex;

    -ms-align-items: center;

    align-items: center;

    justify-content: center

}



.helios_breadcrumbs {

    margin-bottom: 19px

}



.helios_breadcrumbs p {

    margin: 0;

    padding: 0;

    font-size: 18px;

    color: var(--bc)

}



.helios_breadcrumbs .separator {

    margin: 0 9px

}



.helios_minis {

    background-color: #000;

    padding: 0 5px;

    display: flex;

    flex-wrap: wrap

}



.helios_minis .m_item {

    padding: 0 37px 0 25px;

    position: relative;

    min-height: 40px;

    font-size: 14px;

    line-height: 40px;

    font-family: var(--hff);

    color: #fff;

    font-weight: 400

}



.helios_minis .m_item a {

    text-decoration: none;

    color: #fff

}



.helios_minis .m_item:after {

    top: 9px;

    transform: rotate(63deg)

}



.helios_minis .m_item:before {

    bottom: 9px;

    transform: rotate(-63deg)

}



#roadmap {

    padding: 150px 0;

    border-bottom: 1px solid rgba(255, 255, 255, .3)

}



.fn_cs_roadmap {

    padding-top: 60px

}



.fn_cs_roadmap .roadmap_top {

    position: relative;

    margin: 0 -20px 40px

}



.fn_cs_roadmap .roadmap_bg:after {

    content: '';

    position: absolute;

    top: 0;

    right: 100%;

    bottom: 0;

    width: 60px;

    background: #fff;

    background: -moz-linear-gradient(90deg, rgba(255, 255, 255, 0) 0, #fff 100%);

    background: -webkit-linear-gradient(90deg, rgba(255, 255, 255, 0) 0, #fff 100%);

    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, #fff 100%)

}



.fn_cs_roadmap .roadmap_bg:before {

    content: '';

    position: absolute;

    top: 0;

    left: 100%;

    bottom: 0;

    width: 60px;

    background: #fff;

    background: -moz-linear-gradient(90deg, #fff 0, rgba(255, 255, 255, 0) 100%);

    background: -webkit-linear-gradient(90deg, #fff 0, rgba(255, 255, 255, 0) 100%);

    background: linear-gradient(90deg, #fff 0, rgba(255, 255, 255, 0) 100%)

}



.fn_cs_roadmap .roadmap_bg {

    height: 20px;

    background-color: #fff;

    bottom: 10px;

    left: 60px;

    right: 60px;

    position: absolute

}



/*.fn_cs_accordion .acc_item,

.fn_cs_roadmap .roadmap_bottom .item_in {

    background-color: #243468;

    box-shadow: 0 2px 5px rgba(0, 0, 0, .1)

}*/



.fn_cs_roadmap .roadmap_top .swiper-slide .odd {

    padding-top: 18px

}



.fn_cs_roadmap .roadmap_top .swiper-slide .even .circle:after {

    height: 35px

}



.fn_cs_roadmap .roadmap_top .swiper-slide {

    width: 200px;

    padding: 0 20px;

    text-align: center;

    cursor: pointer

}



.fn_cs_roadmap .roadmap_top .swiper-slide h4 {

    margin: 0 0 5px;

    font-size: 18px;

    font-weight: 600;

    letter-spacing: 0;

    text-transform: uppercase;

    white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden

}



.fn_cs_roadmap .roadmap_top .swiper-slide h3 {

    margin: 0 0 20px;

    font-size: 18px;

    font-weight: 600;

    letter-spacing: 0;

    color: var(--mc2);

    overflow: hidden

}



.fn_cs_roadmap .roadmap_top .swiper-slide .item {

    display: flex;

    -webkit-flex-direction: column;

    -moz-flex-direction: column;

    -ms-flex-direction: column;

    -o-flex-direction: column;

    flex-direction: column;

    -ms-align-items: center;

    align-items: center

}



.fn_cs_roadmap .roadmap_top .swiper-slide:hover .circle:before {

    transition: .3s;

    transform: scale(1) rotate(0);

    border-radius: 100%

}



.fn_cs_roadmap .roadmap_top .swiper-slide.swiper-slide-active .circle:before {

    transform: scale(1) rotate(0);

    border-radius: 100%

}



.fn_cs_roadmap .roadmap_top .swiper-slide.swiper-slide-active .circle:after {

    background-color: #ffff

}



.fn_cs_roadmap .roadmap_top .swiper-slide .circle {

    height: 40px;

    width: 40px;

    display: block;

    background-color: var(--mc2);

    border-radius: 50%;

    position: relative

}



.fn_cs_roadmap .roadmap_top .swiper-slide .circle:before {

    position: absolute;

    content: '';

    width: 10px;

    height: 10px;

    border-radius: 0;

    background-color: #000;

    top: 50%;

    left: 50%;

    margin: -5px 0 0 -5px;

    transform: scale(0) rotate(360deg);

    transition: .8s, border-radius .5s .3s

}



.fn_cs_roadmap .roadmap_top .swiper-slide .circle:after {

    position: absolute;

    content: '';

    width: 4px;

    height: 15px;

    left: 50%;

    margin-left: -2px;

    bottom: 100%;

    background-color: var(--mc2);

    transition: .5s

}



.fn_cs_roadmap .roadmap_bottom .item {

    position: relative;

    border: 1px solid rgba(255, 255, 255, .3);

    padding: 29px

}



.fn_cs_roadmap .roadmap_bottom .item_in {

    border: 2px solid rgba(255, 255, 255, .4);

    position: relative;

    z-index: 5;

    padding-left: 98px

}



.fn_cs_roadmap .roadmap_bottom .phase {

    border-right: 2px solid rgba(255, 255, 255, .4);

    position: absolute;

    width: 98px;

    top: 0;

    left: 0;

    bottom: 0

}



.fn_cs_roadmap .roadmap_bottom .phase h3 {

    writing-mode: vertical-rl;

    text-orientation: mixed;

    transform: translate(-50%, -50%) rotate(180deg);

    position: absolute;

    top: 50%;

    left: 50%;

    font-size: 24px;

    font-weight: 600;

    color: var(--mc2);

    letter-spacing: 2px;

    margin: 0;

    text-transform: uppercase

}



.fn_cs_roadmap .roadmap_bottom .item_content {

    padding: 28px 30px;

    display: flex

}



.fn_cs_accordion .acc_header,

.fn_cs_roadmap .roadmap_bottom .info_desc {

    display: -webkit-flex;

    display: -moz-flex;

    display: -ms-flex;

    display: -o-flex

}



.fn_cs_roadmap .roadmap_bottom .info_img {

    width: 34%;

    min-width: 34%

}



.fn_cs_roadmap .roadmap_bottom .info_desc {

    display: flex;

    -webkit-flex-direction: column;

    -moz-flex-direction: column;

    -ms-flex-direction: column;

    -o-flex-direction: column;

    flex-direction: column;

    justify-content: center;

    padding-left: 50px

}



.fn_cs_roadmap .roadmap_bottom .fn_title {

    font-weight: 400;

    font-size: 24px;

    letter-spacing: 0;

    margin-bottom: 11px

}



.fn_cs_roadmap .roadmap_bottom .subtitle {

    font-weight: 600;

    font-size: 16px;

    letter-spacing: 0;

    margin-bottom: 19px;

    color: var(--mc2);

    text-transform: uppercase

}



#faq {

    padding-top: 36px;

    padding-bottom: 70px;

    background-color: var(--mc2);

    position: relative

}



#blog .fn_cs_title,

#faq .fn_cs_title {

    margin-bottom: 30px

}



.bottom_icon .top {

    bottom: 0;

    color: rgba(255, 255, 255, .2)

}



#faq .container {

    z-index: 3;

    position: relative

}



.fn_cs_accordion .acc_item {

    padding: 7px 0 5px;

    border: 2px solid #fff;

    border-radius: 30px;

    margin-bottom: 20px

}



.fn_cs_accordion .fn__maintitle {

    font-size: 18px;

    font-weight: 500;

    text-transform: uppercase;

    margin: 0;

    color: #000

}



.fn_cs_accordion .acc_header {

    padding: 13px 30px;

    position: relative;

    cursor: pointer;

    display: flex;

    justify-content: space-between;

    -ms-align-items: center;

    align-items: center

}



.fn_cs_accordion .icon {

    width: 40px;

    height: 40px;

    min-width: 40px;

    margin-left: 20px;

    display: block;

    position: relative;

    border-radius: 100%;

    border: 2px solid #fff;

}



.fn_cs_accordion .icon span:after,

.fn_cs_accordion .icon span:before {

    content: '';

    position: absolute;

    display: block;

    background-color: #fff;

    transition: .3s

}



.fn_cs_accordion .icon span:before {

    width: 25px;

    height: 3px;

    top: 17px;

    left: 7px;

}



.fn_cs_accordion .icon span:after {

    width: 3px;

    height: 22px;

    bottom: 7px;

    left: 18px;

}



.fn_cs_accordion .active .icon span:after {

    height: 0

}



.fn_cs_accordion .acc_content {

    display: none;

    overflow: hidden;

    padding: 26px 30px 27px;

    position: relative

}



.fn_cs_blog .swiper-pagination,.fn_cs_campus .swiper-pagination

.fn_cs_row,

.nft_single_img .view_on ul {

    display: -webkit-flex;

    display: -moz-flex;

    display: -ms-flex;

    display: -o-flex

}



.fn_cs_accordion .acc_header:after {

    width: 0;

    position: absolute;

    content: '';

    height: 1px;

    background-color: #fff;

    bottom: -1px;

    right: 0;

    display: block;

    transition: .3s .3s

}



.fn_cs_accordion .acc_content p {

    margin: 0;

    color: #fff;

    border-bottom: 1px solid #fff;

    padding: 10px;

    padding-top: 25px;

}



.fn_cs_blog .read_all a,

.nft_single_img .view_on li {

    font-size: 16px;

    color: var(--mc2);

    font-weight: 600;

    font-family: var(--hff);

    text-transform: uppercase

}



.fn_cs_row {

    display: flex;

    flex-wrap: wrap;

    margin-left: -60px

}



.fn_cs_row .fn_col {

    width: 50%;

    padding-left: 60px;

    margin-bottom: 60px

}



.fn_cs_blog .swiper-pagination,.fn_cs_campus .swiper-pagination {

    position: relative;

    margin-top: 58px;

    text-align: left;

    bottom: auto;

    display: flex;

    flex-wrap: wrap

}



.fn_cs_blog .swiper-pagination-bullet,.fn_cs_campus .swiper-pagination-bullet{

    width: 50px;

    height: 3px;

    border-radius: 0;

    background-color: rgba(255, 255, 255, .4);

    opacity: 1;

    margin: 0 10px 0 0;

    position: relative

}



.fn_cs_full_slider .swiper-pagination-bullet:before,.fn_cs_blog .swiper-pagination-bullet:before,

.fn_cs_campus .swiper-pagination-bullet:before{

    top: -15px;

    bottom: -15px;

    left: 0;

    right: 0;

    position: absolute;

    content: ''

}

.fn_cs_full_slider  .maintitle,.fn_cs_full_slider  p{

    margin-left:30px;

}

.fn_cs_full_slider  p{

    color:#fff;

        font-size: 25px;

}

.fn_cs_full_slider .bg_overlay{

    z-index:2;

    background:#000;

    background:-moz-linear-gradient(180deg,rgba(255 255 255 / 0%) 0,rgba(0,0,0,0) 50%,rgba(0,0,0,.7) 100%);

    background:-webkit-linear-gradient(180deg,rgba(255 255 255 / 0%) 0,rgba(0,0,0,0) 50%,rgba(0,0,0,.7) 100%);

        background: linear-gradient(180deg,rgb(255 255 255 / 0%) 0,rgba(0,0,0,0) 50%,rgb(0 0 0 / 70%) 100%);

}

.fn_cs_blog .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,

.fn_cs_campus .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,

.fn_cs_full_slider .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{

    margin: 0 10px 0 0

}

.fn_cs_campus .swiper-pagination-bullet.swiper-pagination-bullet-active:after,

.fn_cs_blog .swiper-pagination-bullet.swiper-pagination-bullet-active:after,

.fn_cs_full_slider .swiper-pagination-bullet.swiper-pagination-bullet-active:after {

    width: 100%;

    transition: 4s linear;

    left: 0

}

.fn_cs_campus .swiper-pagination-bullet:after,

.fn_cs_blog .swiper-pagination-bullet:after,

.fn_cs_full_slider .swiper-pagination-bullet:after {

    content: '';

    position: absolute;

    width: 0;

    height: 100%;

    top: 0;

    left: auto;

    right: 0;

    background-color: #fff;

    border-radius: 2px;

    z-index: 2;

    transition: .5s linear

}



.fn_cs_blog .read_all,.fn_cs_campus .read_all {

    position: absolute;

    z-index: 5;

    right: 0;

    bottom: 0

}



.fn_cs_blog .read_all a {

    text-decoration: none;

    letter-spacing: 0;

    border-bottom: 1px solid;

    display: block;

    line-height: 1.2

}



.helios_nftsingle {

    padding: 224px 0 105px

}



.helios_nftsingle .fn__maintitle {

    margin-bottom: 40px;

    text-align: center

}



.helios_nftsingle .desc {

    text-align: center;

    margin-bottom: 60px

}



.desc p {

    margin-bottom: 27px

}



.nft_single_img {

    position: relative;

    margin-bottom: 40px

}



.nft_single_img .view_on {

    position: absolute;

    left: 100%;

    bottom: 30px;

    margin-left: 30px

}



.nft_single_img .view_on ul {

    margin: 0;

    padding: 0;

    list-style-type: none;

    display: flex;

    -webkit-flex-direction: column-reverse;

    -moz-flex-direction: column-reverse;

    -ms-flex-direction: column-reverse;

    -o-flex-direction: column-reverse;

    flex-direction: column-reverse

}



.helios_mintbox .mint_desc,

.helios_mintbox .mint_end,

.nft_single_img .view_on a {

    display: -webkit-flex;

    display: -moz-flex;

    display: -ms-flex;

    display: -o-flex

}



.nft_single_img .view_on li {

    margin: 10px 0 0;

    writing-mode: vertical-rl;

    text-orientation: mixed;

    line-height: 50px

}



.nft_single_img .view_on li:first-child {

    transform: rotate(180deg);

    margin-top: 20px

}



.nft_single_img .view_on a {

    display: flex;

    -ms-align-items: center;

    align-items: center;

    justify-content: center;

    text-decoration: none;

    width: 50px;

    height: 50px;

    border-radius: 100%;

    background-color: var(--mc2);

    color: #000;

    position: relative

}



.nft_single_img .view_on .fn__svg {

    width: 22px;

    height: 22px

}



.helios_mintbox {

    margin-bottom: 68px

}



.helios_mintbox .mint_title {

    padding: 32px 20px 29px;

    background-color: var(--mc2)

}



.helios_mintbox .mint_title span {

    letter-spacing: .5px;

    display: block;

    text-align: center;

    font-size: 24px;

    font-weight: 600;

    font-family: var(--hff);

    text-transform: uppercase;

    color: #000

}



.helios_mintbox .mint_end {

    padding: 11px 20px 10px;

    background-color: #000;

    display: flex;

    justify-content: center

}



.helios_mintbox .mint_end h3 {

    margin: 0;

    font-size: 16px

}



.helios_mintbox .mint_end h4 {

    margin: 0 15px 0 0;

    font-size: 16px;

    font-weight: 600;

    text-transform: uppercase

}



.helios_mintbox .mint_body {

    border: 2px solid rgba(255, 255, 255, .4);

    border-top: none;

    background-color: rgba(255, 255, 255, .2)

}



.helios_mintbox .mint_content {

    padding: 48px 98px 42px

}



.helios_mintbox .mint_list,

.helios_nftsingle .helios_breadcrumbs p {

    text-align: center

}



.helios_mintbox .mint_list li {

    width: 100%;

    padding-left: 40px;

    margin-bottom: 27px

}



.helios_mintbox .mint_list .item {

    height: 100%;

    border-bottom: 1px solid rgba(255, 255, 255, .4);

    position: relative;

    padding-bottom: 23px

}



.helios_mintbox .mint_list .item:after,

.helios_nft_cats .item:after {

    content: '';

    position: absolute;

    left: 0;

    width: 0;

    bottom: 0;

    height: 1px;

    background-color: var(--mc2);

    transition: .3s

}



.helios_mintbox .mint_list li:last-child .item {

    border-bottom-color: transparent

}



.helios_mintbox .mint_list h4 {

    font-size: 16px;

    color: var(--mc2);

    text-transform: uppercase;

    margin: 0 0 5px;

    padding: 0;

    letter-spacing: .5px;

    font-weight: 600

}



.helios_mintbox .mint_list h3,

.helios_nft_cats .child_category,

.qnt {

    padding: 0;

    font-size: 24px;

    white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden

}



.helios_mintbox .mint_list h3,

.helios_nft_cats .child_category {

    margin: 0;

    letter-spacing: 0;

    font-weight: 300;

    color: #fff

}



.helios_mintbox .mint_desc {

    display: flex;

    -webkit-flex-direction: column;

    -moz-flex-direction: column;

    -ms-flex-direction: column;

    -o-flex-direction: column;

    flex-direction: column;

    -ms-align-items: center;

    align-items: center;

    margin-top: -8px

}



.helios_mintbox .mint_checked,

.helios_mintbox .mint_checked .status {

    display: -webkit-flex;

    display: -moz-flex;

    display: -ms-flex;

    display: -o-flex;

    -ms-align-items: center

}



.helios_mintbox .mint_desc .helios_button {

    min-width: 210px;

    margin-bottom: 25px

}



.helios_mintbox .mint_desc p {

    text-align: center;

    margin: 0

}



.helios_mintbox .mint_desc p a {

    font-weight: 600;

    text-decoration: none;

    color: #fff

}



.helios_mintbox .mint_checked {

    padding: 45px 20px 42px;

    align-items: center;

    display: flex;

    -webkit-flex-direction: column;

    -moz-flex-direction: column;

    -ms-flex-direction: column;

    -o-flex-direction: column;

    flex-direction: column;

    background-color: rgba(255, 255, 255, .1)

}



.helios_mintbox .mint_checked p {

    display: -webkit-flex;

    display: -moz-flex;

    display: -ms-flex;

    display: -o-flex;

    display: flex;

    flex-wrap: wrap;

    -ms-align-items: center;

    align-items: center;

    margin-bottom: 7px

}



.helios_mintbox .mint_checked .text {

    margin-right: 5px;

    font-family: var(--hff);

    font-size: 18px;

    letter-spacing: 0;

    color: var(--bc)

}



.helios_mintbox .mint_checked .status {

    display: flex;

    font-family: var(--hff);

    color: var(--mc2);

    letter-spacing: .5px;

    text-transform: uppercase;

    align-items: center

}



.fn_cs_sponsor .item,

.helios_mintbox .mint_checked .icon {

    display: -webkit-flex;

    display: -moz-flex;

    display: -ms-flex;

    display: -o-flex;

    position: relative

}



.helios_mintbox .mint_checked .icon {

    display: flex;

    -ms-align-items: center;

    align-items: center;

    justify-content: center;

    width: 14px;

    height: 14px;

    background-color: var(--mc2);

    color: #000;

    border-radius: 100%;

    margin-left: 5px;

    top: -2px

}



.helios_mintbox .mint_checked .fn__svg {

    width: 8px;

    height: 8px;

    display: block

}



.qnt {

    margin: 0;

    letter-spacing: 0;

    font-weight: 400;

    color: #fff;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    -o-user-select: none;

    user-select: none

}



.qnt .decrease,

.qnt .increase {

    cursor: pointer;

    color: #fff;

    transition: .3s

}



.helios_nft_cats {

    margin-bottom: 102px

}



.helios_nft_cats li {

    width: 50%;

    padding-left: 40px;

    margin-bottom: 48px;

    text-align: center

}



.helios_nft_cats .item {

    height: 100%;

    border-bottom: 1px solid rgba(255, 255, 255, .4);

    position: relative;

    padding-bottom: 13px

}



.helios_nft_cats .parent_category {

    font-size: 16px;

    color: var(--mc2);

    text-transform: uppercase;

    margin: 0 0 4px;

    padding: 0;

    letter-spacing: .5px;

    font-weight: 600

}



#similar .fn_cs_title {

    margin-bottom: 56px

}



.helios_nftsingle .helios_share {

    justify-content: center

}



#sponsor {

    padding: 50px 0;

    background-color: #fff0;

}



#sponsor .fn_cs_title {

    margin-bottom: 86px

}



.fn_cs_sponsor .item {

    /*	border: 2px solid rgba(255, 255, 255, .4);

            background-color: rgba(255, 255, 255, .2);*/

    width: 100%;

    padding: 20px;

    display: flex;

    -ms-align-items: center;

    align-items: center;

    justify-content: center

}



.helios_totop {

    width: 40px;

    height: 40px;

    position: fixed;

    bottom: 40px;

    right: 40px;

    z-index: 999;

    opacity: 0;

    visibility: hidden;

    text-decoration: none;

    color: #000;

    transition: .5s;

    transform: translateY(50px)

}



.helios_totop.active {

    transform: translateY(0);

    opacity: 1;

    visibility: visible

}



.helios_totop.clicked {

    transform: translateY(-50px);

    animation: none

}



.helios_totop:after,

.helios_totop:before {

    content: '';

    position: absolute;

    width: 1px;

    height: 28px;

    display: block;

    background-color: #fff;

    top: 2px

}



.helios_totop:after {

    right: 100%;

    margin-right: 2px

}



.helios_totop:before {

    left: 100%;

    margin-left: 2px

}



.helios_totop .arrow {

    position: absolute;

    z-index: 2;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    border: 1px solid #fff;

    background-color: var(--mc2)

}



.helios_totop .arrow:after {

    position: absolute;

    top: 100%;

    width: 20px;

    background: linear-gradient(to bottom, #f5f5f5 10%, transparent 100%);

    height: 40px;

    left: 50%;

    margin-left: -10px;

    content: '';

    transition: .5s;

    opacity: 0;

    margin-top: 5px

}



.helios_totop .icon:after,

.helios_totop .icon:before {

    width: 11px;

    height: 3px;

    position: absolute;

    background-color: #000;

    top: 19px;

    z-index: 5;

    content: ''

}



.helios_totop .rocket {

    display: block;

    width: 48px;

    height: 49px;

    left: -4px;

    bottom: -4px;

    background-color: #fff;

    z-index: -1;

    position: absolute;

    clip-path: polygon(50% 0, 79.17% 8.16%, 100% 100%, 50% 90.84%, 0 100%, 20.83% 8.16%);

    transition: .3s

}



.fn_cs_welcome .buttons,

.slider_nav {

    display: -webkit-flex;

    display: -moz-flex;

    display: -ms-flex;

    display: -o-flex

}



.helios_totop .icon:after {

    transform: rotate(45deg);

    left: 17.5px

}



.helios_totop .icon:before {

    transform: rotate(-45deg);

    left: 11.5px

}



.fn_cs_full_slider {

    width: 100%;

    position: relative

}







.fn_cs_slider .slider_top .img,

.fn_cs_zigzag .item_in .img,

.frenify_cards_gallery .o_img {

    background-size: contain;

    background-position: center center;

    background-repeat: no-repeat

}



.fn_cs_full_slider .swiper-slide {

    height: 115vh;

    position: relative;

    overflow: hidden;

    z-index: 5

}



#snow,

.snowflake {

    position: absolute

}



.fn_cs_full_slider .slider_content {

    position: absolute;

    margin: 0;

    bottom: 172px;

    left: 0;

    /*right: 0;*/

    z-index: 10

}

.fn_cs_full_slider .swiper-pagination {

    bottom: 160px;

    left: 40px;

}

.fn_cs_full_slider .swiper-pagination-bullet {

    width: 24px;

    height: 5px;

    border-radius: 2px;

    background-color: rgb(255 255 255 / 24%);

    opacity: 1;

    margin: 0 10px 0 0;

    position: relative;

    /*border: 1px solid #ae7b5e;*/

}

.fn_cs_sponsor {

    position: relative;

}

.fn_cs_sponsor .swiper-button-next,.fn_cs_sponsor .swiper-button-prev,

.fn_cs_campus .swiper-button-next,.fn_cs_sponsor .swiper-button-prev

{

    background-image: none;

}

.fn_cs_sponsor .swiper-button-prev::after,

.fn_cs_campus .swiper-button-prev::after{

    content: "\2190";

    color: #c48a69;

    font-size: 40px;

}

.fn_cs_sponsor .swiper-button-next::after,

.fn_cs_campus .swiper-button-next::after {

    content: "\2192";

    color: #c48a69;

    font-size: 40px;

}

.fn_cs_sponsor .swiper-button-prev::after,.fn_cs_sponsor .swiper-button-next::after,

.fn_cs_campus .swiper-button-prev::after,.fn_cs_campus .swiper-button-next::after{

    content:'';

}

.fn_cs_sponsor .swiper-button-prev,

.fn_cs_campus .swiper-button-prev{

    background-image:url('../img/arrow.png');

    background-size: contain;

    transform: rotate(180deg);

    left: -50px;

    box-shadow: -1px -4px 2px 1px rgb(0 0 0 / 42%);



}

.fn_cs_sponsor .swiper-button-next,

.fn_cs_campus .swiper-button-next{

    background-image:url('../img/arrow.png');

    background-size: contain;

    right: -50px;

}

.fn_cs_campus .swiper-button-prev{

    left: 5px;

}

.fn_cs_campus .swiper-button-next{

    right: 5px;

}

.fn_cs_campus .swiper-button-next,.fn_cs_campus .swiper-button-prev,

.fn_cs_sponsor .swiper-button-next,.fn_cs_sponsor .swiper-button-prev{

    width: 25px;

    height: 25px;

    box-shadow: 0 0 5px 2px rgb(0 0 0 / 26%);

    border-radius: 25px;

}

.fn_cs_welcome .buttons {

    display: flex;

    flex-wrap: wrap;

    padding-top: 21px;

    -ms-align-items: center;

    align-items: center;

    justify-content: center

}



.fn_cs_welcome .buttons a {

    margin: 5px 10px 5px 0

}



.snowflake {

    width: 10px;

    height: 10px;

    background: linear-gradient(white, #fff);

    border-radius: 50%;

    filter: drop-shadow(0 0 10px white)

}



#snow {

    top: 0;

    left: 0;

    right: 0;

    bottom: 0

}



.section_content {

    position: relative;

    z-index: 5

}



.frenify_cards_gallery {

    width: 100%;

    float: left;

    clear: both;

    position: relative;

    padding-top: 65px;

    padding-bottom: 100px;

    overflow: hidden

}



.frenify_cards_gallery .img_holder {

    padding: 30px;

    border: 1px solid rgba(255, 255, 255, .3);

    width: 100%;

    position: relative;

    z-index: 15

}



.frenify_cards_gallery ul li {

    margin: 0;

    padding: 0;

    position: absolute;

    display: block;

    left: 50%;

    top: 0;

    opacity: 0;

    z-index: -5;

    cursor: pointer;

    transform: scale(0);

    outline: 0;

    -webkit-transition: .5s;

    -moz-transition: .5s;

    -ms-transition: .5s;

    -o-transition: .5s;

    transition: 1s;

    will-change: width, height, left, opacity, transform;

    transform-origin: bottom

}



.frenify_cards_gallery ul li.current {

    opacity: 1;

    cursor: default;

    z-index: 20

}



.frenify_cards_gallery ul li.next1,

.frenify_cards_gallery ul li.prev1 {

    opacity: 1;

    z-index: 10

}



.frenify_cards_gallery ul li.next2,

.frenify_cards_gallery ul li.prev2 {

    opacity: 1;

    z-index: 5

}



.frenify_cards_gallery .img_holder a {

    z-index: 20;

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    display: none

}



.frenify_cards_gallery .o_img {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0

}



#cards_slider {

    padding-top: 200px;

    position: relative

}



#carousel_3d,

#zigzag_carousel {

    padding-top: 200px;

    padding-bottom: 302px;

    position: relative

}



.fn_cs_slider {

    padding: 0 20px;

    overflow: hidden

}



.slider_nav {

    display: flex;

    -ms-align-items: center;

    align-items: center;

    justify-content: center;

    position: relative;

    padding-bottom: 4px

}



.fn__divider,

.fn_cs_slider .slider_top ul,

.slider_nav a {

    display: -webkit-flex;

    display: -moz-flex;

    display: -ms-flex;

    display: -o-flex

}



.slider_nav a>*,

.slider_nav>* {

    margin-right: 10px

}



.slider_nav a>:last-child,

.slider_nav>:last-child {

    margin-right: 0

}



.slider_nav .dash:after {

    content: '';

    position: absolute;

    width: 100px;

    height: 2px;

    background-color: #000;

    left: 50%;

    margin-left: -50px;

    top: 50%;

    margin-top: -1px

}



.slider_nav .dash:before {

    content: '';

    position: absolute;

    top: 100%;

    left: 0;

    right: 0;

    width: 0;

    height: 0;

    border-style: solid;

    border-width: 4px 90px 0;

    border-color: #fff transparent transparent

}



.slider_nav .next:after,

.slider_nav .prev:after {

    width: 28px;

    height: 28px;

    position: absolute;

    top: -5px;

    clip-path: polygon(0 0, 19% 100%, 100% 16%);

    background-color: #fff;

    z-index: -1;

    content: ''

}



.slider_nav a {

    display: flex;

    -ms-align-items: center;

    align-items: center;

    position: relative;

    z-index: 1

}



.slider_nav .prev:after {

    left: -5px

}



.slider_nav .next:after {

    right: -5px;

    transform: rotate(91deg)

}



.slider_nav .icon {

    width: 50px;

    height: 50px;

    background-color: var(--mc2);

    display: block;

    position: relative

}



.slider_nav .fn__svg {

    display: block;

    position: absolute;

    width: 18px;

    height: 18px;

    color: #000;

    top: 50%;

    left: 50%;

    margin: -9px 0 0 -9px

}



.slider_nav .prev .fn__svg {

    transform: rotate(90deg);

    margin-left: -10px

}



.slider_nav .next .fn__svg {

    transform: rotate(-90deg);

    margin-left: -8px

}



.slider_nav .dash {

    width: 180px;

    height: 50px;

    position: relative;

    background-color: var(--mc2)

}



.fn_cs_slider .slider_top>img {

    width: 33.3333% !important;

    min-width: 33.3333% !important;

    opacity: 0;

    margin-bottom: 10%

}



.fn_cs_slider .slider_top {

    padding: 59px 0 0;

    position: relative

}



.fn_cs_slider .slider_top ul {

    list-style-type: none;

    margin: 0;

    padding: 0;

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    display: flex;

    -ms-align-items: center;

    align-items: center;

    justify-content: center

}



.fn_cs_slider .slider_top li {

    width: 33.3333%;

    position: absolute;

    margin: 0;

    transform: translateX(100%) scale(0);

    transition: none;

    opacity: 0;

    top: 65px

}



.fn_cs_slider .slider_top li.next2 {

    left: 100%;

    transform: translateX(100%) scale(0);

    transition: 1s

}



.fn_cs_slider .slider_top li.prev2 {

    left: 0;

    transform: translateX(-100%) scale(0);

    transition: 1s

}



.fn_cs_slider .slider_top li.active,

.fn_cs_slider .slider_top li.next,

.fn_cs_slider .slider_top li.prev {

    transform: translateX(0) scale(1);

    opacity: 1;

    transition: 1s

}



.fn_cs_slider .slider_top li.next,

.fn_cs_slider .slider_top li.prev {

    cursor: pointer

}



.fn_cs_slider .slider_top li.next {

    left: 66.6666%

}



.fn_cs_slider .slider_top img,

.fn_cs_zigzag img {

    min-width: 100%;

    opacity: 0;

    margin-bottom: 10%

}



.fn_cs_slider .slider_top .item {

    perspective: 1000px;

    perspective-origin: 50% 50%

}



.fn_cs_slider .slider_top .item_in {

    padding: 30px;

    border: 1px solid rgba(255, 255, 255, .3);

    transition: 1s;

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    transform: scaleX(.85) scaleY(.85) rotateY(180deg)

}



.fn_cs_slider .active .helios_videobutton {

    opacity: 1;

    visibility: visible

}



.fn_cs_slider .slider_top .img {

    position: absolute;

    top: 30px;

    left: 30px;

    right: 30px;

    bottom: 30px;

    border: 2px solid rgba(255, 255, 255, .4);

    background-color: rgba(255, 255, 255, .2);

    overflow: hidden

}



.fn_cs_slider .slider_top .img:after {

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    transition: .3s

}



.fn_cs_slider .slider_top .active .has_video .img:after {

    background-color: rgba(0, 0, 0, .3)

}



.fn_cs_slider .slider_top .item_in:after {

    content: '';

    position: absolute;

    z-index: -1;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    color: var(--mc1);

    opacity: .15;

    border-radius: 20px;

    box-shadow: 0 5px 20px

}



.fn_cs_slider .slider_top .item_in:before {

    height: 15px;

    width: 60%;

    content: '';

    position: absolute;

    top: 100%;

    margin-top: 30px;

    background-color: #000;

    border-radius: 100%;

    left: 50%;

    transform: translateX(-50%);

    -webkit-filter: blur(15px);

    -o-filter: blur(15px);

    filter: blur(15px)

}



.fn_cs_slider .slider_top .active .item_in {

    transform: scaleX(1) scaleY(1) rotateY(0)

}



.fn_cs_slider .slider_top .prev .item_in,

.fn_cs_slider .slider_top .prev2 .item_in {

    transform: scaleX(.83) scaleY(.83) rotateY(-30deg)

}



.fn_cs_slider .slider_top .next .item_in,

.fn_cs_slider .slider_top .next2 .item_in {

    transform: scaleX(.83) scaleY(.83) rotateY(30deg)

}



.fn_cs_slider .slider_top li.active {

    left: 33.3333%

}



.fn_cs_zigzag {

    padding: 0 135px

}



.fn_cs_zigzag .swiper-container {

    overflow: visible;

    margin-bottom: 50px

}



.fn_cs_zigzag .item {

    position: relative;

    width: 100%;

    border: 1px solid rgba(255, 255, 255, .3);

    padding: 30px

}



.fn_cs_zigzag .even {

    margin-top: 30px

}



.fn_cs_zigzag .item_in {

    width: 100%;

    position: relative;

    border: 2px solid rgba(255, 255, 255, .4);

    background-color: rgba(255, 255, 255, .2)

}



.fn_cs_zigzag .item_in .img {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0

}



.helios_simple {

    padding: 127px 0 143px

}



.fn__title {

    letter-spacing: 0;

    font-size: 36px;

    font-weight: 600;

    margin-bottom: 4px;

    padding-top: 17px

}



.fn__divider {

    width: 100%;

    height: 8px;

    position: relative;

    display: flex;

    margin-bottom: 45px

}



.fn__divider .line {

    width: 120px;

    height: 2px;

    display: block;

    position: absolute;

    top: 50%;

    margin-top: -1px;

    left: 0;

    background-color: var(--mc2)

}



.fn__divider .line:after,

.fn__divider .line:before {

    content: '';

    height: 2px;

    position: absolute;

    left: 100%;

    background-color: var(--mc2);

    top: 0;

    bottom: 0

}



.fn__divider .line:before {

    margin-left: 4px;

    width: 20px

}



.fn__divider .line:after {

    margin-left: 28px;

    width: 6px

}



.fn__divider [class^="a"] {

    width: 11px;

    height: 8px;

    display: block;

    background-color: var(--mc2);

    -webkit-clip-path: polygon(30% 0, 100% 0, 70% 100%, 0 100%);

    -o-clip-path: polygon(30% 0, 100% 0, 70% 100%, 0 100%);

    clip-path: polygon(30% 0, 100% 0, 70% 100%, 0 100%);

    margin-right: 6px

}



.helios_simple p {

    font-size: 18px;

    margin-bottom: 38px

}



::selection {

    background-color: #e6e6e6

}



::-moz-selection {

    background-color: #000

}



.footer p::-moz-selection,

.hero_header .title::-moz-selection,

.maintitle::-moz-selection,

.helios_walletbox .title_holder h3::-moz-selection {

    background: 0 0;

    color: var(--mc2)

}



.footer p::selection,

.hero_header .title::selection,

.maintitle::selection,

.helios_walletbox .title_holder h3::selection {

    background: 0 0;

    color: var(--mc2)

}



.fn_cs_collection_info .count::-moz-selection,

.fn_cs_title .title[data-color=black]::-moz-selection,

.helios_404 h4::-moz-selection {

    background: 0 0;

    color: #fff

}



.fn_cs_collection_info .count::selection,

.fn_cs_title .title[data-color=black]::selection,

.helios_404 h4::selection {

    background: 0 0;

    color: #fff

}



.fn_cs_collection_info .title::-moz-selection,

.fn_cs_title .title[data-color=white]::-moz-selection,

.helios_404 h3:-moz-selection {

    background: 0 0;

    color: #000

}



.fn_cs_collection_info .title::selection,

.fn_cs_title .title[data-color=white]::selection,

.helios_404 h3::selection {

    background: 0 0;

    color: #000

}



.fn_cs_title .title span::-moz-selection {

    background: 0 0;

    color: #fff

}



.fn_cs_title .title span::selection {

    background: 0 0;

    color: #fff

}



@media(max-width:1400px) {

    .helios_drops .grid>li {

        width: 50%

    }



    .connect_btn .text span {

        display: none

    }



    .gradient_link {

        font-size: 20px

    }



    .bloglist ul {

        margin-left: -40px

    }



    .bloglist li {

        padding-left: 40px;

        margin-bottom: 40px

    }

}



@media(max-width:1300px) {

    .header .logo span {

        display: none

    }



    .header.active .logo img {

        transform: none;

        max-height: 60px

    }



    .header.active {

        padding: 10px 0

    }

}



@media(max-width:1200px) {

    .helios_wsidebar .sidebar_right {

        width: 100%;

        min-width: 100%;

        padding-left: 0

    }



    .helios_wsidebar .sidebar_left {

        width: 100%;

        padding-right: 0

    }



    .helios_wsidebar {

        -webkit-flex-direction: column;

        -moz-flex-direction: column;

        -ms-flex-direction: column;

        -o-flex-direction: column;

        flex-direction: column

    }



    .gradient_link {

        font-size: 16px;

        padding: 0 20px

    }



    .fn_cs_title .title,

    .hero_header .info .count,

    .hero_header .title,

    .maintitle {

        font-size: 40px

    }



    .fn_cs_collection_info .title,

    .fn_cs_title .title.small,

    .helios_walletbox .title_holder h3,

    .slider__count {

        font-size: 30px

    }

}



@media(max-width:1040px) {

    .container {

        padding: 0 20px

    }



    #cards_slider,

    #carousel_3d,

    #zigzag_carousel {

        padding-top: 150px

    }



    #zigzag_carousel {

        padding-bottom: 200px

    }



    .fn_cs_roadmap .roadmap_top .swiper-slide {

        width: 300px

    }



    .fn_cs_team .team_item {

        width: 50%

    }



    .fn_cs_row .fn_col {

        padding-left: 40px;

        margin-bottom: 40px

    }



    .fn_cs_row {

        margin-left: -40px

    }



    .fn_cs_roadmap .roadmap_bottom .phase h3 {

        font-size: 20px

    }



    .blog__item,

    .fn_cs_roadmap .roadmap_bottom .item {



    }



    .fn_cs_roadmap .roadmap_bottom .item_content {

        padding: 18px 20px

    }



    .fn_cs_roadmap .roadmap_bottom .info_desc {

        padding-left: 30px

    }



    .fn_cs_roadmap .roadmap_bottom .phase {

        width: 78px

    }



    .fn_cs_roadmap .roadmap_bottom .item_in {

        padding-left: 78px

    }



    .helios_nftsingle {

        padding-top: 144px

    }



    .helios_mintbox .mint_content {

        padding-left: 38px;

        padding-right: 38px

    }



    .nft_single_img .view_on {

        position: relative;

        top: 0;

        left: 0;

        bottom: auto;

        margin: 45px 0 0

    }



    .nft_single_img .view_on ul {

        -webkit-flex-direction: row;

        -moz-flex-direction: row;

        -ms-flex-direction: row;

        -o-flex-direction: row;

        flex-direction: row;

        justify-content: center

    }



    .nft_single_img .view_on li {

        writing-mode: unset;

        margin: 5px 10px 5px 0;

        line-height: 60px

    }



    .nft_single_img .view_on li:first-child {

        transform: none;

        margin: 0 20px 0 0

    }



    .bloglist li {

        padding-left: 20px;

        margin-bottom: 20px

    }



    .bloglist ul {

        margin-left: -20px

    }



    .blog__item .item_desc {

        padding: 35px 28px 30px

    }



    .helios_blog_single {

        padding-top: 95px

    }



    .helios_pagetitle .pagetitle {

        padding-top: 145px

    }



    .helios_coming_soon {

        padding: 150px 0

    }



    .helios_collection {

        -webkit-flex-direction: column;

        -moz-flex-direction: column;

        -ms-flex-direction: column;

        -o-flex-direction: column;

        flex-direction: column

    }



    .helios_filters {

        width: 100%;

        min-width: 100%

    }



    .helios_clist {

        padding-left: 0

    }



    .helios_mobnav {

        display: none;

    }



    .header {

           background: #243468;

    display: -webkit-flex;

    display: -moz-flex;

    display: -ms-flex;

    display: -o-flex;

    display: flex;

    border-bottom: 1px solid rgba(255, 255, 255, .3);

    justify-content: space-between;

    padding: 20px 20px;

   

    position: unset;

    }

    .trigger {

        margin: 11px 0px!important;

    }

    .aboutusfloatptag{

        color:#243468!important;

    }

    .header .header_in{

        display:contents;

    }

    .headertextpages h1 {

    padding-top:20px;

    font-size: 45px!important;

}

.headertextpages {

    font-size: 20px!important;

       bottom: 5%!important;

    left: 25px!important;

}

    .header .helpful .menubtn, .triggers .menubtn{

        padding-left:5px;

    }

.header_in {

  

    padding: 0px;

}



.header .logo img {

    width: 150px;

}

    #home {

        padding-top: 100px

    }



    .hero_header .hero_left {

        width: 55%

    }



    .hero_header .hero_right {

        width: 45%

    }



    .helios_button .text {

        min-width: 150px

    }

}



@media(max-width:768px) {

    .slider1-next{

    right: -10px;

}

.slider1-prev{

    left: -10px;

}

    .connect_btn, .connect_btn1{

        font-size: 14px;

        padding-left: 0px;

    }

    .quicklinks{

        display: block!important;

        text-align:center;



    }

    .quicklinksdiv {

        padding-top:20px;

       

    }

    .fn_cs_contact_info .imgdiv{

        text-align: center

    }

    .contactusfooter{

        padding-top: 20px;

         padding-bottom: 10px;

    }

    .mailiconhelios{

        margin:auto;

    }

    .quicklinks ul li {

        margin-bottom: 5px;

    }

    .fn_cs_contact_info h4{

        margin-bottom:0px;

    }

    .strike{

        padding-right: 145px!important;

            padding-top: 20px;

    }

    .aboutusbest{

        width:50%

    }

    .hideformobile{

        display: none;

    }

    .bloglist li,

    .fn_col2,

    .fn_col20,

    .fn_col30,

    .fn_col40,

    .fn_col60,

    .fn_col70,

    .fn_col50,

    .helios_col25,

    .helios_col50,

    .fn_cs_contact_form li,

    .fn_cs_contact_info li,

    .fn_cs_row .fn_col,

    .fn_cs_slider[data-responsive=on] .slider_top li,

    .fn_cs_team .team_item,

    .hero_header .hero_right,

    .helios_404 .helios_button,

    .helios_comments .input-item.half-item,

    .helios_drops .grid>li,

    .helios_items li,

    .helios_nft_cats li,

    .helios_protected .helios_button,

    .helios_rightnav {

        width: 100%

    }



    .fn_cs_slider[data-responsive=on] .slider_top>img {

        width: 100% !important;

        min-width: 100% !important

    }



    .fn_cs_slider[data-responsive=on] .slider_top li.active {

        left: 0

    }



    .fn_cs_slider[data-responsive=on] .slider_top li.prev {

        left: -100%;

        margin-left: -100px

    }



    .fn_cs_slider[data-responsive=on] .slider_top li.next {

        left: 100%;

        margin-left: 100px

    }



    .fn_cs_contact_form input[type=text],

    textarea {

        padding-left: 17px;

        padding-right: 17px

    }



    .fn_cs_blog .read_all,.fn_cs_campus .read_all {

        position: relative;

        left: 30px;

        bottom: auto;

        margin-top: 0px;

    }



    .fn_cs_blog .read_all a {

        width: fit-content

    }



    .fn_cs_roadmap .roadmap_bottom .item_content,

    .hero_header,

    .hero_header .buttons,

    .helios_404 form,

    .helios_author_info .item_in,

    .helios_protected form {

        -webkit-flex-direction: column;

        -moz-flex-direction: column;

        -ms-flex-direction: column;

        -o-flex-direction: column;

        flex-direction: column

    }



    .fn_cs_roadmap .roadmap_bottom .info_desc {

        padding-left: 0;

        margin-top: 30px

    }



    .fn_cs_roadmap .roadmap_bottom .item_in {

        padding-left: 0;

        padding-top: 78px

    }



    .fn_cs_roadmap .roadmap_bottom .phase {

        width: 100%;

        height: 78px;

        right: 0;

        bottom: auto;

        border-right: none;

        border-bottom: 2px solid rgba(255, 255, 255, .4)

    }



    .fn_cs_roadmap .roadmap_bottom .phase h3 {

        writing-mode: unset;

        transform: translate(-50%, -50%)

    }



    .fn_cs_roadmap .roadmap_bottom .info_img {

        width: 350px;

        max-width: 100%

    }



    .fn_cs_glitch_slider .slider .item,

    .fn_cs_zigzag .item {

        padding: 20px

    }



    .fn_cs_zigzag {

        padding: 0 50px

    }



    .fn_cs_slider .slider_top {

        margin-bottom: 90px

    }



    #carousel_3d {

        padding-bottom: 200px

    }



    .helios_author_info {

        padding: 19px

    }



    .helios_author_info .info_img {

        padding: 30px 20px 0;

        width: 250px;

        max-width: 100%

    }



    .helios_author_info .info_desc,

    .helios_walletbox {

        padding-left: 20px;

        padding-right: 20px

    }



    .fn_cs_moving_collection .item {

        width: 300px !important

    }



    .footer {

        -webkit-flex-direction: column;

        -moz-flex-direction: column;

        -ms-flex-direction: column;

        -o-flex-direction: column;

        flex-direction: column;

        -ms-align-items: flex-start;

        align-items: flex-start

    }



    .hero_header .hero_left {

        width: 100%;

        padding-right: 0;

        max-width: 100%;

        margin-bottom: 92px

    }



    .myparallax {

        max-height: 60vh

    }



    .fn_cs_glitch_slider .pagination ul {

        height: inherit !important;

        left: auto;

        top: 100%;

        margin-top: 40px;

        flex-direction: row;

        margin-left: -10px;

        flex-wrap: wrap

    }



    .fn_cs_glitch_slider .pagination li {

        position: relative;

        left: auto;

        right: auto;

        width: 50px;

        height: 3px;

        bottom: auto !important;

        margin-left: 10px;

        margin-bottom: 10px

    }



    .fn_cs_glitch_slider .pagination .item {

        height: 3px

    }



    .fn_cs_glitch_slider:hover .pagination li {

        opacity: 1

    }



    .fn_cs_glitch_slider .pagination .item:after {

        height: 100%;

        width: 0

    }



    .fn_cs_glitch_slider .pagination .active .item:after {

        width: 100%;

        transition: 3s linear

    }



    .slider__count {

        bottom: 50px;

        font-size: 24px

    }



    #home {

        padding-bottom: 254px

    }



    #about {

        padding-top: 89px

    }



    #video {

        padding-top: 180px

    }



    .helios_404 input,

    .helios_protected input[type=password] {

        margin-right: 0;

        margin-bottom: 10px;

        text-align: center;

        padding-left: 17px;

        padding-right: 17px;

        flex: auto

    }



    .fn_cs_contact_form input[type=text],

    .helios_comments .comment-form input[type=text] {

        height: 50px

    }



    .fn_cs_contact_form li,

    .helios_comments .input-item {

        margin-bottom: 20px

    }



    .hero_header .buttons a {

        margin-right: 0;

        width: 100%

    }



    .helios_pnb .pnb_wrapper {

        -webkit-flex-direction: column;

        -moz-flex-direction: column;

        -ms-flex-direction: column;

        -o-flex-direction: column;

        flex-direction: column;

        overflow: visible

    }



    .helios_pnb .fn_trigger {

        width: 100%;

        height: 100px;

        top: 50%;

        left: 0;

        margin-left: 0;

        margin-top: -50px

    }



    .helios_pnb .item {

        width: 100%;

        max-width: 100%;

        padding: 70px 0

    }



    .helios_pnb .fn_trigger:after {

        width: auto;

        height: 2px;

        top: 50%;

        margin-top: -1px;

        margin-left: 0;

        left: -20px;

        right: -20px

    }



    .helios_pnb .fn_trigger .icon {

        transform: rotate(89deg);

        z-index: 5;

        position: relative

    }

    .aboutusfloatptag, .aboutusfloatptag1{

        position: relative;

        left: auto

    }

    .aboutusfloatptag1{

        /*color:#fff!important;*/

        top:30px;

    }

    .aboutusawards{

        background-color: #fff;

    }

    .whyheliosimg,.helios_col25,.helios_col50,.whyheliosimgdiv{

        width: 100%;

        padding-left: 80px;

        height: 200px;

        margin-top: 20px;

    }

}



@media(max-width:480px) {

    .container {

        padding: 0 10px

    }



    .helios_rightnav .search_holder input {

        min-width: inherit

    }



    .helios_rightnav {

        padding: 50px 20px

    }



    .helios_rightnav .list_holder .list a {

        width: 100%

    }

}

.strike {

    display: block;

    text-align: right;

    overflow: hidden;

    white-space: nowrap;

    padding-right: 300px;

}



.strike > span {

    position: relative;

    display: inline-block;

}



.strike > span:before,

.strike > span:after {

    content: "";

    position: absolute;

    top: 50%;

    width: 9999px;

    height: 1px;

    background: #fff;

}



.strike > span:before {

    right: 100%;

    margin-right: 15px;

}



.strike > span:after {

    left: 100%;

    margin-left: 15px;

}

.strike img{

    width: 20px;

    margin: 0px 5px;

}

.mailiconhelios{

    width: 200px;

    display: block;

    background: #fff;

    text-align: right;

    border-radius: 25px;

    color: #000;

}

.bulletli li:before {

   

}

.fn_cs_sponsor .item img{

    width:175px;

}

.fn_cs_contact_info .quicklinks .smalliconpl{

    width: 20px;

}

.contactusdiv li a{

        text-decoration: none!important;

}

.headertextpages{

    position: absolute;

    bottom: 20%;

    left: 50px;

}

.headertextpages h1{

    margin-bottom: 0px;

    font-size: 70px;

}

.headertextpages{

    font-size: 25px;

}



.borderleftdesign  {

    position:relative; /* so that pseudoelements are positioned relatively to their "li"s*/

    margin-bottom: 0; /* This overrides previously specified margin-bottom */

    padding-bottom: 1px;

    padding-left: 10px;

    margin-left: 15px;

}





.borderleftdesign :before {

    content:"";

    position: absolute;

    left: -7px; /* adjust manually */

    border-left: 1px solid #fff;

    height: 100%;

    width: 1px;

}



.borderleftdesign :first-child:before {

    top: 6px; /* moves the line down so that it disappears under the bullet. Adjust manually */

}



.borderleftdesign :last-child:before {

    height: 0px; /* shorten the line so it goes only up to the bullet. Is equal to first-child:before's top */

}

.removeverticlelinegan :before{

    content: none;

}

.ganeshdisplayflexresponsive{

    display: flex;

    margin-top: 30px;

}

@media(max-width:768px) {

    .ganeshdisplayflexresponsive{

        display: block;

    }

}

#myTabContent p{

    text-align: justify;

}

.academic-tier img{
height: 400px;
    object-fit: cover;
    width: 400px
}

.aboutuscorevaluesdivimg{

    box-shadow: 0 0 15px 5px rgba(0, 0, 0, .1);

    padding: 10px;

    border-radius: 30px;

    margin-top:10px;

    background-color: #fff;

}

 .academictiersdiv{

        height: 100%

    }

    @media(max-width:768px) {

        .academictiersdiv{

            margin-top: 30px;

        }

        .sectionresponsive{

            margin: 10px;

        }

    }

     .academictiersdiv,.teachingmethodologydiv{

        box-shadow: 0 0 15px 5px rgba(0, 0, 0, .1);

        padding: 10px;

        border-radius: 30px;

        margin-top: 10px;

        background-color: #fff;

    }

    .academictiersdiv p,.academictiersdiv h3{

        padding: 0px 15px;

       

    }

    .academictiersdiv p{

        padding: 0px 15px;

        font-size: 15px;

        line-height: 20px

    }

    .helios_button_changes{

        margin: auto;

        background-color: #fff;

        color: var(--mc2);

        margin-top: 30px;

        padding:10px;

            box-shadow: 0 0 15px 5px rgba(0, 0, 0, .1);

    }

    .helios_button_changes .text{

        color: var(--mc2);

    }

    .teachingmethodologydiv{

        margin-top: 30px;

        margin-bottom: 30px;

    }

    

    .small, small {

    font-size: 16px!important;

}

.video-container{

         position: relative;

    width: 100%;

    height: 0;

    padding-bottom: 56.25%;

    }

     .video {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}

.admissionprocessicons{

    width: 20px;

    position: absolute;

    left: -15px;

    background-color: #243468;

    z-index: 99;

    padding-top: 4px;

    padding-bottom: 4px;

}
.vm-img img{
    height: 600px;
    width: 100%;
    object-fit: cover;
}
.campus-img img{
      height: 400px;
    width: 100%;
    object-fit: cover;
}
/* blog css */
.blog-content{
    font-size: 17px;
    color: #243468;
}
.text-blue{
    color: #243468;
}

 .sticky-sidebar {
    position: -webkit-sticky; /* Safari */
    position: sticky;
    top: 120px; /* must be > header height */
}
.blog-banner{
    background-image: url(../img/blog/blog.jpeg);
    height: 60vh;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.news-banner{
    background-image: url(../img/blog/news.jpeg);
    height: 60vh;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.border-bottom-blue{
    border-bottom: 1px solid #545e80;
}