body {
	margin: 0;
	padding: 0;
	font-family: Montserrat;
	overflow-x: hidden;
	background-color: #fafafa;
}


h1{
    font-size: 100px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: 0.9;
    letter-spacing: normal;
    color: #011934;
}

@media (max-width:1850px){
	h1{
		font-size: 70px;
	}
}

@media (max-width:767px){
	h1{
		font-size: 50px;
		font-weight: 600;
		font-style: normal;
		font-stretch: normal;
		line-height: 1;
		letter-spacing: -0.5px;
		color: #011934;
	}
}

h2{
	font-size: 70px;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.29;
	letter-spacing: normal;
	color: #011934;
}

@media (max-width:767px){
	h2{
		font-size: 40px;
		font-weight: 600;
		font-style: normal;
		font-stretch: normal;
		line-height: 1.25;
		letter-spacing: normal;
		color: #011934;
	}
}

h3{
    font-size: 45px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.22;
    letter-spacing: normal;
    color: #011934;
}

@media (max-width:1400px){
	h3{
		font-size: 40px;
	}
}

@media (max-width:767px){
	h3{ 
		font-size: 30px;
		font-weight: 600;
		font-style: normal;
		font-stretch: normal;
		line-height: 1.5;
		letter-spacing: normal;
		color: #011934;
	}
}

h4{
    font-size: 30px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.83;
    letter-spacing: normal;
    color: #011934;
}

@media (max-width:767px){
	h4{ 
		font-size: 20px;
		font-weight: 600;
		font-style: normal;
		font-stretch: normal;
		line-height: 1.5;
		letter-spacing: normal;
		color: #011934;
	}
}

h5{
    font-size: 18px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 1.4px;
    color: #011934;
}

@media (max-width:767px){
	h5{
		font-size: 14px;
		font-weight: 600;
		font-style: normal;
		font-stretch: normal;
		line-height: normal;
		letter-spacing: 1.1px;
		color: #011934;
	}
}

h6{
    font-size: 18px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 1.4px;
    color: #011934;
}

@media (max-width:767px){
	h6{
		font-size: 12px;
		font-weight: 600;
		font-style: normal;
		font-stretch: normal;
		line-height: normal;
		letter-spacing: normal;
		color: #011934;
	}
}

.label-semi-bold {
    font-size: 12px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: 1;
    letter-spacing: 1px;
    color: #02264e;
}

@media (max-width:767px){
	.label-semi-bold {
		font-size: 10px;
		font-weight: 600;
		font-style: normal;
		font-stretch: normal;
		line-height: 1.2;
		letter-spacing: 0.8px;
		color: #02264e;
	}    
}

.contact-light{
    font-size: 12px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: 1;
    letter-spacing: 1px;
    color: #02264e;
}

@media (max-width:767px){
	.contact-light{
		font-size: 10px;
		font-weight: 300;
		font-style: normal;
		font-stretch: normal;
		line-height: 1.2;
		letter-spacing: 0.8px;
		color: #02264e;
	}
}

.sub-heading{
    font-size: 12px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 2px;
    color: #5d6a7b;
}

@media (max-width:767px){
	.sub-heading{
		font-size: 10px;
		font-weight: 600;
		font-style: normal;
		font-stretch: normal;
		line-height: normal;
		letter-spacing: 0.8px;
		color: #5d6a7b;
	}
}

.px-semibold{
    font-size: 16px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #444e5c;
}

@media (max-width:767px){
	.px-semibold{
		font-size: 14px;
		font-weight: 600;
		font-style: normal;
		font-stretch: normal;
		line-height: normal;
		letter-spacing: normal;
		color: #444e5c;
	}
}

.px-big{
    opacity: 0.9;
    font-size: 16px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #5d6a7b;
}

@media (max-width:767px){
	.px-big{
		opacity: 0.9;
		font-family: Montserrat;
		font-size: 14px;
		font-weight: 300;
		font-style: normal;
		font-stretch: normal;
		line-height: 2;
		letter-spacing: normal;
		color: #5d6a7b;
	}    
}

.px-med{
    opacity: 0.9;
    font-size: 16px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.88;
    letter-spacing: normal;
    color: #5d6a7b;
}

@media (max-width:767px){
	.px-med{
		opacity: 0.9;
		font-size: 10px;
		font-weight: 300;
		font-style: normal;
		font-stretch: normal;
		line-height: 3;
		letter-spacing: normal;
		color: #5d6a7b;
	}
}

.px-small{
    font-size: 10px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: 2;
    letter-spacing: normal;
    color: #5d6a7b;
}

@media (max-width:767px){
	.px-small{
		font-size: 8px;
		font-weight: 300;
		font-style: normal;
		font-stretch: normal;
		line-height: 2;
		letter-spacing: normal;
		color: #a6adb1;
	}
}

.pull-quote{
	font-size: 25px;
	font-weight: 200;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.6;
	letter-spacing: normal;
	color: #011934;
}

@media (max-width:767px){
	.pull-quote{
		font-size: 18px;
		font-weight: 200;
		font-style: normal;
		font-stretch: normal;
		line-height: 1.89;
		letter-spacing: normal;
		color: #011934;	
	}
}

.color-black{
	color: #000000;
}

.color-darkblue{
	color: #02264e;
}

.color-darkgrey{
	color: #444e5c;
}

.color-metalblue{
	color: #00336a;
}

.color-metalgrey{
	color: #5d6a7b;
}

.color-lightergrey{
	color: #a6adb1;
}

.color-lightestgrey{
	color: #dfe1e0;
}

.color-electricblue{
	color: #4a90e2;
}

.color-meltedsnow{
	color: #70bbc5;
}

.color-green{
	color: #029c5e;
}

.color-red{
	color: #c35c5c;
}

.color-white{
	color: #fff;
}


/* 
	==============================================================================================
	
	NAVBAR SPECIFIC CSS 
	
	==============================================================================================
*/

.navbar{
	position: absolute;
	top:40px;
	left:0;
	width:100%;
	height:40px;
	background-color: rgba(0,0,0,0);
	pointer-events: auto;
	z-index: 1;
}


@media (max-width:767px){
	
	.navbar{
		top:15px;
	}
	
	.navbar-logo{
		display: block;
		top: 0;
		height: 30px;
		width: 30px;
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center;
		position: absolute;
		left: calc(50vw - 15px);
		pointer-events: auto;
	}
	
	
	.navbar-logo.on-light{
		background-image: url("/assets/style/logo-blue.svg");
	}
	
	.navbar-logo.on-dark{
		background-image: url("/assets/style/logo-snow.svg");
	}
	
	.navbar-hamburger-menu{
		position: absolute;
		left: 0px;
		top: 0px;
	}
	
	.navbar-hamburger-label{
		display: none;
	}
	
	.navbar-right-hand{
		width: 100%;
	}
	
	.navbar-inner-flex{
		display: flex;
		justify-content: flex-end;
		padding-right: 0px;
	}
	
}

.navbar-logo:hover{
	cursor: pointer;
}


@media (min-width:768px){
	
	.navbar-logo{
		margin-left: 70px;
		margin-top: 5px;
		width: 174px;
		height: 27px;
		background-size: contain;
		background-repeat: no-repeat;
		background-position: initial;
		display: block;
	}
	
	
	.navbar-logo.on-light{
		background-image: url("/assets/style/header-navigation-on-light.svg");
	}
	
	.navbar-logo.on-dark{
		background-image: url("/assets/style/header-navigation-on-dark.svg");
	}
	
	.navbar-right-hand{
		width: calc(100% - 245px);
	}
	
	.navbar-inner-flex{
		display: flex;
		justify-content: flex-end;
		padding-right: 70px;
	}	
	
}

.navbar-container{
	display: flex;
}


.navbar-currency-box-menu{
	width: 4em;
}

.flexend{
	display:flex;
	justify-content: flex-end;
}

.navbar-currency-box{  
	font-size: 12px;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	line-height: 1;
	letter-spacing: 1px;
	border: solid 1px rgba(1, 25, 52, 0.1);
	border-radius: 4px;
	padding-top: 7px;
	height: 19px;
	padding-left: 5px;
	padding-right: 5px;
	width: 4em;
	position: relative;
	white-space: nowrap;
}

@media (max-width: 767px){
	.navbar-currency-box{  
		font-size: 10px;
		padding-right: 0.25em;
		padding-top: 1em;
	}
	
	.navbar-currency-box span{  
		margin-bottom: 0px;
	}
}

.navbar-currency-box.on-dark{ 
	color: #ffffff;
	border-color: #dfe1e0;
}

.navbar-currency-box.on-light{ 
	color: #02264e;
	border-color:  rgba(1, 25, 52, 0.5);
}

.navbar-currency-box:hover{
	border-color: #4a90e2;
	color: #4a90e2;
	cursor: pointer;
}

.navbar-currency-box.active{
	border-color: #4a90e2;
	color: #4a90e2;
}

.currency-chevron{
	width: 10px;
	height: 9px;
	display: inline-block;
	background-repeat: no-repeat;
	background-position: bottom;
	position: absolute;
	right: 5px;
}

@media (max-width: 767px){
	.currency-chevron{
		height: 8px;
	}
}

.currency-chevron.down{
	background-image: url("/assets/style/currency-chevron-down.svg");
}


.on-light .currency-chevron.down{
	background-image: url("/assets/style/currency-chevron-down-dark.svg");
}

.navbar-currency-box:hover .currency-chevron.down{
	background-image: url("/assets/style/currency-chevron-down-electric.svg");
}

.navbar-currency-box.active .currency-chevron.down{
	background-image: url("/assets/style/currency-chevron-down-electric.svg");
}

.on-light .currency-chevron.up{
	background-image: url("/assets/style/currency-chevron-up-dark.svg");
}

.currency-chevron.up{
	background-image: url("/assets/style/currency-chevron-up.svg");
}

.navbar-currency-box:hover .currency-chevron.up{
	background-image: url("/assets/style/currency-chevron-up-electric.svg");
}

.navbar-currency-box.active .currency-chevron.up{
	background-image: url("/assets/style/currency-chevron-up-electric.svg");
}

.navbar-currency-dropdown{
	width: 200px;
	position: relative;
	top: 0.5em;
	left: 0;
	border-radius: 4px;
	border: solid 1px rgba(0, 0, 0, 0.1);
	background-color: #ffffff;
	z-index: 100;
	margin-bottom: 10px;
}

@media (max-width: 767px){
	.navbar-currency-dropdown{
		position: absolute;
		top: 45px;
		left: auto;
		right: 10px;
	}
}

.navbar-currency-dropdown-separator{
	height: 0px;
	border: solid 1px rgba(0, 0, 0, 0.1);
	background-color: #ffffff;
}

.navbar-currency-dropdown-elem{
	display: flex;
	height: 55px;
}

.navbar-currency-dropdown-elem:hover{
	background-color: rgba(1, 25, 52, 0.24);
	cursor: pointer;
}

.navbar-currency-dropdown-elem-separator{
	margin-top: 10px;
	font-size: 16px;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #a6adb1;
	pointer-events: none;
}

.navbar-currency-dropdown-elem-left{
	width: 40px;
	margin-left: 15px;
	margin-top: 10px;
	margin-bottom: 10px;
	pointer-events: none;
}

.navbar-currency-dropdown-elem-right{
	margin-left: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
	pointer-events: none;
}

.navbar-currency-dropdown-elem-currency-symbol{
	font-size: 12px;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #444e5c;
	pointer-events: none;
}

.navbar-currency-dropdown-elem-currency-name{
	font-size: 10px;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: 2;
	letter-spacing: normal;
	color: #5d6a7b;
	pointer-events: none;
}

.navbar-currency-dropdown-elem.active div div {
	color: #4a90e2;
	
	
}

/* Jingle Animations */

@-webkit-keyframes jingle { from { -webkit-transform: scale(1,1); } to { -webkit-transform: scale(1.3,1.3); } }
@-moz-keyframes jingle { from { -moz-transform: scale(1,1); } to { -moz-transform: scale(1.3,1.3); } }
@keyframes jingle { from { transform: scale(1,1); } to { transform: scale(1.3,1.3); } }

.jingling {
	transform: scale(1,1);  
	-webkit-animation:jingle ease-in 2;  
	-moz-animation:jingle ease-in 2;
	animation:jingle ease-in 2;
	
	-webkit-animation-fill-mode:forwards; 
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	
	-webkit-animation-duration:0.5s;
	-moz-animation-duration:0.5s;
	animation-duration:0.5s;
	
	-webkit-animation-direction: alternate;
	-moz-animation-direction: alternate;
	animation-direction: alternate;
	
}

.navbar-hamburger-menu{
	margin-left: 20px;
	width: 80px;
}

@media (max-width:767px){
	.navbar-hamburger-menu{
		margin-left: 15px;
		width: 60px;
	}
}

.navbar-hamburger-menu-content{
	display: flex;
}

.navbar-hamburger-menu-content:hover{
	cursor: pointer;
}


.navbar-hamburger-menu-content:hover .navbar-hamburger-box{
	transform: scale(1,1);  
	-webkit-animation:jingle ease-out 2;  
	-moz-animation:jingle ease-out 2;
	animation:jingle ease-out 2;
	
	-webkit-animation-fill-mode:forwards; 
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	
	-webkit-animation-duration:0.1s;
	-moz-animation-duration:0.1s;
	animation-duration:0.1s;
	
	-webkit-animation-direction: alternate;
	-moz-animation-direction: alternate;
	animation-direction: alternate;
}

.navbar-hamburger.on-dark .navbar-hamburger-bun{
	background-color: #ffffff;
}

.navbar-hamburger-label{
	font-size: 12px;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	line-height: 1;
	letter-spacing: 1px;
	margin-top: 8px;
}

.navbar-hamburger-label.on-dark{
	color: #ffffff;
}

.navbar-hamburger-label.on-light{
	color: #02264e;
}

.navbar-hamburger-menu-content:hover .navbar-hamburger-label{
	color: #4a90e2;
}

.navbar-hamburger-box{
	margin-left: 10px;
}

.navbar-hamburger{
	width: 20px;
}

.navbar-hamburger-bun{
	width: 20px;
	height: 2px;
	margin-top: 5px;
}

.navbar-hamburger.on-dark .navbar-hamburger-bun{
	background-color: #ffffff;
}

.navbar-hamburger.on-light .navbar-hamburger-bun{
	background-color: #00336a;
}

.navbar-hamburger-menu-content:hover .navbar-hamburger-box .navbar-hamburger .navbar-hamburger-bun{
	background-color: #4a90e2;
}

.navbar-no-menu{
	width: 95px;
	margin-left: 10px;
	margin-right: 20px;
}

@media (min-width:768px){
	.navbar-getstarted-menu{
		width: 95px;
		margin-left: 10px;
		margin-right: 20px;
	}
	
	.navbar-getstarted-button{
		border-radius: 2px;
		background-color: #4a90e2;
		font-size: 12px;
		font-weight: 600;
		font-style: normal;
		font-stretch: normal;
		line-height: 1;
		letter-spacing: 1px;
		text-align: center;
		color: #ffffff;
		padding-top: 10px;
		padding-bottom: 10px;
		padding-left: 15px;
		padding-right: 15px;
		height:12px;
	}
}

@media (max-width:767px){
	.navbar-getstarted-menu{
		width: 60px;
		margin-left: 10px;
		margin-right: 10px;
	}
	
	.navbar-getstarted-button{
		border-radius: 2px;
		background-color: #4a90e2;
		font-size: 10px;
		font-weight: 600;
		font-style: normal;
		font-stretch: normal;
		line-height: 1;
		letter-spacing: 1px;
		text-align: center;
		color: #ffffff;
		padding-top: 10px;
		padding-bottom: 10px;
		padding-left: 7px;
		padding-right: 7px;
	}
	
	.navbar-no-menu{
		width: 60px;
		margin-left: 10px;
		margin-right: 10px;
	}
	
	.navbar-logged-user-menu{
		padding-right: 3%;
	}
}

.navbar-getstarted-button:hover{
	cursor:	pointer;
}

.navbar-logged-user-menu{
	margin-left: 10px;
	padding-top: 2px;
	align-items: baseline;
}

.notification-menubox-hoveropen{
	align-items: baseline;
	display: flex;
	flex-direction: row;
}


.navbar-account-name{
	font-size: 12px;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	line-height: 1;
	letter-spacing: 1px;
	color: #02264e;
	text-decoration: none;
	display: inline-block;
	margin-left: 5px;
	margin-top: -3px;
}

.account-navbar-avatar{
	border-radius: 10px;
	overflow: hidden;
	width: 20px;
	height: 20px;
	margin-top: -3px;
	position: relative;
	top: 5px;
}

.navbar-account-name.on-dark{
	color: #ffffff;
}

.navbar-account-name:hover{
	color: #4a90e2;
}

.navbar-account-name.on-dark:hover{
	color: #4a90e2;
}
.navbar-account-name.avatared::before{
	width: 15px;
	height: 10px;
	background-size: 15px 15px;
	background-image: url("/assets/media/identiconplaceholder.svg");
	background-repeat: no-repeat;
	background-position-y : center;
	background-position-x : left;
	content: "      ";
	
}

/* 
	==============================================================================================
	
	HOMEPAGE SPECIFIC CSS 
	
	==============================================================================================
*/

.homepage-first-section{
	height: 100vh;
	min-height: 400px;
	background-color: #02264e;
	margin-top: -40px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 55% 0%;
	pointer-events: auto;
	position: relative;
}



.homepage-framer{
	margin-left: 120px;
}

@media (max-width: 767px){
	.homepage-framer{
		width: 75%;
	}
}

.homepage-leanmoreBox{
	font-size: 12px;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	line-height: 1;
	letter-spacing: 1px;
	text-align: center;
	color: #dfe1e0;
	width: 151px;
	padding: 14px;
	background-color: transparent;
	border-color: #dfe1e0;
	border-style: solid;
	border-width: 2px;
	border-radius: 2px;
	text-decoration: none;
}

.homepage-leanmoreBox:hover{
	border-color:  #4a90e2;
	color: #4a90e2;
	cursor: pointer;
}

.hompeage-downarrow{
	background-image: url("/assets/style/downarrow.svg");
	width: 42px;
	height: 60px;
	background-size: cover;
	background-repeat: no-repeat;
	display: block;
	position: absolute;
	left: 120px;
	bottom: 9vh;
}

@media (max-width: 767px){
	.hompeage-downarrow{
		left: 25px;
		bottom: 30px;
	}
	
}

.hompeage-downarrow:hover{
	cursor: pointer;
}

.owned-by-you{
	margin-top:0vh;
	margin-bottom: 1em;
}


/* Fade In Animations */

@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }

.fade-in {
	opacity:0;  /* make things invisible upon start */
	-webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
	-moz-animation:fadeIn ease-in 1;
	animation:fadeIn ease-in 1;
	
	-webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	
	-webkit-animation-duration:1s;
	-moz-animation-duration:1s;
	animation-duration:1s;
}

.fade-in.delay-MadeBy{
	-webkit-animation-delay: 0.5s;
	-moz-animation-delay: 0.5s;
	animation-delay: 0.5s;
}

.fade-in.delay-OwnedByYou{
	-webkit-animation-delay: 1.5s;
	-moz-animation-delay: 1.5s;
	animation-delay: 1.5s;
}

.fade-in.delay-LearnMore{
	-webkit-animation-delay: 2.0s;
	-moz-animation-delay: 2.0s;
	animation-delay: 2.0s;
}


.fade-in.delay-DownArrow{
	-webkit-animation-delay: 2.5s;
	-moz-animation-delay: 2.5s;
	animation-delay: 2.5s;
}

.fade-in.delay-arrowCrypto{
	-webkit-animation-delay: 1s;
	-moz-animation-delay: 1s;
	animation-delay: 1s;
}


/* 
	==============================================================================================
	
	GALLERY SPECIFIC CSS 
	
	==============================================================================================
*/


/* 
	
	Elements of the gallery
	
*/




.hmpg-collection-name{
	font-size: 45px;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.22;
	letter-spacing: normal;
	color: #02264e;
	margin-left: 15%;
	margin-bottom: 20px;
}

.hmpg-collection-room{
	font-size: 12px;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 1px;
	color: #5d6a7b;
	margin-left: 15%;
}

@media (max-width: 767px){
	#hmg-gallery-item-0{
		margin-top: 0vh;
	}
	
	.hmpg-collection-name{
		padding-top: 0.3em;
		margin-top: 1.7em;
		margin-left: 5%;
	}
	
	.hmpg-collection-room{
		margin-left: 5%;
	}
}


.gallery-cryptograph-container{
	width: 100%;
	height: 80vh;
}



@media (max-width: 767px){
	.gallery-cryptograph-container{
		height: initial;
	}
	
}

.gallery-cryptograph-flexbox{
	display: flex;
	justify-content: center;
	align-items: center;
}



