html,
body {
	margin:0;
	padding:0;
	font-family: 'Roboto', sans-serif;
}
* {
    font-smoothing: antialiased;
   /* backface-visibility: hidden;*/
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    user-drag: none;
    tap-highlight-color: rgba(0, 0, 0, 0);
    overflow-scrolling: touch;
    touch-callout: none;
}

#sts-scroll_container > *:nth-child(odd){background:#fafafa;}

.custom-bg-1 {background-image:url(../pic/b_9.jpg)}
.custom-bg-2 {background-image:url(../pic/b_11.jpg);}
.custom-bg-size-w-150 {background-size:150% auto;}
.custom-bg-size-h-150 {background-size:auto 150%;}
.custom-bg-size-cover {background-size:cover}
.custom-bg-pos-center { background-position:50% 50%;}
.custom-bg-color-magenta { background-color:#C6F}
.custom-bg-color-blue {background-color:#0CF}
.custom-bg-color-orange {background-color:#F93}
.custom-bg-color-green {background-color:#ABD979}
.custom-bg-color-black {background-color:#000}
.custom-bg-color-gray { background-color:#f1f1f1;}
.custom-bg-color-white { background-color:#fff;}

.custom-progress { position:absolute; left:0; top:0; height:3px; background-color:#39F;}
.custom-box-200 {width:200px; height:200px;position:relative}
.custom-box-300 {width:300px;height:300px;position:relative}
.custom-box-30p {width:30vw; height:30vw;}
.custom-w-100 { position:relative; width:100vw;}
.custom-h-100 { position:relative; height:100vh;}
.custom-w-50 { position:relative; width:50% ;}
.custom-h-50 { position:relative; height:50vh !important;}
.custom-w-50p { position:relative; width:50% !important ;}
.custom-h-50p { position:relative; height:50%;}
.custom-wh-100 { position:relative; width:100vw; height:100vh;}
.custom-pos-top { position:absolute; top:0; left:0;}
.custom-pos-bottom { position:absolute; bottom:0; left:0;}
.custom-color-white {color:#fff;}
.custom-transition-500 { transition: 0.5s cubic-bezier(0.165, 0.84, 0.44, 1)}
.custom-transition-300 { transition: 0.3s cubic-bezier(0.165, 0.84, 0.44, 1)}
.custom-transition-700 { transition: 0.7s cubic-bezier(1.000, 0.000, 0.000, 1.000)}

.custom-size-30 {font-weight:700; font-size:30px}
.custom-title-1 {font-size:2.5vw;}
.custom-float-left { float:left;}
.custom-float-right { float:right;}
.custom-clearfix:after {
    content:" ";
    display:table;
    clear:both;
}
.custom-pos-center {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	max-width:95%;
	text-align:center;
}
.custom-label-text {
	font-size:16px;
	font-weight:400;
	line-height:16px;
}
.custom-text-effect-1 {
	overflow:hidden;
	position:relative;
	white-space:nowrap;
	display:inline-block;
	text-indent:-200%;
	transition: 0s linear 0.4s

}
.custom-text-effect-1:before {
	content:'';
	position:absolute;
	left:-100%;
	top:0%;
	border:0;
	border-top-width:1000px;
	border-top-style:solid;
	width:100%;
	height:100%;
	opacity:1;
	transform:translateZ(0);
	transition: 0.9s cubic-bezier(0.785, 0.135, 0.150, 0.860);
}
.sts-section-paused .custom-text-effect-1 {
	text-indent:0;
}
.sts-section-paused .custom-text-effect-1:before {
	left:100%;
}
.custom-overflow {
	overflow:hidden;
}





.bar-1 .sts-bar_side {
	background: #BA3A1B; 
}
.bar-2 .sts-bar_side {
	background: #596a72; 
}
.bar-3 .sts-bar_side {
	background: #339966; 
}


.custom-sts-code {
	border:1px solid rgba(0,0,0,0.1);
	margin:30px auto 0 !important;
	max-width:100% !important;
	opacity:0.9;
}
.custom-scrolldown {
	padding-top:10vh;
}
.custom-scrolldown div {
	font-size:50px;
	opacity:0.3;
}