@charset "UTF-8";

body {
    direction: rtl;
    font-family : 'Cairo', sans-serif;
    font-size: 14px;
    line-height: 1.428571429;
    color: #1d1c1a;
    text-align: right;
    font-weight: 100;
    background-color:rgba(242, 242, 242, 0.60);
}

a {
    color: #1d1c1a
}
.pagination_app {
    text-align: center;
    margin: 30px 0px;
}

.pagination_app a.page-numbers {
    background-color: #fff;
    margin: 5px;
    padding: 3px 16px;
    border: 1px solid #eae8e8;
    border-radius: 2px;
display: inline-table;
}

.pagination_app span.page-numbers.current {
    background-color: #132654;
    margin: 5px;
    padding: 0px 16px;
    border: 1px solid #000000;
    border-radius: 2px;
    color: #fff;
}
.box:hover h2 a,
.box:hover h3 a,
.right-widget li a:hover{
    color: #6d318e;
    text-decoration: none
}

:active,
:focus,
a:active,
a:focus,a:hover {
    outline: 0;
    text-decoration: none;
}

.article-social {
    padding: 5px;
    margin: 7px 0;
    line-height: 25px;
    background: #f7f7f7;
}

.text-size {
    float: left;
    font-size: 12px
}
.search_btn_custom {
    padding: 2px 15px;
    margin: 0px;
    height: 35px;
    float: left;
    border-radius: 0px;
    border-right: 0px;
}
input[type=text]#myInp {
    width: 130px;
    height: 35px;
    box-sizing: border-box;
    border: 1px solid #ccc;
    border-radius: 1px;
    font-size: 15px;
    background-color: white;
    background: #fff;
    border-left: 0px;
    padding: 6px 26px 10px;
    -webkit-transition: width .4s ease-in-out;
    transition: width .4s ease-in-out;
}
.vcenter {
    margin: 25px 0px;
}
img {
    max-width: 100%;
    height: auto;
}
span.display_block {
    display: block;
}
.cat_title{
    padding: 15px;
    margin: 22px 15px 10px 15px;
}
/* When the input field gets focus, change its width to 100% */
input[type=text]#myInp:focus {
  width: 250px;
}

.dec-size,
.inc-size,
.tools {
    font-size: 13px;
    cursor: pointer;
    color: #4C4C4C;
    margin-left: 9px
}
.article-thumb picture img{height: 100%;}
.dec-size svg,
.inc-size svg,
.tools svg {
    margin-left: 4px
}

.dec-size:hover,
.inc-size:hover,
.text-size a:hover {
    color: #f1b914
}

.top-header-icons.last {
    background: #f1b914;
    padding: 0 3px 2px
}
.servs h1{margin: 0 !important; font-size: 15px;}
.top-header-icons a:hover,
.top-header-icons.last a,
.top-header-icons.last svg {
    color: #4916a4
}

.top-header-icons svg,
.top-header-icons.last:hover a,
.top-header-icons:hover svg {
    color: #6739b7
}

.top-header-icons.last:hover {
    background-color: #fff
}

.footer {
    padding-top: 30px;
    background-color: #0b1630;
    color: #fff;
}
.ads-list{
    padding: 0;
    margin-left: -15px;
}
.ads-list li {list-style: none; margin-bottom: 15px;background: #fff;position: relative;}
.ads-list li a {display: block;height: 49.5px;overflow: hidden;color: #000000;border: 1px solid #DFDCDC;}
.ads-list li .date {float: right;
    height: 50px;
    font-family: Tahoma, Arial;
    font-size: 12px;
    padding: 9px 13px;
    text-align: center;
    line-height: 9px;
    color: #fff;
    position: relative;
    background-color: #f1b914;}
.ads h2{
    margin: 0;
    margin-bottom: 30px;
    font-size: 19px;
    position: relative;
}
.ads h2:after {
    width: 30px;
    height: 2px;
    position: absolute;
    bottom: -12px;
    right: 0;
    z-index: 2;
    content: '';
    background-color: rgb(20, 105, 180);
}
.ads-list li .date:after {border: 8px solid transparent;border-right-color:#f1b914;position: absolute;right: 100%;top: 45%; margin-top: -10px;width: 0;height: 0;content: ' ';}
.ads-list li .title{font-weight: normal;font-size: 15px;margin-right: 75px;padding-top: 2px;margin-left: 5px;}
.ads-list li a:hover{background-color:#23527c;color: #fff;}
.logo img {
    float: right;
    max-width: 70px;
}

.logo span h2 {
    margin: 16px 0px 0;
    font-size: 25px;
}

.logo span {
    float: right;
    margin-right: 15px;
}

.logo span h3 {
    margin-top: 10px;
    font-size: 18px;
}
.bottom-footer {
    height: 70px;
    line-height: 70px;
    background-color: rgba(0, 0, 0, .1);
    border-top: 1px solid rgba(255, 255, 255, .1)
}

.footer .copyright {
    float: right;
    color: #fff;
    font-size: 12px;
    line-height: 65px;
    margin: 0
}

.footer-menu {
    float: left;
    margin: 0;
    padding: 0
}

.footer-menu li {
    float: right;
    list-style: none
}

.footer-menu li img {
    display: inline
}

.footer-menu li a {
    color: #fff;
    line-height: 40px;
    font-size: 12px;
    padding: 0 10px
}
.main-menu-container{
    box-shadow: 0 0 0px rgba(14, 68, 118, 0.08);
    background: rgba(236, 236, 236, 0.5);
    position: relative;
    z-index: 99;
}
.main-menu {
    text-align: center;
    line-height: 45px;
    padding: 0;
    margin: 0;
}

.logo,
.ticker-container,
.ticker-container .ticker-caption li {
    text-align: right
}

.logo{margin: 5px 0;position: relative;padding-right: 25px;}

.main-menu{padding: 0;margin: 0 -15px;}
.social-media{margin:3px 0!important;}
.main-menu li,
.social-media li {
    display: inline-block;
    list-style: none;
    position: relative;
}
.submenu {
    margin: 0;
    display: none;
    position: absolute;
    top: 45px;
    right: -1px;
    border: 1px solid rgba(128, 128, 128, 0.29);
    background: #fff;
    z-index: 9;
    width: 175px;
    padding: 0;
}
.submenu li{width: 100%; border-bottom: 1px solid #ddd;}
.submenu li a{padding: 0;}
.main-menu li ul.submenu li a {
    padding: 0px;
    line-height: 0px;
    font-size: 15px !important;
}

.main-menu li:hover >.submenu{
    display: block;
}
.main-menu li .submenu:hover > .submenu{
    display: block;
}
ul.submenu>li .submenu {
    right: 100% !important;
    top: 0;
}
li.has_ch::after {
    content: ">";
    position: absolute;
    left: 5px;
    font-size: 16px;
    font-weight: 600;
}


.circle{
    border: 2px solid #fff;
    margin-bottom: 30px;
    padding: 5px 0;
}
.main-menu li a {
    padding: 12px 23px;
    font-size: 18px;
    font-family: 'Cairo', sans-serif;
    position: relative;
    z-index: 9;
}
.main-menu2 li a {font-size: 14px;}
.main-menu li:before {
    width: 100%;
    height: 0;
    background-color: #c2c2c2;
    position: absolute;
    top: 0px;
    right: 0;
    left: 0;
    z-index: 0;
    content: '';
}
.top-header-icons svg{margin-left: 7px;}
.main-menu>li:hover:before,.main-menu>li.active:before {
    height: 100%;
    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    transition: all .4s ease-out;
}

.social-media ul,.social-media {
    padding: 0;margin: 0;
}

.social-media li a {
    font-size: 16px;
    position: relative;
    color: #0e4476;
    display: block;
    text-align: center;
    line-height: 40px;
    border-radius: 50%;
    padding: 0 9px;
    box-shadow: 0 0 20px rgba(14, 68, 118, 0.08);
    background-color: #fff;
    border: 1px solid #f2f2f2;
    width: 40px;
    height: 40px;
    margin: 0 3px;
}
/*
.social-media li:first-child a {color: #253bb9;}
.social-media li:nth-child(2) a {color:#2196F3; }
.social-media li:nth-child(3) a {color:#e01717; }
.social-media li:nth-child(4) a {color:#bf1515; }
.social-media li:nth-child(5) a {color:#2fc135; }
.social-media li:nth-child(6) a {color:#795548; }
.social-media li:nth-child(7) a {color:#ef8e00; }
*/
.social-media li a:hover {
    color: #f1b914
}
.social-media li a:hover svg {

}
.social-media li a svg{-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;transition: all 0.2s ease-out;}

.logo img {
    display: inline-block
}
#owl-demo .info{position: absolute; padding: 15px; text-align: center;color: #fff;width: 100%; bottom: 0px; right: 0;z-index: 99}
#owl-demo .info h2{font-size: 20px;font-family: 'Cairo', sans-serif;}
#owl-demo .info p{font-size: 18px; line-height: 33px;}
#owl-demo .item {position: relative;}
#owl-demo .item:before{
    /*  content: '';
      position: absolute;
      z-index: 1;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: -moz-linear-gradient(90deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.1) 60%);
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.8)), color-stop(60%, rgba(0, 0, 0, 0.1)));
      background: -webkit-linear-gradient(90deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.1) 60%);
      background: -o-linear-gradient(90deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.1) 60%);
      background: -ms-linear-gradient(90deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.1) 60%);
      background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.1) 60%);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#000000', GradientType=0);
  */}
.bottom-header .container{
    background-color: #fff;
    border: 1px solid rgba(36, 50, 56, .1);
    margin-bottom: 15px
}
.numbers_section{
    position: relative;
    padding: 0px;
    background-position: center -130px;
    background-repeat: no-repeat;
    background-size: cover;

    color: #fff;
    z-index: 5;
}
.col-md-2-5 {
    width: 20%;
    float: right;
    padding: 0 15px;
}
.numbers_section:before {
    position: absolute;
    content: '';
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    display: block;
    z-index: -1;
    background-color: rgba(2,14,40,0.96);
}
.numbers_section .Count{
    font-size: 23px;
    font-family: 'Cairo', sans-serif;
    text-align: center;
    margin-top: 5px;
    color: #9a9a9a;
}
.numbers_section h3{
    font-family: 'Cairo', sans-serif;
    margin: 30px 0;
    color: #f1b914;
}
.numbers_section span{display: block;text-align: center;font-size: 16px;}
.media_section{
    background-color: #fff;
}
.gray_bg a{
    display: inline-block;
    padding-right: 40px;
    position: relative;
    border-bottom: 1px solid #ececec;
    padding-bottom: 12px;}
.gray_bg p:last-child a{border-bottom: 0px;padding-bottom: 0;}
.gray_bg p:last-child {margin-bottom: 0}
.gray_bg svg{
    position: absolute;
    right: 12px;
    top: 33%;
}
.media-box,.gray_bg{
    padding: 15px;
    margin-bottom: 15px;
    box-shadow: 0 0 20px rgba(14, 68, 118, 0.08);
    background-color: #fff;
}
.media-box div{padding: 0!important;position: relative;}
.media-box{position: relative;}
.media-box h2{
    color: #fff;
    margin: 0;
    font-size: 17px;
    padding: 15px;
    line-height: 22px;
    position: absolute;
    bottom: 0px;
    z-index: 9;
    text-shadow: 1px 1px 0 #000000
}
.home_services{
    position: relative;
    padding: 30px 0px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;

    z-index: 5;
}
.home_services:before {
    position: absolute;
    content: '';
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    display: block;
    z-index: -1;
    background-color: rgba(247, 247, 247, 0.49);
}
.home_services h3,.news_section h3,.media_section h3{
    font-family: 'Cairo', sans-serif;
    margin: 49px 0;
}
.media_section h3{margin: 30px 0 0;}
.news .thumb{
    width: 100px;
    height: 67px;
    display: table-cell;
    vertical-align: middle;
}
.news .thumb img{
    height: 100%;
}
.news a{    padding: 7.5px 15px 12px;
    width: 100%;
    border-bottom: 1px solid #ececec;}
.news:nth-child(4) a{
    border-bottom: 0px;}
.news .details{
    display: table-cell;
    vertical-align: middle;
    padding-right: 10px;
}
.icon{
    height: 75px;
    line-height: 75px;
    background-color: #fff;
    margin: 0px;
    display: block;
    font-family: 'Cairo', sans-serif;
    border: 2px solid #f2f2f2;
}
.med{
    background-color: #0b1630;display: block; position: relative;
}
.med:before {
    width: 100%;
    height: 30%;
    position: absolute;
    bottom: 0px;
    right: 0;
    z-index: 1;
    content: "";
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    background: -moz-linear-gradient(90deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.1) 70%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.9)), color-stop(70%, rgba(0, 0, 0, 0.1)));
    background: -webkit-linear-gradient(90deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.1) 70%);
    background: -o-linear-gradient(90deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.1) 70%);
    background: -ms-linear-gradient(90deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.1) 70%);
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.1) 70%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#000000', GradientType=0);
}
.media-box:hover svg{
    font-size: 40px;
    left: 44%;
    top: 39%;
    color: #f1b914;
}



