body {
     background: #f4f4f4; 
    font-family: 'Sofia', Tahoma ;
}

body {
font-family: 'Cookie', cursive;
font-family: 'Oswald', sans-serif;
font-family: 'Righteous', cursive;
font-family: 'Russo One', sans-serif;
	font-size: 19px;
	background-color: #fafafa;
}
body, html{
	min-height:100%;
}


a {
    color: #0f0f0f;
   
}
.stat-container{
	padding:15px;
	border:1px solid #dcdcdc;
	
	background-color:white;
}

.roadmap-item{
	transition:border .5s ease;
	padding:25px;
	padding-top:35px;
	border:1px solid #dcdcdc;
	border-radius:4px;
	background-color:white;
	margin-top:15px;
	margin-bottom:30px;
	position:relative;
	font-size:15px;
}

.roadmap-item:hover{
	border:1px solid #312d36;
}

.roadmap-item:hover .date-item{
	background-color:#312d36;
}

.roadmap-item .date-container{
	position:absolute;
	top:-13px;
	left:13px;
	font-weight:bold;
}

.roadmap-item .date-item{
	transition:background-color .5s ease;
	background-color:#6c2ace;
	color:white;
	font-size:16px;
	border-radius:5px;
	padding:3px 12px;
}

.roadmap-item .date-item-2{
	background-color:#312d36;
	color:white;
	font-size:16px;
	border-radius:5px;
	padding:3px 12px;
}

.tbl-row{
	display:table-row;
}

.tbl{
	display: table-cell;
    vertical-align: middle;
}

.profileHead.darker{
	background-color:#ededed;
}

#main_header {
    background-color: #f9f9f9;
    -webkit-box-shadow: 0px 4px 15px 0px rgb(0 0 0 / 7%);
    box-shadow: 0px 4px 15px 0px rgb(0 0 0 / 52%);
    height: 70px;
    line-height: 70px;
    position: relative;
    z-index: 3;
    overflow: none;
}

.main-content{
	min-height:100%;
}

.header_container{
	width:98%;
	margin:0 auto;
}

.wide_container{
	position:relative;
	width:98%;
	margin:0 auto;
	z-index:2;
}

.small-alert{
	position:fixed;
	bottom:10px;
	right:10px;
	border-radius:15px;
	color:white;
	background-color:rgba(0,0,0,0.9);
	padding:12px 24px;
}

.mobile_navigation_container{
	display:none;
	position:absolute;
	top:70px;
	left:0;
	right:0;
	background-color:white;	
	padding:0;
	margin:0;
	z-index:9999;
}

.mobile_navigation_container ul{
	border-top:1px solid #cdcdcd;
	list-style:none;
	padding:0;
	margin:0;
}

.mobile_navigation_container li{
	list-style:none;
	display:block;
	padding:0;
	margin:0;
}

.mobile_navigation_container li a{
	text-decoration:none;
	display:block;
	border-bottom:1px solid #cdcdcd;
	line-height:initial;
	padding:15px 25px;
}

input.header_search{
	line-height:initial;
	border:1px solid #cdcdcd;
	padding:12px;
	
	width:100%;
}


.logo{
	-ms-flex: 0 0 170px;
	flex: 0 0 170px;
}

.search{
	-ms-flex: 0 0 600px;
	flex: 0 0 600px;
}

.navigation{
	-ms-flex: 0 0 600px;
	flex: 0 0 600px;
}

.mobile_navigation{
	display:none;
}

input.header_search::placeholder{
	color:#898989;
}

input.header_search:focus{
	outline:3px solid rgba(0,0,0,0.05);
}

.header_search_container{
	position:relative;
	z-index:11;
}

.header_search_results{
	max-height:300px;
	display:none;
	overflow:hidden;
	overflow-y:auto;
	line-height:initial;
	padding:5px;
	background-color:white;
	border-bottom-left-radius:9px;
	border-bottom-right-radius:9px;
	background-color:white;
	-webkit-box-shadow: 0px 4px 15px 0px rgba(0,0,0,0.07); 
	box-shadow: 0px 4px 15px 0px rgba(0,0,0,0.07);
}

.visible{
	display:block;
}

.header_search_results a{
	text-decoration:none;
	color:#67696c;
}

.header_search_results div.search_item{
	padding:0px 12px;
	height:50px;
	line-height:50px;
	transition:.5s ease;
	border-radius:12px;
}

.header_search_results div.search_item img{
	margin-right:10px;
}

.header_search_results .odd{
	background-color: rgba(0,0,0,0.03);
}

.header_search_results div.search_item:hover{
	background-color: rgba(0,0,0,0.05);
}

.loading_search_results{
	margin-top:5px;
	width:100%;
	height:40px;
	background:url(../images/loading_inline.gif);
	background-size:cover;
	border-radius:12px;
	opacity:0.5;
}

span.search_count{
	background-color:#666666;
	color:white;
	padding:5px;
	border-radius:5px;
	font-size:12px;
}

span.search_added{
	background-color:#0055ff;
	color:white;
	padding:5px;
	border-radius:5px;
	font-size:12px;
}

/*--- HEADER NAVIGATION ---*/

.header_navigation{
	text-align:right;
}

.header_navigation ul{
	list-style:none;
}

.header_navigation ul > li{
	margin:0;
	padding:0;
	display:inline-block;
}

.header_navigation ul > li > a {
    background-color: #f9f9f9;
    transition: .5s ease;
    display: block;
    text-decoration: none;
    /* font-weight: bold; */
    color: #07192e;
    height: 70px;
    padding: 0px 20px;
}

