@font-face {
    font-family: 'dubai-bold';
    src: url('../fonts/dubai-fonts/Dubai-Bold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/dubai-fonts/Dubai-Bold.woff') format('woff'),
    url('../fonts/dubai-fonts/Dubai-Bold.woff2') format('woff2'),
    url('../fonts/dubai-fonts/Dubai-Bold.ttf')  format('truetype');
    font-display: swap;
}

@font-face {
    font-family: 'dubai-regular';
    src: url('../fonts/dubai-fonts/Dubai-Regular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/dubai-fonts/Dubai-Regular.woff') format('woff'),
    url('../fonts/dubai-fonts/Dubai-Regular.woff2') format('woff2'),
    url('../fonts/dubai-fonts/Dubai-Regular.ttf')  format('truetype');
    font-display: swap;
}

::-webkit-scrollbar {
    width: 6px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #625E5E;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #a6a6a6;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #333333;
}


*{padding:0;margin:0;text-decoration: none;outline:none;direction: rtl!important}
h1,h2,h3,h4,h5,h6{padding:0;margin:0}
b {font-family: 'dubai-bold'}
.hidden{display: none}
body.lock{overflow: hidden}
.desktop{display: block!important}
.mobile{display: none!important}
header{position: fixed;top: 0;right: 0;z-index: 999;width: 100%;background-color: white;box-shadow: 0 0 2px 2px rgba(0,0,0,0.05);height: 100px;margin:0!important;transition: 0.25s}
header.scrolled{height: 70px}
.align_left {text-align: left!important; direction: ltr!important;}
.absolute-overlay{position: fixed; display: none; top:0; bottom:0; right:0; left:0; z-index: 9999}
.horizontal-ad-component{width:90%; max-width: 950px; height:100px; display: block; margin:30px auto; background-color:gray; display: none}
.no-results{font-family: dubai-bold, Helvetica, Arial, sans-serif; font-size:18px; color:black; display: block; margin:30px auto; text-align: center}
.shake-animation{animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both; transform: translate3d(0, 0, 0); backface-visibility: hidden; perspective: 1000px}
form input.required, form textarea.required{border:1px solid #e60000 !important;}
form #response-message{font-size:11px; font-family: dubai-bold, Helvetica, Arial, sans-serif; margin-bottom:10px}
form #response-message.error{color:#e60000}
form #response-message.success{color:#004d00}
a.custom-btn{font-size:14px; font-family: dubai-regular, Helvetica, Arial, sans-serif; padding:6px 15px; display: block; color:white; background-color:black; text-align: center; border-radius:20px; -webkit-border-radius:20px; transition:.3s all; -webkit-transition:.3s all}
a.rounded-btn{font-size: 13px; font-family: dubai-bold, Helvetica, Arial, sans-serif; color: black; border: solid 1px black; width: 120px; height: 37px; border-radius: 20px; -webkit-border-radius: 20px; text-align: center; display: block; margin:auto; line-height: 40px; transition: .3s all; -webkit-transition: .3s all}
a.rounded-btn:hover{background-color: black; color:white !important;}
.figure-wrapper{padding:10px; -webkit-box-shadow: 0 0 2px 2px rgba(0,0,0,0.05); box-shadow: 0 0 2px 2px rgba(0,0,0,0.05)}
.ml-0{margin-left:0 !important;}
.mb-10{margin-bottom:10px}
.mb-15{margin-bottom:15px}
.mb-20{margin-bottom:20px}
.link_no_action {cursor: default; pointer-events: none;}
.button_regular {border-radius: 20px; padding: 5px 25px; display: inline-block; text-align: center; transition: .3s; -webkit-transition: .3s; font-size: 13px; font-family: dubai-bold,Helvetica,Arial,sans-serif; color: #000; border: 1px solid rgba(0,0,0,.55); margin: 20px 0 0 0;}
.button_regular:hover {background-color: #000000; color: #fff; border-color: #000000;}
.button_red {color: white; background: #ff3e40; border-color: #ff3e40;}
.button_black {color: white; background: #000000; border-color: #000000;}
.button_red_border_black {color: #ff3e40; background: #FFFFFF; border-color: #000000;}
.button_red_border_black:hover {color: #ff3e40; background: #FFFFFF; border-color: #000000;}
.mainContainer{display: block;width: calc(80% - 20px);margin:auto;height: 100%;transition: 0.25s;max-width: 1400px}
.online-magazine-section .mainContainer{height: initial;margin-bottom: 100px;}
.online-aqlam-jadida-section .mainContainer {height: initial;margin-bottom: 100px;}
.mainContainer.header{width: calc(90% - 20px)}
.mainContainer.header div.top-header{display: block;width: 100%; font-size:0; margin: auto;text-align: center;position: relative;top: 50%;transform: translateY(-50%)}
.mainContainer.header div.top-header ul.desktop-menu{display: inline-block;width: calc(100% - 220px);margin: 35px 0 0 0; text-align: center;font-size: 0;box-sizing: border-box;position: relative; transition: 0.25s; -webkit-transition: 0.25s}
.mainContainer.header div.top-header ul.desktop-menu li{display: inline-block;padding:0 20px; border-left: 1px solid #d6d6d6}
.mainContainer.header div.top-header ul.desktop-menu li:last-child {border-left: none}
.mainContainer.header div.top-header ul.desktop-menu li a{font-size: 15px;color:black;font-family: dubai-regular, Helvetica, Arial, sans-serif;position: relative}
.mainContainer.header div.top-header ul.desktop-menu li a:after{content:'';position: absolute;right:0;bottom:20px;width: 100%;height:2px;background-color: white;opacity:0;transition: 0.25s}
.mainContainer.header div.top-header ul.desktop-menu li:hover a:after, .mainContainer.header div.top-header ul.desktop-menu li.active a:after{opacity: 1;bottom:-10px;background-color: black}
/*.mainContainer.header div.top-header a.logo{background: url(../images/logo.jpg);background-position: center center;background-repeat: no-repeat;background-size: contain;width: 140px;height: 60px;transition: 0.25s;display: inline-block;vertical-align: top}*/
.mainContainer.header div.top-header a.logo{width:97px; transition: 0.25s; -webkit-transition: 0.25s; display: inline-block;vertical-align: top}
.mainContainer.header div.top-header a.logo img{width:100%; transition: 0.25s; -webkit-transition: 0.25s}
/*.mainContainer.header.scrolled div.top-header a.logo{width: 110px}*/
.mainContainer.header.scrolled div.top-header a.logo img{width: 65px}
.mainContainer.header.scrolled div.top-header ul.desktop-menu li a{font-size: 12px}
.mainContainer.header.scrolled div.top-header ul.desktop-menu{margin-top:25px}
/*.mainContainer.header.scrolled div.top-header div.header-options{top:15px}*/
.mainContainer.header div.top-header div.header-options{transition: 0.25s;display: inline-block; width: 25px; vertical-align: middle; margin:0 0 10px}
.mainContainer.header div.top-header div.header-options a.login{display: inline-block;color:white;background-color: black;text-align: center;font-size: 13px;font-family: dubai-bold, Helvetica, Arial, sans-serif;padding: 5px 20px;position:relative;left:30px}
.mainContainer.header div.top-header div.header-options a.search{display: inline-block;background: url('../images/search-icon.png');background-position: center center;background-repeat: no-repeat;background-size: contain;width: 24px;height: 24px}
.mainContainer.header div.top-header div.header-options a.search.close {background: url('../images/close-icon.png');background-position: center center;background-repeat: no-repeat;background-size: contain}

.mainContainer.header div.top-header .dollar-rate{width:80px; font-family: Helvetica; font-size:11px; padding:5px 0; background-color:#000000; display: inline-block; vertical-align: middle; text-align: center; color:white; direction: ltr !important; margin:0 15px 10px 0}

.mainContainer div.left .vertical-ad{width:90%; max-width: 300px; height:350px; display: block; margin:20px auto}

.homeCarousel{display: block;width: 100%;margin:auto;overflow: hidden}
.homeCarousel .slick_carousel{display: block;width: 100%;position: relative}
.homeCarousel .slick_carousel a{display: inline-block;width: 100%}
.homeCarousel .slick_carousel a figure{display: block;width: 100%;height:34vw;position: relative}
/*.homeCarousel .slick_carousel a figure::after{content:'';display: block;width:100%;height:100%;position: absolute;top:0;right:0;left:0;bottom:0;background-color: rgba(0, 0, 0, 0.5)}*/
.homeCarousel .slick_carousel ul.slick-dots{position: absolute;bottom: 20px;text-align: center;display: block;width: 100%}
.homeCarousel .slick_carousel ul.slick-dots li{display: inline;padding:0 10px;cursor: pointer}
.homeCarousel .slick_carousel ul.slick-dots li button{background-color: white;font-size: 0;width: 12px;height: 12px;border-radius: 100%;border: none;cursor: pointer;position: relative}
.homeCarousel .slick_carousel ul.slick-dots li.slick-active button::after{content: '';width: 18px;height: 18px;border-radius: 100%;border-color: white;position: absolute;right: -5px;bottom: -5px;border: solid 2px white}

.home_categorized_carousel{font-size: 0;padding:30px 0;overflow: hidden; background-color:rgba(240,240,240,0.33); margin:55px 0 20px}
.home_categorized_carousel div.mainContainer{display: block;width: calc(80% - 20px);margin: 0 auto; overflow: hidden;max-width: 1300px}
.home_categorized_carousel div.mainContainer ul{display: block;width: 100%;text-align: center; margin-bottom:5px; padding-bottom:10px; border-bottom:1px solid #C3C3C3}
.home_categorized_carousel div.mainContainer ul li{display: inline-block;padding:0 0 0 70px}
.home_categorized_carousel div.mainContainer ul li:last-child{padding:0}
.home_categorized_carousel div.mainContainer ul li a{font-size: 19px;color:#898989;font-family: dubai-bold, Helvetica, Arial, sans-serif;transition: 0.35s}
.home_categorized_carousel div.mainContainer ul li a:hover{color:black}
.home_categorized_carousel div.mainContainer ul li a.active{color:black}
.home_categorized_carousel div.mainContainer div.slider_nav div.item{display:inline-block;float:left}
.home_categorized_carousel div.mainContainer div.slider_nav div.item a{display:inline-block;width: calc((100% / 7) - 20px);margin: 20px 10px}
.home_categorized_carousel div.mainContainer div.slider_nav div.item div.figure{padding:10px; box-shadow: 0 0 2px 2px rgba(0,0,0,0.05); -webkit-box-shadow: 0 0 2px 2px rgba(0,0,0,0.05)}
.home_categorized_carousel div.mainContainer div.slider_nav div.item figure{width:100%;display:block;height: 200px}
.home_categorized_carousel div.mainContainer div.slider_nav div.item a.rounded-btn{width:120px; margin:20px auto; display: table}

ul.breadcrumb{display: block;width: 100%;margin: 0 0 50px 0}
ul.breadcrumb li{display: inline-block;margin: 0 0 0 10px;font-size: 15px;font-family: dubai-bold, Helvetica, Arial, sans-serif}
ul.breadcrumb li a{font-size: 12px;color: black}
ul.breadcrumb li:last-child a{color: #5D5D5D}

.mainContainer.books-categories{font-size: 0;padding:30px 0;max-width: 1300px}
.mainContainer.books-categories div.title{display: block;width: 100%;margin:auto;text-align: center}
.mainContainer.books-categories div.title h2{font-size: 20px;font-family: dubai-bold, Helvetica, Arial, sans-serif;border-bottom:solid 1px black;padding:0 0 5px 0;display: inline-block}
.mainContainer.books-categories div.flex-container{display: flex;flex-wrap: wrap;margin: 30px auto 0 auto;justify-content: center}
.mainContainer.books-categories div.flex-container div{width: calc((100% / 8) - 20px);margin: 20px 10px}
.mainContainer.books-categories div.flex-container div a{display: block}
.mainContainer.books-categories div.flex-container div figure{width: 100%;display: block;height:218px}
.mainContainer.books-categories div.flex-container div h3{min-height: 40px; display: block;padding:10px;background-color: white;font-size: 10px;color:black;text-align: center;box-shadow: 0 0 2px 2px rgba(0,0,0,0.05);font-family: dubai-bold, Helvetica, Arial, sans-serif}
.mainContainer.books-categories div.readmore{display: block;width: 100%;margin:20px auto 0 auto;text-align: center}
.mainContainer.books-categories div.readmore a{font-size: 13px;color:black;border: solid 1px black;width: 120px;height: 37px;text-align: center;display: inline-block;line-height: 40px;font-family: dubai-bold, Helvetica, Arial, sans-serif}

.featured-videos{display: block;width: 100%;font-size: 0;box-sizing: border-box;padding:30px 0}
.featured-videos .mainContainer .featured-videos-header{display: block;width: calc(100% - 20px);text-align: right;margin: auto}
.featured-videos .mainContainer .featured-videos-header h2{color:black;font-size: 24px;padding:0 0 5px 0;border-bottom:solid 1px black;display: table; font-family: dubai-bold, Helvetica, Arial, sans-serif; margin:auto}
.featured-videos .mainContainer .featured-videos-header a{color:black;font-size: 13px;padding:0 0 5px 0;border-bottom:solid 1px black;float:left;font-family: dubai-bold, Helvetica, Arial, sans-serif}
.featured-videos .mainContainer div.flex-container{display: flex;flex-wrap: wrap;margin: 30px auto 20px;direction: rtl}
.featured-videos .mainContainer div.flex-container div{background-color: #f1f1f1;width:calc(20% - 20px);margin: 0 10px}
.featured-videos .mainContainer div.flex-container div a{display: block}
.featured-videos .mainContainer div.flex-container div figure{width: 100%;display: block;height:168px;position: relative}
.featured-videos .mainContainer div.flex-container div figure:after{content: '';clear: both;position: absolute;display: inline-block;top: 0;margin: auto;right: 0;left: 0;bottom: 0;background: url('../images/play.png') center no-repeat; background-size: cover;width: 40px;height: 40px;transition: 0.35s}
.featured-videos .mainContainer div.flex-container div a:hover figure:after{transform: scale(1.1); -webkit-transform: scale(1.1)}
.featured-videos .mainContainer div.flex-container div h3{display: block;padding:10px 0 0 0;font-size: 17px;color:black;text-align: center;font-family: dubai-bold, Helvetica, Arial, sans-serif;}
.featured-videos .mainContainer div.flex-container div span{display: block;font-size: 17px;color:black;text-align: center;font-family: dubai-regular, Helvetica, Arial, sans-serif}
.featured-videos a.rounded-btn{width:140px}

h2.section-title{font-size: 20px;font-family: dubai-bold, Helvetica, Arial, sans-serif;border-bottom: solid 1px black;padding: 0 0 5px 0;display: table; margin:auto; text-align: center}
.block-title{font-size: 15px; font-family: dubai-bold, Helvetica, Arial, sans-serif; padding: 10px 20px; margin-bottom:20px; color:white; background-color:black; display: block}
.block-title p, .block-title a{display: inline-block}
.block-title a{float: left; color:inherit; border-bottom: 1px solid transparent; transition: .2s; -webkit-transition: .2s}
.block-title a i{font-size:11px}
.block-title a:hover{border-color: white}

.featured_author{display: block;width: 100%;background-color: #FCFCFC;box-sizing: border-box;font-size: 0;vertical-align: top;direction: rtl;padding:30px 0}
.featured_author div.mainContainer{display: block;width: calc(80% - 20px);margin: 50px auto 0 auto;max-width: 1300px}
.featured_author div.title{display: block;width: 100%;margin: auto;text-align: center}
.featured_author div.title h2{font-size: 20px;font-family: dubai-bold, Helvetica, Arial, sans-serif;border-bottom: solid 1px black;padding: 0 0 5px 0;display: inline-block}
.featured_author div.mainContainer div.right{display: inline-block;width: calc(100% - 700px);margin: 0 0 0 50px;vertical-align: top}
.featured_author div.mainContainer div.left{display: inline-block;width: 650px;vertical-align: top}
.featured_author div.mainContainer div.left figure{width: 100%; height: 300px}
.featured_author div.mainContainer div.right h3{font-size: 21px;color:#5D5D5D;font-family: dubai-bold, Helvetica, Arial, sans-serif;padding: 0 0 10px 0;}
.featured_author div.mainContainer div.right h4{font-size: 18px;color:black;font-family: dubai-regular, Helvetica, Arial, sans-serif;padding: 0 0 10px 0;}
.featured_author div.mainContainer div.right h5{font-size: 14px;color:black;font-family: dubai-bold, Helvetica, Arial, sans-serif;padding: 0 0 10px 0;}
.featured_author div.mainContainer div.right div.text{font-size: 15px;color:#363636;font-family: dubai-regular, Helvetica, Arial, sans-serif}
.featured_author div.mainContainer div.right a{font-size: 13px;color:black;font-family: dubai-bold, Helvetica, Arial, sans-serif;padding: 20px 0 10px 0;display: inline-block;border-bottom:solid 1px black}
.featured_author div.mainContainer div.right a > img{position: relative;right:5px;top:2px}
.featured_author a.rounded-btn{width:140px; margin-top:40px}

.magazine-news{display: block; background-color:rgba(240,240,240,0.33); padding:40px 0; margin:30px 0; background-size: cover;}
.magazine-news .magazine-cover {width: 100%; height: 200px; padding: 40px 0; margin: 30px 0; background: url('/assets/images/mag_banner_desktop.jpg') no-repeat center center; background-size: cover;}
.magazine-news .left-col{width:63%; display: inline-block; vertical-align: top; margin-left:3%}
.magazine-news .right-col{width:34%; display: inline-block; vertical-align: top}
.magazine-news .col-wrapper{font-size:0; margin:35px auto}
.magazine-news .magazine-article{font-size:0; display: block; box-shadow:0 2px 10px rgba(0,0,0,0.1); -webkit-box-shadow:0 2px 10px rgba(0,0,0,0.1); padding:30px}
.magazine-news .magazine-article figure{width:160px; height:250px; display: inline-block; vertical-align: top}
.magazine-news .magazine-article .text{width:calc(100% - 190px); margin-right:30px; display: inline-block; vertical-align: top}
.magazine-news .magazine-article .text h2{font-size:20px; font-family: dubai-bold, Helvetica, Arial, sans-serif; color:#5D5D5D; margin-bottom:5px}
.magazine-news .magazine-article .text a{font-size:16px; font-family: dubai-regular, Helvetica, Arial, sans-serif; color:#000000; border-bottom:2px solid #000000; margin-bottom:30px; display: table}
.magazine-news .magazine-article .text h3{font-size:16px; font-family: dubai-bold, Helvetica, Arial, sans-serif; color:#000000; margin-bottom:10px}
.magazine-news .magazine-article .text p{font-size:16px; font-family: dubai-regular, Helvetica, Arial, sans-serif; color:#000000; max-height:90px; overflow: hidden}

.magazine-news .right-col h2{font-size:20px; font-family: dubai-bold, Helvetica, Arial, sans-serif; background-color:#EFEFEF; padding:5px 20px; color:#5D5D5D; margin-bottom:20px}
.magazine-news .right-col ul{font-size: 0}
.magazine-news .right-col ul li{width: calc(50% - 10px); display: inline-block; vertical-align: top; box-shadow:0 2px 10px rgba(0,0,0,0.1); -webkit-box-shadow:0 2px 10px rgba(0,0,0,0.1)}
.magazine-news .right-col ul li:nth-child(odd){margin-left:10px}
.magazine-news .right-col ul li:nth-child(even){margin-right:10px}
.magazine-news .right-col ul li figure{width:100%; height:168px}
.magazine-news .right-col ul li p{font-size:13px; font-family: dubai-regular, Helvetica, Arial, sans-serif; color:#363636; padding:15px; background-color:white; line-height: 22px}

.online-magazine-section{margin:30px 0 40px}
.online-magazine-section ul{font-size: 0; margin:50px 0}
.online-magazine-section ul li{width:calc(100% / 6 - 30px); display: inline-block; vertical-align: top; text-align: center}
.online-magazine-section ul li:not(:last-child){margin-left:36px}
.online-magazine-section ul li a{display: block; transition: .3s; -webkit-transition: .3s}
.online-magazine-section ul li a:hover{transform:translateY(-5px)}
.online-magazine-section ul li figure{width:100%; height:250px}
.aqlam-jadida-category-img{object-fit: cover;height: 200px !important;}
.online-magazine-section ul li h3{font-size:16px; font-family: dubai-bold, Helvetica, Arial, sans-serif; color:black; margin:10px 0 5px}
.online-magazine-section ul li p{font-size:15px; font-family: dubai-regular, Helvetica, Arial, sans-serif; color:#963049}


/* aqlam jadida articles */
.aqlam-jadida-articles-section {margin: 30px 0; padding: 40px 0; background: url('/assets/images/aqlam-jadida-homepage.jpg?2') no-repeat center; background-size: cover;}
.aqlam-jadida-articles-section ul {font-size: 0;margin: 50px 0}
.aqlam-jadida-articles-section ul li {width: calc(100% / 6 - 30px);display: inline-block;vertical-align: top;text-align: center}
.aqlam-jadida-articles-section ul li:not(:last-child) {margin-left: 36px}
.aqlam-jadida-articles-section ul li a {display: block;transition: .3s;-webkit-transition: .3s}
.aqlam-jadida-articles-section ul li a:hover {transform: translateY(-5px)}
.aqlam-jadida-articles-section ul li figure {width: 100%;height: 250px}
.aqlam-jadida-articles-section ul li h3 {font-size: 16px;font-family: dubai-bold, Helvetica, Arial, sans-serif;color: black;margin: 10px 0 5px}
.aqlam-jadida-articles-section ul li p {font-size: 15px;font-family: dubai-regular, Helvetica, Arial, sans-serif;color: #963049}
.aqlam-jadida-article-img {object-fit: cover;height: 200px !important;}

.school-books-section{margin:30px 0 40px; background-color:white; padding:30px}
.school-books-section ul{font-size: 0; margin:50px 0}
.school-books-section ul li{width:calc(100% / 6 - 30px); display: inline-block; vertical-align: top; text-align: center}
.school-books-section ul li:not(:last-child){margin-left:36px}
.school-books-section ul li a{display: block; transition: .3s; -webkit-transition: .3s}
.school-books-section ul li a:hover{transform:translateY(-5px)}
.school-books-section ul li figure{width:100%; height:250px}
.school-books-section ul li h3{font-size:16px; font-family: dubai-bold, Helvetica, Arial, sans-serif; color:black; margin:10px 0 5px}
.school-books-section ul li p{font-size:15px; font-family: dubai-regular, Helvetica, Arial, sans-serif; color:#963049}

.latest_news{display: block;width: 100%;background-color: #F0F0F0;;box-sizing: border-box;font-size: 0;vertical-align: top;direction: rtl;padding:30px 0}
.latest_news div.mainContainer{display: block;width: calc(80% - 20px);margin: 50px auto 0 auto}
.latest_news div.title{display: block;width: 100%;margin: auto;text-align: center}
.latest_news div.title h2{font-size: 20px;font-family: dubai-bold, Helvetica, Arial, sans-serif;border-bottom: solid 1px black;padding: 0 0 5px 0;display: inline-block}
.latest_news div.mainContainer div.right{display: inline-block;width: calc(100% - 550px);vertical-align: top;height: 443px}
.latest_news div.mainContainer div.left{display: inline-block;width: 550px;vertical-align: top; height: 100%;}
.latest_news div.mainContainer div.right figure{width: 100%;height: 21.1vw; max-height: 100%; position: relative}
.latest_news div.mainContainer div.right figure div.text{position: absolute;bottom:0;right:0;display: block;width: 100%;margin:auto;background: -webkit-gradient(linear,left top,left bottom,from(transparent),to(black)); padding: 30px 0 10px 0}
.latest_news div.mainContainer div.right figure div.text h2{color:white;font-size: 16px;font-family: dubai-bold, Helvetica, Arial, sans-serif;overflow: hidden;width: 50%;position: relative;right:20px;bottom:10px}
.latest_news div.mainContainer div.left a{display: inline-block;width: calc(50% - 30px);margin:0 30px 30px 0}
.latest_news div.mainContainer div.left figure{width: 100%;height: 9vw;position: relative}
.latest_news div.mainContainer div.left div.text{display: block;width: 100%;background-color: rgba(0, 0, 0, 0.03)}
.latest_news div.mainContainer div.left div.text h3{color: #363636;font-size: 13px;font-family: dubai-bold, Helvetica, Arial, sans-serif;padding: 10px;overflow: hidden;height: 44px}
.latest_news div.mainContainer div.left a.full{display: block;width: calc(100% - 30px);height: 70px}
.latest_news div.mainContainer div.left a.full figure{width:120px;display: inline-block;height:70px}
.latest_news div.mainContainer div.left a.full div.text{width:calc(100% - 120px);display: inline-block;vertical-align: top;height:70px}
.latest_news div.mainContainer div.left a.full:last-child{margin: 0 30px 0 0}
.latest_news div.mainContainer div.readmore{display: block;width: 100%;margin: 50px auto 0 auto;text-align: center}
.latest_news div.mainContainer div.readmore a{font-size: 13px;color: black;border: solid 1px black;width: 120px;height: 37px; border-radius: 20px; -webkit-border-radius: 20px; text-align: center;display: inline-block;line-height: 40px;font-family: dubai-bold, Helvetica, Arial, sans-serif}

.news_homepage{display: block;width: 100%;background-color: white;box-sizing: border-box;font-size: 0;vertical-align: top;direction: rtl;padding:30px 0}
.news_homepage div.mainContainer{display: block;width: calc(80% - 20px);margin: 50px auto 0 auto}
.news_homepage div.title{display: block;width: 100%;margin: auto;text-align: center}
.news_homepage div.title h2{font-size: 20px;font-family: dubai-bold, Helvetica, Arial, sans-serif;border-bottom: solid 1px black;padding: 0 0 5px 0;display: inline-block}
.news_homepage div.mainContainer div.flex-container{display: flex;flex-wrap: nowrap;margin: 30px auto 50px; direction: rtl}
.news_homepage div.mainContainer div.flex-container div.item{width: calc(25% - 20px);background-color: white;height:350px;margin:0 0 0 20px;border-top:solid 8px black;box-shadow: 0 0 2px 2px rgba(0,0,0,0.05);text-align: center;padding:30px;position: relative}
.news_homepage div.mainContainer div.flex-container div.item:last-child{margin:0}
.news_homepage div.mainContainer div.flex-container div.item figure{height: 150px; margin-bottom: 20px;}
.news_homepage div.mainContainer div.flex-container div.item a{display: block}
.news_homepage div.mainContainer div.flex-container div.item h2{font-size: 14px;color:black;font-family: dubai-bold, Helvetica, Arial, sans-serif}
.news_homepage div.mainContainer div.flex-container div.item a:hover h2{text-decoration: underline}
.news_homepage div.mainContainer div.flex-container div.item span{font-size: 14px;color:black;font-family: dubai-bold, Helvetica, Arial, sans-serif;margin:10px auto;display: block}
.news_homepage div.mainContainer div.flex-container div.item div.text{font-size: 13px;color: #6E6E6E;font-family: dubai-regular, Helvetica, Arial, sans-serif;height: 68px;overflow: hidden}
.news_homepage div.mainContainer div.flex-container div.item ul{position: absolute;bottom:25px;display: block;width: calc(100% - 60px);text-align: center}
.news_homepage div.mainContainer div.flex-container div.item ul li{display: inline;margin:0 5px; transition:.3s all; -webkit-transition:.3s all}
.news_homepage div.mainContainer div.flex-container div.item ul li:hover{transform: scale(1.07); -webkit-transform: scale(1.07)}
.news_homepage div.mainContainer div.flex-container div.item ul li a{display: block; color:white; height:100%}
.news_homepage div.mainContainer div.flex-container div.item ul li i {font-size: 20px}
.news_homepage div.mainContainer div.flex-container div.item ul li.facebook{width: 40px;height: 40px;background-color: #2551C9;color:white;border-radius: 100%;display: inline-block}
.news_homepage div.mainContainer div.flex-container div.item ul li.twitter{width: 40px;height: 40px;background-color: #55ACD9;color:white;border-radius: 100%;display: inline-block}
.news_homepage div.mainContainer div.flex-container div.item ul li.map{width: 40px;height: 40px;background-color: #D95555;color:white;border-radius: 100%;display: inline-block}
.news_homepage div.mainContainer div.flex-container div.item ul li.calendar{width: 40px;height: 40px;background-color:#5A5D64 ;color:white;border-radius: 100%;display: inline-block}
.news_homepage div.mainContainer div.flex-container div.item ul li i{position: relative;top:10px}

.message_homepage{display: block;width: 100%;background-color: #F0F0F0;box-sizing: border-box;font-size: 0;vertical-align: top;direction: rtl;padding:30px 0}
.message_homepage div.mainContainer{display: block;width: calc(80% - 20px);margin: 50px auto 0 auto}
.message_homepage div.title{display: block;width: 100%;margin: auto;text-align: center;padding:10px 0}
.message_homepage div.title h2{font-size: 20px;font-family: dubai-bold, Helvetica, Arial, sans-serif;padding: 0 0 5px 0;display: inline-block}
.message_homepage div.mainContainer div.flex-container{display: flex;flex-wrap: nowrap;margin: 30px auto 40px;direction: rtl}
.message_homepage div.mainContainer div.flex-container a.item{width: calc(100%/3 - 20px);background-color: white;margin:0 0 0 20px;box-shadow: 0 0 2px 2px rgba(0,0,0,0.05);padding:0 0 30px 0}
.message_homepage div.mainContainer div.flex-container a.item:last-child{margin:0}
.message_homepage div.mainContainer div.flex-container a.item figure{width: 100%;height: 11vw}
.message_homepage div.mainContainer div.flex-container a.item h2{color:black;font-size: 14px;font-family: dubai-bold, Helvetica, Arial, sans-serif;padding:30px 30px 20px 30px}
.message_homepage div.mainContainer div.flex-container a.item div.text{color:#6E6E6E;font-size: 13px;font-family: dubai-regular, Helvetica, Arial, sans-serif;padding:0 30px 30px 30px;display: block; height: 35px;overflow: hidden}

.opinion_homepage{display: block;width: 100%;background-color: white;box-sizing: border-box;font-size: 0;vertical-align: top;direction: rtl;padding:30px 0}
.opinion_homepage div.mainContainer{display: block;width: calc(80% - 80px);margin: 0 auto 30px; padding:20px}
.opinion_homepage div.title{display: block;width: 100%;margin: auto;text-align: center}
.opinion_homepage div.title h2{font-size: 20px;font-family: dubai-bold, Helvetica, Arial, sans-serif;padding: 0 0 5px 0;display: inline-block;border-bottom:solid 1px black}
.opinion_homepage div.mainContainer img{display: inline-block;width: 153px;vertical-align: top}
.opinion_homepage div.mainContainer div.contents{display: inline-block;width: 100%; vertical-align: top;margin:0}
.opinion_homepage div.mainContainer div.contents h3{display: block;width: 100%;font-size: 18px;font-family: dubai-bold, Helvetica, Arial, sans-serif;color:black;border-bottom:solid 1px #c3c3c342;padding:0 0 10px 0}
.opinion_homepage div.mainContainer div.flex-container{display: flex;flex-wrap: nowrap;margin: 30px auto 0 auto;direction: rtl}
.opinion_homepage div.mainContainer div.flex-container a.item{width: calc(100%/3 - 20px);background-color: white;margin:0 0 0 20px}
.opinion_homepage div.mainContainer div.flex-container a.item:last-child{margin:0}
.opinion_homepage div.mainContainer div.flex-container a.item figure{width:100%; height:240px}
.opinion_homepage div.mainContainer div.flex-container a.item h2{color:black;font-size: 14px;font-family: dubai-bold, Helvetica, Arial, sans-serif;padding:20px 0 10px 0; height:22px; overflow: hidden}
.opinion_homepage div.mainContainer div.flex-container a.item div.text{color:#6E6E6E;font-size: 13px;font-family: dubai-regular, Helvetica, Arial, sans-serif; max-height: 66px;overflow: hidden}

.books_categories{display: block;width: 100%;font-size: 0;box-sizing: border-box}
.books_categories div.header{display: block;width: 100%;height: 217px;background: url(/assets/images/header_background.png) no-repeat center;background-size: cover;background-position: center center;position: relative}
.books_categories div.header::after{content:'';display: block;width: 100%;height: 100%;position: absolute;top:0;right:0;background-color: rgba(76, 97, 137, 0.26)}
.books_categories div.header div.title{display: block;width: 100%;text-align: center;position: relative;top: 50%;transform: translateY(-50%);z-index: 9}
.books_categories div.header div.title h1{color:white;font-size: 33px;font-family: dubai-bold, Helvetica, Arial, sans-serif;border:solid 1px white;padding:0 20px;display: inline-block}
.books_categories div.mainContainer{display: block;width: calc(80% - 20px);margin: 50px auto 0 auto;max-width: 1300px}
.books_categories div.mainContainer div.options{display: block;width:100%}
.books_categories div.mainContainer div.options div.right{display: inline-block;width: 80%;text-align: right}
.books_categories div.mainContainer div.options div.right ul{display: block;width: 100%}
.books_categories div.mainContainer div.options div.right ul li{display: inline-block;padding:0 0 0 10px}
.books_categories div.mainContainer div.options div.right ul li:last-child{padding:0}
.books_categories div.mainContainer div.options div.right ul li a{font-size: 17px;color:black;font-family: dubai-bold, Helvetica, Arial, sans-serif}
.books_categories div.mainContainer div.options div.right ul li:last-child a{color:#5D5D5D}
.books_categories div.mainContainer div.options div.right ul li a span{padding:0 10px}
.books_categories div.mainContainer div.options div.left{display: inline-block;width: 20%;text-align: left}
.books_categories div.mainContainer div.options div.left a.reordering{display: inline-block;margin: 0 10px}
.books_categories div.mainContainer div.options div.left a.reordering.active i{font-size: 25px;color:black}
.books_categories div.mainContainer div.options div.left a.reordering i{font-size: 25px;color:#707070}
.books_categories div.mainContainer div.options div.left a.reordering:last-child{margin:0 10px 0 0}
.books_categories div.mainContainer div.options div.left select{display: inline-block;height: 41px;background-color:white;border:none;box-shadow: 0 0 2px 2px rgba(0,0,0,0.05);font-size: 14px;color:black;width: 178px;font-family: dubai-bold, Helvetica, Arial, sans-serif;margin:0 20px;padding:0 10px}
.books_categories div.mainContainer div.options div.left div.search{display: inline-block;position:relative;width: 231px}
.books_categories div.mainContainer div.options div.left div.search::after{content:'\f002';position: absolute;left:10px;top:10px;font-size: 20px;color:black;font-family: FontAwesome}
.books_categories div.mainContainer div.options div.left div.search input{display: block;height: 41px;background-color:white;border:none;box-shadow: 0 0 2px 2px rgba(0,0,0,0.05);font-size: 14px;color:black;font-family: dubai-bold, Helvetica, Arial, sans-serif;padding:0 10px;width: calc(100% - 20px)}
.books_categories div.mainContainer div.wrapper{display: block;width:100%;margin:50px auto;height:100%}
.books_categories div.mainContainer div.wrapper div.right{display: inline-block;width: 20%;vertical-align: top}
.books_categories div.mainContainer div.wrapper div.left{display: inline-block;width: calc(80% - 50px);vertical-align: top;margin:0 50px 0 0}
.books_categories div.mainContainer div.wrapper div.left .block{display: inline-block;width: calc((100%/6) - 20px);vertical-align: top;margin:0 0 20px 24px}
.books_categories div.mainContainer div.wrapper div.left .block div.figure{background-color: white;width: 100%;display: block;height:204px;box-shadow: 0 0 2px 2px rgba(0,0,0,0.05)}
.books_categories div.mainContainer div.wrapper div.left .block div.figure figure{width: calc(100% - 20px);height: 187px;margin: auto;position: relative;top: 8px}
.books_categories div.mainContainer div.wrapper div.left .block div.content{display: block;width: calc(100% - 30px);padding:15px;text-align:center}
.books_categories div.mainContainer div.wrapper div.left .block div.content h2{color:#2B2B2B;font-size:12px;font-family: dubai-bold, Helvetica, Arial, sans-serif;display: block; max-height: 43px; overflow: hidden}
.books_categories div.mainContainer div.wrapper div.left .block div.content h2 a{display: block; color:inherit}
.books_categories div.mainContainer div.wrapper div.left .block div.content a.author-name{display: block;}
.books_categories div.mainContainer div.wrapper div.left .block div.content span{color:#5D5D5D;font-size:12px;font-family: dubai-regular, Helvetica, Arial, sans-serif;display: block;padding:5px 0 0 0}
.books_categories div.mainContainer div.wrapper div.left .block div.content .book-description{margin-top:20px; display:none}
.books_categories div.mainContainer div.wrapper div.left .block div.content .book-description h3{font-size:13px; font-family: dubai-bold, Helvetica, Arial, sans-serif; color:#963049; margin-bottom:10px}
.books_categories div.mainContainer div.wrapper div.left .block div.content .book-description p{font-size:14px; font-family: dubai-regular, Helvetica, Arial, sans-serif; color:#8B8B8B}
.books_categories div.mainContainer div.wrapper div.left .block div.content .book-description a.more{font-size:13px; font-family: dubai-bold, Helvetica, Arial, sans-serif; color:black; display: table; margin-top:20px}
.books_categories div.mainContainer div.wrapper div.left .block.list div.content .book-description{display: block}
.books_categories div.mainContainer div.wrapper div.left .block.list div.content h2{font-size:15px}
.books_categories div.mainContainer div.wrapper div.left .block.list div.content span{font-size:14px}
.books_categories div.mainContainer div.wrapper div.left .block.list{display: block;width: 100%}
.books_categories div.mainContainer div.wrapper div.left .block.list div.figure{display: inline-block;width: 200px;height:270px}
.books_categories div.mainContainer div.wrapper div.left .block.list div.figure figure{height:252px}
.books_categories div.mainContainer div.wrapper div.left .block.list div.content{display: inline-block;width: calc(100% - 250px);padding:0 50px 0 0;vertical-align: top;text-align: right;position: relative;top:50%}



.videos_listing{display: block;width: 100%;font-size: 0;box-sizing: border-box; padding: 10px 0 0 0}
.videos_listing div.mainContainer{display: block;width: calc(80% - 20px);margin: 50px auto 0 auto;max-width: 1300px}
.videos_listing div.mainContainer div.options{display: block;width:100%}
.videos_listing div.mainContainer div.options div.right{display: inline-block;width: 30%;text-align: right}
.videos_listing div.mainContainer div.options div.right ul{display: block;width: 100%}
.videos_listing div.mainContainer div.options div.right ul li{display: inline-block;padding:0 0 0 10px}
.videos_listing div.mainContainer div.options div.right ul li:last-child{padding:0}
.videos_listing div.mainContainer div.options div.right ul li a{font-size: 17px;color:black;font-family: dubai-bold, Helvetica, Arial, sans-serif}
.videos_listing div.mainContainer div.options div.right ul li:last-child a{color:#5D5D5D}
.videos_listing div.mainContainer div.options div.right ul li a span{padding:0 10px}
.videos_listing div.mainContainer div.options div.left{display: inline-block;width: 70%;text-align: left}
.videos_listing div.mainContainer div.options div.left a.reordering{display: inline-block;margin: 0 10px;position: relative;top: 3.5px}
.videos_listing div.mainContainer div.options div.left a.reordering.active i{font-size: 25px;color:black}
.videos_listing div.mainContainer div.options div.left a.reordering i{font-size: 25px;color:#707070}
.videos_listing div.mainContainer div.options div.left a.reordering:last-child{margin:0 10px 0 0}
.videos_listing div.mainContainer div.options div.left select{display: inline-block;height: 41px;background-color:white;border:none;box-shadow: 0 0 2px 2px rgba(0,0,0,0.05);font-size: 14px;color:black;width: 178px;font-family: dubai-bold, Helvetica, Arial, sans-serif;margin:0 20px;padding:0 10px}
.videos_listing div.mainContainer div.options div.left div.search{display: inline-block;position:relative;width: 231px}
/*.videos_listing div.mainContainer div.options div.left div.search::after{content:'\f002';position: absolute;left:10px;top:10px;font-size: 20px;color:black;font-family: FontAwesome}*/
.videos_listing div.mainContainer div.options div.left div.search a.search-icon{cursor: pointer; position: absolute;left: 10px; top: 10px;font-size: 20px;color: black; z-index: 1}
.videos_listing div.mainContainer div.options div.left div.search form.required input::placeholder{color: #990000; opacity: 1}
.videos_listing div.mainContainer div.options div.left div.search input{display: block;height: 41px;background-color:white;border:none;box-shadow: 0 0 2px 2px rgba(0,0,0,0.05);font-size: 14px;color:black;font-family: dubai-bold, Helvetica, Arial, sans-serif;padding:0 10px;width: calc(100% - 20px)}
.videos_listing div.mainContainer div.wrapper{display: block;width:100%;padding:30px 0;height:100%}
.videos_listing div.mainContainer div.wrapper div.left div.header-section-title{display: block;width: calc(100% - 40px);background-color: black;padding:5px 20px;margin: 0 0 30px 0}
.videos_listing div.mainContainer div.wrapper div.left div.header-section-title h3{color:white;font-size: 19px;font-family: dubai-bold, Helvetica, Arial, sans-serif}
.videos_listing div.mainContainer div.wrapper div.right{display: inline-block;width: 20%;vertical-align: top}
.videos_listing div.mainContainer div.wrapper div.left{display: inline-block;width: calc(80% - 50px);vertical-align: top;margin:0 50px 0 0}
.videos_listing div.mainContainer div.wrapper div.left a{display: inline-block;width: calc((100%/3) - 13px);vertical-align: top;margin:0 0 20px 19px}
/*.videos_listing div.mainContainer div.wrapper div.left a:first-child{margin-right:20px}*/
/*.videos_listing div.mainContainer div.wrapper div.left a:nth-child(2){margin-left:20px}*/
.videos_listing div.mainContainer div.wrapper div.left a:nth-child(3n+2){margin-left:0}
.videos_listing div.mainContainer div.wrapper div.left a.featured{width: calc(50% - 10px);position: relative}
.videos_listing div.mainContainer div.wrapper div.left a.featured:not('.list')first-of-type{margin-left:10px}
.videos_listing div.mainContainer div.wrapper div.left a.featured:not('.list'):nth-of-type(2){margin:0 10px 20px 0}
.videos_listing div.mainContainer div.wrapper div.left a.featured figure{height: 265px}
.videos_listing div.mainContainer div.wrapper div.left a.featured div.content{position: absolute;right:0;bottom:10px;z-index: 99;text-align: right; background: linear-gradient(rgba(0,0,0,0.02), rgba(50,50,50,1))}
.videos_listing div.mainContainer div.wrapper div.left a.featured div.content h2{color:white;font-size: 21px}
.videos_listing div.mainContainer div.wrapper div.left a.featured div.content span{display: none}
.videos_listing div.mainContainer div.wrapper div.left a figure{width: 100%;height: 190px;margin: auto;position: relative}
.videos_listing div.mainContainer div.wrapper div.left a figure:after{content: '';clear: both;position: absolute;display: inline-block;top: 0;margin: auto;right: 0;left: 0;bottom: 0;background-image: url(../images/play.png);background-size: cover;width: 38px;height: 38px;transition: 0.35s}
.videos_listing div.mainContainer div.wrapper div.left a div.content{display: block;width: calc(100% - 30px);padding:15px;text-align:right}
.videos_listing div.mainContainer div.wrapper div.left a div.content h2{color:#2B2B2B;font-size:12px;font-family: dubai-bold, Helvetica, Arial, sans-serif;display: inline-block;width: calc(100% - 100px); overflow: hidden}
.videos_listing div.mainContainer div.wrapper div.left a div.content span{color:#5D5D5D;font-size:12px;font-family: dubai-regular, Helvetica, Arial, sans-serif;display: inline-block;padding:5px 0 0 0;width: 100px;text-align: left}
.videos_listing div.mainContainer div.wrapper div.left a.list{display: block;width: 100%}
.videos_listing div.mainContainer div.wrapper div.left a.list div.figure{display: inline-block;width: 200px;height:270px}
.videos_listing div.mainContainer div.wrapper div.left a.list div.figure figure{height:252px}
/*.videos_listing div.mainContainer div.wrapper div.left a.list div.content{display: inline-block;width: calc(100% - 250px);padding:0 50px 0 0;vertical-align: top;text-align: right;position: relative;top:50%}*/

.page_content.dark .videos_listing div.mainContainer div.wrapper div.left div.header-section-title{background-color: white}
.page_content.dark .videos_listing div.mainContainer div.wrapper div.left div.header-section-title h3{color:black}
.page_content.dark .side_menu{background-color: black}
.page_content.dark .videos_listing div.mainContainer div.options div.right ul li:last-child a{color:white}
.page_content.dark .videos_listing div.mainContainer div.options div.right ul li a{color:#5D5D5D}
.page_content.dark .videos_listing div.mainContainer div.options div.left a.reordering i{color:white}
.page_content.dark .videos_listing div.mainContainer div.options div.left a.reordering.active i{color:#5D5D5D}
.page_content.dark .videos_listing div.mainContainer div.wrapper div.left a div.content h2{color:white}
.page_content.dark .videos_listing div.mainContainer div.wrapper div.left a div.content span{color:white}
.page_content.dark .side_menu ul.primary li{border:solid 1px #5d5d5d6e}
.page_content.dark .side_menu ul.primary li a{color:white}
.page_content.dark .side_menu ul.primary li ul.sub1 li{border:none!important}


.side_menu{display: block;width: 100%;background-color: white}
.side_menu ul.primary{display: block;width: 100%}
.side_menu ul.primary li{display: block;width: calc(100% - 30px); box-shadow: 0 0 2px 2px rgba(0,0,0,0.05);padding:0 15px;margin: 0 0 15px 0;transition: 0.35s;overflow:hidden;border:solid 1px transparent}
.side_menu ul.primary li:not(.parent, .has-children).active, .side_menu ul.primary li:not(.parent, .has-children):hover{background-color:rgba(0, 0, 0, 0.5)}
.side_menu ul.primary li:not(.parent, .has-children).active a, .side_menu ul.primary li:not(.parent, .has-children):hover a{color:white}
.side_menu ul.primary li.parent.open{height:auto}
.side_menu ul.primary li.parent.open > a{border-bottom:solid 1px rgba(0, 0, 0, 0.2)}
.side_menu ul.primary li.parent.open:hover{background-color: white}
.side_menu ul.primary li.parent.open:hover a{color:black}
.side_menu ul.primary li a{font-size: 17px;font-family: dubai-bold, Helvetica, Arial, sans-serif;color:#2B2B2B;line-height: 48px;display: block;transition: 0.35s}
.side_menu ul.primary li a span{float:left}
.side_menu ul.primary li a img{float:left;position: relative;top:15px}
.side_menu ul.primary li.night-light-mode.dark{background-color: black!important;}
.side_menu ul.primary li.night-light-mode.dark a{color:white}
.side_menu ul.primary li.night-light-mode.day{background-color: white!important;}
.side_menu ul.primary li.night-light-mode.day a{color:black}
.side_menu ul.primary li.night-light-mode.hidden{display: none}
.side_menu ul.primary li ul.sub1{display: block;width: 100%;margin:2px auto}
.side_menu ul.primary li ul.sub1 li{display: block;width: calc(100% - 20px); box-shadow: none; border-radius: 5px; padding:0 10px; margin:0 0 3px 0}
.side_menu ul.primary li ul.sub1 li a{font-size: 14px;color:#5D5D5D;font-family: dubai-regular, Helvetica, Arial, sans-serif}
.side_menu ul.primary li ul.sub1 li.active a{color:black}
.side_menu ul.children-list{display: none}
.side_menu li.has-children{position: relative}
.side_menu li.has-children a:after{content:"\f107"; font-family: FontAwesome; font-size:16px; display: block; color:#5D5D5D; position: absolute; left:5px; top:0; transform: rotate(90deg); -webkit-transform: rotate(90deg); transition: .3s all; -webkit-transition: .3s all}
.side_menu li.has-children.active a:after{transform: rotate(0); -webkit-transform: rotate(0)}
.side_menu ul.children-list li.active, .side_menu ul.children-list li:hover{background-color: #F4F4F4}

.subscription{display: block;width: 100%;background-color: #F5F5F5;height: 246px;margin: 0 0 30px auto;font-size: 0}
.subscription div.wrapper{display: block;width: calc(100% - 80px)!important;padding:30px 40px;text-align: center;margin:0 auto!important}
.subscription div.wrapper div.right{display: inline-block;width: 290px!important;vertical-align: top}
.subscription div.wrapper div.left{display: inline-block;width: calc(100% - 290px)!important;vertical-align: top;margin:auto!important}
.subscription div.wrapper div.left h2{color:black;font-family: dubai-bold, Helvetica, Arial, sans-serif;font-size: 18px}
.subscription div.wrapper div.left h3{color:#5D5D5D;font-family: dubai-regular, Helvetica, Arial, sans-serif;font-size: 12px;padding:5px 0}
.subscription div.wrapper div.left input{display: block;height:41px;background-color: white;border-radius: 20px;border:none;margin: 15px auto 0 auto;text-align: center;font-family: dubai-regular, Helvetica, Arial, sans-serif;font-size: 14px;width: 100%;max-width: 390px; direction: ltr !important;}
.subscription div.wrapper div.left a.subscribe{display: block;width: 118px;height:35px;background-color: black;color:white;border-radius: 20px;border:none;margin:20px auto 0 auto!important;text-align: center;font-family: dubai-regular, Helvetica, Arial, sans-serif;font-size: 14px;line-height: 35px}
.subscription form p.error{color:#800000}
.subscription form p.success{color:#003300}
.subscription form p.error, .subscription form p.success{font-size:12px; font-family: dubai-regular, Helvetica, Arial, sans-serif}

.suggestions{display:block;width: 100%;font-size: 0;box-sizing: border-box;background-color: #E3E7ED;height: 227px;margin:0 0 200px 0}
.suggestions div.wrapper{display: block;width: calc(80% - 20px);margin:auto;max-width: 1300px}
.suggestions div.wrapper h3{display: inline-block;width: 130px;vertical-align: top;font-size: 20px;color:black;border-bottom:solid 1px black;padding: 0 0 5px 0;font-family: dubai-bold, Helvetica, Arial, sans-serif;position: relative;top:80px;text-align: center}
.suggestions div.wrapper div.items{display: inline-block;width: calc(100% - 180px);vertical-align: top;margin:0 50px 0 0;position: relative;top:30px}
.suggestions div.wrapper div.items a{display: inline-block;width: calc((100%/5) - 20px);vertical-align: top;margin:0 0 20px 20px}
.suggestions div.wrapper div.items a div.figure{background-color: white;width: 100%;display: block;height:250px}
.suggestions div.wrapper div.items a div.figure figure{width: 150px;height: 200px;margin: auto;position: relative;top: 30px}
.suggestions div.wrapper div.items a div.content{display: block;width: 100%;padding: 15px 0;text-align: center}
.suggestions div.wrapper div.items a div.content h2{color:#2B2B2B;font-size:12px;font-family: dubai-bold, Helvetica, Arial, sans-serif;display: block}
.suggestions div.wrapper div.items a div.content span{color:#5D5D5D;font-size:12px;font-family: dubai-regular, Helvetica, Arial, sans-serif;display: block;padding:5px 0 0 0}

.suggestions.related-books div.wrapper h3{width: 230px}
.suggestions.related-books div.wrapper div.items{width: calc(100% - 280px)}
.suggestions.related-videos{background-color:#e4e4e5}
.suggestions.related-videos div.wrapper div.items a div.figure{height:220px; padding:15px 0}
.suggestions.related-videos div.wrapper div.items a div.figure figure{width: 90%; height:100%; top:initial}
.suggestions.related-videos div.wrapper div.items a div.figure figure::after{content: '';clear: both;position: absolute;display: inline-block;top: 0;margin: auto;right: 0;left: 0;bottom: 0;background-image: url(/assets/images/play.png);background-size: cover;width: 30px;height: 30px;transition: 0.35s}
.suggestions.related-videos div.wrapper h3{width: 190px}
.suggestions.related-videos div.wrapper div.items{width: calc(100% - 240px)}
.suggestions.related-videos div.wrapper div.items a{width: calc((100%/3) - 20px)}
.suggestions.related-videos div.wrapper div.items a div.content h4 span{display: initial}
.suggestions.related-videos div.wrapper div.items a div.content h4 span:first-child{font-size:14px; font-family: dubai-bold, Helvetica, Arial, sans-serif; color:black;  display: block; max-height: 30px; overflow: hidden}
.suggestions.related-videos div.wrapper div.items a div.content h4 span:last-child{font-size:11px; font-family: dubai-regular, Helvetica, Arial, sans-serif; color:black; margin-right:15px; display: block}

/*.custom-cols{display: block;width:100%;margin:50px auto;height:100%;max-width: 1300px}*/
.custom-cols div.right{display: inline-block;width: calc(70% - 50px);vertical-align: top;margin:45px 0 0 50px}
.custom-cols div.left{display: inline-block;width: 30%;vertical-align: top}
div.header.dark-bg{position: relative}
div.header.dark-bg:after{content:""; width:100%; height:100%; display: block; background-color:rgba(0,0,0,0.2); position: absolute; top:0}


.latest_news_page{display: block;width: 100%;font-size: 0;box-sizing: border-box}
.latest_news_page div.header{display: block;width: 100%;height: 217px;background: url(/assets/images/news_banner.png) no-repeat center; background-size: cover; background-color: #f2f2f2; position: relative}
.latest_news_page div.header::after{content:'';display: block;width: 100%;height: 100%;position: absolute;top:0;right:0;background-color: rgba(76, 97, 137, 0.26)}
.latest_news_page div.header div.title{display: block;width: 100%;text-align: center;position: relative;top: 50%;transform: translateY(-50%);z-index: 9}
.latest_news_page div.header div.title h1{color:white;font-size: 33px;font-family: dubai-bold, Helvetica, Arial, sans-serif;border:solid 1px white;padding:0 20px;display: inline-block}
.latest_news_page div.mainContainer{display: block;width: calc(80% - 20px);margin: 50px auto 0 auto}
.latest_news_page div.mainContainer div.wrapper{display: block;width:100%;margin:50px auto;height:100%;max-width: 1300px}
.latest_news_page div.mainContainer div.wrapper div.right{display: inline-block;width: calc(70% - 50px);vertical-align: top;margin:45px 0 0 50px}
.latest_news_page div.mainContainer div.wrapper div.left{display: inline-block;width: 30%;vertical-align: top}
.latest_news_page div.mainContainer div.wrapper div.right div.item{display: inline-block;width:calc(100% - 40px);vertical-align: top;height:auto;box-shadow: 0 0 2px 2px rgba(0,0,0,0.05);padding:0;position:relative;margin: 0 0 40px 0; transition: 0.3s all}
.latest_news_page div.mainContainer div.wrapper div.right div.item:hover{box-shadow: 0 0 4px 4px rgba(0,0,0,0.05); transform: translateY(-3px)}
.latest_news_page div.mainContainer div.wrapper div.right div.item:last-child{margin:0}
.latest_news_page div.mainContainer div.wrapper div.right div.item a{padding:20px; display: block}
.latest_news_page div.mainContainer div.wrapper div.right div.item span{position: absolute;top:-30px;color:black;font-size: 14px;font-family: dubai-regular, Helvetica, Arial, sans-serif;right:0}
.latest_news_page div.mainContainer div.wrapper div.right div.item figure{display: inline-block;width: 300px;height:197px}
.latest_news_page div.mainContainer div.wrapper div.right div.item div.content{display: inline-block;width: calc(100% - 350px);margin:0 50px 0 0;vertical-align: top}
.latest_news_page div.mainContainer div.wrapper div.right div.item div.content h2{color:#1F1D1D;font-size: 15px;font-family: dubai-bold, Helvetica, Arial, sans-serif}
.latest_news_page div.mainContainer div.wrapper div.right div.item div.content div.text{color: #6E6E6E;font-size: 13px;font-family: dubai-regular, Helvetica, Arial, sans-serif;max-height: 75px;overflow: hidden;display: block;margin: 10px 0 0 0}
.latest_news_page div.mainContainer div.wrapper div.right div.item div.content div.readmore{color: black;font-size: 10px;font-family: dubai-bold, Helvetica, Arial, sans-serif;border-bottom: solid 1px black;padding: 0 0 5px 0;display: inline-block;margin: 20px 0 0 0}

.about div.page_content{background: white!important}
.about_page{display: block;width: 100%;font-size: 0;box-sizing: border-box}
.about_page div.header{display: block;width: 100%;height: 217px;background: url(/assets/images/about_banner.png) no-repeat center;background-size: cover; background-color: #f2f2f2; position: relative}
.about_page div.header::after{content:'';display: block;width: 100%;height: 100%;position: absolute;top:0;right:0;background-color: rgba(76, 97, 137, 0.26)}
.about_page div.header div.title, .header.absolute-text div.title{display: block;width: 100%;text-align: center;position: relative;top: 50%;transform: translateY(-50%);z-index: 9}
.about_page div.header div.title h1, .header.absolute-text div.title h1{color:white;font-size: 33px;font-family: dubai-bold, Helvetica, Arial, sans-serif;border:solid 1px white;padding:0 20px;display: inline-block}
.about_page div.mainContainer{display: block;width: calc(80% - 20px);margin: 50px auto 0 auto}
.about_page div.mainContainer div.wrapper{display: block;width: 100%;margin:20px auto;font-size: 0;vertical-align: top;box-sizing: border-box;max-width: 1300px}
.about_page div.about_row_1 {display: block;width: 100%;margin:50px auto;font-size: 0;vertical-align: top;box-sizing: border-box}
.about_page div.about_row_1 div.right{display: inline-block;width: 60%;vertical-align: top;background-color: #999;height:307px;position: relative;top:20px}
.about_page div.about_row_1 div.right div.wrapper{display: block;width: 50%;margin: auto;position: relative;top: 50%;transform: translateY(-50%)}
.about_page div.about_row_1 div.right h2{color:white;font-size: 20px;font-family: dubai-bold, Helvetica, Arial, sans-serif}
.about_page div.about_row_1 div.right p{color:white;font-size: 15px;font-family: dubai-regular, Helvetica, Arial, sans-serif}
.about_page div.about_row_1 div.left{display: inline-block;width: 40%;height:350px;vertical-align: top;background: url(/assets/images/monjed.jpg) no-repeat center;background-size: cover; background-color: #f2f2f2}
.about_page div.about_row_2{display: block;width: 100%;margin:50px auto;font-size: 0;vertical-align: top;box-sizing: border-box;background-color: #F5F5F5}
.about_page div.about_row_2 div.wrapper{display: block;width: calc(80% - 20px);margin: 20px auto;padding: 30px 0;max-width: 1300px}
.about_page div.about_row_2 div.wrapper div.right{display: inline-block;width: 400px}
.about_page div.about_row_2 div.wrapper div.left{display: inline-block;width: calc(100% - 450px);margin:0 0 0 50px;vertical-align: top}
.about_page div.about_row_2 div.wrapper div.left h2{color:black;font-size: 20px;font-family: dubai-bold, Helvetica, Arial, sans-serif;margin: 0 0 10px 0}
.about_page div.about_row_2 div.wrapper div.left p{color:#696767;font-size: 15px;font-family: dubai-regular, Helvetica, Arial, sans-serif}
.about_page div.about_subscription{max-width: 900px;display: block;width: 100%;margin: 50px auto}
.about_page div.about_story{display: block;width: 100%;font-size: 0;box-sizing: border-box;vertical-align: top;max-width: 1300px;margin: 50px auto}
.about_page div.about_story h2{color:black;font-size: 20px;font-family: dubai-bold, Helvetica, Arial, sans-serif;background-color: rgba(227, 231, 237, 0.52);padding:10px 0;text-align:center;width: calc(100% - 20px);margin:auto}
.about_page div.about_story div.item_container{display: block;width: 100%;padding:20px 0}
.about_page div.about_story div.item_container a{display: inline-block;width: calc((100% / 3) - 20px);vertical-align: top;margin:0 10px}
.about_page div.about_story div.item_container a figure{width: 100%;height:273px}
.about_page div.about_story div.item_container a div.info{display: block;width: calc(100% - 40px);padding:20px;box-shadow: 0 0 2px 2px rgba(0,0,0,0.05)}
.about_page div.about_story div.item_container a div.info h3{color:black;font-size: 16px;font-family: dubai-bold, Helvetica, Arial, sans-serif}
.about_page div.about_story div.item_container a div.info p{color: #6E6E6E;font-size: 14px;font-family: dubai-regular, Helvetica, Arial, sans-serif;height: 160px;overflow: hidden}


.school_books_page div.page_content{background: white!important;margin:0 0 400px 0}
.school_books{display: block;width: 100%;font-size: 0;box-sizing: border-box}
.school_books div.header{display: block;width: 100%;height: 455px;background: url('/assets/images/school_books.png') no-repeat center;background-size: cover; background-color:#f2f2f2; position: relative}
.school_books div.books{display: block;width: 100%;font-size: 0;box-sizing: border-box;vertical-align: top;max-width: 1300px;margin: 50px auto}
.school_books div.books div.wrapper{max-width: 1300px;margin:auto;display: block}
.school_books div.books div.wrapper a{display: inline-block;width: calc((100% / 4) - 60px);vertical-align: top;margin: 0 30px; transition: 0.5s; -webkit-transition: 0.5s}
.school_books div.books div.wrapper a:hover{transform: scale(1.07)}
.school_books div.books div.wrapper a figure{width: 100%;height: 20vw; display: block;margin:auto;text-align: center;}
.school_books div.books div.wrapper a h3{font-size: 13px;color:black;display: block;text-align: center;padding:10px 0;box-shadow: 0 0 2px 2px rgba(0,0,0,0.05);font-family: dubai-bold, Helvetica, Arial, sans-serif}



div.schools_books_responsible{display: block;width: 100%;font-size: 0;box-sizing: border-box;vertical-align: top;max-width: 1300px;margin: 50px auto}
div.schools_books_responsible h2{color: black;font-size: 20px;font-family: dubai-bold, Helvetica, Arial, sans-serif;background-color: #F8F8F8;padding: 10px 0;text-align: center;width: 100%;margin: auto}
div.schools_books_responsible div.wrapper{display: block;width: 100%;box-sizing: border-box;margin:20px auto}
div.schools_books_responsible div.wrapper ul{font-size: 0; display: block}
div.schools_books_responsible div.wrapper ul li{display: inline-block;width: calc((100% / 5) - 20px);vertical-align: top;margin:10px;transition: 0.25s}
div.schools_books_responsible div.wrapper ul li:hover{transform: scale(1.2)}
div.schools_books_responsible div.wrapper ul li figure{width: 100%;height: 122px}

ul.breadcrumb{padding-bottom:10px; border-bottom:solid 1px #D8D8D8}

.school_books_view_page div.page_content{background: white!important}
.school_books_view div.header{display: block;width: 100%;height: 172px;background-color:#AFBBC4;position: relative}
.school_books_view div.header::after{content:'';display: block;width: 100%;height: 100%;position: absolute;top:0;right:0;background-color: rgba(76, 97, 137, 0.26)}
.school_books_view div.header div.title{display: block;width: 100%;text-align: center;position: relative;top: 50%;transform: translateY(-50%);z-index: 9}
.school_books_view div.header div.title h1{color:white;font-size: 33px;font-family: dubai-bold, Helvetica, Arial, sans-serif;border:solid 1px white;padding:0 20px;display: inline-block}
.school_books_view div.wrapper{display: block;width: calc(100% - 20px);font-size: 0;box-sizing: border-box;vertical-align: top;max-width: 1300px;margin: 50px auto}
.school_books_view div.wrapper ul.breadcrumb{display: block;width: 100%}
.school_books_view div.wrapper ul.breadcrumb li{display: inline-block;margin:0 0 0 10px;font-size: 15px;font-family: dubai-bold, Helvetica, Arial, sans-serif}
.school_books_view div.wrapper ul.breadcrumb li a{font-size: 12px;color:black}
.school_books_view div.wrapper ul.breadcrumb li:last-child a{color:#5D5D5D}
.school_books_view div.wrapper div.school_books_view_overview{display: block;width: 100%;margin:50px auto}
.school_books_view div.wrapper div.school_books_view_overview div.right{display: inline-block;width: 230px;vertical-align: top;background-color: rgba(175, 187, 196, 0.2)}
.school_books_view div.wrapper div.school_books_view_overview div.right figure{width: 175px;height: 220px;display: block;margin: 30px auto}
.school_books_view div.wrapper div.school_books_view_overview div.left{display: inline-block;width: calc(100% - 300px);vertical-align: top;background-color: rgba(175, 187, 196, 0.2);margin:0 70px 0 0;height: 280px}
.school_books_view div.wrapper div.school_books_view_overview div.left div.subwrapper{display: block;width: 90%;margin: auto;position: relative;top: 50%;transform: translateY(-50%)}
.school_books_view div.wrapper div.school_books_view_overview div.left div.subwrapper h2{color: black;font-size: 20px;font-family: dubai-bold, Helvetica, Arial, sans-serif;margin: 0 0 10px 0}
.school_books_view div.wrapper div.school_books_view_overview div.left div.subwrapper p{color: #696767;font-size: 15px;font-family: dubai-regular, Helvetica, Arial, sans-serif;max-height: 200px;overflow: hidden}
.school_books_view div.wrapper div.school_books_view_subjects{display: block;width: 100%;margin:50px auto;border:solid 1px rgba(175, 187, 196, 0.2);text-align: center; position: relative}
.school_books_view div.wrapper div.school_books_view_subjects h3{display: block;background-color: black; color:white; font-size: 15px; padding:10px 0; font-family: dubai-bold, Helvetica, Arial, sans-serif; text-align: center}
.school_books_view div.wrapper div.school_books_view_subjects .select-box{width:240px; margin:20px auto; position: relative}
.school_books_view div.wrapper div.school_books_view_subjects .select-box:after{content:"\f107"; font-size:20px; font-family: FontAwesome; display: block; position: absolute; top:10px; left:5px}
.school_books_view div.wrapper div.school_books_view_subjects .select-box select{font-size:15px; font-family: dubai-regular, Helvetica, Arial, sans-serif; width:100%; color:black; padding:5px 5px 5px 25px; display: block; border:none; border-bottom:1px solid #707070}
.school_books_view div.wrapper div.school_books_view_subjects .select-box select {-moz-appearance:none; -webkit-appearance:none; appearance:none}
.school_books_view div.wrapper div.school_books_view_subjects div.subwrapper{display: block;width: 90%;margin: 40px auto; text-align: right}
.school_books_view div.wrapper div.school_books_view_subjects a{display: inline-block;width: calc((100% / 5) - 50px);vertical-align: top;margin: 25px}
.school_books_view div.wrapper div.school_books_view_subjects a div.figure{display: block;width: 100%;box-shadow: 0 0 2px 2px rgba(0,0,0,0.05);padding: 15px 0}
.school_books_view div.wrapper div.school_books_view_subjects a figure{width: 150px;display: block;margin: auto;height: 200px}
.school_books_view div.wrapper div.school_books_view_subjects a div.content{display: block;width: 100%;text-align: center;padding:10px 0}
.school_books_view div.wrapper div.school_books_view_subjects a div.content h2{font-size: 13px;color:black;font-family: dubai-bold, Helvetica, Arial, sans-serif}
.school_books_view div.wrapper div.school_books_view_subjects a div.content span{font-size: 12px; color:#5D5D5D; font-family: dubai-regular, Helvetica, Arial, sans-serif}
.school_books_view div.wrapper div.school_books_view_subjects .mask{position: absolute; top:0; bottom:0; left:0; right:0; background-color:rgba(0,0,0,0.05); display: none}
.school_books_view div.wrapper div.school_books_view_subjects .mask i.fa{font-size:30px; color:black; right:0; left:0; top:120px; position: absolute}
.school_books_view div.wrapper div.ad_desktop{display: block;width: 100%;margin:50px auto;text-align: center}
.school_books_view div.wrapper div.ad_desktop a img{max-width: 1200px; margin:auto}

.books_view_page div.page_content{background: white!important}
.book_view div.header{display: block;width: 100%;height: 172px;background-color:#AFBBC4;position: relative}
.book_view div.header::after{content:'';display: block;width: 100%;height: 100%;position: absolute;top:0;right:0;background-color: rgba(76, 97, 137, 0.26)}
.book_view div.header div.title{display: block;width: 100%;text-align: center;position: relative;top: 50%;transform: translateY(-50%);z-index: 9}
.book_view div.header div.title h1, .book_view div.header div.title .book_category_name{color:white;font-size: 33px;font-family: dubai-bold, Helvetica, Arial, sans-serif;border:solid 1px white;padding:0 20px;display: inline-block}
.book_view div.wrapper{display: block;width: calc(100% - 20px);font-size: 0;box-sizing: border-box;vertical-align: top;max-width: 1300px;margin: 50px auto}
.book_view div.wrapper ul.breadcrumb{display: block; width: 100%}
.book_view div.wrapper ul.breadcrumb li{display: inline-block;margin:0 0 0 10px;font-size: 15px;font-family: dubai-bold, Helvetica, Arial, sans-serif}
.book_view div.wrapper ul.breadcrumb li a{font-size: 12px;color:black; transition: 0.3s all}
.book_view div.wrapper ul.breadcrumb li:not(:last-child) a:hover{color:rgba(0,0,0,0.9)}
.book_view div.wrapper ul.breadcrumb li:last-child a{color:#5D5D5D}
.book_view div.wrapper div.book_content{display: block;width: 100%;margin:50px auto}
.book_view div.wrapper div.book_content div.right{display: inline-block;width: calc(100% - 450px);vertical-align: top;margin: 0 0 0 70px}
.book_view div.wrapper div.book_content div.left{display: inline-block;width: 380px;vertical-align: top}
.book_view div.wrapper div.book_content div.left div.ad{display: block;width: 100%;margin:30px auto 40px;text-align: center}
.book_view div.wrapper div.book_content div.right div.book_image{display: inline-block;width: 200px;vertical-align: top}
.book_view div.wrapper div.book_content div.right div.book_content_browsing{display: inline-block;width: calc(100% - 250px);vertical-align: top;margin:0 50px 0 0}
.book_view div.wrapper div.book_content div.right div.book_content_browsing div.introduction{display: block;width: calc(100% - 40px);background-color: #FAFAFA;padding:20px}
.book_view div.wrapper div.book_content div.right div.book_content_browsing div.introduction h2, .book_view div.wrapper div.book_content div.right div.book_content_browsing div.introduction .book_title {color:black;font-size: 17px;font-family: dubai-bold, Helvetica, Arial, sans-serif;padding:0 0 10px 0;display: block;width: 100%}
.book_view div.wrapper div.book_content div.right div.book_content_browsing div.introduction h3{color:black;font-size: 14px;font-family: dubai-bold, Helvetica, Arial, sans-serif;padding:0 0 10px 0;display: block;width: 100%;font-weight: normal}
.book_view div.wrapper div.book_content div.right div.book_content_browsing div.introduction h4{color:#8B8B8B;font-size: 13px;font-family: dubai-regular, Helvetica, Arial, sans-serif;display: block;width: 100%;font-weight: normal}
.book_view div.wrapper div.book_content div.right div.book_content_browsing div.introduction h4 span{color:black;padding:0 0 0 10px}
.book_view div.wrapper div.book_content div.right div.book_content_browsing div.description{display: block;width: calc(100% - 40px);background-color: #FAFAFA;padding: 20px;margin: 20px auto}
.book_view div.wrapper div.book_content div.right div.book_content_browsing div.description h2{color:#FF3E3F;font-size: 17px;font-family: dubai-bold, Helvetica, Arial, sans-serif}
.book_view div.wrapper div.book_content div.right div.book_content_browsing div.description div.content{display: block;width: 100%;margin:20px auto;font-size: 15px;color:#8B8B8B;font-family: dubai-regular, Helvetica, Arial, sans-serif;font-weight: normal}
.book_view div.wrapper div.book_content div.right div.book_content_browsing div.description div.content * {max-width: 100%;}
.book_view div.wrapper div.book_content div.right div.book_content_browsing div.description div.content .summary p, .book_view div.wrapper div.book_content div.right div.book_content_browsing div.description div.content .summary span, .book_view div.wrapper div.book_content div.right div.book_content_browsing div.description div.content .summary div{font-size: 15px !important; color:#8B8B8B !important; font-family: dubai-regular, Helvetica, Arial, sans-serif !important; line-height: 28px !important}
.book_view div.wrapper div.book_content div.right div.related{display: block;width: 100%;margin:50px auto;text-align: center}
.book_view div.wrapper div.book_content div.right div.related a{display: inline-block;width: calc((100% / 4) - 30px);vertical-align: top;margin: 0 5px;text-align: center;background-color: rgba(76, 97, 137, 0.08);padding: 15px 10px}
.book_view div.wrapper div.book_content div.right div.related a h2{color:black;border-bottom:solid 1px rgba(112, 112, 112, 0.13);font-size:14px;font-family: dubai-bold, Helvetica, Arial, sans-serif;padding:0 0 10px 0;margin:0 0 15px 0}
.book_view div.wrapper div.book_content div.right div.related a figure{width: 100%;height: 150px}
.book_view div.wrapper div.book_content div.right div.related a h3{color:black;font-size:12px;font-family: dubai-bold, Helvetica, Arial, sans-serif;padding:10px 0 0 0}
.book_view div.wrapper div.book_content div.right div.related a span{font-size:11px;font-family: dubai-bold, Helvetica, Arial, sans-serif;font-weight: normal;color:#5D5D5D}
.book_view .schools_books_responsible h2{font-size:18px; padding:10px 20px; text-align: right}
.book_view .book-authors, .book_view .book-translators{display: flex; padding-bottom:13px}
.book_view .book-authors a, .book_view .book-translators p{font-size:15px; font-family: dubai-regular, Helvetica, Arial, sans-serif; color:#8B8B8B; display: flex; transition: .25s; -webkit-transition: .25s}
.book_view .book-authors a:hover{color:#5D5D5D}
.book_view .book-authors a:not(:last-child):after, .book_view .book-translators p:not(:last-child):after{content:"|"; color:#5D5D5D; margin:0 10px; position: relative; top:2px}
.book_view .book-translators p.bold{font-family: dubai-bold, Helvetica, Arial, sans-serif; margin-left:10px}
.book_view .book-translators p.bold:after{display: none}

.book_view #amplitude-player div.wrapper {margin: 0; width: 100%}

.plyr, .plyr * {direction: ltr!important;}
.plyr_player {margin: 20px auto}

#blue-playlist-container {display: none!important;}

.purchasable-book-view div.header{display: block;width: 100%;height: 217px;background:url('/assets/images/header_background.png') no-repeat center; background-size: cover; position: relative}
.purchasable-book-view div.wrapper ul.breadcrumb{padding-bottom:10px; border-bottom:solid 1px rgba(112, 112, 112, 0.13)}
.purchasable-book-view.book_view div.wrapper div.book_content div.left{width: 300px}
.purchasable-book-view.book_view div.wrapper div.book_content div.right{width: calc(100% - 350px); margin:0 0 0 50px}
.book_view div.wrapper div.book_content div.right .right-block{width:280px; display: inline-block; vertical-align: top}
.book_view div.wrapper div.book_content div.right div.book_image{display: block; width: 180px; margin:auto; padding:10px; box-shadow: 0 2px 6px rgba(0,0,0,0.1); -webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.1)}
.book_view div.wrapper div.book_content div.right .right-block .bordered-block{display: block; padding:20px; margin-top:25px; border:1px solid rgba(112, 112, 112, 0.13)}
.book_view div.wrapper div.book_content div.right .right-block .price-details .price{font-size:27px; font-family: Helvetica, Arial, sans-serif; font-weight: bold; display: block; text-align: center; color:#000000; margin-bottom:10px; line-height: 35px; direction: ltr !important}
.book_view div.wrapper div.book_content div.right .right-block .price-details figure{width: 100%; height:115px}
.book_view div.wrapper div.book_content div.right .right-block .price-details .barcode{margin-top:10px}
.book_view div.wrapper div.book_content div.right .right-block .price-details .barcode img{width: 100%}
.book_view div.wrapper div.book_content div.right .right-block .price-details .barcode p.number{font-size:18px; font-family: Verdana; color:black; text-align: center; display: block}
.book_view div.wrapper div.book_content div.right .right-block .bordered-block h3{font-size:17px; font-family: dubai-bold, Helvetica, Arial, sans-serif; display: block; margin-bottom:10px; text-align: center}
.book_view div.wrapper div.book_content div.right .right-block .bordered-block a.button{border-radius: 20px; padding:5px 8px; display: block; text-align: center; transition: .3s; -webkit-transition: .3s}
.book_view div.wrapper div.book_content div.right .right-block .bordered-block.astafan a.button{font-size: 13px; font-family: dubai-bold, Helvetica, Arial, sans-serif; color:black; border:1px solid rgba(0,0,0,0.55)}
.book_view div.wrapper div.book_content div.right .right-block .bordered-block.astafan a.button:hover{background-color:black; color:white}
.book_view div.wrapper div.book_content div.right .right-block .bordered-block.amazon a.button{background-color:#eb912e}
.book_view div.wrapper div.book_content div.right .right-block .bordered-block.amazon a.button img{display: inline-block; width: 110px;}
.book_view div.wrapper div.book_content div.right .right-block .bordered-block.amazon a.button span{font-size:13px; font-family: dubai-bold, Helvetica, Arial, sans-serif; color:#242f3d; display: inline-block; vertical-align: top}
.book_view div.wrapper div.book_content div.right .left-block{width: calc(100% - 330px); display: inline-block; vertical-align: top; margin:0 50px 0 0}
.purchasable-book-view.book_view div.wrapper div.book_content div.right div.book_content_browsing{width: 100%; display: block; margin:0}
.purchasable-book-view.book_view .book-pages{padding:25px 20px 40px; margin-bottom:20px; background-color: #FAFAFA}
.purchasable-book-view.book_view .book-pages h2{font-size:17px; font-family: dubai-bold, Helvetica, Arial, sans-serif; color:black; display: block; margin-bottom:20px}
.purchasable-book-view.book_view .book-pages .list:after{content: ""; display: block; clear: both}
.purchasable-book-view.book_view .book-pages .list a{width: calc(100%/5 - 20px); float: right; margin:0 0 0 25px}
.purchasable-book-view.book_view .book-pages .list a:last-child{margin:0}
.purchasable-book-view.book_view .book-pages .list a figure{width: 100%; height:150px}
.purchasable-book-view.book_view .book-pages .list a.more-pages{color:black; font-size:14px; height: 150px; display: block; text-align: center; background-color:rgba(234, 206, 176,0.8)}
.purchasable-book-view.book_view .book-pages .list a.more-pages span{font-family: dubai-bold, Helvetica, Arial, sans-serif; font-size:19px; font-weight: bold; padding:60px 0 0; display: block; direction: ltr !important}

.purchasable-book-view.book_view .rating ul.stars{display: inline-block}
.purchasable-book-view.book_view .rating ul.stars li{display: inline-block}
.purchasable-book-view.book_view .rating ul.stars li i{font-size:16px; color:#f1dd52}
.purchasable-book-view.book_view .rating ul.stars li.active i{color:#939393}
.purchasable-book-view.book_view .rating ul.stars li:not(:last-child){margin-left:10px}
.purchasable-book-view.book_view .rating .rate-text{margin-right:25px}
.purchasable-book-view.book_view div.wrapper div.book_content div.right div.book_content_browsing div.description{margin:0 auto 20px; padding-top:0}
.purchasable-book-view.book_view div.wrapper div.book_content div.right div.book_content_browsing div.introduction .rating{margin-bottom:15px}
.purchasable-book-view.book_view .rating .rate-text, .purchasable-book-view.book_view div.wrapper div.book_content div.right div.book_content_browsing div.introduction .rating a.wr-review{font-size:13px; font-family: dubai-bold, Helvetica, Arial, sans-serif; display: inline-block; color:black}

.purchasable-book-view.book_view div.wrapper div.book_content div.right div.book_content_browsing div.introduction .rating a.wr-review{margin-right:10px}
.book_view div.wrapper div.book_content div.right div.book_content_browsing div.introduction ul.book-details{display: block; padding: 20px 0; border-top:1px solid rgba(76, 97, 137, 0.08); border-bottom:1px solid rgba(76, 97, 137, 0.08)}
.book_view div.wrapper div.book_content div.right div.book_content_browsing div.introduction ul.book-details li:not(:last-child){margin-bottom:10px}
.book_view div.wrapper div.book_content div.right div.book_content_browsing div.introduction ul.book-details li div{display: block; direction: ltr !important; text-align: right}
.book_view div.wrapper div.book_content div.right div.book_content_browsing div.introduction ul.book-details li span.rt{font-size:16px; font-family: dubai-bold, Helvetica, Arial, sans-serif; color:black; margin-left:7px}
.book_view div.wrapper div.book_content div.right div.book_content_browsing div.introduction ul.book-details li span.lt{font-size:15px; font-family: dubai-regular, Helvetica, Arial, sans-serif; color: #8B8B8B}
.book_view div.wrapper div.book_content div.right div.book_content_browsing div.introduction ul.book-details li span a{color:#8B8B8B; transition: .3s}
.book_view div.wrapper div.book_content div.right div.book_content_browsing div.introduction ul.book-details li span a:hover{color:#5D5D5D}
.book_view div.wrapper div.book_content div.right div.book_content_browsing div.introduction ul.book-details li div span.rt{font-weight: bold}
.book_view div.wrapper div.book_content div.right div.book_content_browsing div.introduction ul.book-details li div span.lt{font-size:16px}

.purchasable-book-view.book_view div.wrapper div.book_content div.right div.book_content_browsing .author-glance{padding: 30px 20px; background-color:#FAFAFA; margin-bottom:40px}
.purchasable-book-view.book_view div.wrapper div.book_content div.right div.book_content_browsing .author-glance:after{content: ""; display: block; clear: both}
.purchasable-book-view.book_view div.wrapper div.book_content div.right div.book_content_browsing .author-glance figure{width: 170px; height:160px; float: right}
.purchasable-book-view.book_view div.wrapper div.book_content div.right div.book_content_browsing .author-glance .text{width: calc(100% - 200px); float: left; margin-right:30px}
.purchasable-book-view.book_view div.wrapper div.book_content div.right div.book_content_browsing .author-glance .text h2{font-size:17px; font-family: dubai-bold, Helvetica, Arial, sans-serif; color:black; display: block; margin-bottom:10px}
.purchasable-book-view.book_view div.wrapper div.book_content div.right div.book_content_browsing .author-glance .text .author-description{margin:0; padding:0}
.purchasable-book-view.book_view div.wrapper div.book_content div.right div.book_content_browsing .author-glance .text .author-description p{font-size:15px; font-family: dubai-regular, Helvetica, Arial, sans-serif; color:#8B8B8B; display: block}
.purchasable-book-view.book_view div.wrapper div.book_content div.right div.book_content_browsing .reviews{padding: 30px 20px; background-color:#FAFAFA;}
.purchasable-book-view.book_view div.wrapper div.book_content div.right div.book_content_browsing .reviews .upper-block{padding-bottom:10px;  border-bottom:1px solid rgba(76, 97, 137, 0.08); margin-bottom:30px}
.purchasable-book-view.book_view div.wrapper div.book_content div.right div.book_content_browsing .reviews .upper-block:after{content:""; display: block; clear: both}
.purchasable-book-view.book_view div.wrapper div.book_content div.right div.book_content_browsing .reviews .upper-block h2{font-size:17px; font-family: dubai-bold, Helvetica, Arial, sans-serif; color:black; display: inline-block; float: right}
.purchasable-book-view.book_view div.wrapper div.book_content div.right div.book_content_browsing .reviews .upper-block .rating{float:left; }

.purchasable-book-view.book_view div.wrapper div.book_content div.right div.book_content_browsing .reviews .add-review-block{display: block; margin-bottom:40px}
.purchasable-book-view.book_view div.wrapper div.book_content div.right div.book_content_browsing .reviews figure{width: 65px; height:60px; display: inline-block; vertical-align: bottom; border-radius: 50%; -webki-border-radius: 50%}
.purchasable-book-view.book_view div.wrapper div.book_content div.right div.book_content_browsing .reviews .input-control{width:calc(100% - 90px); display: inline-block; margin-right:25px; padding-bottom:8px}
.purchasable-book-view.book_view div.wrapper div.book_content div.right div.book_content_browsing .reviews .input-control input{font-size:14px; font-family: dubai-regular, Helvetica, Arial, sans-serif; color:#8B8B8B; width: 100%; padding:8px 0; background:none; border:none; border-bottom:2px solid #cccccc}
.purchasable-book-view.book_view div.wrapper div.book_content div.right div.book_content_browsing .reviews .list .review-block{margin-bottom:25px}
.purchasable-book-view.book_view div.wrapper div.book_content div.right div.book_content_browsing .reviews .list .review-block .info{margin-bottom:25px}
.purchasable-book-view.book_view div.wrapper div.book_content div.right div.book_content_browsing .reviews .list .review-block .info figure{width: 75px; height:70px; display: inline-block; vertical-align: bottom; vertical-align: top; border-radius: 50%; -webki-border-radius: 50%}
.purchasable-book-view.book_view div.wrapper div.book_content div.right div.book_content_browsing .reviews .list .review-block .info .text{width:calc(100% - 100px); display: inline-block; vertical-align: top; margin:0 25px 0 0}
.purchasable-book-view.book_view div.wrapper div.book_content div.right div.book_content_browsing .reviews .list .review-block .info .text p.name{font-size:15px; font-family: dubai-bold, Helvetica, Arial, sans-serif; margin-bottom:5px; padding-top:8px; color:#272727}
.purchasable-book-view.book_view div.wrapper div.book_content div.right div.book_content_browsing .reviews .list .review-block .info .text p.date{font-size:12px; font-family:dubai-regular, Helvetica, Arial, sans-serif; color:#8B8B8B}
.purchasable-book-view.book_view div.wrapper div.book_content div.right div.book_content_browsing .reviews .list .review-block .rv-description p{font-size:15px; font-family:dubai-regular, Helvetica, Arial, sans-serif; color:#989898}


.book_view.school-book div.wrapper div.book_content div.right{width:100%; display: block; margin:0}

.press_opinions_page{display: block;width: 100%;font-size: 0;box-sizing: border-box}
.press_opinions_page div.header{display: block;width: 100%;height: 217px;background: url(/assets/images/media_bg.jpg) no-repeat center;background-size: cover;background-position: center center;position: relative}
.press_opinions_page div.header::after{content:'';display: block;width: 100%;height: 100%;position: absolute;top:0;right:0;background-color: rgba(76, 97, 137, 0.26)}
.press_opinions_page div.header div.title{display: block;width: 100%;text-align: center;position: relative;top: 50%;transform: translateY(-50%);z-index: 9}
.press_opinions_page div.header div.title h1{color:white;font-size: 33px;font-family: dubai-bold, Helvetica, Arial, sans-serif;border:solid 1px white;padding:0 20px;display: inline-block}
.press_opinions_page div.mainContainer{display: block;width: calc(80% - 20px);margin: 50px auto 0 auto;max-width: 1300px}
.press_opinions_page div.mainContainer div.wrapper{display: block;width:100%;margin:50px auto;height:100%}
.press_opinions_page div.mainContainer div.wrapper div.right{display: inline-block;width: calc(100% - 450px);vertical-align: top;margin: 0 0 0 70px}
.press_opinions_page div.mainContainer div.wrapper div.right h3{display: block;width: calc(100% - 20px);color: black;font-family: dubai-bold, Helvetica, Arial, sans-serif;border-bottom: solid 2px black;padding: 0 0 10px 0;font-size: 20px;margin: auto}
.press_opinions_page div.mainContainer div.wrapper div.right ul.list{display: block;width: 100%;margin: 20px auto 50px auto;font-size: 0}
.press_opinions_page div.mainContainer div.wrapper div.right ul.list li{display: inline-block;text-align: center;background-color: #963049;width:calc((100% / 6) - 22px);margin:0 10px;padding:5px 0;border:solid 1px #963049;transition: 0.35s}
.press_opinions_page div.mainContainer div.wrapper div.right ul.list li:hover{background-color: white;border:solid 1px #963049}
.press_opinions_page div.mainContainer div.wrapper div.right ul.list li.active{background-color: white;border:solid 1px #963049}
.press_opinions_page div.mainContainer div.wrapper div.right ul.list li a{font-size: 13px;color: white;font-family: dubai-bold, Helvetica, Arial, sans-serif;display: block;width: 100%}
.press_opinions_page div.mainContainer div.wrapper div.right ul.list li.active a{color:#963049}
.press_opinions_page div.mainContainer div.wrapper div.right ul.list li:hover a{color:#963049}
.press_opinions_page div.mainContainer div.wrapper div.left{display: inline-block;width: 380px;vertical-align: top}
.press_opinions_page div.mainContainer div.wrapper div.right div.item{display: inline-block;width: calc(50% - 60px);vertical-align: top;height: auto;box-shadow: 0 0 2px 2px rgba(0,0,0,0.05);padding: 20px;position: relative;margin: 0px 10px 60px 10px}
.press_opinions_page div.mainContainer div.wrapper div.right div.item span{position: absolute;top:-30px;color:black;font-size: 14px;font-family: dubai-regular, Helvetica, Arial, sans-serif;right:0}
.press_opinions_page div.mainContainer div.wrapper div.right div.item figure{display: inline-block;width: 120px;height:170px}
.press_opinions_page div.mainContainer div.wrapper div.right div.item div.content{display: inline-block;width: calc(100% - 170px);margin: 0 50px 0 0;vertical-align: top;height: 170px;position: relative}
.press_opinions_page div.mainContainer div.wrapper div.right div.item div.content img{position: absolute;bottom:0;right:0; max-width: 70px}
.press_opinions_page div.mainContainer div.wrapper div.right div.item div.content h2{color: #1F1D1D;font-size: 15px;font-family: dubai-bold, Helvetica, Arial, sans-serif;max-height: 85px;overflow: hidden}


.authors{display: block;width: 100%;font-size: 0;box-sizing: border-box}
.authors div.header{display: block;width: 100%;height: 217px;background: url(/assets/images/header_background.png) no-repeat center;background-size: cover;background-position: center center;position: relative}
.authors div.header::after{content:'';display: block;width: 100%;height: 100%;position: absolute;top:0;right:0;background-color: rgba(76, 97, 137, 0.26)}
.authors div.header div.title{display: block;width: 100%;text-align: center;position: relative;top: 50%;transform: translateY(-50%);z-index: 9}
.authors div.header div.title h1{color:white;font-size: 33px;font-family: dubai-bold, Helvetica, Arial, sans-serif;border:solid 1px white;padding:0 20px;display: inline-block}
.authors div.mainContainer{display: block;width: calc(80% - 20px);margin: 50px auto 0 auto;max-width: 1300px}
.authors div.mainContainer div.wrapper{display: block;width: 100%;margin:auto}
.authors div.mainContainer div.wrapper h3{display: block;width: calc(100% - 30px);background-color: black;color: white;padding: 5px 10px;font-size: 18px;font-family: dubai-bold, Helvetica, Arial, sans-serif;margin: auto}
.authors div.mainContainer div.wrapper ul.arabic-alphabet{font-size:0; display: block; margin:30px 0 0; border:1px solid #e6e6e6}
.authors div.mainContainer div.wrapper ul.arabic-alphabet li{width:calc(100% / 28); display: inline-block; vertical-align: top;}
.authors div.mainContainer div.wrapper ul.arabic-alphabet li a{font-size:16px; font-family: dubai-bold, Helvetica, Arial, sans-serif; color:black; text-align: center; display: block; padding:8px; transition: .3s all; -webkit-transition: .3s all}
.authors div.mainContainer div.wrapper ul.arabic-alphabet li.active a, .authors div.mainContainer div.wrapper ul.arabic-alphabet li a:hover{background-color:#d5d5d5}
.authors div.mainContainer div.wrapper div.items{display: block;width: 100%;margin:40px auto 50px}
.authors div.mainContainer div.wrapper a.item{display: inline-block;width: calc((100% / 5) - 10px);margin: 0 5px 30px 5px;vertical-align: top;transition: 0.35s}
.authors div.mainContainer div.wrapper a.item figure{width: 100%;height: 280px;display: block;transition: 0.35s}
.authors div.mainContainer div.wrapper a.item:hover figure{transform: scale(1.05)}
.authors div.mainContainer div.wrapper a.item h4{display: block;width: 100%;font-size: 12px;color:black;padding:10px 0 0 0;text-align: center;font-family: dubai-bold, Helvetica, Arial, sans-serif}
.authors div.mainContainer div.wrapper a.item.notactive{display: inline-block;width: calc((100% / 5) - 10px);margin: 0 5px 30px 5px;vertical-align: top;opacity: 0.2}
.authors div.mainContainer div.wrapper a.item.notactive figure{width: 100%;height: 280px;display: block}
.authors div.mainContainer div.wrapper a.item.notactive h4{display: block;width: 100%;font-size: 12px;color:black;padding:10px 0 0 0;text-align: center;font-family: dubai-bold, Helvetica, Arial, sans-serif}
.authors div.mainContainer div.wrapper a.item.active{display: inline-block;width: calc((100% / 5) - 10px);margin: 0 5px 30px 5px;vertical-align: top}
.authors div.mainContainer div.wrapper a.item.active figure{width: 100%;height: 345px;display: block}
.authors div.mainContainer div.wrapper a.item.active h4{display: block;width: 100%;font-size: 12px;color:black;padding:10px 0 0 0;text-align: center;font-family: dubai-bold, Helvetica, Arial, sans-serif}

.author-view .author-details{font-size:0; display: block; margin:40px 0 0}
.author-view .author-details figure{width:200px; height:230px; display: inline-block; box-shadow: 0 3px 3.5px rgba(0,0,0,0.16); -webkit-box-shadow: 0 3px 3.5px rgba(0,0,0,0.16)}
.author-view .author-details .description{width:calc(100% - 240px); min-height: 230px; display: inline-block; vertical-align: top; margin-right:40px; background-color:#f5f5f5}
.author-view .author-details .description h1{font-size:18px; font-family: dubai-bold, Helvetica, Arial, sans-serif; margin-bottom:15px}
.author-view .author-details .description h4{font-size:14px; font-family: dubai-bold, Helvetica, Arial, sans-serif; margin-bottom:10px}
.author-view .author-details .description .inner-block{padding:25px 40px; position: relative}
.author-view .author-details .description .text p{font-size:14px; font-family: dubai-regular, Helvetica, Arial, sans-serif; color:#363636}
.author-view .author-books h3{background-color:#ccc !important;}
.author-view .author-books{display: block; margin:50px 0 20px}
.author-view .author-books ul{margin-top:20px; display: block}
.author-view .author-books ul:after{content: ""; display: block; clear: both}
.author-view .author-books ul li{width:calc(100% / 2 - 40px); display: inline-block; vertical-align: top; margin:0 0 5px 0}
.author-view .author-books ul li:nth-child(odd){margin-left:40px}
.author-view .author-books ul li:nth-child(even){margin-right:40px}
.author-view .author-books ul li p.date{font-size:12px; font-family: dubai-regular, Helvetica, Arial, sans-serif; color:#1f1d1d; margin-bottom:5px}
.author-view .author-books ul li a{background-color: white; display: block; padding:15px; font-size:0; overflow:hidden; transition: 0.3s all; -webkit-transition: 0.3s all}
.author-view .author-books ul li a:hover{box-shadow: 0 0 4px 4px rgba(0,0,0,0.05), 0 0 4px 4px rgba(0,0,0,0.05); -webkit-box-shadow: 0 0 4px 4px rgba(0,0,0,0.05), 0 0 4px 4px rgba(0,0,0,0.05)}
.author-view .author-books ul li a .figure-wrapper{width: 200px; height:240px; padding:0; display: inline-block; background-color:white; box-shadow: 0 0 2px 2px rgba(0,0,0,0.05); -webkit-box-shadow: 0 0 2px 2px rgba(0,0,0,0.05)}
.author-view .author-books ul li a figure{width: 90%; height:220px; margin:10px auto}
.author-view .author-books ul li a .text{width: calc(100% - 230px); margin-right:30px; display: inline-block; vertical-align: top}
.author-view .author-books ul li a h2{font-size:15px; font-family: dubai-bold, Helvetica, Arial, sans-serif; margin-bottom:10px; color:black}
.author-view .author-books ul li a h3.author-name{font-size:12px; font-family: dubai-regular, Helvetica, Arial, sans-serif; color:#5D5D5D; margin:0 0 10px; padding:0; background:none !important;}
.author-view .author-books ul li a h4{font-size:11px; font-family: dubai-regular, Helvetica, Arial, sans-serif; color:#963049; margin-bottom:7px}
.author-view .author-books ul li a p{font-size:13px; font-family: dubai-regular, Helvetica, Arial, sans-serif; height:80px; overflow: hidden; color:#6e6e6e}
.author-view .author-books ul li a div.readmore{color: black;font-size: 12px;font-family: dubai-bold, Helvetica, Arial, sans-serif;border-bottom: solid 1px black;padding: 0 0 5px 0;display: table;margin: 20px 0 0 0}

.calendar_page{display: block;width: 100%;font-size: 0;box-sizing: border-box}
.calendar_page div.header{display: block;width: 100%;height: 217px;background: url(/assets/images/header_background.png) no-repeat center;background-size: cover;background-position: center center;position: relative}
.calendar_page div.header::after{content:'';display: block;width: 100%;height: 100%;position: absolute;top:0;right:0;background-color: rgba(76, 97, 137, 0.26)}
.calendar_page div.header div.title{display: block;width: 100%;text-align: center;position: relative;top: 50%;transform: translateY(-50%);z-index: 9}
.calendar_page div.header div.title h1{color:white;font-size: 33px;font-family: dubai-bold, Helvetica, Arial, sans-serif;border:solid 1px white;padding:0 20px;display: inline-block}
.calendar_page div.mainContainer{display: block;width: calc(80% - 20px);margin: 50px auto 0 auto;max-width: 1300px}
.calendar_page div.mainContainer div.wrapper{display: block;width:100%;margin:50px auto;height:100%}
.calendar_page div.mainContainer div.wrapper div.right{display: inline-block;width: calc(70% - 50px);vertical-align: top;margin:0 0 0 50px}
.calendar_page div.mainContainer div.wrapper div.right h3{display: block;width: calc(100% - 20px);color: black;font-family: dubai-bold, Helvetica, Arial, sans-serif;border-bottom: solid 2px black;padding: 0 0 10px 0;font-size: 19px;margin: 0 auto 20px auto}
.calendar_page div.mainContainer div.wrapper div.left{display: inline-block;width: 30%;vertical-align: top}
.calendar_page div.mainContainer div.wrapper div.right div.item{display: inline-block;width: calc(50% - 20px);vertical-align: top;height: auto;box-shadow: 0 0 2px 2px rgba(0,0,0,0.05);position: relative;margin: 0px 10px 20px 10px;min-height: 170px;overflow: hidden}
.calendar_page div.mainContainer div.wrapper div.right div.item div.content{display: inline-block;width: 100%;margin: auto;vertical-align: top;height: auto;position: relative}
.calendar_page div.mainContainer div.wrapper div.right div.item div.content a{display:block; padding:20px}
.calendar_page div.mainContainer div.wrapper div.right div.item div.content h2{display: block;width: 100%;color:#5E7192;font-size: 14px;font-family: dubai-bold, Helvetica, Arial, sans-serif;margin:0 0 10px 0}
.calendar_page div.mainContainer div.wrapper div.right div.item div.content span{display: block;width: 100%;color:black;font-size: 14px;font-family: dubai-regular, Helvetica, Arial, sans-serif;margin:0 0 10px 0}
.calendar_page div.mainContainer div.wrapper div.right div.item div.content h3{display: block;width: 100%;color:black;font-size: 12px;font-family: dubai-bold, Helvetica, Arial, sans-serif;border: none}
.calendar_page div.mainContainer div.wrapper div.right div.item div.content h3 i{color:#963049;font-size: 20px;padding:0 0 0 10px}
.calendar_page div.mainContainer div.wrapper div.right div.item div.content div.text{display: block;width: 100%;color: #6E6E6E;font-size: 13px;font-family: dubai-regular, Helvetica, Arial, sans-serif;margin: 0;max-height: 80px;overflow: hidden}
.calendar_page .side_opinion{margin:50px 0 0 0}



.registration_page{display: block;width: 100%;font-size: 0;box-sizing: border-box}
.registration_page div.header{display: block;width: 100%;height: 217px;background: url(/assets/images/header_background.png) no-repeat center;background-size: cover;background-position: center center;position: relative}
.registration_page div.header::after{content:'';display: block;width: 100%;height: 100%;position: absolute;top:0;right:0;background-color: rgba(76, 97, 137, 0.26)}
.registration_page div.header div.title{display: block;width: 100%;text-align: center;position: relative;top: 50%;transform: translateY(-50%);z-index: 9}
.registration_page div.header div.title h1{color:white;font-size: 33px;font-family: dubai-bold, Helvetica, Arial, sans-serif;border:solid 1px white;padding:0 20px;display: inline-block}
.registration_page div.mainContainer{display: block;width: calc(80% - 20px);margin: 50px auto 0 auto}
.registration_page div.mainContainer div.wrapper{display: block;width:100%;margin:50px auto;height:100%}
.registration_page div.mainContainer div.wrapper div.right{display: inline-block;width: calc(70% - 50px);vertical-align: top;margin:0 0 0 50px}
.registration_page div.mainContainer div.wrapper div.right h3{display: block;width: calc(100% - 20px);color: black;font-family: dubai-bold, Helvetica, Arial, sans-serif;border-bottom: solid 2px rgba(46, 49, 145, 0.13);padding: 0 0 10px 0;margin: auto;font-size: 24px}
.registration_page div.mainContainer div.wrapper div.right div.registration_info{display: block;width: calc(100% - 20px);font-size: 0;box-sizing: border-box;margin: auto;padding:20px 0}
.registration_page div.mainContainer div.wrapper div.right div.registration_info p{color:#696767;font-size: 15px;font-family: dubai-regular, Helvetica, Arial, sans-serif;padding:0 0 10px 0}
.registration_page div.mainContainer div.wrapper div.right div.registration_info p:nth-child(3){font-family: dubai-bold, Helvetica, Arial, sans-serif}
.registration_page div.mainContainer div.wrapper div.right div.registration_info p:last-of-type{padding:0}
.registration_page div.mainContainer div.wrapper div.right div.form{display: block;width: calc(100% - 20px);font-size: 0;box-sizing: border-box;margin: 20px auto}
.registration_page div.mainContainer div.wrapper div.right div.form input{display: block;width: calc(100% - 40px);height: 50px;background-color: white;border: none;padding:0 20px;box-shadow: 0 0 2px 2px rgba(0,0,0,0.05);color:#000000;font-size: 13px;font-family: dubai-regular, Helvetica, Arial, sans-serif;margin:0 0 20px 0;border-radius: 8px}
.registration_page div.mainContainer div.wrapper div.right div.form input:last-of-type{margin:0}


.registration_page div.mainContainer div.wrapper div.left{display: inline-block;width: 30%;vertical-align: top}



.side_opinion{display: block;width: 100%;background-color: #FCFCFC;text-align:center;padding:0 0 10px 0}
.side_opinion div.wrapper{display: block;width: 80%!important;margin:20px auto!important}
.side_opinion div.wrapper img{width: 180px;height:211px}
.side_opinion h2{color: black;font-size: 18px;font-family: dubai-bold, Helvetica, Arial, sans-serif;border-bottom: solid 1px black;margin:0 auto 20px auto;padding: 10px 0}
.side_opinion div.wrapper h3{color: black;font-size: 18px;font-family: dubai-bold, Helvetica, Arial, sans-serif;border-bottom: solid 1px #C3C3C3;margin: 20px auto;padding:0 0 10px 0}
.side_opinion div.wrapper a{display: block;width:100%;margin:0 0 20px 0}
.side_opinion div.wrapper a:last-child{margin:0}
.side_opinion div.wrapper a h4{color:black;font-size: 14px;font-family: dubai-bold, Helvetica, Arial, sans-serif}
.side_opinion div.wrapper a div.text{color: #6E6E6E;font-size: 13px;font-family: dubai-regular, Helvetica, Arial, sans-serif;margin:10px 0 0 0;height: 80px;overflow: hidden}

ul.article-comments-list{margin-top:20px; padding-top:20px; border-top:1px solid black}
ul.article-comments-list li{display: block; background-color:#F8F8F8; padding:20px}
ul.article-comments-list li:not(:last-child){margin-bottom:20px}
ul.article-comments-list li .title{margin-bottom:10px}
ul.article-comments-list li .title span.name{font-size:16px; font-family: dubai-bold, Helvetica, Arial, sans-serif; color:black}
ul.article-comments-list li .title span.divider{font-size:20px; color:black; font-weight: bold; padding:0 10px}
ul.article-comments-list li .title span.date{font-size:12px; font-family: dubai-regular, Helvetica, Arial, sans-serif; color:#8B8B8B}
ul.article-comments-list li p.comment{font-size:15px; font-family: dubai-regular, Helvetica, Arial, sans-serif; color:#8B8B8B}

.articlePage{display: block;width: 100%;font-size: 0;box-sizing: border-box}
.articlePage div.header figure{display: block;width: 100%;height: 436px; position: relative}
.articlePage div.header figure figcaption { position: absolute; bottom: 0; font-size: 16px; left: 0; right: 0; text-align: center; color: white; background: #963049d4; padding: 5px 0; width: 80%; margin: auto; font-family: dubai-regular, Helvetica, Arial, sans-serif}
.articlePage div.header div.info{position: absolute;width: calc(100% - 200px);margin: auto;bottom: 50px;right: 200px}
.articlePage div.header div.info h2{color:white;font-size: 30px;font-family: dubai-bold, Helvetica, Arial, sans-serif;max-width: 800px}
.articlePage.storyPage div.header{display: block;width: 100%;height: 217px;background: url('/assets/images/about_banner.png') no-repeat center;background-size: cover; background-color: #f2f2f2; position: relative}
.articlePage.storyPage div.header::after{content:'';display: block;width: 100%;height: 100%;position: absolute;top:0;right:0;background-color: rgba(76, 97, 137, 0.26)}
.articlePage.storyPage div.header div.title{display: block;width: 100%;text-align: center;position: relative;top: 50%;transform: translateY(-50%);z-index: 9}
.articlePage.storyPage div.header div.title h2{color:white;font-size: 33px;font-family: dubai-bold, Helvetica, Arial, sans-serif;border:solid 1px white;padding:0 20px;display: inline-block}
.articlePage.storyPage .more-stories{display: block; padding:20px 20px 30px; background-color:rgba(245,245,245, 0.65)}
.articlePage.storyPage .more-stories h2{font-size: 19px; font-family: dubai-bold, Helvetica, Arial, sans-serif; margin-bottom:30px; text-align: center; padding-bottom:10px; border-bottom:2px solid black}
.articlePage.storyPage .more-stories ul{display: block}
.articlePage.storyPage .more-stories ul li, .articlePage.storyPage .more-stories ul li a{display: block}
.articlePage.storyPage .more-stories ul li:first-child{margin-bottom:20px}
.articlePage.storyPage .more-stories ul li figure{width:100%; height:160px; display: block}
.articlePage.storyPage .more-stories ul li .text{background-color:white; padding:20px; display: block}
.articlePage.storyPage .more-stories ul li .text h3{font-size:14px; font-family: dubai-bold, Helvetica, Arial, sans-serif; color:#1F1D1D; margin-bottom:10px}
.articlePage.storyPage .more-stories ul li .text p{font-size:13px; font-family: dubai-regular, Helvetica, Arial, sans-serif; color:#6E6E6E}

.articlePage .article-content{display: block;width: calc(80% - 20px);margin: 20px auto;padding: 0 30px;max-width: 1300px;position: relative}
.articlePage .article-content div.authors{display: block;width: 100%;margin:20px auto;border-bottom:solid 1px rgba(0, 0, 0, 0.1);padding: 0 0 10px 0}
.articlePage .article-content div.authors img{margin:0 0 0 30px; border-radius: 50%; -webkit-border-radius: 50%}
.articlePage .article-content div.authors div.info{display: inline-block;vertical-align: top;position: relative;top:5px}
.articlePage .article-content div.authors h2.author_name{display: inline-block;color:#626262;font-size: 17px;font-family: dubai-bold, Helvetica, Arial, sans-serif;padding:0 0 0 10px; position: relative}
.articlePage .article-content div.authors h3.article_date{display: inline-block;color:#555555;font-size: 17px;font-family: dubai-regular, Helvetica, Arial, sans-serif;position: relative;padding:0 10px 0 0}
.articlePage .article-content div.authors h2.author_name::after{content:'|';color:#626262;position: absolute;left:0;bottom:2px}
.articlePage .article-content div.wrapper{display: block;width: 100%}
.articlePage .article-content div.wrapper div.right{display: inline-block;width: calc(100% - 450px);vertical-align: top;margin: 0 0 0 70px}
.articlePage .article-content div.wrapper div.right a.link{font-size:12px; font-family: dubai-bold, Helvetica, Arial, sans-serif; color:white; background-color:#963049; display: table; padding:7px 15px; margin-top:20px}
.articlePage .article-content div.wrapper div.right a.link:hover{background-color:#ae3755}
.articlePage .article-content div.wrapper div.right h1{display: block;width: 100%;color:black;font-size: 22px;font-family: dubai-bold, Helvetica, Arial, sans-serif;margin:0 0 20px 0}
.articlePage .article-content div.wrapper div.right div.text{color:#696767;font-size: 18px;font-family: dubai-regular, Helvetica, Arial, sans-serif}
.articlePage .article-content div.wrapper div.right div.text.story-text{min-height:330px}
.articlePage .article-content div.wrapper div.right .relatedArticles{display: block; margin:20px 0}
.articlePage .article-content div.wrapper div.right .relatedArticles:before{content:"مواضيع ذات صلة"; font-size:16px; font-family: dubai-bold, Helvetica, Arial, sans-serif; color:black; display: block; margin:0 0 25px 0; padding:0 0 10px 0; border-bottom:1px solid black;}
.articlePage .article-content div.wrapper div.right .relatedArticles:after{content:""; display: block; clear: both }
.articlePage .article-content div.wrapper div.right .relatedArticles .item{width:32%; float: right; margin-left:2%; box-shadow: 0 0 2px 2px rgba(0,0,0,0.05)}
.articlePage .article-content div.wrapper div.right .relatedArticles .item:last-child{margin-left:0}
.articlePage .article-content div.wrapper div.right .relatedArticles .item a{display: block}
.articlePage .article-content div.wrapper div.right .relatedArticles .item figure{width: 100%; height:150px; margin-bottom:15px}
.articlePage .article-content div.wrapper div.right .relatedArticles .item p{font-size:12px; font-family: dubai-regular, Helvetica, Arial, sans-serif; font-weight: normal; color:black; height: 44px; overflow: hidden; margin:20px 10px}
.article-comments{margin-top:30px}
.article-comments h2{font-family: dubai-bold, Helvetica, Arial, sans-serif; color:black; padding-bottom:10px; margin-bottom:25px; border-bottom:1px solid #b3b3b3}
.article-comments h2 span.title{font-size:14px}
.article-comments h2 span.separator{width:5px; height:5px; border-radius: 50%; display: inline-block; margin:0 10px; background-color: black}
.article-comments h2 span.comments-nb{font-size:12px}
.article-comments form:after{content:""; display: block; clear: both}
.article-comments form input, .article-comments form textarea{font-size:14px; font-family: dubai-regular, Helvetica, Arial, sans-serif; color:black; padding:10px; background-color:#f8f8f8; border:1px solid #e6e6e6; border-radius: 4px}
.article-comments form textarea{width: 100% !important; max-width: 100% !important; height:100px; resize: none}
.article-comments form input{width:calc(100% - 20px); height:28px; margin-bottom:20px}
.article-comments form .input-control.half{width:48%; float: right}
.article-comments form .input-control:nth-child(even){margin-right:2%}
.article-comments form .input-control:nth-child(odd){margin-left:2%}
.article-comments form button{font-size:12px; font-family: dubai-bold, Helvetica, Arial, sans-serif; width:90px; float: right; text-align: center; display: block; color:white; margin-top:20px; border:none; background-color:black; padding:6px 15px; cursor: pointer; -webkit-border-radius: 20px; border-radius: 20px; transition: 0.3s all; -webkit-transition: 0.3s all}
.article-comments form button:active {box-shadow: 0 5px #666; transform: translateY(4px)}
.article-comments form button i.fa{margin-right:6px}
.articlePage .article-content div.wrapper div.left{display: inline-block;width: 380px;vertical-align: top}
.articlePage .article-content ul.social_media{display: block;position: absolute;top:150px;right:-40px}
.articlePage .article-content ul.social_media li{display: block;width: 45px;height: 45px;border-radius: 100%;text-align: center;margin:0 0 10px 0}
.articlePage .article-content ul.social_media li.facebook{background-color: #365993}
.articlePage .article-content ul.social_media li.twitter{background-color: #7EC4DE}
.articlePage .article-content ul.social_media li.whatsapp{background-color: #25D366}
.articlePage .article-content ul.social_media li.whatsapp.mobile{display: none}
.articlePage .article-content ul.social_media li.linkedin{background-color: #3F6EA8}
.articlePage .article-content ul.social_media li.mail{background-color: #CD4331}
.articlePage .article-content ul.social_media li a{display: block;width: 45px;height: 45px;font-size: 20px;color:white;line-height: 30px}
.articlePage .article-content ul.social_media li a i{display:block;line-height: 45px}
.articlePage .article-content ul.social_media li.plus{background-color: black;color:white}

.articlePage.exhibition-view .article-content {margin:8% auto 20px; min-height: 320px}
.articlePage.exhibition-view .article-content div.wrapper div.right h1{border-bottom:solid 1px rgba(0, 0, 0, 0.1); margin:0; padding:0 0 5px 0}
.articlePage.exhibition-view .article-content div.wrapper div.right h3.date{font-family: dubai-regular, Helvetica, Arial, sans-serif; font-size:17px; font-weight: normal; color:#555555; padding:10px 0 15px}
.exhibition-image {height: 22vw; margin: 20px 0 50px 0}

.videoPage{display: block;width: 100%; background-color:#f8f8f9; font-size: 0;box-sizing: border-box}
.videoPage div.video-wrapper{display: block;width: 100%;height: auto;min-height: 500px}
.videoPage div.video-wrapper iframe{display: block;width: 100%; background-color: #f2f2f2}
.videoPage .article-content{display: block;width: calc(80% - 20px); min-height: 400px; margin: 20px auto 60px;padding: 0 30px;max-width: 1300px;position: relative}
.videoPage .article-content div.authors{display: block;width: 100%;margin:20px auto;border-bottom:solid 1px rgba(0, 0, 0, 0.1);padding: 0 0 10px 0}
.videoPage .article-content div.authors img{margin:0 0 0 30px}
.videoPage .article-content div.authors div.info{display: inline-block;vertical-align: top;position: relative;top:5px}
.videoPage .article-content div.authors h1.title{display: inline-block;color:black;font-size: 22px;font-family: dubai-bold, Helvetica, Arial, sans-serif;padding:0 0 0 10px}
.videoPage .article-content div.authors h3.episode{display: inline-block;color:black;font-size: 16px;font-family: dubai-regular, Helvetica, Arial, sans-serif;position: relative;padding:0 10px 0 0}
.videoPage .article-content div.wrapper{display: block;width: 100%}
.videoPage .article-content div.wrapper div.right{display: inline-block;width: calc(70% - 100px);vertical-align: top;margin:0 0 0 100px}
.videoPage .article-content div.wrapper div.right h2{display: block;width: 100%;color:black;font-size: 12px;font-family: dubai-bold, Helvetica, Arial, sans-serif;margin:0 0 20px 0}
.videoPage .article-content div.wrapper div.right div.text{min-width: 300px; color:#696767;font-size: 18px;font-family: dubai-regular, Helvetica, Arial, sans-serif}
.videoPage .article-content div.wrapper div.left{display: inline-block;width: 30%;vertical-align: top}
.videoPage .article-content ul.social_media{display: block;position: absolute;top:150px;right:-40px}
.videoPage .article-content ul.social_media li{display: block;width: 45px;height: 45px;border-radius: 100%;text-align: center;margin:0 0 10px 0}
.videoPage .article-content ul.social_media li.facebook{background-color: #365993}
.videoPage .article-content ul.social_media li.twitter{background-color: #7EC4DE}
.videoPage .article-content ul.social_media li.whatsapp{background-color: #25D366}
.videoPage .article-content ul.social_media li.whatsapp.mobile{display: none}
.videoPage .article-content ul.social_media li.linkedin{background-color: #3F6EA8}
.videoPage .article-content ul.social_media li.mail{background-color: #CD4331}
.videoPage .article-content ul.social_media li a{display: block;width: 45px;height: 45px;font-size: 20px;color:white;line-height: 30px}
.videoPage .article-content ul.social_media li a i{display:block;line-height: 45px}
.videoPage .article-content ul.social_media li.plus{background-color: black;color:white}

div.mostread{display: block;width: 100%;font-size: 0;box-sizing: border-box;margin:0 0 50px 0}
div.mostread h2{display: block;width: 100%;font-size: 19px;color:black;text-align: center;border-bottom:solid 2px black;padding:0 0 10px 0;font-family: dubai-bold, Helvetica, Arial, sans-serif}
div.mostread a.item{display: block;width: 100%;vertical-align: top;margin:20px 0 0 0}
div.mostread a.item figure{display: inline-block;width: 150px;height: 100px}
div.mostread a.item div.content{display: inline-block;width: calc(100% - 170px);margin:0 20px 0 0;vertical-align: top;position: relative;height: 100px;top:10px}
div.mostread a.item div.content h3{display: block;font-size: 13px;color: black;font-family: dubai-bold, Helvetica, Arial, sans-serif;height: 46px;overflow: hidden; margin-top:17px; transition: 0.3s all}
div.mostread a.item:hover div.content h3{color:rgba(0,0,0,0.75)}
div.mostread a.item div.content span{display: block;font-size: 13px;color:black;font-family: dubai-bold, Helvetica, Arial, sans-serif;padding: 5px 0 0 0}



div.featured-books-list.author-books{margin-top:100px}
div.featured-books-list{display: block;width: 100%;box-sizing: border-box;margin:0 0 50px 0}
div.featured-books-list h2{font-size: 15px; font-family: dubai-bold, Helvetica, Arial, sans-serif; color:white; text-align: center; padding:8px 0;}
div.featured-books-list.chosen-books h2{background-color:#000000}
div.featured-books-list.author-books h2{background-color:#96304B}
div.featured-books-list ul.list{padding:30px 20px; border:1px solid rgba(76, 97, 137, 0.08); border-top:none}
div.featured-books-list ul.list li{display: block}
div.featured-books-list ul.list li a:after{content:""; display: block; clear: both}
div.featured-books-list ul.list li:not(:last-child){margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid rgba(76, 97, 137, 0.08)}
div.featured-books-list ul.list li a{display: block}
div.featured-books-list ul.list li a .figure-wrapper{padding:10px 0; width: 120px; height:100px; float: right}
div.featured-books-list ul.list li a figure{width: 100%; height:100%}
div.featured-books-list ul.list li a .content{width: calc(100% - 150px); float: left; vertical-align:top; margin:0 20px 0 0; height:80px}
div.featured-books-list.chosen-books ul.list li a .content{padding-top:20px}
div.featured-books-list.author-books ul.list li a .content{padding-top:35px; height: auto}
div.featured-books-list ul.list li a .content h3{font-size:13px; font-family: dubai-bold, Helvetica, Arial, sans-serif; height:45px; overflow: hidden; color:black}
div.featured-books-list ul.list li a .content h4{font-size: 13px; font-family: dubai-bold, Helvetica, Arial, sans-serif; color:#8B8B8B}

.latest-release-books{display: block; padding:20px; background-color:rgba(76, 97, 137, 0.08)}
.latest-release-books h2{font-size: 19px; font-family: dubai-bold, Helvetica, Arial, sans-serif; margin-bottom:30px; text-align: center; padding-bottom:10px; border-bottom:2px solid black}
.latest-release-books ul.list:after{content:""; display: block; clear: both}
.latest-release-books ul.list li{width:47%; display: inline-block; vertical-align: top; margin-bottom:20px}
.latest-release-books ul.list li:nth-child(odd){margin-left:3%}
.latest-release-books ul.list li:nth-child(even){margin-right:3%}
.latest-release-books ul.list li figure{width: 100%; height:180px; margin-bottom:15px}
.latest-release-books ul.list li h3{font-size:12px; font-family: dubai-bold, Helvetica, Arial, sans-serif; text-align: center; color:black; margin-bottom:5px}
.latest-release-books ul.list li h4{font-size:10px; font-family: dubai-bold, Helvetica, Arial, sans-serif; text-align: center; color:#5D5D5D}

div.all-episodes{display: block;width: 100%;font-size: 0;box-sizing: border-box}
div.all-episodes h2{display: block;width: 100%;font-size: 19px;color:black;text-align: right;border-bottom:solid 2px black;padding:0 0 10px 0;font-family: dubai-bold, Helvetica, Arial, sans-serif}
div.all-episodes a.item{display: block;width: 100%;vertical-align: top;margin:20px 0 0 0;    border-bottom: solid 1px rgba(0, 0, 0, 0.1);padding: 0 0 20px 0}
div.all-episodes a.item:last-child{border-bottom:none}
div.all-episodes a.item figure{display: inline-block;width: 200px;height: 100px;position: relative}
div.all-episodes a.item figure::after{content: '';clear: both;position: absolute;display: inline-block;top: 0;margin: auto;right: 0;left: 0;bottom: 0;background-image: url(/assets/images/play.png);background-size: cover;width: 30px;height: 30px;transition: 0.35s}
div.all-episodes a.item div.content{display: inline-block;width: calc(100% - 220px);margin:0 20px 0 0;vertical-align: top;position: relative;height: 100px;top:10px}
div.all-episodes a.item div.content h3{display: block;font-size: 13px;color: black;font-family: dubai-bold, Helvetica, Arial, sans-serif;height: 66px; line-height: 22px; overflow: hidden}
div.all-episodes a.item div.content span{display: block;font-size: 13px;color:black;font-family: dubai-regular, Helvetica, Arial, sans-serif;padding: 5px 0 0 0}

div.header.plain-text{display: block;width: 100%;height: 172px;background-color:#AFBBC4;position: relative}
div.header.plain-text::after{content:'';display: block;width: 100%;height: 100%;position: absolute;top:0;right:0;background-color: rgba(76, 97, 137, 0.26)}
div.header.plain-text div.title{display: block;width: 100%;text-align: center;position: relative;top: 50%;transform: translateY(-50%);z-index: 9}
div.header.plain-text div.title h1{color:white;font-size: 33px;font-family: dubai-bold, Helvetica, Arial, sans-serif;border:solid 1px white;padding:0 20px;display: inline-block}

.custom-cols{font-size:0; margin-top:50px}
.custom-cols div.right{display: inline-block;width: calc(70% - 50px);vertical-align: top;margin:0 0 0 50px}
.custom-cols div.left{display: inline-block;width: 30%;vertical-align: top; margin: auto}

footer div.footer{display: block;width: 100%;background-color: white;box-sizing: border-box;font-size: 0;vertical-align: top;direction: rtl}
footer div.footer div.top .wrapper{display: block;width: calc(90% - 20px);margin: auto;position: relative;top: 50%;transform: translateY(-50%);max-width: 1400px}
footer div.footer div.top .wrapper a.logo{display: inline-block;width: auto;vertical-align: top;position: relative;top: 20px}
footer div.footer div.top .wrapper div.left{display: block; width: 90%; margin: 0 auto}
footer div.footer div.top{display: block;width: 100%;height:315px;background-color: #1F1D1D}
footer div.footer div.top ul.top{display: block;width: 100%;padding:0 0 16px 0;border-bottom:solid 1px #ffffff1f}
footer div.footer div.top ul.top li{display: inline-block; margin: 0 0 0 94px}
footer div.footer div.top ul.top li:last-child{margin:0}
footer div.footer div.top ul.top li:last-child{display: inline;padding:0}
footer div.footer div.top ul.top li > a{font-size: 15px;font-family: dubai-regular, Helvetica, Arial, sans-serif; color:white}
footer div.footer div.top ul.top .children{margin-top:15px}
footer div.footer div.top ul.top .children a{font-size:14px; font-family: dubai-regular, Helvetica, Arial, sans-serif; display:table; color:#B1A7A7; transition: 0.3s all; -webkit-transition: 0.3s all}
footer div.footer div.top ul.top .children a:hover{color:#707070}
footer div.footer div.top ul.top .children a:not(:last-child){margin-bottom:6px}
footer div.footer div.top ul.bottom{display: block;width: 100%;padding:20px 0 0 0}
footer div.footer div.top ul.bottom:after{content: ""; display: block; clear:both}
footer div.footer div.top ul.bottom li{display: inline-block;padding:0 0 0 50px}
footer div.footer div.top ul.bottom li.social_parent{padding:0; float: left}
footer div.footer div.top ul.bottom li a{font-size: 15px;font-family: dubai-regular, Helvetica, Arial, sans-serif;color:white; display: block;}
footer div.footer div.top ul.social li{transition: .3s; -webkit-transition: .3s}
footer div.footer div.top ul.social li:hover{background-color:rgba(0,0,0,0.5)}
footer div.footer div.top ul.social li a{margin-top:3px}
footer div.footer div.top ul.bottom li ul.social{display: block;width: 100%}
footer div.footer div.top ul.bottom li ul.social li{width: 34px;height: 35px;border:solid 1px white;border-radius: 100%;padding:0;text-align: center;margin:0 0 0 10px}
footer div.footer div.top ul.bottom li ul.social li i{position: relative;top:3px}
footer div.footer div.bottom{display: block;width: 100%;height:45px;background-color: black;margin: 5px 0 0 0;text-align: center;direction: ltr!important}
footer div.footer div.bottom p{font-size: 15px;color:white;font-family: Helvetica}
footer div.footer div.bottom p a{width: 110px;height: 28px;background: url(/assets/images/whitebeard_logo.png) no-repeat center;background-size: contain;display: inline-block;position: relative;top: 4px}


/*.page_content{display: block;width: 100%;height: auto;margin: auto;transition: 0.35s;position: relative;top:100px;margin:0 0 150px 0;background: rgba(247, 247, 247, 0.48)}*/
/*.page_content{display: block;width: 100%;height: auto;margin: auto;transition: 0.35s;position: relative;top:100px;margin:0 0 400px 0;background: rgba(247, 247, 247, 0.48)}*/
.page_content{display: block;width: 100%;height: auto;transition: 0.35s;position: relative;margin:100px 0 0 0;padding-bottom: 50px; background: white}
.page_content.black{background-color: black; border-bottom:1px solid white}
.page_content.pb-0{padding-bottom:0 !important;}
/*body.bookscategories .page_content{margin: 0 0 400px 0}*/
/*body.latestnews .page_content{margin: 0 0 200px 0}*/
.page_content.dark{background-color: black}
.page_content.unvisible::after{position: absolute;top:0;right:0;background-color: rgba(0, 0, 0, 0.5);z-index: 99;width: 100%;height:100%;content:''}

.search_component{display: block;width: 100%;height:100%;background-color: black;position: fixed;top:100px;right:0;left:0;font-size: 0;box-sizing: border-box;transition: 0.35s;opacity:1;z-index: 9999}
.scrolled .search_component{top: 70px}
.search_component.before{height:200px;overflow: hidden}
.search_component.hidden{opacity:0;height:0;z-index: -1}
.search_component h3{display: block;text-align: center;margin:10px auto;color:white;font-size: 33px;font-family: dubai-bold, Helvetica, Arial, sans-serif;transition: 0.5s}
.search_component div.search_div{display: block;width: calc(80% - 20px);position: relative;margin: auto;padding: 0 10px;max-width: 1300px}
.search_component div.search_div form.required input::placeholder, .mobile_menu form.required input::placeholder{color: #990000; opacity: 1}
.mobile_menu form.required a.search-btn{color:#990000 !important;}

/*.search_component div.search_div::after{content: '\f002';position: absolute;left: 50px;top: 23px;font-size: 30px;font-family: FontAwesome;color: white}*/
.search_component div.search_div a.search-icon{cursor: pointer; position: absolute;left: 50px;top: 23px;font-size: 30px;color: white}
.search_component div.search_div input{display: block;width: calc(100% - 60px);height: 78px;background-color: #191919;border: none;border-radius: 100px;padding:0 30px;font-size: 24px;color:white;font-family: dubai-bold, Helvetica, Arial, sans-serif}
.search_component div.search_div input::placeholder{color: white}
.search_component div.wrapper{display: block;width: calc(70% - 20px);margin:auto;padding:0 10px;margin:40px auto 0 auto;max-width: 1300px}
.search_component div.wrapper ul{display: block;width: 100%;margin: auto;text-align: center;border-bottom: solid 1px  rgba(255, 255, 255, 0.3);padding: 0 0 10px 0px}
.search_component div.wrapper ul li{display: inline-block;padding:0;text-align: center;margin:0 0 0 10px;border-left:solid 1px rgba(255, 255, 255, 0.3);padding:0 20px}
.search_component div.wrapper ul li:last-child{margin:0;border-left:none}
.search_component div.wrapper ul li a{font-size: 25px;color:gray;font-family: dubai-regular, Helvetica, Arial, sans-serif;padding:0;transition:0.35s}
.search_component div.wrapper ul li a:hover, .search_component div.wrapper ul li.active a{color:white}

.search_component div.wrapper .content_wrapper{display: block;width: 100%;margin:30px auto}
.search_component div.wrapper .content_wrapper.scrollable{height:50vh; overflow-y: scroll}
.search_component div.wrapper .content_wrapper .no-results{color:white}
.search_component div.wrapper .content_wrapper  i.fa-spinner{font-size:38px; color:white; display: block; text-align: center}
.search_component div.wrapper h4{display: inline-block;text-align: right;color:white;font-size: 20px;font-family: dubai-bold, Helvetica, Arial, sans-serif;border-bottom:solid 1px white;margin:0 0 30px 0}
.search_component div.wrapper a.item{display: inline-block;width: calc((100%/3) - 20px);margin: 0 10px 20px 10px; vertical-align: top;}
.search_component div.wrapper a.item figure{display: inline-block;width: 110px;height:95px;vertical-align: top}
.search_component div.wrapper a.item div.content{display: inline-block;width: calc(100% - 130px);margin: 0 20px 0 0;height:95px}
.search_component div.wrapper a.item div.content h2{color:white;font-size: 16px;font-family: dubai-bold, Helvetica, Arial, sans-serif; max-height: 80px; overflow: hidden}
.search_component div.wrapper a.item div.content div.text{color: white;font-size: 13px;font-family: dubai-regular, Helvetica, Arial, sans-serif;height: 66px;overflow: hidden;padding:10px 0 0 0}

.homepage_search_component {width: 90%; max-width: 950px; display: block; margin: 30px auto; text-align: center}
.homepage_search_component h3{font-size: 20px; font-family: dubai-bold, Helvetica, Arial, sans-serif; border-bottom: solid 1px black; padding: 0 0 5px 0; display: inline-block; margin: 0 0 20px 0}
.homepage_search_component div.homepage_search_div{display: block;width: calc(80% - 20px);position: relative;margin: auto;padding: 0 10px;max-width: 1300px}
.homepage_search_component div.homepage_search_div input{display: block;width: calc(100% - 60px);height: 78px;border: 1px solid #191919;border-radius: 100px;padding:0 30px;font-size: 24px;font-family: dubai-regular, Helvetica, Arial, sans-serif}
.homepage_search_component div.homepage_search_div input::placeholder{color: #191919!important;}
.homepage_search_component div.homepage_search_div a.search-icon{cursor: pointer; position: absolute;left: 50px;top: 23px;font-size: 30px;color: #191919}

::-webkit-input-placeholder{color: black}
:-ms-input-placeholder{color: black}
::placeholder{color: black}
.contact .content{width: 90%; max-width: 1270px; margin:40px auto 100px}
.contact div.header{display: block;width: 100%;height: 217px;background: url(/assets/images/about_banner.png) no-repeat center;background-size: cover; background-color: #f2f2f2; position: relative}
.contact .content:after{content:""; display: block; clear: both;}
.contact .content .col-1{width: 30%; margin-right:4%; background-color:#F8F8F8; float: right}
.contact .content .col-1 h2.title{font-size:19px; font-family: dubai-bold, Helvetica, Arial, sans-serif; color:black; margin-bottom:20px}
.contact .content .col-2{width: 66%; float: right}
.contact .content .col-1 .card{padding:30px 20px}
.contact .content .col-1 .block{margin-bottom:10px}
.contact .content .col-1 .block:after{content:""; display: block; clear: both;}
.contact .content .col-1 .block:first-child{margin-bottom:15px}
.contact .content .col-1 .block figure{width:15px; height:15px; float: right; margin:5px 0 0 10px}
.contact .content .col-1 .block .text{width: 100%}
.contact .content .col-1 .block .text p{font-size:15px; font-family: dubai-regular, Helvetica, Arial, sans-serif; color:#000000}
.contact .content .col-1 .block .text p:not(:last-child){margin-bottom:4px}
.contact .content .col-1 .emails{margin:30px 0 0}
.contact .content .col-1 .emails p{font-size:17px; font-weight: bold; font-family: dubai-bold, Helvetica, Arial, sans-serif; color:#963049}
.contact .form-wrapper{padding-right:40px}
.contact .form-wrapper .alert-message{font-size:15px; font-family: dubai-regular, Helvetica, Arial, sans-serif; margin-bottom:10px; display: none}
.contact .form-wrapper .alert-message.error{color:red}
.contact .form-wrapper .alert-message.success{color:#963049}
.contact .content form{font-size: 0; width: 100%; display: block}
.contact .content form input{width: 48%; display: inline-block; vertical-align: top; margin-bottom:20px}
.contact .content form input:nth-child(even){margin-left:2%}
.contact .content form input:nth-child(odd){margin-right:2%}
.contact .content .select-box{width:48%; margin-left:2%; height:53px; margin-bottom:20px; display: inline-block; vertical-align: top; position: relative}
.contact .content .select-box:after{content:"\f107"; font-size:21px; font-family: FontAwesome; display: block; position: absolute; top:15px; left:20px}
.contact .content select{width:100%; height:49px}
.contact .content select {-moz-appearance:none; -webkit-appearance:none; appearance:none}
.contact .content form textarea{width: 100%; height:187px; max-width: 100% !important; min-width: 100% !important; min-height: 187px !important; max-height: 187px !important; display: block; background: white; margin-bottom:20px; resize: none}
.contact .content form input, .contact .content select, .contact .content form textarea{font-size:16px; font-family: dubai-regular, Helvetica, Arial, sans-serif; color:black; border:1px solid #d9d9d9; padding:10px; box-sizing: border-box}
.contact .content form button{ font-size:14px; font-family: dubai-regular, Helvetica, Arial, sans-serif; width: 100%; background:black; border-radius: 20px; -webkit-border-radius: 20px; border:none; padding:6px 15px; color:white; display: block; text-align: center; cursor: pointer; transition: 0.3s all; -webkit-transition: 0.3s all}
.contact .content form button:hover{transform:translateY(-2px)}
.contact .content form button.disabled{pointer-events: none}
.contact .content form .action{width: 100px; float: right; position: relative}
.contact .content form .action i.fa{font-size:15px; position: absolute; top:12px; left:10px; color:white}
.contact .map{width: 100%; height: 360px; display: block; margin:0 0 40px; filter: brightness(0.7); -webkit-filter: brightness(0.7)}
.contact .map iframe{width: 100%; height: 100%; background-color:#e6e6e6}
.contact .success-message{border:1px solid rgba(0,0,0,0.15); padding:30px; text-align: center; display: block; margin-right:40px; display: none}
.contact .success-message .inner-block{max-width: 90%; margin:auto}
.contact .success-message img{display: block; margin:auto}
.contact .success-message h3{font-size:18px; font-family: dubai-bold, Helvetica, Arial, sans-serif; color:black; margin:30px 0 20px}
.contact .success-message p{font-size:16px; font-family: dubai-regular, Helvetica, Arial, sans-serif; color:black; margin-bottom:30px;}
.contact .success-message a.custom-btn{font-size:12px; width: 110px; margin:auto}

.blurring  {animation: yourCustomAnimation 1s;animation-fill-mode: both}

.faqs-list ul.list{display: block; margin:30px auto; list-style: none}
.faqs-list ul.list li{background-color:white; box-shadow: 0 2px 10px rgba(0,0,0,0.1)}
.faqs-list ul.list li:not(:last-child){margin-bottom:30px}
.faqs-list ul.list li > a{font-size:16px; font-family: dubai-bold, Helvetica, Arial, sans-serif; color:black; position: relative; display: block; padding:25px}
.faqs-list ul.list li > a:after{content:"\f105"; font-size: 20px; font-weight: bold; font-family: FontAwesome; display: block; position: absolute; left:25px; top:25px; transition: .3s all; -webkit-transition: .3s all}
.faqs-list ul.list li.active > a:after{transform: rotate(90deg); -webkit-transform: rotate(90deg)}
.faqs-list ul.list li .answer{font-size:14px; font-family: dubai-regular, Helvetica, Arial, sans-serif; color:#6E6E6E; padding:0 25px 25px 25px; display: none}

.privacy-policy .content p, .privacy-policy .content ul li{font-size:16px; font-family: dubai-regular, Helvetica, Arial, sans-serif; color:#6E6E6E}
.privacy-policy .content ul{margin-right:40px}
.privacy-policy div.header{background-color:#B1B1B1}
.privacy-policy .content p.bold{font-family: dubai-bold, Helvetica, Arial, sans-serif; color:black}

.versions-directory{background-color:#F2F3F4}
.versions-directory div.header{display: block;width: 100%;height: 217px;background: url('/assets/images/catalogue_banner.png') no-repeat center;background-size: cover;background-position: center center;position: relative}
.versions-directory div.header::after{content:'';display: block;width: 100%;height: 100%;position: absolute;top:0;right:0;background-color: rgba(76, 97, 137, 0.26)}
.versions-directory div.header div.title{display: block;width: 100%;text-align: center;position: relative;top: 50%;transform: translateY(-50%);z-index: 9}
.versions-directory div.header div.title h1{color:white;font-size: 33px;font-family: dubai-bold, Helvetica, Arial, sans-serif;border:solid 1px white;padding:0 20px;display: inline-block}
.versions-directory div.mainContainer{margin: 70px auto 0; max-width: 1300px}
.versions-directory ul.list{font-size:0; padding:0 0 100px}
.versions-directory ul.list li{width:calc(100% / 4 - 30px); display: inline-block; vertical-align: top; box-shadow: 0 2px 6px rgba(0,0,0,0.4); -webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.4)}
.versions-directory ul.list li:not(:last-child){margin-left:40px}
.versions-directory ul.list li a{display: block; text-align: center; padding:15px 20px; transition: 0.3s all; -webkit-transition: 0.3s all}
.versions-directory ul.list li.books a{background-color:#181E31}
.versions-directory ul.list li.academic a{background-color:#52596F}
.versions-directory ul.list li.publications a{background-color:#8295BA}
.versions-directory ul.list li.guide a{background-color:#AFBBC4}
.versions-directory ul.list li a:hover{transform: scale(1.08); -webkit-transform: scale(1.08); border-radius: 7px}
.versions-directory ul.list li a:active{transform: scale(1); -webkit-transform: scale(1)}
.versions-directory ul.list li img.icon{max-width: 50px}
.versions-directory ul.list li .title{font-size:17px; font-family: dubai-bold, Helvetica, Arial, sans-serif; display: block; margin:10px 0; padding:0 0 10px; border-bottom:2px solid white; color:white; min-height:64px}
.versions-directory ul.list li .title span{display: block}
.versions-directory ul.list li .download span{font-size:15px; font-family: dubai-bold, Helvetica, Arial, sans-serif; color:white;}
.versions-directory ul.list li .download img{max-width:20px; display: inline-block; vertical-align: top; margin-left:15px}
.versions-directory .suggestions{background:initial; margin-bottom:250px}

.faqs-list .header {background: url('/assets/images/faq_banner.png') no-repeat center center; background-size: cover}

div.digital-magazine-header{display: block;width: 100%;height: 217px;background: url('/assets/images/almashreq_online_banner.png') no-repeat center;background-size: cover; background-color: #f2f2f2}
.digital-magazine ul.list{font-size: 0; margin:50px 0}
.digital-magazine ul.list li{width:calc(100% / 4 - 30px); display: inline-block; vertical-align: top; text-align: center; margin-bottom:40px}
.digital-magazine ul.list li:not(:last-child){margin-left:30px}
.digital-magazine ul.list li a{display: block; transition: .3s all}
.digital-magazine ul.list li a:hover{transform: translateY(5px)}
.digital-magazine ul.list li figure{width:100%; height:250px;}
.digital-magazine ul.list li h3{font-size:16px; font-family: dubai-bold, Helvetica, Arial, sans-serif; color:black; margin:15px 0 5px}
.digital-magazine ul.list li p{font-size:15px; font-family: dubai-regular, Helvetica, Arial, sans-serif; color:#963049}
.digital-magazine-issue .editorial{width:100%; height:300px; display: block; margin-bottom:40px; position: relative}
.digital-magazine-issue .editorial a{display: block; height:100%;}
.digital-magazine-issue .editorial figure{width:100%; height:100%}
.digital-magazine-issue .editorial .text{width:100%; position: absolute; bottom:0; right:0; background:linear-gradient(to bottom,transparent 0,#000 100%); background: -webkit-gradient(linear,left top,left bottom,from(transparent),to(black)); padding:0 0 30px 0}
.digital-magazine-issue .editorial h2{font-size:13px; font-family: dubai-regular, Helvetica, Arial, sans-serif; font-weight: normal; background-color:#963049; color:white; padding:5px 10px; margin:0 30px 10px 0; display: table}
.digital-magazine-issue .editorial h3{font-size:15px; font-family: dubai-bold, Helvetica, Arial, sans-serif; color:white; margin:0 30px 0; transition: .3s all}
.digital-magazine-issue .editorial a:hover h3{color:#963049}
.digital-magazine-issue .advisors-board ul.list{margin:35px 0; font-size:0}
.digital-magazine-issue .advisors-board ul.list li{width:calc(100% / 4 - 15px); min-height: 95px; display: inline-block; vertical-align: top; margin:0 0 20px 20px; background-color:white; box-shadow: 0 2px 10px rgba(0,0,0,0.1); text-align: center}
.digital-magazine-issue .advisors-board ul.list li:nth-child(4n){margin-left:0}
.digital-magazine-issue .advisors-board ul.list li h3{font-size:14px; font-family: dubai-bold, Helvetica, Arial, sans-serif; color:black; padding:20px}
.digital-magazine-issue .advisors-board ul.list li h3 a {color:black}
.digital-magazine-issue .advisors-board ul.list li h3 span{display: block}
.digital-magazine-issue .advisors-board ul.list li:not(:first-child) h3{padding-top:34px}
.digital-magazine-categories .block{margin-bottom:40px}
.digital-magazine-categories .block ul{margin-top:35px}
.digital-magazine-categories .block ul li{display: block; font-size:0; box-shadow: 0 2px 10px rgba(0,0,0,0.1); padding:20px;}
.digital-magazine-categories .block ul li a{display: block; color:inherit; transition: .3s all; -webkit-transition: .3s all}
.digital-magazine-categories .block ul li:not(:last-child){margin-bottom: 30px}
.digital-magazine-categories .block ul li a.figure{width:200px; height:230px; display:inline-block; vertical-align: top}
.digital-magazine-categories .block ul li a.figure figure{width:100%; height:100%}
.digital-magazine-categories .block ul li .text-col{width:calc(100% - 230px); display:inline-block; vertical-align: top; margin-right: 30px}
.digital-magazine-categories .block ul li .text-col h3{font-size:15px; font-weight: normal; font-family: dubai-regular, Helvetica, Arial, sans-serif; color:#5D5D5D}
.digital-magazine-categories .block ul li .text-col h2{font-size:16px; font-family: dubai-bold, Helvetica, Arial, sans-serif; color:#1F1D1D; margin:10px 0 8px}
.digital-magazine-categories .block ul li .text-col h2 a:hover{color:#963049}
.digital-magazine-categories .block ul li .text-col p{font-size:13px; font-family: dubai-regular, Helvetica, Arial, sans-serif; color:#6E6E6E}
.digital-magazine-categories .block ul li a.link{font-size:12px; font-family: dubai-bold, Helvetica, Arial, sans-serif; color:white; background-color:#963049; display: table; padding:7px; margin-top:20px}
.digital-magazine-categories .block ul li a.link:hover{background-color:#ae3755}

.digital_magazine_texts_titles {text-align: center; margin: 0 0 30px 0;display: grid;grid-template-columns: repeat(3,32%);grid-column-gap: 2%;}
.digital_magazine_texts_titles a {min-height: 95px; display: inline-block; vertical-align: top; margin: 0 0 20px 0; background-color: #fff; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); text-align: center; position: relative}
.digital_magazine_texts_paragraphs ul span{color: #FF0000;font-weight: bolder;}
.digital_magazine_texts_titles a span { font-size: 16px; font-family: dubai-bold,Helvetica,Arial,sans-serif; color: #000; width: 100%; transform: translateY(-50%); position: absolute; top: 50%; right: 0;}
.digital_magazine_texts_paragraphs > div {margin: 0 0 30px 0; font-size: 19px}
.digital_magazine_texts_paragraphs h3 {font-family: dubai-bold,Helvetica,Arial,sans-serif; margin: 0 0 10px 0;position: relative;display: block;padding: 0 20px 0 0;}
.digital_magazine_texts_paragraphs h3::before{content: '';background:url('/assets/images/dot.png');position: absolute;display: inline-block;margin: 0 25px 0 0;top: 15px;right: -25px;width: 10px;height: 10px;background-size: 12px;}
.digital_magazine_texts_paragraphs p {font-family: dubai-regular,Helvetica,Arial,sans-serif;font-size: 20px;}
.digital_magazine_texts_paragraphs ul.texts{margin: 30px 0;font-family: dubai-regular, Helvetica, Arial, sans-serif;}
.digital_magazine_texts_paragraphs ul.texts li{margin: 0 50px 15px 0;list-style: none;list-style: circle;}
.digital_magazine_texts_paragraphs div#p5 div{margin: 0 50px 0 0;}
.digital_magazine_texts_paragraphs div#p5 a{text-decoration: underline !important;}

/* aqlam jadeeda page */
div.aqlam-jadida-banner{display: block;width: 100%;height: 217px;background: url('/assets/images/aqlam-jadida-category.jpg') no-repeat;background-size: cover;background-color: #f2f2f2}
.aqlam-jadida ul.list {font-size: 0;margin: 50px 0}
.aqlam-jadida ul.list li {width: calc(100% / 4 - 30px);display: inline-block;vertical-align: top;text-align: center;margin-bottom: 40px}
.aqlam-jadida ul.list li:not(:last-child) {margin-left: 30px}
.aqlam-jadida ul.list li a {display: block;transition: .3s all}
.aqlam-jadida ul.list li a:hover {transform: translateY(5px)}
.aqlam-jadida ul.list li figure {width: 100%;height: 250px;}
.aqlam-jadida ul.list li h3 {font-size: 16px;font-family: dubai-bold, Helvetica, Arial, sans-serif;color: black;margin: 15px 0 5px}
.aqlam-jadida ul.list li p {font-size: 15px;font-family: dubai-regular, Helvetica, Arial, sans-serif;color: #963049}
.aqlam_jadida_texts_titles {text-align: center;margin: 0 0 30px 0;display: grid;grid-template-columns: repeat(3, 32%);grid-column-gap: 2%;}
.aqlam_jadida_texts_titles a {min-height: 95px;display: inline-block;vertical-align: top;margin: 0 0 20px 0;background-color: #fff;box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);text-align: center;position: relative}
.aqlam_jadida_texts_paragraphs ul span {color: #FF0000;font-weight: bolder;}
.aqlam_jadida_texts_titles a span {font-size: 16px;font-family: dubai-bold, Helvetica, Arial, sans-serif;color: #000;width: 100%;transform: translateY(-50%);position: absolute;top: 50%;right: 0;}
.aqlam_jadida_texts_paragraphs>div {margin: 0 0 30px 0;font-size: 19px}
.aqlam_jadida_texts_paragraphs h3 {font-family: dubai-bold, Helvetica, Arial, sans-serif;margin: 0 0 10px 0;position: relative;display: block;padding: 0 20px 0 0;}
.aqlam_jadida_texts_paragraphs h3::before {content: '';background: url('/assets/images/dot.png');position: absolute;display: inline-block;margin: 0 25px 0 0;top: 15px;right: -25px;width: 10px;height: 10px;background-size: 12px;}
.aqlam_jadida_texts_paragraphs p {font-family: dubai-regular, Helvetica, Arial, sans-serif;font-size: 20px;}
.aqlam_jadida_texts_paragraphs ul.texts {margin: 30px 0;font-family: dubai-regular, Helvetica, Arial, sans-serif;}
.aqlam_jadida_texts_paragraphs ul.texts li {margin: 0 50px 15px 0;list-style: none;list-style: circle;}
.aqlam_jadida_texts_paragraphs div#p5 div {margin: 0 50px 0 0;}
.aqlam_jadida_texts_paragraphs div#p5 a {text-decoration: underline !important;}

.sitemap .header{background-color:black; height:175px}
.sitemap .map-block:not(:last-child){margin-bottom:20px}
.sitemap .map-block h2{font-size:22px; font-family: dubai-bold, Helvetica, Arial, sans-serif; color:black; padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid rgba(0,0,0,0.13)}
.sitemap .map-block a{display: block; color:inherit; transition: .3s; -webkit-transition: .3s}
.sitemap .map-block ul li{display: block}
.sitemap .map-block ul li:not(:last-child){margin-bottom:5px}
.sitemap .map-block ul li a{font-size:17px; font-family: dubai-regular, Helvetica, Arial, sans-serif; color:black}
.sitemap .map-block ul li a:hover{color:rgba(0,0,0,0.7)}

.search-page{background-color:black}
.search-page .mainContainer{padding-top:10px}
.search-page h3.page-title{font-size:17px; font-family: dubai-bold, Helvetica, Arial, sans-serif; color:white; margin:20px 0; text-align: center}
.search-page h1{font-size:22px; font-family: dubai-bold, Helvetica, Arial, sans-serif; text-align: center; line-height: 1; padding:10px; margin-bottom:20px; background-color:#191919; color:white}
.search-page .list-wrapper:first-of-type{padding-bottom:20px; margin-bottom:20px; border-bottom:2px solid rgba(255,255,255, 0.2)}
.search-page .list-wrapper h2{font-size:16px; font-family: dubai-bold, Helvetica, Arial, sans-serif; color:white; padding-bottom:5px; margin-bottom:20px; border-bottom:2px solid rgba(255,255,255, 0.2)}
.search-page .list-wrapper ul li a{display: flex}
.search-page .list-wrapper ul li:not(:last-child){margin-bottom:20px}
.search-page .list-wrapper ul li figure{width:100px; height:100px; margin-left:15px}
.search-page .list-wrapper ul li .text{width:calc(100% - 115px)}
.search-page .list-wrapper ul li .text h3{font-size:15px; font-family: dubai-bold, Helvetica, Arial, sans-serif; overflow: hidden; max-height: 24px; margin-bottom:15px; color:white}
.search-page .list-wrapper ul li .text p{font-size:14px; color:white; line-height: 20px; max-height: 40px; overflow: hidden}
.search-page .no-results{margin:0; font-size:16px; color:white}
.digital-magazine-issue .aqlam-jadida-category-img{background-size: cover !important;height: 100% !important;}

@keyframes yourCustomAnimation {
    0% {
        filter:blur(15px);
    -webkit-filter: blur(15px)
    }
    25% {
        filter:blur(10px);
        -webkit-filter: blur(10px)
    }
    50% {
        filter:blur(5px);
        -webkit-filter: blur(5px)
    }
    75% {
        filter:blur(2px);
        -webkit-filter: blur(2px)
    }
    100% {
        filter:blur(0);
        -webkit-filter: blur(0)
    }
}


a.toTop{width: 40px;height: 40px;background-color: black;color: #FFFFFF;bottom: 50px;right: 25px;text-align: center;position: fixed;line-height: 36px;font-size: 30px;transition: .25s;z-index: 10;opacity: 0.5}
a.toTop:hover{opacity: 1}
.animate{opacity:0.5}
.elementToFadeInAndOut {
    opacity: 1;
    animation: fade 1s linear;
}

@-webkit-keyframes blink {
    0% {
        opacity:1;
    }
    25% {
        opacity:0.75;
    }
    50% {
        opacity:0.55;
    }
    50% {
        opacity:0.35;
    }
    100% {
        opacity:1;
    }
}

@-moz-keyframes blink {
    0% {
        opacity:1;
    }
    25% {
        opacity:0.75;
    }
    50% {
        opacity:0.55;
    }
    50% {
        opacity:0.35;
    }
    100% {
        opacity:1;
    }
}

@keyframes blink {
    0% {
        opacity:1;
    }
    25% {
        opacity:0.75;
    }
    50% {
        opacity:0.55;
    }
    50% {
        opacity:0.35;
    }
    100% {
        opacity:1;
    }
}

.elementToFadeInAndOut {
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
    -moz-animation: blink 2s ease-in-out infinite normal;
    -webkit-animation: blink 2s ease-in-out infinite normal;
    animation: blink 2s ease-in-out infinite normal;
}

div.mobile_menu{display: none}

@media only screen and (max-width: 1575px) {
    .mainContainer.header div.top-header ul.desktop-menu li{padding:0 15px}
}

@media only screen and (max-width: 1475px) {
    .mainContainer.header div.top-header ul.desktop-menu li a{font-size:14px}
}

@media only screen and (max-width: 1405px) {
    .mainContainer.header div.top-header ul.desktop-menu li{padding:0 10px}
}

@media only screen and (max-width: 1370px) {
    .magazine-news .left-col{width:100%; display: block; margin:0 0 40px}
    .magazine-news .right-col{width:100%; display: block}
    .magazine-news .mainContainer{width: 90%}

    .online-magazine-section ul li{width: calc(100% / 6 - 20px)}
    .online-magazine-section ul li:not(:last-child){margin-left:24px}
   .aqlam-jadida-articles-section ul li { width: calc(100% / 6 - 20px)}
   .aqlam-jadida-articles-section ul li:not(:last-child) {margin-left: 24px}
    .school-books-section ul li{width: calc(100% / 6 - 20px)}
    .school-books-section ul li:not(:last-child){margin-left:24px}
}

@media only screen and (max-width: 1305px) {
    .mainContainer.header{width:95%}
}

@media only screen and (max-width: 1215px) {
    .mainContainer.header div.top-header .dollar-rate{font-size:10px}
    .mainContainer.header div.top-header div.header-options{width:20px}
    .mainContainer.header div.top-header div.header-options a.search{width:20px; height:20px}
    .mainContainer.header div.top-header ul.desktop-menu li{padding:0 9px}
    .mainContainer.header div.top-header ul.desktop-menu li a{font-size:13px}
}

@media only screen and (max-width: 1200px) {
    .author-view .author-books ul li{width: 100%; display: block}
    .author-view .author-books ul li:nth-child(odd), .author-view .author-books ul li:nth-child(even){margin:0 0 30px 0}
}

@media only screen and (max-width: 1130px) {
    .mainContainer.header div.top-header a.logo{width:90px}
    .mainContainer.header div.top-header ul.desktop-menu{width:calc(100% - 205px)}
    .mainContainer.header div.top-header ul.desktop-menu li:first-child, .mainContainer.header div.top-header ul.desktop-menu li:nth-child(2){display: none}
    .mainContainer.header div.top-header ul.desktop-menu li {border-left: none}

}

@media only screen and (max-width: 1000px) {
    .mobile{display: block!important;width: 100%}
    .desktop{display: none!important}
    header{height:70px}
    .page_content{top: 70px;margin:0 0 100px 0}
    .page_content.black{margin:0 0 70px 0}
    .page_content.mobile-no-margin{margin-bottom:70px; padding:0}
    .mainContainer.header.mobile{display: block;width: calc(100% - 20px);margin: auto;text-align: center;position: relative;top:7px;height: calc(100% - 10px)}
    /*.mainContainer.header.mobile a.logo{background: url(/assets/images/logo.jpg);background-position: center center;background-repeat: no-repeat;background-size: contain;width: 106px;height: 46px;display: block;margin: auto}*/
    .mainContainer.header.mobile a.logo{width:100px; display: block; margin:auto}
    .mainContainer.header.mobile a.logo img{height:60px}
    .mainContainer.header.mobile a.menu{background: url(/assets/images/menu.png);background-position: center center;background-repeat: no-repeat;background-size: contain;width: 28px;height: 22px;position: absolute;right:5px;top:10px}
    .mainContainer.header.mobile a.account{background: url(/assets/images/author_placeholder.png);background-position: center center;background-repeat: no-repeat;background-size: contain;width: 37px;height: 37px;position: absolute;left:5px;top:5px}

    div.header.plain-text div.title{width:90%; margin:auto}
    div.header.plain-text div.title h1{font-size:20px}
    .custom-cols div.left, .custom-cols div.right{display: block;width: 95%}
    .custom-cols div.left .vertical-ad{display: none}
    .custom-cols div.right{margin:0 auto 30px}

    .articlePage.storyPage div.header div.title h2{font-size: 23px}
    .articlePage.storyPage div.header{height:180px}
    .articlePage .article-content div.wrapper div.right div.text.story-text{min-height: auto; margin-bottom:30px}
    .articlePage.storyPage .more-stories h2{font-size:16px}
    .articlePage.storyPage .more-stories ul li .text h3{font-size:13px}

    .articlePage div.header div.info{right:10px;bottom:10px;width: calc(100% - 20px)}
    .articlePage div.header div.info h2{font-size: 14px;max-width: 100%}
    .articlePage .article-content{padding:0;width: calc(100% - 20px)}
    .articlePage .article-content div.wrapper div.right{display: block;width: 100%}
    .articlePage .article-content div.wrapper div.left{display: block;width: 100%}
    .articlePage .article-content ul.social_media{position: fixed;bottom: 0;right: 0;width: 100%;top:initial;z-index: 9}
    .articlePage .article-content ul.social_media li{margin:0;display: inline-block;width: calc(100% / 5);border-radius: 0;text-align: center;height: auto}
    .articlePage .article-content ul.social_media li a{width: 100%}
    .articlePage .article-content ul.social_media li.desktop{display: none!important}
    .articlePage .article-content ul.social_media li.mobile{display: inline-block!important}
    .articlePage div.header{height: 188px}
    .articlePage div.header figure{height: 188px}
    .articlePage.exhibition-view .article-content{min-height: initial}
    .exhibition-image {height: 200px}
    .articlePage .article-content div.wrapper div.right h1{font-size: 17px}
    .articlePage .article-content div.wrapper div.right div.text{font-size: 15px}
    .articlePage .article-content div.authors img{width: 40px;height: 40px}
    .articlePage .article-content div.authors{margin:10px auto}
    .articlePage .article-content div.authors h2.author_name{font-size: 13px}
    .articlePage .article-content div.authors h3.article_date{font-size: 13px}
    .articlePage div.header figure figcaption {width: 100%; font-size: 13px; padding: 5px 10px; box-sizing: border-box}
    /*.articlePage .article-content div.wrapper div.right .related-articles ul li{width:100%; display: block; float: initial; margin:0 0 20px 0}*/
    .articlePage .article-content div.wrapper div.right .relatedArticles .item{width:100%; display: block; float: initial; margin:0 0 20px 0}
    .article-comments form .input-control.half{width:100%; float: initial; margin-bottom:20px}
    .article-comments form .input-control:nth-child(even){margin-left:0}
    .article-comments form .input-control:nth-child(odd){margin-right:0}

    .videoPage div.header div.info{right:10px;bottom:10px;width: calc(100% - 20px)}
    .videoPage div.header div.info h2{font-size: 14px;max-width: 100%}
    .videoPage .article-content{padding:0;width: calc(100% - 20px)}
    .videoPage .article-content div.wrapper div.right{display: block;width: 100%}
    .videoPage .article-content div.wrapper div.left{display: block;width: 100%}
    .videoPage .article-content ul.social_media{position: fixed;bottom: 0;right: 0;width: 100%;top:initial; z-index: 1}
    .videoPage .article-content ul.social_media li{margin:0;display: inline-block;width: calc(100% / 5);border-radius: 0;text-align: center;height: auto}
    .videoPage .article-content ul.social_media li a{width: 100%}
    .videoPage .article-content ul.social_media li.desktop{display: none!important}
    .videoPage .article-content ul.social_media li.mobile{display: inline-block!important}
    .videoPage div.header{height: 188px}
    .videoPage div.header figure{height: 188px}
    .videoPage .article-content div.wrapper div.right h1{font-size: 17px}
    .videoPage .article-content div.wrapper div.right div.text{font-size: 15px}
    .videoPage .article-content div.authors img{width: 40px;height: 40px}
    .videoPage .article-content div.authors{margin:10px auto}
    .videoPage .article-content div.authors h2.author_name{font-size: 13px}
    .videoPage .article-content div.authors h3.article_date{font-size: 13px}

    div.mostread{margin:20px auto}
    div.mostread a.item div.content h3{font-size: 12px;height: 45px}
    div.mostread a.item figure{width: 130px;height: 89px}
    div.mostread a.item div.content{height: 89px;width: calc(100% - 150px)}
    div.all-episodes{margin:20px auto}
    div.all-episodes a.item div.content h3{font-size: 12px;height: 45px}
    div.all-episodes a.item figure{width: 130px;height: 80px}
    div.all-episodes a.item div.content{width: calc(100% - 150px)}

    .authors div.header{height: 120px}
    .authors div.header div.title h1{font-size: 20px}
    .authors div.mainContainer{width: 100%}
    .authors div.mainContainer div.wrapper a.item{display: inline-block;width: calc((100% / 2) - 20px);margin:0 10px 20px 5px}
    .authors div.mainContainer div.wrapper div.items{margin:30px auto}
    .authors div.mainContainer div.wrapper ul.arabic-alphabet{width: calc(100% - 20px); margin:30px auto 0}
    .authors div.mainContainer div.wrapper ul.arabic-alphabet li{width:calc(100% / 9)}
    .authors div.mainContainer div.wrapper ul.breadcrumb{margin:30px auto;width: calc(100% - 20px)}
    .authors div.mainContainer{margin:auto}
    .authors div.mainContainer div.wrapper h3{width: 100%; padding:5px 0; font-size:15px}
    .authors div.mainContainer div.wrapper h3 span{padding-right:20px}

    .author-view .author-details{width:95%; margin:40px auto 0}
    .author-view .author-books ul{width: 95%; margin:20px auto 0}
    .author-view .author-books ul li a{padding:5px;}
    .author-view .author-books ul li a:hover{box-shadow: none}

    .magazine-news .magazine-cover {height: 100px; background: url('/assets/images/mag_banner_mobile.jpg') no-repeat center center; background-size: cover;}

    div.mobile_menu{display: block;width: 100%;position: fixed;top:0;right:0;left:0;height:100%;background-color: black;z-index:99;top:0;transition: 0.35s}
    div.mobile_menu.hidden{display: none}
    div.mobile_menu a.close_menu{display: inline-block;position: absolute;right:15px;top:10px;color:white;font-size: 26px}
    ::-webkit-input-placeholder{color: white}
    :-ms-input-placeholder{color:white}
    ::placeholder{color:white}
    .search_component div.wrapper .content_wrapper{display: block;width: 100%;margin: 30px auto;height: 570px;overflow: auto}
    div.mobile_menu div.search{display: block;width: 100%;margin:60px auto 10px auto;position: relative}
    div.mobile_menu div.search input{display: block;width: calc(100% - 60px);height: 40px;color: white;font-size: 14px;background-color: #222222;border: none;padding: 0 30px;font-family: dubai-bold, Helvetica, Arial, sans-serif}
    div.mobile_menu div.search a.search-btn{position: absolute;left:15px;top:0; bottom:0; margin:auto; font-size: 18px; color:white; display: flex; align-items: center}
    div.mobile_menu ul.items{display: block;width: 100%; height:350px; overflow-y: scroll}
    div.mobile_menu ul.items::-webkit-scrollbar{width: 2px}
    div.mobile_menu ul.items li{display: block;width: 100%;padding:10px 0;border-bottom:solid 1px rgba(255, 255, 255, 0.25);text-align: center}
    div.mobile_menu ul.items li:last-child{border:none}
    div.mobile_menu ul.items li a{font-size: 18px;font-family: dubai-bold, Helvetica, Arial, sans-serif;color:white}
    div.mobile_menu div.socials{display: block;width: 100%;background-color: white;font-size: 0;box-sizing: border-box;position: absolute;bottom: 0}
    div.mobile_menu ul.wrapper{display: block;width: 90%;margin:auto;text-align: center;padding:20px 0}
    div.mobile_menu ul.wrapper li{display: inline-block;width: calc(100% / 3);width: 31px;height:31px;border-radius: 100%;background-color: black;margin:0 0 0 10px}
    div.mobile_menu ul.wrapper li:last-child{margin:0}
    div.mobile_menu ul.wrapper li a{color:white;font-size: 20px;line-height: 30px}
    .homeCarousel .slick_carousel a figure{height:160px; background-size: contain!important; background-color: transparent!important;}
    .mainContainer.books-categories{display: block;width: 100%;padding: 0}
    .mainContainer.books-categories div.flex-container div{width: calc((100% / 2) - 20px);}
    .featured_author div.mainContainer{display: block;width: calc(100% - 20px)}
    .featured_author div.mainContainer div.right{width: 100%;margin:auto}
    .featured_author div.mainContainer div.left{width: 100%; margin: 20px auto; height: auto}
    .featured_author a.rounded-btn{margin-top:20px}
    .latest_news div.mainContainer{display: block;width: calc(100% - 20px)}
    .latest_news div.mainContainer div.right{width: 100%;margin:auto;height: auto}
    .latest_news div.mainContainer div.right figure{height:230px}
    .latest_news div.mainContainer div.left figure {height: 230px}
    .latest_news div.mainContainer div.left{width: 100%;height:auto;margin:20px auto}
    .latest_news div.mainContainer div.left a.full{margin:0;width: 100%}
    .latest_news div.mainContainer div.left a{margin:0 0 20px 0;width: 100%}
    .latest_news div.mainContainer div.left a.full:last-child{margin:20px auto}
    .latest_news div.mainContainer div.readmore{margin: auto}
    .news_homepage div.mainContainer{display: block;width: calc(100% - 20px)}
    .news_homepage div.mainContainer div.flex-container{display: block}
    .news_homepage div.mainContainer div.flex-container div.item{width: calc(100% - 60px);display: block;height: auto;margin:0 0 20px 0}
    .news_homepage div.mainContainer div.flex-container div.item ul{position: initial;display: block;width: 100%;margin: 20px auto 0 auto}
    .message_homepage{padding-bottom:0}
    .message_homepage div.mainContainer{width: calc(100% - 20px)}
    .message_homepage div.mainContainer div.flex-container{display: block;width: 100%; margin-bottom:0}
    .message_homepage div.mainContainer div.flex-container a.item{width: 100%;display: block;margin:0 0 20px 0}
    .home_categorized_carousel div.mainContainer{width: 100%}
    .home_categorized_carousel div.mainContainer div.slider_nav div.item a{width: calc((100% / 2) - 20px)}
    .opinion_homepage div.mainContainer{width: calc(100% - 20px);padding:20px 0;margin:30px auto 0 auto}
    .opinion_homepage div.mainContainer img{display: block;margin: 0 auto 20px auto;}
    .featured-videos{padding:15px 0 30px; margin: 20px auto 0}
    .featured-videos .mainContainer div.flex-container{margin:20px auto 0 auto}
    .opinion_homepage div.mainContainer div.contents{display: block;width: calc(100% - 20px);margin:auto;padding:0 10px}
    .opinion_homepage div.mainContainer div.flex-container{display: block}
    .opinion_homepage div.mainContainer div.flex-container a.item{width: 100%;margin:0 0 20px 0;display: block}
    .opinion_homepage div.mainContainer div.flex-container a.item h2{height:20px}
    .mainContainer{display: block;width: calc(100% - 20px)}
    .featured-videos .mainContainer .featured-videos-header h2{font-size: 17px;border: none}
    .featured-videos .mainContainer .featured-videos-header{border-bottom:solid 1px #0000004d}
    .featured-videos .mainContainer .featured-videos-header a{font-size: 13px;position: relative;top: 5px;border:none}
    .featured-videos .mainContainer div.flex-container{display: block;width: 100%}
    .featured-videos .mainContainer div.flex-container div{display: block;width: 100%;margin:0 auto 20px auto}
    .featured-videos .mainContainer div.flex-container div h3{padding:10px 0 0 0;font-size: 13px}
    .featured-videos .mainContainer div.flex-container div span{font-size: 13px}
    .mainContainer.books-categories div.flex-container{margin:10px auto 0 auto}
    .featured_author div.title h2,.latest_news div.title h2,.news_homepage div.title h2,.opinion_homepage div.title h2,.message_homepage div.title h2,.mainContainer.books-categories div.title h2{font-size: 17px}
    .featured_author div.mainContainer div.right h3{font-size: 18px;padding:0}
    .featured_author div.mainContainer div.right h4{font-size: 15px}
    .featured_author div.mainContainer{margin:20px auto 0 auto}
    .homeCarousel{margin:0}
    .home_categorized_carousel div.mainContainer{margin:auto}
    .home_categorized_carousel div.mainContainer ul li{display: inline-block;padding: 0 0 0 20px;width: calc((100% / 4) - 20px)}
    .home_categorized_carousel div.mainContainer ul li a{font-size: 13px}
    .home_categorized_carousel div.mainContainer div.slider_nav div.item figure{height:213px}
    .message_homepage div.mainContainer div.flex-container a.item{padding:0 0 10px 0}
    .message_homepage div.mainContainer div.flex-container a.item h2{padding:10px 30px 10px 0}

    .subscription div.wrapper div.right{display: block;width: 100%!important}
    .subscription div.wrapper div.left{display: block;width: 100%!important}

    .homepage_search_component div.homepage_search_div input {font-size: 16px; height: auto; padding: 10px 20px}
    .homepage_search_component div.homepage_search_div a.search-icon {font-size: 18px; top: calc(50% - 11px)}

    .books_categories div.mainContainer div.options div.right ul li a{font-size: 11px}
    .books_categories div.header{height:120px}
    .books_categories div.mainContainer{display: block;width: calc(100% - 20px);margin: 20px auto 0 auto}
    .books_categories div.mainContainer div.options div.right{width: 100%;display: block}
    .books_categories div.mainContainer div.options div.left{width: 100%;display: block}
    .books_categories div.mainContainer div.wrapper div.right{width: 100%;display: block}
    .books_categories div.mainContainer div.options div.left div.search{width: 100%;display: block}
    .books_categories div.mainContainer div.options div.left select{width: 100%;display: block;margin:0 0 20px 0;font-size: 12px}
    .books_categories div.mainContainer div.options div.left div.search input{font-size: 12px}
    .books_categories div.mainContainer div.options div.left div.search::after{font-size: 15px;top:14px}
    .books_categories div.mainContainer div.wrapper div.left .block.list:nth-child(even){margin:0 0 20px 0}
    .books_categories div.mainContainer div.wrapper div.left .block.list:nth-child(odd){margin:0 0 20px 0}
    .books_categories div.mainContainer div.wrapper div.left .block.list div.figure figure{height:200px}
    .books_categories div.mainContainer div.wrapper div.left .block.list div.figure{height:216px; width: 150px; display: block; margin:0 auto 20px}
    .books_categories div.mainContainer div.wrapper div.left .block.list div.content{width: calc(100% - 20px); display: block; padding:0; margin:auto}
    .books_categories div.mainContainer div.wrapper div.left .block.list div.content h2{max-height: initial}
    .books_categories div.mainContainer div.options div.left a.reordering{position: relative;bottom:20px}
    .books_categories div.mainContainer div.options div.right ul li a span{padding:0 5px}
    .books_categories div.mainContainer div.options div.right ul li{padding:0}
    .books_categories div.mainContainer div.options div.left a.reordering:nth-child(odd){margin:0 0 0 5px}
    .books_categories div.mainContainer div.options div.left a.reordering:nth-child(even){margin:0 5px 0 0}
    .books_categories div.header div.title h1{font-size: 20px}
    .books_categories div.mainContainer div.wrapper div.left{display: block;width: 100%!important;margin:auto;padding: 20px 0}
    .books_categories div.mainContainer div.wrapper div.left .block{width: calc((100% /2) - 5px)}
    .books_categories div.mainContainer div.wrapper div.left .block:nth-child(odd){margin:0 0 0 5px}
    .books_categories div.mainContainer div.wrapper div.left .block:nth-child(even){margin:0 5px 0 0}


    .school_books_view div.wrapper{width: 100%;margin:20px auto}
    .school_books_view div.header{height: 103px}
    .school_books_view div.header div.title h1{font-size: 20px}
    .school_books_view div.wrapper ul.breadcrumb{width: calc(100% - 20px);margin:auto}
    .school_books_view div.wrapper div.school_books_view_overview{width: calc(100% - 20px);margin:20px auto}
    .school_books_view div.wrapper div.school_books_view_overview div.right{display: block;width: 100%}
    .school_books_view div.wrapper div.school_books_view_overview div.left{display: block;width: 100%;margin:auto}
    .school_books_view div.wrapper div.school_books_view_subjects{width: calc(100% - 20px);margin:20px auto}
    .school_books_view div.wrapper div.school_books_view_subjects a{width: calc((100% / 2) - 20px)}
    .school_books_view div.wrapper div.school_books_view_subjects div.subwrapper{width: 100%;margin:20px auto}
    .school_books_view div.wrapper div.school_books_view_overview div.right figure{width: 111px;background-size: contain!important}
    .school_books_view div.wrapper div.school_books_view_subjects a div.content h2{font-size: 12px}
    .school_books_view div.wrapper div.school_books_view_subjects a div.content span{font-size: 11px}
    .school_books_view div.wrapper div.school_books_view_subjects .mask i.fa{font-size:25px; top:115px}
    .school_books_view div.wrapper div.ad_desktop a img{max-width: 100%;width: 300px;height: 250px;margin: auto;display: block}
    .school_books_view div.wrapper div.ad_desktop{margin:20px auto}
    div.schools_books_responsible{margin:20px auto}
    .school_books_view div.wrapper div.school_books_view_overview div.left div.subwrapper h2{font-size: 16px}
    .school_books_view div.wrapper div.school_books_view_overview div.left div.subwrapper p{font-size: 12px}


    .book_view div.wrapper{width: 100%;margin:20px auto}
    .book_view div.header{height: 103px}
    .book_view div.header div.title h1{font-size: 20px}
    .book_view div.wrapper{width: 100%;margin: 20px auto}
    .book_view div.wrapper ul.breadcrumb{width: calc(100% - 20px);margin: auto}
    .books_view_page div.page_content{margin:0 0 400px 0}
    .book_view div.wrapper div.book_content div.right div.book_content_browsing div.introduction h2{font-size: 15px}
    .book_view div.wrapper div.book_content div.right div.book_content_browsing div.introduction h3{font-size: 14px}
    .book_view div.wrapper div.book_content div.right div.book_content_browsing div.introduction h4{font-size: 12px}
    .book_view div.wrapper div.book_content div.right div.book_content_browsing div.description h2{font-size: 15px}
    .book_view div.wrapper div.book_content div.right div.book_content_browsing div.description div.content{font-size: 13px}
    .book_view div.wrapper div.book_content{width: calc(100% - 20px);margin: 20px auto}
    .book_view div.wrapper div.book_content div.right{display: block;width: 100%}
    .book_view div.wrapper div.book_content div.right div.book_image{display: block;width: 159px;margin: 0 auto 20px auto}
    .book_view div.wrapper div.book_content div.right div.book_content_browsing{display: block;width: 100%;margin:auto}
    .book_view div.wrapper div.book_content div.right div.related{margin:20px auto}
    .book_view div.wrapper div.book_content div.right div.related a{width: 200px;margin:0 0 20px 0}
    .book_view div.wrapper div.book_content div.right div.related a figure{width: 100px;margin:auto}
    .book_view div.wrapper div.book_content div.left{width: 100%;display: block}
    .book_view div.wrapper div.book_content div.right .right-block{width:90%; max-width: 290px; margin:auto; display: block}
    .book_view div.wrapper div.book_content div.right .left-block{width:100%; display: block; margin:30px 0 0}
    
    .purchasable-book-view.book_view div.wrapper div.book_content{width:100%}
    .purchasable-book-view.book_view div.wrapper div.book_content div.right{width: 100%; margin:0 auto}
    .purchasable-book-view.book_view div.wrapper div.book_content div.left{width:90%; max-width: 300px; margin:auto}
    .purchasable-book-view.book_view .book-pages .list{overflow: hidden}
    .purchasable-book-view.book_view div.wrapper div.book_content div.right div.book_content_browsing .author-glance{padding-top:80px; position: relative; margin-bottom:30px}
    .purchasable-book-view.book_view div.wrapper div.book_content div.right div.book_content_browsing .author-glance figure, .purchasable-book-view.book_view div.wrapper div.book_content div.right div.book_content_browsing .author-glance .text{width:100%; display: block; float: initial}
    .purchasable-book-view.book_view div.wrapper div.book_content div.right div.book_content_browsing .author-glance .text{margin:25px 0 0}
    .purchasable-book-view.book_view div.wrapper div.book_content div.right div.book_content_browsing .author-glance .text h2{position: absolute; top:30px; margin:0}
    .purchasable-book-view.book_view div.featured-books-list{max-width: 300px; margin:30px auto; display: none}

    .podcast{background: transparent;border: none;padding: 0;height: auto}
    .podcast label{display: block;width: 100%;text-align: right}
    .podcast #audio_player{display: block;width: 100%;vertical-align: top;background: #FAFAFA;border: solid 1px rgba(201, 201, 201, 0.25);padding: 0 10px}
    .podcast .progress{height: 3px;background: #DDDDDD;transition: width .1s linear;display: inline-block;width: 100%;max-width: calc(100% - 150px);position: relative;top: 3px}
    .podcast .togglePlay{top:16px}

    .videos_listing div.mainContainer div.options div.right ul li a{font-size: 11px}
    .videos_listing div.header{height:120px}
    .videos_listing div.mainContainer{display: block;width: calc(100% - 20px);margin: 20px auto 0 auto}
    .videos_listing div.mainContainer div.options div.right{width: 100%;display: block}
    .videos_listing div.mainContainer div.options div.left{width: 100%;display: block}
    .videos_listing div.mainContainer div.wrapper div.right{width: 100%;display: block}
    .videos_listing div.mainContainer div.options div.left div.search{width: 100%;display: block}
    .videos_listing div.mainContainer div.options div.left select{width: 100%;display: block;margin:0 0 20px 0;font-size: 12px}
    .videos_listing div.mainContainer div.options div.left div.search input{font-size: 12px}
    .videos_listing div.mainContainer div.options div.left div.search::after{font-size: 15px;top:14px}
    .videos_listing div.mainContainer div.wrapper div.left a.featured{width: 100%;display: block;margin:0 0 20px 0}
    .videos_listing div.mainContainer div.wrapper div.left a.featured figure{height:184px}
    /*.videos_listing div.mainContainer div.wrapper div.left a.list div.content{width: calc(100% - 200px)}*/
    .videos_listing div.mainContainer div.options div.left a.reordering{position: relative;bottom:20px}
    .videos_listing div.mainContainer div.options div.right ul li a span{padding:0 5px}
    .videos_listing div.mainContainer div.options div.right ul li{padding:0}
    .videos_listing div.mainContainer div.options div.left a.reordering:nth-child(odd){margin:0 0 0 5px}
    .videos_listing div.mainContainer div.options div.left a.reordering:nth-child(even){margin:0 5px 0 0}
    .videos_listing div.header div.title h1{font-size: 20px}
    .videos_listing div.mainContainer div.wrapper div.left{display: block;width: 100%!important;margin:auto;padding: 20px 0}
    .videos_listing div.mainContainer div.wrapper div.left a{width: 100%;margin:0 0 20px 0}
    .videos_listing div.mainContainer div.wrapper div.left a div.content{padding:5px 15px}
    .videos_listing div.mainContainer div.wrapper div.left div.header-section-title{padding:3px 10px;width: calc(100% - 20px)}
    .videos_listing div.mainContainer div.wrapper{margin: 30px auto}
    .videos_listing div.mainContainer div.wrapper div.left a.featured div.content h2{font-size: 17px}

    .side_menu ul.primary li a{font-size: 14px}
    .side_menu ul.primary li ul.sub1 li a{font-size: 12px}
    .suggestions div.wrapper{display: block;width: 100%;text-align: center;margin: auto 0}
    .suggestions div.wrapper h3{display: inline-block;text-align: center;width: auto;border-bottom: solid 1px rgba(0, 0, 0, 0.2);padding: 5px 0;margin: auto}
    .suggestions.related-books div.wrapper h3{margin:30px 0}
    .suggestions div.wrapper div.items, .suggestions.related-books div.wrapper div.items{display: block;width: 100%;margin:auto}
    .suggestions div.wrapper div.items a, .suggestions.related-videos div.wrapper div.items a{width: calc((100%/2) - 5px)}
    .suggestions div.wrapper div.items a:nth-child(odd){margin:0 0 0 5px}
    .suggestions div.wrapper div.items a:nth-child(even){margin:0 5px 0 0}
    .subscription{height: auto;width: 100%;margin:auto}
    .subscription div.wrapper{padding:30px;width: calc(100% - 60px)}

    .latest_news_page div.header{height: 115px}
    .latest_news_page div.header div.title h1{font-size: 20px}
    .latest_news_page div.mainContainer{width: calc(100% - 20px)}
    .latest_news_page div.mainContainer div.wrapper div.right{display: block;width: 100%}
    .latest_news_page div.mainContainer div.wrapper div.right div.item{padding:15px;width: calc(100% - 30px)}
    .latest_news_page div.mainContainer div.wrapper div.right div.item figure{width: 100%;height: 176px}
    .latest_news_page div.mainContainer div.wrapper div.right div.item div.content{display: block;width: 100%;margin:20px auto 0 auto}
    .latest_news_page div.mainContainer div.wrapper div.right div.item div.content h2{font-size: 15px}
    .latest_news_page div.mainContainer div.wrapper div.right div.item div.content a.readmore{font-size: 12px}
    .latest_news_page div.mainContainer div.wrapper div.left{display: block;width: 100%;margin:20px auto 0 auto}

    .about_page div.header{height: 115px}
    .about_page div.header div.title h1{font-size: 20px}
    .about_page div.about_row_1{display: block;width: calc(100% - 20px);margin:20px auto}
    .about_page div.about_row_1 div.right{display: block;width: 100%;height: 223px}
    .about_page div.about_row_1 div.right div.wrapper{width: calc(100% - 30px)}
    .about_page div.about_row_1 div.right h2{font-size: 16px}
    .about_page div.about_row_1 div.right p{font-size: 12px}
    .about_page div.about_row_1 div.left{width: 100%;height: 177px;background-size: contain}
    .about_page div.about_row_2{display: block;width: calc(100% - 20px);margin:20px auto}
    .about_page div.about_row_2 div.wrapper{display: block;width: 100%;margin:auto}
    .about_page div.about_row_2 div.wrapper div.right{display: block;width: 100%;margin: auto;text-align: center}
    .about_page div.about_row_2 div.wrapper div.left{display: block;width: calc(100% - 30px);margin:20px auto}
    .about_page div.about_row_2 div.wrapper div.left h2{font-size: 16px}
    .about_page div.about_row_2 div.wrapper div.left p{font-size: 12px;padding: 10px 0 0 0}
    .about_page div.about_story{display: block;width: 100%;max-width: 100%;margin:20px auto}
    .about_page div.about_story h2{width: 100%;font-size: 14px}
    .about_page div.about_story div.item_container a{width: 100%;display: block;margin: 0 0 20px 0}
    .about_page div.about_story div.item_container a div.info{width: calc(100%  - 80px);margin: auto}
    .about_page div.about_story div.item_container a div.info p{font-size: 12px;height: 100%}
    .about_page div.about_subscription{margin:20px auto}

    .school_books div.header{height: 307px;background: url(/assets/images/school_books_mobile.png) no-repeat center;background-size: cover;background-position: center center}
    .school_books div.books div.wrapper a{width: calc((100% / 2) - 40px);vertical-align: top;margin: 0px 20px 30px 20px}
    .school_books div.books div.wrapper a figure{height: 165px;max-width: 120px}
    .school_books div.books div.wrapper a h3{font-size: 12px;padding:5px 0}
    div.schools_books_responsible h2{font-size: 14px;width: 100%}
    div.schools_books_responsible div.wrapper ul li{width: calc((100% / 3) - 20px)}
    div.schools_books_responsible div.wrapper ul li figure{height: 85px}
    .suggestions div.wrapper div.items, .suggestions.related-videos div.wrapper div.items{width:100%; top:0;position: initial;overflow: hidden;margin:30px auto}
    .suggestions.related-videos div.wrapper h3{top:10px}
    .suggestions div.wrapper h3{top:0}
    .suggestions div.wrapper div.items a div.figure figure{width: 210px;height: 258px;margin: auto;position: relative;top: 10px}
    .suggestions div.wrapper div.items a div.figure{height: 258px}
    .suggestions div.wrapper div.items a:nth-child(even){margin:0}
    .suggestions div.wrapper div.items a:nth-child(odd){margin:0}
    .suggestions div.wrapper div.items a{margin:0 0 0 10px!important}

    .press_opinions_page div.header{height: 115px}
    .press_opinions_page div.header div.title h1{font-size: 20px}
    .press_opinions_page div.mainContainer{width: calc(100% - 20px)}
    .press_opinions_page div.mainContainer div.wrapper div.right{display: block;width: 100%}
    .press_opinions_page div.mainContainer div.wrapper div.right div.item{padding: 15px;width: calc(100% - 30px);margin: 30px auto}
    .press_opinions_page div.mainContainer div.wrapper div.right div.item:last-child{margin:30px auto}
    .press_opinions_page div.mainContainer div.wrapper div.right div.item figure{width: 100%;height: 176px}
    .press_opinions_page div.mainContainer div.wrapper div.right div.item div.content{display: block;width: 100%;margin:20px auto 0 auto;height:auto}
    .press_opinions_page div.mainContainer div.wrapper div.right div.item div.content img{position: initial;margin:10px 0 0 0; display: none}
    .press_opinions_page div.mainContainer div.wrapper div.right div.item div.content h2{font-size: 13px;max-height:100%}
    .press_opinions_page div.mainContainer div.wrapper div.right div.item div.content a.readmore{font-size: 12px}
    .press_opinions_page div.mainContainer div.wrapper div.left{display: block;width: 100%;margin:20px auto 0 auto}
    .press_opinions_page div.mainContainer div.wrapper{width: calc(100% - 20px)!important}
    .press_opinions_page div.mainContainer div.wrapper div.right h3{width: 100%;font-size: 16px}
    .press_opinions_page div.mainContainer div.wrapper div.right div.item figure{width: 122px;margin:auto;display: block}
    .press_opinions_page div.mainContainer div.wrapper div.right ul.list li{width: 100%;margin:auto;border:none;display: block}
    .press_opinions_page div.mainContainer div.wrapper div.right ul.list li.active{border: none;background-color: black}
    .press_opinions_page div.mainContainer div.wrapper div.right ul.list li.active a{color:white}
    .press_opinions_page div.mainContainer div.wrapper{width: 100%!important}
    .press_opinions_page div.mainContainer div.wrapper div.right ul.list li:hover a{background-color: transparent;border: none!important}

    .message_homepage div.mainContainer div.flex-container a.item figure {height: 160px}

    .calendar_page div.header{height: 115px}
    .calendar_page div.header div.title h1{font-size: 20px}
    .calendar_page div.mainContainer{width: calc(100% - 20px)}
    .calendar_page div.mainContainer div.wrapper div.right{display: block;width: 100%}
    .calendar_page div.mainContainer div.wrapper div.right div.item{padding: 15px;width: calc(100% - 30px);margin:0 auto 30px auto}
    .calendar_page div.mainContainer div.wrapper div.right div.item:last-child{margin:30px auto}
    .calendar_page div.mainContainer div.wrapper div.right div.item figure{width: 100%;height: 176px}
    .calendar_page div.mainContainer div.wrapper div.right div.item div.content{display: block;width: 100%;margin:20px auto 0 auto}
    .calendar_page div.mainContainer div.wrapper div.right div.item div.content h2{font-size: 15px}
    .calendar_page div.mainContainer div.wrapper div.right div.item div.content a.readmore{font-size: 12px}
    .calendar_page div.mainContainer div.wrapper div.left{display: block;width: 100%;margin:20px auto 0 auto}
    .calendar_page div.mainContainer div.wrapper{width: calc(100% - 20px)!important}
    .calendar_page div.mainContainer div.wrapper div.right h3{width: 100%}
    .calendar_page div.mainContainer div.wrapper div.right div.item figure{width: 122px;margin:auto;display: block}
    .calendar_page div.mainContainer div.wrapper{width: 100%!important}

    .online-magazine-section ul{max-width: 500px; margin:40px auto}
    .online-magazine-section ul li{width:calc(50% - 10px)}
    .online-magazine-section ul li:nth-child(odd){margin:0 0 0 10px}
    .online-magazine-section ul li:nth-child(even){margin:0 10px 0 0}
    .aqlam-jadida-articles-section ul {max-width: 500px;margin: 40px auto}
    .aqlam-jadida-articles-section ul li {width: calc(50% - 10px)}
    .aqlam-jadida-articles-section ul li:nth-child(odd) {margin: 0 0 0 10px}
    .aqlam-jadida-articles-section ul li:nth-child(even) {margin: 0 10px 0 0}
    .school-books-section ul{max-width: 500px; margin:40px auto}
    .school-books-section ul li{width:calc(50% - 10px)}
    .school-books-section ul li:nth-child(odd){margin:0 0 0 10px}
    .school-books-section ul li:nth-child(even){margin:0 10px 0 0}

    .side_opinion div.wrapper h3{font-size: 16px}
    .side_opinion div.wrapper a h4{font-size: 13px}
    .side_opinion div.wrapper a div.text{font-size: 12px;height:90px}

    .search_component.before{height: 100%}
    .search_component{font-size: 28px; top:65px; display: none}
    .search_component div.search_div{display: none}
    .search_component div.wrapper{width: calc(100% - 20px)}
    .search_component div.wrapper a.item{width: calc(50% - 20px)}
    .search_component div.wrapper a.item figure{display: block;width: 100%;height: 180px}
    .search_component div.wrapper a.item div.content{display: block;width: 100%;margin:auto}
    .search_component div.wrapper a.item div.content h2{font-size: 11px;padding:5px  0 2px 0}
    .search_component div.wrapper a.item div.content div.text{font-size: 11px;height:40px}
    .search_component div.wrapper ul li a{font-size: 20px}
    .search_component div.wrapper{margin:20px auto 0 auto}

    .header.absolute-text div.title h1{font-size:20px}
    .contact div.header{height:180px}
    .contact .content{width: 100%; margin:0 0 60px}
    .contact .content .col-1{width:100%; display:block; margin:0 0 30px 0; float: initial}
    .contact .content .col-2{width:100%; display:block; float: initial}
    .contact .form-wrapper, .contact .success-message{width: 90%; margin:auto;padding:0}
    .contact .success-message .inner-block{padding:20px}
    .contact .success-message h3{font-size:16px; margin:20px 0 10px}
    .contact .success-message p{font-size:15px; margin-bottom:20px}
    .contact .content form{width: 100%}
    .contact .content form input, .contact .content .select-box{width:100%; display: block}
    .contact .content form input:nth-child(odd), .contact .content form input:nth-child(even){margin-right:0; margin-left:0}
    .contact .map{height:250px}
    .contact .content .col-1 h2.title{font-size:15px}
    .contact .content .col-1 .block .text p{font-size:13px}

    footer div.footer div.top{height: auto;text-align: center}
    footer div.footer div.top .wrapper{top:0;width: calc(100% - 40px);padding: 30px 0;transform: none;max-width: 100%}
    footer div.footer div.top .wrapper div.left{display: block;width: 100%;margin:auto}
    footer div.footer div.top ul.top li{margin: 0 0 20px 0}
    footer div.footer div.top ul.top li:nth-child(odd){width: 60%}
    footer div.footer div.top ul.top li:nth-child(even){width: 40%}
    footer div.footer div.top ul.top li > a{display: block; text-align: right}
    footer div.footer div.top .wrapper a.logo{width: 166px;margin:0 auto 50px auto;display: block;position: initial}
    footer div.footer div.bottom{margin:auto}
    footer div.footer div.top ul.bottom{margin-top:100px}
    footer div.footer div.top ul.bottom li.block_{padding: 0;display: block;width: 100%;margin: 0 0 20px 0}
    footer div.footer div.top ul.bottom li ul.social{padding:0 0 20px 0;border-bottom: solid 1px #ffffff1f;margin: 0}
    footer div.footer div.top ul.bottom li.block_.latest{margin:auto!important}
    footer div.footer div.top ul.bottom li.social_parent.desktop{display: none!important}
    footer div.footer div.top ul.bottom li{padding:0!important}
    footer div.footer div.top ul.bottom .social_parent.bottom-list{width:100%; position: absolute; bottom:190px; left:0; right:0; float: initial}

    .faqs-list ul.list li a, .faqs-list ul.list li .answer, .privacy-policy .content p{font-size:13px}
    .faqs-list ul.list li a{padding-left:45px}
    .faqs-list ul.list li a:after{font-size:16px; top:30px}

    .versions-directory div.mainContainer{margin-top:40px}
    .versions-directory ul.list{width:95%; margin:auto; padding:0 0 40px}
    .versions-directory ul.list li{width: 100%; display: block}
    .versions-directory ul.list li a{padding:20px 30px}
    .versions-directory ul.list li:not(:last-child){margin:0 0 25px 0}
    .versions-directory ul.list li a:hover{transform:initial; border-radius:initial}
    .versions-directory ul.list li .title{min-height: auto}
    .versions-directory ul.list li .title span{display: initial}
    .versions-directory .suggestions{background-color:rgba(232,240,241,0.7); padding-top:10px; height:auto; margin:0}
    .versions-directory .suggestions div.wrapper h3{width:90%; display: block;}
    .versions-directory .suggestions div.wrapper div.items{width:90%; padding-bottom:25px}
    .versions-directory .suggestions div.wrapper div.items a div.figure figure{width:90%; height:90%; top:12px}
    .versions-directory .suggestions div.wrapper div.items a:nth-child(odd){margin:0 0 0 5px !important}
    .versions-directory .suggestions div.wrapper div.items a:nth-child(even){margin: 0 5px 0 0 !important}

    .digital-magazine ul.list{max-width: 500px; margin:40px auto}
    .digital-magazine ul.list li{width:calc(50% - 10px)}
    .digital-magazine ul.list li:nth-child(odd){margin:0 0 0 10px}
    .digital-magazine ul.list li:nth-child(even){margin:0 10px 0 0}

    .aqlam-jadida ul.list {max-width: 500px;margin: 40px auto}
    .aqlam-jadida ul.list li {width: calc(50% - 10px)}
    .aqlam-jadida ul.list li:nth-child(odd) {margin: 0 0 0 10px}
    .aqlam-jadida ul.list li:nth-child(even) {margin: 0 10px 0 0}

    .block-title{font-size:13px}
    .digital-magazine-issue .advisors-board ul.list li{width:100%; display: block; margin:0 0 20px; min-height: initial}
    .digital-magazine-issue .advisors-board ul.list li h3{font-size:13px}
    .digital-magazine-issue .advisors-board ul.list li:not(:first-child) h3{padding-top:20px}
    .digital-magazine-issue .editorial{height:240px}
    .digital-magazine-issue .editorial h2{font-size:11px; margin-right:15px}
    .digital-magazine-issue .editorial h3{font-size:13px; margin:0 15px 0}
    .digital-magazine-categories .block ul li a.figure{width:180px; height:200px; display: block; margin:0 auto 20px}
    .digital-magazine-categories .block ul li .text-col{width:100%; display: block; margin:0}
    .digital-magazine-categories .block ul li .text-col h3{font-size:14px; text-align: center}
    .digital-magazine-categories .block ul li .text-col h2{font-size:15px}
    .digital-magazine-categories .block ul li a.link, .articlePage .article-content div.wrapper div.right a.link{font-size:11px}

    .digital_magazine_texts_titles a {min-height: 45px; width: 100%}
    .digital_magazine_texts_titles a span {font-size: 14px}
    .digital_magazine_texts_paragraphs > div {margin: 0 0 30px 0; font-size: 16px}

    .sitemap .header{height:120px}
    .sitemap .map-block h2{font-size:16px}
    .sitemap .map-block ul li a{font-size:15px}

    .search-page .list-wrapper{width:calc(100% - 20px); margin:auto}
    .search-page .mainContainer{width:100%;}
    .mobile-only-width{width: 100% !important;}
}

@media only screen and (max-width: 750px) {
    .author-view .author-details{width:95%; margin:40px auto 0}
    .author-view .author-details figure{display: block; margin:0 auto 70px}
    .author-view .author-details .description{width: 100%; margin-right:0; display: block}
    .author-view .author-details .description h1{position: absolute; top:-60px; left:0; right:0; margin:auto; text-align: center}
    .author-view .author-details .description h4{font-size:13px; text-align: center}
    .author-view .author-details .description .inner-block{padding:20px}
    .author-view .author-books ul{width: 95%; margin:20px auto 0}
    .author-view .author-books ul li{width: 100%; margin-right:0}
    .author-view .author-books ul li a .figure-wrapper{display: table; margin:0 auto 30px}
    .author-view .author-books ul li a .text{width:100%; display: block; margin:0}
    .digital_magazine_texts_titles{grid-template-columns: repeat(2, 49%);}
    .aqlam-jadida-category-img{background-size: contain !important}
    .aqlam-jadida-article-img{background-size: contain !important}
}

@media only screen and (max-width: 600px) {
    .magazine-news .magazine-article figure{display: block; margin:0 auto 30px}
    .magazine-news .magazine-article .text{width:100%; display: block; text-align: center; margin:0}
    .magazine-news .magazine-article .text h2{font-size:18px}
    .magazine-news .magazine-article .text a{font-size:14px; margin:0 auto 30px}
    .magazine-news .right-col h2{font-size:18px; text-align: center}
    .digital_magazine_texts_paragraphs p{font-size: 17px;}
}

@media only screen and (max-width: 360px) {
    .magazine-news .right-col ul li{width:100%; display: block}
    .magazine-news .right-col ul li:nth-child(odd){margin:0 0 20px}
    .magazine-news .right-col ul li:nth-child(even){margin:0}
}

@keyframes shake {
    10%, 90% {
        transform: translate3d(-1px, 0, 0);
    }

    20%, 80% {
        transform: translate3d(2px, 0, 0);
    }

    30%, 50%, 70% {
        transform: translate3d(-4px, 0, 0);
    }

    40%, 60% {
        transform: translate3d(4px, 0, 0);
    }
}
/* Target all types of link annotations */
section.linkAnnotation a,
a.linkAnnotation,
.buttonWidgetAnnotation a,
a.customLinkAnnotation,
.customHtmlAnnotation,
.customVideoAnnotation,
a.df-autolink,
.annotationLayer .linkAnnotation>a,
.annotationLayer a {
    background-color: transparent !important;
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
}

/* Target hover states as well */
section.linkAnnotation a:hover,
a.linkAnnotation:hover,
.buttonWidgetAnnotation a:hover,
a.customLinkAnnotation:hover,
.customHtmlAnnotation:hover,
.customVideoAnnotation:hover,
a.df-autolink:hover {
    background-color: transparent !important;
    border-color: transparent !important;
}

/* Additional specificity for PDF.js annotations */
.annotationLayer .linkAnnotation,
.df-link-content section.linkAnnotation {
    background-color: transparent !important;
    background: transparent !important;
}