body{
    font-family: DroidArabicKufi;
    direction: rtl;
    font-size: 16px;
    background: #a9e7ff;
}


* {
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
    line-height: 1.4em !important;
}


a{
    color: #585858;
    font-family: DroidArabicKufi;

}


a:hover{
    color: #20507b;
    text-decoration: none;
    background: rgba(255, 255, 255, 0.2);
}



.bultibg{
    background: #028471;
    padding: 25px 0;
}




.bultibg a{
    color: #ffffff !important;
}



.greybg{

    background: #028471;
    padding: 2px 0;
}





.divstyleb{
    padding: 10px;
    margin-bottom: 10px;

}


.divstyleb h1{
    padding: 4px 4px 15px 4px !important;
    margin: 0 !important;
    font-size: 24px;
    color: white;


}

.divstyle {
    margin-bottom: 20px;
    margin-top: 0;

}


.divstyle li{
    list-style: none;
}


.divstyle h1 a{

    font-size: 30px;
    color: #ffffff;


}




.affix .navbar-default .navbar-collapse, .navbar-default .navbar-form{
    padding-right: 100px;
}

.affix .logo{

    padding: 10px;
    z-index: 150;
    margin-bottom: -53px;

}


.affix .ad{
    display: none;
}


.affix{
    box-shadow: 0px 0px 10px rgba(46, 46, 46, 0.4);
}




.navbar-default{

    direction: rtl;
    border: 0px;


}



.thumbnail:before,
.thumbnail:after {
    content: " ";
    display: table;
}

.thumbnail:after {
    clear: both;
}


.caption:before,
.caption:after {
    content: " ";
    display: table;
}

.caption:after {
    clear: both;
}



.thumbnail p{
    margin: 0px !important;
    color: #021820;
}


.thumbnail{
    margin-bottom: 0px;
    padding: 13px !important;
    border-radius: 0px;
    border: 1px solid #eeeeee;
}




.thumbnail h5{
    margin: 0;
    font-size: 16px;
    color: #1f1f1f;

}

.thumbnail:nth-child(2) img{
    float: right;
    margin-left: 4px;
    width: 100%;

}


.thumbnail img{
    float: right;
    margin-left: 4px;
    width: 100px !important;

}


.thumbnail .caption{
    padding: 4px !important;
}



.caption p{
    font-size: 14px !important;
    margin-bottom: 0;
    color: #4b4b4b;
}


.caption h3{
    margin-top: 4px;
    margin-bottom: 10px;
    font-size: 18px;

}


.subtext{
    font-size: 12px;
    padding: 4px;
}


.bokks img{
    margin: 2px;
    width: 70px;
    height: auto;
}




.navbar-default .navbar-collapse,
.navbar-default .navbar-form {

    padding-right: 10px;

}

.navbar-right{
    margin-right: 0px;

}

.navbar-default{
    background-color:#f2f9fa;
    border-radius: 0px;

    color:#353a3d;

}


.navbar-nav{
    padding:0px;


}

.navbar-nav >li{
    float: right;
}


.navbar-default .navbar-nav >li >a {

    font-size: 14px;
    padding: 15px 5px 10px 15px;
    color: #353a3d;
    font-weight: bold;
}


.navbar-default .navbar-nav >.active >a, .navbar-default .navbar-nav >.active >a:hover, .navbar-default .navbar-nav >.active >a:focus{

    color: white;
    border-radius: 0px;
}


.navbar-default .navbar-nav >li >a:hover {
    color: #7a7a7a;
}

.navbar-default .navbar-nav >li:last-child {
    border-left: none;
}


.dropdown-menu{
    border-radius: 0px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    text-align: right;
}


.carousel-inner h2{
    text-align: center;
    font-size: 15px;
    margin-top: 0px;
    color: white;
}

.divstyleh{

    margin-bottom: 20px;
    padding: 10px;


}


.carousel-indicators {
    bottom: -30px;
    padding-right: 0px;

}

.main-carousel {
    position: relative;
}






.ps-list li{
    background-color: #d7d7d7;
    margin-bottom: 2px;
}

.textcus{
    font-family: DroidArabicKufi;
    line-height: 24px;
    font-size: 14px;
    text-align: justify;
}


.icons {
    position: fixed;
    z-index: 300;
    padding: 5px;
    right: 80px;
    top: 25%;

}

.iconsad a{
    width:86px;
    height:60px;
    display:inline-block;
    color: white;
    text-align: center;
    font-size:35px;
    background: #02bcd2;
}