.header_navigation ul > li > a:hover{
	background-color:#f6f6f7;
}

.header_navigation ul > li > a.active{
	border-bottom:3px solid #67696c;
}

/* BANNER AREA */

.page-banner{
	text-align:center;
	background:url(../images/banner_image.jpg);
	background-size:cover;
	background-position:center;
	position:relative;
}

.home-banner{
	padding:200px 0px;
	text-align:center;
	background:url(../images/banner_image.jpg);
	background-size:cover;
	background-position:center;
}

.home-banner h1{
	width:100%;
	font-size:68px;
	font-weight:bolder;
}

.home-banner h5{
	width:100%;
	color:rgba(0,0,0,0.6);
}

.collection-banner{
	height:240px;
	position:relative;
	overflow:hidden;
	/*border-bottom:2px solid #dcdcdc;*/
}

.collection-banner-image{
	position:absolute;
	left:-5px;
	right:-5px;
	top:-5px;
	bottom:-5px;
	content:" ";
	display:block;
	filter: blur(22px);
}

.collection-banner:after{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	content:" ";
	display:block;
	background-color:rgba(255,255,255,0.7);
}

.banner_image_container{
	float:left;
	width:180px;
	height:180px;
	margin:30px;
	border-radius:50%;
	display:block;
	border:3px solid white;
	overflow:hidden;
	background:url(../images/image_backdrop.jpg);
	background-size:cover;
}

.banner_image{
	width:100%;
}

.banner_title{
	float:left;
	line-height:240px;
	height:240px;
}

.banner_text{
	display:inline-block;
	vertical-align:middle;
	line-height:initial;
}

.banner_text span{
	
}

.banner_title h1{
	display:inline-block;
	line-height:initial;
}

.banner_features{
	margin-right:30px;
	float:right;
	height:240px;
	line-height:265px;
}
.container-box {
    background-color: #f8f8f8e3;
    line-height: initial;
    display: inline-block;
    padding: 35px 45px;
    border-radius: 25px;
    text-align: center;
    -webkit-box-shadow: 0px 4px 15px 0px rgb(0 0 0 / 7%);
    box-shadow: 0px 4px 15px 0px rgb(0 0 0 / 42%);
    color: #8299a3;
}

.container-box .header {
    color: #242424;
    font-size: 23px;
    font-weight: bold;
}
.turnwhite {
    color: white !important ;
    font-size: 23px;
    font-weight: bold;
}

.container-box .header i{
	
}

.container-box .secondary{
	font-size:18px;
}


/* UTILS */


.banner_button{
	transition:.5s ease;
}

.banner_button.primary{
	background-color:#096bff;
	border:1px solid #6c2ace;
	border-radius:12px;
	padding:12px 23px;
	color:white;
	text-decoration:none;
	cursor:pointer;
}

.banner_button.secondary{
	background-color:transparent;
	border-radius:12px;
	padding:12px 23px;
	color:#898989;
	border:1px solid #cccccc;
	text-decoration:none;
	cursor:pointer;
}

.banner_button.discord{
	background-color:#5865f2;
	border-radius:12px;
	padding:12px 23px;
	color:white;
	border:1px solid #5865f2;
	text-decoration:none;
	cursor:pointer;
}

.banner_button.discord:hover{
	background-color:#747de8;
	color:white;
}

.banner_button.primary:hover{
	background-color:#9661e6;
	color:white;
}

.banner_button.secondary:hover{
	background-color:#cccccc;
	color:white;
}

.text-right{
	text-align:right;
}

.banner_button.primary:active{
	
}

.page-banner .container{
	position:relative;
	padding:100px 0px;
}

.profile-banner-image{
	border:5px solid white;
	position:absolute;
	width:150px;
	height:150px;
	left:15px;
	bottom:-75px;
	border-radius:50%;
}

.profile-banner-user{
	position:absolute;
	background-color:white;
	height:50px;
	left:170px;
	bottom:-25px;
	line-height:50px;
	padding:0 20px;
	font-weight:700;
	border-radius:15px;
}

section.latest{
	padding:45px 0px;
	background-color:#f9f9f9;
}

section.profileHead{
	background-color:#f9f9f9;
	border-bottom:1px solid #dcdcdc;
}

section.profileHead .section_body{
	padding:25px 0px;
}

.s-tabs{
	margin:0;
	padding:0;
	list-style:none;
}

.s-tabs a{
	color:black;
}

.s-tab{
	-webkit-touch-callout: none;
    -webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	position:relative;
	transition:border .5s ease;
	cursor:pointer;
	margin:0;
	padding:12px 20px;
	font-weight:700;
	display:inline-block;
	list-style:none;
	overflow:hidden;
	margin-bottom:-8px;
}

.s-tab::after{
	transition:bottom .2s ease;
	display:block;
	position:absolute;
	bottom:-4px;
	left:0;
	right:0;
	height:4px;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	content:" ";
	width:100%;
	background-color:rgba(0,0,0,0.1);
}

.s-tab:hover::after{
	display:block;
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	height:4px;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	content:" ";
	width:100%;
	background-color:rgba(0,0,0,0.1);
}

/*.s-tab:hover{
	border-bottom:3px solid rgba(0,0,0,0.1);
}
*/

.s-tab.view::after{
	display:block;
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	height:4px;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	content:" ";
	width:100%;
	background-color:#6c2ace;
}

