@import url('https://fonts.googleapis.com/css?family=Cairo');

.container {
    width: 1170px;
}

body {
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}

nav {
    border-bottom: #5abc13 2px solid;
}

#header,
#header #menu ul.menu>li>a:before,
#header *,
#specialfile .link a:after,
#subscribe form input,
#subscribe form label,
#subscribe form label:before,
.eff,
.eff *,
.eff:after,
.eff:before {
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out
}
a:link,
a:visited {
    color: #000
}
a:link:hover,
a:visited:hover {
    color: #293454
}
.m10 {
    margin: 10px
}
.m20 {
    margin: 20px
}
.m30 {
    margin: 30px
}
.m40 {
    margin: 40px
}
.m50 {
    margin: 50px
}
.mt10 {
    margin-top: 10px
}
.mt20 {
    margin-top: 20px
}
.mt30 {
    margin-top: 30px
}
.mt40 {
    margin-top: 40px
}
.mt50 {
    margin-top: 50px
}
.mr10 {
    margin-right: 10px
}
.mr20 {
    margin-right: 20px
}
.mr30 {
    margin-right: 30px
}
.mr40 {
    margin-right: 40px
}
.mr50 {
    margin-right: 50px
}
.mr60 {
    margin-bottom: 60px
}
.mr70 {
    margin-bottom: 70px
}
.mr80 {
    margin-bottom: 80px
}
.mr90 {
    margin-bottom: 90px
}
.mb10 {
    margin-bottom: 10px
}
.mb20 {
    margin-bottom: 20px
}
.mb30 {
    margin-bottom: 30px
}
.mb40 {
    margin-bottom: 40px
}
.mb50 {
    margin-bottom: 50px
}
.mb60 {
    margin-bottom: 60px
}
.mb70 {
    margin-bottom: 70px
}
.mb80 {
    margin-bottom: 80px
}
.mb90 {
    margin-bottom: 90px
}
.mb100 {
    margin-bottom: 100px
}
.ml10 {
    margin-left: 10px
}
.ml20 {
    margin-left: 20px
}
.ml30 {
    margin-left: 30px
}
.ml40 {
    margin-left: 40px
}
.ml50 {
    margin-left: 50px
}
.ml60 {
    margin-bottom: 60px
}
.ml70 {
    margin-bottom: 70px
}
.ml80 {
    margin-bottom: 80px
}
.ml90 {
    margin-bottom: 90px
}
.p10 {
    margin: 10px
}
.p20 {
    margin: 20px
}
.p30 {
    margin: 30px
}
.p40 {
    margin: 40px
}
.p50 {
    margin: 50px
}
.pt10 {
    margin-top: 10px
}
.pt20 {
    margin-top: 20px
}
.pt30 {
    margin-top: 30px
}
.pt40 {
    margin-top: 40px
}
.pt50 {
    margin-top: 50px
}
.pr10 {
    margin-right: 10px
}
.pr20 {
    margin-right: 20px
}
.pr30 {
    margin-right: 30px
}
.pr40 {
    margin-right: 40px
}
.pr50 {
    margin-right: 50px
}
.pb10 {
    margin-bottom: 10px
}
.pb20 {
    margin-bottom: 20px
}
.pb30 {
    margin-bottom: 30px
}
.pb40 {
    margin-bottom: 40px
}
.pb50 {
    margin-bottom: 50px
}
.pl10 {
    margin-left: 10px
}
.pl20 {
    margin-left: 20px
}
.pl30 {
    margin-left: 30px
}
.pl40 {
    margin-left: 40px
}
.pl50 {
    margin-left: 50px
}
body,
html {
    direction: rtl
}
body {
    color: #02232f;
    font-size: 14px;
    font-family: 'Cairo', Arial, Helvetica, sans-serif;
    line-height: 1.42857143;
    background-color: #fff
}
.slick-list,
.slick-slider {
    position: relative;
    display: block
}
.slick-slider {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}
.slick-list {
    overflow: hidden;
    margin: 0;
    padding: 0
}
.slick-list:focus {
    outline: none
}
.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}
.slick-slider .slick-list,
.slick-slider .slick-track {
    -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;
    left: 0;
    top: 0;
    display: block
}
.slick-track:after,
.slick-track:before {
    content: "";
    display: table
}
.slick-track:after {
    clear: both
}
.slick-loading .slick-track {
    visibility: hidden
}
.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none
}
[dir=rtl] .slick-slide {
    float: right
}
#header #menu ul.menu>li:hover ul,
.ads a,
.slick-initialized .slick-slide,
.slick-slide img {
    display: block
}
.slick-slide.slick-loading img {
    display: none
}
.slick-slide.dragging img {
    pointer-events: none
}
.slick-loading .slick-slide {
    visibility: hidden
}
.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}
#headerbody.fixed #header,
.layout-8 ._slider .slick-dots li button,
.slick-arrow.slick-hidden,
.specialfile-container2 ._slider .slick-dots li button {
    display: none
}
#header {
    height: 90px;
    background-color: #3598db;
    position: relative;
    z-index: 99;
    width: 100%
}
#header.fixed {
    height: 60px;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 99
}
#header.fixed .logo img.img-1 {
    height: 60px;
    margin-top: 0
}
#header.fixed .logo img.img-2 {
    height: 40px
}
#header.fixed .menuToggle {
    height: 60px
}
#header.fixed .menuToggle i {
    line-height: 60px
}
#header.fixed #menu ul.menu>li>a {
    height: 60px;
    padding-top: 30px;
    font-size: 14px;
    font-weight: 300
}
#header.fixed .search,
#header.fixed .social {
    margin-top: 16px
}
#header.fixed .search,
#header.fixed .search input[type=text] {
    width: 28px;
    height: 28px
}
#header.fixed .search label {
    font-size: 16px;
    left: 7px
}
#header.fixed .search button {
    padding: 0 10px
}
#header.fixed .social a {
    width: 28px;
    height: 28px;
    font-size: 16px;
    line-height: 32px
}
#header .logo {
    float: right;
    margin: 0
}
#header .logo img,
.ads img {
    display: inline-block
}
#header .logo img.img-1 {
    height: 45px;
    background: #275a6a;
    padding: 5px 15px;
    margin-top: 28.5px;
}
#footer .subscribe form,
#header .logo img.img-2 {
    height: 40px
}
#header .menuToggle {
    float: right;
    width: 73px;
    height: 90px;
    cursor: pointer;
    overflow: hidden;
    text-align: center
}
#header .menuToggle i {
    color: #fff;
    font-size: 48px;
    line-height: 74px
}
#header #menu ul.menu,
#header #menu ul.menu>li ul {
    list-style-type: none;
    margin: 0
}
#header #menu ul.menu>li,
#header .search,
.layout-1 .item {
    position: relative
}
#header #menu ul.menu>li:hover>a:before,
#header #menu ul.menu>li>a:hover:before {
    height: 100%
}
#header #menu ul.menu>li>a {
    display: block;
    color: #fff;
    font-size: 18px;
    position: relative;
    padding: 34px 10px 0;
    height: 90px;
    background: url('../images/menu-border.png') left bottom no-repeat
}
#header #menu ul.menu>li>a:before {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 0;
    content: '';
    background: #5abc13;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #5abc13), color-stop(1, rgba(255, 96, 0, .2)));
    background: -ms-linear-gradient(bottom, #5abc13, rgba(255, 96, 0, .2));
    background: -o-linear-gradient(rgba(255, 96, 0, .2), #5abc13);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='rgba(255, 96, 0, 0.2)', endColorstr='#5abc13', GradientType=0)
}
#header #menu ul.menu>li>a span {
    position: relative;
    z-index: 2
}
#header #menu ul.menu>li ul {
    background-color: #5abc13;
    padding-top: 10px;
    padding-bottom: 10px
}
#header #menu ul.menu>li ul li a {
    display: block;
    padding: 4px 20px;
    color: #fff;
    font-size: 14px
}
#header #menu ul.menu>li ul li a:hover {
    background-color: #293454;
    color: #fff
}
#header .search {
    margin-top: 27px;
    width: 36px;
    height: 36px
}
#header .search input[type=text] {
    width: 36px;
    height: 36px;
    border: none;
    cursor: pointer;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
    background-color: #0065b3;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px
}
#header .search input[type=text].not-empty,
#header .search input[type=text]:focus {
    width: 300px;
    cursor: text;
    padding: 0 10px 0 58px;
    background-color: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}
