body {
  background: #a9a9a9 url('http://astrokentico.s3.amazonaws.com/astrogempak/media/images/meletop-greyscale-bg.jpg') repeat scroll 0 0;
}

body {background-color: #ec2d47; font-family: 'FS_Albert_Regular';}

h1, h2, h3, h4, h5, h6 {font-family: 'FS_Albert_Regular';}


@media (max-width: 768px) {
h1, h2, h3 { font-size: 160%;}
}

a { color: #000;}
a:hover, a:focus {text-decoration: none; color: #3a7c00;}

h3 {
    font-size: 19px;
    padding-bottom: 20px;
    color: #2c3076; margin: 0;
}#epgDayContent h3{color:#ec2d47}

.container.wrapper {background-color: #f6f7f9;}

.whiteBg {
    background-color: #FFF;
    padding: 1em;
}

h1.subheader, h2.subheader, h3.subheader {font-size: 30px;
    font-weight: normal; color: #ec2d47;
        margin: 0 0 10px;
    padding-bottom: 10px;
    text-transform: uppercase;
border-bottom: 5px solid #2c3076;
font-family: 'FS_Albert_Bold';}

.dropdownHdr { position: relative; margin-bottom: 1em;}
@media (min-width: 768px) {
    .dropdownHdr section{    position: absolute;    right: 0;    bottom: 20px;}
    .dropdownHdr section .dropdown-menu { right: 0; left: inherit;}
}

/* ---------- 
Spacer
------------- */
.spacer {clear: both; height: 1em;}
.spacer.big {height: 2em;}

/* ---------- 
Buttons
------------- */
.btn-primary {    background-color: #00db9f; color: #FFF; font-family: 'FS_Albert_Bold'; border:0;}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {    background: #45b384;}

.btn-primary.loadmore {    border: 0;     font-size: 17px;    margin: 0 auto;    width: 31%;background: #ec2d47;}
.btn-primary.loadmore:hover, .btn-primary.loadmore:focus, .btn-primary.loadmore:active {    background: #e62b4a;}
.btn-info {
    font-size: 12px;
    background-color: #f4b426;
    border-color: #f4b426;
    color: #000;
}

.btn-info:hover {
    background-color: #f8bd23;
    border-color: #f8bd23;
	color:#ec2d47
}
/* ---------- 
DFP Banners
------------- */
.leaderboard {padding: 2em 0;}
.rectMedAds { margin: 0 auto 2em auto; width: 300px;}


/* ---------- 
Heroes
------------- */
.hero-story {background-color: #f6f7f9;/*border-top:5px solid #2c3076*/ }
.hero-story .flexslider { border: 0px; margin-bottom: 0; background: #fff;     border-radius: inherit;}
.hero-story .flexslider .slides > li {    height: inherit;}
.hero-story .flexslider .slides > li:nth-last-child(1) img { margin-bottom: 0.7em;}
.hero-story .flexslider .slides > li span {display: block; margin-top: 0.7em;}
.hero-story .flexslider .slides > li h2 {font-size: 16px; margin: 0.7em 0 0 0; padding-left: 0;}
.hero-story .flexslider .slides.main > li h2 {margin: 0; padding: 0.7em;}
.hero-story #carousel ul li {float: none !important; opacity: 1 !important; border-bottom: 2px solid #555;color:#000}
.hero-story #carousel ul li:last-child {border-bottom: 0;}
.hero-story #carousel li {
	cursor: pointer;
	transition: all 0.25s ease;
	-moz-transition: all 0.25s ease;
	-webkit-transition: all 0.25s ease;
 color: #FFF;
}
.hero-story #carousel.vidHeroes li { clear: both;}
.hero-story #carousel .flex-active-slide {
	cursor: default;
	position: relative;
    color:#ec2d47;
}
/*
.hero-story #carousel li:hover {    color:#ec2d47;}*/

.hero-story .flexslider .slides > li .desc h2 {font-size: 150%; margin:0.5em 0; color:#ec2d47;}
.hero-story .flexslider .slides > li .desc {
    background: transparent;
    bottom: 0;
    color: #000000;
    display: block;
    z-index: 1;
    padding: 0 20px;
}


.hero-story .flexslider .slides > li .desc::after {
    background: #f4b426;
    border-right: 10px solid #ec2d47;/**/
    content: " ";
    display: block;
    height: 100%;
    left: 76px;
    position: absolute;
    top: 0;
    transform: skew(30deg, 0deg);
    transform-origin: left bottom 0;
    width: 100%;
    z-index: -1;
}

@media (min-width: 992px) {
.hero-story #carousel li, .hero-story #carousel.vidHeroes li {  height: 90px;}
.hero-story .flexslider .slides > li:nth-last-child(1) img { margin-bottom: 0;}
.hero-story .flexslider .slides > li h2 {font-size: initial; }
.hero-story .flexslider.vidHeroes .slides > li h2 {font-size: 14px; }
.hero-story #carousel .flex-active-slide {    background:#f4b426;  color: #ec2d47;}

.hero-story #carousel .flex-active-slide:after {
	right: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-right-color: #f4b426;
	border-width: 10px;
	margin-top: -10px;}
.hero-story .flexslider .slides > li {    height: 450px;}
.hero-story .flexslider .slides > li .desc { width: 645px;}
.hero-story .flexslider .slides > li .desc h2 {color: #333;}
.hero-story .flexslider .slides > li .desc {
        background: #ffffff; 
    position: absolute;
    width: 5%; padding-left: 20px;}
    .hero-story .flexslider .slides > li .desc::after {
        background: #ffffff;}
.hero-story #carousel li:hover {    background-color:#f4b426;  color: #ec2d47;}
}



/* ---------- 
Sub Hero
------------- */
.subHero {position: relative;}
.subHero article { background: #000; color: #FFF; padding: 1em;}
.subHero article .date {margin: 1em 0;}
.subHero article .date span {margin-right: 1em;}
.subHero article .date span i {margin-right: 0.5em;}
.moreInfo {    position: absolute;    bottom: 0;    text-align: right;
    right: 0;    padding: 1em; }
.moreInfo a {color: #FFF; font-family: 'FS_Albert_Bold';}
.moreInfo a:hover {color: #5CBE2E;}
.subHero .img-bg img {    width: 100%;}
.subHero .btn-info {margin: 0 0.2em 0.2em 0;} 
.subHero .moreLnk {margin-top:1em;}
.subHero .moreLnk a {color:#FFF;} 
.subHero .moreLnk a:hover {color:#5cbd2f;}

@media (min-width: 768px) {
.subHero .img-bg {    overflow: hidden;    height: 450px;}
.subHero article {position: absolute; top:0; bottom:0; right:0; background: rgba(0,0,0,0.5);     width: 350px;}
.subHero .moreLnk {    position: absolute;    bottom: 0;    text-align: right;    right: 0;    padding: 1em;}
}


/* -------------------------------- 
3 Columns Article Listing
-------------------------------- */

.thumb-container {
    background: #ffffff;
        margin-bottom: 2em;
}

.thumb-container a {
    color: #000;
}
.thumb-container.appsPromo a {
    color: #fff;
}

.thumb-container p {
  margin-bottom: inherit;     color: #333;
}


.thumb-container>.tags {
    left: 18px;
    position: absolute;
    top: 3px; z-index: 1;
}
.thumb-container>.tags>.btn-info {
        margin-right: 2px; padding: 0.2em 0.5em;
    display: inline-block;
}


.thumb-container .secDates {
    height: 35px;
}

.thumb-container .secDates>.pull-left {
        margin-top: 0.5em;
    position: relative;
    text-align: center;
    width: 35%;
}

.thumb-container .secDates .eye-icon {
        margin-top: 0.5em;
    width: 16px;
    height: 11px;
    display: block;
    color: #fff;
}

.thumb-container .secDates .viewsDat {
    font-size: 12px;
    left: 21px;
    padding: 0;
    position: relative;
    top: -11px;
}

.thumb-container .secDates .dateDat {
    font-size: 12px;
    float: right;
    position: relative;
    right: 5px;
    top: -9px;
}

.thumb-container .text-container {
    padding: 10px;
}

.thumb-container .text-container>section {
margin: 1em 0;     
}

@media (min-width: 992px) {
    .thumb-container .text-container>section {  height: 40px;
    position: absolute;
    right: 25px;
    bottom: 20px;}
}


.thumb-container.appsPromo {background:#E8E8E8; min-height: inherit; }
.thumb-container.appsPromo .text-center {padding: 1em;}
.thumb-container.appsPromo .btnApps .btn-primary {   width: 49%;    border: none;    border-radius: 0px; display: inline-block;}

.thumb-container a {position: relative; display: block;}
.thumb-container .vidIcn { position: absolute; left: 0; right: 0;     bottom: 0;
    top: 0;    text-align: center;}
.thumb-container .vidIcn i.fa-play-circle-o {     color: #FFF;    font-size: 500%;     margin: 13% 0; transition: all 0.25s ease;
	-moz-transition: all 0.25s ease;
	-webkit-transition: all 0.25s ease; opacity: 0.3;}
.thumb-container a .vidIcn i.fa-play-circle-o:hover {opacity: 1;}

@media (min-width: 768px) {
    .thumb-container {min-height: 500px;}
    .thumb-container p {  margin-bottom: 3em;}
}

/* ------------------------------------------ 
3 Columns Article Listing - Color Skew Theme
--------------------------------------------- */
.curved-panelA {
    background: #2c3076;
    color: #ffffff;
    display: block;
    font-size: 13px;
    height: 30px;
    left: 0px;
    position: relative;
    width: 180px;
    z-index: 1;
}
.curved-panelA:after {
    content: " ";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: -4px;
    z-index: -1;
    background: #2c3076;
    /*border-left: 5px solid #d4057b;*/
    transform-origin: left bottom 0;
    -ms-transform: skew(30deg, 0deg);
    -webkit-transform: skew(30deg, 0deg);
    transform: skew(30deg, 0deg);
}

.curved-panelA.purple:after {
    border-left-color:#9900FF;
}
.curved-panelA.yellow:after {
    border-left-color:#FFE600;
}
.curved-panelA.blue:after {
    border-left-color:#34495e;
}
.curved-panelA.orange:after {
    border-left-color:#D35400;
}
.curved-panelA.green:after {
    border-left-color:#419AA2;
}


/* ---------- 
Article
------------- */
.article_content {margin-bottom: 1em;}
.article_content h1 {font-size:150%;}
.article_content article {font-size: 110%;}
.article_content img, .article_content article iframe, .article_content article object, .article_content article embed {width: 100%; margin-bottom: 1em;}
.article_content .title-details .eye-icon em {color: #0d679c; margin-right: 0.5em;}
.article_content .title-details strong {margin: 1em 0 0.5em 0; display: block;}
.article_content .social_section {margin-bottom: 0.8em;}

.article_content .social_section .btn {
    margin: 0 2px 0;
    font-size: 12px;
    padding: 2px 5px;
    background-color: #f4b426;
    border-color: #f4b426;
    color: #000 !important;
}
.article_content .social_section .btn:hover {    background-color: #f8bd23;    border-color: #f8bd23;color:#ec2d47 !important;}

.article_content .social_section .tags {margin-top: 0.8em;}

.article_content .share-bottom {margin: 1em 0;}

@media (min-width: 768px) {
.article_content h1 {font-size: 210%;}
.article_content .social_section .tags {text-align: right;}
}

/* ---------- 
Article Next Previous
------------- */
.article-nextprev {margin-bottom: 1em;}
.article-nextprev section {    color: #64bb2c;    font-size: 18px; text-transform: uppercase; margin: 1em 0; cursor: pointer;}
.article-nextprev section span {font-size: 150%;}
.article-nextprev .ar-left section span {margin-right: 0.5em;}
.article-nextprev .ar-right section span {margin-left: 0.5em;}
.article-nextprev .ar-right section, .article-related .ar-right h3  {text-align: right;}

@media (min-width: 768px) {
    .article-nextprev .ar-left h3 {padding-left: 1.5em;}
.article-nextprev .ar-right {border-left:2px solid #DDD;}
}

@media (max-width: 768px) {
  .article-nextprev h3 {padding: 0;}
    .article-nextprev h3 {margin-top: 0.5em;}
}


/* ---------- 
Article Related
------------- */
.article-related h4 { margin-top: 0.5em;}

@media (min-width: 768px) {
.article-related h4 { min-height: 80px;}
}
@media (max-width: 768px) {
    .article-related h4 { margin-bottom: 1em;}
}


.comments-box {margin: 1em 0;}


/* ---------- 
Tag Listing
------------- */
.tag-listing {margin-top: 1em;}
.tag-listing h2 {font-size: 150%; margin: 0.5em 0 0.2em 0;color: #2c3076;font-weight:bold}
.tag-listing a:hover h2 {color: #333;}
.tag-listing a:hover {color: #333;}
.tag-listing img {margin-bottom: 0.5em;}
.tag-listing article {margin-bottom: 2em;}
.tag-listing article em {
    color: #0d679c;
    margin-right: 0.5em;
}
.tag-listing .btn-holder {margin-top: 1em;}
.tag-listing .btn-holder .btn-info {
    background-color: #f4b426;
    border-color: #f4b426;color:#000;
    margin: 0 .2em 0.2em 0;
}
.tag-listing .btn-holder .btn-info:hover {
    background-color: #f8bd23;
    border-color: #f8bd23;color:#ec2d47;
}

@media (min-width: 768px) {
.tag-listing h2{ margin-top: 0;}
}

/* ---------- 
Pagination
------------- */
.pagination-holder {
    border-bottom: 1px solid #bababa;
    border-top: 1px solid #bababa;
    margin: 25px 0;
    padding: 6px;
	overflow: hidden;
}

.pagination-holder li {
	list-style: none;
	margin: 0 5px 0 0;
    padding: 0 7px;
	float: left;
}

.pagination-holder li a {
    color: #c4c4c4;
    font-size: 14px;
    font-weight: normal;
}
.pagination-holder li:hover a {
    color: #666;
}

/* ---------- 
Side Bar
------------- */
.sideBar-container h4 {font-size: 120%;  margin-top: 0;   margin-bottom: 0.2em;font-weight:bold}
.sideBar-container a:hover h4 {color:#2c3076}
.sideBar-container img {margin-bottom: 1em; }
.sideBar-container article {margin-bottom: 1em;}
.sideBar-container article span {display: block;  margin-bottom: 0.8em; color: #999; }
.sideBar-container article span em {    color: #0d679c;   margin-right: 0.5em;}

@media (min-width: 768px) {
.sideBar-container article { padding-left: 0;}
}


/* ---------- 
Video Main
------------- */
.vidMain {background-color: #191919; color: #FFF; margin-bottom: 2em;}
.vidMain p {margin: 0.5em 0;}
.vidMain .vidInfo {margin: 1em 0;}
.vidMain .vidInfo span:nth-child(1) {margin-right: 2em;}
.vidMain .vidInfo span i { color: #0d679c; margin-right: 0.5em;}
.vidMain .btn-share {margin: 2em 0;}
.vidMain .btn-share i {margin-right: 0.3em;}
.vidMain .btn-share span {margin-left: 2em; display: inline-block;}

.scrollVidTitle {text-transform: uppercase; color: #FFF; border-bottom: 1px solid #FFF; padding-bottom: 0.5em; font-size: 120%;}

.scrollVidList section {background-color: #EBEBEB; margin-bottom: 0.5em; clear: both; display: inline-table; width: 100%;}
.scrollVidList section:hover {background-color: #007EC8; }
.scrollVidList section:hover h3 {color: #FFF;}
.scrollVidList section h3 {margin-right: 0.5em; margin-top: 0.5em; color: #333; font-size: 120%;}
.scrollVidList section img { margin: 0.5em 0;}
.scrollVidList::-webkit-scrollbar {    width: 0.5em;}
.scrollVidList::-webkit-scrollbar-track {   background-color: transparent;}
.scrollVidList::-webkit-scrollbar-thumb {  background-color: #3cbd2f;
  outline: 1px solid slategrey;}

@media (min-width: 768px) {
.vidMain {min-height: 600px;}
.scrollVidList{  height:530px;   overflow-y: scroll;   overflow-x: hidden;}

}

/* ---------- 
Poll
------------- */
.vote-container h3 {
    background: #ec2d47;
    font-size: 19px;
    color: #FFF;
    line-height: 1.9;
    text-align: center;
    padding: 0;
}
.vote-container h4 {
    color: #3a7c00;
    font-size: 110%;
}
.vote-container .form-group {
    margin: 1em;
}
.vote-container .btn {
        background-color: #00db9f;
    border-color: #00db9f;
}

.vote-container .btn:hover, .vote-container .btn:active {
        background-color: #45b384;
    border-color: #45b384;
}

/** Kentico Poll **/
.PollTitle {font-weight: bold;     margin-top: 0;    margin-bottom: 10px; display: none;}
.PollQuestion { font-weight: 700; font-size: 21px;    color: #333333;  margin:0.5em 0 0 0; display: block;}
.PollAnswers table {margin: 1em;     color: #333;    font-weight: initial;}
.PollAnswers .radio label {    padding-left: 0;}
.PollAnswers .PollCount {font-size: 90%;    color: #FFF;    background-color: #444;    display: inline-block;    padding: 0.1em 0.3em; }
.PollAnswers .PollGraph { margin: 0.2em 1em 0.4em 0;}
.PollAnswers .PollGraph0, .PollAnswers .PollGraph1, .PollAnswers .PollGraph2,.PollAnswers .PollGraph3, .PollAnswers .PollGraph4 {background-color: #d7145a;     height: 0.4em;}
.PollControl .ErrorMessage {font-style: italic;}
                    
/** Main Page Poll **/
.vote-container .thumbnail { padding: 0;}
.vote-container .PollImage img {width: 100%;}
.vote-container .PollQuestion { color: #ec2d47; font-weight: bold; font-size: 120%;}
.vote-container .PollVoteButton {color: #FFF; font-weight: bold; padding: 10px 16px;    font-size: 18px;}
.vote-container .PollAnswerList {padding: 0.2em 1em;}
.vote-container .PollAnswerRadio input {margin-left: 0.5em ;     position: static;}
.vote-container .PollAnswerRadio label { padding-left: 0.5em;}

/** Article Poll **/
.article_content .thumbnail { padding: 0.5em;  display: table; margin-bottom:0;}
.article_content .PollImage img {width: 100%; margin-bottom: 0;}
.article_content .PollQuestion { color: #3a7c00; font-weight: bold; font-size: 120%; margin-top: 0;}
.article_content .PollVoteButton {color: #FFF; font-weight: bold; padding: 0.5em 1em;    font-size: 14px; background-color: #d7145a;    border-color: #d7145a;}
.article_content .PollVoteButton:hover {background-color: #3a7c00;    border-color: #3a7c00;}
.article_content .PollAnswerList {padding: 0.2em 1em;}
.article_content .PollAnswerRadio input {margin-left: 0.5em ;     position: static;}
.article_content .PollAnswerRadio label { padding-left: 0.5em;}

@media (min-width: 768px) {
  .article_content .thumbnail .caption { margin-left: 1em;}
  }

/* ---------- 
Video Featured
------------- */
.vidFeature {
    background-color: #333;
    padding-top: 1em;
}

@media (min-width: 992px) {
.vidFeature {
    background-size: cover;
    background-repeat: no-repeat;
}
}

/* ---------- 
EPG weekly
------------- */
.epgWeek {background-color: #CCC;}
.epgWeekly {background-color: #2c3076; color: #FFF;}
.epgWeekly h2 {margin: 0.5em 0;}
.epgWeekly div:nth-child(2) {font-size: 150%; color: #DDD; margin: 0.5em 0;}
.epgWeekly div:nth-child(2) i {color: #fff; margin-right: 0.5em;}

.nav.epgWeekly {background-color: #ec2d47;}
.nav.epgWeekly>li>a { font-size: 100%; color: #FFF; opacity: 0.5; border-radius: 0;     padding: 11px 8px; font-family: 'FS_Albert_Bold';}
.nav.epgWeekly>li.active>a, .nav.epgWeekly>li.active>a:focus, .nav.epgWeekly>li.active>a:hover {
    color: #f4b426;    background-color: transparent; opacity: 1;}
.nav.epgWeekly>li>a:focus, .nav.epgWeekly>li>a:hover {
    color: #f4b426;    background-color: transparent; opacity: 1; text-decoration:none;}

.epgWeek .col-md-15 a {background-color: #FFF; display: block; margin: 2em 0;}
.epgWeek .titleShow {padding:1em 0 1em 1em;}
.epgWeek .titleShow h3 {font-size: 110%;}
.epgWeek .timeShow { background-color: #2c3076; color: #FFF; padding:0.3em 0;}
.epgWeek .pull-right img {    width: 60px;    margin-right: 0.3em;}

@media (min-width: 768px) {
    .epgWeekly div:nth-child(2) {text-align: right; line-height: 2;}
     .nav.epgWeekly li a { font-size: 160%; padding: 0.4em 1.3em;}
     .epgWeek .titleShow {height: 100px;}
    .epgWeek .titleShow h3 {width: 56%;}
}
@media (min-width: 1200px) {
   .nav.epgWeekly li a {  padding: 0.4em 2em;}
}
/* ---------- 
Col 5
------------- */
.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}
.col-xs-15 {
    width: 20%;
    float: left;
}
@media (min-width: 768px) {
.col-sm-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}