@charset "UTF-8";
/* CSS Document */
.back{
	font-size:16px;
	color:rgb(51,51,51);
	vertical-align: middle;
	padding: 6px 10px;}
.name_detil {
    font-size: 12px;
    margin-left: 5px;
    margin-right: 10px;
    color: rgb(255,0,0);
    font-weight: bold;
}
.aktif {
	background: #FF0004 !important;
	color: #fff !important;
}
.teksos{
	display:block;
	padding:10px;
	background-color: rgb(242,242,242);
	color: red;
    font-size: 17px;
    margin-top: 12px;
    text-align: center;}
.judul-tvm{
	font-size:14px;
	font-weight:bold;
	margin-top:-15px}
.judul-ftv{
	font-size:14px;
	font-weight:bold;
	margin-top:0px}
.poster{ width:auto}
.active{   
	 color: red;
    font-weight: bolder;}
@font-face {
	font-family: 'Material Icons';
	font-style: normal;
	font-weight: 400;
	src: local('Material Icons'), local('MaterialIcons-Regular'), url('../fonts/2fcrYFNaTjcS6g4U3t-Y5RV6cRhDpPC5P4GCEJpqGoc.woff') format('woff');
}
.material-icons {
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	font-size: 24px;
	line-height: 1;
	letter-spacing: normal;
	text-transform: none;
	display: inline-block;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	
}
.material-icons2 {
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	font-size: 24px;
	line-height: 1;
	letter-spacing: normal;
	text-transform: none;
	display: inline-block;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
}
.red-italic{
	color:rgba(232,0,3,1.00);
	font-style:italic;}