#header .search input[type=text].not-empty~label,
#header .search input[type=text]:focus~label {
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    opacity: 0;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=0);
    filter: alpha(opacity=0);
    z-index: 1;
    visibility: hidden
}
#header .search input[type=text].not-empty~button,
#header .search input[type=text]:focus~button {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=100);
    filter: alpha(opacity=100);
    z-index: 3;
    visibility: visible
}
#header .search label {
    display: block;
    margin: 0;
    color: #fff;
    font-size: 20px;
    cursor: pointer;
    position: absolute;
    left: 9px;
    top: 7px;
    z-index: 4
}
#header .search button,
.layout-1 .item .cat {
    position: absolute;
    color: #fff;
    font-size: 14px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}
#header .search button {
    border: none;
    visibility: hidden;
    left: 4px;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    opacity: 0;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=0);
    filter: alpha(opacity=0);
    padding: 4px 10px;
    top: 4px;
    z-index: 5
}
#header .search button:hover {
    background-color: #0065b3
}
#header .social {
    height: 36px;
    margin-top: 27px
}
#header .social a,
.layout-2 .social a {
    display: block;
    color: #fff;
    text-align: center;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%
}
#header .social a {
    float: right;
    margin-left: 5px;
    width: 36px;
    height: 36px;
    font-size: 18px;
    line-height: 40px
}
#header .social a[class*=facebook],
.layout-2 .social a[class*=facebook] {
    background-color: #3b5998
}
#header .social a[class*=facebook]:hover {
    background-color: #344e86
}
#header .social a[class*=twitter],
.layout-2 .social a[class*=twitter] {
    background-color: #55acee
}
#header .social a[class*=twitter]:hover {
    background-color: #3ea1ec
}
#header .social a[class*=google],
.layout-2 .social a[class*=google] {
    background-color: #dd4b39
}
#header .social a[class*=google]:hover {
    background-color: #d73925
}
#header .social a[class*=feed] {
    background-color: #f26522
}
#header .social a[class*=feed]:hover {
    background-color: #ed560e
}
#header .social a[class*=instagram],
.layout-2 .social a[class*=instagram] {
    background-color: #3f729b
}
#header .social a[class*=instagram]:hover {
    background-color: #386589
}
#header .social a[class*=whatsapp] {
    background-color: #4dc247
}
#header .social a[class*=whatsapp]:hover {
    background-color: #41b43c
}
#header .social a[class*=youtube],
.layout-2 .social a[class*=youtube] {
    background-color: #cd201f
}
#header .social a[class*=youtube]:hover {
    background-color: #b71d1c
}
.layout-1 {
    padding-bottom: 15px;
    padding-top: 15px
}
.layout-1 .item:after {
    width: 100%;
    height: 70%;
    position: absolute;
    bottom: 0;
    right: 0;
    content: '';
    background: #000;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #000), color-stop(1, rgba(0, 0, 0, 0)));
    background: -ms-linear-gradient(bottom, #000, rgba(0, 0, 0, 0));
    background: -o-linear-gradient(rgba(0, 0, 0, 0), #000);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='rgba(0, 0, 0, 0)', endColorstr='#000000', GradientType=0)
}
.layout-1 .item .cat {
    top: 10px;
    right: 10px;
    z-index: 3;
    font-weight: 300;
    padding: 4px 6px;
    background-color: #293454
}
.layout-1 .item .cat:hover {
    background-color: #5abc13
}
#specialfile .link a:hover:after,
.layout-1 .item img,
.layout-3 .item .thumb img,
.layout-5 .featured img,
.layout-5 .item img,
.layout-5_2 .items .item img,
.layout-6 .item img,
.layout-7 .item img {
    width: 100%
}
.layout-1 .item .details {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1;
    width: 100%;
    padding: 25px
}
.layout-1 .item .details .caption {
    display: inline-block;
    margin-top: 0;
    color: #fff;
    font-size: 14px;
    font-weight: 300;
    padding: 4px 6px;
    background-color: #5abc13
}
.layout-1 .item .details .title {
    color: #fff;
    font-size: 20px;
    font-weight: 400;
    text-shadow: 1px 1px 0 #000;
    margin: 0
}
.layout-1 .item .details .title a {
    color: #fff
}
.layout-1 .item .link {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    text-indent: -999em
}
.layout-1 .more .item .details {
    padding: 10px
}
.layout-1 .more .item .details .title {
    font-size: 16px;
    line-height: 22px
}
.color-1 {
    background-color: #e7e6e6
}
.color-2 {
    background-color: #fff
}
.color-3 {
    background-color: #1c1c1c
}
.color-4 {
    background-color: #d8d8d8
}
.layout-2 {
    height: 120px;
    margin-bottom: 15px;
    border-bottom: 3px solid #ddd
}
.layout-2 .weather .item {
    margin: 5px 0;
    text-align: center;
    line-height: 25px;
    height: 103px;
    border-left: 1px solid #e7e6e6;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out
}
.layout-2 .weather .item:hover {
    color: #5abc13
}
.layout-2 .weather .item .city-name {
    margin-top: 35px;
    color: #a0cd52;
}
.layout-2 .weather .item .day {
    font-size: 16px;
    margin-bottom: 5px
}
.layout-2 .weather .item .icon {
    font-size: 32px;
    width: 50%;
    float: right;
    text-align: left;
    padding-left: 8px
}
.layout-2 .weather .item .numb {
    width: 50%;
    float: right;
    text-align: right;
    padding-right: 8px;
    font-family: Tahoma, Arial, Helvetica, sans-serif
}
#subscribe p,
.layout-2 .weather .item .numb p {
    margin-bottom: 0
}
.layout-2 .weather .item .numb .big {
    clear: both;
    font-size: 20px;
    position: relative
}
.layout-2 .weather .item .numb .big:after {
    content: attr(data-night);
    font-size: 12px;
    position: absolute;
    top: 100%;
    left: 0
}

.weather .icon img {
    width: 48px;
}

.layout-2 .social {
    text-align: left
}
.layout-2 .social a {
    width: 40px;
    height: 40px;
    font-size: 24px;
    line-height: 48px
}

.layout-2 .social a[class*=telegram]:hover i {
    background-position: 0 -40px
}
.layout-2 .social a[class*=telegram] i {
    display: block;
    width: 40px;
    height: 40px;
    background: url('../images/icon-telegram.png')
}
.layout-2 .currency .head {
    float: right;
    width: 100%;
    color: #293454;
    font-size: 18px;
}

.layout-2 .currency .items {
    margin-top: 10px
}
.layout-2 .currency .items .item {
    font-size: 16px
}
.layout-2 .currency .items .item .numb {
    float: left
}
.layout-3 .item,
.widget .widget-header {
    margin-bottom: 20px
}
.widget .widget-header .title {
    height: 28px;
    color: #293454;
    font-size: 22px;
    line-height: 28px;
    padding-right: 10px;
    border-right: 5px solid #5abc13;
}
.widget .widget-header .title:hover {
    color: #5abc13;
    border-right-color: #5abc13
}
.layout-8 .item:hover .details .title a,
.widget .widget-header .title:hover a {
    color: #5abc13
}
.layout-3 .item .thumb {
    position: relative
}
.layout-3 .item .thumb .cat {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 3;
    color: #fff;
    font-size: 14px;
    font-weight: 300;
    padding: 4px 6px;
    background-color: #293454;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}
.layout-3 .item .thumb .cat:hover {
    background-color: #5abc13
}
.layout-3 .item .details .title {
    font-size: 20px;
    font-weight: bold;
    line-height: 28px;
    height: 56px;
    overflow: hidden
}
.layout-3 .item .details .desc {
    color: #5a5a5a;
    font-size: 13px;
    line-height: 20px;
    margin-bottom: 0;
    overflow: hidden;
    height: 60px
}
.marquee {
    direction: ltr;
    width: 100%;
    height: 100%;
    overflow: hidden
}
.layout-4 .widget-header {
    height: 50px;
    background-color: #a0cd52
}
.layout-4 .widget-header .title {
    margin: 0
}
.layout-4 .widget-header .title a {
    display: block;
    color: #fff;
    font-size: 20px;
    line-height: 50px;
    padding: 0 20px
}
.layout-4 .widget-body {
    height: 656px;
    background: #e1e8ed;
    padding: 0 20px 20px;
    border: 1px solid #a0cd52;
    border-bottom: 10px solid #a0cd52;
}
.layout-4 .item {
    display: block;
    padding: 8px 0;
    font-size: 17px;
    direction: rtl
}
.layout-4 .item:hover {
    text-decoration: underline
}
.layout-4 .item .date {
    font-size: 12px;
    font-weight: 300;
    color: #e91802
}
.ads {
    text-align: center
}
.section-2 {
    margin-bottom: 20px
}
.layout-4 .item,
.layout-5 .widget-header {
    position: relative
}
.layout-5 .widget-header .title {
    border-right-color: #fff
}
.layout-5 .widget-header .title a {
    color: #fff
}
.layout-5 .widget-header .more:hover,
.layout-5 .widget-header .title:hover .more {
    color: #fff;
    background-color: #293454
}
.layout-5 .widget-header .more {
    color: #fff;
    font-size: 20px;
    font-weight: 300;
    padding: 5px 15px;
    position: absolute;
    left: 0;
    bottom: -20px;
    background-color: #5abc13;
    -webkit-border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    border-radius: 10px 10px 0 0
}
.layout-5 .featured,
.layout-5 .item {
    position: relative;
    margin-bottom: 30px
}
.layout-5 .featured:after {
    z-index: 1
}
.layout-5 .featured .icon {
    position: absolute;
    top: 50%;
    right: 50%;
    z-index: 2;
    margin: -32px -32px 0 0;
    width: 64px;
    height: 64px;
    color: #fff;
    font-size: 32px;
    line-height: 72px;
    text-align: center;
    background-color: #1c1c1c;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%
}
.layout-5 .featured .details {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 2;
    width: 100%;
    padding: 25px
}
.layout-5 .featured .details .title {
    color: #fff;
    font-size: 22px;
    font-weight: 400;
    text-align: center;
    text-shadow: 1px 1px 0 #000;
    margin: 0
}
.layout-5 .featured .details .title a {
    color: #fff;
    display: block;
    height: 28px;
    overflow: hidden;
    padding-top: 4px
}
.layout-5 .featured .link {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 3;
    width: 100%;
    height: 100%;
    text-indent: -999em
}
.layout-5 .featured:after,
.layout-5 .item:after,
.layout-6 .item:after,
.layout-7 .item:after,
.layout-8 .item:after {
    width: 100%;
    height: 70%;
    position: absolute;
    bottom: 0;
    right: 0;
    content: '';
    background: #000;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #000), color-stop(1, rgba(0, 0, 0, 0)));
    background: -ms-linear-gradient(bottom, #000, rgba(0, 0, 0, 0));
    background: -o-linear-gradient(rgba(0, 0, 0, 0), #000);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='rgba(0, 0, 0, 0)', endColorstr='#000000', GradientType=0)
}
.layout-5 .item .icon {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    color: #fff;
    font-size: 32px;
    padding: 10px 20px 0;
    background-color: #000
}
.layout-5 .item .details {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1;
    width: 100%;
    padding: 15px
}
.layout-5 .item .details .caption {
    display: inline-block;
    margin-top: 0;
    color: #fff;
    font-size: 14px;
    font-weight: 300;
    padding: 4px 6px;
    background-color: #5abc13
}
.layout-5 .item .details .title {
    color: #fff;
    font-size: 20px;
    font-weight: 300;
    line-height: 28px;
    text-shadow: 1px 1px 0 #000;
    margin: 0
}
#footer .links a:hover,
#footer .social a:hover,
.layout-5 .item .details .title a,
.layout-5_2 .widget-header .title a,
.layout-6 .item .details .title a,
.layout-7 .item .details .title a {
    color: #fff
}
.layout-5 .item .link {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    text-indent: -999em
}
.layout-5_2 .widget-header {
    position: relative
}
.layout-5_2 .widget-header .title {
    border-right-color: #fff
}
.layout-5_2 .player .featured {
    position: relative;
    cursor: pointer
}
.site_player {
    position: relative;
}
.layout-5_2 .player .featured .details {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 3;
    width: 100%;
    padding: 20px;
    background: rgba(0, 0, 0, 0);
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(0, 0, 0, 0)), color-stop(1, #000));
    background: -ms-linear-gradient(bottom, rgba(0, 0, 0, 0), #000);
    background: -o-linear-gradient(#000, rgba(0, 0, 0, 0));
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='rgba(0, 0, 0, 0)', GradientType=0)
}
.layout-5_2 .player .featured .details .title {
    color: #fff;
    font-size: 24px;
    line-height: 34px;
    text-align: center
}
.layout-5_2 .player .featured .icon {
    font-size: 48px;
    position: absolute;
    top: 50%;
    right: 50%;
    z-index: 3;
    color: #fff;
    margin: -24px -24px 0 0
}
.layout-5_2 .video_info {
    position: absolute;
    color: #fff;
    bottom: 0;
    margin-bottom: 0;
    background: #5abc13;
    font-size: 18px;
    padding: 20px;
    width: 100%;
}
.layout-5_2 .items {
    padding: 5px 5px 5px 0;
    background-color: #333
}
#subscribe form,
.layout-5_2 .items .item,
.layout-6 .item,
.layout-7 .item {
    position: relative
}
.layout-5_2 .items .item.active {
    -moz-opacity: .6;
    -khtml-opacity: .6;
    -webkit-opacity: .6;
    opacity: .6;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=60);
    filter: alpha(opacity=60)
}
.layout-5_2 .items .item.active .details,
.layout-5_2 .items .item:hover .details {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=100);
    filter: alpha(opacity=100)
}
.layout-5_2 .items .item .details {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    padding: 15px;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    opacity: 0;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=0);
    filter: alpha(opacity=0);
    background-color: rgba(0, 0, 0, .7)
}
.layout-5_2 .items .item .details .title {
    margin: 0;
    color: #fff;
    font-size: 18px;
    line-height: 28px;
    text-align: center
}
.layout-6 {
    margin-bottom: 30px
}
.layout-6 .item .details {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1;
    width: 100%;
    padding: 15px
}
.layout-6 .item .details .title {
    line-height: 28px
}
.layout-6 .item .link {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    text-indent: -999em
}
.layout-7 {
    padding-bottom: 15px;
    padding-top: 15px
}
.layout-7 .item .icon {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    color: #fff;
    font-size: 32px;
    padding: 10px 20px 0;
    background-color: #000
}
.layout-7 .item .details {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1;
    width: 100%;
    padding: 25px
}
.layout-6 .item .details .title,
.layout-7 .item .details .title {
    color: #fff;
    font-size: 20px;
    font-weight: 400;
    text-shadow: 1px 1px 0 #000;
    margin: 0
}
.layout-7 .item .link {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    text-indent: -999em
}
.layout-7 .more .item .details {
    padding: 10px
}
.layout-7 .more .item .details .title {
    font-size: 16px;
    line-height: 22px
}
#footer {
    background-color: #2d2d2d;
    padding-bottom: 20px;
    padding-top: 20px
}


#footer .subscribe form input[type=text] {
    float: right;
    width: -moz-calc(100% - 40px);
    width: -webkit-calc(100% - 40px);
    width: calc(100% - 40px);
    height: 40px;
    border: none;
    padding: 0 10px;
    background-color: #fff
}
#footer .subscribe form button {
    float: right;
    width: 40px;
    height: 40px;
    color: #fff;
    font-size: 24px;
    line-height: 40px;
    border: none;
    background-color: #5abc13
}
#header .search button,
.layout-8 ._slider .slick-dots li.slick-active,
.specialfile-container2 ._slider .slick-dots li.slick-active {
    background-color: #293454
}

