.aspect,
.my-shuffle {
    position: relative;
    overflow: hidden
}

.banner_cards ul,
ul.list_bullet {
    list-style-image: url(../img/list_style.svg)
}

body {
    font-family: Roboto, sans-serif
}

@font-face {
    font-family: CenturyGothicStd;
    src: url(fonts/century_gothic/GOTHIC.ttf);
    src: url(fonts/century_gothic/GOTHICB.ttf) format("GOTHICI"), url(fonts/century_gothic/GOTHICBI.ttf) format("GOTHICI"), url(fonts/century_gothic/GOTHICI.ttf) format("GOTHICI"), url(fonts/century_gothic/3099F9_2_0.ttf) format("GOTHICI");
    font-weight: 700;
    font-style: normal
}

.days_cound {
    font-family: Century Gothic, CenturyGothic, AppleGothic, sans-serif
}

.display-none {
    display: none
}

.show-data {
    display: block
}

a {
    color: #38aef8
}

a.dropdown-item {
    cursor: pointer;
}

section h3.section-subheading {
    font-size: 16px;
    font-weight: 400;
    font-style: italic;
    margin-bottom: 75px;
    text-transform: none
}

header {
    padding: 60px 0 266px
}

.btn {
    cursor: pointer
}

.btn-xl {
    font-size: 18px;
    padding: 20px 40px
}

.btn-orange {
    background-color: #f97754;
    border-color: #f97754
}

.btn-orange:active,
.btn-orange:focus,
.btn-orange:hover {
    background-color: #c52f07 !important;
    border-color: #c52f07 !important;
    color: #fff
}

.btn-orange:active,
.btn-orange:focus {
    box-shadow: 0 0 0 .2rem rgba(193, 231, 255, .5) !important
}

#mainNav {
    background-color: #38aef8;
    margin-right: 0 !important;
    padding: 0 16px !important;
    height: 90px;
}

#mainNav .navbar-toggler {
    font-size: 12px;
    right: 0;
    padding: 2px;
    text-transform: uppercase;
    color: #fff;
    border: 0
}

#mainNav .navbar-brand {
    color: #f97754;
    position: relative;
    display: block;
    cursor: pointer;
    width: 200px
}

#mainNav .navbar-brand.active,
#mainNav .navbar-brand:active,
#mainNav .navbar-brand:focus,
#mainNav .navbar-brand:hover {
    color: #fec503
}

header.homebanner {
    text-align: center;
    color: #fff;
}

header.notfoundbanner {
    text-align: center;
    color: #fff;
    background: right 10% repeat-x #38aef8;
    background-size: contain
}

header.marketplace {
    text-align: center;
    color: #fff;
    background: url(../img/banner-bg.png) center, center #38aef8;
    background-size: auto
}

@-webkit-keyframes marquee {
    100% {
        background-position: -800px
    }
}

header.marketplace .intro-text {
    padding-top: 0;
    padding-bottom: 0
}

header.marketplace .intro-text .intro-lead-in {
    font-size: 22px;
    font-style: italic;
    line-height: 22px;
    margin-bottom: 25px;
    font-family: "Droid Serif", "Helvetica Neue", Helvetica, Arial, sans-serif
}

footer span.copyright,
footer ul.quicklinks,
header.marketplace .intro-text .intro-heading {
    font-family: Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif
}

header.marketplace .intro-text .intro-heading {
    font-size: 50px;
    font-weight: 700;
    line-height: 50px;
    margin-bottom: 25px
}

ul.footer-quick-links,
ul.footer-social-links,
ul.social-buttons {
    margin-bottom: 0
}

.banner_content {
    text-align: left
}

footer {
    padding: 30px 0;
    background: #fff
}

footer span.copyright {
    color: #999;
    font-size: 18px;
    line-height: 40px;
    text-transform: none
}

footer ul.quicklinks {
    font-size: 90%;
    line-height: 40px;
    margin-bottom: 0;
    text-transform: none
}

.comingsoon,
.uppercase {
    text-transform: uppercase
}

ul.social-buttons li a {
    font-size: 20px;
    line-height: 40px;
    display: block;
    width: 40px;
    height: 40px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    color: #fff;
    border-radius: 100%;
    outline: 0;
    background-color: #212529
}

ul.social-buttons li a:active,
ul.social-buttons li a:focus,
ul.social-buttons li a:hover {
    background-color: #f97754
}

ul.list-inline.footer-social-links li:hover img {
    opacity: .8;
    cursor: pointer
}

ul.list-inline.footer-social-links li img {
    width: 45px
}

.eth_img {
    margin-right: 10%
}

.eth_img img {
    width: 160px;
    opacity: .6
}

ul.footer-quick-links {
    padding: 0;
    list-style: none;
    display: block;
}

ul.footer-quick-links li {
    float: left;
    margin-right: 13px;
    margin-bottom: 12px
}

ul.footer-quick-links li a {
    color: #060606;
    font-size: 16px;
    text-decoration: none;
    cursor: pointer
}

ul.footer-quick-links li a:hover {
    opacity: .8
}

ul.orange_footer_quicklinks {
    padding: 0;
    list-style: none;
    display: block;
    float: right;
    margin-bottom: 0
}

ul.orange_footer_quicklinks li {
    float: left;
    margin-left: 21px
}

ul.orange_footer_quicklinks li a {
    color: #f97754;
    font-size: 16px;
    font-weight: 500;
    text-decoration: none
}