.gallery-cryptograph-img-container{
	position: relative;
	width: auto;
	max-height: 50vh;
	display: flex;
	justify-content: center;
	align-items: center;
	pointer-events: none;
	z-index: 0;
	
}

.gallery-cryptograph-video-container{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
	width: 100%;
	height: 100%;
	display: none;
	animation: fadageinhmpg 0.5s linear 1;
	animation-play-state: initial; 
	justify-content: center;
	align-items: center;
	border-radius: 6px;
}

.gallery-cryptograph-img-container:hover .gallery-cryptograph-video-container{
	animation-play-state: running;
	display : flex;
}

@keyframes fadageinhmpg {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

.cryptograph-gallery-video{
	min-height: 100%;
	object-fit: cover;
}


.gallery-cryptograph-img-content {
    max-height: 50vh;
    z-index: 0;
    pointer-events: auto;
	max-width: 35vw;
	object-fit: contain;
	border-radius: 6px;
}


.gallery-odd .gallery-cryptograph-img-container .gallery-cryptograph-img-content{
	margin-left:0;
	margin-right:auto;
}


.gallery-cryptograph-img-content:hover{
	cursor: pointer;
}


.gallery-odd{
	background-position: center left;
	text-align: right;
}


.gallery-odd .gallery-cryptograph-description-container div{
	text-align: right;
	margin-left: auto;
	margin-right: 0;
} 


.gallery-odd .gallery-cryptograph-description-container .gallery-timer-timing{
	margin-left: 20px;
    min-width: 100px;
}


.gallery-cryptograph-description-container{
	padding: 10px;
	margin-right: 90px;
	margin-left: 90px;
	position: relative;
}


.gallery-cryptograph-description-serial{
	font-size: 12px;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 2px;
	color: #5d6a7b;
	margin-bottom: 2px;
}


.gallery-cryptograph-description-creator{
	font-size: 30px;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 2.3px;
	color: #00336a;
	margin-bottom: 13px;
	display: block;
	text-decoration: none;
}

@media (max-width:767px){
	.gallery-cryptograph-description-creator{
		margin-top: 10px;
		font-size: 20px;
	}
	
	.gallery-odd .gallery-cryptograph-description-container .gallery-timer-timing{
		margin-left: 10px;
		min-width: 50px;
	}
}

.gallery-cryptograph-description-creation{
	font-size: 18px;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.11;
	letter-spacing: normal;
	color: #5d6a7b;
	margin-top: 45px;
	margin-bottom: 10px;
	display: block;
	text-decoration: none;
}


.gallery-cryptograph-description-flavour{
	font-size: 12px;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: 2;
	letter-spacing: normal;
	color: #a6adb1;
	width: 300px;
	margin-bottom: 2em;
	display: block;
	text-decoration: none;
}

.gallery-odd .gallery-cryptograph-description-flavour{
	margin-left: auto;
}



.gallery-footer{
	height: max-content;
	width: 100%;
	background-color: #02264e;
	z-index: 3;
	padding-bottom: 100vh;
}

.gallery-footer-sizer{
	width: 80%;
	margin-left: 10%;
	padding-top: 10vh;
	height: max-content;
	position: relative;
	padding-bottom: 180px;
}


@media (max-width: 767px){
	.gallery-footer{
		height: initial;
		overflow: hidden;
		padding-bottom: 0vh;
	}
	
	.gallery-cryptograph-description-creation{
		font-size:16px;
	}
	
	.gallery-footer-sizer{
		padding-bottom: 50px;
	}
	
}


.gallery-footer-titling{
	font-size: 30px;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 1px;
	color: #ffffff;
	margin-bottom: 50px;
}

.gallery-footer-columnbox{
	display: flex;
}

.gallery-footer-column{
	width: 45%;
	margin-left: 2.5%;
	margin-right: 2.5%;
}

.gallery-footer-gallerybox{
	display: flex;
	align-items: flex-start;
	width: 100%;
	color: #ffffff;
	border: solid 2px rgba(255, 255, 255, 1);
	border-left: 0px;
	border-right: 0px;
	border-top : 0px;
	margin-bottom: 40px;
}

.gallery-footer-gallerybox:hover{
	color: #4a90e2;
	border-color: #4a90e2;
	cursor: pointer;
}

.gallery-footer-gallerybox.active{
	color: #4a90e2;
	border-color: #4a90e2;
}

.gallery-footer-gallery-number{
	font-size: 45px;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	/* margin-right: 15px; */
	display:none;
}

.gallery-footer-gallery-namebox{
	margin-bottom: 0px;
}

.gallery-footer-gallery-name{
	font-size: 18px;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	line-height: 2.0;
	letter-spacing: 0.6px;
	margin-top: 0px;
}

.gallery-footer-gallery-room-number{
	font-size: 10px;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 1px;
	margin-top: -24px;
	display: none;
}

.footer-bottom-text{
	width:100%;
	position: absolute;
	bottom: 0;
	height: 100px;
}

.footer-social-media-icon-position{
	position: absolute;
	top: 10px;
	right: 0;
	max-width: 330px;
	height: 40px;
}

.footer-bottom-spacer{
	margin-left: 0.5em;
	margin-right: 0.5em;
}

.footer-bottom-links{
	display: flex;
	font-family: Montserrat;
	font-size: 14px;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 1.1px;
	color: #dfe1e0;
}

@media (max-width: 767px){
	
	.gallery-footer-gallerybox{
		width: 90%;
	}
	
	.gallery-footer-titling{
		font-size: 20px;
	}
	
	
	.gallery-footer-sizer{
		margin-left: 5%;
		width: 90%;
		padding-top: 40px;
		height: 100%;
	}
	
	.gallery-footer-columnbox{
		flex-direction: column;
	}
	
	.gallery-footer-column{
		width: 100%;
	}
	
	.footer-bottom-text{
		width: 100%;
		position: relative;
		bottom: 0;
		height: initial;
		margin-top: 20px;
		margin-bottom: 13px;
	}
	
	.footer-social-media-icon-position{
		position: relative;
		top: 10px;
		right: initial;
		width: 100%;
		height: 60px;
		margin-bottom: 20px;
	}
	
	.social-media-icon-list{
		display: flex;
		justify-content: space-evenly;	
	}
	
	.footer-bottom-spacer{
		display : none;
	}
	
	.footer-bottom-links{
		display: flex;
		flex-direction: column;
		font-size: 14px;
	}
	
	.footer-bottom-links .inherit-a{
		display: block;
		margin-bottom: 1em;
	}
	
	.bottom-menu-text{
		margin-top: 3em;
		flex-direction: column-reverse;
		margin-bottom: 20px;
	}
	
	.bottom-menu-text div{
		margin-right: 0px;
	}
}

.gallery-cryptograph-description-serial::before{
	content: " — ";
	font-size: 12px;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 2px;
	color: #5d6a7b;
	margin-bottom: 2px;
}

.mobile-authentificate{
	display: none;
}

@media (min-width: 768px){
	
	.gallery-odd{
		padding-right: 5%;
	}
	
	.gallery-odd .gallery-cryptograph-description-container .gallery-cryptograph-description-serial::before{
		content: "";
	}
	
	.gallery-odd .gallery-cryptograph-description-container .gallery-cryptograph-description-serial::after{
		font-size: 12px;
		font-weight: 600;
		font-style: normal;
		font-stretch: normal;
		line-height: normal;
		letter-spacing: 2px;
		color: #5d6a7b;
		margin-bottom: 2px;
		content: " — ";
	}
	
}


@media (max-width: 1500px){
	
	.gallery-cryptograph-flexbox{
		padding-left: 5%;
	}
	.gallery-cryptograph-flexbox.gallery-odd{
		padding-left: 0%;
		
	}
	
	.gallery-cryptograph-description-container{
		padding: 10px;
		margin-right: 30px;
		margin-left: 30px;
	}
	
	.gallery-cryptograph-img-container{
		max-width: 50%;
	}
	
	
}

@media (max-width: 767px){
	.gallery-cryptograph-flexbox{
		flex-direction: column;
		padding-top: 10%;
		padding-left: 0;
	}
	
	.gallery-cryptograph-flexbox.gallery-odd{
		flex-direction: column-reverse;
	}
	
	.gallery-cryptograph-img-container{
		width: 90%;
		height: auto;
		max-height: 600px;
		max-width: 90%;
		margin-top:1em;
	}
	
	.cryptograph-gallery-video{
		min-height: 100%;
		min-width: 100%;
		max-height: 100%;
		right: 0;
		bottom: 0;
		transform: translateX(calc((100% - 90vw)/2));
		position: absolute;
	}
	
	.gallery-cryptograph-img-content{
		margin-left: auto;
		margin-right: auto;
		max-height: 100%;
		max-width: 90vw;

	}
	
	.gallery-odd .gallery-cryptograph-img-container .gallery-cryptograph-img-content{
		margin-left: auto;
		margin-right: auto;
	}
	
	.gallery-cryptograph-description-container{
		padding-top: 1em;
		margin-left: 0px;
		margin-right: 0px;
		width: 70%;
	}
	
	.gallery-cryptograph-description-creation{
		margin-top: 1.5em;
		margin-bottom: 0.5em;
	}
	
	.gallery-cryptograph-description-flavour{
		width: 90%;
	}
	
	.gallery-odd .gallery-cryptograph-description-container div{
		text-align: initial;
		margin-left: 0;
		margin-right: 0;
	}
	
	.mobile-authentificate{
		display: flex;
		width: 70%;
		height: 35px;
		border-radius: 2px;
		border: solid 2px rgba(223, 225, 224, 0.5);
		background-color: #fff;
		margin-left: 15%;
		margin-top: 2em;
		margin-bottom: 5em;
		font-family: Montserrat;
		font-size: 12px;
		font-weight: 600;
		font-style: normal;
		font-stretch: normal;
		line-height: normal;
		letter-spacing: normal;
		color: #4a90e2;
		text-align: center;
		padding-left: 10px;
		padding-right: 10px;
		align-items: center;
	}
	
	.mobile-authentificate:hover{
		cursor: pointer;
	}
	
	.mobile-authentificate-icon{
		width: 20px;
		height: 20px;
		background-image: url('/assets/style/qrcode.svg');
		background-position: 50% 50%;
		background-repeat : no-repeat;
		background-size: contain;
	}
	
	.mobile-authentificate-text{
		width: 80%;
	}
}

/*
	
	Parallaxing
	
*/

.section {
	position: absolute;
}

.screenwide{
	width: 100vw;
}


@media (max-width:767px){
	.body-parallaxing{
		overflow:initial;
		position:relative;
	}
	
	.section-parallaxing{
		height: auto;
	}
	
	.section{
		position: static;
	}
}

@media (min-width:768px){
	.body-parallaxing{
		overflow:hidden;
	}
}



.gallery-item{
	width: 100vw;
	display: block;
	position: relative;
	padding-left: 20px;
}


.background-lines-light{
	width: 100%;
	height: 1000vh;
	margin-bottom: -900vh;
	background-image: url('/assets/media/BackgroundLinesLight.png');
	background-position: 50% 0%;
	background-repeat : repeat-y;
	background-size: contain;
	z-index: -1;
}


@media (max-width: 767px){
	.screenwide{
		width: 100%;
	}
	
	.gallery-item{
		width: 100%;
		padding-left: 0px;
	}
	
	.background-lines-light{
		width: 100%;
		height: 100vh;
		background-image: url('/assets/media/BackgroundLinesLight.svg');
		background-position: 0% 0%;
		background-repeat : no-repeat;
		background-size: cover;
		z-index: -100;
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
	}
}

/*
	
	Navigating
	
	//Blue
	#4a90e2;
	4a90e2ff
	
	//Light Grey
	#a6adb1
	a6adb1ff
	
	//Dark Grey
	#3f4a58
	3f4a58ff
	
	
*/

.button-bar-gallery{
	position: fixed;
	height: 100vh;
	width: 40px;
	display: flex;
	top: 0;
	right: auto;
	left: 20px;
	z-index: 2;
	flex-direction: column;
	justify-content: center;
	text-align: center;
}

.button-bar-gallery-label{
	text-align: center;
	font-size: 18px;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 0.6px;
	color: #3f4a58;
	margin-top: 5px;
	margin-bottom: 5px;
	position: relative;
}

.button-bar-gallery-label:hover{
	cursor: pointer;
}

@media (max-width: 767px){
	.button-bar-gallery{
		display: none;
	}
}

.button-bar-gallery-label-logo{
	height: 25px;
	width: 25px;
	background-position: 50% 0%;
	background-repeat: no-repeat;
	background-size: contain;
	background-image: url("/assets/style/logo-darkgrey.svg");
	margin-left: auto;
	margin-right: auto;
}

.button-bar-gallery-label:active .button-bar-gallery-label-logo{
	background-image: url("/assets/style/logo-darkgrey.svg");
}

.button-bar-gallery-label:hover .button-bar-gallery-label-logo{
	background-image: url("/assets/style/logo-blue.svg");
}

.button-bar-gallery-label-hexagon{
	height: 15px;
	width: 15px;
	background-position: 50% 0%;
	background-repeat: no-repeat;
	background-size: contain;
	background-image: url("/assets/style/hexagon-lightgrey.svg");
	margin-left: auto;
	margin-right: auto;
	transform: rotate(30deg);
}

.button-bar-gallery-label:hover .button-bar-gallery-label-hexagon{
	background-image: url("/assets/style/hexagon-blue.svg");
}

.button-bar-gallery-label.active .button-bar-gallery-label-hexagon{
	background-image: url("/assets/style/hexagon-filled.svg");
}


.button-bar-gallery-label.active:hover .button-bar-gallery-label-hexagon{
	background-image: url("/assets/style/hexagon-filled-blue.svg");
}

.nav-desc-box{
	position: absolute;
	top: -1.0em;
	left: 2.5em;
	width: max-content; /*Override in each object style*/
	height: 3em;
	background-color: #ffffff;
	border-radius: 4px;
	box-shadow: 0px 0px 3px 3px rgba(0,0,0,0.2);
	padding-left:15px;
	font-size: 16px;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.11;
	letter-spacing: normal;
	color: #3f4a58;
	align-items:center;
	display: none;
	padding-right: 15px;
}

.button-bar-gallery-label:hover .nav-desc-box{
	display: flex;
}

.nav-desc-box-issue-number{
	font-size: 12px;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 2px;
	color: #5d6a7b;
	margin-right: 1em;
	margin-left: 0.5em;
	white-space: nowrap;
}


/*
	
	MENU
	
*/


.cryptograph-menu{
	top: 0;
	position: fixed;
	width: 100%;
	height: 100vh;
	background-color: #02264e;
	z-index: 1000;
	display: none;
	pointer-events: auto;
}

.mobile-menu-collection-container{
	height: max-content;
}

.cryptograph-menu-content{
	padding-top: 64px;
}

.cryptograph-menu-headbar{
	display: flex;
}

.menu-X-close{
	text-align: center;
	font-size: 36px;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 0.6px;
	color: #ffff;
}

.menu-X-close:hover{
	color: #ffff;
	color: #4a90e2;
	cursor: pointer;
}

.cryptograph-menu-container{
	display: flex;
	margin-top: 10vh;
	justify-content: space-evenly;
}

.menu-left-column{
	width: 30%;
}

@media (min-width: 767px){
	.menu-left-column{
		max-height: 600px;
		overflow: auto;
		padding-right: 20px;
	}	
}

.menu-right-column{
	width: 20%;
}

.menu-right-options{
	opacity: 0.9;
	font-family: Montserrat;
	font-size: 18px;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	line-height: 2.78;
	letter-spacing: 1.3px;
	color: #dfe1e0;
}

.menu-options-elem:hover{
	cursor: pointer;
	color: #4a90e2;
}

.bottom-menu-text{
	font-family: Montserrat;
	font-size: 10px;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: 2;
	letter-spacing: normal;
	color: #dfe1e0;
	display: flex;
}

.bottom-menu-text div a:hover {
	color: #4a90e2;
}

.footer-bottom-links a:hover{
	color: #4a90e2;
}

.bottom-menu-text-sizer{
	margin-left: 12.5%;
	margin-top: 20px;
}

.bottom-menu-text div{
	margin-right:10px;
}

.inherit-a{
	color:inherit;
	text-decoration: inherit;
}

.inherit-a:hover{
	cursor:pointer;
}

.social-media-icon-list{
	display: flex;
	max-width: 275px;
	flex-wrap: wrap;
}

.social-media-icon{
	height: 45px;
	width: 45px;
	background-repeat: no-repeat;
	background-size: contain;
	margin-right: 10px;
	margin-bottom: 10px;
}

.social-media-icon:hover{
	cursor:pointer;
}

.social-media-icon.twitter{
	background-image: url("/assets/style/twitter-logo-white.svg");
}

.social-media-icon.sbook{
	background-image: url("/assets/style/facebook-logo-white.svg");
}

.social-media-icon.insta{
	background-image: url("/assets/style/instagram-logo-white.svg");
}

.social-media-icon.reddit{
	background-image: url("/assets/style/reddit-logo-white.svg");
}

.social-media-icon.discord{
	background-image: url("/assets/style/discord-logo-white.svg");
}

.social-media-icon.medium{
	background-image: url("/assets/style/Medium1.png");
}

.social-media-icon.cent{
	background-image: url("/assets/style/Cent1.png");
}

.social-media-icon.cryptovoxels{
	background-image: url("/assets/style/CryptoVoxels1.png");
}




.social-media-icon.twitter:hover{
	background-image: url("/assets/style/twitter-logo-blue.svg");
}

.social-media-icon.sbook:hover{
	background-image: url("/assets/style/facebook-logo-blue.svg");
}

.social-media-icon.insta:hover{
	background-image: url("/assets/style/instagram-logo-blue.svg");
}

.social-media-icon.reddit:hover{
	background-image: url("/assets/style/reddit-logo-blue.svg");
}

.social-media-icon.discord:hover{
	background-image: url("/assets/style/discord-logo-blue.svg");
}

.social-media-icon.medium:hover{
	background-image: url("/assets/style/Medium2.png");
}

.social-media-icon.cent:hover{
	background-image: url("/assets/style/Cent2.png");
}

.social-media-icon.cryptovoxels:hover{
	background-image: url("/assets/style/CryptoVoxels2.png");
}


.menu-inner-flex{
	display: flex;
	justify-content: flex-end;
	padding-right: 70px;
}

.menu-right-hand{
	width: calc(100% - 245px);
}

.mobile-view-a-collection-menu{
	display: none;
	font-size: 18px;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 1.1px;
	color: #dfe1e0;
}

.social-media-icon-list.--menu{
	margin-top: 50px;
}

@media (max-width: 767px){
	
	.menu-right-options {
		font-size: 18px;
		font-weight: 600;
		font-style: normal;
		font-stretch: normal;
		line-height: normal;
		letter-spacing: 1.1px;
		color: #dfe1e0;
	}
	
	.menu-options-elem{
		display: block;
		margin-bottom: 0em;
	}
	
	.cryptograph-menu{
		padding-top: 10px;
	}
	
	#menuLogo{
		top: 15px;
	}
	
	.cryptograph-menu-content{
		padding-top: 0px;
	}
	
	.menu-inner-flex{
		display: flex;
		justify-content: flex-start;
		padding-left: 1em;
	}
	
	.menu-X-close{
	}
	
	
	.menu-right-hand{
		width: 100%;
	}
	
	.cryptograph-menu-container{
		flex-direction: column;
		padding-left: 5%;
		padding-right: 5%;
		margin-top: 30px;
	}
	
	.menu-left-column{
		width: 100%;
	}
	
	.mobile-view-a-collection-menu{
		display: block;
		margin-bottom: 1em;
	}
	
	.gallery-footer-gallery-number{
		font-size: 30px;
	}
	
	.gallery-footer-gallery-name{
		font-size: 14px;
		line-height: 2.5;
	}
	
	.mobile-menu-collection-container{
		margin-top: 10px;
		display: none;
	}
	
	.social-media-icon-list.--menu{
		margin-top: 40px;
		display: flex;
		justify-content:space-evenly;
	}
	
	.menu-right-column{
		width: 100%;
	}
	
	.social-media-icon{
		margin-right: 0px;
	}
	
	.mobile-menu-chevron{
		position: relative;
		width: 10px;
		height: 9px;
		display: inline-block;
		background-repeat: no-repeat;
		background-position: bottom;
		left: 5px;
	}
	
	.mobile-menu-chevron.down{
		background-image: url("/assets/style/currency-chevron-down.svg");
	}
	
	.mobile-view-a-collection-menu-span:hover .mobile-menu-chevron.down{
		background-image: url("/assets/style/currency-chevron-down-electric.svg");
	}
	
	.mobile-view-a-collection-menu-span.active .mobile-menu-chevron.down{
		background-image: url("/assets/style/currency-chevron-down-electric.svg");
	}
	
	.mobile-menu-chevron.up{
		background-image: url("/assets/style/currency-chevron-up.svg");
	}
	
	.mobile-view-a-collection-menu-span:hover .mobile-menu-chevron.up{
		background-image: url("/assets/style/currency-chevron-up-electric.svg");
	}
	
	.mobile-view-a-collection-menu-span.active .mobile-menu-chevron.up{
		background-image: url("/assets/style/currency-chevron-up-electric.svg");
	}
	
	.mobile-view-a-collection-menu-span.active{
		color: #4a90e2;
	}
}

