@charset "utf-8";
/* CSS Document */
#page_links {
	/*font-size: 10px;*/
	border: 1px #696969 solid;
	color : white;
	padding: 2px 6px;
	margin: 0 2px;
	background-color: #A9A9A9;
	text-decoration: none;
}
.page_a_link {
	color:#6d6d6d;
	text-decoration: none;
}
.swiper-container {
	width: 100%;
	height: 40px;
	/* margin: 20px auto;*/
	margin: 10px 0 -10px 0;
}
.swiper-slide {
	font-size: 18px;
	background: #432e66;
	margin-right: 0px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	align-self: center;
}
.swiper-wrapper .active a .swiper-wrapper a:hover {
	text-decoration: none;
	font-size: 18px;
	color: #ECAC31;
}
.normalLink {
	text-decoration: none;
}
.visitingLink {
	text-decoration: none;
	font-size: 18px;
	color: #ECAC31;
}

.rounded-nav {
	margin-right: 5px;
	height: 43px;
	width: 43px;
	line-height:43px;
	border-radius: 100px;
	font-size: 24px;
	background: lightgrey;
	vertical-align:middle;
}


.horizontal-video {
	width:300px; height:100px; background:#FFFFFF; margin:auto; margin-top:13px;
	border-radius: 5px;
	color:#2272c5;
	font-weight:500;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	overflow:hidden;
}


.big-video {
	display:block;
width:300px;
margin:auto;
height:180px;
margin-top:5px;
border-radius: 5px 5px 0 0;
padding-bottom: 85px;
}




.playpause {
    
 /*background-image:url( http://mm.net.my/vidveeko/play3_orange.png );*/
    background-repeat:no-repeat;
    width:45%;
    height:45%;
    position:absolute;
    left:0%;
    right:0%;
    top:0%;
    bottom:0%;
    margin:auto;
    background-size:contain;
    background-position: center;
}

.wrapper{
    /* display:table; */
    position:relative;
    width:100%;
	height:100%;
	-webkit-box-flex:1;
	    -ms-flex:1;
	        flex:1;
	border-radius:5px 5px 0 0;
	overflow:hidden;
}

.wrapper2{
    /* display:table; */
    position:relative;
    width:100%;
	height:180px;
	-webkit-box-flex:1;
	    -ms-flex:1;
	        flex:1;
	border-radius:5px 0 0 0;
	overflow:hidden;
}





.title_banner_any {
       position: absolute;
      left: 1%;
       font-weight: bold;
       color:white;
       font-size:16px; 

   width: 80%;
   height:5%;
   bottom:2%;
   padding:10px 20px 10px 10px;
   margin:2px 20px 10px 2px;
   position : absolute;
   background: rgba(46, 46, 31, 0.4);
  }






 .video {
    width: 100%;
 /*    border: 1px solid black;*/
 }

 

.vjs-fade-out {
    display: block;
    visibility: hidden;
    opacity: 0;
   }
 















.cate-picture-big {
	padding-top: 104px;
	width: 100%;
	height: 120px;
	background: grey;
	overflow: hidden;
}

.title_banner_any {
       position: absolute;
      left: 1%;
       font-weight: bold;
       color:white;
       font-size:16px; 

   width:auto;
   height:5%;
   bottom:2%;
   padding:10px 20px 10px 10px;
   margin:2px 20px 10px 2px;
   position : absolute;
   background: rgba(46, 46, 31, 0.4);
  }

.center-flex {
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
text-align: center;
}

.nav-flex {
	
	height:64px;
width:100%;
background-color:white;
display:inline-block;
border-bottom:1px #eaeaea solid;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
-webkit-box-pack:center;
    -ms-flex-pack:center;
        justify-content:center;
}
}

.top-trending {
	text-align: center;
}

#adaptive-container {
	width: 100%; display: -webkit-box;
	display: -ms-flexbox; display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

#adaptive-wrapper {
	width: 300px;
}

