html, div, span, iframe, h1, h2, h3, p, blockquote, pre, a, em, img, small,
strong, b, u, i, dl, dt, dd, ol, ul, li, form, label, article, aside, canvas,
details, embed, footer, header, menu, nav, output, section {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
    font: inherit;
    line-height: 1.33em
}

* {
	-moz-osx-font-smoothing:grayscale;
	-webkit-tap-highlight-color:rgba(255, 255, 255, 0);
}

*, * :before, * :after {
	box-sizing: inherit
}

@font-face {
    font-family: "unit-lightregular";
    src: url("fonts/unit-light-webfont.eot");
    src: url("fonts/unit-light-webfont.eot?#iefix") format("embedded-opentype"),
         url("fonts/unit-light-webfont.woff") format("woff"),
         url("fonts/unit-light-webfont.ttf") format("truetype"),
         url("fonts/unit-light-webfont.svg#unit-lightregular") format("svg");
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: "unit-boldregular";
    src: url("fonts/unit-bold-webfont.eot");
    src: url("fonts/unit-bold-webfont.eot?#iefix") format("embedded-opentype"),
         url("fonts/unit-bold-webfont.woff") format("woff"),
         url("fonts/unit-bold-webfont.ttf") format("truetype"),
         url("fonts/unit-bold-webfont.svg#unit-boldregular") format("svg");
    font-weight: normal;
    font-style: normal;

}

html {
    box-sizing: border-box;
    font-size:61%;
    height:100%;
}

body {
	line-height: 1;
    margin: 0;
    padding: 0;
    border: 0;
    font-size:1.2rem;
    font-weight: 300;
    color:#FFF;
    vertical-align: baseline;
    background-color: #121217;
    font-family: "Open Sans", "Helvetica", "Arial", sans-serif;
}

html.notouch.true.page_snap,
html.notouch.true.page_snap body {
	scroll-snap-type: y mandatory;
}

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

article, aside, details, figcaption, figure, footer, header, hgroup,
menu, nav, section {
    display: block
}

b {
    font-weight: 600
}

strong {
    font-weight: 700
}

/* helpers */

.clearfix:before,
.block:before {
	content: "";
	zoom: 1;
	display: block
}

.clearfix:after,
.block:after {
	content: "";
	zoom: 1;
	display: table;
	clear: both
}

.flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.noselect {
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	-khtml-user-select:none;
}

.divider {
	width:100%;
}

.bttn {
	float:left;
	background-color: #379955;
	border:1px solid rgba(255, 255, 255, 0);
	font-size:120%;
	color:#FFF;
	padding:0.5em 1em;
	margin:0.5em;
	border-radius:0.3em;
	width:auto;
	font-weight:600;
	cursor:pointer;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	-khtml-user-select:none;
}

#header, #main, #footer {
	float:left;
    width: 100%;
    padding: 0 0 1em 0;
    margin: 0 auto
}

#main {
    text-align: center;
    padding:0;
}

.maxwidth {
	position:relative;
	width:100%;
	margin: 0 auto
}

html.notouch.true.page_snap .snap {
	scroll-snap-align: start;
}

#header {
	
}

#header h1 {
	margin: 0 auto -5px;
    font-size: 310%;
    font-weight: 500;
    text-align:center;
    color:#63636d;
}

#header h2 {
	 text-align:center;
    font-size: 150%;
    font-weight: 300
}

#mainswipe {
    padding: 1em 0 0 0;
}

#mainswipe img {
	width:100%;
}

#devices {
	margin:-5px auto 0  auto;
    padding: 0 0 1em 0;
    max-width:2000px;
    display:none;
}

#devices .tablet {
	width:24%;
}

#devices .laptop {
	width:48%;
}

#devices .phone {
	width:24%;
}

nav {
	float:left;
	width:100%;
	padding:0;
	background-color:#232323;
	display:none;
}

#inner_nav {
	float:left;
	width:100%;
	height:100%;
	padding:2em 0 0 0;
}

#nav {
	margin:auto;
	width:100%;
	list-style-type: none;
}

#nav li {
	float:left;
	width:100%;
}

#nav li a,
#nav li .navb {
	display:block;
	float:left;
	width:100%;
	font-size:130%;
	font-weight:600;
	color:#ababab;
	padding:1.5em 1em;
	border-bottom:1px solid #343434;
	cursor:pointer;
}

#nav li:nth-child(odd) a {
	background-color: rgba(0, 0, 0, 0.05);
}

#navigator {
	position:fixed;
	top:0;
	left:0;
	z-index:4;
	display:none;
}

#nav_bttn {
	position:relative;
	float:left;
	width: 60px;
	height: 45px;
	margin:0.5em;
	cursor:pointer;
}

#nav_bttn span {
	display: block;
	position: absolute;
	left: 0;
	height: 7px;
	width: 100%;
	background-color: #b7b7b7;
	border-radius: 9px;
	opacity: 1;
	-webkit-transform:rotate(0deg);
	-ms-transform:rotate(0deg);
	transform:rotate(0deg);
	-webkit-transition:-webkit-transform 250ms ease-in-out;
	-ms-transition:-ms-transform 250ms ease-in-out;
	transition:transform 250ms ease-in-out;
}

#nav_bttn span:nth-child(1) {
  top: 0px;
}

#nav_bttn span:nth-child(2),
#nav_bttn span:nth-child(3) {
	top: 18px;
}

#nav_bttn span:nth-child(4) {
	top: 36px;
}

html.show_menu #nav_bttn span:nth-child(1) {
	top: 18px;
	width: 0%;
	left: 50%;
}

html.show_menu #nav_bttn span:nth-child(2) {
  	-webkit-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg);
}

html.show_menu #nav_bttn span:nth-child(3) {
	-webkit-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	transform:rotate(-45deg);
}

html.show_menu #nav_bttn span:nth-child(4) {
	top: 18px;
	width: 0%;
	left: 50%;
}

@media only screen and (min-width:830px) {
	#navigator {
		display:block;
	}
}

.block {
	width:100%;
	max-width:100vw;
	height:auto;
	overflow:hidden;
}

.block .blockcell {
	width:100%;
	height:auto;
	padding:1em;
	margin:auto;
}

.blockcell.bcleft {
	
}

.blockcell img {
	width:100%;
	-webkit-transition:-webkit-transform 600ms ease-out;
	-ms-transition:-ms-transform 600ms ease-out;
	transition:transform 600ms ease-out;
}

.swiper-slide img {
	-webkit-transition:-webkit-transform 200ms ease;
	-ms-transition:-ms-transform 200ms ease;
	transition:transform 600ms 200ms ease;
}

.block:nth-child(odd) .blockcell img {
	-webkit-transform:translate(150%, 0%) rotate(-15deg);
	-ms-transform:translate(150%, 0%) rotate(-15deg);
	transform:translate(150%, 0%) rotate(-15deg);
}

.swiper-slide img {
	-webkit-transform:rotate(-1deg) scale(0.95, 0.95);
	-ms-transform:rotate(-1deg) scale(0.95, 0.95);
	transform:rotate(-1deg) scale(0.95, 0.95);
}

.block:nth-child(even) .blockcell img {
	-webkit-transform:translate(-150%, 0%) rotate(15deg);
	-ms-transform:translate(-150%, 0%) rotate(15deg);
	transform:translate(-150%, 0%) rotate(15deg);
}