.iconsad a:hover{
    color: white;
    background: #ffcc41;
}


.img-thumbnail{
    border-radius: 0px;
}

.header{
    margin-top: 10px;
}


.page-header h1{
    margin-top: 20px;
    margin-bottom: 4px;
    font-size: 26px !important;
    color: #20507b;
    padding-right: 10px;
}


.page-header span{
    padding-right: 10px;
    padding-top: -10px;
    font-size: 14px !important;
    color: #a7a7a7;
}


.pgwSlider .ps-current{
    font-size: 13px;
}


.stlybg img{
    width: 75px;
    height: 50px;

}

.stlybg li:before,
.stlybg li:after {
    display: table;
    content: " ";
}
.stlybg li:after,
.stlybg li:after {
    clear: both;
}



ul.stlybg{
    margin-bottom: 0px;
}


.dropdown-submenu {
    position: relative;
}




.dropdown-submenu.pull-left {
    float: none;
}


.row-pad-5{
    margin-right: 0px !important;
    margin-left: 0px !important;
}

.row-pad-5 div[class*="col-"]{
    padding: 0px 0px 0px 0px !important;
}

.container {

    padding-left: 0px;
    padding-right:0px;
}

.hh{


    padding-top: 0px;
    margin: 0px;
    position: relative;

}



.overlay-header {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    background: rgba(255, 0, 0, 0.5);
    height: 100%;
}


.red{

    margin-bottom: 25px;
    margin-top: 25px;


}


.bgmenu{
    background: #008370;
    height: auto;
    clear: both;
}



.bgmenu a{
    color: #ffffff !important;
}


.blue{

    background: rgb(169, 231, 254);

}




.adtop h1{
    position:absolute;
    bottom: 0;
    text-align:center;
    background: rgba(00, 00, 00, 0.3);;
    width:100%;
    padding:20px;
    margin:0;
    color:white;
    text-shadow:0px 0px 10px #000000;
    font-size:32px;


}

.adtop{
    position:relative;

}
.adtop img{

    width:100%;
}


.navbar {
    margin: 0;
    min-height: inherit;

}



.close-pop {
    float: left;
    margin-left: 10px;
}

.close-pop a {
    color: #ffffff;
    font-size: 30px;
}




.nav
{
    padding: 2px;

}

.nav-tabs{
    background-color: #46b6f1;
}

.nav-tabs > li{
    float: right;
}

.nav-tabs > li.active > a{
    border-radius: 0;
    background-color: #3a8fce !important;
    color: #ffffff;
    font-size: 23px;
    margin: 0;
    padding:6px 20px;


}


.nav > li > a{

    color: white;
    border-radius: 0;
    font-size: 18px;
    margin: 0;
}


.nav > li > a:hover{
    color: #000000;
}

.owl-carousel .item img{
    border: 1px solid rgba(253, 255, 255, 0.5);
    height: 120px;
}

.imgauto img{
    height: 100% !important;
}

.silder-container{
    position: relative;
    clear: both;
}


.slides li {
    position: relative;
}


.titdiv{
    position: absolute;
    bottom:0px;
    height:100px;
    width: 100%;
    padding:2px 10px;
    color: #ffffff;
    font-size: 20px;
    margin: 0 auto;
    color: #fcfeff;
    text-align: center;
    overflow: hidden;
    background: rgba(2, 138, 151, 0.73);
}

.titdiv > div:first-child {
    height: 50px;

    opacity: 0.9;
}
.titdiv > div:last-child{

    opacity: 0.8;
}


.content > .freelink{
    font-size:14px;
    padding: 0 5px;
    content: "" !important;
}


.thumbnail:hover{
    background: rgb(255, 203, 64) !important;
    transition: all 1s ease;
    color: #ffffff;
}





.addleft{
    position: relative;
    max-height: 0;
    overflow: hidden;
    /* Set our transitions up. */
    -webkit-transition: max-height 0.8s;
    -moz-transition: max-height 0.8s;
    transition: max-height 0.8s;
    text-align: center;

}

.addleft img{
    margin: 0;
    padding: 0;
    width: 100%;
    max-height: 500px;
}

.tooltip {
    font-family: FrutigerLTW20-55Roman;

}



.highlight {
    max-height: 800px;
    z-index: 800;

}

.highlight-30 {
    max-height: 150px;
    z-index: 800;
}