.social_pane{
	transition:.5s ease;
	background-color:white;
	margin:5px;
	border-radius:5px;
	text-decoration:none;
	cursor:pointer;
}

.social_pane.twitter{
	color:#1da1f2;
	text-decoration:none;
	border:0px solid #1da1f2;
}

.social_pane.discord {
    color: #282828;
    text-decoration: none;
    border: 0px solid #060606;
}

.social_pane.like {
    color: #040404;
    text-decoration: none;
    border: 0px solid #ed4245;
}

.social_pane.like.activeButton{
	background-color:#ed4245;
	color:white;
}

.social_pane.twitter:hover{
	background-color:#1da1f2;
	color:white;
}

.social_pane.discord:hover{
	background-color:#5865f2;
	color:white;
}

.social_pane.like:hover{
	background-color:#ed4245;
	color:white;
}

.social_pane.views {
    color: #191919;
    border: 0px solid #1e1e1e;
}

.social_pane.views:hover{
	background-color:#6c2ace;
	color:white;
}

section.sniff_result_container{
	padding:45px 0px;
}

.section_head{
	height:40px;
	line-height:40px;
	padding:0px 20px;
}

.section_head:after{
	clear:both;
	display:block;
	content:" ";
}

.section_head .section_title{
	float:left;
	height:40px;
	line-height:40px;
	font-size:26px;
	font-weight:bold;
}

.section_head .section_options{
	float:right;
	height:40px;
	line-height:40px;
	font-weight:bold;
}

.tab-body{
	padding:20px;
}

.tab-body p:after{
	clear:both;
	content:" ";
	display:block;
}

.custom-banner-01{
	position:relative;
}

.banner_controls_custom{
	position:absolute;
	bottom:15px;
	right:15px;
	left:15px;
	text-align:right;
}

.banner_controls_custom .banner_button{
	background-color:rgba(0,0,0,0.7);
	color:#ffba00;
	font-weight:bold;
	padding:5px 12px;
	border:2px solid #ffba00;
	margin-bottom:5px;
}

.banner_controls_custom .banner_button:hover{
	background-color:black;
}

.banner_controls_custom_women{
	position:absolute;
	bottom:15px;
	right:15px;
	left:15px;
	text-align:right;
}

.banner_controls_custom_women .banner_button{
	background-color:rgba(0,0,0,0.7);
	color:#ff66c4;
	font-weight:bold;
	padding:5px 12px;
	border:2px solid #ff66c4;
}

.banner_controls_custom_women .banner_button:hover{
	background-color:black;
}

.banner_controls_custom_famous_ape{
	position:absolute;
	bottom:15px;
	right:15px;
	left:15px;
	text-align:right;
}

.banner_controls_custom_famous_ape .banner_button{
	background-color:#001bca;
	color:white;
	font-weight:bold;
	padding:5px 12px;
	border-radius:50px;
}

.banner_controls_custom_famous_ape .banner_button:hover{
	background-color:black;
	border:1px solid white;
}

.banner_controls_custom_dimensionx{
	position:absolute;
	bottom:15px;
	right:15px;
	left:15px;
	text-align:right;
}

.banner_controls_custom_dimensionx .banner_button{
	background-color:#001bca;
	color:white;
	font-weight:bold;
	padding:5px 12px;
	border-radius:50px;
}

.banner_controls_custom_dimensionx .banner_button:hover{
	background-color:black;
	border:1px solid white;
}


.image-rounded{
	border-radius:10px;
}

.image-shadow{
	-webkit-box-shadow: 0px 4px 15px 0px rgba(0,0,0,0.07); 
	box-shadow: 0px 4px 15px 0px rgba(0,0,0,0.07);
}

.highlight{
	background-color:rgba(0,0,0,0.05);
	border:1px solid rgba(0,0,0,0.1);
	border-radius:5px;
}

.containerwell{
	padding:5px;
	margin:4px;
	padding-top:20px;
	background-color:rgba(0,0,0,0.05);
	border:1px solid rgba(0,0,0,0.1);
	border-radius:5px;
}

.section_body{
	padding:22px 0px;
}

.nft_container{
	position:relative;
	margin-bottom:15px;
	background-color:white;
	border-radius:12px;
	padding:10px;
	-webkit-box-shadow: 0px 4px 15px 0px rgba(0,0,0,0.07); 
	box-shadow: 0px 4px 15px 0px rgba(0,0,0,0.07);
	transition:.5s ease;
}

.text_container{
	position:relative;
	margin-bottom:15px;
	background-color:white;
	padding:30px;
	border:1px solid #dcdcdc;
	border-radius:4px;
}

.nft_container:hover{
	-webkit-box-shadow: 0px 4px 25px 0px rgba(0,0,0,0.2); 
	box-shadow: 0px 4px 25px 0px rgba(0,0,0,0.2);
}

.nft_container .image{
	border-radius:7px;	
	width:100%;
	height:170px;
	position:relative;
}

.nft_container.promo .image{
	border-radius:7px;	
	width:100%;
	height:200px;
	position:relative;
}

.nft_container.promo.full .image{
	height:360px;
}


.view-container{
	background-color:white;
	border-radius:5px;
	position:absolute;
	top:10px;
	left:10px;
	padding:0px 10px;
}

.tab_contents{
	display:none;
}

.view-scanning{
	background-color:#6c2ace;
	color:white;
	border-radius:5px;
	position:absolute;
	top:10px;
	left:10px;
	right:10px;
	padding:0px 10px;
	font-size:12px;
}