.med:hover:before {opacity: 0;}
.noborder{border-bottom: 0px!important;}
.icon svg,.icon p{color: #030e27; display: inline-block;font-size: 18px;font-family: 'Cairo', sans-serif;}
.icon svg{font-size: 25px; color: #f1b914;}
ul.featured-posts,.cat-featured-posts {
    width: 100%;
    display: block;
    padding-right: 0;
}
.cat-featured-posts{
    height: 355px;
}
.featured-posts > li,.cat-featured-posts > li {
    float: right;
    list-style: none;
    position: relative;
    width: 255px;
    height: 181px;
    margin-left: 15px;
    margin-bottom: 15px;
}
.media-box a{
    position: relative;
    display: block;
}
.cat-featured-posts > li {width: 500px; height: 330px;}
.cat-featured-posts > li:last-child {width: 325px;}
.featured-posts > li > a:before,.media-box div:before,.cat-featured-posts > li > a:before,.news-home li:first-child a:before,.media-box a:before {
    content: '';
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -moz-linear-gradient(90deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.1) 70%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.9)), color-stop(70%, rgba(0, 0, 0, 0.1)));
    background: -webkit-linear-gradient(90deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.1) 70%);
    background: -o-linear-gradient(90deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.1) 70%);
    background: -ms-linear-gradient(90deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.1) 70%);
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.1) 70%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#000000', GradientType=0);
}
.media-box div:before{z-index: 1;}
.media-box div a{z-index: 10;}
.media-box svg{
    position: absolute;
    left: 45%;
    top: 40%;
    font-size: 35px;
    color: #fff;
    z-index: 99;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.featured-posts li a.cat:before,.featured-posts li a.cat:hover:before,.news-home li:first-child a:hover:before,.media-box div:hover:before{opacity: 0;}
.featured-posts.albums > li > .details > img,.media-box div:before,.featured-posts > li a:before,.media-box a:before,.cat-featured-posts > li a:before,.full-width li img,.video-item .thumb i,.video-item:before,.news-home li:first-child a:before,.dawri li a:hover:before,.dawri li span,.right-box .item img{
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.media-box svg{
    border: 2px solid #fff;
    padding: 7px;
    border-radius: 8px;
}
.featured-posts > li:hover a:before,.media-box a:hover:before {opacity: 0.3;}
.featured-posts > li:first-child {
    width: 475px;
    clear: both;
    height: 377px;
}
.box-calendar {
    width: 65px;
    height: 65px;
    border: 2px solid #f1b914;
    position: relative;
    text-align: center;
    float: right;
}
.box-body{padding-right: 70px;}
.box-body h3{    font-size: 16px;
    margin: 0!important;
    line-height: 28px;}
.ads{margin-bottom: 15px;height: 83px;}
.ads:last-child{margin-bottom: 0px;}
.ads a{display: block; padding: 15px;}
.box-calendar:before,.box-calendar:after {
    width: 2px;
    height: 14px;
    content: "";
    position: absolute;
    top: -8px;
    background-color: #f1b914;
}
.box-calendar:before {
    right: 15px;
}
.box-calendar:after {
    left: 15px;
}
.box-calendar {
    line-height: 17px;
    width: 56px;
    height: 56px;
    padding-top: 9px;
}
.box-calendar  .day{font-family: 'Cairo', sans-serif;}
.h3, h3 {
    font-size: 21px;
}

.featured-posts > li:first-child,.featured-posts > li:last-child {margin-bottom: 0;}
.featured-posts > li:nth-child(3),.featured-posts > li:nth-child(5){margin-left: 0;}
.featured-posts > li > a{
    display: block;
    vertical-align: middle;
    position: relative;
}
.featured-posts > li > a > .info {
    position: absolute;
    right: 0;
    bottom: 10px;
    z-index: 2;
    padding: 10px;
    color: #ffffff;
    text-shadow: 1px 1px 0 #000000;
}
.cat-featured-posts > li > a > .info {
    position: absolute;
    right: 0;
    bottom: 18px;
    z-index: 2;
    padding: 13px;
    color: #ffffff;
    text-shadow: 1px 1px 0 #000000;
}
.cat-featured-posts > li > a > .info > h2 {
    font-size: 16px;
    font-weight: 700;
    margin: 10px 0;
    line-height: 40px;
}
.cat-featured-posts > li > a > .info > h3{
    font-size: 17px;
    line-height: 27px;font-weight: 700;
    margin: 0;
}
.featured-posts > li > a .info span,.cat-featured-posts > li > a .info span{
    color: red;
    text-shadow: none;
}
.featured-posts > li > a > .info > h2{
    font-size: 17px;
    font-family: 'Cairo', sans-serif;
    margin: 0;
    line-height: 29px;
}
.featured-posts > li > a > .info > h3{
    font-size: 15px;
    line-height: 28px;font-weight: 700;
    margin: 0;
}

.featured-posts > li > .time,.cat-featured-posts > li > .time{
    position: absolute;
    bottom: 6px;
    left: 10px;
    font-size: 11px;
    font-weight: normal;
    color: #ccc;
    text-align: right;
    z-index: 98;
    cursor: pointer;
    text-shadow: 0 1px 1px #000;
}
.news_section h3{   margin: 0px 0 30px;}
}
.servs{text-align: center;}
.servs svg{
    display: block;
    font-size: 35px;
    color: #FFC107;
    margin: 0 auto;
    margin-bottom: 15px;
}
.servs .col-md-2:nth-child(1) svg{color: #67809F;}
.servs .col-md-2:nth-child(2) svg{color: #E26A6A;}
.servs .col-md-2:nth-child(3) svg{color: #36D7B7;}
.servs .col-md-2:nth-child(4) svg{color: #F4D03F;}
.servs .col-md-2:nth-child(5) svg{color: #578ebe;}
.servs .col-md-2:nth-child(6) svg{color: #8E44AD;}
.servs .col-md-2 a{
    box-shadow: 0 0 20px rgba(14, 68, 118, 0.08);
    background-color: #fff;
    border-radius: 5px;
    padding: 15px 0px;
    margin: 0px;
    display: block;
    font-family: 'Cairo', sans-serif;
    border: 1px solid #f2f2f2;
    text-align: center;
}
.ticker-container {
    height: 35px;
    width: 745px;
    position: relative;
    overflow: hidden;
    color: #fff;
    font-size: 1.1em;
    float: right
}

.ticker-container .ticker-caption {
    height: 50%;
    width: 100%;
    background-color: #c70304;
    display: table;
    position: absolute;
    color: #fff;
    font-size: .8em;
    z-index: 1;
    text-align: right
}

.ticker-container .ticker-caption p {
    height: inherit;
    width: inherit;
    display: table-cell;
    vertical-align: middle;
    font-weight: 700
}

.ticker-container ul {
    list-style: none;
    padding: 0;
    height: auto
}

.ticker-container a {
    float: right
}

.ticker-container ul div {
    overflow: hidden;
    position: absolute;
    z-index: 0;
    display: inline;
    width: 650px;
    left: 0;
    height: 100%;
    transition: .25s ease-in-out
}

.ticker-container ul div.ticker-active {
    top: 0px
}

.ticker-container ul div.not-active {
    top: 30px
}

.ticker-container ul div.remove {
    top: 0
}

.ticker-container ul div li {
    padding: 1px 0;
    max-width: 700px
}

.ticker-container ul div li a {
    color:#3f3e42
}

.ticker-container ul div li a:hover {
    color: #f1b914
}
.ticker-container p{
    background: #616161;
    display: inline-block;
    padding: 1px 10px;
    padding-bottom: 2px;
}
.bottom-header p {
    font-size: 15px;
    color: #fff;
    background-color: #f1b914;
    display: inline-block;
    padding: 11px 15px;
    margin: 0
}
.search-box {
    display: block;
    margin-left: 3px;
}
.search-box input {
    width: 100%;
    height: 40px;
    background-color: #fff;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;

}
.search-box .search-button, .search-box input {
    line-height:40px;
    padding: 1px 8px;
    outline: 0;
    box-shadow: 0 0 20px rgba(14, 68, 118, 0.08);
    border: 1px solid #f2f2f2;
    font-size: 13px;
    float: right;
    color: rgb(193, 193, 193);
    margin-top: 4px;

}
.search-box .search-button{background-color: transparent;}
.search-box .search-button {
    border-right: 0px;
    border: none;
    margin-right: -35px;
    font-size: 17px;
    height: 38px;
    margin-top: 5px;
}
.search-box input:focus,.search-box input:focus+button,.search-box input:hover,.search-box input:visited{background-color: transparent;}

.home-videos .big a:before,
.home-videos .small a:before,
.special-news .big a:before {
    content: '';
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -moz-linear-gradient(90deg, rgba(0, 0, 0, .8) 0, rgba(0, 0, 0, .1) 60%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, .8)), color-stop(60%, rgba(0, 0, 0, .1)));
    background: -webkit-linear-gradient(90deg, rgba(0, 0, 0, .8) 0, rgba(0, 0, 0, .1) 60%);
    background: -o-linear-gradient(90deg, rgba(0, 0, 0, .8) 0, rgba(0, 0, 0, .1) 60%);
    background: -ms-linear-gradient(90deg, rgba(0, 0, 0, .8) 0, rgba(0, 0, 0, .1) 60%);
    background: linear-gradient(0deg, rgba(0, 0, 0, .8) 0, rgba(0, 0, 0, .1) 60%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#000000', GradientType=0);
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.home-videos .big:hover a:before,
.home-videos .small:hover a:before,
.special-news .big:hover a:before {
    opacity: 0
}


.mid-top-ads .item {
    padding-right: 0;
    padding-left: 0
}

.mid-top-ads .item img {
    width: 100%
}

.mid-top-ads .item:first-child {
    padding-left: 15px
}

.mid-top-ads .item:last-child {
    padding-right: 0
}

.home-main-news {
    margin: 15px -22.5px;
}
.home-video{
    background-color: #616161;
    margin-left: -15px;
    margin-top: 15px;
    position: relative;
}
.home-video h2{
    margin: 0;
    font-size: 21px;
    padding: 12px;
}
.home-video h2 a{color: #fff;}
.video-item{position: relative;}
.video-item .thumb{padding: 15px;position: relative;z-index: 9; border-bottom: 1px solid #6d6d6d;}
.video-item:before{
    position: absolute;
    content: '';
    z-index: 1;
    top: 0px;
    right: 0;
    height: 100%;
    width: 0;
    background: #f1b914;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.video-item:hover:before{width: 100%;}

.video-item .thumb svg{
    position: absolute;
    top: 25%;
    left: 43%;
    color: #fff;
    font-size: 40px;}
.video-item h3{
    position: absolute;
    bottom: 15px;
    right: 15px;
    left: 15px;
    z-index: 9;
    background: rgba(91, 46, 145, 0.7607843137254902);
    color: #fff;
    font-size: 13px;
    padding: 7px;
    line-height: 22px;
}
.video-item:hover h3{background-color: rgb(91, 46, 145);}
.article-details {
    background-color: #fff;
    height: 82px
}

.post-thumb {
    position: relative
}

.post-thumb p {
    margin: 0;
    background-color: rgba(0, 0, 0, .5);
    color: #eceff2;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 0 14px 3px
}

.post-article-details {
    font-size: 15px;
    margin-bottom: 15px
}

.today-photo {
    margin: 0 -7.5px
}

.home-main-news article {
    padding: 0 7.5px;
    margin-bottom: 15px
}

.article-details {
    padding: 4px 7px 6px;
    box-shadow: 0 0 20px rgba(14, 68, 118, 0.08);
}

.article-category {
    margin: 0;
    font-size: 12px
}

.article-category a {
    color: #909090
}

.article-details h3 {
    font-size: 16px;
    margin: 0;
    line-height: 26px;
}

.home-main-news article:hover .article-details h3 a {
    color: #5c2d91
}

.home-main-news article:hover .article-category a {
    color: #21344c
}

.home-videos {
    background-color: #e4e9ef;
    padding: 15px 0
}

.home-videos h2 {
    margin: 0 0 35px;
    font-size: 21px;
    padding: 0 15px
}

.home-videos h2 a {
    position: relative
}

.home-videos h2 a:after {
    width: 100%;
    height: 2px;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 2;
    content: '';
    background-color: #21344c
}

.home-videos .big,
.home-videos .small {
    position: relative;
    margin-bottom: 15px
}

.special-news .big {
    position: relative
}

.home-videos article,
.right-box-main,
.special-news article {
    padding: 0 7.5px
}

.home-videos .big h3,
.home-videos .small h3 {
    position: absolute;
    bottom: 7px;
    right: 15px;
    left: 15px;
    z-index: 999;
    line-height: 22px;
    font-size: 19px
}

.home-videos .big a,
.home-videos .small a,
.special-news .big a {
    color: #fff;
    display: block;
    vertical-align: middle;
    position: relative
}

.home-videos .big a svg {
    position: absolute;
    top: 50%;
    right: 50%;
    margin-right: -20px;
    margin-top: -20px;
    font-size: 55px
}

.home-videos .small a svg {
    position: absolute;
    top: 50%;
    right: 50%;
    margin-right: -10px;
    margin-top: -35px;
    font-size: 32px
}

.special-news .big h3,
.special-news .big.second h3 {
    display: inline-block;
    font-size: 22px;
    margin: 0;
}

.home-videos .big:hover a svg,
.home-videos .small:hover a svg {
    color: #f1b914
}


.special-news .big h3 {
    background: #0f233b;
    border-right: 5px solid #f1b914;
    padding: 20px 30px;
    color: #fff;
    line-height: 20px;
}

.special-news .big.second h3 {
    padding: 0 30px;
    color: #fff;
    line-height: 33px;
    background-color: transparent;
    border: none
}

.sp-news-title {
    position: absolute;
    bottom: 50px;
    right: 0;
    width: 100%;
    display: block;
    z-index: 99
}

.bg-red {
    background: #c72727
}

.bg-orange {
    background: #f1b914;
    margin-right: 30px
}

.sp-news-cat {
    height: 35px;
    line-height: 28px;
    font-size: 15px;
    padding: 0 20px;
    color: #fff;
    display: inline-block
}
.ahkam-box{
    padding: 0;
    padding-top: 15px;

}
.ahkam-box a{
    height: 60px;
    width: 100%;
    line-height: 50px;

}
.details p{margin-bottom: 0;}
.details .article-date{float: left;    margin-top: 7px;
    margin-bottom: 0;}
.info > span{display: block; font-size: 13px;}
.date-span svg{    margin-left: 4px;
    color: #a0a0a0;
    font-size: 12px;}
.date-span {display: block;}
.article-date {
    margin: 3px 0 7px;
    display: inline-block;
    font-size: 13px;
    color:#a0a0a0
}
.header{
    z-index: 99;
    background: #fff;
    position: relative;
    border-top: 5px solid rgba(236, 236, 236, 0.5);
}

#myBtn {
    display: none; /* Hidden by default */
    position: fixed;
    bottom: 20px;
    left: 30px;
    z-index: 99;
    border: none;
    outline: none;
    background-color: #f1f1f1;
    color: #0b1630;
    cursor: pointer;
    padding: 6px 15px;
    border-radius: 10px;
    font-size: 18px;
}

#myBtn:hover {
    color: #f1f1f1;
    background-color: #0b1630; /* Add a dark-grey background on hover */
}

.page-top-row {
    position: relative;
    text-align: center;

    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    margin-top: -165px;
}
.main-menu2 li a {
    padding: 11px 3px;
    z-index: 9;
}
.page-top {
    position: relative;
    padding: 28px 0 0px 0px;
    text-align: center;
    margin: 190px auto;
    margin-bottom: 90px;
}
.page-top h2 {
    font-size: 20px;
    color: #0b1630;
    margin-top: 10px;
    margin-bottom: 14px;
    font-family: 'Cairo', sans-serif;
}
.top-menu {
    right: 0;
    font-size: 16px;
    display: inline-block;
    padding: 0.1em 2em;
    position: relative;
    background-color: rgba(255, 255, 255, 0.73);
    top: 17px;
    color: #0e4476;
}
.top-menu a {
    color: #0e4476;
}
.special-news .right-box{margin-top: 0;margin-bottom: 30px;}
.article-info h2,
.article-info h3 {
    font-size: 15px;
    margin: 0;
    line-height: 22px;
    display: -webkit-inline-box
}

.article-info p {
    margin: 0;
    text-align: justify;
    padding-bottom: 14px
}
.box-title h1{
    font-size: 20px;
    padding: 15px;
    padding-bottom: 0;
    margin-top: 0;
}
.article-thumb,
.footer-logo,
.pag {
    text-align: center
}

.mid-center-ads,
.right-box {
    margin-top: 15px
}
.article-info {
    padding: 3px 0
}


.left-item .article-thumb {
    display: table-cell;
    height: 75px;
    vertical-align: middle;
    padding-bottom: 15px;
    width: 100px;
}
.left-item.posts img {
    border-radius: 50%
}

.left-item.posts .article-thumb {
    width: 75px
}
.article-thumb{position: relative;}
.article-thumb .po_category{
    position: absolute;
    left: 0;
    top: 15px;
    padding: 3px 10px;
    background-color: #f1b914;
}
.mid-center-ads img {
    height: 89px
}

.left-item .article-info {
    display: table-cell;
    padding-right: 7px
}

.right-box,.widget {
    box-shadow: 0 0 20px rgba(14, 68, 118, 0.08);
    background-color: #fff;
}
.news_section{
    margin-top: 30px;
    margin-bottom: 30px;
}
.main-left-box h1,
.right-box-main h1 {
    margin: 0 0 18px;
    font-size: 21px;
    padding: 10px 15px
}

.main-left-box h1 a,
.right-box-main h1 a {
    position: relative
}
.main-left-box h1{margin-bottom: 0;font-size: 16px; font-family: 'Cairo', sans-serif;}
.right-box-main h1 a:after {
    width: 100%;
    height: 2px;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 2;
    content: '';
    background-color: #21344c
}

.right-widget {
    padding: 0;
    margin: 0
}
.location {
    margin-bottom: 30px;
    text-align: center;
}
.location svg {
    background: #0b1630;
    padding: 11px;
    border-radius: 50%;
    color: #fff;
    width: 50px!important;
    height: 50px;
    text-align: center;
    display: inline-block;
    margin-bottom: 0px;
}
.location p {
    display: inline-block;
    margin-bottom: 0px;
}
.location span {
    font-weight: 600;
    margin-bottom: 5px;
}
.right-widget li {
    list-style: none;
    border-bottom: 1px solid #eceff2
}

.right-widget li a {
    display: block;
    color: #3c434c;
    padding: 10px;
    font-size: 15px
}

.footer h2,.footer-menu2 li a:hover{color: #fff;}
.footer-menu2 li a {
    color: #b7b7b7
}
.footer-menu li a span{color:#b7b7b7;}
.right-widget li svg {
    margin-left: 5px
}

.footer h2 {
    font-size: 21px;
    margin: 0 0 20px;
}

.footer-menu2 {
/*
    width: 100%;
    display: block;
    padding: 0;
    margin: 0 0 30px
    */
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
}

.footer-menu2 li {
    list-style: none;
    /*float: right;
    margin-bottom: 9px;*/
    width: 33.33%;
    
    
}

.footer-menu2 li svg {
    margin-left: 7px
}


.home-links img{
    float: right;padding: 2px;
    border: 1px solid #ddd;
    border-radius: 3px;
    margin-left: 15px;
}
.home-links svg{
    margin-left: 7px;
    color: #fff;
}
.home-links p{
    color: #b7b7b7;
}
.h1 {
    padding: 0 12px;
    color: #0a2b4a;
    margin: 0 5px 30px 0;
    font-size: 30px
}

.alert_msg {
    color: #cf112b
}

.g-recaptcha>div {
    margin: 0 auto
}

.post-tags a {
    display: inline-block;
    color: #0a2b49;
    background: #eceff2;
    padding: 0 6px 2px;
    margin-bottom: 6px
}

.post-tags a:hover {
    color: #eceff2;
    background: #0a2b49
}

.post-comments {
    background-color: #EFEFEF;
    padding: 5px;
    margin: 5px 0 15px;
    line-height: 25px
}

.post-article-details * {
    max-width: 100%
}
.post-article-details img {

    display: inline-block;
    max-width: 60%;
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
    margin-top: 20px;
}
.post-title{
    padding-top: 7px;
}
.post-same h3,
.post-tags h3 {
    display: inline-block;
    color: #0a2b49;
    margin-top: 0;
    font-size: 16px;
    margin-left: 7px
}

.post-same h3,
.post-tags {
    margin-bottom: 15px
}

.post-same .article-date {
    margin: -7px 0 3px
}

.post-same .article-info h2 {
    font-size: 14px
}

.footer-logo {
    margin-top: -4px;
}

.footer-logo img {
    max-width: 240px;
    display: inline-block
}

.social-media.bottom {
    float: none
}

.social-media.bottom ul {
    padding: 0;
    margin: 30px 0
}
.h_news h2{margin: 6px 0;font-size: 16px;
    line-height: 26px;
    font-family: 'Cairo', sans-serif; }


.social-media.bottom li a {
    font-size: 18px;
    padding: 4px 0;
    position: relative;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: block;
    border: 2px solid #e0e0e0;
    text-align: center;
    vertical-align: middle;
    color: #E0E0E0;
    overflow:hidden;

}

.social-media.bottom li {
    margin-left: 3px
}

.social-media.bottom li a:after {
    height: 0;
    width: 0;
    right:50%;
    top:50%;
    z-index: 1;
    border-radius: 50%;
    background-color: #f1b914;
    position: absolute;
    content: ' ';
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.fixed-pagination,
.social-media.bottom li svg {
    position: relative;
    z-index: 99
}

.social-media.bottom li a:hover:after {
    height: 100%;
    width: 100%;
    top: 0;
    right: 0;
}
.social-media.bottom li a:hover {
    color: #5c2d91;
}

.post-title .time {
    color: #6f6f6f;
    font-size: 12px;
    font-weight: 700;
    display: block
}
.post-article-details iframe{
    width: 100%;
    height: 405px;
}
.post-title a {
    display: block;
    margin-bottom: 4px;
    font-size: 16px;
    line-height: 26px;
    font-family: 'Cairo', sans-serif;
    height: 50px;
    overflow: hidden;
    text-align: right;
}
.widget .item{
    border-bottom: 1px solid #f2f2f2;
    padding-bottom: 15px;
    padding-top: 15px;
}
.page-title li,
.post-title .more {
    display: inline-block
}

.post-title p {
    font-size: 14px;
    line-height: 26px;
    text-align: justify
}

.post-title .more {
    font-size: 13px
}

.inner-box {
    line-height: 30px;
    text-align: justify;
    padding: 15px
}

.layout-thumb {
    overflow: hidden;
    padding: 0
}

.big-top-ads img {
    width: 100%
}


.page-title {
    padding: 0;
    margin: 15px 0 15px 0;
}

.page-title li:nth-child(2),
.page-title li:nth-child(4) {
    margin: 0 7px
}

.page-title li a {
    font-size: 16px
}

.article h1 {
    margin: 5px 0px 2px;
    font-size: 21px;
    color: #1e5382;
    text-align: right;
    font-family: 'Cairo', sans-serif;
    line-height: 30px;
}

.almasdr,
.slo {
    display: inline-block;
    font-weight: bold;
    padding: 0 13px;
}

.almasdr {
    font-size: 15px
}

#divButtons {
    padding: 0;
    margin: 0;
}

#divButtons li {
    float: right;
    list-style: none;
    display: block;
    margin-left: 3px
}

#divButtons li a {
    display: block;
    font-size: 11px;
    color: #fff;
    padding: 0 17px;
}

#divButtons li svg {
    margin-left: 6px;
    vertical-align: sub;
    font-size: 14px
}

#divButtons li a.facebook {
    background-color: #2d609b
}

#divButtons li a.whatsapp {
    background-color: #12a988
}

#divButtons li a.twitter {
    background-color: #16C7F4
}

#divButtons li a.google {
    background-color: #EC381C
}

#divButtons li a.facebook:hover {
    background-color: rgba(45, 96, 155, .82)
}

#divButtons li a.twitter:hover {
    background-color: rgba(22, 199, 244, .77)
}

#divButtons li a.google:hover {
    background-color: rgba(236, 56, 28, .84)
}