#footer .links .head,
#footer .social .head,
#footer .subscribe .head {
    display: block;
    clear: both;
    color: #fff;
    font-size: 20px;
    margin-bottom: 20px
}
#footer .links a {
    width: 33.33333333%;
    display: inline-block;
    font-weight: 300;
    font-size: 16px;
    color: #b6b6b6;
    margin-bottom: 10px
}
#footer .subscribe form button {
    background-color: #293454
}
#footer .subscribe form button:hover {
    background-color: #5abc13
}
#footer .social {
    text-align: right;
    margin-bottom: 40px
}
#footer .social a {
    display: inline-block;
    width: 32px;
    height: 32px;
    color: #fff;
    font-size: 18px;
    margin-left: 5px;
    line-height: 34px;
    text-align: center;
    border: 1px solid #fff
}
#footer .social a[class*=facebook]:hover {
    background-color: #3b5998
}
#footer .social a[class*=twitter]:hover {
    background-color: #55acee
}
#footer .social a[class*=google]:hover {
    background-color: #dd4b39
}
#footer .social a[class*=instagram]:hover {
    background-color: #3f729b
}
#footer .social a[class*=youtube]:hover {
    background-color: #cd201f
}
#footer .social a[class*=feed]:hover {
    background-color: #f26522
}
#footer .social a[class*=telegram] {
    margin-bottom: -8px
}
#footer .social a[class*=telegram]:hover {
    background-color: #08c
}
#footer .social a[class*=telegram] i {
    display: block;
    width: 30px;
    height: 30px;
    background: url('../images/icon-telegram3.png') center no-repeat
}
.footer {
    background-color: #2a2a2a;
    height: 40px
}
.footer .copyright {
    float: right;
    margin-bottom: 0;
    font-size: 12px;
    color: #fff;
    line-height: 40px
}
.footer .atyaf {
    float: left;
    color: #878787;
    font-size: 14px;
    line-height: 40px
}
.footer .atyaf:hover {
    color: #ff2e63
}
#subscribe {
    background-color: #ededed;
    padding: 25px 0
}
#subscribe h2 {
    color: #293454;
    margin-top: 0
}
#subscribe p {
    color: #6f6f6f;
    font-size: 14px
}
#subscribe form {
    width: 100%;
    height: 40px;
    margin-top: 12px
}
#subscribe form input {
    width: 100%;
    height: 100%;
    border: none;
    padding: 0 46px 0 10px;
    background-color: #d6d6d6
}
#subscribe form input.not-empty,
#subscribe form input:focus {
    background-color: #fff
}
#subscribe form input.not-empty~.icon,
#subscribe form input:focus~.icon {
    color: #293454
}
#subscribe form input.not-empty~.label-text,
#subscribe form input:focus~.label-text {
    top: 45px;
    right: 0;
    font-size: 11px;
    color: #ff3d3c
}
#subscribe form input.not-empty~.label-text:before,
#subscribe form input:focus~.label-text:before {
    content: 'اضف بريدك ثم اضغط Enter'
}
#subscribe form input.not-empty~.label-text {
    color: #888
}
#subscribe form input.not-empty~.label-text:before {
    content: 'الاشتراك بالقائمة البريدية'
}
#subscribe form .icon {
    width: 40px;
    height: 40px;
    position: absolute;
    right: 0;
    top: 0;
    margin-bottom: 0;
    color: #646464;
    font-size: 24px;
    line-height: 48px;
    text-align: center
}
#subscribe form .label-text {
    position: absolute;
    right: 46px;
    top: 9px;
    cursor: text;
    color: #646464;
    font-size: 16px;
    margin-bottom: 0
}
#subscribe form .label-text:before {
    content: 'البريد الإلكتروني'
}
#footer2 {
    padding-top: 30px;
    padding-bottom: 50px;
    background-color: #2d2d2d;
    width: 1170px;
    margin-left: auto;
    margin-right: auto;
}
#footer2 .links .head {
    display: block;
    clear: both;
    color: #fff;
    font-size: 16px;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #696969
}
#footer2 .links a {
    width: 32.66666667%;
    display: inline-block;
    font-weight: 300;
    font-size: 16px;
    color: #ededed;
    margin-bottom: 10px
}
#footer2 .links a:hover,
.social-block a:hover,
.specialfile-container2 .head a,
.specialfile-container2 .specialfile_content .title a {
    color: #fff
}
.specialfile-container,
.specialfile-container2 {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 0 0;
    margin-bottom: 40px;
    padding: 50px 0;
    position: relative
}
.specialfile-container .opacity,
.specialfile-container2 .opacity {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    background-color: rgba(0, 0, 0, .6)
}
.specialfile-container2 {
    padding: 0 0 50px
}
.specialfile-container2 .opacity {
    background-color: rgba(0, 0, 0, .7)
}
.specialfile-container2 .container {
    position: relative
}
.specialfile-container2 .head {
    height: 80px;
    margin: 0;
    padding: 0 30px;
    display: inline-block;
    color: #fff;
    font-size: 28px;
    line-height: 80px;
    background-color: #5abc13;
}
.specialfile-container2 ._slider {
    position: relative
}
.specialfile-container2 ._slider .slick-dots {
    position: absolute;
    left: 10px;
    top: -50px;
    z-index: 3
}
.layout-8 ._slider .slick-dots li,
.specialfile-container2 ._slider .slick-dots li {
    width: 9px;
    height: 9px;
    margin-right: 6px;
    display: inline-block;
    background-color: #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}
#specialfile,
.specialfile-container2 .specialfile_content {
    position: relative;
    z-index: 2
}
.specialfile-container2 .specialfile_content .title {
    font-size: 28px;
    font-weight: 700;
    color: #fff;
    margin: 20px 0;
    line-height: 40px
}
#specialfile h4 a:hover,
.specialfile-container2 .specialfile_content .title a:hover {
    color: #000
}
.specialfile-container2 .specialfile_content p.info {
    font-size: 20px;
    color: #ccc;
    text-align: justify;
    line-height: 30px
}
#specialfile .link,
.specialfile-container2 .specialfile_content .link {
    text-align: left;
    margin-top: 10px
}
.specialfile-container2 .specialfile_content .link a {
    display: inline-block;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    padding: 8px 20px;
    position: relative;
    background-color: #464646
}
.specialfile-container2 .specialfile_content .link a:hover {
    background-color: #5abc13
}
#specialfile .col-2 img,
.specialfile-container2 .specialfile_content .col-2 img {
    border: 5px solid #fff
}
#specialfile .link a,
#specialfile h1 .title {
    font-size: 48px;
    font-weight: 700;
    color: #5abc13
}
#specialfile h4 {
    font-size: 28px;
    font-weight: 700;
    color: #fff
}
#specialfile h4 a {
    color: #ffec2e
}
#specialfile p.info {
    font-size: 20px;
    color: #fff
}
#specialfile .link a {
    font-size: 32px;
    position: relative
}
#specialfile .link a:after {
    width: 0;
    height: 1px;
    position: absolute;
    top: 100%;
    right: 0;
    background-color: #5abc13;
    content: ' '
}
.social-block {
    min-height: 156px
}
.social-block a {
    display: block;
    width: 25%;
    float: right;
    color: #fff;
    font-size: 24px;
    padding: 24px 0 20px;
    text-align: center
}
.social-block a[class*=facebook] {
    background-color: #3b5998
}
.social-block a[class*=facebook]:hover {
    background-color: #2d4373
}
.social-block a[class*=twitter] {
    background-color: #55acee
}
.social-block a[class*=twitter]:hover {
    background-color: #2795e9
}
.social-block a[class*=google] {
    background-color: #dd4b39
}
.social-block a[class*=google]:hover {
    background-color: #c23321
}
.social-block a[class*=instagram] {
    background-color: #3f729b
}
.social-block a[class*=instagram]:hover {
    background-color: #305777
}
.social-block a[class*=youtube] {
    background-color: #cd201f
}
.social-block a[class*=youtube]:hover {
    background-color: #a11918
}
.social-block a[class*=feed] {
    background-color: #f26522
}
.social-block a[class*=feed]:hover {
    background-color: #d44d0d
}
.social-block a[class*=whatsapp] {
    background-color: #4dc247
}
.social-block a[class*=whatsapp]:hover {
    background-color: #3ba135
}
.social-block a[class*=telegram] {
    background: #2fade6 url('../images/icon-telegram-3.png') center no-repeat;
    padding-top: 58px
}
.social-block a[class*=telegram]:hover {
    background-color: #1892ca
}
.social-widgets .social-widget {
    background-color: #fff;
    border: 1px solid #dadada
}
.social-widgets .social-widget .header {
    padding: 15px;
    position: relative
}
.social-widgets .social-widget .header .icon {
    float: right;
    color: #fff;
    font-size: 32px;
    margin-left: 15px;
    margin-right: 5px
}
.social-widgets .social-widget .header .details {
    margin-right: 50px
}
.social-widgets .social-widget .header h2 {
    color: #fff;
    font-size: 18px;
    margin-top: 0;
    margin-bottom: 5px
}
.social-widgets .social-widget .header p {
    font-weight: 300;
    font-size: 12px;
    color: #fff;
    margin-bottom: 0
}
.social-widgets .social-widget .header .button {
    position: absolute;
    left: 10px;
    top: 10px
}
.social-widgets .social-widget.facebook .header {
    background-color: #3b5998
}
.social-widgets .social-widget.twitter .header {
    background-color: #55acee
}
.social-widgets .social-widget.instagram .header {
    background-color: #9e7144
}
.img-eff,
.img-eff .thumb,
.layout-3 .item,
.layout-3 .item .thumb {
    overflow: hidden
}
.img-eff:hover img,
.layout-3 .item:hover img {
    -webkit-transform: scale(1.4);
    -moz-transform: scale(1.4);
    -o-transform: scale(1.4);
    -ms-transform: scale(1.4);
    transform: scale(1.4)
}
.img-eff img,
.layout-3 .item img {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 2s ease;
    -moz-transition: all 2s ease;
    -o-transition: all 2s ease;
    transition: all 2s ease
}