.nft_container img{
	border-radius:7px;
}

.nft_container .title{
	text-align:center;
	margin-top:5px;
	font-size:15px;
	font-weight:bold;
	width:100%;
	overflow:hidden;
	text-overflow: ellipsis;
	max-height:20px;
}

.nft_results a{
	color:black;
	text-decoration:none;
}

footer{
	background-color:#212529;
	color:white;
}

footer .footer_title{
	font-weight:bold;
	padding:5px;
	border-bottom:1px solid rgba(255,255,255,0.1);
}

footer ul{
	margin:0;
	padding:0;
}

footer ul li{
	margin:0;
	padding:0;
	list-style:none;
}

footer ul li a{
	margin:0;
	padding:0;
	color:white;
	text-decoration:none;
	padding:5px;
	display:block;
}

footer ul li a:hover{
	border-radius:5px;
	color:white;
	background-color:rgba(255,255,255,0.05);
}

#main_container{
	position:absolute;
	top:310px;
	left:340px;
	right:0;
	bottom:0;
}

.ttspan{
	line-height:initial;
	padding:12px;
	border-radius:12px;
	width:100%;
	display:block;
}

#main_container .filter_top_bar {
    background-color: #ffffff;
    border-bottom: 2px solid #dcdcdc;
}

#top_filters.sticky{
	position:fixed;
	top:0;
	z-index:9;
	left:0;
	right:0;
}

.banner_container{
	position:relative;
}

.banner_container .banner_controls{
	transition:.5s ease;
	opacity:0;
	position:absolute;
	right:10px;
	bottom:10px;
	z-index:22;
	border-radius:15px;
	padding:15px;
}

.banner_container:hover .banner_controls{
	opacity:1;
	position:absolute;
	right:10px;
	bottom:10px;
	z-index:22;
	border-radius:15px;
	padding:15px;
}

.filtercontainer{
	padding:15px;
}

.upcoming-nft{
	background-color:white;
	border-radius:23px;
	border:1px solid rgba(0,0,0,0.07);
	-webkit-box-shadow: 0px 4px 15px 0px rgba(0,0,0,0.09); 
	box-shadow: 0px 4px 15px 0px rgba(0,0,0,0.09);
	overflow:hidden;
	position:relative;
	border:2px solid #d0d0d0;
	transition: 0.5s ease;
}

.container-box i{
	color:#1f1f20;
	margin-left:5px;
}

.upcoming-nft:hover{
	border:2px solid #924df9;
}

.upcoming-nft.featured{
	border:2px solid #924df9;
}

.top-section{
	background-color:#eeedef;
	padding:0px 15px;
	padding-left:100px;
	height:50px;
	line-height:50px;
}

.bottom-section{
	height:50px;
	padding:0px 15px;
	padding-left:100px;
	line-height:50px;
}

b.nft-title{
	margin-left:10px;
}

.socials-col a{
	color:#4d4e52;
	display:inline-block;
	padding:10px;
	line-height:initial;
	font-size:20px;
}

.socials-col a:hover{
	color:#924df9;
}

.upcoming-nft img{
	position:absolute;
	left:10px;
	top:10px;
	border-radius:15px;
}	

.tablet{
	background-color:#4d4e52;
	color:white;
	font-size:10px;
	position:relative;
	top:-2px;
	border-radius:5px;
	padding:2px 6px;
	  -webkit-touch-callout: none;
    -webkit-user-select: none;
     -khtml-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}

.tablet.large{
	font-size:15px;
	position:relative;
	top:2px;
}

.status-tablet{
	background-color:#4d4e52;
	color:white;
	font-size:12px;
	border-radius:5px;
	padding:4px 10px;
	  -webkit-touch-callout: none;
    -webkit-user-select: none;
     -khtml-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}

.ethereum-tablet{
	background-color:#454a75;
	color:white;
	font-size:12px;
	border-radius:5px;
	padding:4px 10px;
	  -webkit-touch-callout: none;
    -webkit-user-select: none;
     -khtml-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}

.polygon-tablet{
	background-color:#4782e5;
	color:white;
	font-size:12px;
	border-radius:5px;
	padding:4px 10px;
	  -webkit-touch-callout: none;
    -webkit-user-select: none;
     -khtml-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}

.sol-tablet{
	background-color:#4db1c1;
	color:white;
	font-size:12px;
	border-radius:5px;
	padding:4px 10px;
	  -webkit-touch-callout: none;
    -webkit-user-select: none;
     -khtml-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}

.featured-tablet{
	background-color:#0a93f4;
	color:white;
	font-size:12px;
	border-radius:5px;
	padding:4px 10px;
	  -webkit-touch-callout: none;
    -webkit-user-select: none;
     -khtml-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}

#main_container input[type="text"], input[type="number"], select {
    line-height: initial;
    border: 1px solid #cdcdcd;
    padding: 12px;
   
    width: 100%;
}

#main_container input[type="text"]::placeholder, input[type="number"]::placeholder{
	color:#898989;
}

#main_container input[type="text"]:focus, input[type="number"]:focus, select:focus{
	outline:3px solid rgba(0,0,0,0.05);
}

#filter_left_bar {
    position: absolute;
    left: 0;
    top: 310px;
    height: calc(100% - 310px);
    width: 340px;
    border-right: 2px solid #dcdcdc;
    background-color: #ffffff;
    overflow-y: auto;
    z-index: 4;
}

