@import url(https://fonts.googleapis.com/earlyaccess/droidarabicnaskh.css);

@import url(https://fonts.googleapis.com/earlyaccess/droidarabickufi.css);



/* Regular */
/*
@font-face {
    font-family:"Ah-moharram-bold";
    src: url('https://mada.ps/site_assets/fonts/Ah-moharram-bold.eot');
    src:url("https://mada.ps/site_assets/fonts/Ah-moharram-bold.eot?") format("eot"),
        url("https://mada.ps/site_assets/fonts/Ah-moharram-bold.woff") format("woff"),
        url("https://mada.ps/site_assets/fonts/Ah-moharram-bold.ttf") format("truetype"),
        url("https://mada.ps/site_assets/fonts/Ah-moharram-bold.svg#Ah-moharram-bold") format("svg");
    font-weight:normal;
    font-style:normal;
}
*/

@font-face {
    font-family:"Ah-moharram-bold";
    src: url('https://mada.ps/site_assets/fonts/Ah-moharram-bold.eot');
    src:url("https://mada.ps/site_assets/fonts/Ah-moharram-bold.eot?") format("eot"),
        url("https://mada.ps/site_assets/fonts/Ah-moharram-bold.woff") format("woff"),
        url("https://mada.ps/site_assets/fonts/Ah-moharram-bold.ttf") format("truetype"),
        url("https://mada.ps/site_assets/fonts/Ah-moharram-bold.svg#Ah-moharram-bold") format("svg");
    font-weight:normal;
    font-style:normal;
}



h1,h2,h3,h4,h5,h6,p,font,input,div,strong,span,p,table,td,te,th,thead,tfoot,a{  


    font-family: "Droid Arabic kufi" !important ; 

/*    font-family: "Ah-moharram-bold" !important ; */

    /*font-family: 'JF Flat Regular' !important ; */

}

a:hover{

    text-decoration: none;

}





.uk-navbar-nav > li > a:active,

.uk-navbar-nav > li:hover > a, .uk-navbar-nav > li > a:focus, .uk-navbar-nav > li.uk-open > a {

    background-color: initial !important;
    color: #fff;
}

.uk-navbar-nav > li > a{

    color: #FFF;

    font-weight: bold;

    font-size: 12px;

}

.uk-container{

    width: 1024px !important;

    /*width: 99.9% !important;*/

    /*max-width: 100% !important;*/

}



.main{

    margin-top: 45px;

    /*height: 200vh;*/

}



.main-header{

    border-bottom: 1px solid #ccc;
background: #d61a69;
    height:39px; 

    width:100%;

    /*position: fixed;*/

}



.middle-side{

    padding-right: 0;

}







/* **************** middel side **************** */

.middele , .right , .left{

    z-index: 50 !important;

}



.middele{

    width: 80%;	

    height: 40px;

    float: right;

    right: 10%;

    position: fixed;	

    background: #fff;

}



.right{

    right: 0;
border-left: 1px solid #ccc;
    background: #FFF;

}

.left{

    left:0;

    background: #FAFAFA;

    border-right: 1px solid #ccc;

}

.right , .left{

    position: fixed;

    width: 10%;

    height: 100%;

    height: 100vh;

    float: right;	

}





/* **************** right side **************** */

.right-side{

    background: #E6E6E7;	

    /*height: 100vh;*/

    /*position: fixed;*/

}

.right-side-header{

    border-bottom: 1px solid #d61a69;

    background: #d61a69;

    height:39px; 

    width:100%;

}

.right-side-header{

    text-align: center;

    line-height: 39px;

    cursor: pointer;

}

.right-side-header span{

    color: #fff;

}

.logo{

    width: 100%;

    text-align: center;

    padding: 30px 0 30px;
    background: #FFF;
    

}

.logo img{

    width: 100%;

    /*padding: 30px 0;*/

    padding: 0;

}

.logo span{

    color: #fff;

    font-size: 12px;

}



.data-center{

    margin-top: 130px;

    text-align: center;

    padding: 1px 10px;

    background: #fff;

    height: 35px;

}

.data-center img{

    width: 80%;

}

.data-center a{

    color: #fff;

}



.data-center a span{

    color: #2E97D9;

    font-weight: bold;

    font-size: 12px;

    line-height: 35px;

}

.data-center a i{

    color: #d61a69;

    font-size: 18px;

    line-height: 35px;

    padding: 0px 8px;

}





.socil-media{

    /*margin-top: 160px;*/

    text-align: center;

    padding: 10px 0;

}



.socil-media i{

    padding: 0 5px;

    font-size: 18px;

    color: #fff;

}



.socil-media a:hover i,.data-center a:hover,.mada-link a:hover{ 

    color: #ccc;

}

.mada-link a{

    color: #5E5F61;

}



.right-side-menu > li:first-child{

    border-top: 1px solid #ccc;

}

.right-side-menu > li {

    min-height: 35px;

    border-bottom: 1px solid #ccc;

    line-height: 35px;

}



.right-side-menu > li:hover{

    /*background: #AC5AAC;*/

    background: #d61a69;

    color: #500152;

}



.uk-dropdown{

    background: #d61a69;

}

.uk-dropdown li a{

    color: #fff;

}




.main-header>nav>.uk-navbar-nav10>li:hover>a{

    border-bottom: 2px solid #d61a69;

}



.right-side-menu > li > a {

    font-size: 13px !important;

    color: #d61a69;

}
.right-side-menu > li > a:hover {

    

    color: #FFF;

}



.right-side-menu > li > a > i{

    font-size: 20px;
color: #d61a69;
}







/* **************** left side **************** */

.left-side{

    background: #FAFAFA;

    border-right: 1px solid #ccc;

    border-left: none;

    /*position: fixed;*/

    /*height: 200vh;*/

}

.left-side-header{

    border: 1px solid #ccc;

    border-top: none;

    border-right: none;

    background: #d61a69;

    height:39px; 

    width:100%;

    cursor: pointer;

}

.left-side-header{

    text-align: center;

    line-height: 39px;

}

.left-side-header span{

    color: #FFF;

    font-weight: bold;	



}



.left-side-header i{

    color: #FFF;

    padding: 0 5px;

}



.mada-btn{

    /*background-color: #752877;*/

    background: -webkit-linear-gradient(#c50555, #d61a69); /* For Safari 5.1 to 6.0 */

    background: -o-linear-gradient(#c50555, #d61a69); /* For Opera 11.1 to 12.0 */

    background: -moz-linear-gradient(#c50555, #d61a69); /* For Firefox 3.6 to 15 */

    background: linear-gradient(#c50555, #d61a69); /* Standard syntax */



    color: #fff !important;

    border-radius: 5px !important;

}



.mada-btn:hover{

    background-color: #d61a69;

    opacity: 0.8;

}



.mada-link{	

    text-align: center;

}

.mada-link a{

    color: #3399ff;

}



.search-div{

    height: 65px;

    border: 1px solid #ccc;

    margin-bottom: 20px;

}



.left form{

    font-size: 11px;

}

/****************** ui lit *************************/

.dropdown-new {

    padding-right: 0px;

    top: 0 !important;

}



.nav-navbar-new > li > a{

    padding-right: 15px; 

}



input[type="text"],input[type="Password"]{

    line-height: 25px;

    border-radius: 5px;

}



.mada-app{

    color: #d61a69;

    font-weight: bold;

    padding: 10px 0;

    border: 1px solid #ccc;

    margin-top: 15px;

    border-radius: 5px;

}



.mada-app:hover{

    color: #d61a69;

    border: 1px solid #d61a69;

}





.owl-dots{  position: relative;top: -30px;text-align: center; z-index: 5 !important;}

.owl-dots .owl-dot{display:inline-block;zoom:1;*display:inline}

.owl-dots .owl-dot span{width:10px;height:10px;margin:5px 2px;background:#fff;display:block;-webkit-backface-visibility:visible;-webkit-transition:opacity 200ms ease;-moz-transition:opacity 200ms ease;-ms-transition:opacity 200ms ease;-o-transition:opacity 200ms ease;transition:opacity 200ms ease;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}

.owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#d61a69}





.owl-prev{

    top: 50% !important;

    position: absolute !important;

    left: 25px !important;	

    right: inherit;

    z-index: 5 !important;

}

.owl-next{

    top: 50% !important;

    position: absolute !important;

    right: 25px !important;	

    left: inherit;

    z-index: 5 !important;

}

.owl-prev i, .owl-next i{

    color: #fff;

    opacity: 0.5;

    font-size: 30px;

}

.owl-prev i:hover, .owl-next i:hover{

    opacity: 1;

}







.first-div .uk-width-1-3{

    text-align: center;    

}



.first-div .uk-width-1-3 img{

    border-radius: 5px;

}





.owl-carousel .owl-item img{

    border-radius: 10px;

}

.owl-carousel-logo .owl-item img{

    border-radius: 5px;

}

.owl-next{

    top: 45% !important;

}

.owl-prev{

    top: 45% !important;

}



.footer-link{

    list-style: none;	

}



.footer-link li{

    /*float: right;*/

    display: inline-block;

    padding: 10px;

}



.footer-link li a{

    color: #d61a69;

    font-weight: bold;

    font-size: 11px;

}



.footer-link li a:hover{

    color: #5E5F61;

}





.slider-dis{

    position: absolute;

    height: 100%;

    z-index: 2 !important;

    width: 100%;

    text-align: center;

    padding-top: 50px; 	

}

.slider-dis .uk-button{
    background: #d61a69 !important;
    color: #fff !important;
    font-size: 18px;
}


.slider-dis h2,.slider-dis p{

    color: #fff;

}



a img:hover{

    opacity: 0.8;

}





.uk-nav-navbar > li > a:hover, .uk-nav-navbar > li > a:focus{

    background: #FFF !important;
color: #d61a69;

}



.faq{

    border-top: 1px solid #ccc;

}





.uk-form-row + .uk-form-row {

    margin-top: 5px !important;

}



.mada-news i{

    padding: 10px 0;

    font-size: 50px;

    color: #2e97d9;

}



.mada-news .mada-news-title{

    margin:auto;

    color: #2e97d9;

    font-size: 18px;

    border: 1px solid #ccc;

    border-radius: 5px;

    z-index: 2;

    background: #fff;    

    position: relative;

}

.mada-news .new-dis1{

    background: #eee;

    height: 100px;

    margin-top: -10px;

    z-index: 1;

    position: relative;

    padding: 0px 5px;

    padding-top: 15px !important;

}



.mada-news .new-dis2{

    background: #eee;

    height: 90px;

    margin-top: 2px;

    z-index: 1;

    position: relative;

    padding: 0px 5px;	

}



.mada-news .new-dis1 span,.mada-news .new-dis2 span{

    font-size: 10px;

    color: #d61a69;

    font-weight: bold;

}



.mada-news .new-dis1 a,.mada-news .new-dis2 a{

    color: #2e97d9;

    font-size: 10px;	

    font-weight: bold;

}





/*************************************************************************************/

.responsive-header{

    height: 40px;

    border-bottom: 1px solid #ccc;

    background: #d61a69;

}





.responsive-header-right-icon {

    width: 40px;

    height: 40px;

    background: #d61a69;

    text-align: center;

    line-height: 40px;

    color: #fff;

}



.responsive-header-left-icon {

    float: left;

    width: 40px;

    height: 40px;

    /*background: #ccc;*/

    text-align: center;

    line-height: 40px;

    color: #fff;

}







#responsive-right-side .logo img{

    width: 50% !important;

}





#responsive-right-side .uk-nav > li:first-child{

    border-top: 1px solid #eee;

}

#responsive-right-side .uk-nav > li{

    border-bottom: 1px solid #eee;

    min-height: 35px;

    line-height: 35px;

}

#responsive-right-side .uk-nav > li > a{

    color: #fff;

}



#responsive-right-side .uk-nav ul li{

    border-top: 1px solid #ccc;

    min-height: 35px;

    line-height: 35px;

}

#responsive-right-side .uk-nav ul li:hover{

    background: #E6E6E7;	

}

#responsive-right-side .uk-nav ul li:hover a{

    color: #742876;

}



