@charset "UTF-8";

/*
    Theme Name: Medina
    Theme URI: https://www.medinaportal.com
    Author: Baianat team
    Author URI: https://www.baianat.com/
    Description:
    Version: 6.3.0
    License:
    License URI:
    Text Domain: medina
    Tags:
*/

@import "https://fonts.tptq-arabic.com/WF-000076-000029.css";
@import "https://fonts.googleapis.com/earlyaccess/notonaskharabic.css";

@font-face {
 font-family:aref ruqaa bold;
 src:url(./fonts/arefruqaa/arefruqaa-bold.eot);
 src:url(./fonts/arefruqaa/arefruqaa-bold.eot?#iefix) format("embedded-opentype"),url(./fonts/arefruqaa/arefruqaa-bold.woff2) format("woff2"),url(./fonts/arefruqaa/arefruqaa-bold.woff) format("woff"),url(../fonts/arefruqaa/arefruqaa-bold.ttf) format("truetype"),url("./fonts/arefruqaa/arefruqaa-bold.svg#Aref Ruqaa Bold") format("svg")
}
@font-face {
 font-family:aref ruqaa;
 src:url(./fonts/arefruqaa/aref-ruqaa.eot);
 src:url(./fonts/arefruqaa/aref-ruqaa.eot?#iefix) format("embedded-opentype"),url(./fonts/arefruqaa/aref-ruqaa.woff2) format("woff2"),url(./fonts/arefruqaa/aref-ruqaa.woff) format("woff"),url(./fonts/arefruqaa/aref-ruqaa.ttf) format("truetype"),url("./fonts/arefruqaa/aref-ruqaa.svg#Aref Ruqaa") format("svg")
}
@font-face {
 font-family:baianat;
 src:url(./fonts/icons/baianat.eot?auwt88);
 src:url(./fonts/icons/baianat.eot?auwt88#iefix) format("embedded-opentype"),url(./fonts/icons/baianat.ttf?auwt88) format("truetype"),url(./fonts/icons/baianat.woff?auwt88) format("woff"),url(./fonts/icons/baianat.svg?auwt88#baianat) format("svg");
 font-weight:400;
 font-style:normal
}
[class^=icon-],[class*=" icon-"] {
 font-family:baianat!important;
 speak:none;
 font-style:normal;
 font-weight:400;
 font-variant:normal;
 text-transform:none;
 line-height:1;
 -webkit-font-smoothing:antialiased;
 -moz-osx-font-smoothing:grayscale
}
.icon-left-quote:before {
 content:"\e91f"
}
.icon-share:before {
 content:"\e91c"
}
.icon-basket:before {
 content:"\e91e"
}
.icon-comments-o:before {
 content:"\e900"
}
.icon-admin-note:before {
 content:"\e901"
}
.icon-author-note:before {
 content:"\e902"
}
.icon-clock:before {
 content:"\e903"
}
.icon-clock2:before {
 content:"\e904"
}
.icon-close:before {
 content:"\e905"
}
.icon-hashtag:before {
 content:"\e906"
}
.icon-date1:before {
 content:"\e907"
}
.icon-dot:before {
 content:"\e908"
}
.icon-eye:before {
 content:"\e909"
}
.icon-film:before {
 content:"\e90a"
}
.icon-load:before {
 content:"\e90b"
}
.icon-logo:before {
 content:"\e90c"
}
.icon-menu:before {
 content:"\e90d"
}
.icon-photo:before {
 content:"\e90e"
}
.icon-play:before {
 content:"\e90f"
}
.icon-play2:before {
 content:"\e910"
}
.icon-search:before {
 content:"\e911"
}
.icon-sun:before {
 content:"\e912"
}
.icon-arrow-down:before {
 content:"\e913"
}
.icon-arrow-left:before {
 content:"\e914"
}
.icon-arrow-right:before {
 content:"\e915"
}
.icon-arrow-up:before {
 content:"\e916"
}
.icon-audio:before {
 content:"\e917"
}
.icon-pinterest-p:before {
 content:"\e918"
}
.icon-pinterest-square:before {
 content:"\e919"
}
.icon-pinterest:before {
 content:"\e91a"
}
.icon-google-plus:before {
 content:"\e91b"
}
.icon-add:before {
 content:"\e91d"
}
.icon-calendar:before {
 content:"\f073"
}
.icon-twitter-square:before {
 content:"\f081"
}
.icon-facebook-square:before {
 content:"\f082"
}
.icon-twitter:before {
 content:"\f099"
}
.icon-facebook:before {
 content:"\f09a"
}
.icon-linkedin:before {
 content:"\f0e1"
}
.icon-youtube-square:before {
 content:"\f166"
}
.icon-youtube:before {
 content:"\f167"
}
.icon-youtube-play:before {
 content:"\f16a"
}
.icon-dropbox:before {
 content:"\f16b"
}
.icon-stack-overflow:before {
 content:"\f16c"
}
.icon-instagram:before {
 content:"\f16d"
}
.icon-flickr:before {
 content:"\f16e"
}
.icon-tumblr:before {
 content:"\f173"
}
.icon-tumblr-square:before {
 content:"\f174"
}
.icon-dribbble:before {
 content:"\f17d"
}
.icon-skype:before {
 content:"\f17e"
}
.icon-vk:before {
 content:"\f189"
}
.icon-vimeo-square:before {
 content:"\f194"
}
.icon-wordpress:before {
 content:"\f19a"
}
.icon-google:before {
 content:"\f1a0"
}
.icon-behance:before {
 content:"\f1b4"
}
.icon-behance-square:before {
 content:"\f1b5"
}
.icon-facebook-official:before {
 content:"\f230"
}
.icon-vimeo:before {
 content:"\f27d"
}
.icon-file:before {
 content:"\e920"
}
.icon-series:before {
 content:"\e921"
}
html {
 font-size:10px
}
body {
 background:#fff;
 line-height:1.8;
 color:#080810;
 font-family:"fedra serif arabic bold 2",serif;
 font-size:14px;
 overflow:hidden;
 overflow-y:auto!important;
 font-weight:400;
 position:relative;
 background:#0b0b16
}
body p {
 font-family:"fedra serif arabic bold 2",serif
}
ul,li,ol {
 list-style:none;
 margin:0;
 padding:0
}
pre {
 background:#fff;
 padding:10px
}
p {
 margin:0
}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {
 font-family:"fedra serif arabic bold 2",serif;
 font-weight:400;
 margin:0
}
h1,.h1 {
 font-size:34px
}
h2,.h2 {
 font-size:26px
}
h3,.h3 {
 font-size:22px
}
h4,.h4 {
 font-size:16px
}
h5,.h5 {
 font-size:14px
}
h6,.h6 {
 font-size:12px
}
h1 small,.h1 small {
 font-size:24px
}
h2 small,.h2 small {
 font-size:18px
}
h3 small,.h3 small,h4 small,.h4 small {
 font-size:14px
}
pre {
 font-family:consolas,monospace
}
:-moz-any-link:focus {
 outline:0
}
input[type=submit],button {
 -webkit-transition:all 250ms ease-in-out;
 -o-transition:all 250ms ease-in-out;
 transition:all 250ms ease-in-out;
 outline:0
}
input:focus,input:active {
 outline:0;
 -webkit-box-shadow:none!important;
 box-shadow:none!important
}
input {
 -webkit-box-shadow:none;
 box-shadow:none
}
a {
 -webkit-transition:all 250ms ease-in-out;
 -o-transition:all 250ms ease-in-out;
 transition:all 250ms ease-in-out;
 color:inherit
}
a:visited {
 text-decoration:none;
 outline:0;
 color:none
}
a:focus {
 text-decoration:none;
 outline:0;
 color:none
}
a:hover {
 text-decoration:none
}
input::-moz-focus-inner {
 border:0
}
select:-moz-focusring {
 color:transparent;
 text-shadow:0 0 0 #000
}
select {
 outline:0
}
*:focus {
 outline:0
}
.mb-10 {
 margin-bottom:1rem!important
}
.mb-20 {
 margin-bottom:2rem!important
}
.mb-30 {
 margin-bottom:3rem!important
}
.mb-40 {
 margin-bottom:4rem!important
}
.mb-50 {
 margin-bottom:5rem!important
}
.mb-60 {
 margin-bottom:6rem!important
}
.mb-70 {
 margin-bottom:7rem!important
}
.mb-80 {
 margin-bottom:8rem!important
}
.mb-90 {
 margin-bottom:9rem!important
}
.mb-100 {
 margin-bottom:10rem!important
}
.mb-110 {
 margin-bottom:11rem!important
}
.mb-120 {
 margin-bottom:12rem!important
}
.mb-130 {
 margin-bottom:13rem!important
}
.mb-140 {
 margin-bottom:14rem!important
}
.mb-150 {
 margin-bottom:15rem!important
}
.mb-160 {
 margin-bottom:16rem!important
}
.mb-170 {
 margin-bottom:17rem!important
}
.mb-180 {
 margin-bottom:18rem!important
}
.mb-190 {
 margin-bottom:19rem!important
}
.mb-200 {
 margin-bottom:20rem!important
}
.mt-10 {
 margin-top:1rem!important
}
.mt-20 {
 margin-top:2rem!important
}
.mt-30 {
 margin-top:3rem!important
}
.mt-40 {
 margin-top:4rem!important
}
.mt-50 {
 margin-top:5rem!important
}
.mt-60 {
 margin-top:6rem!important
}
.mt-70 {
 margin-top:7rem!important
}
.mt-80 {
 margin-top:8rem!important
}
.mt-90 {
 margin-top:9rem!important
}
.mt-100 {
 margin-top:10rem!important
}
.mt-110 {
 margin-top:11rem!important
}
.mt-120 {
 margin-top:12rem!important
}
.mt-130 {
 margin-top:13rem!important
}
.mt-140 {
 margin-top:14rem!important
}
.mt-150 {
 margin-top:15rem!important
}
.mt-160 {
 margin-top:16rem!important
}
.mt-170 {
 margin-top:17rem!important
}
.mt-180 {
 margin-top:18rem!important
}
.mt-190 {
 margin-top:19rem!important
}
.mt-200 {
 margin-top:20rem!important
}
.w-100 {
 width:100%
}
.pa-30 {
 padding:3rem
}
.col-xs-15,.col-sm-15,.col-md-15,.col-lg-15 {
 position:relative;
 min-height:1px;
 padding-right:15px;
 padding-left:15px
}
.col-xs-15 {
 width:20%;
 float:right
}
@media(min-width:768px) {
 .col-sm-15 {
  width:20%;
  float:right
 }
}
@media(min-width:992px) {
 .col-md-15 {
  width:20%;
  float:right
 }
}
@media(min-width:1200px) {
 .col-lg-15 {
  width:20%;
  float:right
 }
}
.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12 {
 padding-left:5px;
 padding-right:5px
}
.row {
 margin-left:-5px;
 margin-right:-5px
}
.container {
 padding-left:5px;
 padding-right:5px
}
.container--p .col-xs-1,.container--p .col-xs-2,.container--p .col-xs-3,.container--p .col-xs-4,.container--p .col-xs-5,.container--p .col-xs-6,.container--p .col-xs-7,.container--p .col-xs-8,.container--p .col-xs-9,.container--p .col-xs-10,.container--p .col-xs-11,.container--p .col-xs-12,.container--p .col-sm-1,.container--p .col-sm-2,.container--p .col-sm-3,.container--p .col-sm-4,.container--p .col-sm-5,.container--p .col-sm-6,.container--p .col-sm-7,.container--p .col-sm-8,.container--p .col-sm-9,.container--p .col-sm-10,.container--p .col-sm-11,.container--p .col-sm-12,.container--p .col-md-1,.container--p .col-md-2,.container--p .col-md-3,.container--p .col-md-4,.container--p .col-md-5,.container--p .col-md-6,.container--p .col-md-7,.container--p .col-md-8,.container--p .col-md-9,.container--p .col-md-10,.container--p .col-md-11,.container--p .col-md-12,.container--p .col-lg-1,.container--p .col-lg-2,.container--p .col-lg-3,.container--p .col-lg-4,.container--p .col-lg-5,.container--p .col-lg-6,.container--p .col-lg-7,.container--p .col-lg-8,.container--p .col-lg-9,.container--p .col-lg-10,.container--p .col-lg-11,.container--p .col-lg-12 {
 padding-left:0;
 padding-right:0
}
.container-out {
 margin-right:-300px;
 margin-left:-300px
}
.max-container {
 max-width:1920px;
 margin-right:auto;
 margin-left:auto
}
.max-container:before,.max-container:after {
 display:table;
 content:' '
}
.max-container:after {
 clear:both
}
.max-container:before,.max-container:after {
 display:table;
 content:' '
}
.max-container:after {
 clear:both
}
.background-bg {
 background:#fff
}
.full-screen {
 height:100%;
 min-height:100vh;
 overflow:auto
}
.content-wrapper {
 padding:6rem
}
.content-wrapper2 {
 padding-right:6rem;
 padding-left:6rem
}
.content-wrapper-xs {
 padding:5rem 0
}
.content-wrapper-sm {
 padding:7rem 0
}
.content-wrapper-lg {
 padding:14rem 0
}
.shaddow-wrapper {
 -webkit-box-shadow:0 3px 7px 0 rgba(0,0,0,.1);
 box-shadow:0 3px 7px 0 rgba(0,0,0,.1)
}
.mb--30 {
 padding-bottom:7rem
}
.mb--20 {
 padding-bottom:8rem
}
.block {
 display:block
}
.relative {
 position:relative
}
.fl-left {
 float:left
}
.fl-right {
 float:right
}
.flex-center {
 display:-webkit-box;
 display:-webkit-flex;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-pack:center;
 -webkit-justify-content:center;
 -ms-flex-pack:center;
 justify-content:center;
 -webkit-box-align:center;
 -webkit-align-items:center;
 -ms-flex-align:center;
 align-items:center
}
.raduis {
 border-radius:0
}
.shaddow-lg {
 -webkit-box-shadow:0 6px 35px 0 rgba(0,0,0,.05);
 box-shadow:0 6px 35px 0 rgba(0,0,0,.05)
}
.overFl {
 overflow:hidden
}
.font-bold {
 font-family:"fedra serif arabic bold 2",serif!important
}
.font-reg {
 font-family:"fedra serif arabic bold 2",serif!important
}
.font-light {
 font-family:"fedra serif arabic bold 2",serif!important
}
.font-14 {
 font-size:14px!important
}
.white-bg {
 background:#fff
}
.white-color {
 color:#fff
}
.main-color {
 color:#080810
}
.dark-bg {
 background:#080810
}
.darken-bg {
 background:#0e0e16
}
.animate-spin {
 -o-animation:spin 2s infinite linear;
 -webkit-animation:spin 2s infinite linear;
 animation:spin 2s infinite linear;
 display:inline-block
}
@-webkit-keyframes spin {
 0% {
  -o-transform:rotate(0deg);
  -webkit-transform:rotate(0deg);
  transform:rotate(0deg)
 }
 100% {
  -o-transform:rotate(359deg);
  -webkit-transform:rotate(359deg);
  transform:rotate(359deg)
 }
}
@-o-keyframes spin {
 0% {
  -o-transform:rotate(0deg);
  -webkit-transform:rotate(0deg);
  transform:rotate(0deg)
 }
 100% {
  -o-transform:rotate(359deg);
  -webkit-transform:rotate(359deg);
  transform:rotate(359deg)
 }
}
@keyframes spin {
 0% {
  -o-transform:rotate(0deg);
  -webkit-transform:rotate(0deg);
  transform:rotate(0deg)
 }
 100% {
  -o-transform:rotate(359deg);
  -webkit-transform:rotate(359deg);
  transform:rotate(359deg)
 }
}
.facebook-bg {
 background:#2e4f93
}
.twitter-bg {
 background:#0ea2f1
}
.gplus-bg {
 background:#f93737
}
.grey-bg {
 background:#f6f6f6
}
.br-b {
 border-bottom:1px solid #ebebeb
}
.padding--60 {
 padding:0 60px!important
}
.col-md-20 {
 width:20%;
 padding-left:5px;
 padding-right:5px;
 float:right
}
/*!========== COMPONENTS*/.card {
 display:block;
 background:#fff;
 border-radius:0;
 -webkit-transition:all 250ms ease-in-out;
 -o-transition:all 250ms ease-in-out;
 transition:all 250ms ease-in-out
}
.card:hover {
 -webkit-box-shadow:0 6px 35px 0 rgba(0,0,0,.05);
 box-shadow:0 6px 35px 0 rgba(0,0,0,.05);
 -webkit-transform:translateY(-5px);
 -ms-transform:translateY(-5px);
 -o-transform:translateY(-5px);
 transform:translateY(-5px)
}
.cat-shape {
 background:0 0;
 font-family:"fedra serif arabic bold 2",serif;
 font-size:16px;
 color:#fff;
 padding:0 15px;
 line-height:1;
 display:inline-block;
 vertical-align:middle;
 position:relative;
 -webkit-transition:all 250ms ease-in-out;
 -o-transition:all 250ms ease-in-out;
 transition:all 250ms ease-in-out;
 height:27px;
 line-height:27px
}
.cat-shape:after {
 position:absolute;
 content:'';
 width:0;
 height:0;
 border-top:10px solid transparent;
 border-right:10px solid #fff;
 border-bottom:10px solid transparent;
 border-right-color:inherit;
 right:0;
 bottom:-10px;
 display:none
}
.cat-shape:before {
 font-family:baianat;
 content:'\e905';
 display:inline-block;
 font-size:14px;
 margin-left:8px
}
.cat-shape span {
 opacity:0;
 visibility:hidden;
 -webkit-transition:all 250ms ease-in-out;
 -o-transition:all 250ms ease-in-out;
 transition:all 250ms ease-in-out
}
.flex-c-r {
 display:-webkit-box;
 display:-webkit-flex;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-pack:right;
 -webkit-justify-content:right;
 -ms-flex-pack:right;
 justify-content:right;
 -webkit-box-align:center;
 -webkit-align-items:center;
 -ms-flex-align:center;
 align-items:center
}
.flex-b-r {
 display:-webkit-box;
 display:-webkit-flex;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-pack:right;
 -webkit-justify-content:right;
 -ms-flex-pack:right;
 justify-content:right;
 -webkit-box-align:end;
 -webkit-align-items:flex-end;
 -ms-flex-align:end;
 align-items:flex-end
}
.flex-c-c {
 display:-webkit-box;
 display:-webkit-flex;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-pack:center;
 -webkit-justify-content:center;
 -ms-flex-pack:center;
 justify-content:center;
 -webkit-box-align:center;
 -webkit-align-items:center;
 -ms-flex-align:center;
 align-items:center;
 -webkit-box-orient:vertical;
 -webkit-box-direction:normal;
 -webkit-flex-direction:column;
 -ms-flex-direction:column;
 flex-direction:column
}
.post-card {
 position:relative
}
.post-card figure {
 overflow:hidden;

}

.post-card figure img {
 width:100%
}

.post-card figure figcaption {
 position:absolute;
 top:0;
 right:0;
 bottom:0;
 left:0;
 background:rgba(0,0,0,.3);
 -webkit-transition:all 250ms ease-in-out;
 -o-transition:all 250ms ease-in-out;
 transition:all 250ms ease-in-out
}
.post-card figure figcaption h1 {
 margin-bottom:3rem
}
.post-card figure figcaption .post-excerpt {
 background:#fff;
 color:#080810;
 -webkit-transition:all 250ms ease-in-out;
 -o-transition:all 250ms ease-in-out;
 transition:all 250ms ease-in-out;
 font-size:16px;
 margin-bottom:10px;
 overflow:hidden;
 padding:0 3rem;
 visibility:hidden;
 color:#fff;
 -webkit-transform:scaleX(0) translateY(100px);
 -ms-transform:scaleX(0) translateY(100px);
 -o-transform:scaleX(0) translateY(100px);
 transform:scaleX(0) translateY(100px);
 -webkit-transform-origin:100% 100%;
 -ms-transform-origin:100% 100%;
 -o-transform-origin:100% 100%;
 transform-origin:100% 100%;
 line-height:0
}
.post-card figure figcaption.flex-b-r {
 padding:4rem
}
.post-card figure figcaption.flex-b-r .post-excerpt {
 padding:0
}
.post-card figure figcaption.flex-b-r .content {
 max-width:400px;
 text-align:center
}
.post-card figure figcaption.flex-b-r .content h4 {
 font-size:20px
}
.post-card .flex-c-r {
 padding:0 17rem 0 0
}
.post-card .flex-c-r .content {
 max-width:540px
}
.post-card .cat-shape {
 margin-top:2rem
}
.post-card:hover figcaption {
 background:rgba(0,0,0,.7)
}
.post-card:hover .post-excerpt {
 font-size:16px;
 padding:3rem;
 visibility:visible;
 -webkit-transform:scale(1) translate(0);
 -ms-transform:scale(1) translate(0);
 -o-transform:scale(1) translate(0);
 transform:scale(1) translate(0);
 line-height:1.8;
 margin-bottom:0
}
.post-card:hover .flex-b-r .post-excerpt {
 padding:2rem;
 margin-top:2rem;
 margin-bottom:0
}
.post-card:hover .cat-shape {
 margin-top:0
}
.post-card:hover .cat-shape span {
 opacity:1;
 visibility:visible
}
.audio-post-card {
 position:relative;
 height:100%
}
.audio-post-card h4 {
 font-size:20px
}
.audio-post-card h4:hover {
 color:#f3f3f3
}
.video-post-card {
 text-align:center
}
.video-post-card h2 {
 max-width:450px;
 margin:0 3rem 3rem
}
.video-post-card:hover .video-icon {
 background:#f3f3f3;
 color:#fff
}
.person-card {
 position:relative;
 -webkit-transition:all 250ms ease-in-out;
 -o-transition:all 250ms ease-in-out;
 transition:all 250ms ease-in-out
}
.person-card figure img {
 width:100%;
 height:300px
}
.person-card figure figcaption {
 position:absolute;
 top:0;
 right:0;
 bottom:0;
 left:0;
 background:rgba(0,0,0,.7);
 -webkit-transition:all 250ms ease-in-out;
 -o-transition:all 250ms ease-in-out;
 transition:all 250ms ease-in-out
}
.person-card figure figcaption h4 {
 color:#fff;
 font-size:20px;
 position:absolute;
 bottom:30px;
 right:30px;
 max-width:calc(100% - 120px)
}
.person-card figure figcaption p {
 position:absolute;
 left:0;
 bottom:0;
 background:#fff;
 width:80px;
 height:80px;
 text-align:center;
 line-height:1;
 font-size:12px;
 padding-top:16px
}
.person-card figure figcaption p span {
 display:block;
 font-size:36px;
 line-height:1
}
.person-card:hover {
 -webkit-transform:translateY(-5px);
 -ms-transform:translateY(-5px);
 -o-transform:translateY(-5px);
 transform:translateY(-5px)
}
.person-card:hover figcaption {
 background:rgba(0,0,0,.3)
}
.time-card {
 -webkit-transition:all 250ms ease-in-out;
 -o-transition:all 250ms ease-in-out;
 transition:all 250ms ease-in-out;
 padding-bottom:20rem
}
.time-card .content {
 max-width:500px
}
.time-card h4 {
 font-size:22px;
 font-family:"fedra serif arabic bold 2",serif;
 margin-bottom:4rem
}
.time-card p {
 margin-bottom:3rem
}
.time-card .time-date {
 position:absolute;
 bottom:0;
 right:0;
 color:#606d7d;
 font-size:16px;
 line-height:1;
 padding:0 20px 15px 0;
 z-index:2
}
.time-card .time-date span {
 font-size:72px;
 color:#606d7d;
 display:inline-block;
 margin-left:1rem
}
.time-card .time-date:after {
 position:absolute;
 content:'';
 height:115px;
 width:1px;
 background:#aeb6be;
 right:0;
 bottom:-15px
}
.time-card .time-date:before {
 position:absolute;
 content:'';
 height:9px;
 width:9px;
 background:#aeb6be;
 right:-4px;
 bottom:-4px;
 -webkit-transform:rotate(45deg);
 -ms-transform:rotate(45deg);
 -o-transform:rotate(45deg);
 transform:rotate(45deg)
}
.three-posts ul li {
 font-size:22px;
 line-height:1.667;
 position:relative
}
.three-posts ul li:not(:last-child) {
 margin-bottom:4rem
}
.three-posts ul li:hover {
 color:#e9aa23
}
.three-posts ul li:after {
 content:'';
 position:absolute;
 right:-20px;
 top:18px;
 width:7px;
 height:7px;
 background:#fff;
 -webkit-transform:rotate(45deg);
 -ms-transform:rotate(45deg);
 -o-transform:rotate(45deg);
 transform:rotate(45deg)
}
.three-posts .flex-c-r {
 padding:0 115px
}
.three-posts figure figcaption {
 height:450px
}
.three-posts img {
 position:absolute;
 top:0;
 right:0
}
.tow-posts-section {
 background:#080810
}
.tow-posts-section img {
 height:450px;
 width:100%
}
.img-tab {
 opacity:0;
 -webkit-transition:all ease-in-out 300ms;
 -o-transition:all ease-in-out 300ms;
 transition:all ease-in-out 300ms
}
.img-tab.active {
 opacity:1
}
.post-card .format-icon {
 width:50px;
 height:50px;
 display:inline-block;
 position:absolute;
 top:0;
 right:0;
 background:#080810;
 color:#fff;
 text-align:center;
 font-size:20px;
 line-height:50px
}
.video-icon {
 width:70px;
 height:70px;
 display:inline-block;
 border-radius:50%;
 background-color:rgba(255,255,255,.8);
 color:#212123;
 border:2px solid transparent;
 text-align:center;
 font-size:14px;
 line-height:66px;
 -webkit-transition:all 250ms ease-in-out;
 -o-transition:all 250ms ease-in-out;
 transition:all 250ms ease-in-out
}
.grid {
}
.grid.col-4 .gutter-sizer {
 width:10px
}
.grid.col-4 .grid-item,.grid.col-4 .grid-sizer {
 width:calc(100%/4 - 10px);
 margin-bottom:10px
}
.grid.col-4 .grid-item--width2 {
 width:calc(100%/4 * 2 - 10px)
}
.grid.col-6 .gutter-sizer {
 width:10px
}
.grid.col-6 .grid-item,.grid.col-6 .grid-sizer {
 width:calc(100%/6 - 10px);
 margin-bottom:10px
}
.grid.col-6 .grid-item--width2 {
 width:calc(100%/6 * 2 - 10px)
}
.grid.col-7 .gutter-sizer {
 width:10px
}
.grid.col-7 .grid-item,.grid.col-7 .grid-sizer {
 width:calc(100%/7 - 10px);
 margin-bottom:10px
}
.grid.col-7 .grid-item--width2 {
 width:calc(100%/7 * 2 - 10px)
}
.grid.narrow .gutter-sizer {
 width:2px
}
.grid.narrow .grid-item,.grid.narrow .grid-sizer {
 width:calc(100%/5 - 2px);
 margin-bottom:2px
}
.grid.narrow .grid-item--width2 {
 width:calc(100%/5 * 2 - 2px)
}
.grid.narrow .grid-item--height2 {
 height:602px
}
.grid.narrow .grid-item--height2 img {
 height:602px
}
.grid.narrow.col-2 .gutter-sizer {
 width:2px
}
.grid.narrow.col-2 .grid-item,.grid.narrow.col-2 .grid-sizer {
 width:calc(100%/2 - 2px);
 margin-bottom:2px
}
.grid.narrow.col-2 .grid-item--width2 {
 width:calc(100%/2 - 2px)
}
.grid.narrow.col-2 .grid-item--height2 {
 height:602px
}
.grid.narrow.col-2 .grid-item--height2 img {
 height:602px
}
.grid.narrow.col-4 .gutter-sizer {
 width:2px
}
.grid.narrow.col-4 .grid-item,.grid.narrow.col-4 .grid-sizer {
 width:calc(100%/4 - 2px);
 margin-bottom:2px
}
.grid.narrow.col-4 .grid-item--width2 {
 width:calc(100%/4 * 2 - 2px)
}
.grid.narrow.col-4 .grid-item--height2 {
 height:602px
}
.grid.narrow.col-4 .grid-item--height2 img {
 height:602px
}
.grid.narrow.col-6 .gutter-sizer {
 width:2px
}
.grid.narrow.col-6 .grid-item,.grid.narrow.col-6 .grid-sizer {
 width:calc(100%/6 - 2px);
 margin-bottom:2px
}
.grid.narrow.col-6 .grid-item--width2 {
 width:calc(100%/6 * 2 - 2px)
}
.grid.narrow.col-6 .grid-item--height2 {
 height:602px
}
.grid.narrow.col-6 .grid-item--height2 img {
 height:602px
}
.grid.narrow.col-7 .gutter-sizer {
 width:2px
}
.grid.narrow.col-7 .grid-item,.grid.narrow.col-7 .grid-sizer {
 width:calc(100%/7 - 2px);
 margin-bottom:2px
}
.grid.narrow.col-7 .grid-item--width2 {
 width:calc(100%/7 * 2 - 2px)
}
.grid.narrow.col-7 .grid-item--height2 {
 height:602px
}
.grid.narrow.col-7 .grid-item--height2 img {
 height:602px
}
.grid:after {
 content:'';
 display:block;
 clear:both
}
.grid-item,.grid-sizer {
 width:calc(20% - 10px);
 margin-bottom:10px
}
.gutter-sizer {
 width:10px
}
.grid-item {
 float:right;
 height:300px
}
.grid-item img {
 height:300px;
 width:100%
}
.grid-item--width2 {
 width:calc(40% - 10px)
}
.grid-item--height2 {
 height:610px
}
.grid-item--height2 img {
 height:610px;
 width:100%
}
.grid-item .video-icon {
 width:50px;
 height:50px;
 line-height:46px
}
.grid-item h2 {
 font-size:20px
}
.grid-item.grid-item--width2.grid-item--height2 .video-icon {
 width:70px;
 height:70px;
 line-height:66px
}
.grid-item.grid-item--width2.grid-item--height2 h2 {
 font-size:30px
}
.a-card {
 overflow:hidden
}
.uniqe-posts-2 .three-posts {
 position:absolute;
 left:0;
 top:0;
 bottom:0;
 width:50%;
 -webkit-transform:translateX(-50%);
 -ms-transform:translateX(-50%);
 -o-transform:translateX(-50%);
 transform:translateX(-50%);
 -webkit-transition:all ease-in-out 300ms;
 -o-transition:all ease-in-out 300ms;
 transition:all ease-in-out 300ms;
 opacity:0
}
.uniqe-posts-2:hover .three-posts {
 -webkit-transform:translate(0);
 -ms-transform:translate(0);
 -o-transform:translate(0);
 transform:translate(0);
 opacity:1
}
.btn-sm:hover,.btn-md:hover,.btn-lg:hover {
 -webkit-box-shadow:0 6px 35px 0 rgba(0,0,0,.2);
 box-shadow:0 6px 35px 0 rgba(0,0,0,.2)
}
.btn-sm {
 display:inline-block;
 font-family:"fedra serif arabic bold 2",serif;
 color:#fff;
 border-radius:0;
 padding:3px 2.5rem 7px;
 -webkit-transform:all 250ms ease-in-out;
 -ms-transform:all 250ms ease-in-out;
 -o-transform:all 250ms ease-in-out;
 transform:all 250ms ease-in-out;
 border:0;
 white-space:nowrap
}
.btn-md {
 display:inline-block;
 font-family:"fedra serif arabic bold 2",serif;
 color:#fff;
 border-radius:0;
 padding:5.2px 2.5rem 7px;
 -webkit-transform:all 250ms ease-in-out;
 -ms-transform:all 250ms ease-in-out;
 -o-transform:all 250ms ease-in-out;
 transform:all 250ms ease-in-out;
 border:0;
 white-space:nowrap
}
.btn-lg {
 display:inline-block;
 font-family:"fedra serif arabic bold 2",serif;
 color:#fff;
 border-radius:0;
 padding:13px 4rem;
 -webkit-transform:all 250ms ease-in-out;
 -ms-transform:all 250ms ease-in-out;
 -o-transform:all 250ms ease-in-out;
 transform:all 250ms ease-in-out;
 white-space:nowrap;
 border:0
}
.btn-wide {
 padding-right:4rem;
 padding-left:4rem
}
.btn-black {
 background:#080810
}
.btn-black:hover {
 background:#f3f3f3
}
.btn-grey {
 background:#2c2c35
}
.btn-grey:hover {
 background:#f3f3f3
}
.btn-white {
 color:#000;
 background:#fff
}
.btn-white:hover {
 background:#f3f3f3
}
.form-center {
 max-width:280px;
 margin:0 auto;
 padding:6rem
}
.form-group label {
 font-weight:400;
 color:#fff
}
.form-group input[type=text],.form-group input[type=email],.form-group input[type=password] {
 height:40px;
 border-radius:0;
 background:0 0;
 border:2px solid #201f1f;
 position:relative;
 -webkit-box-shadow:none;
 box-shadow:none;
 color:#080810;
 padding:0 10px
}
.form-group input[type=text]:focus,.form-group input[type=email]:focus,.form-group input[type=password]:focus,.form-group textarea:focus {
 border-color:#f3f3f3;
 -webkit-box-shadow:none;
 box-shadow:none
}
.form-group textarea {
 min-height:200px;
 max-width:100%;
 border-radius:0;
 background:0 0;
 border:2px solid #201f1f;
 position:relative;
 padding:15px;
 -webkit-box-shadow:none;
 box-shadow:none;
 color:#080810
}
.form-control::-webkit-input-placeholder {
 color:#080810
}
.form-control:-moz-placeholder {
 color:#080810;
 opacity:1
}
.form-control::-moz-placeholder {
 color:#080810;
 opacity:1
}
.form-control:-ms-input-placeholder {
 color:#080810
}
.form-control:placeholder-shown {
 color:#080810
}
.feed-form label {
 display:block
}
.feed-form input[type=email] {
 max-width:260px;
 float:right;
 margin-left:1rem
}
.select2-container {
 -webkit-box-sizing:border-box;
 box-sizing:border-box;
 display:inline-block;
 margin:0;
 position:relative;
 vertical-align:middle
}
.select2-container .select2-selection--single {
 -webkit-box-sizing:border-box;
 box-sizing:border-box;
 cursor:pointer;
 display:block;
 height:40px;
 -moz-user-select:none;
 -ms-user-select:none;
 user-select:none;
 -webkit-user-select:none
}
.select2-container .select2-selection--single .select2-selection__rendered {
 display:block;
 padding-left:8px;
 padding-right:20px;
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap
}
.select2-container .select2-selection--single .select2-selection__clear {
 position:relative
}
.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {
 padding-right:8px;
 padding-left:20px
}
.select2-container .select2-selection--multiple {
 -webkit-box-sizing:border-box;
 box-sizing:border-box;
 cursor:pointer;
 display:block;
 min-height:32px;
 -moz-user-select:none;
 -ms-user-select:none;
 user-select:none;
 -webkit-user-select:none
}
.select2-container .select2-selection--multiple .select2-selection__rendered {
 display:inline-block;
 overflow:hidden;
 padding-left:8px;
 text-overflow:ellipsis;
 white-space:nowrap
}
.select2-container .select2-search--inline {
 float:left
}
.select2-container .select2-search--inline .select2-search__field {
 -webkit-box-sizing:border-box;
 box-sizing:border-box;
 border:0;
 font-size:100%;
 margin-top:5px;
 padding:0
}
.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
 -webkit-appearance:none
}
.select2-dropdown {
 background-color:#fff;
 border:2px solid #201f1f;
 border-radius:4px;
 -webkit-box-sizing:border-box;
 box-sizing:border-box;
 display:block;
 position:absolute;
 left:-1e5px;
 width:100%;
 z-index:1051
}
.select2-results {
 display:block
}
.select2-results__options {
 list-style:none;
 margin:0;
 padding:0
}
.select2-results__option {
 padding:6px;
 -moz-user-select:none;
 -ms-user-select:none;
 user-select:none;
 -webkit-user-select:none
}
.select2-results__option[aria-selected] {
 cursor:pointer
}
.select2-container--open .select2-dropdown {
 left:0
}
.select2-container--open .select2-dropdown--above {
 border-bottom:0;
 border-bottom-left-radius:0;
 border-bottom-right-radius:0
}
.select2-container--open .select2-dropdown--below {
 overflow:hidden;
 border-radius:0;
 border-top:0;
 border-top-left-radius:0;
 border-top-right-radius:0
}
.select2-search--dropdown {
 display:block;
 padding:4px
}
.select2-search--dropdown .select2-search__field {
 padding:4px;
 width:100%;
 -webkit-box-sizing:border-box;
 box-sizing:border-box
}
.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
 -webkit-appearance:none
}
.select2-search--dropdown.select2-search--hide {
 display:none
}
.select2-close-mask {
 border:0;
 margin:0;
 padding:0;
 display:block;
 position:fixed;
 left:0;
 top:0;
 min-height:100%;
 min-width:100%;
 height:auto;
 width:auto;
 opacity:0;
 z-index:99;
 background-color:#fff;
 filter:alpha(opacity=0)
}
.select2-hidden-accessible {
 border:0!important;
 clip:rect(0 0 0 0)!important;
 height:1px!important;
 margin:-1px!important;
 overflow:hidden!important;
 padding:0!important;
 position:absolute!important;
 width:1px!important
}
.select2-container--default .select2-selection--single {
 background-color:none;
 border:2px solid #201f1f;
 border-radius:0
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
 color:#080810;
 line-height:40px
}
.select2-container--default .select2-selection--single .select2-selection__clear {
 cursor:pointer;
 float:right;
 font-weight:700
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
 color:#999
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
 height:26px;
 position:absolute;
 top:1px;
 right:1px;
 width:20px
}
.select2-container--default .select2-selection--single .select2-selection__arrow b:after {
 font-family:baianat;
 content:'\e910';
 display:block;
 position:absolute;
 top:10px;
 font-size:10px
}
.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear {
 float:left
}
.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow {
 left:1px;
 right:auto
}
.select2-container--default.select2-container--disabled .select2-selection--single {
 background-color:#eee;
 cursor:default
}
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
 display:none
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
 border-color:transparent transparent #888 transparent;
 border-width:0 4px 5px
}
.select2-container--default .select2-selection--multiple {
 background-color:#fff;
 border:2px solid #201f1f;
 border-radius:0;
 cursor:text
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
 -webkit-box-sizing:border-box;
 box-sizing:border-box;
 list-style:none;
 margin:0;
 padding:0 20px 0 10px;
 width:100%
}
.select2-container--default .select2-selection--multiple .select2-selection__placeholder {
 color:#999;
 margin-top:5px;
 float:left
}
.select2-container--default .select2-selection--multiple .select2-selection__clear {
 cursor:pointer;
 float:right;
 font-weight:700;
 margin-top:5px;
 margin-right:10px
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
 background-color:#edf3f7;
 border:0;
 border-radius:7px;
 cursor:default;
 float:left;
 margin-right:5px;
 margin-top:10px;
 padding:4px 10px
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
 color:#999;
 cursor:pointer;
 display:inline-block;
 font-weight:700;
 margin-left:0;
 margin-right:10px;
 float:left
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
 color:#333
}
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice,.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__placeholder,.select2-container--default[dir=rtl] .select2-selection--multiple .select2-search--inline {
 float:right
}
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice {
 margin-left:10px;
 margin-right:auto
}
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
 margin-left:auto;
 margin-right:10px
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
 border:2px solid #201f1f;
 outline:0
}
.select2-container--default.select2-container--disabled .select2-selection--multiple {
 background-color:#eee;
 cursor:default
}
.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
 display:none
}
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
 border-top-left-radius:0;
 border-top-right-radius:0
}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
 border-bottom-left-radius:0;
 border-bottom-right-radius:0
}
.select2-container--default .select2-search--dropdown .select2-search__field {
 border:2px solid #201f1f
}
.select2-container--default .select2-search--inline .select2-search__field {
 background:0 0;
 border:0;
 outline:0;
 -webkit-box-shadow:none;
 box-shadow:none;
 -webkit-appearance:textfield
}
.select2-container--default .select2-results>.select2-results__options {
 max-height:200px;
 overflow-y:auto
}
.select2-container--default .select2-results__option[role=group] {
 padding:0
}
.select2-container--default .select2-results__option[aria-disabled=true] {
 color:#080810
}
.select2-container--default .select2-results__option[aria-selected=true] {
 background-color:#fff
}
.select2-container--default .select2-results__option .select2-results__option {
 padding-left:1em
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
 padding-left:0
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
 margin-left:-1em;
 padding-left:2em
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
 margin-left:-2em;
 padding-left:3em
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
 margin-left:-3em;
 padding-left:4em
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
 margin-left:-4em;
 padding-left:5em
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
 margin-left:-5em;
 padding-left:6em
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
 background-color:#080810;
 color:#fff
}
.select2-container--default .select2-results__group {
 cursor:default;
 display:block;
 padding:6px
}
.select2-container--classic .select2-selection--single {
 background-color:#f7f7f7;
 border:1px solid #aaa;
 border-radius:4px;
 outline:0;
 background-image:-webkit-linear-gradient(top,white 50%,#eeeeee 100%);
 background-image:-o-linear-gradient(top,white 50%,#eeeeee 100%);
 background-image:-webkit-gradient(linear,left top,left bottom,color-stop(50%,white),to(#eeeeee));
 background-image:linear-gradient(to bottom,white 50%,#eeeeee 100%);
 background-repeat:repeat-x;
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF',endColorstr='#FFEEEEEE',GradientType=0)
}
.select2-container--classic .select2-selection--single:focus {
 border:1px solid #5897fb
}
.select2-container--classic .select2-selection--single .select2-selection__rendered {
 color:#080810;
 line-height:28px
}
.select2-container--classic .select2-selection--single .select2-selection__clear {
 cursor:pointer;
 float:right;
 font-weight:700;
 margin-right:10px
}
.select2-container--classic .select2-selection--single .select2-selection__placeholder {
 color:#999
}
.select2-container--classic .select2-selection--single .select2-selection__arrow {
 background-color:#ddd;
 border:0;
 border-left:1px solid #aaa;
 border-top-right-radius:4px;
 border-bottom-right-radius:4px;
 height:26px;
 position:absolute;
 top:1px;
 right:1px;
 width:20px;
 background-image:-webkit-linear-gradient(top,#eeeeee 50%,#cccccc 100%);
 background-image:-o-linear-gradient(top,#eeeeee 50%,#cccccc 100%);
 background-image:-webkit-gradient(linear,left top,left bottom,color-stop(50%,#eeeeee),to(#cccccc));
 background-image:linear-gradient(to bottom,#eeeeee 50%,#cccccc 100%);
 background-repeat:repeat-x;
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE',endColorstr='#FFCCCCCC',GradientType=0)
}
.select2-container--classic .select2-selection--single .select2-selection__arrow b {
 border-color:#888 transparent transparent transparent;
 border-style:solid;
 border-width:5px 4px 0;
 height:0;
 left:50%;
 margin-left:-4px;
 margin-top:-2px;
 position:absolute;
 top:50%;
 width:0
}
.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear {
 float:left
}
.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow {
 border:0;
 border-right:1px solid #aaa;
 border-radius:0;
 border-top-left-radius:4px;
 border-bottom-left-radius:4px;
 left:1px;
 right:auto
}
.select2-container--classic.select2-container--open .select2-selection--single {
 border:1px solid #5897fb
}
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
 background:0 0;
 border:0
}
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
 border-color:transparent transparent #888 transparent;
 border-width:0 4px 5px
}
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
 border-top:0;
 border-top-left-radius:0;
 border-top-right-radius:0;
 background-image:-webkit-linear-gradient(top,white 0%,#eeeeee 50%);
 background-image:-o-linear-gradient(top,white 0%,#eeeeee 50%);
 background-image:-webkit-gradient(linear,left top,left bottom,from(white),color-stop(50%,#eeeeee));
 background-image:linear-gradient(to bottom,white 0%,#eeeeee 50%);
 background-repeat:repeat-x;
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF',endColorstr='#FFEEEEEE',GradientType=0)
}
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
 border-bottom:0;
 border-bottom-left-radius:0;
 border-bottom-right-radius:0;
 background-image:-webkit-linear-gradient(top,#eeeeee 50%,white 100%);
 background-image:-o-linear-gradient(top,#eeeeee 50%,white 100%);
 background-image:-webkit-gradient(linear,left top,left bottom,color-stop(50%,#eeeeee),to(white));
 background-image:linear-gradient(to bottom,#eeeeee 50%,white 100%);
 background-repeat:repeat-x;
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE',endColorstr='#FFFFFFFF',GradientType=0)
}
.select2-container--classic .select2-selection--multiple {
 background-color:#fff;
 border:1px solid #aaa;
 border-radius:4px;
 cursor:text;
 outline:0
}
.select2-container--classic .select2-selection--multiple:focus {
 border:1px solid #5897fb
}
.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
 list-style:none;
 margin:0;
 padding:0 5px
}
.select2-container--classic .select2-selection--multiple .select2-selection__clear {
 display:none
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice {
 background-color:#e4e4e4;
 border:1px solid #aaa;
 border-radius:4px;
 cursor:default;
 float:left;
 margin-right:5px;
 margin-top:5px;
 padding:0 5px
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
 color:#888;
 cursor:pointer;
 display:inline-block;
 font-weight:700;
 margin-right:2px
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
 color:#555
}
.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice {
 float:right
}
.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice {
 margin-left:5px;
 margin-right:auto
}
.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
 margin-left:2px;
 margin-right:auto
}
.select2-container--classic.select2-container--open .select2-selection--multiple {
 border:1px solid #5897fb
}
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
 border-top:0;
 border-top-left-radius:0;
 border-top-right-radius:0
}
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
 border-bottom:0;
 border-bottom-left-radius:0;
 border-bottom-right-radius:0
}
.select2-container--classic .select2-search--dropdown .select2-search__field {
 border:1px solid #aaa;
 outline:0
}
.select2-container--classic .select2-search--inline .select2-search__field {
 outline:0;
 -webkit-box-shadow:none;
 box-shadow:none
}
.select2-container--classic .select2-dropdown {
 background-color:#fff;
 border:1px solid transparent
}
.select2-container--classic .select2-dropdown--above {
 border-bottom:0
}
.select2-container--classic .select2-dropdown--below {
 border-top:0
}
.select2-container--classic .select2-results>.select2-results__options {
 max-height:200px;
 overflow-y:auto
}
.select2-container--classic .select2-results__option[role=group] {
 padding:0
}
.select2-container--classic .select2-results__option[aria-disabled=true] {
 color:grey
}
.select2-container--classic .select2-results__option--highlighted[aria-selected] {
 background-color:#3875d7;
 color:#fff
}
.select2-container--classic .select2-results__group {
 cursor:default;
 display:block;
 padding:6px
}
.select2-container--classic.select2-container--open .select2-dropdown {
 border-color:#5897fb
}
.checkbox {
 padding-left:20px
}
.checkbox label {
 display:inline-block;
 vertical-align:middle;
 position:relative;
 padding-left:5px;
 font-size:14px;
 padding-right:15px;
 line-height:16px
}
.checkbox label::before {
 content:"";
 display:inline-block;
 position:absolute;
 width:20px;
 height:20px;
 right:0;
 margin-right:-20px;
 border:2px solid #201f1f;
 border-radius:3px;
 text-align:center;
 line-height:20px;
 background-color:#fff;
 top:2px;
 -webkit-transition:border .15s ease-in-out,color .15s ease-in-out;
 -o-transition:border .15s ease-in-out,color .15s ease-in-out;
 transition:border .15s ease-in-out,color .15s ease-in-out
}
.checkbox label::after {
 display:inline-block;
 position:absolute;
 width:20px;
 height:20px;
 right:0;
 top:7px;
 margin-right:-15px;
 padding-left:3px;
 padding-top:1px;
 font-size:14px;
 text-align:center;
 color:#555
}
.checkbox input[type=checkbox],.checkbox input[type=radio] {
 opacity:0;
 z-index:1
}
.checkbox input[type=checkbox]:focus+label::before,.checkbox input[type=radio]:focus+label::before {
 outline:thin dotted;
 outline:5px auto -webkit-focus-ring-color;
 outline-offset:-2px
}
.checkbox input[type=checkbox]:checked+label::after,.checkbox input[type=radio]:checked+label::after {
 font-family:baianat;
 content:'\e82f'
}
.checkbox input[type=checkbox]:disabled+label,.checkbox input[type=radio]:disabled+label {
 opacity:.65
}
.checkbox input[type=checkbox]:disabled+label::before,.checkbox input[type=radio]:disabled+label::before {
 background-color:#eee;
 cursor:not-allowed
}
.checkbox.checkbox-circle label::before {
 border-radius:50%
}
.checkbox.checkbox-inline {
 margin-top:0
}
.checkbox-primary input[type=checkbox]:checked+label::before,.checkbox-primary input[type=radio]:checked+label::before {
 background-color:#337ab7;
 border-color:#337ab7
}
.checkbox-primary input[type=checkbox]:checked+label::after,.checkbox-primary input[type=radio]:checked+label::after {
 color:#fff
}
.checkbox-danger input[type=checkbox]:checked+label::before,.checkbox-danger input[type=radio]:checked+label::before {
 background-color:#d9534f;
 border-color:#d9534f
}
.checkbox-danger input[type=checkbox]:checked+label::after,.checkbox-danger input[type=radio]:checked+label::after {
 color:#fff
}
.checkbox-info input[type=checkbox]:checked+label::before,.checkbox-info input[type=radio]:checked+label::before {
 background-color:#5bc0de;
 border-color:#5bc0de
}
.checkbox-info input[type=checkbox]:checked+label::after,.checkbox-info input[type=radio]:checked+label::after {
 color:#fff
}
.checkbox-warning input[type=checkbox]:checked+label::before,.checkbox-warning input[type=radio]:checked+label::before {
 background-color:#f0ad4e;
 border-color:#f0ad4e
}
.checkbox-warning input[type=checkbox]:checked+label::after,.checkbox-warning input[type=radio]:checked+label::after {
 color:#fff
}
.checkbox-success input[type=checkbox]:checked+label::after,.checkbox-success input[type=radio]:checked+label::after {
 color:#fff
}
.checkbox-custom input[type=checkbox]:checked+label::before,.checkbox-custom input[type=radio]:checked+label::before {
 background-color:#0080ff;
 border-color:#0080ff
}
.checkbox-custom input[type=checkbox]:checked+label::after,.checkbox-custom input[type=radio]:checked+label::after {
 color:#fff
}
.radio {
 padding-left:20px
}
.radio label {
 display:inline-block;
 vertical-align:middle;
 position:relative;
 padding-left:5px
}
.radio label::before {
 content:"";
 display:inline-block;
 position:absolute;
 width:17px;
 height:17px;
 left:0;
 margin-left:-20px;
 border:1px solid #ccc;
 border-radius:50%;
 background-color:#fff;
 -webkit-transition:border .15s ease-in-out;
 -o-transition:border .15s ease-in-out;
 transition:border .15s ease-in-out
}
.radio label::after {
 display:inline-block;
 position:absolute;
 content:" ";
 width:11px;
 height:11px;
 left:3px;
 top:3px;
 margin-left:-20px;
 border-radius:50%;
 background-color:#555;
 -webkit-transform:scale(0,0);
 -ms-transform:scale(0,0);
 -o-transform:scale(0,0);
 transform:scale(0,0);
 -webkit-transition:-webkit-transform .1s cubic-bezier(.8,-.33,.2,1.33);
 -o-transition:-o-transform .1s cubic-bezier(.8,-.33,.2,1.33);
 transition:transform .1s cubic-bezier(.8,-.33,.2,1.33)
}
.radio input[type=radio] {
 opacity:0;
 z-index:1
}
.radio input[type=radio]:focus+label::before {
 outline:thin dotted;
 outline:5px auto -webkit-focus-ring-color;
 outline-offset:-2px
}
.radio input[type=radio]:checked+label::after {
 -webkit-transform:scale(1,1);
 -ms-transform:scale(1,1);
 -o-transform:scale(1,1);
 transform:scale(1,1)
}
.radio input[type=radio]:disabled+label {
 opacity:.65
}
.radio input[type=radio]:disabled+label::before {
 cursor:not-allowed
}
.radio.radio-inline {
 margin-top:0
}
.radio-primary input[type=radio]+label::after {
 background-color:#337ab7
}
.radio-primary input[type=radio]:checked+label::before {
 border-color:#337ab7
}
.radio-primary input[type=radio]:checked+label::after {
 background-color:#337ab7
}
.radio-danger input[type=radio]+label::after {
 background-color:#d9534f
}
.radio-danger input[type=radio]:checked+label::before {
 border-color:#d9534f
}
.radio-danger input[type=radio]:checked+label::after {
 background-color:#d9534f
}
.radio-info input[type=radio]+label::after {
 background-color:#5bc0de
}
.radio-info input[type=radio]:checked+label::before {
 border-color:#5bc0de
}
.radio-info input[type=radio]:checked+label::after {
 background-color:#5bc0de
}
.radio-warning input[type=radio]+label::after {
 background-color:#f0ad4e
}
.radio-warning input[type=radio]:checked+label::before {
 border-color:#f0ad4e
}
.radio-warning input[type=radio]:checked+label::after {
 background-color:#f0ad4e
}
.radio-success input[type=radio]+label::after {
 background-color:#5cb85c
}
.radio-success input[type=radio]:checked+label::before {
 border-color:#5cb85c
}
.radio-success input[type=radio]:checked+label::after {
 background-color:#5cb85c
}
input[type=checkbox].styled:checked+label:after,input[type=radio].styled:checked+label:after {
 font-family:baianat;
 content:'';
 width:10px;
 height:10px;
 border-radius:3px;
 background:#080810
}
input[type=checkbox] .styled:checked+label::before,input[type=radio] .styled:checked+label::before {
 color:#fff
}
input[type=checkbox] .styled:checked+label::after,input[type=radio] .styled:checked+label::after {
 color:#fff
}
.social-forms label {
 width:30%;
 text-align:left;
 padding-left:1.5rem;
 margin-top:5px
}
.social-forms label span {
 display:inline-block;
 float:right
}
.social-forms input {
 width:70%
}
.playlist-input {
 max-width:100%;
 border-radius:15px;
 background:0 0;
 border:2px solid #cacdd8;
 position:relative;
 padding:20px 20px 10px;
 -webkit-box-shadow:none;
 box-shadow:none;
 color:#1d1d2a
}
.playlist-input span {
 background:#edf3f7;
 color:#000;
 font-size:12px;
 display:inline-block;
 line-height:1;
 padding:1rem;
 border-radius:7px;
 margin:0 0 10px 10px;
 float:right
}
.playlist-input span i {
 font-size:8px;
 color:#a6afb5;
 cursor:pointer;
 display:inline-block;
 margin:0 .5rem 0 0
}
.playlist-input span i:hover {
 color:#3573f4
}
.playlist-input .icon-plus-2 {
 display:inline-block;
 background:#dde8ef;
 padding:0 10px;
 text-align:center;
 height:32px;
 line-height:30px;
 border-radius:7px;
 color:#a6afb5;
 font-size:10px
}
.playlist-input .icon-plus-2:hover {
 color:#3573f4
}
.radio {
 display:inline-block;
 padding-right:0;
 padding-left:0;
 font-size:12px;
 font-weight:400;
 cursor:pointer
}
.radio:hover .inner {
 -webkit-transform:scale(1);
 -ms-transform:scale(1);
 -o-transform:scale(1);
 transform:scale(1);
 opacity:.5
}
.radio input {
 height:1px;
 width:1px;
 opacity:0
}
.radio input:checked+.outer .inner {
 -webkit-transform:scale(1);
 -ms-transform:scale(1);
 -o-transform:scale(1);
 transform:scale(1);
 opacity:1
}
.radio input:checked+.outer {
 border:2px solid #080810
}
.radio input:focus+.outer .inner {
 -webkit-transform:scale(2);
 -ms-transform:scale(2);
 -o-transform:scale(2);
 transform:scale(2);
 opacity:1;
 background-color:#080810
}
.radio .outer {
 height:20px;
 width:20px;
 display:block;
 float:right;
 margin:0 0 0 10px;
 border:2px solid #201f1f;
 border-radius:50%;
 background-color:#fff
}
.radio .inner {
 -webkit-transition:all .25s ease-in-out;
 -o-transition:all .25s ease-in-out;
 transition:all .25s ease-in-out;
 height:8px;
 width:8px;
 -webkit-transform:scale(0);
 -ms-transform:scale(0);
 -o-transform:scale(0);
 transform:scale(0);
 display:block;
 margin:4px;
 border-radius:50%;
 background-color:#080810;
 opacity:0
}
.alert-success {
 background:#00d968;
 color:#fff;
 border:0;
 font-family:"fedra serif arabic bold 2",serif
}
.alert-success .icon {
 font-size:26px;
 vertical-align:middle;
 margin-left:1.5rem
}
.alert-success button.close {
 color:#fff;
 opacity:1
}
.alert-success button.close:hover {
 color:#080810
}
.alert-info {
 background:#29b3e3;
 color:#fff;
 border:0;
 font-family:"fedra serif arabic bold 2",serif
}
.alert-info .icon {
 font-size:26px;
 vertical-align:middle;
 margin-left:1.5rem
}
.alert-info button.close {
 color:#fff;
 opacity:1
}
.alert-info button.close:hover {
 color:#080810
}
.alert-warning {
 background:#eabc15;
 color:#fff;
 border:0;
 font-family:"fedra serif arabic bold 2",serif
}
.alert-warning .icon {
 font-size:26px;
 vertical-align:middle;
 margin-left:1.5rem
}
.alert-warning button.close {
 color:#fff;
 opacity:1
}
.alert-warning button.close:hover {
 color:#080810
}
.alert-danger {
 background:#f1362f;
 color:#fff;
 border:0;
 font-family:"fedra serif arabic bold 2",serif
}
.alert-danger .icon {
 font-size:26px;
 vertical-align:middle;
 margin-left:1.5rem
}
.alert-danger button.close {
 color:#fff;
 opacity:1
}
.alert-danger button.close:hover {
 color:#080810
}
.owl-carousel .animated {
 -webkit-animation-duration:1e3ms;
 -o-animation-duration:1e3ms;
 animation-duration:1e3ms;
 -webkit-animation-fill-mode:both;
 -o-animation-fill-mode:both;
 animation-fill-mode:both
}
.owl-carousel .owl-animated-in {
 z-index:0
}
.owl-carousel .owl-animated-out {
 z-index:1
}
.owl-carousel .fadeOut {
 -webkit-animation-name:fadeOut;
 -o-animation-name:fadeOut;
 animation-name:fadeOut
}
@-webkit-keyframes fadeOut {
 0% {
  opacity:1
 }
 100% {
  opacity:0
 }
}
@-o-keyframes fadeOut {
 0% {
  opacity:1
 }
 100% {
  opacity:0
 }
}
@keyframes fadeOut {
 0% {
  opacity:1
 }
 100% {
  opacity:0
 }
}
.owl-height {
 -webkit-transition:height 500ms ease-in-out;
 -o-transition:height 500ms ease-in-out;
 transition:height 500ms ease-in-out
}
.owl-carousel {
 display:none;
 width:100%;
 -webkit-tap-highlight-color:transparent;
 position:relative;
 z-index:1
}
.owl-carousel .owl-stage {
 position:relative;
 -ms-touch-action:pan-Y
}
.owl-carousel .owl-stage:after {
 content:".";
 display:block;
 clear:both;
 visibility:hidden;
 line-height:0;
 height:0
}
.owl-carousel .owl-stage-outer {
 position:relative;
 overflow:hidden;
 -webkit-transform:translate3d(0px,0px,0px)
}
.owl-carousel .owl-controls .owl-nav .owl-prev,.owl-carousel .owl-controls .owl-nav .video-slider .big-images .owl-next,.video-slider .big-images .owl-carousel .owl-controls .owl-nav .owl-next,.owl-carousel .owl-controls .owl-nav .cat-slider-wrapper .owl-next,.cat-slider-wrapper .owl-carousel .owl-controls .owl-nav .owl-next,.owl-carousel .owl-controls .owl-nav .owl-next,.owl-carousel .owl-controls .owl-dot {
 cursor:pointer;
 cursor:hand;
 -webkit-user-select:none;
 -khtml-user-select:none;
 -moz-user-select:none;
 -ms-user-select:none;
 user-select:none
}
.owl-carousel.owl-loaded {
 display:block
}
.owl-carousel.owl-loading {
 opacity:0;
 display:block
}
.owl-carousel.owl-hidden {
 opacity:0
}
.owl-carousel .owl-refresh .owl-item {
 display:none
}
.owl-carousel .owl-item {
 position:relative;
 min-height:1px;
 float:left;
 -webkit-backface-visibility:hidden;
 -webkit-tap-highlight-color:transparent;
 -webkit-touch-callout:none;
 -webkit-user-select:none;
 -moz-user-select:none;
 -ms-user-select:none;
 user-select:none
}
.owl-carousel .owl-item img {
 display:block;
 width:100%;
 -webkit-transform-style:preserve-3d
}
.owl-carousel.owl-text-select-on .owl-item {
 -webkit-user-select:auto;
 -moz-user-select:auto;
 -ms-user-select:auto;
 user-select:auto
}
.owl-carousel .owl-grab {
 cursor:move;
 cursor:-webkit-grab;
 cursor:-o-grab;
 cursor:-ms-grab;
 cursor:grab
}
.owl-carousel.owl-rtl {
 direction:rtl
}
.owl-carousel.owl-rtl .owl-item {
 float:right
}
.no-js .owl-carousel {
 display:block
}
.owl-carousel .owl-item .owl-lazy {
 opacity:0;
 -webkit-transition:opacity 400ms ease;
 -o-transition:opacity 400ms ease;
 transition:opacity 400ms ease
}
.owl-carousel .owl-item img {
 -webkit-transform-style:preserve-3d;
 transform-style:preserve-3d
}
.owl-carousel .owl-video-wrapper {
 position:relative;
 height:100%;
 background:#000
}
.owl-carousel .owl-video-play-icon {
 position:absolute;
 height:80px;
 width:80px;
 left:50%;
 top:50%;
 margin-left:-40px;
 margin-top:-40px;
 background:url(owl.video.play.png) no-repeat;
 cursor:pointer;
 z-index:1;
 -webkit-backface-visibility:hidden;
 -webkit-transition:scale 100ms ease;
 -o-transition:scale 100ms ease;
 transition:scale 100ms ease
}
.owl-carousel .owl-video-play-icon:hover {
 -webkit-transition:scale(1.3,1.3);
 -o-transition:scale(1.3,1.3);
 transition:scale(1.3,1.3)
}
.owl-carousel .owl-video-playing .owl-video-tn,.owl-carousel .owl-video-playing .owl-video-play-icon {
 display:none
}
.owl-carousel .owl-video-tn {
 opacity:0;
 height:100%;
 background-position:center center;
 background-repeat:no-repeat;
 -webkit-background-size:contain;
 background-size:contain;
 -webkit-transition:opacity 400ms ease;
 -o-transition:opacity 400ms ease;
 transition:opacity 400ms ease
}
.owl-carousel .owl-video-frame {
 position:relative;
 z-index:1
}
.contact-form {
 padding:18rem 0 10rem
}
.contact-form.form-group label {
 font-size:14px
}
.contact-form.form-group input {
 padding:0 10px 5px
}
.contact-form.form-group .btn-black {
 font-family:"fedra serif arabic bold 2",serif;
 font-size:14px;
 padding:6px 5rem 8.8px
}
.b-wide {
 position:relative;
 display:block;
 margin:0 auto;
 max-width:100%;
 text-align:center
}
.b-wide a {
 position:relative;
 display:inline-block
}
.b-wide a img {
 height:auto
}
.b-wide * {
 max-width:100%
}
.b-wide button.close {
 font-size:14px;
 color:#fff;
 background:#080810;
 opacity:1;
 width:36px;
 height:36px;
 position:absolute;
 right:0;
 top:0
}
.b-wide button.close i {
 -webkit-transition:all 250ms ease-in-out;
 -o-transition:all 250ms ease-in-out;
 transition:all 250ms ease-in-out;
 display:inline-block
}
.b-wide button.close:hover i {
 -webkit-transform:rotate(90deg);
 -ms-transform:rotate(90deg);
 -o-transform:rotate(90deg);
 transform:rotate(90deg)
}
.video-slider .big-images {
 margin-bottom:2rem
}
.video-slider .big-images img {
 height:auto;
 max-height:540px
}
.video-slider .big-images .owl-prev,.video-slider .big-images .owl-next {
 position:absolute;
 top:calc(50% - 20px);
 right:-100px;
 width:40px;
 height:40px;
 border:2px solid #201f1f;
 border-radius:6px;
 color:#484848;
 text-align:center;
 line-height:38px;
 -webkit-transition:all 250ms ease-in-out;
 -o-transition:all 250ms ease-in-out;
 transition:all 250ms ease-in-out
}
.video-slider .big-images .owl-prev:hover,.video-slider .big-images .owl-next:hover {
 background:#f3f3f3;
 border-color:#f3f3f3;
 color:#fff
}
.video-slider .big-images .owl-next {
 left:-100px;
 right:auto
}
.video-slider .sm-thumbs {
 width:calc(100% - 95px)
}
.video-slider .sm-thumbs .owl-item {
 position:relative
}
.video-slider .sm-thumbs .owl-item figcaption {
 position:absolute;
 top:0;
 left:0;
 right:0;
 bottom:0;
 -webkit-transition:all 250ms ease-in-out;
 -o-transition:all 250ms ease-in-out;
 transition:all 250ms ease-in-out;
 border:2px solid transparent
}
.video-slider .sm-thumbs .owl-item:hover {
 cursor:pointer
}
.video-slider .sm-thumbs .owl-item:hover figcaption {
 background:rgba(170,61,46,.9);
 border:2px solid transparent
}
.video-slider .sm-thumbs img {
 height:90px;
 -webkit-transition:all 250ms ease-in-out;
 -o-transition:all 250ms ease-in-out;
 transition:all 250ms ease-in-out
}
.video-slider .sm-thumbs .current figcaption {
 border:2px solid #aa3d2e;
 background:transparent
}
.video-slider .more-videos {
 position:absolute;
 left:0;
 top:0;
 width:90px;
 height:90px;
 background:#aa3d2e;
 color:#fff;
 line-height:90px;
 font-size:24px;
 text-align:center;
 -webkit-transition:all 250ms ease-in-out;
 -o-transition:all 250ms ease-in-out;
 transition:all 250ms ease-in-out
}
.video-slider .more-videos img {
 visibility:hidden;
 opacity:0;
 position:absolute;
 right:11px;
 top:11px;
 width:60px;
 -webkit-transition:all 250ms ease-in-out;
 -o-transition:all 250ms ease-in-out;
 transition:all 250ms ease-in-out
}
.video-slider .more-videos:hover::before {
 visibility:hidden;
 opacity:0
}
.video-slider .more-videos:hover img {
 visibility:visible;
 opacity:1
}
.about-page {
 background:url(images/about-bg.jpg) center center/cover #080810;
 z-index:2
}
.about-page .opacity-pat {
 background:#080810;
 opacity:.9;
 position:absolute;
 top:0;
 right:0;
 bottom:0;
 left:0;
 z-index:0;
 z-index:-1
}
.about-page h1 {
 color:#fff;
 max-width:550px;
 margin:4rem 0;
 font-family:"fedra serif arabic bold 2",serif
}
.about-page .content {
 color:#aeb6be
}
.about-page .content p {
 margin-bottom:4rem;
 font-size:16px;
 max-width:530px
}
.post-head h1 {
 font-size:46px;
 font-family:"fedra serif arabic bold 2",serif;
 text-align:center
}
.post-excerpt {
 text-align:center
}
.logo-white {
 width:270px
}
.logo-white svg {
 fill:#fff
}
.advertising-page {
 color:#aeb6be
}
.advertising-page p {
 margin-bottom:5rem;
 font-size:16px;
 max-width:530px
}
.advertising-page h3 {
 font-family:"fedra serif arabic bold 2",serif;
 font-size:22px
}
.privacy-page {
 color:#aeb6be
}
.privacy-page h3 {
 color:#fff;
 font-size:22px;
 margin-bottom:5rem;
 font-family:"fedra serif arabic bold 2",serif
}
.privacy-page p {
 margin-bottom:5rem;
 font-size:16px
}
.privacy-page .tab-menu li {
 margin-bottom:2rem
}
.privacy-page .tab-menu li:hover {
 color:#fff
}
.privacy-page .tab-menu li:hover:before {
 background:#f3f3f3
}
.privacy-page .tab-menu li:before {
 content:'';
 width:5px;
 height:5px;
 background:#aeb6be;
 display:inline-block;
 -webkit-transform:translateX(15px) rotate(45deg);
 -ms-transform:translateX(15px) rotate(45deg);
 -o-transform:translateX(15px) rotate(45deg);
 transform:translateX(15px) rotate(45deg);
 vertical-align:middle;
 -webkit-transition:all 250ms ease-in-out;
 -o-transition:all 250ms ease-in-out;
 transition:all 250ms ease-in-out
}
.contact-head {
 background:#0e0e14;
 padding:12rem 0 9rem
}
.contact-head p {
 color:#aeb6be;
 margin:2rem 0;
 max-width:320px;
 font-size:16px
}
.contact-head h4 {
 color:#fff
}
.contact-head a {
 color:#e59aa0;
 margin-bottom:3rem
}
.contact-head a:hover {
 color:#f3f3f3
}
.contact-tittle {
 padding:3rem 0
}
.contact-tittle h3 {
 font-size:22px;
 float:right;
 font-family:"fedra serif arabic bold 2",serif
}
.contact-tittle p {
 color:#aeb6be;
 float:left
}
.logo-190 {
 width:190px
}
.cat-slider-wrapper h3 {
 font-family:"fedra serif arabic bold 2",serif;
 margin:7rem 0 3rem
}
.cat-slider-wrapper .video-post-card {
 height:300px
}
.cat-slider-wrapper .video-post-card .video-icon {
 width:50px;
 height:50px;
 line-height:46px
}
.cat-slider-wrapper .video-post-card h2 {
 font-size:20px
}
.cat-slider-wrapper .video-post-card img {
 height:300px
}
.cat-slider-wrapper .owl-prev,.cat-slider-wrapper .video-slider .big-images .owl-next,.video-slider .big-images .cat-slider-wrapper .owl-next,.cat-slider-wrapper .owl-next {
 position:absolute;
 left:-45px;
 top:calc(50% - 15px);
 font-size:30px;
 color:#6b6b72;
 -webkit-transition:all ease-in-out 200ms;
 -o-transition:all ease-in-out 200ms;
 transition:all ease-in-out 200ms
}
.cat-slider-wrapper .owl-prev:hover,.cat-slider-wrapper .owl-next:hover {
 color:#f3f3f3
}
.cat-slider-wrapper .owl-next {
 left:auto;
 right:-45px
}
.cat-slider-wrapper .audio-post-card {
 height:300px
}
.ch-logo {
 padding-left:60px
}
.ch-logo img {
 max-width:100%;
 height:auto
}
.author-block {
 color:#aeb6be;
 -webkit-transition:all ease-in-out 200ms;
 -o-transition:all ease-in-out 200ms;
 transition:all ease-in-out 200ms;
 background:#151515
}
.author-block h5 {
 color:#fff
}
.author-block p {
 margin:10px 0;
 font-family:"fedra serif arabic book",serif;
 font-size:14px
}
.author-block .content {
 padding:2rem
}
.author-block figure {
 overflow:hidden
}
.author-block figure img {
 width:100%;
 height:auto
}
.author-block:hover {
 -webkit-transform:translateY(-5px);
 -ms-transform:translateY(-5px);
 -o-transform:translateY(-5px);
 transform:translateY(-5px)
}
.mr-40 {
 margin-right:4rem
}
.person-last .content {
 margin-right:10rem
}
.person-last .content p {
 margin-bottom:4rem;
 font-size:16px;
 color:#aeb6be;
 max-width:570px
}
.person-last .content h1,.person-last .content h2,.person-last .content h3,.person-last .content h4,.person-last .content h5,.person-last .content h6,.person-last .content .h1,.person-last .content .h2,.person-last .content .h3,.person-last .content .h4,.person-last .content .h5,.person-last .content .h6 {
 margin-bottom:4rem;
 font-family:"fedra serif arabic bold 2",serif
}
.person-last figure {
 position:relative
}
.person-last figure img {
 height:auto;
 width:100%
}
.person-last figure figcaption {
 background:#fff;
 position:absolute;
 bottom:60px;
 left:-40px;
 color:#080810;
 font-size:16px;
 line-height:1;
 min-width:210px;
 padding:15px 30px
}
.person-last figure figcaption span {
 font-size:72px;
 display:inline-block;
 margin-left:1rem
}
.person-last .socials {
 margin:2rem 10rem 0 0;
 float:right
}
.person-last .socials li {
 float:right
}
.persons-cat .person-card {
 margin-bottom:1rem
}
.time-line-wrapper p {
 color:#aeb6be;
 font-size:16px
}
.time-line-wrapper .head {
 max-width:480px;
 margin-bottom:8rem
}
.time-line-wrapper .head h2 {
 margin-bottom:3rem;
 font-weight:"fedra serif arabic bold 2",serif
}
.time-slider {
 position:relative
}
.time-slider .time-card {
 opacity:0
}
.time-slider .active .time-card {
 opacity:1
}
.time-slider .owl-stage-outer {
 overflow:visible
}
.time-slider:after {
 width:1e3%;
 height:1px;
 background-color:#606d7d;
 content:'';
 position:absolute;
 left:-300%;
 bottom:0;
 right:-300%;
 z-index:-1
}
.time-slider .owl-prev,.time-slider .video-slider .big-images .owl-next,.video-slider .big-images .time-slider .owl-next,.time-slider .cat-slider-wrapper .owl-next,.cat-slider-wrapper .time-slider .owl-next {
 position:absolute;
 top:calc(50% - 24px);
 left:-150px;
 font-size:40px;
 line-height:1;
 color:#606d7d
}
.time-slider .owl-next {
 position:absolute;
 top:calc(50% - 24px);
 right:-150px;
 font-size:40px;
 line-height:1;
 color:#606d7d
}
.time-slider .owl-dots {
 position:absolute;
 right:-9px;
 left:0;
 bottom:130px;
 text-align:center
}
.time-slider .owl-dots .owl-dot {
 height:9px;
 width:9px;
 background:#aeb6be;
 display:inline-block;
 -webkit-transform:rotate(45deg);
 -ms-transform:rotate(45deg);
 -o-transform:rotate(45deg);
 transform:rotate(45deg);
 margin-right:9px;
 float:right
}
.time-slider .owl-dots .owl-dot.active {
 background:#00bfd6
}
.post-head figure {
 position:relative;
 overflow:hidden;
 z-index:3
}
.post-head figure img {
 width:100%;
 height:auto;
 min-height:100vh
}
.post-head figure figcaption {
 position:absolute;
 top:0;
 right:0;
 bottom:0;
 left:0;
 background:rgba(8,8,16,.4);
 z-index:3
}
.post-head figure figcaption .content {
 color:#fff;
 position:absolute;
 left:0;
 right:0;
 top:100px
}
.post-head figure figcaption .content h1 {
 font-family:"fedra serif arabic bold 2",serif;
 margin-bottom:3rem
}
.post-head figure figcaption .grad-bat {
 position:absolute;
 top:0;
 right:0;
 bottom:0;
 left:0;
 z-index:-1;
 background:rgba(0,0,0,.9);
 background:-webkit-linear-gradient(bottom,rgba(0,0,0,0.9) 0%,rgba(0,0,0,0.6) 50%,rgba(0,0,0,0.1) 100%);
 background:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,0.9)),color-stop(50%,rgba(0,0,0,0.6)),to(rgba(0,0,0,0.1)));
 background:-o-linear-gradient(bottom,rgba(0,0,0,0.9) 0%,rgba(0,0,0,0.6) 50%,rgba(0,0,0,0.1) 100%);
 background:linear-gradient(to top,rgba(0,0,0,0.9) 0%,rgba(0,0,0,0.6) 50%,rgba(0,0,0,0.1) 100%)
}
.post-head .post-meta .socials {
 margin:0
}
.post-head .post-meta p {
 float:right;
 margin-left:6rem;
 font-size:14px
}
.post-head .post-meta p:hover {
 color:#f3f3f3
}
.post-head .post-meta span {
 float:right;
 display:inline-block;
 color:#9797a2;
 font-size:12px;
 padding:0 6rem;
 line-height:30px;
 border-right:1px solid #44444b;
 border-left:1px solid #44444b;
 margin-left:6rem
}
.admin-bar .bi-nav-container,.admin-bar .index-header .navigation {
 top:30px
}
.pagintaion-grid {
 width:100%!important;
 height:auto;
 text-align:center
}
.pagintaion-grid .pagination {
 margin:10rem 0
}
.no-desc .post-card:hover .cat-shape {
 margin-top:2rem
}
.entry-content .post-author img {
 width:100%;
 height:auto
}
.entry-content .post-author .content {
 margin:6rem 5rem;
 color:#bcbccb
}
.entry-content .post-author .content h4 {
 font-size:16px;
 margin-bottom:3rem;
 font-family:"fedra serif arabic bold 2",serif
}
.entry-content .post-author .content p {
 font-size:16px;
 margin-bottom:4rem
}
.entry-content .post-author .content .socials2 li {
 margin:0 0 0 16px
}
.entry-content .post-author .content span {
 font-size:12px
}
.post-comments input[type=text] {
 border:2px solid #dee3e6;
 border-radius:1px;
 margin-bottom:20px;
 width:100%;
 background:#fff;
 padding-right:1rem;
 font-size:12px;
 height:40px;
 -webkit-transition:all ease-in-out 200ms;
 -o-transition:all ease-in-out 200ms;
 transition:all ease-in-out 200ms
}
.post-comments textarea {
 border:2px solid #dee3e6;
 border-radius:1px;
 margin-bottom:20px;
 width:100%;
 background:#fff;
 padding:5px 10px;
 font-size:12px;
 max-width:100%;
 -webkit-transition:all ease-in-out 200ms;
 -o-transition:all ease-in-out 200ms;
 transition:all ease-in-out 200ms;
 min-height:160px
}
.post-comments input[type=text]:focus,.post-comments textarea:focus {
 border-color:#f3f3f3
}
.post-comments {
 padding:10rem 0
}
.post-comments #reply-title {
 margin-bottom:4rem;
 font-size:24px;
 font-family:"fedra serif arabic bold 2",serif
}
.post-comments #submit {
 background:#f3f3f3;
 color:#000;
 border:2px solid transparent;
 -webkit-box-shadow:none;
 box-shadow:none;
 font-family:"fedra serif arabic bold 2",serif;
 padding:5px 30px
}
.post-comments #submit:hover {
 border-color:#fff;
 background:#fff
}
.comment-btns span {
 background:#bec1c9;
 color:#fff;
 font-size:12px;
 font-family:"fedra serif arabic bold 2",serif;
 display:inline-block;
 line-height:1;
 padding:4px 10px 6px;
 -webkit-transition:all ease-in-out 200ms;
 -o-transition:all ease-in-out 200ms;
 transition:all ease-in-out 200ms;
 margin-left:10px
}
.comment-btns span:hover {
 background:#f3f3f3
}
.comment-content {
 margin-bottom:20px
}
.post-comments .avatar {
 border-radius:50%
}
.post-comments .comment-avartar {
 margin-left:15px
}
.comment-list .comment-body {
 margin-bottom:6rem
}
.comment-list .children {
 margin-right:20px
}
.comments-area .comment-author {
 font-family:"fedra serif arabic bold 2",serif;
 margin-bottom:1rem;
 display:inline-block
}
.comments-area .comment-respond {
 margin-bottom:10rem
}
.comments-area .comment-awaiting-moderation {
 color:#f3f3f3;
 margin-top:10px
}
.comments-area .comments-title {
 margin-bottom:4rem
}
.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover,.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover {
 background:#f3f3f3;
 color:#000
}
.pagination>li:first-child>a,.pagination>li:first-child>span {
 margin-left:5px
}
.pagination>li>a,.pagination>li>span {
 background:#080810;
 border:0;
 color:#fff;
 padding:8px 15px;
 margin:0 5px;
 border-radius:0!important;
 float:right
}
.archive_head {
 padding:25px 60px 10px;
 display:none

}
.archive_head h4 {
 float:right;
 margin-left:22rem;
 margin-bottom:1.5rem;
 line-height:1;
 display:none
}
.archive_head ul {
 overflowx:hidden
}
.archive_head ul li {
 float:right
}
.archive_head ul li a {
 display:inline-block;
 margin:0 0 15px 30px;
 position:relative;
 z-index:1
}
.archive_head ul li a span {
 position:absolute;
 top:100%;
 left:50%;
 color:transparent;
 content:"\e905";
 font-family:baianat;
 text-shadow:0 0 transparent;
 display:inline-block;
 font-size:5px;
 -webkit-transition:text-shadow .3s,color .3s;
 -o-transition:text-shadow .3s,color .3s;
 transition:text-shadow .3s,color .3s;
 -webkit-transform:translateX(-50%);
 -ms-transform:translateX(-50%);
 -o-transform:translateX(-50%);
 transform:translateX(-50%);
 pointer-events:none
}
.archive_head ul li a:hover {
 color:#00bfd6
}
.archive_head ul li a:hover span,.archive_head ul li a:focus:before {
 color:#00bfd6;
 text-shadow:10px 0 #00bfd6,-10px 0 #00bfd6
}
.featured-video img {
 height:auto;
 max-height:500px
}
.featured-video figure figcaption {
 background:rgba(0,0,0,.5)
}
.featured-video:hover figure figcaption {
 background:rgba(0,0,0,.4)
}
.featured-audio iframe {
 display:block
}
.time-content {
 color:#aeb6be;
 font-size:16px
}
.not-found {
 font-family:"fedra serif arabic demi";
 text-align:center;
 font-size:20px;
 padding:50px
}
.hekayat-content .not-found {
 font-family:"fedra serif arabic book",serif;
 text-align:center;
 font-size:14px;
 padding:50px
}
.form-group .wpcf7-form-control {
 width:100%
}
.form-group .wpcf7-form .wpcf7-submit {
 width:130px;
 margin:30px auto 0;
 font-family:"fedra serif arabic bold 2",serif;
 font-size:14px;
 padding:6px 5rem 8.8px;
 background:#080810;
 white-space:nowrap;
 border:0;
 color:#fff;
 border-radius:0;
 display:inline-block
}
.form-group .wpcf7-form .wpcf7-submit:hover {
 background:#f3f3f3
}
.search-loader {
 position:absolute;
 display:none;
 background:#fff;
 top:0;
 right:0;
 left:0;
 bottom:0;
 z-index:9999;
 text-align:center;
 line-height:1e3px
}
.s-loader {
 display:inline-block;
 width:30px;
 height:30px;
 position:relative;
 border:4px solid #080810;
 top:0;
 position:absolute;
 -webkit-animation:s-loader 2s infinite ease;
 -o-animation:s-loader 2s infinite ease;
 animation:s-loader 2s infinite ease
}
.s-loader-inner {
 vertical-align:top;
 display:inline-block;
 width:100%;
 background-color:#080810;
 -webkit-animation:s-loader-inner 2s infinite ease-in;
 -o-animation:s-loader-inner 2s infinite ease-in;
 animation:s-loader-inner 2s infinite ease-in
}
@-webkit-keyframes s-loader {
 0% {
  -webkit-transform:rotate(0deg);
  transform:rotate(0deg)
 }
 25% {
  -webkit-transform:rotate(180deg);
  transform:rotate(180deg)
 }
 50% {
  -webkit-transform:rotate(180deg);
  transform:rotate(180deg)
 }
 75% {
  -webkit-transform:rotate(360deg);
  transform:rotate(360deg)
 }
 100% {
  -webkit-transform:rotate(360deg);
  transform:rotate(360deg)
 }
}
@-o-keyframes s-loader {
 0% {
  -o-transform:rotate(0deg);
  transform:rotate(0deg)
 }
 25% {
  -o-transform:rotate(180deg);
  transform:rotate(180deg)
 }
 50% {
  -o-transform:rotate(180deg);
  transform:rotate(180deg)
 }
 75% {
  -o-transform:rotate(360deg);
  transform:rotate(360deg)
 }
 100% {
  -o-transform:rotate(360deg);
  transform:rotate(360deg)
 }
}
@keyframes s-loader {
 0% {
  -webkit-transform:rotate(0deg);
  -o-transform:rotate(0deg);
  transform:rotate(0deg)
 }
 25% {
  -webkit-transform:rotate(180deg);
  -o-transform:rotate(180deg);
  transform:rotate(180deg)
 }
 50% {
  -webkit-transform:rotate(180deg);
  -o-transform:rotate(180deg);
  transform:rotate(180deg)
 }
 75% {
  -webkit-transform:rotate(360deg);
  -o-transform:rotate(360deg);
  transform:rotate(360deg)
 }
 100% {
  -webkit-transform:rotate(360deg);
  -o-transform:rotate(360deg);
  transform:rotate(360deg)
 }
}
@-webkit-keyframes s-loader-inner {
 0% {
  height:0%
 }
 25% {
  height:0%
 }
 50% {
  height:100%
 }
 75% {
  height:100%
 }
 100% {
  height:0%
 }
}
@-o-keyframes s-loader-inner {
 0% {
  height:0%
 }
 25% {
  height:0%
 }
 50% {
  height:100%
 }
 75% {
  height:100%
 }
 100% {
  height:0%
 }
}
@keyframes s-loader-inner {
 0% {
  height:0%
 }
 25% {
  height:0%
 }
 50% {
  height:100%
 }
 75% {
  height:100%
 }
 100% {
  height:0%
 }
}
.entry-content {
 padding:6rem 0 0
}
.entry-content .owl-theme .owl-dots .owl-dot.active span,.entry-content .owl-theme .owl-dots .owl-dot:hover span {
 background:#000
}
.entry-content p {
 font-size:18px;
 font-family:"fedra serif arabic book",serif;
 margin-bottom:30px;
 line-height:1.9em
}
.entry-content blockquote {
 padding:20px;
 position:relative
}
.entry-content blockquote p {
 font-size:18px;
 font-family:"fedra serif arabic bold 2",serif
}
.entry-content blockquote:after {
 content:'';
 position:absolute;
 height:3px;
 background:#000;
 right:0;
 left:0;
 bottom:-10px
}
.entry-content blockquote:before {
 content:'\e91f';
 font-family:baianat;
 background:#fff;
 padding:0 10px;
 right:calc(50% - 20px);
 position:absolute;
 bottom:-16px;
 z-index:999;
 color:#000;
 font-size:30px
}
blockquote {
 color:#707070;
 border:0;
 padding:0 0 2rem;
 position:relative;
 font-size:14px;
 line-height:30px
}
blockquote.left {
 float:left;
 width:calc(35% - 20px);
 margin-right:20px
}
blockquote p {
 font-size:20px;
 font-weight:400;
 line-height:1.8
}
.page-404 {
 font-family:black ops one,cursive
}
.page-404 canvas {
 left:50%;
 position:absolute;
 top:50%;
 -webkit-transform:translate(-50%,-50%);
 -ms-transform:translate(-50%,-50%);
 -o-transform:translate(-50%,-50%);
 transform:translate(-50%,-50%)
}
.page-404 .text .wrap {
 fill:#fff
}
.page-404 .overlay {
 height:0;
 width:0;
 overflow:hidden;
 position:absolute
}
.page-404 .overlay .txt {
 font-size:14rem;
 text-transform:uppercase;
 font-weight:900;
 letter-spacing:-.5rem;
 text-shadow:0 -3px 0 #0d0d0d,0 6px 8px rgba(13,13,13,.55),0 9px 10px rgba(13,13,13,.25)
}
.page-404 .overlay .txt2 {
 font-size:4rem
}
.page-404 section {
 -webkit-align-self:center;
 -ms-flex-item-align:center;
 align-self:center;
 display:-webkit-box;
 display:-webkit-flex;
 display:-ms-flexbox;
 display:flex;
 -webkit-align-content:center;
 -ms-flex-line-pack:center;
 align-content:center;
 -webkit-box-pack:center;
 -webkit-justify-content:center;
 -ms-flex-pack:center;
 justify-content:center
}
.page-404 h1 {
 position:relative;
 font-size:8em;
 font-weight:700;
 line-height:1;
 display:inline-block;
 width:900px;
 height:400px
}
.page-404 h1 .fill {
 position:relative;
 width:100%;
 height:100%;
 overflow:hidden
}
.page-404 h1 .inv {
 position:absolute;
 width:900px;
 height:400px;
 top:0;
 left:0
}
.page-404 h1 .rect {
 fill:#111117
}
.page-404 h1 .clear {
 fill:transparent
}
.post-meta * {
 font-family:"fedra serif arabic medium 2"
}
.post-excerpt,.cat-shape {
 font-family:"fedra serif arabic demi"
}
.post-card h4,.post-card h2 {
 font-family:"fedra serif arabic medium 2"
}
#footer {
 font-family:"fedra serif arabic demi"
}
div.pp_pic_holder {
 direction:ltr
}
.mfp-bg {
 top:0;
 left:0;
 width:100%;
 height:100%;
 z-index:1042;
 overflow:hidden;
 position:fixed;
 background:#080810;
 opacity:.9
}
.mfp-wrap {
 top:0;
 left:0;
 width:100%;
 height:100%;
 z-index:1043;
 position:fixed;
 outline:0!important;
 -webkit-backface-visibility:hidden
}
.mfp-container {
 text-align:center;
 position:absolute;
 width:100%;
 height:100%;
 left:0;
 top:0;
 padding:0 8px;
 -webkit-box-sizing:border-box;
 box-sizing:border-box
}
.mfp-container:before {
 content:'';
 display:inline-block;
 height:100%;
 vertical-align:middle
}
.mfp-align-top .mfp-container:before {
 display:none
}
.mfp-content {
 position:relative;
 display:inline-block;
 vertical-align:middle;
 margin:0 auto;
 text-align:left;
 z-index:1045
}
.mfp-inline-holder .mfp-content,.mfp-ajax-holder .mfp-content {
 width:100%;
 cursor:auto
}
.mfp-ajax-cur {
 cursor:progress
}
.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
 cursor:-webkit-zoom-out;
 cursor:zoom-out
}
.mfp-zoom {
 cursor:pointer;
 cursor:-webkit-zoom-in;
 cursor:zoom-in
}
.mfp-auto-cursor .mfp-content {
 cursor:auto
}
.mfp-close,.mfp-arrow,.mfp-preloader,.mfp-counter {
 -webkit-user-select:none;
 -moz-user-select:none;
 -ms-user-select:none;
 user-select:none
}
.mfp-loading.mfp-figure {
 display:none
}
.mfp-hide {
 display:none!important
}
.mfp-preloader {
 color:#ccc;
 position:absolute;
 top:50%;
 width:auto;
 text-align:center;
 margin-top:-.8em;
 left:8px;
 right:8px;
 z-index:1044
}
.mfp-preloader a {
 color:#ccc
}
.mfp-preloader a:hover {
 color:#fff
}
.mfp-s-ready .mfp-preloader {
 display:none
}
.mfp-s-error .mfp-content {
 display:none
}
button.mfp-close,button.mfp-arrow {
 overflow:visible;
 cursor:pointer;
 background:0 0;
 border:0;
 -webkit-appearance:none;
 display:block;
 outline:0;
 padding:0;
 z-index:1046;
 -webkit-box-shadow:none;
 box-shadow:none;
 -ms-touch-action:manipulation;
 touch-action:manipulation
}
button::-moz-focus-inner {
 padding:0;
 border:0
}
.mfp-close {
 width:44px;
 height:44px;
 line-height:44px;
 position:absolute;
 right:0;
 top:0;
 text-decoration:none;
 text-align:center;
 opacity:.65;
 padding:0 0 18px 10px;
 color:#fff;
 font-style:normal;
 font-size:28px;
 font-family:Arial,Baskerville,monospace
}
.mfp-close:hover,.mfp-close:focus {
 opacity:1
}
.mfp-close:active {
 top:1px
}
.mfp-close-btn-in .mfp-close {
 color:#333
}
.mfp-image-holder .mfp-close,.mfp-iframe-holder .mfp-close {
 color:#fff;
 right:-6px;
 text-align:right;
 padding-right:6px;
 width:100%
}
.mfp-counter {
 position:absolute;
 top:0;
 right:0;
 color:#ccc;
 font-size:12px;
 line-height:18px;
 white-space:nowrap
}
.mfp-arrow {
 position:absolute;
 opacity:.65;
 margin:0;
 top:50%;
 margin-top:-55px;
 padding:0;
 width:90px;
 height:110px;
 -webkit-tap-highlight-color:transparent
}
.mfp-arrow:active {
 margin-top:0
}
.mfp-arrow:hover,.mfp-arrow:focus {
 opacity:1
}
.mfp-arrow:before,.mfp-arrow:after {
 content:'';
 display:block;
 width:0;
 height:0;
 position:absolute;
 left:0;
 top:0;
 margin-top:35px;
 margin-left:35px;
 border:medium inset transparent
}
.mfp-arrow:after {
 border-top-width:13px;
 border-bottom-width:13px;
 top:8px
}
.mfp-arrow:before {
 border-top-width:21px;
 border-bottom-width:21px;
 opacity:.7
}
.mfp-arrow-left {
 left:0
}
.mfp-arrow-left:after {
 border-right:17px solid #fff;
 margin-left:31px
}
.mfp-arrow-left:before {
 margin-left:25px;
 border-right:27px solid #3f3f3f;
 border-right:0
}
.mfp-arrow-right {
 right:0
}
.mfp-arrow-right:after {
 border-left:17px solid #fff;
 margin-left:39px
}
.mfp-arrow-right:before {
 border-left:27px solid #3f3f3f;
 border-left:0
}
.mfp-iframe-holder {
 padding-top:40px;
 padding-bottom:40px
}
.mfp-iframe-holder .mfp-content {
 line-height:0;
 width:100%;
 max-width:900px
}
.mfp-iframe-holder .mfp-close {
 top:-40px
}
.mfp-iframe-scaler {
 width:100%;
 height:0;
 overflow:hidden;
 padding-top:56.25%
}
.mfp-iframe-scaler iframe {
 position:absolute;
 display:block;
 top:0;
 left:0;
 width:100%;
 height:100%;
 -webkit-box-shadow:0 0 8px rgba(0,0,0,.6);
 box-shadow:0 0 8px rgba(0,0,0,.6);
 background:#000
}
img.mfp-img {
 width:auto;
 max-width:100%;
 height:auto;
 display:block;
 line-height:0;
 -webkit-box-sizing:border-box;
 box-sizing:border-box;
 padding:40px 0;
 margin:0 auto
}
.mfp-figure {
 line-height:0
}
.mfp-figure:after {
 content:'';
 position:absolute;
 left:0;
 top:40px;
 bottom:40px;
 display:block;
 right:0;
 width:auto;
 height:auto;
 z-index:-1;
 -webkit-box-shadow:0 0 8px rgba(0,0,0,.6);
 box-shadow:0 0 8px rgba(0,0,0,.6);
 background:#444
}
.mfp-figure small {
 color:#bdbdbd;
 display:block;
 font-size:12px;
 line-height:14px
}
.mfp-figure figure {
 margin:0
}
.mfp-bottom-bar {
 margin-top:-36px;
 position:absolute;
 top:100%;
 left:0;
 width:100%;
 cursor:auto
}
.mfp-title {
 text-align:left;
 line-height:18px;
 color:#f3f3f3;
 word-wrap:break-word;
 padding-right:36px
}
.mfp-image-holder .mfp-content {
 max-width:100%
}
.mfp-gallery .mfp-image-holder .mfp-figure {
 cursor:pointer
}
@media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px) {
 .mfp-img-mobile .mfp-image-holder {
  padding-left:0;
  padding-right:0
 }
 .mfp-img-mobile img.mfp-img {
  padding:0
 }
 .mfp-img-mobile .mfp-figure:after {
  top:0;
  bottom:0
 }
 .mfp-img-mobile .mfp-figure small {
  display:inline;
  margin-left:5px
 }
 .mfp-img-mobile .mfp-bottom-bar {
  background:rgba(0,0,0,.6);
  bottom:0;
  margin:0;
  top:auto;
  padding:3px 5px;
  position:fixed;
  -webkit-box-sizing:border-box;
  box-sizing:border-box
 }
 .mfp-img-mobile .mfp-bottom-bar:empty {
  padding:0
 }
 .mfp-img-mobile .mfp-counter {
  right:5px;
  top:3px
 }
 .mfp-img-mobile .mfp-close {
  top:0;
  right:0;
  width:35px;
  height:35px;
  line-height:35px;
  background:rgba(0,0,0,.6);
  position:fixed;
  text-align:center;
  padding:0
 }
}
@media all and (max-width:900px) {
 .mfp-arrow {
  -webkit-transform:scale(.75);
  -ms-transform:scale(.75);
  -o-transform:scale(.75);
  transform:scale(.75)
 }
 .mfp-arrow-left {
  -webkit-transform-origin:0;
  -ms-transform-origin:0;
  -o-transform-origin:0;
  transform-origin:0
 }
 .mfp-arrow-right {
  -webkit-transform-origin:100%;
  -ms-transform-origin:100%;
  -o-transform-origin:100%;
  transform-origin:100%
 }
 .mfp-container {
  padding-left:6px;
  padding-right:6px
 }
}
.mfp-move-horizontal {
}
.mfp-move-horizontal .mfp-with-anim {
 opacity:0;
 -webkit-transition:all .3s;
 -o-transition:all .3s;
 transition:all .3s;
 -webkit-transform:translateX(-50px);
 -ms-transform:translateX(-50px);
 -o-transform:translateX(-50px);
 transform:translateX(-50px)
}
.mfp-move-horizontal.mfp-bg {
 opacity:0;
 -webkit-transition:all .3s;
 -o-transition:all .3s;
 transition:all .3s
}
.mfp-move-horizontal.mfp-ready .mfp-with-anim {
 opacity:1;
 -webkit-transform:translateX(0);
 -ms-transform:translateX(0);
 -o-transform:translateX(0);
 transform:translateX(0)
}
.mfp-move-horizontal.mfp-ready.mfp-bg {
 opacity:.9
}
.mfp-move-horizontal.mfp-removing .mfp-with-anim {
 -webkit-transform:translateX(50px);
 -ms-transform:translateX(50px);
 -o-transform:translateX(50px);
 transform:translateX(50px);
 opacity:0
}
.mfp-move-horizontal.mfp-removing.mfp-bg {
 opacity:0
}
.mfp-zoom-in {
}
.mfp-zoom-in .mfp-with-anim {
 opacity:0;
 -webkit-transition:all .2s ease-in-out;
 -o-transition:all .2s ease-in-out;
 transition:all .2s ease-in-out;
 -webkit-transform:scale(.8);
 -ms-transform:scale(.8);
 -o-transform:scale(.8);
 transform:scale(.8)
}
.mfp-zoom-in.mfp-bg {
 opacity:0;
 -webkit-transition:all .3s ease-out;
 -o-transition:all .3s ease-out;
 transition:all .3s ease-out
}
.mfp-zoom-in.mfp-ready .mfp-with-anim {
 opacity:1;
 -webkit-transform:scale(1);
 -ms-transform:scale(1);
 -o-transform:scale(1);
 transform:scale(1)
}
.mfp-zoom-in.mfp-ready.mfp-bg {
 opacity:.8
}
.mfp-zoom-in.mfp-removing .mfp-with-anim {
 -webkit-transform:scale(.8);
 -ms-transform:scale(.8);
 -o-transform:scale(.8);
 transform:scale(.8);
 opacity:0
}
.mfp-zoom-in.mfp-removing.mfp-bg {
 opacity:0
}
button.mfp-arrow {
 display:-webkit-box;
 display:-webkit-flex;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-pack:center;
 -webkit-justify-content:center;
 -ms-flex-pack:center;
 justify-content:center;
 -webkit-box-align:center;
 -webkit-align-items:center;
 -ms-flex-align:center;
 align-items:center;
 -webkit-box-orient:vertical;
 -webkit-box-direction:normal;
 -webkit-flex-direction:column;
 -ms-flex-direction:column;
 flex-direction:column;
 color:#4a4a59;
 font-size:20px;
 width:70px;
 height:70px;
 border:2px solid #2f2f37;
 border-radius:6px;
 margin:0 6rem;
 line-height:66px;
 opacity:1
}
button.mfp-arrow:after,button.mfp-arrow:before {
 display:none
}
button.mfp-arrow:hover {
 background:#aa3d2e;
 color:#fff;
 border-color:#aa3d2e
}
button.mfp-arrow i {
 line-height:66px!important
}
.dropzone,.dropzone * {
 -webkit-box-sizing:border-box;
 box-sizing:border-box
}
.dropzone {
 position:relative
}
.dropzone .dz-preview {
 position:relative;
 display:inline-block;
 width:120px;
 margin:.5em
}
.dropzone .dz-preview .dz-progress {
 display:block;
 height:15px;
 border:1px solid #aaa
}
.dropzone .dz-preview .dz-progress .dz-upload {
 display:block;
 height:100%;
 width:0;
 background:green
}
.dropzone .dz-preview .dz-error-message {
 color:red;
 display:none
}
.dropzone .dz-preview.dz-error .dz-error-message,.dropzone .dz-preview.dz-error .dz-error-mark {
 display:block
}
.dropzone .dz-preview.dz-success .dz-success-mark {
 display:block
}
.dropzone .dz-preview .dz-error-mark,.dropzone .dz-preview .dz-success-mark {
 position:absolute;
 display:none;
 left:30px;
 top:30px;
 width:54px;
 height:58px;
 left:50%;
 margin-left:-27px
}
.iqraa-menu:hover>a {
 color:#f4a81f
}
.iqraa-menu li:hover {
 color:#f4a81f
}
.tabaa-menu:hover>a {
 color:#aa3d2e
}
.tabaa-menu li:hover {
 color:#aa3d2e
}
.elaab-menu:hover>a {
 color:#086147
}
.elaab-menu li:hover {
 color:#086147
}
.main-menu li {
 position:relative
}
.main-menu li.megamenu:hover .sub-menu {
 visibility:visible;
 opacity:1;
 position:absolute;
 -webkit-transform:translateY(10px);
 -ms-transform:translateY(10px);
 -o-transform:translateY(10px);
 transform:translateY(10px)
}
.main-menu li.megamenu .sub-menu {
 -webkit-transform:translateY(80px);
 -ms-transform:translateY(80px);
 -o-transform:translateY(80px);
 transform:translateY(80px);
 -webkit-transition:all 300ms ease-in-out;
 -o-transition:all 300ms ease-in-out;
 transition:all 300ms ease-in-out;
 visibility:hidden;
 opacity:0;
 position:absolute;
 padding:20px;
 min-width:320px;
 background:#000
}
.main-menu li.megamenu .sub-menu li {
 width:50%;
 float:right;
 margin-bottom:15px
}
.main-menu li.megamenu .sub-menu li a {
 margin:0;
 font-size:12px;
 line-height:20px;
 font-family:"fedra serif arabic medium 2"
}
.main-menu li .sub-menu {
 -webkit-transform:translateY(80px);
 -ms-transform:translateY(80px);
 -o-transform:translateY(80px);
 transform:translateY(80px);
 -webkit-transition:all 300ms ease-in-out;
 -o-transition:all 300ms ease-in-out;
 transition:all 300ms ease-in-out;
 visibility:hidden;
 opacity:0;
 position:absolute;
 padding:20px;
 min-width:160px;
 background:#000
}
.main-menu li .sub-menu li {
 display:block;
 margin-bottom:15px
}
.main-menu li .sub-menu li a {
 margin:0;
 font-size:12px;
 line-height:20px;
 font-family:"fedra serif arabic medium 2"
}
.main-menu li:hover .sub-menu {
 visibility:visible;
 opacity:1;
 position:absolute;
 -webkit-transform:translateY(10px);
 -ms-transform:translateY(10px);
 -o-transform:translateY(10px);
 transform:translateY(10px)
}
.header-btns .btn-mobile {
 color:#fff;
 display:none;
 font-size:24px
}
.mobile-menu {
 width:100%;
 height:auto;
 position:fixed;
 right:-100%;
 top:80px;
 overflow-x:hidden;
 overflow-y:scroll;
 bottom:0;
 z-index:999;
 background:#fff;
 color:#000
}
.mobile-menu .map-guide {
 margin-top:100px;
 position:relative;
 width:200px;
 bottom:0;
 float:left
}
.mobile-menu .map-guide img {
 width:100%
}
.mobile-menu>ul>li {
 display:block;
 width:100%;
 text-align:right;
 line-height:30px
}
.mobile-menu>ul>li>a {
 display:block;
 padding:10px 20px 10px 10px;
 font-size:24px;
 -webkit-box-shadow:inset 0 -1px #eee;
 box-shadow:inset 0 -1px #eee;
 font-family:aref ruqaa,serif
}
.mobile-menu>ul>li.line-1>a {
 border-right:15px solid #f4a81f
}
.mobile-menu>ul>li.line-1>a:hover {
 color:#f4a81f
}
.mobile-menu>ul>li.line-1 .children>li {
 border-right:15px solid #f4a81f
}
.mobile-menu>ul>li.line-1 .children>li a:hover {
 color:#f4a81f
}
.mobile-menu>ul>li.line-2>a {
 border-right:15px solid #aa3d2e
}
.mobile-menu>ul>li.line-2>a:hover {
 color:#aa3d2e
}
.mobile-menu>ul>li.line-2 .children li {
 border-right:15px solid #aa3d2e
}
.mobile-menu>ul>li.line-2 .children li a:hover {
 color:#aa3d2e
}
.mobile-menu>ul>li.line-3>a {
 border-right:15px solid #086147
}
.mobile-menu>ul>li.line-3>a:hover {
 color:#086147
}
.mobile-menu>ul>li.line-3 .children li {
 border-right:15px solid #086147
}
.mobile-menu>ul>li.line-3 .children li a:hover {
 color:#086147
}
.mobile-menu>ul>li i {
 margin-left:10px
}
.mobile-menu>ul>li .children {
 width:100%;
 position:relative;
 overflow:visible;
 display:none
}
.mobile-menu>ul>li .children li {
 position:relative
}
.mobile-menu>ul>li .children li .dot {
 content:'';
 width:10px;
 height:10px;
 background:#fff;
 position:absolute;
 right:-22px;
 top:calc(50% - 5px);
 -webkit-transform:rotate(45deg);
 -ms-transform:rotate(45deg);
 -o-transform:rotate(45deg);
 transform:rotate(45deg)
}
.mobile-menu>ul>li .children span {
 display:inline-block;
 margin-right:10px
}
.mobile-menu>ul>li .children a {
 display:block;
 background:#f5f5f5;
 -webkit-box-shadow:inset 0 -1px #ddd;
 box-shadow:inset 0 -1px #ddd;
 padding:10px 20px;
 position:relative;
 font-family:"fedra serif arabic book",serif
}
.mobile-menu>ul>li .fa-angle-down {
 position:relative;
 top:3px
}
.mobile-menu>ul>li:hover .children {
 display:none
}
.bi_file_section .author-name {
 padding:0
}
.opn_fixed_container .opn_fixed ul.opn_list li.dts-current i {
 color:#f4a81f!important
}
.medina_file_post_author {
 position:relative;
 right:-280px
}
.medina_file_scroll {
 margin:0 -20px
}
.medina_file_scroll_item {
 width:calc(100%/5);
 padding:0 20px;
 float:right;
 margin-bottom:20px;
 text-align:center
}
.medina_file_scroll_item img {
 margin-bottom:15px
}
.medina_file_scroll_item a {
 cursor:pointer
}
.file-head .parallax-image {
 height:100vh
}
.file-posts-list {
 background:#fff;
 display:none;
 padding:30px
}
.file-posts-list li {
 color:#000;
 line-height:30px;
 font-family:"fedra serif arabic book",serif;
 position:relative
}
.file-posts-list li:after {
 content:'';
 position:absolute;
 right:-20px;
 top:14px;
 width:7px;
 height:7px;
 background:#000;
 -webkit-transform:rotate(45deg);
 -ms-transform:rotate(45deg);
 -o-transform:rotate(45deg);
 transform:rotate(45deg)
}
.file-posts-list li a:hover {
 color:#f4a81f
}
.btn-show-file {
 position:absolute;
 bottom:0;
 display:none;
 margin-bottom:10px
}
.btn-show-file span {
 font-family:"fedra serif arabic book",serif;
 font-size:12px
}
.btn-show-file span i {
 margin-left:5px
}
.opn_fixed_container.right .opn_fixed ul.opn_list {
 background:0 0!important
}
.file-post-item img {
 width:100%;
 height:auto
}
.file_posts_grid .file-post-item figure {
 margin-bottom:30px
}
.file_posts_grid .file-post-item .post-content {
 text-align:justify;
 color:#000
}
.file_posts_list .file-post-item figure {
 float:right;
 margin-left:20px;
 width:35%
}
.file_posts_list .file-post-item .post-content {
 text-align:justify;
 color:#000
}
.medina_section_title {
 display:-webkit-box;
 display:-webkit-flex;
 display:-ms-flexbox;
 display:flex;
 margin-bottom:30px
}
.medina_section_title h2 {
 margin-left:30px;
 margin-right:30px;
 font-size:40px;
 line-height:40px;
 font-family:aref ruqaa bold;
 color:#000
}
.medina_section_title .line-right {
 -webkit-box-flex:2;
 -webkit-flex:2 1 0;
 -ms-flex:2 1 0;
 flex:2 1 0;
 height:0;
 position:relative;
 top:30px;
 border-bottom:1px dashed #000;
 font-family:baianat
}
.medina_section_title .line-right span {
 position:absolute;
 top:-5px;
 right:-15px;
 font-size:10px;
 color:#000
}
.medina_section_title .line-left {
 -webkit-box-flex:2;
 -webkit-flex:2 1 0;
 -ms-flex:2 1 0;
 flex:2 1 0;
 height:0;
 position:relative;
 top:30px;
 border-bottom:1px dashed #000;
 font-family:baianat;
 font-size:10px
}
.medina_section_title .line-left span {
 font-family:baianat;
 font-size:10px;
 position:absolute;
 top:-5px;
 left:-15px;
 color:#000
}
.medina_section_title .more-posts {
 padding-bottom:15px;
 padding-top:15px;
 margin-right:20px;
 font-size:14px
}
.medina_section_title .more-posts i {
 font-size:18px;
 margin-left:6px;
 line-height:30px
}
.medina_section_title .more-posts a {
 font-size:14px;
 font-family:"fedra serif arabic demi";
 line-height:30px
}
.slide-in-wrapper {
 position:fixed;
 max-height:140px;
 z-index:999;
 right:0;
 left:0;
 bottom:0;
 width:100%;
 -webkit-transition:all 250ms ease-in-out;
 -o-transition:all 250ms ease-in-out;
 transition:all 250ms ease-in-out
}
.slide-in-wrapper .slide-in-toggle {
 background:#fff;
 width:25px;
 height:25px;
 line-height:24px;
 font-size:20px;
 border-radius:50%;
 color:#000;
 top:-12.5px;
 text-align:center;
 position:absolute;
 cursor:pointer;
 z-index:9999;
 right:20px;
 border:1px solid #f1f1f1;
 -webkit-transition:all 250ms ease-in-out;
 -o-transition:all 250ms ease-in-out;
 transition:all 250ms ease-in-out
}
.slide-in-wrapper .slide-in-toggle h4 {
 float:right
}
.slide-in-wrapper .slide-in-title {
 height:100%;
 width:300px;
 float:right;
 padding-top:15px
}
.slide-in-wrapper .slide-in-title p {
 font-size:11px
}
.slide-in-wrapper .slide-in-full {
 padding-top:5px;
 height:140px;
 position:fixed;
 bottom:0;
 width:100%;
 background:#4c4c4c;
 background:-webkit-linear-gradient(top,#4c4c4c 0%,#131313 100%);
 background:-webkit-gradient(linear,left top,left bottom,from(#4c4c4c),to(#131313));
 background:-o-linear-gradient(top,#4c4c4c 0%,#131313 100%);
 background:linear-gradient(to bottom,#4c4c4c 0%,#131313 100%);
 filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c',endColorstr='#131313',GradientType=0 );
 opacity:0;
 color:#fff;
 right:0;
 left:0;
 z-index:999;
 padding-right:60px
}
.slide-in-wrapper .slide-in-full h4 {
 float:right
}
.slide-in-wrapper .slide-in-mine {
 padding-top:5px;
 padding-right:60px;
 height:140px;
 color:#fff;
 width:300px;
 position:fixed;
 bottom:0;
 -webkit-transition:all 500ms ease-in-out;
 -o-transition:all 500ms ease-in-out;
 transition:all 500ms ease-in-out;
 background:#4c4c4c;
 background:-webkit-linear-gradient(top,#4c4c4c 0%,#131313 100%);
 background:-webkit-gradient(linear,left top,left bottom,from(#4c4c4c),to(#131313));
 background:-o-linear-gradient(top,#4c4c4c 0%,#131313 100%);
 background:linear-gradient(to bottom,#4c4c4c 0%,#131313 100%);
 filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c',endColorstr='#131313',GradientType=0 )
}
.slide-in-wrapper.opened {
 height:100%
}
.slide-in-wrapper.opened .slide-in-toggle {
 -webkit-transform:rotate(180deg);
 -ms-transform:rotate(180deg);
 -o-transform:rotate(180deg);
 transform:rotate(180deg);
 line-height:20px
}
.slide-in-wrapper.opened .slide-in-full {
 bottom:0;
 -webkit-transform:translateY(0);
 -ms-transform:translateY(0);
 -o-transform:translateY(0);
 transform:translateY(0);
 opacity:1;
 height:140px;
 -webkit-transition:height 250ms ease-in-out;
 -o-transition:height 250ms ease-in-out;
 transition:height 250ms ease-in-out
}
.slide-in-wrapper.opened .bi-file-slider {
 visibility:visible
}
.slide-in-wrapper.closed {
 height:140px;
 -webkit-transform:translateY(70px);
 -ms-transform:translateY(70px);
 -o-transform:translateY(70px);
 transform:translateY(70px);
 -webkit-transition:all 250ms ease-in-out;
 -o-transition:all 250ms ease-in-out;
 transition:all 250ms ease-in-out
}
.slide-in-wrapper.closed .slide-in-toggle {
 line-height:23px
}
.slide-in-wrapper.closed .slide-in-mine {
 bottom:0;
 height:140px;
 -webkit-transition:all 250ms ease-in-out;
 -o-transition:all 250ms ease-in-out;
 transition:all 250ms ease-in-out
}
.slide-in-wrapper.closed .slide-in-full {
 -webkit-transform:translateY(100px);
 -ms-transform:translateY(100px);
 -o-transform:translateY(100px);
 transform:translateY(100px)
}
.bi-file-nav {
}
.bi-file-nav .bi-file-slider {
 visibility:hidden;
 width:50%;
 margin:0 auto;
 position:relative
}
.bi-file-nav .bi-file-slider .owl-nav .owl-prev,.bi-file-nav .bi-file-slider .owl-nav .video-slider .big-images .owl-next,.video-slider .big-images .bi-file-nav .bi-file-slider .owl-nav .owl-next,.bi-file-nav .bi-file-slider .owl-nav .cat-slider-wrapper .owl-next,.cat-slider-wrapper .bi-file-nav .bi-file-slider .owl-nav .owl-next {
 position:absolute;
 top:calc(50% - 18px);
 left:-100px
}
.bi-file-nav .bi-file-slider .owl-nav .owl-next {
 position:absolute;
 top:calc(50% - 18px);
 right:-100px
}
.bi-file-nav.active {
 bottom:0;
 -webkit-transform:translateY(0);
 -ms-transform:translateY(0);
 -o-transform:translateY(0);
 transform:translateY(0)
}
.bi-file-nav.active .bi-file-slider {
 visibility:visible
}
.bi-file-nav .item {
 float:right
}
.bi-file-nav .item img {
 width:100%;
 height:auto
}
/*!========== SPECIFICS*/.index-header {
 min-height:80px;
 position:relative;
 overflow:hidden
}
.main-menu>ul>li {
 float:right;
 line-height:60px;
 margin-left:20px
}
.main-menu>ul>li:first-child {
 line-height:1em;
 margin-top:28px
}
.main-menu>ul>li a {
 font-family:aref ruqaa,serif;
 font-size:24px
}
.main-menu .sub-menu li {
 line-height:20px
}
.main-header {
 min-height:80px
}
.socials2 {
 display:inline-block;
 position:relative
}
.socials2 li {
 float:right;
 margin:0 16px 0 0
}
.socials2 li a {
 font-size:15px
}
.socials2 li i {
 -webkit-transition:all 250ms ease-in-out;
 -o-transition:all 250ms ease-in-out;
 transition:all 250ms ease-in-out
}
.socials2 .icon-facebook:hover {
 color:#365396
}
.socials2 .icon-twitter:hover {
 color:#00a8f0
}
.socials2 .icon-instagram:hover {
 color:#386c99
}
.socials2 .icon-google-plus:hover {
 color:#e0462e
}
.navigation {
 -webkit-transition:all 250ms ease-in-out;
 -o-transition:all 250ms ease-in-out;
 transition:all 250ms ease-in-out;
 position:fixed;
 width:100%;
 z-index:999;
 background:#fff
}
.navigation .header {
 padding:10px 0;
 position:relative;
 margin:0 auto;
 -webkit-transition:padding 300ms ease-in-out;
 -o-transition:padding 300ms ease-in-out;
 transition:padding 300ms ease-in-out;
 -webkit-box-shadow:0 3px 7px 0 rgba(0,0,0,.1);
 box-shadow:0 3px 7px 0 rgba(0,0,0,.1)
}
.navigation .searchWrapper {
 margin:10px 20px
}
.navigation .socials2 {
 line-height:60px
}
.navigation .icon-search {
 font-size:15px;
 display:inline-block;
 vertical-align:middle;
 margin:0 15px;
 float:left;
 line-height:60px
}
.navigation .icon-search:hover {
 color:#f3f3f3
}
.fixed {
 position:fixed;
 background-color:#fff;
 z-index:999;
 width:100%
}
.logo {
 float:right;
 width:130px;
 display:inline-block;
 max-height:62px;
 height:62px
}
.logo2 {
 float:right
}
.logoWrap {
 position:relative;
 display:block;
 float:right;
 margin-left:12rem
}
.logoWrap .logo2 {
 float:right;
 position:absolute;
 right:0;
 opacity:0
}
.pinning-nav {
 left:0;
 right:0;
 top:0;
 -webkit-transition:all 600ms ease;
 -o-transition:all 600ms ease;
 transition:all 600ms ease;
 -webkit-transform:translate3d(0,0,0);
 -ms-transform:translate3d(0,0,0);
 -o-transform:translate3d(0,0,0);
 transform:translate3d(0,0,0)
}
.pinning-nav.unpinned {
 -webkit-transform:translateY(-100%);
 -ms-transform:translateY(-100%);
 -o-transform:translateY(-100%);
 transform:translateY(-100%)
}
.pinning-nav.unpinned {
 -webkit-transform:translateY(0);
 -ms-transform:translateY(0);
 -o-transform:translateY(0);
 transform:translateY(0)
}
.fixed.pinning-nav.unpinned {
 -webkit-transform:translateY(-100%);
 -ms-transform:translateY(-100%);
 -o-transform:translateY(-100%);
 transform:translateY(-100%)
}
body.okayNav-loaded {
 overflow-x:hidden
}
.okayNav:not(.loaded) {
 visibility:hidden;
 -webkit-user-select:none;
 -moz-user-select:none;
 -ms-user-select:none;
 user-select:none
}
.okayNav {
 display:inline-block;
 float:right
}
.okayNav ul {
 float:left
}
.okayNav a {
 position:relative;
 z-index:1;
 font-family:"fedra serif arabic medium 2";
 white-space:nowrap;
 margin:26px 0;
 color:#080810;
 font-size:14px
}
.okayNav a span {
 position:absolute;
 top:100%;
 left:50%;
 color:transparent;
 content:"\e905";
 font-family:baianat;
 text-shadow:0 0 transparent;
 font-size:7px;
 -webkit-transition:text-shadow .3s,color .3s;
 -o-transition:text-shadow .3s,color .3s;
 transition:text-shadow .3s,color .3s;
 -webkit-transform:translateX(-50%);
 -ms-transform:translateX(-50%);
 -o-transform:translateX(-50%);
 transform:translateX(-50%);
 pointer-events:none
}
.okayNav a:hover span,.okayNav a:focus span {
 color:#f3f3f3;
 text-shadow:10px 0 #f3f3f3,-10px 0 #f3f3f3
}
.okayNav__nav--visible {
 white-space:nowrap
}
.okayNav__nav--visible li {
 display:inline-block
}
.okayNav__nav--visible a {
 display:block;
 -webkit-transition:color 200ms cubic-bezier(.55,0,.1,1);
 -o-transition:color 200ms cubic-bezier(.55,0,.1,1);
 transition:color 200ms cubic-bezier(.55,0,.1,1);
 margin:0 15px;
 line-height:60px
}
.okayNav__nav--visible a:hover {
 color:#f3f3f3
}
.okayNav__nav--invisible {
 position:fixed;
 top:120px;
 overflow-y:auto;
 -webkit-overflow-scrolling:touch;
 background:#fff
}
.okayNav__nav--invisible a {
 background:#fff;
 width:240px;
 display:block;
 padding:15px;
 margin:0
}
.okayNav__nav--invisible a:hover {
 color:#f3f3f3
}
.okayNav__nav--invisible a:before {
 display:none
}
.okayNav__nav--invisible.nav-left {
 left:0;
 -webkit-transform:translateX(-100%);
 -ms-transform:translateX(-100%);
 -o-transform:translateX(-100%);
 transform:translateX(-100%)
}
.okayNav__nav--invisible.nav-right {
 right:0;
 -webkit-transform:translateX(100%);
 -ms-transform:translateX(100%);
 -o-transform:translateX(100%);
 transform:translateX(100%)
}
.okayNav__nav--invisible.transition-enabled {
 -webkit-transition:-webkit-transform 400ms cubic-bezier(.55,0,.1,1);
 transition:-webkit-transform 400ms cubic-bezier(.55,0,.1,1);
 -o-transition:-o-transform 400ms cubic-bezier(.55,0,.1,1);
 transition:transform 400ms cubic-bezier(.55,0,.1,1);
 -webkit-transition:-webkit-transform 400ms cubic-bezier(.55,0,.1,1),-webkit-transform 400ms cubic-bezier(.55,0,.1,1);
 transition:transform 400ms cubic-bezier(.55,0,.1,1),-webkit-transform 400ms cubic-bezier(.55,0,.1,1)
}
.okayNav__nav--invisible.nav-open {
 -webkit-transform:translateX(0);
 -ms-transform:translateX(0);
 -o-transform:translateX(0);
 transform:translateX(0)
}
.okayNav__menu-toggle {
 position:relative;
 -webkit-transition:-webkit-transform 400ms cubic-bezier(.55,0,.1,1);
 transition:-webkit-transform 400ms cubic-bezier(.55,0,.1,1);
 -o-transition:-o-transform 400ms cubic-bezier(.55,0,.1,1);
 transition:transform 400ms cubic-bezier(.55,0,.1,1);
 -webkit-transition:-webkit-transform 400ms cubic-bezier(.55,0,.1,1),-webkit-transform 400ms cubic-bezier(.55,0,.1,1);
 transition:transform 400ms cubic-bezier(.55,0,.1,1),-webkit-transform 400ms cubic-bezier(.55,0,.1,1);
 cursor:pointer;
 width:40px;
 height:20px;
 float:left;
 z-index:1;
 top:5px
}
.okayNav__menu-toggle:before {
 display:none
}
.okayNav__menu-toggle.okay-invisible {
 position:absolute;
 opacity:0;
 -webkit-user-select:none;
 -moz-user-select:none;
 -ms-user-select:none;
 user-select:none;
 pointer-events:none
}
.okayNav__menu-toggle span {
 display:block;
 position:absolute;
 margin:auto;
 height:4px;
 width:4px;
 background:#2e2e33;
 border-radius:50%;
 left:0;
 right:0;
 pointer-events:none
}
.okayNav__menu-toggle span:nth-child(1) {
 top:0
}
.okayNav__menu-toggle span:nth-child(2) {
 top:50%;
 -webkit-transform:translateY(-50%);
 -ms-transform:translateY(-50%);
 -o-transform:translateY(-50%);
 transform:translateY(-50%)
}
.okayNav__menu-toggle span:nth-child(3) {
 bottom:0
}
.okayNav__menu-toggle.icon--active {
 -webkit-transform:rotate(90deg);
 -ms-transform:rotate(90deg);
 -o-transform:rotate(90deg);
 transform:rotate(90deg)
}
.okayNav__menu-toggle.icon--active span {
 background:#f3f3f3
}
.header-btns {
 margin:15px 0 0;
 float:right;
 color:#080810;
 display:inline-block
}
.header-btns .btn-black.btn-md {
 margin:0 15px;
 padding:0 15px;
 line-height:36px;
 font-size:14px;
 font-family:"fedra serif arabic medium 2"
}
.dropdown .dropdown-toggle {
 cursor:pointer
}
.dropdown .dropdown-toggle img {
 width:30px;
 height:30px;
 border-radius:50%
}
.dropdown.open .dropdown-menu {
 opacity:1;
 -webkit-transform:rotateY(0) translateY(0);
 transform:rotateY(0) translateY(0)
}
.main-search {
 background:rgba(0,0,0,.2);
 border-radius:0;
 padding:3rem;
 margin:9.8rem 0 10rem;
 text-align:right
}
.main-search.form-group input {
 height:46px
}
.main-search.form-group .search-input {
 width:calc(64% - 30px);
 margin:0 15px;
 float:right;
 padding:0 10px 6px!important;
 color:#fff!important;
 font-family:"fedra serif arabic bold 2",serif;
 border-color:#c477fa
}
.main-search.form-group .search-input::-webkit-input-placeholder {
 color:#fff
}
.main-search.form-group .search-input:-moz-placeholder {
 color:#fff;
 opacity:1
}
.main-search.form-group .search-input::-moz-placeholder {
 color:#fff;
 opacity:1
}
.main-search.form-group .search-input:-ms-input-placeholder {
 color:#fff
}
.main-search.form-group .search-input:placeholder-shown {
 color:#fff
}
.main-search.form-group .search-submit {
 float:right;
 width:9%;
 padding:0 0 2px
}
.main-search .select2-container .select2-selection--single {
 height:46px
}
.main-search .select2-container--default .select2-selection--single .select2-selection__rendered {
 line-height:34px
}
.main-search .index-search .select2-container--default .select2-selection--single .select2-selection__rendered {
 line-height:34px
}
.main-search .select2-container {
 float:right
}
.main-search .select2-container--default .select2-selection--single .select2-selection__rendered {
 color:#fff;
 font-family:"fedra serif arabic bold 2",serif
}
.main-search .select2-container--default .select2-selection--single .select2-selection__arrow {
 height:36px;
 top:5px
}
.main-search .select2-container--default .select2-selection--single {
 border-color:#c477fa
}
.showbox {
 position:absolute;
 top:0;
 bottom:0;
 left:0;
 right:0;
 top:calc(50% - 50px)
}
.loader {
 position:relative;
 margin:0 auto;
 width:100px
}
.loader:before {
 content:'';
 display:block;
 padding-top:100%
}
.circular {
 -webkit-animation:rotate 2s linear infinite;
 -o-animation:rotate 2s linear infinite;
 animation:rotate 2s linear infinite;
 height:100%;
 -webkit-transform-origin:center center;
 -ms-transform-origin:center center;
 -o-transform-origin:center center;
 transform-origin:center center;
 width:100%;
 position:absolute;
 top:0;
 bottom:0;
 left:0;
 right:0;
 margin:auto
}
.path {
 stroke-dasharray:1,200;
 stroke-dashoffset:0;
 -webkit-animation:dash 1.5s ease-in-out infinite,color 6s ease-in-out infinite;
 -o-animation:dash 1.5s ease-in-out infinite,color 6s ease-in-out infinite;
 animation:dash 1.5s ease-in-out infinite,color 6s ease-in-out infinite;
 stroke-linecap:round
}
@-webkit-keyframes rotate {
 100% {
  -webkit-transform:rotate(360deg);
  transform:rotate(360deg)
 }
}
@-o-keyframes rotate {
 100% {
  -o-transform:rotate(360deg);
  transform:rotate(360deg)
 }
}
@keyframes rotate {
 100% {
  -webkit-transform:rotate(360deg);
  -o-transform:rotate(360deg);
  transform:rotate(360deg)
 }
}
@-webkit-keyframes dash {
 0% {
  stroke-dasharray:1,200;
  stroke-dashoffset:0
 }
 50% {
  stroke-dasharray:89,200;
  stroke-dashoffset:-35px
 }
 100% {
  stroke-dasharray:89,200;
  stroke-dashoffset:-124px
 }
}
@-o-keyframes dash {
 0% {
  stroke-dasharray:1,200;
  stroke-dashoffset:0
 }
 50% {
  stroke-dasharray:89,200;
  stroke-dashoffset:-35px
 }
 100% {
  stroke-dasharray:89,200;
  stroke-dashoffset:-124px
 }
}
@keyframes dash {
 0% {
  stroke-dasharray:1,200;
  stroke-dashoffset:0
 }
 50% {
  stroke-dasharray:89,200;
  stroke-dashoffset:-35px
 }
 100% {
  stroke-dasharray:89,200;
  stroke-dashoffset:-124px
 }
}
@-webkit-keyframes color {
 100%,0% {
  stroke:#080810
 }
 40% {
  stroke:#f3f3f3
 }
 66% {
  stroke:#e9aa23
 }
 80%,90% {
  stroke:#080810
 }
}
@-o-keyframes color {
 100%,0% {
  stroke:#080810
 }
 40% {
  stroke:#f3f3f3
 }
 66% {
  stroke:#e9aa23
 }
 80%,90% {
  stroke:#080810
 }
}
@keyframes color {
 100%,0% {
  stroke:#080810
 }
 40% {
  stroke:#f3f3f3
 }
 66% {
  stroke:#e9aa23
 }
 80%,90% {
  stroke:#080810
 }
}
.data-list {
 margin:15px 0 0
}
.data-list li {
 display:inline-block;
 margin:0 15px;
 font-family:arial
}
.data-list li:nth-child(2),.data-list li:nth-child(3) {
 font-family:arial
}
.data-list li i {
 display:inline-block;
 margin-left:5px;
 font-size:20px;
 vertical-align:-15%
}
.bi-nav-container {
 position:fixed;
 top:0;
 left:0;
 right:0;
 height:100vh;
 z-index:9999;
 background:#080810;
 overflow:hidden;
 visibility:hidden;
 -webkit-perspective:1e3px;
 perspective:1e3px;
 -webkit-transform:translateY(-100%);
 -ms-transform:translateY(-100%);
 -o-transform:translateY(-100%);
 transform:translateY(-100%);
 -webkit-transition:-webkit-transform .5s 0s,visibility 0s .5s;
 -o-transition:-o-transform .5s 0s,visibility 0s .5s;
 transition:transform .5s 0s,visibility 0s .5s
}
.bi-nav-container .map-guide {
 position:fixed;
 bottom:40px;
 left:40px
}
.bi-nav-container .nav-list {
 background:#fff;
 height:100%;
 position:relative
}
.bi-nav-container .nav-list .nav-list-container {
 max-width:1200px;
 margin:0 auto;
 position:relative;
 height:100vh
}
.bi-nav-container .nav-list .nav-list-container svg {
 position:absolute;
 right:calc(50% - 350px);
 top:0;
 width:700px
}
.bi-nav-container .nav-list .nav-list-container .map-container {
 position:absolute;
 right:calc(50% - 480px);
 top:0;
 width:700px;
 min-height:705px
}
.bi-nav-container .nav-list .menu-line-1 ul {
 height:432px;
 position:absolute;
 z-index:2
}
.bi-nav-container .nav-list .menu-line-1 ul li {
 position:absolute;
 white-space:nowrap
}
.bi-nav-container .nav-list .menu-line-1 ul li:nth-child(1) {
 top:20px;
 right:400px
}
.bi-nav-container .nav-list .menu-line-1 ul li:nth-child(2) {
 top:80px;
 right:400px
}
.bi-nav-container .nav-list .menu-line-1 ul li:nth-child(3) {
 top:140px;
 right:400px
}
.bi-nav-container .nav-list .menu-line-1 ul li:nth-child(4) {
 top:200px;
 right:400px
}
.bi-nav-container .nav-list .menu-line-1 ul li:nth-child(5) {
 top:365px;
 right:390px
}
.bi-nav-container .nav-list .menu-line-1 ul li:nth-child(6) {
 top:322px;
 right:495px
}
.bi-nav-container .nav-list .menu-line-1 ul li:nth-child(7) {
 top:373px;
 right:582px
}
.bi-nav-container .nav-list .menu-line-1 ul li:nth-child(8) {
 top:433px;
 right:582px
}
.bi-nav-container .nav-list .menu-line-1 ul li:nth-child(9) {
 top:493px;
 right:582px
}
.bi-nav-container .nav-list .menu-line-1 ul li:nth-child(10) {
 top:523px;
 right:582px
}
.bi-nav-container .nav-list .menu-line-1 ul li a {
 font-size:12px;
 color:#72727d;
 display:inline-block
}
.bi-nav-container .nav-list .menu-line-1 ul li a span {
 display:none
}
.bi-nav-container .nav-list .menu-line-1 ul li a:hover {
 color:#f4a81f!important
}
.bi-nav-container .nav-list .menu-line-2 ul {
 height:432px;
 position:absolute;
 z-index:2
}
.bi-nav-container .nav-list .menu-line-2 ul li {
 position:absolute;
 white-space:nowrap
}
.bi-nav-container .nav-list .menu-line-2 ul li:nth-child(1) {
 top:50px;
 right:100px
}
.bi-nav-container .nav-list .menu-line-2 ul li:nth-child(2) {
 top:100px;
 right:190px
}
.bi-nav-container .nav-list .menu-line-2 ul li:nth-child(3) {
 top:155px;
 right:225px
}
.bi-nav-container .nav-list .menu-line-2 ul li:nth-child(4) {
 top:210px;
 right:305px
}
.bi-nav-container .nav-list .menu-line-2 ul li:nth-child(5) {
 top:400px;
 right:330px
}
.bi-nav-container .nav-list .menu-line-2 ul li a {
 font-size:12px;
 color:#72727d;
 display:inline-block
}
.bi-nav-container .nav-list .menu-line-2 ul li a span {
 display:none
}
.bi-nav-container .nav-list .menu-line-2 ul li a:hover {
 color:#aa3d2e!important
}
.bi-nav-container .nav-list .menu-line-3 ul {
 height:432px;
 position:absolute;
 z-index:2
}
.bi-nav-container .nav-list .menu-line-3 ul li {
 position:absolute;
 white-space:nowrap
}
.bi-nav-container .nav-list .menu-line-3 ul li:nth-child(1) {
 top:130px;
 right:20px
}
.bi-nav-container .nav-list .menu-line-3 ul li:nth-child(2) {
 top:180px;
 right:105px
}
.bi-nav-container .nav-list .menu-line-3 ul li:nth-child(3) {
 top:240px;
 right:135px
}
.bi-nav-container .nav-list .menu-line-3 ul li:nth-child(4) {
 top:280px;
 right:155px
}
.bi-nav-container .nav-list .menu-line-3 ul li a {
 font-size:12px;
 color:#72727d;
 display:inline-block
}
.bi-nav-container .nav-list .menu-line-3 ul li a span {
 display:none
}
.bi-nav-container .nav-list .menu-line-3 ul li a:hover {
 color:#086147!important
}
.bi-nav-container #menu-rand {
 position:absolute;
 left:10px;
 bottom:10px;
 color:#72727d;
 font-size:16px;
 line-height:1
}
.bi-nav-container .bi-nav-trigger {
 position:absolute;
 left:10px;
 top:10px;
 color:#72727d;
 line-height:1
}
.bi-nav-container.nav-is-visible {
 visibility:visible;
 -webkit-transform:translateY(0);
 -ms-transform:translateY(0);
 -o-transform:translateY(0);
 transform:translateY(0);
 -webkit-transition:-webkit-transform .5s 0s,visibility .5s 0s;
 -o-transition:-o-transform .5s 0s,visibility .5s 0s;
 transition:transform .5s 0s,visibility .5s 0s
}
#footer {
 position:relative;
 background:#080808;
 color:#6b6b72
}
.footer-top {
 background:url(images/ft-bg.png) repeat center center;
 padding:6rem;
 background-attachment:fixed
}
.footer-top .socials li a {
 color:#727070
}
.feed-form {
 max-width:600px;
 margin:0 auto
}
.feed-form.form-group .form-control {
 border:2px solid #25252c;
 width:calc(100% - 135px);
 max-width:100%;
 margin-left:0;
 color:#fff
}
.feed-form.form-group .form-control:focus {
 border-color:#6b6b72
}
.feed-form.form-group input {
 height:50px
}
.feed-form.form-group input::-webkit-input-placeholder {
 font-family:"fedra serif arabic bold 2",serif;
 color:#6b6b72
}
.feed-form.form-group input:-moz-placeholder {
 font-family:"fedra serif arabic bold 2",serif
}
.feed-form.form-group input::-moz-placeholder {
 font-family:"fedra serif arabic bold 2",serif
}
.feed-form.form-group input:-ms-input-placeholder {
 font-family:"fedra serif arabic bold 2",serif
}
.feed-form.form-group input:placeholder-shown {
 font-family:"fedra serif arabic bold 2",serif
}
.feed-form .btn-red {
 font-family:"fedra serif arabic bold 2",serif;
 font-size:14px;
 padding:8px 0 13px;
 width:125px;
 float:left;
 color:#000;
 background:#eee
}
.feed-form .btn-red:hover {
 background:#fff
}
.subscribe-wrapper {
 border:1px solid #222227;
 padding:5rem 0
}
#footer .socials {
 margin:-18px auto 0;
 background:#080808
}
.socials {
 max-width:320px;
 text-align:center
}
.socials li {
 margin:0 0 0 1rem;
 display:inline-block
}
.socials li a {
 -webkit-transition:all 250ms ease-in-out;
 -o-transition:all 250ms ease-in-out;
 transition:all 250ms ease-in-out;
 display:inline-block;
 width:36px;
 height:36px;
 border:2px solid #201f1f;
 text-align:center;
 line-height:40px;
 font-size:16px;
 display:inline-block;
 z-index:2;
 position:relative;
 color:#000
}
.socials li a:after {
 width:36px;
 height:36px;
 content:'';
 position:absolute;
 top:-2px;
 right:-2px;
 bottom:0;
 left:0;
 background:#201f1f;
 display:block;
 z-index:-1;
 -webkit-transform:scale(1.5);
 -ms-transform:scale(1.5);
 -o-transform:scale(1.5);
 transform:scale(1.5);
 -webkit-transition:all ease 250ms;
 -o-transition:all ease 250ms;
 transition:all ease 250ms;
 opacity:0;
 visibility:hidden
}
.socials li a.socicon-facebook:hover {
 background-color:#3b5998;
 border-color:#3b5998
}
.socials li a.socicon-twitter:hover {
 background-color:#55acee;
 border-color:#55acee
}
.socials li a.socicon-googleplus:hover {
 background-color:#dd4b39;
 border-color:#dd4b39
}
.socials li a.socicon-linkedin:hover {
 background-color:#007bb5;
 border-color:#007bb5
}
.socials li a.socicon-tumblr:hover {
 background-color:#35465c;
 border-color:#35465c
}
.socials li a.socicon-pinterest:hover {
 background-color:#cb2027;
 border-color:#cb2027
}
.socials li a.socicon-youtube:hover {
 background-color:#b00;
 border-color:#b00
}
.socials li a.socicon-instagram:hover {
 background-color:#125688;
 border-color:#125688
}
.socials li a.socicon-soundcloud:hover {
 background-color:#ff3a00;
 border-color:#ff3a00
}
.socials li a:hover {
 color:#fff!important
}
.list-h li {
 display:inline-block;
 margin-left:15px
}
.list-h li a {
 font-size:1.2rem
}
.list-h li a:hover {
 color:#fff
}
.list-h li a span {
 display:none
}
.overlay-fade {
 opacity:0;
 visibility:hidden;
 -webkit-transition:opacity .3s,visibility 0s .3s,all .3s;
 -o-transition:opacity .3s,visibility 0s .3s,all .3s;
 transition:opacity .3s,visibility 0s .3s,all .3s;
 -webkit-transform:translateY(-100%);
 -ms-transform:translateY(-100%);
 -o-transform:translateY(-100%);
 transform:translateY(-100%)
}
.overlay-fade.open {
 opacity:1;
 visibility:visible;
 z-index:999;
 -webkit-transform:translate(0);
 -ms-transform:translate(0);
 -o-transform:translate(0);
 transform:translate(0)
}
.overlay-hugeinc.open nav ul {
 display:block
}
.overlay nav ul.bi-overlay-menu {
 text-align:center;
 position:relative;
 margin-top:160px;
 top:50%;
 height:60%;
 -webkit-transform:translateY(-50%);
 -ms-transform:translateY(-50%);
 -o-transform:translateY(-50%);
 transform:translateY(-50%)
}
.overlay nav ul.bi-overlay-menu li {
 display:block;
 float:none
}
.overlay nav ul.bi-overlay-menu li a {
 font-size:24px;
 display:inline-block;
 color:#000!important;
 -webkit-transition:color .2s ease 0s;
 -o-transition:color .2s ease 0s;
 transition:color .2s ease 0s;
 margin:0 0 2rem!important;
 padding:6px 0!important;
 background:0 0!important;
 text-transform:capitalize;
 border:3px solid transparent!important
}
.overlay nav ul.bi-overlay-menu li a:hover {
 border:3px solid #000!important
}
.overlay {
 position:fixed;
 width:100%;
 height:100%;
 top:0;
 left:0;
 background:#fff;
 z-index:999;
 overflow:auto;
 overflow-x:hidden
}
.overlay .overlay-close {
 width:60px;
 height:42px;
 position:absolute;
 right:10rem;
 top:10rem;
 display:inline-block;
 border:0;
 background:0 0;
 color:#080810;
 outline:0;
 z-index:100;
 font-size:46px;
 line-height:1;
 font-family:arial
}
.overlay .overlay-close i {
 line-height:1px;
 display:inline-block;
 top:22px;
 position:absolute;
 left:15px;
 font-style:normal
}
.overlay .overlay-close:hover {
 -webkit-transform:rotate(90deg);
 -ms-transform:rotate(90deg);
 -o-transform:rotate(90deg);
 transform:rotate(90deg);
 color:#080810
}
.overlay#search-overLay .overlay-close {
 right:auto;
 left:0;
 top:55px;
 left:-8px
}
.overlay-hugeinc {
 opacity:0;
 visibility:hidden;
 -webkit-transition:opacity .5s,visibility 0s .5s;
 -o-transition:opacity .5s,visibility 0s .5s;
 transition:opacity .5s,visibility 0s .5s
}
.overlay-hugeinc.open {
 opacity:1;
 visibility:visible;
 -webkit-transition:opacity .5s;
 -o-transition:opacity .5s;
 transition:opacity .5s
}
.overlay-hugeinc.open nav ul {
 opacity:1;
 -webkit-transform:rotateX(0deg);
 transform:rotateX(0deg)
}
.overlay-hugeinc nav {
 -webkit-perspective:1200px;
 perspective:1200px
}
.overlay-hugeinc nav ul {
 opacity:.4;
 -webkit-transform:translateY(-25%) rotateX(35deg);
 transform:translateY(-25%) rotateX(35deg);
 -webkit-transition:-webkit-transform .5s,opacity .5s;
 -o-transition:-o-transform .5s,opacity .5s;
 transition:transform .5s,opacity .5s
}
.overlay-hugeinc.close nav ul {
 -webkit-transform:translateY(25%) rotateX(-35deg);
 transform:translateY(25%) rotateX(-35deg)
}
@media screen and (max-height:30.5em) {
 .overlay nav {
  height:70%;
  font-size:34px
 }
 .overlay ul li {
  min-height:34px
 }
}
.overlay-menu li {
 font-family:"fedra serif arabic bold 2",serif;
 font-size:2.4rem;
 margin-bottom:3rem
}
.overlay-menu li a:hover {
 color:#080810
}
.searchWrapper {
 position:relative
}
.searchWrapper .sb-search-submit {
 float:right;
 background:0 0;
 -webkit-box-shadow:none;
 box-shadow:none;
 border:0;
 font-family:"fedra serif arabic bold 2",serif;
 width:120px;
 height:40px;
 background:#080810;
 color:#fff
}
.searchWrapper .sb-search-submit:hover {
 background:#f3f3f3
}
.searchWrapper input.sb-search-input {
 width:calc(100% - 420px);
 margin:0 10px;
 padding-left:4rem
}
.searchWrapper .select2-container {
 float:right
}
.logo-search {
 width:200px;
 display:inline-block;
 margin:6rem auto
}
.main-rights {
 font-family:"fedra serif arabic bold 2",serif
}
.main-rights a:hover {
 color:#d6002f
}
.main-rights .heart {
 position:relative;
 width:15px;
 overflow:inherit;
 display:inline-block;
 -webkit-animation:animateHeart 2.5s infinite;
 -o-animation:animateHeart 2.5s infinite;
 animation:animateHeart 2.5s infinite;
 top:-8px
}
.main-rights .heart:before,.main-rights .heart:after {
 position:absolute;
 content:'';
 top:0;
 left:7px;
 width:7px;
 height:10px;
 background:#d6002f;
 border-radius:50px 50px 0 0;
 -webkit-transform:rotate(-45deg) translateZ(0);
 transform:rotate(-45deg) translateZ(0);
 -webkit-transform-origin:0 100%;
 -ms-transform-origin:0 100%;
 -o-transform-origin:0 100%;
 transform-origin:0 100%
}
.main-rights .heart:after {
 left:0;
 -webkit-transform:rotate(45deg) translateZ(0);
 transform:rotate(45deg) translateZ(0);
 -webkit-transform-origin:100% 100%;
 -ms-transform-origin:100% 100%;
 -o-transform-origin:100% 100%;
 transform-origin:100% 100%
}
@-webkit-keyframes animateHeart {
 0% {
  -webkit-transform:scale(1)
 }
 5% {
  -webkit-transform:scale(1.2)
 }
 10% {
  -webkit-transform:scale(1.1)
 }
 15% {
  -webkit-transform:scale(1.3)
 }
 50% {
  -webkit-transform:scale(1)
 }
 100% {
  -webkit-transform:scale(1)
 }
}
@-o-keyframes animateHeart {
 0% {
  -o-transform:scale(1);
  transform:scale(1)
 }
 5% {
  -o-transform:scale(1.2);
  transform:scale(1.2)
 }
 10% {
  -o-transform:scale(1.1);
  transform:scale(1.1)
 }
 15% {
  -o-transform:scale(1.3);
  transform:scale(1.3)
 }
 50% {
  -o-transform:scale(1);
  transform:scale(1)
 }
 100% {
  -o-transform:scale(1);
  transform:scale(1)
 }
}
@keyframes animateHeart {
 0% {
  -webkit-transform:scale(1);
  -o-transform:scale(1);
  transform:scale(1)
 }
 5% {
  -webkit-transform:scale(1.2);
  -o-transform:scale(1.2);
  transform:scale(1.2)
 }
 10% {
  -webkit-transform:scale(1.1);
  -o-transform:scale(1.1);
  transform:scale(1.1)
 }
 15% {
  -webkit-transform:scale(1.3);
  -o-transform:scale(1.3);
  transform:scale(1.3)
 }
 50% {
  -webkit-transform:scale(1);
  -o-transform:scale(1);
  transform:scale(1)
 }
 100% {
  -webkit-transform:scale(1);
  -o-transform:scale(1);
  transform:scale(1)
 }
}
.footer-bottom {
 padding:3rem 0;
 background-color:#010102
}
.main-loader {
 -webkit-transition:all ease-in-out 500ms;
 -o-transition:all ease-in-out 500ms;
 transition:all ease-in-out 500ms
}
.main-loader.loaded {
 opacity:0!important;
 z-index:-5!important
}
#loader {
 -webkit-animation:animate 1.5s linear infinite;
 -o-animation:animate 1.5s linear infinite;
 animation:animate 1.5s linear infinite;
 clip:rect(0,80px,80px,40px);
 height:80px;
 width:80px;
 position:absolute;
 left:calc(50% - 40px);
 top:calc(50% - 40px)
}
@-webkit-keyframes animate {
 0% {
  -webkit-transform:rotate(0deg);
  transform:rotate(0deg)
 }
 100% {
  -webkit-transform:rotate(220deg);
  transform:rotate(220deg)
 }
}
@-o-keyframes animate {
 0% {
  -o-transform:rotate(0deg);
  transform:rotate(0deg)
 }
 100% {
  -o-transform:rotate(220deg);
  transform:rotate(220deg)
 }
}
@keyframes animate {
 0% {
  -webkit-transform:rotate(0deg);
  -o-transform:rotate(0deg);
  transform:rotate(0deg)
 }
 100% {
  -webkit-transform:rotate(220deg);
  -o-transform:rotate(220deg);
  transform:rotate(220deg)
 }
}
#loader:after {
 -webkit-animation:animate2 1.5s ease-in-out infinite;
 -o-animation:animate2 1.5s ease-in-out infinite;
 animation:animate2 1.5s ease-in-out infinite;
 clip:rect(0,80px,80px,40px);
 content:'';
 border-radius:50%;
 height:80px;
 width:80px;
 position:absolute
}
@-webkit-keyframes animate2 {
 0% {
  -webkit-box-shadow:inset #bc6ee5 0 0 0 17px;
  box-shadow:inset #bc6ee5 0 0 0 17px;
  -webkit-transform:rotate(-140deg);
  transform:rotate(-140deg)
 }
 50% {
  -webkit-box-shadow:inset #bc6ee5 0 0 0 2px;
  box-shadow:inset #bc6ee5 0 0 0 2px
 }
 100% {
  -webkit-box-shadow:inset #bc6ee5 0 0 0 17px;
  box-shadow:inset #bc6ee5 0 0 0 17px;
  -webkit-transform:rotate(140deg);
  transform:rotate(140deg)
 }
}
@-o-keyframes animate2 {
 0% {
  box-shadow:inset #bc6ee5 0 0 0 17px;
  -o-transform:rotate(-140deg);
  transform:rotate(-140deg)
 }
 50% {
  box-shadow:inset #bc6ee5 0 0 0 2px
 }
 100% {
  box-shadow:inset #bc6ee5 0 0 0 17px;
  -o-transform:rotate(140deg);
  transform:rotate(140deg)
 }
}
@keyframes animate2 {
 0% {
  -webkit-box-shadow:inset #bc6ee5 0 0 0 17px;
  box-shadow:inset #bc6ee5 0 0 0 17px;
  -webkit-transform:rotate(-140deg);
  -o-transform:rotate(-140deg);
  transform:rotate(-140deg)
 }
 50% {
  -webkit-box-shadow:inset #bc6ee5 0 0 0 2px;
  box-shadow:inset #bc6ee5 0 0 0 2px
 }
 100% {
  -webkit-box-shadow:inset #bc6ee5 0 0 0 17px;
  box-shadow:inset #bc6ee5 0 0 0 17px;
  -webkit-transform:rotate(140deg);
  -o-transform:rotate(140deg);
  transform:rotate(140deg)
 }
}
/*!========== SPECIFICS*/.dark-theme {
 background:#000;
 color:#fff
}
.dark-theme .grey-bg {
 background:#000
}
.dark-theme .navigation {
 background:#000
}
.dark-theme .navigation .icon-search {
 color:#fff
}
.dark-theme .navigation .icon-search:hover {
 color:#f3f3f3
}
.dark-theme .logo svg,.dark-theme .logo-search svg,.dark-theme .logo-190 svg {
 fill:#fff
}
.dark-theme .okayNav a {
 color:#fff
}
.dark-theme .okayNav__nav--visible a:hover {
 color:#f3f3f3
}
.dark-theme .data-list li {
 color:#fff
}
.dark-theme .header-btns .btn-black {
 color:#000;
 background:#eee
}
.dark-theme .header-btns .btn-black:hover {
 background:#fff
}
.dark-theme .searchWrappr .sb-search-submit {
 color:#080810;
 background:#fff
}
.dark-theme .searchWrappr .sb-search-submit:hover {
 background:#f3f3f3;
 color:#fff
}
.dark-theme .overlay {
 background:#000
}
.dark-theme .overlay .overlay-close {
 color:#fff
}
.dark-theme .overlay .overlay-close:hover {
 color:#f3f3f3
}
.dark-theme .form-group input[type=text],.dark-theme .form-group input[type=email],.dark-theme .form-group input[type=password] {
 border-color:#6b6b72
}
.dark-theme .select2-container--default .select2-selection--single {
 border-color:#6b6b72
}
.dark-theme .select2-container--default .select2-selection--single .select2-selection__rendered {
 color:#fff
}
.dark-theme .select2-dropdown {
 background:#080810
}
.dark-theme .select2-container--default .select2-results__option[aria-selected=true] {
 background:#1a1a1a
}
.dark-theme .select2-container--default .select2-results__option--highlighted[aria-selected] {
 background:#1a1a1a
}
.dark-theme .select2-container--default .select2-search--dropdown .select2-search__field {
 background:#1a1a1a;
 color:#fff
}
.dark-theme .form-control,.dark-theme .searchWrapper input.sb-search-input {
 color:#fff
}
.dark-theme .form-control::-webkit-input-placeholder,.dark-theme .searchWrapper input.sb-search-input::-webkit-input-placeholder {
 color:#6b6b72
}
.dark-theme .form-control:-moz-placeholder,.dark-theme .searchWrapper input.sb-search-input:-moz-placeholder {
 color:#6b6b72;
 opacity:1
}
.dark-theme .form-control::-moz-placeholder,.dark-theme .searchWrapper input.sb-search-input::-moz-placeholder {
 color:#6b6b72;
 opacity:1
}
.dark-theme .form-control:-ms-input-placeholder,.dark-theme .searchWrapper input.sb-search-input:-ms-input-placeholder {
 color:#6b6b72
}
.dark-theme .form-control:placeholder-shown,.dark-theme .searchWrapper input.sb-search-input:placeholder-shown {
 color:#6b6b72
}
.dark-theme .post-comments textarea,.dark-theme .post-comments input[type=text] {
 background:#080810;
 color:#fff;
 border-color:#6b6b72
}
.dark-theme .form-group input[type=text]:focus,.dark-theme .form-group input[type=email]:focus,.dark-theme .form-group input[type=password]:focus,.dark-theme .form-group textarea:focus {
 border-color:#f3f3f3;
 -webkit-box-shadow:none;
 box-shadow:none
}
.dark-theme .post-comments input[type=text]:focus,.dark-theme .post-comments textarea:focus {
 border-color:#f3f3f3
}
.dark-theme .btn-md {
 padding:11px 2.5rem;
 line-height:1
}
.dark-theme .feed-form .btn-red {
 padding:18px 0;
 height:auto!important;
 line-height:1
}
.dark-theme .post-comments #submit {
 padding:11px 30px;
 line-height:1
}
.dark-theme .dark-theme .searchWrapper .sb-search-submit {
 line-height:1;
 height:auto;
 padding:13px
}
.dark-theme .cat-shape {
 height:auto;
 line-height:1;
 padding:6px 15px
}
.dark-theme .cat-shape a {
 display:inline-block;
 line-height:1
}
.dark-theme .video-icon {
 line-height:1;
 display:-webkit-box;
 display:-webkit-flex;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-pack:center;
 -webkit-justify-content:center;
 -ms-flex-pack:center;
 justify-content:center;
 -webkit-box-align:center;
 -webkit-align-items:center;
 -ms-flex-align:center;
 align-items:center;
 -webkit-box-orient:vertical;
 -webkit-box-direction:normal;
 -webkit-flex-direction:column;
 -ms-flex-direction:column;
 flex-direction:column
}
.dark-theme .person-card figure figcaption p {
 background:#080810
}
.dark-theme .br-b {
 border-color:#6b6b72
}
.dark-theme .search-loader {
 background:#000
}
.dark-theme .s-loader {
 border-color:#fff
}
.dark-theme .s-loader-inner {
 background-color:#fff
}
.dark-theme .okayNav__nav--invisible a {
 background:#000
}
.dark-theme .okayNav__menu-toggle span {
 background:#fff
}
.fullwidth-img {
 overflow:hidden
}
.salah-content-image img {
 width:100%;
 height:auto
}
.margin-video .margin-preview {
 position:relative
}
.margin-video .margin-preview .video-icon {
 position:absolute;
 height:50px;
 width:50px;
 font-size:12px;
 top:calc(50% - 25px);
 left:calc(50% - 25px);
 background:#fff;
 border:0
}
.salah-post .post-share {
 color:#000;
 top:150px
}
.salah-intro {
 margin-top:20px
}
.bi-filter .search-hekaya {
 position:relative;
 float:right
}
.bi-filter .search-hekaya .search-form-open {
 position:relative;
 margin-left:10px
}
.bi-filter .search-hekaya .search-form-open input {
 color:#333;
 margin:0
}
.bi-filter .search-hekaya .search-form-open input[type=text] {
 width:150px;
 -webkit-transition:all 400ms ease-in-out;
 -o-transition:all 400ms ease-in-out;
 transition:all 400ms ease-in-out
}
.bi-filter .search-hekaya .search-form-open input[type=text]:focus {
 width:250px;
 color:#fff
}
.bi-filter .search-hekaya .search-form-open input[type=text]:focus+input[type=submit] {
 color:#fff
}
.bi-filter .search-hekaya .search-form-open input[type=submit] {
 position:absolute;
 border:0;
 font-family:baianat;
 width:40px;
 font-size:16px;
 left:0
}
.bi-filter .search-hekaya .search-form {
 visibility:hidden;
 opacity:0;
 -webkit-transform:translateY(80px);
 -ms-transform:translateY(80px);
 -o-transform:translateY(80px);
 transform:translateY(80px);
 position:absolute;
 -webkit-transition:all 250ms ease-in-out;
 -o-transition:all 250ms ease-in-out;
 transition:all 250ms ease-in-out;
 background:#fff;
 min-width:240px;
 min-height:40px;
 z-index:9999;
 padding:10px;
 right:-10px
}
.bi-filter .search-hekaya .search-form:after {
 content:'';
 border-left:8px solid transparent;
 border-right:8px solid transparent;
 border-bottom:10px solid #fff;
 bottom:100%;
 right:10px;
 position:absolute
}
.bi-filter .search-hekaya .search-form input {
 color:#333;
 margin:0
}
.bi-filter .search-hekaya .search-form input[type=text] {
 width:calc(100% - 50px)
}
.bi-filter .search-hekaya .search-form input[type=submit] {
 font-family:baianat;
 width:40px;
 font-size:16px;
 float:left
}
.bi-filter .search-hekaya.open .search-form {
 visibility:visible;
 opacity:1;
 -webkit-transform:translateY(40px);
 -ms-transform:translateY(40px);
 -o-transform:translateY(40px);
 transform:translateY(40px)
}
.datepicker table tr td span {
 font-size:10px
}
.hekayatkom-bg .socials {
 margin:0
}
.hekayat-comments {
 margin-top:20px;
 position:relative;
 padding:30px 0
}
.hekayat-comments .saic-style-link {
 overflow:hidden
}
.hekayat-comments .saic-style-link i {
 float:right
}
.hekayat-comments .saic-style-link .saic-link {
 float:right;
 font-family:"fedra serif arabic medium 2";
 color:#fff
}
.hekayakom-content {
 background:#0b0b0b;
 overflow:hidden;
 padding:20px;
 margin-bottom:10px
}
.hekayakom-content h4 {
 font-size:18px;
 margin-bottom:15px
}
.hekayakom-content p {
 font-size:14px;
 font-family:"fedra serif arabic book",serif;
 text-align:justify
}
.hekaya-parent {
 margin-bottom:30px;
 width:50%
}
.hekaya-parent .parent-post {
 background:#0b0b0b;
 position:relative;
 overflow:hidden
}
.hekaya-parent .parent-post:hover .back-to {
 visibility:visible;
 opacity:1;
 -webkit-transform:translateX(0);
 -ms-transform:translateX(0);
 -o-transform:translateX(0);
 transform:translateX(0)
}
.hekaya-parent h5 {
 margin-bottom:5px;
 color:#888;
 font-size:10px;
 font-family:"fedra serif arabic medium 2"
}
.hekaya-parent .parent-content {
 -webkit-transition:all 150ms ease-in-out;
 -o-transition:all 150ms ease-in-out;
 transition:all 150ms ease-in-out;
 background:#0b0b0b
}
.hekaya-parent h4 {
 padding:10px;
 overflow:hidden;
 font-size:11px
}
.hekaya-parent img {
 width:80px;
 height:auto;
 float:right
}
.hekaya-parent .back-to {
 -webkit-transform:translateX(-50%);
 -ms-transform:translateX(-50%);
 -o-transform:translateX(-50%);
 transform:translateX(-50%);
 margin-right:80px;
 -webkit-transition:all 250ms ease-in-out;
 -o-transition:all 250ms ease-in-out;
 transition:all 250ms ease-in-out;
 visibility:hidden;
 right:0;
 left:0;
 bottom:0;
 top:0;
 opacity:0;
 background:#aa3d2e;
 position:absolute
}
.hekaya-parent .back-to h6 {
 text-align:center;
 font-size:14px;
 margin-top:20px;
 line-height:30px
}
.hekaya-parent .back-to i {
 font-size:16px;
 margin-left:6px
}
.hekaya-parent.x2 {
 width:100%
}
.hekaya-parent.x2 .parent-post {
 background:#0b0b0b;
 position:relative;
 overflow:hidden
}
.hekaya-parent.x2 .parent-post:hover .back-to {
 visibility:visible;
 opacity:1;
 -webkit-transform:translateX(0);
 -ms-transform:translateX(0);
 -o-transform:translateX(0);
 transform:translateX(0)
}
.hekaya-parent.x2 h5 {
 margin-bottom:5px;
 color:#888;
 font-size:10px;
 font-family:"fedra serif arabic medium 2"
}
.hekaya-parent.x2 .parent-content {
 -webkit-transition:all 150ms ease-in-out;
 -o-transition:all 150ms ease-in-out;
 transition:all 150ms ease-in-out;
 background:#0b0b0b
}
.hekaya-parent.x2 h4 {
 font-family:"fedra serif arabic medium 2";
 padding:20px;
 overflow:hidden;
 font-size:14px
}
.hekaya-parent.x2 img {
 width:100px;
 height:auto;
 float:right
}
.hekaya-parent.x2 .back-to {
 -webkit-transform:translateX(-50%);
 -ms-transform:translateX(-50%);
 -o-transform:translateX(-50%);
 transform:translateX(-50%);
 margin-right:100px;
 -webkit-transition:all 250ms ease-in-out;
 -o-transition:all 250ms ease-in-out;
 transition:all 250ms ease-in-out;
 visibility:hidden;
 right:0;
 left:0;
 bottom:0;
 top:0;
 opacity:0;
 background:#aa3d2e;
 position:absolute
}
.hekaya-parent.x2 .back-to h6 {
 text-align:center;
 font-size:14px;
 margin-top:25px;
 line-height:30px
}
.hekaya-parent.x2 .back-to i {
 font-size:16px;
 margin-left:6px
}
.video-item {
 background:#0b0b0b;
 padding-bottom:20px
}
.video-details {
 padding:0 20px
}
.hekaya-intro .salah-hekaya {
 display:none
}
.hekaya-intro .hekayat-comments {
 display:none
}
.salah-hekaya {
 display:none;
 padding:10px 20px 20px;
 background:#0b0b0b
}
.salah-hekaya h4 {
 margin-bottom:10px
}
.salah-hekaya .post-card figure img {
 height:auto
}
.hekayat-tags span {
 font-family:'fedra serif arabic medium 2';
 font-size:13px
}
.hekaya-comments {
 background:#0b0b0b;
 padding:10px 20px;
 overflow:hidden
}
.hekaya-comments .comments-count {
 float:right;
 height:26px
}
.hekaya-comments .comments-count i {
 font-size:24px;
 line-height:26px;
 display:inline-block
}
.hekaya-comments .comments-count span {
 margin-left:10px;
 line-height:26px;
 display:inline-block;
 float:right;
 font-size:16px;
 font-family:muli;
 font-weight:600
}
.hekaya-intro .saic-wrap-link .saic-style-link {
 display:none
}
.hekaya-intro .comments-expend {
 cursor:pointer
}
.hekaya-intro .salah-expend {
 cursor:pointer;
 float:left;
 margin-left:20px
}
.hekaya-intro .salah-expend i {
 font-size:24px;
 line-height:34px;
 display:inline-block
}
.hekaya-intro .salah-expend span {
 margin-right:10px;
 line-height:40px;
 display:inline-block;
 float:left
}
.hekaya-intro .salah-expend span.text {
 font-size:13px;
 font-family:"fedra serif arabic demi"
}
.hekaya-intro .salah-expend span.count {
 font-size:16px;
 font-family:muli;
 font-weight:600
}
.hekaya-intro .comments-count {
 float:left;
 height:40px
}
.hekaya-intro .comments-count i {
 font-size:24px;
 line-height:40px;
 display:inline-block
}
.hekaya-intro .comments-count span {
 margin-right:10px;
 line-height:40px;
 display:inline-block;
 float:left
}
.hekaya-intro .comments-count span.text {
 font-size:13px;
 font-family:"fedra serif arabic demi"
}
.hekaya-intro .comments-count span.count {
 font-size:14px;
 font-family:muli;
 font-weight:600
}
.hekaya-intro .socials li a {
 background:0 0;
 border-radius:0;
 line-height:28px;
 font-size:14px;
 width:30px;
 height:30px;
 border-color:#fff;
 color:#fff
}
.hekayat-slider h2 {
 text-align:center;
 font-size:40px;
 line-height:25px;
 font-family:"fedra serif arabic bold 2",serif;
 padding:0;
 margin-bottom:30px
}
.hekayat-slider .video-post-card:hover .video-icon {
 background:#aa3d2e;
 color:#fff
}
.hekayat-slider .video-post-card h2 {
 font-size:20px;
 margin-bottom:14px;
 font-family:"fedra serif arabic bold 2",serif
}
.hekayat-slider .hekaya-desc {
 margin-bottom:10px
}
.hekayat-slider .hekaya-desc span {
 position:relative;
 font-size:14px;
 font-family:"fedra serif arabic demi";
 margin-right:8px;
 margin-left:8px
}
.hekayat-slider .hekaya-desc span:last-child:after {
 content:'';
 height:14px;
 position:absolute;
 width:2px;
 background:#fff;
 right:-11px;
 top:3px
}
.datepicker-dropdown {
 right:auto;
 color:#000
}
.datepicker table tr td span:hover,.datepicker table tr td span.focused {
 background:#000;
 color:#fff
}
.ui-datepicker-calendar {
 display:none
}
.hekayat-content .spinner {
 margin:100px auto 0
}
.spinner {
 width:70px;
 text-align:center
}
.spinner>div {
 width:18px;
 height:18px;
 background-color:#333;
 display:inline-block;
 -webkit-animation:sk-bouncedelay 1.4s infinite ease-in-out both;
 -o-animation:sk-bouncedelay 1.4s infinite ease-in-out both;
 animation:sk-bouncedelay 1.4s infinite ease-in-out both
}
.spinner .bounce1 {
 -webkit-animation-delay:-.32s;
 -o-animation-delay:-.32s;
 animation-delay:-.32s
}
.spinner .bounce2 {
 -webkit-animation-delay:-.16s;
 -o-animation-delay:-.16s;
 animation-delay:-.16s
}
@-webkit-keyframes sk-bouncedelay {
 0%,80%,100% {
  -webkit-transform:scale(0) rotate(45deg)
 }
 40% {
  -webkit-transform:scale(1) rotate(45deg)
 }
}
@-o-keyframes sk-bouncedelay {
 0%,80%,100% {
  -webkit-transform:scale(0) rotate(45deg);
  -o-transform:scale(0) rotate(45deg);
  transform:scale(0) rotate(45deg)
 }
 40% {
  -webkit-transform:scale(1) rotate(45deg);
  -o-transform:scale(1) rotate(45deg);
  transform:scale(1) rotate(45deg)
 }
}
@keyframes sk-bouncedelay {
 0%,80%,100% {
  -webkit-transform:scale(0) rotate(45deg);
  -o-transform:scale(0) rotate(45deg);
  transform:scale(0) rotate(45deg)
 }
 40% {
  -webkit-transform:scale(1) rotate(45deg);
  -o-transform:scale(1) rotate(45deg);
  transform:scale(1) rotate(45deg)
 }
}
.hekayat-content {
 position:relative
}
.hekayat-content .hekayat-loader {
 display:none;
 position:absolute;
 top:0;
 right:0;
 bottom:0;
 left:0;
 background:#000;
 z-index:99999
}
.add-hekaya .form-control,.add-hekaya .g-recaptcha {
 margin-bottom:30px
}
.hekaya-section header {
 border-top:1px solid #999
}
.hekaya-section header h2 {
 font-size:46px;
 line-height:56px;
 font-family:aref ruqaa,serif;
 padding:0;
 float:right;
 margin:0
}
.hekaya-section header h2 img {
 height:55px
}
.hekaya-section .select2-container--default .select2-search--dropdown .select2-search__field {
 border:2px solid #eee
}
.light-theme .select2-dropdown {
 background:#fff!important;
 color:#000!important
}
.light-theme .select2-dropdown {
 border-color:#fff!important
}
.light-theme .select2-container--default .select2-results__option[aria-selected=true] {
 background:#eee!important;
 color:#000!important
}
.light-theme .select2-container--default .select2-results__option--highlighted[aria-selected] {
 background:#eee!important;
 color:#000!important
}
.light-theme .select2-container--default .select2-search--dropdown .select2-search__field {
 background:#fff
}
.light-theme .select2-container--default .select2-search--dropdown .select2-search__field {
 border-color:#555!important;
 height:30px;
 color:#000;
 font-size:11px
}
.light-theme .select2-results__option {
 font-size:11px
}
.light-theme .select2-container .select2-selection--single {
 height:30px
}
.light-theme .select2-container--default .select2-selection--single .select2-selection__rendered {
 line-height:26px;
 font-size:11px;
 color:#888!important
}
.bi-filter {
 margin-top:15px;
 float:left
}
.bi-filter .icon-close,.bi-filter .icon-search {
 float:right;
 line-height:30px;
 color:#888;
 margin-left:15px
}
.bi-filter .icon-close {
 font-size:14px
}
.bi-filter .icon-search {
 font-size:16px
}
.bi-filter input {
 -webkit-box-sizing:border-box;
 box-sizing:border-box;
 color:#888;
 padding:0 10px;
 height:30px;
 font-size:11px;
 -webkit-box-shadow:none;
 box-shadow:none;
 border:2px solid #888;
 background:0 0;
 width:80px;
 display:inline-block;
 float:right;
 margin-left:10px
}
.bi-filter input:placeholder {
 color:#888;
 opacity:1
}
.bi-filter input::-webkit-input-placeholder {
 color:#888;
 opacity:1
}
.bi-filter input::-moz-placeholder {
 color:#888;
 opacity:1
}
.bi-filter input:-ms-input-placeholder {
 color:#888;
 opacity:1
}
.bi-filter input::placeholder {
 color:#888;
 opacity:1
}
.bi-filter input::-webkit-input-placeholder {
 color:#888;
 opacity:1
}
.bi-filter input::-moz-placeholder {
 color:#888;
 opacity:1
}
.bi-filter input:-ms-input-placeholder {
 color:#888;
 opacity:1
}
.bi-filter input:-moz-placeholder {
 color:#888;
 opacity:1
}
.bi-filter .select2 {
 margin-left:10px
}
.bi-filter .select2-container--default .select2-selection--single {
 border:2px solid #888
}
.bi-filter .select2:last-child {
 margin-left:0
}
.bi-filter .select2-container--default .select2-selection--single .select2-selection__arrow {
 height:26px
}
.bi-filter select {
 height:30px;
 border:1px solid #fff;
 background:0 0;
 color:#fff
}
.hekaya-menu {
 margin-top:130px;
 margin-right:200px
}
.hekaya-menu li {
 font-size:32px;
 float:right;
 margin-left:30px
}
.hekaya-menu li:last-child .btn-url:after {
 display:none
}
.hekaya-menu li:first-child .btn-url {
 padding:0
}
.hekaya-menu li .btn-url {
 font-family:aref ruqaa,serif;
 font-size:46px;
 line-height:46px;
 padding:0;
 background:0 0;
 color:#fff;
 position:relative;
 padding-right:30px
}
.hekaya-menu li .btn-url img {
 height:75px
}
.hekaya-menu li .btn-url:after {
 content:'\e908';
 font-family:baianat;
 font-size:14px;
 position:absolute;
 left:-40px;
 top:50%
}
.col-50 {
 width:50%;
 height:100%;
 float:right
}
.container-fluid {
 padding-right:5px;
 padding-left:5px;
 margin-right:auto;
 margin-left:auto;
 width:100%
}
.post-head figure figcaption .grad-bat {
 position:absolute;
 top:0;
 right:0;
 bottom:0;
 left:0;
 z-index:-1;
 background:rgba(255,255,255,.04);
 background:-webkit-gradient(left top,left bottom,color-stop(0%,rgba(255,255,255,0.04)),color-stop(100%,#131313));
 background:-webkit-linear-gradient(top,rgba(255,255,255,0.04) 0%,#131313 100%);
 background:-o-linear-gradient(top,rgba(255,255,255,0.04) 0%,#131313 100%);
 background:-webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,0.04)),to(#131313));
 background:linear-gradient(to bottom,rgba(255,255,255,0.04) 0%,#131313 100%)
}
.share-on {
 float:left
}
.post-head .share-on p {
 line-height:36px;
 margin-left:30px
}
.share-on .socials li a {
 line-height:34px
}
.share-on .socials li a:hover .icon-google-plus {
 color:#dd4b39
}
.share-on .socials li a:hover .icon-twitter {
 color:#55acee
}
.share-on .socials li a:hover .icon-facebook {
 color:#3b5998
}
.post-head .post-meta .cat-shape {
}
.post-head .post-excerpt {
 font-size:16px
}
#related-posts {
 margin-bottom:60px
}
#related-posts h2 {
 margin-bottom:30px
}
.bi-author-notes,.bi-admin-notes {
 padding:4rem;
 background:#191921;
 margin-bottom:40px;
 position:relative
}
.bi-author-notes i {
 float:right;
 font-size:24px
}
.author-notes {
 padding-right:20px;
 margin-right:30px;
 border-right:2px solid #fff
}
.bi-admin-notes i {
 float:left;
 background:#191921;
 position:absolute;
 bottom:32px;
 left:40px;
 font-size:18px;
 padding-right:10px
}
.admin-notes {
 padding-bottom:20px;
 border-bottom:2px solid #fff
}
.bi_post_medina {
 margin-bottom:40px
}
.bi_post_medina i {
 font-size:80px;
 float:right;
 margin-left:20px
}
.post-head .content-wrapper .content {
 margin:0 auto;
 max-width:550px
}
#toc_container .toc_number {
 display:none
}
#toc_container {
 position:fixed;
 top:150px;
 right:0;
 color:#fff;
 z-index:999;
 min-width:250px;
 width:250px;
 padding:25px;
 background:#000;
 -webkit-transform:translateX(320px);
 -ms-transform:translateX(320px);
 -o-transform:translateX(320px);
 transform:translateX(320px);
 -webkit-transition:all 500ms ease-in-out;
 -o-transition:all 500ms ease-in-out;
 transition:all 500ms ease-in-out;
 border:0
}
#toc_container ul ul ul {
 display:none
}
#toc_container ul ul {
 padding-right:20px;
 margin-bottom:10px;
 width:auto
}
#toc_container ul li a {
 line-height:30px;
 font-family:"fedra serif arabic medium 2"
}
@media(max-width:600px) {
 #toc_container {
  display:none!important
 }
 .share-on {
  display:none;
  width:100%;
  float:none
 }
 .post-head .post-meta .share-on p {
  text-align:center;
  width:100%
 }
 .socials {
  float:none
 }
}
.entry-content .simplePullQuote.left,.entry-content .simplePullQuote {
 -webkit-box-shadow:none;
 box-shadow:none;
 font-size:20px;
 width:50%;
 margin-top:20px;
 margin-bottom:20px;
 margin-right:20px;
 border-bottom:2px solid #000;
 border-top:0;
 position:relative
}
.entry-content .simplePullQuote .icon-admin-note {
 position:absolute;
 bottom:-11px;
 right:calc(50% - 25px)
}
.entry-content .post_medina p {
 font-family:"fedra serif arabic medium 2";
 font-size:16px
}
.entry-content h2 {
 font-family:"fedra serif arabic medium 2";
 font-size:16px
}
.entry-content .simplePullQuote p {
 font-size:30px;
 margin-bottom:20px!important
}
.entry-content {
 background:#fff none repeat scroll 0 0;
 color:#000
}
.bi-author-notes,.bi-admin-notes {
 background:#fff
}
.bi-admin-notes i {
 background:#fff
}
.bi-author-notes .admin-notes,.bi-admin-notes .admin-notes {
 border-color:#000
}
.margin-content {
 margin-right:10px
}
.margin-icon {
 display:inline-block;
 width:40px;
 background:#666;
 height:40px;
 line-height:40px;
 text-align:center;
 margin-left:10px;
 color:#fff!important
}
.margin-icon {
 font-size:20px
}
.margin-preview {
}
.margin-post {
 min-width:290px;
 max-width:290px;
 float:right;
 position:relative;
 margin-top:10px
}
.margin-text {
 overflow:hidden
}
.margin_head {
 position:relative;
 color:#000;
 line-height:40px;
 height:40px;
 z-index:10;
 background:#f6f6f6;
 font-size:14px;
 font-family:"fedra serif arabic demi"
}
.right-line {
 position:absolute;
 height:40px;
 width:5px;
 right:-4px;
 top:0;
 bottom:0;
 background:#666
}
.wp-caption img {
 width:100%;
 height:auto
}
.wp-caption p.wp-caption-text {
 background:#f0f0f0;
 font-size:12px;
 padding:10px 50px 10px 10px;
 position:relative;
 line-height:20px;
 font-family:"fedra serif arabic book",serif
}
.wp-caption .wp-caption-text {
 text-align:right
}
.wp-caption .wp-caption-text:before {
 background:url(images/caption-icon.svg);
 -webkit-background-size:40px 40px;
 background-size:40px 40px;
 width:40px;
 height:40px;
 content:'';
 position:absolute;
 right:0;
 top:calc(50% - 20px)
}
.entry-content {
 position:relative
}
.entry-content .post-author {
 position:absolute;
 right:40px;
 top:60px;
 width:150px;
 height:150px
}
.entry-content .post-author img {
 margin-bottom:10px
}
.entry-content .file-author {
 width:150px;
 height:150px;
 margin-bottom:50px
}
.entry-content .file-author img {
 margin-bottom:10px
}
.post-share {
 position:absolute;
 left:80px;
 top:0;
 margin-bottom:10px;
 padding-top:50px
}
.contributors {
 background:#eee;
 color:#fff;
 padding:20px;
 overflow:hidden
}
.contributors h3 {
 padding-right:0;
 margin-bottom:40px;
 font-size:22px;
 color:#000
}
.author-item {
 width:calc(100%/4 - 50px);
 margin-bottom:30px;
 margin-left:30px;
 float:right;
 color:#000
}
.author-item .author-thumb {
 float:right;
 margin-left:15px
}
.author-item .author-thumb img {
 width:80px;
 height:80px
}
.author-item h4 {
 font-size:14px
}
.author-item p {
 font-size:12px;
 color:#797992;
 line-height:16px
}
.author-item .author-content {
 padding:10px 0
}
.parallax-image {
 height:100vh;
 position:relative
}
.single-post .parallax-image {
 height:100vh;
 position:relative
}
.single-file .fullwidth-img.parallax-image {
 height:600px;
 position:relative
}
.parallax-image img {
 position:absolute;
 top:0;
 left:0;
 width:100%;
 height:auto
}
.share,.share:before,.share:after,.fab {
 height:40px;
 width:40px;
 border-radius:50%;
 position:absolute;
 cursor:pointer
}
.share {
 position:relative;
 bottom:-28px;
 left:0;
 z-index:5
}
.share:before,.share:after {
 content:'';
 will-change:transform
}
.share:before {
 z-index:5;
 -webkit-transition:.3s;
 -o-transition:.3s;
 transition:.3s;
 content:"\e901";
 text-align:center;
 line-height:40px;
 color:#fff;
 font-size:20px
}
.share:after {
 background:#727171;
 -webkit-box-shadow:0 2px 5px rgba(0,0,0,.3);
 box-shadow:0 2px 5px rgba(0,0,0,.3);
 z-index:-1;
 -webkit-transition:.39s;
 -o-transition:.39s;
 transition:.39s;
 top:50%;
 left:50%;
 -webkit-transform:translate(-50%,-50%);
 -ms-transform:translate(-50%,-50%);
 -o-transform:translate(-50%,-50%);
 transform:translate(-50%,-50%)
}
.share.active:before {
 -webkit-transform:rotate(90deg);
 -ms-transform:rotate(90deg);
 -o-transform:rotate(90deg);
 transform:rotate(90deg)
}
.fab {
 -webkit-box-shadow:0 2px 5px rgba(0,0,0,.3);
 box-shadow:0 2px 5px rgba(0,0,0,.3);
 -webkit-transition:.3s;
 -o-transition:.3s;
 transition:.3s;
 -webkit-animation:.3s down forwards;
 -o-animation:.3s down forwards;
 animation:.3s down forwards;
 opacity:0;
 color:#fff;
 font-size:20px;
 text-align:center;
 line-height:40px;
 will-change:animation
}
.fab:nth-child(1) {
 background:#1da1f2;
 left:-100px
}
.fab:nth-child(2) {
 background:#46629e;
 left:-50px
}
.fab:nth-child(3) {
 background:#db4437
}
.fab.active {
 -webkit-animation:.48s up forwards;
 -o-animation:.48s up forwards;
 animation:.48s up forwards
}
.fab.active:nth-child(1) {
 -webkit-animation-delay:.39s;
 -o-animation-delay:.39s;
 animation-delay:.39s
}
.fab.active:nth-child(2) {
 -webkit-animation-delay:.2s;
 -o-animation-delay:.2s;
 animation-delay:.2s
}
.fab.no {
 -webkit-animation:none;
 -o-animation:none;
 animation:none
}
.fab:hover,.fab:focus {
 color:#fff;
 -webkit-transform:scale(1.06);
 -ms-transform:scale(1.06);
 -o-transform:scale(1.06);
 transform:scale(1.06)
}
@-webkit-keyframes up {
 50% {
  -webkit-transform:translateX(-170%);
  transform:translateX(-170%)
 }
 100% {
  opacity:1;
  -webkit-transform:translateX(-130%);
  transform:translateX(-130%)
 }
}
@-o-keyframes up {
 50% {
  -o-transform:translateX(-170%);
  transform:translateX(-170%)
 }
 100% {
  opacity:1;
  -o-transform:translateX(-130%);
  transform:translateX(-130%)
 }
}
@keyframes up {
 50% {
  -webkit-transform:translateX(-170%);
  -o-transform:translateX(-170%);
  transform:translateX(-170%)
 }
 100% {
  opacity:1;
  -webkit-transform:translateX(-130%);
  -o-transform:translateX(-130%);
  transform:translateX(-130%)
 }
}
@-webkit-keyframes down {
 0% {
  opacity:1;
  -webkit-transform:translateX(-130%);
  transform:translateX(-130%)
 }
 100% {
  opacity:0;
  -webkit-transform:translateX(0);
  transform:translateX(0);
  top:0
 }
}
@-o-keyframes down {
 0% {
  opacity:1;
  -o-transform:translateX(-130%);
  transform:translateX(-130%)
 }
 100% {
  opacity:0;
  -o-transform:translateX(0);
  transform:translateX(0);
  top:0
 }
}
@keyframes down {
 0% {
  opacity:1;
  -webkit-transform:translateX(-130%);
  -o-transform:translateX(-130%);
  transform:translateX(-130%)
 }
 100% {
  opacity:0;
  -webkit-transform:translateX(0);
  -o-transform:translateX(0);
  transform:translateX(0);
  top:0
 }
}
.share-on .socials {
 background:0 0;
 margin-top:10px
}
.hekayat .navigation {
 background:0 0
}
.logo-hekayat img {
 margin:0 auto;
 display:block
}
.hekayat-bg {
 background:#000;
 padding-bottom:40px
}
.hekayat-bg h2 {
 margin-bottom:30px;
 padding:0 20px
}
.border-bottom {
 overflow:hidden;
 border-bottom:1px solid #f3f3f3
}
.hekaya-video {
 margin-bottom:30px
}
.hekaya-content h2 {
 margin-bottom:30px;
 padding:0;
 font-family:aref ruqaa,serif
}
.hekaya-content p {
 margin-bottom:20px
}
.hekayat-timeline {
 position:relative;
 overflow:hidden
}
.hekayat-timeline .line {
 position:absolute;
 top:0;
 bottom:0;
 right:calc(100% - 1px);
 background:#18293e;
 width:1px
}
.hekaya-item {
 margin-bottom:10px;
 overflow:hidden
}
.hekaya-item .item-right {
 position:relative;
 float:right;
 width:100%
}
.hekaya-item .item-left {
 float:left;
 width:40%
}
.hekaya-item .post-comments {
 padding:0
}
.hekaya-item .item-title {
 padding:40px;
 position:relative
}
.hekaya-item .item-meta {
 font-size:14px;
 line-height:24px;
 margin-top:20px;
 text-align:left
}
.hekaya-item .item-content {
 font-size:18px;
 line-height:24px;
 margin-top:80px
}
.hekaya-item .item-line {
 position:absolute;
 height:1px;
 background:#18293e;
 width:160px;
 left:-120px;
 bottom:-40px
}
.hekaya-item .item-line .right-line {
 position:absolute;
 height:15px;
 background:#18293e;
 width:2px;
 right:0;
 top:-7px
}
.hekaya-item .item-line .item-date {
 position:absolute;
 color:#18293e;
 width:200px;
 left:100%;
 top:-12px;
 padding-left:20px;
 text-align:left
}
.hekaya-item .item-line:after {
 content:'';
 position:absolute;
 height:8px;
 background:#18293e;
 width:8px;
 border-radius:50%;
 left:0;
 top:-3px
}
.hekaya-item .item-line:before {
 content:'';
 position:absolute;
 height:8px;
 background:#18293e;
 width:8px;
 border-radius:50%;
 right:35px;
 top:-3px
}
.item-title h4 {
 font-size:20px;
 color:#fff
}
.item-title .after {
 position:absolute;
 content:'';
 top:100%;
 left:0;
 width:0;
 height:0;
 border-left:0;
 border-right:15px solid transparent;
 border-top:15px solid
}
.hekayat-head {
 position:relative;
 font-size:0
}
.hekayat-head img {
 width:100%;
 height:auto
}
.hekayat-head img {
 margin-top:50px;
 width:100%;
 height:auto
}
.hekayat-head .hekayat-mask {
 position:absolute;
 -webkit-box-pack:flex-starts;
 -webkit-justify-content:flex-starts;
 -ms-flex-pack:flex-starts;
 justify-content:flex-starts;
 top:0;
 bottom:0;
 width:100%;
 background:rgba(28,27,33,.8);
 display:-webkit-box;
 display:-webkit-flex;
 display:-ms-flexbox;
 display:flex;
 z-index:10;
 font-size:14px
}
video.fullscreen {
 position:fixed;
 top:50%;
 left:50%;
 min-width:100%;
 min-height:100%;
 width:auto;
 height:auto;
 z-index:-100;
 -webkit-transform:translate(-50%,-50%);
 -ms-transform:translate(-50%,-50%);
 -o-transform:translate(-50%,-50%);
 transform:translate(-50%,-50%)
}
.hekayat-head h1 {
 margin-bottom:30px
}
.hekayat-head p {
 margin-bottom:30px
}
.btn-hekayat {
 background:#f3f3f3;
 height:36px;
 line-height:36px;
 padding:0 20px;
 color:#000;
 border-radius:0;
 margin-left:15px
}
.btn-hekayat:hover {
 background:#fff;
 color:#000
}
.hekayat .index-header {
 min-height:0
}
.hekayat .navigation .header {
 -webkit-box-shadow:none;
 box-shadow:none
}
.comment .children {
 padding-right:50px
}
#dropzone-wordpress {
 margin-top:20px;
 margin-bottom:20px;
 border:2px dashed #6b6b72;
 color:#6b6b72;
 min-height:auto
}
#dropzone-wordpress .dz-message {
 margin:0
}
.hekaya-thumb {
 position:relative;
 overflow:hidden
}
.hekaya-thumb:hover .mask {
 background:0 0
}
.hekaya-thumb:hover .video-play {
 background:#aa3d2e;
 color:#fff
}
.hekaya-thumb .mask {
 -webkit-transition:all 200ms ease-in-out;
 -o-transition:all 200ms ease-in-out;
 transition:all 200ms ease-in-out;
 background:rgba(0,0,0,.2);
 position:absolute;
 top:0;
 left:0;
 right:0;
 bottom:0
}
.hekaya-thumb img {
 width:100%;
 height:auto
}
.hekaya-thumb .video-play {
 -webkit-transition:all 200ms ease-in-out;
 -o-transition:all 200ms ease-in-out;
 transition:all 200ms ease-in-out;
 position:absolute;
 width:40px;
 height:40px;
 line-height:40px;
 background:#fff;
 border-radius:50%;
 color:#000;
 text-align:center;
 top:calc(50% - 23px);
 left:calc(50% - 23px)
}
.hekaya-thumb .video-play i {
 -webkit-transition:all 200ms ease-in-out;
 -o-transition:all 200ms ease-in-out;
 transition:all 200ms ease-in-out;
 font-size:11px;
 margin-right:-2px;
 display:inline-block
}
li,ol,p,ul {
 margin:0
}
.background-bg,.white-bg,body,pre {
 background:#fff
}
.cat-shape,.relative,body {
 position:relative
}
.format-icon,.video-icon,.video-post-card {
 text-align:center
}
.select2-container--classic .select2-results>.select2-results__options,.select2-container--default .select2-results>.select2-results__options {
 max-height:200px;
 overflow-y:auto
}
.cat-shape,.checkbox label,.radio label,.select2-container {
 vertical-align:middle
}
.mfp-wrap,.owl-carousel .owl-item,.owl-carousel .owl-video-play-icon {
 -webkit-backface-visibility:hidden
}
.mfp-close,a:focus,a:hover,a:visited {
 text-decoration:none
}
.mfp-arrow,.owl-carousel,.owl-carousel .owl-item {
 -webkit-tap-highlight-color:transparent
}
.dark-theme .video-icon,.flex-c-c,button.mfp-arrow {
 -webkit-box-orient:vertical;
 -webkit-box-direction:normal
}
.margin-preview.preview-url {
 background:#000 none repeat scroll 0 0;
 color:#fff;
 overflow-x:auto;
 padding:10px 0;
 word-break:keep-all
}
.preview-url p {
 font-size:14px
}
.single-comment #dropzone-wordpress {
 display:none
}
.flex-c-c .content {
 text-align:center
}
.medina-section-title.dark header {
 position:relative;
 display:-webkit-box;
 display:-webkit-flex;
 display:-ms-flexbox;
 display:flex
}
.medina-section-title.dark header h2 {
 color:#000
}
.medina-section-title.dark header .line-left {
 border-color:#000
}
.medina-section-title.dark header .line-right {
 border-color:#000
}
.medina-section-title header {
 margin-bottom:30px
}
.medina-section-title header h2 {
 margin-left:30px;
 margin-right:30px;
 font-size:40px;
 line-height:40px;
 font-family:aref ruqaa,serif
}
.medina-section-title header .line-right {
 -webkit-box-flex:2;
 -webkit-flex:2 1 0;
 -ms-flex:2 1 0;
 flex:2 1 0;
 height:0;
 position:relative;
 top:30px;
 border-bottom:1px dashed #fff;
 font-family:baianat
}
.medina-section-title header .line-right:after {
 position:absolute;
 content:"\e908";
 top:-9px;
 right:-15px;
 font-size:10px
}
.medina-section-title header .line-left {
 -webkit-box-flex:2;
 -webkit-flex:2 1 0;
 -ms-flex:2 1 0;
 flex:2 1 0;
 height:0;
 position:relative;
 top:30px;
 border-bottom:1px dashed #fff;
 font-family:baianat;
 font-size:10px
}
.medina-section-title header .line-left:before {
 font-size:10px;
 content:"\e908";
 position:absolute;
 top:-9px;
 left:-15px
}
.tippy-tooltip-content {
 font-family:"fedra serif arabic book",serif;
 font-size:13px;
 padding:10px
}
.grid-item .slide {
 height:225px
}
.grid-item--height2 .slide {
 height:460px
}
.slide img {
 position:absolute;
 top:50%;
 left:50%;
 width:auto!important;
 height:100%!important;
 -webkit-transform:translate(-50%,-50%);
 -ms-transform:translate(-50%,-50%);
 -o-transform:translate(-50%,-50%);
 transform:translate(-50%,-50%);
 min-width:100%
}
.medina_foot_note {
 position:relative;
 padding-top:5px
}
.medina_foot_note:after {
 content:'';
 position:absolute;
 width:150px;
 height:2px;
 background:#000;
 top:0;
 right:0
}
.medina_foot_note .note_item {
 margin-bottom:15px
}
.medina_foot_note .note_num {
 font-size:16px;
 vertical-align:super;
 color:#d6002f;
 margin-left:15px;
 font-family:"fedra serif arabic book",serif
}
.medina_foot_note .note_text {
 display:inline;
 font-size:13px;
 color:#555;
 margin-bottom:0
}
.medina_qoute blockquote {
 padding:5px
}
.medina_qoute blockquote p {
 text-align:center;
 font-size:25px;
 margin-bottom:15px
}
.one-post-file figure {
 height:700px
}
.one-post-file figure img {
 height:auto
}
.tow-posts-slide:hover .three-posts {
 -webkit-transform:translate(0);
 -ms-transform:translate(0);
 -o-transform:translate(0);
 transform:translate(0);
 opacity:1
}
.tow-posts-slide .three-posts {
 position:absolute;
 left:0;
 top:0;
 bottom:0;
 width:30%;
 -webkit-transform:translateX(-100%);
 -ms-transform:translateX(-100%);
 -o-transform:translateX(-100%);
 transform:translateX(-100%);
 -webkit-transition:all ease-in-out 300ms;
 -o-transition:all ease-in-out 300ms;
 transition:all ease-in-out 300ms;
 opacity:0
}
.tow-posts-slide .one-posts figure {
 height:450px
}
.tow-posts-slide .one-posts figure img {
 height:auto
}
.bi-file-section .post-card figure figcaption h1 {
 margin-bottom:15px;
 font-size:42px;
 font-family:"fedra serif arabic bold 2",serif!important
}
.bi-file-section .post-card .flex-c-r .content {
 max-width:620px
}
.bi-file-section .holder-tab li a {
 font-size:20px;
 font-family:"fedra serif arabic demi";
 line-height:28px
}
.bi-file-section .three-posts ul li:not(:last-child) {
 margin-bottom:2rem
}
.bi-file-section .three-posts ul li::after {
 content:'';
 position:absolute;
 right:-40px;
 top:18px;
 width:10px;
 height:10px
}
.bi-file-section .cat-shape {
 padding:0
}
.bi-file-section .post-desc {
 font-family:"fedra serif arabic demi"
}
.bi-file-section .post-card:hover .cat-shape {
 margin-top:2rem
}
.iqraa-color figcaption:hover {
 background:#f4a81f;
 background:rgba(244,168,31,.9)
}
.tabaa-color figcaption:hover {
 background:#aa3d2e;
 background:rgba(170,61,46,.9)
}
.elaab-color figcaption:hover {
 background:#086147;
 background:rgba(8,97,71,.9)
}
.follow-color figcaption:hover {
 background-color:rgba(170,61,46,.9)
}
.play-color figcaption:hover {
 background-color:rgba(8,97,71,.9)
}
.bi_slider .post-card figure img {
 height:225px
}
.bi-slider header {
 padding:0 30px
}
.bi_section header {
 margin-bottom:30px
}
.bi_section header h2 {
 margin-left:30px;
 margin-right:30px;
 font-size:40px;
 line-height:40px;
 font-family:aref ruqaa,serif
}
.bi_section header .line-right {
 -webkit-box-flex:2;
 -webkit-flex:2 1 0;
 -ms-flex:2 1 0;
 flex:2 1 0;
 height:0;
 position:relative;
 top:30px;
 border-bottom:1px dashed #fff;
 font-family:baianat
}
.bi_section header .line-right:after {
 position:absolute;
 content:"\e908";
 top:-9px;
 right:-15px;
 font-size:10px
}
.bi_section header .line-left {
 -webkit-box-flex:2;
 -webkit-flex:2 1 0;
 -ms-flex:2 1 0;
 flex:2 1 0;
 height:0;
 position:relative;
 top:30px;
 border-bottom:1px dashed #fff;
 font-family:baianat;
 font-size:10px
}
.bi_section header .line-left:before {
 font-size:10px;
 content:"\e908";
 position:absolute;
 top:-9px;
 left:-15px
}
.bi_section header .more-posts {
 padding-bottom:15px;
 padding-top:15px;
 margin-right:20px;
 font-size:14px
}
.bi_section header .more-posts i {
 font-size:18px;
 margin-left:6px;
 line-height:30px
}
.bi_section header .more-posts a {
 font-size:14px;
 font-family:"fedra serif arabic demi";
 line-height:30px
}
.bi_section .grid-item {
 height:225px
}
.bi_section .grid-item img {
 height:225px
}
.bi_section .grid-item--height2 {
 height:460px
}
.bi_section .grid-item--height2 img {
 height:460px
}
.post-section {
 overflow:hidden;
 margin-bottom:10px
}
.post-section figcaption:hover .cat-shape {
 margin-top:2rem
}
.post-section figcaption .format-icon {
 visibility:hidden;
 opacity:0;
 -webkit-transition:all 250ms ease-in-out;
 -o-transition:all 250ms ease-in-out;
 transition:all 250ms ease-in-out;
 position:static;
 -webkit-transform:scale(.5) translateY(40px);
 -ms-transform:scale(.5) translateY(40px);
 -o-transform:scale(.5) translateY(40px);
 transform:scale(.5) translateY(40px);
 font-size:20px;
 padding:10px;
 line-height:50px
}
.post-section figcaption:hover .format-icon {
 visibility:visible;
 opacity:1;
 -webkit-transform:scale(1) translateY(-20px);
 -ms-transform:scale(1) translateY(-20px);
 -o-transform:scale(1) translateY(-20px);
 transform:scale(1) translateY(-20px)
}
.post-section figcaption .post-desc {
 visibility:hidden;
 font-size:12px;
 opacity:0;
 font-family:"fedra serif arabic demi";
 -webkit-transition:all 250ms ease-in-out;
 -o-transition:all 250ms ease-in-out;
 transition:all 250ms ease-in-out;
 line-height:0;
 -webkit-transform:scaleY(.5) translateY(100px);
 -ms-transform:scaleY(.5) translateY(100px);
 -o-transform:scaleY(.5) translateY(100px);
 transform:scaleY(.5) translateY(100px)
}
.post-section figcaption:hover .post-desc {
 visibility:visible;
 opacity:1;
 height:100%;
 -webkit-transition:all 250ms ease-in-out;
 -o-transition:all 250ms ease-in-out;
 transition:all 250ms ease-in-out;
 margin-bottom:20px;
 line-height:18px;
 -webkit-transform:scaleY(1) translateY(10px);
 -ms-transform:scaleY(1) translateY(10px);
 -o-transform:scaleY(1) translateY(10px);
 transform:scaleY(1) translateY(10px)
}
.post-section figure .socials {
 visibility:hidden;
 opacity:0;
 -webkit-transition:all 250ms ease-in-out;
 -o-transition:all 250ms ease-in-out;
 transition:all 250ms ease-in-out;
 -webkit-transform:translateY(100px);
 -ms-transform:translateY(100px);
 -o-transform:translateY(100px);
 transform:translateY(100px)
}
.post-section figure:hover .socials {
 visibility:visible;
 opacity:1;
 -webkit-transform:translateY(0);
 -ms-transform:translateY(0);
 -o-transform:translateY(0);
 transform:translateY(0)
}
.post-section figcaption .share-icons {
 visibility:hidden;
 opacity:0;
 -webkit-transition:all 250ms ease-in-out;
 -o-transition:all 250ms ease-in-out;
 transition:all 250ms ease-in-out;
 -webkit-transform:translateY(100px);
 -ms-transform:translateY(100px);
 -o-transform:translateY(100px);
 transform:translateY(100px);
 position:absolute;
 left:20px;
 bottom:20px
}
.post-section figcaption:hover .share-icons {
 visibility:visible;
 opacity:1;
 -webkit-transform:translateY(0);
 -ms-transform:translateY(0);
 -o-transform:translateY(0);
 transform:translateY(0)
}
.bi_section header {
 position:relative;
 display:-webkit-box;
 display:-webkit-flex;
 display:-ms-flexbox;
 display:flex
}
.post-section figure figcaption.flex-b-r {
 display:-webkit-box;
 display:-webkit-flex;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-pack:center;
 -webkit-justify-content:center;
 -ms-flex-pack:center;
 justify-content:center;
 -webkit-box-align:center;
 -webkit-align-items:center;
 -ms-flex-align:center;
 align-items:center
}
.bi_section .post-card figure figcaption .content {
 text-align:center;
 position:relative;
 top:-20px
}
.post-section figure figcaption .content .author-name {
 font-family:"fedra serif arabic demi";
 padding-right:20px
}
.post-section figure figcaption .content .post-cat {
 position:relative;
 font-family:"fedra serif arabic demi";
 display:inline-block
}
.post-section figure figcaption .content .post-cat::before {
 margin-left:5px;
 font-size:10px;
 display:none
}
.post-section figure figcaption .content .post-cat:after {
 content:'';
 height:16px;
 width:2px;
 background:#fff;
 position:absolute;
 top:5px;
 margin-right:8px;
 left:-12px
}
.bi_section .post-card figure figcaption .content h4 {
 font-size:20px;
 -webkit-transition:all 250ms ease-in-out;
 -o-transition:all 250ms ease-in-out;
 transition:all 250ms ease-in-out;
 font-family:"fedra serif arabic bold 2",serif;
 line-height:34px
}
.bi_section .post-card figure figcaption .content .cat-shape {
 padding:0;
 font-size:12px;
 margin-bottom:5px
}
.post-section .format-audio {
 position:absolute;
 visibility:hidden;
 opacity:0
}
.post-section .format-video {
 position:absolute;
 visibility:hidden;
 opacity:0
}
.post-section .format-video {
 position:absolute;
 visibility:hidden;
 opacity:0
}
.post-section:hover figcaption {
 position:absolute;
 visibility:visible;
 opacity:1;
 cursor:pointer
}
.bi_section .post-card figure figcaption {
 padding:2rem!important
}
.hekaya-section .socials {
 float:left
}
.hekaya-section .socials li a {
 width:25px;
 height:25px;
 line-height:25px;
 border-width:1px
}
.post-section .socials {
 position:absolute;
 left:20px;
 bottom:20px
}
.hekaya-section .socials,.post-section .socials {
 background:0 0
}
.hekaya-section .socials li,.post-section .socials li {
 margin:0 2px 0 0
}
.hekaya-section .socials li a,.post-section .socials li a {
 background:0 0;
 border-radius:0;
 line-height:23px;
 font-size:12px;
 width:25px;
 height:25px;
 border-color:#fff;
 color:#fff
}
.hekaya-section .socials li a:hover,.post-section .socials li a:hover {
 border-color:#3fc;
 background:#3cf;
 color:#fff
}
.hekaya-section .socials li a::after,.post-section .socials li a::after {
 display:none;
 border-radius:0
}
.hekaya-section .socials li a.facebook:hover,.post-section .socials li a.facebook:hover {
 background-color:#3b5998;
 border-color:#3b5998
}
.hekaya-section .socials li a.twitter:hover,.post-section .socials li a.twitter:hover {
 background-color:#55acee;
 border-color:#55acee
}
.hekaya-section .socials li a.googleplus:hover,.post-section .socials li a.googleplus:hover {
 background-color:#dd4b39;
 border-color:#dd4b39
}
.post-section .format-icon {
 background:0 0
}
.post-section .format-icon {
 background:0 0
}
.content-wrapper {
 padding:1rem
}
.video-slider .big-images {
 margin-bottom:-5px
}
.medina-content-text p {
 overflow:hidden
}
.medina-intro {
 position:relative;
 margin-bottom:30px;
 border-bottom:2px solid #000
}
.medina-intro .icon-logo {
 font-size:50px;
 float:right;
 margin-left:20px
}
.medina-intro .medina-intro-text p {
 font-size:18px;
 font-family:"fedra serif arabic demi"
}
.medina-intro .intro-icon {
 float:left;
 background:#fff;
 position:absolute;
 bottom:32px;
 left:0;
 font-size:18px;
 padding-right:10px;
 bottom:-10px
}
.medina_author_note .icon-author-note {
 float:right;
 font-size:36px;
 margin-left:20px;
 margin-top:10px
}
.medina_author_note .medina-note-text p {
 font-size:18px
}
.medina_team_note {
 padding-bottom:20px;
 border-bottom:2px solid #000;
 position:relative
}
.medina_team_note .medina-note-text p {
 font-size:18px
}
.medina_team_note i {
 float:left;
 background:#fff;
 position:absolute;
 bottom:32px;
 left:0;
 font-size:18px;
 padding-right:10px;
 bottom:-10px
}
.medina-title {
 padding-top:40px;
 padding-bottom:20px
}
.medina-title i {
 float:right;
 margin-left:10px;
 line-height:30px
}
.medina-title h3 {
 font-size:20px;
 line-height:30px
}
.medina-title-center {
 padding-top:40px;
 padding-bottom:30px;
 text-align:center
}
.medina-title-center i {
 margin:0 20px;
 line-height:30px;
 display:inline-block
}
.medina-title-center h2 {
 font-size:30px;
 line-height:40px;
 display:inline-block
}
.medina_sound {
 margin-bottom:30px
}
.medina_sound img {
 width:100%;
 height:auto
}
.medina_slider_images {
 margin-bottom:30px
}
.parallax-image {
 margin-bottom:30px
}
.parallax-slider {
 height:500px
}
.dark-theme .tippy-tooltip {
 background-color:#333
}
.medina_fnote a,.medina_fnote span {
 vertical-align:super;
 color:#d6002f;
 padding:5px;
 display:inline-block;
 background:0 0;
 outline:0;
 border:0
}
.medina_side_caption .wp-caption {
 width:25%!important;
 float:left;
 margin-right:30px
}
.medina_side_qoute blockquote {
 width:25%!important;
 float:left;
 margin-right:30px;
 padding:0 0 20px
}
.medina_side_qoute blockquote p {
 font-size:14px
}
.medina_full_img {
 width:100%
}
.medina_full_img img {
 width:100%;
 height:auto
}
.btn-submit {
 background:#aa3d2e;
 color:#fff;
 border:2px solid transparent;
 -webkit-box-shadow:none;
 box-shadow:none;
 font-family:"fedra serif arabic bold 2",serif;
 padding:5px 30px
}
.add-hekaya .dropzone {
 display:block
}
.share-shape {
 padding:40px 0;
 display:inline-block;
 position:relative;
 color:#fff;
 z-index:555;
 background-image:url(images/share.png);
 background-repeat:no-repeat;
 -webkit-background-size:100% 100%;
 background-size:100%;
 height:130px;
 width:140px;
 text-align:right;
 padding-right:40px;
 margin-left:20px;
 float:right
}
.share-on .footer-socials {
 max-width:160px
}
.share-on .icon-share {
 float:right;
 line-height:30px;
 margin-left:10px;
 font-size:16px
}
.share-on p {
 font-size:16px;
 font-family:"fedra serif arabic medium 2"
}
.post-footer {
 margin:60px 0
}
.post-footer .share-on {
 display:inline-block;
 float:none;
 position:relative;
 min-width:200px
}
.post-footer .share-on time {
 position:absolute;
 top:95px;
 right:70px;
 font-size:14px
}
.footer-socials li {
 margin-bottom:10px;
 float:right
}
.share-on .socials li {
 display:block;
 float:right
}
.post-coauthor {
 margin-bottom:20px;
 width:150px;
 margin-bottom:30px
}
.post-coauthor img {
 margin-bottom:10px;
 width:100%;
 height:auto
}
.post-coauthors {
 position:absolute;
 right:40px;
 top:60px
}
.padding--20 {
 padding:0 20px
}

