@charset "utf-8";
@font-face {
    font-family: 'Cairo';
    src: url('fonts/cairo-regular.eot');
    src: url('fonts/cairo-regular.eot?#iefix') format('embedded-opentype'),
    url('fonts/cairo-regular.woff') format('woff'),
    url('fonts/cairo-regular.ttf') format('truetype'),
    url('fonts/cairo-regular.svg#cairoregular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
}

@font-face {
    font-family: 'Cairo-Bold';
    src: url('fonts/cairo-bold.eot');
    src: url('fonts/cairo-bold.eot?#iefix') format('embedded-opentype'),
    url('fonts/cairo-bold.woff') format('woff'),
    url('fonts/cairo-bold.ttf') format('truetype'),
    url('fonts/cairo-bold.svg#cairobold') format('svg');
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
}

@font-face {
    font-family: 'Nassim';
    src: url('fonts/nassim-arabic-regular/NassimArabicWeb-Regular.eot');
    src: url('fonts/nassim-arabic-regular/NassimArabicWeb-Regular.eot?#iefix') format('embedded-opentype'),
    url('fonts/nassim-arabic-regular/NassimArabicWeb-Regular.woff') format('woff'),
    url('fonts/nassim-arabic-regular/NassimArabicWeb-Regular.ttf') format('truetype'),
    url('fonts/nassim-arabic-regular/NassimArabicWeb-Regular.svg#nassimregular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
}

@font-face {
    font-family: 'Nassim-Bold';
    src: url('fonts/nassim-arabic-bold/NassimArabicWeb-Bold.eot');
    src: url('fonts/nassim-arabic-bold/NassimArabicWeb-Bold.eot?#iefix') format('embedded-opentype'),
    url('fonts/nassim-arabic-bold/NassimArabicWeb-Bold.woff') format('woff'),
    url('fonts/nassim-arabic-bold/NassimArabicWeb-Bold.ttf') format('truetype'),
    url('fonts/nassim-arabic-bold/NassimArabicWeb-Bold.svg#cairobold') format('svg');
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
}

@font-face {
    font-family: 'Helvetica_new';
    src: url('fonts/helvetica_new/HelveticaNeue.eot');
    src: url('fonts/helvetica_new/HelveticaNeue.eot?#iefix') format('embedded-opentype'),
    url('fonts/helvetica_new/HelveticaNeue.woff') format('woff'),
    url('fonts/helvetica_new/HelveticaNeue.ttf') format('truetype'),
    url('fonts/helvetica_new/HelveticaNeue.svg') format('svg');
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
}

html, body{margin: 0; padding: 0; height: 100%}
body{height: 100%}
body.no-overflow{overflow: hidden}
body.black{background-color: #000000}
ul{list-style: none}
ul, li{margin: 0; padding: 0}
a{text-decoration: none; color: inherit}
*{margin: 0; padding: 0; box-sizing: border-box}
img{border: none}
h1, h2, h3, h4{font-family: Cairo-Bold, Helvetica_new, Arial, sans-serif}
input, select:focus, textarea{font-size: 16px; font-family: Cairo, Helvetica_new, Arial, sans-serif}
input[type=email]{direction: ltr; text-align: right}
input[type=number]{-moz-appearance: textfield}
input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button{-webkit-appearance: none; margin: 0}
.hidden{display: none}
.clear{clear: both}
.rtl-container{direction: rtl; height: 100%}
.desktop{display: block !important}
.mobile{display: none !important}
.mobile-header{display: none}
.page{min-height: calc(100% - 255px)}
.ias-spinner{font-size: 20px; margin: 0 0 20px 0}
.videos-page .ias-spinner{color: #FFFFFF}
.page-title{font-size: 30px; margin: 0 0 30px 0; padding: 0 15px 0 0}
.page-title:after{content: ''; width: 115px; border-top: 10px solid #FF500F; display: inline-block; margin: 0 30px 0 0}
.to-top{width: 40px; height: 40px; background-color: #FF500F; color: #FFFFFF; bottom: 50px; right: 25px; text-align: center; position: fixed; line-height: 36px; font-size: 30px; transition: .25s}
.to-top:hover{background-color: rgba(255, 80, 15, 0.8)}
.to-top.hide{opacity: 0; visibility: hidden}
.whitebeard {background: black; text-align: center; color: white; direction: ltr; font-family: 'Cairo', 'Helvetica_new', Arial, sans-serif; font-size: 14px; padding: 0 0 3px 0; border-bottom: 1px solid #424242}
.whitebeard a{color: #FFFFFF}
.whitebeard img {position: relative; top: 5px; margin: 0 0 0 5px}
amp-ad {margin: auto}
/*header nav ul li a{position: relative}*/
/*header nav ul li a:before{content: ""; position: absolute; width: 0; height: 2px; bottom: -5px; right: 0; background-color: #FFFFFF; visibility: hidden}*/
/*header nav ul li a:hover:before{visibility: visible; width: 100%}*/
/*header nav ul li.logo a:before{display: none}*/
header{background-color: #000000; padding: 40px 40px 15px 40px; text-align: center}
header > div{max-width: 1650px; margin: auto; position: relative}
header a.donate{font-family: Cairo-Bold, Helvetica_new, Arial, sans-serif; font-size: 17px; color: #FFFFFF; background-color: #FF500F; padding: 0 15px; float: right; transition: .25s; border: 1px solid #FF500F; margin: 4px 0 0 0}
header a.donate:hover{background: rgba(255, 80, 15, .4)}
header nav{display: inline-block; margin: 0 30px 0 0}
header nav ul.main li{display: inline-block; margin: 0 10px; vertical-align: middle; position: relative}

header nav ul.main li.unblockRaseef a{font-family: Cairo-Bold, Helvetica_new, Arial, sans-serif;font-size: 17px;color: #FFFFFF;background-color: #FF500F;padding: 0 15px;transition: .25s;border: 1px solid #FF500F}
header nav ul.main li.unblockRaseef a:hover{background: rgba(255, 80, 15, .4)}
header nav ul.main li.unblockRaseef:after{display: none}
header nav ul.main li:after{content: ''; display: block; border-bottom: 4px solid #FF500F; margin: 5px 0 0 0; opacity: 0; transition: .25s}
header nav ul.main li.active:after{opacity: 1}
header nav ul.main li.countries:after{border-bottom: 4px solid #FF500F}
header nav ul.main li.life:after{border-bottom: 4px solid #FF500F}
header nav ul.main li.politics:after{border-bottom: 4px solid #833BBA}
header nav ul.main li.culture:after{border-bottom: 4px solid #2E69CF}
header nav ul.main li.authors:after{border-bottom: 4px solid #FF500F}
header nav ul.main li.files22:after{border-bottom: 4px solid #FF500F}
header nav ul.main li.videos:after{border-bottom: 4px solid #FF500F}
header nav ul.main li.logo:after{display: none}
header nav ul.main li:hover ul{opacity: 1; visibility: visible}
header nav ul.main li:hover:after{opacity: 1}
header nav ul.main li a{transition: .2s}
header nav ul.main li a{font-family: Cairo-Bold, Helvetica_new, Arial, sans-serif; font-size: 17px; color: #FFFFFF}
header nav ul.main li.logo a{display: block; width: 225px; height: 62px; background: url('/assets/images/logo-white.png') no-repeat center; background-size: contain; margin: -20px 30px 0 30px}
header nav ul.main li ul{position: absolute; z-index: 1; width: 105px; right: -36px; margin: 10px 0 0 0; background-color: rgba(0, 0, 0, .75); padding: 10px 0 0 0; opacity: 0; visibility: hidden; transition: .25s; top: 35px}
header nav ul.main li ul li{display: block; margin: 0 0 8px 0; transition: .25s; padding: 2px 0}
header nav ul.main li ul li:hover{background-color: rgba(255, 80, 15, .6)}
header nav ul.main li ul li:after{display: none}
header nav ul.main li ul li a{display: block; font-size: 14px}
header form{margin: 2px 0 0 0; position: absolute; background-color: rgba(255, 255, 255, .35); top: 2px; left: 45px}
header form input[type=text]{width: 0; height: 34px; border: none; outline: none; color: #FFFFFF; font-family: Cairo, Helvetica_new, Arial, sans-serif; font-size: 16px; padding: 5px 3px 5px 30px; background: rgba(255, 255, 255, .05); transition: .25s}
header form.expand input[type=text]{width: 128px; padding: 5px 10px 5px 30px}
header form input[type=text]::-webkit-input-placeholder{font-size: 16px; font-family: Cairo, Helvetica_new, Arial, sans-serif; color: #FFFFFF}
header form input[type=text]:-moz-placeholder{font-size: 16px; font-family: Cairo, Helvetica_new, Arial, sans-serif; color: #FFFFFF}
header form input[type=text]::-moz-placeholder{font-size: 16px; font-family: Cairo, Helvetica_new, Arial, sans-serif; color: #FFFFFF}
header form input[type=text]:-ms-input-placeholder{font-size: 16px; font-family: Cairo, Helvetica_new, Arial, sans-serif; color: #FFFFFF}
header form input.error::-webkit-input-placeholder{color: #FF500F}
header form input.error:-moz-placeholder{color: #FF500F}
header form input.error::-moz-placeholder{color: #FF500F}
header form input.error:-ms-input-placeholder{color: #FF500F}
header form a{font-size: 20px; color: #FFFFFF; position: absolute; top: 5px; left: 8px}
header .notification-icon{font-size: 15px; color: #FFFFFF; width: 32px; height: 32px; position: absolute; line-height: 28px; border: 2px solid #FFFFFF; border-radius: 50%; left: 0; top: 5px; background-color: rgba(255, 255, 255, 0.35); transition: .25s}
header .notification-icon:hover{color: #FF500F}
header .notification-icon.active{color: #FF500F !important}

.newsletter form input.error{color: #FF500F !important}
.newsletter form input.error::-webkit-input-placeholder{color: #FF500F !important}
.newsletter form input.error:-moz-placeholder{color: #FF500F !important}
.newsletter form input.error::-moz-placeholder{color: #FF500F !important}
.newsletter form input.error:-ms-input-placeholder{color: #FF500F !important}
.newsletter form a{font-size: 24px; position: absolute; left: 15px; top: 8px}
.newsletter form p.error{font-family: Cairo, Helvetica_new, Arial, sans-serif; margin: 10px 0 0 0}
.newsletter form p.success{font-family: Cairo, Helvetica_new, Arial, sans-serif; margin: 10px 0 0 0}

/*Articles Styles*/
article.article-stream-1{float: right; margin: 0 0 30px 0}
article.article-stream-1 .content{box-shadow: 0 0 20px 2px rgba(0, 0, 0, 0.05); width: calc(100% - 30px); margin: auto; height: 100%; position: relative}
article.article-stream-1 .content figure.article-fig{height: 250px; position: relative}
article.article-stream-1.video .content figure.article-fig:after{content: ''; width: 50px; height: 50px; background: url('/assets/images/video-icon.png') no-repeat center; background-size: contain; position: absolute; left: 0; top: 50%; transform: translateY(-50%); right: 0; margin: auto}
article.article-stream-1 .content .category{position: absolute; top: 0; left: 0; font-size: 16px; background-color: #FF500F; display: inline-block; padding: 1px 25px; color: #FFFFFF}
article .location{position: absolute; top: 0; right: 0; font-size: 12px; background-color: rgba(0, 0, 0, .75); padding: 4px 7px 5px 7px; color: #FFFFFF; transition: .25s; font-family: Cairo, Helvetica_new, Arial, sans-serif; max-width: 50%; display: none}
article .location:before{content: ''; width: 12px; height: 15px; display: inline-block; background: url('/assets/images/location.png') no-repeat center; background-size: contain; margin: 0 0 0 5px; position: relative; top: 3px}
article .location:hover{background-color: rgba(0, 0, 0, .5)}
.countries-page article .location{display: block}
article.article-stream-1 .content .details{padding: 0 35px; position: relative}
article.article-stream-1 .content .details .author{position: absolute; top: -50px; right: 35px}
.category-page.english-category article.article-stream-1 .content .details .author{left: 35px}
article.article-stream-1 .content .details .author figure{width: 100px; height: 100px; border-radius: 50%}
article.article-stream-1 .content .details .author h3{font-size: 19px; color: #FF500F; margin: 5px 0 0 0; height: 40px; overflow: hidden; padding: 0 0 0 20px}
.category-page.english-category article.article-stream-1 .content .details .author h3{padding: 0 20px 0 0}
article.article-stream-1 .content .details h2{font-size: 22px; line-height: 34px; height: 105px; overflow: hidden; margin: 20px 0 0 0}
article.article-stream-1.style-1{width: 33.33%; height: 400px}
article.article-stream-1.style-1 .content .details .author{display: none}
article.article-stream-1.style-2{width: 33.33%; height: 480px}
article.article-stream-1.style-2 .content .details{padding: 80px 35px 20px 35px}
article.article-stream-1.style-2.no-category .content .category h4{display: none}
article.article-stream-1.style-3{width: 33.33%; height: 425px}
article.article-stream-1.style-3 .content figure.article-fig{height: 242px}
article.article-stream-1.style-3 .content .details{padding: 65px 35px 0 35px}
article.article-stream-1.style-4 .content .details{padding: 55px 35px 0 35px}
article.article-stream-1.style-3 .content .details .author{top: -45px}
article.article-stream-1.style-3 .content .details .author figure{width: 75px; height: 75px}
article.article-stream-1.style-3 .content .details .author h3{font-size: 18px; margin: 2px 0 0 0; height: auto}
article.article-stream-1.style-3 .content .details h2{font-size: 17px; line-height: 28px; height: 115px; margin: 0}
article.article-stream-1.style-4{width: 25%; height: 345px}
article.article-stream-1.style-4 .content figure.article-fig{height: 185px}
article.article-stream-1.style-4 .content .details .author figure{width: 60px; height: 60px}
article.article-stream-1.style-4 .content .details .author{top: -35px}
article.article-stream-1.style-4 .content .details .author h3{font-size: 15px; margin: 2px 0 0 0; height: auto}
article.article-stream-1.style-4 .content .details h2{font-size: 16px; line-height: 24px; height: 100px; margin: 0}
article.article-stream-2{float: right; height: 480px; margin: 0 0 30px 0}
article.article-stream-2 .content{width: calc(100% - 30px); margin: auto; height: 100%; position: relative}
article.article-stream-2 .content figure{height: 100%}
article.article-stream-2 .content .details{width: calc(100% - 165px); background-color: rgba(0, 0, 0, .15); position: absolute; right: 0; bottom: 0; padding: 30px 40px}
.category-page.english-category article.article-stream-2 .content .details{left: 0}
article.article-stream-2 .content .details .category{background-color: #000000; color: #FFFFFF; padding: 5px 25px; font-size: 16px; font-family: Cairo-Bold, Helvetica_new, Arial, sans-serif; position: absolute; top: -40px; right: 0}
article.article-stream-2 .content .details h2{font-size: 26px; line-height: 40px; position: relative; padding: 0 0 0 40px; min-height: 80px; overflow: hidden; color: #FFFFFF}
article.article-stream-2.video .content .details h2:after{content: ''; width: 35px; height: 35px; background: url('/assets/images/video-icon.png') no-repeat center; background-size: contain; position: absolute; left: 0; top: 50%; transform: translateY(-50%)}
article.article-stream-2.style-1, article.article-stream-2.style-3{width: 50%}
article.article-stream-2.style-2{width: 66.66%}
article.article-stream-2.style-3 .content .details .category{display: none}
article.article-stream-3{margin: 0 0 30px 0; float: right}
article.article-stream-3.authors-page{width: 28%; height: 240px}
article.article-stream-3 .content{width: calc(100% - 30px); margin: auto; height: 100%; position: relative}
article.article-stream-3 .content figure{height: 100%}
article.article-stream-3.video .content figure:after{content: ''; width: 40px; height: 40px; background: url('/assets/images/video-icon.png') no-repeat center; background-size: contain; position: absolute; right: 0; left: 0; margin: auto; top: 0; bottom: 0}
article.article-stream-3 .content h2{font-size: 20px; color: #FFFFFF; position: absolute; bottom: 0; padding: 10px 30px 0 100px; line-height: 30px; max-height: 160px; overflow: hidden; margin: 0 0 30px 0}
article.article-stream-3 .content h2 p{font-size: 16px; font-family: Cairo, Helvetica_new, Arial, sans-serif; font-weight: normal}
article.article-stream-3 .content .category{position: absolute; top: 0; left: 0; font-size: 16px; background-color: #FF500F; display: inline-block; padding: 1px 25px; color: #FFFFFF}
article.article-stream-3.style-1, article.article-stream-3.style-2{width: 33.33%; height: 285px}
article.article-stream-3.style-1 .content h2 p{display: none}
article.article-stream-3.style-2 .content .category h4{display: none}
article.article-stream-3.style-3{width: 28%; height: 240px}
article.article-stream-3.style-3 .content h2 p{display: none}
article.purple .content .category{background-color: #833BBA !important}
/*article.purple .content .category h4:hover{background-color: rgba(131, 59, 186, .75) !important}*/
article.blue .content .category{background-color: #2E69CF !important}
/*article.blue .content .category h4:hover{background-color: rgba(46, 105, 207, .75) !important}*/
article.purple .content .details .author h3{color: #833BBA}
article.blue .content .details .author h3{color: #2E69CF}

.placeholder{background-image: url('/assets/images/placeholder.png?1'); background-repeat: no-repeat; background-position: center; background-size: contain; background-color: #B1B1B1}
.placeholder-grey{background-color: #B1B1B1}
/*.author-placeholder{background: url('/assets/images/author-placeholder.png') no-repeat center; background-size: cover; position: relative}*/
/*.placeholder:before{content: ''; position: absolute; width: 100%; height: 100%; top: 0; bottom: 0; right: 0; left: 0; background: rgba(0, 0, 0, 0.5)}*/
/*End Articles Styles*/

/*Homepage*/
ul.featured-slider{height: 28vw; position: relative}
ul.featured-slider li{height: 28vw; margin: 0; position: relative; float: right}
ul.featured-slider li a{display: block; height: 100%; outline: none}
ul.featured-slider li a:before{content: ''; position: absolute; width: 100%; height: 100%; background: linear-gradient(to bottom, transparent 0, rgba(49, 49, 49, .5) 100%); background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(49, 49, 49, .5)))}
ul.featured-slider li a h2{color: #FFFFFF; font-size: 40px; max-width: 600px; margin: auto; position: absolute; right: 20%; top: 50%; transform: translateY(-50%); line-height: 66px}
ul.featured-slider .slick-dots{width: auto; right: 15%; top: 50%; transform: translateY(-50%); bottom: initial}
ul.featured-slider .slick-dots li{height: 12px; width: 12px; margin: 5px 0; border: 2px solid #FFFFFF; border-radius: 50%; display: block; float: none}
ul.featured-slider .slick-dots li.slick-active{border: 2px solid #FF500F; background-color: #FF500F}
.category-page.purple ul.featured-slider .slick-dots li.slick-active{background-color: #833BBA; border-color: #833BBA}
.category-page.blue ul.featured-slider .slick-dots li.slick-active{background-color: #2E69CF; border-color: #2E69CF}
ul.featured-slider .slick-dots li button:before{display: none}
.slick-initialized .slick-slide {outline: 0}
/*.homepage ul.featured-slider .slick-prev, .homepage ul.featured-slider .slick-next{display: none !important}*/
/*.banner{width: 730px; height: 90px; background: url('/assets/images/static/banner.png') no-repeat center; background-size: contain; margin: 30px auto}*/
.banner{margin: 30px auto; text-align: center}
.main-container{width: 100%; max-width: 1600px; margin: auto; font-size: 0; padding: 0 40px}
.homepage .main-container .col-right{width: 30%; margin: 0 0 0 5%; display: inline-block !important; position: relative}
.podcast-component{margin: 0 0 20px 0; box-shadow: 4px 4px 20px 2px rgba(0, 0, 0, 0.1); position: relative; padding: 20px}
.podcast-component h2{font-size: 22px; color: #FFFFFF; padding: 5px 15px; background-color: #000000; position: absolute; top: 0; right: 0}
.podcast-component figure{width: 175px; height: 135px; margin: auto}
.podcast-component figure.placeholder{background: url('/assets/images/podcast-bg.png') no-repeat center; background-size: contain}
.podcast-component h3{font-size: 18px; margin: 15px 0; line-height: 30px}
.podcast-component audio{width: 100%; outline: none}
.mostread-component{margin: 0 0 20px 0}
.mostread-component h2{font-size: 22px; color: #FFFFFF; line-height: 50px; position: relative; margin: 0 0 45px 0; font-family: Cairo-Bold, Helvetica_new, Arial, sans-serif !important}
.mostread-component h2:before{content: ''; width: 22%; border-top: 9px solid #FF500F; position: absolute; right: 0; bottom: 0}
.mostread-component h2:after{content: ''; width: 22%; border-top: 9px solid #FF500F; position: absolute; left: 0; bottom: 0}
.mostread-component h2 a{background-color: #000000; width: 180px; height: 50px; display: block; margin: auto; text-align: center; color: #FFFFFF}
.mostread-component ul li{margin: 35px 0 0 0; overflow: hidden}
.mostread-component ul li figure{width: 48%; height: 100px; float: right; position: relative}
.mostread-component ul li.video figure:after{content: ''; position: absolute; width: 35px; height: 35px; background: url('/assets/images/video-icon.png') no-repeat center; background-size: contain; right: 0; left: 0; margin: auto; top: 0; bottom: 0}
.mostread-component ul li h3{padding: 0 55% 0 0; font-size: 22px; font-family: Cairo, Helvetica_new, Arial, sans-serif; color: #FF500F; line-height: 42px; font-weight: normal}
.mostread-component ul li h4{padding: 0 55% 0 0; font-size: 15px; line-height: 27px}
/*.mpu{width: 300px; height: 300px; background: url('/assets/images/static/mpu.png') no-repeat center; background-size: contain; margin: 20px auto}*/
.mpu{margin: 20px auto; text-align: center}
.category-page .mpu{float: right; width: 33.33%}
/*.monster-mpu{float: right; width: 33.33%}*/
/*.monster-mpu .content{width: calc(100% - 30px); margin: auto}*/
/*.monster-mpu .content .mpu{width: 100%; height: 630px; background: url('/assets/images/static/mpu2.png') no-repeat center; background-size: contain}*/
.category-page.english-category .monster-mpu{float: left}
.homepage .news{margin: 0 0 20px 0}
.homepage .news h2{font-size: 21px; color: #FFFFFF; line-height: 50px; position: relative; margin: 0 0 15px 0}
.homepage .news h2 a{background-color: #000000; width: 275px; height: 50px; display: block; margin: auto 0 auto auto; padding: 0 20px 0 0}
.homepage .news h2:after{content: ''; width: 30%; border-top: 9px solid #FF500F; position: absolute; left: 0; bottom: 0}
.homepage .news ul li{padding: 15px 0 20px 0; border-bottom: 2px solid #EFEFEF}
.homepage .news ul li:last-child{border-bottom: none}
.homepage .news ul li span{color: #FF500F; font-size: 17px; font-family: Cairo, Helvetica_new, Arial, sans-serif; line-height: 32px}
.homepage .news ul li h4{font-size: 15px; line-height: 27px; margin: 10px 0 0 0}
.homepage .main-container .col-left{width: 65%; display: inline-block; vertical-align: top}
.homepage .main-container .col-left .stories{border-bottom: 2px solid #EFEFEF; padding: 0 0 40px 0; margin: 0 0 40px 0}
.homepage .main-container .col-left .stories li{display: inline-block; width: 18%; height: 317px; margin: 0 1.25%; vertical-align: top}
.homepage .main-container .col-left .stories li:first-child{margin: 0 0 0 1.25%}
.homepage .main-container .col-left .stories li:last-child{margin: 0 1.25% 0 0}
.homepage .main-container .col-left .stories li a{display: block; height: 100%; outline: none}
.homepage .main-container .col-left .stories li a video{width: 100%; min-width: 100%; min-height: 100%; object-fit: fill}
.homepage .main-container .col-left .featured h2{font-size: 36px; line-height: 75px}
.homepage .main-container .col-left .featured .article-1{width: 100%; border: 1px solid rgba(112, 112, 112, .2); height: 365px; margin: 0 0 30px 0; position: relative}
.homepage .main-container .col-left .featured .article-1 figure{width: 50%; height: 100%; position: relative; display: inline-block}
.homepage .main-container .col-left .featured .article-1 .content{width: 46%; margin: 0 4% 0 0; display: inline-block; vertical-align: top; padding: 80px 0 80px 40px; position: relative}
.homepage .main-container .col-left .featured .article-1 .content:before{content: ''; border-top: 3px solid #000000; position: absolute; top: 0; width: calc(100% - 40px)}
.homepage .main-container .col-left .featured .article-1 .content h3{font-size: 26px; line-height: 44px}
.homepage .main-container .col-left .featured .article-1 .content h4{font-size: 20px; color: #FF500F; font-family: Cairo, Helvetica_new, Arial, sans-serif; display: inline-block; margin: 20px 0 0 5px; font-weight: normal}
.homepage .main-container .col-left .featured .article-1 .content h4 span{margin: 0 10px 0 5px}
.homepage .main-container .col-left .featured .article-1 .content span{font-size: 18px; color: #818080; font-family: Cairo, Helvetica_new, Arial, sans-serif; display: inline-block}
.homepage .main-container .col-left .featured .video figure:after{content: ''; position: absolute; width: 58px; height: 58px; background: url('/assets/images/video-icon.png') no-repeat center; background-size: contain; right: 0; left: 0; margin: auto; top: 0; bottom: 0}
.homepage .main-container .col-left .featured .article-2{width: 32%; float: right; margin: 0 1% 30px 1%; position: relative}
.homepage .main-container .col-left .featured .article-2.separate .location{top: 31px}
.homepage .main-container .col-left .featured .article-2.separate:before{content: ''; display: block; border-top: 1px solid rgba(112, 112, 112, .2); margin: 0 0 30px 0}
.homepage .main-container .col-left .featured .article-2:nth-of-type(3n){margin: 0 0 30px 1%}
.homepage .main-container .col-left .featured .article-2:nth-of-type(3n + 2){margin: 0 1% 30px 0}
.homepage .main-container .col-left .featured .article-2 figure{height: 190px; position: relative}
.homepage .main-container .col-left .featured .article-2.article figure:after{width: 30px; height: 30px; bottom: 15px; right: 15px}
.homepage .main-container .col-left .featured .article-2.video figure:after{width: 35px; height: 35px; bottom: 0; right: 0}
.homepage .main-container .col-left .featured .article-2 .content{padding: 10px}
.homepage .main-container .col-left .featured .article-2 .content h4{font-size: 14px; line-height: 26px; color: #FF500F; display: inline-block; margin: 0 0 0 5px; font-family: Cairo, Helvetica_new, Arial, sans-serif; font-weight: normal}
.homepage .main-container .col-left .featured .article-2 .content h4 span{margin: 0 8px 0 3px}
.homepage .main-container .col-left .featured .article-2 .content span{font-size: 13px; line-height: 24px; color: #818080; font-family: Cairo, Helvetica_new, Arial, sans-serif; display: inline-block}
.homepage .main-container .col-left .featured .article-2 .content h3{font-size: 18px; line-height: 28px; margin: 10px 0 0 0}
.opinions-component{font-size: 0; padding: 40px 0; background-color: #FBF8F7; background-repeat: no-repeat; background-position: right center; background-size: 565px; overflow: hidden; margin: 0 0 40px 0}
.opinions-component .main-container a.more{font-family: Cairo, Helvetica_new, Arial, sans-serif; font-size: 14px; position: absolute; left: 0}
.opinions-component .main-container a.more:after{content: ''; display: inline-block; width: 18px; height: 12px; background: url('/assets/images/arrow-left-black.png') no-repeat center; background-size: contain; margin: 0 10px 0 0; position: relative; top: 3px}
.opinions-component .main-container .col-left{float: left; position: relative}
.opinions-component .main-container .col-left article{width: 33.33%; float: right; height: 350px; position: relative}
.opinions-component .main-container .col-left article figure.article-fig{height: 205px; transition: .25s}
.opinions-component .main-container .col-left article:hover figure.article-fig{height: 235px; margin: -30px 0 0 0; border-left: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF}
.opinions-component .main-container .col-left article:hover .location{top: -30px}
.opinions-component .main-container .col-left article .content{padding: 15px 20px}
.opinions-component .main-container .col-left article a{outline: none}
.opinions-component .main-container .col-left article .content h3{font-size: 15px; line-height: 26px; margin: 0 0 10px 0}
.opinions-component .main-container .col-left article .content h4{font-size: 14px; color: #FF500F; display: inline-block; margin: 0 0 0 5px; vertical-align: middle; font-family: Cairo, Helvetica_new, Arial, sans-serif; font-weight: normal; height: 30px; overflow: hidden}
.opinions-component .main-container .col-left article .content h4 span{margin: 0 5px 0 0}
.opinions-component .main-container .col-left article .content span{font-size: 13px; color: #818080; font-family: Cairo, Helvetica_new, Arial, sans-serif; display: inline-block; vertical-align: middle}
.opinions-component .main-container .col-left article .content figure.author{height: 40px; width: 40px; border-radius: 50%; display: inline-block; margin: 0 0 0 15px; vertical-align: middle}
figure.author-placeholder{background: url('/assets/images/author-placeholder.png') no-repeat center; background-size: contain}
.homepage .main-container.life .col-left{border-top: 2px solid #EFEFEF}
.homepage .main-container.life h2{font-size: 36px; line-height: 75px; margin: 10px 0 15px 0}
.homepage .main-container.life article{float: right; margin: 0 0 20px 0}
.homepage .main-container.life article .content{width: calc(100% - 10px); height: 100%; position: relative}
.homepage .main-container.life article .content figure{height: 100%}
.homepage .main-container.life article .content .title{position: absolute; background-color: rgba(0, 0, 0, 0.15); padding: 10px 20px 20px 20px; bottom: 0; right: 20px}
.homepage .main-container.life article .content .title h3{font-size: 18px; line-height: 28px; color: #FFFFFF; margin: 0 0 10px 0}
.homepage .main-container.life article .content .title h4{font-size: 17px; line-height: 32px; color: #FFFFFF; display: inline-block; font-family: Cairo, Helvetica_new, Arial, sans-serif; font-weight: normal}
.homepage .main-container.life article .content .title h4 span{margin: 0 8px 0 3px}
.homepage .main-container.life article .content .title span{font-size: 17px; line-height: 32px; color: #FFFFFF; font-family: Cairo, Helvetica_new, Arial, sans-serif; margin: 0 5px 0 0}
.homepage .main-container.life article.quote .content{position: relative; margin: 0 0 0 10px; background-color: #FF6E39; padding: 15px 20px}
.homepage .main-container.life article.quote .content > div{position: absolute; top: 50%; transform: translateY(-50%)}
.homepage .main-container.life article.quote h3{font-size: 18px; line-height: 26px; color: #FFFFFF; margin: 0 0 10px 0; padding: 0 0 0 20px}
.homepage .main-container.life article.quote h3:after{content: '"'; font-size: 140px; color: #FFFFFF; position: absolute; font-style: italic; font-weight: normal; font-family: Cairo, Helvetica_new, Arial, sans-serif; left: -15px; bottom: -40px}
.homepage .main-container.life article.article-4.quote h3:after{bottom: -50px}
.homepage .main-container.life article.quote h4{font-size: 17px; color: #FFFFFF; display: inline-block; font-family: Cairo, Helvetica_new, Arial, sans-serif; font-weight: normal}
.homepage .main-container.life article.article-1.quote h3{font-size: 30px; line-height: 45px}
.homepage .main-container.life article.article-2.quote .content, .homepage .main-container.life article.article-6.quote .content{margin: 0 10px 0 0}
.homepage .main-container.life article.article-2.quote h3{font-size: 28px; line-height: 40px}
.homepage .main-container.life article.article-3.quote h3{font-size: 28px; line-height: 40px}
.homepage .main-container.life article.article-3.quote h3:after{font-size: 120px; left: -10px}
.homepage .main-container.life article.article-4.quote h3{font-size: 26px; line-height: 38px}
.homepage .main-container.life article.article-4.quote h3:after{font-size: 120px}
.homepage .main-container.life article.article-5.quote h3, .homepage .main-container.life article.article-6.quote h3{max-height: 130px; overflow: hidden}
.homepage .main-container.life article.article-5.quote h3:after, .homepage .main-container.life article.article-6.quote h3:after{font-size: 100px; left: -10px}
.homepage .main-container.life .article-1{width: 55%; height: 460px}
.homepage .main-container.life .article-1 .content{margin: 0 0 0 10px}
.homepage .main-container.life .article-1 .content .title{width: 55%}
.homepage .main-container.life .article-2{width: 45%; height: 460px}
.homepage .main-container.life .article-2 .content{margin: 0 10px 0 0}
.homepage .main-container.life .article-2 .content .title{width: 67%}
.homepage .main-container.life .article-3{width: 36%; height: 506px}
.homepage .main-container.life .article-3 .content{margin: 0 0 0 20px; width: calc(100% - 20px)}
.homepage .main-container.life .article-3 .content .title{width: 87%; left: 0; right: 0; margin: auto}
.homepage .main-container.life .article-4{width: 64%; height: 258px}
.homepage .main-container.life .article-4 .content{width: 100%}
.homepage .main-container.life .article-4 .content .title{width: 46%}
.homepage .main-container.life .article-5{width: 29%; height: 228px}
.homepage .main-container.life .article-6{width: 35%; height: 228px}
.homepage .main-container.life .article-6 .content{margin: 0 10px 0 0}
.homepage .main-container.life .article-6 .content .title{position: absolute; background-color: rgba(0, 0, 0, 0.15); padding: 10px 20px 20px 20px; bottom: 0; right: 0; width: calc(100% - 20px)}
.homepage .main-container.life .article-6 .content h3{font-size: 18px; line-height: 28px; color: #FFFFFF}
.homepage .main-container.videos{margin: 0 auto 40px auto}
.homepage .main-container.videos article{margin: 0 0 30px 0; position: relative}
.homepage .main-container.videos article .title{position: relative}
.homepage .main-container.videos article .title:before{content: ''; border-left: 4px solid #000000; height: 100%; position: absolute}
.homepage .main-container.videos article .title h3{font-size: 30px; line-height: 50px; padding: 0 40px 0 0}
.homepage .main-container.videos article .title h4{font-size: 25px; line-height: 38px; font-family: Cairo, Helvetica_new, Arial, sans-serif; font-weight: normal; margin: 5px 0 0 0; padding: 0 40px 0 0}
.homepage .main-container.videos article figure{height: 480px; margin: 30px 0 0 0; position: relative}
.homepage .main-container.videos article figure:after{content: ''; position: absolute; width: 100px; height: 100px; background: url('/assets/images/video-icon.png') no-repeat center; background-size: contain; right: 0; left: 0; margin: auto; top: 0; bottom: 0}
.homepage .main-container.videos article .watch{width: 195px; height: 44px; background-color: #000000; color: #FFFFFF; font-family: Cairo-Bold, Helvetica_new, Arial, sans-serif; font-size: 17px; text-align: center; line-height: 44px; position: absolute; left: 20px; bottom: 20px; transition: .25s}
.homepage .main-container.videos article .watch:after{content: ''; display: inline-block; width: 14px; height: 12px; background: url('/assets/images/arrow-left-white.png') no-repeat center; background-size: contain; margin: 0 10px 0 0}
.homepage .main-container.videos article .watch:hover{background-color: #FF500F}
.homepage .main-container.videos .related-videos ul{width: 92%; display: inline-block}
.homepage .main-container.videos .related-videos ul:before{content: ''; height: 100%; border-right: 2px solid #000000; position: absolute; left: 0; top: 0; z-index: 1}
.homepage .main-container.videos .related-videos ul:after{content: ''; height: 50%; width: 60px; border-bottom: 2px solid #D6D6D6; position: absolute; left: -75px; top: 0; z-index: -1}
.homepage .main-container.videos .related-videos ul li{border-right: 1px solid #D6D6D6; padding: 0 10px; display: inline-block; float: right; outline: none}
.homepage .main-container.videos .related-videos ul li a{display: block; outline: none}
.homepage .main-container.videos .related-videos ul li a figure{height: 130px; position: relative}
.homepage .main-container.videos .related-videos ul li a figure:after{content: ''; position: absolute; width: 40px; height: 40px; background: url('/assets/images/video-icon.png') no-repeat center; background-size: contain; right: 0; left: 0; margin: auto; top: 0; bottom: 0}
.homepage .main-container.videos .related-videos ul li a h3{font-size: 16px; line-height: 20px; padding: 15px 5px 0 0}
.homepage .main-container.videos .related-videos .slick-list{padding: 0 0 0 100px}
.homepage .main-container.videos .related-videos .slick-prev, .homepage .main-container.videos .related-videos .slick-next{position: absolute}
.homepage .main-container.videos .related-videos .slick-prev{left: -55px; bottom: 35px; top: initial}
.homepage .main-container.videos .related-videos .slick-next{left: -55px; right: initial; top: 35px}
.homepage .main-container.videos .related-videos .slick-next:before, .homepage .main-container.videos .related-videos .slick-prev:before{content: '\f104'; font-family: FontAwesome; font-size: 40px; color: #000000}
.homepage .main-container.videos .related-videos .slick-prev:before{content: '\f105'}
.donate-banner{height: 120px; position: fixed; bottom: 0; width: 100%; background-color: #FF500F; z-index: 9; transition: .25s; display: none}
.donate-banner.hide{bottom: -120px}
.donate-banner .close{width: 20px; height: 20px; position: absolute; right: 15px; top: 15px; background: url('/assets/images/close-white.png') no-repeat center; background-size: contain}
.donate-banner .main-container h2{font-size: 40px; color: #FFFFFF; float: right; margin: 23px 0}
.donate-banner .main-container figure{width: 175px; height: 120px; background: url('/assets/images/donation-banner-bg.png') no-repeat center; background-size: contain; position: absolute; left: 0; right: 0; margin: auto}
.donate-banner .main-container a{width: 220px; height: 50px; text-align: center; background-color: rgba(255, 255, 255, .82); float: left; color: #FF500F; font-size: 24px; font-family: Cairo-Bold, Helvetica_new, Arial, sans-serif; margin: 35px 0; line-height: 44px; transition: .25s; border: 2px solid #FFFFFF}
.donate-banner .main-container a:hover{background-color: #FF500F; color: #FFFFFF}
/*End Homepage*/

/*Category Page*/
.category-page h1{display: none}
ul.featured-slider.category li a h2 span.latest{font-size: 22px; display: block; position: relative; padding: 0 15px 0 0; line-height: 30px; margin: 0 0 10px 0}
ul.featured-slider.category li a h2 span.latest:before{content: ''; border-right: 4px solid #FF500F; position: absolute; height: 90%; right: 0}
.category-page.purple ul.featured-slider.category li a h2 span.latest:before{border-right: 4px solid #833BBA}
.category-page.blue ul.featured-slider.category li a h2 span.latest:before{border-right: 4px solid #2E69CF}
ul.featured-slider.category .slick-prev, ul.featured-slider.category .slick-next{display: none !important}
.english-category ul.featured-slider li{float: left}
.english-category ul.featured-slider .slick-dots{left: 15%; right: initial}
.english-category ul.featured-slider .slick-dots li{float: none}
.english-category ul.featured-slider li a h2{left: 20%; right: initial}
.english-category ul.featured-slider.category li a h2 span.latest{padding: 0 0 0 15px}
.english-category ul.featured-slider.category li a h2 span.latest:before{left: 0; right: initial; top: 2px}
.category-page.english-category{direction: ltr}
.category-page.english-category article.article-stream-1.style-2{float: left}
.category-page.english-category article.article-stream-2.style-1{float: left}
.category-page.english-category article.article-stream-2 .content .details h2{padding: 0 40px 0 0}
/*End Category Page*/

/* Unblock raseef */
.unblock_raseef.page{min-height:calc(100% - 84px)}
.category-page.unblock_raseef{background: url('/assets/images/unblock_raseef22_background.jpg') no-repeat center; background-size: cover;width: 100%;height:calc(100% - 84px);overflow: hidden!important}
.category-page.unblock_raseef a.switchLang{width: 100%;max-width: 1600px;margin: auto;padding: 0 40px;font-size: 28px;font-family: Cairo-Bold, Helvetica_new, Arial, sans-serif;color: #DE673D;text-align: left;display: block;position:relative;top:0;z-index: 10}
.category-page.unblock_raseef h1{display: block;width: 100%;text-align: center;font-size: 100px;direction: ltr;color: white;z-index: 9;position: relative;bottom: 0;font-family: Helvetica_new, Arial, sans-serif;padding: 15px 0}
.category-page.unblock_raseef div.main-container{direction: rtl;text-align: left;position: relative;bottom: 50px;height:100%;max-width: 1200px}
.category-page.unblock_raseef div.main-container div.text{color: white;font-size: 22px;display: block;width: 100%;text-align: center;line-height: 30px;font-family: Nassim, Helvetica_new, Arial, sans-serif}
.category-page.unblock_raseef.english div.main-container div.text{font-family: Helvetica_new, Helvetica_new, Arial, sans-serif; font-size: 18px; line-height: 25px}
.category-page.unblock_raseef div.main-container div.div-wrapper{display: inline-block;width: calc(50% - 30px);vertical-align: top}
.category-page.unblock_raseef div.main-container div.div-wrapper.left{margin:30px 30px 0 0}
.category-page.unblock_raseef div.main-container div.div-wrapper.left.desktop{display: inline-block!important}
.category-page.unblock_raseef div.main-container div.div-wrapper.right{margin:30px 0 0 30px;display: inline-block!important}
.category-page.unblock_raseef div.main-container div.div-wrapper.left figure{width: 100%;height:327px}
.category-page.unblock_raseef div.main-container div.div-wrapper.left div.text{color: white;font-size: 20px;font-family: Nassim , Helvetica_new, Arial, sans-serif;padding: 20px 0;text-align: center;max-height: 300px;overflow: auto;line-height: 26px;direction: ltr}
.category-page.unblock_raseef.english div.main-container div.div-wrapper.left div.text{direction: rtl!important;text-align: center; font-family: Helvetica_new}
.category-page.unblock_raseef.english div.main-container div.div-wrapper.right ul li.regular figure{float:left}
.category-page.unblock_raseef.english div.main-container div.div-wrapper.right ul li.regular div.info{padding: 0 0 0 155px;text-align: left}
.category-page.unblock_raseef div.main-container div.div-wrapper.right{position: relative}
.category-page.unblock_raseef div.main-container div.div-wrapper.right > div{background-color: rgba(0, 0, 0, 0.6);max-width: 545px}
.category-page.unblock_raseef div.main-container div.div-wrapper.right ul{display: block;width: 100%;margin: auto;overflow: auto;text-align: center;direction: ltr!important}
.category-page.unblock_raseef.english div.main-container div.div-wrapper.right ul{direction: rtl!important}
.category-page.unblock_raseef div.main-container div.div-wrapper.right ul li.featured{display: inline-block;width: 247px;vertical-align: top;padding: 0 7px 20px 7px;box-sizing: content-box}
.category-page.unblock_raseef div.main-container div.div-wrapper.right ul li.featured:last-of-type{padding:5px 5px 11px 5px}
.category-page.unblock_raseef div.main-container div.div-wrapper.right ul li.featured a figure{width: 250px!important;height: 250px!important;margin: auto}
/*.category-page.unblock_raseef div.main-container div.div-wrapper.left ::-webkit-scrollbar {display: none}*/
.category-page.unblock_raseef div.main-container div.div-wrapper.right ul li.regular{display: block;padding: 15px 5px;width: 100%;margin: auto;min-height: 100px;overflow: hidden}
.category-page.unblock_raseef div.main-container div.div-wrapper.right ul li.regular.first{border-top:solid 2px #DE673D!important}
.category-page.unblock_raseef div.main-container div.div-wrapper.right ul li.regular figure{width: 144px;height: 100px;float: right}
.category-page.unblock_raseef div.main-container div.div-wrapper.right ul li.regular div.info{padding: 0 170px 0 0;text-align: right}
.category-page.unblock_raseef div.main-container div.div-wrapper.right ul li.regular h3{font-family: Cairo, Helvetica_new, Arial, sans-serif;font-size: 18px;color: white;line-height: 25px}
.category-page.unblock_raseef div.main-container div.div-wrapper.right ul li.regular p{font-family: Nassim, Helvetica_new, Arial, sans-serif;font-size: 15px;padding: 7px 0px;color: white;max-height: 55px;overflow: hidden;line-height: 25px}
.category-page.unblock_raseef div.main-container div.div-wrapper.right a.unblockraseef_donate{display: block;width: 100%;color:white;background-color: #DE673D;font-size: 26px;font-family: Cairo, Helvetica_new, Arial, sans-serif;position: absolute;bottom:0;right:0;left:0;text-align: center}
.category-page.unblock_raseef div.main-container div.div-wrapper.right ul li.regular:last-of-type{padding:15px 5px 40px 5px}
.category-page.unblock_raseef .videoPlay iframe{width: 100%!important;height:327px!important}
.category-page.unblock_raseef.english div.main-container{direction: ltr!important}
.category-page.unblock_raseef.english div.main-container div.div-wrapper.right{margin:20px 30px 0 0}
.category-page.unblock_raseef.english div.main-container div.div-wrapper.left{margin:20px 0 0 30px;direction: rtl}

.category-page.unblock_raseef div.main-container div.div-wrapper.left .carousel_unblockRaseef2 .slick-prev{top:-18px!important;right:95%;z-index:9;font-weight: bold}
.category-page.unblock_raseef div.main-container div.div-wrapper.left .carousel_unblockRaseef2 .slick-prev:before{content:'>';font-size: 25px}
.category-page.unblock_raseef div.main-container div.div-wrapper.left .carousel_unblockRaseef2 .slick-next{top:-18px!important;right:0;z-index:9;font-weight: bold}
.category-page.unblock_raseef div.main-container div.div-wrapper.left .carousel_unblockRaseef2 .slick-next:before{content:'<';font-size: 25px}
.category-page.unblock_raseef.english div.main-container div.div-wrapper.left .carousel_unblockRaseef2 .slick-next{top:-15px!important}
.category-page.unblock_raseef.english div.main-container div.div-wrapper.left .carousel_unblockRaseef2 .slick-prev{top:-15px!important}


#att-description {font-family: Helvetica_new}

/* Scrollbar Styling */
::-webkit-scrollbar {
    width: 6px;
}

::-webkit-scrollbar-track {
    background-color: #625E5E;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #D3D3D3;
}

/* Unblock raseef */

/* Unblock raseef article info popup*/
.popup-overlay {background-color: black;position: fixed;top: 0;bottom: 0;right: 0;left: 0;z-index: 92;display: block}
.popup-overlay.hidden{display: none}
.popup-overlay.unblock_raseef22 .popup {width: 686px;height: auto;position: absolute;left: 0;right: 0;top: 50%;transform: translateY(-50%);margin: auto;font-size: 0;overflow: hidden;direction: ltr;text-align: right}
.category-page.english .popup-overlay.unblock_raseef22 .popup {direction: rtl}
.popup-overlay.unblock_raseef22 .popup div.links {display: block;width: 100%;padding: 0 0 5px 0;direction: rtl}
.popup-overlay.unblock_raseef22 .popup div.links a.close {font-size: 20px;color: white;background: black;border-radius: 100%;width: 30px;height: 30px;display: inline-block}
.popup-overlay.unblock_raseef22 .popup div.links a.readmore {font-size: 16px;color: white;display: inline-block;padding: 0 15px 0 0;font-family: Cairo, Helvetica_new, Arial, sans-serif}
.popup-overlay.unblock_raseef22 .popup div.links a.readmore.hidden {display: none}
/*.popup-overlay.unblock_raseef22 .popup ::-webkit-scrollbar {display: none}*/
.popup-overlay.unblock_raseef22 .popup div.links a.close i {position: relative;right: 7px;top: 2px}
.popup-overlay.unblock_raseef22 .popup figure {display: block;width: 100%;height: 490px}
.popup-overlay.unblock_raseef22 .popup div.text-wrapper {display: block;background-color: black;width: 100%;padding: 10px 20px}
.popup-overlay.unblock_raseef22 .popup .carousel_info div.caption{display: block;width: 100%;background: black;overflow: auto;max-height: 90px;}
.popup-overlay.unblock_raseef22 .popup .carousel_info div.caption h3{font-size: 17px;color: white;padding:30px;display: block;width: calc(100% - 20px);text-align: center;font-family: Nassim, Helvetica_new, Arial, sans-serif;direction: rtl}
.popup-overlay.unblock_raseef22.english .popup .carousel_info div.caption h3{direction: ltr}
.popup-overlay.unblock_raseef22 .popup ul.socials{display: block;width: 100%;text-align: center;font-size: 0;background-color: black;padding:10px 0; direction: ltr}
.popup-overlay.unblock_raseef22 .popup ul.socials li{display: inline-block;margin: 0 0 0 10px}
.popup-overlay.unblock_raseef22 .popup ul.socials li a{display: block;width: 40px;height: 40px;border-radius: 50%;color: black;font-size: 18px;text-align: center;position: relative;line-height: 40px;background-color: white}
.popup-overlay.unblock_raseef22 .popup .slick-dotted.slick-slider{margin:0}
.popup-overlay.unblock_raseef22 .popup .slick-dots{bottom:67px}
.popup-overlay.unblock_raseef22 .popup .slick-dots li{background-color: rgba(128, 128, 128, 0.8);border-radius: 100%;width: 10px;height: 10px}
.popup-overlay.unblock_raseef22 .popup .slick-dots li.slick-active{background-color: #FFFFFF}
/*.unblock_raseef22 .thisCarousel {background: url('https://s.raseef22.com/assets/images/unblock_raseef-28_background_mobile2.png') no-repeat}*/
/* Unblock raseef article info popup*/


/*Videos Page*/
.videos-page h1{display: none}
.videos-page article.featured{height: 28vw}
.videos-page article.featured a{display: block; height: 100%; position: relative}
.videos-page article.featured a:before{content: ''; position: absolute; width: 100%; height: 100%; background: linear-gradient(to bottom, transparent 0, rgba(49, 49, 49, .5) 100%); background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(49, 49, 49, .5)))}
.videos-page article.featured a > div{position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); width: 100%; max-width: 1540px; margin: auto; padding: 0 40px}
.videos-page article.featured a > div h2{color: #FFFFFF; font-size: 40px; line-height: 66px; width: 35%; max-height: 200px; overflow: hidden}
.videos-page article.featured a > div .icon{font-size: 30px; font-family: Cairo-Bold, Helvetica_new, Arial, sans-serif; color: #FFFFFF; position: absolute; left: 0; right: 0; width: 280px; margin: auto; top: 0}
.videos-page article.featured a > div .icon i{width: 95px; height: 95px; background: url('/assets/images/video-icon.png') no-repeat center; background-size: contain; display: inline-block; position: relative; top: 35px; margin: 0 20px}
.videos-page article.featured a h2 span{font-size: 27px; display: block}
.videos-page .most-watched{margin: 20px 0 40px 0}
.videos-page .most-watched h2{font-size: 30px; text-align: center; color: #FFFFFF; border-bottom: 1px solid #5A5A5A; width: 250px; margin: auto; padding: 0 0 15px 0}
.videos-page .most-watched h2:before{content: ''; width: 30px; height: 22px; background: url("/assets/images/most-watched-icon.png") no-repeat center; background-size: contain; display: inline-block; margin: 0 0 0 15px}
.videos-page .most-watched ul{margin: 40px 0 0 0}
.videos-page .most-watched ul .slick-list{padding: 0 100px}
.videos-page .most-watched ul li{width: 30%; float: right; margin: 0 0 0 40px}
.videos-page .most-watched ul li a{outline: none}
.videos-page .most-watched ul li a figure{height: 270px; position: relative}
.videos-page .most-watched ul li a figure:after{content: ''; width: 40px; height: 40px; background: url('/assets/images/video-icon.png') no-repeat center; background-size: contain; position: absolute; left: 0; right: 0; margin: auto; top: 0; bottom: 0}
.videos-page .most-watched ul li a figure span{font-size: 21px; color: #FFFFFF; font-family: Cairo, Helvetica_new, Arial, sans-serif; position: absolute; bottom: 10px; right: 15px}
.videos-page .most-watched ul li a .details{padding: 10px 0 0 0; font-size: 0}
.videos-page .most-watched ul li a .details h3{font-size: 20px; color: #FFFFFF; width: 60%; display: inline-block; max-height: 75px; overflow: hidden}
.videos-page .most-watched ul li a .details span{font-size: 18px; color: #FFFFFF; width: 40%; text-align: left; font-family: Cairo, Helvetica_new, Arial, sans-serif; display: inline-block; vertical-align: top}
.videos-page .most-watched ul li a .details span{font-size: 18px; color: #FFFFFF; width: 40%; text-align: left; font-family: Cairo, Helvetica_new, Arial, sans-serif; display: inline-block; vertical-align: top}
.videos-page .main-container .title{padding: 0 0 20px 0; border-bottom: 1px solid #5A5A5A; margin: 15px 15px 40px 15px}
.videos-page .main-container .title h2{color: #FFFFFF; font-size: 30px; display: inline-block; margin: 0 0 0 40px}
.videos-page .main-container .title ul.categories{display: inline-block; vertical-align: top; margin: 12px 0 0 0}
.videos-page .main-container .title ul.categories li{display: inline-block; width: 110px; border: 1px solid #FF500F; text-align: center; margin: 0 0 0 25px; vertical-align: top}
.videos-page .main-container .title ul.categories li.active, .videos-page .main-container .title ul.categories li a:hover{background-color: #FF500F}
.videos-page .main-container .title ul.categories li a{font-size: 17px; font-family: Cairo-Bold, Helvetica_new, Arial, sans-serif; color: #FFFFFF; text-align: center; display: block; transition: .25s}
.videos-page .main-container article{width: 33.33%; float: right; height: 400px; margin: 0 0 30px 0}
.videos-page .main-container article .content{width: calc(100% - 30px); margin: auto}
.videos-page .main-container article figure{height: 280px; position: relative}
.videos-page .main-container article figure:after{content: ''; width: 50px; height: 50px; background: url('/assets/images/video-icon.png') no-repeat center; background-size: contain; position: absolute; left: 0; right: 0; margin: auto; top: 0; bottom: 0}
.videos-page .main-container article figure span{font-size: 21px; color: #FFFFFF; font-family: Cairo, Helvetica_new, Arial, sans-serif; position: absolute; bottom: 10px; right: 15px}
.videos-page .main-container article .details{padding: 10px 0 0 0; font-size: 0}
.videos-page .main-container article .details h3{font-size: 20px; color: #FFFFFF; height: 75px; overflow: hidden}
.videos-page .main-container article .details h4{font-size: 17px; color: #FFFFFF; display: inline-block}
.videos-page .main-container article .details span{font-size: 17px; color: #FFFFFF; font-family: Cairo, Helvetica_new, Arial, sans-serif}
.videos-page .main-container article .details span:before{content: '|'; display: inline-block; margin: 0 20px}
.videos-page .mostread-articles{background-color: rgba(255, 255, 255, .25); padding: 20px 0; width: 100%; margin: 0 0 30px 0; overflow: hidden}
.videos-page .mostread-articles h2{font-size: 32px; color: #FFFFFF; padding: 0 15px 0 0; margin: 0 0 30px 0}
.videos-page .mostread-articles h2:after{content: ''; width: 125px; border-top: 2px solid #FF500F; display: inline-block; margin: 0 40px 0 0}
.videos-page .mostread-articles article{float: right; width: 25%; margin: 0 0 30px 0; height: auto}
.videos-page .mostread-articles article a{display: block; width: calc(100% - 30px); margin: auto}
.videos-page .mostread-articles article a figure{height: 192px}
.videos-page .mostread-articles article a figure:after{display: none}
.videos-page .mostread-articles article a h3{font-size: 20px; color: #FFFFFF; line-height: 35px; padding: 15px 20px 0 20px; overflow: hidden; height: 90px}
/*End Videos Page*/

/*Video Page*/
body.video{overflow: hidden}
body.video .page{height: 100%}
body.video header, body.video footer{display: none}
.video-page .back-to-videos{position: absolute; width: 50px; height: 50px; background: url('/assets/images/back-to-videos.png') no-repeat center; background-size: contain; left: 15px; top: 65px}
.video-page .article-content{position: absolute; width: 360px; background-color: rgba(0, 0, 0, .72); height: 100%; padding: 20px 15px; overflow-y: auto; transition: .25s; top: 0}
.video-page .article-content.multiple-authors-width{width: 450px}
.video-page .article-content a.expand{position: absolute; font-size: 30px; color: #FFFFFF; left: 10px; top: 28px; transition: .25s; transform: rotate(-180deg)}
.video-page .article-content .author{padding: 0 0 0 20px}
.video-page .article-content.collapsed .author{padding: 0}
.video-page .article-content .author figure{width: 45px; height: 45px; border-radius: 50%; float: right}
.video-page .article-content .author .multiple-authors{font-size: 0; margin: 10px 0 0 0}
.video-page .article-content .author .multiple-authors a{display: inline-block; width: auto; vertical-align: top; margin: 0 0 0 10px}
.video-page .article-content.collapsed .author .multiple-authors a{width: 50%; margin: 0}
.video-page .article-content .author .multiple-authors h3{font-size: 14px; top: 3px}
.video-page .article-content .author .multiple-authors figure{width: 35px; height: 35px}
.video-page .article-content.collapsed .author .multiple-authors figure{width: 25px; height: 25px}
.video-page .article-content.collapsed .author .multiple-authors h3{font-size: 12px; line-height: 18px; top: 5px}
.video-page .article-content .author h3{color: #FFFFFF; font-size: 16px; padding: 0 5px 0 0; position: relative; top: 5px; display: inline-block; vertical-align: top}
.video-page .article-content h1{color: #FFFFFF; font-size: 34px; line-height: 50px; margin: 20px 0}
.video-page .article-content .date{font-family: Cairo, Helvetica_new, Arial, sans-serif; font-size: 15px; color: #A09595}
.video-page .article-content .text{color: #FFFFFF; font-size: 18px; font-family: Cairo, Helvetica_new, Arial, sans-serif}
.video-page .article-content .text *{max-width: 100%}
.video-page .article-content .text .summary{margin: 15px 0 0 0}
.video-page .article-content .text p{color: #A09595; font-size: 18px; font-family: Cairo, Helvetica_new, Arial, sans-serif; line-height: 32px; margin: 0 0 10px 0}
.video-page .article-content .next-videos{margin: 20px 0 0 0}
.video-page .article-content .next-videos h2{color: #FFFFFF; font-size: 14px}
.video-page .article-content .next-videos ul{margin: 15px 0 0 0}
.video-page .article-content .next-videos ul li{margin: 0 0 20px 0; display: block; overflow: hidden}
.video-page .article-content .next-videos ul li figure{width: 130px; height: 70px; float: right; position: relative}
.video-page .article-content .next-videos ul li figure:after{content: ''; width: 28px; height: 28px; background: url('/assets/images/video-icon.png') no-repeat center; background-size: contain; position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: auto}
.video-page .article-content .next-videos ul li > div{padding: 0 140px 0 0}
.video-page .article-content .next-videos ul li > div h3{color: #FFFFFF; font-size: 13px; height: 42px; overflow: hidden; line-height: 20px}
.video-page .article-content .next-videos ul li > div h4{color: #A09595; font-size: 13px; margin: 5px 0 0 0}
.video-page .article-content .next-videos a.more{width: 100%; height: 22px; background-color: rgba(255, 255, 255, .45); color: #FFFFFF; font-family: Cairo-Bold, Helvetica_new, Arial, sans-serif; display: block; text-align: center; font-size: 12px; line-height: 18px; border: 1px solid rgba(255, 255, 255, .25); transition: .25s}
.video-page .article-content .next-videos a.more:hover{background: transparent}
.video-page .inlineVideo{height: 100%}
.video-page .inlineVideo iframe{width: 100%; height: 100%}
.video-page .article-content.collapsed{height: 90px; overflow: hidden; font-size: 0}
.video-page .article-content.collapsed a.expand{transform: initial}
.video-page .article-content.collapsed .expanded-content{opacity: 0; visibility: hidden}
.video-page .article-content.collapsed .author{width: 50%; display: inline-block; vertical-align: top; height: 50px; overflow: hidden}
.video-page .article-content.collapsed .author figure{top: 2px; position: relative}
.video-page .article-content.collapsed .author h3{font-size: 14px; line-height: 28px; display: inline-block; vertical-align: top; padding: 0 10px 0 0; position: relative; top: 10px; transition: .1s}
.video-page .article-content.collapsed .author .multiple-authors h3{display: block; padding: 0 30px 0 0}
.video-page .article-content.collapsed .author .clear{clear: none}
.video-page .article-content.collapsed h1{font-size: 18px; width: 50%; display: inline-block; margin: 0; line-height: 50px; height: 50px; overflow: hidden}
.video-page .article-content.collapsed h1:before{content: '|'; font-size: 20px; display: inline-block; color: #FFFFFF; font-family: Cairo, Helvetica_new, Arial, sans-serif; font-weight: normal; margin: 0 0 0 7px; vertical-align: top; position: relative; top: -3px}
/*End Video Page*/

/*Authors Page*/
.authors-page .header{height: 240px; background: url('/assets/images/blogs-header-bg.png') no-repeat center; background-size: cover; position: relative}
.authors-page .header:before{content: ''; position: absolute; width: 100%; height: 100%; background: linear-gradient(to bottom, transparent 0, rgba(49, 49, 49, .5) 100%); background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(49, 49, 49, .5)))}
.authors-page .header h1{font-size: 54px; color: #FFFFFF; text-align: center; position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: auto}
.authors-page .header h1:after{content: ''; display: block; border-top: 10px solid #FFFFFF; width: 105px; margin: auto}
.authors-page .page-title{display: inline-block}
.authors-page .selectize-control{float: left; width: 235px; font-family: Cairo, Helvetica_new, Arial, sans-serif; margin: 10px 0 0 0}
.authors-page .selectize-control.rtl .selectize-input > input{width: 180px !important}
.authors-page .authors{max-width: 1620px; margin: auto; width: 100%; padding: 0 40px}
.authors-page .authors ul{padding: 0 40px; margin: 0 0 40px 0; overflow: hidden; max-height: 305px}
.authors-page .authors ul .slick-prev{right: 0; top: 92px}
.authors-page .authors ul .slick-next{left: 0; right: initial; top: 92px}
.authors-page .authors ul .slick-prev:before, .authors-page .authors ul .slick-next:before{font-size: 40px; font-family: "FontAwesome"; color: #FF500F; font-weight: bold}
.authors-page .authors ul .slick-prev:before{content: '\f105'}
.authors-page .authors ul .slick-next:before{content: '\f104'}
.authors-page .authors ul li{float: right; text-align: center; outline: none}
.authors-page .authors ul li a{display: inline-block; width: 175px; outline: none}
.authors-page .authors ul li a figure{width: 100%; height: 175px; border-radius: 50%}
.authors-page .authors ul li a h3{font-size: 22px; padding: 10px 0 0 0; line-height: 30px}
.authors-page .main-container ul.carousel{width: 72%; float: right; margin: 0 0 30px 0}
.authors-page .main-container ul.carousel .slick-next, .authors-page .main-container .articles-carousel .slick-prev{display: none !important}
.authors-page .main-container ul.carousel .slick-next, .authors-page .main-container .articles-carousel .slick-prev{bottom: 45px; top: initial; z-index: 1}
.authors-page .main-container ul.carousel .slick-next{left: 260px; right: initial}
.authors-page .main-container ul.carousel .slick-prev{left: 300px}
.authors-page .main-container ul.carousel .slick-next:before, .authors-page .main-container .articles-carousel .slick-prev:before{font-size: 34px; font-family: "FontAwesome"; color: #000000}
.authors-page .main-container ul.carousel .slick-next:before{content: '\f104'}
.authors-page .main-container ul.carousel .slick-prev:before{content: '\f105'}
.authors-page .main-container ul.carousel li{float: right; height: 510px; outline: none}
.authors-page .main-container ul.carousel li a{outline: none}
.authors-page .main-container ul.carousel li article.article-1{height: 100%; position: relative}
.authors-page .main-container ul.carousel li article.article-1 .content{width: calc(100% - 30px); margin: auto; height: 100%; position: relative}
.authors-page .main-container ul.carousel li article.article-1 .content figure.article-fig{width: 820px; height: 100%}
.authors-page .main-container ul.carousel li article.article-1 .content .details{height: 435px; position: absolute; background-color: #FFFFFF; box-shadow: 0 0 20px 2px rgba(0, 0, 0, 0.05); width: 350px; bottom: 45px; left: 15px; padding: 20px 35px}
.authors-page .main-container ul.carousel li article.article-1 .content .details .author figure{width: 90px; height: 90px; border-radius: 50%; float: right}
.authors-page .main-container ul.carousel li article.article-1 .content .details .author h3{font-size: 18px; color: #FF500F; margin: 32px 110px 0 0; height: 66px; overflow: hidden}
.authors-page .main-container ul.carousel li article.article-1 .content .details h2{font-size: 26px; line-height: 32px; height: 135px; overflow: hidden; margin: 12px 0 0 0}
.authors-page .main-container ul.carousel li article.article-1 .content .details p{font-size: 16px; line-height: 30px; height: 60px; overflow: hidden; font-family: Cairo, Helvetica_new, Arial, sans-serif; margin: 35px 0 0 0}
.authors-page .main-container ul.carousel li article.article-1 .content .details a.more{font-family: Cairo-Bold, Helvetica_new, Arial, sans-serif; font-size: 14px; margin: 30px 0 0 0; display: inline-block}
.authors-page .main-container ul.carousel li article.article-1 .content .details .navigate-carousel{position: absolute; bottom: 12px; left: 0}
.authors-page .main-container ul.carousel li article.article-1 .content .details .navigate-carousel a{font-size: 30px; margin: 0 0 0 30px; outline: none}
.authors-page .main-container ul.carousel li article.article-1 .content .details .navigate-carousel a.disabled{opacity: .25; cursor: default}
.authors-page .main-container .col-right{width: 72%; float: right}
.latest-news{width: 28%; float: right; margin: 0 0 30px 0}
.homepage .latest-news{width: 100%; float: none}
.latest-news .content{width: calc(100% - 30px); margin: auto; height: 100%; background-color: rgba(234, 234, 234, .1); padding: 0 30px 5px 30px}
.latest-news .content h2{font-size: 30px; margin: 0 0 30px 0}
.latest-news .content h2:before{content: ''; border-right: 4px solid #FF500F; height: 32px; display: inline-block; margin: 0 0 0 15px; position: relative; top: 2px}
.latest-news .content ul li{border-bottom: 1px solid rgba(0, 0, 0, .2); padding: 0 0 30px 0; margin: 25px 0 0 0}
.latest-news .content ul li:last-child{border-bottom: none}
.latest-news .content ul li h3{font-size: 18px; line-height: 30px; margin: 0 0 12px 0}
.latest-news .content ul li span{font-family: Cairo, Helvetica_new, Arial, sans-serif; font-size: 14px}
.latest-news .content ul li span:before{content: ''; width: 18px; height: 18px; display: inline-block; background: url('/assets/images/clock.png') no-repeat center; background-size: contain; margin: 0 0 0 10px; position: relative; top: 4px}
.authors-page .main-container article.article-5{width: 25%; float: right; height: 345px; margin: 0 0 30px 0}
.authors-page .main-container article.article-5 a{width: calc(100% - 30px); margin: auto; display: block; height: 100%; position: relative}
.authors-page .main-container article.article-5 a:before{content: ''; border: 1px solid #FFFFFF; position: absolute; width: calc(100% - 40px); height: calc(100% - 40px); top: 20px; right: 20px}
.authors-page .main-container article.article-5 h2{font-size: 30px; line-height: 40px; color: #FFFFFF; width: 60%; position: absolute; left: 0; right: 0; margin: auto; top: 50%; transform: translateY(-50%); height: 205px; overflow: hidden}
.authors-page .main-container article.article-6{width: 25%; float: right; margin: 0 0 30px 0; height: 140px}
.authors-page .main-container article.article-6 a{width: calc(100% - 20px); margin: auto; height: 100%; border-right: 1px solid #707070; display: block; padding: 20px}
.authors-page .main-container article.article-6 a h2{font-size: 17px; line-height: 28px; height: 115px; overflow: hidden}
.authors-page .opinions-component{float: right; width: 100%}
.authors-page .opinions-component .main-container .col-left{width: 65%; display: inline-block; vertical-align: top; padding: 0 0 0 15px}
.authors-page .opinions-component .main-container a.more{display: none}
.authors-page .opinions-component .slick-prev{right: -45px; top: 140px}
.authors-page .opinions-component .slick-next{left: -35px; right: initial; top: 140px}
.authors-page .opinions-component .slick-prev:before, .authors-page .opinions-component .slick-next:before{font-size: 26px; font-family: "FontAwesome"; color: #FF500F; font-weight: bold; width: 30px; height: 30px; border: 2px solid #FF500F; border-radius: 50%; display: block; line-height: 30px}
.authors-page .opinions-component .slick-prev:before{content: '\f105'}
.authors-page .opinions-component .slick-next:before{content: '\f104'}
/*End Authors Page*/

/*Article Page*/
/*.article-page .main-container:first-of-type:before{content: ''; height: 105px; background-color: #000000; position: absolute; width: 100%; z-index: -1; left: 0; right: 0}*/
.article-page .main-container{max-width: initial; padding: 0}
.article-page .banner{margin: 20px 0 20px auto}
.article-page article{margin: 0 0 30px 0}
.article-page article figure.main-figure{height: 500px; position: relative}
.article-page article figure.main-figure:before{content: ''; position: absolute; width: 100%; height: 100%; background: linear-gradient(to bottom, transparent 0, rgba(49, 49, 49, .5) 100%); background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(49, 49, 49, .5)))}
.article-page article figure.main-figure h1{color: #FFFFFF; font-size: 50px; line-height: 78px; position: absolute; bottom: 0; width: 65%; left: 0; padding: 0 0 30px 10%}
.article-page article figure.main-figure .caption{position: absolute; color: #FFFFFF; font-family: Cairo, Helvetica_new, Arial, sans-serif; font-size: 16px; background-color: rgba(0, 0, 0, .5); bottom: 0; padding: 2px 20px; line-height: 24px; max-height: 30px}
.article-page article .article-container{max-width: 1900px; margin: auto; padding: 0 100px}
.article-page article .col-right{width: 30%; margin: 0 0 0 5%; display: inline-block}
.article-page article .col-right .monster-mpu{width: 100%; float: none; margin: 20px 0 0 0}
.article-page article .mostread-component{margin: 30px 0 20px 0}
.article-page article .author{margin: 0 0 10px 0}
.article-page article .author a figure{width: 75px; height: 75px; border-radius: 50%; display: inline-block; vertical-align: middle}
.article-page article .author .multiple-authors a figure{width: 50px; height: 50px}
.article-page article .author .multiple-authors a{margin: 0 0 0 20px}
.article-page article .author a > div{margin: 0 20px 0 0; display: inline-block; vertical-align: middle}
.article-page article .author .multiple-authors a > div{margin: 0 5px 0 0}
.article-page article .author a > div h3{font-size: 16px; line-height: 30px; display: inline-block}
.article-page article .author a > div span{font-size: 24px; display: inline-block; margin: 0 10px; vertical-align: bottom; line-height: 28px; font-weight: bold}
.article-page article .author a > div h4{font-size: 16px; font-family: Cairo, Helvetica_new, Arial, sans-serif; font-weight: normal; line-height: 22px; color: rgba(0, 0, 0, .65); display: inline-block}
.article-page .main-container .col-left{width: 65%; display: inline-block; vertical-align: top}
.article-page .main-container .col-left .date{font-size: 16px; font-family: Cairo, Helvetica_new, Arial, sans-serif}
.article-page .main-container .col-left .date span{margin: 0 0 0 8px}
.article-page .main-container .col-left .date .time{direction: ltr; display: inline-block}
.article-page .main-container .col-left .date .time:after{content: ''; width: 14px; height: 14px; display: inline-block; background: url('/assets/images/clock.png') no-repeat center; background-size: contain; margin: 0 0 0 8px; position: relative; top: 1px}
.article-page .main-container .col-left .switch-lang{font-size: 16px; border-bottom: none!important; color: black; background: #F0F7FF; direction: ltr; padding: 10px 15px; font-family: Cairo-Bold, Helvetica_new, Arial, sans-serif; border-bottom: 1px solid; margin: 5px 0; display: inline-block}
.article-page .main-container .col-left .switch-lang.rtl{direction: rtl}
.article-page .main-container .col-left .switch-lang span {font-family: Cairo, Helvetica_new, Arial, sans-serif}
.article-page .main-container .col-left .switch-lang span img.lang-icon {width: 23px; position: relative; top: 5px; margin: 0 10px}
.article-page .main-container .col-left .switch-lang p {display: inline-block}
.article-page .main-container .col-left .text{margin: 5px 0 0 0; font-size: 22px; font-family: Nassim, Helvetica_new, Arial, sans-serif}
.article-page .main-container .col-left .text *{max-width: 100%}
.article-page .main-container .col-left .text .summary{margin: 15px 0 0 0}
.article-page .main-container .col-left .text h2{font-size: 26px; margin: 0 0 10px 0}
.article-page .main-container .col-left .text p{font-size: 22px; font-family: Nassim, Helvetica_new, Arial, sans-serif; line-height: 30px; margin: 0 0 10px 0}
.article-page .main-container .col-left .text h1, .article-page .main-container .col-left .text h2, .article-page .main-container .col-left .text h3, .article-page .main-container .col-left .text h4{font-family: Nassim-Bold, Helvetica_new, Arial, sans-serif}
.article-page .main-container .col-left .text h1, .article-page .main-container .col-left .text h2{margin: 20px 0; font-size: 30px}
.article-page .main-container .col-left .text a{color: #2212d3}
.article-page .main-container .col-left .text a:visited{color: #660099}
.article-page .main-container .col-left .text audio{margin: 20px 0 0 0; width: 50%}
/*.article-page .main-container .col-left .text h6{padding: 30px 40px; position: relative; font-size: 30px; line-height: 50px; margin: 20px 0}*/
/*.article-page .main-container .col-left .text h6:before{content: ''; width: 40px; height: 40px; background: url('/assets/images/postquote.png') no-repeat center; background-size: contain; position: absolute; right: 5px; top: 0}*/
/*.article-page .main-container .col-left .text .quotes{margin: 10px 0 30px 0}*/
/*.article-page .main-container .col-left .text .quotes h3{font-size: 26px; color: #FF500F; margin: 0 0 20px 0}*/
/*.article-page .main-container .col-left .text .quotes > div{padding: 30px 0 20px 0; border-top: 1px solid rgba(0, 0, 0, .1); border-bottom: 1px solid rgba(0, 0, 0, .1)}*/
.article-page .main-container .col-left .text .postquotes{margin: 20px 0; padding: 0 0 30px 0; border-top: 1px solid rgba(0, 0, 0, .3); border-bottom: 1px solid rgba(0, 0, 0, .3); position: relative}
/*.article-page .main-container .col-left .text .postquotes:before{content: 'أقوال جاهزة'; font-family: Cairo-Bold, Helvetica_new, Arial, sans-serif; font-size: 30px; color: #FF500F; top: -80px; right: 0; position: absolute}*/
.article-page .main-container.english-article .col-left .text .postquotes:before {content: ''}
.article-page .main-container .col-left .text blockquote{font-size: 22px; font-family: Cairo-Bold, Helvetica_new, Arial, sans-serif; line-height: 34px; margin: 20px 0 0 0; padding: 20px 45px 0 0; position: relative}
/*.article-page .main-container .col-left .text blockquote:last-of-type{margin: 40px 0}*/
.article-page .main-container .col-left .text blockquote p{font-family: Cairo-Bold, Helvetica_new, Arial, sans-serif; font-size: 22px; line-height: 34px}
.article-page .main-container .col-left .text .postquotes .postquote:nth-of-type(odd){color: #FF6E39}
.article-page .main-container .col-left .text blockquote.postquote:before{content: '"'; font-size: 100px; font-family: Cairo, Helvetica_new, Arial, sans-serif; position: absolute; right: 20px; font-style: italic; top: 30px}
.article-page .main-container .col-left .text blockquote.blockquote{float: left; width: 45%; margin: 20px 5% 30px 0; color: #000000}
.article-page .main-container .col-left .text blockquote.blockquote:before{content: ''; width: 40px; height: 40px; background: url('/assets/images/postquote.png') no-repeat center; background-size: contain; position: absolute; right: 5px; top: 0}
.article-page .main-container .col-left .text blockquote.postquote .share{position: absolute; top: -10px; left: 10px}
.article-page .main-container .col-left .text .postquotes .postquote:nth-of-type(odd) .share a{color: #FF6E39}
.article-page .main-container .col-left .text blockquote.postquote .share a{color: #000000; transition: .25s; margin: 0 10px 0 0; font-size: 18px}
.article-page .main-container .col-left .text blockquote.postquote .share a.facebook:hover{color: #3F59A3}
.article-page .main-container .col-left .text blockquote.postquote .share a.twitter:hover{color: #01AFFD}
.article-page .main-container .col-left .text .one-third{float: right; width: 33.33%; margin: 0 0 10px 10px}
.article-page .main-container .col-left .text .poll{border: 1px solid rgba(255, 110, 57, .2); padding: 20px; margin: 40px 0}
.article-page .main-container .col-left .text .poll h3{font-size: 30px; border-bottom: 1px solid rgba(0, 0, 0, .1); display: inline-block}
.article-page .main-container .col-left .text .poll .choice{margin: 15px 0}
.article-page .main-container .col-left .text .poll .choice input[type=checkbox]{display: none}
.article-page .main-container .col-left .text .poll .choice h4{font-size: 21px; font-family: Cairo-Bold, Helvetica_new, Arial, sans-serif; cursor: pointer; display: inline-block}
.article-page .main-container .col-left .text .poll .choice span{width: 22px; height: 22px; border: 1px solid #FF500F; display: inline-block; border-radius: 50%; margin: 0 0 0 10px; position: relative; top: 2px; cursor: pointer}
.article-page .main-container .col-left .text .poll .choice span:after{content: ''; width: 10px; height: 10px; background-color: #FF500F; border-radius: 50%; position: absolute; left: 0; right: 0; top: 4px; margin: auto; transition: .25s; border: 1px solid #FF500F}
.article-page .main-container .col-left .text .poll .choice.active span:after{background-color: #000000}
.article-page .main-container .col-left .text .poll input[type=submit]{width: 185px; height: 45px; background-color: #FF500F; color: #FFFFFF; font-size: 21px; outline: none; cursor: pointer; padding: 0 65px 5px 65px; font-family: Cairo-Bold, Helvetica_new, Arial, sans-serif; margin: 5px 0 0 0; transition: .25s; border: 2px solid #FF500F}
.article-page .main-container .col-left .text .poll input[type=submit]:hover{background-color: #FFFFFF; color: #FF500F}
.article-page .main-container .col-left .text .poll p{margin: 15px 0 0 0; padding: 0 5px 0 0; font-size: 16px; color: #FF500F; font-family: Cairo-Bold, Helvetica_new, Arial, sans-serif}
.article-page .main-container .col-left .text .relatedArticles{border: 1px solid rgba(255, 80, 15, .2); padding: 10px 20px; margin: 20px 0; clear: both; text-align: right}
.article-page .main-container .col-left .text .relatedArticles:before{content: 'مقالات ذات صلة'; font-size: 28px; margin: 0 0 10px 0; display: block; font-family: Cairo-Bold, Helvetica_new, Arial, sans-serif}
.article-page .main-container .col-left .text .relatedArticles .item{width: 32%; display: inline-block; vertical-align: top; margin: 0 0 0 2%}
.article-page .main-container .col-left .text .relatedArticles .item:nth-child(3n){margin: 0}
.article-page .main-container .col-left .text .relatedArticles .item figure{background-repeat: no-repeat; background-position: center; background-size: cover; height: 164px}
.article-page .main-container .col-left .text .relatedArticles .item p{font-size: 16px; line-height: 26px; padding: 10px 5px 0 0; font-family: Cairo-Bold, Helvetica_new, Arial, sans-serif; color: #000000}
.article-page .main-container .col-left .keywords{margin: 30px 0}
.article-page .main-container .col-left .keywords h3{font-size: 28px; margin: 0 0 20px 0}
.article-page .main-container .col-left .keywords h3:after{content: ''; display: inline-block; width: 125px; border-top: 3px solid #FF500F; margin: 0 30px 0 0}
.article-page .main-container .col-left .keywords a{font-family: Cairo-Bold, Helvetica_new, Arial, sans-serif; font-size: 16px; color: #FF500F; border: 2px solid #FF500F; margin: 0 0 20px 20px; display: inline-block; padding: 2px 15px; transition: .25s}
.article-page .main-container .col-left .keywords a:hover{color: rgba(255, 80, 15, .75)}
.article-page .main-container .col-left .notice{font-size: 16px !important; font-family: Cairo-Bold, Helvetica_new, Arial, sans-serif !important; margin: 20px 0 0 0 !important; line-height: 24px !important}
.article-page .main-container .col-left .trending{margin: 20px 0}
.article-page .main-container .col-left .trending h3{font-size: 28px; margin: 0 0 20px 0}
.article-page .main-container .col-left .trending h3:after{content: ''; width: 125px; display: inline-block; border-top: 3px solid #FF500F; margin: 0 30px 0 0}
.article-page .main-container .col-left .trending a{width: 23.5%; display: inline-block; vertical-align: top; margin: 0 0 0 2%}
.article-page .main-container .col-left .trending a:last-child{margin: 0}
.article-page .main-container .col-left .trending a figure{height: 190px; position: relative}
.article-page .main-container .col-left .trending a.video figure:after{content: ''; position: absolute; width: 45px; height: 45px; background: url('/assets/images/video-icon.png') no-repeat center; background-size: contain; right: 0; left: 0; margin: auto; top: 0; bottom: 0}
.article-page .main-container .col-left .trending a h4{font-size: 14px; line-height: 22px; padding: 10px 0 0 0}
.article-page .main-container .col-left a.show-comments{font-size: 18px; color: #FFFFFF; display: block; width: 180px; height: 55px; background-color: #000000; font-family: Cairo-Bold, Helvetica_new, Arial, sans-serif; text-align: center; line-height: 52px; margin: 0 0 20px 0}
.article-page .main-container .col-left a.hover-orange{transition: .25s}
.article-page .main-container .col-left a.hover-orange:hover{background-color: #FF500F}
.article-page .main-container .col-left .fb-comments-container{display: none}
.article-page ul.social{position: fixed; left: 0; top: calc(50% - 120px); text-align: left; direction: ltr; z-index: 1}
.article-page ul.social li{width: 60px; height: 60px}
.article-page ul.social li a{font-size: 26px; color: #FFFFFF; display: block; height: 100%; text-align: center; line-height: 64px; transition: .25s}
.article-page ul.social li a.facebook{background-color: #3F59A3}
.article-page ul.social li a.twitter{background-color: #01AFFD}
.article-page ul.social li a.mail{background-color: #CD4331}
.article-page ul.social li a.whatsapp{background-color: #25d366}
.article-page ul.social li a.pinterest{background-color: #D81916}
.article-page ul.social li a.google{background-color: #EA4C29}
.article-page ul.social li a:hover{background-color: #FFFFFF}
.article-page ul.social li a.facebook:hover{color: #3F59A3}
.article-page ul.social li a.twitter:hover{color: #01AFFD}
.article-page ul.social li a.mail:hover{color: #CD4331}
.article-page ul.social li a.pinterest:hover{color: #D81916}
.article-page ul.social li a.google:hover{color: #EA4C29}
.article-page .loading-article{font-size: 16px; text-align: center; margin: 20px 0 0 0; padding: 0 0 20px 0}
.article-page .main-container.no-mainimage:before{display: none}
.article-page .main-container.no-mainimage article figure.main-figure{background: transparent; height: auto}
.article-page .main-container.no-mainimage article figure.main-figure:before{display: none}
.article-page .main-container.no-mainimage article figure.main-figure h1{color: #000000; position: relative; bottom: initial; padding: 20px 35% 20px 20px; width: 100%}
.article-page .main-container.english-article{direction: ltr}
.article-page .main-container.english-article .banner{margin: 20px auto 20px 0}
.article-page .main-container.english-article article figure.main-figure h1{padding: 0 10% 50px 0; right: 0; left: initial}
.article-page .main-container.english-article.no-mainimage article figure.main-figure h1{padding: 20px 0 20px 35%}
.article-page .main-container.english-article article .col-right{margin: 0 5% 0 0}
.article-page .main-container.english-article article .author a > div{margin: 0 0 0 20px}
.article-page .main-container.english-article ul.social{right: 0; left: initial}
.article-page .main-container.english-article .col-left .text .relatedArticles:before{content: 'Related Articles'}
.article-page .main-container.english-article .col-left .text .relatedArticles .item{margin: 0 2% 0 0}
.article-page .main-container.english-article .col-left .text .relatedArticles .item:nth-child(3n){margin: 0}
.article-page .main-container.english-article .mostread-component ul li figure{float: left}
.article-page .main-container.english-article .mostread-component ul li h3{padding: 0 0 0 55%}
.article-page .main-container.english-article .mostread-component ul li h4{padding: 0 0 0 55%}
.article-page .main-container.english-article .col-left .keywords h3:after{margin: 0 0 0 30px}
.article-page .main-container.english-article .col-left .keywords a{margin: 0 20px 20px 0}
.article-page .main-container.english-article .col-left .trending h3:after{left: initial; right: 0; margin: 0 0 0 30px}
.article-page .main-container.english-article .col-left .trending a{margin: 0 2% 0 0}
.article-page .main-container.english-article .col-left .trending a:last-child{margin: 0}
.article-page .main-container.english-article .col-left .date span{margin: 0 8px 0 0}
.article-page .main-container.english-article .col-left .date .time:after{display: none}
.article-page .main-container.english-article .col-left .date .time:before{content: ''; width: 14px; height: 14px; display: inline-block; background: url('/assets/images/clock.png') no-repeat center; background-size: contain; margin: 0 10px 0 5px; position: relative; top: 1px}
.article-page .main-container.english-article .col-left .text blockquote.blockquote{float: right; margin: 20px 0 30px 5%}
/*End Article Page*/

/*Files Page*/
.files-page ul.featured-slider .slick-prev, .files-page ul.featured-slider .slick-next{display: none !important}
.files-page .article-1{width: 100%; float: right; margin: 0 0 70px 0}
.files-page .article-1 .content{width: calc(100% - 30px); margin: auto; position: relative}
.files-page .article-1 .content figure{height: 310px}
.files-page .article-1 .content .category{font-size: 16px; color: #FFFFFF; font-family: Cairo-Bold, Helvetica_new, Arial, sans-serif; padding: 2px 25px; position: absolute; top: 0; left: 0; transition: .25s}
.files-page .article-1 .content .details{height: 170px; background-color: #FFFFFF; width: 625px; position: absolute; right: 0; bottom: -40px; box-shadow: 0 0 20px 2px rgba(0, 0, 0, 0.05)}
.files-page .article-1 .content .details h2{font-size: 24px; line-height: 40px; padding: 20px 50px 0 50px; height: 105px; overflow: hidden}
.files-page .article-2{width: 33.33%; float: right; margin: 0 0 30px 0}
.files-page .article-2 .content{width: calc(100% - 30px); margin: auto; position: relative}
article .content a.bookmark{width: 32px; height: 32px; position: absolute; top: 15px; right: 15px; background: url('/assets/images/bookmark.png') no-repeat center, #FF500F; background-size: 18px; opacity: 0; transition: .25s; visibility: hidden}
/*article:hover .content a.bookmark{opacity: 1; visibility: visible}*/
.files-page article .category.purple{background-color: #833BBA}
.files-page article .category.orange{background-color: #FF500F}
.files-page article .category.blue{background-color: #2E69CF}
/*End Files Page*/

/*File Page*/
.file-page .header{height: 240px; position: relative}
.file-page .header:before{content: ''; position: absolute; width: 100%; height: 100%; background: linear-gradient(to bottom, transparent 0, rgba(49, 49, 49, .5) 100%); background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(49, 49, 49, .5)))}
.file-page .header h1{color: #FFFFFF; font-size: 40px; max-width: 1000px; margin: auto; position: absolute; right: 20%; top: 50%; transform: translateY(-50%); line-height: 66px; max-height: 225px; overflow: hidden}
.file-page .header h1 span{font-size: 22px; display: block; position: relative; line-height: 26px; padding: 0 20px 0 0; margin: 0 0 10px 0}
.file-page .header h1 span:before{content: ''; border-right: 4px solid #FF500F; position: absolute; height: 90%; right: 0}
.file-page .contents{font-size: 18px; font-family: Cairo, Helvetica_new, Arial, sans-serif; margin: 0 0 30px 0; padding: 0 15px}
.file-page .contents *{max-width: 100%}
.file-page .contents h2{font-size: 26px; margin: 0 0 10px 0}
.file-page .contents p{font-size: 18px; font-family: Cairo, Helvetica_new, Arial, sans-serif; line-height: 32px; margin: 0 0 10px 0}
.file-page .contents a{color: #1A0DAB}
.file-page .contents a:visited{color: #660099}
.file-page .contents .postquotes{margin: 100px 0 20px 0; padding: 0 0 30px 0; border-top: 1px solid rgba(0, 0, 0, .3); border-bottom: 1px solid rgba(0, 0, 0, .3); position: relative}
.file-page .contents .postquotes:before{content: 'أقوال جاهزة'; font-family: Cairo-Bold, Helvetica_new, Arial, sans-serif; font-size: 30px; color: #FF500F; top: -80px; position: absolute}
.file-page .contents blockquote{font-size: 22px; font-family: Cairo-Bold, Helvetica_new, Arial, sans-serif; line-height: 34px; margin: 40px 0 0 0; padding: 30px 45px 0 0; position: relative}
.file-page .contents blockquote p{font-family: Cairo-Bold, Helvetica_new, Arial, sans-serif; font-size: 22px; line-height: 34px}
.file-page .contents .postquotes .postquote:nth-of-type(odd){color: #FF6E39}
.file-page .contents blockquote.postquote:before{content: '"'; font-size: 120px; font-family: Cairo, Helvetica_new, Arial, sans-serif; position: absolute; right: 20px; font-style: italic; top: 20px}
.file-page .contents blockquote.blockquote{float: left; width: 45%; margin: 20px 5% 30px 0; color: #000000}
.file-page .contents blockquote.blockquote:before{content: ''; width: 40px; height: 40px; background: url('/assets/images/postquote.png') no-repeat center; background-size: contain; position: absolute; right: 5px; top: 0}
.file-page .contents blockquote.postquote .share{position: absolute; top: 0; left: 0}
/*End File Page*/

/*Countries Page*/
.countries-page h1{display: none}
.countries-page .countries-list{overflow: hidden}
.countries-page .countries-list ul{padding: 0 5% 10px 0; border-bottom: 1px solid #000000; margin: 0 15px 30px 15px}
.countries-page .countries-list ul li{display: inline-block; width: 12.5%; text-align: right; margin: 0 0 10px 0}
.countries-page .countries-list ul li a{font-size: 24px; font-family: Cairo-Bold, Helvetica_new, Arial, sans-serif; transition: .25s}
.countries-page .countries-list ul li a.active, .countries-page .countries-list ul li a:hover{color: #FF500F}
/*End Countries Page*/

/*Donate Page*/
header.donate{display: none}
.donate-page{padding: 40px 0}
.donate-page.ltr{direction: ltr}
.donate-page .col-right{width: 50%; display: inline-block; vertical-align: top}
.donate-page .col-right > div{width: 80%; margin: auto; text-align: right}
.donate-page.ltr .col-right > div{text-align: left}
.donate-page .col-right > div h1{font-size: 30px}
.donate-page .col-right > div p{font-size: 21px; color: #FF500F; font-family: Cairo-Bold, Helvetica_new, Arial, sans-serif; line-height: 32px; margin: 20px 0}
.donate-page .col-right > div p.smaller-font{font-size: 16px; line-height: 24px; font-family: Cairo, Helvetica_new, Arial, sans-serif; margin: 10px 0 0 0; color: #000000}
.donate-page .col-right figure{width: 100%; height: 450px; background: url('/assets/images/donatepage-bg.png') no-repeat center; background-size: contain; margin: 40px 0 0 0}
.donate-page .col-left{width: 45%; display: inline-block; margin: 0 5% 0 0}
.donate-page .col-left .payment-fail{font-size: 20px; color: #FF500F; font-family: Cairo-Bold, Helvetica_new, Arial, sans-serif; margin: 0 0 20px 0; text-align: center; display: none}
.donate-page .col-left .payment-fail.show{display: block}
.donate-page .col-left form{width: 100%; box-shadow: 0 0 20px 2px rgba(0, 0, 0, 0.05); margin: auto; padding: 0 0 20px 0}
.donate-page .col-left form.hide{display: none}
.donate-page .col-left form .items{height: 60px}
.donate-page .col-left form .items li{width: 50%; box-shadow: 0 0 20px 2px rgba(0, 0, 0, 0.05); height: 100%; line-height: 60px; display: inline-block; text-align: center}
.donate-page .col-left form .items li a{color: #000000; font-size: 26px; display: block; font-family: Cairo-Bold, Helvetica_new, Arial, sans-serif; transition: .25s}
.donate-page .col-left form .items li a.active, .donate-page .col-left form .items li a:hover{background-color: #FF500F; color: #FFFFFF}
.donate-page .col-left form .amount{text-align: center; margin: 40px 0}
.donate-page .col-left form .amount li{width: 68px; height: 52px; display: inline-block; border: 1px solid #FF500F; line-height: 52px; margin: 0 7%; vertical-align: top}
.donate-page .col-left form .amount li a{color: #000000; font-size: 21px; display: block; font-family: Cairo-Bold, Helvetica_new, Arial, sans-serif; transition: .25s}
.donate-page .col-left form .amount li a.active, .donate-page .col-left form .amount li a:hover{background-color: #FF500F; color: #FFFFFF}
.donate-page .col-left form .amount li input[type=number]{width: 100%; border: none; height: 100%; outline: none; text-align: center; font-size: 16px}
.donate-page .col-left form .amount li input[type=number]::-webkit-input-placeholder{color: #000000; font-size: 21px; font-family: Cairo-Bold, Helvetica_new, Arial, sans-serif}
.donate-page .col-left form .amount li input[type=number]:-moz-placeholder{color: #000000; font-size: 21px; font-family: Cairo-Bold, Helvetica_new, Arial, sans-serif}
.donate-page .col-left form .amount li input[type=number]::-moz-placeholder{color: #000000; font-size: 21px; font-family: Cairo-Bold, Helvetica_new, Arial, sans-serif}
.donate-page .col-left form .amount li input[type=number]:-ms-input-placeholder{color: #000000; font-size: 21px; font-family: Cairo-Bold, Helvetica_new, Arial, sans-serif}
.donate-page .col-left form p{font-size: 16px; font-family: Cairo-Bold, Helvetica_new, Arial, sans-serif; padding: 0 50px; margin: 0 0 20px 0; text-align: center; color: #FF500F; line-height: 24px}
.donate-page .col-left form > div{padding: 0 50px}
.donate-page .col-left form > div label{font-family: Cairo-Bold, Helvetica_new, Arial, sans-serif; color: #000000; font-size: 19px; display: block; margin: 0 0 10px 0}
.donate-page .col-left form > div .row{margin: 0 0 20px 0; width: 100%; height: 60px; position: relative}
.donate-page .col-left form > div .row.textarea{height: 120px}
.donate-page .col-left form > div .row i{position: absolute; top: 50%; transform: translateY(-50%); right: 20px}
.donate-page.ltr .col-left form > div .row i{left: 20px}
.donate-page .col-left form > div .row i.email{width: 26px; height: 18px; background: url('/assets/images/email-icon.png') no-repeat center; background-size: contain}
/*.donate-page .col-left form > div .row i.country{width: 22px; height: 30px; background: url('/assets/images/country-icon.png') no-repeat center; background-size: contain}*/
.donate-page .col-left form > div .row i.name{width: 22px; height: 30px; background: url('/assets/images/name-icon.png') no-repeat center; background-size: contain; right: 25px}
.donate-page .col-left form > div input[type=email], .donate-page form > div select, .donate-page form > div input[type=text], .donate-page form > div textarea, .donate-page form > div li input[type=number]{height: 60px; width: 100%; border: 1px solid rgba(255, 255, 255, .7); background-color: rgba(0, 0, 0, .05); outline: none; padding: 0 60px 0 20px; font-size: 16px; color: #000000; font-family: Cairo, Helvetica_new, Arial, sans-serif}
.donate-page.ltr .col-left form > div input[type=email], .donate-page.ltr form > div select, .donate-page.ltr form > div input[type=text], .donate-page.ltr form > div textarea, .donate-page.ltr form > div li input[type=number]{padding: 0 20px 0 60px; text-align: left}
.donate-page .col-left form input[type=radio]{display: none}
.donate-page .col-left form .step-2{display: none}
.donate-page .col-left form > div .row textarea{padding: 10px; height: 120px; resize: none}
.donate-page .col-left form > div ul.payment-method{margin: 15px 0}
.donate-page .col-left form > div ul.payment-method li{position: relative; cursor: pointer; margin: 0 0 15px 0}
.donate-page .col-left form > div ul.payment-method li span{width: 25px; height: 25px; display: inline-block; position: relative; top: 5px; margin: 0 0 0 15px; background: url('/assets/images/radio-buttons.png') no-repeat center; background-size: 70px; background-position: -5px -5px}
.donate-page.ltr .col-left form > div ul.payment-method li span{margin: 0 15px 0 0}
.donate-page .col-left form > div ul.payment-method li.active span, .donate-page .col-left form > div ul.payment-method li:hover span{background-position: -40px -5px}
.donate-page .col-left form > div ul.payment-method li a{display: inline-block; cursor: pointer; font-family: Cairo-Bold, Helvetica_new, Arial, sans-serif; color: #000000; font-size: 18px}
.donate-page .col-left form > div ul.payment-method li input[type=text]{padding: 10px; margin: 20px 0 0 0}
.donate-page .col-left form > div ul.payment-method li input#security-code, .donate-page .col-left form > div ul.payment-method li input#expiry-month, .donate-page .col-left form > div ul.payment-method li input#expiry-year{width: 100px; margin: 20px 0 20px 20px; vertical-align: top}
/*.donate-page .col-left form > div ul.payment-method li .expanded{display: none; cursor: default}*/
/*.donate-page .col-left form > div ul.payment-method li .expanded p{font-family: Cairo-Bold, Helvetica_new, Arial, sans-serif; font-size: 16px}*/
/*.donate-page .col-left form > div ul.payment-method li:first-child .expanded{display: block}*/
.donate-page .col-left form .form-footer{padding: 0 50px}
.donate-page .col-left form .form-footer a.submit{width: 100%; height: 60px; background-color: #FF500F; color: #FFFFFF; font-family: Cairo-Bold, Helvetica_new, Arial, sans-serif; font-size: 24px; outline: none; cursor: pointer; transition: .25s; border: none; margin: 20px 0 0 0; display: block; text-align: center; line-height: 58px}
.donate-page .col-left form .form-footer a.submit:hover{letter-spacing: 1px}
.donate-page .col-left form .form-footer a.submit i{margin: 0 10px 0 0; display: none}
.donate-page .col-left form .form-footer a.submit.disabled{opacity: .75; cursor: default}
.donate-page .col-left form .form-footer a.submit.disabled:hover{letter-spacing: initial}
.donate-page .col-left form .form-footer a.submit.disabled i{display: inline-block}
.donate-page .col-left form .form-footer p.donation-info{font-family: Cairo-Bold, Helvetica_new, Arial, sans-serif; font-size: 16px; display: none}
.donate-page .col-left form p.required{font-size: 16px; font-family: Cairo-Bold, Helvetica_new, Arial, sans-serif; color: #FF500F; display: none; margin: 0 0 20px 0}
.donate-page .col-left form p.required.amount-required{text-align: center; margin: -20px 0 20px 0}
.donate-page .col-left form p.required.amount-required{text-align: center; margin: -20px 0 20px 0}
.donate-page .col-left form p.notice{padding: 0 20px}
.donate-page .col-left figure.donate-success{width: 100%; height: 490px; background: url('/assets/images/donate-success.png?1') no-repeat center; background-size: contain; margin: 110px 0}
/*End Donate Page*/

/*Keyword Page*/
.keyword-page .header{height: 240px; background: url('/assets/images/keyword-header-bg.png') no-repeat center; background-size: cover; position: relative}
.keyword-page .header:before{content: ''; position: absolute; width: 100%; height: 100%; background: linear-gradient(to bottom, transparent 0, rgba(49, 49, 49, .5) 100%); background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(49, 49, 49, .5)))}
.keyword-page .header h1{font-size: 54px; color: #FFFFFF; text-align: center; position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: auto}
.keyword-page .header h1:after{content: ''; display: block; border-top: 10px solid #FFFFFF; width: 105px; margin: auto}
.keyword-page h2.no-results{font-size: 30px; text-align: center}
/*End Keyword Page*/

/*Search Page*/
.search-page .header{height: 240px; background: url('/assets/images/search-header-bg.jpg') no-repeat center; background-size: cover; position: relative}
.search-page .header:before{content: ''; position: absolute; width: 100%; height: 100%; background: linear-gradient(to bottom, transparent 0, rgba(49, 49, 49, .5) 100%); background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(49, 49, 49, .5)))}
.search-page .header h1{font-size: 54px; color: #FFFFFF; text-align: center; position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: auto}
.search-page .header h1:after{content: ''; display: block; border-top: 10px solid #FFFFFF; width: 105px; margin: auto}
.search-page h2.no-results{font-size: 30px; text-align: center}
/*End Search Page*/

/*Author Page*/
.author-page .header{height: 240px; background: url('/assets/images/author-header-bg.png') no-repeat center; background-size: cover; position: relative}
.author-page .header:before{content: ''; position: absolute; width: 100%; height: 100%; background: linear-gradient(to bottom, transparent 0, rgba(49, 49, 49, .5) 100%); background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(49, 49, 49, .5)))}
.author-page .header h3{font-size: 54px; color: #FFFFFF; text-align: center; position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: auto}
.author-page .header h3:after{content: ''; display: block; border-top: 10px solid #FFFFFF; width: 105px; margin: auto}
.author-page .author-info{background-color: rgba(216, 212, 212, .1); padding: 20px 50px; position: relative; min-height: 175px; margin: 0 auto 30px auto; width: calc(100% - 30px)}
.author-page .author-info figure{width: 135px; height: 135px; border-radius: 50%; display: inline-block}
.author-page .author-info > div{display: inline-block; vertical-align: top; margin: 0 50px 0 0; width: 60%}
.author-page .author-info > div h1{font-size: 24px}
.author-page .author-info > div h1 a.author_social{display: inline-block;color:#FF500F;font-size: 16px;border-right:solid 1px rgba(0, 0, 0, 0.2);direction: ltr;padding:0 10px}
.author-page .author-info > div h1 a.author_social i{width: 30px;height: 30px;text-align: center;line-height: 30px;border-radius: 100%;color: white;padding: 1px;margin: 0 4px 0 0;position: relative;top: 3px}
.author-page .author-info > div h1 a.author_social i.fa-facebook{background-color:#365993}
.author-page .author-info > div h1 a.author_social i.fa-twitter{background-color:#7ec4de}
.author-page .author-info > div h1 span.author_name{padding:0 0 0 10px}
.author-page .author-info > div p{font-size: 18px; font-family: Cairo, Helvetica_new, Arial, sans-serif; margin: 10px 0 0 0; line-height: 32px; max-height: 65px; overflow: hidden}
.author-page .author-info .bg{width: 370px; height: 280px; background: url('/assets/images/author-info-bg.png') no-repeat center; background-size: contain; position: absolute; left: 0; bottom: 0; border-radius: initial}
/*End Author Page*/

/*Mostread Page*/
.mostread-page .header{height: 240px; background: url('/assets/images/mostread-header-bg.png') no-repeat center; background-size: cover; position: relative}
.mostread-page .header:before{content: ''; position: absolute; width: 100%; height: 100%; background: linear-gradient(to bottom, transparent 0, rgba(49, 49, 49, .5) 100%); background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(49, 49, 49, .5)))}
.mostread-page .header h1{font-size: 54px; color: #FFFFFF; text-align: center; position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: auto}
.mostread-page .header h1:after{content: ''; display: block; border-top: 10px solid #FFFFFF; width: 105px; margin: auto}
.mostread-page.english-mostread{direction: ltr}
.mostread-page.english-mostread article.article-stream-1 .content .category{display: none}
.mostread-page.english-mostread article.article-stream-2 .content .details .category{display: none}
.mostread-page.english-mostread article.article-stream-2 .content .details h2{padding: 0 40px 0 0}
.mostread-page.english-mostread article.article-stream-1 .content .details .author{left: 35px}
.mostread-page.english-mostread article.article-stream-1 .content .details .author h3{padding: 0 20px 0 0}
.mostread-page.english-mostread article.article-stream-1{float: left}
.mostread-page.english-mostread article.article-stream-2.style-1{float: left}
.mostread-page.english-mostread article.article-stream-2 .content .details{left: 0}
/*End Mostread Page*/

/*Archives Page*/
.archives-page .header{height: 240px; background: url('/assets/images/archives-header-bg.png') no-repeat center; background-size: cover; position: relative}
.archives-page .header:before{content: ''; position: absolute; width: 100%; height: 100%; background: linear-gradient(to bottom, transparent 0, rgba(49, 49, 49, .5) 100%); background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(49, 49, 49, .5)))}
.archives-page .header h1{font-size: 54px; color: #FFFFFF; text-align: center; position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: auto}
.archives-page .header h1:after{content: ''; display: block; border-top: 10px solid #FFFFFF; width: 105px; margin: auto}
/*End Archives Page*/

/*News Page*/
.news-page .header{height: 240px; background: url('/assets/images/news-header-bg.png') no-repeat center; background-size: cover; position: relative}
.news-page .header:before{content: ''; position: absolute; width: 100%; height: 100%; background: linear-gradient(to bottom, transparent 0, rgba(49, 49, 49, .5) 100%); background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(49, 49, 49, .5)))}
.news-page .header h1{font-size: 54px; color: #FFFFFF; text-align: center; position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: auto}
.news-page .header h1:after{content: ''; display: block; border-top: 10px solid #FFFFFF; width: 105px; margin: auto}
/*End News Page*/

/*Latest News Page*/
.latestnews-page .header{height: 240px; background: url('/assets/images/latest-header-bg.jpg') no-repeat center; background-size: cover; position: relative}
.latestnews-page .header:before{content: ''; position: absolute; width: 100%; height: 100%; background: linear-gradient(to bottom, transparent 0, rgba(49, 49, 49, .5) 100%); background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(49, 49, 49, .5)))}
.latestnews-page .header h1{font-size: 54px; color: #FFFFFF; text-align: center; position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: auto}
.latestnews-page .header h1:after{content: ''; display: block; border-top: 10px solid #FFFFFF; width: 105px; margin: auto}
/*End Latest News Page*/

/*Podcasts Page*/
.podcasts-page .header{height: 240px; background: url('/assets/images/podcasts-header-bg.png') no-repeat center; background-size: cover; position: relative}
.podcasts-page .header:before{content: ''; position: absolute; width: 100%; height: 100%; background: linear-gradient(to bottom, transparent 0, rgba(49, 49, 49, .5) 100%); background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(49, 49, 49, .5)))}
.podcasts-page .header h1{font-size: 54px; color: #FFFFFF; text-align: center; position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: auto}
.podcasts-page .header h1:after{content: ''; display: block; border-top: 10px solid #FFFFFF; width: 105px; margin: auto}
.podcasts-page .main-container{max-width: 1700px; margin: 0 0 0 auto; padding: 0}
.podcasts-page .main-container .col-right{width: 70%; display: inline-block; vertical-align: top}
.podcasts-page .main-container .col-right .featured{box-shadow: 4px 4px 20px 2px rgba(0, 0, 0, 0.1); margin: 0 0 50px 0}
.podcasts-page .main-container .col-right .featured .title{width: 26%; display: inline-block; vertical-align: top}
.podcasts-page .main-container .col-right .featured .title h2{background-color: #FF500F; color: #FFFFFF; font-size: 21px; padding: 8px 8px 8px 30px; text-align: left}
.podcasts-page .main-container .col-right .featured .title figure{width: 200px; height: 155px; margin: 30px auto 0 30px}
.podcasts-page .main-container .col-right .featured .title figure.placeholder{background: url('/assets/images/podcast-bg.png') no-repeat center; background-size: contain}
.podcasts-page .main-container .col-right .featured .details{padding: 20px 50px; display: inline-block; width: 74%}
.podcasts-page .main-container .col-right .featured .details h3{font-size: 25px}
.podcasts-page .main-container .col-right .featured .details p{font-size: 20px; font-family: Cairo, Helvetica_new, Arial, sans-serif; line-height: 30px; margin: 10px 0 0 0}
.podcasts-page .main-container .col-right .featured .details h4{font-size: 20px; direction: ltr; text-align: right}
.podcasts-page .main-container .col-right .featured .details h4 span{margin: 10px 0 0 20px; display: inline-block}
.podcasts-page .main-container .col-right .featured .details audio{width: 100%; margin: 20px 0 0 0}
.podcasts-page .main-container .col-right .podcasts h2{background-color: #000000; color: #FFFFFF; font-size: 21px; padding: 8px 8px 8px 30px; text-align: left; width: 26%}
.podcasts-page .main-container .col-right .podcasts .ias-list{max-width: 980px; margin: 50px auto 0 0}
.podcasts-page .main-container .col-right .podcasts .ias-list article{margin: 0 0 60px 0; position: relative}
.podcasts-page .main-container .col-right .podcasts .ias-list article:after{content: '\f144'; font-family: "FontAwesome"; color: #FF500F; font-size: 75px; position: absolute; left: 0; top: 50%; transform: translateY(-50%); z-index: -1}
.podcasts-page .main-container .col-right .podcasts .ias-list article figure{width: 142px; height: 124px; background: url('/assets/images/podcast-bg.png') no-repeat center; background-size: 80%; background-color: rgba(0, 0, 0, .05); float: right}
.podcasts-page .main-container .col-right .podcasts .ias-list article .details{margin: 0 160px 0 0; padding: 0 0 0 100px; position: relative}
.podcasts-page .main-container .col-right .podcasts .ias-list article .details:after{content: ''; border-bottom: 1px solid rgba(112, 112, 112, .5); position: absolute; top: 30px; width: 100%; bottom: -30px}
.podcasts-page .main-container .col-right .podcasts .ias-list article .details h3{font-size: 21px}
.podcasts-page .main-container .col-right .podcasts .ias-list article .details p{font-size: 18px; font-family: Cairo, Helvetica_new, Arial, sans-serif; line-height: 30px; margin: 10px 0 0 0}
.podcasts-page .main-container .col-right .podcasts .ias-list article .details h4{font-size: 18px; direction: ltr; text-align: right}
.podcasts-page .main-container .col-right .podcasts .ias-list article .details h4 span{margin: 10px 0 0 20px; display: inline-block}
.podcasts-page .main-container .col-left{width: 25%; margin: 0 5% 0 0; display: inline-block}
.podcasts-page .main-container .col-left .latest-news{width: 100%; float: none}
.podcasts-page .main-container .col-left .monster-mpu{width: 100%; float: none}
/*End Podcasts Page*/

/*Static Pages*/
.static-page.terms .header{height: 240px; background: url('/assets/images/terms-header-bg.png') no-repeat center; background-size: cover; position: relative}
.static-page.privacy .header{height: 240px; background: url('/assets/images/privacy-header-bg.png') no-repeat center; background-size: cover; position: relative}
.static-page.contribute .header{height: 240px; background: url('/assets/images/contribute-header-bg.jpg') no-repeat center; background-size: cover; position: relative}
.static-page .header:before{content: ''; position: absolute; width: 100%; height: 100%; background: linear-gradient(to bottom, transparent 0, rgba(49, 49, 49, .5) 100%); background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(49, 49, 49, .5)))}
.static-page .header h1{font-size: 54px; color: #FFFFFF; text-align: center; position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: auto}
.static-page .header h1:after{content: ''; display: block; border-top: 10px solid #FFFFFF; width: 105px; margin: auto}
.static-page .main-container h2{font-size: 36px; margin: 0 0 20px 0}
.static-page .main-container h3{font-size: 20px; margin: 0 0 20px 0}
.static-page .main-container p{font-size: 18px; margin: 0 0 20px 0; font-family: Cairo, Helvetica_new, Arial, sans-serif}
.static-page .main-container p .strong{font-weight: bold}
/*End Static Pages*/

/*About Us Page*/
.aboutus-page .header{height: 400px; background: url('/assets/images/aboutus-header-bg.png') no-repeat center; background-size: cover; position: relative}
.aboutus-page .header:before{content: ''; position: absolute; width: 100%; height: 100%; background: linear-gradient(to bottom, transparent 0, rgba(49, 49, 49, .5) 100%); background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(49, 49, 49, .5)))}
.aboutus-page .main-container{max-width: 1520px}
.aboutus-page .info > div{width: 50%; display: inline-block; vertical-align: top}
.aboutus-page .info > div figure{width: 50%; height: 170px; background: url('/assets/images/aboutus-icon.png') no-repeat center; background-size: contain; display: inline-block}
.aboutus-page .info > div h1{width: 50%; font-size: 42px; display: inline-block; vertical-align: top; position: relative; padding: 0 40px 0 0; line-height: 70px}
.aboutus-page .info > div h1:before{content: ''; height: 62px; position: absolute; border-right: 6px solid #FF500F; top: 45px; right: 0}
.aboutus-page .info > div h1 span{color: #FF500F}
.aboutus-page .info > div p{font-size: 18px; font-family: Cairo, Helvetica_new, Arial, sans-serif; line-height: 35px; margin: 0 0 10px 0}
.aboutus-page .info > div p a{font-weight: bold; color: #FF500F; text-decoration: underline}
.aboutus-page .our-team{margin: 30px 0 0 0}
.aboutus-page .our-team h2{text-align: center; font-size: 38px; background-color: rgba(253, 112, 55, .1); margin: 0 0 30px 0}
.aboutus-page .our-team ul li{width: 20%; float: right; height: 340px; margin: 0 0 30px 0}
.aboutus-page .our-team ul li .content{width: calc(100% - 30px); margin: auto; box-shadow: 0 0 20px 2px rgba(0, 0, 0, 0.05); text-align: center; padding: 20px; height: 100%}
.aboutus-page .our-team ul li .content figure{width: 175px; height: 175px; border-radius: 50%; background-repeat: no-repeat; background-position: center; background-size: cover; margin: 0 auto 5px auto; position: relative}
.aboutus-page .our-team ul li .content h3{font-size: 18px}
.aboutus-page .our-team ul li .content h4{font-size: 14px; color: rgba(0, 0, 0, .65); display: inline-block; line-height: 18px; font-family: Cairo, Helvetica_new, Arial, sans-serif; font-weight: normal}
.aboutus-page .our-team ul li .content span{font-size: 26px; color: #000000; display: inline-block; margin: 0 10px; font-weight: bold}
.aboutus-page .our-team ul li .content .social{margin: 15px 0 0 0}
.aboutus-page .our-team ul li .content .social a{width: 28px; height: 28px; border: 2px solid #000000; border-radius: 50%; display: inline-block; margin: 0 3px; font-size: 14px; line-height: 26px}
.aboutus-page .contributors{margin: 30px 0 0 0}
.aboutus-page .contributors h2{text-align: center; font-size: 38px; background-color: rgba(0, 0, 0, .1); margin: 0 0 30px 0}
.aboutus-page .contributors ul li{width: 16.5%; float: right; height: 230px; margin: 0 0 30px 0}
.aboutus-page .contributors ul li .content{width: calc(100% - 30px); margin: auto; text-align: center; padding: 20px; height: 100%}
.aboutus-page .contributors ul li .content figure{width: 145px; height: 145px; border-radius: 50%; background-repeat: no-repeat; background-position: center; background-size: cover; margin: 0 auto 5px auto; position: relative}
.aboutus-page .contributors ul li .content h3{font-size: 14px; display: inline-block}
.aboutus-page .contributors ul li .content h4{font-size: 14px; color: rgba(0, 0, 0, .65); display: inline-block; line-height: 18px}
.aboutus-page .contributors ul li .content span{font-size: 26px; color: #000000; display: inline-block; margin: 0 10px; font-weight: bold}
/*End About Us Page*/

/*Newsletter Preview Page*/
.newsletter-preview-page{background-color: #F6F6F6}
.newsletter-preview-page .banner{margin: 0 0 20px 0; top: 20px; position: relative}
.newsletter-preview-page .main-container{font-size: 0}
.newsletter-preview-page .main-container .col-right{width: 30%; margin: 0 0 0 5%; display: inline-block}
.newsletter-preview-page .main-container .col-right .newsletter-subscribe{margin: 25px 0}
.newsletter-preview-page .main-container .col-right .newsletter-subscribe form{position: relative}
.newsletter-preview-page .main-container .col-right .newsletter-subscribe form p{font-size: 18px; font-family: Cairo-Bold, Helvetica_new, Arial, sans-serif; margin: 0 0 20px 0}
.newsletter-preview-page .main-container .col-right .newsletter-subscribe form p.error, .newsletter-preview-page .main-container .col-right .newsletter-subscribe form p.success{margin: 10px 10px 0 0; font-size: 14px}
.newsletter-preview-page .main-container .col-right .newsletter-subscribe form input[type=email]{width: 100%; height: 45px; border: none; outline: none; border-radius: 4px; padding: 0 10px; font-size: 16px; font-family: Cairo-Bold, Helvetica_new, Arial, sans-serif}
.newsletter-preview-page .main-container .col-right .newsletter-subscribe form a{font-size: 30px; position: absolute; left: 15px; top: 58px}
.newsletter-preview-page .main-container .col-left{width: 65%; display: inline-block; vertical-align: top}
.newsletter-preview-page .main-container .col-left .newsletter-preview{padding: 10px 0}
/*End Newsletter Preview Page*/

footer{background-color: #000000; padding: 40px 40px 30px 40px; overflow: hidden; clear: both}
footer .menu{max-width: 1600px; margin: auto}
footer .menu a.logo{width: 258px; height: 70px; background: url('/assets/images/logo-white.png') no-repeat center; background-size: contain; float: right; margin: 15px 0 0 0}
footer .menu nav{padding: 0 25% 0 0}
footer .menu nav > div{display: inline-block}
footer .menu nav > div .top{border-bottom: 1px solid #424242; padding: 0 0 20px 0; margin: 0 0 20px 0}
footer .menu nav > div ul li{display: inline-block; margin: 0 0 0 47px; vertical-align: middle}
footer .menu nav > div ul li:last-child{margin: 0}
footer .menu nav > div ul li a{font-family: Cairo-Bold, Helvetica_new, Arial, sans-serif; font-size: 18px; color: #FFFFFF; transition: .25s}
footer .menu nav > div .bottom ul{display: inline-block; vertical-align: top}
footer .menu nav > div .bottom ul li{margin: 0 0 0 85px}
footer .menu nav > div .bottom ul li:last-child{margin: 0}
footer .menu .social{float: left; margin: -20px 0 0 0}
footer .menu .social form{margin: 0 0 20px 0; position: relative}
footer .menu .social form p{font-size: 15px; font-family: Cairo-Bold, Helvetica_new, Arial, sans-serif; color: #FFFFFF; margin: 0 0 10px 0}
footer .menu .social form p.error, footer .menu .social form p.success{margin: 5px 0 0 0; font-size: 14px; text-align: center}
footer .menu .social form input[name=email]{width: 250px; height: 45px; border: none; outline: none; border-radius: 4px; padding: 0 10px; font-size: 16px; font-family: Cairo-Bold, Helvetica_new, Arial, sans-serif}
footer .menu .social form input[name=email]::-webkit-input-placeholder{color: #000000; font-size: 14px}
footer .menu .social form input[name=email]:-moz-placeholder{color: #000000; font-size: 14px}
footer .menu .social form input[name=email]::-moz-placeholder{color: #000000; font-size: 14px}
footer .menu .social form input[name=email]:-ms-input-placeholder{color: #000000; font-size: 14px}
footer .menu .social form a{font-size: 24px; position: absolute; left: 15px; top: 48px}
footer .menu .social ul{text-align: center}
footer .menu .social ul li{display: inline-block; margin: 0 4px}
footer .menu .social ul li:first-child{margin: 0 0 0 4px}
footer .menu .social ul li:last-child{margin: 0 4px 0 0}
footer .menu .social ul li a{display: block; width: 40px; height: 40px; border-radius: 50%; border: 2px solid #FFFFFF; color: #FFFFFF; font-size: 15px; text-align: center; line-height: 36px; position: relative}
footer .menu .social ul li a:before{content: ''; width: 100%; height: 100%; position: absolute; opacity: 0; transition: .25s; border-radius: 50%; right: 0}
footer .menu .social ul li a.google:before{background-color: #EA4C29}
footer .menu .social ul li a.instagram:before{background: #f09433; background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%)}
footer .menu .social ul li a.twitter:before{background-color: #01AFFD}
footer .menu .social ul li a.facebook:before{background-color: #3F59A3}
footer .menu .social ul li a.rss{line-height: 36px}
footer .menu .social ul li a.rss i:before{content: "RSS"; font-family: Cairo-Bold, Helvetica_new, Arial, sans-serif; font-size: 14px; font-style: normal}
footer .menu .social ul li a.rss:before{background-color: #F89839}
footer .menu .social ul li a:hover:before{opacity: 1}
footer .menu .social ul li a i{position: relative}

.notifications-overlay{background-color: rgba(0, 0, 0, 0.5); position: fixed; top: 0; bottom: 0; right: 0; left: 0; z-index: 92; direction: rtl; display: none}
.notifications-overlay .popup{width: 440px; height: 370px; background-color: #FFFFFF; position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); margin: auto; border-top: 10px solid #FF500F; font-size: 0; padding: 0 20px; box-shadow: 0 0.5rem 1rem rgba(0,0,0,.15)}
.notifications-overlay .popup .close{width: 24px; height: 24px; position: absolute; background: url('/assets/images/notifications-popup-close.png') no-repeat center; background-size: contain; right: 15px; top: 15px}
.notifications-overlay .popup figure{width: 65px; height: 70px; background: url('/assets/images/notifications-popup-bell.png') no-repeat center; background-size: contain; margin: 25px auto 20px auto}
.notifications-overlay .popup h3{font-family: Cairo-Bold, Helvetica, Arial, sans-serif; font-size: 20px; text-align: center; padding: 0 40px}
.notifications-overlay .popup p{font-family: Cairo, Helvetica, Arial, sans-serif; font-size: 16px; text-align: center; padding: 0 40px}
.notifications-overlay .popup a.yes, .notifications-overlay .popup a.later, .notifications-overlay .popup a.no{display: inline-block; width: 30%; margin: 50px 0 0 5%; height: 45px; font-family: Cairo-Bold, Helvetica, Arial, sans-serif; font-size: 16px; text-align: center; border: 1px solid #EBEBEB; line-height: 44px; transition: .5s}
.notifications-overlay .popup a.yes:hover, .notifications-overlay .popup a.later:hover, .notifications-overlay .popup a.no:hover{letter-spacing: 0.25px}
.notifications-overlay .popup a.yes{background-color: #FF500F; color: #FFFFFF}
.notifications-overlay .popup a.no{margin: 50px 0 0 0; color: #EE4E2C}

.newsletter-popup-overlay{background-color: rgba(0, 0, 0, 0.7); position: fixed; top: 0; bottom: 0; right: 0; left: 0; z-index: 99999; display: none}
.newsletter-popup-overlay .popup-newsletter-subscriptions{width: 462px; height: 440px; position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); margin: auto; font-size: 0; overflow: hidden; direction: ltr; text-align: right; background: white; box-shadow: 0 0 2px 2px rgba(0,0,0,.05)}
.newsletter-popup-overlay .popup-newsletter-subscriptions div.newsletter-title{background: #000000; height: 62px; width: calc(100% - 20px); display: block; text-align: center; margin: 10px auto}
.newsletter-popup-overlay .popup-newsletter-subscriptions div.newsletter-title span{color: white; font-size: 27px; font-family: Cairo, Helvetica, Arial, sans-serif}
.newsletter-popup-overlay .popup-newsletter-subscriptions img{display: block; margin: 20px auto}
.newsletter-popup-overlay .popup-newsletter-subscriptions .closepopup{font-size: 18px; position: absolute; right: 20px; color: white; z-index: 99; cursor: pointer; top: 15px}
.newsletter-popup-overlay .popup-newsletter-subscriptions div.info{display: inline-block; height: auto; width: 100%; vertical-align: top}
.newsletter-popup-overlay .popup-newsletter-subscriptions div.info h2{color: black; font-size: 16px; font-family: Cairo-Bold, Helvetica, Arial, sans-serif; direction: rtl; max-width: 240px; text-align: center; display: block; margin: auto}
.newsletter-popup-overlay .popup-newsletter-subscriptions div.info label{color: black; font-size: 14px; font-family: Cairo-Bold, Helvetica, Arial, sans-serif; display: block; text-align: center; padding:30px 0 0 0}
.newsletter-popup-overlay .popup-newsletter-subscriptions div.info input{width: 100%; display: block; background-color: white; color: black; height: 38px; font-size: 14px; text-align: right; direction: ltr; border: none; margin: 15px auto; padding: 0 10px; font-family: Cairo, Helvetica, Arial, sans-serif; max-width: 340px; border-bottom: solid 1px #FF500F; outline: none}
.newsletter-popup-overlay .popup-newsletter-subscriptions div.info button{width: 200px; display: block; margin: 25px auto 0 auto; background-color: #FF500F; color: white; font-size: 17px; border: none; height: 41px; cursor: pointer; font-family: Cairo, Helvetica, Arial, sans-serif; border-radius: 20px; outline: none}
.newsletter-popup-overlay .popup-newsletter-subscriptions div.info button i{margin: 0 5px 0 0}
.newsletter-popup-overlay .popup-newsletter-subscriptions div.info .ErrorMessage_{font-size: 12px; text-align: center; font-family: Cairo-Bold, Helvetica, Arial, sans-serif; color: #FF500F; display: none}
.newsletter-popup-overlay .popup-newsletter-subscriptions div.info .success{font-size: 12px; font-family: Cairo-Bold, Helvetica, Arial, sans-serif; color: #FF500F; text-align: center; padding: 0 10px}


@media only screen and (max-width: 1674px) {
    header nav ul.main li{margin: 0 7px}
}

@media only screen and (max-width: 1620px) {
    header{padding: 40px 10px 15px 10px}
}

@media only screen and (max-width: 1570px) {
    header nav ul.main li.logo a{margin: -20px 10px 0 10px}
    header nav ul.main li{margin: 0 5px}
    .homepage .news h2 a{width: 230px}
    .opinions-component{background-position: 104% center}
    .videos-page .most-watched ul li a figure{height: 240px}
    footer .menu nav{padding: 0 22% 0 0}
}

@media only screen and (max-width: 1480px) {
    header nav ul.main li.unblockRaseef a{padding: 0 5px}
    header form{left: 40px}
    header form.expand input[type=text]{width: 120px}
}

@media only screen and (max-width: 1440px) {
    header nav{margin: 0 -10px 0 0}
    .homepage .main-container.videos .related-videos ul li a figure{height: 115px}
    .videos-page .most-watched ul li a figure{height: 220px}
    .authors-page .opinions-component .slick-prev:before, .authors-page .opinions-component .slick-next:before{font-size: 20px; width: 25px; height: 25px; line-height: 25px}
    .aboutus-page .info > div figure{height: 150px}
    footer .menu nav > div ul li{margin: 0 0 0 39px}
    footer .menu nav > div .bottom ul li{margin: 0 0 0 66px}
}

@media only screen and (max-width: 1400px) {
    header nav{margin: 0 -30px 0 0}
    header nav ul.main li.logo a{width: 170px; height: 48px; margin: -20px 10px 0 10px}
}

@media only screen and (max-width: 1350px) {
    header{padding: 40px 5px 15px 5px}
    header nav ul.main li.logo a{margin: -20px 5px 0 5px}
    header nav ul.main li{margin: 0 5px}
    .homepage .main-container .col-left .stories li{height: 220px}
    .homepage .main-container .col-left .featured .article-1{height: 300px}
    .homepage .main-container .col-left .featured .article-1 .content{padding: 48px 0 48px 40px}
    .opinions-component{background-position: 105% center; background-size: 545px}
    .opinions-page .main-container ul.carousel .slick-prev, .opinions-page .main-container ul.carousel .slick-next{width: 40px; height: 40px; line-height: 56px}
    .opinions-page .main-container ul.carousel .slick-prev:before, .opinions-page .main-container ul.carousel .slick-next:before{font-size: 30px}
    .videos-page .most-watched ul li a figure{height: 200px}
    .author-page .author-info figure{width: 120px; height: 120px}
    .author-page .author-info > div{margin: 0 25px 0 0}
    .author-page .author-info > div h1{font-size: 20px}
    .author-page .author-info > div p{font-size: 16px; line-height: 30px}
    .aboutus-page .info > div figure{height: 120px}
    .aboutus-page .info > div h1{font-size: 36px; line-height: 50px}
    .aboutus-page .info > div h1:before{top: 30px; height: 50px}
    .donate-page .col-right > div{width: 75%}
    .homepage .main-container.life article .content .title h3{line-height: 24px}
    .homepage .main-container.life article .content .title h4{font-size: 15px; line-height: 24px}
    .homepage .main-container.life article .content .title span{line-height: 24px}
    footer .menu nav{padding: 0 20% 0 0}
    footer .menu a.logo{width: 220px; height: 62px}
}

@media only screen and (max-width: 1300px) {
    header a.donate{margin: 2px 0 0 0}
    header nav{margin: 0 -40px 0 0}
    header nav ul.main li.logo a{margin: -20px 2px 0 2px}
    header nav ul.main li a{font-size: 15px}
    header form{margin: 0}
    header .notification-icon{top: 3px}
    .opinions-component .main-container .col-left article{height: 320px}
    .opinions-component .main-container .col-left article figure.article-fig{height: 175px}
    .opinions-component .main-container .col-left article:hover figure.article-fig{height: 205px}
    .opinions-component{background-size: 524px}
    .homepage .main-container.videos .related-videos ul li a figure{height: 100px}
    .homepage .main-container.videos article figure{height: 400px}
    .homepage .main-container.videos article figure:after{width: 75px; height: 75px}
    .donate-banner .main-container h2{font-size: 34px; margin: 29px 0}
    .donate-banner .close{width: 20px; height: 20px}
    .videos-page .most-watched ul li a figure{height: 180px}
    .videos-page .most-watched ul li a figure span{font-size: 18px}
    .videos-page .most-watched ul li a .details h3{font-size: 18px; max-height: 75px; line-height: 34px}
    .videos-page .most-watched ul li a .details span{font-size: 16px}
    article.article-stream-2{height: 400px}
    .authors-page .authors ul li a{width: 150px}
    .authors-page .authors ul li a figure{height: 150px}
    .authors-page .authors ul li a h3{font-size: 18px}
    .authors-page .opinions-component .slick-prev:before, .authors-page .opinions-component .slick-next:before{font-size: 18px; width: 20px; height: 20px; line-height: 20px}
    .aboutus-page .our-team ul li{width: 25%}
    .aboutus-page .contributors ul li{width: 20%}
    .donate-page .col-right > div{width: 80%}
    footer .menu .social form p{font-size: 12px}
    footer .menu .social form input[name=email]{width: 205px}
    footer .menu .social form input[name=email]::-webkit-input-placeholder{font-size: 12px}
    footer .menu .social form input[name=email]:-moz-placeholder{font-size: 12px}
    footer .menu .social form input[name=email]::-moz-placeholder{font-size: 12px}
    footer .menu .social form input[name=email]:-ms-input-placeholder{font-size: 12px}
    footer .menu .social form a{top: 42px}
    footer .menu .social ul li a{width: 35px; height: 35px; line-height: 32px}
    footer .menu .social ul li a.rss{line-height: 30px}
    footer .menu .social ul li a.rss i:before{font-size: 12px}
    footer .menu .social ul li:first-child{margin: 0 0 0 2px}
    footer .menu .social ul li{margin: 0 2px}
    footer .menu .social ul li:last-child{margin: 0 2px 0 0}
}

@media only screen and (max-width: 1240px) {
    header{padding: 25px 5px 15px 5px}
    header a.donate{font-size: 15px; margin: 4px 0 0 0}
    header .notification-icon{width: 25px; height: 25px; font-size: 12px; line-height: 20px; top: 6px; left: 0}
    /*header a.donate:hover{background: rgba(255, 80, 15, 1)}*/
    header nav ul.main li{margin: 0 3px}
    header nav ul.main li.logo a{width: 160px; height: 45px}
    header nav ul.main li.unblockRaseef a{font-size: 15px}
    header nav ul.main li a{font-size: 16px}
    header form{margin: 0; top: 3px; left: 30px}
    header form.expand input[type=text]{width: 90px}
    header form input[type=text]{height: 32px}
    header form input[type=text]{font-size: 15px}
    header form input[type=text]::-webkit-input-placeholder{font-size: 15px}
    header form input[type=text]:-moz-placeholder{font-size: 15px}
    header form input[type=text]::-moz-placeholder{font-size: 15px}
    header form input[type=text]:-ms-input-placeholder{font-size: 15px}
    header form a{top: 5px; left: 6px; font-size: 18px}
    .mostread-component h2{font-size: 18px}
    .mostread-component h2 a{width: 140px; color: #FFFFFF !important}
    .homepage .main-container .col-left .stories li{height: 200px}
    .homepage .news h2 a{width: 200px}
    .homepage .main-container .col-left .featured .article-2 figure{height: 160px}
    .opinions-component .main-container .col-left article{height: 290px}
    .opinions-component .main-container .col-left article figure.article-fig{height: 145px}
    .opinions-component .main-container .col-left article:hover figure.article-fig{height: 175px}
    .opinions-component{background-size: 484px; background-position: 107% center}
    .homepage .main-container.life .article-1{height: 420px}
    .homepage .main-container.life .article-2{height: 420px}
    .homepage .main-container.life article .content .title h3{font-size: 16px; line-height: 26px}
    .homepage .main-container.life article .content .title h4{font-size: 15px}
    .homepage .main-container.life article .content .title span{font-size: 15px; line-height: 16px}
    .homepage .main-container.life .article-3{height: 466px}
    .homepage .main-container.life .article-4{height: 238px}
    .homepage .main-container.life .article-5{height: 208px}
    .homepage .main-container.life .article-6{height: 208px}
    .homepage .main-container.life article.article-5 h3{font-size: 15px; line-height: 22px; margin: 0}
    .homepage .main-container.life article.article-5 h4{font-size: 15px}
    .homepage .main-container.life article.article-1.quote h3{font-size: 24px; line-height: 38px}
    .homepage .main-container.life article.quote h3:after{font-size: 100px; left: -10px}
    .homepage .main-container.life article.article-2.quote h3{font-size: 22px; line-height: 34px}
    .homepage .main-container.life article.quote h4{font-size: 15px}
    .homepage .main-container.life article.article-3.quote h3{font-size: 22px; line-height: 34px}
    .homepage .main-container.life article.article-4.quote h3{font-size: 20px; line-height: 30px}
    .homepage .main-container.life article.article-4.quote h3:after{font-size: 100px}
    .homepage .main-container.life article.article-5.quote h3:after, .homepage .main-container.life article.article-5.quote h3:after{font-size: 80px}
    .homepage .main-container.life article.article-6.quote h3{font-size: 16px; line-height: 24px}
    .homepage .main-container.life article.article-5 .content .title{width: 88%}
    .donate-banner .main-container p{font-size: 22px}
    .donate-banner .main-container a{width: 180px; font-size: 22px}
    .opinions-page .main-container ul.carousel .slick-prev, .opinions-page .main-container ul.carousel .slick-next{width: 35px; height: 35px; line-height: 48px}
    .opinions-page .main-container ul.carousel .slick-prev:before, .opinions-page .main-container ul.carousel .slick-next:before{font-size: 26px}
    .opinions-page .main-container ul.carousel .slick-next{left: 75px}
    .opinions-page .main-container ul.carousel .slick-prev{right: 75px}
    .homepage .main-container.videos .related-videos ul li a figure{height: 90px}
    .countries-page .countries-list ul li a{font-size: 22px}
    .authors-page .main-container ul.carousel li article.article-1 .content .details{bottom: 7px}
    /*.authors-page .main-container ul.carousel li{height: 450px}*/
    .authors-page .main-container article.article-2{height: 210px}
    .authors-page .main-container article.article-7{height: 315px}
    .authors-page .main-container article.article-7 figure.article-fig{height: 155px}
    article.article-stream-2{height: 350px}
    article.article-stream-2 .content .details h2{font-size: 20px; line-height: 28px}
    article.article-stream-2 .content .details .category{font-size: 15px; top: -38px}
    .authors-page .main-container article.article-5 h2{font-size: 28px}
    .author-page .author-info > div p{font-size: 15px}
    .aboutus-page .info > div figure{height: 100px}
    .aboutus-page .info > div h1{font-size: 30px; line-height: 50px}
    .aboutus-page .info > div h1:before{top: 30px}
    .donate-page .col-right > div{width: 100%}
    .category-page.unblock_raseef div.main-container div.div-wrapper.right ul li.featured{width:46%;overflow: hidden}
    .category-page.unblock_raseef div.main-container div.div-wrapper.right ul li.featured a figure{width: 240px!important;height: 240px!important;margin: auto}
    .homepage .main-container.life article .content .title h3{font-size: 15px; line-height: 20px; margin: 0 0 5px 0}
    footer .menu a.logo{width: 200px; height: 56px}
    footer .menu nav{padding: 0 22% 0 0}
    footer .menu nav > div ul li{margin: 0 0 0 28px}
    footer .menu nav > div .bottom ul li{margin: 0 0 0 44px}
    footer .menu nav > div ul li a{font-size: 16px}
}



@media only screen and (max-width: 1118px) {
    header nav{margin: 0 -100px 0 0}
    header nav ul.main li.logo a{margin: -20px 12px 0 12px}
    .homepage .main-container .col-left .stories li{height: 180px}
    .homepage .news h2 a{width: 170px}
    .homepage .main-container .col-left .featured .article-1{height: 250px}
    .homepage .main-container .col-left .featured .article-1 .content{padding: 22px 0 22px 20px}
    .homepage .main-container .col-left .featured .article-1 .content h3{font-size: 24px; line-height: 34px}
    .homepage .main-container .col-left .featured .article-1 .content h4{font-size: 16px}
    .homepage .main-container .col-left .featured .article-1 .content span{font-size: 14px}
    .homepage .main-container .col-left .featured .article-2 figure{height: 130px}
    .donate-banner .main-container h2{font-size: 30px; margin: 32px 0}
    .donate-banner .close{width: 15px; height: 15px}
    .opinions-component{background-size: 445px}
    .opinions-component .main-container .col-left article{height: 260px}
    .opinions-component .main-container .col-left article figure.article-fig{height: 115px}
    .opinions-component .main-container .col-left article:hover figure.article-fig{height: 145px}
    .homepage .main-container.videos .related-videos ul li a figure{height: 80px}
    .category-page.unblock_raseef div.main-container div.div-wrapper.right ul li.featured a figure{width: 200px!important;height: 200px!important}
    .homepage .main-container.videos article figure{height: 360px}
    .homepage .main-container.life .article-1{height: 380px}
    .homepage .main-container.life .article-2{height: 380px}
    .homepage .main-container.life .article-3{height: 426px}
    .homepage .main-container.life .article-4{height: 218px}
    .homepage .main-container.life .article-5{height: 188px}
    .homepage .main-container.life .article-6{height: 188px}
    .homepage .main-container.life article.article-1.quote h3{font-size: 20px; line-height: 30px}
    .homepage .main-container.life article.article-2.quote h3, .homepage .main-container.life article.article-3.quote h3, .homepage .main-container.life article.article-4.quote h3{font-size: 18px; line-height: 28px}
    .homepage .main-container.life article.article-6.quote h3{font-size: 14px; line-height: 20px}
    .homepage .main-container.life article.article-6.quote h3:after{font-size: 80px}
    .videos-page .most-watched ul li a figure{height: 160px}
    .videos-page .most-watched ul li a figure span{font-size: 16px}
    .videos-page .most-watched ul li a .details h3{font-size: 16px; line-height: 24px}
    .videos-page .most-watched ul li a .details span{font-size: 14px}
    .countries-page .countries-list ul li a{font-size: 20px}
    /*.authors-page .main-container ul.carousel li{height: 400px}*/
    /*.authors-page .main-container ul.carousel li article.article-1 .content .details{bottom: 10px}*/
    .authors-page .main-container article.article-2{height: 185px}
    .authors-page .main-container article.article-7{height: 300px}
    .authors-page .main-container article.article-7 figure.article-fig{height: 140px}
    article.article-stream-2{height: 300px}
    article.article-stream-2 .content .details{padding: 30px 20px}
    article.article-stream-2 .content .details h2{font-size: 18px; line-height: 26px}
    article.article-stream-2 .content .details .category{font-size: 14px; top: -35px}
    article.article-stream-2 .content .details h2:after{width: 30px; height: 30px}
    .authors-page .authors ul li a{width: 140px}
    .authors-page .authors ul li a figure{height: 140px}
    .aboutus-page .our-team ul li{width: 33.33%}
    .aboutus-page .contributors ul li{width: 25%}
    .donate-page .col-left form .amount li{margin: 0 5%}
    footer .menu nav > div ul li{margin: 0 0 0 19px}
    footer .menu nav > div ul li a{font-size: 15px}
    footer .menu nav > div .bottom ul li{margin: 0 0 0 26px}
}

@media only screen and (max-width: 1058px) {
    header nav ul.main li.unblockRaseef a{font-size: 14px}
    header form{top: 4px}
    header form input[type=text]{height: 28px}
    header{padding: 30px 10px 15px 10px}
    header a.donate{font-size: 14px; padding: 0 8px}
    header nav ul.main li{margin: 0 2px}
    header nav ul.main li a{font-size: 14px}
    header nav ul.main li.logo a{width: 140px; height: 40px}
    header form input[type=text]{font-size: 14px}
    header form input[type=text]::-webkit-input-placeholder{font-size: 14px}
    header form input[type=text]:-moz-placeholder{font-size: 14px}
    header form input[type=text]::-moz-placeholder{font-size: 14px}
    header form input[type=text]:-ms-input-placeholder{font-size: 14px}
    header form a{top: 5px}
    .homepage .main-container .col-left .stories li{height: 170px}
    .donate-banner .main-container h2{font-size: 28px; margin: 34px 0}
    .opinions-component{background-size: 425px; background-position: 109% center}
    .opinions-component .main-container .col-left article{height: 245px}
    .opinions-component .main-container .col-left article figure.article-fig{height: 100px}
    .opinions-component .main-container .col-left article:hover figure.article-fig{height: 130px}
    .opinions-component .main-container .col-left article .content figure.author{margin: 0 0 0 10px}
    .opinions-component .main-container .col-left article .content h3{font-size: 14px; line-height: 20px}
    .opinions-component .main-container .col-left article .content h4{font-size: 13px}
    .opinions-component .main-container .col-left article .content span{font-size: 12px}
    .homepage .main-container.videos .related-videos ul li a figure{height: 70px}
    .homepage .main-container.videos article figure{height: 320px}
    .videos-page .most-watched ul li a figure{height: 140px}
    .countries-page .countries-list ul li a{font-size: 18px}
    .latest-news .content h2{font-size: 24px !important; margin: 0 !important; padding: 0 !important}
    .latest-news .content ul li h3{font-size: 16px; line-height: 22px; margin: 0 0 5px 0}
    .latest-news .content ul li{padding: 0 0 10px 0; margin: 10px 0 0 0}
    .authors-page .main-container article.article-5 h2{font-size: 24px; line-height: 34px}
    .aboutus-page .info > div figure{height: 90px}
    .aboutus-page .info > div h1{font-size: 28px; line-height: 44px}
    .aboutus-page .info > div h1:before{height: 40px}
    footer .menu a.logo{width: 180px; height: 50px}
    footer .menu nav{padding: 0 22% 0 0}
    footer .menu nav > div ul li a{font-size: 14px}
}

@media only screen and (max-width: 960px) {
    .desktop{display: none !important}
    .mobile{display: block !important}
    .page-title{padding: 0 15px 0 125px; font-size: 26px; position: relative; line-height: 34px}
    .page-title:after{border-top: 6px solid #FF500F; width: 105px;position: absolute; left: 15px; bottom: 7px}
    .to-top{bottom: 5px; right: 5px; background-color: rgba(255, 80, 15, 0.8)}
    .to-top:hover{background-color: rgba(255, 80, 15, 0.8)}
    .to-top.in-article{bottom: 50px}
    header .notification-icon{z-index: 2; top: 18px; left: 20px}
    header .notification-icon:hover{color: #FFFFFF}

    /*Articles Styles*/
    article.article-stream-1.style-1{width: 100%}
    article.article-stream-1.style-2{width: 100%}
    article.article-stream-1.style-2 .content .details, article.article-stream-1.style-3 .content .details, article.article-stream-1.style-4 .content .details{padding: 60px 20px 20px 20px}
    article.article-stream-1.style-3{width: 100%}
    article.article-stream-1.style-3 .content .details .author figure, article.article-stream-1.style-4 .content .details .author figure{width: 60px; height: 60px}
    article.article-stream-1.style-3 .content .details .author, article.article-stream-1.style-4 .content .details .author{top: -30px}
    article.article-stream-1.style-3 .content .details .author h3, article.article-stream-1.style-4 .content .details .author h3{font-size: 14px}
    article.article-stream-1.style-4{width: 100%}
    article.article-stream-2.style-1, article.article-stream-2.style-2, article.article-stream-2.style-3{width: 100%}
    article.article-stream-3.style-1, article.article-stream-3.style-2, article.article-stream-3.style-3{width: 100%}
    article.article-stream-3.style-1, article.article-stream-3.style-2{height: 220px}
    article.purple .content .category h4:hover{background-color: #833BBA !important}
    article.blue .content .category h4:hover{background-color: #2E69CF !important}
    /*End Articles Styles*/

    .toggle-menu{transition-property: opacity, filter; transition-duration: 0.3s; transition-timing-function: linear; position: absolute; top: 20px; right: 22px}
    .toggle-menu.active span, .toggle-menu.active span::before, .toggle-menu.active span::after{background-color: #FFFFFF}
    .toggle-menu .box{width: 40px; height: 24px; display: inline-block; position: relative}
    .toggle-menu span, .toggle-menu span::before, .toggle-menu span::after{width: 33px; height: 3px; background-color: #FFFFFF; border-radius: 4px; position: absolute; transition-property: transform; transition-duration: 0.3s; transition-timing-function: ease}
    .toggle-menu span::before, .toggle-menu span::after{content: ""; display: block}
    .toggle-menu span{display: block; top: 50%; margin-top: -2px; transition-duration: 0.15s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)}
    .toggle-menu span::before{transition: top 0.15s 0.12s ease, opacity 0.15s ease; top: -10px; width: 40px}
    .toggle-menu span::after{transition: bottom 0.15s 0.12s ease, transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19); bottom: -10px; width: 26px}
    .toggle-menu.active span{transform: rotate(45deg); transition-delay: 0.12s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)}
    .toggle-menu.active span::before{top: 0; opacity: 0; transition: top 0.15s ease, opacity 0.15s 0.12s ease; width: 32px}
    .toggle-menu.active span::after{bottom: 0; transform: rotate(-90deg); transition: bottom 0.15s ease, transform 0.15s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); width: 32px}
    header{padding: 0; height: 62px}
    header .desktop-header{display: none}
    header .mobile-header{display: block}
    /*header .mobile-header .toggle-menu{width: 30px; height: 20px; background: url("/assets/images/mobile-menu-icon.png") no-repeat center; background-size: contain; position: absolute; top: 20px; right: 25px}*/
    header .mobile-header > div{padding: 15px 0; position: relative; z-index: 2; background-color: #000000}
    header .mobile-header > div .logo{width: 118px; height: 32px; background: url("/assets/images/logo-white.png") no-repeat center; background-size: contain; display: block; margin: auto}
    header .mobile-header > div .open-search{font-size: 24px; color: #FFFFFF; position: absolute; left: 55px; top: 17px}
    header .mobile-header > div .switchLang{font-size: 24px;color: #FF500F;position: absolute;left: 70px;top: 8px;font-family: Cairo-Bold, Helvetica_new, Arial, sans-serif}
    header .mobile-header > div .open-search.active i:before{content: '\f010'}
    header .mobile-header .search-container{height: 140px; background-color: #000000; position: relative; z-index: 1; padding: 20px; border-top: 10px solid rgba(255, 80, 15, .6); top: -140px; transition: .4s}
    header .mobile-header .search-container.active{top: 0}
    header .mobile-header .search-container form.search{position: relative; background: none; top: initial; left: initial}
    header .mobile-header .search-container form.search input[type=text]{width: 100%; height: 35px; background-color: rgba(255, 255, 255, .35); padding: 5px 10px 5px 30px}
    header .mobile-header .search-container form.search a{display: block; position: relative; font-family: Cairo-Bold, Helvetica_new, Arial, sans-serif; background-color: #FF500F; top: initial; left: initial; width: 100px; margin: 20px auto 0 auto; height: 35px; line-height: 35px}
    header .mobile-header .menu{height: calc(100% - 62px); position: fixed; background-color: #000000; z-index: 10; width: 100%; bottom: -100%; transition: .5s}
    header .mobile-header .menu.active{bottom: 0}
    header .mobile-header .menu .menu-move{overflow: auto; -webkit-overflow-scrolling: touch; bottom: 0; left: 0; padding: 0; position: absolute; z-index: 11; right: 0; top: 0}
    header .mobile-header .menu nav{border-top: 10px solid rgba(255, 80, 15, .6); width: 100%; margin: 0}
    header .mobile-header .menu nav ul{padding: 10px 0 0 0}
    header .mobile-header .menu nav ul li{display: block; text-align: right; padding: 0 20px}
    header .mobile-header .menu nav ul li:after{display: none}
    header .mobile-header .menu nav ul li a{font-size: 22px; font-family: Cairo-Bold, Helvetica_new, Arial, sans-serif; color: #FFFFFF}
    header .mobile-header .menu nav ul.nested{background: rgba(128, 128, 128, 0.1);padding: 0px 0 15px 0;overflow: hidden;height:100%}
    header .mobile-header .menu nav ul.nested li{padding:0 10px}
    header .mobile-header .menu nav ul.nested li a{font-size: 18px}
    header .mobile-header .menu a.donate{height: 50px; width: 100%; font-size: 20px; margin: 20px 0; line-height: 48px; float: none; display: block}
    header .mobile-header .menu .newsletter{padding: 0 20px}
    header .mobile-header .menu .newsletter p{font-size: 15px; color: #FFFFFF; font-family: Cairo-Bold, Helvetica_new, Arial, sans-serif}
    header .mobile-header .menu .newsletter form{width: 100%; position: relative; margin: 10px 0 0 0; float: none; background: none; left: initial}
    header .mobile-header .menu .newsletter form input{font-size: 16px; color: #FFFFFF; font-family: Cairo, Helvetica_new, Arial, sans-serif; background-color: rgba(110, 110, 110, .6); width: 100%; border: none; padding: 10px 10px 10px 35px; outline: none; height: 44px}
    header .mobile-header .menu .newsletter form input::-webkit-input-placeholder{color: #FFFFFF}
    header .mobile-header .menu .newsletter form input:-moz-placeholder{color: #FFFFFF}
    header .mobile-header .menu .newsletter form input::-moz-placeholder{color: #FFFFFF}
    header .mobile-header .menu .newsletter form input:-ms-input-placeholder{color: #FFFFFF}
    header .mobile-header .menu ul.social{margin: 30px 0}
    header .mobile-header .menu ul.social li{display: inline-block; width: 40px; height: 40px; border-radius: 50%; color: #FFFFFF; font-size: 20px; line-height: 40px; margin: 0 2px}
    header .mobile-header .menu ul.social li a{display: block; color: #FFFFFF}
    header .mobile-header .menu ul.social li.google{background-color: #EA4C29}
    header .mobile-header .menu ul.social li.pinterest{background-color: #D81916}
    header .mobile-header .menu ul.social li.instagram{background: #f09433; background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%)}
    header .mobile-header .menu ul.social li.twitter{background-color: #01AFFD}
    header .mobile-header .menu ul.social li.facebook{background-color: #3F59A3}

    .monster-mpu{float: none; width: 100%}

    /*Homepage*/
    .homepage .main-container{padding: 0}
    .homepage .main-container.life{padding: 0 0 20px 0}
    ul.featured-slider, ul.featured-slider li{height: 210px; margin-bottom: 0 !important}
    ul.featured-slider.category, ul.featured-slider.category li{height: 275px}
    /*.homepage ul.featured-slider .slick-dots{display: none !important}*/
    ul.featured-slider li a h2{font-size: 21px; line-height: 35px; right: initial; padding: 0 20px; max-height: 75px}
    .english-category ul.featured-slider.category li a h2{left: initial}
    .english-category ul.featured-slider.category .slick-dots{left: 20px; right: initial}
    .english-category ul.featured-slider.category .slick-prev{left: 20px}
    .english-category ul.featured-slider.category .slick-next{left: 60px}
    .english-category ul.featured-slider.category .slick-dots li{margin: 0 10px 0 0}
    .english-category ul.featured-slider.category .slick-next:before{content: '\f105'; margin: 0 0 0 2px}
    .english-category ul.featured-slider.category .slick-prev:before{content: '\f104'; margin: 0 0 0 2px}
    .banner{height: 40px; width: 100%; margin: 30px auto}
    .homepage .main-container .col-left{width: 100%}
    .homepage .main-container .col-left .stories{padding: 0 0 20px 0;margin:0}
    .homepage .main-container .col-left .stories .slick-list{padding: 0 0 0 25px}
    .homepage .main-container .col-left .stories li{float: right; margin: 0 10px 0 0 !important; height: 138px}
    .homepage .main-container .col-left .featured h2{padding: 0 20px; font-size: 31px}
    .homepage .main-container .col-left .featured .article-1{height: auto; border: none; margin: 0 0 10px 0}
    /*.homepage .main-container .col-left .featured .article-1:after{content: ''; width: 80%; border-bottom: 1px solid rgba(112, 112, 112, .2); display: block; margin: auto}*/
    .homepage .main-container .col-left .featured .article-1 figure{width: 100%; height: 200px}
    .homepage .main-container .col-left .featured .article figure:after{width: 30px; height: 30px; bottom: 10px}
    .homepage .main-container .col-left .featured .article-1 .content{padding: 5px 20px; width: 100%; margin: 0}
    .homepage .main-container .col-left .featured .article-1 .content:before{display: none}
    .homepage .main-container .col-left .featured .article-1 .content h3{font-size: 21px; line-height: 33px; height: auto}
    .homepage .main-container .col-left .featured .article-1 .content h4{font-size: 15px; margin: 0 0 0 5px}
    .homepage .main-container .col-left .featured .article-1 .content span{font-size: 15px}
    .homepage .main-container .col-left .featured .article-2.separate:before{display: none}
    .homepage .main-container .col-left .featured .article-2{width: 90%; margin: auto auto 10px auto !important; float: none}
    .homepage .main-container .col-left .featured .article-2 figure{height: 216px}
    .homepage .main-container .col-left .featured .article-2 .content { padding: 5px 0 15px 0}
    /*.homepage .main-container .col-left .featured .article-2:after{content: ''; width: 100%; border-bottom: 1px solid rgba(112, 112, 112, .2); display: block; margin: auto}*/
    .homepage .main-container .col-left .featured .article-2 .content h3{height: auto; margin: 5px 0 0 0 }
    .homepage .main-container .col-left .featured .article-2.video figure:after{width: 55px; height: 55px}
    .homepage .main-container .col-left .featured .article-2.separate .location{top: 0}
    .homepage .main-container .col-right.desktop{display: none !important}
    .mostread-component h2{font-size: 15px !important}
    .mostread-component ul{padding: 0 20px}
    .mostread-component ul li figure{height: 75px}
    .mostread-component ul li h3{font-size: 15px; line-height: initial; font-family: Cairo-Bold, Helvetica_new, Arial, sans-serif !important}
    .mostread-component ul li h4{font-size: 13px; line-height: 22px; color: #000000; font-family: Cairo-Bold, Helvetica_new, Arial, sans-serif !important; height: auto}
    .opinions-component{margin: 0 0 20px 0; background: #fdf9f6; padding: 0 0 20px 0; position: relative}
    .podcast-component h2{font-size: 21px}
    .podcast-component figure{display: none;width: 130px; height: 100px}
    .podcast-component h3{font-size: 14px; line-height: 20px; margin: -5px 110px 25px 0 }
    .homepage .main-container .col-right{width: 100%; position: unset}
    .opinions-component .main-container .col-right {text-align:center}
    .opinions-component .main-container .col-right img {height:100px; width:auto}
    .opinions-component .main-container .col-left article{width: 94%; float: none; margin: auto auto 30px auto; height: auto}
    .opinions-component .main-container .col-left article figure.article-fig{height: 205px}
    .opinions-component .main-container .col-left article:hover figure.article-fig{height: 205px; margin: 0; border: none}
    .opinions-component .main-container .col-left article:hover .location{top: 0}
    .opinions-component .main-container .col-left article .content{padding: 15px 30px}
    .opinions-component .main-container .col-left article .content h3{font-size: 18px; line-height: 28px; height: auto}
    .opinions-component .main-container .col-left article .content h4{font-size: 14px}
    .opinions-component .main-container .col-left article .content span{font-size: 13px}
    .opinions-component .main-container a.more{bottom: 0; right: 0; left: 0; text-align: center; border-top: 1px solid #D6D6D6; padding: 10px 0 0 0; width: 80%; margin: auto}
    .homepage .news h2 a{width: 160px}
    .homepage .news h2:after{left: 20px}
    .homepage .news ul li{padding: 15px 20px 20px 20px}
    .homepage .main-container.life h2{padding: 0 20px; font-size: 31px; line-height: initial}
    .homepage .main-container.life article .content .title{padding: 10px !important; right: 0; left: 0; margin: auto;background: rgba(0, 0, 0, 0.35)}
    .homepage .main-container.life .article-1{width: 100%; height: 360px; margin: 0 0 10px 0}
    .homepage .main-container.life .article-1 .content{width: 100%; margin: 0}
    .homepage .main-container.life .article-1 .content .title, .homepage .main-container.life .article-2 .content .title, .homepage .main-container.life article.article-4 .content .title { width: 75% }
    .homepage .main-container.life article .content .title h3{line-height: 21px}
    .homepage .main-container.life article .content .title h4{font-size: 13px;display:none}
    .homepage .main-container.life article .content .title span{font-size: 13px;display:none}
    .homepage .main-container.life .article-2{width: 100%; height: 260px; margin: 0 0 10px 0}
    .homepage .main-container.life .article-2 .content{margin: 0; width: 100%}
    .homepage .main-container.life .article-3{width: 50%; height: 339px; margin: 0 0 10px 0}
    .homepage .main-container.life .article-3 .content{margin: 0 0 0 10px; width: calc(100% - 10px)}
    .homepage .main-container.life .article-3 .content .title{width: 150px !important}
    .homepage .main-container.life .article-4{width: 100%; height: 230px; margin: 0}
    .homepage .main-container.life .article-5{width: 50%; height: 205px; margin: 0 0 10px 0}
    .homepage .main-container.life .article-5 .content{width: 100%; margin: 0}
    .homepage .main-container.life article.article-5 h3{font-size: 15px; line-height: 25px; margin: 0}
    .homepage .main-container.life article.article-5 h3:after{font-size: 100px}
    .homepage .main-container.life article.article-5 h4{font-size: 14px}
    .homepage .main-container.life .article-6{width: 50%; height: 124px; margin: 0 0 10px 0}
    .homepage .main-container.life .article-6 .content{width: 100%; margin: 0}
    .homepage .main-container.life .article-6 .content .title{width: 100%}
    .homepage .main-container.life .article-6 .content h3{margin: 0}
    .homepage .main-container.life article.article-2.quote .content, .homepage .main-container.life article.article-6.quote .content{margin: 0}
    .homepage .main-container.life article.quote h3{overflow: hidden}
    .homepage .main-container.life article.article-1.quote h3{font-size: 24px; line-height: 36px; max-height: 220px}
    .homepage .main-container.life article.article-2.quote h3{font-size: 22px; line-height: 32px; max-height: 160px}
    .homepage .main-container.life article.article-3.quote h3{font-size: 18px; line-height: 26px; max-height: 265px}
    .homepage .main-container.life article.article-3.quote h3:after{font-size: 90px}
    .homepage .main-container.life article.quote h3:after{font-size: 100px; left: -10px}
    .homepage .main-container.life article.article-4.quote h3{font-size: 22px; line-height: 32px; max-height: 160px}
    .homepage .main-container.life article.article-4.quote h3:after{font-size: 90px; bottom: -30px}
    .homepage .main-container.life article.article-5.quote h3, .homepage .main-container.life article.article-6.quote h3{max-height: 125px; height: auto}
    .homepage .main-container.life article.article-5.quote h3:after, .homepage .main-container.life article.article-6.quote h3:after{font-size: 90px; bottom: -40px}
    .homepage .main-container.life article.article-6.quote h3{font-size: 14px; line-height: 20px; margin: 0; max-height: 80px}
    .homepage .main-container.life article.article-6.quote h3:after{font-size: 70px; bottom: -25px}
    .homepage .main-container.life article.article-6.quote h4{font-size: 13px}
    .homepage .main-container.videos{margin: 20px auto}
    .homepage .main-container.videos article{margin: 0 0 10px 0}
    .homepage .main-container.videos article .title{padding: 0 20px}
    .homepage .main-container.videos article .title h3{font-size: 23px; line-height: 32px}
    .homepage .main-container.videos article .title h4{font-size: 18px; line-height: 26px}
    .homepage .main-container.videos article figure{height: 200px}
    .homepage .main-container.videos article figure:after{width: 50px; height: 50px}
    .homepage .main-container.videos article .watch{font-size: 12px; width: 140px}
    .homepage .main-container.videos article .watch:after{top: 2px; position: relative}
    .homepage .main-container.videos article .watch:hover{background-color: #000000}
    .homepage .main-container.videos .related-videos ul{width: 80%}
    .homepage .main-container.videos .related-videos ul li{padding: 0 0 0 10px; border-right: none; border-left: 1px solid #D6D6D6; margin: 0 0 0 10px}
    .homepage .main-container.videos .related-videos ul li:last-child{border-left: none}
    .homepage .main-container.videos .related-videos ul li a figure{height: 84px}
    .homepage .main-container.videos .related-videos ul li a figure:after{width: 25px; height: 25px}
    .homepage .main-container.videos .related-videos ul li a h3{font-size: 13px; padding: 5px 10px 0 0}
    .homepage .main-container.videos .related-videos .slick-list{padding: 0 0 0 20px}
    .homepage .main-container.videos .related-videos .slick-next:before{font-size: 30px}
    .homepage .main-container.videos .related-videos .slick-prev:before{font-size: 30px}
    .homepage .main-container.videos .related-videos .slick-prev{bottom: 30px; left: -45px}
    .homepage .main-container.videos .related-videos .slick-next{top: 45px; left: -45px}
    .homepage .main-container.videos .related-videos ul:after{width: 45px; left: -55px}
    .videos-page .mostread-articles{padding: 20px 0 0 0}
    .videos-page .mostread-articles h2{font-size: 25px; padding: 0 15px}
    .videos-page .mostread-articles h2:after{width: 70px; float: left; margin: 32px 0 0 0}
    .videos-page .mostread-articles article{width: 50% !important; display: inline-block}
    .videos-page .mostread-articles article a figure{height: 125px}
    .videos-page .mostread-articles article a h3{font-size: 14px; line-height: 20px; padding: 5px; height: 88px}
    .donate-banner{height: 150px; text-align: center; overflow: hidden}
    .donate-banner.hide{bottom: -350px}
    .donate-banner .close{right: 10px; top: 10px}
    .donate-banner .main-container h2{font-size: 20px; float: none; margin: 5px 0 0 0; line-height: 40px}
    .donate-banner .main-container figure{margin: auto; position: absolute; bottom: -10px; left: 0; right: auto}
    .donate-banner .main-container a{display: block; float: none; margin: 30px 20px 0 auto}
    .donate-banner .main-container a:hover{background-color: rgba(255, 255, 255, .82); color: #FF500F}
    /*End Homepage*/

    /*Category Page*/
    ul.featured-slider.category li a h2{max-height: 145px}
    ul.featured-slider.category li a h2 span.category{font-size: 18px; color: #FF500F}
    ul.featured-slider.category li a h2 span.latest{font-size: 18px; margin: 0}
    ul.featured-slider.category .slick-dots{bottom: 10px; top: initial; transform: none; right: 20px}
    ul.featured-slider.category .slick-dots li{height: 4px; width: 28px; background-color: rgba(255, 255, 255, .75); border: none; border-radius: initial; display: inline-block; margin: 0 0 0 10px}
    ul.featured-slider.category .slick-dots li.slick-active{background-color: #FFFFFF}
    ul.featured-slider.category .slick-prev, ul.featured-slider.category .slick-next{position: absolute; bottom: 20px; right: 20px; border: 2px solid #FFFFFF; border-radius: 50%; width: 30px; height: 30px; top: initial; z-index: 1; display: block !important}
    ul.featured-slider.category .slick-next{right: 60px}
    ul.featured-slider.category .slick-next:before, ul.featured-slider.category .slick-prev:before{content: '\f104'; font-family: FontAwesome; font-size: 26px; color: #FFFFFF; line-height: 14px; margin: 0 4px 0 0}
    ul.featured-slider.category .slick-prev:before{content: '\f105'; margin: 0 0 0 2px}
    .category-page .main-container{padding: 0}
    article.article-stream-1{width: 100%; height: auto !important; float: none !important}
    article.article-stream-1 .content figure.article-fig{height: 168px}
    article.article-stream-1 .content .category{font-size: 14px}
    article .location{font-size: 12px; padding: 2px 7px 3px 7px}
    article .location:hover{background-color: rgba(0, 0, 0, .75)}
    article.article-stream-1 .content .details{padding: 10px 20px 20px 20px}
    article.article-stream-1.author-display .content .details{padding: 55px 20px 20px 20px}
    article.article-stream-1 .content .details .author{top: -30px; right: 20px}
    .category-page.english-category article.article-stream-1 .content .details .author{left: 20px}
    .mostread-page.english-mostread article.article-stream-1 .content .details .author{left: 20px}
    article.article-stream-1 .content .details .author figure{width: 60px; height: 60px}
    article.article-stream-1 .content .details .author h3{font-size: 14px; height: 28px}
    article.article-stream-1 .content .details h3{font-size: 12px; margin: 10px 0}
    article.article-stream-1 .content .details h2{font-size: 18px !important; line-height: 30px !important; height: auto !important; margin: 10px 0 0 0}
    .mpu-container{width: 100%}
    /*End Category Page*/

    /*unblock_raseef*/
    .category-page.unblock_raseef div.main-container .introduction{width: 100%;padding: 0 0 1px 0}
    .category-page.unblock_raseef div.main-container .wrapper-body{width: 100%}
    .category-page.unblock_raseef div.main-container{display: block;width: 100%;bottom:0;direction: rtl!important;background: black}
    .category-page.unblock_raseef.english div.main-container div.div-wrapper.left{margin:20px 0 30px 0}
    .category-page.unblock_raseef.english div.main-container div.div-wrapper.right{margin:20px 0 0 0}
    .category-page.unblock_raseef div.main-container div.div-wrapper{display: block;margin:auto}
    .category-page.unblock_raseef div.main-container div.div-wrapper.left{margin:auto;width: 100%;height:286px;direction: ltr}
    .category-page.unblock_raseef div.main-container div.div-wrapper.left.videoPlay{height:286px}
    .category-page.unblock_raseef div.main-container div.div-wrapper.left.desktop{display:none!important}
    .category-page.unblock_raseef div.main-container div.div-wrapper.right ul li.regular.first{border:none!important}
    .category-page.unblock_raseef{height: 100%!important;min-height: 100%;overflow: scroll!important;-webkit-overflow-scrolling: touch;background: url('https://s.raseef22.com/assets/images/unblock_raseef-28_background_mobile2.png')}
    .category-page.unblock_raseef.fixed{overflow: hidden!important}
    .category-page.unblock_raseef div.main-container div.div-wrapper.right a.unblockraseef_donate{position: fixed;bottom: 0;right: 0;left: 0;display: block;z-index: 999}
    .popup-overlay.unblock_raseef22 .popup .slick-dots{bottom:90px!important}
    .category-page.unblock_raseef div.main-container div.div-wrapper.right ul li.regular h3{font-size: 14px;line-height: 21px}
    .category-page.unblock_raseef div.main-container div.div-wrapper.right ul li.regular p{font-size: 12px;line-height: 16px;max-height: 42px}
    .category-page.unblock_raseef div.main-container div.div-wrapper.right{margin:50px auto}
    .category-page.unblock_raseef div.main-container div.div-wrapper.right ul{width: calc(100% - 30px)}
    .category-page.unblock_raseef div.main-container div.div-wrapper.right ul li.featured{width: 100%;display: block}
    .category-page.unblock_raseef h1{font-size: 35px;bottom:0;width: calc(100% - 30px);margin:auto;padding: 8px 0 5px 0px}
    .category-page.unblock_raseef div.main-container div.text{font-size: 16px;line-height: 21px;margin: 0 auto 5px auto;width: calc(100% - 30px)}
    .category-page.unblock_raseef.english div.main-container div.text{font-size: 14px;line-height: 22px}
    .category-page.unblock_raseef a.switchLang{position: absolute;top: 10px;left: 60px;z-index: 2}
    .category-page.unblock_raseef div.main-container div.div-wrapper.left figure{height:188px}
    .popup-overlay.unblock_raseef22 .popup{width: calc(100% - 30px);display: block;margin:auto;right:0;left:0}
    .popup-overlay.unblock_raseef22 .popup figure{height: 320px}
    .popup-overlay.unblock_raseef22 .popup ul.socials li.mobile{display: inline-block!important}
    .category-page.unblock_raseef a.switchLang{max-width: 100%;width: auto;padding:0 10px;font-size: 22px}
    .category-page.unblock_raseef div.main-container div.div-wrapper.right{background-color: transparent;width: 100%}
    .category-page.unblock_raseef div.main-container div.div-wrapper.right ul li.featured{margin:0 0 20px 0;padding: 0 5px 20px 5px}
    .category-page.unblock_raseef div.main-container div.div-wrapper.right ul li.regular{margin:0 0 20px 0;border-bottom:solid 1px #DE673D;padding: 0 5px 20px 5px}
    .category-page.unblock_raseef div.main-container div.div-wrapper.right ul li.regular:last-of-type{border:none}
    .category-page.unblock_raseef div.main-container div.div-wrapper.left div.text{display: none}
    .popup-overlay.unblock_raseef22 .popup .carousel_info div.caption h3{font-size: 15px; padding: 5px 10px}
    .category-page.unblock_raseef div.main-container div.div-wrapper.right ul li.featured a figure{width: 100%!important;height: 350px!important}
    .category-page.unblock_raseef div.main-container div.div-wrapper.right > div{max-width: 100%}
    .category-page.unblock_raseef.english div.main-container div.div-wrapper.left.mobile .carousel_unblockRaseef2 .slick-prev{top:95%!important;right:90%;z-index:999}
    .category-page.unblock_raseef.english div.main-container div.div-wrapper.left.mobile .carousel_unblockRaseef2 .slick-prev:before{content:'>';font-size: 25px}
    .category-page.unblock_raseef.english div.main-container div.div-wrapper.left.mobile .carousel_unblockRaseef2 .slick-next{top:95%!important;right:5%;z-index:999}
    .category-page.unblock_raseef.english div.main-container div.div-wrapper.left.mobile .carousel_unblockRaseef2 .slick-next:before{content:'<';font-size: 25px}
    .category-page.unblock_raseef div.main-container div.div-wrapper.left.mobile .carousel_unblockRaseef2 .slick-prev{top:95%!important;left:90%;z-index:999}
    .category-page.unblock_raseef div.main-container div.div-wrapper.left.mobile .carousel_unblockRaseef2 .slick-next{top:95%!important;right:90%;z-index:999}
    /*unblock_raseef*/

    /*Videos Page*/
    .videos-page article.featured{height: 340px}
    .videos-page article.featured a > div{padding: 20px}
    .videos-page article.featured a > div h2{font-size: 24px; line-height: 34px; width: 100%}
    .videos-page article.featured a h2 span{font-size: 20px; margin: 10px 0 0 0}
    .videos-page article.featured a > div .icon{position: relative; width: 100%; display: block; text-align: center; font-size: 18px}
    .videos-page article.featured a > div .icon i{width: 50px; height: 50px; top: 20px}
    .videos-page .most-watched h2{font-size: 26px; width: 225px; padding: 0 0 10px 0}
    .videos-page .most-watched ul{margin: 30px 0 0 0}
    .videos-page .most-watched ul .slick-list{padding: 0 0 0 50px}
    .videos-page .most-watched ul li{margin: 0 0 0 20px}
    .videos-page .most-watched ul li a figure{height: 160px}
    .videos-page .most-watched ul li a figure:after{width: 30px; height: 30px}
    .videos-page .most-watched ul li a figure span{font-size: 17px}
    .videos-page .most-watched ul li a .details h3{font-size: 14px; width: 65%; padding: 0 10px 0 0; max-height: initial}
    .videos-page .most-watched ul li a .details span{font-size: 12px; width: 35%}
    .videos-page .main-container{padding: 0}
    .videos-page .main-container .title{border-bottom: none; margin: 0 0 10px 0}
    .videos-page .main-container .title h2{display: block; margin: 0 0 25px 0; border-bottom: 1px solid #5A5A5A; padding: 0 20px 10px 0}
    .videos-page .main-container .title ul.categories{display: block; text-align: center}
    .videos-page .main-container .title ul.categories li{width: 90px; margin: 0 0 0 10px}
    .videos-page .main-container .title ul.categories li:last-child{margin: 0}
    .videos-page .main-container .title ul.categories li a{font-size: 16px}
    .videos-page .main-container .title ul.categories li a:hover{background-color: transparent}
    .videos-page .main-container article{width: 100%; float: none; height: auto}
    .videos-page .main-container article figure{height: 210px}
    .videos-page .main-container article figure:after{width: 40px; height: 40px}
    .videos-page .main-container article .content{width: 100%}
    .videos-page .main-container article .details h3{font-size: 18px; padding: 0 10px; line-height: 32px; height: auto}
    .videos-page .main-container article .details h4{padding: 0 10px 0 0}
    /*End Videos Page*/

    /*Video Page*/
    body.video{overflow: auto; height: auto}
    body.video footer{display: block}
    .video-page .back-to-videos{width: 28px; height: 28px; top: 60px; left: 10px}
    .video-page .inlineVideo{height: 220px}
    .video-page .article-content{position: relative}
    .video-page .article-content.collapsed{height: auto; border-top: 4px solid #FFFFFF; width: 100%; overflow: visible}
    .video-page .article-content a.expand{display: none}
    .video-page .article-content.collapsed .expanded-content{opacity: 1; visibility: visible}
    .video-page .article-content.collapsed .author{width: 100%; height: auto}
    .video-page .article-content.collapsed .author .multiple-authors a{width: 100%; margin: 0 0 10px 0}
    .video-page .article-content.collapsed .author h3{font-size: 14px}
    .video-page .article-content.collapsed .author .multiple-authors figure{width: 35px; height: 35px}
    .video-page .article-content.collapsed .author .multiple-authors h3{padding: 0 40px 0 0; font-size: 14px; line-height: 26px}
    .video-page .article-content.collapsed h1{width: 100%; height: auto; font-size: 24px; line-height: 36px; margin: 10px 0 0 0}
    .video-page .article-content.collapsed h1:before{display: none}
    .video-page .article-content .date{margin: 10px 0 0 0; display: block}
    .video-page .article-content .text p{font-size: 16px; line-height: 28px}
    .video-page .article-content .next-videos a.more:hover{background: rgba(255, 255, 255, .45)}
    /*End Video Page*/

    /*Authors Page*/
    .authors-page .header{height: 230px}
    .authors-page .header h1{font-size: 50px}
    .authors-page h2.page-title{font-size: 26px; padding: 0 0 0 125px; width: 100%}
    .authors-page h2.page-title:after{left: 0}
    .authors-page .authors{padding: 0 20px}
    .authors-page .selectize-control{float: none; width: 100%; margin: 0 0 20px 0}
    .authors-page .authors ul{padding: 0 20px; margin: 0 0 20px 0; max-height: 150px}
    .authors-page .authors ul li a{width: 118px}
    .authors-page .authors ul li a figure{height: 118px}
    .authors-page .authors ul li a h3{font-size: 14px; padding: 5px 0 0 0; line-height: 20px}
    .authors-page .authors ul .slick-list{padding: 0 0 0 40px}
    .authors-page .authors ul .slick-prev:before, .authors-page .authors ul .slick-next:before{font-size: 30px}
    .authors-page .authors ul .slick-prev, .authors-page .authors ul .slick-next{top: 55px}
    .authors-page .main-container{padding: 0}
    .authors-page .main-container ul.carousel{width: 100%; float: none; margin: 0 0 15px 0}
    /*.authors-page .main-container ul.carousel li{height: 480px}*/
    .authors-page .main-container ul.carousel li article.article-1 .content{width: 100%}
    .authors-page .main-container ul.carousel li article.article-1 .content figure.article-fig{width: 100%; height: 370px}
    .authors-page .main-container ul.carousel li article.article-1 .content .details{width: calc(100% - 30px); height: 385px; top: initial; bottom: 15px; padding: 15px 25px; box-shadow: 0 0 20px 2px rgba(0, 0, 0, 0.05)}
    .authors-page .main-container ul.carousel li article.article-1 .content .details .author figure{width: 75px; height: 75px}
    .authors-page .main-container ul.carousel li article.article-1 .content .details .author h3{margin: 25px 95px 0 0}
    .authors-page .main-container ul.carousel li article.article-1 .content .details h2{font-size: 22px; line-height: 36px; height: 110px}
    .authors-page .main-container ul.carousel li article.article-1 .content .details p{margin: 20px 0 0 0}
    .authors-page .main-container ul.carousel li article.article-1 .content .details a.more{margin: 35px 0 0 0}
    .authors-page .main-container article.article-2{width: 100%; float: none; height: 220px}
    .authors-page .main-container article.article-2 a{width: 100%}
    .authors-page .main-container article.article-2 a h2{font-size: 18px; line-height: 26px; height: 65px}
    .authors-page .main-container .col-right{width: 100%; float: none}
    .latest-news{width: 100%; float: none}
    .latest-news .content{width: 100%; padding: 20px 20px 0 20px}
    .latest-news .content ul li h3{height: auto}
    article.article-stream-2{float: none !important; width: 100%; height: 545px}
    article.article-stream-2.two-thirds{width: 100%}
    article.article-stream-2 .content{width: 100%}
    article.article-stream-2 .content .details{width: calc(100% - 35px); padding: 20px}
    article.article-stream-2 .content .details h2{font-size: 18px; line-height: 32px; padding: 0 0 0 30px; height: 90px}
    article.article-stream-2 .content .details h2:after{width: 25px; height: 25px}
    .authors-page .main-container article.article-5{float: none; width: 100%; height: 325px}
    .authors-page .main-container article.article-6{width: 100%; height: auto; float: none}
    .authors-page .main-container article.article-6 a{padding: 5px 20px}
    .authors-page .main-container article.article-6 a h2{font-size: 17px; height: auto}
    /*End Authors Page*/

    /*Article Page*/
    .article-page article{position: relative; /*top: 10px*/}
    .article-page article figure.main-figure{height: 260px; margin: 0}
    .article-page article figure.main-figure h1{font-size: 20px; line-height: 28px; width: 100%; padding: 0 25px 35px 25px; text-align: center}
    .article-page article figure.main-figure .caption{font-size: 14px; padding: 2px 10px}
    .article-page .main-container.no-mainimage article figure.main-figure h1{padding: 0 25px !important; margin: 20px 0 0 0}
    .article-page article .article-container{padding: 0 20px}
    .article-page article .author{min-height: 50px; margin: 0 0 20px 0}
    .article-page article .author a figure{width: 50px; height: 50px; float: right}
    .article-page article .author .multiple-authors a{display: block; margin: 0 0 10px 0; min-height: 40px}
    .article-page article .author .multiple-authors a figure{width: 40px; height: 40px}
    .article-page article .author .multiple-authors a > div{padding: 0 40px 0 0; display: block}
    .article-page article .author .multiple-authors a > div h3{font-size: 14px; line-height: 20px}
    .article-page article .author a > div span{margin: 0 5px; line-height: 18px}
    .article-page article .author a > div{padding: 0 10px 0 0; margin: 0; position: relative; top: 10px; vertical-align: top}
    .article-page .main-container .col-right{width: 100%; margin: 0}
    .article-page .main-container .col-left{width: 100%}
    .article-page .main-container .col-left .date{font-size: 14px}
    .article-page .main-container .col-left .text{font-size: 21px; line-height: 28px}
    .article-page .main-container .col-left .text p{font-size: 21px; line-height: 28px}
    .article-page .main-container .col-left .text p img{margin: 20px 0 0 0}
    .article-page .main-container .col-left .text h2{font-size: 22px}
    .article-page .main-container .col-left .text .postquotes{margin: 45px 0 20px 0; padding: 0}
    .article-page .main-container .col-left .text .postquotes::before{font-size: 19px; top: -35px}
    .article-page .main-container .col-left .text blockquote{font-size: 18px; line-height: 30px; padding: 0; margin: 20px 0 25px 0 }
    .article-page .main-container .col-left .text blockquote.blockquote{width: 100%; float: none; padding: 40px 0 0 0; margin: 20px 0}
    .article-page .main-container .col-left .text blockquote.blockquote:before{width: 30px; height: 30px}
    .article-page .main-container .col-left .switch-lang p {display: block; font-size: 14px}
    .article-page .main-container .col-left .switch-lang span {font-size: 14px}
    /*.article-page .main-container .col-left .text blockquote:last-of-type{margin: 0 0 20px 0}*/
    .article-page .main-container .col-left .text blockquote.postquote:before{font-size: 70px; position: relative; display: block; top: 5px; height: 20px}
    .article-page .main-container .col-left .text blockquote.postquote:nth-of-type(odd) .share a.facebook:hover{color: #FF500F}
    .article-page .main-container .col-left .text blockquote.postquote:nth-of-type(odd) .share a.twitter:hover{color: #FF500F}
    .article-page .main-container .col-left .text blockquote.postquote .share a.facebook:hover{color: #000000}
    .article-page .main-container .col-left .text blockquote.postquote .share a.twitter:hover{color: #000000}
    .article-page .main-container .col-left .text .one-third{float: none; width: 100%}
    .article-page .main-container .col-left .text audio{width: 100%}
    .article-page .main-container .col-left .text .poll h3{font-size: 24px; line-height: 40px; text-align: center; padding: 0 0 10px 0; display: block; width: 90%; margin: auto}
    .article-page .main-container .col-left .text .poll .choice h4{font-size: 18px}
    .article-page .main-container .col-left .text .poll input[type=submit]{display: block; margin: 5px auto 0 auto}
    .article-page .main-container .col-left .text .poll p.error{font-size: 15px; line-height: 22px; margin: 20px 0 0 0}
    .article-page .main-container .col-left .text .relatedArticles:before{font-size: 24px}
    .article-page .main-container .col-left .text .relatedArticles .item{width: 100%; margin: 0 0 20px 0}
    .article-page .main-container .col-left .text .relatedArticles .item:nth-child(3n){margin: 0 0 20px 0}
    .article-page .main-container .col-left .text .relatedArticles .item:last-child{margin: 0 0 10px 0}
    .article-page .main-container .col-left .text .relatedArticles .item figure{height: 130px}
    .article-page .main-container .col-left .text .relatedArticles .item p{font-size: 14px; line-height: 22px}
    .article-page .main-container .col-left .keywords h3{font-size: 24px; position: relative}
    .article-page .main-container .col-left .keywords h3:after{width: 90px; left: 0; position: absolute; bottom: 14px}
    .article-page .main-container.english-article .col-left .keywords h3:after{right: 0; left: initial}
    .article-page .main-container .col-left .keywords a{margin: 0 0 10px 10px}
    .article-page .main-container .col-left .trending h3{font-size: 24px; position: relative}
    .article-page .main-container .col-left .trending h3:after{width: 90px; left: 0; position: absolute; bottom: 14px}
    .article-page .main-container .col-left .trending a{width: 48%; margin: 0 0 4% 0}
    .article-page .main-container .col-left .trending a:nth-of-type(odd){margin: 0 0 4% 4%}
    .article-page .main-container .col-left .trending a figure{height: 130px}
    .article-page .main-container .col-left a.show-comments{font-size: 16px; width: 160px; height: 45px; line-height: 45px}
    .article-page .main-container .col-left a.hover-orange:hover{background-color: #000000; color: #FFFFFF}
    .article-page article .mostread-component{margin: 20px 0; background-color: rgba(232, 232, 232, .26); padding: 20px 0}
    .article-page article .mostread-component ul{padding: 0 10px}
    .article-page ul.social{bottom: 0; top: initial; left: 0; width: 100%; z-index: 9}
    .article-page ul.social li{display: inline-block !important; width: 25%; height: 45px}
    .article-page ul.social li a{font-size: 22px; line-height: 48px}
    .article-page ul.social li a.facebook:hover{background-color: #3F59A3; color: #FFFFFF}
    .article-page ul.social li a.twitter:hover{background-color: #01AFFD; color: #FFFFFF}
    .article-page ul.social li a.mail:hover{background-color: #CD4331; color: #FFFFFF}
    .article-page ul.social li a.whatsapp:hover{background-color: #25d366}
    .article-page ul.social li a.pinterest:hover{background-color: #D81916; color: #FFFFFF}
    .article-page ul.social li a.google:hover{background-color: #EA4C29; color: #FFFFFF}
    .article-page .main-container.english-article article figure.main-figure h1{padding: 0 25px 25px 25px}
    .article-page .main-container.english-article article .author a figure{width: 50px; height: 50px; float: left}
    .article-page .main-container.english-article article .author a > div{padding: 0 0 0 60px; margin: 0}
    .article-page .main-container.english-article article .col-right{margin: 0}
    .article-page .main-container.english-article .banner{margin: 20px 0}
    .article-page .main-container.english-article .col-left .text .relatedArticles .item{margin: 0 0 20px 0}
    .article-page .main-container.english-article ul.social{right: 0}
    .article-page .main-container.english-article .col-left .trending a{margin: 0 0 4% 0}
    .article-page .main-container.english-article .col-left .trending a:nth-of-type(odd){margin: 0 4% 4% 0}
    /*End Article Page*/

    /*Files Page*/
    .files-page .main-container{padding: 0}
    .files-page .article-1{margin: 0; float: none}
    .files-page .article-1 .content{width: 100%}
    .files-page .article-1 .content figure{height: 184px}
    .files-page .article-1 .content .details{height: auto; width: calc(100% - 30px); left: 0; margin: auto; bottom: initial; position: relative; top: -30px}
    .files-page .article-1 .content .details h2{font-size: 22px; line-height: 34px; height: auto; padding: 20px 25px}
    /*End Files Page*/

    /*File Page*/
    .file-page .header h1{font-size: 25px; line-height: 35px; right: initial; padding: 0 20px; max-height: 142px}
    .file-page .main-container{padding: 0}
    .file-page .contents p{font-size: 17px; line-height: 30px}
    .file-page .contents p img{margin: 20px 0 0 0}
    .file-page .contents h2{font-size: 22px}
    .file-page .contents .postquotes{margin: 70px 0 20px 0; padding: 0 0 20px 0}
    .file-page .contents .postquotes::before{font-size: 24px; top: -60px}
    .file-page .contents blockquote{font-size: 20px; line-height: 32px; padding: 0; margin: 30px 0 0 0}
    .file-page .contents blockquote.blockquote{width: 100%; float: none; padding: 40px 0 0 0; margin: 20px 0}
    .file-page .contents blockquote.blockquote:before{width: 30px; height: 30px}
    .file-page .contents blockquote.postquote:before{font-size: 120px; position: relative; display: block; top: 15px}
    /*End File Page*/

    /*Countries Page*/
    .countries-page .countries-list a.toggle-list{font-size: 20px; color: #FF500F; font-family: Cairo-Bold, Helvetica_new, Arial, sans-serif; display: block; border: 1px solid #FF500F; padding: 5px 10px; margin: 0 auto 30px auto; width: calc(100% - 30px); position: relative}
    .countries-page .countries-list a.toggle-list:after{content: '\f104'; font-family: 'FontAwesome'; font-size: 34px; position: absolute; left: 15px; color: #000000; font-weight: bold; top: 5px; transition: .5s; height: 35px}
    .countries-page .countries-list a.toggle-list.active:after{transform: rotate(180deg)}
    .countries-page .countries-list ul{border-bottom: none; padding: 0; display: none; position: absolute; background-color: #FFFFFF; z-index: 1; width: calc(100% - 30px); border-bottom: 4px solid #FF500F; border-top: 4px solid #FF500F}
    .countries-page .countries-list ul li{display: block; width: 100%; border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding: 5px 10px; position: relative}
    .countries-page .countries-list ul li:last-child{border: none}
    .countries-page .countries-list ul li.active:after{content: '\f058'; font-family: 'FontAwesome'; font-size: 30px; position: absolute; left: 15px; color: #000000; top: 2px}
    .countries-page .countries-list ul li a{color: #FF500F}
    .countries-page .main-container{padding: 0}
    /*End Countries Page*/

    /*Donate Page*/
    .donate-page{padding: 20px 0}
    .donate-page .main-container{padding: 0}
    .donate-page .col-right{width: 100%; padding: 0 15px; margin: 0 0 40px 0}
    .donate-page .col-right > div h1{font-size: 24px; line-height: 32px}
    .donate-page .col-right > div p{font-size: 16px; line-height: 24px}
    .donate-page .col-right figure{height: 218px}
    .donate-page .col-left{width: 100%; margin: 0; padding: 0 15px}
    .donate-page .col-left form .items li a{font-size: 22px}
    .donate-page .col-left form .amount li{margin: 0 2%}
    .donate-page .col-left form > div{padding: 0 15px}
    .donate-page .col-left form > div label{font-size: 16px}
    .donate-page .col-left form > div ul.payment-method li a{font-size: 15px}
    .donate-page .col-left form .form-footer{padding: 0 15px}
    .donate-page .col-left form .form-footer a.submit{font-size: 21px; margin: 0}
    .donate-page .col-left form .form-footer a.submit:hover{letter-spacing: initial}
    .donate-page .col-left figure.donate-success{margin: 0; height: 215px}
    .donate-page .col-left form p.required{padding: 0}
    .donate-page .col-right > div p.smaller-font{font-size: 14px}
    /*End Donate Page*/

    /*Keyword Page*/
    .keyword-page .header h1{font-size: 40px}
    .keyword-page .main-container{padding: 0}
    .keyword-page h2.no-results{margin: 0 0 30px 0; font-size: 22px}
    /*End Keyword Page*/

    /*Search Page*/
    .search-page .header h1{font-size: 40px}
    .search-page .main-container{padding: 0}
    .search-page h2.no-results{margin: 0 0 30px 0; font-size: 22px}
    /*End Keyword Page*/

    /*Author Page*/
    .author-page .header h3{font-size: 50px}
    .author-page .main-container{padding: 0}
    .author-page .author-info{margin: 0 15px 30px 15px; padding: 20px 0 0 0}
    .author-page .author-info > div{width: 100%; display: block; margin: 0; padding: 0 10px}
    .author-page .author-info > div h1 span.author_name{font-size: 15px;padding: 0 0 0 5px;display: block}
    .author-page .author-info > div h1 a.author_social{padding:0 5px;font-size: 11px}
    .author-page .author-info > div h1 a.author_social:first-of-type{border-right: none}
    .author-page .author-info > div h1{text-align: center; margin: 5px 0 0 0}
    .author-page .author-info figure{width: 115px; height: 115px; display: block; margin: auto}
    .author-page .author-info > div p{max-height: initial; font-size: 16px; line-height: 30px;padding: 0 20px}
    .author-page .author-info .bg{position: relative; background: url('/assets/images/author-info-bg-mobile.png') no-repeat center; background-size: 100%; width: 100%; height: 255px}
    /*End Author Page*/

    /*Mostread Page*/
    .mostread-page .header h1{font-size: 50px}
    .mostread-page .main-container{padding: 0}
    /*End Mostread Page*/

    /*Archives Page*/
    .archives-page .header h1{font-size: 50px}
    .archives-page .main-container{padding: 0}
    article.article-stream-3{width: 100%; float: none; height: 220px}
    article.article-stream-3 .content{width: 100%}
    article.article-stream-3 .content .category{font-size: 14px}
    article.article-stream-3 .content h2{font-size: 18px; padding: 20px; max-height: 140px}
    /*End Archives Page*/

    /*News Page*/
    .news-page .header h1{font-size: 50px}
    .news-page .main-container{padding: 0}
    /*End News Page*/

    /*Latest News Page*/
    .latestnews-page .header h1{font-size: 50px}
    .latestnews-page .main-container{padding: 0}
    /*End Latest News Page*/

    /*Podcasts Page*/
    .podcasts-page .header h1{font-size: 50px}
    .podcasts-page .main-container .col-right{width: 100%}
    .podcasts-page .main-container .col-right .featured{margin: 0 0 30px 0}
    .podcasts-page .main-container .col-right .featured .title{width: 100%}
    .podcasts-page .main-container .col-right .featured .title h2{width: 120px; padding: 8px 0; text-align: center; font-size: 17px}
    .podcasts-page .main-container .col-right .featured .title figure{margin: auto}
    .podcasts-page .main-container .col-right .featured .details{width: 100%; padding: 0 20px; margin: 20px 0}
    .podcasts-page .main-container .col-right .featured .details h3{font-size: 18px}
    .podcasts-page .main-container .col-right .featured .details p{font-size: 15px}
    .podcasts-page .main-container .col-right .featured .details h4{font-size: 15px}
    .podcasts-page .main-container .col-right .podcasts h2{font-size: 17px; width: 140px; padding: 8px 0; text-align: center}
    .podcasts-page .main-container .col-right .podcasts .ias-list{margin: 30px 0 0 0}
    .podcasts-page .main-container .col-right .podcasts .ias-list article{margin: 0 0 20px 0; border-bottom: 1px solid rgba(112, 112, 112, .5); padding: 0 0 20px 0}
    .podcasts-page .main-container .col-right .podcasts .ias-list article figure{width: 100px; height: 94px}
    .podcasts-page .main-container .col-right .podcasts .ias-list article .details{margin: 0 120px 0 0; padding: 0 0 0 20px}
    .podcasts-page .main-container .col-right .podcasts .ias-list article .details:after{display: none}
    .podcasts-page .main-container .col-right .podcasts .ias-list article .details h3{font-size: 16px; height: 30px; overflow: hidden; line-height: 30px}
    .podcasts-page .main-container .col-right .podcasts .ias-list article .details p{font-size: 14px; line-height: 20px; margin: 0; height: 42px; overflow: hidden}
    .podcasts-page .main-container .col-right .podcasts .ias-list article .details h4{font-size: 14px; line-height: 22px; padding: 0 0 0 20px}
    .podcasts-page .main-container .col-right .podcasts .ias-list article .details h4 span{margin: 0 0 0 20px}
    .podcasts-page .main-container .col-right .podcasts .ias-list article:after{font-size: 24px; top: initial; transform: none; bottom: 20px; left: 20px}
    .podcasts-page .main-container .col-left{width: 100%; margin: 0}
    /*End Podcasts Page*/

    /*Static Pages*/
    .static-page .header h1{font-size: 40px}
    .static-page .main-container{padding: 0 15px}
    .static-page .main-container h2{font-size: 22px; line-height: 36px}
    .static-page .main-container h3{font-size: 18px}
    /*End Static Pages*/

    /*About Us Page*/
    .aboutus-page .header{height: 230px; background: url('/assets/images/aboutus-header-bg-mobile.png') no-repeat center; background-size: cover}
    .aboutus-page .main-container{padding: 0 15px}
    .aboutus-page .info > div{width: 100%; margin: 0 0 30px 0}
    .aboutus-page .info > div figure{height: 75px; width: 40%}
    .aboutus-page .info > div h1{font-size: 24px; line-height: 36px; width: 60%}
    .aboutus-page .info > div h1:before{right: 15px; top: 20px}
    .aboutus-page .info > div p{font-size: 17px; line-height: 30px}
    .aboutus-page .our-team h2{font-size: 30px}
    .aboutus-page .our-team ul li{width: 100%}
    .aboutus-page .contributors h2{font-size: 30px}
    .aboutus-page .contributors ul li{outline: none}
    .aboutus-page .contributors ul li .content{width: 100%}
    .aboutus-page .contributors ul li .content figure{width: 100px; height: 100px}
    .aboutus-page .contributors ul .slick-prev{right: 0; top: 92px; z-index: 1}
    .aboutus-page .contributors ul .slick-next{left: 0; right: initial; top: 92px}
    .aboutus-page .contributors ul .slick-prev:before, .aboutus-page .contributors ul .slick-next:before{font-size: 40px; font-family: "FontAwesome"; color: #000000}
    .aboutus-page .contributors ul .slick-prev:before{content: '\f105'}
    .aboutus-page .contributors ul .slick-next:before{content: '\f104'}
    /*End About Us Page*/

    /*Newsletter Preview Page*/
    .newsletter-preview-page .main-container{padding: 0 10px}
    .newsletter-preview-page .main-container .col-right{width: 100%; margin: 0}
    .newsletter-preview-page .main-container .col-left{width: 100%}
    .newsletter-preview-page .main-container .col-left table{width: 100%}
    .newsletter-preview-page .main-container .col-left .main-title{font-size: 18px !important}
    .newsletter-preview-page .main-container .col-left .article-title{font-size: 18px !important}

    /*End Newsletter Preview Page*/


    footer{padding: 20px 0 30px 0}
    footer .menu{padding: 0}
    footer .menu a.logo{width: 190px; height: 50px; margin: 0 auto 20px auto; display: block; float: none}
    footer .menu nav{padding: 0}
    footer .menu nav > div{display: block}
    footer .menu nav > div ul li{display: block; text-align: center; margin: 0 0 5px 0}
    footer .menu nav > div ul li:last-child{margin: 0 0 5px 0}
    footer .menu nav > div ul li a{font-size: 20px}
    footer .menu nav > div ul li a:hover{color: #FFFFFF !important}
    footer .menu nav > div .top{border: none; padding: 0 0 5px 0; margin: 0 0 5px 0}
    footer .menu nav > div .bottom ul{display: block; padding: 0 0 15px 0}
    footer .menu nav > div .bottom ul li{margin: 0 0 5px 0}
    footer .menu nav > div .bottom ul li a{font-size: 18px}
    footer .menu .social{float: none; margin: 0; border: none; text-align: center}
    footer .menu .social ul li a{width: 45px; height: 45px; font-size: 18px; line-height: 42px}
    footer .menu .social ul li a.rss{line-height: 38px}
    footer .menu .social ul li a.rss i:before{font-size: 14px}
    footer .menu .social ul li a:hover:before{opacity: 0}
    footer .menu .social form p{font-size: 14px}
    footer .menu .social form{width: 250px; margin: auto auto 20px auto}
    footer .menu .social form a{top: 45px}
    footer .menu .social form input[name=email]{width: 100%}
    footer .menu .social form input[name=email]::-webkit-input-placeholder{font-size: 14px}
    footer .menu .social form input[name=email]:-moz-placeholder{font-size: 14px}
    footer .menu .social form input[name=email]::-moz-placeholder{font-size: 14px}
    footer .menu .social form input[name=email]:-ms-input-placeholder{font-size: 14px}

    .notifications-overlay .popup{width: calc(100% - 20px); min-height: 275px; height: auto; padding: 0 10px 20px 10px}
    .notifications-overlay .popup i.fa-bell{font-size: 40px; width: 38px; margin: 15px auto}
    .notifications-overlay .popup h3{font-size: 18px; padding: 0 20px}
    .notifications-overlay .popup p{font-size: 14px; padding: 0}
    .notifications-overlay .popup a.yes, .notifications-overlay .popup a.later, .notifications-overlay .popup a.no{font-size: 13px; margin: 25px 0 0 2%; width: 32%}
    .notifications-overlay .popup a.no{font-size: 14px; margin: 25px 0 0 0}

    .newsletter-popup-overlay .popup-newsletter-subscriptions{width: 95%}
    .newsletter-popup-overlay .popup-newsletter-subscriptions div.info input{width: calc(100% - 20px);top:240px}
}

@media only screen and (max-width: 320px) {
    .authors-page .authors ul li a{width: 85px}
    .authors-page .authors ul li a figure{height: 85px}
    .authors-page .authors ul li a h3{font-size: 13px}
    .authors-page .authors ul .slick-list{padding: 0 0 0 50px}
    .authors-page .authors ul .slick-prev:before, .authors-page .authors ul .slick-next:before{font-size: 24px}
    .authors-page .authors ul .slick-prev, .authors-page .authors ul .slick-next{top: 42px}
    .aboutus-page .header{height: 200px}
}

@media only screen and (min-width : 321px) and (max-width : 375px) {
    .author-page .author-info .bg{height: 310px}
    .donate-page .col-left figure.donate-success{height: 255px}
    .authors-page .authors ul{max-height: 185px}
}

@media only screen and (min-width : 376px) and (max-width : 414px) {
    .author-page .author-info .bg{height: 350px}
    .donate-page .col-left figure.donate-success{height: 285px}
    .authors-page .authors ul{max-height: 165px}
}

@media only screen and (min-width : 415px) and (max-width : 960px) {
    .author-page .author-info .bg{height: 780px}
    .donate-page .col-left figure.donate-success{height: 545px}
    .authors-page .authors ul{max-height: 165px}
    .homepage .main-container .col-left .stories li{height: 420px}
}