#filter_left_bar.sticky{
	position:fixed;
	left:0;
	top:0;
	height:100%;
	bottom:0;
	z-index:9;
}

#filter_left_bar .title{
	font-weight:bold;
	padding:20px;
	font-size:17px;
}

#filter_left_bar .sub-title{
	padding:5px 10px;
	font-size:15px;
	color:rgba(0,0,0,0.6);
	font-weight:bold;
}

#filter_left_bar .content{
	padding:0px 20px;
}

#filter_left_bar input[type="text"], input[type="number"]{
	line-height:initial;
	border:1px solid #cdcdcd;
	padding:12px;
	
	width:100%;
}

#filter_left_bar input[type="text"]::placeholder, input[type="number"]::placeholder{
	color:#898989;
}

#filter_left_bar input[type="text"]:focus, input[type="number"]:focus{
	outline:3px solid rgba(0,0,0,0.05);
}

.seperator-to{
	-ms-flex: 0 0 8px;
	flex: 0 0 8px;
	padding:10px 0px;
}

.button{
	transition:.5s ease;
	width:100%;
}

.trait_category{
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.trait_category .trait{
	cursor:pointer;
	border:1px solid rgba(0,0,0,0.1);
	background-color:white;
	border-radius:5px;
	margin-top:5px;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.trait_category .trait::after{
	content:" ";
	display:block;
	clear:both;
}

.trait_category .trait:hover{
	border:1px solid #6c2ace;
	background-color:#6c2ace;
	color:white;
}

.trait_category .trait:hover .trait_title{
	color:white;
}

.trait_category .trait .trait_title{
	color: rgba(0,0,0,0.7);
	padding:5px 10px;
	float:left;
}

.trait_category .trait .trait_score{
	float:right;
	padding:7px 10px;
	font-size:13px;
}

.category-title{
	position:relative;
	border-radius:5px;
	height:35px;
	line-height:35px;
	cursor:pointer;
	font-weight:bold;
	color:rgba(0,0,0,0.7);
}

.category-title:hover {
    color: #2a2a2a;
}

.category-title span{
	position:absolute;
	right:0;
	color:rgba(0,0,0,0.6);
	font-size:14px;
}

.category-title i{
	padding-right:7px;
	font-size:12px;
	font-weight:bold;
	position:relative;
	top:-1px;
}


.category-content{
	display:none;
}

.trait_category.visible .category-content{
	display:block;
}
.button.primary {
    background-color: #f6f6f6;
    border: 1px solid #000000;
    border-radius: 1px;
    padding: 9px;
    color: black;
    text-decoration: none;
    cursor: pointer;
}
.button.primaryoff {
    background-color: #8299a3;
    border: 1px solid #000000;
    /* border-radius: 12px; */
    padding: 10px;
    color: white;
    text-decoration: none;
    cursor: pointer;
    border-radius: 1px;
}

.button.secondary{
	background-color:transparent;
	/* border-radius:12px; */
	padding:5px;
	color:#898989;
	border:1px solid #cccccc;
	text-decoration:none;
	cursor:pointer;
}

.button.buynow {
    background-color: #040d64;
    border: 1px solid #000000;
    border-radius: 14px;
    padding: 5px;
    color: #ffffff;
    text-decoration: none;
    cursor: pointer;
    margin-top: -1px;
}

.button.buynow:hover{
	background-color:#007eff;
}

.button.blue {
    background-color: #8299a3;
    border: 1px solid #1f1f1f;
    border-radius: 12px;
    padding: 5px;
    color: #ffffff;
    text-decoration: none;
    cursor: pointer;
}

.button.blue:hover {
    background-color: #096bff;
}

.button.white{
	background-color:white;
	border:1px solid white;
	border-radius:12px;
	padding:5px;
	color:rgba(0,0,0,0.8);
	text-decoration:none;
	cursor:pointer;
}

.button.primary:hover{
	background-color:#010da6;
	color:white;
}

.button.secondary:hover {
    background-color: #071328;
    color: white;
}

.nft-col{
	-ms-flex: 0 0 12.5%;
	flex: 0 0 12.5%;
}

.nft-box {
    position: relative;
    padding: 9px;
    background-color: white;
    border: 1px solid rgba(0,0,0,0.07);
    -webkit-box-shadow: 0px 4px 15px 0px rgb(0 0 0 / 9%);
    box-shadow: 0px 4px 15px 0px rgb(0 0 0 / 47%);
    margin-bottom: 14px;
    
}
.activity-nft {
   
    height:120px !important;
}

.nft-box.forsale {
    background-color: #020c9a;
    border: 1px solid #151515;
}
.nft-image{
	position:relative;
	border-radius:17px;
	width:100%;
	cursor:pointer;
	overflow:hidden;
}



.nft-image .scores{
	position:absolute;
	left:10px;
	top:10px;
	background-color:white;
	font-weight:bold;
	padding:4px 12px;
	border-radius:12px;
}

.button-container{
	position:absolute;
	bottom:5px;
	left:5px;
	right:5px;
	background-color:rgba(255,255,255,1);
	padding:2px;
	border-radius:15px;
}

.nft-image .position{
	position:absolute;
	right:10px;
	top:10px;
	background-color:white;
	font-weight:bold;
	padding:4px 12px;
	border-radius:12px;
}

.nft-title {
    font-size: 18px;
    /* font-weight: bold; */
    margin-top: 2px;
    text-align: center;
    color: black;
}

.nft-rank{
	font-size:14px;
	font-weight:bold;
	margin-top:10px;
	text-align:center;
}

.modal-back{
	display:none;
	background-color:rgba(255,255,255,0.5);
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:9999;
}

.modals.modal-nft-view{
	transform:scale(1);
	max-height:92%;
	overflow-y:auto;
	overflow-x:hidden;
	background-color:#f4f4f4;
	border:1px solid #e3e3e3;
	border-radius:20px;
	width:700px;
	margin:2% auto;
	padding:22px;
	-webkit-box-shadow: 0px 4px 15px 0px rgba(0,0,0,0.3); 
	box-shadow: 0px 4px 15px 0px rgba(0,0,0,0.3);
}

.modal-image-holder{
	height:360px;
	line-height:360px;
	overflow:hidden;
	position:relative;
	border-radius:14px;
	vertical-align:middle;
}

#modal-main-image{
	display:none;
	vertical-align:middle;
	-webkit-box-shadow: 0px 0px 7px 5px rgba(0,0,0,0.13); 
	box-shadow: 0px 0px 7px 5px rgba(0,0,0,0.13);
}

#modal-main-video{
	border-radius:15px;
	vertical-align:middle;
	-webkit-box-shadow: 0px 0px 7px 5px rgba(0,0,0,0.13); 
	box-shadow: 0px 0px 7px 5px rgba(0,0,0,0.13);
}

