html, body {
    height: 100%;
    margin: 0;
    font-family: 'Cairo', sans-serif;
}

.owl-wrapper-outer {
    height: 100% !important;
}

.owl-wrapper {
    height: 100%;
}

.owl-item {
    height: 100%;
}
.landing-top-bar {
    z-index: 9;
    position: absolute;
    top: 0;
    width: 100%;
}
.mar-t-40
{
    margin-top:40px;
}
.landing-lang
{
    font-size:28px;
    color:#fff;
    margin-left:45px;
}
    .landing-lang:hover, .landing-lang:focus
    {
        text-decoration:none;
        color:#fff;
    }
    #landing-slider.owl-theme .owl-nav.disabled + .owl-dots {
        margin-top: 0;
        position: absolute;
        width: 100%;
        bottom: 0;
        top: inherit;
    }
#landing-slider.owl-theme .owl-dots .owl-dot.active span, #landing-slider.owl-theme .owl-dots .owl-dot:hover span {
    background: #fff;
}
.clear
{
    clear:both;
    display:block;
    width:100%;
}
#landing-slider {
    position: relative;
    height: 100%;
}
.landing-slider .container-fluid{
    position:relative;
}
.carousel-indicators {
  
    bottom: 0;
  
}

@media screen and (min-width: 768px) {
    .carousel-indicators {
        bottom: 0;
    }
}
.landing-logo {
    margin-right: 70px;
    display: inline-block;
    background: #ffffffba;
    padding: 25px 25px;
}
.landing-lang-ar {
    font-family: 'Roboto', sans-serif;
}
.landing-main
{
    padding:7.5px 0;
}
.landing-main-item
{
    text-align:center;
}
.landing-main-item img{
    margin-bottom:20px;
}
    .landing-main-item h3 {
        margin-top: 0;
        font-size: 34px;
        font-weight: bold;

    }
        .landing-main-item h3 a {
            color: #b6a268;
            cursor:pointer;
        }
            .landing-main-item h3 a:hover, .landing-main-item h3 a:focus
            {
                text-decoration:none;
            }
            @media (min-width:1600px)
            {
                .landing-main-item img {
                    margin-bottom: 0px;
                }
            }
            @media (min-width:1200px)
            {
                .bn-breaking-news {
                    position: absolute;
                    top: 22%;
                    z-index: 9;
                }
            }
body .bn-label {
    line-height: 1;
    padding: 15px 95px;
    font-size: 26px;
    background-color: #16284c;
}
body .bn-breaking-news {
    border: 0;
    max-width:90%;
    right:0;
}
body .bn-controls button:first-child, .bn-controls button:last-child {
    display: none
}
body .bn-breaking-news {
    background: #ffffffe8;
}
body .bn-controls button {
    width: 87px;
  border:0;
    background-color: #b6a268;
   
}
body .bn-pause::before {
    background-color: #fff;
}
.bn-pause::after {
   
    background-color: #fff
}
body .bn-controls button:hover {
    background-color: #b6a268;
}
.bn-play::after {
  
    border-left-color: #fff;
   
}
@media (max-width:1599px) and (min-width:1200px)
{
    .landing-logo {
      
     
        padding: 30px 20px;
    }
}
@media (max-width:1199px) {
    .landing-top-bar {
        position: relative;
    }

    .landing-logo {
        margin-right: 15px;
        padding: 5px 0;
    }

        .landing-logo img {
            max-width: 75px;
        }

    .landing-top-bar .mar-t-40 {
        margin-top: 0;
    }

    .landing-lang {
        color: #16284c;
        margin-left: 15px;
        padding: 15px 0px;
        display: inline-block;
    }

    body .bn-breaking-news {
        max-width: 100%;
        border-bottom: 1px solid #16284c;
    }
    body .bn-label {
      
        padding: 21px 15px;
        font-size: 15px;
     
    }
    .landing-main-item img {
        margin-bottom: 0px;
    }
    .landing-main .col-md-4
    {
        margin-bottom:30px;
    }
}
@media (min-width:1200px) {
    .bn-news {
        opacity: 0 !important;
        z-index: -1;
    }

    .bn-controls {
        opacity: 1 !important;
        z-index: 0;
    }

    body .bn-breaking-news {
        background: transparent
    }

        body .bn-breaking-news.go-active {
            background: #ffffffe8;
            -webkit-transition: all 0.5s ease;
            -moz-transition: all 0.5s ease;
            -o-transition: all 0.5s ease;
            transition: all 0.5s ease;
        }

    .bn-breaking-news.go-active .bn-controls {
        opacity: 1 !important;
        z-index: 1;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }

    .bn-breaking-news.go-active .bn-news {
        opacity: 1 !important;
        z-index: 1;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }

    .bn-label {
        cursor: pointer;
    }
}
.carousel-inner > .item > a > img, .carousel-inner > .item > img, .img-responsive, .thumbnail a > img, .thumbnail > img
{
    width:100%;
}
.clickhere {
    max-width: 75px;
    z-index: 1;
    top: 61px;
    right: 100px;
    position: absolute;
}
.bn-breaking-news
{
    overflow:inherit;
}
.clickhere {
    animation: blinker 1s linear infinite;
}

