.claimitSpinner {
    width: 20px;
    height: 20px;
    margin-right: 5px;
    margin-top: 3px;
  display: inline-block;
  vertical-align: text-bottom;
  /* border: $spinner-border-width solid currentColor; */
  border:2px solid #15ffe5;
  border-right-color: transparent;
  border-radius: 50%;
  animation: spinner-border .75s linear infinite;
}

.buySpinner {
    width: 16px;
    height: 16px;
    margin-right: 5px;
    margin-top: -5px;
    margin-bottom: 10px; 
  display: inline-block;
  vertical-align: text-bottom;
  /* border: $spinner-border-width solid currentColor; */
  border:2px solid #15ffe5;
  border-right-color: transparent;
  border-radius: 50%;
  animation: spinner-border .75s linear infinite;
}

.infoSpinner {
    width: 18px;
    height: 18px;
    margin-right: 5px;
    margin-top: -6px;
    margin-bottom: 10px; 
  display: inline-block;
  vertical-align: text-bottom;
  /* border: $spinner-border-width solid currentColor; */
  border:2px solid #15ffe5;
  border-right-color: transparent;
  border-radius: 50%;
  animation: spinner-border .75s linear infinite;
}

.mintSpinner {
	width: 20px;
	height: 20px;
	margin-right: 5px;
	margin-top: 2px;
	margin-bottom: 2px; 
	display: inline-block;
	vertical-align: text-bottom;
	/* border: $spinner-border-width solid currentColor; */
	border:2px solid #15ffe5;
	border-right-color: transparent;
	border-radius: 50%;
	animation: spinner-border .75s linear infinite;
}

.claimit {
	/* width:50px; */
	/* left: 24px; */
	/* top: 60px; */
	/* position: absolute; */
	margin-top: 1px;
	margin-right: 7px;
}

/* .preview_details { */
	
/* } */

.statistics {
	position:absolute;
	top:2px;
	right:0px;
}

.statistics img {
	margin-top:-2px !important;
	margin-left:3px !important;
	margin-right:4px !important;
  padding:1px;
}

.envelop {
	/* position: absolute; */
	/* top: 73px; */
	/* left: 34px; */
	margin-top: -15px;
	margin-left: 7px;
	width: 7px;
	height: 7px;
	padding: 1px 2px;
	border-radius:50%;
	background: #15ff15;
}

.profiletext {
	margin-top:0px;	
}

.profileBgHeight {
	height:60px;
	position:absolute;
	right:0px;
	display:flex;
}

.blinking {
	-webkit-animation: 1s blink ease infinite;
	-moz-animation: 1s blink ease infinite;
	-ms-animation: 1s blink ease infinite;
	-o-animation: 1s blink ease infinite;
	animation: 1s blink ease infinite;
	
}