ul.post-social {
    margin: 30px 0;
    padding: 0
}

ul.post-social li {
    width: 20%;
    height: 120px;
    list-style: none;
    float: right
}

ul.post-social li a {
    display: block;
    height: 100%;
    color: #fff;
    margin-left: 5px
}

ul.post-social li:last-child a {
    margin: 0
}

ul.post-social li a .icon {
    height: 60%;
    padding-top: 20px;
    text-align: center
}

ul.post-social li a .icon svg {
    color: #fff;
    font-size: 22px
}

ul.post-social li a .title {
    height: 40px;
    font-size: 14px;
    color: #fff;
    line-height: 40px;
    text-align: center
}

ul.post-social li a.facebook {
    background-color: #2d609b
}

ul.post-social li a.twitter {
    background-color: #00c3f3
}

ul.post-social li a.youtube {
    background-color: #d42322
}

ul.post-social li a.google {
    background-color: #EC381C
}

ul.post-social li a.feed {
    background-color: #f79b14
}

ul.post-social li a.facebook .title,
ul.post-social li a.facebook:hover {
    background-color: #417bbe
}

ul.post-social li a.twitter .title,
ul.post-social li a.twitter:hover {
    background-color: #30d5fe
}

ul.post-social li a.youtube .title,
ul.post-social li a.youtube:hover {
    background-color: #ed4140
}

