/* Browser Resets */
.mos-img img {display: none !important;}
.mos-img {margin: 1em 0;}
/*** Main Styles ***/
#sts-main {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
#sts-main.sts-no-transition * {
	transition:all 0s ease 0s !important;
}
.sts-pause-wrap {
	position:relative;
	overflow:hidden;
}
.sts-counter {
	transition: 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.sts-counter:after {
	content:attr(style)
}
.sts-section {
	height:100vh;
	width:100%;
	position:relative;
}
.sts-perspective-1000 {
	perspective:1000px
}
.sts-height-auto {
	height:auto !important;
}

/*** 3D Cube Styles ***/
.sts-cube {
	font-size: 100px;
	width: 2em;
	height: 2em;
	transform-style: preserve-3d;
	position:relative;
	transform: rotateX(0deg) rotateY(0deg);
	transition: 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
	display:inline-block;
	vertical-align:bottom;
	margin: 0 20px;
}
.sts-cube_side {
	position: absolute;
	width: 2em;
	height: 2em;
	background-color:#5393CC;
	border: 0;
	color: white;
	text-align: center;
	line-height: 2em;
}
.sts-cube_front {
	transform: translateZ(1em);
	filter:brightness(110%)
}
.sts-cube_top {
	transform: rotateX( 90deg) translateZ(1em);
	filter:brightness(130%)
}
.sts-cube_right {
	transform: rotateY( 90deg) translateZ(1em);
	filter:brightness(90%)
}
.sts-cube_left {
	transform: rotateY(-90deg) translateZ(1em);
	filter:brightness(120%)
}
.sts-cube_bottom {
	transform: rotateX(-90deg) translateZ(1em);
}
.sts-cube_back {
	transform: rotateY(-180deg) translateZ(1em);
	filter:brightness(110%)
}
.sts-cube_text {
	font-size:30px;
	display:block;
	position:absolute;
	top:50%;
	left:0;
	width:100%;
	padding:10px;
	transform:translateY(-50%);
	line-height:1.2em;
}

/*** 3D Bar Chart Styles ***/
.sts-bar {
	width: 2em;
	height: 2em;
	transform-style: preserve-3d;
	position:relative;
	transform: rotateX(0deg) rotateY(0deg);
	transition: 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
	display:inline-block;
	margin: 0 0.2em;
	vertical-align:bottom;
}
.sts-bar_side {
	position: absolute;
	width: 2em;
	height: 2em;
	border: 0;
	color: white;
	text-align: center;
	background-color:#5393CC;
}
.sts-bar_size {
	height: 100%;
}
.sts-bar_front {
	transform:                  translateZ(1em);
	filter:brightness(110%)
}
.sts-bar_top {
	transform: rotateX( 90deg) translateZ(1em);
	filter:brightness(130%)
}
.sts-bar_right {
	transform: rotateY( 90deg) translateZ(1em);
	filter:brightness(90%)
}
.sts-bar_left {
	transform: rotateY(-90deg) translateZ(1em);
	filter:brightness(120%)
}
.sts-bar_bottom {
	transform: rotateX(-90deg) translateZ(1em);
}
.sts-bar_back {
	transform: rotateY(-180deg) translateZ(1em);
	filter:brightness(110%)
}
.sts-bar-help {
	height: 100%;
	display: inline-block;
	vertical-align: bottom;
	width: 0;
	position: relative;
}
.sts-bar:after {
	content:'';
	width:200%;
	padding-top:200%;
	background-color:#003;
	border-radius:50%;
	position:absolute;
	bottom:0;
	left:50%;
	opacity:0.05;
	filter:blur(20px);
	transform:translateY(50%) translateX(-50%) rotateX(90deg);
}
.sts-bar:before {
	content:'';
	width:150%;
	padding-top:150%;
	background-color:#003;
	border-radius:50%;
	position:absolute;
	bottom:0;
	left:50%;
	opacity:0.1;
	filter:blur(20px);
	transform:translateY(50%) translateX(-50%) rotateX(90deg);
}
.sts-bar-label {
	display: inline-block;
	vertical-align: bottom;
	margin: 0 0.4em;
	transition: 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
	width:2em;
	position:relative;
	transform: translateZ(0px);
}
.sts-bar-label-content {
	position:absolute;
	left:0;
	bottom:100%;
	top:auto;
	width:100%;
	font-size:30px;
	font-weight:700;
	line-height:30px;
}
.sts-bar-label-left {
	text-align:right;
}
.sts-bar-label-right {
	text-align:left;
}
.sts-bar-label-top {
	margin-right:-2.4em;
}
.sts-bar-label-top .sts-bar-label-content {
	margin-bottom:10px;
}
.sts-bar-label-bottom {
	margin-right:-2.4em;
}
.sts-bar-label-bottom .sts-bar-label-content {
	margin-top:20px;
	bottom:auto;
	top:100%;
}
.sts-bar-container {
	display:inline-block;
	font-size:50px;
	position: relative;
	text-align: center;
	height:30vh;
	transform: rotateX(-13deg) rotateY(-20deg);
	transform-origin: center center 0;
	transform-style: preserve-3d;
	transition: 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.sts-bar-container-size {
	height:30vh
}


[data-frame] {
  -webkit-touch-callout: none; 
    -webkit-user-select: none;
     -khtml-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; 
}
[data-frame] {
	height:auto !important;
}
.sts-frame-wrap {
	overflow:hidden;
	position:relative;
	height:0;
}
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-padd-50 {padding: 50px;}
.custom-padd-30 {padding: 30px;}
.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-h-90 { position:relative; height:90vh;}
.custom-h-80 { position:relative; height:80vh;}
.custom-h-70 { position:relative; height:70vh;}
.custom-h-60 { position:relative; height:60vh;}
.custom-h-50 { position:relative; height:50vh;}
.custom-w-20 { position:relative; width:20% ;}
.custom-h-20 { position:relative; height:20vh !important;}
.custom-w-30 { position:relative; width:30% ;}
.custom-h-30 { position:relative; height:30vh !important;}
.custom-w-40 { position:relative; width:40% ;}
.custom-h-40 { position:relative; height:40vh !important;}
.custom-w-50 { position:relative; width:50% ;}
.custom-h-50 { position:relative; height:50vh !important;}
.custom-w-60 { position:relative; width:60% ;}
.custom-h-60 { position:relative; height:60vh !important;}
.custom-w-70 { position:relative; width:70% ;}
.custom-h-70 { position:relative; height:70vh !important;}
.custom-w-80 { position:relative; width:80% ;}
.custom-h-80 { position:relative; height:80vh !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:2em; margin-bottom: 0.6em;}
.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-pos-tops {
	position:absolute;
	top:10%;
	left:50%;
	transform:translate(-50%, -10%);
	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:;
	display:block;
	text-indent:-3000%;
	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-over .custom-text-effect-1, .sts-section-paused .custom-text-effect-1 {
	text-indent:0;
}
.sts-section-over .custom-text-effect-1:before, .sts-section-paused .custom-text-effect-1:before {
	left:100%;
}
.custom-overflow {
	overflow:hidden;
}

.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;
}
.sts-section {
	text-align:center;
}
.custom-title-wrap {
	margin-top:20vh;
	margin-bottom:10vh;
}
.custom-chart-size {
	font-size:40px;
}
.custom-content-item {
width: 42%;
margin: 5vh 2.1vw;
height:auto;
background-color: #f1f1f1;
display:inline-block;
vertical-align:top;
white-space:normal;
}
.custom-content-items {
width: 35vw;
margin: 10vh 2.5vw;
height:auto;
background-color: #f1f1f1;
display:inline-block;
vertical-align:top;
white-space:normal;
}
.block1, .block2, .block3{
position: relative;
}
.custom-scroll-wrap-v {
text-align:center;
}
.custom-scroll-wrap-v .custom-content-item:nth-child(odd) {
transform:translateY(30%);
}
.custom-scroll-wrap-h {
white-space:nowrap;
}
.bgrnd {
	background-color: #f1f1f1; padding: 20px;
}
.custom-caption {
	position:absolute;
	z-index:40;
	right:10vw;
	bottom:10vh;
	color:#fff;
	padding:30px 0;
	text-decoration:none !important;
}
.custom-pos-center-fixed {
	width:100vw;
	height:100vh;
	text-align:center;
	line-height:100vh;
}

@media (max-width:768px) {
.custom-w-50 { position:relative; width:100% !important;}
 }
.custom-category {
	margin-bottom: 12px;
}