.layout-8 .col-1 {
    padding-right: 0;
    padding-left: 0
}
.layout-8 .col-1 .item .details {
    padding: 25px
}
.layout-8 .col-1 .item .details .title {
    font-size: 24px
}
.layout-8 .col-2 {
    padding-right: 6px;
    padding-left: 0
}
.layout-8 ._slider,
.layout-8 .item {
    position: relative
}
.layout-8 ._slider .slick-dots {
    position: absolute;
    left: 10px;
    top: 10px;
    z-index: 3
}
.layout-8 .item {
    margin-bottom: 6px
}
.layout-8 .item .cat:hover,
.layout-8 .item .icon:hover,
.layout-8 .item:hover .icon {
    background-color: #5abc13
}
.layout-8 .item .cat,
.layout-8 .item .icon {
    position: absolute;
    color: #fff;
    background-color: #293454
}
.layout-8 .item .cat {
    font-weight: 300;
    padding: 4px 6px;
    top: 10px;
    right: 10px;
    z-index: 3;
    font-size: 14px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}
.layout-8 .item .icon {
    top: 50%;
    right: 50%;
    z-index: 1;
    width: 40px;
    height: 40px;
    text-align: center;
    font-size: 18px;
    line-height: 40px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    -webkit-transform: translate(50%, -50%);
    -moz-transform: translate(50%, -50%);
    -o-transform: translate(50%, -50%);
    -ms-transform: translate(50%, -50%);
    transform: translate(50%, -50%)
}
.layout-10 .col.__2 img,
.layout-7-2 .gallery-container .slider-container .slider .item img,
.layout-7-2 .gallery-pagination .item img,
.layout-8 .item img {
    width: 100%
}
.layout-8 .item .details {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 4;
    width: 100%;
    padding: 8px
}
.layout-8 .item .details .caption {
    display: inline-block;
    margin-top: 0;
    color: #fff;
    font-size: 14px;
    font-weight: 300;
    padding: 4px 6px;
    background-color: #5abc13
}
.layout-8 .item .details .title {
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
    text-shadow: 1px 1px 0 #000;
    margin: 0
}
.layout-8 .item .details .title a {
    color: #fff
}
.layout-8 .item .link {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    text-indent: -999em
}
.layout-8 .more_images .next,
.layout-8 .more_images .prev {
    position: absolute;
    top: 0;
    z-index: 2;
    width: 80px;
    height: 100%
}
.layout-8 .more_images .next i,
.layout-8 .more_images .prev i {
    color: #fff;
    font-size: 48px;
    position: absolute;
    top: 50%;
    right: 50%;
    margin: -24px -24px 0 0
}
.layout-8 .more_images .prev {
    right: 0;
    background: rgba(0, 0, 0, 0);
    background: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .7) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, .7)));
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .7) 100%);
    background: -o-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .7) 100%);
    background: -ms-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .7) 100%);
    background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .7) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='rgba(0, 0, 0, 0.7)', endColorstr='rgba(0, 0, 0, 0)', GradientType=1)
}
.layout-8 .more_images .prev:hover {
    background: rgba(0, 0, 0, 0);
    background: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 0%, #000 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, #000));
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, #000 100%);
    background: -o-linear-gradient(left, rgba(0, 0, 0, 0) 0%, #000 100%);
    background: -ms-linear-gradient(left, rgba(0, 0, 0, 0) 0%, #000 100%);
    background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, #000 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='rgba(0, 0, 0, 0)', GradientType=1)
}
.layout-8 .more_images .next {
    left: 0;
    background: rgba(0, 0, 0, .7);
    background: -moz-linear-gradient(left, rgba(0, 0, 0, .7) 0%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(0, 0, 0, .7)), color-stop(100%, rgba(0, 0, 0, 0)));
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, .7) 0%, rgba(0, 0, 0, 0) 100%);
    background: -o-linear-gradient(left, rgba(0, 0, 0, .7) 0%, rgba(0, 0, 0, 0) 100%);
    background: -ms-linear-gradient(left, rgba(0, 0, 0, .7) 0%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to right, rgba(0, 0, 0, .7) 0%, rgba(0, 0, 0, 0) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='rgba(0, 0, 0, 0)', endColorstr='rgba(0, 0, 0, 0.7)', GradientType=1)
}
.layout-8 .more_images .next:hover {
    background: #000;
    background: -moz-linear-gradient(left, #000 0%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #000), color-stop(100%, rgba(0, 0, 0, 0)));
    background: -webkit-linear-gradient(left, #000 0%, rgba(0, 0, 0, 0) 100%);
    background: -o-linear-gradient(left, #000 0%, rgba(0, 0, 0, 0) 100%);
    background: -ms-linear-gradient(left, #000 0%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to right, #000 0%, rgba(0, 0, 0, 0) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='rgba(0, 0, 0, 0)', endColorstr='#000000', GradientType=1)
}
.layout-8 .more .item .details {
    padding: 10px
}
.layout-8 .more .item .details .title {
    font-size: 16px;
    line-height: 22px
}
.layout-9 .item {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px dotted #bfbfbf
}
.layout-9 .item:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0
}
.layout-9 .item .author .avatar,
.layout-9 .item .author .details {
    display: table-cell;
    vertical-align: middle
}
.latest_news_page .item:before,
.layout-9 .item .author .avatar img {

}
.layout-9 .item .author .avatar img {
    border: 1px solid #293454
}
.layout-9 .item .author .details {
    padding-right: 10px
}
.layout-9 .item .author .details .cap,
.layout-9 .item .author .details .datetime {
    font-size: 10px;
    margin-bottom: 5px
}
.layout-9 .item .author .details .name {
    margin: 0;
    font-size: 13px;
    line-height: 1.8em;
    height: 60px;
    overflow: hidden;
}
.layout-9 .item .author .details .job {
    font-size: 13px;
    margin-bottom: 0;
    height: 14px;
    overflow: hidden
}
.layout-9 .item .author .details .job a {
    color: #999
}
.layout-9 .item .title {
    font-size: 20px
}
.layout-9 .item .info {
    display: none;
    color: #666;
    font-size: 12px;
    font-family: Tahoma, Times, Baskerville, Georgia, serif
}
.layout-10 .widget-header .title {
    color: #5abc13;
    border-right: 5px solid #5abc13
}
.layout-10 .widget-header .title a {
    color: #5abc13
}
.layout-10 .widget-header .title:hover {
    color: #293454;
    border-right-color: #293454
}
.layout-10 .col.__1 .title a:hover,
.layout-10 .widget-header .title:hover a {
    color: #293454
}
.layout-10 .col.__1,
.layout-10 .widget-body {
    background-color: #fff
}
.layout-10 .col.__1 {
    padding: 15px 15px 15px 0
}
.layout-10 .col.__1 .title {
    font-size: 28px;
    margin-top: 0
}
.layout-10 .col.__1 .title a {
    color: #282828
}
.layout-10 .col.__1 .datetime {
    color: #717171;
    font-size: 16px
}
.layout-10 .col.__1 .text.column p {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px
}
.layout-10 .col.__1 .text p {
    color: #5a5a5a;
    font-size: 18px;
    margin-bottom: 0;
    text-align: justify;
    font-family: "Cairo", "Helvetica Neue";
    line-height: 28px;
    padding-left: 20px
}
.layout-10 .col.__1 .more {
    text-align: left;
    padding-left: 20px;
    font-family: "Cairo", "Helvetica Neue"
}
.layout-10 .col.__1 .more a {
    color: #5abc13
}
.layout-10 .col.__1 .more a:hover {
    color: #293454;
    text-decoration: underline
}
.layout-10 .col.__2 {
    background-color: #282828;
    position: relative;
    padding: 15px
}
.layout-10 .col.__2 .icon {
    position: absolute;
    top: 50%;
    right: 50%;
    z-index: 2;
    color: #fff;
    font-size: 64px;
    text-shadow: 1px 1px 0 #000;
    -webkit-transform: translate(50%, -50%);
    -moz-transform: translate(50%, -50%);
    -o-transform: translate(50%, -50%);
    -ms-transform: translate(50%, -50%);
    transform: translate(50%, -50%)
}
.layout-7-2,
.video-player {
    padding-top: 30px;
    padding-bottom: 30px
}
.layout-7-2 .widget-header {
    margin-bottom: 30px
}
.layout-7-2 .gallery-pagination .item {
    position: relative;
    margin-bottom: 15px
}
.layout-7-2 .gallery-pagination .item.active:after {
    height: 70%;
    background: #000;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #000), color-stop(1, rgba(0, 0, 0, 0)));
    background: -ms-linear-gradient(bottom, #000, rgba(0, 0, 0, 0));
    background: -o-linear-gradient(rgba(0, 0, 0, 0), #000);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='rgba(0, 0, 0, 0)', endColorstr='#000000', GradientType=0)
}
.layout-7-2 .gallery-pagination .item:after {
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    right: 0;
    content: '';
    background-color: rgba(0, 0, 0, .6)
}
.layout-7-2 .gallery-pagination .item .icon {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    color: #fff;
    font-size: 32px;
    padding: 10px 20px 0;
    background-color: #000
}
.layout-7-2 .gallery-pagination .item .details {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1;
    width: 100%;
    padding: 5px
}
.layout-7-2 .gallery-pagination .item .details .title {
    color: #fff;
    font-size: 13px;
    font-weight: 400;
    line-height: 17px;
    max-height: 36px;
    overflow: hidden;
    text-shadow: 1px 1px 0 #000;
    margin: 0
}
.layout-7-2 .gallery-pagination .item .details .title a {
    color: #fff
}
.layout-7-2 .gallery-pagination .item .link {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    text-indent: -999em
}
.layout-7-2 .gallery-container {
    position: relative;
    background-color: #f1f1f1
}

.layout-7-2 .gallery-container .slider-container:before {
    width: 100%;
    height: 18%;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1;
    content: '';
    background: rgba(0, 0, 0, .8);
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(0, 0, 0, .8)), color-stop(1, rgba(0, 0, 0, 0)));
    background: -ms-linear-gradient(bottom, rgba(0, 0, 0, .8), rgba(0, 0, 0, 0));
    background: -o-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8));
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='rgba(0, 0, 0, 0)', endColorstr='rgba(0, 0, 0, 0.8)', GradientType=0)
}
.layout-7-2 .gallery-container .slider-container .slider-title {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 3;
    padding: 20px;
    width: 100%
}
.layout-7-2 .gallery-container .slider-container .slider-title h2 {
    margin: 0;
    color: #fff;
    font-size: 24px
}
.layout-7-2 .gallery-container .slider-container .slider .next,
.layout-7-2 .gallery-container .slider-container .slider .prev {
    position: absolute;
    top: 0;
    z-index: 2;
    width: 80px;
    height: 100%
}
.layout-7-2 .gallery-container .slider-container .slider .next i,
.layout-7-2 .gallery-container .slider-container .slider .prev i {
    color: #fff;
    font-size: 64px;
    position: absolute;
    top: 50%;
    right: 50%;
    margin: -32px -32px 0 0
}
.layout-7-2 .gallery-container .slider-container .slider .next.slick-disabled,
.layout-7-2 .gallery-container .slider-container .slider .prev.slick-disabled {
    display: none!important
}
.layout-7-2 .gallery-container .slider-container .slider .prev {
    right: 0;
    background: rgba(0, 0, 0, 0);
    background: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .7) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, .7)));
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .7) 100%);
    background: -o-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .7) 100%);
    background: -ms-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .7) 100%);
    background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .7) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='rgba(0, 0, 0, 0.7)', endColorstr='rgba(0, 0, 0, 0)', GradientType=1)
}
.layout-7-2 .gallery-container .slider-container .slider .prev:hover {
    background: rgba(0, 0, 0, 0);
    background: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 0%, #000 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, #000));
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, #000 100%);
    background: -o-linear-gradient(left, rgba(0, 0, 0, 0) 0%, #000 100%);
    background: -ms-linear-gradient(left, rgba(0, 0, 0, 0) 0%, #000 100%);
    background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, #000 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='rgba(0, 0, 0, 0)', GradientType=1)
}
.layout-7-2 .gallery-container .slider-container .slider .next {
    left: 0;
    background: rgba(0, 0, 0, .7);
    background: -moz-linear-gradient(left, rgba(0, 0, 0, .7) 0%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(0, 0, 0, .7)), color-stop(100%, rgba(0, 0, 0, 0)));
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, .7) 0%, rgba(0, 0, 0, 0) 100%);
    background: -o-linear-gradient(left, rgba(0, 0, 0, .7) 0%, rgba(0, 0, 0, 0) 100%);
    background: -ms-linear-gradient(left, rgba(0, 0, 0, .7) 0%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to right, rgba(0, 0, 0, .7) 0%, rgba(0, 0, 0, 0) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='rgba(0, 0, 0, 0)', endColorstr='rgba(0, 0, 0, 0.7)', GradientType=1)
}
.layout-7-2 .gallery-container .slider-container .slider .next:hover {
    background: #000;
    background: -moz-linear-gradient(left, #000 0%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #000), color-stop(100%, rgba(0, 0, 0, 0)));
    background: -webkit-linear-gradient(left, #000 0%, rgba(0, 0, 0, 0) 100%);
    background: -o-linear-gradient(left, #000 0%, rgba(0, 0, 0, 0) 100%);
    background: -ms-linear-gradient(left, #000 0%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to right, #000 0%, rgba(0, 0, 0, 0) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='rgba(0, 0, 0, 0)', endColorstr='#000000', GradientType=1)
}
.layout-7-2 .gallery-container .slider-container .gallery-count {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
    font-size: 18px;
    color: #5abc13;
    padding: 20px
}
.layout-7-2 .gallery-container .slider-container .gallery-count .text {
    margin: 0 6px
}
.layout-7-2 .gallery-container .slider-loader {
    display: none;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 4;
    background: #dedede url('../images/loader.gif') center center no-repeat
}
.latest_news_page .item.active .close_,
.latest_news_page .item.active .info,
.layout-7-2 .gallery-container .slider-loader.active {
    display: block
}
.video-player {
    background-color: #1c1c1c
}
.section-6 {
    padding-top: 20px;
    padding-bottom: 20px
}
.section-6 .widget {
    padding: 20px;
    background-color: #fff
}
.latest_news_page .head {
    font-size: 24px;
    color: #293454
}
.latest_news_page .item {
    border-right: 1px solid #eee;
    padding: 15px;
    position: relative
}
.latest_news_page .item.active {
    border-top: 2px solid #ccc;
    border-bottom: 2px solid #ccc
}
.latest_news_page .item.active .more_ {
    display: none
}
.latest_news_page .item:before {
    width: 12px;
    height: 12px;
    content: '';
    position: absolute;
    top: 15px;
    right: -6px;
    z-index: 2;
    background-color: #ccc
}
.latest_news_page .item:nth-child(even) {
    background-color: #f8f8f8
}
.latest_news_page .item.breaking {
    background-color: #fff2f3
}
.latest_news_page .item .datetime {
    color: #797979;
    font-size: 12px;
    font-weight: 700
}
.latest_news_page .item .datetime span {
    color: #999;
    margin-right: 5px
}
.latest_news_page .item .title {
    font-size: 20px;
    line-height: 30px;
    font-family: Cairo, 'Cairo', Arial, Helvetica, sans-serif
}
.latest_news_page .item .close_ a,
.latest_news_page .item .title span {
    display: inline-block;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}
.latest_news_page .item .title span {
    margin-left: 5px;
    line-height: normal;
    color: #fff;
    font-size: 12px;
    padding: 4px 10px;
    background-color: #d90c05
}
.latest_news_page .item .info {
    display: none;
    font-size: 14px;
    font-family: "Cairo", Arial
}
.latest_news_page .item .close_ {
    text-align: left;
    display: none
}
.latest_news_page .item .close_ a {
    font-size: 10px;
    color: #000;
    padding: 4px 10px 2px;
    background-color: #d4d4d4
}
.latest_news_page .item .close_ a:hover,
.latest_news_page .item .more_ a,
.latest_news_page .item .more_ a:hover {
    color: #fff;
    background-color: #293454
}
.latest_news_page .item .more_ {
    text-align: left
}
.latest_news_page .item .more_ a {
    display: inline-block;
    font-size: 10px;
    padding: 4px 10px 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}
.author_page .author_head {
    padding: 20px;
    margin-bottom: 30px;
    background-color: #f8f8f8
}
.author_page .author_head .author_details .author_name {
    font-size: 24px
}
.author_page .author_head .author_details .author_desc {
    font-size: 14px;
    color: #666
}
.widgetPage-l-4 .item {
    height: 70px;
    margin-bottom: 20px
}
.widgetPage-l-4 .item .thumb {
    float: right;
    width: 70px;
    height: 70px;
    margin-left: 10px
}
.widgetPage-l-4 .item .thumb img {
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%
}
.widgetPage-l-4 .item .details {
    height: 70px;
    vertical-align: middle
}
.widgetPage-l-4 .item .details .title {
    margin-top: 0;
    font-size: 20px
}
.widgetPage-l-4 .item .details .job {
    color: #999;
    font-size: 14px
}

@media (min-width: 1px) {
    #header .menuToggle {
        display: none
    }
    #header .logo {
        margin-left: 100px
    }
    #header #menu ul.menu>li,
    .layout-1 .col-1,
    .layout-1 .col-2 {
        float: right
    }
    #header #menu ul.menu>li ul {
        display: none;
        min-width: 190px;
        position: absolute;
        top: 100%;
        right: 0;
        z-index: 100
    }
    #header .search,
    #header .social {
        float: left
    }
    .layout-1 .col-1 {
        width: 49%;
        margin-left: 1%
    }
    .layout-1 .col-2 {
        width: 50%
    }
    .layout-1 .more {
        margin-top: 1%
    }
    .layout-1 .more .item {
        float: right;
        width: 49%
    }
    .layout-1 .more .item:first-child {
        margin-left: 2%
    }

    .layout-2 .weather .item,
    .primary {
        float: right;
        width: 33.33333333%
    }
    .layout-2 .currency,
    .layout-2 .social {
        float: right;
        padding-right: 10px;
        padding-top: 10px;
    }
    .layout-2 .social a {
        float: left;
        margin-right: 10px
    }
    .primary {
        width: 70%;
        margin-left: 2.564%
    }
    .secondary {
        width: 27.436%;
        float: right
    }

    .layout-3.item-grid .item:nth-child(3n),
    .layout-3.item-grid-2 .item:nth-child(2n) {
        margin-left: 0
    }

    .section-1 .secondary .layout-3 {
        margin-top: 70px
    }
    .layout-4 {
        margin-bottom: 30px
    }
    .layout-5 .item {
        float: right;
        width: 31.66666667%;
        margin-left: 2.5%
    }
    .layout-5 .item:nth-child(3n) {
        margin-left: 0
    }
    .layout-5 .item:last-child {
        display: none
    }
    .sys-grid .widget {
        float: right;
        width: 49%;
        margin-left: 2%
    }
    .sys-grid .widget:nth-child(2n) {
        margin-left: 0
    }
    .layout-7 .col-1,
    .layout-7 .col-2 {
        float: right
    }
    .layout-7 .col-1 {
        width: 50.683%
    }
    .layout-7 .col-1 .item.i-2 {
        margin-left: 3.2%
    }
    .layout-7 .col-2 {
        width: 49.317%
    }
    .layout-7 .more {
        padding-bottom: 20px
    }
    .layout-7 .more .item {
        float: right;
        width: 46.8%;
        margin-left: 3.2%
    }
    #footer .col-2,
    #footer .logo {
        width: 20%;
        float: right;
        margin-left: 5%
    }
    #footer .col-2 {
        width: 40%
    }
    #footer .col-3 {
        width: 30%;
        float: right
    }
    #specialfile .col-1,
    .specialfile-container2 .col-1 {
        float: right;
        width: 48%
    }
    #specialfile .col-2,
    .specialfile-container2 .col-2 {
        float: right;
        width: 49%;
        margin-right: 2%
    }
    .social-widgets .social-widget {
    }
    .layout-9:last-child,
    .social-widgets .social-widget:last-child {
        margin-left: 0
    }
    .layout-9 {
        margin-bottom: 30px;
    }
    .layout-7-2 .gallery-pagination {
        float: right;
        height: 551px;
        padding-left: 2%
    }
    .layout-7-2 .gallery-container {
        height: 551px;
        width: 100%;
    }
    #subscribe .col-1 {
        width: 70%;
        float: right
    }
    #subscribe .col-2 {
        width: 30%;
        float: left
    }
    #footer2 .col-1 {
        float: right;
        width: 60%
    }
    #footer2 .col-2 {
        float: right;
        width: 40%
    }
    .layout-5_2 .items .item {
        float: right;
        width: 19.57%;
        margin-left: .43%
    }
    .layout-5_2 .videoPlayer_height {
        min-height: 658px
    }
    .author_page .author_head .author_avatar {
        float: right;
        width: 25%
    }
    .author_page .author_head .author_details {
        float: right;
        width: 75%;
        padding-right: 40px
    }
    .ads-group .ads {
        width: 48.5%;
        float: right
    }
    .ads-group .ads:nth-child(1) {
        margin-left: 3%
    }
    .layout-10 .col {
        float: right
    }
    .layout-10 .col.__1 {
        width: 58.8%;
        min-height: 357px
    }
    .layout-10 .col.__2 {
        width: 41.2%
    }
}

