@charset "utf-8";
/* CSS Document */

/*!
 * jQuery Accordion 0.0.1
 * (c) 2014 Victor Fernandez <victor@vctrfrnndz.com>
 * MIT Licensed.
 */

[data-accordion] [data-content] {
    overflow: hidden;
    max-height: 0;
	background: #f1f1f1;
	border-radius: 0 0 6px 6px; 
	padding: 0;
	font-size: 16px; 
}

/* Basic Theme */

.accordion button {
    margin: 16px 0 0 0;
    padding: 15px 24px;
    background: #d5d5d5;
    border: none;
    outline: none;
    width: 100%;
    display: block;
    text-align: left;
	min-height:64px;
	line-height:34px;
	font-size:20px; 
	color:var(--opacity80);
	border-radius: 6px; 
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	
}

.accordion .open button {
	border-radius: 6px 6px 0 0; 
	
}

.accordion button:hover {
	cursor: pointer; 	
	color:#fff;
}

[data-accordion] {
    line-height: 1;
}

[data-control],
[data-content] > * {
    padding: 24px 24px;
	margin:0; 
}

[data-content] [data-accordion] {
    border: 0;
    padding: 0;
}

[data-accordion] [data-control] {
    position: relative;
    padding-right: 40px;
}

[data-accordion] > [data-control]:after {
    content: "";
    position: absolute;
    right: 10px;
    top: 50%;
	margin-top: -7px;
    font-size: 25px;
    font-weight: 200;
    color: #444;
    height: 15px;
    width: 24px;
    background: url('../img/down.svg') center center no-repeat;
    background-size: 50%;
}

[data-accordion].open > [data-control]:after {
    -webkit-transform: rotate(-180deg); 
    -ms-transform: rotate(-180deg); 
    transform: rotate(-180deg); 
}


/*
div {
color: var(--opacity80);
}
*/

:root {
	 --opacity80: rgba(0, 0, 0, 0.8);  
	 --opacity56: rgba(0, 0, 0, 0.56);
	 --opacity40: rgba(0, 0, 0, 0.4);
	 --opacity24: rgba(0, 0, 0, 0.24);
}
* {position:relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; /*-webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;*/}

body {margin:0; color:var(--opacity80); font-family: 'Inter', sans-serif; font-size:20px; max-width: 100%; overflow-x:hidden; padding-top:0px;}