.cards {
    position: relative;
    margin: 0 8px;
    background-color: #fff;
    transition: box-shadow .25s;
    border-radius: 2px;
}
input#search {
    display: block;
    font-size: 16px;
    font-weight: 300;
    width: 94%;
    height: 37px;
    margin: 0;
	margin-left:15px;
    border: 0;
}
@font-face {
	font-family: 'modern_hmedium';
	src: url('../fonts/modernh-medium-webfont-webfont.woff') format('woff');
	src: url('../fonts/modernh-medium-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face{
	font-family: 'adihaus';
	src: url('../fonts/adihaus.woff') format('woff');
	src: url('../fonts/adihaus.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;}
body {
	font-family: 'adihaus';
	font-size: 15px;
}
strong {
	font-weight: bold;
}
.wrapbody {
	width: 77.7%;
	height: auto;
	position: relative;
	float: left;
	display: block;
	margin-left: 300px;
}
.wrapbody2 {
	width: 100%;
	height: auto;
	position: relative;
	float: left;
	display: block;
	margin-left:0px;
}
.side-nav {
	background-color: #e2e2e2;
}
.side-nav ul li {
	border-bottom: 1px solid #999;
}
.logo, .footermenu {
	width: 100%;
	height: auto;
	position: relative;
	display: inline-block;
}
.logo img{ width:100%}
.footermenu {
	margin-top: 350px;
	position: fixed;
	left: 0px;
	bottom: 20px;
	font-size: 12px;
	text-align: center;
	color: #7F7F7F;
}
.opening {
	background: url(../images/bg.jpg) top center no-repeat;
	background-size: cover;
	height: 100vh;
	margin-top:-20px;
}
.opening2 {
	background: url(../images/bg.jpg) top center no-repeat;
	background-size: cover;
	height: 100vh;
	margin-top:0px;
}
.openbox, .thumb_pp, .thumb_mov, .thumb_detailmov, .mmenu, .mm, .mmsearch, .galery_detail, .photo_profile,   {
	width: auto;
	height: auto;
	position: relative;
	float: left;
	display: block;
}
.galery-movisi{
	width: 19%;
	height: auto;
	position: relative;
	display:inline-block;
	vertical-align: top;}
.capture-movisi{
	width: auto;
	padding: 0 10px 0 0;
	margin: 5px 0px;}
.capture-movisi img{
	width:100%;}
.close-modal{
	text-align: right;
    position: absolute;
    right: 10px;
    top: 0px;}
.overlay{
	filter: brightness(90%);
	-webkit-filter: brightness(90%);
	-moz-filter: brightness(90%);
	-o-filter: brightness(90%);
	-ms-filter: brightness(90%);}
.mmsearch {
	float:right;
	margin-top:6px;
	margin-right:10px;
}
.mm-tablet {
	height: auto;
	width: 100%;
	position: relative;
	float: left;
	display: inline;
	background-color: #8C8C8C;
	box-shadow:0px 5px 5px #828282 inset;
	z-index:1002;
}
.head-log{
	display:block}
.mm-tablet a {
	padding: 15px 20px;
	position: relative;
	margin: 0px;
	color: #fff;
	float: left;
}

.thumb_pp {
	float: none;
	margin: 0 auto;
}
.thumb_detailmov {
	width: 185px;
	height: 267px;
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0 auto;
	float: none;
	padding: 10px 0;
}
.thumb_tvm{
	width: auto;
    position: absolute;
    top: 35%;
    left: 40%;
    opacity: 0.8;}
.thumb_ftv{
	width: auto;
    position: absolute;
    top: 27%;
    left: 34%;
    opacity: 0.8;}
.thumb_mov{
	width: 80%;
	height: auto;
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0 auto;
	float: none;
	padding: 17px 0;
}
.thumb_detailmov {
	width: auto;
	height: auto;
}
.name_detil{
	font-size: 14px;
	margin-left:5px;
	margin-right:20px;
	color:rgb(255,0,0));
	font-weight:bold}
.detil-icons{ 
	width:30px;
	vertical-align:middle;
	}
.thumb_mov img {
	width:100%;
	height: auto;
	-webkit-box-shadow: 1px 1px 8px 1px #999999;
box-shadow: 1px 1px 8px 1px #999999;
}
.thumb_detailmov img {
	width: 100%;
	height: auto;
}
.thumb_pp img {
	width:100%;
	border: 5px solid #ccc;
	margin-top: 1.14rem;
}
.mobile_logo{
	width:90%;
	padding:0px;
	margin-top:60%}
.openbox {
	float: none;
	margin: 0 auto;
	text-align: center;
	margin-top: 0px;
}
.headers {
	background-color: #ececec;
	border-bottom: 1px solid rgba(102,102,102,1);
	padding-top: 46px !important;
}
.judulkanal {
	font-size: 35px;
	color: #e82f35;
	margin: 20px 0 0 0;
}
.sharebox {
	width: 100%;
	height: 78px;
	background: url(../images/bg-sharebox_03.png) top left no-repeat #fafafa;
	position: relative;
	float: right;
	text-align: right;
	margin-top: 10px;
	padding-right: 20px;
}

.logoheaders {
	width: 100%;
	height: auto;
	position: relative;
	float: left;
	text-align: center;
	margin-top:10px;
}
.searchbox {
	width: 100%;
	height: auto;
	position: relative;
	display: block;
	background-color: #ccc;
	text-align: center;
	padding: 7px 0;
	line-height: 30px;
	box-shadow: 0 0 5px #757575 inset;
}
.ownerbox {
}
.ownerbox li {
	float: left;
	margin: 0 10px;
	padding-bottom: 10px;
}
.ketmov {
	font-size:12px;
	font-weight:bold;
	padding: 5px;
}
.ketmov td {
	padding: 5px 0px;
}
.font-m {
	font-size: 20px;
}
.thumb_intro img {
    width: 100%;
}
.thumb_photo img {
	width: 100%;
	margin: 5px 0px;
}
.collapsible-body:active {
	background: red;
}
.in-search {
	padding: 7px 7px 7px 10px;
	margin-right: 2px;
}
.galery_detail a img {
	padding: 0 10px 0 0;
	width:19%;
}
.photo_profile a img{
	margin: 0 10px 0 0;
	width:15.5%;}
.dropdown-content {
	margin-top:52px;
	z-index:1 !important;
}

.tablet-only {
		display:none;
	}
	
.dd {
    position: relative;
    display: inherit;
}

.dd-content {
    display: none;
    position: absolute;
    width: auto;
	height:auto;
	background-color:#999999;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	top: 50px;
}

.dd:hover .dd-content {
    display: block;
}

.pad20 {
	padding:0 20px;
}
@media screen and (max-width: 360px) {
	.galery-movisi {
    width: 47.5%;
    height: auto;
    position: relative;
    display: inline-block;
    vertical-align: top;
}
.back{
	font-size:14px;
	color:rgb(51,51,51);
	vertical-align: middle;
	padding: 4px 4px;}
.poster{ width:100%;}
.head-log{
	display:none;}
.pad20{
	padding:0 15px}
.drag-target{ display:none}
.thumb_mov{
	width: 100%;
	height: auto;
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0 auto;
	float: none;
	padding: 10px 0;
}
.thumb_detailmov {
	width: 100%;
	height: auto;
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0 auto;
	float: none;
	padding: 10px 0;}
.sharebox img{width:30%}
.sharebox {
    height: 65px;
	margin-top:0px;
	float: inherit;
    text-align: center;
    padding-right: 9px;}
.thumb_intro img {
	width: 100%;
}
.thumb_pp img {
	width:100%;
	border: 5px solid #ccc;
	margin-top: 1.14rem;
}
.thumb_pp img{ width:100%}
.judulkanal {
	font-size: 18px;
	color: #e82f35;
	margin: 16px 0 0 -4px;
}
.photo_profile a img{
	margin: 0 2.5% 7px 0 !important;
	width:100% !important}
}
@media screen and (min-width: 361px) and (max-width: 480px) {
.back{
	font-size:14px;
	color:rgb(51,51,51);
	vertical-align: middle;
	padding: 4px 4px;}
.galery-movisi {
    width: 47.5%;
    height: auto;
    position: relative;
    display: inline-block;
    vertical-align: top;
}
.poster{ width:100%;}
.head-log{
	display:none;}
.drag-target{ display:none}
.thumb_mov{
	width: 100%;
	height: auto;
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0 auto;
	float: none;
	padding: 10px 0;
}
.thumb_detailmov {
	width: 100%;
	height: auto;
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0 auto;
	float: none;
	padding: 10px 0;}
.sharebox img{width:30%}
.sharebox {
    height: 65px;
	margin-top:5px;
	text-align: center;}
.thumb_intro img {
	width: 100%;
}
.thumb_pp img {
	width:100%;
	border: 5px solid #ccc;
	margin-top: 1.14rem;
}
.thumb_pp img{ width:100%}
.judulkanal {
	font-size: 23px;
	color: #e82f35;
	margin: 20px 0 0 0;
}
.photo_profile a img{
	margin: 0 2.5% 7px 0 !important;
	width:46.6% !important}
}
@media screen and (min-width: 320px) and (max-width: 768px) {
.thumb-tvm2 {height:200px}
.poster{ width:100%}
.logo img{ width:80% !important}
.wrapbody {
	width: 100%;
	margin:0px;
	padding:0px;
}
.openbox {
	margin-top: 0px;
}
.ownerbox li {
	float: left;
}
.headers {
	padding-top: 0px !important;
}

.tablet-only {
		display:none;
	}
.galery_detail a img {
	width:47.5%;
}
	.photo_profile a img{
	margin: 0 2.8% 7px 0;
	width:48.9%;}	
}
@media only screen and (width: 768px ) {
	.thumb-tvm2 {height:215px}
	.poster{ width:100%}
.galery-movisi {
    width: 32.975%;
    height: auto;
    position: relative;
    display: inline-block;
    vertical-align: top;
}
.mobile_logo{
	width:auto;
	padding:0px;
	margin-top:40%}
.galery_detail a img {
	width:49.5%;
}
	.photo_profile a img{
	margin: 0 10px 0 0;
	width:14.9%;}
	.thumb_intro img {
    width: 70%;
}
	.thumb_pp img {
		width: 70%;
	border: 5px solid #ccc;
	margin-top: 1.14rem;
}
	.tablet-only {
		display:block;
	}
	
	.fixed-action-btn {
		display:none !important;
	}
	
	.thumb_detailmov {
	width: 100%;
	text-align:center;
	}
	
	.thumb_detailmov img {
		width:70%;
	}
}
@media screen and (min-width: 769px ) and (max-width:992px){
.mobile_logo{
	width:auto;
	padding:0px;
	margin-top:40%}
.wrapbody {
	width: 100%;
	margin-left: 0px;}
.tablet-only {
		display: block;
	}
}
@media screen and (min-width: 993px ) and (max-width:1023px){
.mobile_logo{
	width:auto;
	padding:0px;
	margin-top:40%}
.logo img {
    width: 100% !important;
    margin-top: 16px;
}
.wrapbody {
	width: 75.7%;
	margin-left: 250px;}
.tablet-only {
		display: none;
	}
.thumb_pp img, .thumb_intro img {
    width: 100%;
}
.side-nav {
    width: 250px;
}
}
@media only screen and (width: 1024px) {
		.thumb-tvm2 {height:175px}
	.poster{ width:100%}
.thumb_ftv{
	width: auto;
    position: absolute;
    top: 21%;
    left: 29%;
    opacity: 0.8;
	}
.name_detil{
	font-size: 12px;
	margin-left:5px;
	margin-right:10px;
	color: rgb(255,0,0);
	font-weight:bold}
.judul-tvm{
	font-size:12px;
	font-weight:bold;
	margin-top:-7px}
.judul-ftv{
	font-size:12px;
	font-weight:bold;
	margin-top:0px}
.mobile_logo{
	width:auto;
	padding:0px;
	margin-top:30%}
.logo img{ width:100% !important; margin-top:16px}
.thumb_pp img, .thumb_intro img {
	width: 100%;
}
.thumb_detailmov img {
    width: 100%;}
.tablet-only {
		display:none;
	}

.side-nav {
	width:250px;
}
.thumb_mov{
	width: 150px;
	height: auto;
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0 auto;
	float: none;
	padding: 10px 0;
	font-size:12px !important;

}
.wrapbody {
	margin-left:250px;
	width:76%;
}
.galery_detail a img {
	width:19%;
}
.photo_profile a img{
	margin: 0 10px 0 0;
	width:15%;}

}
@media only screen and (min-width: 1025px ) {
.name_detil{
	font-size: 16px;
	margin-left:5px;
	margin-right:20px;
	color: rgb(255,0,0);
	font-weight:bold}
.detil-icons{ 
	width:40px;
	vertical-align:middle;
	}	
.mobile_logo{
	width:auto;
	padding:0px;
	margin-top:25%}
	.tablet-only {
		display:none;
	}

}
@media screen and (min-width:1400px) and (max-width: 1499px) {
	
.wrapbody {
	width: 79%;
}
}
@media screen and (min-width:1500px) {
.wrapbody {
	width: 81%;
}
}
@media screen and (min-width:1600px) {
.wrapbody {
	width: 82%;
}
}
@media screen and (min-width:1700px) {
.wrapbody {
	width: 83%;
}
}
@media screen and (min-width:1800px) {
.wrapbody {
	width: 84%;
}
}	

/* CSS Document */