.timeago {
    color: #293454;
    font-size: 12px;
    display: block;
}

.medium-text {
    font-size: 14px;
}

#bar_top {
    width: 100%;
    background: #293454;
    background: url('http://elmarada.org/gabarit/images/bg-header.jpg') repeat-x #28324e;
    float: left;
}

div.top1 {
    float: left;
    width: 100%;
    height: 100px;
    border-bottom: #3d465f 1px solid;
}

div.element_center {
    width: 1170px;
    margin: auto;
    color: #FFF;
}

div.top_header {
    float: left;
    width: 100%;
    margin-top: 5px;
    overflow: hidden;
}


div.search_bloc {
    margin-top: 16px;
}

div.information {
    float: left;
    width: 32%;
}

div.top_social, img.logo_mobile, div.background_social {
    display: none;
}
div.search_bloc input.text {
    width: 60%;
    border: 0px;
    padding-top: 6px;
    color: #000;
    padding-bottom: 6px;
    padding-right: 15px;
    height: 33px;
    float: left;
    text-align: right;
}

div.search_bloc .btn {
    width: 39px;
    height: 33px;
    border: 0px;
    background: url('http://elmarada.org/gabarit/images/search_icon.png') no-repeat center 0px;
    float: left;
    cursor: pointer;
}