.block.blockappear .blockcell img {
	-webkit-transform:translate(0%, 0%) rotate(0deg);
	-ms-transform:translate(0%, 0%) rotate(0deg);
	transform:translate(0%, 0%) rotate(0deg);
}

.swiper-slide.swiper-slide-active img {
	-webkit-transform:rotate(0deg) scale(1, 1);
	-ms-transform:rotate(0deg) scale(1, 1);
	transform:rotate(0deg) scale(1, 1);
}

.feat_bttn {
	margin:auto;
	max-width:90%;
	font-size:120%;
	padding:1em 0.5em 0 0.5em;
	border-radius:1.5em;
	-webkit-transform:scale(0, 0);
	-ms-transform:scale(0, 0);
	transform:scale(0, 0);
	-webkit-transition:-webkit-transform 1000ms ease-out;
	-ms-transition:-ms-transform 1000ms ease-out;
	transition:transform 1000ms ease-out;
    
}

.block:nth-child(even) .bcright {
	-webkit-transform:translate(0%, -20%);
	-ms-transform:translate(0%, -20%);
	transform:translate(0%, -20%);
}

.block.blockappear .feat_bttn {
	-webkit-transform:scale(1, 1);
	-ms-transform:scale(1, 1);
	transform:scale(1, 1);
}

.feat_bttn h2 {
	font-size:100%;
	line-height: 1.1em;
	font-weight:600;
}

.feat_bttn p {
	font-size:80%;
	margin-top:0;
}

.block:nth-child(even) {
	background-color:rgba(255, 255, 255, 0.09);
}

.blockcell.bcright .feat_bttn {
	margin-top:-3em;
}

.blockcell.bcright img {
	margin-top:-1.8em;
}

.download_block {
	text-align: center;
	margin:0em 0 2em 0;
	letter-spacing: 0.5em;
	line-height:1em;
}

.download_block p {
	font-size:130%;
	font-weight:400;
	margin-bottom:0.5em;
	letter-spacing:normal;
}

.store_bttn {
	font-size:2rem;
	display:inline-block;
	width:45%;
	max-width:200px;
	padding:0.5em;
	margin:0;
	border-radius:1em;
    background: #40404e;
    stroke: #fff
}

.store_bttn img {
	width:100%;
}

.download_block .store_bttn {
	margin:0.5em 0;
}

html.touch #webapp_bttn,
html.touch #ipfs_bttn {
	display:none;
}

#refs {
	width:100%;
	padding:25px 0;
	margin:0 auto;
	max-width:700px;
	text-align: center;
}

.refblock {
	float:left;
	width:100%;
	padding:0.5em 0 1em 0;
}

.refblock h3 {
	font-size:20px;
	font-weight:400;
	padding:0 0 0.3em 0;
}

#output {
	color:#b7b7b7;
	padding:25px 0;
}

.content {
	text-align: left;
	padding:1em;
}

.content h2 {
	margin: 1em 0 0 0;
	font-size:150%;
	color:#63636d
}

.content h4 {
	margin: 0.7em 0 0 0;
	font-weight:600;
	color:#63636d
}

.content ul {
	margin: 0 0 0 1em;
	font-size:75%;
}

.content ul li {
	
}

.content a {
	color:#5283bf;
}

.content strong {
	font-weight:600;
}

footer {
	background-color:rgba(255, 255, 255, 0.09);
}

#footer {
	
}

#footer_menu {
	width:100%;
	background-color: #2d2d2d;
}

#inner_footer_menu {
	margin:0 auto;
	width:100%;
	max-width:1400px;
	font-size:2.5rem;
	font-weight:400;
	color:#FFF;
	padding:0 1em;
}

#footer_nav {
	list-style-type: none;
	text-align: center;
	padding:1em 0;
}

#footer_nav li {
	display:inline-block;
	padding:0 1em;
	margin:0.1em 0;
}

#footer_nav li:not(:last-child) {
	border-right:1px solid #4f4f4f;
}

#footer_nav li a,
#footer_nav li .fnb {
	display:inline-block;
	font-size:14px;
	padding:0 0 3px 0;
	vertical-align: baseline;
	border-bottom:1px dotted #888888;
	cursor:pointer;
}

#footer_nav li #lo_nav {
	display:none;
}

#lo_nav > span {
	color:#379955;
}

html.admin #footer_nav li #lo_nav {
	display:inline-block;
}

#footer_credits {
	width:100%;
	padding:0.5em;
	text-align: center;
}

#socials {
	padding:0.3em;
	letter-spacing: 0.8em;
}

#socials a {
	display:inline-block;
	min-width:30px;
	width:1em;
}

#socials a img {
	display:block;
	width:100%;
}

#copyright {
	color:#878787;
	font-size:14px;
	padding:1em 0.5em;
	text-align:center;
}

#copyright a {
	color:inherit;
}

#copyright img {
	height:1.5em;
	vertical-align: middle;
	margin:0 0.1em 0 0.3em;
}

#donate_button {
	display:inline-block;
	margin:1em auto;
	background-color: #24ba51;
	font-size:2rem;
	font-weight:400;
	padding:0.2em 0.2em 0.2em 1em;
	border-radius:10px;
	border:1px solid #226c38;
	color:#FFF;
	cursor:pointer;
}

#donate_button .icon-heart {
	font-size:1.5rem;
	opacity:0.7;
}

/* Pages */

/* Donate */

.donate_output {
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}

#donate_box {
	position:relative;
	float:left;
	min-height:100vh;
	width:100%;
}

#page_heading {
	font-size:30px;
	color:#FFF;
}

.webshop_disclaimer,
#request_intro {
	font-size:14px;
	margin:0 auto;
	max-width:600px;
	padding:5px 10px;
}

.webshop_disclaimer a {
	color:#88a9c4;
}

.photo_credit {
	font-size:11px;
}

.photo_credit a {
	color:#88a9c4;
}

#cart {
	margin:1em auto 0 auto;
	max-width:300px;
}

#icon_box {
	position:relative;
	display:inline-block;
	margin:0;
	padding:0;
	border-radius:50%;
	overflow:hidden;
	z-index:2;
}

#icon_box .bg_icon {
	position:relative;
	width:100%;
	background-color: #FFF;
	margin:0;
	padding:0;
	border-radius:50%;
	border:4px solid #FFF;
}

#icon_box .complete_icon {
	display:block;
	position:absolute;
	border-radius:50%;
	top:0;left:0;
	width:100%;
	-webkit-transform:scale(3, 3);
	-ms-transform:scale(3, 3);
	transform:scale(3, 3);
	opacity:0;
}

#donate_box.recieved #icon_box .complete_icon {
	-webkit-transition:all 1000ms cubic-bezier(0.5, -0.5, 0.5, 1.5);
	-ms-transition:all 1000ms cubic-bezier(0.5, -0.5, 0.5, 1.5);
	transition:all 1000ms cubic-bezier(0.5, -0.5, 0.5, 1.5);
	-webkit-transform:scale(1, 1);
	-ms-transform:scale(1, 1);
	transform:scale(1, 1);
	opacity:1;
}

#donate_box.recieved #cart {
	animation:blob 750ms ease forwards;
}