.owl-theme .owl-nav {
 margin-top:10px;
 text-align:center;
 -webkit-tap-highlight-color:transparent
}
.owl-theme .owl-nav [class*=owl-] {
 color:#fff;
 font-size:14px;
 margin:5px;
 padding:4px 7px;
 background:#727070;
 display:inline-block;
 cursor:pointer;
 border-radius:3px
}
.owl-theme .owl-nav [class*=owl-]:hover {
 background:#fff;
 color:#fff;
 text-decoration:none
}
.owl-theme .owl-nav .disabled {
 opacity:.5;
 cursor:default
}
.owl-theme .owl-nav.disabled+.owl-dots {
 margin-top:10px
}
.owl-theme .owl-dots {
 text-align:center;
 -webkit-tap-highlight-color:transparent
}
.owl-theme .owl-dots .owl-dot {
 display:inline-block;
 zoom:1;
 *display:inline
}
.owl-theme .owl-dots .owl-dot span {
 width:10px;
 height:10px;
 margin:5px 3px;
 background:#727070;
 display:block;
 -webkit-transform:rotate(45deg);
 -ms-transform:rotate(45deg);
 -o-transform:rotate(45deg);
 transform:rotate(45deg);
 -webkit-backface-visibility:visible;
 -webkit-transition:opacity 200ms ease;
 -o-transition:opacity 200ms ease;
 transition:opacity 200ms ease
}
.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span {
 background:#fff
}
.hekayat-nav {
 display:none;
 text-align:center
}
.expanding {
 padding:20px 0
}
.expanding span {
 color:#888;
 cursor:pointer
}
.btn-loadmore {
 display:none
}
.medina-selected .post-section {
 min-height:300px
}
.archive .post-card {
 min-height:300px
}
.archive .post-card .post-details .post-category {
 display:inline-block;
 padding-left:10px;
 font-family:"fedra serif arabic demi"
}
.archive .post-card .post-details .line-bar {
 position:relative;
 width:2px;
 height:15px;
 background:#fff;
 display:inline-block;
 top:2px
}
.archive .post-card .post-details .post-name {
 display:inline-block;
 padding-right:10px;
 font-family:"fedra serif arabic demi"
}
.post-details .post-category {
 display:inline-block;
 padding-left:10px;
 font-family:"fedra serif arabic demi"
}
.post-details .line-bar {
 position:relative;
 width:2px;
 height:15px;
 background:#fff;
 display:inline-block;
 top:2px
}
.post-details .post-author {
 display:inline-block;
 padding-right:10px;
 font-family:"fedra serif arabic demi"
}
.post-video {
 height:500px
}
.post-video .module-home-video {
 position:absolute;
 right:0;
 left:0;
 top:0;
 bottom:0
}
.post-video .play-video {
 display:inline-block;
 text-align:center;
 background:#fff;
 color:#000;
 border-radius:50%;
 font-size:16px;
 width:60px;
 height:60px;
 line-height:60px;
 cursor:pointer;
 -webkit-transition:all 250ms ease-in-out;
 -o-transition:all 250ms ease-in-out;
 transition:all 250ms ease-in-out
}
.post-video .play-video:hover {
 background:#aa3d2e;
 color:#fff
}
.post-head .content {
 font-size:30px;
 text-align:center
}
.post-head .post-audio .format-icon {
 margin-top:20px;
 font-size:30px
}
.post-gallery .post-format-slider {
 position:static
}
.post-gallery .owl-controls {
 position:absolute;
 bottom:20px;
 width:100%;
 z-index:10
}
.post-head .post-audio {
 background:#fff
}
.post-head .post-audio figcaption {
 background:rgba(0,0,0,.8)
}
.post-head .post-audio .entry-thumbnail {
 max-height:600px
}
.post-head figure figcaption .content {
 position:relative
}
.post-head figure figcaption .grad-bat {
 background:0 0
}
.medina-selected {
 margin-bottom:40px
}
.share-icons li {
 float:right;
 margin-right:6px
}
.share-icons li a {
 display:inline-block;
 width:25px;
 height:25px;
 border:2px solid #fff;
 text-align:center;
 line-height:22px;
 float:right;
 font-size:12px
}
.share-icons li a.facebook:hover {
 background-color:#3b5998;
 border-color:#3b5998
}
.share-icons li a.twitter:hover {
 background-color:#55acee;
 border-color:#55acee
}
.share-icons li a.googleplus:hover {
 background-color:#dd4b39;
 border-color:#dd4b39
}
.salah-item {
 position:relative;
 margin-bottom:10px;
 overflow:hidden
}
.salah-item figure img {
 width:100%;
 height:auto
}
.salah-item figure figcaption {
 background:rgba(0,0,0,.5);
 -webkit-transition:all 250ms ease-in-out;
 -o-transition:all 250ms ease-in-out;
 transition:all 250ms ease-in-out;
 padding:30px;
 top:0;
 right:0;
 bottom:0;
 left:0;
 position:absolute
}
.salah-item figure figcaption .content {
 position:relative;
 top:-10px;
 text-align:center
}
.salah-item figure figcaption h4 {
 font-size:14px;
 font-family:"fedra serif arabic bold 2",serif
}
.salah-item figure figcaption .hekaya-desc {
 margin-bottom:10px
}
.salah-item figure figcaption .hekaya-desc span {
 position:relative;
 font-size:12px;
 font-family:"fedra serif arabic book",serif;
 margin-right:8px;
 margin-left:8px
}
.salah-item figure figcaption .hekaya-desc span:last-child:after {
 content:'';
 height:14px;
 position:absolute;
 width:2px;
 background:#fff;
 right:-11px;
 top:3px
}
.salah-item figure figcaption .video-play {
 -webkit-transition:all 250ms ease-in-out;
 -o-transition:all 250ms ease-in-out;
 transition:all 250ms ease-in-out;
 color:#000;
 width:40px;
 height:40px;
 text-align:center;
 background:#fff;
 display:inline-block;
 line-height:40px;
 border-radius:20px
}
.salah-item figure figcaption .video-play i {
 margin-right:-4px;
 font-size:12px
}
.salah-item .salah-format {
 font-size:20px
}
.salah-item .share-icons {
 position:absolute;
 left:20px;
 bottom:20px;
 visibility:hidden;
 opacity:0;
 -webkit-transition:all 250ms ease-in-out;
 -o-transition:all 250ms ease-in-out;
 transition:all 250ms ease-in-out;
 -webkit-transform:translateY(100px);
 -ms-transform:translateY(100px);
 -o-transform:translateY(100px);
 transform:translateY(100px)
}
.salah-item:hover {
}
.salah-item:hover .share-icons {
 visibility:visible;
 opacity:1;
 -webkit-transform:translateY(0);
 -ms-transform:translateY(0);
 -o-transform:translateY(0);
 transform:translateY(0)
}
.salah-item:hover .share-icons a {
}
.salah-item:hover .video-play i {
 color:#aa3d2e
}
.salah-item:hover figcaption {
 background:rgba(170,61,46,.9)
}
.hekayat-video.hekayatkom-video {
 max-height:300px;
 height:300px
}
.hekayat-video.hekayatkom-video figure img {
 height:300px
}
.hekayat-video {
 position:relative;
 margin-bottom:10px;
 overflow:hidden
}
.hekayat-video figure img {
 width:100%;
 height:auto
}
.hekayat-video figure figcaption {
 background:rgba(0,0,0,.5);
 -webkit-transition:all 250ms ease-in-out;
 -o-transition:all 250ms ease-in-out;
 transition:all 250ms ease-in-out;
 padding:30px;
 top:0;
 right:0;
 bottom:0;
 left:0;
 position:absolute
}
.hekayat-video figure figcaption .content {
 text-align:center
}
.hekayat-video figure figcaption h3 {
 font-size:20px;
 font-family:"fedra serif arabic bold 2",serif;
 line-height:28px
}
.hekayat-video figure figcaption .hekaya-desc {
 margin-bottom:10px
}
.hekayat-video figure figcaption .hekaya-desc span {
 position:relative;
 font-size:12px;
 font-family:"fedra serif arabic book",serif;
 margin-right:8px;
 margin-left:8px
}
.hekayat-video figure figcaption .hekaya-desc span:last-child:after {
 content:'';
 height:12px;
 position:absolute;
 width:2px;
 background:#fff;
 right:-11px;
 top:3px
}
.hekayat-video figure figcaption .video-play {
 -webkit-transition:all 250ms ease-in-out;
 -o-transition:all 250ms ease-in-out;
 transition:all 250ms ease-in-out;
 color:#000;
 width:40px;
 height:40px;
 text-align:center;
 background:#fff;
 display:inline-block;
 line-height:40px;
 border-radius:20px
}
.hekayat-video figure figcaption .video-play i {
 margin-right:-4px;
 font-size:12px
}
.hekayat-video .share-icons {
 position:absolute;
 left:20px;
 bottom:20px;
 visibility:hidden;
 opacity:0;
 -webkit-transition:all 250ms ease-in-out;
 -o-transition:all 250ms ease-in-out;
 transition:all 250ms ease-in-out;
 -webkit-transform:translateY(100px);
 -ms-transform:translateY(100px);
 -o-transform:translateY(100px);
 transform:translateY(100px)
}
.hekayat-video:hover .share-icons {
 visibility:visible;
 opacity:1;
 -webkit-transform:translateY(0);
 -ms-transform:translateY(0);
 -o-transform:translateY(0);
 transform:translateY(0)
}
.hekayat-video:hover .share-icons a {
}
.hekayat-video:hover .video-play i {
 color:#aa3d2e
}
.hekayat-video:hover figcaption {
 background:rgba(170,61,46,.9)
}
.hekayat-video.hekayatkom-video figure figcaption .content {
 text-align:center;
 position:relative;
 top:-25px
}
.hekayat-video.hekayatkom-video figure figcaption h3 {
 font-size:14px;
 font-family:"fedra serif arabic bold 2",serif;
 line-height:24px
}
.hekayat-video.hekayatkom-video figure figcaption .hekaya-desc {
 margin-bottom:10px
}
.hekayat-video.hekayatkom-video figure figcaption .hekaya-desc span {
 position:relative;
 font-size:12px;
 font-family:"fedra serif arabic book",serif;
 margin-right:8px;
 margin-left:8px
}
.hekayat-video.hekayat-sm figcaption .content {
 position:relative;
 top:-20px
}
.hekayat-video.hekayat-sm figcaption .content h3 {
 font-size:14px;
 font-family:"fedra serif arabic bold 2",serif;
 line-height:24px
}
.video-content {
 position:relative;
 overflow:hidden
}
.video-content.play nav a.prev {
 -webkit-transform:translateX(-60px);
 -ms-transform:translateX(-60px);
 -o-transform:translateX(-60px);
 transform:translateX(-60px)
}
.video-content.play nav a.next {
 -webkit-transform:translateX(60px);
 -ms-transform:translateX(60px);
 -o-transform:translateX(60px);
 transform:translateX(60px)
}
.video-content.play:hover nav a.prev {
 -webkit-transform:translateX(0);
 -ms-transform:translateX(0);
 -o-transform:translateX(0);
 transform:translateX(0)
}
.video-content.play:hover nav a.next {
 -webkit-transform:translateX(0);
 -ms-transform:translateX(0);
 -o-transform:translateX(0);
 transform:translateX(0)
}
.video-content .iframe-mask {
 position:absolute;
 top:0;
 right:0;
 bottom:0;
 left:0;
 background:rgba(0,0,0,.1)
}
.video-content nav a {
 position:absolute;
 top:50%;
 display:block;
 outline:0;
 text-align:left;
 z-index:10;
 -webkit-transform:translateY(-50%);
 -ms-transform:translateY(-50%);
 -o-transform:translateY(-50%);
 transform:translateY(-50%);
 -webkit-transition:-webkit-transform .8s;
 -o-transition:-o-transform .8s;
 transition:transform .8s
}
.video-content nav a.prev {
 left:0
}
.video-content nav a.next {
 right:0
}
.video-content nav a svg {
 display:block;
 margin:0 auto;
 padding:0
}
.video-content .color-1 {
 background:#bdc3c7
}
.video-content .nav-slide .icon-wrap {
 position:relative;
 z-index:100;
 display:block;
 padding:20px;
 background-color:#fff;
 font-size:20px;
 color:#000
}
.video-content .nav-slide svg.icon {
 fill:#34495e
}
.video-content .nav-slide div {
 position:absolute;
 top:50%;
 padding:0 100px;
 background-color:#000;
 -webkit-transition:-webkit-transform .3s;
 -o-transition:-o-transform .3s;
 transition:transform .3s
}
.video-content .nav-slide a.prev div {
 left:0;
 padding-right:120px;
 -webkit-transform:translateY(-50%) translateX(-100%);
 -ms-transform:translateY(-50%) translateX(-100%);
 -o-transform:translateY(-50%) translateX(-100%);
 transform:translateY(-50%) translateX(-100%);
 text-align:right;
 width:370px;
 height:90px
}
.video-content .nav-slide a.next div {
 right:0;
 padding-left:120px;
 text-align:right;
 -webkit-transform:translateY(-50%) translateX(100%);
 -ms-transform:translateY(-50%) translateX(100%);
 -o-transform:translateY(-50%) translateX(100%);
 transform:translateY(-50%) translateX(100%);
 width:370px;
 height:90px
}
.video-content .nav-slide h3 {
 position:relative;
 margin:0;
 padding:20px 0;
 color:#fff;
 font-weight:300;
 font-size:14px;
 line-height:1.5
}
.video-content .nav-slide div h3 span {
 display:block;
 color:#95a5a6;
 font-style:italic;
 font-size:65%;
 font-family:Baskerville,baskerville old face,hoefler text,Garamond,times new roman,serif
}
.video-content .nav-slide img {
 position:absolute;
 top:0;
 height:100%
}
.video-content .nav-slide a.prev img {
 right:0
}
.video-content .nav-slide a.next img {
 left:0
}
.video-content .nav-slide a:hover div {
 -webkit-transform:translateY(-50%) translateX(0);
 -ms-transform:translateY(-50%) translateX(0);
 -o-transform:translateY(-50%) translateX(0);
 transform:translateY(-50%) translateX(0)
}
.custom-pagination span,.custom-pagination a {
 display:inline-block;
 padding:2px 10px
}
.custom-pagination a {
 background-color:#ebebeb;
 color:#ff3c50
}
.custom-pagination a:hover {
 background-color:#ff3c50;
 color:#fff
}
.custom-pagination span.page-num {
 margin-right:10px;
 padding:0
}
.custom-pagination span.dots {
 padding:0;
 color:#dcdcdc
}
.custom-pagination span.current {
 background-color:#ff3c50;
 color:#fff
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
 border-color:#888 transparent transparent transparent;
 border-style:solid;
 border-width:5px 4px 0;
 height:0;
 left:50%;
 margin-left:-4px;
 margin-top:-2px;
 position:absolute;
 top:50%;
 width:0
}
.select2-container--default .select2-selection--single .select2-selection__arrow b::after {
 display:none
}
.bi-filter .select2-container--default {
 min-width:100px;
 float:right
}
.saic-comment-left {
 float:right
}
.saic-comment-right {
 margin-right:38px;
 margin-left:0
}
.saic-comment-rating {
 left:0;
 right:auto
}
.saic-comment-info {
 margin-right:0;
 margin-left:50px
}
.saic-rating-link {
 float:right
}
.saic-rating-count {
 float:right
}
.saic-wrapper .saic-current-user-avatar {
 float:right
}
.saic-wrapper .saic-wrap-form p.form-submit {
 float:none;
 clear:both
}
.saic-wrapper .saic-wrap-form input[type=submit] {
 background:#f3f3f3 none repeat scroll 0 0;
 font-family:"fedra serif arabic medium 2",serif;
 font-size:14px;
 border-radius:0;
 -webkit-box-shadow:none;
 box-shadow:none;
 color:#000;
 text-shadow:none
}
.saic-wrapper .saic-wrap-form input[type=submit]:hover {
 background:#fff;
 color:#000;
 -webkit-box-shadow:none;
 box-shadow:none
}
.saic-wrapper .saic-wrap-textarea {
 float:left
}
.saic-wrapper .saic-wrap-textarea {
 float:right
}
.saic-wrapper .saic-container-form {
 margin-left:0;
 margin-right:38px
}
.saic-wrapper li.saic-item-comment ul {
 list-style:outside none none!important;
 margin:0 36px 0 0;
 padding:5px 0 0
}
.saic-wrapper .saic-icon-link-true {
 padding-right:10px;
 padding-left:0
}
.saic-dark .saic-icon-link {
 background:0 0
}
.saic-wrapper .saic-wrap-textarea {
 float:right;
 width:100%!important
}
.wp-video video {
 width:100%!important
}
.wp-video {
 width:100%!important
}
.saic-dark .saic-holder {
 background-color:#0e0e1b
}
.saic-wrapper .saic-wrap-link {
 border:0
}
.saic-dark .saic-wrap-form {
 padding:50px 40px;
 background-color:#111;
 -webkit-box-shadow:none;
 box-shadow:none;
 border-top-color:transparent
}
.saic-wrap-link .saic-style-link {
 padding:20px 40px;
 background-color:#0b0b0b;
 -webkit-box-shadow:none;
 box-shadow:none;
 border-top:0;
 border-bottom-color:#080810
}
.saic-dark .saic-wrap-comments {
 border-top-color:#080810
}
.saic-dark .saic-wrap-form textarea.saic-textarea,.saic-dark .saic-wrap-form input[type=text] {
 background-color:#111;
 border-color:#888;
 color:#888
}
.saic-dark .saic-wrap-form textarea.saic-textarea:placeholder,.saic-dark .saic-wrap-form input[type=text]:placeholder {
 color:#888;
 opacity:1
}
.saic-dark .saic-wrap-form textarea.saic-textarea::-webkit-input-placeholder,.saic-dark .saic-wrap-form input[type=text]::-webkit-input-placeholder {
 color:#888;
 opacity:1
}
.saic-dark .saic-wrap-form textarea.saic-textarea::-moz-placeholder,.saic-dark .saic-wrap-form input[type=text]::-moz-placeholder {
 color:#888;
 opacity:1
}
.saic-dark .saic-wrap-form textarea.saic-textarea:-ms-input-placeholder,.saic-dark .saic-wrap-form input[type=text]:-ms-input-placeholder {
 color:#888;
 opacity:1
}
.saic-dark .saic-wrap-form textarea.saic-textarea::placeholder,.saic-dark .saic-wrap-form input[type=text]::placeholder {
 color:#888;
 opacity:1
}
.saic-dark .saic-wrap-form textarea.saic-textarea::-webkit-input-placeholder,.saic-dark .saic-wrap-form input[type=text]::-webkit-input-placeholder {
 color:#888;
 opacity:1
}
.saic-dark .saic-wrap-form textarea.saic-textarea::-moz-placeholder,.saic-dark .saic-wrap-form input[type=text]::-moz-placeholder {
 color:#888;
 opacity:1
}
.saic-dark .saic-wrap-form textarea.saic-textarea:-ms-input-placeholder,.saic-dark .saic-wrap-form input[type=text]:-ms-input-placeholder {
 color:#888;
 opacity:1
}
.saic-dark .saic-wrap-form textarea.saic-textarea:-moz-placeholder,.saic-dark .saic-wrap-form input[type=text]:-moz-placeholder {
 color:#888;
 opacity:1
}
.saic-dark .saic-wrap-form textarea.saic-textarea {
 min-height:80px;
 border-width:2px
}
.saic-dark li.saic-item-comment {
 padding:20px 40px;
 background-color:#0b0b0b;
 border-top-color:#333;
 border-right-color:transparent;
 border-bottom-color:transparent;
 border-left-color:transparent
}
.saic-dark.saic-border {
 border:0
}
.hekaya-intro {
 padding:30px 0;
 background-color:#000
}
.hekaya-intro h3 {
 margin-top:10px;
 font-size:22px
}
.hekaya-intro p {
 margin-bottom:15px;
 overflow:hidden;
 font-family:"fedra serif arabic book",serif
}
.saic-dark .saic-holder {
 border-top-color:#080810
}
.saic-loading {
 border-top-color:#080810
}
.saic-dark.saic-wrapper li.saic-item-comment ul li {
 border-top-color:#131325;
 padding-top:40px;
 margin-top:40px!important
}
.saic-comment-text {
 padding-top:20px
}
.saic-comment-text .wp-video {
 padding-top:20px
}
.saic-comment-text img {
 padding-top:20px
}
.saic-comment-info {
 line-height:34px
}
.saic-container-form #dropzone-wordpress {
 margin-top:50px;
 border-color:#626278
}
.hekayat-head .hekayat-mask {
 left:0;
 right:auto;
 padding-right:0;
 padding-bottom:200px;
 overflow:hidden
}
.hekaya-item .item-content p {
 font-size:16px;
 line-height:30px
}
.saic-wrapper .saic-wrap-form input[type=submit] {
 height:35px;
 padding:0 35px
}
.logo-hekayat a {
 font-size:20px;
 line-height:24px
}
.saic-style-link i {
 font-size:20px;
 color:#fff
}
.hekaya-item .socials {
 background:0 0;
 text-align:left;
 margin:0
}
.hekaya-item .socials li a {
 color:#fff;
 border-color:#fff
}
.hekaya-item .socials li a:after {
 right:-2px;
 top:-2px
}
.logoWrap {
 position:relative
}
.logoWrap .beta {
 bottom:2px;
 color:#d6002f;
 font-size:8px;
 font-weight:400;
 position:absolute;
 right:45px
}
.autosize-textarea {
 left:auto!important;
 right:-9999px!important
}
.saic-dark .saic-counter-info {
 display:none
}
.hekaya-intro .socials {
 background:0 0;
 text-align:center;
 float:left;
 padding-top:35px;
 overflow:hidden
}
.hekaya-intro .socials li {
 margin:0 .4rem 0 0
}
.hekaya-intro .socials li a:after {
 right:-2px;
 top:-2px
}
.hekayat-mail {
 font-size:18px;
 margin:0!important;
 padding:20px 0;
 text-align:left
}
.saic-media-btns {
 width:auto;
 background:0 0;
 padding:0;
 text-indent:0;
 display:none
}
.saic-media-btns a {
 background:#151524;
 width:auto;
 height:auto;
 text-align:center;
 line-height:30px;
 font-size:12px;
 padding:0 10px
}
.saic-media-btns i {
 font-size:18px;
 color:#555574
}
.saic-wrapper .saic-wrap-form p.comment-form-author,.saic-wrapper .saic-wrap-form p.comment-form-email {
 float:right;
 width:30%;
 margin-right:0;
 margin-left:5%
}
.saic-dark ul.saic-container-comments,.saic-dark .saic-comment-status {
 background:#0b0b0b
}
.hekayat-mail i {
 float:left;
 display:inline-block;
 line-height:32px;
 margin-right:10px;
 font-size:20px
}
.salah-post {
 padding:50px
}
.salah-post.salah-post-article {
 background:#fff
}
#lightgallery .gallery-item {
 margin-bottom:10px
}
#lightgallery img {
 width:100%;
 height:auto
}
.breadcrumbs {
 padding-top:15px;
 color:#888;
 font-size:10px;
 line-height:9px
}
.breadcrumbs span {
 font-size:12px;
 line-height:1em;
 font-family:"fedra serif arabic book",serif;
 color:#888;
 padding-left:3px;
 padding-right:3px
}
.breadcrumbs span:first-child {
 padding-left:3px;
 padding-right:0
}
.archive .breadcrumbs {
 padding-top:15px;
 color:#888;
 font-size:10px;
 line-height:9px;
 padding-bottom:15px
}
.page-header-none {
 padding-top:50px;
 padding-bottom:100px;
 border-bottom:0
}
.page-header-none h1 {
 font-size:16px;
 font-family:"fedra serif arabic book",serif;
 padding-right:60px
}
.error-page-inner {
 padding:100px 0;
 text-align:center
}
.error-page-inner .error-message-title {
 font-size:150px
}
.error-page-inner .error-message {
 margin-bottom:30px
}
.kf-upcoming-event-row {
 margin-bottom:30px;
 overflow:hidden
}
.kf-upcoming-event-row .col-6 {
 width:50%;
 float:right
}
.event-container {
 padding:100px 0
}
.event-page-top {
 overflow:hidden
}
.event-page-top h3 {
 float:right
}
.event-page-top a {
 float:left
}
.em_widget_filter {
 display:none
}
.event-select2-dropdown {
 background:#fff!important;
 color:#000!important
}
.event-select2-dropdown.select2-dropdown {
 border:1px solid rgba(150,150,150,.3)
}
.event-select2-dropdown .select2-results__option.select2-results__option--highlighted {
 background:#eee!important;
 color:#000!important
}
.event-select2-dropdown .select2-results__option[aria-selected=true] {
 background:#eee!important;
 color:#000!important
}
#em_event_search_form .select2-container {
 width:100%!important
}
#em_event_search_form .select2-container .select2-selection--multiple {
 height:36px
}
#em_event_search_form .select2-container--default .select2-selection--multiple {
 border:1px solid rgba(150,150,150,.3)
}
#em_event_search_form .select2-container--default .select2-selection--multiple .select2-selection__rendered {
 padding:0 10px
}
#em_event_search_form .select2-container--default .select2-selection--multiple .select2-selection__choice {
 background:#dfdfdf;
 margin-top:3px;
 font-size:12px;
 padding:2px 5px;
 border-radius:0
}
#em_event_search_form {
 color:#000
}
.emagic_single_venue .kf-single-venue-post-title {
 font-size:24px;
 font-family:"fedra serif arabic bold 2",serif
}
#em_event_search_form .em_widget_search_buttons input {
 background:#000;
 padding:0 20px;
 line-height:40px;
 color:#fff!important;
 border:2px solid #000
}
#em_event_search_form .em_widget_search_buttons input:hover {
 color:#000!important
}
.em_widget_search input.em_input {
 border:1px solid #eee;
 padding:0 10px
}
.kf-event-search-filter .kf-event-types .kf-event-type .em_radio {
 float:right
}
.kf-event-search-filter .kf-event-types .kf-event-type {
 text-align:right
}
.kf-event-search-filter .kf-event-types .kf-event-type .em_radio input[type=checkbox] {
 float:right;
 margin-left:4px;
 margin-right:0
}
.em_widget_search .em_widget_label,.kf-widget-label {
 float:right;
 text-align:right
}
.start-end-date .kf_widget-input-group input {
 padding:0 10px;
 background:0 0;
 text-indent:0;
 height:36px
}
.em_widget_search input.em_input {
 border-radius:0;
 height:36px
}
.kf_widget-input-group input {
 border-radius:0;
 height:36px
}
.kf-event-search-filter {
 border-radius:0
}
.kf-widget-venue-filter .kf_widget-input-group select#em_venues {
 border-radius:0;
 background:0 0;
 height:36px
}
.event-list {
 font-family:"fedra serif arabic book",serif
}
.event-list li {
 margin-bottom:10px
}
.event-list li i {
 font-size:18px;
 margin-left:10px
}
.event-list li .sub {
 margin-right:20px;
 color:#888
}
.event-list li span {
 color:#666;
 margin-bottom:10px;
 display:inline-block
}
.emagic {
 font-family:"fedra serif arabic book",serif
}
.emagic .kf-post-title {
 height:auto;
 font-family:"fedra serif arabic bold 2",serif;
 margin-bottom:10px
}
.emagic .kf-event-venue-address {
 font-family:"fedra serif arabic book",serif
}
.emagic .kf-event-venue-description {
 text-align:right;
 font-family:"fedra serif arabic book",serif
}
.emagic .kf-upcoming-events {
 font-family:"fedra serif arabic book",serif
}
.em_photo_gallery a {
 margin-left:10px
}
.single-event .col-md-6 {
 padding:0 15px
}
.single-event .event-title {
 margin-bottom:20px
}
.emagic {
 background:#fff;
 color:#000;
 display:block
}
.event-container {
 overflow:hidden;
 background:#fff
}
.emagic .difl {
 float:right
}
.emagic {
 padding-top:50px
}
.emagic .kf-event-buy-tickets {
 display:none
}
.emagic img {
 width:100%;
 height:auto;
 margin-bottom:10px
}
.emagic .kf-event-title {
 background:0 0;
 border:0
}
.emagic .em_cover_image {
 width:50%;
 float:right
}
.emagic .kf-event-header {
 width:50%;
 float:right
}
.emagic .kf-event-header {
 border:0
}
.emagic .kf-event-header .kf-event-attr:nth-child(2n) {
 border:0
}
.emagic .kf-event-title {
 border-bottom:0
}
.emagic .kf-event-col1 {
 width:100%
}
.emagic .kf-performer-card {
 border:0
}
.emagic .kf-performer-img img {
 border-radius:0;
 padding:0!important
}
.emagic .kf-performer-name {
 border-radius:0
}
.emagic .kf-performer-card {
 border-radius:0
}
.emagic .kf-performer-details {
 border-left:0
}
.emagic .kf-performer-name {
 text-align:right
}
.emagic .kf-performer-role {
 text-align:right
}
.emagic .kf-row-heading {
 border-top:1px dashed #000
}
.emagic .kf-row-heading .kf-row-title i {
 display:none
}
.emagic .kf-event-attr {
 width:100%
}
.emagic .kf-event-attr {
 padding:0 30px 0 0
}
.emagic .kf-event-title-text {
 padding:0 30px 0 0
}
.emagic .kf-event-date-large {
 display:none
}
.emagic .kf-event-venue-events {
 margin-left:0;
 margin-right:5%
}
.emagic .kf-event-sponsors {
 border:0
}
.emagic .kf-event-content p {
 font-family:"fedra serif arabic book",serif;
 margin-top:20px
}
.emagic .kf-event-attr-name {
 font-family:"fedra serif arabic bold 2",serif;
 font-weight:400
}
.emagic .em_performer_profile .kf-event-col1 {
 width:60%;
 margin-right:30px;
 margin-left:0
}
.emagic .em_performer_profile .kf-event-col1 p {
 font-family:"fedra serif arabic book",serif;
 margin-bottom:30px
}
.emagic .em_performer_profile .kf-performer-name {
 margin-bottom:0
}
.emagic .em_performer_profile .kf-single-performer {
 padding:0;
 border:0
}
.emagic_single_venue .em_single_fullwidth .em_cover_image {
 width:100%
}
.emagic_single_venue .kf-single-venue-post-title {
 padding-top:10px;
 width:100%;
 text-align:center
}
.emagic_single_venue .kf-venue-address {
 width:100%;
 text-align:center
}
.emagic_single_venue .em_venue_desc p {
 font-family:"fedra serif arabic book",serif
}
.emagic_single_venue .kf-event-col1 {
 width:60%;
 margin-right:30px;
 margin-left:0
}
.emagic_single_venue .em-venue-direction {
 margin-top:20px;
 width:100%;
 float:right;
 height:180px;
 background-color:#fff;
 z-index:99999;
 border:1px solid #e6e6e6;
 top:50%;
 right:2%;
 padding:12px
}
.em_event_list .kf-upcoming-event-row {
 float:right
}
.em_event_list .kf-upcoming-event-row .kf-upcoming-event-thumb {
 width:100px
}
.em_event_list .kf-upcoming-event-row .kf-upcoming-event-title {
 width:auto
}
.emagic .kf-upcoming-event-row .kf-upcoming-event-thumb img {
 border-radius:0
}
.bi-file-slider.owl-theme .owl-nav [class*=owl-]:hover {
 background:#fff;
 color:#000
}
.bi-file-slider .item {
 -webkit-box-sizing:border-box;
 box-sizing:border-box;
 border:2px solid transparent
}
.bi-file-slider .item.current {
 border-color:#aa3d2e
}
@media(min-width:1600px) and (max-width:1799px) {
 .medina_file_post_author {
  position:relative;
  right:-280px
 }
 .grid.col-6 .grid-item,.grid.col-6 .grid-sizer {
  width:calc(100%/5 - 10px)
 }
 .grid.col-6 .grid-item--width2 {
  width:calc(100%/5 * 2 - 10px)
 }
 .grid.narrow.col-6 .grid-item,.grid.narrow.col-6 .grid-sizer {
  width:calc(100%/5 - 2px)
 }
 .grid.narrow.col-6 .grid-item--width2 {
  width:calc(100%/5 * 2 - 2px)
 }
}
@media(min-width:1200px) and (max-width:1599px) {
 .medina_file_post_author {
  position:relative;
  right:0
 }
 .medina_file_post_author.first {
  top:-160px
 }
 .bi-main .entry-content {
  padding-top:200px;
  padding-right:0;
  padding-left:0;
  padding-bottom:0
 }
 .grid-item,.grid-sizer {
  width:calc(25% - 10px)
 }
 .grid-item--width2 {
  width:calc(50% - 10px)
 }
 .grid.col-6 .grid-item,.grid.col-6 .grid-sizer {
  width:calc(100%/4 - 10px)
 }
 .grid.col-6 .grid-item--width2 {
  width:calc(100%/4 * 2 - 10px)
 }
 .grid.col-7 .grid-item,.grid.col-7 .grid-sizer {
  width:calc(100%/6 - 10px)
 }
 .grid.col-7 .grid-item--width2 {
  width:calc(100%/6 * 2 - 10px)
 }
 .grid.narrow .grid-item,.grid.narrow .grid-sizer {
  width:calc(25% - 2px)
 }
 .grid.narrow .grid-item--width2 {
  width:calc(50% - 2px)
 }
 .grid.narrow.col-6 .grid-item,.grid.narrow.col-6 .grid-sizer {
  width:calc(100%/4 - 2px)
 }
 .grid.narrow.col-6 .grid-item--width2 {
  width:calc(100%/4 * 2 - 2px)
 }
 .grid.narrow.col-7 .grid-item,.grid.narrow.col-7 .grid-sizer {
  width:calc(100%/6 - 2px)
 }
 .grid.narrow.col-7 .grid-item--width2 {
  width:calc(100%/6 * 2 - 2px)
 }
 .three-posts .flex-c-r {
  padding:0 60px
 }
 .post-card .flex-c-r {
  padding:0 6rem 0 0
 }
}
@media(min-width:1201px) and (max-width:1499px) {
 .medina_file_scroll_item {
  width:calc(100%/4)
 }
 .medina_file_post_author {
  position:relative;
  right:0
 }
 .medina_file_post_author.first {
  top:-160px
 }
 .margin-post {
  min-width:230px
 }
 .bi-main .entry-content {
  padding-top:200px;
  padding-right:0;
  padding-left:0;
  padding-bottom:0
 }
 .index-header .data-list {
  display:none
 }
}
@media(max-width:1200px) {
 .bi-main .entry-content {
  padding-top:200px;
  padding-right:0;
  padding-left:0;
  padding-bottom:0
 }
 .index-header .data-list {
  display:none
 }
 .three-posts .flex-c-r {
  padding:0 60px
 }
 .post-card .flex-c-r {
  padding:0 6rem 0 0
 }
 .tow-posts-section img {
  height:auto
 }
 .three-posts {
  margin:60px 0 20px
 }
 .three-posts figure {
  height:auto
 }
 .three-posts figure img {
  display:none
 }
 .three-posts figure figcaption {
  background:#080810!important;
  position:relative;
  height:auto
 }
 .three-posts ul li {
  display:inline-block;
  width:calc(100%/2 - 10px);
  margin-bottom:4rem;
  vertical-align:text-top
 }
 .three-posts .flex-c-r .content {
  max-width:100%
 }
 .uniqe-posts-2 .three-posts {
  position:static;
  opacity:1;
  -webkit-transform:translate(0);
  -ms-transform:translate(0);
  -o-transform:translate(0);
  transform:translate(0);
  width:100%
 }
 .bi-nav-container .nav-list .nav-list-container {
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:center;
  -webkit-justify-content:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -webkit-align-items:center;
  -ms-flex-align:center;
  align-items:center
 }
 .bi-nav-container .nav-list .nav-list-container svg {
  display:none
 }
 .bi-nav-container .nav-list ul {
  height:auto;
  margin:0 60px;
  text-align:center
 }
 .bi-nav-container .nav-list ul li {
  position:static!important;
  float:none;
  display:inline-block;
  margin-left:30px;
  margin-bottom:30px
 }
}
@media(min-width:992px) and (max-width:1199px) {
 .author-items .author-item {
  width:calc(100%/2 - 30px)
 }
 .bi-main .entry-content {
  padding-top:200px;
  padding-right:0;
  padding-left:0;
  padding-bottom:0
 }
 .grid-item,.grid-sizer {
  width:calc(100%/3 - 10px)
 }
 .grid-item--width2 {
  width:calc(100%/3 * 2 - 10px)
 }
 .grid.col-4 .grid-item,.grid.col-4 .grid-sizer {
  width:calc(100%/3 - 10px)
 }
 .grid.col-4 .grid-item--width2 {
  width:calc(100%/3 * 2 - 10px)
 }
 .grid.col-6 .grid-item,.grid.col-6 .grid-sizer {
  width:calc(100%/3 - 10px)
 }
 .grid.col-6 .grid-item--width2 {
  width:calc(100%/3 * 2 - 10px)
 }
 .grid.col-7 .grid-item,.grid.col-7 .grid-sizer {
  width:calc(100%/5 - 10px)
 }
 .grid.col-7 .grid-item--width2 {
  width:calc(100%/5 * 2 - 10px)
 }
 .grid.narrow .grid-item,.grid.narrow .grid-sizer {
  width:calc(100%/3 - 2px)
 }
 .grid.narrow .grid-item--width2 {
  width:calc(100%/3 * 2 - 2px)
 }
 .grid.narrow.col-4 .grid-item,.grid.narrow.col-4 .grid-sizer {
  width:calc(100%/3 - 2px)
 }
 .grid.narrow.col-4 .grid-item--width2 {
  width:calc(100%/3 * 2 - 2px)
 }
 .grid.narrow.col-6 .grid-item,.grid.narrow.col-6 .grid-sizer {
  width:calc(100%/3 - 2px)
 }
 .grid.narrow.col-6 .grid-item--width2 {
  width:calc(100%/3 * 2 - 2px)
 }
 .grid.narrow.col-7 .grid-item,.grid.narrow.col-7 .grid-sizer {
  width:calc(100%/5 - 2px)
 }
 .grid.narrow.col-7 .grid-item--width2 {
  width:calc(100%/5 * 2 - 2px)
 }
}
@media(min-width:768px) and (max-width:991px) {
 .author-items .author-item {
  width:calc(100%/2 - 30px)
 }
 .bi-main .entry-content {
  padding-top:200px;
  padding-right:0;
  padding-left:0;
  padding-bottom:0
 }
 .grid-item,.grid-sizer {
  width:calc(100%/2 - 10px)
 }
 .grid-item--width2 {
  width:calc(100%/2 * 2 - 10px)
 }
 .grid.col-4 .grid-item,.grid.col-4 .grid-sizer {
  width:calc(100%/2 - 10px)
 }
 .grid.col-4 .grid-item--width2 {
  width:calc(100%/2 * 2 - 10px)
 }
 .grid.col-6 .grid-item,.grid.col-6 .grid-sizer {
  width:calc(100%/2 - 10px)
 }
 .grid.col-6 .grid-item--width2 {
  width:calc(100%/2 * 2 - 10px)
 }
 .grid.col-7 .grid-item,.grid.col-7 .grid-sizer {
  width:calc(100%/4 - 10px)
 }
 .grid.col-7 .grid-item--width2 {
  width:calc(100%/4 * 2 - 10px)
 }
 .grid.narrow .grid-item,.grid.narrow .grid-sizer {
  width:calc(100%/2 - 2px)
 }
 .grid.narrow .grid-item--width2 {
  width:calc(100%/2 * 2 - 2px)
 }
 .grid.narrow.col-4 .grid-item,.grid.narrow.col-4 .grid-sizer {
  width:calc(100%/2 - 2px)
 }
 .grid.narrow.col-4 .grid-item--width2 {
  width:calc(100%/2 * 2 - 2px)
 }
 .grid.narrow.col-6 .grid-item,.grid.narrow.col-6 .grid-sizer {
  width:calc(100%/2 - 2px)
 }
 .grid.narrow.col-6 .grid-item--width2 {
  width:calc(100%/2 * 2 - 2px)
 }
 .grid.narrow.col-7 .grid-item,.grid.narrow.col-7 .grid-sizer {
  width:calc(100%/4 - 2px)
 }
 .grid.narrow.col-7 .grid-item--width2 {
  width:calc(100%/4 * 2 - 2px)
 }
}
@media(min-width:480px) and (max-width:767px) {
 .medina_file_scroll_item {
  width:calc(100%/3)
 }
 .col-md-20 {
  width:50%
 }
 .hekayat-head img {
  float:left;
  width:30%;
  margin-top:30px
 }
 .hekaya-menu {
  display:none
 }
 .author-items .author-item {
  width:calc(100%/1 - 30px)
 }
 .index-header .socials2 {
  display:none
 }
 .index-header .logoWrap {
  margin-left:3rem
 }
 .grid-item,.grid-sizer {
  width:calc(100% - 10px);
  height:auto
 }
 .grid-item img,.grid-sizer img {
  height:auto
 }
 .grid-item--width2 {
  width:calc(100% - 10px);
  height:auto
 }
 .grid-item--width2 img {
  height:auto
 }
 .grid.col-4 .grid-item,.grid.col-4 .grid-sizer,.grid.col-6 .grid-item,.grid.col-6 .grid-sizer,.grid.col-7 .grid-item,.grid.col-7 .grid-sizer {
  width:calc(100% - 10px)
 }
 .grid.col-4 .grid-item--width2,.grid.col-6 .grid-item--width2,.grid.col-7 .grid-item--width2 {
  width:calc(100% - 10px)
 }
 .grid.narrow .grid-item,.grid.narrow .grid-sizer {
  width:calc(100% - 2px);
  height:auto
 }
 .grid.narrow .grid-item img,.grid.narrow .grid-sizer img {
  height:auto
 }
 .grid.narrow .grid-item--width2 {
  width:calc(100% - 2px);
  height:auto
 }
 .grid.narrow .grid-item--width2 img {
  height:auto
 }
 .grid.narrow.col-4 .grid-item,.grid.narrow.col-4 .grid-sizer,.grid.narrow.col-6 .grid-item,.grid.narrow.col-6 .grid-sizer,.grid.narrow.col-7 .grid-item,.grid.narrow.col-7 .grid-sizer {
  width:calc(100% - 10px)
 }
 .grid.narrow.col-4 .grid-item--width2,.grid.narrow.col-6 .grid-item--width2,.grid.narrow.col-7 .grid-item--width2 {
  width:calc(100% - 10px)
 }
 .three-posts ul li {
  width:100%
 }
}
@media(max-width:599px) {
 .medina_file_scroll_item {
  width:calc(100%/2)
 }
 .btn-mobile {
  display:block
 }
 .btn-discover {
  display:none
 }
 .hekayat-head img {
  float:left;
  width:50%;
  margin-top:30px
 }
 .hekaya-menu {
  display:none
 }
 .page-header-none h1 {
  padding-right:10px
 }
 .kf-upcoming-event-row .col-6 {
  width:100%
 }
 .padding--60 {
  padding:0!important
 }
 .tow-posts-slide .one-posts figure {
  height:auto
 }
 .bi-file-section .post-card figure figcaption.flex-c-r {
  padding:0 20px
 }
 .bi-file-section .post-card figure figcaption h1 {
  margin-bottom:15px;
  font-size:24px;
  line-height:36px;
  font-family:"fedra serif arabic demi"!important
 }
 .emagic .em_cover_image {
  width:100%
 }
 .emagic .kf-event-header {
  width:100%
 }
 .header-btns .btn-mobile {
  display:block
 }
 a.okayNav__menu-toggle {
  margin:30px 0 0
 }
 .index-header .socials2 {
  display:none
 }
 .index-header .logoWrap {
  display:block;
  margin:0;
  text-align:center;
  max-width:100%
 }
 .index-header .logo {
  float:none;
  display:inline-block;
  margin:0 auto
 }
 .content-wrapper2 {
  padding-right:2rem;
  padding-left:2rem
 }
 .content-wrapper {
  padding:2rem
 }
 .archive_head {
  padding:25px 2rem 10px
 }
 .archive_head h4 {
  margin-left:6rem
 }
 .archive_head ul {
  text-align:center
 }
 .archive_head ul li {
  display:inline-block;
  float:none
 }
 .archive_head ul li a {
  margin:0 0 15px 20px
 }
 .footer-top {
  text-align:center;
  padding:6rem 2rem
 }
 .footer-top .feed-form.form-group .form-control {
  width:100%
 }
 .footer-top .feed-form.form-group input {
  float:none;
  display:inline-block;
  margin-top:2rem
 }
 .subscribe-wrapper {
  padding:5rem 2rem
 }
 .okayNav__nav--invisible {
  top:190px
 }
 .three-posts ul li {
  width:100%;
  font-size:18px
 }
 .tow-posts-section .post-excerpt {
  display:none
 }
 .tow-posts-section figure figcaption h1 {
  font-size:20px;
  margin-bottom:1rem
 }
 .searchWrapper input.sb-search-input {
  width:100%;
  margin:10px 0
 }
 .searchWrapper .select2-container {
  width:100%!important
 }
 button.mfp-arrow {
  display:none
 }
 .post-head figure figcaption .content {
  margin:0 3rem
 }
 .post-head figure figcaption .content h1 {
  font-size:2.4rem
 }
 .post-head .post-meta span {
  display:none
 }
 .post-head .post-meta p {
  float:none;
  width:calc(100%/2 - 10px);
  margin:0 0 2rem;
  display:inline-block
 }
 .post-head .post-meta p:last-of-type {
  text-align:left
 }
 .post-head .post-meta .socials {
  margin:0 auto;
  float:none
 }
}
@media(max-width:480px) {
 .medina_file_scroll_item {
  width:calc(100%/1)
 }
 .medina_file_post_author {
  position:relative;
  right:0;
  top:0;
  margin-bottom:40px;
  text-align:center
 }
 .medina_file_post_author .file-author {
  margin:0 auto
 }
 .file-head .parallax-image {
  height:300px
 }
 .col-md-20 {
  width:100%
 }
 .hekayat-head img {
  float:left;
  width:50%;
  margin-top:30px
 }
 .bi-filter {
  display:none
 }
 .salah-comment {
  padding-top:20px;
  float:right
 }
 .hekaya-menu {
  display:none
 }
 .archive .breadcrumbs {
  padding-right:20px
 }
 .page-header-none h1 {
  padding-right:10px
 }
 .kf-upcoming-event-row .col-6 {
  width:100%
 }
 .padding--60 {
  padding:0!important
 }
 .tow-posts-slide .one-posts figure {
  height:auto
 }
 .bi-file-section .post-card figure figcaption.flex-c-r {
  padding:0 20px
 }
 .bi-file-section .post-card figure figcaption h1 {
  margin-bottom:15px;
  font-size:24px;
  line-height:36px;
  font-family:"fedra serif arabic demi"!important
 }
 .header-btns .btn-mobile {
  font-size:24px
 }
 .header-btns {
  float:left
 }
 .btn-discover {
  display:none
 }
 .navigation .btn-search {
  display:none
 }
 .main-menu {
  display:none
 }
 .author-items .author-item {
  width:calc(100%/1 - 30px)
 }
 .post-card .post-excerpt {
  display:none
 }
 .post-card figure figcaption.flex-b-r {
  padding:2rem
 }
 .post-card:hover .cat-shape {
  margin-top:2rem
 }
 .footer-bottom {
  text-align:center
 }
 .footer-bottom p {
  float:none;
  display:inline-block
 }
 .grid-item,.grid-sizer {
  width:calc(100% - 10px);
  height:auto
 }
 .grid-item img,.grid-sizer img {
  height:auto
 }
 .grid-item--width2 {
  width:calc(100% - 10px);
  padding-right:10px;
  height:300px
 }
 .grid-item--width2 img {
  height:300px
 }
 .grid-item--width2.grid-item--height2 {
  height:auto
 }
 .grid-item--width2.grid-item--height2 img {
  height:auto
 }
 .grid.col-4 .grid-item,.grid.col-4 .grid-sizer,.grid.col-6 .grid-item,.grid.col-6 .grid-sizer,.grid.col-7 .grid-item,.grid.col-7 .grid-sizer {
  width:calc(100% - 10px);
  padding-right:10px
 }
 .grid.col-4 .grid-item--width2,.grid.col-6 .grid-item--width2,.grid.col-7 .grid-item--width2 {
  width:calc(100% - 10px);
  padding-right:10px
 }
 .grid.narrow .grid-item,.grid.narrow .grid-sizer {
  width:calc(100% - 2px);
  height:auto
 }
 .grid.narrow .grid-item img,.grid.narrow .grid-sizer img {
  height:auto
 }
 .grid.narrow .grid-item--width2 {
  width:calc(100% - 2px);
  height:300px
 }
 .grid.narrow .grid-item--width2 img {
  height:300px
 }
 .grid.narrow .grid-item--width2.grid-item--height2 {
  height:auto
 }
 .grid.narrow .grid-item--width2.grid-item--height2 img {
  height:auto
 }
 .grid.narrow.col-4 .grid-item,.grid.narrow.col-4 .grid-sizer,.grid.narrow.col-6 .grid-item,.grid.narrow.col-6 .grid-sizer,.grid.narrow.col-7 .grid-item,.grid.narrow.col-7 .grid-sizer {
  width:calc(100% - 10px);
  padding-right:10px
 }
 .grid.narrow.col-4 .grid-item--width2,.grid.narrow.col-6 .grid-item--width2,.grid.narrow.col-7 .grid-item--width2 {
  width:calc(100% - 10px);
  padding-right:10px
 }
 .video-slider .video-icon {
  width:40px;
  height:40px;
  line-height:35px
 }
 .video-slider h2 {
  margin:0 3rem 1rem;
  font-size:20px
 }
 .bi-nav-container .nav-list ul {
  margin:0 20px
 }
 .bi-nav-container #menu-rand {
  display:none
 }
 .video-post-card h2 {
  font-size:20px!important
 }
 .video-post-card .video-icon {
  width:40px!important;
  height:40px!important;
  line-height:35px!important
 }
 body .vc_row-fluid {
  margin-right:0!important;
  margin-left:0!important
 }
 .tow-posts-section img {
  min-height:200px
 }
 .tow-posts-section.post-section {
  margin-bottom:0
 }
 .vc_row-fluid .vc_column_container .vc_column-inner {
  padding:0!important
 }
 .hekayat-head img {
  float:left;
  width:50%;
  margin-top:10px
 }
 .post-coauthors {
  position:relative;
  margin-bottom:20px;
  right:auto;
  top:auto
 }
 .post-coauthor {
  margin:0 auto
 }
 .one-post-file figure {
  height:auto
 }
 .share-on .footer-socials {
  display:inline-block
 }
 .post-footer .share-on time {
  right:50%
 }
 .share-on .share-shape {
  float:none
 }
 .post-footer .share-on {
  display:inline-block
 }
 .bi-main .entry-content {
  padding-top:50px
 }
 .hekaya-intro .socials {
  float:right
 }
}
.vc_column_container {
 min-height:2px!important
}
.podcast-header{
margin-bottom:50px !important;
}