.clickad:before {


}
.clickad{
    z-index: 900;
    padding: 5px;
    color: #ffffff;
    position: fixed;

    left: 0;
    padding: 5px;
    border-radius: 5px;
    margin: 10px;
}






.addleft h1{
    margin: 0;
    position: absolute;
    bottom: 0;
    background: rgba(0, 0, 0, 0.50);
    width: 100%;
    padding: 10px;
    font-size: 30px;
    color: #ffffff;
}




.newstop h1{
    padding: 8px 14px 14px 14px;
    font-size: 20px;
    border-radius: 0 15px 0 0 ;
    color: #ffffff;
    margin: 0;
}

.newstop h3 {
    margin: 4px;
    padding: 4px;
    padding-bottom: 4px;

    font-size: 16px;
    font-family: FrutigerLTW20-45Light;
}

.newstop h3 img {
    padding-left: 10px;

}


.bg_ad img{
    border-radius: 50%;
    box-shadow: 0px 4px 12px 0px rgba(0,0,0,0.1);
    margin-left: 4px;
    display: inline-block;
}




.bn-orange>.bn-title {

    border-radius: 0px 15px 15px 0px !important;

}





.headerfix{
    z-index: 150;
    width: 100%;

}




.form-control{
    background: #f8f8f8;
}


.admincomment{
    color: #850029;
}





.add img{
    width: 100%;
}

.menubg.affix {
    top: 50px;
    left: 0;
    right: 0;
    z-index: 250;
}


.graycolor{
    padding: 15px 0;
    background: #fff;

}


.tab-content{
    padding: 0px;
    margin: 0;

}



.tab-content h4{
    margin: 0;
    height: 45px;

}

.tab-content img{
    width: 100%;

}


.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus{

    font-size: 20px;
    color: #048572 !important;
    background: transparent;
    padding: 0;

}


.table time{

    color: #bcbcbc;

}



.nav-pills > li > a{
    font-size: 18px;
    color: #cdcdcd !important;
    padding: 0;
}


.tb-wp{
    padding: 0;
}


.bgmain{
    padding: 25px 0 0 0;
    background: #02bcd2;
    position: relative;
}



.fixednews {
    position: fixed;
    top: 185px;
    right: -150%;
    z-index: 100;
    background-color: #ffffff;
    box-shadow: 0px 0px 6px rgba(46, 46, 46, 0.4);
    overflow: hidden;
    z-index: 99999;

}

.datafn{
    padding: 4px;
    clear: both;
    background: #f5f5f5;

}

.datafn:hover{
    padding: 4px;
    clear: both;
    background: #048572 !important;

}


.datafn:nth-child(even){
    padding: 2px;
    clear: both;
    background: #ffffff;
}



.datafn img{
    width: 100%;
    height: 250px;
}


.datafn h3{
    float: right;
}

.fixednews a {
    color: #2a2a2a;
    font-size: 16px;
    line-height:1em;
}


.closeme {
    background: #048572;
    color: white;
    font-size: 23px;
    z-index: 100;
    white-space: nowrap;
    cursor: pointer;
    float: left;
    width: 32px;
    height: 32px;
    padding: 0px 8px;
    margin: 6px;
    line-height: 0;
}


.closeme:hover {
    color: white;
}


.closemee {
    padding: 10px;
    padding-top: 0;
    color: #e6e6e6;
    font-size: 28px;
    z-index: 10;
    white-space: nowrap;
    cursor: pointer;
}



.footer-block{
    background: #9a1138;
    color: #ffffff;
    text-align: center;
    padding: 6px;
}


.sala-bg{
    background: #cdcdcd;
    padding:0;
    position: fixed;
    left: -210px;
    width: 210px;
    z-index: 250;
    top: 100px;
}

.close-sala-header {
    position: absolute;
    right: 5px;
    top: -18px;
    font-size: 14px;
}


.footer{
    background: #f5f5f5;
    padding: 0px;
    margin: 0;
}





.guest-block{
    background: #85ba43;


}

.guest-block h1{
    margin: 0;
    background: #85ba43;
    font-size: 30px;
    padding: 8px;

}


.guest-block-in
{
    padding: 8px;
}

.guest-block-in h2{
    margin: 0;
    font-size: 24px;
    width: auto;
}

.guest-block-in:nth-child(even){
    background: #9ac265;

}