/* 
	==============================================================================================
	
	CRYPTOGRAPH DETAILS SPECIFIC CSS 
	
	==============================================================================================
*/


.cryptograph-details-top{
	position: relative;
	height: 100vh;
	width: 100%;
	margin-top: 0;
	z-index: 1;
	background-color: #02264e;

}

.about-blue-topper{
	z-index: -2;
}

.cryptograph-details-top-video-container{
	position: absolute;
	top:0;
	left:0;
	right: 0;
	bottom: 0;
	overflow: hidden;
	z-index: 0;
}

.cryptograph-details-top-video{
	height: 100%;
	width: 177.777777777vh;
	min-width: 100%;
	min-height: 56.25vw;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	position: absolute;
}

@media (max-width: 767px){
	.cryptograph-details-top-video{
		height: 100%;
		width: 56.25vh;
		min-width: 100%;
		min-height: 177.777777777vw;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
		position: absolute;
	}
}

.artist-name-detail-page{
	margin-top: 0;
	position: absolute;
	left: 120px;
	bottom: calc(9vh + 100px);
}

.cryptograph-background-grey{
	position: fixed;
	top:0;
	left:0;
	right: 0;
	bottom: 0;
	background-color: #fafafa;
	z-index: -1;
}

.cryptograph-background-lines{
	background-image: url('/assets/media/BackgroundLinesLight.svg');
	background-position: 50% 0%;
	background-repeat : repeat-y;
	background-size: cover;	
	width: 100%;
	height: 100%;
}


.cryptograph-details-body{
	width: 100%;
}



.cryptograph-card-container{
	width: 70%;
	margin-left:15%;
	margin-top: 180px;
}

.cryptograph-card-datacard-issue-number-aligner{
	display: flex;
	align-items: center;
	margin-top: 10px;
}

.cryptograph-card-container-flex{
	width: 100%;
	display: flex;
}


.cryptograph-card-container-flex-left{
	width: 50%;
}

.cryptograph-card-img-container{	
	width: 100%;
	max-width: 65vh;
	position: relative;
}

.cryptograph-card-img-link{
	display:block;
}

.cryptograph-card-img-content{
	object-fit: contain;
	width: 100%;
	height: auto;
	overflow: hidden;
	border-radius: 6px;
	z-index:0;
}

.cryptograph-card-item-type-container{
	padding-top: 40px;
	width: 100%;
	display: flex;
	align-items: baseline;
	position: relative;
}

.cryptograph-card-item-type-text{
	font-family: Montserrat;
	font-size: 12px;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 0.5px;
	color: #5d6a7b;
	margin-right: 10px;
}

.cryptograph-card-item-type-type{
	font-family: Montserrat;
	font-size: 16px;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 1px;
	color: #444e5c;
	margin-right: 10px;
}

.cryptograph-card-item-type-type a{
	color: #444e5c;
}

.cryptograph-card-item-type-edition{
	font-family: Montserrat;
	font-size: 12px;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 1px;
	color: #5d6a7b;
}

.cryptograph-card-item-owner-container{
	padding-top: 10px;
	width: 100%;
	display: flex;
	align-items: baseline;
	padding-bottom: 10px;
}

#datacardloadinghidden{
	padding-top: 20px;
}

.cryptograph-card-item-owner-avatar{
    border-radius: 10px;
    overflow: hidden;
    width: 20px;
    height: 20px;
    margin-right: 5px;
	position: relative;
	top: 5px;
	
}

.cryptograph-card-item-owner-avatar-img{
	position: relative;
	top: 5px;
	width: 100%;
	height: 100%;
}

.cryptograph-card-container-flex-right{
	width: 50%;
	margin-left: 5%;
	min-width: 445px;
}



@media (max-width: 767px){
	
	
	.cryptograph-card-container-flex{
		flex-wrap: wrap;
	}
	
	.cryptograph-card-container-flex-right{
		width: 100%;
		margin:0;
		min-width: auto;
		padding-right: 2%;
	}
	
	.cryptograph-card-container-flex-left{
		width: 100%;
		margin-bottom: 0px;
	}
	
	
}

.cryptograph-card-datacard{
	border-radius: 6px;
	border: solid 1px rgba(0, 0, 0, 0.1);
	background-color: #ffffff;
	width: 100%;
	padding-top: 30px;
	max-width: 600px;
}

@media (max-width: 767px){
	.cryptograph-card-datacard{
		margin-top: 50px;
	}
	.cryptograph-card-datacard-experience{
		margin-top: 50px;
	}
}

.cryptograph-card-datacard-experience{
	border-radius: 6px;
	border: solid 1px rgba(0, 0, 0, 0.1);
	background-color: #ffffff;
	width: 100%;
	padding-top: 30px;
	margin-top: 50px;
	max-width: 600px;
}

.cryptograph-card-datacard-title{
	font-size: 45px;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.22;
	letter-spacing: normal;
	color: #02264e;
	margin-left: 7%;
	padding-right: 7%;
}

.cryptograph-card-datacard-experience-title{
	font-size: 25px;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.22;
	letter-spacing: normal;
	/* color: #02264e; */
	color: rgb(221, 189, 4);
	margin-left: 7%;
	padding-right: 7%;
}

.cryptograph-card-datacard-issue-number{
	font-size: 12px;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 2px;
	color: #5d6a7b;
	margin-left: 7%;
	margin-top: 15px;
}

.cryptograph-card-datacard-highest-bid-container{
	margin-top: 20px;
	display: flex;
	align-items: baseline;
	margin-left: 7%;
}

.cryptograph-card-datacard-highest-bid-text{
	font-size: 12px;
	font-family: Montserrat;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 0.5px;
	color: #5d6a7b;
	width: 30%;
}

.cryptograph-card-datacard-highest-bid-text.thouart{
	color: #029c5e;
	width: 90%;
	font-weight: 600;
}

.cryptograph-card-datacard-highest-bid-value{
	font-size: 20px;
	font-family: Montserrat;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #444e5c;
}

.cryptograph-card-datacard-highest-bid-currency{
	margin-left:5px;
	font-size: 18px;
	font-family: Montserrat;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 1.4px;
	color: #444e5c;
}

.cryptograph-card-datacard-highest-bid-numbers{
	font-size: 12px;
	font-family: Montserrat;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 1px;
	color: #5d6a7b;
	margin-left: 10px;
}

.cryptograph-card-datacard-highest-bidder-container{
	margin-top: 15px;
	display: flex;
	align-items: baseline;
	margin-left: 7%;
	padding-bottom: 30px;
}

.cryptograph-card-datacard-highest-bidder-text{
	font-size: 12px;
	font-family: Montserrat;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 0.5px;
	color: #5d6a7b;
	width: 30%;
}

.cryptograph-card-datacard-highest-bidder-text-intraflex{
	display: flex;
}

.cryptograph-card-datacard-highest-bidder-text-avatar{
	border-radius: 10px;
	overflow: hidden;
	width: 20px;
	height: 20px;
	margin-top: -3px;
	margin-right: 5px;
}

.cryptograph-card-datacard-highest-bidder-name{
	font-size: 16px;
	font-family: Montserrat;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 1px;
	color: #444e5c;
	
}

.cryptograph-card-datacard-highest-bidder-name a{
	color: #444e5c;
	font-weight: 300;
}

.place-bid-button{
	margin-left: 7%;
	width: 86%;
	background-color: #4a90e2;
	border-radius: 2px;
	margin-top: 10px;
	text-align: center;
	font-family: Montserrat;
	font-size: 18px;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 1.1px;
	color: #ffffff;
	padding-top:24px;
	padding-bottom: 24px;
}

.place-bid-button.disabled{
	background-color: #e5e5e5;
	pointer-events: none;
}

.place-bid-button.retract{
	color: #4a90e2;
	background-color: #ffffff;
	border: solid 1px rgba(74,144,226, 1.0);
}

.place-bid-button.win{
	color: #ffffff;
	background-color: #029c5e;
}

.place-bid-button.gift{
	color: #ffffff;
	background-color: #70bbc5 ;
}

.place-bid-button.cancel{
	color: #ffffff;
	background-color: #c35c5c;
	border-color: #c35c5c;
}


.place-bid-button:hover{
	cursor: pointer;
}

.cryptograph-card-datacard-asking-price-container{
	display: flex;
	align-items: baseline;
}

.cryptograph-card-datacard-asking-price-container-left{
	display: flex;
	align-items: baseline;
	padding-left: 7%;
	width: 50%;
}


.cryptograph-card-datacard-asking-price-container-right{
	display: flex;
	align-items: baseline;
}



.cryptograph-card-datacard-asking-price-text{
	font-family: Montserrat;
	font-size: 12px;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 0.5px;
	color: #5d6a7b;
	width : 30%;
}

.cryptograph-card-datacard-asking-price-amount{
	font-family: Montserrat;
	font-size: 16px;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 1px;
	color: #444e5c;
}

.cryptograph-card-datacard-asking-price-currency{
	font-family: Montserrat;
	font-size: 12px;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 0.8px;
	color: #444e5c;
}

.cryptograph-card-datacard-asking-price-container-right{
	width: 43%;
}

.cryptograph-card-datacard-time-left-text{
	font-family: Montserrat;
	font-size: 12px;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 0.5px;
	color: #5d6a7b;
	width: 70px;
}

.cryptograph-card-datacard-time-left-amount{
	font-family: Montserrat;
	font-size: 16px;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 1px;
	color: #444e5c;
}

.cryptograph-card-datacard-asking-price-container{
	flex-wrap: wrap;
}

.cryptograph-card-datacard-asking-price-container-left{
	margin-top: 25px;
	width: 100%;
}

.cryptograph-card-datacard-asking-price-container-right{
	margin-top: 30px;
	width: 100%;
	padding-left: 7%;
}

.cryptograph-card-datacard-experience-container{
	margin-top: 30px;
	width: 86%;
	padding-left: 7%;
	padding-bottom: 7%;
	color: #5d6a7b;
}


.cryptograph-card-datacard-asking-price-text{
	width: 30%;
}

@media (max-width: 767px){
	.cryptograph-card-datacard-asking-price-text{
		width: 60%;
	}
	
	.cryptograph-card-datacard-highest-bidder-name{
		font-size: 14px;
	}
}


.cryptograph-card-datacard-time-left-text{
	width: 60%;
}


.cryptograph-card-datacard-bottom-container{
	margin-top: 30px;
	background-color: rgba(1, 25, 52, 0.02);
	opacity: 1.0;
	display: flex;
	height: 70px;
}