.base-flex-header{
 display: flex;
 justify-content: flex-end;
 align-items: center;
 margin-top: 15px;
}

.base-flex-header .bi-filter{
 margin: 0;
}

#drop_zone {
 border: 2px dashed #bbb;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
 padding-top: 60px;
 text-align: center;
 font: 20pt bold 'Helvetica';
 color: #bbb;
 height:140px;
}

#progress-container{
 display: none;
}

.back-to {
 display: flex;
 align-items: center;
 justify-content: center;
}

html .hekaya-parent.x2 .back-to h6{
 margin: 0;
 line-height: inherit;
}

.base-form-upload textarea{
 border: 2px solid #6b6b72;
 resize: none;
 height: 230px;
 width: 100%;
}

.base-form-upload textarea{
 border: 2px solid #6b6b72;
 resize: none;
 height: 230px;
 width: 100%;
 color: #fff;
}

.base-form-upload input{
 color: #fff !important;
}

.base-form-upload textarea:focus{
 border-color: #fff;
}

.base-form-upload button{
 background: #fff;
 color: #000;
}

.base-form-upload input[type="file"]{
 margin-bottom: 20px;
}

.hekaya-parent.x2 {
 margin-top: 60px;
}


.post-head figure img {
 width: 100%;
 height: 100%;
 min-height: inherit;
 object-fit: cover;
}