.sala-header{
    background: #a10334  !important;
    color: #fff;
    float: right;
    font-size: 15px;
    text-align: center;

    transform: rotate(90deg);

    right: -80px;
    position: absolute;
    top: 47px;
    padding: 5px 15px;

}


.sala-data{

    float: right;
    padding:4px 0 0 4px;
    margin-top: 5px;
    width: 100%;

}


.sala-data:hover{
    border-bottom: 0px solid #f2f2f2;
    background: #9b1339;
    color: #ffffff !important;
}


.sala-data:before{
    content:"\f017";

    font-family: FontAwesome;
    color: #ffffff;
    font-size: 14px;
    padding: 0 5px;


}


.sala-data span{
    float: left;
    padding-left: 30px;
}

/*

.sala-data:nth-child(odd){

    color: #4a4a4a;
    font-size: 28px;
    font-family: DateLine;
    padding: 0 20px;
    margin-left: 4px;
    width: 80px;
}

.sala-data:nth-child(even){
    color: #ffffff;
    font-size: 15px;
    padding: 8px 2px 0 4px;
}

.sala-data:nth-child(even):before{
    content:"\f017";
    font-family: FontAwesome;
    color: #ffffff;
    font-size: 14px;
    padding: 0 5px;

}*/




.logo{

    padding: 4px 0px;
    overflow: hidden;
    position: relative;
    z-index: 150;
    width: 78px;
    margin-top: -20px;

}




.headertop{

    background: #f2f9fa;
    margin-top: 30px;
}




.bg3{
    background: #ffffff;
    padding: 25px 0;
}


.bg3 a{
    color: #028471 !important;
}
.bg-yellow{
    background: #f5f5f5;
    padding: 35px 0;
}



.bg-yellow  a{
    color: #9b1339 !important;
}

.bg-yellow  h3{
    font-size: 18px;
    padding: 0;
    margin: 0;
}

.block-content{

    padding: 0px;
    margin-bottom: 0px;
}



.block-content>a{
    color: #9a1138 !important;
}
.block-content>a:hover{
    color: #676767 !important;
}




.block-content a{
    font-size: 22px;
    color: #000;
    padding: 2px;
    display: block;
}

.block-content a:hover{

    color: #163e46;

}



.content{
    color: #0c0c0c;
    font-size: 16px;
}

.content > a:before{

    content: "\f060";
    font-family: FontAwesome;
    font-size: 14px;
    padding: 0 5px;
}

.content > a{
    font-size: 14px !important;
}




.bgblue >a{
    color: #75b2b9 !important;
}




.bg-yellow >a{
    color: #fffefd !important;
}

.bg-yellow >a:hover{
    color: #fff !important;
}


.titel-right>a {

    color: #f49982 !important;
    font-size: 30px;
    padding: 15px;
}

.titel-right>a:hover {

    color: #fcfeff !important;
    font-size: 30px;
    padding: 15px;
}

.accordion img{
    width: 75px;
    height: 75px;
    border-radius: 50%;
    float: right;
}

.accordion a {
    font-size: 15px;

}


.accordion{
    width:100%;
    overflow:hidden;
    list-style:none;
    margin: 0;
    padding: 0;

}

.accordion li{

    float:right;
    width:15%;
    overflow:hidden;
    height:80px;
    -moz-transition:width 0.2s ease-out;
    -webkit-transition:width 0.2s ease-out;
    -o-transition:width 0.2s ease-out;
    transition:width 0.2s ease-out;
}




.slide2{
    width: 9% !important;
}



.selec2{
    background: rgba(252, 254, 255, 0.1);
    width:46% !important;
    border-radius: 50px;
    padding: 2px;

}

.selec{
    background: rgba(252, 254, 255, 0.1);
    width:55% !important;
    border-radius: 50px;
    padding: 2px;

}



.img{
    border: solid 1px #cdcdcd;

}
.img h5{

    padding: 6px;
    font-size: 14px;
    margin: 0;
    color: #00131b;
    height: 86px;
    overflow: hidden;
}

.info{
    background: #048572 !important;
}

.imghe{
    position: absolute;
    top:0;
    right: 0;
    z-index: 15;
}


.block-footer{
    background: transparent;
    padding: 0;
    margin: 25px 0;
}


.block-footer .content > a{
    color: #0c0c0c !important;
}


.block-footer .content > a:hover{
    color: #9a1138 !important;
}