/* Track */
.modal-nft-view::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
.modal-nft-view::-webkit-scrollbar-thumb {
  background: #888;
}

/* Handle on hover */
.modal-nft-view::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.modal-image{
	background-color:#f6f6f6;
	border:1px solid rgba(0,0,0,0.2);
	padding:15px;
	border-radius:17px;
	-webkit-box-shadow: 0px 2px 12px 0px rgba(0,0,0,0.1); 
	box-shadow: 0px 2px 12px 0px rgba(0,0,0,0.1);	
	position:relative;
	height: 60px !important
}

.modal-head-title{
	padding-bottom:10px;
}

.modal-head-title:after{
	clear:both;
	content:" ";
	display:block;
}

.modal-head-title .modal-logo{
	float:left;
}

.modal-head-title .modal-socials{
	float:right;
}

.modal-socials > .share{
	transition:.5s ease;
	padding:5px 8px;
	color:#898989;
	font-size:22px;
	border-radius:14px;
	cursor:pointer;
}

.modal-socials > .share:hover{
	background-color:#898989;
	color:white;
}

.modal-socials > .facebook{
	transition:.5s ease;
	padding:5px 8px;
	color:#1977f3;
	font-size:22px;
	border-radius:14px;
	cursor:pointer;
}

.modal-socials > .facebook:hover{
	background-color:#1977f3;
	color:white;
}

.modal-socials > .twitter{
	transition:.5s ease;
	padding:5px 8px;
	color:#1da1f2;
	font-size:22px;
	border-radius:14px;
	cursor:pointer;
}

.modal-socials > .twitter:hover{
	background-color:#1da1f2;
	color:white;
}

.modal-image img{
	border-radius:14px;
}

.modals .rank{
	font-size:16px;
	font-weight:bold;
	color:#898989;
}

.modals .name{
	font-size:22px;
	font-weight:bold;
	color:black;
}

.modals .status{
	font-size:16px;
	font-weight:bold;
	color:rgba(0,0,0,0.7);
}

.modals .statusscore{
	font-size:16px;
	color:#4bc68a;
}

.modals .score_title{
	font-size:22px;
	font-weight:bold;
	color:rgba(0,0,0,0.7);
}

.rarity-score{
	color:#6c2ace;
	font-size:20px;
	font-weight:800;
}

.modals .traitscore{
	position:absolute;
	right:10px;
	top:10px;
	bottom:10px;
	border-radius:12px;
	min-width:60px;
	background-color:#f6f6f6;
	border:1px solid rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 2px 12px 0px rgba(0,0,0,0.1); 
	box-shadow: 0px 2px 12px 0px rgba(0,0,0,0.1);	
}

.modals button.button{
	padding:10px;
}

.modals .id{
	font-size:16px;
	font-weight:bold;
	color:#898989;
}

.modal-traits-view{

}

.address_container{
	font-weight:700;
	font-size:22px;
	max-width:500px;
	padding-right:10px;
	overflow:hidden;
	text-overflow:ellipsis;
}

.address_copy{
	color:#1da1f2;
	font-weight:700;
	font-size:18px;
	padding:2px 9px;
	background-color:rgba(0,0,0,0.1);
	color:rgba(0,0,0,0.6);
	border-radius:10px;
	margin-right:5px;
	border:0;
}

.address_twitter{
	font-weight:700;
	font-size:18px;
	padding:2px 9px;
	background-color:rgba(0,0,0,0.1);
	color:rgba(0,0,0,0.6);
	border-radius:10px;
	margin-right:5px;
	border:0;
}

.address_twitter:hover{
	color:#1da1f2;
}

.address_copy:hover{
	color:#6c2ace;
}

.certified_container{
	
	background-color:#3b80ff;
	border-radius:6px;
	padding:5px 10px;
	position:relative;
	z-index:22;
}

.certified_container.no {
    background-color: #062439;
    color: #74888c  !important;
	padding:5px 10px 5px 10px;
}
.certified_container.no a{
	color:white;
}

.certified_container.yes{
	background-color:#939393;
	color:white;
}
.certified_container.full{
	background-color:blue;
	color:white;
}

.mobile_only{
	display:none;
}
	