@keyframes blob {
	50% {
		transform:scale(1.3);
	}
	100% {
		transform:scale(1);
	}
}

#form_box {
	position:relative;
	background-color:#dbb052;
	color:#3b3b3b;
	padding:1.3em 0.5em 0.5em 0.5em;
	margin-top:-1.7em;
	border-top:4px solid #FFF;
	border-right:4px solid #FFF;
	border-left:4px solid #FFF;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
}

#form_box #empty_cart {
	position:absolute;
	top:0;right:0;
	padding:0.2em 0 0.2em 0.2em;
	color:#FFF;
	font-size:3rem;
	cursor:pointer;
	opacity:0;
	pointer-events:none;
	-webkit-transition:opacity 300ms linear;
	-ms-transition:opacity 300ms linear;
	transition:opacity 300ms linear;
}

body.showcart #form_box #empty_cart {
	opacity:1;
	pointer-events:all;
}

#checkout {
	display:block;
	padding:0.5em;
	background-color: #009788;
	color:#FFF;
	font-size:2rem;
	font-weight:400;
	border-right:4px solid #FFF;
	border-left:4px solid #FFF;
	border-bottom:4px solid #FFF;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
	opacity:0.75;
	pointer-events:none;
	cursor:alias;
	-webkit-transition:opacity 300ms linear;
	-ms-transition:opacity 300ms linear;
	transition:opacity 300ms linear;
}

body.showcart #checkout {
	opacity:1;
	pointer-events:all;
	cursor:pointer;
}

#checkout_address {
	font-size:2rem;
	word-wrap:break-word;
	color:#FFF;
	padding:1em;
}

input {
	-webkit-appearance:none;
	-webkit-border-radius:0px;
	border-radius:0;
	outline: none;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance:none;
	margin:0;
}

input[type=number] {
	-moz-appearance:textfield;
	/* Firefox */
}

input:-moz-placeholder,
input:focus {
	box-shadow:none!important;
	outline: none!important;
}

input:invalid {
	box-shadow:0 0 0 0 white;
}

#amount {
	display:inline-block;
	width:auto;
}

#amount label {
	display:inline-block;
	width:auto;
	font-size:3rem;
	line-height:1em;
}

#input_container {
	position:relative;
	display:inline-block;
}

#input_mirror {
	display:inline-block;
	//min-width:3em;
	opacity:0;
	letter-spacing: 0.08em;
}

#amount_input {
	position:absolute;
	top:0;right:0;bottom:0;left:0;
	width:100%;
	display:block;
	color:#FFF;
	background-color: rgba(0, 255, 255, 0)!important;
	letter-spacing: 0.05em;
}

body.showcart #amount_input {
	-webkit-user-select: all;
	-moz-user-select: all;
	-ms-user-select: all;
	user-select: all;
}

#input_mirror,
#amount_input {
	font-family: "Open Sans", "Helvetica", "Arial", sans-serif;
	border:1px solid rgba(255, 255, 255, 0);
	padding:0em 0.3em;
	font-size:4rem;
	font-weight:600;
}

#fiat_symbol {
	font-weight:600;
	padding:0 0 0 0.2em;
	text-transform: uppercase;
}

ul#items {
	list-style-type: none;
	margin:0 auto 0.7em auto;
	max-width:1200px;
}

ul#items li {
	float:left;
	width:100%;
	padding:0.5em 0.5em 0.5em 0.5em;
}

@media only screen and (min-width:440px) {
	ul#items li {
		width:50%;
	}
}

@media only screen and (min-width:840px) {
	ul#items li {
		width:25%;
		padding:0.5em 0.25em 0.5em 0.25em;
	}
}

ul#items li .item {
	//background-color: blue;
}

ul#items li .logo_frame {
	position:relative;
	margin:0 auto;
	width:90%;
	background-color: #b2b2b2;
	overflow:hidden;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

ul#items li .logo_frame .placeholder {
	width:100%;
}

ul#items li .item .logo_frame .amount_box {
	position:absolute;
	bottom:0;left:0;
	width:100%;
}

ul#items li .item .logo_frame .amount_box .item_shelf {
	float:left;
	width:100%;
	padding:0.2em 0.5em 0.2em 0.2em;
	font-size:2rem;
	text-align: right;
}

ul#items li .item .logo_frame .amount_box .amount_panel {
	float:left;
	width:100%;
	background-color: rgba(0, 0, 0, 0.39);
	padding:0.2em 0.5em 0.2em 0.2em;
	color:#FFF;
	font-size:2rem;
	font-weight:300;
}

ul#items li .item .logo_frame .amount_box .amount_panel .dose {
	float:left;
	text-align:left;
	font-size:14px;
	vertical-align:baseline;
	opacity:0;
	pointer-events: none;
	-webkit-transition:opacity 300ms linear;
	-ms-transition:opacity 300ms linear;
	transition:opacity 300ms linear;
}

ul#items li .item .logo_frame .amount_box .amount_panel .dose > span {
	cursor:pointer;
	display:inline-block;
	padding:0.3em 0em 0.3em 0.5em;
}

ul#items li .item.incart .logo_frame .amount_box .amount_panel .dose {
	opacity:0.75;
	pointer-events: all;
}

ul#items li .item .logo_frame .amount_box .amount_panel .au_box {
	float:right;
	text-align:right;
	font-weight:600;
}

ul#items li .item .amount_unit {
	text-transform: uppercase;
}

ul#items li .item .item_title {
	font-family: "unit-boldregular", Arial, sans-serif;
	background-color: #dbb052;
	font-size:1.9rem;
	padding:0.7em;
	color:#393939;
	border:4px solid #FFF;
}

ul#items li .item .item_description {
	font-family: "unit-lightregular", Helvetica, Verdana, sans-serif;font-style:normal;
	margin:0 auto;
	width:90%;
	min-height:4em;
	background-color: #FFF;
	font-size:1.8rem;
	padding:0.3em 0.7em 0em 0.7em;
	color:#767676;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

ul#items li .item .add_to_cart {
	margin:0 auto;
	width:80%;
	padding:0.7em;
	background-color: #009788;
	color:#FFF;
	font-size:1.8rem;
	font-weight:600;
	cursor:pointer;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

#cryptos_container {
	position:relative;
}

ul#cryptos {
	list-style-type: none;
	text-align:center;
}

ul#cryptos li {
	display:inline-block;
	overflow:visible;
}

ul#cryptos li img {
	width:60px;
	height:60px;
	background-color: #FFF;
	border-radius:50%;
	border:2px solid #FFF;
	cursor:pointer;
}

#cryptos_container .enter_address_box {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	z-index:2;
	opacity:0;
	pointer-events:none;
	-webkit-transform:scale(0, 0);
	-ms-transform:scale(0, 0);
	transform:scale(0, 0);
	-webkit-transition:all 500ms cubic-bezier(0.5, -0.5, 0.5, 1.5);
	-ms-transition:all 500ms cubic-bezier(0.5, -0.5, 0.5, 1.5);
	transition:all 500ms cubic-bezier(0.5, -0.5, 0.5, 1.5);
}