@keyframes blinker {
    50% {
        opacity: 0;
    }
}
@media (max-width:1199px)
{
    .clickhere
    {
        display:none
    }
}
@media (min-width:1200px)
{
  body  .bn-direction-rtl .bn-controls {
        left: auto;
        right: 248px;
    }
 .bn-breaking-news.go-active .bn-news
  {
      left:0 !important;
  }
}
.word-main {
    z-index: 999;
    display: inline-block;
    padding: 17px;
    background: #ad9a61;
    color: #fff;
    float: right;
    margin-top: 15px;
    font-size: 29px;
    position: relative;
}
.word-main-content {
    padding: 25px 25px;
    background: #12284b;
    float: right;
    max-width: 100%;
    margin-top: 133px;
    position: relative;
    width: 100%;
}
.main-2
{
    max-width:100%;
    width:100%
}
.main-2-full
{
    position:absolute;
    left:0;
    width:100%;
    top:0;
    right:0;
}
.page-2
{
    position:relative
}
.word-main-content p {
    text-align: right;
    color: #fff;
    font-size: 16px;
    line-height: 36px;
    direction: rtl;
}
.word-main-content h3 {
    color: #fff;
    font-size: 18px;
    line-height: 24px;
    text-align: left;
    direction: rtl;
    margin-top: 0px;
}
@media (max-width:991px) {
    .main-2-full {
        position: relative;
    }
    .page-2 .landing-logo
    {
        display:none
    }
    .word-main
    {
        margin-top:0;
    }
    .word-main-content {
      
        max-width: 100%;
        margin-top: -25px;
     
        width: 100%;
    }
}
.main-3 {
    max-width: 100%;
    width: 100%
}

.main-3-full {
    position: absolute;
    left: 0;
    width: 100%;
    top: 0;
    right: 0;
}

.page-3 {
    position: relative
}
@media (max-width:991px) {
    .main-3-full {
        position: relative;
    }

    .page-3 .landing-logo {
        display: none
    }

    .word-main {
        margin-top: 0;
    }

    .word-main-content {
        max-width: 100%;
        margin-top: 58px;
        width: 100%;
    }
}
.page-3 .word-main {
    background: #12284b
}
.word-main {
   
    padding: 14px;
 
    font-size: 24px;

}
.page-3 .word-main-content {
    margin-top:30px;
    background:transparent;
        width:75%;
        max-width:75%;
}
    .page-3 .word-main-content ul {
        direction: rtl;
        display: flex;
        list-style: none;
    }
.page-3 h4 {
    font-size: 38px;
    color: #12284b;
    font-weight: bold;
    margin-top: 35px;
    font-weight:bold;
}
.page-3  ul img{
    margin-left:35px;
}
@media (max-width:991px)
{
    .page-3 .word-main-content {
     
        width: 100%;
        max-width: 100%;
    }
    .page-3 ul img {
        margin-left: 0px;
    }
    .page-3 .word-main-content ul {
        display: block;
        margin-bottom: 35px;
    }
        .page-3 ul p {
            color: #12284b;
        }
    .page-3 h4 {
       
        margin-top: 15px;
       
    }
}
.page-2 .word-main {
    padding: 17px;
    font-size: 29px;
}
@media(max-width:1399px)
{
  body   .landing-logo img{
        max-width:115px;
    }
    .page-3 .word-main-content {
        margin-top: 0;
    
        width: 95%;
        max-width: 95%;
    }
    .word-main-content p {
        font-size: 16px;
        line-height: 24px;
        margin-top: 0;
    }
    .page-3 ul img {
      
        max-width: 75px;
    }
    .page-3 h4 {

        margin-top: 10px;
     
    }
    .landing-logo {
        padding:15px;
    }
    .word-main {
        padding: 18px;
        font-size: 14px;
    }
    .page-2 .word-main {
        padding: 19px;
        font-size: 17px;
    }
    .word-main-content {
        padding: 23px 35px;
    }
    }
.bn-head {
    line-height: 1;
    top: 75px;
    bottom: 0;
    height: 100%;
    position: absolute;
    background-color: #ce2525;
    text-align: center;
    color: #FFF;
    font-weight: 700;
    z-index: 3;
    padding: 0 15px;
    white-space: nowrap;
    padding: 15px 81px;
    font-size: 26px;
    background-color: #16284c;
    left: auto;
    right: 0;
    cursor: pointer;
}
@media (max-width:1199px)
{
    .bn-head
    {
        display:none
    }
}
.landing-logo img
{
    max-width:175px;
}
@media (min-width: 1200px) and (max-width:1359px) {
    .bn-breaking-news {
       
        top: 19%;
        
    }
}
@media (max-width:1199px) and (min-width:992px)
{
    .word-main-content {
       
        margin-top: 59px;
       
    }
}
.head-img
{
    max-width:135px;
}
@media (max-width:1199px)
{
    .word-main-content .col-md-2 {
        text-align: right;

    }
    .word-main-content img{
        max-width:100%;
        margin-top:15px;
    }
    .director.hidden {
        display: block !important
    }
}
@media (min-width:1200px) and (max-height:900px)
{
    .bn-breaking-news {
       
        top: 24%;
      
    }
}
body .bn-label {
    padding: 15px 88px;

}