ul.orange_footer_quicklinks li a:hover {
    color: #f8582d
}

.middle_footer {
    margin-top: 20px;
    margin-bottom: 20px
}

.trading img {
    width: 7px;
    margin-left: 8px
}

.btn-blue.trading:hover {
    background: #0f75b7
}

ul.header_social_links li img {
    width: 55px
}

ul.header_social_links li:hover img {
    opacity: .8;
    cursor: pointer
}

ul.header_social_links li {
    list-style: none;
    float: left;
    margin-left: 12px
}

ul.header_social_links {
    margin-bottom: 0;
    padding: 0;
    margin-left: 15px
}

.top_head_msg {
    background: #fbcc22;
    text-align: center
}

.top_head_msg p {
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 500;
    padding: 2px 0
}

.intro-text h1 {
    font-weight: 600;
    line-height: 50px;
    font-size: 50px;
    letter-spacing: 1px;
    margin-bottom: 20px
}

.intro-text p {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 13px
}

.btn-blue {
    background: #00f
}

.btn-blue.trading {
    background: #1185d1;
    color: #fff;
    font-size: 18px;
    font-weight: bolder;
    padding: 10px 25px;
    border: 2px solid #60ccfe;
    border-radius: 50px;
    margin: 5px 0 0
}

.orange_bg,
.page-orange-bg {
    background: #f97754
}

a.cant_login {
    color: #cbe7f9;
    font-size: 14px
}

header.marketplace {
    padding: 20px 0
}

section.orange_bg {
    padding: 50px 0
}

.page-orange-bg {
    padding: 30px 0
}

h2.section-heading {
    color: #fff;
    font-weight: 500;
    font-size: 40px;
    font-family: "Roboto Slab";
    float: left
}

.image-item {
    margin-bottom: 30px
}

.aspect {
    width: 100%;
    height: 0;
    padding-bottom: 100%
}

.aspect__inner {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.aspect--16x9 {
    padding-bottom: 56.25%
}

.aspect--9x80 {
    padding-bottom: calc(112.5% + 30px)
}

.aspect--32x9 {
    padding-bottom: calc(28.125% - 8px)
}

.image-item img {
    display: block;
    width: 100%;
    max-width: none;
    height: 100%;
    object-fit: cover
}

ul.market_filter {
    list-style: none;
    background: #eb5931;
    padding: 0;
    border-radius: 100px;
    margin: 0 0 0 17px
}

ul.market_filter li {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px 20px 5px 17px;
    margin-right: 15px
}

ul.market_filter li a {
    align-items: center;
    display: flex;
    text-decoration: none
}

ul.market_filter li img {
    float: left;
    margin-right: 17px;
    width: 40px;
    background: #f97754;
    border-radius: 50px;
    box-shadow: 4px 4px 6px rgba(0, 0, 0, .12)
}

ul.market_filter li.active img {
    background: #38aef8;
    border-radius: 50px
}

ul.market_filter li span {
    color: rgba(255, 255, 255, .69);
    font-weight: 600;
    font-size: 18px
}

ul.market_filter li:hover span {
    color: rgba(255, 255, 255, .9)
}

ul.market_filter li.active span {
    color: #fff
}

ul.market_filter li.active {
    background: #d94720;
    padding: 5px 30px 5px 15px;
    border-radius: 50px
}

.card_block {
    margin-top: 10px
}

.card_block .card-img {
    position: relative;
    cursor: pointer
}

.card_block .card {
    border: none;
    margin: 15px 0;
    position: relative;
    border-radius: 25px;
    top: 0;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.card_block .card:hover {
    box-shadow: 1px 1px 30px 0 rgba(0, 0, 0, .4);
    text-decoration: none;
    top: -3px
}

.card_block .card-head {
    text-align: center;
    font-size: 18px;
    font-weight: bolder;
    padding: 3.2% 15%;
    color: #000;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.card_block .card-head img {
    width: 17px;
    margin-right: 10px
}

.card_block .card-img img {
    width: 100%
}

.card_block .card-body {
    padding: 0
}

.card_block .card-list .owner,
.card_block .card-list .price {
    color: #555;
    margin: 2% 0
}

.card_block .card-list .price {
    display: table
}

.card_block .card-list .owner {
    display: flex;
    align-items: center
}

.card_block .card-list .price.owner b {
    width: auto
}

.card_block .card-list .owner b,
.card_block .card-list .price b {
    color: #333
}

.card_block .card-list {
    border-bottom: 1px solid #ddd;
    padding: 2.5% 7%
}

.card_block .card-list .owner img {
    width: 15px
}

.card_block a.btn-gray:hover {
    box-shadow: 4px 4px 6px rgba(0, 0, 0, .12)
}

.card_block .card-slogan p {
    font-weight: 600;
    color: #000;
    font-size: 16px;
    padding: 0 18px;
    margin: auto;
    letter-spacing: 0;
    height: 23px
}

.buy_content .btn-green,
.days_cound {
    letter-spacing: 1px
}

.card_block .card-slogan {
    border-bottom: 1px solid #ddd;
    text-align: center;
    padding: 4% 0;
    min-height: 4%;
    position: relative
}

.cloud1,
.cloud2,
.cloud3 {
    position: absolute
}

.btn-green:hover {
    color: #fff;
    background: #81c122;
    box-shadow: 1px 2px 3px #ddd
}

.btn-green {
    background: #8ace25;
    border: 2px solid #70b51f;
    color: #fff !important;
    font-size: 15px;
    /* font-weight: bolder; */
    padding: 12px 25px;
    border-radius: 50px;
    cursor: pointer
}

.cloud1 {
    top: 240px;
    left: 0
}

.cloud2 {
    top: 137px;
    right: 0;
    opacity: .5
}

.cloud2 img {
    width: 100px
}

.cloud3 {
    right: 8%;
    top: 192px
}

#mainNav .navbar-toggler i {
    font-family: 16px
}

.card_block a.btn-gray:hover {
    text-decoration: none;
    color: #8a8a8a
}

.card_block .card-button {
    margin: 3% auto;
    display: table
}

.btn-gray {
    border: 2px solid #d2d2d2;
    border-radius: 50px;
    min-width: 171px
}

img.lock_img {
    width: 13px;
    opacity: .4;
    margin-right: 10px;
    margin-top: -5px
}

ul.pagination {
    display: flex;
    justify-content: center
}

ul.pagination li {
    background: #fff;
    margin-top: 35px;
    box-shadow: 4px 4px 6px rgba(0, 0, 0, .12)
}

ul.pagination li:hover {
    background: #38aef8
}

ul.pagination li.active {
    background: #38aef8;
    color: #fff
}

#search-input,
.white_bg {
    background: #fff
}

ul.pagination li:hover a {
    color: #fff;
    text-decoration: none
}

ul.pagination li a {
    color: #888;
    padding: 12px 10px;
    font-size: 14px;
    font-weight: 600;
    line-height: normal;
    display: table
}

ul.pagination li:last-child {
    border-left: 1px solid #ccc;
    border-radius: 0 50px 50px 0;
    padding: 0 4px
}

ul.pagination li:first-child {
    border-right: 1px solid #ccc;
    border-radius: 50px 0 0 50px;
    padding: 0 4px
}

#search-input {
    padding: 8px 30px 8px 20px;
    border: none;
    color: #222;
    font-size: 16px;
    border-radius: 50px
}