#cryptos_container.bitcoin .enter_address_box.btcinput,
#cryptos_container.litecoin .enter_address_box.ltcinput,
#cryptos_container.dogecoin .enter_address_box.dogeinput,
#cryptos_container.dash .enter_address_box.dashinput,
#cryptos_container.nano .enter_address_box.nanoinput,
#cryptos_container.ethereum .enter_address_box.ethinput,
#cryptos_container.bitcoin-cash .enter_address_box.bchinput,
#cryptos_container.nimiq .enter_address_box.niminput,
#cryptos_container.kaspa .enter_address_box.kasinput,
#cryptos_container.monero .enter_address_box.xmrinput {
	-webkit-transform:scale(1, 1);
	-ms-transform:scale(1, 1);
	transform:scale(1, 1);
	opacity:0.95;
	pointer-events:all;
}

#cryptos_container .enter_address_box .enter_address {
	width:100%;
	margin:-20px auto 0 auto;
	max-width:400px;
	background-color: rgba(0, 0, 0, 0.87);
	padding:5px;
}

#cryptos_container .enter_address_box .enter_address form {
	display:block;
	border: 1px solid #FFF;
	padding:0;
	margin:0;
	width:100%;
	font-size:18px;
}

#cryptos_container .enter_address_box .enter_address input.address_input {
	float:left;
	display:block;
	border: 1px solid #FFF;
	padding:1em;
	margin:0;
	width:80%;
	font-size:14px;
	-webkit-appearance:none;
	-webkit-border-radius:0px;
	border-radius:0;
}

#cryptos_container .enter_address_box .enter_address input.address_submit {
	float:left;
	display:block;
	border: 1px solid rgba(255, 255, 255, 0);
	background-color: #009788;
	color:#FFF;
	padding:1em;
	margin:0;
	width:20%;
	cursor:pointer;
	font-weight:400;
	font-size:14px;
}

.select_box {
	padding:0;
	text-align: center;
}

.select_box select {
	display:inline-block;
	margin:0 auto 0 auto;
}

.select_box p {
	display:inline-block;
	margin:1em 0 0.1em 0;
	font-size:1.5rem;
	font-weight:400;
	color:#FFF;
}

#cf_form_trigger {
	cursor:pointer;
}

#overlay {	
	position:fixed;
	display: flex; 
	align-items: center; 
	justify-content: center;
	top:0;left:0;
	width:100%;
	height:100%;
	width:100vw;
	height:100vh;
	background-color: rgba(0, 0, 0, 0.65);
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(6px);
	-webkit-transform:translate(-100%, 0%);
	-ms-transform:translate(-100%, 0%);
	transform:translate(-100%, 0%);
	opacity:0;
	pointer-events:none;
	z-index:5;
}

html.showoverlay #overlay {
	-webkit-transform:translate(-0%, 0%);
	-ms-transform:translate(-0%, 0%);
	transform:translate(-0%, 0%);
	-webkit-transition:opacity 300ms ease-out;
	-ms-transition:opacity 300ms ease-out;
	transition:opacity 300ms ease-out;
	pointer-events:all;
}

html.showoverlay,
html.showoverlay body {
	overflow-y:hidden;
}

html.show_inner_overlay #overlay {
	opacity:1;
}

#inner_overlay {
	margin:auto;
}

#inner_overlay h2 {
	text-align:center;
	font-size:130%;
	padding-bottom:1em;
}

#donate_list_box {
	
}

html.so_stickers #donate_list_box {
	display:none;
}

#donate_list {
	list-style-type: none;
	width:100%;
	text-align:center;
	font-size:10vw;
	line-height:1.2em;
}

#donate_list li {
	display:inline-block;
	margin:0 0 20px 0;
	padding:0;
}

#donate_list li a {
	margin:0;
	padding:0;
}

#donate_list li img {
	display:inline;
	vertical-align: top;
	width:1em;
	height:1em;
	min-width:70px;
	min-height:70px;
	max-width:150px;
	max-height:150px;
	background-color: #FFF;
	border-radius:50%;
	border:2px solid #FFF;
	cursor:pointer;
	-webkit-box-shadow:0 30px 30px rgba(0, 0, 0, 0.7);
	box-shadow:0 2em 2em rgba(0, 0, 0, 0.7);
}

#donate_succes_box {
	display:none;
}

html.donate_success #donate_list_box {
	display:none;
}

html.donate_success #donate_succes_box {
	display:block;
}

#di_label {
	display:block;
	position:relative;
	margin:0 auto;
	padding:0 15px;
	width:100%;
	max-width:500px;
	font-size:25px;
	text-align:center;
}

#di_label .icon-bubble2 {
	position:absolute;
	top:0.05em;left:0.55em;
	font-size:50px;
	color: rgba(255, 255, 255, 0.6);
}

#donation_input {
	display:inline-block;
	width:100%;
	font-size:25px;
	border:1px solid rgba(255, 255, 255, 0.3);
	padding:1em 1em 1em 3em;
	background-color: rgba(255, 255, 255, 0.2);
	color:#FFF;
}

@media only screen and (min-width:260px) {
	/* start flex font-size */
	body {
		font-size:4.2vw;
	}
}

@media only screen and (min-width:800px) {
	#mainswipe {
	    display:none;
	}
	#devices {
	    display:block;
	}
	#download {
	    display:block!important;
	}
	.refblock {
		width:33%;
	}
	.refblock .store_bttn {
		width:80%;
	}
}

@media only screen and (min-width:830px) {
	/* end flex font-size */
	body {
		font-size:3.5rem;
	}
}

@media only screen and (min-width:1050px) {
	.block {
		height:100%;
		height:100vh!important;
	}
	.block, .blockcell {
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		align-items: center;
		margin:0;
		padding:0;
	}
	.blockcell {
		width:50%;
	}
	.feat_bttn {
		font-size:80%;
	}
	.blockcell.bcright .feat_bttn {
		margin-top:0;
	}
	.blockcell.bcright img {
		margin-top:0;
	}
	@media only screen and (min-height:800px) {
		.block {
			height:100vh;
		}
	}
}

@media only screen and (min-width:1400px) {
	.feat_bttn {
		font-size:100%;
	}
}

#shopping_cart_panel {
	position:fixed;
	top:0;right:0;
	z-index:4;
	padding:5px;
	background-color: #009788;
	color:#FFF;
	font-size:20px;
	opacity:0;
	pointer-events: none;
	-webkit-transition:opacity 300ms linear;
	-ms-transition:opacity 300ms linear;
	transition:opacity 300ms linear;
}

body.showcart #shopping_cart_panel {
	opacity:1;
	pointer-events: all;
	cursor:pointer;
}

#shopping_cart_panel .icon-cart {
	display:inline-block;
}

#beer_icon {
	display:inline-block;
}

#cart_amount {
	display:inline-block;
	min-width:20px;
	font-size:18px;
	padding:2px;
	font-weight:700;
	background-color: rgba(0, 0, 0, 0.37);
}

#shopping_cart {
	position:fixed;
	top:0;right:0;
	z-index:3;
	width:100%;
	max-width:350px;
	max-height:100%;
	max-height:100vh;
	font-size:16px;
	padding:40px 0 0 0;
	color:#FFF;
	background-color: rgba(0, 0, 0, 0.5);
	-webkit-transform:translate(100%, -0%);
	-ms-transform:translate(100%, -0%);
	transform:translate(100%, -0%);
	-webkit-transition:all 200ms ease-out;
	-ms-transition:all 200ms ease-out;
	transition:all 200ms ease-out;
	border-bottom-left-radius: 15px;
	overflow:hidden;
	-webkit-box-shadow:0 5px 8px rgba(0, 0, 0, 0.4);
	box-shadow:0 5px 8px rgba(0, 0, 0, 0.4);
	overflow:auto;
}