div.top2 {
    width: 1170px;
    background: #FFF;
    margin: 0 auto;
}

#cssmenu, #cssmenu ul, #cssmenu ul li, #cssmenu ul li a, #cssmenu #menu-button {
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none;
    line-height: 1;
    display: block;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 999;
}


#cssmenu > ul > li {
    float: right;
}

#cssmenu > ul > li > a {
    padding: 14px 16px 15px 16px;
    font-size: 13.9px;
    text-decoration: none;
    text-transform: uppercase;
    color: #222a45;
    height: 43px;
    -webkit-transition: background .2s ease;
    transition: background .2s ease;
}
#cssmenu > ul > li:hover > a, #cssmenu > ul > li.active > a, #cssmenu > ul > li.current-menu-item > a {
    color: #fff;
    background: #5abc13;
    -webkit-transition: background .2s ease;
    transition: background .2s ease;
    animation-name: menuhov;
    /* animation-duration: 0.2s; */
}

.ig-background {
    cursor: pointer;
    background: #805B37;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5181a6', endColorstr='#2f5283', GradientType=0);
    padding: 1px;
    display: inline-block;
    border-radius: 3px;
    border-color: #805B37;
    box-shadow: inset 0px 1px 0px 0px #805B37, 0px 0px 1px 0px #805B37;
    vertical-align: top;
    font-family: Arial;
}

