@charset "UTF-8";
@font-face{
    font-family : "aljazeera";
    font-weight: 300;
    src: url('../font/Al-Jazeera-Arabic-Regular.otf?v=1.2');
}


@font-face {font-family: hft-Bold;src: url('../font/hft-Bold.eot?v=1.2');	src: url('../font/hft-Bold.eot?#iefix') format('embedded-opentype'), url('../font/hft-Bold.woff?v=1.2') format('woff'),url('../font/hft-Bold.ttf?v=1.2') format('truetype');font-weight: normal;font-style: normal;}

body {
    direction: rtl;
    font-family : "aljazeera";
    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
}

.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9
    {
        text-align: left;
    }

@media (min-width: 992px){
    .col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9
    {
        float:left !important;
        text-align: left;
    }
}

.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
}

.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: #f7c4db
}

.top-header-icons.last {
    background: #f7c4db;
    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: #ed1b24f5;
    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: #f7c4db;}
.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:#f7c4db;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;}

.bottom-footer {
    height: 70px;
    line-height: 40px;
    background-color: rgba(0, 0, 0, .1);
    border-top: 1px solid rgba(255, 255, 255, .1)
}

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

.footer-menu {
    float: right;
    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 20px rgba(14, 68, 118, 0.08);
    background: rgba(255, 255, 255, 0.7);
    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{
    text-align: center;
    float: left !important;
}

.logo{margin: 5px 0;position: relative;padding-right: 25px;}
.logo:before{
    right: 18px;
    content: '';
    position: absolute;
    top: -7px;
    height: 95px;
    /* background-color: #fff; */
    width: 108px;
    z-index: -1;
    border-radius: 8px;
    /* box-shadow: 0 0 20px rgba(14, 68, 118, 0.08); */

}
.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:hover .submenu{
    display: block;
}
.circle{
    border: 2px solid #fff;
    margin-bottom: 30px;
    padding: 5px 0;
}
.main-menu li a {
    padding: 12px 23px;
    font-size: 15px;
    font-family: hft-Bold;
    position: relative;
    z-index: 9;
    color: #393b3e;

}
.main-menu2 li a {font-size: 14px;}
.main-menu li:before {
    width: 100%;
    height: 0;
    background-color: #f7c4db;
    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:first-child: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: #3d7c9f;
    display: block;
    text-align: center;
    line-height: 40px;
    border-radius: 30%;
    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;
    line-height: 26px;

}
/*
.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: #f7c4db
}
/* .social-media li a:hover svg {-webkit-transform: scale(1.5) rotate(-360deg);-moz-transform: scale(1.5) rotate(-360deg);-o-transform: scale(1.5) rotate(-360deg);-ms-transform: scale(1.5) rotate(-360deg);transform: scale(1.5) rotate(-360deg);} */
.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: hft-Bold;}
#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;
    background-image: url(../img/numbers_bg.jpg);

    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: #ed1b24f5;
}
.numbers_section .Count{
    font-size: 23px;
    font-family: hft-Bold;
    text-align: center;
    margin-top: 5px;
    color: #9a9a9a;
}
.numbers_section h3{
    font-family: hft-Bold;
    margin: 30px 0;
    color: #fff;
}
.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;
    background-image: url(../img/e_services.jpg);
    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: hft-Bold;
    margin: 49px 0;
}
.media_section h3{margin: 30px 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: hft-Bold;
    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: #f7c4db;
}

.row{
    margin-right: 0 !important;
}