#shopping_cart_content {
	width:100%;
	padding:5px 10px 10px 15px;
	text-align:left;
	line-height: 2.4em;
}

#sc_checkout {
	background-color: #009788;
	padding:15px;
	font-weight:600;
	cursor:pointer;
}

body.showcart #donate_box.show_cart #shopping_cart {
	-webkit-transform:translate(0%, -0%);
	-ms-transform:translate(0%, -0%);
	transform:translate(0%, -0%);
}

@media only screen and (min-width:1400px) {
	#shopping_cart {
		background-color: rgba(255, 255, 255, 0.29);
	}
}

/* Create request */

#requesturl_box_wrap {
	position:relative;
	float:left;
	width:100%;
	margin-top:0em;
	overflow:hidden;
}

#requesturl_box {
	float:left;
	width:200%;
	margin-top:0em;
	-webkit-transition:all 200ms ease-out;
	-ms-transition:all 200ms ease-out;
	transition:all 200ms ease-out;
}

#requesturl_box_wrap.showcode #requesturl_box {
	margin-left:-100%;
}

#show_code_box {
	float:left;
	width:100%;
	padding:1em 1em 0 0;
}

#show_code {
	float:right;
	font-family: monospace;
	font-size:15px;
	cursor:pointer;
	padding:0.5em;
	background-color: rgba(255, 255, 255, 0.13);
}


@media only screen and (min-width:1000px) {
	#requesturl_box {
		width:100%;
		margin-left:0%!important;
	}
	#show_code {
		display:none;
	}
}

#create_request_box {
	float:left;
	width:50%;
}

#request_code_box {
	float:left;
	width:50%;
	padding:2em 1em 0 1em;
}

#code_wrapper {
	position:relative;
	float:left;
	width:100%;
	overflow:hidden;
	border-left: 3px solid #f36d33;
	margin-bottom: 0.6em;
}

#code_wrap {
	float:left;
	width:200%;
	-webkit-transition:all 200ms ease-out;
	-ms-transition:all 200ms ease-out;
	transition:all 200ms ease-out;
}

#code_wrapper.showphp #code_wrap {
	margin-left:-100%;
}

#toggle_codes {
	position:absolute;
	top:8px;right:8px;
	font-family: monospace;
	font-size:12px;
}

#toggle_codes .code_tab {
	float:left;
	padding:0.5em;
	border:1px solid #CCC;
	cursor:pointer;
	border-radius:5px;
	margin-left:4px;
}

#show_js {
	color:#FFF;
	background-color:#379955;
	pointer-events:none;
}

#code_wrapper.showphp #show_php {
	color:#FFF;
	background-color:#379955;
	pointer-events:none;
}

#code_wrapper.showphp #show_js {
	color:inherit;
	background-color:rgba(255, 255, 255, 0);
	pointer-events:all;
}

.request_vars {
	display: block;
	float:left;
	width:50%;
	max-width:100%;
	font-family: monospace;
	font-size:14px;
	line-height:0;
	color: #666;
	padding:3em 2em 2em 2em;
	background-color: #f4f4f4;
    border: 1px solid #ddd;
    page-break-inside: avoid;
	word-wrap: break-word;
	white-space:pre-wrap;
	tab-size: 4;
}

.request_vars .c_line {
	display:inline-block;
	width:100%;
	max-width:100%;
	word-wrap: break-word;
	text-align:left;
	margin:0.25em 0;
	-webkit-user-select:text;
	-moz-user-select:text;
	-ms-user-select:text;
	-khtml-user-select:text;
}

.request_vars .c_line > span {
	display:inline-block;
}

.request_vars .c_line.indent {
	padding-left:3em;
}

.request_vars .c_line .c_rlcx {
	font-style: italic;
	max-width:100%;
	word-wrap: break-word;
}

.rc_info {
	font-size:1.5rem;
	line-height:1.6em;
	text-align: left;
	padding:0 0 2em 0;
}

.rc_info strong {
	display:inline-block;
	font-size:140%;
	margin:0 0 0.2em 0;
}

.rc_info h2 {
	font-size:2.5rem;
	font-weight:700;
	padding:0 0 0.5em 0;
}

.rc_info .rci_line {
	display:inline-block;
	width:100%;
	margin:0.25em 0 0.25em 1em;
}

.rc_info .rci_line.indent {
	padding-left:3em;
}

.rc_info .rci_line .rci_key {
	font-weight: 400;
}

.rc_info .rci_line .optreq {
	display:inline-block;
	color:#379955;
	font-style:italic;
	font-size:90%;
	margin-left:5px;
}

.rci_rlcx {
	font-style: italic;
	color:#88a9c4;
}

#create_request_form {
	padding:1em;
}

#create_request_form fieldset {
	border:1px solid #7a7a7a;
	padding:0 0.5em 0.7em 0.5em;
}

#create_request_form legend {
	font-size:24px;
	padding:0 0.5em;
}

#create_request_form legend span {
	font-size:55%;
}

#create_request_form label {
	position:relative;
	display:block;
	line-height:0;
}

#create_request_form label p {
	font-size:18px;
	margin:0.5em 0 0.2em 0;
	line-height:1.2em;
}

#create_request_form select {
	width:100%;
	-webkit-appearance:none;
	-moz-appearance:none;
	border-radius:0;
	padding:5px;
	border:none;
	font-size:13px;
	margin:0;
	color:#767676;
	background-color:#FFF
}

#create_request_form .rl_input_container .selecticon {
	position:absolute;
	top:10px;
	right:14px;
	width:0;
	height:0;
	border-left:6px solid transparent;
	border-right:6px solid transparent;
	border-top:9px solid #767676;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	pointer-events:none;
	cursor:pointer;
}

#create_request_form input {
	display:block;
	width:100%;
	margin:0em auto 1em auto;
	font-size:16px;
	color:#767676;
	padding:0.2em 0.5em;
	border:1px solid #FFF;
}

#create_request_form input::-webkit-input-placeholder {
	font-weight:400;
}

#create_request_form input::-moz-placeholder {
	font-weight:400;
}

#create_request_form input.error {
	border:2px solid #983a37;
	background-color: #b16967;
	color:#FFF;
}

#address_prefix {
	text-transform: capitalize;
}

.rl_input_container {
	position:relative;
	display:block;
	width:100%;
	max-width:400px;
	line-height:0;
	padding:0.05em 0.2em 0.2em 0.2em;
	margin:0 auto;
}

.rl_input_container .rl_icon {
	position:absolute;
	top:1px;right:5px;
	font-size:20px;
	opacity:0;
	-webkit-transition:opacity 500ms ease-out;
	-ms-transition:opacity 500ms ease-out;
	transition:opacity 1000ms ease-out;
}

.rl_input_container .icon-checkmark {
	color:#379955;
}

.rl_input_container .icon-cross {
	color:#eda33c;
	top:1px;right:5px;
	font-size:20px;
}

.rl_input_container.success .icon-checkmark {
	opacity:1;
}

