@charset 'utf-08';
body {
	margin: auto;
    height: 100vh;
    width: 100vw;
    overflow-x: hidden;
    overflow-y: auto;
    /*background-color: #f5f5f5;*/
    background-color: #fff;
    /*overflow: hidden;*/
}
*{
	max-width: 100%;
	font-size: 13px;
	margin: initial;
	/*font-family: cabin;*/
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: normal;
	outline: none;
	box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	/*font-family: Segoe UI Historic, Segoe UI, Helvetica, Arial, sans-serif;*/
}
.log-flash {
	width: 120px;
}
.progress-bar-app-load {
	/*width: 200px;
	height: 5px;*/
	width: 50px;
    height: 50px;
	margin-bottom: 15px;
	/*border-radius: 20px;*/
	border-radius: 50%;
	overflow: hidden;
	background-color: #ccc;
	margin: 10px auto 20px;
}
.progress-bar-app-load-count {
	height: 100%;
	width: 0px;
	background: transparent;
	background-color: #000;
}
.load-card-std {
	display: block;
	min-height: 6px;
	margin-bottom: 10px;
    border-radius: 10px;
    background-color: #606060;
    width: 80px;
    transition: all 0.2s;
    animation-name: load-card-std-load;
    animation-duration: 50s;
    animation-direction: alternate;
    animation-iteration-count: infinite;
    animation-play-state: running;

    -webkit-animation-name: load-card-std-load;
    -webkit-animation-duration: 50s;
    -webkit-animation-direction: alternate;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-play-state: running;

    -moz-animation-name: load-card-std-load;
    -moz-animation-duration: 50s;
    -moz-animation-direction: alternate;
    -moz-animation-iteration-count: infinite;
    -moz-animation-play-state: running;

    -ms-animation-name: load-card-std-load;
    -ms-animation-duration: 50s;
    -ms-animation-direction: alternate;
    -ms-animation-iteration-count: infinite;
    -ms-animation-play-state: running;

    -o-animation-name: load-card-std-load;
    -o-animation-duration: 50s;
    -o-animation-direction: alternate;
    -o-animation-iteration-count: infinite;
    -o-animation-play-state: running;
}
@keyframes load-card-std-load {
	2% {background-color: #909090;}
	4% {background-color: #606060;}
	6% {background-color: #909090;}
	8% {background-color: #606060;}
	10% {background-color: #909090;}
	12% {background-color: #606060;}
	14% {background-color: #909090;}
	16% {background-color: #606060;}
	18% {background-color: #909090;}
	20% {background-color: #606060;}
	22% {background-color: #909090;}
	24% {background-color: #606060;}
	26% {background-color: #909090;}
	28% {background-color: #606060;}
	30% {background-color: #909090;}
	32% {background-color: #606060;}
	34% {background-color: #909090;}
	36% {background-color: #606060;}
	38% {background-color: #909090;}
	40% {background-color: #606060;}
	42% {background-color: #909090;}
	44% {background-color: #606060;}
	46% {background-color: #909090;}
	48% {background-color: #606060;}
	50% {background-color: #909090;}
}
.pop-up {
	position: fixed;
	width: 100vw;
	min-height: 100vh;
	height: 100%;
	z-index: -1;
	top: 0;
	left: 0;
	opacity: 0;
	transition: all 0.4s;
	overflow: hidden;
	/*background-color: #f5f5f5;*/   
	background-color: #fff;
}
.pop-up-container {
	position: relative;
	height: auto;
}
.invisible, .invisible-component {
	display: none;
}
.center {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
}
.info-coolup-detail {
	top: 80%;
	left: 50%;
    transform: translate(-50%, -80%);
}
.coolup-init-load {
	color: #606060;
	text-align: center;
	font-size: 13px;
	font-weight: bolder;
}