#search-submit {
    margin: 0;
    font-size: 20px;
    padding: 5px;
    border: 1px solid #eee
}

#search-outer img {
    position: relative;
    right: 31px;
    opacity: .5
}

.page-white-box {
    background-color: #fff;
    padding: 25px 35px;
    border-radius: 25px;
    margin-bottom: 30px
}

.heading_text {
    font-size: 36px;
    line-height: 42px;
    font-weight: 500;
    margin-bottom: 20px
}

.testi_img img {
    width: 120px
}

img.header_logo {
    width: 200px
}

.abt_text {
    font-size: 21px;
    line-height: 30px;
    margin-bottom: 20px
}

.gray_text {
    color: #777
}

.get_started {
    font-size: 20px;
    font-weight: 500
}

.about_text {
    padding: 0 35px
}

.quotes_text {
    margin-right: 40px
}

.quotes_text .quotes_msg {
    font-size: 26px;
    font-style: italic
}

.quotes_text .quotes_written {
    font-size: 20px;
    text-align: right;
    font-style: italic;
    font-weight: 600;
    margin-top: 0
}

section.testimonial {
    padding: 183px 0 40px;
    background: #f97754;
    color: #fff;
    margin-top: -200px
}

.blue_bg {
    background: #31a2f0
}

section.blue_bg .content h3 {
    font-size: 36px;
    margin-bottom: 35px;
    margin-top: 0
}

.buy_content p,
section.blue_bg .content p {
    font-size: 21px;
    font-weight: 500;
    line-height: 31px
}

.blue_bg .content {
    color: #fff;
    padding: 15px 0 0
}

.blue_bg.social {
    padding: 50px 0
}

.social_img img {
    width: 55%;
    display: table;
    margin: auto
}