#responsive-right-side .uk-nav ul a{

    color: #eee;

    padding-right: 15px;

}





#responsive-right-side .socil-media a:hover i,#responsive-right-side .data-center a:hover,#responsive-right-side .mada-link a:hover{ 

    color: #fff;

}







#responsive-left-side .left-side-header span , #responsive-left-side .left-side-header i{

    color: #fff;

}



#responsive-left-side .left-side-header{

    border: 1px solid #5E5F61;

    background: #5E5F61;



}

#responsive-left-side .mada-app{

    color: #fff;

}

#responsive-left-side .mada-link a{

    color: #eee;

}



#responsive-left-side .mada-link a:hover{

    color:#ccc;

}



.uk-offcanvas-bar{

    overflow: hidden;

    /*overflow-y:auto;*/

    overflow-x:hidden;

}



.scrolle{

    width: 112%;

    height: 100%;

    overflow: auto;

    padding-right: 0px; /* Increase this value for cross-browser compatibility */

}



.scrolle-padding{

    padding-left: 3px;

}









#responsive-right-side .data-center{

    margin-top: 100px !important;

}



#responsive-right-side .uk-offcanvas-bar{

    background: #d61a69 !important;

}

#responsive-right-side .uk-offcanvas-bar , #responsive-left-side .uk-offcanvas-bar{	

    width: 50%;	

}