.block-footer .line{
    background: linear-gradient(to right, #e9e9e9 , #d3d3d3) !important;
}


.owl-pagination{
    z-index: 1500 !important;
    position: absolute !important;

    top: 0;
}


.owl-prev{
    right: 70px;
}

.owl-next{
    left: 70px;
}

.owl-carousel .item{
    margin: 4px;
}





.spinner_svg {

    position: absolute;
    z-index: 400;
    top: -18px;
    left: -18px;
    pointer-events: hand;
}


#Group {
    stroke-dasharray: 142;
    stroke-dashoffset: 142;
    -webkit-animation: dash 4s cubic-bezier(0.02, 0.61, 0.85, 0.98) infinite;
    animation: dash 4s cubic-bezier(0.02, 0.61, 0.85, 0.98) infinite;
}

#Oval-1 {
    fill: none;
    -webkit-transform-origin: 22.5px 22.5px;
    transform-origin: 22.5px 22.5px;
    -webkit-animation: pulsate 8s infinite;
    animation: pulsate 8s infinite;
}
#Oval-2,
#Oval-3,
#Oval-4 {
    fill: none;
    -webkit-transform-origin: 22.5px 22.5px;
    transform-origin: 22.5px 22.5px;
    opacity: 0;
}
#Oval-2 {
    -webkit-animation: float 8s ease 3s infinite;
    animation: float 4s ease 3s infinite;
}
#Oval-3 {
    -webkit-animation: float2 8s ease 4s infinite;
    animation: float2 4s ease 4s infinite;
}
#Oval-4 {
    -webkit-animation: float3 8s ease 5s infinite;
    animation: float3 4s ease 5s infinite;
}
@-webkit-keyframes dash {
    25% {
        stroke-dashoffset: 0;
        opacity: inherit;
    }
    75% {
        opacity: 1;
        stroke-dashoffset: 0;
    }
    99% {
        opacity: 0;
        stroke-dashoffset: 0;
    }
    100% {
        stroke-dashoffset: 142;
    }
}
@keyframes dash {
    25% {
        stroke-dashoffset: 0;
        opacity: inherit;
    }
    75% {
        opacity: 1;
        stroke-dashoffset: 0;
    }
    99% {
        opacity: 0;
        stroke-dashoffset: 0;
    }
    100% {
        stroke-dashoffset: 142;
    }
}
@-webkit-keyframes pulsate {
    0% {
        opacity: 1;
    }
    25% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-animation-timing-function: cubic-bezier(0, 0.96, 0.56, 0.97);
        animation-timing-function: cubic-bezier(0, 0.96, 0.56, 0.97);
    }
    28% {
        -webkit-transform: scale(0.6);
        transform: scale(0.6);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    37.5% {
        -webkit-transform: scale(0.95);
        transform: scale(0.95);
        -webkit-animation-timing-function: cubic-bezier(0, 0.96, 0.56, 0.97);
        animation-timing-function: cubic-bezier(0, 0.96, 0.56, 0.97);
    }
    40.5% {
        -webkit-transform: scale(0.6);
        transform: scale(0.6);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    50% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
        -webkit-animation-timing-function: cubic-bezier(0, 0.96, 0.56, 0.97);
        animation-timing-function: cubic-bezier(0, 0.96, 0.56, 0.97);
    }
    53% {
        -webkit-transform: scale(0.6);
        transform: scale(0.6);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    62.5% {
        -webkit-transform: scale(0.85);
        transform: scale(0.85);
        -webkit-animation-timing-function: cubic-bezier(0, 0.96, 0.56, 0.97);
        animation-timing-function: cubic-bezier(0, 0.96, 0.56, 0.97);
    }
    65.5% {
        -webkit-transform: scale(0.6);
        transform: scale(0.6);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    75% {
        -webkit-transform: scale(0.85);
        transform: scale(0.85);
        -webkit-animation-timing-function: cubic-bezier(0, 0.96, 0.56, 0.97);
        animation-timing-function: cubic-bezier(0, 0.96, 0.56, 0.97);
        opacity: 1;
        fill: none;
    }
    100% {
        -webkit-transform: scale(0.6);
        transform: scale(0.6);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
        fill: white;
    }
}
@keyframes pulsate {
    0% {
        opacity: 1;
    }
    25% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-animation-timing-function: cubic-bezier(0, 0.96, 0.56, 0.97);
        animation-timing-function: cubic-bezier(0, 0.96, 0.56, 0.97);
    }
    28% {
        -webkit-transform: scale(0.6);
        transform: scale(0.6);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    37.5% {
        -webkit-transform: scale(0.95);
        transform: scale(0.95);
        -webkit-animation-timing-function: cubic-bezier(0, 0.96, 0.56, 0.97);
        animation-timing-function: cubic-bezier(0, 0.96, 0.56, 0.97);
    }
    40.5% {
        -webkit-transform: scale(0.6);
        transform: scale(0.6);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    50% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
        -webkit-animation-timing-function: cubic-bezier(0, 0.96, 0.56, 0.97);
        animation-timing-function: cubic-bezier(0, 0.96, 0.56, 0.97);
    }
    53% {
        -webkit-transform: scale(0.6);
        transform: scale(0.6);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    62.5% {
        -webkit-transform: scale(0.85);
        transform: scale(0.85);
        -webkit-animation-timing-function: cubic-bezier(0, 0.96, 0.56, 0.97);
        animation-timing-function: cubic-bezier(0, 0.96, 0.56, 0.97);
    }
    65.5% {
        -webkit-transform: scale(0.6);
        transform: scale(0.6);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    75% {
        -webkit-transform: scale(0.85);
        transform: scale(0.85);
        -webkit-animation-timing-function: cubic-bezier(0, 0.96, 0.56, 0.97);
        animation-timing-function: cubic-bezier(0, 0.96, 0.56, 0.97);
        opacity: 1;
        fill: none;
    }
    100% {
        -webkit-transform: scale(0.6);
        transform: scale(0.6);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
        fill: white;
    }
}
@-webkit-keyframes float {
    0% {
        opacity: 0;
    }
    0.1% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0.6;
    }
    40% {
        -webkit-transform: scale(2);
        transform: scale(2);
        opacity: 0;
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0;
    }
}
@keyframes float {
    0% {
        opacity: 0;
    }
    0.1% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0.6;
    }
    40% {
        -webkit-transform: scale(2);
        transform: scale(2);
        opacity: 0;
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0;
    }
}
@-webkit-keyframes float2 {
    0% {
        opacity: 0;
    }
    0.1% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0.6;
    }
    30% {
        -webkit-transform: scale(2);
        transform: scale(2);
        opacity: 0;
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0;
    }
}
@keyframes float2 {
    0% {
        opacity: 0;
    }
    0.1% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0.6;
    }
    30% {
        -webkit-transform: scale(2);
        transform: scale(2);
        opacity: 0;
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0;
    }
}
@-webkit-keyframes float3 {
    0% {
        opacity: 0;
    }
    0.1% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0.6;
    }
    30% {
        -webkit-transform: scale(2);
        transform: scale(2);
        opacity: 0;
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0;
    }
}
@keyframes float3 {
    0% {
        opacity: 0;
    }
    0.1% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0.6;
    }
    30% {
        -webkit-transform: scale(2);
        transform: scale(2);
        opacity: 0;
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0;
    }
}