section.how_to_buy {
    background: linear-gradient(#31a2f0 50%, #f97754 50%);
    padding: 0 0 10px
}

.buy_content p {
    margin-bottom: 25px
}

.buy_content h5 {
    font-size: 24px;
    font-weight: 600;
    line-height: normal
}

.how-you-buy {
    padding: 50px;
    border-radius: 25px;
    box-shadow: 7px 6px 15px -8px rgba(0, 0, 0, .21176470588235294)
}

.buy_content {
    padding: 25px
}

section.value-increase {
    background: #f9f9f9;
    padding: 50px 0;
    border-radius: 20px
}

.red_text {
    color: #f97754
}

.value_increase p {
    font-size: 21px;
    font-weight: 500;
    line-height: 31px;
    text-align: left
}

.value_increase img {
    padding: 20px;
    width: 70%;
    margin: 25px 0
}

.value_increase h5 {
    font-size: 26px;
    font-weight: 600;
    margin: 35px 0 0
}

.mating_game {
    position: relative;
    background: #38aef8;
    z-index: 1
}

.mating_game.even:before {
    width: 100%;
    left: 0;
    background-image: url(../img/blue-pattern.png)
}

.mating_game:before {
    content: " ";
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
    right: 0;
    background-image: url(../img/game-bg.png)
}

.math_gaming {
    padding: 30px 0
}

.comingsoon {
    font-size: 25px;
    opacity: .8;
    margin-bottom: 15px
}

.gaming_text p {
    font-weight: 500;
    font-size: 20px;
    line-height: 30px
}

.gaming_img img {
    padding: 0 0 0 30%;
    float: right
}

.mating_game.even .gaming_img img {
    padding: 0 30% 0 0;
    float: left
}

.row.mat_center {
    display: flex
}

.gaming_text {
    padding: 0 0 50px
}

.footer_logos {
    display: inline-table;
    margin: 0;
    width: 100%
}

ul.footer-social-links {
    float: right
}

.footer_logos .eth_img {
    display: inline-table;
    float: right
}

.footer_logo img {
    width: 44.45%;
    cursor: pointer;
}

.copyright {
    font-size: 12px;
    color: rgba(0, 0, 0, .42);
    margin-top: 10px
}

.stats-block .stats-heading {
    font-size: 24px;
    font-weight: 600;
    line-height: 34px
}

.stats-block .stats_status {
    font-size: 18px;
    font-weight: 600
}

.stats_status {
    padding: 0 0 10px
}

ul.market_live_list {
    list-style: none;
    padding: 0;
    margin-bottom: 0
}

ul.market_live_list li {
    padding: 10px 13px;
    border-bottom: 1px solid #eee;
    font-size: 16px
}

ul.market_live_list li span {
    color: #2b9de4
}

ul.market_live_list li a {
    color: #333
}

ul.market_live_list li:hover {
    background: #e3f3ff
}

.stats_market_live {
    background-color: #f9f9f9;
    border: 1px solid #eee;
    max-height: 560px;
    overflow-y: scroll
}

.tot_trade_list {
    background: #fff;
    border-radius: 25px;
    padding: 10px 30px
}

.custom-scroll {
    overflow-y: scroll;
    height:520px;
}

.card_block .card-list .owner b,
.owner_textwrap,
.truncate {
    white-space: nowrap;
    overflow: hidden
}

.custom-scroll::-webkit-scrollbar-track {
    border-radius: 0;
    background-color: #f2efef
}

.custom-scroll::-webkit-scrollbar {
    width: 8px;
    background-color: #f2efef
}

.custom-scroll::-webkit-scrollbar-thumb {
    border-radius: 0;
    background-color: #9d9d9d
}

ul.list_eth {
    list-style: none;
    padding: 0
}

ul.list_eth li {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #ddd;
    padding: 18px 0
}

ul.list_eth li .icon img {
    width: 55px
}

ul.list_eth li .icon {
    margin-right: 20px
}

ul.list_eth li .totals p {
    margin-bottom: 0;
    color: #777;
    font-size: 18px
}

ul.list_eth li .totals b {
    font-size: 17px
}

ul.list_eth li .totals p.blue_text {
    color: #168dd8;
    font-size: 14px
}

ul.list_eth li:last-child {
    border-bottom: none
}

.crypton.card_block,
.crypton.card_block .card {
    margin-top: 0
}

.crypton_details ul.detail_list {
    list-style: none;
    padding: 0;
    display: table;
    margin-bottom: 0;
    width: 100%
}

.crypton_details ul.detail_list li {
    float: left;
    width: 44%;
    margin-right: 40px;
    padding: 13px 0;
    border-bottom: 1px solid #ddd
}

.crypton_table table th {
    background-color: #f9f9f9
}

.crypton_table table td,
.crypton_table table th {
    padding: 8px 20px
}

.faq-content .stats-heading {
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    margin-bottom: 30px
}

.faq-content h4 {
    font-size: 21px;
    font-weight: 600;
    margin: 35px 0 15px
}

.faq-content hr {
    margin-top: 35px;
    margin-bottom: 10px
}

.faq-content ul {
    margin: 20px 0;
    list-style: none
}

.faq-content {
    font-size: 18px;
    line-height: 30px
}

img.img-fluid.menu_icon {
    width: 25px
}

img.pagination_icon {
    width: 6px;
    opacity: .5
}

ul.pagination li:hover img {
    filter: invert(100%);
    opacity: 1
}

img.loader_icon {
    width: 21px;
    margin-left: 3px
}

img.live_line_ionc {
    width: 14px;
    margin-right: 15px
}

.faq-content ul li:before {
    content: "";
    display: inline-block;
    height: 10px;
    width: 10px;
    background-size: 10px;
    background-image: url(../img/list_style.svg);
    background-repeat: no-repeat;
    margin-right: 5px
}

.log_tab .nav-tabs {
    border-bottom: none;
    background: #eb5931;
    border-radius: 50px
}

.log_tab .nav-tabs li a:hover {
    opacity: .9
}

.log_tab .nav-tabs li a.active {
    background: #d94720;
    border: none;
    opacity: 1;
    color: #fff;
    border-radius: 50px
}

.log_tab .nav-tabs li a {
    color: #fff;
    opacity: .7;
    font-size: 18px;
    font-weight: 500;
    padding: 13px 40px
}

.log_tab {
    margin-bottom: 10px
}

.login_pop.modal-header {
    border-bottom: transparent;
    padding-bottom: 0
}

.input-group-prepend {
    position: absolute;
    z-index: 5;
    padding: 10px 20px
}

img.log_form_icons {
    width: 16px
}

.log_title {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 20px
}

.modal-title,
.text-bold {
    font-weight: 600
}

fieldset.log_form input {
    border-radius: 50px !important;
    padding: 10px 20px 10px 55px;
    border-color: #a0a0a0;
    height: 50px
}

.btn-blue-plain,
.btn-cancel {
    color: #fff;
    font-size: 18px;
    padding: 10px 40px;
    border-radius: 50px
}

.btn-blue-plain {
    background: #38aef8
}

.btn-cancel {
    background: #eb5931
}

.modal-title {
    text-align: center;
    margin-left: auto
}

.round_input {
    border-radius: 50px;
    padding: 11px 20px;
    border-color: #666
}

.text-italic {
    font-style: italic
}

.tos-content {
    font-size: 14px;
    line-height: 21px;
    color: #444
}

.tos-content h4 {
    font-size: 16px;
    margin: 25px 0 11px
}

.d-inline-table {
    display: inline-block
}

.card_block a {
    text-decoration: none;
    color: #333
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
    border-color: transparent
}

.custom_input {
    border-radius: 18px !important;
    padding: 13px 5px 13px 17px;
    font-size: 14px;
    border-color: #b3b3b3
}

.like_dislike {
    font-size: 13px;
    position: absolute;
    right: 22px
}

span.dislike,
span.like {
    margin-left: 5px
}

.card_block .card-list .owner b {
    width: 240px;
    font-size: 16px;
    margin-left: 4px;
    text-overflow: ellipsis
}

.modal-content {
    border-radius: 25px
}

.log_form .form-group {
    margin-bottom: 12px
}

.btn-blue-plain:hover {
    background: #3199da;
    box-shadow: 2px 4px 4px #ddd
}

.metamask_btn img:hover {
    opacity: .8;
    cursor: pointer
}

.metamask .modal-title {
    margin: auto
}

.metamask .modal-header .close {
    position: absolute;
    right: 5%
}

.faq-content a {
    word-break: break-all
}

#scroll {
    position: fixed;
    right: 4%;
    bottom: 10%;
    opacity: .4;
    z-index: 100;
    cursor: pointer;
    width: 50px;
    height: 50px;
    background: url(../img/move-to-top.svg);
    text-indent: -9999px;
    display: none;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    border-radius: 60px
}