ul.post-social li a.google .title,
ul.post-social li a.google:hover {
    background-color: #f55f47
}

ul.post-social li a.feed .title,
ul.post-social li a.feed:hover {
    background-color: #ffb84f
}

.post-ads {
    margin: 15px 0
}

.post-ads img {
    width: 100%
}

.fixed-pagination.hide {
    display: none
}

.fixed-pagination .page {
    position: fixed;
    z-index: 50;
    top: 50%;
    margin-top: -57px;
    width: 50px;
    -webkit-transition: width .3s cubic-bezier(.22, .61, .36, 1);
    -moz-transition: width .3s cubic-bezier(.22, .61, .36, 1);
    transition: width .3s cubic-bezier(.22, .61, .36, 1)
}

.fixed-pagination .page.prev {
    left: 0
}

.fixed-pagination .page.prev .content {
    left: -485px;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.fixed-pagination .page.prev:hover .content {
    left: 50px
}

.fixed-pagination .page.prev .arrow {
    float: left
}

.fixed-pagination .page.next {
    right: 0
}

.fixed-pagination .page.next .arrow {
    float: right
}

.fixed-pagination .page.next .content {
    right: -385px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.fixed-pagination .page.next:hover .content {
    right: 50px
}

.fixed-pagination .page .arrow {
    position: relative;
    z-index: 5;
    display: inline-block;
    width: 50px;
    height: 115px;
    line-height: 115px;
    text-align: center;
    vertical-align: middle;
    font-size: 28px;
    background-color: #fff;
    color: #1e5382;
    border-radius: 2px
}

.fixed-pagination .page .arrow:hover {
    background-color: #f1b914
}

.fixed-pagination .page .arrow:hover svg {
    color: #fff
}

.fixed-pagination .page .arrow .info {
    display: inline-block;
    padding: 12px 0;
    line-height: normal
}

.fixed-pagination .page .arrow .info .pages {
    display: block;
    margin-bottom: 15px;
    font-weight: 700;
    font-size: 18px
}

.fixed-pagination .page .arrow .info .pages b {
    font-size: 34px
}

.fixed-pagination .page .content {
    opacity: 0;
    position: absolute;
    z-index: 1;
    top: 0;
    width: 385px;
    padding: 20px;
    vertical-align: top;
    background-color: #fff;
    border-radius: 2px;
    -webkit-transition: all .3s cubic-bezier(.22, .61, .36, 1);
    -moz-transition: all .3s cubic-bezier(.22, .61, .36, 1);
    transition: all .3s cubic-bezier(.22, .61, .36, 1)
}

.fixed-pagination .page .content>* {
    vertical-align: top
}

.fixed-pagination .page .content img {
    margin: 0
}

.fixed-pagination .page .content .thumb {
    position: relative;
    display: inline-block;
    width: 75px;
    margin-left: 20px
}

.fixed-pagination .page .content .title {
    color: #1f1f1f;
    display: inline-block;
    padding: 8px 0 0;
    width: 240px;
    max-width: 240px;
    font-size: 18px;
    line-height: 20px;
    font-weight: 700
}

.fixed-pagination .page .content .title .byline {
    display: block;
    margin-top: 6px
}

.fixed-pagination .page:hover {
    width: 435px;
    -webkit-box-shadow: 0 0 3px rgba(117, 117, 117, .22);
    -moz-box-shadow: 0 0 3px rgba(117, 117, 117, .22);
    -ms-box-shadow: 0 0 3px rgba(117, 117, 117, .22);
    box-shadow: 0 0 3px rgba(117, 117, 117, .22)
}

.fixed-pagination .page:hover .content {
    opacity: 1
}

.albums {
    position: relative
}

.albums .item a h2 {
    text-shadow: 1px 1px 0 #2c3e50;
    position: absolute;
    bottom: 5px;
    color: #fff;
    z-index: 9;
    text-align: right;
    right: 15px;
    font-size: 18px;
    width: 92%;
    line-height: 29px
}

.albums .item:nth-child(odd) a h2 {
    right: 30px
}

.photo_no {
    padding: 3px 15px 10px;
    background-color: #f1b914;
    color: #fff!important;
    position: absolute;
    top: 50px;
    left: 20px;
    z-index: 9
}

.albums .item:nth-child(even) .photo_no {
    left: 35px
}

.albums .item {
    overflow: hidden;
    margin-bottom: 30px;
    position: relative
}



.albums .item a h2,
.albums .item a:before {
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.albums .item a:before {
    content: '';
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -moz-linear-gradient(90deg, rgba(0, 0, 0, .8) 0, rgba(0, 0, 0, .1) 60%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, .8)), color-stop(60%, rgba(0, 0, 0, .1)));
    background: -webkit-linear-gradient(90deg, rgba(0, 0, 0, .8) 0, rgba(0, 0, 0, .1) 60%);
    background: -o-linear-gradient(90deg, rgba(0, 0, 0, .8) 0, rgba(0, 0, 0, .1) 60%);
    background: -ms-linear-gradient(90deg, rgba(0, 0, 0, .8) 0, rgba(0, 0, 00, .1) 60%);
    background: linear-gradient(0deg, rgba(0, 0, 0, .8) 0, rgba(0, 0, 0, .1) 60%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#2c3e50', endColorstr='#2c3e50', GradientType=0)
}

.albums .item a:hover:before,
.albums.photos .item a:before {
    opacity: 0
}

.city-list,
.currency-list {
    padding: 0;
    margin: 0;
    width: 160px
}

.city-list li,
.currency-list li {
    display: none;
    list-style: none;
    text-align: center
}

.city-list li:first-child,
.currency-list li:first-child {
    display: block
}

.city-list {
    width: 130px;
    margin-left: -20px;
    margin-right: -20px
}

.b-news {
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 999999;
    height: 45px;
    background-color: #ca2430
}

.b-news-content label {
    display: block;
    background-color: #fff;
    height: 45px;
    color: #0a2b4a;
    font-size: 18px;
    padding: 0 15px;
    float: right;
    line-height: 42px
}

.b-news-content {
    padding: 0;
    line-height: 45px
}
.serv_title{
    float: right;
    font-size: 21px !important;
}
.font-color-white{
    color: #fff;
}
.mt-25 {
    margin-top: 25px;
}
.text-left{
    text-align: left;
}
.float-left{
    float: left;
}
.title-after-des:before {
    /*content: " ";*/
    position: absolute;
    height: 1px;
    width: 40%;
    margin-right: 93px;
    background-color: #f1b914;
    margin-top: 10px;
}
a.serv_read_more_new {
    color: #fff;
    border: 1px solid;
    padding: 0px 5px;
    border-radius: 5px;
    font-size: 14px;
    background-color: #f1b914;
    margin-left: 25px;
    z-index: 9999999999;
}
a.serv_read_more {
    color: #fff;
    border: 1px solid;
    padding: 0px 5px;
    border-radius: 5px;
    font-size: 14px;
}
.b-news-content ul {
    display: block;
    float: right;
    margin-right: 10px
}

.b-news-content li {
    float: right;
    list-style: none;
    width: 100%
}

.b-news-content li a {
    color: #FFF
}

.menu {
    float: right;
    display: none
}

.menu a {
    padding: 0 10px
}

.menu a:hover {
    color: #c5cae9
}
#owl-demo {
    background: transparent url("../img/bg.png") center center/auto no-repeat fixed;
    background-size: cover;
    background-position-y: center;
}
.owl-carousel.owl-theme.owl-rtl.owl-loaded {
    background-color: rgba(0,0,0,0.5);
}


a.item-content {
    margin-top: 250px;
}

#owl-demo>.owl-carousel.owl-theme.owl-rtl.owl-loaded {
    height: 430px;
}



