/***************************/
/* LAYOUT - sticky footer	*/
/***************************/
html {position: relative; min-height: 100%;}

body {
  font-size: 16px;
  /* Margin bottom by footer height */
  margin-bottom: 127px;
  margin-top:87px; /*pengaruh fix header*/

/*
  background: rgb(255,255,255);
	background: radial-gradient(circle, rgba(255,255,255,1) 45%, rgba(249,213,7,0.2) 60%, rgba(61,145,67,0.2) 70%, rgba(233,39,39,0.2) 80%, rgba(32,63,122,0.2) 90%);
	background: radial-gradient(circle, rgba(255,255,255,1) 45%, rgba(249,213,7,0.2), rgba(61,145,67,0.2), rgba(233,39,39,0.2), rgba(32,63,122,0.2) 90%);
	background: linear-gradient(150deg, rgba(255,255,255,1) 55%, rgba(249,213,7,0.3), rgba(61,145,67,0.3), rgba(233,39,39,0.3), rgba(32,63,122,0.3) 100%);
	 background-repeat: no-repeat;
  background-attachment: fixed;
  */

}
footer {
  /*background:#fff;*/
  position: absolute; bottom: 0; width: 100%;
  /* Set the fixed height of the footer here */
  height: 127px;
}
#id-footer1{
  padding-top:20px;padding-bottom:20px;
  text-align: center; font-size: 90%; background: #dedede; border-top: 1px solid #bbb; border-bottom: 1px solid #bbb;
}
#id-footer2{
  padding-top:10px;padding-bottom:10px;
  text-align: left; font-size: 80%;
}
#id-footer2 .tm-sosmed{text-align:left;}
#id-footer2 img.img-mnc{height: 35px; margin-top:5px; float: right;}
.member-of-mncgroup{margin-top:2px; padding-top:2px; font-size:105%; font-family:verdana; color:#678; text-shadow:1px 0px 1px #fff; font-weight:bold;}
/***************************/
/*ClASS*/
H1.page-header, H2.page-header {margin: 20px 0 10px;}
H1.page-header {border-bottom: 4px solid #F8B204; /*#FFD916;*/}
H2.page-header {border-bottom: 0;}

.col-num{text-align: right; }
.form_validation_error{font-size: 12px; font-style: italic;}
.form_validation_error:before{content: "* ";}
.anim-easing, .panel-pkg{
  transition: all .7s ease 0s;
  -webkit-transition: all .7s ease 0s;
  -moz-transition: all .7s ease 0s;
  -o-transition: all .7s ease 0s;
  -ms-transition: all .7s ease 0s;
}
.tm-page-header-1{
  padding:20px; background: #0762cd; color:#eee; text-align: center;
}
.tm-cat.tm-cat1{font-weight: bold; background: #357; padding:4px 4px 4px 10px; text-align: right; float: right;
  background-color: #0762cd; color: #ffffff;
}
.tm-title, .tm-title a{font-size: 260%; /*border-bottom: 4px solid #F8B204;*/ padding-bottom: 4px;}
.tm-title2{font-size: 150%; border-bottom: 2px solid #0762CD; padding-bottom: 2px; }

.tm-title:after {
    content: "\00a0 \00a0";
}
.tm-title3{/*font-family: 'Abril Fatface', cursive;*/font-size:40px;font-weight:bold;}

.tm-title a{color:#ffc;}
.tm-sub-title{font-size: 180%;}

.tm-block::after {clear: both;}
.tm-block::after/*, .tm-block::before*/ {content: "";display: table;}
.tm-block-1{background-color: #fff; color: #333; } /*SAMA DENGAN BODY*/

.tm-block-2{background-color: #0762cd; color: #ffffff;}

.tm-block-3{background-color: #e3e3e3;}
.tm-block-3a{background-color: #e3e4e5}
.tm-block-4{background-color: #000000; color: #aaa;}
.tm-block-4 a {color: #555;}

.tm-content-container{
  background-image:url("../img/bg1.png"); background-repeat: repeat-x; padding-bottom:20px;
}

.tm-content-container-1{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#789fcc+0,ffffff+3,ffffff+100 */
background: rgb(120,159,204); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(120,159,204,1) 0%, rgba(255,255,255,1) 3%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(120,159,204,1) 0%,rgba(255,255,255,1) 3%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(120,159,204,1) 0%,rgba(255,255,255,1) 3%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#789fcc', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

.tm-block-3{
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d1d1d1+0,f8f8f8+3&1+0,0.53+9 */
background: -moz-linear-gradient(top, rgba(209,209,209,1) 0%, rgba(248,248,248,0.84) 3%, rgba(248,248,248,0.53) 9%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(209,209,209,1) 0%,rgba(248,248,248,0.84) 3%,rgba(248,248,248,0.53) 9%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(209,209,209,1) 0%,rgba(248,248,248,0.84) 3%,rgba(248,248,248,0.53) 9%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1d1d1', endColorstr='#87f8f8f8',GradientType=0 ); /* IE6-9 */
}

.tm-block-5{
  background-color: #0762cd; color: #f5f5f5;
}
.tm-block-5 a{color: #FFD716;}
.tm-block-5 .list-group-item {
    background-color: transparent;
    border: 1px solid #105FBA;
    display: block;
    margin-bottom: -1px;
    padding: 10px 15px;
    position: relative;
}
.tm-block-5 .list-group-item a {Xcolor:#ccf;}

.tm-block-content{padding-top: 20px; padding-bottom: 20px;}

.tm-img-genre{display: inline; margin: 0 10px 0 0; padding: 0; width: 25px;}

/*dropdown kategori l_genre*/
.tm-cat1{margin:2px 0 10px 0;}

.tm-box-shadow, #subscribe_new_form .pkg-name {
  -moz-box-shadow:    0px 4px 10px 0px #ccc;
  -webkit-box-shadow: 0px 4px 10px 0px #ccc;
  box-shadow:         0px 4px 10px 0px #ccc;

  /* For IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=180, Color='#cccccc')";
  /* For IE 5.5 - 7 */
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=180, Color='#cccccc');
}
/**********************/

/*thumbnail CUSTOM*/
.thumbnail.tm {text-align: center;}
.thumbnail .caption {text-align: center;}
.thumbnail.tm-nowrap .caption {white-space: nowrap; overflow: hidden;}
.thumbnail.tm:hover, a:hover .thumbnail.tm, .thumbnail.tm a:hover{opacity: 0.8; border-color:#0762cd;}

/*FRONT */
.tm-title-box{font-size:30px; background-color:#FFD817; padding:5px 40px; color:black;display: inline;}

.tm-title-box-promo{margin-left:-30px;margin-top:20px;}
.tm-title-box-quiz{position:relative; margin-right:-30px; margin-top:20px; z-index:1000; }
.tm-intro1{/*font-size:50px;*/font-weight:bold;}
/*.tm-intro2{font-weight:bold;}*/

/*FRONT - FEATURE*/
#id-feature .thumbnail{border:1px solid #213E7A;}
#id-feature a.thumbnail .caption{color:#01579B;font-weight:bold;}
#id-feature a.thumbnail:hover{opacity: 1; text-decoration: none;}

/*CHANNEL*/
#id-channel-lineup .tm-col{padding:4px; margin-bottom: -20px;}
/*#id-channel-lineup .tm-channel-no{color:inherit;}*/
#id-channel-lineup .tm-channel-name{text-align: center; font-size: 10px; white-space: nowrap; overflow: hide; background: transparent; color: #fff;}
#id-channel-lineup img{width: 150px;}
#id-channel-lineup a:hover .thumbnail.tm .tm-channel-name{background:#555; text-decoration: none;}

/*custom media */
.media.tm img.media-object{max-width: 150px;}

/**********************/
/*HIGHLIGHT*/
/* ID dengan prefix id-content-highlight */
[id^='id-content-highlight'] .media.tm img.media-object{
  max-width: 270px;
}
#id-highlight-index .tm-channel-info img.tm-channel-image{max-height:50px; margin:5px auto 0 auto;}
#id-highlight-index .thumbnail .caption h4, #id-highlight-index .thumbnail .caption .tm-showtime
,#id-content-highlight-trailer .thumbnail .caption h4{
 overflow: hidden; white-space: nowrap; text-overflow: ellipsis;
}
#id-content-highlight-detail .tm-showtime{font-size: 100%; font-weight:bold;}
#id-content-highlight-detail .tm-synopsis{margin-top:20px;margin-bottom:20px;}
#id-content-highlight-detail .tm-channel-info{display:table-cell;/* vertical-align:middle;*/}

/*SUBSCRIBE FRONT*/
#subscribe-area{background:#ddd; color:#3568E7;}
#subscribe-area .panel-body{padding-left:110px; padding-top:60px;}
#subscribe-area .tm-intro-subscribe{font-family:'arial'; font-weight:normal; line-height:30px;}
#subscribe-area .tm-intro1{font-size:30px; opacity:0.8; font-weight:normal;}
#subscribe-area .tm-intro2{font-size:30px; opacity:0.8;}
#subscribe-area .tm-intro3{font-size:40px; font-weight:bold; line-height:50px; margin-bottom:35px;}
/**********************/

@media (min-width: 992px) {/* GWE  MINIMAL DESKTOPS */
  #id-highlight-comingsoon .thumbnail.tm img{min-width: 150px;}
}
@media (max-width: 991px) {/* GWE  MINIMAL DESKTOPS */
  #id-highlight-comingsoon .thumbnail.tm img{min-width:auto;}
}

/*PROMO*/
#id-promo .thumbnail.tm .caption {white-space: normal; overflow: initial; text-align: center; height: 90px;}

.nopadding {padding: 0 !important;margin: 0 !important;}
.noborder{border:0 solid transparent;}
.nomargin {margin: 0 !important;margin: 0 !important;}
.nowrap {white-space:nowrap;}
.transparent{background: transparent;}

/* DISPLAY CHANNEL */
.tm-channel-info{text-align: center; display: block;}
.tm-channel-image{max-width:150px;}
.tm-staring{color:#3F8F42; font-size: 15px}
.tm-showtime{color: #00568c; font-size: 80%;}

.tm-channel-no{font-weight: bold; color:#0762cd;}
.tm-channel-name{font-weight: bold;}
.tm-channel-label{opacity: 0.8;}

.channel-no-label.okev{color:#770909;}
.channel-no-label.okev .tm-channel-no, .channel-no-label.okev .channel-pkg{color:#c13f44;}
.channel-no-label.okev .channel-pkg{font-size:75%; /*margin-top:10px;*/}
.channel-no-label.okev{opacity:0.5; display:none;}

.tm-sinopsys-container{text-align: center;}
.tm-last-action-info{font-size: 80%; color:#888; font-style: italic;}

/*EVENT*/
[id^='panel-event-'] .thumbnail.tm{
  background-color:transparent;
  padding:0px; border:0;
}

.btn.tm{background: #ffd817;}
.btn.tm:hover{background: #ffd817; opacity:0.8;}

/* ID */

/*ID-MENU-2 / HOT MENU*/
.menu2 .btn.btn-default{background-color: #17194A; color: #fff; border-color:#fff;opacity: 0.9;}
.menu2 .btn.btn-default:hover{opacity:1;}
#id-menu2{z-index:123; position:absolute; top:80px; right:25px; /*position:fixed;*/}
#id-menu2 img {width:50px;}

/*spesial untuk idv-priority-tanpa text*/
#id-menu2 li > a.btn-priority {padding:0px; margin:0px;}
#id-menu2 li > a {height: 92px;}
#id-menu2 .btn-priority img {width:100px; margin:0 auto; margin-top:-5px; display:none;}
#id-menu2 li > a.btn-priority {background:url("../img/priority2.png"); background-repeat: no-repeat;}


#id-menu2-small {position:static; padding:2px;}
#id-menu2-small img {width:25px;}
#id-menu2-small .btn.btn-default{font-size: 10px;}

#id-menu2 .alert{padding:30px 0 0 0;}
#id-menu2-small .alert{padding:0 20px 0 0; margin: 0;}
#id-menu2 .alert-dismissible button.close{
  right: 0; top: -30px; font-size: 30px; padding:0 35px 0 35px;
}

#id-block-promo{background: #999;}
#id-highlight-1{background:transparent;}
/*#carousel-highlight-1{Xmax-height: 350px;}*/
#carousel-promo-1 img{height: 250px;}
#carousel-quiz-1 img{height: 250px;}
/*#carousel-highlight-2 img{height: 250px;}*/

/* SUBSCRIBE NEW */
#subscribe_new_form{background: #0762CD;}
#subscribe_new_form #col-1 .row {padding:20px;}
#subscribe_new_form .pkg-name {margin-top:-50px; text-align: center;}
#subscribe_new_form .pkg-name{
	text-align: center;
	padding: 20px 5px;
	margin-top: -30px;
	background: #BEBEBE;
	text-transform: uppercase;
	font-size: 26px;
	font-weight: bold;
	color:#fff;
	border:1px solid #ccc;
}

#subscribe_new_form h1.title {text-align: center; padding: 40px 5px; margin-bottom:20px;background: #E3E4E5;}
#subscribe_new_form .form-part-title{
	text-align: center;
	padding: 20px 5px;
	margin-top: -20px;
	background: #BEBEBE;
	text-transform: uppercase;
	font-size: 30px;
	font-weight: bold;
	color:#fff;
}
#subscribe_new_form .form-pkg-title{color:#ff0; display:none;}
#subscribe_new_form .pkg-channel-info{
	font-weight: bold;
	font-size: 120%;
	text-align: center;
	color: #000000;
}
#subscribe_new_form .pkg-channel-count, #subscribe_new_form .pkg-price{display: block; font-size: 43px;}
#subscribe_new_form .pkg-channel-label{display: block; font-size: 24px; }
#subscribe_new_form  .btn-view-channel{text-align:center; border-color:#68B3C8; color: #68B3C8;	margin-top:10px;}
#subscribe_new_form .pkg-desc{font-style: italic;}
#subscribe_new_form .pkg-price{font-weight: bold; text-align: center; margin:20px 5px;}

/*#subscribe_new_form .panel-info-biaya, #subscribe_new_form .panel-info-biaya table{background: #f7f5e1;}*/
#subscribe_new_form .panel-info-biaya table th, #subscribe_new_form .panel-info-biaya table td{border-top:1px dotted #ccc;}
#subscribe_new_form .panel-info-biaya table td.item{padding-left:20px;}
#subscribe_new_form .panel-identity{background: #dedede;}


.btn-round{border-radius: 17px;}
/* Custom page CSS
-------------------------------------------------- */

hr.tm {border: 0; height: 1px; background: #aaa; background-image: linear-gradient(to right, #eee, #aaa, #eee);}

.text-center > img.img-responsive{
  margin: 0 auto;
}

/* ROW COL MATCH HEIGHT----------------------------*/
.row.tm-match-height {
  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
  display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */

  flex-wrap: wrap;
}
.row.tm-match-height > [class*='col-'] {
  display: flex;
  flex-direction: column;
}
/*----------------------------*/

/*CAROUSEL - BIAR WIDTH 100%*/
.carousel-inner>.item>img, .carousel-inner>.item>a>img {
/*.carousel-inner>.item.tm-full-width>img, .carousel-inner>.item.tm-full-width>a>img {*/
display: block;
height: auto;
max-width: 100%;
line-height: 1;
width: 100%;
min-width: 100%;
}

/********************************/
/* Custom HEADER NAVBAR */
header .navbar-brand img.header-logo{max-height: 55px;}
header .navbar, header .navbar-fixed-top {min-height: 55px; font-size: 16px;}
header .navbar-nav > li > a {line-height: 55px;}

header .navbar-default .navbar-nav > li > a, header .navbar-default .dropdown-menu > li > a{font-weight:bold; color:#25427dd4;}
header .navbar-default .navbar-nav > li > a:hover, header .navbar-default .dropdown-menu > li > a:hover{color:#25427d;}

header .navbar-nav .dropdown-menu{padding-top: 0px;padding-bottom: 0px; opacity:1; font-size: 15px; background: #e7e7e7;}
header .navbar-nav .dropdown-menu > li > a {padding-top:10px;padding-bottom:10px; border-bottom: 1px solid #bbb;}
header .navbar-nav .dropdown-menu > li > a:hover {opacity:1; border-bottom: 1px solid #999;}
header .caret.navbar-toggle.sub-arrow{margin-top:20px;}

@media (max-width: 767px) {
  body{
    margin-top:51px; /*pengaruh fix header*/
  }

  header .navbar-brand img.header-logo{max-height: 35px; margin-top:-8px;}
  header .navbar, header .navbar-fixed-top {min-height: 30px; font-size: 16px;}
  header .navbar-nav > li > a {line-height: 30px; border-bottom:1px solid #bbb;}
  header .caret.navbar-toggle.sub-arrow{margin-top:3px;}
  header .navbar-nav .open .dropdown-menu > li > a {padding-top:15px; padding-bottom:15px;}
  header .navbar-default .navbar-nav > .open > a, header .navbar-default .navbar-nav > .open > a:focus, header .navbar-default .navbar-nav > .open > a:hover {
    /*color: #555;*/ font-weight:bold;
    background-color: #ddd;
    border-bottom:1px solid #bbb;
  }

#subscribe-area .panel-body{padding-left:30px; padding-top:20px;}
#subscribe-area .tm-intro3{margin-bottom:20px;}
}
/********************************/

/*CUSTOM MENU*/
header .navbar-default .navbar-nav > li > a.menu-getindovision{color:#314092; font-weight: bold;}
header .navbar-default .navbar-nav > li > a.menu-getindovision:hover{opacity: 0.8;}

.nav-tabs.tm-nav-centered > li, .nav-pills.tm-nav-centered > li {
    float:none;
    display:inline-block;
    *display:inline;  ie7 fix
    /*zoom:1; /* hasLayout ie7 trigger */
}
.nav-tabs.tm-nav-centered, .nav-pills.tm-nav-centered {text-align:center;}



#facebox .content{width: 600px;}

/* GWE  MINIMAL DESKTOPS */
@media (min-width: 992px) {
  body{padding-top:0px;}
}

@media (max-width: 991px) {

  .tm-title-box-quiz{
    position:static;
    margin-right:auto;
    margin-top:20px;
    z-index:1000;
  }

}

/* Portrait phones and smaller */
@media (max-width: 480px) {

  #facebox .content{width: 360px;}

}

/* SMALL */
@media (max-width: 320) {
  #facebox .content{width: 300px;}
}

/* MY INDOVISION */
.mi-menu{padding-top:10px; padding-bottom:15px; background-color:#919396; }
.mi-menu-text a{color:white; text-decoration:none;}
.mi-menu-text a:hover{color:#ffdc17; text-decoration:none;}
.mi-menu-active{color:#ffdc17;font-weight:bold;}
.mi-line-top{height:15px; background: linear-gradient(to bottom, #727376, #919396);}
.mi-line-bottom{height:15px; background: linear-gradient(to bottom, #054ca0, #0762cf);}

.menu-getindovision img{color:#1A237E;}

/*.hot-button-dummy{xbackground-color:red;}*/
.nav > li > a:focus, .nav > li > .hot-button-dummy:hover
{
	text-decoration: none; background-color: transparent;
}

.line-title-content{border-bottom: 4px solid #eeeeee; border-bottom-width: 4px; border-bottom-style: solid;}

.page-desc{
	border-bottom:1px dotted #ccc; font-size:105%; opacity:0.8; font-style:italic;
}
.centered, .row.centered{display: flex;justify-content: center;flex-flow:row wrap;}

/*#whatsapp-area{position:fixed;left:15px;bottom:15px;z-index:3; display:none;}*/
#whatsapp-area{position:fixed;right:10px;bottom:5px;z-index:3; display:none; padding-left:212px;}
#whatsapp-area button{background:#4dc247;vertical-align:center;width:56px; height:56px; border-radius:360px; border:1px solid #eee; box-shadow:1px 0px #ccc;}
#whatsapp-area button:hover{box-shadow:2px 0px 15px #555;}
#whatsapp-area *:active, #whatsapp-area *:focus{outline: none; border: none; -moz-outline-style: none;}

/*article*/
#id-content.article #headline .flexslider{border-left-width: 0; margin-bottom: 1em; border: none;}
#id-content.article #headline .flexslider .slides li{position: relative;max-height: 150px;}
#id-content.article #headline .headline-wrapper {position: absolute;z-index: 100;left: 0;right: 0;bottom: 0;top: 0;padding: 15px;margin: 0;display: block;height: 100%;background-color: rgba(0,0,0,0.3);}
#id-content.article #headline .headline-wrapper:hover{background-color: rgba(0,0,0,0.6);transition: 0.3s;}
#id-content.article #headline .headline-wrapper span{color: #fff;padding: 5px;font-size: 11px;background-color: #213F7B;border-radius: 4px;}
#id-content.article #headline .headline-wrapper .headline-title{color: #fff;font-size: 15px;font-weight: bold;line-height: 1.3;position: absolute;margin: 0;left: 0;right: 0;bottom: 0;padding: 0 15px 15px;}

#id-content.article .latest-wrapper img, #id-content.article .slides img{text-indent:-9999px}
#id-content.article #latest h2{text-transform: uppercase;font-size: 1.2em;margin: 0;padding: 16px;border-top: 2px solid #213F7B;}
#id-content.article .latest-wrapper{border-bottom: 1px solid #ccc;padding-top: 15px;padding-bottom: 15px;}
#id-content.article .latest-wrapper:hover, #id-content.article .widget-wrapper:hover{background-color: #eee;transition: 0.3s;}
#id-content.article .latest-wrapper .header .tag{color: #333;font-size: 12px;}
#id-content.article .latest-wrapper .header span{font-size: 12px;color: #333;}
#id-content.article .news-title{margin-top: 0.5em;}
#id-content.article .news-title a{font-size: 19px;color: #333;}

#id-content.article #article-detail{background-image: none;}
#id-content.article .article-img{width: 100%;margin-bottom: 1em;}
#id-content.article .tm-cat{margin-bottom: 1em;}
#id-content.article .text-full img{margin: 0 auto;}

#footer-menu-corporate h3 a{color:#636363; /*color:#203f7d;*/}
#footer-menu-corporate h3{margin:0;font-size:100%; font-weight:bold; padding:0; display:inline;}

#navbar-menu-sosmed .navbar-nav{
	padding:2px 20px; border-radius: 0 0 20px 20px; margin-top:0px; box-shadow: #ccc 0px 1px 1px, #ccc 0px 4px 4px, #ccc 0px 16px 16px;
}
@media (max-width: 767px) {
	#navbar-menu-sosmed .navbar-nav{text-align:center;}
	#navbar-menu-sosmed .navbar-collapse{margin-left:0px; margin-right:0px; padding-right:0; padding-left:0;}
}