.metamask_btn img {
    width: 180px
}

img.img-fluid.gif_img {
    display: table;
    margin: auto;
    border-radius: 25px
}

#mainNav .navbar-toggler,
.nav-link:focus,
.nav-link:hover,
button.close,
input:focus,
textarea:focus {
    outline: 0
}

.truncate {
    width: 61%;
    display: inline-block;
    text-overflow: ellipsis
}

.log_form .btn {
    text-transform: unset
}

.banner_cards h3,
.header-roboto-slab,
.m_timer {
    text-transform: uppercase
}

.spinner {
    margin-left: 6px;
    width: 70px;
    position: relative;
    text-align: center;
    top: -2px
}

.spinner>div {
    width: 7px;
    height: 7px;
    background-color: #f97754;
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
    animation: sk-bouncedelay 1.4s infinite ease-in-out both
}

.spinner .bounce1 {
    -webkit-animation-delay: -.32s;
    animation-delay: -.32s
}

.spinner .bounce2 {
    -webkit-animation-delay: -.16s;
    animation-delay: -.16s
}

@-webkit-keyframes sk-bouncedelay {
    0%,
    100%,
    80% {
        -webkit-transform: scale(0)
    }
    40% {
        -webkit-transform: scale(1)
    }
}

@keyframes sk-bouncedelay {
    0%,
    100%,
    80% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    40% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

section.blue1_bg {
    padding: 50px 0 0;
    background: linear-gradient(#38aef8, #31a2f0)
}

.market_head_dropdown select {
    height: 40px !important;
    border-radius: 50px;
    border: none;
    min-width: 230px;
    background-image: url(../img/form-carrot.svg);
    background-repeat: no-repeat;
    background-position: right 1rem center;
    background-size: 8px
}

.market_head_dropdown select option {
    border-radius: 50px;
    line-height: 30px
}

span.float-right.filter_section {
    display: flex;
    justify-content: center;
    align-items: center
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: ""
}

.banner_cards {
    padding: 100px 45px 30px;
    border-radius: 25px;
    box-shadow: 7px 6px 15px -8px rgba(0, 0, 0, .2);
    background: #fff;
    color: #000;
    text-align: left;
    margin: 0 20px
}

.banner_cards h3,
.custom-msg,
.overlay-content,
.timer,
.timer ul li {
    text-align: center
}

.banner_card_icon img {
    width: 40px;
    height: 40px;
    margin-right: 10px
}

.banner_cards img.img-fluid.round_img {
    position: absolute;
    top: -100px;
    border-radius: 50%;
    left: 30%;
    width: 200px;
    cursor: pointer;
}

.cards_block {
    margin-top: 130px
}

.banner_cards h3 {
    color: #38aef8;
    font-weight: 600;
    display: flex;
    justify-content: center;
    align-items: center
}

.banner_cards p {
    margin-top: 25px
}

.banner_cards ul {
    line-height: 1.5em;
    padding-left: 15px
}

.banner_cards ul li {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 5px
}

.banner_card_content {
    min-height: 195px;
    margin-bottom: 25px;
    border-bottom: 1px solid #bfbfbf
}

.btn-gray {
    background: #717171;
    border-color: #4e4e4e;
    color: #fff !important;
    font-size: 18px;
    font-weight: 500;
    padding: 11px 25px
}

img.comingsoon_icon {
    width: 20px;
    margin-top: -3px;
    margin-right: 8px;
    margin-left: 0
}

.stats-block {
    margin-top: 25px
}

.input_error_class {
    font-weight: 400;
    border: 1px solid red !important
}

.purchase-loader {
    padding: 8px 19px;
    background-image: url(/img/loader.gif);
    background-repeat: no-repeat
}

.login_msgs {
    display: inline-flex;
    margin-top: 10px
}

.crypton-edit {
    background: url(/img/stats/edit-icon.png) no-repeat;
    background-size: 17px;
    width: 20px;
    height: 20px;
    float: right;
    position: absolute;
    top: 15px;
    right: 5px;
    cursor: pointer
}

ul.game_list {
    padding-left: 15px
}

ul.game_list li {
    font-size: 18px;
    color: #000;
    margin-bottom: 12px
}

.custom-msg {
    margin-bottom: 0;
    line-height: 24px
}

.math-game {
    display: flex;
    justify-content: center;
    align-items: center
}

.cross_img img {
    width: 25px;
    position: relative;
    left: -10px
}

.math-game .card {
    width: 230px;
    margin-top: 0;
    border-radius: 15px
}

.flip-game .card,
.true-dare-game .card {
    width: 250px;
    border-radius: 15px
}

.math-game .card .card-head {
    padding: 5px 0;
    font-size: 14px
}

.math-game .card .card-slogan p {
    font-size: 14px;
    line-height: normal
}

.math-game .card-button {
    margin: 8px auto
}

.math-game.card_block .card-slogan {
    padding: 10px 0 !important
}

.math-game .card .card-list {
    font-size: 14px;
    padding: 3px 15px;
    line-height: normal
}

.math-game .card .card-button a {
    padding: 6px 21px;
    font-size: 12px
}

.flip-game {
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.flip-game .card .card-head {
    padding: 5px 0;
    font-size: 14px
}

.flip-game .card .card-list,
.flip-game .card .card-slogan p {
    font-size: 14px;
    line-height: normal
}

.flip-game .card .card-button a {
    padding: 6px 21px;
    font-size: 12px
}

.flip-game.card_block .card-button {
    margin: 10px auto
}

.btn-blue.trading.flip {
    padding: 6px 45px;
    margin-left: 78px
}

.true-dare-game {
    display: flex;
    justify-content: flex-end;
    align-items: center
}

.timer ul,
ul.social_share {
    list-style: none;
    justify-content: center
}

.true-dare-game .card {
    margin-left: 75px
}

.true-dare-game .card .card-head {
    padding: 5px 0;
    font-size: 14px
}

.true-dare-game .card .card-list,
.true-dare-game .card .card-slogan p {
    font-size: 14px;
    line-height: normal
}

.true-dare-game .card .card-button a {
    padding: 6px 21px;
    font-size: 12px
}

.true-dare-game.card_block .card-button {
    margin: 10px auto
}

.timer {
    display: table;
    margin: auto;
    position: absolute;
    top: 175px;
    z-index: 1;
    left: 0;
    width: 100%
}

img.flip_img,
img.true-dare_icon {
    top: -2px;
    position: relative;
    cursor: pointer
}

.timer ul {
    display: flex;
    padding: 6px 11px;
    border: 1px solid #fff;
    border-radius: 5px
}

.timer ul li {
    margin-left: 5px;
    line-height: normal
}

.edit_profile,
.timer ul li:first-child {
    margin-left: 0
}

.days_cound {
    font-weight: 900;
    font-size: 18px
}

span.coming-soon {
    font-size: 22px
}

img.flip_img {
    width: 90px;
    left: -7px
}

.arrow_img img {
    width: 35px;
    transform: rotate(-90deg);
    position: relative;
    left: -10px
}

img.true-dare_icon {
    width: 90px;
    left: -7px
}

.share_icon {
    float: right;
    position: relative;
    right: 0
}

.image-token {
    position: absolute;
    color: rgba(253, 253, 253, .5);
    left: 5px;
    bottom: 5px;
    font-size: 10px
}

.protected-dot {
    height: 10px;
    width: 10px;
    background-color: #8ace25;
    border-radius: 50%;
    display: inline-block;
    position: absolute;
    left: 5px;
    margin-top: 6px;
}

.custom_check,
.custom_check input:checked~.checkmark:after {
    display: block
}

ul.pagination li.active a {
    color: #fff
}

.text-success {
    color: #8ace25 !important
}

.custom_check {
    position: relative;
    padding-left: 25px;
    margin-bottom: 0;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.custom_check input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    width: 100%;
    height: 25px
}

.checkmark {
    position: absolute;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #e4e4e4;
    bottom: 3px
}

.custom_check:hover input~.checkmark {
    background-color: #ccc
}

.custom_check input:checked~.checkmark {
    background-color: #2196f3
}

.custom_check .checkmark:after {
    left: 7px;
    top: 3px;
    width: 6px;
    height: 12px;
    border: solid #fff;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none
}

span.like img {
    margin-top: -6px
}

span.dislike img {
    margin-top: 3px
}

.card_block.single_card .card-list .owner img {
    width: 19px
}

img.search_img {
    right: 17px;
    background: #c75107;
    padding: 11px;
    top: 0;
    filter: invert(100%);
    border-radius: 0 30px 30px 0;
    bottom: 0;
    height: 40px;
    width: 40px;
    cursor: pointer;
    position: relative
}

img.setting_icon {
    width: 20px
}

.edit_profile {
    background-color: #38aef8;
    line-height: 0;
    padding: 11px;
    border-radius: 50px;
    cursor: pointer
}

.adapted-source {
    display: table;
    margin: auto;
    font-weight: 100;
    font-size: smaller;
    color: rgba(0, 0, 0, .42)
}

.adapted-anchor {
    color: #5f6369
}

.card-button p {
    font-size: 11px;
    color: #999;
    margin-bottom: 0;
    margin-top: 8px
}

.price-edit {
    position: absolute;
    background: url(/img/stats/edit-icon.png) no-repeat;
    background-size: 17px;
    width: 20px;
    height: 20px;
    cursor: pointer;
    margin-left: 5px;
    margin-top: 2px;
}

.stButton .stLarge {
    height: 28px !important;
    width: 28px !important
}

.stButton .stLarge:hover {
    background-position: -28px !important
}

.page-loading {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url(/img/loading_img.gif) center no-repeat #fff
}

.overlay {
    left: 0;
    top: 116px;
    right: 0;
    bottom: 0;
    z-index: 2;
    background-color: #fff;
    height: 100%
}

.overlay .container {
    opacity: 0
}

.overlay-content {
    position: absolute;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    top: 50%;
    left: 0;
    right: 0
}

.card_block .card-head .spl_icon {
    position: absolute;
    left: 13px
}

.card_block .card-head .spl_icon img {
    width: 23px
}

.modal-header .close {
    cursor: pointer
}

.form-control:focus {
    box-shadow: none !important
}

.crypton_share {
    background-image: url(/img/social/share.svg);
    background-repeat: no-repeat;
    display: inline-block;
    cursor: pointer;
    height: 32px;
    width: 32px;
    z-index: 999
}

.crypton_voice {
    background-image: url(/img/social/voice.svg);
    background-repeat: no-repeat;
    display: inline-block;
    cursor: pointer;
    height: 32px;
    width: 32px;
    z-index: 999
}

.crypton_no_voice {
    background-image: url(/img/social/no-voice.svg);
    background-repeat: no-repeat;
    display: inline-block;
    height: 32px;
    width: 32px;
    z-index: 999
}

.metamask .modal-body p {
    width: 100%
}

ul.social_share {
    padding: 0;
    display: flex
}

.m_timer,
h2.popup_counter {
    display: table;
    text-align: center
}

ul.social_share li {
    margin: 0 4px
}

ul.social_share li:hover img {
    opacity: .8;
    cursor: pointer
}

.blue_text {
    color: #38aef8
}

.m_timer {
    margin: auto;
    position: absolute;
    bottom: 8px;
    z-index: 1;
    left: 94px;
    font-size: 20px;
    color: #fff
}

.timer.crypton_timer {
    color: #fff;
    top: 46%;
    display: flex;
    justify-content: center;
    align-items: center
}

.timer_indicate {
    letter-spacing: 4px;
    text-align: center
}

.mc_price {
    display: flex;
    justify-content: space-between
}

.price_details {
    display: flex;
    align-items: center
}

.crypton-download img {
    width: 17px !important
}

ul.social_share img {
    width: 32px
}

.close.custom_pop_close {
    position: absolute;
    right: 12px;
    top: 9px;
    z-index: 1;
    opacity: 1;
    border-radius: 50px;
    padding: 0;
    height: 30px;
    width: 30px;
    cursor: pointer
}

.close.custom_pop_close span {
    color: #fff;
    text-shadow: none
}

h1.popup_welcome {
    font-size: 35px;
    color: #fff;
    font-weight: bolder;
    text-align: center;
    margin-bottom: 30px;
}

h2.popup_counter {
    color: #fff;
    font-size: 20px;
    margin: 15px auto
}

.pop_green_error,
.pop_red_error {
    display: table;
    width: 100%;
    margin-top: 5px;
    padding: 0 9px
}

h2.get_mail {
    font-size: 18px;
    text-align: center;
    font-weight: bolder
}

h2.popup_counter .counter {
    font-size: 16px
}

h1.sale_now {
    color: #fff;
    font-size: 20px;
    text-align: center;
    margin-bottom: 20px
}

.img_by {
    font-size: 12px;
    color: rgba(0, 0, 0, .42)
}

.custom_pop .modal-body {
    background-image: url(../img/game-bg.png);
    border-radius: 24px;
    color: #fff
}

.custom_pop .modal-body .col-form-label {
    font-weight: 600
}

.pop_red_error {
    background: #f52323;
    color: #fff
}

.pop_green_error {
    background: #52b155;
    color: #fff
}

.custom_pop .modal-body .form-control {
    border: none;
    border-radius: 0
}

.custom_pop .modal-body label {
    text-align: right
}

.popup_form input,
.popup_form textarea {
    padding-left: 65px;
    height: 40px;
    line-height: 28px
}

.popup_form .input-group-prepend {
    background: #ddd;
    padding: 8px 17px
}

.popup_form {
    border-top: 1.5px solid rgba(255, 255, 255, .4);
    padding-top: 20px !important
}

.header-roboto-slab {
    font-family: "Roboto Slab";
    font-weight: bolder
}

.popup-height {
    height: 220px
}

.popup-font {
    font-size: 18px;
    margin-top: 30px
}

.owner_textwrap {
    text-overflow: ellipsis;
    width: 248px
}

.navbar-dark .navbar-brand {
    transition: width .5s
}

.speed-paymsg {
    text-align: center;
    font-style: italic;
    font-size: 14px;
    font-weight: 500
}

.footer_links {
    padding-left: 0
}

span.lead.text-light {
    margin: 13px 10px !important;
    display: inline-flex
}

.startup_modal .card_block .card-list {
    padding: 3.7% 7%
}

.crypton_details ul li:first-child c {
    display: inline-block;
    margin-left: 4px
}

.crypton_details ul li:first-child {
    display: flex;
    align-items: center
}

span.letter_counts {
    text-align: right;
    display: block;
    color: #ababab;
    font-size: 12px;
    margin-right: 15px
}

.timer.crypton_timer.crypton_details li {
    display: initial
}

.field-tip {
    position: relative
}

.field-tip .tip-content {
    position: absolute;
    top: -35px;
    right: 9999px;
    width: 130px;
    margin-right: -220px;
    padding: 10px;
    border-radius: 100px;
    color: #fff;
    background: #333;
    opacity: 0;
    -webkit-transition: opacity 250ms ease-out;
    -moz-transition: opacity 250ms ease-out;
    -ms-transition: opacity 250ms ease-out;
    -o-transition: opacity 250ms ease-out;
    transition: opacity 250ms ease-out
}

.field-tip .tip-content:before {
    content: " ";
    position: absolute;
    left: 13%;
    bottom: -15px;
    width: 0;
    height: 0;
    margin-top: -8px;
    border: 8px solid transparent;
    border-top-color: #333
}

.field-tip:hover .tip-content {
    left: 0;
    opacity: 1;
    z-index: 1
}

.field-tip .tip-content p {
    margin-bottom: 0;
    font-size: 14px;
    text-align: center
}

.top_head_banner {
    background: linear-gradient(to right, #ee7a49, #ea5061);
    padding: 10px 0
}

.top_head_banner .container {
    display: flex;
    justify-content: center;
    align-items: center
}

.top_head_banner img {
    width: 50px;
    margin-right: 20px
}

.top_head_banner p {
    margin-bottom: 0;
    color: #fff;
    font-size: 17px;
    font-weight: 600;
    margin-right: 25px;
    letter-spacing: .9px
}

.mating_game1 .card_block .card-list {
    padding: 3.7% 7%
}

.w-30 {
    width: 30% !important
}

.video-modal {
    right: 20%;
    border-radius: 0;
    width: 127%;
    height: 356px !important;
}

.close-icon {
    background-color: white;
}

.video-img-close {
    float: right;
    width: 5%;
}

.close_btn {
    padding-bottom: 24px !important;
    position: relative;
    top: -9px
}

.close_btn span {
    color: #fff
}

.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 32px;
    margin-top: 10px;
    margin-left: 20px;
}

.switch input {
    display: none;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #38aef8;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 24px;
    width: 24px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked+.slider {
    background-color: #495057;
}

input:focus+.slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked+.slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */

.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}

.modal-success {
    background-color: #8ace25;
    display: inline-block;
    margin: 10px 0px;
    height: 25px;
    text-align: center;
    width: 100%;
}

.modal-fail {
    background-color: #f70302;
    display: inline-block;
    margin: 10px 0px;
    height: 25px;
    text-align: center;
    width: 100%;
}

.add-desktop {
    font-family: "Roboto Slab";
    color: #fff;
    width: 55rem;
    word-wrap: break-word;
    margin-left: -2.0%;
    font-size: 30px;
    background: #636363;
    text-align: center;
    height: 66px;
    border-radius: 15px;
    padding: 8px 0;
}

.add-button {
    font-size: 12px;
    margin-bottom: 3px !important;
}

.close-video {
    position: absolute;
    width: 24px;
    height: 24px;
    float: left;
    margin-left: 605px;
    margin-top: -37px;
}

.crypton-logo {
    margin-top: 10px !important;
}

.toggle-text {
    position: absolute;
    margin: 15px;
    color: #fff;
}

.angry-mob-icon {
    float: right;
    font-size: 24px;
    margin-top: -45px;
    cursor: pointer;
}

.angry-mob-icon:hover {
    font-size: 28px;
}

.btn-pro-green {
    background: #8ace25;
    border: 2px solid #70b51f;
    color: #fff !important;
    font-size: 15px;
    padding: 12px 25px;
    border-radius: 50px 0px 0px 50px;
    cursor: pointer;
}

.btn-pro-blue {
    background: #38aef8;
    border: 2px solid #0089df;
    color: #fff !important;
    font-size: 15px;
    padding: 12px 25px;
    border-radius: 0px 50px 50px 0px;
    cursor: pointer;
}

.btn-green:hover,
.btn-pro-green:hover,
.btn-pro-blue:hover {
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.24), 0 4px 1px 0 rgba(0, 0, 0, 0.25);
}


.tabel-header {
    background: #e3f3ff;
}

.table-bordered td,
.table-bordered th {
    border: none !important;
    border-top: 1px solid #e9ecef !important;
    border-bottom: 1px solid #e9ecef !important;
}

.sorting-both {
    background-image: url('/img/sorting/sort_both.png');
    background-repeat: no-repeat;
    background-position: center right
}

.sorting-asc {
    background-image: url('/img/sorting/sort_asc.png');
    background-repeat: no-repeat;
    background-position: center right
}

.sorting-desc {
    background-image: url('/img/sorting/sort_desc.png');
    background-repeat: no-repeat;
    background-position: center right
}