*{
	margin:0;
	padding:0;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}

html{
	font-family:montserrat, sans serif;
	font-size:62.5%;
	background:white;
	overflow-y:hidden;
	background:#7e3082;
}

body{
	max-width:1366px;
	margin:0 auto;
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	background:white;
}

::-webkit-scrollbar{width:9px;}
::-webkit-scrollbar-track{background:#eee;}
::-webkit-scrollbar-thumb{background:#7e3082;	border-radius:5px;}
::-webkit-scrollbar-thumb:hover{}

a:link, a:hover, a:active, a:visited{text-decoration:none; outline:none;}

input, select, textarea{outline:none;	border:none;}

.tl{text-align:left;}
.tc{text-align:center;}
.tr{text-align:right;}
.store{display:none;}
.clear{clear:both;}

.cols{
	display:grid;
	grid-template-columns:250px 1fr;
}

.cola{
	height:100vh;
	overflow-y:scroll;
	padding-bottom:99px;
}

.aimg{
	display:block;
	max-width:50%;
	margin:9px auto;
	cursor:pointer;
	position:relative;
}

.aimg:active{bottom:3px;}

.colb{
	height:100vh;
	overflow-y:scroll;
	position:relative;
}

.icoup{
	position:absolute;
	right:25px; top:14px;
	font-size:20px;
	background:#7e3082;
	padding:11px 13px;
	border-radius:50%;
	color:white;
	cursor:pointer;
}

.icoup:active{top:11px;}

.bins{
	max-width:540px;
	margin:0 auto;
	text-align:center;
	padding-bottom:99px;
}

.btops{
	background:white;
	font-size:0;
	position:sticky;
	top:0;
	z-index:5;
	height:340px;
}

.hair{
	position:absolute;
	top:0;
	left:50%;
	transform:translatex(-50%);
	max-width:190px;
	z-index:5;
}

.flip{
  transform: translateX(-50%) scaleX(-1);
}

.face{
	position:absolute;
	left:50%;
	transform:translatex(-50%);
	bottom:0;
	width:250px;
}

.labelwrap{
	position:relative;
	background:#7e3082;
	text-align:center;
	font-size:0;
	border-radius:9px;
}

.label{
	display:inline-block;
	font-size:12px;
	font-weight:500;
	letter-spacing:1px;
	line-height:22px;
	color:white;
}

.btnreset{
	position:absolute;
	right:14px; top:11px;
	font-size:14px;
	font-weight:600;
	padding:4px 7px;
	border-radius:50%;
	background:white;
	color:#7e3082;
	cursor:pointer;
}

.btnreset:active{top:9px;}

.cbtn{
	display:inline-block;
	vertical-align:middle;
	font-size:27px;
	margin:0 14px;
	color:#0099cc;
	cursor:pointer;
}

.icoflip{
	display:inline-block;
	vertical-align:middle;
	font-size:27px;
	margin:0 14px;
	color:#0099cc;
	cursor:pointer;
}

.inprange{
	-webkit-appearance: none;
  appearance: none;
	display:block;
	width:70%;
	margin:0 auto;
	height:9px;
	background:#bbb;
	border-radius:5px;
	cursor:pointer;
}

.inprange::-webkit-slider-thumb{
  -webkit-appearance:none;
  appearance:none;
  width:20px;
  height:20px;
	border-radius:50%;
  background:#0099cc;
}

.point{
	display:inline-block;
	vertical-align:middle;
	width:25px; height:25px; border-radius:50%;
	margin:0 14px;
}

.pointa{background:silver;}
.pointb{background:darkorange;}
.pointc{background:lightseagreen;}
.pointd{background:#0099cc;}
.pointe{background:#007399;}

.andes{
	display:block;
	text-align:center;
	font-family:'montserrat alternates';
	font-size:16px;
	letter-spacing:1px;
	font-weight:500;
	color:#007399;
	position:relative;
}

.andes:active{
	bottom:2px;
}


.inpfi{display:none;}

.wh{
	display:none;
	font-size:16px;
	letter-spacing:1px;
	text-align:center;
}

.minw{
	display:none;
	text-align:center;
	background:white;
	color:#7e3082;
	font-size:14px;
	font-weight:600;
	letter-spacing:1px;
	padding:9px 20px;
	margin-top:99px;
}

@media only screen and (max-width: 999px){
	body *{display:none;}
	body{background:#7e3082;}
	.minw{display:block;}
}