/*
Theme Name: Jeem Custom
Author: Siva;
*/
/* Droid Arabic Kufi (Arabic) http://www.google.com/webfonts/earlyaccess */
@font-face {
	font-family: 'Droid Arabic Kufi';
	font-style: normal;
	font-weight: 400;
	src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Regular.eot);
	src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Regular.eot?#iefix) format('embedded-opentype'),
	url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Regular.woff2) format('x-woff2'),
	url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Regular.woff) format('woff'),
	url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Regular.ttf) format('truetype');
}

@font-face {
	font-family: 'Droid Arabic Kufi';
	font-style: normal;
	font-weight: 700;
	src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Bold.eot);
	src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Bold.eot?#iefix) format('embedded-opentype'),
	url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Bold.woff2) format('x-woff2'),
	url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Bold.woff) format('woff'),
	url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Bold.ttf) format('truetype');
}
*,
*::before,
*::after {
  box-sizing: content-box;/* overwritten from bootstrap.css */
}

body {
	background: #1E9BB6 0% 0% no-repeat padding-box;
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzIyODdhZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzE2YzZjNiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==);
	direction: rtl;
	margin: 0;
	padding: 0;
	font-family: "Droid Sans", "Droid Arabic Kufi", "Lucida Grande", Tahoma, "Helvetica Neue", Helvetica, sans-serif;
	text-align: center;
}

