sex::-webkit-scrollbar { 
    display: none; 
}

body{
	width:100%;
	margin: auto 0;
	
	background-color: #FFFFFF;
}

.white{
	background-color: white;
}


#cat_holder{
	position: relative;
	float:left;
	width:96%;
	left:2%;
	margin-top:30px;
	
}

.rcontainer{
	margin-left:0%;
	width:100%;
	position: relative;
	float:left;
	padding-bottom:5%;
}





#slider{
	position: relative;
	float:left;
	width:90%;
	left:5%;
	margin-top:0px;
	display:none;
}

#slider_top_bar{
	position: relative;
	float:left;
	width:100%;
	background-color: #037e8c;
	color:white;
	font-size: 1.8em;
	padding-top:1%;
	padding-bottom:1%;
}

#top_left{
	position: relative;
	width:20%;
	float:left;
}

#top_center{
	position: relative;
	width:60%;
	float:left;
	padding-top:8px;
	text-align: center;
	
}

#top_right{
	position: relative;
	width:20%;
	float:left;
}

.uplevel{
	top:5px;
	right:15px;
	width:40px;
	height:40px;
	position: absolute;
	background-image:url('../images/arrow_up.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	border:2px solid white;
	border-radius:5px;
}

.uplevel:hover{
	border:2px solid black;
	cursor:pointer;
}


.cat_name{position: relative;
	float:left;
	padding:5px;
}

.rsCaption{
	cursor:pointer;
}

.maincat{
	margin-bottom:2%;
	text-align: center;
	background-color:white;
	cursor: pointer;
	border:2px solid white;
	border-radius:10px;
	padding-bottom:2%;
	
}


.space3{
	margin-bottom:2%;
	
	padding:1%;
}

.maincat:hover{
	border:2px solid #037e8c;
}

.maincat img{
	width:92%;
	
}

.mm-panels>.mm-panel>.mm-listview:first-child, .mm-panels>.mm-panel>.mm-navbar+.mm-listview{
	margin-top: -13px;
}

.mm-listview li a, .mm-listview li span{
	font-size: 1.6em;
	color:white;
	background-color: #037e8c;
	padding-top:15px;
	padding-bottom:15px;
}
.mm-listview li a .seltext, .mm-listview li span .seltext{
	background-color:gray;
}

.mm-listview>li>a:hover, .mm-listview>li>span:hover{
	color:black;
}


.mm-listview .mm-next.mm-fullsubopen+a, .mm-listview .mm-next.mm-fullsubopen+span{
	color:white;
}

.mm-navbar{
	height:40px;
	background-color: #666;
	color:white;
	padding-top:5px;
}


.mm-menu .mm-navbar a, .mm-menu .mm-navbar>*{
	color: white;
	font-size:1.6em;
}

.mm-next{
	color: red !important;
}

xspan{
	cursor: pointer;
}

#closepopup{
	position: absolute;
	left:20px;
	top:20px;
	width:40px;
	height:20px;
	z-index: 9999;
	font-size: 1.4em;
}

#closepopup:hover{
	cursor: pointer;
	color:black;
}

#next_replay{
	position: absolute;
	right:20px;
	top:10px;
	width:150px;
	text-align: right;
	z-index: 9999;
	
}

.prevSeries,.nextSeries{
	display: inline-block;
	float:left;
	width:70px;
	text-align: center;
	font-size: 1.4em;
}
#series_title{
	position: absolute;
	top:3%;
	left:50%;
	width:300px;
	margin-left:-150px;
	text-align: center;
	font-size: 2em;
	z-index: 999;
}

#ipad_slider_new{
	position: relative;
	height: 100%;
	}

#player_holder{
	position:absolute;
	
	width:100%;
	height:80% !important;
	top:10% !important; 
	
}


#timer-holder{
	position:absolute;
	bottom:2%;
	right:1%;
	z-index:9999;
	width:10%;
	height:10%;
	max-width:60px;
	max-height:60px;
	opacity: 1;
}