.med:hover:before {opacity: 0;}
.noborder{border-bottom: 0px!important;}
.icon svg,.icon p{color: #030e27; display: inline-block;font-size: 18px;font-family: hft-Bold;}
.icon svg{font-size: 25px; color: #f7c4db;}
ul.featured-posts,.cat-featured-posts {
    width: 100%;
    display: flex;
    padding-left: 0;
}
.cat-featured-posts{
    height: 355px;
}
.featured-posts > li,.cat-featured-posts > li {
    float: right;
    list-style: none;
    position: relative;
    width: 255px;
    height: 200px;
    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: 570px;
    clear: both;
    height: 415px;
}
.box-calendar {
    width: 65px;
    height: 65px;
    border: 2px solid #ed1b24;
    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: 7px;
    height: 98px;}
.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: #f7c4db;
}
.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: hft-Bold;}
.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: hft-Bold;
    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: hft-Bold;
    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: #f7c4db
}
.ticker-container p{
    background: #616161;
    display: inline-block;
    padding: 1px 10px;
    padding-bottom: 2px;
}
.bottom-header p {
    font-size: 15px;
    color: #fff;
    background-color: #f7c4db;
    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: #f7c4db;
    -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: #f7c4db
}


.special-news .big h3 {
    background: #0f233b;
    border-right: 5px solid #f7c4db;
    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: #f7c4db;
    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: right;    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: rgb(245 246 246);
    position: relative;
    /* background: url(../img/header-bg.png); */


}

#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 */
    background-color: #ed1b24;

}

.page-top-row {
    position: relative;
    text-align: center;
    background-image: url(../images/top.jpg);
    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: hft-Bold;
}
.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: #3d7c9f;
}
.top-menu a {
    color: #3d7c9f;
}
.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: #f7c4db;
}
.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: hft-Bold;}
.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: #fff;
}
.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 {
    float: right;
    width: 33.3%;
    width: 50%;
    display: block;
    padding: 0;
    margin: 0 0 30px
}

.footer-menu2 li {
    list-style: none;
    margin-bottom: 9px
}

.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: #fff;
}
.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: hft-Bold; }


.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: #f7c4db;
    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: hft-Bold;
    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: hft-Bold;
    line-height: 30px;
}

.almasdr,
.slo {
    color: #fff;
    background: #c51616;
    display: inline-block;
    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: #f7c4db
}

.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: #f7c4db;
    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
}

.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
}

@media only screen and (max-width:1005px) {
    .site-container,
    .site-pusher {
        height: 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: left;
        width: 50px;
        height: 66px;
        cursor: pointer;
        margin-top: 15px;
        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 #3d7c9f, 0 16px 0 1px #3d7c9f, 0 22px 0 1px #3d7c9f
    }
    .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: 40px;
        text-align: center;
        line-height: 40px;
        border-bottom: 1px solid rgba(255, 255, 255, .1)
    }
    .menu>li>a {
        color: #fff;
        font-size: 16px
    }
    .high5,
    .menu a:hover {
        color: #f7c4db!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
    }
    .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: 240px;
        height: auto
    }
    .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
    }
    .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;
    }
}

@media only screen and (max-width:479px) {
    .header__logo,
    .menu {
        display: block!important
    }
    .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: 9px;
        margin-left: 12px;
    }
    .logo img{max-width: 280px;}
    .logo:before {
        /* height: 79px;
        width: 77px; */
        height: 105px;
        width: 115px;
    }
    .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;}

    .logo{
        text-align: right;
    }
}
nav.social-media {
    line-height: 60px;
}
.footer-logo img {
    width: 55%;
    background-color: #ffffff;
    padding: 15px;
    border-radius: 8px;
    box-shadow: 0 0 20px rgb(14 68 118 / 8%);
}

.aa{
    margin: 10px;
    width: 17%;
}
@media only screen and (max-width: 479px){

    .col-lg-3.col-md-3.col-sm-3.col-xs-12.footer-logo {
        margin-bottom: 20px;
    }
    img.aa {
        margin-bottom: 30px;
    }
    .aa{
        margin: 5px;
        width: 45%;
    }
    .box_ {
        margin: 10px 10px 45px 10px !important;
    }
    .logo:before{

        background-color: #fff;

        box-shadow: 0 0 20px rgba(14, 68, 118, 0.08);
    }
    .social-media ul{
        text-align: center !important;
    }
    nav.social-media {
        margin-top: 15px !important;
        line-height: 30px;
    }
}