footer {
    background: #2d73c1;
    text-shadow: 0px 1px 0px rgba(97,97,97,0.78);
    color: #fff;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: none;
    -pie-watch-ancestors: 1;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzA0Y2RiZCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzU1MWFjNCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==);
    background-size: 100%;
    background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #04cdbd),color-stop(100%, #551ac4));
    background-image: -moz-linear-gradient(left, #04cdbd 0%,#551ac4 100%);
    background-image: -webkit-linear-gradient(left, #04cdbd 0%,#551ac4 100%);
    background-image: linear-gradient(to right, #04cdbd 0%,#551ac4 100%);
    height: 299px;
    text-align: center;
    direction: ltr;
}


@media screen and (min-width: 320px) {
	.header-top {
	    height: 30px;
	    background: transparent linear-gradient(89deg, #12ADBE 0%, #18A0BE 36%, #2388BF 100%) 0% 0% no-repeat padding-box;
	}
	.logo-part {
	    height: 70px;
	    background: #FFFFFF 0% 0% no-repeat padding-box;
	}

	.content {min-height: 800px;
	        position: static;
	    background: url(images/bg-pattern.png);
	    /*background: transparent url('img/screencapture-jeemtv-net-ar-tvguide-2020-11-25-09_37_46.png') 0% 0% no-repeat padding-box;*/
	}

	ul.header-social {
	    list-style-type: none;
	  margin: 15px auto;
	  padding: 0;
	  overflow: hidden;
	  float: right;
	}
	ul.header-social li {
	    float: left;
	    height: 37px;
	    width: 37px;
	    margin: 5px;
	    border-radius: 50px;
	    -moz-border-radius: 50px;
		-webkit-border-radius: 50px;
	    padding: 10px;
	    color: #FFFFFF;
	}
	ul.header-social li a{
		color: #FFFFFF;
		text-decoration: none;
	}
	ul.header-social li.instagram {
		background: #f09433; 
		background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); 
		background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
		background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );
	}
	ul.header-social li .fa {
	 font-size: 20px;
	}
	ul.header-social li.youtube {
	    background: #C31B1A 0% 0% no-repeat padding-box; opacity: 1;
	}
	ul.header-social li.facebook {
	    background: #3B5998  0% 0% no-repeat padding-box; opacity: 1;
	}
	ul.header-social li.twitter {
		width: 45px!important;
		height: 45px!important;
		padding: 0!important;
		/*background: #183153 0% 0% no-repeat padding-box; opacity: 1;*/
	}
	/*.fa-twitter:before {
		content: url('https://assets.bein.com/jeem/2024/06/twitter-x-logo-black-round-20851-2.png')!important;
	}*/

	ul.footer-social {
	    list-style-type: none;
	  margin: 10px auto;
	  padding: 0;
	  overflow: hidden;
	  display: inline-block;
	}
	ul.footer-social li {
	    float: left;
	    height: 42px;
	    width: 42px;
	    margin: 5px;
	    border-radius: 50px;
	    -moz-border-radius: 50px;
		-webkit-border-radius: 50px;
	    padding: 20px;
	    color: #FFFFFF;
	}
	ul.footer-social li a{
		color: #FFFFFF;
		text-decoration: none;
	}
	ul.footer-social li.instagram {
	    background: #f09433; 
		background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); 
		background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
		background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );
	}
	ul.footer-social li.youtube {
	    background: #C31B1A 0% 0% no-repeat padding-box; opacity: 1;
	}
	ul.footer-social li.facebook {
	    background: #3B5998  0% 0% no-repeat padding-box; opacity: 1;
	}
	ul.footer-social li.twitter {
	    /*background: #183153  0% 0% no-repeat padding-box; opacity: 1;
	    padding: 18px 20px 22px 20px;*/
	    background: #FFFFFF  0% 0% no-repeat padding-box; opacity: 1;
	    width: 75px;
		height: 75px;
		padding: 0;
	}
	ul.footer-social li .fa {
	 font-size: 35px;
	}
	.logo .logo-img {
	    float: left;
	}
	.main-container {
		/*width: 320px;*/
		position: relative;
    	margin: 0 auto;
    	padding: 30px auto;
	}
	.main-container .static-content {
		color: #FFFFFF;
		text-align: right;
	}
	.logo {
		/*width: 320px;*/
		margin: 0 auto;
	}
	.footer{
		/*width: 320px;*/
		margin: 0 auto;
		padding: 40px 0 0px 0
	}
	.logo .logo-img {
		width: 149px;
	}
	.logo .logo-img .custom-logo {
		width: 149px;
		height: 70px;
	}
	.logo ul.header-social {
		width: 176px;
		margin: 10px auto;
	}
	.logo ul.header-social li {
		width: 20px;
		height: 20px;
		margin: 4px 2px;
	}
	.btn-actions {
	    height: 40px;
	    margin: 0 auto 0px auto;
	    width: 240px;
	}
	.tijan-home-link {
		width: 190px; padding: 0;
	}
	.tv-guide-action, .view-program-action{
		margin:20px auto;
	}
	.tv-guide-action {
    /*width: 49%;*/ float: right;
	}
	.view-program-action {
	    /*width: 49%;*/ float: left;
	}
	.tv-guide-action section, .view-program-action section{
	    display: block;
	    position: relative;
	}
	.tv-guide-action section.tv-guide-home, .view-program-action section.tv-guide-home{
	    /*float: left;
	    padding-top: 7px;*/
	    width: 240px;height: 54px;
	}
	.tv-guide-action section.tv-guide-home a{
	    background: transparent linear-gradient(358deg, #521FC4 0%, #0EB6BE 100%) 0% 0% no-repeat padding-box;
	    color: #fff;
	    display: block;
	    line-height: 54px;
	    font-size: 25px;
	    text-align: left;
	    -moz-border-radius: 54px;
	    -webkit-border-radius: 54px;
	    border-radius: 54px;
	    padding: 0 20px;
	    text-align: right; text-decoration: none;
	}
	.tv-guide-action section.tv-guide-home a .ico-round{
	    background: #FFFFFF 0% 0% no-repeat padding-box;
	    position: absolute;
	    left: -10px;
	    top: -10px;
	}
	.view-program-action section.tv-guide-home a{
	    background: transparent linear-gradient(0deg, #F68835 0%, #FFB700 100%) 0% 0% no-repeat padding-box;
	    color: #fff;
	    display: block;
	    line-height: 54px;
	    font-size: 25px;
	    text-align: left;
	    -moz-border-radius: 59px;
	    -webkit-border-radius: 59px;
	    border-radius: 59px;
	    padding: 0 20px;
	    text-align: right; text-decoration: none;
	}

	.view-program-action section.tv-guide-home a .ico-round{
	    background: #FFFFFF 0% 0% no-repeat padding-box;
	    position: absolute;
	    left: -10px;
	    top: -10px;
	}
	.ico-round {
	    width: 70px;
	    height: 70px;
	    -moz-border-radius: 50%;
	    -webkit-border-radius: 50%;
	    border-radius: 50%;
	}
	.ico-round .jeem-logo {
		background: url("images/Jeem_TV.png") center no-repeat;
		height: 54px;
		/*width: 50px;*/
		margin: 7px auto;
		background-size: contain;
	}

	.latest-video {
		/*display: inline-block;*/
		margin-top: 180px;
	}
	.latest-video iframe {
		width: 100%;
	}
	.latest-video .fluid-width-video-wrapper {
		padding-top: 56.25% !important 
	}
	.latest-video .epyt-gallery-list {
		margin: 0!important;
	}
	footer .ftr-static-links {
		margin: 0 10px;
	    text-align: center;
	}
	footer .ftr-static-links li {
		    border-right: 1px solid #ccc;
	    display: inline-block;
	    margin-right: 10px;
	    padding-right: 10px;
	}
	footer .ftr-static-links li a, footer .ftr-static-links li a:visited {
	    color: #fff;
	    text-decoration: none;
	}
	footer .ftr-static-links li:last-child{
		border-right: none;
	}
	ul.footer-social {
		
		margin: 25px auto auto auto;
	}
	ul.footer-social li {
		width: 35px;
		height: 35px;
		margin: 4px;
	}
	.copyrights {
		margin: 20px 0 0 0;
	}
	.metaslider .flexslider {
		margin: 0 0 20px!important;
	}
	.metaslider .flex-control-nav {
		bottom: 10px!important;
	}
	.flex-control-paging li a.flex-active {
		background: #FFFFFF 0% 0% no-repeat padding-box!important;
	}
	.flex-control-paging li a:hover {
		background: #FFFFFF 0% 0% no-repeat padding-box!important;		
	}
	.flex-control-paging li a {
		background: #B8B8B8 0% 0% no-repeat padding-box!important;
	}
	.epyt-gallery-thumb {
		outline: none!important;
	}
	.page-not-found .notfound-message {
		color: #ffffff; width: 100%; padding: 50px 0 0 0; margin: 0 auto;
	}
	.page-not-found .notfound-image {
		width: 350px;
	    height: 288px;
	    background: url("images/pic_anbar.png") no-repeat;
	    margin: 0 auto;
	}
}
@media screen and (min-width: 480px) {
	.main-container {
		width: 458px;
	}
	.logo {
		width: 480px;
	}
	.footer{
		width: 480px;
	}
}
@media screen and (min-width: 600px) {
	.main-container {
		width: 568px;
	}
	.logo {
		width: 600px;
	}
	.footer{
		width: 600px;
	}
	.copyrights {
		margin: 30px 0 0 0;
	}
	.btn-actions {
	    height: 74px;
	}
}
@media screen and (min-width: 768px) {
	.header-top {
	    height: 50px;
	}
	.main-container {
		width: 748px;
	}
	.logo-part {
	    height: 100px;
	}
	.logo .logo-img {
		width: 190px;
	}
	.logo ul.header-social {
		margin: 25px auto;
		width: 212px;
	}
	.logo ul.header-social li {
		width: 25px;
		height: 25px;
		margin: 4px;
	}
	ul.header-social li .fa {
	 font-size: 25px;
	}
	.logo {
		width: 768px;
	}
	.logo .logo-img .custom-logo {
		width: 188px;
		height: 88px;
	}
	.footer{
		width: 768px;
		padding: 40px 0 20px 0;
	}
	.btn-actions {
		width: 100%;
	}
	ul.footer-social {
		
		margin: 45px auto auto auto;
	}
	.latest-video {
		margin-top: 50px;
	}
	.latest-video iframe {
		height: 435px;
	}
	.latest-video .epyt-gallery-list {
		margin: 0 -8px 0 -8px!important;
	}
	.latest-video .fluid-width-video-wrapper {
		padding-top: 60.25% !important 
	}
	.metaslider .flexslider {
		margin: 0 0 0px!important;
	}
	.metaslider .flex-control-nav {
		bottom: 30px!important;
	}
	.tijan-home-link {
		width: 240px; float: right; padding: 30px 0;
	}
	.tv-guide-action section.tv-guide-home, .view-program-action section.tv-guide-home{
	    width: 250px; height: 74px;
	}
	.tv-guide-action section.tv-guide-home a{
	    line-height: 74px;
	}
	.view-program-action section.tv-guide-home a{
	    line-height: 74px;
	    font-size: 30px;
	}
	.ico-round {
	    width: 90px;
	    height: 90px;
	}
	.ico-round .jeem-logo {
		height: 74px;
	}
	
}
@media screen and (min-width: 990px) {
	.main-container {
		width: 976px;
		padding: 30px 0;
	}
	.logo {
		width: 990px;
	}
	.footer{
		width: 990px;
	}
	.latest-video iframe {
		/*width: 774px;*/
		height: 530px;
	}
	.latest-video .fluid-width-video-wrapper {
		padding-top: 48.25% !important 
	}
	.btn-actions {
		width: 976px;
	    height: 108px;
	    margin: 0 auto;
	}
	.tijan-home-link {
		width: 330px; padding: 32px 0; float: right;
	}
	.tv-guide-action section.tv-guide-home, .view-program-action section.tv-guide-home{
	    height: 108px; width: 320px;
	}
	.tv-guide-action section.tv-guide-home a{
	    line-height: 108px; font-size: 30px;
	}
	.view-program-action section.tv-guide-home a{
	    line-height: 108px; font-size: 30px;
	}

	.ico-round {
	    width: 120px;
	    height: 120px;
	}
	.ico-round .jeem-logo {
		height: 72px;
		margin: 20px auto;
	}
	.page-not-found .notfound-message {
		width: 60%;
		float: right;
		padding: 100px 0 0 0; 
	}
	.page-not-found .notfound-img { 
		float: left;
		width: 40%;
	}
}
/*Endof homepage and header footer */
/* program page starts */
@media screen and (min-width: 320px) {
	.program-page .all-programs ul {
		list-style: none; margin: 0; padding: 0;
	}
	/*.program-page .all-programs .showmore{
		display: none; border-radius: 30px; background: #ffffff; padding: 10px;
	}*/
	.program-page .all-programs .modal .seemore-description{
		color: #2EA4BC;
	    text-align: right;
	    font-size: 20px;
	    line-height: 30px;
	    margin: 10px;
	}
	.program-page .all-programs ul li{
		width: 298px; height: 252px;background: #FFFFFF 0% 0% no-repeat padding-box;
		border-radius: 34px; display: inline-block; 
		-moz-border-radius: 34px;
	    -webkit-border-radius: 34px;
		margin: 30px 10px 30px 10px; 
		/*margin: 50px 10px 50px 10px;*//*remove*/
	}
	.program-page .all-programs ul li .logo{
		width: 128px; height: 128px; 
		margin:10px auto 5px auto; 
		/*margin-top: -65px;*//*remove*/
	}
	.program-page .all-programs ul li .title{
		letter-spacing: -0.7px;
		font-size: 26px; 
		padding: 15px 0 20px 0;
		/*padding: 35px 0; height: 68px;*//*remove*/
		color: #2EA4BC;
	}
	.program-page .all-programs .modal .seemore-title{
		letter-spacing: -0.7px;
		font-size: 26px; line-height: 26px; height: 68px;
		color: #2EA4BC;
	}
	.program-page .all-programs .modal .seemore-title{
		height: 26px;
		font-size: 32px;
		margin: auto;
	}
	.program-page .all-programs ul li .purple-box{
		background: transparent linear-gradient(180deg, #C876E4 0%, #692FAA 100%) 0% 0% no-repeat padding-box;
		border-radius: 0px 0px 34px 34px;
		-moz-border-radius: 0px 0px 34px 34px;
	    -webkit-border-radius: 0px 0px 34px 34px;
		height: 36px;
		padding: 10px;
		cursor: pointer;
	}
	.program-page .all-programs ul li .purple-box span{
		letter-spacing: -0.5px;
		color: #FFFFFF;
		font-size: 22px;
	}
	.program-page .all-programs ul li .logo img{
		border-radius: 70px;
		-moz-border-radius: 70px;
	    -webkit-border-radius: 70px;
		border: 6px solid #51BAB4;
	}

	.program-page .program-action{
			margin:20px auto;
	}

	.program-page .program-action section{
	    display: block;
	    position: relative;
	}
	.program-page .program-action section.program-page-title{
	  /* height: 108px;*/
	}
	.program-page .program-action section.program-page-title label{
	    background: transparent linear-gradient(0deg, #F68835 0%, #FFB700 100%) 0% 0% no-repeat padding-box;
	    color: #fff;
	    display: block;
	    font-size: 20px;
	    -moz-border-radius: 59px;
	    -webkit-border-radius: 59px;
	    border-radius: 59px;
	    padding: 10px 110px 10px 20px;
	    text-align: right; text-decoration: none;
	    line-height: 32px;
	}
	.program-page .program-action section.program-page-title label .ico-round{
	    background: #FFFFFF 0% 0% no-repeat padding-box;
	    position: absolute;
	    right: 0px;
	    top: -10px;
	    width: 100px;
	    height: 100px;
	    -moz-border-radius: 50%;
	    -webkit-border-radius: 50%;
	    border-radius: 50%;
	}
	.btn-orange-top {
		margin: 0 auto 40px auto;
	}
	/*.program-page .all-programs .showmore .close-seemore {
		background: url(images/close.png);
	    background-size: 100%;
	    width: 22px;
	    height: 22px;
	    position: absolute;
	    top: 12px;
	    right: 15px;
	    opacity: 1;
	}*/
	/*.program-page .all-programs .showmore .fa {
	    width: 22px;
	    height: 22px;
	    position: absolute;
	    top: 20px;
	    right: 20px;
	    opacity: 1;
	    font-size: 30px;
	    cursor: pointer;
	}*/
	.program-page .ico-round .jeem-logo {
		height: 74px;
	}
	.modal-content {
		/*border: 5px solid #8947BE;*/
		border-radius: 30px;
		-moz-border-radius: 30px;
	    -webkit-border-radius: 30px;
	}
	.modal-header {
		border-bottom: none;
	}
	.modal-header .close {
		padding: 0!important;
		margin: 0!important;
		font-size: 30px;
	}
}
@media screen and (min-width: 480px) {
	
}
@media screen and (min-width: 600px) {
	
}
@media screen and (min-width: 768px) {
	.btn-orange-top {
		width: 700px;
	}/*
	.program-page .all-programs ul li{
		margin: 50px 10px 50px 10px;
	}*/
	.program-page .all-programs .modal{
		padding: 20px; /*position: relative;*/
	}
	/*.program-page .all-programs .modal .seemore-description{
		padding: 20px;
	}*/
	
	.program-page .program-action section.program-page-title label{
	    font-size: 25px;
	    line-height: 45px;
	    padding: 20px 110px 20px 20px;
	}
	.program-page .program-action section.program-page-title label .ico-round{
		width: 100px;
	    height: 100px;
	    right: -10px;
	}
}
@media screen and (min-width: 990px) {
	.btn-orange-top {
		width: 780px;
	}
	
	.program-page .all-programs ul li .title{
		font-size: 30px;
	}
	.program-page .all-programs .modal .seemore-title{
		font-size: 40px;
	}
	.program-page .all-programs .modal .seemore-description{
		font-size: 24px;
	}
	.program-page .program-action section.program-page-title label{
	    font-size: 30px;
	    line-height: 60px;
	    padding: 20px 115px 20px 20px;
	}
	.program-page .program-action section.program-page-title label .ico-round{
		width: 120px;
	    height: 120px;
	    right: -10px;
	}
}
/* tvguide page style starting */
@media screen and (min-width: 320px) {
	.tvguide-page .tvguide-action{
		margin:20px auto;
	}

	.tvguide-page .tvguide-action section{
	    display: block;
	    position: relative;
	}
	.tvguide-page .tvguide-action section.tvguide-page-title{
	  /* height: 108px;*/
	}
	.tvguide-page .tvguide-action section.tvguide-page-title label{
	    background: transparent linear-gradient(0deg, #521FC4 0%, #0EB6BE 100%) 0% 0% no-repeat padding-box;
	    color: #fff;
	    display: block;
	    font-size: 25px;
	    -moz-border-radius: 59px;
	    -webkit-border-radius: 59px;
	    border-radius: 59px;
	    padding: 10px 110px 10px 20px;
	    text-align: right; text-decoration: none;
	    line-height: 40px;
	}
	.tvguide-page .tvguide-action section.tvguide-page-title label .ico-round{
	    background: #FFFFFF 0% 0% no-repeat padding-box;
	    position: absolute;
	    right: 0px;
	    top: -14px;
	    width: 80px;
	    height: 80px;
	    -moz-border-radius: 50%;
	    -webkit-border-radius: 50%;
	    border-radius: 50%;
	}
	.btn-blue-top {
		margin: 0 auto 20px auto;/*
		width: 320px;height: 117px;*/
	}
	.tvguide-page .tvguide-country {
		/*height: 30px; */-moz-border-radius: 50px;
        -webkit-border-radius: 50px;
        border-radius: 50px;background: transparent linear-gradient(180deg, #C876E4 0%, #692FAA 100%) 0% 0% no-repeat padding-box;
		border: 1px solid #707070;width: 213px; display: inline-block; padding: 12px 0; 
		margin: 20px auto;
	}
	.tvguide-page .tvguide-days {
		/*height: 30px; */-moz-border-radius: 50px;
        -webkit-border-radius: 50px;
        border-radius: 50px;background: #FFFFFF 0% 0% no-repeat padding-box; /*padding: 22px 0;*/ width: 340px; display: inline-block;
	}
	.tvguide-page .tvguide-data {
		background: #FFFFFF 0% 0% no-repeat padding-box; /*padding: 20px;*/ border-radius: 20px; margin: 20px auto;-moz-border-radius: 20px;
	    -webkit-border-radius: 20px; position: relative;
	}
	.tvguide-page .tvguide-days ul{
		margin: 0; padding: 0; list-style: none;
	}
	.tvguide-page .tvguide-days ul li{
		margin: 10px 0; padding: 0; display: inline-block; width: 96px; color: #51BAB4; font-size: 20px;
	}
	.tvguide-page .tvguide-days ul li.active{
		-moz-border-radius: 50px;
        -webkit-border-radius: 50px;
        border-radius: 50px;
        background: #51BAB4 0% 0% no-repeat padding-box;
        color: #FFFFFF;
	}
	.tvguide-page .tvguide-days ul li a{
		text-decoration: none;  color: #51BAB4;
	}
	.tvguide-page .tvguide-days ul li.active a{
		text-decoration: none;  color: #FFFFFF;
	}
	.tvguide-page .tvguide-country .country-name{
		font-size: 20px; color: #FFFFFF; line-height: 35px;
	}
	.tvguide-page .tvguide-data ul{
		margin: 0; padding: 0; list-style: none;
	}
	.tvguide-page .tvguide-data ul li{
		margin: 0; padding: 0; display: inline-block; position: relative;
	}
	.tvguide-page .tvguide-data ul li:first-child ul:first-child{
		padding-top: 15px ;
	}

	.tvguide-page .tvguide-data ul ul{
		margin: 0 10px; padding: 0; list-style: none;
	}
	/*.tvguide-page .tvguide-data ul ul li{
		padding-top: 0!important;
	}*/
	.tvguide-page .tvguide-data ul ul li.program-logo{
		width:128px; height: 128px; float: right;
		
	}
	.tvguide-page .tvguide-data ul ul li.program-logo img{
		max-width: 100%;
		height: 100%;
		border: 6px solid #2EA4BC; 
		-moz-border-radius: 70px;
        -webkit-border-radius: 70px;
        border-radius: 70px;
        object-fit: cover;
	}
	.tvguide-page .tvguide-data ul ul li.program-details{
		vertical-align: top; text-align: right; /*height: 140px;*/ padding: 10px; float: right;
	}
	.tvguide-page .tvguide-data .on-tv-now{
		position: absolute;
	    right: -12px;
	    width: 80px;
	    top: -25px;
	    padding: 8px;
	    -moz-border-radius: 20px;
	    -webkit-border-radius: 20px;
	    border-radius: 20px;
	    font-weight: bold;
	    text-transform: uppercase;
	    color: #fff;
	    background: #ff0038;
	    -moz-box-shadow: 0 2px 2px rgba(0,0,0,0.32);
	    -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.32);
	    box-shadow: 0 2px 2px rgba(0,0,0,0.32);
	    -moz-transform: rotate(0);
	    -ms-transform: rotate(0);
	    -webkit-transform: rotate(0);
	    transform: rotate(0);
	    z-index: 1;
	}
	.tvguide-page .tvguide-data .on-now span{
		left: 0;
	    font-size: 16px;
	}
	.tvguide-page .tvguide-data ul ul li.program-details .program-title{
		letter-spacing: -0.7px;
		color: #2EA4BC;
		font-size: 24px;
	}
	.tvguide-page .tvguide-data ul ul li.program-details .program-desc{
		letter-spacing: 0px;
		color: #2EA4BC;
		font-size: 14px; line-height: 20px; 
	}
	.tvguide-page .tvguide-data ul ul li.show-time{
		width:180px; vertical-align: top; height: 140px;
		background: url(images/show-time-1.png) center no-repeat; float: right; position: absolute; left: 25px;
	}
	.tvguide-page .tvguide-data ul ul li.show-time .time{
		color: #FFFFFF; padding: 55px 40px; font-size: 23px; letter-spacing: -0.7px; text-align: right;
	}
	.tvguide-page .tvguide-data ul hr{
		border: 2px solid #51BAB4; 
	}
	.tvguide-page .tvguide-data ul hr:last-child{
		display: none; 
	}
	.tvguide-page .no-tvguide-data {
		color: #51BAB4;
		padding: 40px;
		font-size: 30px;
	}
	#back-to-top{
		position:fixed;
		z-index:99;
		bottom:40px;
		left:30px;
		right: auto;
		width:50px;
		height:50px;
		line-height:50px;
		text-align:center;
		display:inline-block;
		background:transparent linear-gradient(180deg, #C876E4 0%, #692FAA 100%) 0% 0% no-repeat padding-box;
		color:#fff;
		opacity:0;
		-webkit-transition:all .4s ease-in-out 0s;
		-o-transition:all .4s ease-in-out 0s;
		transition:all .4s ease-in-out 0s;
		border-radius:100%;
		-moz-border-radius: 100%;
	    -webkit-border-radius: 100%;
	}
	#back-to-top .fa{
		font-size:20px
	}
	#back-to-top.active{opacity:1}
}
@media screen and (min-width: 480px) {
	
}
@media screen and (min-width: 600px) {
	
}
@media screen and (min-width: 768px) {
	.btn-blue-top {
		width: 470px;
	}
	.tvguide-page .tvguide-country { 
		/*height: 55px;*/padding: 15px 0;
	}
	.tvguide-page .tvguide-days {
		width: 520px;/*height: 55px;*/
	}
	.tvguide-page .tvguide-days ul li{
		margin: 15px 0; width: 156px; font-size: 28px;
	}
	
	.tvguide-page .tvguide-country .country-name{
		font-size: 22px;
	}
	.tvguide-page .tvguide-data ul ul li.program-details{
		width:600px;
	}
	.tvguide-page .tvguide-action section.tvguide-page-title label{
	    font-size: 30px;
	    line-height: 50px;
	}
	.tvguide-page .tvguide-action section.tvguide-page-title label .ico-round{
	    width: 100px;
	    height: 100px;
	}
}
@media screen and (min-width: 990px) {
	.btn-blue-top {
		width: 470px;
	}
	.tvguide-page .tvguide-country { 
		padding: 20px 0;
	}
	.tvguide-page .tvguide-action section.tvguide-page-title label{
	    font-size: 30px;
	    padding: 20px 20px 20px 20px;
	    text-align: center;
	}
	.tvguide-page .tvguide-action section.tvguide-page-title label .ico-round{
		width: 120px;
	    height: 120px;
	    right: -10px;
	}
	.tvguide-page .tvguide-days {
		width: 738px;
	}
	.tvguide-page .tvguide-days ul li{
		margin: 20px 0; width: 186px; font-size: 30px;
	}
	.tvguide-page .tvguide-data ul ul li.program-details{
		width:600px; padding: 10px 25px 10px 10px; float: right;
	}
	.tvguide-page .tvguide-data ul ul li.program-details .program-title{
		font-size: 30px;
	}
	.tvguide-page .tvguide-data ul ul li.program-details .program-desc{
		font-size: 16px; line-height: 25px;
	}
	.tvguide-page .tvguide-data ul ul li.show-time{
	 position: relative; left: 0;
	}
	.tvguide-page .tvguide-data ul ul li.show-time .time{
		padding: 52px 40px; font-size: 26px;
	}
	.tvguide-page .tvguide-data .on-now{
	    right: -12px;
	}
}