.desktop_only{
	display:inline-block;
}

@media only screen and (max-width: 2300px) {
	.nft-col{
		-ms-flex: 0 0 16.6666666667%;
		flex: 0 0 16.6666666667%;
	}
}

@media only screen and (max-width: 1920px) {
	
	.nft-col{
		-ms-flex: 0 0 20%;
		flex: 0 0 20%;
	}
	
}

@media only screen and (max-width: 1800px) {
	.nft-col{
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
	}
}



@media only screen and (max-width: 1500px) {
	.nft-col{
		-ms-flex: 0 0 33.333;
		flex: 0 0 33.333;
	}
}

@media only screen and (max-width: 1300px) {
	
	.nft-col{
		-ms-flex: 0 0 33.333;
		flex: 0 0 33.333;
	}
	
	.search{
		-ms-flex: 0 0 400px;
		flex: 0 0 400px;
	}
	
	
}	
	
@media only screen and (max-width: 1100px) {
		
	.nft-col{
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
	}
		
	.header_navigation{
		display:none;
	}
	
	#main-search{
		display:none;
	}
	
	.mobile_navigation{
		display:block;
		-ms-flex: 0 0 70px;
		flex: 0 0 70px;
		text-align:center;
	}
	
	.mobile_navigation button{
		line-height:initial;
		border:0;
		width:50px;
		height:50px;
	}

}

.expander{
	display:none;
}

@media only screen and (max-width: 800px) {
	
	.banner_image_container{
		text-align:center;
	}
	
	.banner_image{
		margin: 0 auto;
	}
	
	.search_added{
		display:none;
	}
	
	.search_count{
		display:none;
	}
	
	.header_search_container{
		position:absolute;
		left:0;
		top:70px;
		padding:0;
		display:block;
		margin:0;
		width:100%;
		background-color:white;
		padding:0px 12px;
	}
	
	.status-tablet{
		line-height:initial;
		display:block;
		float:left;
		margin-right:5px;
		margin-bottom:15px;
	}
	
	.featured-tablet{
		line-height:initial;
		display:block;
		float:left;
		margin-right:5px;
		margin-bottom:15px;
	}
	
	.ethereum-tablet{
		line-height:initial;
		display:block;
		float:left;
		margin-right:5px;
		margin-bottom:15px;
	}
	
	.top-section{
		height:initial;
	}
	
	.bottom-section{
		height:initial;
		padding:20px;
		line-height:initial;
	}
	
}

.mobile_stats{
	display:none;
}

@media only screen and (max-width: 690px) {
		
	.wide_container{
		position:relative;
	}
		
	.banner_features{
		position:absolute;
		bottom:0;
		left:0;
		right:0;
		background-color:grey;
	}
		
	.mobile_stats{
		display:block;
	}
		
	.filtercontainer{
		padding:5px;
		margin-top:2px;
	}
	
	#main_container input[type="text"], input[type="number"], select{
		line-height:initial;
		border:1px solid #cdcdcd;
		padding:5px;
		
		width:100%;
	}

	#main_container input[type="text"]::placeholder, input[type="number"]::placeholder{
		color:#898989;
	}

	#main_container input[type="text"]:focus, input[type="number"]:focus, select:focus{
		outline:3px solid rgba(0,0,0,0.05);
	}
	
	.mobile_only{
		display:block;
	}
	
	.banner_controls_custom{
		position:absolute;
		bottom:5px;
		left:5px;
		right:5px;
		text-align:right;
		display:inline-block;
	}
	
	.banner_controls_custom .banner_button.mobile_only{
		margin-bottom:5px;
		display:inline-block;
	}
	
	.desktop_only{
		display:none !important;
	}
		
	.modals.modal-nft-view{
		width:95%;
	}
	
	.collection-banner{
		text-align:center;
	}

	.expander{
		display:block;
	}
	
	.banner_image_container{
		float:initial;
		width:180px;
		height:180px;
		margin:30px;
		border-radius:50%;
		display:block;
		border:3px solid white;
		overflow:hidden;
		background:url(../images/image_backdrop.jpg);
		background-size:cover;
	}

	.banner_image{
		width:100%;
	}
	
	#filter_left_bar{
		transition: width 3s ease;
		background:#f4f4f4;
		position:absolute;
		left:0;
		top:310px;
		bottom:0;
		width:50px;
		height:100%;
		overflow:hidden;
		border-right:2px solid #dcdcdc;
		overflow-y:auto;
		z-index:99;
	}
	
	.button-right{
		position:absolute;
		right:0;
	}
	
	.textIcon{
		width:70px;
		height:70px;
	}		
	
	.banner-buttons{
		display:block;
		width:100%;
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		 -khtml-user-select: none;
		   -moz-user-select: none;
			-ms-user-select: none;
				user-select: none;
	}

	.banner_button{
		display:block;
		margin-bottom:15px;
		width:100% !important;
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		 -khtml-user-select: none;
		   -moz-user-select: none;
			-ms-user-select: none;
				user-select: none;
	}
	
	.home-banner h1{
		font-size:34px;
	}

	#filter_left_bar.show{
		width:100%;
		z-index:999;
	}
	
	#filter_left_bar .title{
		font-weight:bold;
		height:50px;
		line-height:50px;
		font-size:17px;
		padding:0;
	}
	
	.expandSidebar{
		width:50px;
		height:50px;
	}
	
	.banner_image_container{
		border-radius:5px;
		position:relative;
		top:75px;
		width:100px;
		height:100px;
	}
	
	#filter_left_bar.show.title{
		margin-bottom:10px;
	}
	
	#filter_left_bar.show .sub-title{
		display:block;
	}

	#filter_left_bar.show .content{
		display:block;
	}
	
	#filter_left_bar.show .textTitle{
		display:block;
		padding-left:25px;
	}
	
	#filter_left_bar .sub-title{
		display:none;
	}

	#filter_left_bar .content{
		display:none;
	}
	
	#filter_left_bar .textTitle{
		display:none;
	}
	
	#main_container{
		position:absolute;
		top:310px;
		left:50px;
		right:0;
		bottom:0;
	}
	
	.no-mobile{
		display:none;
	}
		
	.expandSidebar{
		border:0;
	}
	
	.expandSidebar:hover{
		border:0;
		background-color:rgba(0,0,0,0.3);
	}
	
	footer .col{
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
	}
	
	.logo{
		-ms-flex: 0 0 calc(100% - 80px);
		flex: 0 0 calc(100% - 80px);
	}
	
	.header_navigation{
		display:none;
	}
	
	.mobile_navigation{
		display:block;
		-ms-flex: 0 0 70px;
		flex: 0 0 70px;
		text-align:center;
	}
	
	.mobile_navigation button{
		line-height:initial;
		border:0;
		width:50px;
		height:50px;
	}
	
}