.btn1 {
    display: inline-block;
    margin: 10px auto;
    padding: 10px 15px;
    background: none;
    border: 2px solid #fff;
    color: #fff;
    border-radius: 5px;
    outline: none;
    /* box-shadow: 0px 10px 6px #1f1f1f; */
    transition: 0.1s;
}
#myBtn{
    left:unset; 
    right: 30px;
}
.btn1:hover {
    background-color: #fff;
    color: #ed1b24;
    box-shadow: none;
    transform: translateY(3px);
    transition: 0.1s;
}

.btn2 {
    display: inline-block;
    margin: 10px auto;
    padding: 10px 15px;
    background: none;
    border: 2px solid #ed1b24;
    color: #ed1b24;
    border-radius: 5px;
    outline: none;
    /* box-shadow: 0px 10px 6px #1f1f1f; */
    transition: 0.1s;
}
.btn2:hover {
    background-color: #ed1b24;
    color: #fff;
    box-shadow: none;
    transform: translateY(3px);
    transition: 0.1s;
}
















.gallery .grid {
    overflow: hidden;
    margin: 0;
}
.gallery .grid .item {
    padding: 0;
    cursor: pointer;
}
.gallery .grid .item>a {
    display: block;
    width: 100%;
    height: 100%;
}
.colors-e a, a.colors-e {
    color: #b99464;
}
.hover-overlay {
    position: relative;
    overflow: hidden;
}
.gallery .grid .item>a img {
    width: 100%;
    height: auto;
}
.hover-overlay img {
    -webkit-transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s;
    -ms-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
}
.hover-overlay .overlay {
    -webkit-transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s;
    -ms-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}
.background-90-e {
    background-color: rgba(255,255,255,.9) !important;
}
.gallery .hover-overlay .overlay > div {
    padding-left: 15px;
    padding-right: 15px;
}
.gallery .hover-overlay .overlay>div {
    padding: 0 25%;
}
.hover-overlay .overlay>div {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    padding: 0 25px;
    -webkit-transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s;
    -ms-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
    transform: translateY(-50%) scale(0.5,.5);
    -webkit-transform: translateY(-50%) scale(0.5,.5);
    -moz-transform: translateY(-50%) scale(0.5,.5);
    -ms-transform: translateY(-50%) scale(0.5,.5);
    -o-transform: translateY(-50%) scale(0.5,.5);
}
.hover-overlay .overlay>div .title {
    font-size: 14px;
}
.hover-overlay .overlay>div .title {
    font-size: 17px;
}
.heading-e {
    color: #434343 !important;
}
strong {
    font-weight: 800;
}
.hover-overlay .overlay>div i {
    font-size: 32px;
}
.heading-e {
    color: #434343 !important;
}
.fa-photo:before, .fa-image:before, .fa-picture-o:before {
    content: "\f03e";
}
.gallery .grid .item>a {
    display: block;
    width: 100%;
    height: 100%;
}
.colors-e a:hover, a.colors-e:hover {
    color: rgba(203,135,95,.75);
}
.hover-overlay:hover img {
    transform: scale(1.55,1.55) rotate(
        -20deg
    );
    -webkit-transform: scale(1.55,1.55) rotate(
        -20deg
    );
    -moz-transform: scale(1.55,1.55) rotate(-20deg);
    -ms-transform: scale(1.55,1.55) rotate(-20deg);
    -o-transform: scale(1.55,1.55) rotate(-20deg);
}
.hover-overlay .overlay:hover {
    opacity: 1;
}
.hover-overlay:hover .overlay>div {
    transform: translateY(-50%) scale(1,1);
    -webkit-transform: translateY(-50%) scale(1,1);
    -moz-transform: translateY(-50%) scale(1,1);
    -ms-transform: translateY(-50%) scale(1,1);
    -o-transform: translateY(-50%) scale(1,1);
}
section.customer-logos.slider.slick-initialized.slick-slider {
    direction: ltr;
}














.slick-slide {
    margin: 0px 20px;
}

.slick-slide img {
    width: 100%;
}

.slick-slider
{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;
    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}