#responsive-left-side .uk-offcanvas-bar{

    background: rgba(0, 0, 0, 0);

}



#responsive-left-side form{

    font-size: 11px;

    margin-top: 80px;

}





.fz10{

    font-size: 10px !important;

}



.english-color{

    color: #868686 !important;

}



.cornar{

    position: absolute;

    top: 0;

    right: 0;

}



.hr-style{

    border: none;

    height: 2px;

    /* Set the hr color */

    color: #ccc; /* old IE */

    background-color: #ccc; /* Modern Browsers */

}







.uk-thumbnail {

    padding: 1px !important;

    border-radius: 6px !important;    

}





hr {

    margin: 5px 0 !important;

}



.owl-controls{

    height: 0px !important;

}



.sparator{

    margin-bottom: 5px;

}



.data-center{

    position: absolute;

    bottom: 40px;

    width: 100%;

    right: 0;

    padding: 0px;

}



.socil-media{

    background: #d61a69 !important;

    position: absolute;

    bottom: -3px;

    width: 100%;

    right: 0;

}





.main-footer{

    position: fixed;

    bottom: 0;

    width: 100%;

    right: 0;

    background: #fff;

}



.parsley-error-list{

    margin-top: 0px !important;

    margin-bottom: 5px;

}

.parsley-error-list li {

    color: #f00 !important;

    font-size: 12px;

}



.sidebae-menu{

    margin-bottom: 80px !important;

}





.search_select{

    outline: none;

    background: #fff !important;

}