.owl-item.active {
    margin-top: 380px;
}

#owl-demo .info h2 {
    text-align: right;
    font-size: 24px;
    font-weight: 600;
    line-height: 40px;
}

#owl-demo .info p {
    text-align: right;
}

.row.slider_cart {
    background-color: rgba(0,0,0,0.5);
    padding-top: 15px;
    padding-bottom: 15px;
    border-radius: 5px;
}
.bg_image_home {
    height: 250px;
}

.teamStyle.bg-image {
    background-color: #fff;
    border: 1px solid #eee;
}

.team-info>h3 {
    margin: 25px 15px;
    font-size: 20px;
    line-height: 35px;
    font-weight: 600;
    min-height: 70px;
}

.team-info>date {
    text-align: left;
    display: block;
    margin: 13px 20px;
}
.news-int {
    margin-top: 25px;
}
.swiper-slide:hover .bg_image_home{
    /*box-shadow: 0px 0px 10px 8px #ddd;*/
    transform: scale(1.1);
    transition: all 0.2s ease-in-out;
}
.swiper-slide .bg_image_home{
    /*box-shadow: 0px 0px 10px 8px #ddd;*/
    transform: scale(1);
    transition: all 0.2s ease-in-out;
}
.ovs {
    height: 250px;
    overflow: hidden;
}
.swiper-slide {
    margin-top: 35px;
    margin-bottom: 15px;
    
    transition: all 0.2s ease-in-out;

}
.owl-theme .owl-controls .owl-dot:hover, .owl-theme .owl-controls .active {
    filter: Alpha(Opacity=100);
    opacity: 1;
    background-color: #565353 !important;
}
.home_swi_page {
    bottom: unset !important;
    left: 0px !important;
    top: 0px;
    text-align: left !important;
    width: auto !important;
}

