@font-face{
    font-family:gethameen-book;
    src:url(../fonts/GEThameen-Book.eot?#iefix) format('embedded-opentype'),url(../fonts/GEThameen-Book.otf) format('opentype'),url(../fonts/GEThameen-Book.woff) format('woff'),url(../fonts/GEThameen-Book.ttf) format('truetype'),url(../fonts/GEThameen-Book.svg#GEThameen-Book) format('svg');
    font-weight:400;
    font-style:normal
}
@font-face{
    font-family:gethameen-demibold;
    src:url(../fonts/GEThameen-DemiBold.eot?#iefix) format('embedded-opentype'),url(../fonts/GEThameen-DemiBold.otf) format('opentype'),url(../fonts/GEThameen-DemiBold.woff) format('woff'),url(../fonts/GEThameen-DemiBold.ttf) format('truetype'),url(../fonts/GEThameen-DemiBold.svg#GEThameen-DemiBold) format('svg');
    font-weight:400;
    font-style:normal
}
@font-face{
    font-family:gethameen-light;
    src:url(../fonts/GEThameen-Light.eot?#iefix) format('embedded-opentype'),url(../fonts/GEThameen-Light.otf) format('opentype'),url(../fonts/GEThameen-Light.woff) format('woff'),url(../fonts/GEThameen-Light.ttf) format('truetype'),url(../fonts/GEThameen-Light.svg#GEThameen-Light) format('svg');
    font-weight:400;
    font-style:normal
}
::placeholder{
    color:#fff!important;
    font-size:12px;
    font-family:gethameen-book
}
img{
    height:auto
}
section{
    clear:both
}
.marquee{
    width:100%;
    overflow:hidden;
    border-top:1px solid #000;
    direction:ltr;
    background-image:url(../images/marque-bg.png);
    padding-top:9px;
    padding-bottom:9px
}
.theme-color-blue .marquee{
    background-image:url(../images/marque-bg-blue.png)
}
.theme-color-gray .marquee{
    background-image:url(../images/marque-bg-gray.png)
}
.marque-section a{
    color:#fff
}
img{
    max-width:100%
}
a:hover{
    text-decoration:none
}
body{
    font-family:gethameen-book;
    overflow-x:hidden
}
h1,h2,h3,.read-more-yellow,.section-header,.news-list a,.main-menu a,.marque-labelو.footer-items ul a{
    font-family:gethameen-demibold
}
#main-story .carousel-caption{
    width:100%;
    right:0;
    bottom:0;
    text-align:right;
    padding-right:30px;
    padding-left:30px
}
.gradiant{
    background:-webkit-linear-gradient(top,rgba(0,0,0,0.01) 0%,rgba(9,55,46,0.11) 15%,rgba(9,50,40,0.33) 35%,rgba(10,49,40,0.58) 55%,rgba(10,48,41,0.81) 75%,rgba(11,49,40,0.98) 95%,rgba(11,49,40,0.98) 100%);
    background:-o-linear-gradient(top,rgba(0,0,0,0.01) 0%,rgba(9,55,46,0.11) 15%,rgba(9,50,40,0.33) 35%,rgba(10,49,40,0.58) 55%,rgba(10,48,41,0.81) 75%,rgba(11,49,40,0.98) 95%,rgba(11,49,40,0.98) 100%);
    background:-ms-linear-gradient(top,rgba(0,0,0,0.01) 0%,rgba(9,55,46,0.11) 15%,rgba(9,50,40,0.33) 35%,rgba(10,49,40,0.58) 55%,rgba(10,48,41,0.81) 75%,rgba(11,49,40,0.98) 95%,rgba(11,49,40,0.98) 100%);
    background:-moz-linear-gradient(top,rgba(0,0,0,0.01) 0%,rgba(9,55,46,0.11) 15%,rgba(9,50,40,0.33) 35%,rgba(10,49,40,0.58) 55%,rgba(10,48,41,0.81) 75%,rgba(11,49,40,0.98) 95%,rgba(11,49,40,0.98) 100%);
    background:linear-gradient(to bottom,rgba(0,0,0,0.01) 0%,rgba(9,55,46,0.11) 15%,rgba(9,50,40,0.33) 35%,rgba(10,49,40,0.58) 55%,rgba(10,48,41,0.81) 75%,rgba(11,49,40,0.98) 95%,rgba(11,49,40,0.98) 100%)
}
#main-story .carousel-indicators{
    bottom:auto;
    left:15px;
    top:10px;
    right:auto;
    padding-left:0;
    margin:0
}
#main-story .carousel-indicators li{
    width:14px;
    height:14px;
    border-radius:50%;
    background:#5b875f;
    cursor:pointer;
    margin-right:10px
}
.theme-color-blue #main-story .carousel-indicators li{
    background:#828d87
}
.theme-color-gray #main-story .carousel-indicators li{
    background:#7d7d7d
}
.theme-color-blue #main-story .carousel-indicators li.active{
    background:#535353
}
.theme-color-gray #main-story .carousel-indicators li.active{
    background:#56696a
}
#main-story .carousel-indicators li.active{
    background:#536141
}
#main-story .carousel-caption h1,#main-story .carousel-caption p{
    max-width:80%
}
#main-story .carousel-caption h1{
    font-size:32px
}
#main-story .carousel-caption time{
    color:#fff;
    font-size:18px
}
#main-story .carousel-caption p{
    font-size:18px
}
.relative-block{
    position:relative;
    display:block
}
.absolute-text-item h2{
    color:#11322a;
    font-size:22px;
    margin-top:6px
}
.theme-color-blue .absolute-text-item h2{
    color:#15445e
}
.absolute-text-item p{
    color:#313433;
    font-size:18px
}
.green-section-absolute,.green-section-absolute:hover{
    background:#17463b;
    font-size:16px;
    position:absolute;
    bottom:10px;
    right:10px;
    min-width:98px;
    color:#fff;
    padding:3px 8px;
    padding-bottom:2px;
    text-decoration:none
}
.theme-color-blue .green-section-absolute,.theme-color-blue .green-section-absolute:hover{
    background:#1b5275
}
.theme-color-gray .green-section-absolute,.theme-color-gray .green-section-absolute:hover{
    background:#7d7d7d
}
.read-more-yellow{
    color:#11322a;
    font-size:17px;
    background:#ecb20e;
    float:left;
    padding:6px 25px;
    padding-bottom:1px
}
.absolute-text-item:hover{
    text-decoration:none
}
.ad-placeholder{
    margin-top:25px;
    clear:both
}
.section-home-1{
    background:#fff
}
.section-margin{
    margin-bottom:30px
}
.section-header,.section-header:hover{
    display:block;
    width:100%;
    background-color:#17463b;
    background-position:right;
    color:#fff;
    font-size:22px;
    padding-right:30px;
    padding:2px 15px;
    background-size:100%;
    padding-top:5px;
    position:relative;
    text-decoration:none
}
.section-header:before{
    content:'';
    position:absolute;
    right:0;
    height:100%;
    width:100%;
    background-size:93%;
    top:0;
    opacity:.2;
    background-repeat:no-repeat
}
.fancy-shadow{
    box-shadow:0 0 5px #888
}
.regular-item h2{
    color:#17463b;
    font-size:18px;
    margin-top:12px;
    min-height:42px
}
.theme-color-blue .regular-item h2{
    color:#15445e
}
.regular-item p{
    color:#121313;
    font-size:18px;
    margin-bottom:0
}
.texture-section{
    clear:both;
    float:right;
    width:100%;
    padding-bottom:40px;
    background-image:url(../images/texture-bg.png);
    padding-top:40px
}
.shadow-white-bg{
    box-shadow:0 0 5px #888;
    background:#fff;
    clear:both;
    display:block;
    float:right;
    width:100%;
    padding-bottom:44px;
    padding-top:25px
}
.section-header.section-yellow{
    margin-bottom:0;
    padding-right:15px;
    background:#ecb20e!important;
    clear:both
}
.yellow-header-section>.section-header:before{
    display:none
}
.yellow-header-section>div{
    background:#fff;
    padding-top:16px;
    padding-bottom:16px
}
.small-item{
    display:block;
    margin-bottom:20px
}
.small-item h3{
    font-size:18px;
    color:#17463b
}
.small-item .author{
    font-size:16px;
    color:#121313
}
.small-item time{
    font-size:15px;
    color:#121313;
    display:block;
    font-family:arial
}
.fancy-shadow:before{
    z-index:-1;
    position:absolute;
    content:"";
    bottom:15px;
    left:20px;
    width:50%;
    top:80%;
    max-width:300px;
    background:#777;
    -webkit-box-shadow:0 15px 10px #777;
    -moz-box-shadow:0 15px 10px #777;
    box-shadow:0 15px 10px #777;
    -webkit-transform:rotate(-3deg);
    -moz-transform:rotate(-3deg);
    -o-transform:rotate(-3deg);
    -ms-transform:rotate(-3deg);
    transform:rotate(-3deg)
}
.fancy-shadow:after{
    content:'';
    -webkit-transform:rotate(3deg);
    -moz-transform:rotate(3deg);
    -o-transform:rotate(3deg);
    -ms-transform:rotate(3deg);
    transform:rotate(3deg);
    right:19px;
    left:auto
}
.text-download-item h2{
    font-size:18px;
    padding-bottom:2px
}
.text-download-item .book-title{
    font-size:inherit;
    color:#17463b
}
a.book-download{
    font-size:15px;
    color:#394f6e;
    display:block;
    width:100%
}
.small-item:last-child{
    margin-bottom:0
}
.book-download .fa-book{
    padding-left:4px
}
.text-download-item{
    margin-bottom:7px;
    padding-bottom:7px;
    border-bottom:1px solid #ddd
}
.text-download-item:last-child{
    border:0;
    margin:0;
    padding-bottom:0
}
.three-article-item{
    clear:both;
    float:right;
    width:100%
}
.texture-section+.texture-section{
    padding-top:0
}
.single-item .section-header{
    margin-bottom:12px
}
.single-item h2{
    color:#17463b;
    font-size:19px;
    margin-top:15px;
    padding-right:3px
}
.single-item p{
    font-size:18px;
    color:#17463b
}
.videoWrapper{
    position:relative;
    padding-bottom:56.25%;
    padding-top:25px;
    height:0
}
.videoWrapper iframe{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    border:0
}
.single-item .single-body{
    box-shadow:0 0 5px #888;
    padding:6px
}
#photo-album .carousel-indicators{
    position:static;
    text-align:center;
    padding-left:20px
}
#photo-album .carousel-indicators li{
    width:15px;
    height:15px;
    border-radius:50%;
    background:#5b875f;
    cursor:pointer
}
#photo-album .carousel-indicators li.active{
    background:#536141
}
.single-item #photo-album h2{
    color:#17463b;
    font-size:19px;
    text-align:center;
    height:46px;
    margin-bottom:20px;
    margin-top:20px
}
.white-bg-section{
    background:#fff;
    float:right;
    width:100%
}
.news-first h2{
    color:#17463b;
    font-size:18px
}
.news-first p{
    color:#121313;
    font-size:16px;
    margin-bottom:0
}
.news-list{
    list-style:none;
    padding:0;
    margin:0
}
.news-list li{
    background:#e5e5e5;
    margin-bottom:6px;
    padding:5px 7px;
    max-height:64px;
    overflow:hidden
}
.news-list a{
    display:block;
    width:100%;
    color:#17463b;
    font-size:16px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis
}
.article-icon{
    background-image:url(../images/article.png);
    width:23px;
    height:15px;
    display:inline-block;
    background-repeat:no-repeat;
    vertical-align:text-top;
    margin-top:7px
}
.news-list li a{
    display:inline-block;
    vertical-align:text-top;
    width:calc(100% - 26px);
    padding-right:10px
}
a.regular-more{
    color:#deab1a;
    font-size:18px
}
.full-item{
    padding-top:15px;
    box-shadow:0 0 5px #888;
    margin-bottom:14px
}
.inline-image-item h2{
    font-size:18px;
    color:#17463b
}
.inline-image-item p{
    color:#121313;
    font-size:17px;
    margin-bottom:0
}
.most-read-body{
    float:right;
    width:100%;
    margin-top:14px;
    box-shadow:0 0 5px #888;
    padding-top:15px
}
.inline-image-item{
    border-bottom:1px solid #ddd;
    margin-bottom:12px;
    padding-bottom:8px
}
.inline-image-item:last-child{
    border:0
}
.section-padding{
    padding-top:30px
}
.full-item .section-header{
    margin-bottom:25px
}
.full-item>div{
    padding:15px
}
.bg-hide:before{
    background-image:none
}
.breadcrumb{
    background:#fff
}
.breadcrumb nav{
    border-bottom:1px solid #ccc
}
.breadcrumb nav a{
    font-size:22px;
    color:#17463b;
    font-family:gethameen-demibold;
    padding-left:5px
}
.breadcrumb nav span{
    color:#d8a51c;
    font-size:22px;
    font-family:gethameen-demibold
}
.breadcrumb nav span i{
    font-size:16px;
    padding-left:5px
}
.summary-fetured h1{
    color:#17463b;
    font-size:33px
}
.summary-fetured p{
    color:#1a1616;
    font-size:18px
}
.summary-fetured a:hover{
    text-decoration:none
}
section.summary-fetured{
    margin-bottom:38px;
    float:right;
    width:100%
}
.summary-content{
    background-image:url(../images/gray.png);
    float:right;
    clear:both;
    width:100%;
    padding-top:26px;
    margin-bottom:40px;
    padding-bottom:26px
}
.childs-margin>div{
    margin-bottom:30px;
    float:right;
    width:100%
}
.author{
    color:#121010;
    font-size:22px;
    margin-top:14px
}
.body{
    color:#121010;
    font-size:22px;
    margin-top:18px
}
header{
    width:100%;
    background:#207a65;
    clear:both;
    clear:both;
    float:right;
    width:100%;
    background-image:url(../images/header-bg.png)
}
.theme-color-blue header{
    background-image:url(../images/header-bg-blue.png)
}
.theme-color-gray header{
    background-image:url(../images/header-bg-gray.png)
}
.theme-color-blue .marque-label{
    background:#394f6e
}
.theme-color-gray .marque-label{
    background:#686868
}
.header-menu{
    background:#17463b;
    padding-right:30px;
    padding-left:30px;
    padding-top:3px;
    padding-bottom:3px
}
.main-menu a{
    color:#fff!important;
    font-size:18px;
    padding-left:14px
}
.main-menu>a{
    padding-top:6px;
    padding-bottom:6px;
    display:inline-block
}
.main-menu a:hover{
    text-decoration:none
}
.main-menu a.active,.main-menu a:hover{
    color:#ecb20e!important
}
.navbar-light .navbar-toggler{
    display:none
}
.main-menu>div{
    display:inline-block;
    position:relative;
    padding-top:5px;
    padding-bottom:5px
}
.main-menu li{
    display:inline-block!important;
    float:none!important;
    padding:0;
    margin:0;
    clear:none;
    width:auto
}
.header-menu>nav{
    display:inline-block;
    padding-bottom:0;
    padding-top:0
}
.social-menu a{
    background:#fff;
    color:#17463b;
    border-radius:50%;
    padding:4px;
    margin-left:3px;
    font-size:14px
}
.marque-section a:after{
    content:'-';
    padding-left:10px;
    padding-right:10px
}
.marque-section a:last-child:after{
    opacity:0
}
.marque-label{
    position:absolute;
    top:1px;
    right:15px;
    background:#207a65fa;
    height:93%;
    padding-top:7px;
    padding-right:30px;
    padding-left:30px;
    color:#ecb20e;
    font-size:18px
}
footer{
    float:right;
    width:100%;
    clear:both;
    background:#0a100f;
    padding-top:50px;
    padding-bottom:20px
}
footer .social-menu a{
    color:#fff;
    background:0 0;
    font-size:18px
}
.footer-headers{
    border-bottom:1px solid #373c3b;
    margin-bottom:10px
}
footer h3{
    font-size:22px;
    color:#d8a51c;
    padding-bottom:2px
}
.footer-items ul{
    padding:0;
    margin:0;
    list-style:none;
    display:inline-block;
    vertical-align:text-top
}
.footer-items ul a{
    color:#fff;
    margin-bottom:7px;
    display:block;
    font-size:18px
}
.footer-items ul+ul{
    margin-right:80px
}
.footer-items p{
    color:#fff;
    font-size:16px
}
.footer-items p a{
    color:#edb306
}
.copyrights{
    color:#d8a51c;
    font-size:20px;
    text-align:center;
    border-top:1px solid #373c3b;
    margin-top:18px;
    padding-top:15px
}
.footer-logo{
    padding-top:40px
}
.marque-section a:hover{
    text-decoration:none
}
.marque-section{
    clear:both;
    float:right;
    width:100%;
    margin-bottom:16px;
    opacity:0
}
.view-display-id-summary .views-row-4,.view-display-id-summary .views-row-7{
    clear:right
}
.view-display-id-summary .views-row .regular-item{
    margin-top:20px
}
.item-list .pager{
    margin-top:20px;
    clear:both;
    float:right;
    width:100%
}
.item-list .pager li{
    margin:0;
    padding:0;
    display:inline-block;
    margin-left:-3px
}
.item-list .pager li a,.item-list .pager li.pager-current{
    border:1px solid #ddd;
    margin:0;
    padding:0;
    font-size:16px;
    padding:3px 17px;
    display:inline-block;
    margin-left:-3px
}
.social-box{
    position:relative;
    clear:both;
    margin-top:20px;
    clear:both;
    float:right;
    width:100%
}
.social-nav{
    position:absolute;
    left:0;
    top:0;
    background:#c1920b;
    height:40px;
    padding-top:9px;
    padding-left:7px;
    padding-right:7px;
    color:#fff
}
.social-nav a{
    color:#fff;
    font-family:arial;
    font-size:13px
}
.social-nav a.active{
    color:#17463b
}
#facebook-box{
    display:none
}
div#facebook-box *{
    max-width:100%
}
.yousef-pic{
    position:absolute;
    left:0;
    top:-25px
}
.main-logo{
    width:267px;
    margin-top:20px;
    margin-bottom:20px
}
.header-pages{
    padding-top:100px;
    position:relative;
    z-index:100
}
.header-pages a{
    color:#ecb20e;
    font-size:14px;
    font-family:gethameen-demibold;
    padding-left:20px;
    position:relative;
    display:inline-block
}
.cv-icon:after{
    content:'';
    background-image:url(../images/sprite.png);
    position:absolute;
    top:-26px;
    width:14px;
    height:23px;
    background-position:-171px -10px;
    right:22px
}
.suggestion-icon:after{
    content:'';
    background-image:url(../images/sprite.png);
    position:absolute;
    top:-26px;
    width:27px;
    height:23px;
    background-position:-90px -10px;
    right:11px
}
.ask-icon:after{
    content:'';
    background-image:url(../images/sprite.png);
    position:absolute;
    top:-26px;
    width:27px;
    height:23px;
    background-position:-12px -10px;
    right:18px
}
.marque-section .social-menu,.marque-section .social-menu+form{
    display:inline-block;
    vertical-align:middle
}
.social-form-holder{
    height:43px;
    width:100%;
    overflow:hidden;
    border-top:1px solid #000;
    background-image:url(../images/marque-bg.png);
    padding-top:4px
}
.theme-color-gray .social-form-holder{
    background-image:url(../images/marque-bg-gray.png)
}
.js-marquee-wrapper{
    white-space:nowrap
}
.theme-color-blue .social-form-holder{
    background-image:url(../images/marque-bg-blue.png)
}
.social-form-holder form{
    float:left;
    margin-left:4px
}
.marque-section .social-menu a{
    background:0 0;
    border-radius:0;
    color:#fff;
    font-size:17px;
    text-decoration:none;
    padding-left:8px
}
.marque-section .social-menu a:after{
    display:none
}
.marque-section .social-menu{
    border-right:1px solid #000;
    padding-right:10px;
    margin-right:20px;
    margin-top:3px
}
.social-form-holder form{
    position:relative
}
.social-form-holder form .fa-search{
    position:absolute;
    left:4px;
    top:2px;
    font-size:23px;
    color:#fff;
    cursor:pointer
}
.social-form-holder form input{
    background:#155d56;
    border:0;
    padding:4px;
    color:#fff;
    width:250px
}
.theme-color-gray .social-form-holder form input{
    background:#aabbc0
}
.theme-color-blue .social-form-holder form input{
    background:#14435d
}
.theme-color-blue .header-menu{
    background-color:#14435dad
}
.theme-color-gray .header-menu{
    background-color:#8c9394
}
.theme-color-blue .section-header,.theme-color-blue .section-header:hover{
    background-color:#1b5275
}
.theme-color-gray .section-header,.theme-color-gray .section-header:hover{
    background-color:#7d7d7d
}
.view-display-id-ticker{
    visibility:hidden
}
.webform-client-form input,.webform-client-form textarea{
    width:100%
}
.webform-client-form input[type=submit]{
    border:0;
    background:#17463b;
    color:#fff;
    padding:10px;
    cursor:pointer
}
.theme-color-blue .webform-client-form input[type=submit]{
    background:#1b5275
}
.theme-color-gray .webform-client-form input[type=submit]{
    background:#7d7d7d
}
.contact-info{
    padding:0;
    list-style:none;
    padding-top:14px
}
.contact-info li{
    margin-bottom:9px
}
.contact-info li span{
    font-weight:700
}
.webform-confirmation{
    text-align:center;
    font-size:20px;
    padding-top:150px;
    padding-bottom:100px
}
.webform-confirmation+.links{
    display:none
}
.search-results .regular-item{
    margin-bottom:20px
}
.search-form{
    display:none
}
.caption{
    padding-top:2px
}
nav.sub-menu{
    position:absolute;
    z-index:20;
    right:-52px;
    background:#21715e;
    margin-top:7px;
    padding:6px 4px;
    text-align:center;
    opacity:0;
    transition:opacity .4s;
    box-shadow:4px 5px 13px 0 #333;
    min-width:147px
}
.theme-color-blue nav.sub-menu{
    background:#394f6e
}
.theme-color-gray nav.sub-menu{
    background:#535353
}
nav.main-menu{
    position:relative
}
nav.main-menu>div:hover .sub-menu{
    opacity:1
}
nav.sub-menu>a{
    text-align:center;
    display:block;
    margin:0;
    padding:0;
    border-bottom:1px solid;
    padding:4px 3px;
    font-size:16px;
    font-family:gethameen-book
}
nav.sub-menu>a:last-child{
    border:0
}
.body a.book-download{
    width:100%;
    text-align:right;
    margin-top:-10px;
    margin-bottom:10px
}
a.book-download2{
    width:100%;
    text-align:right;
    margin-top:-10px;
    margin-bottom:20px;
    font-size:15px;
    color:#394f6e;
    display:block;
    float:right;
    width:100%;
    text-align:right;
    padding-top:14px
}
.view-display-id-nabadat .views-row{
    clear:both;
    margin-bottom:20px;
    float:right;
    width:100%
}
.page-node-1 .texture-section{
    background-image:none
}
.page-node-1{
    background-image:url(../images/gray.png)
}
.page-node-1 .white-bg-section{
    background:0 0
}
.most-read-home{
    clear:both;
    float:right;
    background:#fff
}
.page-node-1 .view-display-id-single_media,.page-node-1 .photogallery-home>div,.page-node-1 .full-item{
    background:#fff
}
@media(min-width:1200px){
    .search-results>div:nth-child(4),.search-results>div:nth-child(7),.search-results>div:nth-child(10),.search-results>div:nth-child(13),.search-results>div:nth-child(16){
        clear:right
    }
    .marque-section .container>div:first-child{
        padding-left:0
    }
    .marque-section .container>div:last-child{
        padding-right:0
    }
    .container{
        max-width:1180px
    }
}
@media(min-width:1024px){
    .fixed-height-row .single-body,.single-item .single-body{
        height:361px
    }
    .inline-image-item .col-sm-5{
        padding-left:0
    }
    .padding-right0{
        padding-right:0
    }
    .col-coustom-small{
        max-width:29%;
        flex:0 0 13.333333%
    }
    .col-coustom-med{
        flex:0 0 13.333333%;
        max-width:35.501%;
        padding-left:0
    }
    .col-custome-big{
        max-width:71%;
        padding-left:0
    }
}
@media(max-width:1024px){
    .header-pages{
        margin-right:-80px
    }
    .marque-section{
        float:none
    }
    .social-form-holder form input{
        width:auto
    }
    .marque-section .social-menu{
        float:right
    }
    footer .social-menu{
        position:static
    }
    .footer-links-section{
        clear:both;
        margin-top:20px;
        width:100%
    }
    .footer-logo{
        padding:0
    }
    footer .social-menu{
        position:absolute;
        top:14px;
        left:0
    }
    .main-menu a{
        font-size:16px;
        padding-left:12px
    }
    .navbar-collapse{
        display:block
    }
}
@media(max-width:768px){
    .main-menu>div{
        display:block
    }
    .navbar-collapse{
        display:none
    }
    .navbar-light .navbar-toggler{
        display:block;
        border:0
    }
    .navbar-collapse{
        opacity:0
    }
    .main-menu a{
        display:block;
        width:100%
    }
    .header-menu>nav{
        vertical-align:text-top
    }
    .navbar{
        position:absolute;
        z-index:9;
        right:0;
        width:auto
    }
    .main-menu{
        background:#207a65;
        padding:15px;
        margin-top:3px
    }
    .theme-color-gray .main-menu{
        background:#8c9394
    }
    .theme-color-blue .main-menu{
        background:#59849f
    }
    .main-menu a{
        border-bottom:1px solid #17463b;
        padding-bottom:8px;
        margin-bottom:10px
    }
    .main-menu a:last-child{
        padding:0;
        margin:0;
        border:0
    }
    .header-menu{
        height:45px
    }
    nav.social-menu{
        float:left;
        margin-top:18px
    }
    .navbar-light .navbar-toggler-icon{
        background-image:url(data:image/svg+xml;
        charset=utf8;
        base64,PHN2ZyB2aWV3Qm94PSIwIDAgMzAgMzAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBkPSJNNCA3aDIyTTQgMTVoMjJNNCAyM2gyMiIvPjwvc3ZnPg==)
    }
    header{
        overflow:visible
    }
    .marque-section .social-menu{
        border-right:0
    }
    .marque-section .social-menu{
        border-right:1px solid #000;
        padding-right:10px;
        margin-right:-1px;
        margin-top:3px
    }
    .theme-color-blue .social-form-holder form input{
        background:#14435d;
        width:168px
    }
    img.imagebook{
        display:none
    }
    .header-lvl1{
        clear:both;
        overflow:hidden
    }
    #main-story{
        margin-bottom:20px
    }
    .ad-placeholder{
        clear:both;
        float:right;
        width:100%
    }
    .left-area{
        margin-top:20px;
        float:right;
        width:100%;
        clear:both
    }
    .small-item{
        width:100%
    }
    .single-item{
        margin-bottom:20px
    }
    .news-first{
        margin-bottom:20px
    }
    .full-item{
        margin-bottom:20px
    }
    .summary-fetured h1{
        margin-top:10px
    }
}
@media(max-width:767px){
    .logo-text{
        display:block;
        text-align:center
    }
    .main-logo{
        width:150px
    }
    .yousef-pic{
        display:none
    }
    .header-pages{
        padding-top:20px;
        margin-right:0;
        text-align:center
    }
    #main-story .carousel-caption h1{
        font-size:22px;
        max-width:98%
    }
    #main-story .carousel-caption p{
        font-size:14px;
        max-width:98%
    }
    .footer-headers{
        margin-top:10px
    }
    .marque-label{
        display:none
    }
    .regular-item{
        margin-bottom:20px
    }
    .news-first .col-sm-6>.row{
        padding:15px
    }
    .inline-image-item img{
        margin-bottom:10px
    }
    .small-item>div{
        display:inline-block;
        display:inline-block;
        width:29%;
        vertical-align:text-bottom
    }
    .small-item>div:last-child{
        width:59%;
        padding-right:0
    }
}
.imagebook{
    box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19)
}
.img_book_de{
    float:right;
    position:relative;
    margin-left:18px;
    box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);
    margin-bottom:10px
}
.tilte_book_deat{
    position:relative
}
.cf-tt-element.cf-tt-element-attached-bottom.cf-tt-element-attached-center .cf-tt-content{
    margin-bottom:8px;
    background-color:#0084b4!important
}
.cf-tt-element.cf-tt-element-attached-bottom.cf-tt-element-attached-center .cf-tt-content:before{
    top:100%;
    left:50%;
    margin-left:-8px;
    border-top-color:#0084b4!important
}
#photo-album .carousel-indicators{
    position:static;
    text-align:center;
    padding-left:35px
}
.text-download-item:last-child{
    border:0;
    margin:0;
    margin-bottom:15px
}
a.book-download{
    font-size:15px;
    color:#394f6e;
    display:block;
    margin-bottom:0;
    width:100%;
    text-align:right
}
.body{
    color:#121010;
    font-size:20px;
    text-align:justify;
    margin-top:18px;
    font-family:arabic transparent
}
.regular-item.col-md-4{
    padding:9px;
    margin:0
}
a.ask-icon {
    display: none !important;
}