.cryptograph-card-datacard-autenticate{
	opacity: 1.0;
	border-top: solid 2px rgba(0, 0, 0, 0.02);
	border-right: solid 1px rgba(0, 0, 0, 0.02);
	width: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.cryptograph-card-datacard-bottom-container:hover{
	cursor: pointer;
}

.cryptograph-card-datacard-watch{
	opacity: 1.0;
	border-top: solid 2px rgba(0, 0, 0, 0.02);
	border-left: solid 1px rgba(0, 0, 0, 0.02);
	width: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
}


.cryptograph-card-datacard-autenticate-icon{
	height: 15px;
	width: 15px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: initial;
	background-image: url("/assets/style/qrcode.svg");
	margin-left: 10px;
}

.cryptograph-card-datacard-autenticate-text{
	margin-left: 10px;
	font-family: Montserrat;
	font-size: 12px;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 1px;
	color: #4a90e2;
	text-align: center;
}

.cryptograph-card-datacard-watch-icon{
	height: 15px;
	width: 15px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: initial;
	background-image: url("/assets/style/star.svg");
}

.cryptograph-card-datacard-watch-icon.watched{
	background-image: url("/assets/style/starfull.svg");
}

.cryptograph-card-datacard-watch-text{
	margin-left: 10px;
	font-family: Montserrat;
	font-size: 12px;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 1px;
	color: #4a90e2;
}

.cryptograph-details-description-container{
	width: 40%;
	margin-left: 30%;
	margin-top: 200px;
	position: relative;
	min-height: 300px;
	overflow: hidden;
	z-index:0;
}

@media (max-width: 1365px){
	.cryptograph-details-description-container{
		width: 60%;
		margin-left: 20%;
		min-height: 250px;
	}
}

.cryptograph-details-description-title{
	font-family: Montserrat;
	font-size: 30px;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.33;
	letter-spacing: normal;
	color: #02264e;
}
.cryptograph-details-description-paragraph-container{
	padding-top: 30px;
	display:flex;
}

.cryptograph-details-description-paragraph-dash {
    width: 10%;
    height: 17px;
    margin-left: 5%;
    border-bottom: 2px solid #dfe1e0;
	margin-right: 10px;
}

.cryptograph-details-description-paragraph-text{
	width: 80%;
	font-family: Montserrat;
	font-size: 16px;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: 2.81;
	letter-spacing: normal;
	color: #5d6a7b;
}


.cryptograph-quote-container{
	min-height: 400px;
	padding-left: 30%;
	position: relative;
	width: 40%;
	margin-top: 0px;
	z-index:0;
}

.cryptograph-quote-name{
	font-family: Montserrat;
	font-size: 12px;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 2px;
	color: #5d6a7b;
}

.cryptograph-quote-quote-codec{
	font-family: Montserrat;
	font-size: 25px;
	font-weight: 200;
	font-style: normal;
	font-stretch: normal;
	line-height: 2.2;
	letter-spacing: normal;
	color: #011934;
}

.cryptograph-signature-bg{
	position: absolute;
	right: 0px;
	bottom: 0px;
	height: 300px;
	width: 100%;
	z-index: -1;
}

.cryptograph-card-img-eyebox{
	width: 120px;
	height: 120px;
	border-radius: 2px;
	position: absolute;
	bottom: calc(50% - 60px);
	left: calc(50% - 60px);
	opacity: 0.5;
}

.cryptograph-card-img-link:hover .cryptograph-card-img-eyebox{
	opacity: 1.0;
}

.cryptograph-card-img-eye-img{
	height: 100%;
	width: 100%;
	background-image:  url("/assets/style/playflat.svg");
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}

.cryptograph-card-img-enlargebox{
	width: 40px;
	height: 40px;
	border-radius: 2px;
	position: absolute;
	bottom: 20px;
	left: 20px;
	opacity: 0.0;
}


.cryptograph-card-img-noisebox{
	width: 40px;
	height: 40px;
	border-radius: 2px;
	position: absolute;
	bottom: 20px;
	right: 20px;
	opacity: 0.0;
}

@media (max-width: 767px){
	.cryptograph-card-img-enlargebox{
		opacity: 0.5;
	}	
	
	.cryptograph-card-img-noisebox{
		opacity: 0.5;
	}
}


.cryptograph-card-img-enlargebox-selflink{
	width: 40px;
	height: 40px;
	border-radius: 2px;
	position: absolute;
	bottom: 20px;
	left: 20px;
	opacity: 0.5;
}

.cryptograph-card-img-enlargebox-selflink-iframe{
	width: 23px;
	height: 23px;
	border-radius: 2px;
	position: absolute;
	bottom: 25px;
	left: 135px;
	opacity: 0.5;
}

.cryptograph-card-img-enlargebox-selflink:hover, 
.cryptograph-card-img-enlargebox-selflink-iframe:hover{
	opacity: 1.0;
}

.cryptograph-card-img-link:hover .cryptograph-card-img-enlargebox{
	opacity: 1.0;
}

.cryptograph-card-img-link:hover .cryptograph-card-img-noisebox{
	opacity: 1.0;
}

.cryptograph-card-img-enlargebox-img{
	height: 100%;
	width: 100%;
	background-image:  url("/assets/style/enlargeIcon.png");
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}

.cryptograph-card-img-noisebox-img-mute{
	height: 100%;
	width: 100%;
	background-image:  url("/assets/style/Speaker_Icon_Mute_Dark.svg");
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}

.cryptograph-card-img-noisebox-img-loud{
	height: 100%;
	width: 100%;
	background-image:  url("/assets/style/Speaker_Icon_Loud_Dark.svg");
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}

/* 
	==============================================================================================
	
	Charity box css
	
	==============================================================================================
*/

.cryptograph-details-charity-container{
	margin-top: 100px;
	width: 60%;
	margin-left: 20%;
	display: flex;
}

.cryptograph-details-charity-left{
	width: 40%;
}

.cryptograph-details-charity-box{
	border-radius: 6px;
	border: solid 1px rgba(223, 225, 224, 0.5);
	overflow: hidden;
	background-color: #ffffff;
}

.cryptograph-details-charity-bg{
	height: 250px;
	width: 100%;
	position: relative;
	background-size: cover;
	background-position: 50% 0%;
}

.cryptograph-details-charity-img{
	width: 100%;
	height: auto;
}

.cryptograph-details-charity-logo{
	border-radius: 4px;
	border: solid 1px rgba(223, 225, 224, 1);
	background-color: #ffffff;
	width: 120px;
	height: 120px;
	position: absolute;
	bottom: -60px;
	left: calc(50% - 60px);
	display: flex;
	align-items: center;
	justify-content: center;
}

.cryptograph-details-charity-logo-img{
	width: 90%;
	height: auto;
}

.cryptograph-details-charity-eth-container{
	margin-top: 80px;
	display: flex;
	align-items: baseline;
	margin-left: 40px;
}

.cryptograph-details-charity-eth-amount{
	font-family: Montserrat;
	font-size: 30px;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.83;
	letter-spacing: normal;
	color: #011934;
	margin-right: 10px;
}

.cryptograph-details-charity-eth-currency{
	font-family: Montserrat;
	font-size: 14px;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 1.1px;
	color: #444e5c;
}

.cryptograph-details-charity-raised{
	margin-left: 40px;
	font-family: Montserrat;
	font-size: 16px;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #444e5c;
}

.cryptograph-details-charity-link{
	margin-top: 40px;
	margin-left: 40px;
	margin-bottom: 35px;
	font-family: Montserrat;
	font-size: 16px;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #00336a;
	text-decoration:none;
}

.cryptograph-details-charity-link-a{
	color: #00336a;
}


.cryptograph-details-charity-right{
	width: 55%;
	margin-left: 5%;
}

.cryptograph-details-charity-whowherehelping{  
	font-family: Montserrat;
	font-size: 18px;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 2px;
	color: #5d6a7b;
	margin-bottom: 13px;
}

.cryptograph-details-charity-name{
	font-family: Montserrat;
	font-size: 30px;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.5;
	letter-spacing: normal;
	color: #02264e;
	margin-bottom: 23px;
}

.cryptograph-details-charity-text{
	font-family: Montserrat;
	font-size: 16px;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: 2.81;
	letter-spacing: normal;
	color: #5d6a7b;
}



/* 
	==============================================================================================
	
	SLIDER SPECIFIC CSS 
	
	==============================================================================================
*/


.cryptograph-details-slider-container{
	margin-top: 200px;
	width: 100%;
	min-height: 700px;
	overflow-x: hidden;
	position: relative;
}

.realslider{
	width: 100%;
	padding-left: 120px;
	display: flex;
	overflow-x: hidden;
	height: 450px;
}

.realslider:hover{
	cursor: url(/assets/style/openhand.png), auto;
}

.realslider.active:hover{
	cursor: url(/assets/style/closedhand.png), auto;
}

.slide{
	max-width: 950px;
	flex-shrink: 0;
	height: 450px;
	background-color: transparent;
	position: relative;
	z-index: 1;
	pointer-events: none;
}

.slide.active{
	pointer-events: auto;
}


.cryptograph-details-slide-contained{
	margin-left: -25px;
	margin-right: -25px;
	padding-left: 75px;
	padding-right: 75px;
	max-width: 850px;
	display: flex;
	justify-content: center;
	z-index: 0;
	position: relative;
}


.cryptograph-details-slide-contained-img{
	height: 450px; 
	object-fit: contain;
	-webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
}


.fakeslider {
	margin-left: 10%;
	width: 80%;
	height: 10px;
	display: flex;
	overflow-x: scroll;
	-webkit-overflow-scrolling: auto;
	/* scroll-snap-type: x mandatory; */
	/* scroll-behavior: smooth; */
	scrollbar-color: #00336a #e0e7ed;
	scrollbar-width: thin;
	position: absolute;
	top: 500px;
	z-index: 0;
}


.fakeslider::-webkit-scrollbar {
    height: 6px;
}

.fakeslider::-webkit-scrollbar-track {
	background-color:#e0e7ed;
}

.fakeslider::-webkit-scrollbar-thumb {
	background-color:#00336a;
}

.fakeslide {
	width: 950px;
	flex-shrink: 0;
	height: 100%;
	background-color: transparent;
	position: relative;
	z-index: -1;
}

.fakeslider > div {
	scroll-snap-align: start;
}

.cryptograph-details-slide-contained{
	position: relative;
	z-index: 2;
}




/* 
	==============================================================================================
	
	OWNERS MARK 
	
	==============================================================================================
*/

.cryptograph-details-owners-mark-container{
	margin-top: 100px;
}  

.cryptograph-details-owners-mark-title{
	text-align: center;
	font-family: Montserrat;
	font-size: 30px;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.83;
	letter-spacing: normal;
	color: #02264e;
	margin-bottom: 30px;
}

.cryptograph-details-owners-mark-row{
	display: flex;
	align-items: baseline;
	justify-content: center;
	margin-bottom: 200px;
	width: 100%;
	flex-wrap: wrap;
}

.cryptograph-details-owners-mark-mark{
	text-align: center;
	font-family: Montserrat;
	font-size: 12px;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 2px;
	color: #5d6a7b;
}

.cryptograph-details-owners-mark-dot{
	margin-left: 30px;
	margin-right: 30px;
	color: #dfe1e0;
}


/* 
	==============================================================================================
	
	GENERIC FOOTER
	
	==============================================================================================
*/

.generic-footer{
	background-color: #02264e;
	position: relative;
	padding-top: 100px;
	padding-left: 65px;
	padding-bottom: 100px;
	overflow: hidden;
}


.footer-social-media-icon-position-generic{
	position: absolute;
	top: 90px;
	right: 5%;
	height: 40px;
}

/* 
	==============================================================================================
	
	ABOUT SPECIFIC CSS 
	
	==============================================================================================
*/


.about-lines-topper{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-image:  url("/assets/style/lines-create-lightgrey.svg");
	background-size: cover;
	background-position: center;
	z-index: -3;
}

.about-own{
	margin-top: 0;
	padding-top: 40vh;
	padding-left: 15%;
	padding-right: 5%;
}

.about-topper-image{
	position: absolute;
	height: 60vh;
	left: 45%;
	top: 150px;
	right: 100px;
	z-index: -1;
}

.cryptograph-about-first-title{
	margin-top: 200px;
	margin-left: 25%;
	font-family: Montserrat;
	font-size: 70px;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.43;
	letter-spacing: -1px;
	color: #02264e;
}

.cryptograph-about-body{
	width: 100%;
}

.cryptograph-about-description-container{
	width: 40%;
	margin-left: 30%;
	padding-top: 70px;
}

.cryptograph-about-description-paragraph-text{
	width: 80%;
	font-family: Montserrat;
	font-size: 16px;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: 2.81;
	letter-spacing: normal;
	color: #5d6a7b;
	text-align: justify;
	margin-bottom: 60px;
}

.cryptograph-about-collage{
	width: 100%;
	overflow-x: hidden;
	margin-top: 200px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.cryptograph-about-second-title{
	margin-top: 200px;
	margin-left: 25%;
	font-family: Montserrat;
	font-size: 70px;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.43;
	letter-spacing: -1px;
	color: #02264e;
}

.cryptograph-about-fourth-title{
	margin-top: 100px;
	margin-left: 25%;
	font-family: Montserrat;
	font-size: 70px;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.43;
	letter-spacing: -1px;
	color: #02264e;
}

.cryptograph-about-description-paragraph-learnmore{
	margin-top: 40px;
}

.cryptograph-about-description-paragraph-learnmore a{
	font-family: Montserrat;
	font-size: 16px;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	line-height: 2.81;
	letter-spacing: normal;
	color: #184677;
	text-decoration: none;
}

.cryptograph-about-charity-logos-section{
	margin-top: 150px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	position: relative;
	margin-left: 10%;
	margin-right: 10%;
	width: 80%;
}

.cryptograph-about-charity-logo-container{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 30%;
	height: 20vw;
	background-color: rgba(216, 216, 216, 1);
	margin-bottom: 3.5vw;
}

.cryptograph-about-charity-logo-img{
	max-width: 80%;
	max-height: 70%;
}

.cryptograph-about-bluesection{
	background-color: #02264e;
	width: 100%; 
	padding-top: 100px;
	margin-top: 100px;
}

.cryptograph-about-third-title{
	margin-left: 25%;
	font-family: Montserrat;
	font-size: 70px;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.43;
	letter-spacing: -1px;
	color: #ffffff;
}

.cryptograph-about-description-paragraph-text.whitetext{
	color: #ffffff;
	margin-bottom: 250px;
}

.cryptograph-details-slider-container.about{
	margin-top: -100px;
}

.graph-placeholder{
	width: 80%;
	margin-left: 10%;
	height: auto;
	margin-bottom: 150px;
}

@media (max-width: 767px){
	.graph-placeholder{
		width: 90%;
		margin-left: 5%;
		display: none;
	}
	
}

.about-end-image{
	margin-top: 100px;
	width: 80%;
	margin-bottom: 150px;
	margin-left: 10%;
	height: auto;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

@media (max-width: 1365px){
	.about-end-image{
		width: 90%;
		margin-left: 5%;
	}
	
	.cryptograph-about-description-container {
		width: 60%;
		margin-left: 20%;
		
	}
	
	.cryptograph-about-first-title{
		margin-left: 15%;
	}	
	.cryptograph-about-second-title{
		margin-left: 15%;
	}
	
	.cryptograph-about-third-title{
		margin-left: 15%;
	}
	
	.cryptograph-about-fourth-title{
		margin-left: 15%;
	}
}

@media (max-width: 767px){
	.about-own{
		padding-top: 100px;
	}
	
	.about-topper-image{
		position: relative;
		left: 5%;
		top: auto;
		right: 5%;
		width: 90%;
	}
	
	.about-topper-image-img{
		width: 100%;
	}
	
	.cryptograph-about-first-title{
		font-size: 40px;
		margin-left: 5%;
		margin-top: 80px;
	}
	
	.cryptograph-about-description-container{
		width: 90%;
		margin-left: 5%;
		padding-top: 20px;
	}
	
	.cryptograph-about-description-paragraph-text{
		font-size: 14px;
		margin-bottom: 0px;
		text-align: left;
	}
	
	.cryptograph-about-collage{
		margin-top: 50px;
		width: 100%;
		padding-left: 0%;
	}
	
	.cryptograph-about-second-title{
		font-size: 40px;
		margin-left: 5%;
		margin-top: 80px;
	}
	
	.cryptograph-about-charity-logos-section{
		margin-top: 50px;
		margin-left: 5%;
		margin-right: 5%;
		width: 90%;		
	}
	
	.cryptograph-about-charity-logo-container{
		width: 47.5%;
		height: 30vw;
	}
	
	.cryptograph-about-third-title{
		font-size: 40px;
		margin-left: 5%;
		margin-top: 0px;
	}
	
	.cryptograph-about-description-paragraph-text.whitetext{
		margin-bottom: 150px;
	}
	
	.cryptograph-about-fourth-title{
		font-size: 40px;
		margin-left: 5%;
		margin-top: 80px;
		width: 90%;
	}
	
	.about-end-image{
		width: 90%;
		margin-left: 5%;
		height: auto;
		margin-top: 60px;
		margin-bottom: 60px;
	}
}

/* 
	==============================================================================================
	
	Philanthropy SPECIFIC CSS 
	
	==============================================================================================
*/

.philanthropy-title {
	margin-top: 0;
	padding-top: 210px;
	padding-left: 25%;
}

.philsizerbot{
	height: 200px;
}

.philanthropy-topper-image {
    position: absolute;
    height: 50vh;
    left: 30%;
    top: 350px;
    right: 100px;
	width : 70%;
}

.cryptograph-details-slider-container.philanthropy{
	margin-top: 100px;
}

.philanthropy-topper-image-img{
	max-width: 100%;
	height: auto;
	max-height: 75vh;
}

.philantropy-top{
	height: 100vh;
	width: 100%;
	position: relative;
	background-color: #02264e;
	margin-top: 0;
	z-index: 0;
}

@media (max-width: 767px){
	.philanthropy-title {
		margin-top: 0;
		padding-top: 150px;
		padding-left: 5%;
	}
	
	.philantropy-top{
		height: 500px;
		margin-bottom: 100px;
	}
	
	.philanthropy-topper-image{
		left: 20%;
		width: 80%;
		right: auto;
		height: auto;
		top: 300px;
		max-width: 370px;
	}
	
	.philsizerbot{
		height: 80px;
	}
}

/* 
	==============================================================================================
	
	PLACEBID SPECIFIC CSS 
	
	==============================================================================================
*/

.greyed-fullscreen{
	position: fixed;
	top: 0;
	left: 0;
	background-color: rgba(0,0,0,0.7);
	z-index: 120;
	overflow: hidden;
	height: 100vh;
	width: 100vw;
}


.place-bid-emballage{
	position: absolute;
	top: 0;
	right: 0;
	height: 100vh;
	overflow-y: scroll;
	width: 100%;
}

.overflowhackfuckW3cspec{
	position: absolute;
	top: 0;
	right: 0;
	width: 60%;
	max-width: 700px;
	background-color: #fafafa;
	overflow: visible;
	min-height: 100vh;
}

@media (max-width: 767px){
	.overflowhackfuckW3cspec{
		width: 100%;
		padding-right: 1%;
		max-width: 1000px;
	}
}

.close-place-bid-cross{
	padding-top: 10px;
	margin-left : 35px;
	width: 1em;
	font-family: Montserrat;
	font-size: 36px;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #a6adb1;
}

.close-place-bid-cross:hover{
	color: #a6adb1;
	cursor: pointer;
}


.place-bid-greybox{
	margin-top: 15px;
	margin-left: 5%;
	margin-bottom: 20px;
	width: calc(90% - 3px);
	border-radius: 6px;
	border: solid 1px rgba(0, 0, 0, 0.2);
	background-color: #fafafa;
	position: relative;
	padding-top: 35px;
}



.place-bid-title{  
	font-family: Montserrat;
	font-size: 30px;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #02264e;
	margin-left: 35px;
}

.place-bid-asking-price-container{
	margin-left: 35px;
	display: flex;
	margin-top: 20px;
	flex-wrap: wrap;
	align-items: baseline;
}

.place-bid-asking-price-title{
	width: 130px;
	font-family: Montserrat;
	font-size: 14px;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 0.5px;
	color: #5d6a7b;
}

.place-bid-asking-price-title.set-asking{
	width: 180px;
}

.place-bid-asking-price-title.set-asking:hover{
	cursor: auto;
}

.set-askingprice-explaintome{
	font-family: Montserrat;
	font-size: 14px;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.5;
	letter-spacing: 0.5px;
	color: #5d6a7b;
	padding-left: 35px;
	padding-top: 15px;
	padding-right: 20px;
}


.place-bid-asking-price-amount{
	font-family: Montserrat;
	font-size: 16px;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 1px;
	color: #444e5c;
	margin-right: 0.2em;
}

.place-bid-asking-price-currency{
	font-family: Montserrat;
	font-size: 12px;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 0.8px;
	color: #444e5c;
}

.cryptograph-question-mark-bluebox{
	background-color: #00336a;
	border-radius: 6px;
	padding: 15px;
	position: absolute;
	width: 300px;
	transform-origin: 50% 100%;
	bottom: 40px;
	left: -150px;
	display: none;
}

.cryptograph-question-mark-bluebox-triangle{
	width: 20px;
	height: 20px;
	background-color: #00336a;
	transform-origin: 50% 50%;
	position: absolute;
	bottom: -10px;
	left: 150px;
	transform: rotate(45deg);
}

.cryptograph-question-mark-bluebox-text{
	font-family: Montserrat;
	font-size: 10px;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.9;
	letter-spacing: normal;
	color: #ffffff;
	text-align: justify;
}

.cryptograph-question-mark-container{
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 20px;
	height: 20px;
	border-radius: 10px;
	border: solid 1px rgba(0, 0, 0, 0.2);
}

.cryptograph-question-mark-character{
	font-family: Montserrat;
	font-size: 16px;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #5d6a7b
}

.cryptograph-question-mark-container:hover{
	cursor: pointer;
}

.cryptograph-question-mark-container:hover .cryptograph-question-mark-bluebox{
	display: block;
}

.place-bid-number-input-container{
	display: flex;
	align-items: center;
	margin-left: 35px;
	margin-top: 25px;
	width: calc(100% - 70px);
}

.place-bid-number-input-ici-la-boite{
	max-width: calc(100% - 144px);
	position: relative;
	width: 100%;
}

.place-bid-number-input-input{
	width: calc(100% - 72px);
	border-radius: 2px;
	border: solid 1px rgba(0, 0, 0, 0.1);
	height: 60px;
	font-family: Montserrat;
	font-size: 18px;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #444e5c;
	padding-left: 20px;
	padding-right: 50px;
}

.place-bid-number-input-input:focus{
	border: solid 1px #4a90e2;
}

.place-bid-number-input-currency{
	font-family: Montserrat;
	font-size: 18px;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #a6adb1;
	position: absolute;
	top: 20px;
	right: 10px;
}

.place-bid-number-input-button-box{
	height: 60px;
	width: 60px;
	margin-left: 12px;
	border-radius: 2px;
	border: solid 1px rgba(0, 0, 0, 0.1);
	background-color: #fafbfb;
	display: flex;
	font-family: Montserrat;
	font-size: 48px;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #444e5c;
	align-items: center;
	justify-content: center;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
	user-select: none;
	touch-action: manipulation;
}

.place-bid-number-input-button-box{
	cursor: pointer;
}

.place-bid-minimum-bid-container{
	display: flex;
	align-items: baseline;
	margin-top: 15px;
	margin-left: 35px;
}

.place-bid-minimum-bid-text{
	font-family: Montserrat;
	font-size: 14px;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing:  0.4px;
	color: #5d6a7b;
	width: 130px;
}

.place-bid-minimum-bid-text:hover{
	cursor: pointer;
}

.place-bid-minimum-bid-amount{
	font-family: Montserrat;
	font-size: 14px;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #444e5c;
	margin-right: 5px;
}

.place-bid-minimum-bid-amount:hover{
	cursor: pointer;
}

.place-bid-minimum-bid-amount-alt{
	font-family: Montserrat;
	font-size: 10px;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 0.7px;
	color: #5d6a7b;
	margin-right: 8px;
}

.place-bid-minimum-bid-currency{
	font-family: Montserrat;
	font-size: 10px;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #444e5c;
	margin-right: 10px;
}

.place-bid-minimum-bid-currency:hover{
	cursor: pointer;
}


.place-bid-hr{
	width: 100%;
	border: solid 1px rgba(0, 0, 0, 0.1);
	margin-top: 30px;
	margin-bottom: 30px;
}

.place-bid-estimated-cost-container{
	display: flex;
	align-items: baseline;
	padding-left: 35px;
	width: 100%;
	margin-bottom: 10px;
}

.place-bid-minimal-container{
	align-items: baseline;
	width: 100%;
}

.place-bid-estimated-cost-title{
	width: 150px;
	font-family: Montserrat;
	font-size: 14px;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #5d6a7b;
}

.place-bid-estimated-cost-title.acceptOffer{
	width: 220px;
}

.place-bid-estimated-cost-value-container{
	width: calc(100% - 240px);
	display: flex;
	justify-content: flex-end;
	align-items: baseline;
}

.place-bid-estimated-cost-value-container.acceptOffer{
	width: calc(100% - 310px);
}

.place-bid-estimated-cost-value-content{
	font-family: Montserrat;
	font-size: 14px;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #5d6a7b;
}


.place-bid-percent-return-container{
	position: relative;
	display: flex;
	justify-content: flex-end;
	width: calc(100% - 30px);
	overflow: hidden;
	height: 20px;
	margin-top: 20px;
}

.place-bid-percent-return-percent{
	font-family: Montserrat;
	font-size: 20px;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 0.8px;
	text-align: right;
	color: #029c5e;
}

.place-bid-percent-return-triangle{
	width: 20px;
	height: 20px;
	background-color: #029c5e;
	transform-origin: 50% 50%;
	position: relative;
	bottom: -10px;
	right: 10px;
	transform: rotate(45deg);
}

.place-bid-return-outbid-container{
	display: flex;
	align-items: baseline;
	padding-left: 35px;
	width: 100%;
}

.place-bid-return-outbid-title{
	width: 150px;
	font-family: Montserrat;
	font-size: 16px;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #029c5e;
}

.place-bid-return-outbid-title.acceptOffer{
	width: 220px;
}

.place-bid-return-cost-outbid-container{
	width: calc(100% - 240px);
	display: flex;
	justify-content: flex-end;
	align-items: baseline;
}

.place-bid-return-cost-outbid-container.acceptOffer{
	width: calc(100% - 310px);
}


.place-bid-return-cost-outbid-content{
	font-family: Montserrat;
	font-size: 16px;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #029c5e;
}

@media (max-width: 767px){
	.place-bid-return-cost-outbid-content{
		font-size: 12px;
	}
}

.place-bid-warning-container{
	margin: 35px;
	width: calc(100% - 70px);
}

.place-bid-warning-title{
	font-family: Montserrat;
	font-size: 14px;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #5d6a7b;
}

.place-bid-warning-paragraph{
	width: 100%;
	display: flex;
	align-items: baseline;
	margin-top: 20px;
	font-family: Montserrat;
	font-size: 12px;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.67;
	letter-spacing: normal;
	color: #5d6a7b;
}

.place-bid-warning-puce{
	margin-left: 10px;
	margin-right: 10px;
}

.place-bid-warning-content a{
	color: #5d6a7b;
}

.place-bid-warning-content .fat{
	font-weight: 600;
}

.place-bid-button-container{
	padding-bottom: 30px;
	padding-left: 35px;
	padding-right: 35px;
}

.place-bid-button-dabutton{
	height: 44px;
	background-color: #4a90e2;
	border-radius: 2px;
	font-family: Montserrat;
	font-size: 18px;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;	
	line-height: normal;
	letter-spacing: 1.1px;
	text-align: center;
	color: #ffffff;
	padding-top: 26px;
}


.place-bid-button-dabutton:hover{
	cursor: pointer;
}

.sticky-place-bid{
	position: sticky;
	bottom: 0;
	background-color: #fafafa;
	border-radius: 6px;
}


@media (max-width: 767px){

	.place-bid-greybox{
		margin-left: 4%;
		width: 92%;
	}
	
	.place-bid-title{
		font-size: 20px;
		margin-left: 5%;
	}
	
	.place-bid-asking-price-container{
		margin-left: 5%;
	}
	
	.place-bid-asking-price-title{
		font-size: 10px;
	}
	
	.place-bid-asking-price-amount{
		font-size: 14px;
	}
	
	.place-bid-asking-price-currency{
		font-size: 14px;
	}
	
	.place-bid-number-input-container{
		margin-left: 5%;
		width: 90%;
	}
	
	.place-bid-number-input-input{
		font-size: 14px;
		height: 40px
	}
	
	.place-bid-number-input-currency{
		font-size: 14px;
		top: 12px;
	}
	
	.place-bid-number-input-button-box{
		height: 40px;
		width: 40px;
		font-size: 36px;
	}
	
	.place-bid-minimum-bid-container{
		margin-left: 5%;
	}
	
	.place-bid-estimated-cost-title{
		font-size: 12px;
		width: 130px;
	}
	
	.place-bid-estimated-cost-container{
		padding-left: 5%;
	}
	
	.place-bid-estimated-cost-value-container{
		font-size: 12px;
		width: calc(95% - 170px);
		flex-wrap: wrap;
	}
	
	.place-bid-return-outbid-title{
		font-size: 12px;
		width: 130px;
	}
	
	.place-bid-return-outbid-container{
		padding-left: 5%;
	}
	
	.place-bid-return-cost-outbid-container{
		font-size: 12px;
		width: calc(95% - 170px);
		flex-wrap: wrap;
	}
	
	.place-bid-percent-return-container{
		width: 95%;
	}
	
	.place-bid-warning-title{
		font-size: 12px;
	}
	
	.place-bid-warning-container{
		margin-left: 5%;
		margin-right: 5%;
		width: 90%;
	}
	
	.place-bid-warning-paragraph{
		font-size: 10px;
		margin-top: 10px;
	}
	
	.close-place-bid-cross{
		margin-left: 5%;
		font-size: 20px;
	}
	
	.place-bid-estimated-cost-value-content{
		font-size: 12px;
	}
	
	.place-bid-estimated-cost-title.acceptOffer{
		width: 110px;
	}
	
	.place-bid-estimated-cost-value-container.acceptOffer{
	    width: calc(100% - 160px);
	}
	
	.place-bid-return-outbid-title.acceptOffer{
		width: 160px;
	}
	
	.place-bid-return-cost-outbid-container.acceptOffer{
		    width: calc(100% - 210px);
	}
}


/* 
	==============================================================================================
	
	GET STARTED SPECIFIC CSS 
	
	==============================================================================================
*/

.get-started-screen{
	display: flex;
	justify-content: center;
	align-items: center;
}

.get-started-box{
	border-radius: 6px;
	box-shadow: 0 10px 30px 10px rgba(0, 0, 0, 0.1);
	background-color: #ffffff;
	padding: 25px;
	width: 50%;
	max-width: 600px;
}


.get-started-cross-container{
	display: flex;
	width: 100%;
	flex-direction: row-reverse;
}

.get-started-cross-elem{
	height: 24px;
	width: 24px;
	font-family: Montserrat;
	font-size: 24px;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;	
	line-height: normal;
	letter-spacing: 1.1px;
	text-align: center;
	color: #a6adb1;
}


.get-started-cross-elem:hover{
	cursor: pointer;
	color: #4a90e2;
}

.get-started-title{
	font-size: 30px;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.83;
	letter-spacing: normal;
	text-align: center;
	color: #02264e;
	padding-left: 5%;
	padding-right: 5%;
}

.get-started-img{
	margin-top: 25px;
	margin-left: 35%;
	width: 30%;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url("/assets/style/logo-blue.svg");
}

.get-started-img.logo{
	background-image: url("/assets/media/GetStartedLogo.png");
}

.get-started-img.subscibeplz{
	background-image: url("/assets/media/YourWalletIsConnected1_Image.png");
}

.get-started-img.appicon{
	background-image: url("/assets/media/YourWalletIsConnected3_Image.png");
}

.get-started-img.biddering1{
	background-image: url("/assets/media/GBM.png");
}

.get-started-img.biddering2{
	background-image: url("/assets/media/GetStartedLogo.png");
}

.get-started-img.biddering3{
	background-image: url("/assets/media/HowBiddingWorks1_Image.png");
}

.get-started-img.clickmyprofile{
	background-image: url("/assets/media/YourWalletIsConnected2_Image.jpg");
}

.get-started-img.metamask{
	background-image: url("/assets/media/metamask-grey.png");
}

.get-started-img.clickity{
	background-image: url("/assets/media/metmaskdrublue.png");
}

.get-started-img.ethlogo{
	background-image: url("/assets/media/ethlogo.png");
}

.get-started-img-inner{  
	padding-top: 100%;
}

.get-started-text{
	margin-left: 5%;
	margin-right: 5%;
	margin-top: 30px;
	font-family: Montserrat;
	font-size: 16px;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.5;
	letter-spacing: normal;
	color: #5d6a7b;
	text-align: center;
}

.get-started-text.gs{
	height: 11em;
}

.get-started-text a{
	color: #5d6a7b;
}

.get-started-arrayofpolys{
	display: flex;
	margin-top: 10px;
	justify-content: center;
}

.get-started-poly{
	margin-left: 10px;
	margin-right: 10px;
}

.get-started-poly:hover{
	cursor:pointer;
}

.button-get-started{
	margin-top: 30px;
	margin-left: 20%;
	margin-right: 20%;
	margin-bottom: 20px;
	height: 44px;
	background-color: #4a90e2;
	border-radius: 2px;
	font-family: Montserrat;
	font-size: 18px;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;	
	line-height: normal;
	letter-spacing: 1.1px;
	text-align: center;
	color: #ffffff;
	padding-top: 26px;
}

.button-get-started:hover{
	cursor: pointer;
}


@media (max-width: 767px){
	.get-started-box{
		width: 70%;
	}
	
	.get-started-title{
		font-size: 20px;
	}
	
	.get-started-text{
		font-size: 12px;
	}
	
	.button-get-started{
		font-size: 14px;
		height: 36px;
		padding-top: 20px;
	}	
	
	.get-started-text{
		margin-left: 5%;
		margin-right: 5%;
	}
}

/* 
	==============================================================================================
	
	Public collection SPECIFIC CSS 
	
	==============================================================================================
*/

.cryptograph-mycollection-container{
	display: flex;
	justify-content: center;
	position: relative;
}

.cryptograph-mycollection-whitebox{
	border-radius: 4px;
	border: solid 1px rgba(0, 0, 0, 0.1);
	background-color: #ffffff;
	width: 50%;
	max-width: 800px;
	margin-top: 150px;
	margin-bottom: 150px;
}

.cryptograph-mycollection-title{
	margin-top: 35px;
	margin-left: 45px;
	margin-right: 45px;
	font-family: Montserrat;
	font-size: 30px;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.83;
	letter-spacing: normal;
	color: #02264e;
}

.cryptograph-mycollection-contrib{
	margin-top: 15px;
	margin-left: 45px;
	font-family: Montserrat;
	font-size: 16px;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: 2;
	letter-spacing: normal;
	color: #5d6a7b;	
}

.cryptograph-mycollection-contrib .fat{
	font-weight: 600;
}

.cryptograph-mycollection-flexgallery{
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 35px;
	width: calc(100% - 70px);
	display:flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: space-around;
}

.cryptograph-mycollection-flexgallery a{
	padding-left: 2.2%;
	padding-right: 2.2%;
	width: 45%;
}



.cryptograph-mycollection-flexgallery-item{
	margin-top: 10px;
	width: 100%;
	border-radius: 6px;
}

@media (max-width: 767px){
	.cryptograph-mycollection-whitebox{
		width: 90%;
		margin-top: 90px;
		margin-bottom: 90px;
	}
	
	.cryptograph-mycollection-title{
		font-size: 20px;
		margin-left: 10%;
		width: 80%;
	}
	
	.cryptograph-mycollection-contrib{
		font-size: 12px;
		margin-left: 10%;
		width: 80%;
	}
	
	.cryptograph-mycollection-flexgallery{
		margin-left: 10%;
		width: 80%;
		height: auto;
		margin-bottom: 20px
	}
	
	.cryptograph-mycollection-flexgallery a{
		margin-right: 0;
		margin-bottom: 15px;
	}
}


/* Auth Specific CSS */
.authenticate-img{
	display: flex;
	justify-content: center;
}

.get-started-box.auth{
	width: 400px;
	padding: 0px;
	overflow: hidden;
}

.authenticate-bottom{
	position: relative;
	margin-top: 20px;
	border-top: solid 1px rgba(1, 25, 52, 0.1);
	background-color:#fafafa;
	width: 100%;
	overflow: hidden;
}

.authenticate-bottom-content{
	justify-content: center;
	height: 90px;
	display: flex;
}

.auth-cross-container{
	margin-top: 25px;
	display: flex;
	width: calc(100% - 25px);
	flex-direction: row-reverse;
}

.authenticate-bottom-link{
	width: 40%;
}

.authenticate-store-img{
	max-width: 100%;
	height: 70px;
}

.authenticate-minitab{
	margin-top: 40px;
	position: relative;
	width: 40px;
	height: 40px;
	border-radius: 2px;
	background-color: #ffffff;
	pointer-events: auto;
	z-index: 20;
}

@media (max-width: 767px){
	.authenticate-minitab{
		display: none;
	}
}



.authenticate-minitab:hover{
	cursor:pointer;
}

.authenticate-minitab-qr{
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;	
	background-image: url("/assets/style/qrcode.svg");
	width: 26px;
	height: 26px;
	margin-top: 7px;
	margin-left: 7px !important;
}

.contact-us-text{
	margin-left: 10%;
	margin-right: 15%;
	margin-top: 50px;
	font-family: Montserrat;
	font-size: 16px;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: 3;
	letter-spacing: normal;
	color: #5d6a7b;
	text-align: left;
}

.contact-us-text a{
	color: #5d6a7b;
	
}



.contact-us-title {
	margin-top: 120px;
    font-size: 48px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.83;
    letter-spacing: normal;
	margin-left: 10%;
    color: #02264e;
	margin-bottom: 30px;
}

.cryptograph-contact-us-body{
	min-height: calc(100vh - 374px);
}

.contact-us-text .fata{
	font-weight: 600;
	color: #00336a;
	text-decoration: none;
	text-align: left;
}

.contact-us-text.linestandard{
	line-height: 2.5;
	margin-top: 10px;
	margin-bottom: 20px;
}

.get-started-box.contact{
	width: 450px;
	padding-bottom: 50px;
}

/* FAQ DATA SECTION */

.faq-datitle{
	font-size: 70px;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.43;
	letter-spacing: -1px;
	color: #02264e;
	padding-top: 150px;
	margin-left: 10%;
}

.faq-flexer{
	margin-top: 80px;
	display:flex;
	margin-left: 10%;
	width: 90%;
}

.faq-anchrotitle{
	font-size: 18px;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 1.4px;
	color: #02264e;
}

.faq-anchors{
	width: 30%;
}

.faq-anchors-moving{
	position: sticky;
	height: auto;
	top: 50px;
}

.faq-questionlist{
	width: 60%;
}

.faq-accordion label{
	font-family: Montserrat;
	font-size: 18px;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 1.4px;
	color: #00336a;
	width: calc(100% - 80px);
	padding: 30px;
	padding-right: 50px;
	display:block;
}


.faq-accordion label:hover{
	cursor: pointer;
}

.faq-accordion input[type='radio']:checked + label:hover{
	cursor: auto;
}

.faq-accordion input[type='radio']{
    display: none;
}   

.faq-content{
	padding: 30px;
	width: calc(100% - 70px);
	margin-top: 0px;
	padding-right: 40px;
	font-family: Montserrat;
	font-size: 16px;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: 2.81;
	letter-spacing: normal;
	color: #5d6a7b;
	text-align: justify;
	display: none;
}

.faq-content .fat{
	font-weight: 600;
}

.fat.subquestion{
	padding-top: 1.5em;
	display: block;
	margin-bottom: -2.3em;
}

@media (min-width: 768px){
	
	.faq-content{
		margin-top: -45px;
	}
	
	.fat.subquestion{
	margin-bottom: -3em;
	}
}


.faq-content a{
	color: #5d6a7b;
}

.faq-accordion{
	list-style-type: none;
	display: block;
}

.faq-accordion input[type='radio']:checked + label + .faq-content {
    display:block;
}

.faq-accordion input[type='radio'] + label::after{
	position: absolute;
	font-size: 48px;
	font-weight: 300;
	color: #444e5c;
  	content: "+";
	top : 10px;
	right: 35px;
}

.faq-accordion input[type='radio']:checked + label::after{
  	content: "-";
}


.faq-cat-name{
	font-family: Montserrat;
	font-size: 30px;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.83;
	letter-spacing: normal;
	color: #02264e;	
	margin-bottom: 20px;
	margin-top: 100px;
}

.faq-accordion .faqli{
	border-radius: 4px;
	border: solid 1px rgba(0, 0, 0, 0.1);
	background-color: #ffffff;
	position: relative;
	margin-bottom: 30px;
	width: 100%;
	display: block;
}

.faq-anchro-links{
	font-size: 16px;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.88;
	letter-spacing: normal;
	color: #5d6a7b;
	width: auto;
	
}

.faq-anchro-links a{
	display: inline;
	color: #5d6a7b;
	text-decoration: none;
	width: auto;
}

.faq-body{
	margin-bottom: 300px;
}

.faq-anchor-link.active{
	color: #02264e;
	font-weight: 600;
}

@media (max-width: 767px){
	.faq-datitle {
		font-size: 40px;
		padding-top: 90px;
		margin-left: 5%;
	}
	
	.faq-anchors{
		width : 100%;
		display: none;
	}
	
	.faq-flexer{
		width: 90%;
		margin-left: 5%;
		flex-wrap: wrap;
		flex-direction: column-reverse;
	}
	
	.faq-anchors-moving{
		position: static;
	}
	
	.faq-questionlist {
		width: 100%;
	}
	
	.faq-cat-name{
		font-size: 20px;
	}
	
	.faq-accordion label{
		font-size: 14px;
		padding: 15px;
	}
	
	.faq-content{
		font-size: 14px;
		font-weight: 300;
		font-style: normal;
		font-stretch: normal;
		line-height: 2;
		letter-spacing: normal;
		color: #5d6a7b;
		padding: 15px;
		padding-top: 0px;
		text-align: left;
	}
	
	.faq-accordion input[type="radio"] + label::after{
		top: 0px;
		font-size: 36px;
	}
	
	.faq-anchor-link.active{
		color: #5d6a7b;
		font-weight: 300;
	}
	
	.faq-body{
		margin-bottom: 50px;
	}
}


@media (min-width: 768px){
	.hidedesktop{
		display: none;
	}
}


@media (max-width: 767px){
	
	.artist-name-detail-page{
		left: 10%;
		bottom: calc(9vh + 120px);
	}
	
	.hompeage-downarrow.cry{
		left: 10%;
	}
	
	.hidemobile{
		display: none;
	}
	
	.cryptograph-card-datacard-title{
		margin-left:0;
		font-size: 30px;
		margin-bottom: 20px;
	}
	
	.cryptograph-card-datacard-issue-number{
		margin-left:0;
		margin-bottom: 25px;
	}
	
	.cryptograph-card-container{
		margin-top: 90px;
		width: 90%;
		margin-left: 5%;
	}
	
	.cryptograph-card-item-type-container{
		padding-top: 20px;
	}
	
	.cryptograph-card-item-type-type{
		font-size: 14px;
	}
	
	.cryptograph-card-datacard-bottom-container{
		flex-wrap: wrap;
		height: 120px;
	}
	
	.cryptograph-card-datacard-autenticate{
		padding-top: 10px;
		padding-bottom: 10px;
		width: 100%;
	}
	
	.cryptograph-card-datacard-watch{
		width: 100%;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	
	.cryptograph-details-description-container{
		width: 90%;
		margin-left: 5%;
		margin-top: 100px;	
		min-height: auto;
	}
	
	.cryptograph-details-description-paragraph-dash{
		margin-left: 0%;
	}
	
	.cryptograph-details-description-paragraph-text{
		width: 85%;
		font-size: 14px	;
		text-align: justify;
	}
	
	.cryptograph-details-slider-container {
		margin-top: 50px;
		width: 100%;
		min-height: 300px;
		margin-bottom: 50px;
	}
	
	.realslider{
		height: 250px;
		padding-left: 5%;
		overflow-x: scroll;
		scrollbar-width: none;
		-ms-overflow-style: none;
	}
	
	.realslider::-webkit-scrollbar {
		width: 0px;
		background: transparent;
	}
	
	.slide{
		height: 250px;
	}
	
	.cryptograph-details-slide-contained-img{
		height: 250px;
	}
	
	
	.fakeslider {
		height: 10px;
		z-index: 0;
		top: 280px;
	}
	
	.cryptograph-quote-container{
		padding-left: 5%;
		width: 90%;
		margin-top: 100px;
		margin-bottom: 50px;
		overflow: hidden;
		min-height: auto;
	}
	
	.cryptograph-signature-bg{
		bottom: 0;
		right: 0;
		height: 100%;
	}
	
	
	
	.cryptograph-details-charity-container{
		margin-top: 100px;
		width: 90%;
		margin-left: 5%;
		flex-wrap: wrap;
	}
	
	.cryptograph-details-charity-left{
		width: 100%;
	}
	
	.cryptograph-details-charity-right {
		width: 100%;
		margin-left: 0%;
		margin-top: 30px;
	}
	
	.cryptograph-details-charity-whowherehelping{
		font-size: 16px;
		padding-bottom: 10px;
	}
	
	.cryptograph-details-charity-name{
		font-size: 20px;
	}
	
	.cryptograph-details-description-title{
		font-size: 20px;
	}
	
	.cryptograph-quote-name{
		font-size: 10px;
	}
	
	.cryptograph-quote-quote-codec{
		font-size: 18px;
	}
	
	.cryptograph-details-charity-eth-amount{
		font-size: 20px;
	}
	
	.cryptograph-details-charity-eth-currency{
		font-size: 14px;
	}
	
	.cryptograph-details-charity-raised{
		font-size: 14px;
	}
	
	.cryptograph-details-charity-link{
		font-size: 14px;
	}
	
	.cryptograph-details-charity-text{
		font-size: 14px;
	}
	
	.cryptograph-details-owners-mark-container{
		margin-top: 80px;	
	}
	
	.cryptograph-details-owners-mark-title{
		font-size: 20px;
	}
	
	.cryptograph-details-owners-mark-row{
		margin-bottom: 120px;
	}
	
	.footer-social-media-icon-position-generic{
		position: relative;
		top: 10px;
		right: initial;
		width: 100%;
		height: 60px;
	}
	
	.generic-footer{
		padding-left: 5%;
		padding-right: 5%;
		width: 90%;
		padding-top: 40px;
		height: auto;
		padding-bottom: 0px;
	}
}


/* MY COLLECTION SPECIFIC CSS */


.mycollection-bodyflex{
	display:flex;
	width: 70%;
	margin-left: 15%;
	margin-top: 150px;
}

@media(max-width:1700px){
	.mycollection-bodyflex{
		width: 80%;
		margin-left: 10%;
		margin-bottom: 40px;
	}
}

@media(max-width:1500px){
	.mycollection-bodyflex{
		width: 90%;
		margin-left: 5%;
	}
}



@media(max-width:1365px){
	.mycollection-bodyflex{
		width: 90%;
		margin-left: 5%;
	}
}


.mycollection-bodyflex-left{
	width: 30%;
}

@media(min-width:768px){
	.mycollection-bodyflex-left{
		margin-bottom: 50px;
	}
}

.mycollection-bodyflex-left-box{
	border-radius: 4px;
	border: solid 1px rgba(0, 0, 0, 0.1);
	background-color: #ffffff;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	position: sticky;
	top: 20px;
}

.mycollection-collector-identicon{
	margin-top: 45px;
	margin-top: 45px;
	border-radius: 50px;
	overflow: hidden;
	width: 100px;
	height: 100px;
}

.mycollection-collector-name{
	padding: 30px;
	font-size: 25px;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: center;
	color: #02264e;
	font-family: Montserrat;
	overflow: hidden;
	display: flex;
	align-items: center;
}

.cryptograph-signature-img{
	object-fit: contain;
	width: 100%;
	height: 100%;
}

.editable-collector-textarea{
	font-size: 25px;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: center;
	color: #02264e;
	resize: none;
	border: none;
	font-family: Montserrat;
	background: transparent;
	border-bottom: 1px dotted;
}

.mycollection-collector-hr{
	width: 25px;
	height: 1px;
	background-color: #d8d8d8;	
}

.mycollection-collector-current-balance{
	margin-top: 20px;
	font-family: Montserrat;
	font-size: 14px;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: 2;
	letter-spacing: 0.5px;
	text-align: center;
	color: #5d6a7b;	
}

.mycollection-collector-current-eth-box{
	display: flex;
	align-items: baseline;
	margin-top: 1px;
}

.mycollection-collector-current-eth-box-amount{
	font-family: Montserrat;
	font-size: 36px;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #02264e;	
}

.mycollection-collector-current-eth-box-amount-wallet{
	font-family: Montserrat;
	font-size: 36px;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #616f7f;	
}

.mycollection-collector-current-eth-box-currency-wallet{
	font-family: Montserrat;
	font-size: 16px;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	line-height: 0.75;
	letter-spacing: 1.3px;
	color: #616f7f;
}

.mycollection-collector-current-eth-box-currency{
	font-family: Montserrat;
	font-size: 16px;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	line-height: 0.75;
	letter-spacing: 1.3px;
	color: #02264e;	
}

.mycollection-collector-current-alternate-currency{
	margin-top: 10px;
	font-family: Montserrat;
	font-size: 16px;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: 0.75;
	letter-spacing: 2px;
	color: #5d6a7b;;		
}

.mycollection-collector-box-inbox{
	margin-top: 25px;
	padding-top: 20px;
	padding-bottom: 20px;
	width: 100%;
	background-color: #fbfbfb;
	border-top: solid 1px #fbfbfb;
	display: flex;
	align-items: baseline;	
	justify-content: center;
}

.mycollection-collector-box-inbox-withdraw{
	margin-top: 25px;
	padding-top: 15px;
	padding-bottom: 15px;
	width: 100%;
	background-color: #ffffff;
	border-top: solid 1px #ffffff;
	display: flex;
	align-items: baseline;	
	justify-content: center;
}

.mycollection-collector-box-inbox-button {
	margin-right: 10px;
    position: relative;
    top: -6px;
    border: solid 1px #4a90e2;
    color: #4a90e2;
    background-color: white;
    border-radius: 2px;
    font-family: Montserrat;
    font-size: 12px;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 1.1px;
    text-align: center;
    padding-bottom: 5px;
	padding-right: 10px;
	padding-left: 10px;
}

.mycollection-collector-box-inbox-button-disabled {
	margin-right: 10px;
    position: relative;
    top: -6px;
    border: solid 1px gray;
    color: #797a7c;
    background-color: white;
    border-radius: 2px;
    font-family: Montserrat;
    font-size: 12px;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 1.1px;
    text-align: center;
    padding-bottom: 5px;
	padding-right: 10px;
	padding-left: 10px;
}

.mycollection-collector-box-inline{
	/* margin-top: 15px; */
	padding-top: 10px;
	padding-bottom: 20px;
	width: 100%;
	background-color: #fbfbfb;
	border-top: solid 1px #fbfbfb;
	display: flex;
	align-items:center;	
	justify-content: center;
}

.mycollection-collector-box-inbox:hover{
	cursor: pointer;
}

.mycollection-collector-box-inbox-withdraw:hover{
	cursor: pointer;
}

.mycollection-collector-box-within{
	display: flex;
	align-items: baseline;	
	justify-content: center;
}

.mycollection-collector-witdraw-icon{
	height: 20px;
	width: auto;
	position: relative;
	top: 4px;
}

.mycollection-collector-witdraw-text{
	font-family: Montserrat;
	font-size: 12px;
	/* font-weight: 600; */
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 0.9px;
	text-align: center;
	color: #4a90e2;
}

.mycollection-collector-witdraw-text-disabled{
	font-family: Montserrat;
	font-size: 12px;
	/* font-weight: 600; */
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 0.9px;
	text-align: center;
	color: gray;
}

.mycollection-bodyflex-right{
	margin-left: 5%;
	width: 65%;
}

.mycollection-bodyflex-right-box{
	width: 100%;
	border-radius: 4px;
	border: solid 1px rgba(0, 0, 0, 0.1);
	background-color: #ffffff;	
	padding-bottom: 40px;
	margin-bottom: 60px;
}

.mycollection-heading-tabs-box{
	height: 70px;
	width: 100%;
	border-bottom: solid 1px rgba(0, 0, 0, 0.1);
	display: flex;
	justify-content: space-around;
}

.mycollection-heading-tabs{
	font-family: Montserrat;
	font-size: 14px;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 1px;
	color: #02264e;	
	padding-top: 25px;
	text-decoration: none;
}

.mycollection-heading-tabs:hover{
	cursor: pointer;
	color: #4a90e2;
	border-bottom: solid 5px #4a90e2;
}

.mycollection-heading-tabs.active{
	color: #4a90e2;	
	border-bottom: solid 5px #4a90e2;
}

.mycollection-yourcollection-container{
	margin-left: 5%;
	width: 90%;
}

.mycollection-yourcollection-box-collection{
	display: flex;
	margin-top: 25px;
}

.mycollection-yourcollection-yourcollection{
	font-family: Montserrat;
	font-size: 30px;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.83;
	letter-spacing: normal;
	color: #02264e;
	margin-bottom: 20px;
}

.mycollection-yourcollection{
	font-family: Montserrat;
	font-size: 16px;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.06;
	letter-spacing: normal;
	color: #5d6a7b;
}

.fat{
	font-weight: 600;
}

.mycollection-yourcollection-flexgallery{
	height: auto;
	margin-top: 20px;
	width: 100%;
	display:flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: space-around;
}

.mycollection-yourcollection-flexgallery a{
	padding-left: 2.2%;
	padding-right: 2.2%;
	width: 45%;
}

.cryptograph-yourcollection-flexgallery-item{
	width: 100%;
	margin-top: 20px;
	border-radius:6px;
}

.cryptograph-mycollection-body{
	min-height: calc(100vh - 254px);
}

.mycollection-yourcollection-apps{
	display: flex;
	height: 65px;
	padding-top: 10px;
	justify-content: center;
	overflow: hidden;
	width: 100%;
}

.mycollection-store-img{
	max-width: 100%;
	height: 45px;
}

.manage-device-partition{
	display: flex;
}

.manage-device-partitionned-left{
	width: 60%;
} 

.manage-device-partitionned-right{
	width: 40%;
	margin-top: -30px;
	margin-bottom: -30px;
}

.cryptograph-card-datacard-highest-bid-alt{
	font-family: Montserrat;
	font-size: 10px;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 0.7px;
	color: #5d6a7b;
}

.place-bid-estimated-cost-value-content-alt{
	font-family: Montserrat;
	font-size: 10px;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 0.7px;
	color: #5d6a7b;
} 

.place-bid-current-currency-alt{
	font-family: Montserrat;
	font-size: 14px;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 0.7px;
	color: #5d6a7b;
	margin-left: 10px;
}

.place-bid-return-cost-outbid-content-alt{
	font-family: Montserrat;
	font-size: 10px;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 0.7px;
	color: #029c5e;
}

.cryptograph-card-datacard-asking-price-alt{
	/* position: absolute; */
	font-family: Montserrat;
    font-size: 10px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 0.7px;
    color: #5d6a7b;
}	

.mycollection-collector-grouping{
	display: flex;
	width: 100%;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	overflow-x: hidden;
}

.editable-collector-pen{
	position: relative;
	top: 7px;
	width: 25px;
	height: 25px;
	background-size: 25px 25px;
	background-image: url("/assets/style/editusername.svg");
	background-repeat: no-repeat;
	background-position-y: center;
	background-position-x: center;
	margin-left: 10px;
}

.editable-collector-pen:hover{
	cursor: pointer;
}

@media(max-width:767px){
	
	.mycollection-collector-grouping{
		flex-direction: column;
		justify-content: center;
		width: 90%;
		margin-top: 20px;
	}
	
	.mycollection-collector-identicon{
		margin-top: 0px;
	}
	
	.mycollection-collector-identicon-img{
		width: 30px;
		height: 30px;
	}
	
	.mycollection-bodyflex{
		flex-wrap: wrap;
		margin-top: 100px;
	}
	
	.mycollection-bodyflex-left{
		width: 100%;
		margin-bottom: 30px;
		order:1;
	}
	
	.mycollection-bodyflex-left-box{
		position: static;
	}
	
	.mycollection-bodyflex-right{
		width: 100%;
		margin-left: 0;
	}
	
	.mycollection-collector-hr{
		display: none;
	}
	
	.mycollection-heading-tabs{
		font-size: 10px;
	}
	
	.mycollection-collector-current-eth-box-amount{
		font-size: 30px;
	}
	
	.mycollection-collector-current-eth-box{
		margin-top: 0px;
		margin-left: 5%;
	}
	
	.mycollection-collector-current-eth-box-currency{
		font-size: 14px;
	}
	
	.mycollection-collector-current-alternate-currency{
		font-size: 14px;
		margin-left: 5%;
	}
	
	.mycollection-yourcollection{
		font-size: 14px;
	}
	
	.mycollection-yourcollection-yourcollection{
		font-size: 20px;
	}
	
	.mycollection-collector-current-balance{
		margin-left: 5%;
	}
	
	.mycollection-heading-tabs-box{
		height: 50px;
	}
	
	.mycollection-heading-tabs{
		padding-top: 13px;
	}
	
}


.underportrait{
	position: relative;
	left: 10px;
	top: 2px;
}




/* Contact Us */

.sell-cryptograph-price-container{
	display: flex;
	align-items: baseline;
	margin-top: 25px;
}

.sell-bid-value-content{
	font-family: Montserrat;
	font-size: 45px;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #00336a;
	margin-left: 35px;
}


.sell-bid-value-content-smoll{
	font-family: Montserrat;
	font-size: 16px;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #00336a;
	margin-left: 5px;
}


.sell-bid-value-content-alt{
	font-family: Montserrat;
	font-size: 16px;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: 0.75;
	letter-spacing: 2px;
	color: #5d6a7b;
	margin-left: 35px;
	margin-bottom: 1em;
}

.yourbid-retract{
	color: #4a90e2;
}

.yourbid-retract-fee{
	color: #c35c5c;
}

.yourbid-retract-leftover{
	color: #4a90e2;
	font-weight: 600;
}


.leaveMarkRow{
	margin-top: 20px;
	display: flex;
	align-items: center;
	justify-content: space-around;
}

.leave-mark-text-area{
	resize: none;
	width: 70px;
	height: 70px;
	border-radius: 4px;
	border: solid 1px #4a90e2;
	background-color: #ffffff;
	font-size: 30px;
	font-weight: 600;
	color: #5d6a7b;
	text-align: center;
}

.blueer-screener{
	background-color: #02264E; 
	z-index:0; 
	position:absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: 0.0;
}

.logoanimated{
	display:flex; 
	justify-content: center;
	padding-top: 15px; 
	padding-bottom: 10px;
	text-align: center;
}

.logoanimated img{
	width: 50%;
}

.logoanimated-datacard{
	display:flex; 
	flex-direction: column;
	justify-content: center;
	padding-top: 15px; 
	padding-bottom: 30px;
	align-items: center;
}

.logoanimated-datacard img{
	width: 30%;
}

.myactivity-datacard{
	border-bottom: solid 2px rgba(0, 0, 0, 0.1);
	background-color: #ffffff;
	padding-bottom: 10px;
	padding-top: 10px;
}

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

.myactivity-datacard-noborder{
	border-bottom: none;
	padding-bottom: 0px;
}

.myactivity-datacard-inside{
	display:flex;
	padding-left: 5%;
	padding-right: 5%;
}

.myactivity-datacard-inside-left{
	width: 25%;
}

.myactivity-datacard-inside-center{
	width: 55%;
	padding-left: 10px;
}

.myactivity-datacard-inside-right{
	width: 20%;
}

.myactivity-datacard-inside-left-portrait-container{
	width: 100%;
	height: 150px;
	display: flex;
	justify-content: center;
	align-items: start;
}

.myactivity-datacard-inside-left-portrait-img{
	max-width: 100%;
	border-radius: 4px;
	max-height: 150px;
}

.myactivity-datacard-inside-center-container{
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.myactivity-datacard-inside-status{
	font-family: Montserrat;
	font-size: 8px;
	font-weight: 600;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: 0.43px;
	width: max-content;
	border-radius: 8px;
	border: solid 1px black;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 4px;
	padding-bottom: 4px;
}

.myactivity-datacard-inside-status.claimable{
	color: #029c5e;
	border-color: #029c5e;
}

.myactivity-datacard-inside-status.outbid{
	color: #c35c5c;
	border-color: #c35c5c;
}

.myactivity-datacard-inside-status.highestbidder{
	color: #029c5e;
	border-color: #029c5e;
}

.myactivity-datacard-inside-status.owned{
	color: #4a90e2;
	border-color: #4a90e2;
}

.myactivity-datacard-inside-status.nobid{
	color: #5d6a7b;
	border-color: #5d6a7b;
}

.myactivity-datacard-namaewa{
	font-family: Montserrat;
	font-size: 16px;
	font-weight: 600;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #00336a;
}

.myactivity-datacard-cryname{
	font-family: Montserrat;
	font-size: 12px;
	font-weight: 300;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.67;
	letter-spacing: normal;
	color: #5d6a7b;
}

.myactivity-datacard-infoline{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.myactivity-datacard-infoline-pair{
	display: flex;
	flex-direction: column;
	width: 33%;
}

.myactivity-datacard-infoline-label{
	font-family: Montserrat;
	font-size: 8px;
	font-weight: 300;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: 0.67px;
	color: #5d6a7b;
}

.myactivity-datacard-infoline-data{
	font-family: Montserrat;
	font-size: 10px;
	font-weight: 600;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #5d6a7b;
	padding-bottom: 4px;
	display: flex;
	flex-direction: row;
	padding-top: 5px;
	display: flex;
	align-items: baseline;
}

.myactivity-datacard-infoline-data-smoll{
	font-size: 8px;
	font-weight: 300;
}

.myactivity-datacard-inside-right-buttoncontainer{
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
}

.myactivity-datacard-inside-button{
	width: 100%;
	/* height: 12px; */
	font-family: Montserrat;
	font-size: 10px;
	font-weight: 600;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.2;
	letter-spacing: 0.5px;
	text-align: center;
	border-radius: 4px;
	padding-top: 8px;
	padding-bottom: 8px;
	border: solid 1px black;
	color: white;
	background-color: black;
}

.myactivity-datacard-inside-button.claimable{
	color: white;
	background-color: #029c5e;
	border-color: #029c5e;
}

.myactivity-datacard-inside-button.outbid{
	color: white;
	background-color: #c35c5c;
	border-color: #c35c5c;
}

.myactivity-datacard-inside-button.owned{
	color: #4a90e2;
	background-color: white;
	border-color: #4a90e2;
}

.myactivity-datacard-inside-button.highestbidder{
	background-color: white;
	color:#029c5e;
	border-color:#029c5e;
}

.myactivity-datacard-inside-button.nobid{
	color: #5d6a7b;
	background-color: white;
	border-color: #5d6a7b;
}

.datacardsmallvatar{
	border-radius: 5px;
	overflow: hidden;
	width: 10px;
	height: 10px;
	position: relative;
	top: 2px;
}

.notification-menubox-hoveropen:hover .navbar-account-name{
	color: #4a90e2;
}

.notification-menubox-hoveropen:hover{
	cursor:pointer;
}

.notification-menubox-dropdown:hover{
	cursor: auto;
}

.navbar-notification-circle{
	font-family: Montserrat;
	font-size: 12px;
	font-weight: 600;
	background-color:  #4a90e2;
	color: white;
	border-radius: 10px;
	overflow: hidden;
	height: 17px;
	width: 20px;
	text-align: center;
	padding-top: 2px;
	position: relative;
	top: -5px;
	left: 3px;
}

.notification-menubox-anchor{
	position: relative;
}

.notification-menubox-dropdown{
	width: 300px;
	position: absolute;
	top: 1em;
	right: 10px;
	border-radius: 4px;
	border: solid 1px rgba(0, 0, 0, 0.1);
	background-color: #ffffff;
	z-index: 100;
	margin-bottom: 10px;
}

.notification-menubox-topcontent{
	padding-top: 12px;
	padding-bottom: 6px;
}

.notification-menubox-topcontent-buttonline{
	width: calc(100% - 24px);
	margin-left: 12px;
	margin-bottom: 10px; 
}

.notification-menubox-topcontent-firstline{
	padding-left: 12px;
	font-family: Montserrat;
	font-size: 8px;
	font-weight: 600;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: 0.3px;
	color: #a6adb1;
	padding-top: 6px;
	padding-bottom: 4px;
}

.notification-menubox-topcontent-secondline{
	display: flex;
	flex-direction: row;
	padding-left: 12px;
	justify-content: space-between;
	padding-right: 12px;
	padding-bottom: 6px;
}

.notification-menubox-topcontent-displaycurrency{
	display: flex;
	flex-direction: row;
	align-items: baseline;
}

.notification-menubox-topcontent-displaycurrency-ethnumber{
	font-family: Montserrat;
	font-size: 16px;
	font-weight: 600;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: 1.1px;
	color: #02264e;
	padding-right: 3px;
}

.notification-menubox-topcontent-displaycurrency-ethsymbol{
	font-family: Montserrat;
	font-size: 12px;
	font-weight: 600;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: 1.1px;
	color: #02264e;
	padding-right: 5px;
}

.notification-menubox-topcontent-displaycurrency-ethnumber-wallet{
	font-family: Montserrat;
	font-size: 16px;
	font-weight: 600;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: 1.1px;
	color: #616f7f;
	padding-right: 3px;
}

.notification-menubox-topcontent-displaycurrency-ethsymbol-wallet{
	font-family: Montserrat;
	font-size: 12px;
	font-weight: 600;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: 1.1px;
	color: #616f7f;
	padding-right: 5px;
}

.notification-menubox-topcontent-displaycurrency-altcurrency{
	font-family: Montserrat;
	font-size: 10px;
	font-weight: 300;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.2;
	letter-spacing: 0.83px;
	color: #5d6a7b;
}

.notficiation-borderbottom{
	border-bottom: solid 2px rgba(0, 0, 0, 0.1);
}

.no-underline{
	text-decoration: none;
}


.notification-menubox-topcontent-button{
	background-color: #4a90e2;	
	border-radius: 2px;
	text-decoration: none;
	font-family: Montserrat;
	font-size: 12px;
	font-weight: 600;
	font-stretch: normal;	
	font-style: normal;
	line-height: 2.5;
	letter-spacing: 0.67px;
	text-align: center;
	color: #ffffff;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-right: 12px;
	padding-left: 12px;
	position: relative;
	top: -4px;
}

.notification-card-topcontent-portrait-img{
	max-width: 100%;
	border-radius: 4px;
}

.notification-card-topcontent-portrait-container{
	width: 100%;
}

.notification-card-topcontent{
	padding-top: 12px;
	padding-left: 12px;
	padding-right: 12px;
	display: flex;
	padding-bottom: 12px;
}

.notification-card-topcontent-left{
	width: 35%;
}

.notification-card-topcontent-right{
	width: 65%;
	padding-left: 12px;
}

.notification-card-topcontent-right-column{
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
}

.notification-card-topcontent-right-namae{
	font-family: Montserrat;
	font-size: 12px;
	font-weight: 600;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #02264e;
}

.notification-card-topcontent-right-piecename{
	font-family: Montserrat;
	font-size: 8px;
	font-weight: 300;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.75;
	letter-spacing: normal;
	color: #5d6a7b;
}

.notification-card-belowcontent{
	
}


.notification-card-vignette{
	font-family: Montserrat;
	font-size: 8px;
	font-weight: 600;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: 0.43px;
	width: max-content;
	border-radius: 8px;
	border: solid 1px black;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 4px;
	padding-bottom: 4px;
}

.notification-card-vignette.outbid{
	color: #c35c5c;
	border-color: #c35c5c;
}

.notification-card-vignette.won{
	color: #4a90e2;
	border-color: #4a90e2;
}


.notification-card-vignette.lost{
	color: #5d6a7b;
	border-color: #5d6a7b;
}


.notification-card-vignette.claimable{
	color: #029c5e;
	border-color: #029c5e;
}

.cryptograph-card-datacard-asking-price-line{
	display: flex;
	align-items: baseline;
	padding-top: 4px;
}

.collection-sharing{
	font-family: Montserrat;
	font-size: 16px;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.06;
	letter-spacing: normal;
	color:#5d6a7b;
	margin-bottom: 10px;
}

.collection-sharing-line{
	display: flex;
	font-size: 14px;
	color: #02264e;
	padding-top: 10px;
}

.collection-sharing-copy-button{
	color: #4a90e2;
	border: solid 1px #4a90e2;
	border-radius: 4px;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 6px;
	padding-right: 6px;
	position: relative;
	top: -5px;
	margin-left: 10px;
}

.collection-sharing-copy-button:hover{
	cursor: pointer;
}

.cryptograph-card-item-owner-container{
	margin-left: 7%;
}

.place-bid-button-dabutton.disabledbutton{
	background-color: #e5e5e5;
}

.place-bid-button-dabutton.disabledbutton:hover{
	cursor: not-allowed;
}

.place-bid-button-dabutton.retract{
	color: #4a90e2;
	background-color: #ffffff;
	border: solid 1px rgba(74,144,226, 1.0);
}

.nobidsyetDC{
	margin-top: 30px;
	padding-bottom: 30px;
	margin-left: 7%;
	font-size: 18px;
	font-family: Montserrat;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 0.5px;
	color: #5d6a7b;
	
}

.withdrawbuttonmenu{
	border: solid 1px black;
	color: #4a90e2;
	border-color: #4a90e2;
	background-color: white;
	position: relative;
	top: -1px;
	padding-top: 0px;
	font-size: 8px;
	display: flex;
	align-items: baseline;
	padding-left: 6px;
	padding-right: 6px;
}

.withdrawbuttonmenu:hover{
	cursor:pointer;
}

.mycollection-collector-witdraw-icon.smoll{
	height: 15px;
}

.mycollection-collector-name-label{
	font-family: Montserrat;
	font-size: 16px;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.06;
	letter-spacing: normal;
	color:#5d6a7b;
	position: relative;
	top: 20px;
	display: flex;
	align-items: baseline;
}

.mycollection-collector-name-label-address{
	font-family: Montserrat;
	font-size: 16px;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.06;
	letter-spacing: normal;
	color:#5d6a7b;
	position: relative;
	top: -10px;
	padding-top: 5px;
	display: flex;
	align-items: center;
}

.mycollection-collector-name-address-actual{
	font-family: Montserrat;
	font-size: 12px;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.06;
	letter-spacing: normal;
	color:#02264e;
	padding-bottom: 30px;
	position: relative;
}

.mycollection-collector-name-address-actual.electric{
	color: #4a90e2;
}

.gallery-cryptograph-description-seebutton{
	border: solid 1px #4a90e2;
	color:#4a90e2;
	background-color:white;
	border-radius: 2px;
	text-decoration: none;
	font-family: Montserrat;
	font-size: 14px;
	font-weight: 600;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.5;
	letter-spacing: 0.67px;
	text-align: center !important; 
	max-width: 200px;
	padding-top: 12px;
	padding-bottom: 12px;
	margin-top: 50px;
}

.cryptograph-card-item-type-issueNumber{
	font-family: Montserrat;
	font-size: 14px;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 1px;
	color: #5d6a7b;
}

.cryptograph-card-item-type-container-issueNumber{
	width: 100%;
	display: flex;
	align-items: baseline;
	position: relative;
	padding-top: 10px;
}

.auth-link-desc{
	font-size: 8px;
}

.cry-datacard-ac-label{
	display:flex;
	align-items: baseline;
}

.placebid-error-message{
	font-family: Montserrat;
	font-size: 14px;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #c35c5c;
	text-align: center;
	padding-bottom: 10px;
}

.placebid-minimal-message{
	font-family: Montserrat;
	font-size: 14px;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #02264e;
	text-align: center;
}

.mycollection-yourcollection-yourcollection{
	display: flex;
}

.collection-share-button{
	margin-left: 10px;
	height: 25px;
	width: 25px;
}

.collection-share-button:hover{
	cursor: pointer;
}

.collection-share-button img{
	width: 100%;
}

.set-asking-price-question-flex{
	display: flex;
}

.notification-menubox-notification-button-enable{
	width: 90%;
	text-align: center;
	padding-top: 6px;
	padding-bottom: 6px;
	margin-left: 5%;
	background-color: #4a90e2;	
	border-radius: 2px;
	text-decoration: none;
	font-family: Montserrat;
	font-size: 12px;
	font-weight: 600;
	font-stretch: normal;	
	font-style: normal;
	line-height: 1.5;
	letter-spacing: 0.67px;
	text-align: center;
	color: #ffffff;
	margin-top: 5px;
	margin-bottom: 5px;
}

.notification-menubox-notification-button-enable:hover{
	cursor: pointer;
}

/* The switch - the box around the slider */
.switch {
	position: relative;
	display: inline-block;
	width: 46px;
	height: 24px;
}

/* Hide default HTML checkbox */
.switch input {
	opacity: 0;
	width: 0;
	height: 0;
}

/* The slider */
.slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: .4s;
	transition: .4s;
}

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

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

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

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

/* Rounded sliders */
.slider.round {
	border-radius: 18px;
}

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

.manage-notification-box-horizontal{
	display: flex;
	align-items: baseline;
	padding-bottom: 20px;
}

.manage-notification-box-horizontal-internal{
	display: flex;
	align-items: baseline;
	padding-bottom: 10px;
}

@media (max-width: 767px) { 

	.manage-notification-box-horizontal{
		flex-direction: column;
	}

}



.manage-notification-box-title{
	width: 200px;
	padding-right: 20px;
	font-family: Montserrat;
	font-size: 18px;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.06;
	letter-spacing: normal;
	color: #5d6a7b;
	padding-bottom: 5px;
}

.inputemail{
	font-size: 18px;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: left;
	color: #02264e;
	resize: none;
	font-family: Montserrat;
	background: transparent;
	border: solid 1px #5d6a7b;
	border-radius: 6px;
	padding-left: 10px;
	padding-top: 4px;
	padding-bottom: 4px;
}

.inputemail-okbutton {
	background-color: #4a90e2;
	border-radius: 2px;
	text-decoration: none;
	font-family: Montserrat;
	font-size: 12px;
	font-weight: 600;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.5;
	letter-spacing: 0.67px;
	text-align: center;
	color: #ffffff;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-right: 12px;
	padding-left: 12px;
	position: relative;
	margin-left: 5px;
}

.inputemail-okbutton.disabled{
	pointer-events: none;
	background-color: #dfe1e0;
}

.inputemail-okbutton.submitted{
	pointer-events: none;
	background-color: #029c5e;
}


.inputemail-okbutton:hover{
	cursor:pointer;
}

.inputemail-deletebutton {
	background-color: #c35c5c;
	border-radius: 2px;
	text-decoration: none;
	font-family: Montserrat;
	font-size: 12px;
	font-weight: 600;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.5;
	letter-spacing: 0.67px;
	text-align: center;
	color: #ffffff;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-right: 12px;
	padding-left: 12px;
	position: relative;
	margin-left: 5px;
}

.inputemail-deletebutton:hover{
	cursor:pointer;
}


.mycollection-collector-greybottom {
	background-color: #fbfbfb;
	border-top: solid 1px #fbfbfb;
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-top: 20px;
	padding-bottom: 30px;
}

.notification-card-vignette-made{
	font-family: Montserrat;
	font-size: 8px;
	font-weight: 300;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.75;
	letter-spacing: normal;
	color:#5d6a7b;
}

.place-bid-asking-price-title:hover{
	cursor: pointer;
}


.place-bid-asking-price-amount:hover{
	cursor: pointer;
}

.place-bid-asking-price-currency:hover{
	cursor: pointer;
}

.cryptograph-card-datacard-asking-price-alt:hover{
	cursor: pointer;
}

.nohover:hover{
	cursor: auto;
}

.cryptograph-card-datacard-highest-bid-value-yourbid {
    font-size: 20px;
    font-family: Montserrat;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #444e5c;
}

.dcyourbidcontainer{
	padding-top: 0px;
}

@media (max-width: 767px) {
	#hmg-gallery-item-end{
		margin-top: 100px;
	}
	
	
	.mycollection-collector-name-label{
		padding-bottom: 20px;
	}
	
	.mycollection-collector-name{
		padding: 0;
		padding-top: 5px;
		padding-bottom: 10px;
		font-size: 16px;
	}
	
	.mycollection-collector-name-label-address{
		padding-top: 15px;
	}
	
	.mycollection-bodyflex-right-box{
		margin-bottom: 30px;
	}
	
}

.endauctiondiv{
	padding-left: 5%;
	padding-right: 5%;
	margin-bottom: 20px;
	margin-top: 20px;
}

.endauctiontitle{
	font-family: Montserrat;
	font-size: 24px;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.33;
	letter-spacing: normal;
	color:#02264e;
	text-align: center;
	padding-bottom: 10px;
}

.endauctiontext{
	font-family: Montserrat;
	font-size: 16px;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.33;
	letter-spacing: normal;
	color: #444e5c;
	text-align: center;
}

.crycard-upcomingAuctionText{
	font-family: Montserrat;
	font-size: 16px;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.33;
	letter-spacing: normal;
	color: #444e5c;
	text-align: center;
}

.crycard-upcomingAuctionTimer{
		font-size: 18px;
			font-weight: 600;
}

.collectorprofile-tabs-mobileicon{
	width: 20px;
	height: 20px;
}

@media (max-width: 767px) {
	.myactivity-datacard-inside{
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	
	.myactivity-datacard-inside-left{
		width: 100%;
		display: flex;
		padding-bottom: 10px;
	}
	
	.myactivity-datacard-inside-left-portrait-container{
		width: 50%;
	}
	
	.infocard-mobileData{
		width: 50%;
		padding-left: 5%;
	}
	
	.myactivity-datacard-inside-center{
		width: 100%;
		padding-left: 0;
	}
	
	.myactivity-datacard-inside-status{
		max-width: 100%;
		margin-bottom: 5px;
	}
	
	.myactivity-datacard-inside-right{
		display: none;
	}
	
	.myactivity-datacard-infoline{
		flex-direction: column;
	}
	
	.myactivity-datacard-infoline-pair{
		flex-direction: row;
		width: 100%;
		align-items: baseline;
		justify-content: flex-start;
	}
	
	.myactivity-datacard-infoline-label{
		width: 80px;
	}
}

.gallery-auction-msg{
	margin-bottom: 1em;
	font-size: 18px;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.11;
	letter-spacing: normal;
	color: #5d6a7b;
}

.gallery-auction-msg.darkblue{
	color: #00336a;
}

.gallery-auction-msg.elecblue{
	color: #4a90e2;
}

.gallery-auction-msg.red{
	color:#c35c5c;;
}


.gallery-timer{
	padding-top: 0em;
	display: none;
	display: flex;
	align-items: baseline;
}

.gallery-timer-label{
	font-family: Montserrat;
	font-size: 12px;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.33;
	letter-spacing: normal;
	color: #a6adb1;
	padding-bottom: 5px;
	margin-right: 7px;
}

.gallery-timer-timing{
	font-family: Montserrat;
	font-size: 16px;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.33;
	letter-spacing: normal;
	color: #00336a;
}

.gallery-cryptograph-description-ownedby{
	display: flex;
	margin-top: 30px;
	margin-bottom: 20px;
	align-items: baseline;
}

.gallery-cryptograph-description-ownedbylabel{
	font-size: 12px;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: 2;
	letter-spacing: normal;
	color: #a6adb1;
	width: auto;
}

.gallery-cryptograph-description-ownedbyusername{
	font-size: 12px;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	line-height: 1;
	letter-spacing: 1px;
	color: #00336a;
	text-decoration: none;
}

.owner-avatar-gallery{
	border-radius: 10px;
	overflow: hidden;
	width: 20px;
	height: 20px;
	margin-top: -3px;
	position: relative;
	top: 5px;
	margin-left: 7px !important;
	margin-right: 5px !important;
}

.homepage-owner-link{
	align-items: baseline;
	display: flex;
}

.cryptograph-card-item-owner-container.lastsold{
	align-items: baseline;
	display: flex;
}

.cryptograph-card-item-type-text.lastsold{
	margin-right: 4px;
}

.cryptograph-card-item-type-text.ethamountsold{
	margin-right: 2px;
	font-size: 18px;
	font-weight: 600;
}

.cryptograph-card-item-type-text.ethamountsoldeth{
	margin-right: 4px;
	font-weight: 600;
}
.cryptograph-card-item-type-text.lastsoldon{
	margin-right: 4px;
}

.cryptograph-card-item-type-clickable-bought:hover{
	cursor: pointer;
}

.c-rights{
	border: none;
	top: 5px;
	left: 0px;
}


.cryptograph-details-video-container{
	margin-top: 150px;
	display: flex;
	width: 95%;
	margin-left: 2.5%;
	align-items: center;
	justify-content: center;
}

.cryptograph-details-video-element{
	overflow: hidden;
	border-radius: 6px;
}

.mycollection-bodyflex-getverified-message-box{
	width: 90%;
	border-radius: 4px;
	border: solid 1px rgba(0, 0, 0, 0.1);
	background-color: #ffffff;
	padding-left: 5%;
	padding-right: 5%;
	padding-top: 15px;
	padding-bottom: 15px;
	margin-bottom: 20px;
	display: flex;
}

.mycollection-bodyflex-getverified-message-text{
	width: 100%;
	font-family: Montserrat;
	font-size: 14px;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #02264e;
}

.mycollection-bodyflex-getverified-message-shield{
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 20px;
}

.mycollection-bodyflex-getverified-message-shield-img{
	width: 30px;
}

.mycollection-yourcollection-id-verified{
	display:flex;
	align-items: center;
}

@media (max-width: 767px) {
	.gallery-cryptograph-description-ownedby{
		margin-top:30px;
	}
	
	.cryptograph-details-video-container{
	margin-top: 50px;
	}
}

.verify-id-page-centerblock{
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: flex-start;
	margin-top: 10vh;
	margin-left: 5%;
	width: 90%;
}

.verify-id-page-title{
	font-family: Montserrat;
	font-size: 30px;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.83;
	letter-spacing: normal;
	color: #02264e;
	margin-bottom: 30px;
	text-align: center;
}

.verify-id-page-text{
	max-width: 900px;
	text-align: center;
    font-family: Montserrat;
    font-size: 16px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: 2.81;
    letter-spacing: normal;
    color: #5d6a7b;
	margin-bottom: 20px;
}

.verify-id-page-text.nxt{
	max-width: 500px;
}

@media (max-width: 767px) {
	.verify-id-page-text{
		font-size: 14px;
		
	}
}

.goBackButtonKyc{
	width: 150px;
	border: solid 1px #4a90e2;
	color: #4a90e2;
	background-color: white;
	border-radius: 2px;
	text-decoration: none;
	font-family: Montserrat;
	font-size: 14px;
	font-weight: 600;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.5;
	letter-spacing: 0.67px;
	text-align: center !important;
	max-width: 200px;
	padding-top: 12px;
	padding-bottom: 12px;
	margin-top: 30px;
}

.goBackButtonKyc.fullblue{
	color: white;
	background-color: #4a90e2;
}

.goBackButtonKyc:hover{
	cursor:pointer;
}

.logoanimated-kyc{
	display: flex;
	justify-content: center;
	padding-top: 15px;
	padding-bottom: 10px;
	text-align: center;
	width: 200px;	
	margin-bottom: 30px;
}

.gift-input-container{
	display: flex;
	align-items: center;
	margin-left: 35px;
	margin-top: 25px;
	width: 100%;
	margin-bottom: 10px;
}

.gift-input-ici-la-boite{
	position: relative;
	width: 100%;
}

.gift-input-input{
	width: 30em;
	border-radius: 2px;
	border: solid 1px rgba(0, 0, 0, 0.1);
	height: 40px;
	font-family: Montserrat;
	font-size: 14px;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #444e5c;
	padding-left: 20px;
}

.place-bid-button-dabutton.gift{
	background-color: #70bbc5;
}

.mycollection-collector-box-inbox.nohover:hover{
	cursor:default;
}
.mycollection-collector-box-inbox-withdraw.nohover:hover{
	cursor:default;
}

.mycollection-collector-current-balance{
	display:flex;
	align-items: baseline;
}

.manage-prepay-box-horizontal{
	display: flex;
	align-items: baseline;
	padding-bottom: 10px;	
	padding-top: 10px;	
	margin-left: 35px;
}

.manage-prepay-box-title{
	font-family: Montserrat;
	font-size: 14px;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.5;
	letter-spacing: 0.5px;
	color: #5d6a7b;
	padding-right: 10px;
}

.select-class{
	border-radius: 6px;
	font-family: Montserrat;
	font-size: 14px;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.5;
	letter-spacing: 0.5px;
	color: #5d6a7b;
	padding: 3px;
}

.select-class option{
	font-family: Montserrat;
	font-size: 14px;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.5;
	letter-spacing: 0.5px;
	color: #5d6a7b;
}

.centerflex{
	display: flex;
	align-items: baseline;
	justify-content: center;
}

.charityTitle{
	margin-top: 150px;
}



.charity-desc-para{
	margin-top: 30px;
	margin-left: 30%;
	width: 40%;
	font-family: Montserrat;
	font-size: 16px;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: 2.81;
	letter-spacing: normal;
	color: #5d6a7b;
	text-align: left;
	margin-bottom: -20px;
}

.arbitrary-wrapper{
	margin-top: 70px;
	width: 30%;
	margin-left: 35%;
}

@media (max-width: 1280px) {
	
	.arbitrary-wrapper{
		margin-top: 70px;
		width: 50%;
		margin-left: 25%;
	}
	
}


@media (max-width: 767px) {
	
	.charityTitle{
		margin-bottom: -50px;
	}
	
	.charity-desc-para{
		margin-top: 70px;
		margin-bottom: -30px;
		width: 90%;
		margin-left: 5%;
		text-align: justify;
	}
	
	.cryptograph-details-charity-text.inboxing{
		margin-left: 40px;
		margin-right: 40px;
		margin-bottom: 30px;
		text-align: justify;
	}
	
	.arbitrary-wrapper{
		margin-top: 70px;
		width: 90%;
		margin-left: 5%;
	}

}


@media (min-width: 767px) {
	
	.cryptograph-details-charity-left.alt{
		order:2;
		margin-left: 5%;
	}

	.cryptograph-details-charity-right.alt{
		order:1;
		margin-left: 0%;
		text-align: right;
	}
}

.youtuberesponsive {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}


.youtuberesponsive iframe, .youtuberesponsive object, .youtuberesponsive embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.gallery-cryptograph-nocryptographtodisplay{
	padding-left: 10%;
	padding-right: 10%;
	padding-top: 0vh;
	font-size: 24px;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 2.3px;
	color: #00336a;
	text-align: center;
	margin-top: -10vh;
}

@media (max-width: 767px) {
	.gallery-cryptograph-nocryptographtodisplay{
		margin-top: 0vh;
	}
}

.verify-id-page-inputblock{
	display: flex;
	align-items: baseline;
	width: 100%;
	justify-content: center;
	max-width: 600px;
}

.verify-id-page-inputblock-label{
	text-align: right;
	font-family: Montserrat;
	font-size: 16px;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: 2.81;
	letter-spacing: normal;
	color: #5d6a7b;
	margin-bottom: 20px;
	width:40%;
	margin-right: 5px;

}

.verify-id-page-inputblock-input{
    font-size: 18px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #02264e;
    resize: none;
    font-family: Montserrat;
    background: white;
    border: solid 1px #5d6a7b;
    border-radius: 6px;
    padding-left: 10px;
    padding-top: 4px;
    padding-bottom: 4px;
	margin-left: 5px;
	width: 40%;
}

.green{
	color: #029c5e;
}

.verify-id-page-text.red{
	color:#c35c5c;
}

.smollGiftAddress{
	font-size: 12px;
}

.torusIframe{
	z-index: 200;
}

.button-open-wallet{
    margin-top: 10px;
    height: 20px;
    background-color: #4a90e2;
    border-radius: 2px;
    font-family: Montserrat;
    font-size: 18px;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 1.1px;
    text-align: center;
    color: #ffffff;
    padding-top: 10px;
    padding-bottom: 10px;
	padding-left:10px;
	padding-right:10px;
	width: max-content;
	min-width: max-content;
}


.button-open-wallet.logout{

    background-color: #c35c5c;

}

.button-open-wallet.geteth{
    background-color: #029c5e;

}

.button-open-wallet.blueonwhite{
	border: solid 1px #4a90e2;
	color: #4a90e2;
	background-color: white;
	border-radius: 2px;
}


.button-open-wallet:hover{
	cursor:pointer;
}


.address-share-button{
	margin-left: 10px;
	height: 25px;
	width: 25px;
}

.address-share-button:hover{
	cursor:pointer;
}
.address-share-button img{
	height:100%;
}

.collector-TopUpButton{
	position:relative;
	top: -6px;
    margin-left: 5%;
    height: 10px;
	border: solid 1px #4a90e2;
    color: #4a90e2;
	background-color: white;
    border-radius: 2px;
    font-family: Montserrat;
    font-size: 12px;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 1.1px;
    text-align: center;
    padding-top: 6px;
    padding-bottom: 10px;
	width: 6em;
    max-width: 200px;
}

.collector-TopUpButton{
	cursor:pointer;
}

.button-get-started.torusbtn{
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 16px;
	height: 75px;
	font-size:14px;
	margin-left: 15%;
	margin-right: 15%;
}



.torusRecommenndedImgButtons{
	height: 50%;
	margin-bottom:5px;
}

.button-get-started.mtmskbtn{
    justify-content: center;
    padding-top: 5px;
    align-items: center;
    flex-wrap: nowrap;
    flex-direction: row;
    height: 60px;
    display: flex;
	border: solid 1px #4a90e2;
    color: #4a90e2;
	background-color: white;
	
}

.metamaskogobtnimg{
	height:45px;
}

.get-started-box.torus{
	max-width: 300px;
}

.my-wallet-text-p{
	font-family: Montserrat;
	font-size: 16px;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: 2.1;
	letter-spacing: normal;
	color: #5d6a7b;
	padding-bottom: 5px;
}
.my-wallet-text-p a{
	color: #5d6a7b
}

/* Added for devices management - iPhone X */
.view-devices-partition ul {
	font-family: Montserrat;
	font-size: 18px;
	font-weight: 600;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: 1.38px;
	color: #5d6a7b;
	list-style-type: none;
	padding: 0;
	padding-bottom: 15px;
	margin: 0;
}
.view-devices-partition ul li {
	border: 1px solid #ddd;
	margin-top: -1px;
	background-color: #f6f6f6;
	padding: 12px;
	text-decoration: none;
	font-size: 18px;
	color: black;
	display: block;
	position: relative;
}
.view-devices-partition ul li:hover {
	background-color: #eee;
}
.view-devices-partition-button {
	cursor: pointer;
	position: absolute;
	top: 50%;
	right: 0%;
	padding: 12px 16px;
	transform: translate(0%, -50%);
}
.delete-device-dismiss-button {
	transform: rotate(-1deg);
	font-family: Montserrat;
	font-size: 16px;
	font-weight: 600;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: center;
	color: #02264e;
	border-radius: 2px;
	margin-top: 10px;
	padding-top:24px;
	padding-bottom: 24px;
}
.delete-device-confirm-button{
	margin-left: 7%;
	width: 86%;
	background-color: #4a90e2;
	border-radius: 2px;
	margin-top: 10px;
	text-align: center;
	font-family: Montserrat;
	font-size: 18px;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 1.1px;
	color: #ffffff;
	padding-top:24px;
	padding-bottom: 24px;
}
.delete-device-confirm-button:hover,
.delete-device-dismiss-button:hover {
	cursor: pointer;
}
.delete-device-confirm-button-disabled{
	margin-left: 7%;
	width: 86%;
	background-color: #a8a8a8;
	border-radius: 2px;
	margin-top: 10px;
	text-align: center;
	font-family: Montserrat;
	font-size: 18px;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 1.1px;
	color: white;
	padding-top:24px;
	padding-bottom: 24px;
}
.checkWithQr {
	padding-bottom: 8px;
}
.button {
	position: relative;
	padding: 8px 16px;
	background: #009579;
	border: none;
	outline: none;
	border-radius: 2px;
	cursor: pointer;
  }
  
.button:active {
background: #007a63;
}

.button__text {
transition: all 0.2s;
}

.button--loading .button__text {
visibility: hidden;
opacity: 0;
}

.button--loading::after {
content: "";
position: absolute;
width: 16px;
height: 16px;
top: 45px;
left: 0;
right: 0;
bottom: 0;
margin: auto;
border: 4px solid transparent;
border-top-color: #ffffff;
border-radius: 50%;
animation: button-loading-spinner 1s ease infinite;
}

@keyframes button-loading-spinner {
	from {
		transform: rotate(0turn);
	}

	to {
		transform: rotate(1turn);
	}
}
/* end - added for devices management */

.my-wallet-button-line{
	display: flex;
	width: 100%;
	flex-wrap: wrap;
}

.homepageButtons{
	display: flex;
	width: 100%;
}

.gallery-getstarted-button{
	font-size: 12px;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	line-height: 1;
	letter-spacing: 1px;
	text-align: center;
	color: white;
	width: 150px;
	padding: 14px;
	background-color: #4a90e2;
	border-color: #4a90e2;
	border-style: solid;
	border-width: 2px;
	border-radius: 2px;
	text-decoration: none;
	margin-right: 20px;
}

.gallery-getstarted-button:hover{
	cursor: pointer;
}

.homepageparatext{
	font-size: 18px;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.9;
	letter-spacing: normal;
	color: #fff;
	margin-bottom: 20px;
	max-width: 800px;
	padding-right: 5%;
}

.homepageflexbox{
	display:flex;
	margin-top: 40px;
	flex-wrap: wrap;
}

.homepageflexbox-left{
	padding-top: 10vh;
	display: flex;
	height: 70vh;
	flex-wrap: wrap;
	margin-left: 120px;
	width: calc(50% - 120px);
	flex-direction: column;
	justify-content: center;
}

.homepageflexbox-right{
	display: flex;
	align-items: center;
	width: 50%;
	padding-top: 20vh;
	height: 60vh;
}

.galleryimgtopdiv{
	padding-left: 5%;
	padding-right: 5%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.gallerytopimg-img{
	width: 100%;
}

.galleryvideotopdiv{
	padding-left: 15%;
	padding-right: 5%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.profileImgProteccDiv{
	height: 200px;
	margin-bottom: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.profileImgProteccDiv.smoll{
	padding-top: 70px;
	height: 100px;
}

.profileImgProtecImg{
	height: 100%;
}


.galleryvideotopdivresponsive {
	position: relative;
	padding-bottom: 60%;
	height: 0;
	overflow: hidden;
	border-radius: 6px;
	max-width: 40vw;
}

#galleryvideodisplay {
	width: 60%;
}


@media (max-width: 1300px){
	.homepageflexbox-right{
		width: 100%;
		display: none;
	}
	
	.homepageflexbox-left{
		width: 100%;
	}
}

@media (max-width: 767px){
	.homepageflexbox{
		display:flex;
		margin-top: 40px;
	}
	
	.homepageflexbox-left{
		margin-left: 5%;
		margin-top: 70px;
		padding-top: 0;
		height: auto;
	}
	
	.homepageflexbox-right{
		margin-top: 35px;
		padding-top: 0;
		height: auto;
		display: flex;
	}
	
	.homepageparatext{
		font-size: 14px;
	}
	
	
	.gallery-getstarted-button{
		width: 75px;
	}
	
	.galleryvideotopdivresponsive{
		max-width: 90vw;
		padding-bottom: 0%;
		height: auto;

	}
	
	#galleryvideodisplay {
		width: 100%;
	}
	
	.galleryvideotopdiv{
		padding-left: 5%;
		padding-right: 5%;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	
}


.cryptograph-about-goals{
	margin-top: 30px;
	margin-bottom: 50px;
	display: flex;
	width: 90%;
	margin-left: 5%;
	align-items: center;
	justify-content: center;
}

.cryptograph-about-goals-img{
	width: 100%;
	max-width: 900px;
}

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


.YotiCertificationsImg{
	max-width: 400px;
	margin-bottom: 40px;
}

.place-bid-button-list-container{
	display: flex;
	margin-left: 35px;
	align-items: baseline;
	flex-wrap: wrap;
}

.place-bid-button-list-button{
    height: 10px;
    border: solid 1px #a6adb1;
    color: #a6adb1;
    background-color: white;
    border-radius: 2px;
    font-family: Montserrat;
    font-size: 12px;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 1.1px;
    text-align: center;
    padding-top: 6px;
    padding-bottom: 10px;
    width: auto;
    max-width: 200px;
	padding-left: 10px;
	padding-right: 10px;
	margin-right: 10px;
	margin-top: 10px;
}



.place-bid-button-list-button:hover{
	cursor: pointer;
}

.auctiontriggerbuttonprefill{
	height: 10px;
    border: solid 1px #a6adb1;
    color: #a6adb1;
    background-color: white;
    border-radius: 2px;
    font-family: Montserrat;
    font-size: 12px;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 1.1px;
    text-align: center;
    padding-top: 6px;
    padding-bottom: 10px;
    width: auto;
    max-width: 200px;
	padding-left: 10px;
	padding-right: 10px;
	margin-right: 10px;
}

.auctiontriggerbuttonprefill:hover{
	cursor: pointer;
}

.place-bid-getethbutton{
	text-decoration: none;
	height: 10px;
	border: solid 1px #4a90e2;
	color: #4a90e2;
	background-color: white;
	border-radius: 2px;
	font-family: Montserrat;
	font-size: 12px;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 1.1px;
	text-align: center;
	padding-top: 6px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	margin-top: 10px;
}

.contactUsSubsecTitle{
	font-family: Montserrat;
	font-size: 30px;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.83;
	letter-spacing: normal;
	color: #02264e;
	margin-bottom: 15px;
	margin-left: 10%;
}

.cryptograph-about-collage-img{
	height: 85vh;
}

.get-started-box.haxxor{
	background-image: url("/assets/media/AuthenticityBackground.jpg");
	background-color: #fff;  
	background-position: center; /* Center the image */
	background-repeat: no-repeat; /* Do not repeat the image */
	background-size: cover; /* Resize the background image to cover the entire container */ 
}

.get-started-text.haxxor{
	color: #4a90e2;
}

.auth-link-desc.haxxor{
	color: #4a90e2;
	position: relative;
	top: -10px;
}

.haxxorBox{
	background-color: #fff;  
	border-radius: 6px;
	border: solid 2px;
	border-color: #4a90e2;
	width: max-content;
	margin-left: auto;
	margin-right: auto;
	display: flex;
	justify-content: center;
	align-items: center;
	padding-right: 10px;
	padding-left: 10px;
	height: max-content;
	margin-top: 15px;
	text-decoration: none;
}

.haxxorBox.clickable:hover{
	cursor: pointer;
}


.get-started-text.haxxor{
	margin: 0;
	margin-top: 5px;
}

@media (max-width: 767px) {
	.cryptograph-about-collage-img{
		height: auto;
		width: 90vw;
	}
	
	.gallery-odd{
		text-align: left;
	}
	
	.gallery-odd .gallery-cryptograph-description-flavour{
		margin-left: unset;
	}
}


.bidHistory-MainBoard{
	padding-top: 30px;
	width: calc(100% - 90px);
	margin-left: 45px;
	display: flex;
	flex-direction: column;
	padding-bottom: 30px;
	font-size: 14px;
}

.bidHistory-anEvent{	
	display: flex;
	width: 100%;
	align-items: baseline;
	justify-content: left;
	margin-bottom: 10px;
	border-bottom: solid 1px;
	flex-wrap: wrap;
}

.bidHistory-timestamp{
	width: 160px;
	padding: 5px;
}

.bidHistory-blockNumber{
	width: 110px;	
	padding: 5px;
}

.bidHistory-event{
	width: 160px;
	padding: 5px;
}

.bidHistory-subject{
	width: 130px;
	padding: 5px;
}

.bidHistory-Amount{
	padding: 5px;
	text-align: right;
	width: max-content;
}

.bidHistory-Amount-AltCurrency{
	padding: 5px;
	text-align: right;
	width: max-content;
	color: #5d6a7b;
	font-size: 10px;
}

.darkblueHistory div{
	color: #02264e;
}

.darkblueHistory{
	border-color: #02264e;
}

.darkblueHistory div a{
	color: #02264e;
}

.greenHistory div{
	color: #029c5e;
}

.greenHistory div a{
	color: #029c5e;
}

.greenHistory{
	border-color: #029c5e;
}

.electricbluehistory div{
	color: #4a90e2;
}

.electricbluehistory div a{
	color:	#4a90e2;
}

.electricbluehistory{
	border-color: #4a90e2;
}

.cryptograph-mycollection-whitebox.bidhistory{
	width: 90%;
	max-width: 900px
}

.BidHistory-datacard{
	font-size: 12px;
	color: #02264e;
}


.firstBidderEnticeDiv {
	padding-left: 5%;
	padding-right: 5%;
	margin-bottom: 10px;
	margin-top: 10px;
}

.firstBidderEnticetext {
	font-family: Montserrat;
	font-size: 14px;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.33;
	letter-spacing: normal;
	color: #5d6a7b;
	margin-left: auto;
	margin-right: auto;
}

.senateBG{
	margin: 0;
	padding: 0;
	position: relative;
	background-image: url("https://cryptographwebsitebucket.s3.eu-west-2.amazonaws.com/_websitemedia/Roman+Senate.jpg");
	background-repeat: no-repeat;
	background-attachment: fixed;
  	background-position: center;
	background-size: cover;
}

.wrappedwhitesenatebox{
	padding: 20px;
	background-color: rgba(255,255,255,0.8);
	border-radius: 6px;
	width: max-content;
}

.senateTitleDiv{
	margin-left: 42.7%;
	margin-right: auto;
	margin-top: 20px;
}

.senateQuickSummaryTitle{
	font-weight: 600;
}

.senateQuickSummaryBody{
	margin-top: 20px;
	margin-left: 5%;
	margin-right: 5%;
	width: 90%;
	font-size: 14px;
}

.senateColumns{
	display: flex;
}

.senateColumnLeft{
	margin-left: 5%;
	width: 30%;
	align-items: center;
}
.senateColumnRight{
	margin-left:5%;
	width : 55%;
	align-items: center;
}


.senateLawSelectorWrap{
	padding-top: 10px;
	padding-bottom: 10px;
}

.senateShortSummary{
	margin-top: 10px;
	font-style: italic;
}

.senateLongSummary{
	margin-top: 10px;
}

.senateVoteButtonBoxWrap{
	padding-top: 30px;
	display: flex;
	width: 90%;
}

.senateButton{
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	border-radius: 2px;
	background-color: #029c5e;
	font-size: 14px;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	line-height: 1;
	letter-spacing: 1px;
	text-align: center;
	color: #ffffff;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
	padding-left: 10px;
}

.senateButton:hover{
	cursor: pointer;
}

.senateButtonNo{
	background-color: #c35c5c;
}

.mv-order-bar-wrapper{
	display: flex;
	margin-left: 15%;
	width: 70%;
	margin-bottom: 50px;
	align-items: baseline;
	flex-wrap: wrap;
}


.mv-inputfilter{
	border-radius: 3px;
	font-family: Montserrat;
	font-size: 12px;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #444e5c;
	border: solid 1px rgba(0, 0, 0, 0.1);
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 25px;
	width: 400px;
}

.mv-inputfilter::placeholder{
	font-family: Montserrat;
	font-size: 12px;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #444e5c;
	opacity: 0.7;
	
}

.mv-bar-block{
	display: flex;
	align-items: baseline;
	margin-right: 20px;
	margin-bottom: 20px;
}




.mv-order-bar-text-orderby{
	font-size: 16px;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	line-height: 1;
	letter-spacing: 1px;
	color: #02264e;
	margin-right: 10px;
}

.mv-order-bar-text-filter{
	font-size: 16px;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	line-height: 1;
	letter-spacing: 1px;
	color: #02264e;
	margin-right: 10px;
}

.mv-datacardboard-container{
	display: flex;
	margin-left: auto;
	margin-right: auto;
	width: 1300px;
	flex-wrap: wrap;
	justify-content: space-between;
	min-height: calc(100vh - 454px);
	margin-bottom: 50px;
}

@media (max-width: 1500px) {
	.mv-datacardboard-container{
		width: 850px;
	}
}

@media (max-width: 1000px) {
	.mv-datacardboard-container{
		width: 350px;
	}
}

.mv-acard{
	padding: 5px;
	margin-bottom: 30px;
}


.mv-whitecard{
	background-color: #fff;
	border-radius: 6px;
	padding: 20px;
	border: solid 1px rgba(0, 0, 0, 0.1);
	width: 350px;
}

.mv-datacard-title{
	height: 5em;
	text-align: center;
}

.mv-main-img-container{
	position: relative;
	width: auto;
	display: flex;
	/* justify-content: center; */
	/* align-items: center; */
	pointer-events: none;
	z-index: 0;
	height: 350px;
	width: 350px;
	overflow: hidden;
	border-radius: 6px;
}

.mv-main-img-content{
	z-index: 0;
	pointer-events: auto;
	object-fit: contain;
	object-position: 50% 50%;
	/* border-radius: 6px; */
	background-color: white;
	max-width: 350px;
	max-height: 350px;
	margin-left: auto;
	margin-right: auto;
}


.mv-main-video-container{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
	width: 100%;
	height: 100%;
	display: none;
	animation: fadageinhmpg 0.5s linear 1;
	animation-play-state: initial; 
	justify-content: center;
	align-items: center;
	border-radius: 6px;
}

.mv-main-img-container:hover .mv-main-video-container{
	animation-play-state: running;
	display : flex;
}

.mv-datacard-worktitle{
	font-size: 20px;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	line-height: 1;
	letter-spacing: 1px;
	color: #02264e;
	margin-top: 20px;
	margin-bottom: 10px;
}

.mv-datacard-creator{
	font-size: 16px;
	font-weight: 400;
	font-style: normal;
	font-stretch: normal;
	line-height: 1;
	letter-spacing: 1px;
	color: #5d6a7b;
	margin-top: 5px;
	/* font-style: italic; */
}

.mv-datacard-ownerbox{
	padding-bottom: 15px;
}

.mv-ownedby{
	font-family: Montserrat;
	font-size: 12px;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 0.5px;
	color: #5d6a7b;
}

.mv-ownedby-line{
	display: flex;
	align-items: baseline;
}

.mv-pricing-box{
	display: flex;
	margin-top: 25px;
	width: 100%;
}

.mv-pricing-column{
	width: 50%;
	text-align: center;
}

.mv-pricing-title{
	font-family: Montserrat;
	font-size: 12px;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 0.5px;
	color: #5d6a7b;
}

.mv-pricing-value{
	font-family: Montserrat;
	font-size: 14px;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 0.5px;
	color: #5d6a7b;
	margin-top: 5px;
}

.mv-pricing-value-alt{
	font-family: Montserrat;
	font-size: 10px;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 0.5px;
	color: #5d6a7b;
	margin-top: 5px;
}

.mv-countdownbox-label{
	font-family: Montserrat;
	font-size: 14px;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 0.5px;
	color: #02264e;
	margin-top: 15px;
}


.mv-countdownbox-timeleft{
	font-family: Montserrat;
	font-size: 14px;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 0.5px;
	color: #5d6a7b;
}

.ascdesc{
	margin-left: 10px;
	
}

.mv-eth-symbol{
	font-family: "Source Sans Pro", sans-serif;
	font-size: 12px;
	color: #5d6a7b;
	font-weight: 300;
}

.mv-alwayslast{
	order: 2147483647;
	width: 312px;
}

.mv-filterokButton{
	background-color: #4a90e2;
	border-radius: 2px;
	text-decoration: none;
	font-family: Montserrat;
	font-size: 12px;
	font-weight: 600;
	font-stretch: normal;
	font-style: normal;
	line-height: 2.5;
	letter-spacing: 0.67px;
	text-align: center;
	color: #ffffff;
	padding-right: 12px;
	padding-left: 12px;
	margin-left: 10px;
}

.mv-filterokButton:hover{
	cursor:pointer;
}

.mv-bidnow{
	font-size: 14px;
	font-weight: 600;
	color: #4a90e2;
}

.mv-chk-block{
	margin-bottom: 10px;
	margin-right: 10px;
}

.mv-chk-label{
	font-size: 14px;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	line-height: 1;
	letter-spacing: 1px;
	color: #02264e;
}

.mv-order-bar-filter-input-wrapper{
	position: relative;
}

.mv-input-magnifier-icon{
	position: absolute;
	top: 6px;
	left: 6px;
	font-size: 12px;
}

.mv-chk-input:hover{
	cursor: pointer;
}

.mv-chk-label:hover{
	cursor: pointer;
}

.mv-bidNowWhiteCard{
	border: solid 2px rgba(74, 144, 226, 1);
}

.mv-upcomingWhiteCard{
	border: solid 2px rgba(0, 51, 106, 1);
}

@media (max-width: 767px) {
	
	.mv-order-bar-wrapper{
		margin-left: 5%;
		width: 90%;
		margin-bottom: 10px;
	}
	
	.mv-bar-block{
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start;
	}
	
	.mv-order-bar-text-orderby{
		font-size: 12px;
		margin-bottom: 20px;
	}
	
	.mv-order-bar-text-filter{
		font-size: 12px;
		margin-bottom: 20px;
	}
	
	.mv-inputfilter{
		width: 70vw;
	}
		
		
	.mv-whitecard{
		width: 80vw;
		padding: 20px;
	}
	
	.mv-main-img-container{
		width: 80vw;
		max-height: 80vw;
	}
	
	.mv-main-img-content{
		max-width: 80vw;
		max-height: 80vw;
	}
	
	.mv-datacardboard-container{
		margin-left: 2%;
		width: 90vw;
	}
	
	.ascdesc{
		margin-left: 0px;
		margin-top: 10px;
	}
	
	.contact-us-title{
		margin-top: 80px;
	}
}

.inputMailSubPopup {
	margin-top: 20px;
	font-size: 18px;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: left;
	color: #02264e;
	resize: none;
	font-family: Montserrat;
	background: transparent;
	border: solid 1px #5d6a7b;
	border-radius: 6px;
	padding-left: 10px;
	padding-top: 4px;
	padding-bottom: 4px;
	margin-left: auto;
	margin-right: auto;
	width: 90%;
	max-width: 300px;
	display: block;
}

.mailpopbuttonokwrapper{
	margin-top: 20px;
	width: 150px;
	margin-left: auto;
	margin-right: auto;
}

.footerMailGalleryText{
	margin-top: 50px;
	font-family: Montserrat;
	font-size: 12px;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 1.1px;
	color: white;
	text-align: center;
}

.footerMailGalleryLine{
	display: flex;
	width: 100%;
	align-items: baseline;
	padding-top: 10px;
	justify-content: center;
	margin-top: 10px;
	margin-bottom: 10px;
}

.inputMailSubFooter {
	font-size: 14px;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: left;
	color: #02264e;
	resize: none;
	font-family: Montserrat;
	background: white;
	border: solid 1px #5d6a7b;
	border-radius: 6px;
	padding-left: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	width: 300px;
	display: block;
}

.footerMailGallery{
	width: 100%;
}

/* 3D objects rendering */
.threeDInpageContainer{
	overflow: hidden; 
	border-radius: 6px;
}

.threeDInpageContainer:hover{
	cursor: url(/assets/style/openhand.png), auto;
}

.threeDInpageContainer.active:hover{
	cursor: url(/assets/style/closedhand.png), auto;
}

/* iframe rendering */
.iframe-image-wrap
{
    width: 100%;
    max-width: 600px;
    margin: 0;
}
.iframe-image-container
{
    position: relative;
    padding-bottom: 110.833%;
    height: 0px;
    overflow: hidden;
}
.iframe-image-container iframe, .iframe-image-container object, .iframe-image-container embed
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}




@media (max-width: 767px) {
	_::-webkit-full-page-media, _:future, :root .place-bid-emballage {
		height: 90vh;
	}
}

_::-webkit-full-page-media, _:future, :root .cryptograph-background-lines {
	background-position: center center;
}


_::-webkit-full-page-media, _:future, :root .hideIOS {
	display: none;
}

.showIOS{
	display: none;
}

_::-webkit-full-page-media, _:future, :root .showIOS {
	display: block;
}


_::-webkit-full-page-media, _:future, :root .navbar-getstarted-button{
	height: 10px;
}



@supports (-webkit-overflow-scrolling: touch) {
	@media (max-width: 767px) {
	
		.cryptograph-details-slider-container{
			min-height: 280px;
		}

		.realslider{
			height: 270px;
		}

		.fakeslider{
			top: 300px;
			
		}

		.place-bid-return-cost-outbid-content{
			font-size: 12px;
		}

		.place-bid-estimated-cost-value-content{
			font-size: 12px;
		}
		
	}
}