/* background: linear-gradient(
0deg
, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.1) 70%);

 */




.wrapper .button
{

    width:45px;
    height:45px;
    margin:0 5px;
    background: #fff;
    float:left;
    border-radius: 50px;
    box-shadow: 0 0 10px 10px rgba(0,0,0,0.1);
    cursor:pointer;
    overflow:hidden;
    transition:width .5s ease-in-out;

}
.wrapper .button:hover
{
    width:200px;
}
.wrapper  .button:nth-child(1):hover .icon{background: #4267B2;color:#fff !important;}
.wrapper  .button:nth-child(1):hover .icon svg{color:#fff !important;}

.wrapper .button:nth-child(5):hover .icon{background:#1DA1F2;color:#fff;}
.wrapper  .button:nth-child(5):hover .icon svg{color:#fff !important;}

.wrapper .button:nth-child(2):hover .icon{background:#E1306C;color:#fff;}
.wrapper  .button:nth-child(2):hover .icon svg{color:#fff !important;}

.wrapper .button:nth-child(4):hover .icon{background:#333;color:#fff;}
.wrapper  .button:nth-child(4):hover .icon svg{color:#fff !important;}

.wrapper .button:nth-child(3):hover .icon{background:#FF0000;color:#fff;}
.wrapper  .button:nth-child(3):hover .icon svg{color:#fff !important;}

.wrapper .button:nth-child(1):hover span{color:#4267B2}
.wrapper .button:nth-child(5):hover span{color:#1DA1F2}
.wrapper .button:nth-child(2):hover span{color:#E1306C}
.wrapper .button:nth-child(4):hover span{color:#333}
.wrapper .button:nth-child(3):hover span{color:#FF0000}
.wrapper .button .icon
{
    display:inline-block;
    border-radius: 50px;
    height:45px;
    width:45px;
    line-height: 45px;
    text-align: center;
}
.wrapper .button .icon i
{
    font-size:25px;
    line-height:45px;
    transition:all .2s ease-in-out;
}
.wrapper .button span
{
    font-size:20px;
    font-weight: 500;
    line-height: 45px;
    margin-left:10px;
}


.button .icon svg {
    color: #000 !important;
}

.home-links .social-media svg {
    margin-left: 0px;
    color: #ed1b24;
}







.social-media ul {
    padding: 0;
    /* padding: 32px 0; */
    /* text-align: left; */
    margin-bottom: 0;
}
.social-media li {
    display: inline-block;
    list-style: none;
    /* margin-left: 5px; */
}
.social-media li a {
    z-index: 0;
}
.my-nav .navbar-expand-lg .navbar-nav .nav-link, .social-media li a {
    position: relative;
}
.social-media li a {
    font-size: 15px;
    border-radius: 50%;
    padding: 3px 7px 0px 7px;
    position: relative;
    width: 35px;
    height: 35px;
    display: block;
    border: 1px solid #ed1b24;
    text-align: center;
    vertical-align: middle;
    color: #ed1b24;
}
.social-media li a::before {
    height: 0%;
    width: 0%;
    right: 50%;
    top: 50%;
    z-index: -2;
    border-radius: 50%;
    background-color: #ed1b24;
    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;
}
.social-media li a:hover {
    color: #fff;
}
.social-media li a:hover::before {
    height: 100%;
    width: 100%;
    top: 0;
    right: 0;
}


.shadow::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;
}
/* .shadow:hover::before {
    opacity: 0;
} */


.t_shadow{
    text-shadow: 2px 2px #000000;
}
@media only screen and (max-width: 767px) {
    .featured-posts li{
      margin:0 !important;
      width:100%;
      display: block !important;
      float: none;
    }
    ul.featured-posts{
        display: block !important;
    }
    .news_section .container,.news_section .container-fluid{
        padding-right: 0 !important;
    }
    .hover-overlay .overlay:hover {
        opacity: 1;
    }
  }

  @media only screen and (max-width: 479px){
        .logo {
            text-align: left;
        }
    }