.spinner {
    position: relative;
    z-index: 200;

}
.spinner:after {
    content: "";
    position: absolute;

}


.more{
    color: #ffcb40;
    width: 100%;
    display: block;

    text-align: center;
    font-size: 22px;
}


.more:hover{
    color: white;
    width: 100%;
    display: block;

    text-align: center;
    font-size: 22px;
}


.ih-item.square{
    border: 0 solid !important;
}

.ih-item.square .info{
    background: #ffcb40;
    color: #ffffff;
}


.breakingNews>.bn-title>h2
{
    color: #fff !important;
    font-size: 16px;
    padding: 0 20px !important;
}








.breakingNews>.bn-title>h2:before
{
    content:"\f054";
    font-family: FontAwesome;

    color:#74b2b9 !important;
    font-size: 20px;
    padding: 0 10px !important;
}

.breakingNews-right>.bn-title>h2:after
{
    content:"\f053";
    font-family: FontAwesome;

    color:#74b2b9 !important;
    font-size: 20px;
    padding: 0 10px !important;
}


.breakingNews-right>.bn-title>h2:before
{
    content:"";

}


.breakingNews-right >.bn-navi{
    position: relative;
}





.breakingNews
{
    border-radius: 0 !important;
    background: transparent !important;

    margin: 0 !important;
    padding: 0 !important;
}


.breakingNews>ul>li>a
{
    color: #f5f5f5 !important;
    font-size: 15px;
    padding: 8px;
}

.breakingNews>.bn-title{
    background: transparent !important;
    font-size: 16px !important;
    color: #00838f !important;
    float: left;
}


