@charset "utf-8";


@font-face{
 font-family:'Dubai';
 src: url(../fonts/DubaiW23-Regular.ttf) format('truetype');
}

@font-face{
 font-family:'Dubai Bold';
 src: url(../fonts/DubaiW23-Bold.ttf) format('truetype');
}

@font-face{
 font-family:'Dubai Light';
 src: url(../fonts/DubaiW23-Light.ttf) format('truetype');
}

@font-face{
 font-family:'Changa';
 src: url(../fonts/Changa-Regular.ttf) format('truetype');
}

@font-face{
 font-family:'Changa Bold';
 src: url(../fonts/Changa-Bold.ttf) format('truetype');
}

@font-face{
 font-family:'Changa Extra Bold';
 src: url(../fonts/Changa-ExtraBold.ttf) format('truetype');
}




 
 a{color:#000;text-decoration:none;}
 a:hover{color:#BC965D;}
 

.menu{font-family: Changa Bold;font-size:16px;line-height:24.9px;color:#000;}
.menu_selected{font-family: Changa Bold;font-size:16px;line-height:24.9px;color:#BC965D;}
.mobile_menu{font-family: Changa Bold;font-size:16px;line-height:24.9px;color:#fff;}
	
	
.lang_selected{font-family: Changa Extra Bold;font-size:18px;line-height:24.9px;color:#fff;}
.lang_selected:hover{color:#000;}

.alang{font-family: Changa Extra Bold;font-size:20px;line-height:28px;color:#000;}
.alang:hover{color:#BC965D;}
.alang_selected{font-family: Changa Extra Bold;font-size:20px;line-height:28px;color:#fff;}
.alang_selected:hover{color:#000;}
	
.lang{font-family: Changa Extra Bold;font-size:20px;line-height:26.9px;color:#000;}
.lang:hover{color:#BC965D;}

.news{font-family: Dubai Bold;font-size:28px;line-height:24.9px;color:#BC965D;}
.news_text{font-family: Dubai Bold;font-size:23px;line-height:30px;color:#000;}
.button_news{font-family: Dubai;color:#fff;font-size:18px; line-height:21.6px;padding-left:30px;padding-right:30px; height:44px;background-color:#BC965D;border:1px solid #BC965D;border-radius:50px;font-weight:700;}

.waviy {
  position: relative;
}
.waviy span {
  position: relative;
  display: inline-block;
  text-transform: uppercase;
  animation: flip 2s infinite;
  animation-delay: calc(.2s * var(--i))
  
}
@keyframes flip {
  0%,80% {
    transform: rotateY(360deg) 
  }
}


				

				/* crops animations that exceeds one line area */
				.line {
				  width: 100px;
				 
				  overflow: hidden;
				  border: 0px solid black;
				  padding: 0;
				
				}

				/* flipping class and key frames*/
				.flipX {
				  animation: 1s anim-flipX ease infinite;
				}
				@keyframes anim-flipX {
				  0% {
				    opacity: 0;
				    transform: rotateX(90def);
				  }
				  50% {
				    opacity: 1;
				    transform: rotateX(720deg);
				  }
				  100% {
				    /* animate nothing to pause animation at the end */
				    opacity: 1;
				    transform: rotateX(720deg);
				  }
				}

				/* lineup class and keyframes */
				.lineUp {
				  animation: 6s anim-lineUp ease-out infinite;
				}
				@keyframes anim-lineUp {
				  0% {
				    opacity: 0;
				    transform: translateY(80%);
				  }
				  20% {
				    opacity: 0;
				  }
				  50% {
				    opacity: 1;
				    transform: translateY(0%);
				  }
				  100% {
				    opacity: 1;
				    transform: translateY(0%);
				  }
				}
				/* flipY class and keyframes*/
				.flipY {
				  animation-name: spin;
				  animation-timing-function: linear;
				  animation-iteration-count: infinite;
				  animation-duration: 8s;
				}
				@keyframes spin {
				  0% {
				    transform: rotateY(360deg);
				  }
				  100% {
				    transform: rotateY(-360deg);
				  }
				}
				

				/* subtle zoom to attention and then back */
				.pop-outin {
				  animation: 2s anim-popoutin ease infinite;
				}

				@keyframes anim-popoutin {
				  0% {
				    color: black;
				    transform: scale(0);
				    opacity: 0;
				    text-shadow: 0 0 0 rgba(0, 0, 0, 0);
				  }
				  25% {
				    color: red;
				    transform: scale(2);
				    opacity: 1;
				    text-shadow: 3px 10px 5px rgba(0, 0, 0, 0.5);
				  }
				  50% {
				    color: black;
				    transform: scale(1);
				    opacity: 1;
				    text-shadow: 1px 0 0 rgba(0, 0, 0, 0);
				  }
				  100% {
				    /* animate nothing to add pause at the end of animation */
				    transform: scale(1);
				    opacity: 1;
				    text-shadow: 1px 0 0 rgba(0, 0, 0, 0);
				  }
				}

				.fromtop {
				  animation: 2s anim-fromtop linear infinite;
				}
				@keyframes anim-fromtop {
				  0% { opacity: 0; transform: translateY(-100%);}
				  25% { opacity: 1; transform: translateY(0%);}
				  50% {
				  }
				  100% {
				  }
				}

		




.menu_lang_selected{font-family: Changa Extra Bold;font-size:18px;line-height:24.9px;color:#BC965D;}
.menu_lang{font-family: Changa Extra Bold;font-size:18px;line-height:24.9px;color:#000;}

.amenu_lang{font-family: Changa Extra Bold;font-size:20px;line-height:28px;color:#000;}
.amenu_lang_selected{font-family: Changa Extra Bold;font-size:20px;line-height:28px;color:#BC965D;}

.summary{font-family: Dubai;font-size:24px;/*line-height:44px;*/color:#000;}
.asummary{font-family: Dubai;font-size:24px;line-height:36px;color:#000;}

.big_title{font-family: Dubai Bold;font-size:42px;line-height:46px;color:#000;}
.title{font-family: Dubai;font-size:46px;line-height:55.2px;color:#000;}
.text{font-family: Dubai;font-size:18px;line-height:25.2px;color:#000;}
.atext{font-family: Dubai;font-size:22px;line-height:25px;color:#000;}

.abouttext{font-family: Dubai;font-size:20px;line-height:26px;color:#000;}
.eabouttext{font-family: Dubai;font-size:18px;line-height:22px;color:#000;}

.sponsor_footer{font-family: Dubai Bold;font-size:32px;line-height:42px;color:#000;}

.white_small{font-family: Dubai;font-size:16px;line-height:20.26px;color:#fff;}
.white{font-family: Dubai Bold;font-size:18px;line-height:120%;color:#fff;}
.socialmedia{font-family: Dubai;font-size:15px;line-height:20.26px;color:#5F554E;}
.testimonial{font-family: Dubai;font-size:32px;line-height:43.2px;color:#231F20;}
.name{font-family: Dubai Bold;font-size:18px;line-height:21.6px;color:#231F20;}
.position{font-family: Dubai;font-size:18px;line-height:33.6px;color:#231F20;}

.host_name{font-family: Dubai Bold;font-size:28px;line-height:47px;color:#000000;}
.host_title{font-family: Dubai;font-size:22px;line-height:24px;color:#CE9B4D;}
.host_text{font-family: Dubai;font-size:22px;line-height:26.4px;color:#231F20;}
.black_title{font-family: Dubai Bold;font-size:46px;line-height:41.4px;color:#000;}
.white_link{font-family: Dubai Bold;font-size:26px;line-height:31.2px;color:#fff;}
.footer{font-family: Dubai;font-size:16px;line-height:14.4px;color:#000;}
.footer_padding{padding-left:35px;padding-right:35px;}
.button_all{font-family: Dubai;color:#231F20;font-size:18px; line-height:21.6px;padding-left:30px;padding-right:30px; height:44px;background-color:#fff;border:1px solid #231F20;border-radius:50px;font-weight:700;}
.button_all:hover{color:#BC965D;border:1px solid #BC965D;}
	
.button_all2{font-family: Dubai;color:#BC965D;font-size:18px; line-height:21.6px;padding-left:30px;padding-right:30px; height:44px;background-color:#fff;border:1px solid #BC965D;border-radius:50px;font-weight:700;}


.margin_padding{padding-left:95px;padding-right:95px;}
.english_padding{padding-right:85px;}
.arabic_padding{padding-left:85px;}

.about{font-family: Changa Bold;font-size:32px;line-height:38.4px;color:#000;}
.team{font-family: Dubai Bold;font-size:22px;line-height:26px;color:#231F20;}
.team:hover{color:#BC965D;}
.team_selected{font-family: Dubai Bold;font-size:22px;line-height:26px;color:#BC965D;}
.team_selected:hover{color:#BC965D;}

.team_title{font-family: Dubai;font-size:16px;line-height:21.6px;color:#8A837E;}
.team_text{font-family: Dubai;font-size:20px;line-height:33.6px;color:#fff;}
.share{font-family: Dubai Bold;font-size:14px;line-height:25.2px;color:#5F554E;}

.series_title{font-family: Dubai Bold;font-size:28px;line-height:33.6px;color:#231F20;}
.series_subtitle{font-family: Dubai Light;font-size:24px;line-height:33.6px;color:#5F554E;}

.listen{font-family: Dubai Bold;font-size:12px;line-height:20.26px;color:#231F20;}
.pic_padding{padding-right:85px;}
.series_list{font-family: Dubai Bold;font-size:28px;line-height:33.6px;color:#8A837E;}

.season{font-family: Dubai Bold;font-size:16px;line-height:19.2px;color:#8A837E;text-decoration:underline;text-underline-offset: 5px;text-decoration-thickness: 2px;}
.season:hover{color:#BC965D;}

.season_selected{font-family: Dubai Bold;font-size:16px;line-height:19.2px;color:#BC965D;text-decoration:underline;text-underline-offset: 5px;text-decoration-thickness: 2px;}
.season_selected:hover{color:#BC965D;}

.season_nb{font-family: Dubai Bold;font-size:24px;line-height:33.6px;color:#5F554E;}
.season_name{font-family: Dubai;font-size:24px;line-height:33.6px;color:#FFFFFF;}
.season_name:hover{color:#BC965D;}

.more{font-family: Dubai;font-size:14px;line-height:20.26px;color:#000;}


.series_name{font-family: Dubai;font-size:26px;line-height:31.3px;color:#8A837E;}
.back{font-family: Dubai Bold;font-size:16px;line-height:19.2px;color:#8A837E;}
.episode_name{font-family: Dubai Bold;font-size:36px;line-height:43.2px;color:#231F20;}
.share{font-family: Dubai;font-size:12px;line-height:20.26px;color:#231F20;}
.voices{font-family: Dubai;font-size:12px;line-height:14.4px;color:#5F554E;}
.transcript{font-family: Dubai;font-size:24px;line-height:31.2px;color:#000;}
.transcript a{color:#BC965D;text-decoration:underline;}
.transcript_big{font-family: Dubai Bold;font-size:28px;line-height:36.4px;color:#000;}

.back{font-family: Dubai Bold;font-size:16px;line-height:19.2px;color:#8A837E;}

.footer_width{width:80%;}
.icon_bg{background:#f7f7f7;width:34px;height:34px;line-height:34px;text-align:center;border:0px solid red;}
.mobile_left_main{float:right;}

.circle
  {
    border-radius: 50%;
    width: 248px;
    height: 248px; 
	background-color:#D0BB9B;
  }
  
  .toplayer {
    position: relative;
  }
  .toplayer:before {
    background: rgba(255, 255, 255, 0.5);
    position: absolute;
    content: '';
    background-color:#231F20;
	opacity:0.86;
    bottom: 0;
    left: 0;
    top: 0;
  }  
  
 
	  
	  
	
@media  (min-width:1440px){
	.main_container {width:100%;box-sizing:border-box;}
	.menu_padding{padding-left:25px;}
	.menu_padding_arabic{padding-right:30px;}
	.episode_height{height:272px}
	.main_height{height:1900px}
	.noscreen{display:none;}
	.screenheight{height:582px}
	
}


@media  (min-width:1025px) and (max-width:1439px){
	.menu_padding{padding-left:12px;}
	.menu_padding_arabic{padding-right:18px;}
	.episode_height{height:272px}
	.main_height{height:1900px}
	.noscreen{display:none;}
	.screenheight{height:582px}
	
	
}

@media  (max-width:1024px){
	.white_title{font-family: Dubai;font-size:36px;line-height:41.4px;color:#fff;font-weight:bold;}
	.white_link{font-family: Dubai;font-size:20px;line-height:31.2px;color:#fff;font-weight:bold;}
	.nomobile{display:none;}
	.mobile_left_main{padding-left:30px;}
	
	.summary{font-family: Dubai;font-size:30px;line-height:34px;color:#000;}
	.big_title{font-family: Dubai;font-size:46px;line-height:51px;color:#000;}
	.testimonial{font-family: Dubai;font-size:22px;line-height:33.2px;color:#231F20;}
	.hosts{font-family: Dubai;font-size:46px;line-height:51.6px;color:#231F20;font-weight:bold;}
	.footer_padding{padding-left:10px;padding-right:10px;}
	.margin_padding{padding-left:20px;padding-right:20px;}
	.english_padding{padding-right:20px;}
	
	.menu_padding{padding-left:20px;}
	.menu_padding_arabic{padding-right:20px;}
	
	.season_nb{font-family: Dubai Bold;font-size:16px;line-height:33.6px;color:#5F554E;}
	.season_name{font-family: Dubai;font-size:16px;line-height:33.6px;color:#FFFFFF;}
	.episode_height{min-height:272px}
	.main_height{min-height:1900px}
	
}

@media  (max-width:600px){
	.mobile_left_padding{padding-left:20px;}
	.summary{font-family: Dubai;font-size:20px;line-height:24px;color:#000;}
	.asummary{font-family: Dubai;font-size:20px;line-height:24px;color:#000;}
	
	.footer_width{width:100%;}
	
	
}


.custom-player .player-modal, .custom-body-background {
    background: #ffffff;
}
.custom-player.white-background {
    border: 1px solid #D4D9DD;
}
        .custom-player {
    background: #ffffff;
    border: 0;
}
.custom-player.player-v2, .custom-player.player-v2 .episode-subtitle{
    color: #49302e;
}
.custom-player .episode-subtitle:after {
    background: linear-gradient(
        90deg
        , #ffffff 12.31%, transparent 49.23%) !important;
    transform: matrix(-1, 0, 0, 1, 0, 0);
}

.custom-player .captivate-logo svg path{
    fill: #000000
}

.custom-player .player-modal-close svg path, .custom-player .play-pause-button svg path, .custom-player .cp-playlist-episode-button svg path{
    fill:  #AE1D1C;
}
.custom-player .player-buttons svg path, .custom-player .copy-link svg path, .custom-player .share-social a path, .custom-player .calls-to-action-links path{
    fill:  #49302e;
}

.custom-player .player-buttons,.custom-player .share-link,.custom-player .styled-checkbox + label:before, .custom-player .share-time, .custom-player.player-v2 .player-buttons  i.current-speed, .custom-player .player-buttons button, .custom-player .player-buttons a, .custom-player button.copy-link  {
    color: #49302e;
}

.custom-player .styled-checkbox:checked + label:after {
    background: #49302e;
    box-shadow:
    2px 0 0 #49302e,
    4px 0 0 #49302e,
    4px -2px 0 #49302e,
    4px -4px 0 #49302e,
    4px -6px 0 #49302e,
    4px -8px 0 #49302e;
}

.custom-player .player-buttons button:hover, .custom-player .player-buttons button.open, .custom-player #seekslider, .custom-player .calls-to-action-links a:hover, .custom-player .share-social a:hover, .custom-player .copy-link:hover, .custom-player .share-link, .custom-player .styled-checkbox + label:before, .custom-player .share-time, .custom-player .sound.open .volume-control, .custom-player .cp-playlist-episode.cp-current-episode, .custom-player .cp-playlist-episode:hover, .custom-player .player-buttons a:hover, .subscribe-channels a:hover{
    background: #cccccc !important;
}

.custom-player .copy-link {
    border: 2px solid #cccccc !important;
}

.custom-player #seekslider .noUi-connect, .custom-player .volume-control .noUi-connect {
    background: #AE1D1C !important;
}

.custom-player .calls-to-action-links a, .custom-player .player-modal .calls-to-action-links a{
    color: #49302e;
}

.custom-player .action-menu svg circle{
    fill: #49302e;
}

.custom-player .player-modal a{
    color: #AE1D1C;
}

.custom-player .volume-control #volume-slider {
    background: #ffffff;
}
.custom-player .mobile-menu-button button:hover, a.custom-player .mobile-menu-button a:hover{
    background: none !important;
    color: #6b6b6b;
}