.rl_input_container.error .icon-cross {
	opacity:1;
}

#rl_amount_input {
	position:relative;
}

#uoa_symbol {
	display:block;
	position:absolute;
	top:15px;right:15px;
	font-size:18px;
	font-weight:600;
	padding:0;
	text-transform: uppercase;
	vertical-align:baseline;
	line-height:0;
	background-color:yellow;
}

#request_link_box {
	margin:0 auto;
	max-width:1000px;
	padding:2em 1em 1em 1em;
	font-size:1.5rem;
	line-height:0.25em;
}

#request_url {
	width:100%;
	color:#d7d7d7;
	padding:1em;
	word-break: break-all;
}

#request_url * {
	word-break: break-all;
}

#request_url span {
	display:inline-block;
}

.highlight {
	animation:highlight 1500ms ease forwards;
}

.scale_bounce {
	animation:scale_bounce 1500ms ease forwards;
}

#requesturl_box span.error {
	color:#983a37;
}

#requesturl_box span.success {
	color:#379955;
}

@keyframes highlight {
	10% {
		transform:scale(1.3);
		background-color: rgba(255, 255, 0, 1);
	}
	100% {
		transform:scale(1);
		background-color: rgba(255, 255, 0, 0);
	}
}

@keyframes scale_bounce {
	10% {
		transform:scale(1.3);
	}
	100% {
		transform:scale(1);
	}
}

fieldset#meta {
	margin-top:30px;
}

#typeof_trigger_box {
	font-size:16px;
	text-align:right;
}

#typeof_trigger_box .typeof_trigger {
	display:inline-block;
	color:#b3b3b3;
	cursor:pointer;
}

#meta_block {
	width:100%;
	overflow:hidden;
}

#meta_container {
	width:200%;
	-webkit-transition:margin 200ms ease-out;
	-ms-transition:margin 200ms ease-out;
	transition:margin 200ms ease-out;
}

fieldset#meta.isarray #meta_container {
	margin-left:-100%;
}

#typeof_trigger_box #show_object {
	color:#88a9c4;
}

fieldset#meta.isarray #show_array {
	color:#88a9c4;
}

fieldset#meta.isarray #show_object {
	color:#b3b3b3;
}

#meta_container .meta_block {
	float:left;
	width:50%;
}

#meta .meta_inputs {
	margin:0 auto;
	width:100%;
	max-width:400px;
}

.meta_input_box {
	position:relative;
	float:left;
	width:100%;
	padding:10px 40px 0 0;
}

.meta_input_box > input {
	display:block;
	width:100%;
}

@media only screen and (min-width:325px) {
	#meta_object_inputs .meta_input_box > input {
		width:49%;
	}
}

.meta_input_box input.key_input {
	float:left;
}

.meta_input_box input.value_input {
	float:right;
}

.meta_input_box .icon-bin {
	position:absolute;
	top:8px;
	right:-5px;
	font-size:22px;
	cursor:pointer;
}

#meta .add_input {
	float:right;
	font-size:16px;
	padding:0.5em;
	margin:20px 0 0 0;
	border-radius:5px;
	color:#FFF;
	background-color:#379955;
	cursor:pointer;
}

#notify {
	position:fixed;
	top:0;left:0;
	width:100%;
	font-size:2rem;
	font-weight:400;
	padding:0.6em 1em;
	text-align:center;
	color:#FFF;
	-webkit-transform:translateY(-100%);
	-ms-transform:translateY(-100%);
	transform:translateY(-100%);
	opacity:0.3;
	-webkit-transition:all 300ms ease-out;
	-ms-transition:all 300ms ease-out;
	transition:all 300ms ease-out;
	z-index:999;
}

#notify.error {
	background-color:#983a37;
}

#notify.warning {
	background-color:#eda33c;
}

#notify.success {
	background-color:#379955;
}

#notify.error,
#notify.success,
#notify.warning {
	-webkit-transform:translateY(0%);
	-ms-transform:translateY(0%);
	transform:translateY(0%);
	opacity:1;
}

#temp_recieved_trigger {
	position:absolute;
	top:0;right:0;
	font-size:25px;
	padding:0.8em;
	background-color: red;
	cursor:pointer;
}

/* swiper */

.swiper-container {
    width: 100%;
}

/* Qr scanner */

#qrpage {
}

#qrgenerator {
	width:100%;
	background-color: #a4a4a4;
}

#qrwrap {
    position: relative;
    width:100%;
    margin: auto;
    padding:1.5em 0;
}

#qrcode_wrap {
	position: relative;
	width: 90%;
    max-width: 450px;
    margin:0 auto;
}

#qrcode {
    position: relative;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.15);
    padding:0;
}

#qrcode canvas {
    width: 100%;
    padding:0;
    margin:0;
    vertical-align: middle;
}

#qr_icon {
	position: absolute;
    top:50%;
    left:50%;
    width: 30%;
    height: auto;
    margin: -15% auto auto -15%;
}

#qr_icon img {
    width:100%;
    height: auto;
    border-radius: 50%;
    display:none;
}

#qr_icon[data-currency="none"] img {
	display:none;
}

#qr_icon[data-currency="btc"] img.btc {
	display:block;
}

#qr_icon[data-currency="ltc"] img.ltc {
	display:block;
}

#qr_icon[data-currency="doge"] img.doge {
	display:block;
}

#qr_icon[data-currency="dash"] img.dash {
	display:block;
}

#qr_icon[data-currency="xno"] img.xno {
	display:block;
}

#qr_icon[data-currency="xmr"] img.xmr {
	display:block;
}

#qr_icon[data-currency="eth"] img.eth {
	display:block;
}

#qr_icon[data-currency="bch"] img.bch {
	display:block;
}

#qr_icon[data-currency="nim"] img.nim {
	display:block;
}

#qr_icon[data-currency="kas"] img.kas {
	display:block;
}

#qr_icon[data-currency="lightning"] img.ln {
	display:block;
	transform:scale(0.7);
}

#qre_wrap {
	width:100%;
	max-width:1400px;
	padding 2em 0;
	margin:2em auto 0 auto;
}

#qre_input {
	width:100%;
	font-size:1.2em;
	font-weight: 600;
	padding: 0.2em 0.5em;
	background-color: #FFF;
	border:1px solid rgba(255, 255, 255, 0);
}

/* Wallet-matrix */

#wallets {
	width:100%;
	overflow:scroll;
}

#cw_intro {
	font-size:14px;
	margin:0 auto;
	max-width:1000px;
	padding:5px 10px;
}

table#wallet_matrix {
	border-bottom:1px solid rgba(255, 255, 255, 0.25);
	width:100%;
	max-width:1000px;
	margin:0 auto;
}

table#wallet_matrix .wallet_icon {
	width:70px;
}

table#wallet_matrix .coin_icon {
	width:100%;
	max-width:50px;
}

table#wallet_matrix tr {
	
}

table#wallet_matrix tr:nth-child(odd),
table#wallet_matrix.filtered tr {
	background-color: rgba(255, 255, 255, 0.1);
}

table#wallet_matrix tr.wmr1 {
	background-color: rgba(255, 255, 255, 0);
}

