@import url(//fonts.googleapis.com/earlyaccess/droidarabickufi.css);
@import url(//fonts.googleapis.com/css?family=Aref+Ruqaa);
@import url(//fonts.googleapis.com/earlyaccess/droidarabicnaskh.css);
 body{font-family:"Droid Arabic Naskh",Kufi,arial;font-size:1.2rem;background:#FCFCFC}
 a{color:#000;font-family:"Droid Arabic Kufi";line-height:2rem}
 .img-title a,footer a,.video-title a,.curent-day a{color:#fff}
 .menu-home-page li a,.swiper-text a{color:#a0a0a0;align-items:center;position:relative;}
 .main a{float:left;color:#99e8f1;margin-left:10px}
.menu-home-page li a,.date-text{font-family:"Droid Arabic Kufi";font-size:1.2rem}
.center{text-align:center}
.menu-home-page li ul{    position: absolute;
    display: none;
    width: 100%;
    top: 100%;
    z-index: 2;
    background: #054c5e;
    padding: 10px;
    border: 2px solid #fca457;
    border-top: 0;}
    .menu-home-page li ul li{border-bottom:1px solid #063e4c;width:100%;padding:5px}
.menu-home-page li:hover ul{display:block}
.mv-module-hero {
    overflow: hidden;
}
.logo{    width: 134%;
    right: -17%;
    max-width: 117%;
    bottom: 1px;
    position: relative;
    box-shadow: 0 0 6px #024050;}
.head-top{
color: #a0a0a0;
    font-size: 1.1rem;
    line-height: 1.6rem;
    font-weight: bold;
    background: #f5f5f5;border-bottom: 1px solid #cccccc;}
    .main-icon-home-page i{width:100%;height:100%;display:inline-block;background:url(/static/img/broadcasting.svg) no-repeat scroll 0 0 / cover;opacity:1}
    .menu-home-page li:hover i{opacity:.7}
.nav-container{    background: #054c5e;
    border-bottom: 2px solid #dbab6d;
    border-top: 1px solid #fff;}
	 .icon-home{display:flex;flex-direction:column;}
	 .calender-icon{background-position:-80px 0 !important}
	 .kader-icon{background:url(/static/img/reporter.svg) no-repeat scroll 0 0 / cover !important;}
	 .arshif-icon{background:url(/static/img/archive.svg) no-repeat scroll 0 0 / cover !important;}
 .about-radio-icon{background:url(/static/img/dish.svg) no-repeat scroll 0 0 / cover !important;}
	 .news-icon{background:url(/static/img/news.svg) no-repeat scroll 0 0 / cover !important;}
	 .callme-icon{background-position:-120px 0 !important}
.main-icon{
        display: flex;
    align-items: center;}
.main-icon i {
    width: 22px;
    height: 22px;
    display: inline-block;
}
.main-icon .callme-icon {
    background: url(/static/img/broadcasting.svg) no-repeat scroll 0 0 / cover;
        
}
.main-icon .rss-icon{
     background: url(/static/img/rss.svg) no-repeat scroll 0 0 / cover;
}
.home-icon{background: url(/static/img/home.svg) no-repeat scroll 0 0 / cover;margin-bottom: -5px;}
.main-icon .calender-icon{
     background: url(/static/img/calendar.svg) no-repeat scroll 0 0 / cover;
}

.main-icon span{margin-left: 5px;}
.stime{    padding: 2px;
    background: #e3e4e9;
    border-radius: 5px;}
.main-icon .callme-icon{
        background-position: -77px 2px !important;
    transform: scale(1.5);
    margin: 0 5px;
}
.recentnews{height: 40px;
    background: #f5f5f5;overflow:hidden} 
    .recenttitle,.recentcontent{display: flex;
    justify-content: center;
    align-items: center;height:40px
    } 
 .recentnews .swiper-container{overflow:visible}
.recenttitle{    width: 120px;
    background: #dbab6d;
    height: 40px;
    color: #fff;font-size: 2rem;
    
}
.swiper-container {
        width: 100%;
        height: 100%;
        margin-left: auto;
        margin-right: auto;
        
    }
.gallery-top.swiper-container {min-height:100px;background:#d2d2d2;color:#055a74}
.gallery-top img.swiper-lazy {width:100%}
.swiper-text .swiper-slide{
    display:flex;align-items:center
}
.swiper-text .swiper-button-next,.swiper-text .swiper-button-prev{
    top: 2px;
    width: 20px;
    height: 20px;
    margin: 0;
    transform: rotate(90deg);
    right: -42px;
    -moz-background-size: 22px 22px;
    -webkit-background-size: 22px 22px;
    background-size: 22px 22px;
    background-position: center;
    background-repeat: no-repeat;}
    .swiper-slide {
        background-size: cover;
        background-position: center;
    }
    .swiper-text .swiper-button-next {
    top: 17px;
}
    .gallery-top {
        width: 100%;
    }
    .gallery-thumbs {
        height: 20%;
        box-sizing: border-box;
            background: #d2d2d2;
    }
    .gallery-thumbs .swiper-slide {
        width: 12%;
            height: 72px;
    padding: 5px 0;
    background: #d2d2d2;
    color:#4a4a4a;
    text-align: center;
    cursor: pointer;
        border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    }
    .gallery-thumbs .swiper-slide-active {
        background:#a0a0a0;
        color:#fff;
        
    }
    .gallery-thumbs .swiper-slide-active .clock{color:#fff}
    .gallery-thumbs .swiper-slide-active,.gallery-top .swiper-slide-active{cursor:w-resize}
    .clock{    color: #888;
    font-size: 2.5rem;
    line-height: 2rem !important;
    margin: 1px 0 8px 0;
    font-weight: bold;}
.gallery-top .date-text{position:absolute;padding:10px;text-align: center;background:rgba(255, 255, 255, 0.6);right:0%;bottom:10%;opacity:0;color:#000;border-top:2px solid #000;width:0;transition:.5s ease-in-out}
.gallery-top .swiper-slide-active .date-text{width:auto;right:10%;opacity: 1;}
.swiper-video .swiper-slide{position:relative;display:flex;height:700px;    background: #054c5e;}
.swiper-video h2{    position: absolute;
    left: 18px;
    top: 23px;
    z-index: 9;
    background: none;
    color: #d2ae71;
    font-size: 2rem;
    background: #085c71;
    padding: 0px 20px;}
    .swiper-video h2:before,.swiper-video h2:after{position:absolute;content:"";left:0;top:0;width:5px;height:100%;background:#d2ae71}
.swiper-video h2:after{left:100%;width:300px;}
.vpic,.vtxt{position:absolute;transition:.5s ease-in-out}.vpic{top:-100%;height:600px;width:600px;border-radius:50%;right:10%}
.swiper-slide-next .vpic{top:100%}
.playvid{position:absolute;width:100%;height:100%;z-index:33;background:#000}
iframe{display:block;opacity:0;width:100%;height:100%;margin:50px auto;transition:4s ease-in-out}
.playvid iframe{opacity:1}
.showvideo{opacity:1;height:500px}
.vtxt{display:flex;top:100%;right:28%;color:#fff;}
.video-title{background:rgba(7, 95, 117, 0.74);padding:20px}
.video-ctitle{background:rgb(5, 76, 94);padding:20px}
.swiper-video .swiper-button-next,.swiper-video .swiper-button-prev{    right: 2%;
    transform: rotate(90deg) scale(0.5);
    background-repeat: no-repeat;
    background-position: center center;
    height: 80px;
    width: 80px;
    background-color: #5facbf;
    border-radius: 50%;}
    .swiper-video .swiper-button-next:before{    position: absolute;
    content: "";
    height: 1px;
    width: 150%;
    background: #fff;
    bottom: 40px;
    left: 37px;}
    .swiper-video .swiper-button-prev:before{    position: absolute;
    content: "";
    height: 1px;
    width: 150%;
    background: #fff;
    bottom: 40px;
    right: 37px;}
.swiper-video .swiper-button-prev{top:60%}
.swiper-video .swiper-button-next{top:40%}
.swiper-video .play{    position: absolute;
    width: 130px;
    height: 130px;
    cursor: pointer;
    top: 12%;}
    .swiper-video .play:hover:before{border: 8px solid #fff;}
    .swiper-video .play:before{content: "";
    position: absolute;
    background: url(/static/img/play.svg);
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    border: 8px solid #054c5e;
    border-radius: 50%;
    background-color: #054c5e;transition:.5s ease-in-out}
.swiper-video .swiper-slide-active .vpic{top:50px}.swiper-video .swiper-slide-active .vtxt{top:70%}
.swiper-thumb{position:absolute;top:22%;left:50px;height:30%;width:30%;z-index:2}
.swiper-thumb .swip-slide{width:30%;height:200px;display:inline-block;margin:0 10px 0 0;overflow:hidden;cursor:pointer;color:#5facbf;transform:scale(1);transition:0.3s ease-in-out}
.swiper-thumb.notshow .swip-slide{transform:scale(0)}
.thpic{width: 100%;
    height: 100px;border-radius:10px;    border: 2px solid #2a7082;
    }
.slid-active .thpic{border: 2px solid #fff}
.filetime{position: absolute;
    top: 90px;
    right: 45px;
    color: #fff;}
@media(min-width:480px) {
    .mv-module-hero__image {
    height: 88vh;
}
}
@media(min-width:992px) {
    .mv-module-hero__image {
    height: 95vh;
}
}
.mv-module-hero__content {
    color: #fff;
    width: 100%;
    position: absolute;
}
.mv-component-angleTop, .mv-component-angleBottom, .mv-component-angleRelated {
    position: absolute;
    width: 100%;
}
.mv-component-angleTop polygon {
    fill: #fff;
}
@media(min-width:992px) {
    .mv-component-angleTop {

    height: 200px;
}
.mv-component-angleBottom {
    height: 75px;
}
.mv-component-angleBottom {
    bottom: -74px;
}}
@media(min-width:1200px) {
    .mv-section-headerDetails {
    margin-bottom: 100px;
}
}

@media(min-width:992px) {
    .mv-section-headerDetails {
    margin-bottom: 80px;
}
}
.mv-component-angleBottom {
    bottom: -39px;
    height: 40px;
}
.mv-component-angleBottom__blocker {
    display: none;
}
@media(max-width:768px) {
    .mv-module-hero h1 {
    font-size: 50px;
}
.swiper-video .swiper-button-next, .swiper-video .swiper-button-prev{right:0}
.swiper-video .swiper-slide{height:500px}
.vpic{height:400px;width:400px}
.gallery-top.swiper-container{height:200px}
.main-icon{justify-content: center;}
.gallery-thumbs .swiper-slide{width:25%}
.playvid iframe{width:100%}
.swiper-thumb{display:none;}
}
@media(min-width:768px) {
    .mv-module-hero h1 {
    margin: 0;
    font-size: 90px;
}
.mv-module-hero h1::after {
    bottom: -40px;
}
}
@media(min-width:992px) {
    .mv-module-hero h1 {
    font-size: 120px;
}
}
@media(min-width:1200px) {
    .mv-module-hero h1 {
    font-size: 150px;
}}
@media(max-width:480px){
    
    .gallery-top.swiper-container{height:100px}
}
svg {
    transition: all 200ms cubic-bezier(.175, .885, .32, 1.275);
}
.mv-module-hero__image {
    height: 95vh;
}
.mv-module-hero__image {
    height: 88vh;
}
.mv-module-hero__image {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 85vh;
    position: relative;
}
.mv-component-angleTop {
    height: 200px;
    top: -199px;
		z-index: 1;
}

.mv-component-angleTop, .mv-component-angleBottom, .mv-component-angleRelated {
    position: absolute;
    width: 100%;
}
*::before, *::after {
    box-sizing: border-box;
}
.mv-module-hero h1 {
    font-size: 90px;
    margin: 0;
}
.satlocation {
	position:relative;
	width:100%;
	height:55.625vw;
	background-image:url('/static/img/map.png');
	background-color:#054c5e;
	background-size:100%;
    overflow:hidden
}
.satlocation h2{
	color:#fff;
	padding:2em 0;
	font-size:200%;
	text-align:center;
}
.satlocation a{position:absolute;width:33px;height:34px;}
.map-satname,.map-satinfo{padding:5px 12px;display: block; font-family: verdana,tahoma;}
.map-satname{color:#666;}
.map-satinfo{color:#fe5629; font-weight:300;}
.satlocation span b{color:#fe5629;font-weight:300;}
.satlocation a:nth-of-type(3){top:25vw;left:57vw}
.satlocation a:nth-of-type(2){	top:20vw;left:47.5vw}
.satlocation a:nth-of-type(4){top:45vw; left:87vw}
.satlocation a:nth-of-type(1){	top:22vw;left:15vw}
.satpointer{background-image:url('/static/img/pointer.png');}
.tooltip {
    position: relative;
    display: inline-block;
}

/* Tooltip text */
.tooltip .tooltiptext {
    opacity:0.9;
    background-color: #033a48;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
 
    /* Position the tooltip text - see examples below! */
    position: absolute;
        width: 150px;
    top: -45px;
    right: -55px;
    transition:.3s ease-in-out;
    z-index: 1;
}
.tooltip .tooltiptext:before{position: absolute;
    content: "";
    width: 20px;
    height: 20px;
    background: #033a48;
    right: 66px;
    bottom: -10px;
    z-index: -1;
    transform: rotate(42deg);}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
    opacity: 1;
    top: -50px;
}
@media screen and (max-width: 767px) {
	.main-nav {display: none;}
	.mobile-main-nav {display: block; opacity: 1;}
}
@media screen and (max-width:478px) and (min-width:318px) {
	.satlocation h2{padding:8px 0 0 0; font-size:175%}
	.satlocation a:nth-of-type(3){top:19vw;left:55vw}
	.satlocation a:nth-of-type(2){	top:12vw;left:47vw}
	.satlocation a:nth-of-type(4){top:36vw; left:80vw}
	.satlocation a:nth-of-type(1){	top:14vw;left:12vw}
}
h1 {
    line-height: 160px;
		margin:0px;
		 color: inherit;
    font-family: "source_sans_pro_bold",Arial,"Helvetica Neue",Helvetica,sans-serif;
    font-weight: 500;
    line-height: 1.1;
		color:#716969;
		padding:0px 10px;
}
.mv-section-headerDetails {
    margin-bottom: 100px;
}
.mv-section-headerDetails {
    margin-bottom: 80px;
}
p{color:#716969}
.mv-section-headerDetails {
    background: #fff none repeat scroll 0 0;
    color: #fff;
    margin-bottom: 40px;
    padding: 30px 0;
    position: relative;
    z-index: 2;
}
svg:not(:root) {
    overflow: hidden;
}
.mv-component-angleBottom {
    bottom: -74px;
}
.mv-component-angleBottom {
    height: 75px;
}
.mv-component-angleBottom {
    bottom: -39px;
    height: 40px;
}
.mv-component-angleBottom__blocker {
    display: none;
}
.mv-component-angleTop, .mv-component-angleBottom, .mv-component-angleRelated {
    position: absolute;
    width: 100%;
}
svg {
    transition: all 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
}
audio, canvas, img, svg, video {
    vertical-align: middle;max-width: 100%;
}
.mv-component-angleBottom polygon {
    fill: #fff;
}
.mv-module-hero__image::before {
    bottom: 0;
    content: "";
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}
.mv-module-hero__image {
    height: 95vh;
}
.mv-module-hero__image {
    height: 88vh;
}
.mv-module-hero__image {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 85vh;
    position: relative;
}
.line{
	border-bottom:8px solid #716969;
		margin-top:-79px;
}
footer{background:#054c5e;padding-bottom:20px;position:relative;padding-top:30px}
.border-t {
    border-top: 1px solid #dcac6d;
    padding: 20px 0 0;margin-top:30px
}
.footer-menu{    float: right;
                 width: 100%;
                 margin-top: 30px;
                 display: flex;
                 flex-flow: wrap;}
.footer-menu li{display:block;line-height:3;font-size:18px;}
.footer-menu  a{background:#033a48 ;color:#fff;padding:6px;margin:5px;border-bottom:1px solid #dcac6e}
.marg{margin-top:-23px;}
.main-social{width:100%;font-size: 30px;background: #000;}
footer .main-social{background:none}
.main-social span{display:inline-flex;margin-right:12px;font-size: 1.2rem;text-align:left;}
.rights{    float: left;
    width: 100%;
    text-align: left;
    direction: ltr;
    color: #dcac6d;}
.main-social>p{display:inline-block}
.under-line{
        position: relative;
    color: #8c8c8c;
    background: #033a48;
    padding: 10px;
}
.under-line:before{
        content: "";
    position: absolute;
    background: #dcac6e;
    width: 159px;
    height: 5px;
    right:0;
    bottom: -1px;
}
.last-news-footer{margin:30px 0 50px 0}
.sub-news-line {
    display: flex;
    border-bottom: 1px solid #08576b;

}
.sub-news-line .link-news {
    padding: 5px 28px 0 0;
    overflow: hidden;
    font-size: 15px;
}
.sub-news-line a p {
    width: 100px;
    height: 100px;
    margin-bottom: 0;
}
.bg2 {
    background: url(../img/4.jpg)repeat scroll center center / cover;
}
@media screen and (max-width: 480px) {
   .mv-component-angleTop {
    top: -79px;
    z-index: 1;
    height: 80px;
}
.marg{margin-top:23px}
}
.comment-h{padding:0 5px;width:50%;height:100%;float:left;position:relative}
	 .comment-v{padding:0 5px}
	 .horiz{box-shadow:-1px 2px 1px #ccc;}
	 *{padding:0px;margin:0px}
	
	 .horiz{border-left:1px solid #dedbd6;border-top:1px solid #dedbd6;border-bottom:4px solid #dedbd6;height:230px;}
	 .img-title{position:absolute;background:#054c5e;color:#fff;padding:2px 8px;    top: 10px;
    right: 10px;}
	 
	 .mrg15{margin-top:15px}
	 .vertical{width:100%;position:relative;
	   height:390px;background:#f3f3f3;margin:20px 0;transform:scale(0.8);box-shadow: 0 0 20px #ccc;overflow:hidden;transition:.2s ease-in-out}
 .vertical.animated{transform:scale(1)}      
	 .img-h{width:50%;height:100%;float:right}
	 .img-v{width:100%;height:40%;transform:scale(1);transition:.2s ease-in-out}
     .vertical:hover .img-v{transform: scale(1.02);}
     .vertical:hover{box-shadow: 0 0 20px #999;}
	 .comment-v{width:100%;height:60%;position:relative}
	 .mrg8-r{margin-right:8px}
	 .f20{font-size:20px}
	 .f32{font-size:2rem;}
	 .f-arial{font-family:arial}
	 .date{position: relative; top: -26px; right: 40px;}
	 .line-view{border-left:1px solid #ccc;padding-top:16px;padding-right:12px}
	 .view{position: relative; top: -18px; right: 50px;}
	 .share{float:left;margin-top:10px;margin-left:10px;width:20px;height:20px; margin-top: -2px;}
	 .main{color: #e0d7c6;
    position: absolute;
    bottom: -3px;
    width: 100%;
    margin-right: -4px;
    background: #054c5e;
    height: 60px;
    padding-top: 20px;font-family: Droid Arabic Kufi;}
	 .mrg37-r{margin-right:-75px}
	 .sub-comment{height:170px;overflow:hidden}
	 .sub-comment h4{margin-top:5px}
	 .main-views{margin-right:0}
	 .line3::after{border-bottom:2px solid red}
	 h2.background::before {
    border-top: 8px solid #d4a465;
    bottom: 0;
    content: "";
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: 50%;
    width: 100%;
    z-index: -1;
}
h2.background {
    position: relative;
    z-index: 1;
}
.title{    background: #fcfcfc;
    margin-right: 15px;
    padding: 7px 17px;
    font-family: Droid Arabic Kufi,Kufi,arial;
    color: #054c5e;
    box-shadow: 0 0 17px #c7c7c7;}
 /*style programe*/
 .program-files{background:#eee}
 .program-files .thpic{height:auto}
	 .main-flex{display:flex; width: 100%;overflow:hidden}
	.date-today{margin-top:50px;color:#716969;flex-direction:column} 
	ul{list-style:none}
	 a{text-decoration:none;}
	 .line-time-kader {
    margin-right: -2px;
    padding-right: 5px;position: relative;text-align: right;}
    .line-time-kader span{margin:0 20px}
	 .line-time-prog{    position: relative;
    width: 90px;
    height: 90px;
    border: 6px solid #dbab6d;
    float: right;
    border-radius: 50%;
    background: #054c5e;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;}
	 .line-time-prog::after,.line-time-kader::after{content:"" ;position:absolute;width:70px;height:1px;background:#dbab6d;top:50%;right:-67px}
     .line-time-prog::after{right:-70px}
	 .line-time-prog::before{    content: "";
    position: absolute;
    width: 10px;
    height: 2px;
    background: #dbab6d;
    top: 50%;
    left: -16px;}
	 .line-programe-contaniner{position:relative;text-align:center;display:inline-flex;color:#716969;flex-direction:column;margin-right:100px;font-size:18px}
	 .line-programe-contaniner::before{position:absolute;content:"";right:-69px;height:100%;top:19px;width:2px;background:#dbab6d}
	 .name-programe{color:#373333;font-weight:bold;font-size:2rem}
	 .img-programe{width:100%;background:#fff;border:2px solid #dbab6d;overflow:hidden}
	 .img-programe img{width:100%;}
	 .current-day{position:relative;width:130px;height:130px;border-radius:50%;border:6px solid #dbab6d;text-align:center;font-size:18px;display:flex;flex-direction:column;
							justify-content:center}
	 .current-day::before{content:"";top:50%;background:#dbab6d;position:absolute;left:-34px;height:2px;width:32px}
	 .current-day::after{content:"";top:44%;background:#fff;position:absolute;left:-46px;height:16px;width:16px;border-radius:50%;border:5px solid #dbab6d;z-index:2}
	 .time-with-name-pro{display:inline-flex;cursor:pointer}
	 .traingle{position:relative;}
	 .traingle img{width:123px;height:123px;border:4px solid #fff;float:right;margin-right:20px}
	 .traingle::before{
		 content:" ";border-style: solid;border-width: 14px 0 14px 17px;
		 border-color: transparent transparent transparent #cdd2d3;position: absolute;left:143px;top:2px;}
.detial-programe{width:100%;margin-right:9px;text-align:right;display:flex}
.programdetails{display:flex;width:100%}
	 .line-time-prog:hover{background:#cdd2d3}
	 .circle-contain-date{width:102px;height:102px;border-radius:50%;border:6px solid #cdd2d3;text-align:center;background:#e6e9e9;margin-right:13px;line-height:2.5}
	 .nameof-provide-programe{flex-flow:column wrap;display:flex !important;width:100%}
     .nameof-provide-programe img{max-width:300px}
	 .title-programe{margin-right:20px}
	 .explain-programe{font-size:1.2rem;}
	 .mrg8-t{margin-top:-8px}
	 .contain-name-make-programe{}
	 .on-mobile-visible{display:none}
	 .programe-name{display:flex;flex-direction:row;border-bottom:2px solid #eeeeee}
	 .programe-img{width:55px;height:55px;background:#fff;border:2px solid #eeeeee}
	 .m{width:90%;text-align:right}
	 /*end programe */
	 /*kader-view */
	  .main-img-kader{border:2px solid #000;overflow:hidden;margin-right:5px}
		.img-kader{width:180px;height:180px}
		 /*end-kader-view */
		 /*start-home-page*/
		 .menu-home-page{ flex-direction:row;height:100%;display:flex;justify-content:space-between}
		 .slide-menu-mobile,input,.sreach-on-mobile-show{display:none;}
.on-mobile-show{flex-direction:row;height:100%;display:none;justify-content:space-between;width:100%;justify-content:center;}
.on-mobile-show img{height:100px}
		 /*home-page*/
	 .menu-home-page li{display:flex;flex-direction:column;width:135px;justify-content:center}
	 
	 
	
	 .black,.red,.yellow,.orange,.green,.blue,.black,.border-bottom-img{position:relative}
	 .border-bottom-img{width:194px !important}
	 .red:hover::after,.yellow:hover::after,.orange:hover::after,.green:hover::after,.blue:hover::after,.black:hover::after,
	 .border-bottom-img::after{border-bottom:2px solid #fff}
	 .red:hover::after{border-bottom:2px solid #db411d;}
	 .yellow:hover::after{border-bottom:2px solid #ecde23;}
	 .orange:hover::after{border-bottom:2px solid #f2bf1f;}
	 .green:hover::after{border-bottom:2px solid #69ae3c;}
	 .blue:hover::after{	border-bottom: 2px solid#414692;}
	 .black:hover::after{border-bottom:2px solid #000;}
	 .main-icon-home-page{width:40px;height:40px;margin-bottom:12px;overflow:hidden;}

	 footer li{padding:10px 0px}
	 /*end home page*/
	 /*slide-menu-on-mobile-show*/
	 .sub-menu{list-style:none; margin: 0;padding: 0;width: 100%;height:100%}
	 .sub-menu li a { display: block; color: #000; padding: 5px 16px; text-decoration: none; color:#999;}
	 .sub-menu li{border-bottom:1px solid #555}
	 .sub-menu li a.active {background-color: #4CAF50;color: white;}
	 .sub-menu li a:hover:not(.active) {background-color: #555;color: white;}
	 #main{ width:100%; height:35px; text-align:center; background:rgba(31, 31, 31, 0.88) none repeat scroll 0 0 !important;
					transition:all ease 0.5s; }
	 input:checked ~ #main{font-size:24px;height:303.3px;transition:all ease 0.5s;}
	 .menu{opacity:0}
	 input:checked ~ #main .menu{opacity:1;transition-delay:0.5s;}
	 input:checked ~ #main label{background-color: #2c4c62;}
	 input:notchecked ~ #main label{background:rgba(31, 31, 31, 0.88) none repeat scroll 0 0 !important;}
	 label{display:flex;justify-content:center;width:100%;font-size:24px;color:#fff;cursor:pointer}
	 .mrgb-10{margin-bottom:10px}
	 /*svg-location*/
	 .marker {
		 background:url("/static/img/location.svg");
		 background-repeat:no-repeat;
		 animation: pulse 1s ease-in-out infinite alternate;
		 height:48px;
		 width:45px;
		 background-position:4px 4px;
	 }
	 .marker::after {
		 content: '';
		 position: absolute;
		 top: 50%;
		 left: 55%;
		 width: 4em;
		 height: 4em;
		 margin-left: -2em;
		 margin-top: -2.6em;
		 border-radius: 50%;
		 animation: sonar 2s linear infinite;
		 border:2px solid red;
		 border-right:none;
		 border-left:none;
		 border-bottom:none;
	 }
	 @keyframes pulse {
		 0% {transform: scale3d(0.8, 0.8, 0.8);}  
		 100% {transform: scale3d(1, 1, 1);}  
	 }
	 @keyframes sonar {
		 0% {transform: scale3d(0.5, 0.5, 0.5); opacity: 1;}
		 50%, 100% {transform: scale3d(1, 1, 1);opacity: 0;}
	 }  
	 /*end-svg*/
	 /*soical-media*/
	 .ficon a{
		 height:40px;
		 width:40px;
		 display:inline-block;
		 background-color:#fff;
		 border-radius:100%;
		 overflow:hidden;
		 margin-right:5px;
	 }
	 .fb, .tw, .gp, .in, .mail {
		 background: url("/static/img/soacial.svg");
		 background-repeat: no-repeat ;
		 width: 550px;
		 height: 550px;
		 display: inline-block;
		 transition:all 0.6s;
	 }
	 .fb{background-position:0px -35px;}
	 .fb:hover{background-position:-35px -35px;background-color:#4862a3;}
	 .tw{background-position:-144px -35px;}
	 .tw:hover{background-position:-182px -35px;background-color:#00aaec;}
	 .gp{background-position:-72px -35px;}	
	 .gp:hover{background-position:-107px -35px;background-color:#db4c42;}
	 .in{background-position:-219px -35px;}
	 .in:hover{background-position:-255px -35px;background-color:#437194;}
	 .mail{background-position:-329px -35px;}
	 .mail:hover{background-position:-365px -35px;background-color:#000;}
	 /*end soical media*/
	 .main-search #search input[type="text"] {
    background:#fcfcfc url("/static/img/soacial.svg") no-repeat scroll -410px -4px / 233% auto;
    border: 1px solid #d1d1d1;
    color: #bebebe;
		border-radius:3px;
    font: bold 15px Arial,Helvetica,sans-serif;
    padding: 6px 15px 6px 35px;
    text-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
    width: 241px;
		display:flex !important;
		margin-top: 60px;
}
.search-social{margin-top: 5em; justify-content: flex-start; display: flex; flex-wrap: wrap;overflow:hidden}
		 /*end-home-page*/
	  /* media-programe*/
		/*counter-department*/
		.counter-dep{display: flex;justify-content: flex-end;width: 196%;}
        @keyframes filler{0%{-webkit-transform:translateX(0) scaleY(1) scaleX(0);transform:translateX(0) scaleY(1) scaleX(0)}50%{-webkit-transform:translateX(0) scaleY(1) scaleX(1);transform:translateX(0) scaleY(1) scaleX(1)}100%{-webkit-transform:translateX(102%) scaleY(1) scaleX(1);transform:translateX(102%) scaleY(1) scaleX(1)}}
.conyainer-fluid{overflow:hidden}

.livestreem {
    position:fixed;bottom:0;left:0;z-index: 9999;
   box-shadow: 5px 5px 10px #535353;
   border: 1px silver;
   border-radius: 4px;
   width: 500px;
   height: 400px;
   overflow: hidden;
   /* limit size with min/max-width/height*/
   min-height: 100px;
   min-width: 200px;
   max-width: 999px;
   max-height: 800px;
 }
 #resizable {
   box-shadow: 5px 5px 10px #535353;
   background:#fff;
   border: 1px silver;
   border-radius: 4px;
   position: fixed;
   width: 500px;
   height: 50vh;
   overflow: hidden;
   /* limit size with min/max-width/height*/
   min-height: 100px;
   min-width: 200px;
   max-width: 999px;
   max-height: 800px;
       top: 50vh;
    left: 0;z-index:9999
 }
 .videoblock{position:relative;top:30px;left:0;right:0;bottom:0}
 #resizable iframe{width:100%;height:90%;margin:0;opacity:1}
 .ui-resizable-ne {
	cursor: ne-resize;
	width: 30px;
	height: 30px;
	right: -5px;
	top: -5px;
     background: url(/static/img/wingrip.png) no-repeat  center center;
     transform: rotate(-90deg);
}
.ui-icon, .ui-widget-content .ui-icon {
   
}
.ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px;
}
 .boxheader {
   background: #022d38;
   color: white;
   padding: 5px;
   text-align: left;
   cursor: all-scroll;
 }
 .ui-resizable-e {
    cursor: e-resize;
    width: 30px;
    right: -5px;
    top: 0;
    height: 100%;
}
 .ui-resizable-n {
    cursor: s-resize;
    width: 100%;
    top: -5px;
    left: 0;
    height: 30px;
}
.ui-resizable-s {
    cursor: s-resize;
    height: 30px;
    width: 100%;
    bottom: -5px;
    left: 0;
}

.ui-icon, .ui-widget-content .ui-icon {
    background-image: url(images/ui-icons_444444_256x240.png);
}
.ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px;
}
.ui-icon {
    width: 16px;
    height: 16px;
}
.ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px;
}
.ui-resizable-handle {
    position: absolute;
    font-size: 0.1px;
    display: block;
    -ms-touch-action: none;
    touch-action: none;
}
.ui-icon {
    display: inline-block;
    vertical-align: middle;
    margin-top: -.25em;
    position: relative;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}
.close-streem {    position: absolute;
    right: 50%;
    top: 3px;
    color: #fff;
    background: #000;
    padding: 3px 11px;
    border-radius: 50%;
    box-shadow: 0 0 3px #444;cursor: pointer;z-index:92}
    .circle-contain-date-responsive {width: 100%;
    height: 50px;
    text-align: center;
    background: #fcfcfc;
    box-shadow: 0 0 23px #ccc;
}
  .scha{text-align: center;margin:50px 0}
  h2.background.scha::before{border-top:0}  
    .date-dayofweek{display: inline-block;
    display: inline-flex;
    height: 100%;
    justify-content: center;
    align-items: center;
    padding: 0 20px;}
    .curent-day {
    position: relative;
    background: #dbab6d;
    height: 120%;
    top: -10%;
    padding: 5px 20px;
    color: #fff;    box-shadow: 0 0 24px #adadad;
}.curent-day:before{content:"";position:absolute;width:20px;height:20px;bottom:-10px;    background: #dbab6d;transform:rotate(45deg)}
	@media only screen and (min-width:320px) and (max-width: 480px){
	   .date-dayofweek{padding:0}
       .curent-day {padding:0}
		.detial-programe{flex-direction:column;text-align:center;}
		.traingle img{height:90px;width:90px;margin-right:-45px}
		.traingle::before{top:2px;left:280px}
		.traingle{display:flex;justify-content:center}
		.contain-name-make-programe{display:flex;flex-direction:column;}
		.nameof-provide-programe{width:78%}
		.line-programe-contaniner{font-size:14px;}
		.line-time-prog{height: 50px;
    width: 50px;
    border: 0;}
		.line-time-prog::before{height:22px}
		.main-date-responsive{justify-content: center; display: inline-flex;}
		.slide-menu-mobile{display:flex;}
		.menu-home-page,.hidden{display:none}
		.on-mobile-show,.sreach-on-mobile-show{display:flex}
		.main-search{margin-top:-20px;}
		.link-footer,.search-social{margin-top:20px}
		.counter-dep{justify-content: flex-start}
	}
	@media(max-width:600px){
		.main-flex{flex-wrap:wrap}
		.current-day-responsive{display: flex; justify-content: center; order: 1;}
	.line-programe-contaniner{margin-right:0px}
	.main-date-responsive{width: 100%; justify-content: center; display: inline-flex;}
	.on-mobile-visible{display:flex;flex-flow:row wrap}
	
	.main-img-kader{flex-direction: column; display: flex; justify-content: center;}
		.img-kader{width:60px;height:60px}
		.slide-menu-mobile{display:flex}
		.menu-home-page,.hidden,.on-mobile-hidden,.current-day::before,.current-day::after,.line-programe-contaniner::before,.line-time-prog::after{display:none}
		.on-mobile-show,.sreach-on-mobile-show{display:flex}
		.main-search{margin-top:-20px;}
		.link-footer,.search-social{margin-top:20px}
		.sreach-on-mobile-show{justify-content:center}
        
	}
	 @media only screen and (min-width:600px) and (max-width: 800px) {
		.line-time-prog{width:80px;height: 80px;font-size:1.2rem}
		.mrg8-r{margin-right:5px}
        .line-programe-contaniner::before{    right: -25px;}
        .line-time-prog::after, .line-time-kader::after{width:25px;right:-25px}
		.line-programe-contaniner{font-size:1.5rem;margin-right: 30px}
		.traingle img{height:90px;width:90px;}
		.traingle::before{top:2px;left:280px}
		.traingle{display:flex;justify-content:center}
		.contain-name-make-programe{margin-right:-24px;}
		.main-img-center{}
		.main-img-kader{flex-direction: column; display: flex; justify-content: center;}
		.img-kader{width:60px;height:60px}
		.slide-menu-mobile{display:flex}
		.menu-home-page,.hidden{display:none}
		.on-mobile-show,.sreach-on-mobile-show{display:flex}
		.sreach-on-mobile-show,.search-social{justify-content:center}
		.main-search{margin-top:-20px;}
		.link-footer,.search-social{margin-top:20px}
		.main-search #search input[type="text"]{width:100%;background:#fcfcfc url("/static/img/soacial.svg") no-repeat scroll -410px -2px / 152% auto}
	}
	/*end media-programe*/
	 @media screen and (max-width: 480px) {
 .horiz{border-left:4px solid #dedbd6;border-right:1px solid #dedbd6;border-bottom:4px solid #dedbd6;height:467px;}
 .img-h{width:100%;height:40%;}
 .comment-h{width:100%;height:60%}
 .first{margin-top:15px}
}
@media screen and (max-width: 768px) {
 .first{margin-top:15px}
 #resizable{width:100%}
 }
@media screen and (max-width: 600px) {
	.bottom{display:none}
	.mv-component-angleTop {
    top: -79px;
    z-index: 1;
    height: 80px;
}
.marg{margin-top:23px}
}
.box-view-date{margin:35px 35px 0 0;color:#828282;line-height:3}
	 .mrg-t{margin:50px 0 50px 0}
	 .mrg18-t{margin-top:18px}
ul.fetchprog li{margin:1em 0.2em 0;border-bottom: 2px solid #dedbd6;border-left: 1px solid #dedbd6;border-right: 1px solid #dedbd6;border-radius:20px;padding:5px}
	 ul.fetchprog li a{color:#72696a;}
.ourthumbs{    position: relative;
    display: flex;
    cursor: pointer;
    justify-content: center;
    align-items: center;
    height: 55px;
    border-left: 2px solid #000;
    color: #fff;
    padding: 5px;
    font-family: "Droid Arabic Kufi";}
.ourthumbs .clock{font-size:3rem;font-weight:bold;margin-left:10px;}
.ourthumbs .text{float: right;font-size: 1.4rem;width: 45%;margin-right:2%}
 #carousele{ float:right;width:100%;position: relative;
    margin: 0 auto;
    overflow: hidden;}
    #carousele ul{position:relative;float:right;background:rgba(0, 0, 0, 0.27)}
.coitem{float:right;height:55px;overflow:hidden;}
.ourthumb{float:right;width:100%;height:600px;overflow:hidden;background-image:url("/static/img/ajax-loader.gif");
background-repeat:  no-repeat;
background-position: center center;}
.ourthumb img{width:100%}
a#next,a#prev {
position: absolute;
    width: 55px;
    height: 55px;
    top: 1px;
    z-index: 9999;   
    background:#000;
    background-repeat: repeat-x;}
a#next {right: -55px;}
a#prev {left: -55px;}
.sl{background:#eb212e;color:#fff}
.acti:before{
    content:"";
    position:absolute;
    top:0;
    left:15%;
    width: 0px;
    height: 0px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #fff;}
.st0{fill:#454767;}
.st1{fill:#414464;}
.animate-bg{z-index:99;position:absolute;display:block;bottom:0;left:0;width:100%;height:60px;background-color:#d5e2f2;overflow:hidden;-webkit-transform:translateX(0) scaleY(1) scaleX(0);-ms-transform:translateX(0) scaleY(1) scaleX(0);transform:translateX(0) scaleY(1) scaleX(0);-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0}
.animated .animate-bg{will-change:width,transform;-webkit-animation-name:filler;animation-name:filler;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-timing-function:cubic-bezier(0.81,0.15,0.26,0.99);animation-timing-function:cubic-bezier(0.81,0.15,0.26,0.99);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-duration:1.15s;animation-duration:1.15s;-webkit-transition-delay:.3s;transition-delay:.3s;-webkit-animation-delay:.3s;animation-delay:.3s}
@media (min-width: 992px)
.animated.post-item.post-item-l .post-info .animate-bg {
    transition-delay: 0.9s;
    animation-delay: 0.9s;
}
@media (min-width: 992px)
.post-item.post-item-l .post-info-pos .animate-bg {
    background: rgb(166, 222, 253);
}
@media (min-width: 992px)
.animated .animate-bg {
    will-change: width, transform;
    animation-name: filler;
    animation-iteration-count: 1;
    animation-timing-function: cubic-bezier(0.81, 0.15, 0.26, 0.99);
    animation-fill-mode: forwards;
    animation-duration: 1.15s;
    transition-delay: 0.3s;
    animation-delay: 0.3s;
}
@media (min-width: 992px)
.animate-bg {
    z-index: 99;
    position: absolute;
    display: block;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgb(213, 226, 242);
    transform: translateX(0px) scaleY(1) scaleX(0);
    transform-origin: 0px 0px 0px;
    overflow: hidden;
}
.pagingcontainer,.paging{display: flex;margin:30px 0;justify-content:center}
.pagingcontainer span,.pagingcontainer a{    margin: 0 4px;
    background: #ccc;
    padding: 3px 10px;
    box-shadow: 0 0 3px #696969;}
    span.current{background:#054c5e;color:#fff}