.ig-background:active {
    background: #805B37;
    box-shadow: inset 0px 1px 0px 0px #805B37, 0px 0px 1px 0px #805B37;
}

.layout-7-2 .gallery-container, .layout-7-2 .gallery-pagination {
    overflow: hidden
}

.datetime span {
    color: #5abc13;
}
.post-share {
    background: #56b325;
    padding-top: 6px;
    text-align: center;
}
.post-thumb-details {
}

.post-details {
    padding: 25px;
    color: #fff;
}

.post-details h3 {
    margin: 0;
    margin-bottom: 10px;
}

.post-text2 {
    background: #fafafa;
    padding: 15px;
    font-size: 16px;
    line-height: 1.7em;
}

.header-ads {
    margin-top: 10px;
}


.swiper-container {
    width: 100%;
    height: 100%;
    margin: 10px 0;
}
.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.slide-ads {
    margin-bottom: 10px;
}

.sidebar-ads {
    margin-bottom: 10px;
    display: block;
    background: #fff;
    padding: 2px;
    border: 1px solid #ccc;
}

.sponsor-content {
    padding: 10px;
    font-size: 13px !important;
    background: #28314e !important;
    margin-bottom: 0 !important;
    font-family: 'Cairo', Arial, Helvetica, sans-serif;
    color: #fff !important;
}

.primary-stick, .secondary-stick {
    position: static;
}

.fb-comments-title {
    background-color: rgb(59, 89, 152);
    color: #fff;
    padding: 10px 15px;
}

iframe {
    margin-left: auto;
    display: block;
    margin-right: auto;
}

.mobile-detect-footer {
    background: #5abc13;
    width: 100%;
    right: 0;
    padding: 25px 0;
    z-index: 9999;
    text-align: center;
    position: fixed;
    bottom: 0;
}

.mobile-detect-footer a {
    color: #fff;
    font-size: 4vh;
    font-weight: bold;
}

header {
    background: #293454
}

.header-wrapper {
    padding: 15px 0;
    background: #293454;
    width: 1170px;
    margin-left: auto;
    margin-right: auto;
}

.under-navbar-adv-area {
    margin-top: 20px;
}

.main-footer {
    background-color: #2d2d2d;
}

.secondary-footer {
    background-color: #2a2a2a;
}

.footer {
    width: 1170px;margin-left: auto;margin-right: auto;
}