table#wallet_matrix td {
	width:14%;
	padding:1em;
	color:#dadada;
	text-align: center;
	min-width:170px;
	text-transform: capitalize;
	border-right:1px solid rgba(255, 255, 255, 0.25);
}

table#wallet_matrix tr.wmr1 .ch {
	border-bottom:1px solid rgba(255, 255, 255, 0.25);
	border-right:1px solid rgba(255, 255, 255, 0);
	cursor:pointer;
}

table#wallet_matrix tr.wmr1 .chc {
	
}

table#wallet_matrix.filtered tr.wmr1 .chc {
	opacity:0.3;
}

table#wallet_matrix tr.wmr1 .chc.cselect,
table#wallet_matrix.filtered tr.wmr1 .chc.cselect {
	opacity:1;
}

table#wallet_matrix td.wmc1 {
	border-left:1px solid rgba(255, 255, 255, 0.25);
	cursor:pointer;
}

table#wallet_matrix td.wmc {
	background-origin: content-box;
	background-clip: padding-box;
	background-size: 35px;
	background-position: center center;
	background-repeat: no-repeat;
}

table#wallet_matrix td.wmc.check {
	background-image: url("img/check.png");
}

table#wallet_matrix td.wmc.uncheck {
	background-image: url("img/unchecked.png");
}

@media only screen and (min-width:1000px) {
	table#wallet_matrix td {
		font-size:80%;
	}
}

/* popscreen */

#popscreen {
	position:fixed;
	top:0;right:0;bottom:0;left:0;
	width:100%;
	height:100%;
	width:100vw;
	height:100vh;
	padding:1em;
	-webkit-transform:translate(100%, 0%);
	-ms-transform:translate(100%, 0%);
	transform:translate(100%, 0%);
	-webkit-transition:opacity 300ms ease-out;
	-ms-transition:opacity 300ms ease-out;
	transition:opacity 300ms ease-out;
	background-color: rgba(0, 0, 0, 0.66);
	z-index:10;
	opacity:0;
}

body.pop #popscreen {
	-webkit-transform:translate(0%, 0%);
	-ms-transform:translate(0%, 0%);
	transform:translate(0%, 0%);
}

body.pop.popfade #popscreen {
	opacity:1;
}

#popdialog {
	margin:auto;
	width:100%;
	max-width:700px;
	height:auto;
	padding:0.5em 1em 1em 0.6em;
	border-radius:1em;
	background-color: #FFF;
	-webkit-transform:scale(0, 0);
	-ms-transform:scale(0, 0);
	transform:scale(0, 0);
	-webkit-transition:-webkit-transform 200ms ease-out;
	-ms-transition:-ms-transform 200ms ease-out;
	transition:transform 200ms ease-out;
}

body.popfade #popdialog {
	-webkit-transform:scale(1, 1);
	-ms-transform:scale(1, 1);
	transform:scale(1, 1);
}

#pdcontent {
	float:left;
	width:100%;
	text-align: left;
	color:#858585;
	display:none;
}

#pdcontent h1 {
	font-weight:600;
}

#pdcontent h2 {
	margin:1em 0 0.5em 0;
	font-size:90%;
	font-weight:400;
}

#pdcontent h1 img {
	width:2em;
	vertical-align: bottom;
}

#pdcontent .app_site {
	display:inline-block;
	margin:1em 0 0 0;
	font-size:90%;
	font-weight:400;
	color:#4997dc;
	border-bottom:1px dotted #4997dc;
}

/* Admin */

#add_location {
	float:right;
}

#edit_loc {
	display:none;
}

html.admin #map_page.has_loc #edit_loc {
	display:inline;
}

html.admin #map_page.has_loc #ad_loc {
	display:none;
}

#admin_panel {
	position:fixed;
	top:100%;
	left:0;
	width:100%;
	height:105%;
	z-index:4;
	overflow:hidden;
}

#inner_admin_panel {
	position:relative;
	width:95%;
	max-width:1300px;
	height:100vh;
	margin-top:100vh;
	margin-right:auto;
	margin-bottom:0;
	margin-left:auto;
	padding:3em 0 0 0;
	background-color: rgba(255, 255, 255, 0.97);
	border-top-left-radius:2em;
	border-top-right-radius:2em;
	overflow:hidden;
}

#admin_panel.ap_anim #inner_admin_panel {
	-webkit-transition:margin-top 200ms ease-out;
	-ms-transition:margin-top 200ms ease-out;
	transition:margin-top 200ms ease-out;
}

html.show_lp.show_lpo {
	overflow:hidden!important;
}

html.show_lp.show_lpo.dragmode body {
	touch-action: none;
}

html.show_lpo #admin_panel {
	top:0%;
}

html.show_lp #inner_admin_panel {
	margin-top:5vh;
}

#admin_page {
	float:left;
	width:100%;
	max-height:100%;
	margin:auto;
	padding:1em 0 4em 0;
	overflow:auto;
	touch-action:auto!important;
}

#admin_page * {
	touch-action:auto!important;
}

#admin_drawer {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	background-color: rgba(0, 0, 0, 0.06);
	min-height:30px;
	cursor:n-resize;
	cursor:-webkit-grab;
}

#ad_bttn {
	position:relative;
	width: 5vw;
	height:auto;
	min-width:60px;
	margin:0 auto;
}

#ad_bttn span {
	display: block;
	float:left;
	width: 100%;
	height:0;
	padding:0 0 8% 0;
	margin:1em auto;
	background-color: #dcdcdc;
}

#contact_float {
	width:90%;
	max-width:1200px;
	height:auto;
	margin:auto;
	display:none;
}

/* Contact */

#login_float {
	width:90%;
	max-width:900px;
	height:auto;
	margin:auto;
}

#admin {
	width:90%;
	max-width:1300px;
	height:auto;
	margin:0 auto;
	display:none;
}

.amu {
	color:#868686;
}

.amu h2 {
	font-size:150%;
	font-weight:700;
	color:#2e2e2e;
}

html.admin #login_float {
	display:none;
}

html.admin #admin_panel[data-show='location'] #admin {
	display:block;
}

/* show /hide */

#admin_panel[data-show='contact'] #contact_float {
	display:block;
}

#admin_panel[data-show='contact'] #login_float {
	display:none;
}

#login_header {
	float:left;
	width:100%;
}

#login_header h2 {
	font-weight:600;
	color:#CCC;
}

#login_header h2 > span {
	cursor:pointer;
}

#login_slide_box {
	float:left;
	width:100%;
	overflow:hidden;
}

#login_slide {
	float:left;
	width:200%;
	-webkit-transition:-webkit-transform 300ms cubic-bezier(0.5, -0.5, 0.5, 1.5);
	-ms-transition:-ms-transform 300ms cubic-bezier(0.5, -0.5, 0.5, 1.5);
	transition:transform 300ms cubic-bezier(0.5, -0.5, 0.5, 1.5);
}

#login_float.sign_up #login_slide {
	-webkit-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	transform:translateX(-50%);
}

#login_float #login_heading {
	color:#000;
}

#login_float.sign_up #login_heading {
	color:#CCC;
}

#login_float.sign_up #signup_heading {
	color:#000;
}

.lbox {
	float:left;
	width:50%;
	margin:0 0 0 0;
	padding:1em 0;
}

#login_box {
}

#inner_login_box {
	float:left;
	width:100%;
}