@keyframes "blink" {
  from, to {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}

@-moz-keyframes blink {
  from, to {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}

@-webkit-keyframes "blink" {
  from, to {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}

@-ms-keyframes "blink" {
  from, to {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}

@-o-keyframes "blink" {
  from, to {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}



.container-preline1 {
    font-size: 2vw;
    font-weight: 400;
    font-style: normal;
    line-height: initial;
    margin-bottom: 3vh;
    color: #ffffff;
}

.container-preline2 {
    font-size: 2vw;
    font-weight: 400;
    font-style: normal;
    color: #fa9898;
}

.artist_container {
	margin-left:1%;
	margin-right:1%;
	margin-top:2%;
	margin-bottom:2%;
	border-top:5px double #cbcbcb;
	border-bottom:5px solid #cbcbcb;
	border-radius:18px;
	color:white;
}

.artist_description {
	word-break:break-word;
	text-align:center;
}

.artist_socials {
	font-style:italic;
}

.artist_stats {

}

.editprofile {
    margin-left: Calc(100% - 140px);
    margin-top: 7px;
    display:none;
    width: 140px;
}

.uploadprofileimage {
  position: absolute;
  top: 0;
  right: 0;
}

.uploadprofilebanner {
  position: absolute;
  bottom: 0;
  right: 0;
}

.customUploadLabel {
  background-color: #212529;
  color: white;
  /* padding: 5px; */
  margin-top:6px;
  border: solid 1px white;
  border-radius: 2px;
  cursor: pointer;
	display:none;
  padding: 10px;
}


.artist_head {
	position: relative;
	background-color:#0b0b0b;
	/* height:10vw; */
	height:180px;

	border:solid 2px #161616;
	border-radius:13px;
}

.artist_body {
	background-color:#2e2e2e;
	padding-top:11px;
	margin-top:3px;
	min-height:300px;
	border-left:solid 31px #161616;
	border-right:solid 31px #161616;
	border-radius:10px;
	display:flex;
	justify-content:space-around;
	cursor:default;
}

.profile_description_input{
    word-break: break-word;
}

.artist_body_leftside {
	/* width:50%; */
	/* margin-left:15%; */
	text-align:left;
	padding:10px;
}

.artist_body_rightside {
	/* width:50%; */
	/* margin-left:5%; */
	text-align:right;
	display:grid;
	max-width:700px;
	padding:10px;
}

.artist_footer {
	min-height:50px;
	background-color:#0b0b0b;
	border:solid 2px #161616;
	border-radius:13px;
	text-align:center;
	font-size:18px;
	word-break:break-word;
	border-top:1px solid #cbcbcb;
	padding-top:10px; 
	/* border-top: 2px #303030 solid; */
	/* margin-top: 13px !important; */
}

.footer_wallet_IMG {
	width: 50px;
	height: 50px;
	margin-left: 2px;
	margin-right: 5px;
	margin-top: 2px;
	margin-bottom: 5px;
	border-radius:12px;
}

.profilestatsinfo {
	margin-top:-3px;
	margin-left:3px;
	color:#15ff15 !important;
	font-size:20px;
	float:right;
}

.profile_image{
	/* display: -webkit-box;  */
	/* display: -ms-flexbox; */
	/* display: -webkit-flex;  */
	/* display: flex;         */

	/* justify-content: center; */
	/* align-items: center; */
	
	height:172px;
	width:172px;
	
	/* background-color:blue; */
  display: block;
  margin-left: auto;
  margin-right: auto;
	z-index:0;
	
	border-radius: 100%;
	border:solid 2px black;
}

.profile_edit {
	width: 38px;
	height: 39px;
	z-index:999;
	background-image: url("../img/edit_img_icon.png");
	background-repeat: no-repeat;
	background-size: 36px;
	position: absolute;
	/* margin-left: Calc(50% + 15px); */
	/* margin-top: 115px; */
	cursor:pointer;


	display:none;
	/* pointer-events:none; */
	background-color: #ffffff9e;
	border-radius: 12px;
}

.avatar_edit {
	top:115px;
	left:50%;
}

.banner_edit {
	top:115px;
	left:90%;
}

.profile_pos{
	border-bottom: ridge 4px #f3f3f3;
	border-radius: 20px;
}

.form-control-profile {
	margin-left:3px;
}

.container-headline1 {
    font-size: 4vw;
    font-weight: 600;
    font-style: normal;
    line-height: 10%;
    color: #141414;
    text-shadow: -1px -1px 0 #fa9898, 1px -1px 0 #fa9898, -1px 1px 0 #fa9898, 1px 1px 0 #fa9898;
    font-size: 1.1rem !important;
    font-weight: 700 !important;
}

.mintingloader_status {
	/* margin-left:25%; */
}

.container-headline2 {
    font-size: 4vw;
    font-weight: 600;
    font-style: normal;
    line-height: initial;
}

.toggle_off{
	display:none;
}

.toggle_on{
	display:initial;
}



.btn-info {
    color: #000;
    background-color: #28cda0;
    border-color: #28cda0;
}

.background_main {
    /* background: url('../img/background_main.jpg'); */
	/* background-color:#221a26; */
    width: 100%;

}

.container-main{
    /* height:100vh; */
    /* font-family: 'Poppins', sans-serif; */
    font-size: 1.1rem !important;
    /* font-weight: 500 !important; */
}

.form-control2 {
	width: 118px;
	height: 22px;
	left: 36px;
	bottom: 58px;
	position: absolute;
	/* display: block; */
	/* padding: 0.375rem 0.75rem; */
	/* font-size: 1rem; */
	/* font-weight: 400; */
	/* line-height: 1.5; */
	color: #657280;
	background-color: #141414;
	/* background-clip: padding-box; */
	/* border: 1px solid #ced4da; */
	/* -webkit-appearance: none; */
	/* appearance: none; */
	/* border-radius: 0.25rem; */
	/* transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; */
	z-index:11;
}

.btn-info {
    color: #000;
    background-color: #28cda0;
    border-color: #28cda0;
}

.bg-dark2 {
    background-color: #000000;
}


/*  Helper Styles */
body {
	/* font-family:'Poppins' !important; */
  font-family: 'Fira Mono', monospace !important;
  font-size: 1.0rem !important;
  font-weight: 500 !important;
	line-height:initial !important;
	/* font-family: Varela Round; */
	background: #151317;
}

a {
	text-decoration: none;
	/* cursor:default  !important; */
	
}


a:link {
	color: #1bcadc  !important;
	/* cursor:pointer  !important; */
}

a:visited {
  /* color: green !important; */
  color: #1bcadc  !important;
	/* cursor:pointer  !important; */

}

/* a:hover { */
  /* color: hotpink !important; */
/* } */

a:active {
	color: #007bff !important;
	/* cursor:pointer  !important; */
}


/* Card Styles */

.card-sl {
	border-radius: 8px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.card-image img {
	max-height: 100%;
	max-width: 100%;
	border-radius: 8px 8px 0px 0;
}


.card-action {
	/* font-family: Font Awesome; */
	position: absolute;
	/* float: right; */
	/* margin-top: -25px; */
	top:239px;
	/* margin-right: 20px; */
	/* margin-left:auto; */
	right:28px;
	z-index: 11;
	color: red;
	background: #fdfdfd;
	border-radius: 100%;
	border:solid 1px #5c5c5c;
	width:32px;
	height:32px;
	padding-top: 8px;
	font-size: 18px;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 1px 2px 0 rgba(0, 0, 0, 0.19);
	cursor:pointer;
}

.card-action:hover {
	color: #fff;
	background: #E26D5C;
	-webkit-animation: pulse 1.5s infinite;
}

.card-action2 {
	position: absolute;
	top:239px;
	right:62px;
	z-index: 11;
	width:32px;
	height:32px;
	cursor:pointer;
}

.card-action2:hover {
	color: #fff;
	-webkit-animation: pulse 1.5s infinite;
	/* filter:hue-rotate(90deg); */
}

.card-heading {
	font-size: 18px;
	font-weight: bold;
	background: #fff;
	padding: 10px 15px;
}

.card-text {
	padding: 10px 15px;
	background: #fff;
	font-size: 14px;
	color: #636262;
}

.card-button {
	display: flex;
	justify-content: center;
	padding: 10px 0;
	width: 100%;
	background-color: #1F487E;
	color: #fff;
	border-radius: 0 0 8px 8px;
}

.card-button:hover {
	text-decoration: none;
	background-color: #1D3461;
	color: #fff;

}


@-webkit-keyframes pulse {
	0% {
		-moz-transform: scale(0.9);
		-ms-transform: scale(0.9);
		-webkit-transform: scale(0.9);
		transform: scale(0.9);
	}

	70% {
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-webkit-transform: scale(1);
		transform: scale(1);
		box-shadow: 0 0 0 50px rgba(90, 153, 212, 0);
	}

	100% {
		-moz-transform: scale(0.9);
		-ms-transform: scale(0.9);
		-webkit-transform: scale(0.9);
		transform: scale(0.9);
		box-shadow: 0 0 0 0 rgba(90, 153, 212, 0);
	}
}


/*-----------------------------------*\
  #CARD
\*-----------------------------------*/

.card-deck {
	display: -webkit-box;  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
	display: -ms-flexbox;  /* TWEENER - IE 10 */
	display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
	display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */

	justify-content: center;
	align-items: center;
	/* margin-left:200px; */
	/* background:url("https://steam.tools/img/simple.png"); */
}


.card3 {
  max-width: 350px;
  padding: 24px;
  border-radius: 15px;

  width:300px;
  height:500px;
  /* background-color: #991717; */
  /*background-color: #979797; */
    /* background-image: url(../img/card_layout5.png); */
    background-image: url(../img/card_coverE.png);
    background-position: center;


    /* background-color: #b1b1b1; */
  background-size: 300px;
  background-repeat: no-repeat;
  background-position: center;
  /* border-radius: 8px; */
  /* box-shadow: 0 0 6px 2px rgb(0 0 0 / 75%), 0 35px 25px -15px rgb(0 0 0 / 50%); */
  border: 3px groove #e3e3e3;
  position: relative;
  overflow: hidden;
  display: inline-block;
  margin: 20px 8px;
  /* margin: auto; */
  /* margin-bottom: 20px; */
  /* margin-top: 20px; */

  will-change: transform;
  
  transition: transform 100ms ease;
  transition-property: transform;
  
  transform-style: preserve-3d;
  transform-origin: 50% 50%;
  
  transform: translate3d(0%, 0%, -400px);

    /* z-index: 0; */

}

/* .card3:after { */
	/* content: ""; */
	/* position: absolute; */
	/* left: 0; */
	/* right: 0; */
	/* bottom: 0; */
	/* top: 0; */
	/* background-image: url(../img/sparkles.gif); */
	/* background-position: center; */
	/* background-size: 180%; */
	/* mix-blend-mode: color-dodge; */
	/* opacity: 0; */
	/* transform: translate3d(0,0,0); */
	/* animation: holoSparkle 20s ease infinite; */
/* } */

/* @keyframes holoSparkle { */
/* 0% { */
  /* opacity: 0; */
/* } */
/* 12% { */
  /* opacity: 0.66; */
/* } */
/* 70% { */
  /* opacity: 0.33; */
/* } */
/* 95% { */
  /* opacity: 0.13; */
/* } */
/* } */

.pricefilter {
	position: fixed;
	z-index: 99999999999999;
	top: 45px;
	right: 90px;
}

.card2 {

  max-width: 350px;
  padding: 24px;
  border-radius: 15px;
  border-color:black;
  border-width:2px;
  box-shadow: 0px 20px 25px 15px rgba(0, 0, 0, 0.05),
              0px 40px 30px 15px rgba(0, 0, 0, 0.1);
 margin:0 10px 5px 10px;
}


.card__body {
padding: 8px 0;
border: 1px solid #707070;
margin-bottom: 9px;

height:170px;
color:white;
background-color:#303030;
  /* background-image: url('./img/redflow.png'); */
  background-size: 100%;

}

.card__body .wrapper {
  /* display:         flex; */
  /* justify-content: space-between; */
  /* align-items:     center; */
  /* margin:10px; */
  /* bottom: 77px; */
  /* left:0px; */
  /* position:absolute; */
  /* z-index:11; */
  margin-bottom:5px;
}

.card__price {
  display:         flex;
	/* position:absolute; */
	/* width:110px; */
	/* left:3px; */
	/* z-index:11; */
	/* bottom:5px; */

	margin-left:5px;
  margin-top: 6px;
}

.card__price img {
	/* padding:4px; */
	margin-top:-2px;
	margin-right:3px;
}

.card__button {
	width: auto;
	height: 30px;
	line-height:8px;
	/* float:right; */
	bottom: 55px;
	right: 26px;
	/* text-align:right; */
	/* position:absolute; */
	/* display:      block; */
	margin-left:  auto;
	margin-right: 2px;
	z-index:11;
	position: absolute;
	padding: 10px 20px;
	/* border: none; */
	/* border: 1px rigid black; */
	background: none;
	cursor: pointer;
	font-weight: 900;
	text-transform: uppercase;
  font-size: 17px;
	color: var(--text-color);
	background-color: grey;
	/* box-shadow: var(--shadow-color) 2px 2px 22px; */
	border-radius: 4px;
	overflow: hidden;
	padding-top:7px;
}

.buy__button {
    position: absolute;
    right: 29px;
    bottom: 58px;
    height: 24px;
    /* font-size: 18px; */
    /* line-height: 2px; */
    /* background-color: #39a139; */
    /* background-color: #1ccadd; */
    background-color: #1cdd29;
}


.sell__button {
    position: absolute;
    right: 29px;
    bottom: 58px;
    height: 24px;
    /* font-size: 18px; */
    /* line-height: 2px; */
    background-color: red;
}

.cancel__button {
    position: absolute;
    right: 29px;
    bottom: 58px;
    height: 24px;
    /* font-size: 18px; */
    /* line-height: 2px; */
    background-color: grey;
}

.overlay_offers {
	position:absolute;
	top: 100px;
	height:200px;
	width: 100%;
	z-index: 999;
	background-color: #39393a;
	border-bottom: 2px solid grey;
	transition: all 1s ease;
}
.olay_hidden {
	top: -100px;
}

.setpricediv {
	margin:auto;
	width:250px;
}

.card__button:focus {
  outline-color: transparent;
  box-shadow: var(--btn-color) 2px 2px 22px;
}

.card__button:hover {
	/* background-color: hotpink; */
	filter:saturate(5); 
  transform:scale(1.1);
  /* filter:invert(1) sepia(0.27); */
	/* filter:sepia(0.27) hue-rotate(45deg);  */
	/* filter:hue-rotate(-35deg);  */
	/* filter:invert(1); */
}

.selectable:hover {
	/* filter:saturate(5); 
  transform:scale(1.1);
  filter:hue-rotate(-35deg); */
  color:#1cccdd !important;
}



.top__button {
	width: auto;
    height: 30px;
	line-height:5px;

	z-index:11;

	padding: 10px 20px;  
	background: none;
	cursor: pointer;

	font-weight: 900;
	text-transform: uppercase;
	font-size: 26px;  
	color: var(--text-color);

	background-color: white;
	border-radius: 4px; 
	overflow: hidden;   
	padding-top:7px;
}

.top__button:focus {
  outline-color: transparent;
  box-shadow: var(--btn-color) 2px 2px 22px;
}

.top__button:hover {
	background-color: red;
}




.card__product-img {
position: relative;
border-radius: 2px;
overflow: hidden;
cursor: pointer;
    max-width: 246px;
    max-height: 250px;
  /* width: 246px; */
  /* height: 250px; */

  
  object-fit: cover;
  z-index:5;
}

.card__product-img::after {
  --aqua: hsla(178, 100%, 50%, 0.5);

  content: url(../img/icon-view.svg);
  background: var(--aqua);
  position: absolute;
  inset: 0;
  display:         flex;
  justify-content: center;
  align-items:     center;
  opacity: 0;
  transition: all 0.25s ease;
}

.card__product-img:hover::after { opacity: 1; }

.card__product-img img {
  /* width: 100%; */
object-fit: cover;
width: 100%;
height: 250px;
  
  display: block;
  border: 2px double black;
}

.nft_preview {

	width:0px;
	height:0px;
/* object-fit: cover; */
	max-width:100%;
	max-height:100%;
	position: fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    margin:auto;
  transition: all 0.8s ease;
  z-index:10;
  border:none;
  /* pointer-events: all; */
  background-color:white;

}
.nft_preview.visible {
	width:40%;
	height:auto;
  border:3px solid #303030;
}



/* .nft_preview::before{ */
	
/* } */

/* .nft_preview::after { */
	/* content: ""; */

	/* background-image: url("./img/sparkles.gif"); */
	/* background-position: center; */
	/* background-size: 180%; */
	/* mix-blend-mode: color-dodge; */
	/* opacity: 1; */

	/* transform: translate3d(0,0,0); */

/* } */



.card__title {
  color: var(--white);
  font-size: 22px;
  font-weight: 500;
  margin-bottom: 10px;
  height:26px;
  overflow:hidden;
}

.card__title:hover { color: var(--aqua); }

.card__text {
  color: var(--blue-yonder);
  font-size: 12px;
  line-height: 1.2;
  margin-bottom: 5px;
  height:86px;
  overflow:hidden;
  word-wrap: break-word;
}



.card__price__top {
	position:absolute;
	/* top:0px; */
	top:-2px;
	filter:saturate(0) contrast(5);
}

.sponsorarea {
    margin-top: 60px;
    /* display: block; */
    /* margin-left: auto; */
    /* margin-right: auto; */
    /* height: 38%; */
	/* max-height:450px; */
    /* border: 2px solid #363636; */
}

.sponsortext {
	font-size:1.7vw;
	margin-bottom:-46px;
	/* margin-top:29px; */
	/* margin-top:4vw; */
	text-align:center;
}

.sponsorcontainer {
	/* display:flex; */
	/* max-height:360px; */
  width: 50%;
  margin: auto;
  display: block;
}

.card__countdown {
position:absolute;
left:188px;
bottom:3px;
}

.selectable {
	cursor:pointer;
}

.card__icon { 
  /* margin-right: 6px; 
  filter:hue-rotate(150deg); */
  width: 22px;
}

.card__countdown { color: var(--blue-yonder); }


.card__footer {
display:     flex;
align-items: center;
margin-bottom: 10px;
background-position:187px 2px;

background-size:50px;
background-repeat:no-repeat;
}

.hasSponsorBG {
background-image: "none";
}

.hasNOTSponsorBG {
background-image: url(../img/ethowhitelogo_small.png);
}


.sponsorCard {
  height: 46px;
  position: absolute;
  right: 8px;
  bottom: 1px;
  border-radius: 8px;
  border: 1px grey solid;
  background-color: #a5a5a5;
}

.card__author-name {
	position: absolute;
	font-size:16px;
	z-index:11;
	cursor:pointer;
	color:#dbdbdb;
	position: absolute;
	bottom: -2px;
	left: 67px;

}

.card__author-img {
	width: 46px;
	height: 46px;
	border: 2px ridge var(--white);
	border-radius: 50px;
	bottom: 0px;
	cursor:pointer;
	left: 12px;
	position: absolute;
}



.card__author-name a {
  color: var(--white);
  font-weight: 400;
}

.card__author-name a:hover { color: var(--aqua); }

/**
 * Footer
 */
footer {
  margin-top: 28px;
  margin-bottom: 28px;
  padding-bottom: 25px;
  padding-top: 25px;
  background-color: #0a0a0a;
  text-align: center;
  box-shadow:0 0 25px 1px #0000008f;
}
footer .logo {
	cursor:pointer;
  position: relative;
  top: 0px;
}
footer .logo img {
 width: 364px;
  /* height: 60px; */
  /* display: inline-block; */
}
footer .footer-icons {
  margin: 30px 0 80px 30px;
}
footer .footer-icons img {
  display: inline-block;
  margin: 0 15px;
}
footer .copy {
  color: #919191;
  /* font-size: 1.3rem !important; */
  font-size: 1.1rem !important;
  padding-top: 16px;
}
.footer2 {
  cursor:pointer;
  font-size: 0.9rem !important;
  color:#d1d1d1;
}

.footer_border {
  border-top: #1bcadc 2px ridge;
  border-bottom: #59297d 2px ridge;
  padding-top:8px;
  padding-bottom:5px;
}

.viewnft {
    position: absolute;
    margin-left: -95px;
    top: 185px;
    font-size: 28px;
}



/*-----------------------------------*\
  #MINT SUCCESS
\*-----------------------------------*/
/**
 * Extracted from: SweetAlert
 * Modified by: Istiak Tridip
 */

.mintstatus{
	/* position:absolute; */
	/* margin-top: 350px; */
	/* margin-left: -180px; */
	text-align: center;
	/* width: 400px; */
	font-size: 20px;
	/* margin-top: 50px; */
}

.success-checkmark {
  width: 80px;
  height: 115px;
  margin: 0 auto;
  padding-top:80px;
}
.success-checkmark .check-icon {
  width: 80px;
  height: 80px;
  position: relative;
  border-radius: 50%;
  box-sizing: content-box;
  border: 4px solid #4CAF50;
}
.success-checkmark .check-icon::before {
  top: 3px;
  left: -2px;
  width: 30px;
  transform-origin: 100% 50%;
  border-radius: 100px 0 0 100px;
}
.success-checkmark .check-icon::after {
  top: 0;
  left: 30px;
  width: 60px;
  transform-origin: 0 50%;
  border-radius: 0 100px 100px 0;
  animation: rotate-circle 4.25s ease-in;
}
.success-checkmark .check-icon::before, .success-checkmark .check-icon::after {
  content: '';
  height: 100px;
  position: absolute;
  transform: rotate(-45deg);
}
.success-checkmark .check-icon .icon-line {
  height: 5px;
  background-color: #4CAF50;
  display: block;
  border-radius: 2px;
  position: absolute;
  z-index: 10;
}
.success-checkmark .check-icon .icon-line.line-tip {
  top: 46px;
  left: 14px;
  width: 25px;
  transform: rotate(45deg);
  animation: icon-line-tip 0.75s;
}
.success-checkmark .check-icon .icon-line.line-long {
  top: 38px;
  right: 8px;
  width: 47px;
  transform: rotate(-45deg);
  animation: icon-line-long 0.75s;
}
.success-checkmark .check-icon .icon-circle {
  top: -4px;
  left: -4px;
  z-index: 10;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  position: absolute;
  box-sizing: content-box;
  border: 4px solid rgba(76, 175, 80, 0.5);
}
.success-checkmark .check-icon .icon-fix {
  top: 8px;
  width: 5px;
  left: 26px;
  z-index: 1;
  height: 85px;
  position: absolute;
  transform: rotate(-45deg);

}
@keyframes rotate-circle {
  0% {
    transform: rotate(-45deg);
  }
  5% {
    transform: rotate(-45deg);
  }
  12% {
    transform: rotate(-405deg);
  }
  100% {
    transform: rotate(-405deg);
  }
}
@keyframes icon-line-tip {
  0% {
    width: 0;
    left: 1px;
    top: 19px;
  }
  54% {
    width: 0;
    left: 1px;
    top: 19px;
  }
  70% {
    width: 50px;
    left: -8px;
    top: 37px;
  }
  84% {
    width: 17px;
    left: 21px;
    top: 48px;
  }
  100% {
    width: 25px;
    left: 14px;
    top: 45px;
  }
}
@keyframes icon-line-long {
  0% {
    width: 0;
    right: 46px;
    top: 54px;
  }
  65% {
    width: 0;
    right: 46px;
    top: 54px;
  }
  84% {
    width: 55px;
    right: 0px;
    top: 35px;
  }
  100% {
    width: 47px;
    right: 8px;
    top: 38px;
  }
}

.blink_me {
  animation: blinker 1s linear infinite;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}


/**
 * ==============================================
 * Dot Floating
 * ==============================================
 */
.dot-floating {
  margin-top:25%;
  margin-bottom:25px;
  position: relative;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #ae94d8;
  color: #9880ff;
  animation: dotFloating 3s infinite cubic-bezier(0.15, 0.6, 0.9, 0.1);
}

.dot-floating::before, .dot-floating::after {
  content: '';
  display: inline-block;
  position: absolute;
  top: 0;
}

.dot-floating::before {
  left: -12px;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #7a80b1;
  color: #9880ff;
  animation: dotFloatingBefore 3s infinite ease-in-out;
}

.dot-floating::after {
  left: -24px;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #9880ff;
  color: #9880ff;
  animation: dotFloatingAfter 3s infinite cubic-bezier(0.4, 0, 1, 1);
}

@keyframes dotFloating {
  0% {
    left: calc(0%);
	opacity:1;
  }
  75% {
    left: calc(100%);
	opacity:0;
  }
  100% {
    left: calc(1000%);
  }
}

@keyframes dotFloatingBefore {
  0% {
    left: -50px;
  }
  50% {
    left: -12px;
  }
  75% {
    left: -50px;
  }
  100% {
    left: -50px;
  }
}

@keyframes dotFloatingAfter {
  0% {
    left: -100px;
  }
  50% {
    left: -24px;
  }
  75% {
    left: -100px;
  }
  100% {
    left: -100px;
  }
}


/*-----------------------------------*\
  #MINT LOADING CUBE
\*-----------------------------------*/

.mintProgLabel {
	/* margin-top:20px; */
}

.cubeLayer {
	  /* height:250px; */
}

.containerCubee {
  position:relative;
  z-index:13;
  margin-top:115px;
  height:100px;
  width:86px;
  transform:scale(0.5);
  margin-bottom:95px;
  /* margin-left:90px; */
  margin-left:43%;
}

.cube {
  position: absolute;
  width: 86px;
  height: 100px;
  /* width: 43px; */
  /* height: 50; */
}
.right {
  background: #bed5f6;
  transform: rotate(-30deg) skewX(-30deg) translate(49px, 65px) scaleY(0.86);
}
.left {
  background: #d7c0e3;
  transform: rotate(90deg) skewX(-30deg) scaleY(0.86) translate(25px, -50px);
}
.top {
  background: #183f90;
  transform: rotate(210deg) skew(-30deg) translate(-75px, -22px) scaleY(0.86);
  z-index: 2;
}
.face {
  height: 50px;
  width: 50px;
  position: absolute;
  transform-origin: 0 0;
}
.h1.w1.l1 {
  z-index: -1;
  animation-name: h1w1l1;
  animation-timing-function: ease;
  animation-duration: 3s;
  animation-iteration-count: infinite;
}
@keyframes h1w1l1 {
  0% {
    transform: translate(0%, -100%);
  }
  14% {
    transform: translate(-50%, -125%);
  }
  28% {
    transform: translate(0%, -150%);
  }
  43% {
    transform: translate(0%, -200%);
  }
  57% {
    transform: translate(50%, -175%);
  }
  71% {
    transform: translate(0%, -150%);
  }
  85% {
    transform: translate(0%, -100%);
  }
  100% {
    transform: translate(0%, -100%);
  }
}
.h1.w1.l2 {
  z-index: -1;
  animation-name: h1w1l2;
  animation-timing-function: ease;
  animation-duration: 3s;
  animation-iteration-count: infinite;
}
@keyframes h1w1l2 {
  0% {
    transform: translate(50%, -75%);
  }
  14% {
    transform: translate(50%, -75%);
  }
  28% {
    transform: translate(100%, -100%);
  }
  43% {
    transform: translate(100%, -150%);
  }
  57% {
    transform: translate(100%, -150%);
  }
  71% {
    transform: translate(50%, -125%);
  }
  85% {
    transform: translate(50%, -75%);
  }
  100% {
    transform: translate(50%, -75%);
  }
}
.h1.w1.l3 {
  z-index: -1;
  animation-name: h1w1l3;
  animation-timing-function: ease;
  animation-duration: 3s;
  animation-iteration-count: infinite;
}
@keyframes h1w1l3 {
  0% {
    transform: translate(100%, -50%);
  }
  14% {
    transform: translate(150%, -25%);
  }
  28% {
    transform: translate(200%, -50%);
  }
  43% {
    transform: translate(200%, -100%);
  }
  57% {
    transform: translate(150%, -125%);
  }
  71% {
    transform: translate(100%, -100%);
  }
  85% {
    transform: translate(100%, -50%);
  }
  100% {
    transform: translate(100%, -50%);
  }
}
.h1.w2.l1 {
  z-index: -1;
  animation-name: h1w2l1;
  animation-timing-function: ease;
  animation-duration: 3s;
  animation-iteration-count: infinite;
}
@keyframes h1w2l1 {
  0% {
    transform: translate(-50%, -75%);
  }
  14% {
    transform: translate(-100%, -100%);
  }
  28% {
    transform: translate(-100%, -100%);
  }
  43% {
    transform: translate(-100%, -150%);
  }
  57% {
    transform: translate(-50%, -125%);
  }
  71% {
    transform: translate(-50%, -125%);
  }
  85% {
    transform: translate(-50%, -75%);
  }
  100% {
    transform: translate(-50%, -75%);
  }
}
.h1.w2.l2 {
  z-index: -1;
  animation-name: h1w2l2;
  animation-timing-function: ease;
  animation-duration: 3s;
  animation-iteration-count: infinite;
}
@keyframes h1w2l2 {
  0% {
    transform: translate(0%, -50%);
  }
  14% {
    transform: translate(0%, -50%);
  }
  28% {
    transform: translate(0%, -50%);
  }
  43% {
    transform: translate(0%, -100%);
  }
  57% {
    transform: translate(0%, -100%);
  }
  71% {
    transform: translate(0%, -100%);
  }
  85% {
    transform: translate(0%, -50%);
  }
  100% {
    transform: translate(0%, -50%);
  }
}
.h1.w2.l3 {
  z-index: -1;
  animation-name: h1w2l3;
  animation-timing-function: ease;
  animation-duration: 3s;
  animation-iteration-count: infinite;
}
@keyframes h1w2l3 {
  0% {
    transform: translate(50%, -25%);
  }
  14% {
    transform: translate(100%, 0%);
  }
  28% {
    transform: translate(100%, 0%);
  }
  43% {
    transform: translate(100%, -50%);
  }
  57% {
    transform: translate(50%, -75%);
  }
  71% {
    transform: translate(50%, -75%);
  }
  85% {
    transform: translate(50%, -25%);
  }
  100% {
    transform: translate(50%, -25%);
  }
}
.h1.w3.l1 {
  z-index: -1;
  animation-name: h1w3l1;
  animation-timing-function: ease;
  animation-duration: 3s;
  animation-iteration-count: infinite;
}
@keyframes h1w3l1 {
  0% {
    transform: translate(-100%, -50%);
  }
  14% {
    transform: translate(-150%, -75%);
  }
  28% {
    transform: translate(-200%, -50%);
  }
  43% {
    transform: translate(-200%, -100%);
  }
  57% {
    transform: translate(-150%, -75%);
  }
  71% {
    transform: translate(-100%, -100%);
  }
  85% {
    transform: translate(-100%, -50%);
  }
  100% {
    transform: translate(-100%, -50%);
  }
}
.h1.w3.l2 {
  z-index: -1;
  animation-name: h1w3l2;
  animation-timing-function: ease;
  animation-duration: 3s;
  animation-iteration-count: infinite;
}
@keyframes h1w3l2 {
  0% {
    transform: translate(-50%, -25%);
  }
  14% {
    transform: translate(-50%, -25%);
  }
  28% {
    transform: translate(-100%, 0%);
  }
  43% {
    transform: translate(-100%, -50%);
  }
  57% {
    transform: translate(-100%, -50%);
  }
  71% {
    transform: translate(-50%, -75%);
  }
  85% {
    transform: translate(-50%, -25%);
  }
  100% {
    transform: translate(-50%, -25%);
  }
}
.h1.w3.l3 {
  z-index: -1;
  animation-name: h1w3l3;
  animation-timing-function: ease;
  animation-duration: 3s;
  animation-iteration-count: infinite;
}
@keyframes h1w3l3 {
  0% {
    transform: translate(0%, 0%);
  }
  14% {
    transform: translate(50%, 25%);
  }
  28% {
    transform: translate(0%, 50%);
  }
  43% {
    transform: translate(0%, 0%);
  }
  57% {
    transform: translate(-50%, -25%);
  }
  71% {
    transform: translate(0%, -50%);
  }
  85% {
    transform: translate(0%, 0%);
  }
  100% {
    transform: translate(0%, 0%);
  }
}
.h2.w1.l1 {
  z-index: -2;
  animation-name: h2w1l1;
  animation-timing-function: ease;
  animation-duration: 3s;
  animation-iteration-count: infinite;
}
@keyframes h2w1l1 {
  0% {
    transform: translate(0%, -50%);
  }
  14% {
    transform: translate(-50%, -75%);
  }
  28% {
    transform: translate(0%, -100%);
  }
  43% {
    transform: translate(0%, -100%);
  }
  57% {
    transform: translate(50%, -75%);
  }
  71% {
    transform: translate(0%, -50%);
  }
  85% {
    transform: translate(0%, -50%);
  }
  100% {
    transform: translate(0%, -50%);
  }
}
.h2.w1.l2 {
  z-index: -2;
  animation-name: h2w1l2;
  animation-timing-function: ease;
  animation-duration: 3s;
  animation-iteration-count: infinite;
}
@keyframes h2w1l2 {
  0% {
    transform: translate(50%, -25%);
  }
  14% {
    transform: translate(50%, -25%);
  }
  28% {
    transform: translate(100%, -50%);
  }
  43% {
    transform: translate(100%, -50%);
  }
  57% {
    transform: translate(100%, -50%);
  }
  71% {
    transform: translate(50%, -25%);
  }
  85% {
    transform: translate(50%, -25%);
  }
  100% {
    transform: translate(50%, -25%);
  }
}
.h2.w1.l3 {
  z-index: -2;
  animation-name: h2w1l3;
  animation-timing-function: ease;
  animation-duration: 3s;
  animation-iteration-count: infinite;
}
@keyframes h2w1l3 {
  0% {
    transform: translate(100%, 0%);
  }
  14% {
    transform: translate(150%, 25%);
  }
  28% {
    transform: translate(200%, 0%);
  }
  43% {
    transform: translate(200%, 0%);
  }
  57% {
    transform: translate(150%, -25%);
  }
  71% {
    transform: translate(100%, 0%);
  }
  85% {
    transform: translate(100%, 0%);
  }
  100% {
    transform: translate(100%, 0%);
  }
}
.h2.w2.l1 {
  z-index: -2;
  animation-name: h2w2l1;
  animation-timing-function: ease;
  animation-duration: 3s;
  animation-iteration-count: infinite;
}
@keyframes h2w2l1 {
  0% {
    transform: translate(-50%, -25%);
  }
  14% {
    transform: translate(-100%, -50%);
  }
  28% {
    transform: translate(-100%, -50%);
  }
  43% {
    transform: translate(-100%, -50%);
  }
  57% {
    transform: translate(-50%, -25%);
  }
  71% {
    transform: translate(-50%, -25%);
  }
  85% {
    transform: translate(-50%, -25%);
  }
  100% {
    transform: translate(-50%, -25%);
  }
}
.h2.w2.l2 {
  z-index: -2;
  animation-name: h2w2l2;
  animation-timing-function: ease;
  animation-duration: 3s;
  animation-iteration-count: infinite;
}
@keyframes h2w2l2 {
  0% {
    transform: translate(0%, 0%);
  }
  14% {
    transform: translate(0%, 0%);
  }
  28% {
    transform: translate(0%, 0%);
  }
  43% {
    transform: translate(0%, 0%);
  }
  57% {
    transform: translate(0%, 0%);
  }
  71% {
    transform: translate(0%, 0%);
  }
  85% {
    transform: translate(0%, 0%);
  }
  100% {
    transform: translate(0%, 0%);
  }
}
.h2.w2.l3 {
  z-index: -2;
  animation-name: h2w2l3;
  animation-timing-function: ease;
  animation-duration: 3s;
  animation-iteration-count: infinite;
}
@keyframes h2w2l3 {
  0% {
    transform: translate(50%, 25%);
  }
  14% {
    transform: translate(100%, 50%);
  }
  28% {
    transform: translate(100%, 50%);
  }
  43% {
    transform: translate(100%, 50%);
  }
  57% {
    transform: translate(50%, 25%);
  }
  71% {
    transform: translate(50%, 25%);
  }
  85% {
    transform: translate(50%, 25%);
  }
  100% {
    transform: translate(50%, 25%);
  }
}
.h2.w3.l1 {
  z-index: -2;
  animation-name: h2w3l1;
  animation-timing-function: ease;
  animation-duration: 3s;
  animation-iteration-count: infinite;
}
@keyframes h2w3l1 {
  0% {
    transform: translate(-100%, 0%);
  }
  14% {
    transform: translate(-150%, -25%);
  }
  28% {
    transform: translate(-200%, 0%);
  }
  43% {
    transform: translate(-200%, 0%);
  }
  57% {
    transform: translate(-150%, 25%);
  }
  71% {
    transform: translate(-100%, 0%);
  }
  85% {
    transform: translate(-100%, 0%);
  }
  100% {
    transform: translate(-100%, 0%);
  }
}
.h2.w3.l2 {
  z-index: -2;
  animation-name: h2w3l2;
  animation-timing-function: ease;
  animation-duration: 3s;
  animation-iteration-count: infinite;
}
@keyframes h2w3l2 {
  0% {
    transform: translate(-50%, 25%);
  }
  14% {
    transform: translate(-50%, 25%);
  }
  28% {
    transform: translate(-100%, 50%);
  }
  43% {
    transform: translate(-100%, 50%);
  }
  57% {
    transform: translate(-100%, 50%);
  }
  71% {
    transform: translate(-50%, 25%);
  }
  85% {
    transform: translate(-50%, 25%);
  }
  100% {
    transform: translate(-50%, 25%);
  }
}
.h2.w3.l3 {
  z-index: -2;
  animation-name: h2w3l3;
  animation-timing-function: ease;
  animation-duration: 3s;
  animation-iteration-count: infinite;
}
@keyframes h2w3l3 {
  0% {
    transform: translate(0%, 50%);
  }
  14% {
    transform: translate(50%, 75%);
  }
  28% {
    transform: translate(0%, 100%);
  }
  43% {
    transform: translate(0%, 100%);
  }
  57% {
    transform: translate(-50%, 75%);
  }
  71% {
    transform: translate(0%, 50%);
  }
  85% {
    transform: translate(0%, 50%);
  }
  100% {
    transform: translate(0%, 50%);
  }
}
.h3.w1.l1 {
  z-index: -3;
  animation-name: h3w1l1;
  animation-timing-function: ease;
  animation-duration: 3s;
  animation-iteration-count: infinite;
}
@keyframes h3w1l1 {
  0% {
    transform: translate(0%, 0%);
  }
  14% {
    transform: translate(-50%, -25%);
  }
  28% {
    transform: translate(0%, -50%);
  }
  43% {
    transform: translate(0%, 0%);
  }
  57% {
    transform: translate(50%, 25%);
  }
  71% {
    transform: translate(0%, 50%);
  }
  85% {
    transform: translate(0%, 0%);
  }
  100% {
    transform: translate(0%, 0%);
  }
}
.h3.w1.l2 {
  z-index: -3;
  animation-name: h3w1l2;
  animation-timing-function: ease;
  animation-duration: 3s;
  animation-iteration-count: infinite;
}
@keyframes h3w1l2 {
  0% {
    transform: translate(50%, 25%);
  }
  14% {
    transform: translate(50%, 25%);
  }
  28% {
    transform: translate(100%, 0%);
  }
  43% {
    transform: translate(100%, 50%);
  }
  57% {
    transform: translate(100%, 50%);
  }
  71% {
    transform: translate(50%, 75%);
  }
  85% {
    transform: translate(50%, 25%);
  }
  100% {
    transform: translate(50%, 25%);
  }
}
.h3.w1.l3 {
  z-index: -3;
  animation-name: h3w1l3;
  animation-timing-function: ease;
  animation-duration: 3s;
  animation-iteration-count: infinite;
}
@keyframes h3w1l3 {
  0% {
    transform: translate(100%, 50%);
  }
  14% {
    transform: translate(150%, 75%);
  }
  28% {
    transform: translate(200%, 50%);
  }
  43% {
    transform: translate(200%, 100%);
  }
  57% {
    transform: translate(150%, 75%);
  }
  71% {
    transform: translate(100%, 100%);
  }
  85% {
    transform: translate(100%, 50%);
  }
  100% {
    transform: translate(100%, 50%);
  }
}
.h3.w2.l1 {
  z-index: -3;
  animation-name: h3w2l1;
  animation-timing-function: ease;
  animation-duration: 3s;
  animation-iteration-count: infinite;
}
@keyframes h3w2l1 {
  0% {
    transform: translate(-50%, 25%);
  }
  14% {
    transform: translate(-100%, 0%);
  }
  28% {
    transform: translate(-100%, 0%);
  }
  43% {
    transform: translate(-100%, 50%);
  }
  57% {
    transform: translate(-50%, 75%);
  }
  71% {
    transform: translate(-50%, 75%);
  }
  85% {
    transform: translate(-50%, 25%);
  }
  100% {
    transform: translate(-50%, 25%);
  }
}
.h3.w2.l2 {
  z-index: -3;
  animation-name: h3w2l2;
  animation-timing-function: ease;
  animation-duration: 3s;
  animation-iteration-count: infinite;
}
@keyframes h3w2l2 {
  0% {
    transform: translate(0%, 50%);
  }
  14% {
    transform: translate(0%, 50%);
  }
  28% {
    transform: translate(0%, 50%);
  }
  43% {
    transform: translate(0%, 100%);
  }
  57% {
    transform: translate(0%, 100%);
  }
  71% {
    transform: translate(0%, 100%);
  }
  85% {
    transform: translate(0%, 50%);
  }
  100% {
    transform: translate(0%, 50%);
  }
}
.h3.w2.l3 {
  z-index: -3;
  animation-name: h3w2l3;
  animation-timing-function: ease;
  animation-duration: 3s;
  animation-iteration-count: infinite;
}
@keyframes h3w2l3 {
  0% {
    transform: translate(50%, 75%);
  }
  14% {
    transform: translate(100%, 100%);
  }
  28% {
    transform: translate(100%, 100%);
  }
  43% {
    transform: translate(100%, 150%);
  }
  57% {
    transform: translate(50%, 125%);
  }
  71% {
    transform: translate(50%, 125%);
  }
  85% {
    transform: translate(50%, 75%);
  }
  100% {
    transform: translate(50%, 75%);
  }
}
.h3.w3.l1 {
  z-index: -3;
  animation-name: h3w3l1;
  animation-timing-function: ease;
  animation-duration: 3s;
  animation-iteration-count: infinite;
}
@keyframes h3w3l1 {
  0% {
    transform: translate(-100%, 50%);
  }
  14% {
    transform: translate(-150%, 25%);
  }
  28% {
    transform: translate(-200%, 50%);
  }
  43% {
    transform: translate(-200%, 100%);
  }
  57% {
    transform: translate(-150%, 125%);
  }
  71% {
    transform: translate(-100%, 100%);
  }
  85% {
    transform: translate(-100%, 50%);
  }
  100% {
    transform: translate(-100%, 50%);
  }
}
.h3.w3.l2 {
  z-index: -3;
  animation-name: h3w3l2;
  animation-timing-function: ease;
  animation-duration: 3s;
  animation-iteration-count: infinite;
}
@keyframes h3w3l2 {
  0% {
    transform: translate(-50%, 75%);
  }
  14% {
    transform: translate(-50%, 75%);
  }
  28% {
    transform: translate(-100%, 100%);
  }
  43% {
    transform: translate(-100%, 150%);
  }
  57% {
    transform: translate(-100%, 150%);
  }
  71% {
    transform: translate(-50%, 125%);
  }
  85% {
    transform: translate(-50%, 75%);
  }
  100% {
    transform: translate(-50%, 75%);
  }
}
.h3.w3.l3 {
  z-index: -3;
  animation-name: h3w3l3;
  animation-timing-function: ease;
  animation-duration: 3s;
  animation-iteration-count: infinite;
}
@keyframes h3w3l3 {
  0% {
    transform: translate(0%, 100%);
  }
  14% {
    transform: translate(50%, 125%);
  }
  28% {
    transform: translate(0%, 150%);
  }
  43% {
    transform: translate(0%, 200%);
  }
  57% {
    transform: translate(-50%, 175%);
  }
  71% {
    transform: translate(0%, 150%);
  }
  85% {
    transform: translate(0%, 100%);
  }
  100% {
    transform: translate(0%, 100%);
  }
}

.toplogo {
	width:415px;
}

.footercollapse {
	display:flex;
	flex-wrap:wrap;
	margin-right:-15px;
	margin-left:-15px;
}



/* @media (max-width: 600px) { */
	/* .toplogo { */
		/* width:60%; */
	/* } */
/* } */
@media (max-width: 1000px) {
  .profilestatsinfo {
	  float:initial;
  }
}


@media (max-width: 800px) {
	.footercollapse {
		display:block;
		margin-left:calc(50% - 92px);
		text-align:center;
	}
	.logo {
		margin-left:-34px;
	}
  .artist_body {
	 display:block;
  }
	.artist_body_leftside {
		text-align:center;
	}
	.artist_body_rightside {
		text-align:center;
	}
	


}

/* @media (max-width: 364px) { */
	/* .miniadjust { */
		/* transform:scale(0.9); */
	/* } */
/* } */
/* @media (max-width: 320px) { */
	/* .miniadjust { */
		/* transform:scale(0.8); */
	/* } */
/* } */
/* @media (max-width: 290px) { */
	/* .miniadjust { */
		/* transform:scale(0.75); */
	/* } */
/* } */
/* @media (max-width: 250px) { */
	/* .miniadjust { */
		/* transform:scale(0.65); */
	/* } */
	/* .droppernew { */
		/* transform:scale(0.7); */
	/* } */
/* } */



.tutorial_vid {
	width : 314px;
	height : 260px; 
}

.tutorial {
	/* margin:25px; */
	margin-top:9px; 
	margin-left:2px; 
}

.metmasklogin {
	width:54px;
	/* margin-left:25px; */
	/* margin-top:10px; */
	padding:10px;

}

.selectwalletitle {
	
	font-size:21px;
	padding:0px;
	margin-top:8px; 
	margin-bottom:10px; 

	/* margin-left:80px; */
	/* margin-right:20px; */
	/* background-color:grey; */
	/* margin-left:25px; */
	height:62px;
	display: flex;
	justify-content: normal;
	align-items: center;
	border-top:1px solid black;
	border-bottom:1px solid black;
	border-left:50px solid white;
	border-right:50px solid white;
	/* cursor:pointer; */
	color:black;
	/* float:left; */
	width:100%;
}

.selectwallefield {
	/* margin-left:70px; */
	height:44px;
	font-size:24px;
	padding:0px;
	/* margin-top:10px;  */
	border-top:1px solid grey;
	border-bottom:1px solid grey;
	margin-bottom:9px; 
	background-color:#dddddd;
	
	/* border-left:3px solid white; */
	/* border-right:3px solid white; */
	
	margin-left:10px; 
	/* margin-right:20px;  */
	
	/* margin-left:25px; */
	display: flex;
	justify-content: normal;
	align-items: center;
	/* border:1px solid black; */
	cursor:pointer;
	color:black;
	float:left;

	width:calc(100% - 20px);
}

.selectwallefield:hover {
	background-color:#1bcadc;
}

.droppernew{
	width:320px;
}

.SelectWallet {
	/* text-align: left; */
	/* border: solid 2px #858585; */
}

.menu {
  margin-top: 11px;
}

.menu .nav {
  z-index: 1;
  position: fixed;
  overflow: auto;
  /* background-color: #151414; */
  background-color: #ffffff;
  transition: all 0.5s;
}
.menu .nav.overlay {
  width: 374px;
  height: auto;
  /* top: 270px; */
  bottom: 0px;
  right: -374px;
}
.menu .nav.overlay.open-menu {
  right: 0;
}
.menu .nav ul {
  margin: 100px 0 0;
  padding: 0;
}
.menu .nav ul li {
  padding-left: 35px;
  list-style: none;
  line-height: 2;
  position: relative;
  transition: all 0.5s;
  margin-bottom: 10px;
}
.menu .nav ul li.active, .menu .nav ul li:hover {
  /* background-color: #181818; */
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  box-shadow: 0 0 27px rgba(0, 0, 0, 0.5);
  margin-right: 10px;
}
.menu .nav ul li.active a, .menu .nav ul li:hover a {
  color: #e59543;
}
.menu .nav ul li.active:before, .menu .nav ul li:hover:before {
  opacity: 1;
}
.menu .nav ul li:before {
  opacity: 0;
  content: "";
  width: 6px;
  height: 6px;
  display: block;
  position: absolute;
  left: 15px;
  top: 13px;
  background-color: #e59543;
  border-radius: 6px;
}
.menu .nav a {
  outline: none;
  color: #fff;
  text-decoration: none;
  transition: all 0.5s;
  font-size: 15px;
  text-transform: uppercase;
  color: #bababa;
}
.menu .nav .close-menu {
  float: right;
  position: relative;
  right: 20px;
  top: -5px;
  text-transform: none;
  font-size: 12px;
  color: #636363;
}
.menu .nav .close-menu .icon-close {
  position: relative;
  right: 0;
  top: 10px;
  font-size: 40px;
}
.menu .toggle-menu {
  font-size: 22px;
  float: right;
}
.menu .toggle-menu img {
	display: inline-block;
	width: 26px;
	height: 22px;
	position: absolute;
	right: 10px;
}

@media (max-width: 364px) {
  .menu .nav.overlay {
    border-radius: 15px;
    opacity: 0;
    position: fixed;
    left: 0;
    top: -100vh;
    width: 100%;
    height: 100%;
    transition: opacity 0.5s;
  }
  .menu .nav.overlay.open-menu {
    top: 0;
    display: block;
    opacity: 1;
  }
  

}

.collectionnavbar {
	margin:auto;
	width:100%;
	padding-left:5%;
	margin-top:15px;

}

.collectionButton {
	width: 20%;
	height: 39px;
	line-height: 17px;
	cursor:pointer;
	border-radius: 6px;
	border: 2px #d9d9d9 outset !important;
	word-wrap: break-word;
	min-width: 250px;
	color:white !important;
	background-color: #0b0b0b !important;
}

.collectionButton:hover {
	/* background-color:#afafaf !important; */
	background-color:#393939 !important;
}

.navbar-custom {
    /* background-color: #680b0b; */
    /* background-color: #000000; */
    background-color: #0b0b0b;
	border-bottom: 2px solid #303030;
	z-index:1000;
}
/* Modify brand and text color */

.navbar-custom .navbar-brand,
.navbar-custom .navbar-text {
    color: lightgray;
}

.nav-item {
	margin-top:12px;
  font-size: 1.2rem !important;
  /* font-weight: 600 !important; */
}

.nav-pages {
	margin-top:-18px;	
}

.navbar-custom .nav-link {
    color: lightgray;
}

.navbar_full {
	margin-top:10px;
	margin-bottom:10px;
}

.navlogo {
	min-width:150px;
}

.search_button {
	height:38px;
	top:0px;
	margin-right:20px;
	margin:2px;
    /* color: white; */
    /* border-color: #f39090; */
    /* margin-left: 4px; */

}

/* @media screen and (max-width: 479px) { */
	/* .searchbar_grp { */
		/* display:block; */
	/* } */
/* } */


.searchbar_grp {
	/* display:flex; */
	width:auto;
	margin-left:0px;
	margin-right:25px;
	
}

.searchbar_filter {
	/* display:flex; */

	width:130px;
	margin:2px;
	/* margin-right:25px; */
}

.searchbar_input {
	/* display:flex; */
	min-width:200px;
	margin:2px;
	/* margin-right:25px; */
}


.btn-secondary {
	background-color:#383838;
}

.spinner-border {
	margin-top:0px;
	margin-bottom:60px;
}


.filterbtn {
    /* margin: 0; */
    /* width: 50px; */
    height: 25px;
	/* background-color:#383838; */
    /* font-size: 5px; */
    /* top: -4px; */
    /* position: absolute; */
	/* line-height:10px; */
    /* vertical-align: middle; */

    /* margin: 0 auto; */
    /* vertical-align: middle; */
}