/*================================================================================
	Item Name: Crypto ICO - Cryptocurrency Website Landing Page HTML + Dashboard Template
	Version: 1.0
	Author: PIXINVENT
	Author URL: http://www.themeforest.net/user/pixinvent
================================================================================

NOTE:
------
PLACE HERE YOUR OWN SCSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */

@import url('https://fonts.googleapis.com/css2?family=Alatsi&display=swap');
body {
    background: #18191a;
    color: #fff;
}

.bg-color {
    /*background: radial-gradient(117.67% 99.18% at 50% .82%,#ffb23e 0,goldenrod 50.39%,#412B33 100%);*/
    background: radial-gradient(117.67% 99.18% at 50% .82%, #ffb23e 0, #ff518f 50.39%, #622aff 100%);
}

.purchase-token-btn {
    padding: 15px 0;
}

.head-area .head-content h1 {
    font-family: 'Alatsi', sans-serif;
    font-size: 52px !important;
    padding-top: 30px;
}

.head-area .head-content h1 span {
    background: linear-gradient(90deg, #ffb23e 0, #ff518f 50.39%, #622aff);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-box-decoration-break: clone;
}

.head-area .head-content .banner-content h3 {
    padding-top: 1rem !important;
}

.head-area .head-content {
    /*background: -webkit-gradient(linear,left top,right top,from(#A34FFE),to(#5934FC));*/
    /*background: -webkit-linear-gradient(left,#A34FFE,#5934FC);*/
    /*background: -moz-linear-gradient(left,#A34FFE,#5934FC);*/
    /*background: -o-linear-gradient(left,#A34FFE,#5934FC);*/
    background: none;
}

.rt_img img {
    width: 135%;
}

.about .content-area h6 {
    color: #ddd;
}

.about .content-area h4,
.navbar.navbar-light ul.navbar-nav li .nav-link {
    color: #ff518f;
}

.about .content-area h4 span {
    background: linear-gradient(90deg, #ffb23e 0, #ff518f 50.39%, #622aff);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-box-decoration-break: clone;
}

.what-is-crypto-img img {
    max-width: 130%;
}

p {
    color: #ddd;
}

.exchange-listing .listing .col h2 {
    color: #fff;
}

.grey-accent2 {
    color: #fff;
}

.card-deck .card {
    margin-right: 5px;
    margin-left: 5px;
    background: linear-gradient(180deg, #242526 0, #3a3b3c 100%);
}

.card-deck .card-body {
    padding: 5px;
}

.card-deck .card-body h4 {
    background: linear-gradient(90deg, #ffb23e 0, #ff518f 50.39%, #622aff);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-box-decoration-break: clone;
    font-size: 16px;
    text-transform: capitalize;
}

.card-deck .card-body p {
    font-size: 13px;
}

.card-deck .card-body .fa {
    color: #ff518f;
    font-size: 40px;
    padding: 15px 0;
}

header .navbar.navbar-fixed {
    background: #18191a;
}

.roadmap .swiper-slide.active .roadmap-info {
    background: #242526;
    margin: 32px 3px 0;
    min-height: 145px;
}

.roadmap .swiper-slide.active .roadmap-info::after {
    border-bottom: 10px solid #242526;
}

.roadmap .timestamp span {
    font-weight: 700;
    font-size: 13px;
    line-height: 20px;
    padding: 0 5px 10px;
}

.roadmap .swiper-slide {
    border-top: 4px solid #222;
}

.heading {
    margin-bottom: 3rem;
}

.heading .title {
    font-family: 'Alatsi', sans-serif;
    padding: 0;
}

.footer {
    background: linear-gradient(180deg, #242526 0, #3a3b3c 100%);
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
}

.blog .border-dash {
    border: 1px solid #774D00;
    margin-bottom: 30px;
    min-height: 215px;
}

.blog .card {
    background: none;
}

.blog .border-dash .card-body .blog-content .card-title {
    color: #fff;
    text-transform: uppercase;
}

.content-area ul li {
    list-style: conic-gradient;
    padding-bottom: 15px;
}

.token-img h6 {
    padding-bottom: 15px;
}

.heading .title {
    color: #fff;
    text-transform: capitalize;
    font-size: 3em;
}

.roadmap.section-padding,
.faq.section-padding {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
}

.blog.section-padding {
    padding-top: 0;
    padding-bottom: 3.5rem;
}

.footer .footer-wrapper ul.social-buttons li a {
    padding: 6px 0;
    font-size: 2rem;
    border: 0px solid #F8F9FA;
    background: radial-gradient(117.67% 99.18% at 50% .82%, #ffb23e 0, #ff518f 50.39%, #622aff 100%);
    width: 60px;
    height: 60px;
}

.footer .footer-wrapper ul.social-buttons li a:hover {
    padding: 6px 0;
}

.faq .tab-content .card {
    border: 0px solid #111;
    background: linear-gradient(180deg, #242526 0, #3a3b3c 100%);
}

.main-menu.navbar.navbar-absolute.open {
    background: radial-gradient(117.67% 99.18% at 50% .82%, #ffb23e 0, #ff518f 50.39%, #622aff 100%);
}

.navbar .navbar-brand img {
    margin-right: .65rem;
    width: 75px;
    transition: all .3s ease-in;
}

header .navbar.navbar-fixed {
    padding: 0;
}

.navbar.navbar-fixed .navbar-brand img {
    width: 75px;
}

.navbar ul.navbar-nav li .nav-link {
    text-transform: uppercase;
}

.lgn img {
    width: 100px;
    margin: 0 0 30px;
}

.swal2-popup p {
    color: #333;
}

.lgn {
    width: 70%;
    margin: 2em auto 0;
}

.lgn_top {
    background: #23203a;
    padding: 30px;
    border-radius: 10px 10px 0 0;
    text-align: center;
}

.lgn_ftr {
    background: #23203a;
    padding: 30px;
    border-radius: 0 0 10px 10px;
    text-align: center;
    border-top: #6d678f solid 1px;
}

.lgn .form-control {
    border: 2px solid #656375;
    background-color: #1e1c2f;
    padding: 10px;
    border-radius: 30px;
    text-align: center;
    margin: 15px 0 0;
}

.lgn_top .col-md-6 {
    padding: 0 50px;
}

.lgn h2 {
    line-height: 36px;
    margin-bottom: 30px;
}

.lgn p {
    color: #6d678f;
    line-height: 20px;
}

.lgn h4 {
    line-height: 28px;
    margin: 0 0 30px;
}

.lgn .btn {
    border-radius: 30px;
    padding: 10px;
    width: 100%;
}

.lgn_ftr a {
    font-size: 22px;
    letter-spacing: 0;
    text-decoration: underline;
}

/*language*/

.ct-topbar {
    text-align: right;
    background: #eee;
}

.ct-topbar__list {
    margin-bottom: 0px;
}

.ct-language__dropdown {
    padding-top: 8px;
    max-height: 0;
    overflow: hidden;
    position: absolute;
    top: 110%;
    left: -3px;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    width: 75px;
    text-align: center;
    padding-top: 0;
    z-index: 200;
}

.ct-language__dropdown li {
    background: #222;
    padding: 3.5px;
}

.ct-language__dropdown li a {
    display: block;
}

.ct-language__dropdown li:first-child {
    //padding-top: 10px;
    border-radius: 3px 3px 0 0;
}

.ct-language__dropdown li:last-child {
    //padding-bottom: 10px;
    border-radius: 0 0 3px 3px;
}

.ct-language__dropdown li:hover {
    background: #444;
}

.ct-language__dropdown:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 8px;
    height: 0;
    border: 0 solid transparent;
    border-right-width: 8px;
    border-left-width: 8px;
    border-bottom: 8px solid #222;
}

.ct-language {
    position: relative;
    background: #622aff;
    color: #fff;
    padding: 5px 8px;
    border-radius: 15px;
}

.ct-language:hover .ct-language__dropdown {
    max-height: 200px;
    padding-top: 8px;
}

.list-unstyled {
    padding-left: 0;
    list-style: none;
}

.navbar-brand>img {
    padding-top: 11px;
    width: 130px;
    margin-left: 15px;
}

.navbar-brand {
    height: auto;
    margin: 0;
    padding: 0;
    margin-right: 20px;
}

.navbar {
    background-color: #000000;
}

.navbar-default .navbar-nav>.active>a {
    padding: 8px 19px 9px !important;
}

.navbar-nav>li.active {
    padding: 8px 0px 9px 0;
}

.navbar-right {
    padding-top: 0;
}

.navbar-default .navbar-nav>li>a::after {
    background-color: transparent;
    border-bottom: 3px solid #d2282e;
}

.navbar-default .navbar-nav>li {
    display: inline-block;
    text-align: center;
    float: none;
}

.navbar-default .navbar-nav>li>a {
    color: #fff;
}

.navbar-default .navbar-nav>li>a:hover {
    color: #fff;
    background-color: #0392CC;
}

.lang {
    position: fixed;
    right: 100px;
    top: 20px;
    z-index: 99999;
}

.goog-te-banner-frame.skiptranslate,
#goog-gt-tt {
    display: none !important;
}

.navbar-collapse {
    padding-right: 100px;
}

/* //language*/

@media(max-width: 768px) {
    .footer .footer-wrapper ul.social-buttons li a {
        padding: 4px 0;
        font-size: 1.5rem;
        width: 45px;
        height: 45px;
    }
    .about.section-padding {
        padding-top: 3.5rem;
        padding-bottom: 3.5rem;
    }
    .rt_img img {
        width: 100%;
    }
    .exchange-listing .listing .col {
        padding: 0 5px;
    }
    .exchange-listing .listing .col h2 {
        font-size: 24px;
    }
    .exchange-listing .listing .col p {
        font-size: 13px;
    }
    .exchange-listing .listing .col::before {
        border-left: 0px solid #C2C2C2;
    }
    .head-area .head-content h1 {
        font-size: 42px !important;
    }
    .navbar .navbar-brand img {
        width: 75px;
    }
    .footer .footer-wrapper ul.social-buttons li a:hover {
        padding: 4px 0;
    }
    .lgn {
        width: 100%;
    }
    .lgn_top .col-md-6 {
        padding: 0 15px;
    }
    .lgn_ftr a {
        font-size: 20px;
    }
    .lgn_top h4 br {
        display: none;
    }
    .lgn img {
        width: 75px;
        margin: 0 0 30px;
    }
    .lgn h2 {
        line-height: 32px;
        margin-bottom: 30px;
        font-size: 28px;
    }
    .lgn h4 {
        line-height: 28px;
        margin: 50px 0 20px;
    }
    .lgn_ftr p {
        margin: 15px 0 0;
    }
    .navbar.navbar-absolute {
        padding-top: 0;
    }
    .lang {
        position: absolute;
        top: 25px;
    }
}