#login_box .v_box {
	float:left;
	width:100%;
}

#signin_box {
	display:none;
}

#recover_box {
	display:none;
}

#pwreset_box {
	display:none;
}

#login_box[data-show='signup'] #signin_box {
	display:block;
}

#login_box[data-show='recover'] #recover_box {
	display:block;
}

#login_box[data-show='resetpw'] #pwreset_box {
	display:block;
}

.formdiv {
	float:left;
	width:100%;
	margin:0.25em 0;
}

.formdiv strong {
}

.formdiv strong > span {
	display:inline-block;
	padding-left:0.1em;
	color:#eda33c;
}

#req {
	float:right;
}

#req strong {
	font-weight:600;
	font-size:100%;
}

.account_form {
	float:left;
	width:100%;
}

.account_form label {
	position:relative;
	display:block;
	float:left;
	width:100%;
	margin:0 0 0.2em 0;
}

.account_form label > span {
	display:block;
	position:absolute;
	top:0.35em;
	font-size:150%;
	color:#CCC;
}

.account_form label > span.input_icon {
	left:0.35em;
	pointer-events:none;
}

.account_form label > span.input_checkmark {
	right:-0.19em;
	opacity:0;
	pointer-events:none;
	-webkit-transition:opacity 300ms linear;
	-ms-transition:opacity 300ms linear;
	transition:opacity 300ms linear;
}

.account_form label > span.input_checkmark.icon-checkmark {
	color:#379955;
}

.account_form label > span.icon-cross {
	color:#eda33c;
}

.account_form label.successlabel > span.icon-checkmark {
	opacity:1
}

.account_form label.errorlabel > span.icon-cross {
	opacity:1
}

.account_form label > select.single {
	display:block;
	position:absolute;
	top:0;right:0;bottom:0;left:0;
	width:100%;
	height:100%;
	background-color:#FFF;
	cursor:pointer;
	opacity:0;
}

.account_form label > select.multi {
	display:block;
	position:absolute;
}

#cs_multi {
	top:0;left:0;
	width:1px;height:1px;
	opacity:0;
	pointer-events:none;
}

#coin_select_box {
	float:left;
	width:100%;
	margin:0.75em 0 0 0;
}

#coin_select_box .cselect {
	float:left;
	cursor:pointer;
	margin:0 1em 0.6em 0;
}

#coin_select_box .cselect span.icon-ic_radio {
	display:inline-block;
	margin:0 -0.6em 0 0;
}

#coin_select_box .cselect span.icon-ic_radio:before {
	content: "\ea53";
}

#coin_select_box .cselect.selected span.icon-ic_radio:before {
	content: "\ea52";
}

#coin_select_box .cselect img {
	display:inline-block;
	width:2em;
	vertical-align: bottom;
	opacity:0.5;
}

#coin_select_box .cselect.selected img {
	opacity:1;
}

.account_form .logo_thumb {
	width:150px;
	cursor:pointer;
}

.account_form .image_upload {
	display:none;
}

.account_form input,
.account_form textarea {
	color:#957690;
}

.account_form input::-webkit-input-placeholder,
.account_form textarea::-webkit-input-placeholder {
    font-weight: inherit;
    line-height: inherit;
    vertical-align: inherit;
    margin: 0;
    font-weight: 700;
    color: #ccc8c8;
}

.account_form input::-moz-placeholder,
.account_form textarea::-moz-placeholder {
    font-weight: inherit;
    line-height: inherit;
    vertical-align: inherit;
    margin: 0;
    font-weight: 700;
    color: #ccc8c8;
}

.account_form label input {
	display:block;
	float:left;
	width:100%;
	padding:0.5em 0.5em 0.5em 1.95em;
	font-size:135%;
	font-weight:600;
	border:1px solid rgba(255, 255, 255, 0);
	background-color:#eeeeee;
}

.account_form input[type=submit] {
	float:left;
	background-color: #379955;
	border:1px solid rgba(255, 255, 255, 0);
	font-size:120%;
	color:#FFF;
	padding:0.5em 1em;
	margin:0.5em 0 0 0;
	border-radius:0.3em;
	width:auto;
	font-weight:600;
	cursor:pointer;
}

input.f_right {
	float:right!important;
}

.account_form textarea {
	display:block;
	float:left;
	width:100%;
	padding:0.5em 0.5em 0.5em 1.95em;
	font-size:135%;
	font-weight:600;
	border:1px solid rgba(255, 255, 255, 0);
	background-color:#eeeeee;
}

#logout_form {
	display:none;
}

#change_password,
#cancel_cp {
	float:right;
	font-size:90%;
	font-weight:600;
	color:#CCC;
	padding:0.1em 0.1em 0 0;
	cursor:pointer;
}

.check_box, #cm_checkbox {
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	-khtml-user-select:none;
	cursor:pointer;
}

.check_box input,
#cm_checkbox input {
	cursor:pointer;
}

/* Loader */

#xz_loadbox {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100vw;
    margin-left: -100%;
    z-index: 998;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #4D5359;
    pointer-events: none;
    opacity: 0;
    -webkit-transition: opacity 500ms linear;
    -ms-transition: opacity 500ms linear;
    transition: opacity 500ms linear;
}

#xz_loadpanel {
    margin: auto;
    vertical-align: middle;
}

#xz_loader {
    margin: auto;
    border: 8px solid #f3f3f3;
    border-top: 8px solid #3498db;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    animation: xz_spin 2s linear infinite;
}

#xz_loadpanel p {
    font-family: sans-serif;
    font-size: 25px;
    color: #FFF;
    padding: 0.3em;
}

@keyframes xz_spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

html.xzloader #xz_loadbox {
    margin-left: 0%;
}

html.xzloader body,
html.showframe body {
    overflow: hidden;
}

html.fade_xzloader #xz_loadbox {
    opacity: 0.9;
    pointer-events: all;
}

/* verify email */

#verify_box {
	float:left;
	width:100%;
}

#show_txs {
	font-size:16px;
	font-weight:600;
	margin:0 auto;
	max-width:600px;
	padding:5px 10px;
	color:#88a9c4;
}

/* map */

#map_container {
	position:relative;
	float:left;
	width:100%;
	height:0;
	padding:0 0 60% 0;
	background-color:#101625;
}

#map_container iframe {
	position:absolute;
	top:0;left:0;
	width:100%;
	height:100%;
	max-width:100%;
	max-height:100%;
	background:#101625;
	background: rgba(255, 255, 255, 0);
	background-color:#101625;
	background-color: rgba(255, 255, 255, 0);
}

#location_picker {
	position:relative;
	float:left;
	width:100%;
	height:0;
	padding:0 0 50% 0;
}

#location_picker iframe {
	position:absolute;
	top:0;left:0;
	width:100%;
	height:100%;
	max-width:100%;
	max-height:100%;
}

#show_stickers {
	cursor:pointer;
	color:#078fad;
	font-weight:600;
}

#windowstickers {
	float:left;
	width:100%;
	cursor:pointer;
	display:none;
}

html.so_stickers #windowstickers {
	display:block;
}

#ipfsul {
	padding:2em 0;
	font-size:16px;
	font-weight:600;
}

#ipfsul li {
	padding:0.5em;
	color:#8b8b8b
}

#ipfsul li a {
	color:#078fad;
}