.breakingNews>.bn-navi
{

    float: right !important;
    left: auto !important;

}
.breakingNews>ul>li>a:hover
{
    color: #f5f5f5 !important;
    font-size: 16px;
}

.breakingNews>ul{
    left: 190px !important;
    text-align: left;
}



.breakingNews-right>.bn-title {
    float: right !important;
}


/*
.breakingNews-right>ul {
    right: 190px !important;
    text-align: right;
    left: 0 !important;
}*/

.breakingNews-right>ul {
    right: 145px !important;
    text-align: right;
    left: 40px !important;
}


.breakingNews-right >.bn-navi {

    float: left !important;

    right: auto !important;

}



.openme{
    cursor: pointer;
}




.ih-item.circle .img img{
    border-radius: 0 !important;

}

.ih-item.circle .img:before{
    box-shadow: none !important;
}

.ih-item.circle:hover .img img{
    border-radius: 50% !important;
    box-shadow:  inset 0 0 0 16px rgba(255, 255, 255, 0.9), 0 1px 2px rgba(0, 0, 0, 0.8);
}


.info h3{
    padding: 80px 0 0 0 !important;
}


.info h5{
    padding:10px;
}




.inpage{
    background: #eeeeee;
    padding: 0px;

}

.inpage h1{
    background: #349d8e;
    padding: 4px 12px;
    margin: 0;
    color: #ffffff;
    font-size: 24px;

}


.inpage h2{
    background: #a10334;
    padding: 4px 12px;
    margin: 0;
    color: #ffffff;
    font-size: 20px;

}

.inpage h5 {
    background: #dadada;
    padding: 8px;
    margin: 0;

    text-align: right;

}

.inpage h5 a{
    padding: 0px 10px;
    display: inline-block;

}

.inpage h5 a:hover{

    padding: 0px 10px;

}



.inpage p{
    padding: 15px;
    text-align: justify;
    font-size: 18px;
    line-height : 1.7em !important;
}

.inpage > img{
    /* width: 100% !important;*/

}



.navbar-header{
    /*float: right;*/
}


.navbar-brand {

    padding: 0px 0px 0 0px;
}


#clock .title{
    font-size: 15px;
    text-align: center;
    background: #ffffff;

}

#clock a{
    font-size: 16px;
    text-align: center;
    display: block;
    color: #00131b !important;
    padding-bottom: 5px !important;

}

#clock h5{
    font-size: 16px;
    text-align: center;
    color: #a20535 !important;

}


#clock.light{
    background: none;
    margin-top: -215px;
}


.container-fluid{
    padding: 0 60px;
}



.datehm{
    background: #028471;
    font-size: 16px;
    padding: 4px;
    color: #ffffff;
    margin: 0 -5px 1px -5px;
    direction: rtl;
}

.datehm:nth-child(odd){

    background: #a10334;
}



.ahkam h1{
    color: #9b1339;
    margin: 0;
    padding: 4px;
    float: right;
    clear: right;
    font-size: 16px;
}

.ahkam h2{
    color: #048572;
    margin: 0;
    padding: 4px;
    float: right;
    font-size: 16px;
    padding-right: 25px;

}




.datedata{

    font-size: 22px;
    font-family: DateLine;

}


.dropdown-menu{
    min-width: auto;
}



.dropdown-menu .fa{
    min-width: auto;
    font-size: 20px !important;
}



.owl-theme .owl-controls .owl-buttons div{
    text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.5);
}


@media (min-width: 990px) {

    #clock.light {
        width: 210px;

    }
}

@media (min-width: 768px) {

    .navbar-header {
        float: right;
    }
}


@media (max-width: 990px) {

    .container-fluid {
        padding: 0 10px;
    }


    .affix .logo{
        margin-bottom: -83px !important;
    }

    .nav-pills > li{
        float: right;

    }

    .nav-stacked{
        float: none !important;

    }

    .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus

    {
        font-size: 20px !important;
    }
    .nav-pills > li > a{
        border-top-right-radius: 2px !important;
        border-bottom-right-radius: 2px !important;
        font-size: 15px !important;
        padding: 20px 15px 10px;
    }

    .tab-content{
        margin-bottom: 15px !important;
    }


    .titel-right>a{
        font-size: 20px !important;
        padding: 4px !important;
    }
    .accordion img{
        width: 45px !important;
        height: 45px !important;
    }

    .selec2{
        border-radius: 5% !important;
    }

    .accordion li{
        height: 50px !important;
    }


    .logo img{

        margin: 0 auto !important;
        width: 65px;
    }









}