a {color:#1998DB;}

a:hover {color: #147eb7;}

img {vertical-align:middle;}

input:focus, 
select:focus {outline:none; }

a {text-decoration: none; -webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;}

a:hover {text-decoration: none;}

h1, h2, h3, h4, h5, h6 {color:var(--opacity80);}

h2 {font-size:24px; font-weight: 600; margin:0; text-transform: uppercase; line-height:48px;}

h2 img {margin: -2px 5px 2px 0; }

.trigger {display:none;}
 
.wrap {width: 100%; padding: 0 3%; max-width: 1920px; margin: 0 auto; }

.header {border-bottom: 1px solid #292929; padding-top: 23px; padding-bottom: 23px; height: 96px; position:fixed; top: 0; left: 0; width: 100%; z-index: 100; background: #212121;}

.logo_holder {float:left; width: auto; margin-right:16px; overflow:hidden;}

.logo {float:left; margin: 0 32px 0 0;}

img.dark_logo {display:inline-block;}
img.light_logo {display:none;}

a.butt {float:left; text-transform: uppercase; color:var(--opacity56); border: 1px solid #d5d5d5; border-radius:6px; line-height:48px; padding: 0 20px; font-size: 16px; }

a.butt:hover {background-color:#fff; color:#808080; }

a.butt img {margin: -2px 3px 2px 0; }

.search {float:left; width: 18%; height:50px;}

.search input {line-height:48px; border-radius: 6px; border: 1px solid #d5d5d5; width:100%; padding: 0 20px 0 50px; background: transparent; color:var(--opacity80); font-size: 16px; }

.search input[type="submit"]{position:absolute; top: 0; left: 0; width:48px; height:48px; background-image: url(../img/search.svg); background-repeat: no-repeat; background-position: center center; border:none; padding: 0; text-indent: -9999px; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}

.search input[type="submit"]:hover{cursor: pointer; opacity: 0.8;}

.header_right {float:right; width: auto; overflow:hidden;}

.header_right a.butt {float:right; }

.social {float:right; }

.social a {display:inline-block; width:48px; height:48px; border: 1px solid #d5d5d5; border-radius: 25px; background-repeat: no-repeat; background-position: center center; float:left;  margin-left:8px; }

.social a:hover {background-color:#fff; border: 1px solid #fff; }

.social a.twitter {background-image: url(../img/twitter.svg);}
.social a.discord {background-image: url(../img/discord.svg);}
.social a.instagram {background-image: url(../img/IG.svg);}
.social a.daynight {background-image: url(../img/light_mode.svg);}
.social a.faq {background-image: url(../img/FAQ.svg);}

.walletActiveBtn {display: none;}

.content {/*padding-top: 0px;*/ padding-bottom: 75px; }

.content:after {content: ""; position:absolute; top: 0; left: 50%; width: 100vw; height: 100%; z-index: -1; transform: translateX(-50%);}

.title {text-align:center; overflow: hidden; padding-top: 56px;}

.title h1 {font-size:56px; font-weight:bold; margin:0;}

.stats {margin: 0 auto; background: #f1f1f1; overflow:hidden; text-transform: uppercase; padding:25px 0; border-radius:8px; display:flex; justify-content: space-between;  align-items: center;  width:560px; }

.stat {font-size:14px; font-weight: 600; color:var(--opacity40); padding: 0 50px; border-left: 1px solid #d5d5d5; }

.stat:first-child {border-left: none; }

.stat span {font-size:24px; font-weight: 600; color:var(--opacity80); display: block; }

.stat span.stat_add {
    font-size: 14px;
    font-weight: 600;
    color: var(--opacity40);
}

.holder {width:100%; border-top: 1px solid #d5d5d5; padding: 24px 0; min-height:96px; }

.holder h2 {float:left; }

.holder .stats_holder {margin:0; position: absolute; top:24px; left: 50%; transform: translateX(-50%); }

.holder .stats {padding:5px 0; border-radius:8px; width:560px; height:48px;}

.holder .stat {font-size: 12px; padding: 0; width: 33.3%; text-align:center; }

.holder .stat span {font-size: 16px;}

.holder_right {width: 200px; float:right;}

.holder_right:after {content: ""; clear:both; }

.featured {padding-top:24px; }

.featured h2 {margin: 12px 0;}

.featured_items {overflow: hidden; margin: 0 -16px; width: calc(100% + 32px); display: flex;  flex-wrap: wrap;}

.featured_item {float:left; margin: 0 16px 32px 16px; width: calc(25% - 32px); border-radius: 8px; cursor: pointer;}

.featured .featured_item:nth-child(4n+1) {clear: left;}

.featured_item_img {overflow:hidden;}

.featured_item_img img {width:100%; height:auto; border-radius: 8px 8px 0 0; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}

.featured_item_img:hover img {opacity: 0.8; filter: alpha(opacity=80);}

/* card with ribbon */
.featured_item_img_ribbon {
  position: absolute;
  right: 0; top: 0px;
  z-index: 1;
  overflow: hidden;
  width: 100px; 
  height: 100px;
  text-align: right;
}

/* card with ribbon */
.featured_item_img_ribbon span {
  text-transform: uppercase;
  text-align: center;
  line-height: 15px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  width: 115px;
  display: block;
  background: #f0ad30;
  box-shadow: 0 0 3px 1px #ffcd4e;
  position: absolute;
  font-size: 16px;
  font-weight: bold;
  color: #000000;
  top: 7px; right: -43px;
}

/* rank ribbon */
.featured_item_img_ribbon_rank_common {
  position: absolute;
  right: 0; top: 0px;
  z-index: 1;
  overflow: hidden;
  width: 100px; 
  height: 100px;
  text-align: right;
}

/* rank ribbon */
.featured_item_img_ribbon_rank_common span {
  text-transform: uppercase;
  text-align: center;
  line-height: 15px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  width: 115px;
  display: block;
  background: #e8ebeb;
  box-shadow: 0 0 3px 1px #a7a7a7;
  position: absolute;
  font-size: 12px;
  font-weight: bold;
  color: #000000;
  top: 20px; right: -25px;
}

/* rank ribbon */
.featured_item_img_ribbon_rank_uncommon {
  position: absolute;
  right: 0; top: 0px;
  z-index: 1;
  overflow: hidden;
  width: 100px; 
  height: 100px;
  text-align: right;
}

/* rank ribbon */
.featured_item_img_ribbon_rank_uncommon span {
  text-transform: uppercase;
  text-align: center;
  line-height: 15px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  width: 115px;
  display: block;
  background: #26d153;
  box-shadow: 0 0 3px 1px #81eb6d;
  position: absolute;
  font-size: 11px;
  font-weight: bold;
  color: #000000;
  top: 20px; right: -25px;
}

/* rank ribbon */
.featured_item_img_ribbon_rank_rare {
  position: absolute;
  right: 0; top: 0px;
  z-index: 1;
  overflow: hidden;
  width: 100px; 
  height: 100px;
  text-align: right;
}

/* rank ribbon */
.featured_item_img_ribbon_rank_rare span {
  text-transform: uppercase;
  text-align: center;
  line-height: 15px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  width: 115px;
  display: block;
  background: #3d77e3;
  box-shadow: 0 0 3px 1px #4c56c9db;
  position: absolute;
  font-size: 12px;
  font-weight: bold;
  color: #000000;
  top: 20px; right: -25px;
}

/* rank ribbon */
.featured_item_img_ribbon_rank_epic {
  position: absolute;
  right: 0; top: 0px;
  z-index: 1;
  overflow: hidden;
  width: 100px; 
  height: 100px;
  text-align: right;
}

/* rank ribbon */
.featured_item_img_ribbon_rank_epic span {
  text-transform: uppercase;
  text-align: center;
  line-height: 15px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  width: 115px;
  display: block;
  background: #ba3bef;
  box-shadow: 0 0 3px 1px #a93fd5;
  position: absolute;
  font-size: 12px;
  font-weight: bold;
  color: #000000;
  top: 20px; right: -25px;
}

/* rank ribbon */
.featured_item_img_ribbon_rank_legendary {
  position: absolute;
  right: 0; top: 0px;
  z-index: 1;
  overflow: hidden;
  width: 100px; 
  height: 100px;
  text-align: right;
}

/* rank ribbon */
.featured_item_img_ribbon_rank_legendary span {
  text-transform: uppercase;
  text-align: center;
  line-height: 15px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  width: 115px;
  display: block;
  background: #f9cb23;
  box-shadow: 0 0 3px 1px #c1aa39;
  position: absolute;
  font-size: 11px;
  font-weight: bold;
  color: #000000;
  top: 20px; right: -25px;
}

/* rank ribbon */
.featured_item_img_ribbon_rank_mythic {
  position: absolute;
  right: 0; top: 0px;
  z-index: 1;
  overflow: hidden;
  width: 100px; 
  height: 100px;
  text-align: right;
}

/* rank ribbon */
.featured_item_img_ribbon_rank_mythic span {
  text-transform: uppercase;
  text-align: center;
  line-height: 15px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  width: 115px;
  display: block;
  background: #f33573;
  box-shadow: 0 0 3px 1px #d73a6ddb;
  position: absolute;
  font-size: 12px;
  font-weight: bold;
  color: #000000;
  top: 20px; right: -25px;
}

.featured_image_desc {text-align: center; padding:12px;}

.featured_image_desc h3 {font-weight:600; font-size:14px; margin: 0 0 10px;}

.item_stats {font-size:12px; color:var(--opacity40); overflow:hidden;}

.item_stats span {display:block; color:var(--opacity80); font-size:14px; }

.item_stat {float:left; text-transform: uppercase; width:50%; border-left: 1px solid #d5d5d5; } 

.item_stat:first-child {border-left: none; } 

.stat {float:left; }

.all_collections_wrap {width:100%; padding-top:40px; margin: 0 0 32px 0;}

.all_collections {width:100%; border-radius: 8px; overflow:hidden; }

.all_coll_row {width:100%; overflow:hidden; padding: 16px 20px; background-color:#f1f1f1; border-top: 1px solid #d5d5d5; display:flex; gap: 10px 20px; align-items: center; align-content: center; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}

.all_coll_row:hover {background-color:#353535;}

.all_coll_row:first-child {background-color:#d5d5d5; font-size: 16px; text-transform: uppercase; font-weight:bold; color:var(--opacity56); }

.all_coll_col {width: 11%; font-size:16px;}

/*.all_coll_col:last-child  {text-align:right;}*/

.all_coll_col:first-child {width:34%; }

.all_coll_row:first-child .all_coll_col:first-child {min-height:1px; }

.all_coll_col:first-child > a {padding-left: 80px; display:flex; align-items: center; color:var(--opacity80); min-height:56px; font-size:20px; }

.all_coll_row:first-child .all_coll_col a {padding-left: 0; display:inline-block; align-items: left; color:var(--opacity80); min-height:0; font-size:16px; }

.all_coll_row:first-child .all_coll_col a:hover {color:#fff; }

.all_coll_col a span {}

.all_coll_col a:hover {color:rgba(255, 255, 255, 1); }

.all_coll_col img {position:absolute; top:50%; left:0; border-radius:6px; transform: translateY(-50%);}

span.sort_table {display:inline-block; padding-left: 15px; background-repeat: no-repeat; background-position: left center; background-image: url(../img/down2.svg); width: auto; color:#1899DB;}

.search-pos { top: 50%; left: 50%; transform: translate(-50%, -25%); }

span.sort_table.up {background-image: url(../img/up2.svg); }

span.sort_table:hover {cursor: pointer; }

.footer {text-align:center; padding-top: 80px; padding-bottom: 35px;}

.footer_links a {display:inline-block; padding: 0 70px; text-align: center; height:48px; line-height:48px; font-size:16px; overflow:hidden;}

/* .footer_links a:hover {color:var(--opacity80);} */

.footer_links a.f_logo {border-left: none;}

.footer_links a.f_logo img {vertical-align: top;}

.footer_links a.reg img {margin: 0 3px 0 0;}

.copyright {font-size:14px; color:var(--opacity40); padding: 80px 0 0 0;}


/* 2 */

.nft_title_holder {overflow:hidden; display:flex; align-items: center; justify-content: space-between; margin: 0 0 32px 0; padding-top: 32px;}

.nft_title {overflow:hidden; padding: 0 0 0 160px; min-height:128px; width:calc(100% - 660px); margin:0;}

.nft_title_holder .stats {margin:0; text-align:center;}

.nft_title h1 {font-size:24px; font-weight:600; display: inline-block; padding-right:16px;}

.title_links {display:inline-block; padding-bottom: 10px;}

.nft_title p {font-size:20px; color:var(--opacity56); margin-top:0;}

.nft_title a.nft_img {position:absolute; top:50%; left:0; display:inline-block; transform: translateY(-50%);}

.nft_title a:hover img {opacity: 0.8; filter: alpha(opacity=80);}

.nft_title img {border-radius: 8px; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; position:absolute; top: 50%; left:0; transform: translateY(-50%);}



.nft_title div img {display: inline-block; margin: -2px 10px 2px 0; width: auto; position:static; border-radius: 0; transform: none;}

a.back {display:inline-block; width: 30px; height:30px; background-repeat: no-repeat; background-position: center center; background-image: url(../img/refresh.svg); border-radius: 20px; background-color: #f1f1f1; margin: 0;}

a.back:hover {background-color: #fff; }

.stats_full_holder {height:0; overflow:hidden; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; opacity: 0; filter: alpha(opacity=0);}

.stats_full_holder.open {height:auto; opacity: 1; filter: alpha(opacity=100);}

.stats_full {display:flex; justify-content: space-between; width:100%; opacity: 1; filter: alpha(opacity=100); height:auto; padding: 25px 0; overflow:hidden; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; margin-bottom: 32px;}

.stats_full .stat {padding: 0 0px; width: 12.5%; text-align:center; }

.stats_full .stat span.active {color:#1998DB; }

.nfts_holder {width:100%; overflow:hidden; /*margin-top: 32px;*/} 

.nfts_sidebar {float:left; width: 288px; border-radius: 8px;}

.nfts_content {float:right; width: calc(100% - 320px); }

.nfts_top {width: 100%; border-radius: 8px; padding: 8px 220px 8px 24px; margin: 0 0 32px 0; min-height:78px;}

.nfts_top div.filter {line-height:44px; font-size:14px; font-weight:600; color:var(--opacity80); display:inline-block; border: 1px solid #E0E0E0; border-radius: 24px; padding: 0 15px; margin: 8px 15px 8px 0;} 

.nfts_top div.filter img {margin: -2px 0 2px 5px; -webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;} 

.nfts_top div.filter img:hover {opacity: 0.8; filter: alpha(opacity=80);} 

.nfts_top .sorting {position:absolute; top:16px; right:16px; width: 200px; margin: 0;} 

.nfts_top .sorting:after {clear:both;} 

.nfts_top .sorting select {margin-bottom:0;} 

.sel {margin-bottom: 16px; text-transform: uppercase;}

.sel img {margin: -2px 5px 2px 0;}

.sel#toggle_stats:hover, 
.sel#toggle_sales:hover {cursor:pointer;}

.sel span {display: inline-block; padding: 0 20px 0 0; }

.sel#toggle_stats span, 
.sel#toggle_sales span {background-repeat: no-repeat; background-position: center right; background-image: url(../img/up.svg);}

.sel#toggle_stats.close span, 
.sel#toggle_sales.close span {background-image: url(../img/down.svg);}

.nfts {width: calc(100% + 32px); overflow:hidden; margin: 0 -16px;}

.nfts .featured_item {width: calc(33.3% - 32px);}

.nfts .featured_item:nth-child(3n+1) {clear: left;}

.sale {display:flex; height:48px; border-radius: 6px; border: 1px solid #d5d5d5; margin: 15px 0; align-items: center; align-content: center; text-align:center;}

.sale span {display:block; width:100%; text-transform: uppercase; font-size:14px; color:var(--opacity40);}

a.sale img {height:14px; width: auto; margin: -2px 0 2px 3px; }

a.sale span {font-size:12px; color:#1998DB;}

a.sale span span {font-size:16px;}

a.sale:hover {font-size:16px; border: 1px solid #1998DB;}

.last_sale {text-align:center; text-transform: uppercase; font-size:14px; color:var(--opacity40); padding-bottom:6px;}

hr {border:none; height:1px; width:100%; background:#d5d5d5; margin: 0 0 16px 0;}

.nfts_sidebar span {display:block; width: calc(100% + 32px); padding: 16px; border-bottom:1px solid #d5d5d5; text-transform: uppercase; font-size:20px;}

.nfts_sidebar span img {transform: rotate(90deg); margin: -2px 5px 2px 0;}

.nfts_sidebar label {width:100%; display:block; margin-bottom: 5px; color:var(--opacity80); font-size:14px; }

.nfts_sidebar input, 
.nfts_sidebar select,  
.nfts_top select, 
select {width:100%; margin-bottom: 15px; border-radius:6px; height:48px; line-height:48px; background-color: #d5d5d5; border:none; padding: 0 15px; color:var(--opacity80); font-size:16px; }

select {-webkit-appearance: none; -moz-appearance:none; appearance: none; background-repeat: no-repeat; background-image: url(../img/down.svg); background-position: calc(100% - 15px);}

.nfts_top.pager-only select {height: 40px; line-height: 40px;}

.nfts_sidebar .select-selected  {margin-bottom: 15px;}

.nfts_sidebar input[type=submit], 
input[type=submit].submit {margin-bottom: 15px; background-color: #1998DB; border:none; padding: 0; color:var(--opacity80); font-size:16px; font-weight:600; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}

.nfts_sidebar input[type=submit]:hover, 
input[type=submit].submit:hover {background-color: #147eb7; cursor:pointer}



.dbl {overflow:hidden; }

.dbl input {width: 45%; float:right; }

.dbl input:first-child {float:left; }

.checkbox_holder {border: 1px solid #d5d5d5; border-radius: 6px; padding: 0 15px 5px 15px; margin-bottom: 15px; height:48px; overflow:hidden; -webkit-transition: height 0.3s ease-out; transition: height 0.3s ease-out;}

.checkbox_holder.open {height:auto;}

.checkbox_holder .lab {line-height:48px; height:48px; font-size:16px; color:var(--opacity80); width: calc(100% + 30px); margin: 0 -15px; padding: 0 15px;}    

.checkbox_holder .lab:hover {cursor: pointer;}   

.checkbox_holder .lab:after {content:""; position:absolute; top: 50%; right:10px; width: 8px; height: 4px; background-repeat: no-repeat; background-position: center center; background-image: url(../img/down.svg);}

.checkbox_holder.open .lab:after {background-image: url(../img/up.svg);}

.checkbox_holder .checkboxes {opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out;}

.checkbox_holder.open .checkboxes {opacity: 1; filter: alpha(opacity=100);}

input[type="checkbox"] {
    display:none;
}

input[type="checkbox"] + label span {
    display:inline-block;
    width:36px;
    height:24px;
    margin: 0 8px 0 0;
    vertical-align:middle;
    background:url(../img/toggle_off.svg) left top no-repeat;
    cursor:pointer;
	-webkit-transition: none;
	transition: none;
	border: none;
}
input[type="checkbox"]:checked + label span {
    background:url(../img/toggle_on.svg) top left no-repeat;
}

input[type="checkbox"] + label {
    display:inline-block;
    width:100%;
	text-align:left;
	font-size:16px;
	line-height:24px;
	margin:0 0 10px 0;
}

.custom-select {
  	position: relative;
}

.custom-select select {
	display: none; /*hide original SELECT element: */
}

.select-selected {
	background-color: #d5d5d5;
	border-radius: 6px; 
}

/* Style the arrow inside the select element: */
.select-selected:after {
	position: absolute;
	content: "";
	top: 50%;
	right: 10px;
	width: 8px;
	height: 4px;
	margin: -2px 0 0 0;
	background-image: url(../img/down.svg);
	background-repeat: no-repeat;
}

.select-selected.select-arrow-active {
  border-radius: 6px 6px 0 0; 
} 
/* Point the arrow upwards when the select box is open (active): */
.select-selected.select-arrow-active:after {
	background-image: url(../img/up.svg);
	background-repeat: no-repeat;
}

/* style the items (options), including the selected item: */
.select-items div,
.select-selected {
	color:var(--opacity80); 
	font-size:16px;
	padding: 0 15px; 
	height:48px;
	line-height:46px;
	border: 1px solid transparent;
	border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
	cursor: pointer;
}

/* Style items (options): */
.select-items {
	position: absolute;
	background-color: #474747;
	top: 100%;
	left: 0;
	right: 0;
	z-index: 99;
}

/* Hide the items when the select box is closed: */
.select-hide {
  	display: none;
}

.select-items div:hover, .same-as-selected {
  	background-color: rgba(0, 0, 0, 0.1);
}

/* 3 */


.nfts_detail_wrap {overflow:hidden; width: 100%; margin: 0;}

.nfts_detail {margin: 0 auto;}

.nfts_detail .nft_title {
    padding: 0 0 0 160px;
    width: calc(100% - 72px);
	margin: 0 0 0 32px;
}

.overflow {overflow:hidden; }

.nft_title span {display:inline-block; height:40px; line-height:40px; font-size:32px; color:var(--opacity80); float:left; margin-right: 15px; }

a.view {display:inline-block; height:40px; line-height:40px; border: 1px solid #d5d5d5; font-size:12px; text-transform: uppercase; font-weight: 600; padding: 0 20px 0 15px; border-radius: 6px; color:var(--opacity56); overflow:hidden; float:left; margin: 0 5px 5px 0;}

a.view img,
span.view img {position:static; margin: -2px 5px 2px 0; }

a.view:hover {background: white; color:#808080;}

.nft_title span.view {display:inline-block; height:40px; width: auto; line-height:40px; background: #f1f1f1; font-size:12px; text-transform: uppercase; font-weight: 600; padding: 0 20px 0 15px; border-radius: 6px; color:var(--opacity56); overflow:hidden; float:left; margin: 0 5px 5px 0;}

.nfts_detail_img {width: 500px; float:left;}

.nfts_detail_img img {width: 100%; height:auto; border-radius: 8px;}

.nfts_detail_img .checkbox_holder {width:60%; margin: 50px 20% 0;}

.nfts_detail_data {width: calc(100% - 532px); float:right;}

.nfts_detail_data .stats_full .stat {width: 33.3%;}

.sales_history {overflow:hidden; height:0; width:100%; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; opacity: 0; filter: alpha(opacity=0);}

.sales_history.open {height:auto; opacity: 1; filter: alpha(opacity=100);}

.attributes {width:calc(100% + 24px); overflow:hidden; margin: 0 -12px;}

.attribute {float:left; width: calc(25% - 24px); margin: 0 12px 24px 12px; padding: 18px 5px; background: #203440; border: 2px solid #1D5C7E; border-radius: 8px; font-size:14px; font-weight: 600; color:var(--opacity40); text-transform: uppercase; text-align:center; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}

.attribute:hover {background: #2e4858;}

.attribute:nth-child(4n+1) {clear: left;}

.attribute span {display:block; font-size:16px; color: #1998DB; text-transform: capitalize; }

.nfts_detail_data .sel {margin-top: 50px;}

.nfts_detail_data .sel:first-child {margin-top: 0;}

.nfts_detail_data .stats_full.market .stat {width: 50%;}

.nfts_detail_data .stats_full.market .sale {margin: 0 15%;}

.nfts_detail_data .desc {width:100%; display:block; }

.sales_history .all_coll_col, 
.sales_history .all_coll_col:last-child {text-align: left; width: 17.5%; font-size:16px; }

.sales_history .all_coll_col:first-child {width: 30%;}

.sales_history p {font-size:14px; color:var(--opacity40);}

.all_coll_col span.active {color: #1998DB;}

.market a.sale span {font-size: 16px; color: #fff; display:inline;	}

.market a.sale span span {font-size: 16px;}

.market a.sale {background-color: #1998DB; border:none; }

.market a.sale:hover {background-color: #147eb7; }


/* 4 */

.title h1 img {margin: -4px 5px 4px 0;}

.title_intro {width:100%; margin: 0 auto;}

.title_intro p:last-child {color:var(--opacity40);}

.drops {font-size:16px; }

.drops .all_coll_col {width: 15%;}

.drops .all_coll_col:last-child {width: 30%; font-size:14px; }

.drops .all_coll_col:first-child {width: 30%;}

.drops .all_coll_col:first-child a {font-size:20px;}

.drops .all_coll_col:last-child {text-align:left;}

.drops .all_coll_row.drop_date {text-align:center; width:100%; display:block; font-size: 24px; color:var(--opacity80);}

.drops .all_coll_row.drop_date img {margin: -4px 10px 4px 0;}

.drops .all_coll_row.legend {padding: 14px 28px; text-transform: uppercase;}

.drops .drop_links a {display: inline-block; margin: 0 10px 0 0; float:left;}

.drops .drop_links.all_coll_col img {position:static; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}

.drops .drop_links.all_coll_col a:hover img {opacity: 0.8; filter: alpha(opacity=80);}

.autocomplete-items {
	position: absolute;
	border-bottom: none;
	border-top: none;
	z-index: 99;
	top: 100%;
	left: 0;
	right: 0;
	font-size:14px;
}
.autocomplete-items div {
	padding: 10px;
	cursor: pointer;
	background-color: #f1f1f1;
	border-bottom: 1px solid #212121;
}
.autocomplete-items div:hover {
  	background-color: #212121;
}
.autocomplete-active {
  	background-color: #212121 !important;
  	color: #ffffff;
}

.owners .nft_title {display:flex; align-items: center;}

.owners .nfts_top {padding-right:24px;}

.nfts_top .button {float:right;}

.button {
    display: inline-block;
    height: 48px;
    line-height: 48px;
    border-radius: 6px;
    margin: 8px 0 16px;
    text-align: center;
	color:var(--opacity80);
	background-color: #1998DB;
    border: none;
	padding: 0 15px; 
	font-size:16px;
	font-weight:600; 	
}

.button:hover {color:var(--opacity80); background-color: #147eb7;}

.pager {width: calc(100% + 48px); text-align: center; overflow:hidden; border-top: 1px solid #d5d5d5; padding: 16px 0 0; height: 65px; margin: 8px -24px 0 -24px; }

.pager-only .pager {border-top: none; padding: 16px 0 0; margin: 0 -24px 0 -24px; }

.pager a, 
.pager span {display:inline-block; width: 40px; height: 40px; line-height: 40px; text-align: center; background: transparent; margin: 0 1px; border-radius: 20px; font-size:14px; border: 1px solid transparent; }

.pager span {margin: 0;}

.pager a:hover, 
.pager a.active {background: #d5d5d5; }

.goto {height:40px; width: 170px; position: absolute; top: 16px; right:24px; overflow:hidden; }

.goto input {float:left; height:40px; background-color: #d5d5d5; width: 90px; border:none; border-radius: 6px; text-align:center; color:var(--opacity80); }

.goto input[type=submit] {float:right; background-color: transparent; width: 64px; border: 1px solid var(--opacity40); color:var(--opacity80); -webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;}

.goto input[type=submit]:hover {cursor:pointer; background-color: #147eb7; border: 1px solid #147eb7;}

.owners_tab.owners-3 .all_coll_col {width: 30%; text-align: center;}
.owners_tab.owners-4 .all_coll_col {width: 20%; text-align: center;}
.owners_tab.owners-5 .all_coll_col {width: 12.5%; text-align: center;}

.owners_tab .all_coll_row .all_coll_col:first-child {width: 40%; text-align: left; color: #1998DB; -ms-word-break: break-all; word-break: break-all;}

.owners_tab .all_coll_row:first-child .all_coll_col:first-child {color: var(--opacity56);}

.owners_tab .all_coll_row .all_coll_col:first-child a {display:block; text-align: left; color: #1998DB; padding:0; min-height: 0; font-size: 16px;}

.owners_tab .all_coll_row .all_coll_col:first-child a:hover {color: #147eb7}

.owners .stats_title {display:block; width: 560px; text-align:center; overflow:hidden;}

.sales .nft_title {width: calc(100% - 72px); display: flex; align-items: center;}

.sales .nfts_top, 
.nft_list .nfts_top {padding-right: 24px;}

.nfts_top.mt {margin-top: 32px;}

.nfts_top.pager-only {
    padding-top: 0;
	padding-bottom:8px; 
    min-height: 73px;
}

.sales .sorting, 
.nft_list .sorting {position: relative; top: 0; right: 0; float:right; margin: 8px 0 16px 16px; width: 200px; }

.nfts_top span.results_count {
    line-height: 40px;
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0;
	width: auto; 
	position:absolute; 
	top:16px; left:24px;
}

.owners_tab.all_collections_wrap, 
.sales_tab.all_collections_wrap {padding-top: 0;}

.sales_tab .all_coll_col {width: 12.5%; text-align: center;}

.sales_tab .all_coll_row .all_coll_col:first-child {width: 40%; text-align: left; }

.sales_tab .all_coll_row .all_coll_col span {color: #1998DB;}

.sales_tab .all_coll_row .all_coll_col img {margin: 0 auto; position:static; transform: none;}

.sales_tab .all_coll_row .all_coll_col:first-child {width: 10%;}

.sales_tab .all_coll_row .all_coll_col:first-child {width: 10%;}

.sales_tab .all_coll_row .all_coll_col:nth-child(2) {width: 30%; text-align: left; }

.nfts_top_right {float:right; }

.sales h1, 
.owners h1 {font-size: 40px; }

.title.align_left {padding-bottom: 32px; text-align:left;}

.title.align_left h1 {font-size: 40px;}

.alert {display:block; width: 100%; padding: 16px 48px; margin: 32px 0; border-radius: 6px; color: rgba(0,0,0,0.8); font-size: 14px; line-height:22px;}

.alert:before {content: ""; position: absolute; top: 18px; left: 16px; width: 16px; height: 16px; background-repeat: no-repeat; }

.alert p {padding: 0; margin: 0; }

.alert.important {background: #FEF9C3; border: 2px solid #FEF08A;}
.alert.info {background: #DBEAFE; border: 2px solid #BFDBFE;}
.alert.success {background: #DCFCE7; border: 2px solid #BBF7D0;}
.alert.error {background: #FEE2E2; border: 2px solid #FECACA}

.alert.important:before {background-image: url(../img/alert.svg);}
.alert.info:before {background-image: url(../img/info2.svg);}
.alert.success:before {background-image: url(../img/success.svg);}
.alert.error:before {background-image: url(../img/error.svg);}

.close_alert {display:inline-block; position: absolute; top: 18px; right: 16px; width: 16px; height: 16px; background-repeat: no-repeat; background-image: url(../img/error.svg);}

.close_alert:hover {opacity: 0.8; filter: alpha(opacity=80);}




.autocomplete-suggestions { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: none; background: #212121; cursor: default; overflow: auto; font-size: 13px;}
.autocomplete-suggestion { padding: 5px 10px; white-space: nowrap; overflow: hidden; }
.autocomplete-no-suggestion { padding: 2px 5px;}
.autocomplete-selected { background: #313131; }
.autocomplete-suggestions strong { font-weight: bold; color: #fff; }
/*.autocomplete-group { padding: 2px 5px; font-weight: bold; font-size: 16px; color: #000; display: block; border-bottom: 1px solid #000; }*/

.autocomplete-suggestion img { margin: 0 10px 0 0; border-radius: 4px; float:left; width: 40px; height: auto; }
.suggest_name {display:block; padding: 5px 0 0 0; font-weight:bold; }
.suggest_vol {display:block; font-size: 13px; }

a.duplicate {display:inline-block; width: 20px; height: 20px; position: absolute; top: 10px; right: 10px; z-index:12; background-repeat: no-repeat; background-position: center center; background-image: url(../img/duplicate_shadow.svg);}

a.duplicate:hover {opacity: 0.8; filter: alpha(opacity=80);}

span.duplicate {display:inline-block; font-size: 13px; color: var(--opacity56); background: #d5d5d5; border-radius: 3px; line-height: 24px; height: 24px; padding: 0 10px; margin: 0 10px 0 0;  }

span.duplicate img {margin-left: 0; margin-right:3px;  }

.nft_title span.info_toggle {display:none; }

/* Popup overall styling */
#popup {
  display: none; /* Initially hidden */
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1000;
}

.popup-title {
  margin-bottom: .2rem;
}

/* Popup content styling */
.popup-content {
  display: block;
  width: 700px;
  max-height: fit-content;
  background-color: white;
  padding: 20px;
  border-radius: 10px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
}

/* Popup image styling */
.popup-img {
  /* margin: 0 auto;
  max-height: 70vh; 
  width: auto; */
  display: block;
}

/* Magic Eden button styling */
.magic-eden-btn {
  display: block;
  width: 100%;
  padding: 10px;
  text-align: center;
  background-color: #e42575;
  color: white;
  text-decoration: none;
  font-weight: bold;
}

.magic-eden-btn:hover {
  background-color: darken(#e42575, 10%);
}


/**/