#time-holder{
	position:absolute;
	bottom:2%;
	left:1%;
	width:8%;
	height:11%;
	max-width:60px;
	max-height:60px;
	z-index:9999;
	opacity: 1;
}


.timerchoice{
	position: relative;
	width:100%;
	height:100%;
	cursor:pointer;
	background-image: url(../images/timer.png);
	background-size: contain;
	background-repeat: no-repeat;
	
}

.timerchoice:hover{
	width:98%;
	height: 98%;
	margin-left:1%;
	margin-bottom:1%;
	cursor: pointer;
	
}

.royalSlider {
 width:auto !important;
height:100% !important;	

  }

.rsMainSlideImage{
	height:auto !important;
	width:100%; 
}

img.rsImg{
	margin-top:0 !important;
	box-sizing: border-box;
	width:80%;
}

.rsGCaption {
	position: absolute;
	top:-50px !important;
}

#setrange {
    -webkit-appearance: slider-vertical;
    width: 10px;
    height: 200px;
	margin-left:30px;
}


#speed-select{
	position: absolute;
	float:left;
	display: none;
	width:120px;
	bottom:5%;
	color:white;
	z-index: 9999;
	
}

.noUi-value-sub{
	color:#666 !important;
}

#speed_holder{
	position: relative;
	float: left;
	text-align: center;
	width:100%;
}



#speed_holder h3{
	margin-top: 0;
}
.speed{
	padding: 5px;
	border:1px solid white;
	opacity: 0.4;
	
}

.speed:hover{
	opacity:1;
	cursor: pointer;
}

.timerstart{
	position: relative;
	width:80%;
	height:80%;
	cursor:pointer;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url(../images/play.png);
	background-size: contain;
	
}

.timerstop{
	position: relative;
	width:80%;
	height:80%;
	cursor:pointer;
	background-repeat: no-repeat;
	background-image: url(../images/pause.png);
	background-size: contain;
	
}


.timerstart:hover{
	width:78%;
	height: 78%;
}


.bar_container,.bar_container-home{
	position: absolute;
	width:82%;
	left:8%;
	overflow: hidden;
    display:inline-block;
    margin:0px 5px 5px 5px;
 	bottom:2%;
	height:5px;
}

.bar_container-home{
	
	bottom:16%;
	left:22%;
	width:60%;
	opacity:0.6;
}

.progressbar { 
	color: #fff;
    text-align: right;
    height: 2px;
    width: 0;
    background-color: #666; 
    border-radius: 0px; 
	z-index: 9999;
}


item {
    position: relative;
    float: left;
}

.item h2 {
    text-align:center;
    position: absolute;
    line-height: 125px;
    width: 100%;
}

svg {
   -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.circle_animation {
  stroke-dasharray: 440; /* this value is the pixel circumference of the circle */
  stroke-dashoffset: 440;
  transition: all 1s linear;
}

@font-face {
	font-family: 'Nexa Bold';
	src: url('fonts/Nexa Bold.otf');
}

@font-face {
	font-family: 'Nexa Light';
	src: url('fonts/Nexa Light.otf');
	
	src: url('fonts/webfont.eot'); /* IE9 Compat Modes */
  	src: url('fonts/webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/nexa-light.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/nexa-light.woff') format('woff'), /* Pretty Modern Browsers */
       url('fonts/nexa-light.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('fonts/nexa-light.svg#svgFontName') format('svg'); /* Legacy iOS */
}
	
.voffset3{
	margin-top:20px;
}	

.voffset6{
	margin-top:40px;
}	

.container{
	margin-left:2%;
	margin-right:2%;
	width:96%;
	
}
.position_left3,.position_left2{
	background-color:#186187;
	color:white;
	font-size: 2em;
	padding:1%;
}

.position_left3{
	background-color: grey;
	
}

.position_left img{
	width:70%;
}

.position_left3 h3,.position_left2 h3{
	margin-top:0 !important;
}


.border-gray{
	border: 1px solid #ccc;
	margin:-1px 0 0 -1px;

	
	
}