@media (max-width: 768px) {


    #clock.light {

        margin-top: 0px;
    }


    #clock .display{
        position: relative;
    }



    .container-fluid {
        padding: 0 10px;
    }

    .breakingNews>ul{
        width: 80%;
    }

    .fixednews{
        width:80% !important;

    }

    .owl-theme .owl-controls .owl-buttons div
    {
        color: #048572;
    }
    .affix .navbar-default .navbar-collapse, .navbar-default .navbar-form{
        padding-right: 10px !important;
    }



    .sala-data{
        width: 45% !important;
    }


    .affix {
        padding: 0 0 0 40px !important;
    }

    .icons {
        position:fixed;
        top: 120px;
        z-index: 300;
        padding: 4px;
        right: 20px;
        margin-top: 0 !important;
        margin: 0 auto;
    }

    .icons a{
        display: inline-block;
        width: 36px;
        height: 36px;
        margin-top: 0px !important;
        border-radius: 50%;
    }


    .text-center-xs {
        text-align: center !important;
        float: none !important;
    }
    .namesite{
        float: none !important;
    }

    .addleft {
        position: static !important;
    }

    .divstyleb{
        padding: 10px;
    }


    .navbar{
        margin-bottom: 0px !important;
    }


    .navbar-default .navbar-collapse, .navbar-default .navbar-form
    {
        padding: 0;
    }

    .navbar-nav{
        margin: 0;
    }


    .navbar-collapse{
        padding: 0 10px 0 20px;
    }



    .navbar-nav >li{
        float: right;
        width: 100%;
    }

    .navbar-nav .open .dropdown-menu{

        background:#ebeaea;
    }



    .inblk{
        width: 100%;
    }

    .divstyle h1 {
        font-size: 30px !important;
        padding: 6px !important;
        color: white;
        margin: 0px;
        float:none;
        width: 100%;

    }

    .clickad{
        z-index: 900;

        position: absolute;
        left: 0;
        top: 0;
        margin: 10px;
    }

    .nav-pills > li{
        float: right;

    }

    .nav-stacked{
        float: none !important;

    }

    .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus

    {
        font-size: 20px !important;
    }
    .nav-pills > li > a{
        border-top-right-radius: 2px !important;
        border-bottom-right-radius: 2px !important;
        font-size: 15px !important;
        padding: 5px 10px 10px 10px !important;

    }


    .tab-content{
        margin-bottom: 15px !important;
    }


    .affix .logo{

        margin-bottom: -83px !important;
    }

    .breakingNews>.bn-title{
        float: right;
    }

    .navbar-header
    {
       /* float: left;*/
    }
    #clock a{
        color: #ffffff !important;
    }
}

canvas{
    max-width: 1150px;
    width:100%;
    position: relative;
    z-index: 5555;

}

.dataaaaa{
    padding: 8px;
}


.tbcolor{
    color:white;
    background-color: #358977;
}



.pagination {
    padding-right: 0;
}

.pagination > li > a, .pagination > li > span {
    float:right !important ;
    color: #1c6f5a !important;

}


.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    z-index: 3;
    color: #ffffff !important;
    background-color: #1c6f5a;
    border-color: #1c6f5a;
    cursor: default;
    border-radius: 0;
}



.imgcol12 img{

    max-height: 325px;

}

.imgcol6 img{
    max-height: 160px;

}


.tdhead{
    color: #850029;
    font-size: 20px;
}


.datecls{
    padding: 5px;
}

.navbar-default .fa-home:before , .navbar-default .fa-share-alt:before {
    font-size: 24px;
}

.catalb{
    padding: 10px;
    background-color: #7e062c;
    color :white;
    font-size:18px;
}


.catalbpreview {
    padding: 10px;
    background-color: #7e062c;
    color: white;
    font-size: 18px;
    margin-top: 105px;
}

.preview-media{
height: 10px;
}



#filter2 > li {
    display: inline-block;
    padding-left: 30px;
}

#filter2 a {
    color: white;
    font-size: 15px;
}

.media-box-title {
    color: #7e062c !important;
}


.media-boxes-load-more-button{
    background: #7e062c !important;
}

ul, ol {
    margin: 0 !important;
    padding: 0px 5px !important;
}