@media only screen and (max-width: 580px) {
	.nft-col{
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
	}	
	
}

.main-content{
	min-height:1000px;
}

.whiteHead{
	background-color:white !important;
}

.mod{
	position:fixed;
	background-color:rgba(0,0,0,0.7);
	z-index:99;
	top:0;
	left:0;
	right:0;
	bottom:0;
}

.mod-inner{
	background-color:white;
	width:600px;
	margin:10% auto;
	border-radius:10px;
}

.mod-inner .mod-header{
	border-bottom:1px solid rgba(0,0,0,0.05);
	padding:15px;
	font-weight:bold;
}

.mod-inner .mod-body{
	padding:15px;
}

.mod-inner .mod-footer{
	border-top:1px solid rgba(0,0,0,0.05);
	padding:15px;
}

.mod-inner .form-group-v input{
	width:100%;
	border:1px solid grey;
	padding:5px 12px;
	border-radius:5px;
	margin-top:10px;
	margin-bottom:10px;
}
a:hover {
    color: #071429;
}
.blink_me {
  animation: blinker 1s linear infinite;}
@keyframes blinker {  
  50% { opacity: 0; }}
  

.myInputQ {
  background-image: url('/css/searchicon.png');
  background-position: 10px 12px;
  background-repeat: no-repeat;
  width: 100%;
  font-size: 16px;
  padding: 5px 20px 12px 15px;
  border: 1px solid #ddd;
  margin-bottom: 12px;
}
  
  .button.tagup {
    background-color: #8cc1d4;
    border: 1px solid #000000;
    border-radius: 19px;
    padding: 19px;
    color: white;
    text-decoration: none;
    cursor: pointer;
    cursor: pointer;
	width:auto;
	    height: 100px;
}
  
  
 .close {
  cursor: pointer;
  position: absolute;
  top: 50%;
  right: 0%;
  padding: 0px 0px;
  transform: translate(0%, -50%);
}

.close:hover {background: #bbb;}

.outer {
    max-width: 500px;
    margin: 0 auto;
   
}

details > summary::-webkit-details-marker {
    display: none;
}
details[open] summary ~ * {
    animation: smooth 2.4s ease-in-out;
}
@keyframes smooth {
    0% {
        opacity: 0;
        margin-top: -10px;
    }
    100% {
        opacity: 1;
        margin-top: 0px;
    }
}
details > summary::after {
    position: absolute;
    content: "+";
    right: 15px;
}
details[open] > summary::after {
    position: absolute;
    content: "-";
    right: 15px;
}

summary {
    background-color: #ffffff;
    color: #000;
    padding: 5px;
    border-radius: 5px;
    cursor: pointer;
    position: relative;
    outline: none;
    margin: 5px 0px;
}

.woooo li {
  border: 1px solid #ddd;
  margin-top: -1px; /* Prevent double borders */
  background-color: #f6f6f6;
  padding: 12px;
  text-decoration: none;
  font-size: 18px;
  color: black;
  display: block;
  position: relative;
  margin:5px;
  width:auto;
  float:left;
  border-radius: 17px;
}

ul li:hover {
  background-color: #eee;
}

.close {
  cursor: pointer;
  position: absolute;
  top: 50%;
  right: 0%;
  padding: 12px 16px;
  transform: translate(0%, -50%);
}

.close:hover {background: #bbb;}





* {
  box-sizing: border-box;
}

#myInput {
  background-image: url('/css/searchicon.png');
  background-position: 10px 12px;
  background-repeat: no-repeat;
  width: 100%;
  font-size: 25px;
  padding: 10px 10px 10px 10px;
  border: 1px solid #ddd;
  margin-bottom: 12px;
}

#myUL {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

#myUL li a {
  border: 1px solid #ddd;
  margin-top: -1px; /* Prevent double borders */
  background-color: #f6f6f6;
  padding: 12px;
  text-decoration: none;
  font-size: 18px;
  color: black;
  display: block
}

#myUL li a:hover:not(.header) {
  background-color: #eee;
}
li { list-style-type: none; }


div.example {
  
}

@media screen and (max-width: 1200px) {
  div.example {
    display: none;
  }
}