.content-btn {
	-webkit-box-flex:1;
	    -ms-flex:1;
	        flex:1;
	float:right;
	width:100px;
	height:30px;
	background:#432e66;
	border-radius:75px;
	line-height:30px;
	text-align:center;
	font-size:15px;
	color:white;
}

.title-flex {
	-webkit-box-flex:1;
	    -ms-flex:1;
	        flex:1;
	height:30px;
	width:50px;
}

.content-wrapper-flex {
	width:300px;
	height:30px;
	margin:auto;
	padding-top:13px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	    -ms-flex-align:center;
	        align-items:center
}

.title2-flex {
	height:100%;
	-webkit-box-flex:1;
	    -ms-flex:1;
	        flex:1;
	background:#FFFFFF;
	border-radius:0 5px 5px 0;
}

.nav-num-flex {
	height:70px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	color: grey;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack:center;
	    -ms-flex-pack:center;
	background-color:#eaeaea;
	text-align: center;
}


.pagination-active {
	background: white;
}



.pagination-container {
    width: 300px;
	overflow: scroll;
    overflow-x: hidden;
	overflow-y: hidden;
    white-space: nowrap;
	display: inline-block;
}





/*scrollmenu*/

div.scrollmenu {
    background-color: #333;
    overflow: auto;
    white-space: nowrap;
	width: 300px;
}

div.scrollmenu a {
    display: inline-block;
    color: white;
    text-align: center;
    padding: 14px;
    text-decoration: none;
}

div.scrollmenu a:hover {
    background-color: #777;
}



/*Scroll wrapper*/
.horizontal-scroll-wrapper {
  width: 100px;
  height: 300px;
  overflow-y: auto;
  overflow-x: hidden;
}

.horizontal-scroll-wrapper > div {
  width: 100px;
  height: 100px;
}

.horizontal-scroll-wrapper {
  transform: rotate(-90deg);
  transform-origin: right top;
}

.horizontal-scroll-wrapper > div {
  transform: rotate(90deg);
  transform-origin: right top;
}

.horizontal-scroll-wrapper {
  transform:rotate(-90deg) translateY(-100px);
}




.scrolls {
	width:100%;
    overflow-x: scroll;
    overflow-y: hidden;
    height: 80px;
    white-space:nowrap
}


.imageDiv img {
    box-shadow: 1px 1px 10px #999;
    margin: 2px;
    max-height: 50px;
    cursor: pointer;
    display:inline-block;
    *display:inline;/* For IE7*/
    *zoom:1;/* For IE7*/
    vertical-align:top;
 }

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

.swiper-wrapper .active a, .swiper-wrapper a:hover {
    color:#ECAC31;
}

.normalLink{
    color: #888888;
}

.visitingLink{
    text-decoration:none;font-size:14px;color:#ECAC31;
}

.closeMenu{
    text-align:left;
    width:100%;
    font-family:'GothamMedium';
        /*font-weight:400;*/
    font-size:28px;
    margin-top:5px;
    margin-left:5px;
}

.menuTop{
    text-align:center;
        width:100%;
    padding-top:3%;
        font-family:'GothamMedium';
        /*font-weight:400;*/
        font-size:14px;
    color:#ffffff !important;
    padding-bottom:100px !important;
    /*margin-bottom:150px;*/
}

.menuTop a{
        background-color:none;
        display:block;
        padding:8px 0px;
    font-family:'GothamMedium';
        /*font-weight:400;*/
        font-size:16px;
        color:#ffffff !important;
    text-decoration:none !important;
}

.menuTop a:active, .menuTop a:hover {
        background-color:#515151;
        display:block;
        padding:8px 0px;
    font-family:'GothamMedium';
        /*font-weight:400;*/
        font-size:16px;
        color:#ffffff !important;
    text-decoration:none !important;
}

.menuTop #openPopup {
    margin-top:5px;
}