.home_swi_page>span.swiper-pagination-bullet {
    width: 15px;
    height: 15px;
    border-radius: 0px;
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #000 !important;
}
.media-box {
    margin-top: 25px;
    margin-bottom: 25px;
}
@media only screen and (max-width:1005px) {
    .site-container,
    .site-pusher {
        height: 100%
    }
    .container.arrow-slider-contener {
        width: 100%;
    }
    .site-container {
        overflow: hidden
    }
    .site-pusher {
        -webkit-transition-duration: .3s;
        transition-duration: .3s;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    .site-content {
        position: absolute;
        top: 66px;
        right: 0;
        left: 0;
        bottom: 0;
        padding-top: 0;
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch
    }
    .header__icon {
        position: relative;
        display: block;
        float: right;
        width: 50px;
        height: 66px;
        cursor: pointer;
        margin-top: -11px;
        margin-left: 30px
    }
    .header__icon:after {
        content: '';
        position: absolute;
        display: block;
        width: 2.5rem;
        height: 0;
        top: 15px;
        right: 15px;
        box-shadow: 0 10px 0 1px #0e4476, 0 16px 0 1px #0e4476, 0 22px 0 1px #0e4476
    }
    .menu,
    .with--sidebar .site-cache {
        position: absolute;
        top: 0;
        bottom: 0
    }
    .menu {
        right: -500px;
        margin: 0;
        padding: 0;
        background: #0a2b4a;
        width: 250px;
        -webkit-transform: translateX(-250px);
        transform: translateX(-250px)
    }
    .menu>li {
        display: block;
        height: auto;
        text-align: center;
        line-height: 40px;
        border-bottom: 1px solid rgba(255, 255, 255, .1)
    }
    .submenu_open {
        display: block !important;
    }
    li.has_ch::before {
        content: ">";
        position: absolute;
        left: 5px;
        font-size: 16px;
        font-weight: 600;
        color: #fff;
    }
    .menu .submenu {
        margin: 0;
        display: none;
        position: unset !important;
        top: 45px;
        right: -1px;
        border: 1px solid rgba(128, 128, 128, 0.29);
        background: #f0f0f0;
        z-index: 999999999999999;
        width: unset !important;
        padding: 0;
    }
    .menu>li>a {
        color: #fff;
        font-size: 16px
    }
    .high5,
    .menu a:hover {
        color: #f1b914!important
    }
    .with--sidebar .site-pusher {
        -webkit-transform: translateX(-250px);
        transform: translateX(-250px)
    }
    .with--sidebar .site-cache {
        left: 0;
        right: 0;
        z-index: 9999;
        background-color: rgba(0, 0, 0, .6)
    }
    .with--sidebar {
        overflow: hidden
    }
}


@media only screen and (max-width:1005px) and (min-width:775px) {
    .header__logo,
    .menu {
        display: block!important
    }
    ul.menu>li.has_ch>ul.submenu.submenu_open>li.has_ch::after {    content: "";}
ul.menu>li.has_ch>ul.submenu.submenu_open>li.has_ch::before {color: #0a2b4a;}
ul.menu>li.has_ch>ul.submenu.submenu_open>li.has_ch>ul.submenu.submenu_open>li {background: #e7f2fb;}
    .footer-menu2 li {
        list-style: none;
        margin-bottom: 9px;
        width: 33.33%;
    }
    .main-menu-container{display: none;}
    .ticker-container {
        width: 88%!important
    }
    .ticker-container ul div {
        width: 562px!important
    }
    .page-title {
        padding: 0 12px;
        margin-top: 0
    }

    .ticker-container ul div li {
        max-width: 390px
    }
    .fixed-pagination .page,
    .fixed-pagination .page .arrow {
        width: 23px
    }
    .fixed-pagination svg {
        font-size: 17px
    }
    .fixed-pagination .page.next .content,
    .fixed-pagination .page.prev .content {
        width: 340px
    }
    .fixed-pagination .page.next:hover .content {
        right: 23px
    }
    .fixed-pagination .page.prev:hover .content {
        left: 23px
    }
    .fixed-pagination .page .content .title {
        padding: 2px 0 0;
        width: 200px;
        max-width: 200px;
        font-size: 16px
    }
    .footer-menu li {
        width: 100%;
        line-height: 30px
    }
    .footer-menu {
        text-align: center;
        width: 100%
    }
    .footer .copyright {
        float: none;
        text-align: center;
        line-height: 30px
    }
    .ticker-container ul div li a {
        font-size: 15px;
        line-height: 14px;
        margin-top: -3px
    }
    .featured-posts li:first-child,
    .featured-posts.category li:nth-child(2) {
        width: 100%;
        height: auto
    }
    .featured-posts li:nth-child(2) {
        width: 48%;
    }
    .featured-posts li:nth-child(3) {
        width: 48%;
        float: left;
    }
    .featured-posts li:nth-child(4) {
        width: 100%
    }

    .featured-posts li {
        width: 240px;
        height: auto
    }
    .featured-posts li:first-child .info h2 {
        font-size: 19px;
        line-height: 29px
    }
    .article-thumb img,
    .featured-posts li img,
    .featured-posts li picture,
    .home-videos img,
    .layout-thumb img {
        width: 100%
    }
    .featured-posts li:nth-child(2) {
        margin-bottom: 0
    }
    .home-videos article,
    .right-box-main,
    .special-news article {
        padding: 0 14.5px
    }
    .article h1 {
        font-size: 22px
    }

    .nopadding {
        padding: 0
    }
    .search-btn {
        width: 10%
    }
    .mid-top-ads .item:first-child {
        padding: 0;
        margin-bottom: 15px;
        margin-top: 15px
    }
    .post-article-details *{max-width: 100%!important;}
    .article > h1{margin-bottom: 0!important;}
    .page-top-row {margin-top: -211px;    z-index: -1;}
    .page-title {margin-top: 12px;}
    .servs .col-md-2 a{margin-bottom: 15px;}
    .header{
        position:static;
    }
}

@media only screen and (max-width:774px) and (min-width:480px) {
    .header__logo,
    .menu {
        display: block!important
    }
    ul.menu>li.has_ch>ul.submenu.submenu_open>li.has_ch::after {    content: "";}
ul.menu>li.has_ch>ul.submenu.submenu_open>li.has_ch::before {color: #0a2b4a;}
ul.menu>li.has_ch>ul.submenu.submenu_open>li.has_ch>ul.submenu.submenu_open>li {background: #e7f2fb;}
    .footer-menu2 li {
        list-style: none;
        margin-bottom: 9px;
        width: 50%;
    }
    .main-menu-container{display: none;}
    .container {
       /* max-width: 555px*/
    }
    .ticker-container {
        width: 88%!important
    }
    .ticker-container ul div {
        width: 393px!important
    }
    .page-title {
        padding: 0 12px;
        margin-top: 0
    }

    .ticker-container ul div li {
        max-width: 390px
    }
    .fixed-pagination .page,
    .fixed-pagination .page .arrow {
        width: 23px
    }
    .fixed-pagination svg {
        font-size: 17px
    }
    .fixed-pagination .page.next .content,
    .fixed-pagination .page.prev .content {
        width: 340px
    }
    .fixed-pagination .page.next:hover .content {
        right: 23px
    }
    .fixed-pagination .page.prev:hover .content {
        left: 23px
    }
    .fixed-pagination .page .content .title {
        padding: 2px 0 0;
        width: 200px;
        max-width: 200px;
        font-size: 16px
    }
    .footer-menu li {
        width: 100%;
        line-height: 30px
    }
    .footer-menu {
        text-align: center;
        width: 100%
    }
    .footer .copyright {
        float: none;
        text-align: center;
        line-height: 30px
    }
    .ticker-container ul div li a {
        font-size: 15px;
        line-height: 14px;
        margin-top: -3px
    }
    .featured-posts li:first-child,
    .featured-posts.category li:nth-child(2) {
        width: 100%;
        height: auto
    }

    .featured-posts li {
        width: 100%;
        height: auto
    }
    .article-thumb img,
    .featured-posts li img,
    .featured-posts li picture,
    .home-videos img,
    .layout-thumb img {
        width: 100%
    }
    .featured-posts li:nth-child(2) {
        margin-bottom: 0
    }
    .home-videos article,
    .right-box-main,

    .article h1 {
        font-size: 22px
    }

    .home-main-news article,
    .nopadding {
        padding: 0
    }
    .search-btn {
        width: 10%
    }
    .mid-top-ads .item:first-child {
        padding: 0;
        margin-bottom: 15px;
        margin-top: 15px
    }
    .senvenrow{margin-left: -15px!important;margin-right: -15px!important;}

    .post-article-details *{max-width: 100%!important;}
    .article > h1{margin-bottom: 0!important;}
    .page-top-row {margin-top: -211px;    z-index: -1;}
    .page-title {margin-top: 12px;}
    .servs .col-md-2 a{margin-bottom: 15px;}
    .col-md-2-5 {
        width: 50%;}
    .numbers_section span{font-size: 13px;}
    .mobadarat{margin-top: 15px!important;}
    .header{
        position:static;
    }
    .slider_pag_custom .swiper-pagination-bullet {
        width: 10px  !important;
        height: 10px  !important;
        border-radius: 50%  !important;
    }
}

@media only screen and (max-width:479px) {
    .header__logo,
    .menu {
        display: block!important
    }
    ul.menu>li.has_ch>ul.submenu.submenu_open>li.has_ch::after {    content: "";}
ul.menu>li.has_ch>ul.submenu.submenu_open>li.has_ch::before {color: #0a2b4a;}
ul.menu>li.has_ch>ul.submenu.submenu_open>li.has_ch>ul.submenu.submenu_open>li {background: #e7f2fb;}
    .footer-menu2 li {
        list-style: none;
        margin-bottom: 9px;
        float: none;
        width: 100%;
    }
    .main-menu-container{display: none;}
    .ticker-container {
        width: 365px!important
    }
    .ticker-container ul div {
        width: 275px!important
    }
    .page-title {
        padding: 0 12px;
        margin-top: 0
    }

    .fixed-pagination .page,
    .fixed-pagination .page .arrow {
        width: 23px
    }
    .fixed-pagination svg {
        font-size: 17px
    }
    .fixed-pagination .page.next .content,
    .fixed-pagination .page.prev .content {
        width: 340px
    }
    .fixed-pagination .page.next:hover .content {
        right: 23px
    }
    .fixed-pagination .page.prev:hover .content {
        left: 23px
    }
    .fixed-pagination .page .content .title {
        padding: 2px 0 0;
        width: 200px;
        max-width: 200px;
        font-size: 16px
    }
    .footer-menu li {
        width: 100%;
        line-height: 30px
    }
    .footer-menu {
        text-align: center;
        width: 100%
    }
    .mid-top-ads .item:first-child {
        padding: 0;
        margin-bottom: 15px;
        margin-top: 15px
    }
    .footer .copyright {
        float: none;
        text-align: center;
        line-height: 30px
    }
    .ticker-container ul div li a {
        font-size: 15px;
        line-height: 14px;
        margin-top: -3px
    }
    .featured-posts li:first-child,
    .featured-posts.category li:nth-child(2) {
        width: 100%;
        height: auto
    }

    .featured-posts li {
        width: 100%;
        height: auto
    }
    .featured-posts li img {
        width: 100%
    }
    .featured-posts li:nth-child(2) {
        margin-bottom: 0
    }
    .home-videos article,
    .right-box-main,

    .article h1 {
        font-size: 22px
    }

    .home-main-news article,
    .nopadding {
        padding: 0
    }
    .search-btn {
        width: 10%
    }
    .search-txt,
    .search-txt.open {
        width: 90%;
        display: block
    }

    .post-article-details *{max-width: 100%!important;}
    .article > h1{margin-bottom: 0!important;}
    .page-top-row {margin-top: -211px;    z-index: -1;}
    .page-title {margin-top: 12px;}
    .servs .col-md-2 a{margin-bottom: 15px;}
    .header{
        position:static;
    }

    .header__icon {
        margin-top: -10px;
        margin-left: 12px;
    }
    .logo img{max-width: 70px;}

    .col-md-2-5 {
        width: 50%;}
    .numbers_section span{font-size: 11px;}
    .mobadarat{margin-top: 30px!important;}
    .senvenrow{margin-left: -15px!important;margin-right: -15px!important;}
    .media_section img,.media-box img,.layout-thumb img {width: 100%;}
    #divButtons li a{
        padding: 0 11px;
    }
    .media_section .col-md-4:last-child{padding-top: 0!important;}
    .slider_pag_custom .swiper-pagination-bullet {
        width: 10px  !important;
        height: 10px  !important;
        border-radius: 50%  !important;
    }
}




.tagder_mowgrf_more {
    margin-left: 0px !important;
}
.pt-25{
    padding-top: 25px;;
}

.top_link_sh{
    display: block;padding: 5px 15px 10px;
}
@media only screen and (min-width:992px) {
    .home_sw_slider{
        min-height: 400px;
    }
}
@media only screen and (max-width:992px) {
    .search_btn_custom {
        width: 13%;
    }
    .top_link_sh{
        display: block;padding: 4px 7px 4px !important;
    }
    .social_logos {
        margin-top: -30px !important;
        margin-bottom: 35px !important;
    }
    
    input[type=text]#myInp {
        width: 87% !important;
    }
    ul.custom_header_link {
        position: absolute;
        top: 5px;
        left: 15px;
    }
    .text-size {
        float: none;
        font-size: 12px;
        text-align: center;
        margin: 10px 100px 0px 0px;
    }

    #divButtons {

        text-align: center;
    }
    
    #divButtons li {
        float:none;
        list-style: none;
        display: inline-block;
        margin-left: 3px;
    }

    .featured-posts > li {
        margin-bottom: 20px !important;
    }
    
    .latest_news {
        margin-top: 15px;
    }
    
    a.serv_read_more_new {
        margin-left: 0px !important;
    }
    
    .news_section .box-body h3 {
        line-height: 20px !important;
    }
    
    .media_section .title-after-des {
        padding: 0px 20px;
    }
    .home_sw_slider {    
        font-size: 18px !important;
    }

}

.cat_search_name>a {
    height: auto;
    line-height: 20px;
    font-size: 14px;
    margin: 10px 0 0;
}









.home_sw_slider {
    width: 100% !important;
    height: calc(100vh - 224px) !important;
    text-align: center;
    padding-top: 0px;
    padding-bottom: 0px;
    font-size: 30px;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    max-height: 500px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .home_sw_slider img{
      width: 100vw;
  }
      
  .slider_home_title{
    position: absolute;
    width: 100%;
    bottom: 50px;
    transition: all 0.2s cubic-bezier(0, 0.19, 0.62, 0.99);
    z-index : 124;
    }
    .slider_home_title:hover  {
        bottom: 55px;  
    }


  .slider_home_title>span{
    max-width: 780px;
    display: block;
    margin: 0px auto;
    color: #fff;
    border-radius: 2px;
    padding: 6px;
  }
  h3.title-after-des.taqareer {
    margin-right: 15px;
}
  .swiper-button-next, .swiper-button-prev {
    top: 55% !important;
    width: 35px !important;
    height: 35px !important;
    margin-top: -18px !important;
    z-index: 10 !important;
    cursor: pointer !important;
    background-size: 11px 17px !important;
    border-radius: 2px !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-color: #f1f1f1 !important;
    padding: 15px !important;
}
.home_sw_slider:before {content: "";background: rgba(12,23,48,0.70);position: absolute;right: 0px;left: 0px;top: 0px;bottom: 0px;width: 100%; background: linear-gradient(180deg, rgba(0,0,0,0.00043767507002800965) 62%, rgba(0,0,0,0.8071603641456583) 85%, rgba(0,0,0,1) 100%);z-index: 123;}
.arrow-slider-contener {
    position: absolute;
    z-index: 99999;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}



.social_logos{
    margin-top: -15px;margin-bottom: 40px;
}


.slider_pag_custom {
    right: 50%;
    transform: translateX(50%) !important;
    margin-top: -35px;
}

.slider_pag_custom .swiper-pagination-bullet {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    margin-right: 5px;
    margin-left: 5px;
    background-color: #fff;
    opacity: 1;
    z-index: 9999;
}

.slider_pag_custom .swiper-pagination-bullet-active {
    background: #0c1730 !important;
}


ul.custom_header_link li {
    display: inline-block;
    margin-right: 10px;
    /*padding: 5px 15px 10px;
    background: #f5f5f5;
    border-bottom-right-radius: 50%;*/
}
ul.custom_header_link li a {
    padding: 5px 15px 5px;
    background: #f5f5f5;
    transition: all 1s;
}

ul.custom_header_link li a:hover {
    background: #d8d7d7;
}
.slider-row {
    position: relative;
}
.svg-inline--fa.fa-w-16 {
    width: 1em;
}
.svg-inline--fa {
    display: inline-block;
    height: 1em;
    /* vertical-align: -.125em; */
}
a.serv_read_more:hover {
    color: #f1b914;
    transition: all 0.2s ease-in-out;
}

a.serv_read_more {
    transition: all 0.2s ease-in-out;
}

a.serv_read_more_new {
    transition: all 0.2s ease-in-out;
}
a.serv_read_more_new:hover {
    box-shadow: 0px 1px 4px 0px;
    color: #0c1730;
    border-color: #fff;
    background-color: #fff;
    transition: all 0.2s ease-in-out;
}
.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img {
    width: 100%;
}
.bg_image_home {
    background-size: cover;
}

ul.submenu li ul.submenu li a {
    display: inherit;
    width: max-content;
    padding: 0 10px;
}

.submenu {
    /*width: unset !important;*/
}