#overlay {
    display:none;
    position:fixed;/*absolute;*/
    top:0px;
    left:0;
    bottom:0;
    width:100%;
    height:100%;
    background-color:#000000;
    font-family:'GothamMedium';
    /*font-weight:400;*/
    font-size:12px;
    color:#ffffff;
    z-index:99999;
    opacity:0.92;
}

.menu_style{    
    /*filter: contrast(0.5);*/
    float: left;
    margin-left: 30px;
}

/* search */
.search-form .form-group {
  float: right !important;
  transition: all 0.35s, border-radius 0s;
  width: 28px;
  height: 28px;
  background-color: #bfbfbf;/*#C874EA;*/
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  border-radius: 5px;
  border: 0px solid #ccc;
  margin-right:1px;
  margin-top:1px;
  margin-bottom:0px;
}
.search-form .form-group input.form-control {
 /* padding-right:15px;*/
/*  margin-top:5px;*/
  width:inherit;
  height:25px;
  border: 0 none;
  background: transparent;
  box-shadow: none;
  display:block;
  color:#ffffff;
  z-index:9999;
  font-family:'GothamLight';
  /*font-weight:400;*/
  outline:none;
 /* padding: 1px 35px;*/
}
.search-form .form-group input.form-control::-webkit-input-placeholder {
  display: none;
  color:#ffffff;
}
.search-form .form-group input.form-control:-moz-placeholder {
  /* Firefox 18- */
  display: none;
   color:#ffffff;
}
.search-form .form-group input.form-control::-moz-placeholder {
  /* Firefox 19+ */
  display: none;
   color:#ffffff;
}
.search-form .form-group input.form-control:-ms-input-placeholder {
  display: none;
   color:#ffffff;
}
.search-form .form-group:hover,
.search-form .form-group.hover {
  width: 90% !important;
  z-index:99999;
  position:inherit;
  top:0px;
  right:0px;
  font-family:'GothamLight';
  /*font-weight:300;*/
  color:#ffffff;
  border-radius: 4px 20px 20px 4px;
}
.search-form .form-group span.form-control-feedback {
  position: absolute;
  top: -3px;
  right: 0px;
  z-index: 99999;
  display: block;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  color: #ffffff;
  left: initial;
  font-size: 12px;
}

.glyphiconG{
    padding-left:8px;
    padding-top:0px;
}

.search_css{
    background:#ffffff;
    color:#000000;
    display:none;
    text-align:left;
    padding:3px;
    font-size:12px;
    width:100%;
}

.frontImg{
    width:20px;
    margin-top: 8px;
    margin-left:5px;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}

.topRm {
    width: 75%;
    right: 8px !important;
    position: relative;
/*    border: 0px solid white;*/
}

.actionDiv {
    font-family:'GothamMedium';
    font-size:12px;
    color:#000000;
    /*font-weight:400;*/
    position:relative;
    margin-bottom:2px;
    text-align:center;
    background-color:#ffffff;
    -webkit-box-shadow: 1px 1px 3px 0px rgba(215,216,217,1);
    -moz-box-shadow: 1px 1px 3px 0px rgba(215,216,217,1);
    box-shadow: 1px 1px 3px 0px rgba(215,216,217,1);
    padding:20px 5px 20px 5px;
    border:0px solid gray ;
    border-radius:3px;
    width:100%;
}


.normalDiv {
    width:100%;
    margin-bottom:5px;
}

.closeSubs{
    text-align:right;
    width:100%;
    font-family:'GothamMedium';
    font-size:18px;
    margin-top:-5px;
    margin-left:5px;
    padding-right:10px;
    color:#B0B0B0;
}

.innerAction {
    position:relative;
    margin:10px 0px;
    height:auto;
}

.actionImg {
    width:150px;
}

#PopupOverlay {
        display:none;
        position:fixed;/*absolute;*/
        top:0px;
        left:0;
        bottom:0;
        width:100%;
        height:100%;
        background-color:#000000;
        font-family:'GothamMedium';
        /*font-weight:400;*/
        font-size:12px;
        color:#ffffff;
        z-index:99999;
        opacity:0.92;
}


#PopupOverlay_v2 {
        display:none !important;;
        position:fixed;/*absolute;*/
        top:0px;
        left:0;
        bottom:0;
        width:100%;
        height:100%;
        background-color:#000000;
        font-family:'GothamMedium';
        /*font-weight:400;*/
        font-size:12px;
        color:#ffffff;
        z-index:99999;
        opacity:0.92;
}

#subsPopup {
    display:block;
        position:absolute;
        top:10%;
        left:5%;
        width:90%;
        height:200px;
}

#container {
    background-color:#F1F3F0;
    height:100%;
    /*overflow-y:scroll;
    min-height:400px;*/
    margin-top:60px;
    position:relative;
    margin-bottom:20px;
    width:100%;
    font-family:'GothamLight';/*'OswaldRegular';*/
    font-size:12px;
    color:#000000;
    /*font-weight:300;*/
    letter-spacing:0.01em;
    padding:0px 5px;
    /*padding-bottom:100px;*/
    border:0px solid red;

}

.logDiv {
    font-family:'OswaldRegular';
    font-size:12px;
    color:#000000;
    font-weight:400;
    position:relative;
    margin-top:0px;
    margin-bottom:2px;
    text-align:center;
    background-color:#ffffff;
    -webkit-box-shadow: 1px 1px 3px 0px rgba(215,216,217,1);
    -moz-box-shadow: 1px 1px 3px 0px rgba(215,216,217,1);
    box-shadow: 1px 1px 3px 0px rgba(215,216,217,1);
    padding:20px 5px 20px 5px;
    border:0px solid gray ;
    border-radius:3px;
    width:auto;
    height:auto;
}

.manualLogin{
    width:80%;
    text-align:center !important;
    border:0px solid red;
    margin:0 auto;
    height:100%;
    padding-bottom:0px;
}

.gapFrm{
    margin-bottom:6px;
}

.form-group{
    border:0px solid red;
    margin-bottom:2px;
}

#btnUnsub{

  background: #83089f;
  background-image: -webkit-linear-gradient(top, #83089f, #cc1ecc);
  background-image: -moz-linear-gradient(top, #83089f, #cc1ecc);
  background-image: -ms-linear-gradient(top, #83089f, #cc1ecc);
  background-image: -o-linear-gradient(top, #83089f, #cc1ecc);
  /*background-image: linear-gradient(to bottom, #83089f, #cc1ecc);*/
  background-image: linear-gradient(to bottom, #ecac31, #ecac31);
  -webkit-border-radius: 13;
  -moz-border-radius: 13;
  border-radius: 13px;
  font-family: Arial;
  color: #ffffff;
  font-size: 12px;
  text-decoration: none;
  width: 15%;
  margin: 0px 5px;


}

#btnUnsub{

  background: #83089f;
  background-image: -webkit-linear-gradient(top, #83089f, #cc1ecc);
  background-image: -moz-linear-gradient(top, #83089f, #cc1ecc);
  background-image: -ms-linear-gradient(top, #83089f, #cc1ecc);
  background-image: -o-linear-gradient(top, #83089f, #cc1ecc);
/*  background-image: linear-gradient(to bottom, #83089f, #cc1ecc);*/
  background-image: linear-gradient(to bottom, #ecac31, #ecac31);
  -webkit-border-radius: 13;
  -moz-border-radius: 13;
  border-radius: 13px;
  font-family: Arial;
  color: #ffffff;
  font-size: 12px;
  text-decoration: none;
  width: 15%;
  margin: 0px 5px;


}

.full_width{
    width:100% !important;
}

.playGame{
    height: 28px;
    width: 80px;
    background-color: #432e66;
    color: white;
    border-radius: 100px;
    text-align: center;
    line-height: 28px;
    font-size: 10px;
    font-weight: 300;
    float: right;
    margin-right: 15%;
}