@charset "UTF-8";
@import url(https://fonts.googleapis.com/earlyaccess/droidarabickufi.css);


article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block }
ol, ul { list-style: none }
blockquote, q { quotes: none }
:focus { outline: 0 }
table { border-collapse: collapse; border-spacing: 0; }
img { max-width: 100%; height: auto;height: 300px; }
mark { background: none; }
select {
    height: 25px;
    padding: 0 3px;
    border-radius: 0px;
    cursor: pointer;
    border-color: #e4e4e4 #d2d2d2 #b4b4b4;
    float: left;
    margin-right: 10px;
    border: 0px;
    background: rgba(255, 255, 255, 0.2);
    color: #DDD;
    font-family: 'Droid Arabic Kufi', sans-serif !important;
}
select option {color:#000;}

select { max-width: 100%; }
.size-72 { font-size: 72px; }

.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
  }
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

.col:after,
.clr:after,
.group:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; zoom: 1; }
.col { display: block; float: left; margin: 0 1.6% 2% 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
/*percent grid*/
.span_1_of_1{width:100%}.span_2_of_2{width:100%}.span_1_of_2{width:49.2%}.span_3_of_3{width:100%}.span_2_of_3{width:66.1%}.span_1_of_3{width:32.2%}.span_4_of_4{width:100%}.span_3_of_4{width:74.6%}.span_2_of_4{width:49.2%}.span_1_of_4{width:23.8%}.span_5_of_5{width:100%}.span_4_of_5{width:79.68%}.span_3_of_5{width:59.36%}.span_2_of_5{width:39.04%}.span_1_of_5{width:18.72%}.span_6_of_6{width:100%}.span_5_of_6{width:83.06%}.span_4_of_6{width:66.13%}.span_3_of_6{width:49.2%}.span_2_of_6{width:32.26%}.span_1_of_6{width:15.33%}.span_7_of_7{width:100%}.span_6_of_7{width:85.48%}.span_5_of_7{width:70.97%}.span_4_of_7{width:56.45%}.span_3_of_7{width:41.92%}.span_2_of_7{width:27.42%}.span_1_of_7{width:12.91%}.span_8_of_8{width:100%}.span_7_of_8{width:87.3%}.span_6_of_8{width:74.6%}.span_5_of_8{width:61.9%}.span_4_of_8{width:49.2%}.span_3_of_8{width:36.5%}.span_2_of_8{width:23.8%}.span_1_of_8{width:11.1%}.span_9_of_9{width:100%}.span_8_of_9{width:88.71%}.span_7_of_9{width:77.42%}.span_6_of_9{width:66.13%}.span_5_of_9{width:54.84%}.span_4_of_9{width:43.55%}.span_3_of_9{width:32.26%}.span_2_of_9{width:20.97%}.span_1_of_9{width:9.68%}.span_10_of_10{width:100%}.span_9_of_10{width:89.84%}.span_8_of_10{width:79.68%}.span_7_of_10{width:69.52%}.span_6_of_10{width:59.36%}.span_5_of_10{width:49.2%}.span_4_of_10{width:39.04%}.span_3_of_10{width:28.88%}.span_2_of_10{width:18.72%}.span_1_of_10{width:8.56%}.span_11_of_11{width:100%}.span_10_of_11{width:90.7%}.span_9_of_11{width:81.47%}.span_8_of_11{width:72.24%}.span_7_of_11{width:63.01%}.span_6_of_11{width:53.78%}.span_5_of_11{width:44.55%}.span_4_of_11{width:35.32%}.span_3_of_11{width:26.09%}.span_2_of_11{width:16.86%}.span_1_of_11{width:7.63%}.span_12_of_12{width:100%}.span_11_of_12{width:91.46%}.span_10_of_12{width:83%}.span_9_of_12{width:74.54%}.span_8_of_12{width:66.08%}.span_7_of_12{width:57.62%}.span_6_of_12{width:49.16%}.span_5_of_12{width:40.7%}.span_4_of_12{width:32.24%}.span_3_of_12{width:23.78%}.span_2_of_12{width:15.32%}.span_1_of_12{width:6.86%}
/*clear float and remove left margin*/
.clr-margin { margin-right: 0 }
.count-1 { clear: both; margin-right: 0; }
.col-1,
.col.first { clear: both; margin-right: 0; }
body {direction: rtl; background: #000000; color: #777; overflow-y: auto !important;  font-family: 'Droid Arabic Kufi', sans-serif !important; -webkit-font-smoothing: antialiased; margin: 0px; padding: 0px;}
body a { color: #03A588; text-decoration: none; }
body a:hover {text-decoration: none;}
#main { padding: 5px 0; }
.container { margin: 0 auto; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.left-content { float: right; width: 640px;}
.sidebar-container { float: left; width: 300px; }
#site-name {
  text-align: left;
  padding-left: 35px;
  color: #fff;
}

.site-icon{
  font-size: 45px;
  position: absolute;
  top: 0px;
  left: 0px;
  color: #fff;
}
.clr:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
.clear { clear: both }
/*img { height: 245px; max-width: 100%;object-fit: cover; }*/
blockquote { font-size: 1.4em; line-height: 1.5em; margin-bottom: 30px; position: relative; font-family: 'Georgia'; color:  #555; background: url("images/quote.png") right 4px no-repeat; padding-right: 50px; }
blockquote.left { float: right; margin-right: 0; margin-left: 20px; text-align: left; width: 33%; }
blockquote.right { float: left; margin-right: 20px; margin-left: 0; text-align: right; width: 33%; }
pre { background: #ededed; padding: 20px; margin-bottom: 30px; white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; font-family: 'Verdana'; color: #666; }
address { letter-spacing: 1px; margin: 20px 0; }
ul, ol {
  
    /*  margin: 0 0 1em 1.5em;*/
}
ul {
  list-style: disc;
}
ol {
  list-style-type: decimal;
}
ol ol {
  list-style: upper-alpha;
}
ol ol ol {
  list-style: lower-roman;
}
ol ol ol ol {
  list-style: lower-alpha;
}
ul ul, ol ol, ul ol, ol ul {
  margin-bottom: 0;
}
h1,h2,h3,h4,h5,h6 { font-weight: 600; color: #444; line-height: 1.4em; font-family: 'Droid Arabic Kufi', 'Helvetica Neue', Helvetica, Arial; }

h1 {
  font-size: 1.714em;
  margin: 0 0 20px;
}

h2 {
  font-size: 1.286em;
}
h3 {
  font-size: 1.286em;
}
h4 {
  font-size: 1em;
}
h5 {
  font-size: 0.857em;
}
h6 {
  font-size: 0.714em;
}
p { margin: 0 0 20px }
h1 a, h2 a, h3 a, h4 a { color: #000; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover { color: #54d5a2; text-decoration: none; }
em { font-style: italic }
strong { font-weight: 600; color: #000; }
small { font-size: 80% }
hr { border: solid #eee; border-width: 1px 0 0; clear: both; height: 0; margin: 40px 0; }
#header-wrap { background: #03A588; border-bottom: 1px solid #e4e4e4; box-shadow: 0 0 3px rgba(0,0,0,0.1); }
#header {
    background: #fff;
    width: 100%;
    height: 60px;
    z-index: 4;
    position: relative;
    box-shadow: 0 0 20px rgba(0,0,0,0.05);
}
#header {background: transparent; margin-bottom: -60px; box-shadow: none;}
#header .wrapper {
	width: 100%;
	margin: 0 auto;
	padding: 0 30px;
	box-sizing: border-box;
    display: flex;
    justify-content: space-between;
	max-width: 1060px;
}
#header h1, #header h2 {
    margin-left: 10px;
    margin-bottom: 0;
    display: flex;
    align-items: center;
}
#header h1 a {color: #FFF;}
#header .header-links {
    display: flex;
    align-items: center;
    align-content: center;
}
#header .header-links a {
    font-family: 'Droid Arabic Kufi', sans-serif !important;
    margin: 0 9px;
    color: #F0F0F0;
}
#header.profile_header {
    margin-bottom: 0;
    background: #000000;
    color: #ffff;
}
.text-white {
    color: #000!important;
}
#header.profile_header h1 a {color: #68dfc6;font-size: 20px;font-family: Helvetica Neue,Helvetica,Arial,Liberation Sans,Roboto,Noto,sans-serif;}
#header.profile_header .header-links a, #header.profile_header .header-links .menubutton {color: #fff;}
.cover {
    background: #ddda13 url(/images/cover.jpg) no-repeat center center/cover;
    width: 100%;
    transform: translateZ(0);
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: baseline;
}
.page-home .cover {background: #ddda13;}
.cover .cover-overlay {
    background: linear-gradient(rgba(157,110,245,0.3), rgba(157,110,245,0.7));
    width: 100%;
    height: 100%;
	padding: 80px 0 50px 0;
}
.cover #search-block-form {
    width: 100%;
	max-width: 660px;
    margin: 0 auto;
    padding: 0 30px;
    box-sizing: border-box;
}
.cover .container-inline {display: none;}
.cover .container-inline {
    border-width: 2px;
    border-style: solid;
	border-color: #fff;
    border-radius: 10px;
    margin-bottom: 15px;
    position: relative;
    transition: 0.2s;
}
.cover .container-inline {
    -webkit-backdrop-filter: blur(10px);
    -moz-backdrop-filter: blur(10px);
    -ms-backdrop-filter: blur(10px);
    -o-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    margin: 0;
    display: flex;
    flex-wrap: wrap;
}
.cover .container-inline .form-item {text-align: center; margin: 5px auto;}
.cover .search_block {
    float: none;
    margin-right: 16px;
    display: inline-block;
    vertical-align: middle;
}
.cover .search_block select {}
.cover select {
    background: transparent;
    margin: 0;
    border: none;
    border-radius: 9px;
    box-sizing: border-box;
    font-family: "Open-Sans", Helvetica, Arial, sans-serif;
    font-size: 14px;
    outline: none;
    resize: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
}
.cover .search_block select {
    height: auto;
	color: #FFF;
    margin: 0px 0px 0 7px;
    padding: 3px 6px;
    border-width: 2px;
    border-style: solid;
    border-radius: 20px;
    cursor: pointer;
    z-index: 2;
    position: relative;
    vertical-align: top;
    font-size: 12px;
    transition: 0.2s;
    line-height: 17px;
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
	border-color: #fff;
}

/*logo*/
#logo img { display: block; max-width: 100%; }
#logo a { color: #000; text-decoration: none; }
/*fixed header*/
.is-sticky #header-wrap { width: 100%; overflow: visible !important; z-index: 999; }
#main-menu > ul,
#main-menu > ul * { margin: 0; padding: 0; list-style: none; }
#main-menu > ul li { position: relative }
#main-menu > ul ul { position: absolute; display: none; top: 100%; right: 0; z-index: 10001; }
#main-menu > ul > li { float: left; }
#main-menu > ul li:hover > ul,
#main-menu > ul li.sfHover > ul { display: block }
#main-menu > ul a { display: block; position: relative; }
#main-menu > ul ul ul { top: 0; right: 100%; }
#main-menu > ul { float: left; }
#main-menu > ul ul { min-width: 160px; *width: 160px; }
#main-menu > ul a { zoom: 1 }
#main-menu > ul li { position: relative; white-space: nowrap; *white-space: normal; -webkit-transition: background .2s; transition: background .2s; }
#main-menu > ul li:hover,
#main-menu > ul li.sfHover { -webkit-transition: none; transition: none; }
#main-menu > ul .sf-mega { position: absolute; display: none; top: 100%; right: 0; z-index: 99; }
#main-menu > ul li:hover > .sf-mega,
#main-menu > ul li.sfHover > .sf-mega { display: block }
/*styling*/
#site-navigation-wrap { position: absolute; right: 0; top: 50%; height: 40px; margin-top: -20px; }
#site-navigation #main-menu > ul li { display: block; float: left; height: 40px; line-height: 40px;}
#site-navigation #main-menu > ul > li { margin-left: 25px; }
#site-navigation #main-menu > ul > li:first-child { margin-left:0; }
#site-navigation #main-menu > ul a { color: #fff; font-weight: bold; text-decoration: none; text-align: left; cursor: pointer; }
#site-navigation #main-menu > ul > li > a:hover,
#site-navigation #main-menu > ul > li.sfHover > a,
#site-navigation #main-menu > ul > li > a.active,
#site-navigation #main-menu > ul > li > a.active:hover { color: #fff; }
/*drop-down styles*/
#site-navigation #main-menu > ul ul { background: #fff; font-size: 1em; box-shadow: 0 0 3px rgba(0,0,0,0.1); }
#site-navigation #main-menu > ul ul li a { display: block; color: #03A588; height: auto; line-height: 1.7em; padding: 10px; margin: 0px; border: 0px; text-transform: none; }
#site-navigation #main-menu > ul ul li a.sf-with-ul { padding-left: 23px; }
#site-navigation #main-menu > ul ul li { border-bottom: 1px solid rgba(255, 255, 255, 0.08); line-height: 1.4em; height: auto; float: none; display: block; }
#site-navigation #main-menu > ul ul li > a:hover { color: #03A588 }
#site-navigation #main-menu > ul ul li:last-child { border: none; }
/*arrows*/
#site-navigation #main-menu > ul > li .fa-angle-down { margin-left: 5px }
#site-navigation #main-menu > ul > li ul li .fa-angle-right { position: absolute; top: 50%; left: 15px; height: 20px; line-height: 20px; margin-top: -10px; }

#navigation-toggle, .sidr, #sidr-close { display: none }

.sidebar-container .block { margin-bottom: 30px; }
.sidebar-container .block > h2 { font-size: 1.5em;  margin: 0 0 10px; }
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden; margin: 0; }
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}
.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}
.no-js .slides > li:first-child {display: block;}
/*main*/
.flexslider-container { position: relative; }
.flexslider-container img { display: block; }
#homepage-slider-wrap { max-height: 500px; overflow: hidden; }
#homepage-slider-wrap .flex-direction-nav li a { display: block; z-index: 9; position: absolute; top:50%; margin-top: -35px; height: 70px; line-height: 70px; width: 50px; text-align: center; opacity: 0.8; background: #000; color: #fff; font-size: 21px; }
#homepage-slider-wrap .flex-direction-nav li a:hover { opacity: 1; background: #54d5a2; color: #fff; text-decoration: none; }
#homepage-slider-wrap .flex-direction-nav li a.flex-prev { right: 0; }
#homepage-slider-wrap .flex-direction-nav li a.flex-next { left: 0; }
.homepage-slide-inner { position: relative; }
.homepage-slide-content { display: block; position: absolute; top: 50px; right: 0; z-index: 9999; }
.homepage-slide-title { font-weight: bold; float: right; background: #222; color:  #fff; font-size: 1.5em; padding: 15px 20px; text-transform: uppercase; }
.homepage-slide-caption { float: right; margin-top: 10px; background: #31c68b; font-size: 1.25em; font-weight: 600; color: #fff; padding: 10px; }

#breadcrumbs {
  font-size: 11px;
  margin: 5px;
}
.node h2.title{
  font-size: 1.750em;
  margin: 0;
}

h1.page-title {
  margin: 5px 0 10px;
  font-size: 2em;
}

#content .node-teaser {
  border-bottom: 1px solid #ddd;
  margin-bottom: 30px;
  padding-bottom: 30px;
}

.node-teaser img {
  border: 1px solid #CCCCCC;
  padding: 6px;
  height: auto;
  max-width: 97.4%;
  margin: 0.5em 0 0.5em 1em;
  float: right;
}
.page-node #content-wrap img {
}

.node-teaser p {
  margin-bottom: 1em;
}

.region-content-top {
  margin: 15px 0 20px;
}

#preface-wrap .block > h2,
.region-content-top .block > h2 {
  font-size: 1.5em;
  margin: 0 0 10px;
}

/* Preface
================================================== */
#preface-wrap { padding: 40px 0 0; }
#preface-wrap .block { margin-bottom: 20px }
#preface-wrap .span_1_of_3.col-1 { padding-left: 10px; }
#preface-wrap .span_1_of_3.col-2 { padding-right: 5px; padding-left: 5px; }
#preface-wrap .span_1_of_3.col-3 { padding-right: 10px; }

/* Footer
================================================== */
#footer-wrap { background: #222; padding: 50px 0 0; }
#footer-wrap input[type="text"],
#footer-wrap input[type="search"] { border:  none; }
#footer-wrap a { color: #bbb; }
#footer-wrap a:hover { color: #54d5a2; text-decoration: none; }
#footer-wrap .block > h2 { color:  #fff; font-size: 1.25em; margin: 0 0 15px; }
#footer-wrap .block > h2 span { background: #222; padding-right: 10px; }
#footer-wrap .block { margin-bottom: 30px }
#footer-wrap .span_1_of_3.col-1 { padding-left: 10px; }
#footer-wrap .span_1_of_3.col-2 { padding-right: 5px; padding-left: 5px; }
#footer-wrap .span_1_of_3.col-3 { padding-right: 10px; }
.footer-block > ul > li { padding: 2px 0; border-bottom: 1px solid #333; }
.footer-block > ul > li:first-child { border-top: 1px solid #333; }
#copyright-wrap { background: #111; padding: 20px 0; color: #888; text-align: center; }
#copyright-wrap a { color: #fff; }

/*aligns*/
.aligncenter { display: block; margin: 0 auto; }
.alignright { float: left; margin: 0 20px 10px 0; }
.alignleft { float: right; margin: 0 0 10px 20px; }
/*floats*/
.floatleft { float: right }
.floatright { float: left }
/*text style*/
.textcenter { text-align: center }
.textright { text-align: left }
.textleft { text-align: right }

/* -------------- Form Elements  ------------- */

fieldset { background: #ffffff; border: 1px solid #cccccc; margin-top: 10px; margin-bottom: 32px;
padding: 0 0 10px; position: relative; top: 12px; /* Offsets the negative margin of legends */
-khtml-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }

.fieldset-wrapper { margin-top: 25px; }

.node-form .vertical-tabs .fieldset-wrapper { margin-top: 0; }

.filter-wrapper { top: 0; padding: 1em 0 0.2em;
-khtml-border-radius-topleft: 0; -khtml-border-radius-topright: 0; -moz-border-radius-topleft: 0; -moz-border-radius-topright: 0;
-webkit-border-top-right-radius: 0; -webkit-border-top-left-radius: 0; border-top-right-radius: 0; border-top-left-radius: 0; }

.filter-help a { font-size: 0.857em; padding: 2px 20px 0; }

.filter-wrapper .form-item label { margin-left: 10px; }

.filter-wrapper .form-item { padding: 0 0.5em 0.5em 0; }

.filter-guidelines { padding: 0 0.5em 0 1.5em; }

fieldset.collapsed { background: transparent; -khtml-border-radius: 0; -moz-border-radius: 0;  -webkit-border-radius: 0; border-radius: 0; }

fieldset legend { background: #dbdbdb; border: 1px solid #ccc; border-bottom: none; display: block; height: 2em;
right: -1px; line-height: 2; padding: 0; position: absolute; text-indent: 10px; text-shadow: 0 1px 0 #fff; top: -12px; width: 100%;
-khtml-border-radius-topright: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; 
-khtml-border-radius-topleft: 4px; -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; }

fieldset.collapsed legend { -khtml-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }

fieldset .fieldset-wrapper { padding: 0 10px; }

fieldset .fieldset-description { margin-top: 5px; margin-bottom: 1em; line-height: 1.4; font-style: italic; }

input { margin: 2px 0; padding: 4px; }

input, textarea {  font-size: 0.929em; }

textarea { line-height: 1.5; }

textarea.form-textarea, select.form-select { padding: 4px; }

input.form-text, textarea.form-textarea, select.form-select { border: 1px solid #ccc; }

.password-suggestions ul li { margin-right: 1.2em; }

.form-item { margin-bottom: 1em; margin-top: 2px; }

.form-item label { font-size: 0.929em; }

.form-type-radio label, .form-type-checkbox label { margin-right: 4px; }

.form-type-radio .description, .form-type-checkbox .description { margin-right: 2px; }

.form-actions { padding-top: 10px; }

.contact-form #edit-name { width: 100%;
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
-khtml-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }

.contact-form #edit-mail { width: 100%;
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
-khtml-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }

.contact-form #edit-subject { width: 100%;
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
-khtml-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }

.contact-form #edit-message { width: 100%;
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
-khtml-border-top-right-radius: 4px; -khtml-border-top-left-radius: 4px; -moz-border-radius-topright: 4px;
-moz-border-radius-topleft: 4px; -webkit-border-top-right-radius: 4px; -webkit-border-top-left-radius: 4px;
border-top-right-radius: 4px; border-top-left-radius: 4px; }

.contact-form .resizable-textarea .grippie {  width: 100%;
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
-khtml-border-bottom-right-radius: 4px; -khtml-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px;
-moz-border-radius-bottomleft: 4px; -webkit-border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; }

/* Comment form */

.comment-form label { float: right; font-size: 0.929em; }

.comment-form input, .comment-form .form-select { margin: 0; 
-khtml-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }

.comment-form .form-type-textarea label { float: none; }

.comment-form .form-item,
.comment-form .form-radios,
.comment-form .form-type-checkbox,
.comment-form .form-select { margin-bottom: 10px; overflow: hidden; }

.comment-form .form-type-checkbox,
.comment-form .form-radios { margin-right: 120px; }

.comment-form .form-type-checkbox label,
.comment-form .form-radios label { float: none; margin-top: 0; }

.comment-form input.form-file { width: auto; }

.comment-form .form-text { display: block; margin: 0; width: 100%;
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.comment-form .form-item .description { font-size: 0.786em; line-height: 1.2; margin-right: 120px; }

#content h2.comment-form { margin-bottom: 0.5em; }

.comment-form .form-textarea { -khtml-border-radius-topright: 4px; -khtml-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px; -moz-border-radius-topleft: 4px;
-webkit-border-top-right-radius: 4px; -webkit-border-top-left-radius: 4px;
border-top-right-radius: 4px; border-top-left-radius: 4px; }

.comment-form fieldset.filter-wrapper .fieldset-wrapper,
.comment-form .text-format-wrapper .form-item { margin-top: 0; margin-bottom: 0; }

.filter-wrapper label { width: auto; float: none; }

.filter-wrapper .form-select { min-width: 120px; }

.comment-form fieldset.filter-wrapper .tips { font-size: 0.786em; }

#comment-body-add-more-wrapper .form-type-textarea label { margin-bottom: 0.4em; }

#edit-actions input { margin-left: 0.6em; }

/* Other Overrides */

div.password-suggestions { border: 0; }

.ui-widget-overlay { background: #222222; opacity: 0.7; }

div.vertical-tabs .vertical-tabs-panes fieldset.vertical-tabs-pane { padding: 1em; }

#forum .name { font-size: 1.083em; }

#forum .description { font-size: 1em; }

/* Form Buttons */

button:not(.btn),
input[type="submit"],
input[type="reset"],
input[type="button"] {
/* IE10 */ 
background-image: -ms-linear-gradient(top, #FFFFFF 0%, #E3E3E3 100%);
/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(top, #FFFFFF 0%, #E3E3E3 100%);
/* Opera */ 
background-image: -o-linear-gradient(top, #FFFFFF 0%, #E3E3E3 100%);
/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0, #FFFFFF), color-stop(1, #E3E3E3));
/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #E3E3E3 100%);
/* Proposed W3C Markup */ 
background-image: linear-gradient(top, #FFFFFF 0%, #E3E3E3 100%);
/* IE6-9 */ 
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#E3E3E3');

border: 1px solid #dbdbdb;
-moz-border-radius: 6px; -webkit-border-radius: 6px; -o-border-radius: 6px; -ms-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px;
-moz-box-shadow: inset 0 1px 0 0 white; -webkit-box-shadow: inset 0 1px 0 0 white; -o-box-shadow: inset 0 1px 0 0 white; box-shadow: inset 0 1px 0 0 white;
color: #333333; text-shadow: 0 1px 0 white; position: relative; font-weight:bold; padding: 4px .8em 5px .8em; font-size: 13px; }

button:not(.btn):hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover {
/* IE10 */ 
background-image: -ms-linear-gradient(top, #DBDBDB 0%, #F2F2F2 100%);
/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(top, #DBDBDB 0%, #F2F2F2 100%);
/* Opera */ 
background-image: -o-linear-gradient(top, #DBDBDB 0%, #F2F2F2 100%);
/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0, #DBDBDB), color-stop(1, #F2F2F2));
/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(top, #DBDBDB 0%, #F2F2F2 100%);
/* Proposed W3C Markup */ 
background-image: linear-gradient(top, #DBDBDB 0%, #F2F2F2 100%);
/* IE6-9 */ 
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#DBDBDB', endColorstr='#F2F2F2');

-moz-border-radius: 6px; -webkit-border-radius: 6px; -o-border-radius: 6px; -ms-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px;
-moz-box-shadow: inset 0 1px 0 0 white;
-webkit-box-shadow: inset 0 1px 0 0 white;
-o-box-shadow: inset 0 1px 0 0 white;
box-shadow: inset 0 1px 0 0 white;
cursor: pointer; }

button.full-width,
input[type="submit"].full-width,
input[type="reset"].full-width,
input[type="button"].full-width { 
width: 100%; padding-right: 0 !important; padding-left: 0 !important; text-align: center; }


#block-search-form {
    padding-bottom: 7px;
    margin: 12px;
    border-bottom: 1px solid rgba(255,255,255,0.1) !important;
    color: #DDD;
    font-family: 'Droid Arabic Kufi', sans-serif !important;
}
#block-search-form h5 {
	color: #DDD;
    font-size: 17px;
    font-weight: 100;
	font-family: 'Droid Arabic Kufi', sans-serif !important;
}

#block-search-form .content { margin-top: 0; }

#search-form input#edit-keys,
#block-search-form .form-item-search-block-form input { float: left; font-size: 1em; height: 1.143em; margin-right: 5px; width: 20em; }

#search-block-form input.form-submit,
#search-form input.form-submit { margin-left: 0; margin-right: 0; height: 25px; padding: 0; cursor: pointer;
 border-color: #e4e4e4 #d2d2d2 #b4b4b4; background: url(images/search-button.png) no-repeat center top; overflow: hidden; }

#search-form input.form-submit:hover,
#search-form input.form-submit:focus { background-position: center bottom; }
#search-block-form input.form-submit {
	color: #fff;
	border-color: #fff;
	height: auto;
	padding: 8px 16px;
    font-family: 'Droid Arabic Kufi', sans-serif !important;
	transition: 0.15s;
	vertical-align: middle;
	cursor: pointer;
	border-width: 1px;
	border-style: solid;
	border-radius: 10px;
	display: inline-block;
	text-decoration: none;
	font-size: 13px;
	text-shadow: inherit;
	font-weight: bold;
	text-transform: uppercase;
}
#search-block-form input.form-submit:hover,
#search-block-form input.form-submit:focus {background: #fff;
color: #505050;}

#search-form .form-item-keys label { display: block; }


ol.search-results { padding-right: 0; }

.search-results li { border-bottom: 1px solid #d3d7d9; padding-bottom: 0.4285em; margin-bottom: 0.5em; }

.search-results li:last-child { border-bottom: none; padding-bottom: none; margin-bottom: 1em; }

.search-results .search-snippet-info { padding-right: 0; }


.meta {
  font-weight: 400;
  font-size: 0.929em;
  margin: 5px 0 10px 0;
}

.meta a {
  color: #999;
}
.meta a:hover {
  color: #000;
}
.meta li {
  display: inline;
  margin-left: 5px;
  margin-left: 10px;
}
.meta strong{
  font-weight: 600;
  color: #111;
}
.meta li:last-child {
  margin-left: 0;
  padding-left: 0;
  background: none;
}
.links li a {
  background-color: #E7E5E3;
  color: #100100;
  padding: 4px 5px;
  border-radius: 4px;
  text-shadow: -1px 1px #fff;
  font-weight: normal;
}

.links li a:hover {
  background-color: #D7D5D3;
  color: #100101;
}
#content table.cke_editor {
  background: transparent;
  border: 0;
}
#content table.cke_editor td {
  background: transparent;
  padding: 0;
  border: 0;
}
.poll .vote-form .choices .title {
  font-size: 14px;
  font-weight: normal;
  line-height: 2;
}

.poll .vote-form .choices {
  margin: 0;
}

.form-item label {
  font-size: 13px;
  font-weight: bold;
}
.item-list ul {
  margin: 0;
  padding: 0 0 0 1.5385em;
}

.item-list ul li {
  margin: 0;
  padding: 0;
}

ul.menu li {
  margin: 0;
  padding: 0;
}

ul.inline {
  clear: both;
}

ul.inline li {
  margin: 0;
  padding: 0;
}
.tabs-wrapper {
  border-bottom: 1px solid #b7b7b7;
  margin: 0 0 5px 0;
}

ul.primary {
  border: none;
  margin: 0;
  padding: 0;
}

ul.primary li a {
  background: none;
  border: none;
  display: block;
  float: right;
  line-height: 1.5385em;
  margin: 0;
  padding: 0 1em;
  border-radius: 4px 4px 0 0;
  margin-left: 5px;
}

ul.primary li a:hover, ul.primary li a.active {
  background: #666;
  border: none;
  color: #fff;
}

ul.primary li a:hover {
  background: #888;
  text-decoration: none;
}

ul.secondary {
  background: #666;
  border-bottom: none;
  clear: both;
  margin: 0;
  padding: 0;
}

ul.secondary li {
  border-left: none;
}

ul.secondary li a, ul.secondary li a:link {
  border: none;
  color: #ccc;
  display: block;
  float: right;
  line-height: 1.5385em;
  padding: 0 1em;
}

ul.secondary li a:hover, ul.secondary li a.active {
  background: #888;
  color: #fff;
  text-decoration: none;
}

ul.secondary a.active {
  border-bottom: none;
}

ul.inline, ul.links.inline {
  margin-right: 0;
}
.field-name-field-tags {
  margin: 0 0 10px 0;
}

.field-name-field-tags a{
  background: #54d5a2;
  margin-left: 5px;
  margin-bottom: 5px;
  border-radius: 2px;
  color: #fff;
  font-size: 0.929em;
  padding: 2px 6px;
  display: inline-block;
}

.field-name-field-tags a:hover{
  background: #111;
  color: #fff;
}

.field-name-field-tags div {
  display: inline;
}
.profile {
  margin: 1.5385em 0;
}

.profile dd {
  margin-bottom: 1.5385em;
}

.profile h3 {
  border: none;
}

.profile dt {
  margin-bottom: 0;
}

.password-parent {
  width: 36em;
}
.comment h2.title { margin-bottom: 1em; }

.comment div.user-picture img { margin-right: 0; }

.comment { margin-bottom: 20px; display: table; vertical-align: top; }

.comment .attribution { display: table-cell; padding: 0 0 0 35px; vertical-align: top; overflow: hidden; }

.comment .attribution img { margin: 0; border: 1px solid #d3d7d9; }

.comment .attribution .username { white-space: nowrap; }

.comment .comment-submitted p { margin: 4px 0; font-size: 1.071em; line-height: 1.2; }

.comment .comment-submitted .comment-time { font-size: 0.786em; }

.comment .comment-submitted .comment-permalink { font-size: 0.786em; text-transform: lowercase; }

.comment .content { font-size: 0.929em; line-height: 1.6; }

.comment .comment-arrow { background: url(images/comment-arrow.gif) no-repeat 100% center transparent;
border-right: 1px solid; border-left: 1px solid; height: 40px; margin-right: -36px; margin-top: 15px; position: absolute; width: 20px; }

.comment .comment-text { padding: 0 35px 10px 25px; display: table-cell; vertical-align: top; position: relative; width: 100%; border-right: 1px solid #d3d7d9; }

.comment .indented { margin-right: 40px; }

.comment-unpublished { margin-left: 5px; padding: 5px 5px 5px 2px; }

.comment .comment-text .comment-arrow { border-right: 1px solid #f6f6f6; border-left: 1px solid #f6f6f6; }
.item-list .pager {
}

.item-list .pager li {
  background: #cfcfcf;
  border-radius: 3px;
  margin-left: 4px;
  text-shadow: -1px 1px #fff;
}

/*-------------------------------------------*
/* Forum
/*-------------------------------------------*/
.field-name-taxonomy-forums div {
  display: inline;
  margin-top: 4px;
}

.field-name-taxonomy-forums .field-items {
}

#forum .title {
  font-size: 16px;
}

#forum .submitted {
  font-size: 12px;
  font-family: Lucida Grande, Verdana, Arial, sans-serif;
  background: transparent;
  padding: 0;
}

#forum .container {
  background: #a1a1a1;
  color: #fff;
}

#forum .container a {
  color: #000;
  font-weight: bold;
}

#forum div.indent {
  margin-right: 2px;
}

.forum-starter-picture {
  float: right;
  padding: 4px;
  border: 1px solid #d9d9d9;
  margin: 5px 0 5px 7px;
}

#forum th {
  background: #434343;
  text-shadow: none;
  color: #fff;
}

#forum th a {
  color: #fff;
}

#forum td.forum .icon, #forum .icon div {
  background: url(images/no-new-posts.png) no-repeat;
  width: 35px;
  height: 35px;
}

#forum .name a{ 
  font-size: 16px;
}

.slideout-menu {
  position: fixed;
  top: 0;
  bottom: 0;
  width: 256px;
  min-height: 100vh;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  z-index: 0;
  display: none;
}

.slideout-menu-left {
  right: 0;
}

.slideout-menu-right {
  left: 0;
}

.slideout-panel {
  position: relative;
  z-index: 1;
  background-color: #FFF; /* A background-color is required */
  min-height: 100vh;
}

.slideout-open,
.slideout-open body,
.slideout-open .slideout-panel {
  overflow: hidden;
}

.slideout-open .slideout-menu {
  display: block;
}
 
 
.snapbulk-menu {
  margin: 10px;
  overflow: hidden;
  background-color: #FFF;
  border: 1px solid #DDD;
  border-radius: 6px;
}

.snapbulk-menu ul {
  padding-right: 0;
  margin: 0;
  list-style: none;
  background-color: #fff;
}

.snapbulk-menu ul li {
  position: relative;
  padding: 11px 65px 11px 15px;
  overflow: hidden;
  border-bottom: 1px solid #ddd;
}

.snapbulk-menu ul li::before {
    font-family: FontAwesome;
    content: "";
    position: absolute;
    right: 15px;
}

.snapbulk-menu ul li:last-child {
  border-bottom: 0;
}
.snapbulk-menu ul li > a {
  position: relative;
  display: block;
  padding: inherit;
  margin: -11px -65px -11px -15px;
  overflow: hidden;
  color: #000;
}
.snapbulk-menu ul li > a:active {
  background-color: #eee;
}
.snapbulk-menu ul li p {
  margin-bottom: 0;
}


.team { float: left; width: 100%; display:table; }
.team:first-child { margin-top: -10px; }
.team .memberwrap { float: left; width: 50%; text-align: left; margin-bottom: 64px; text-decoration: none; display:table-cell;  box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; position:relative; }
.team .memberwrap .memberinnerbox {}
.team .memberwrap .memberinnerbox .blurrymemberbox {
    -webkit-filter: blur(4px);
    filter: blur(4px);
}

.team .member { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; position:relative; padding: 30px 20px 10px; background: #fefefe; padding-bottom: 10px; border: 1px solid #e5e5e5; margin: 10px; min-height: 252px; }
.team .member:hover { background-color: #eee; }
.team .member .memberbox {}
.team .member .memberbox .memberboximg {}
.team .member img { height: 183px;-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; width:100%;}
.team .member h4 { margin-top: 11px; margin-bottom: 0px; font-size: 20px; line-height: 20px; text-transform: none; font-weight: 300; text-align: left; }
.team .member h5 { font-weight: normal; color: #bbb; font-size: 13px; margin-top: 4px; margin-bottom: 10px; line-height: 20px; }



@media (min-width: 992px) {
.cards_member .col-md-4:nth-of-type(3n+3) + script {
    clear: both;
    display: block;
    height: 1px;
    width: 100%;
    overflow: hidden;
}
.cards_member .col-md-4:nth-of-type(3n+3):before {clear: both;}
}
.member_wrap {background: #ffffff; margin-bottom: 30px; transition: 0.2s, opacity 10s; cursor: pointer; position: relative;}
.member_wrap:hover {
    z-index: 2;
    box-shadow: 0 20px 30px rgba(0,0,0,0.1);
    transform: scale(1.05);
}
.member_wrap .member_image {position: relative;}
.member_wrap .member_image .member_centent {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    right: 0;
    left: 0;
    background: rgb(0 0 0 / 8%);
}
.member_wrap .member_image .member_centent:hover {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    right: 0;
    left: 0;
    background: rgb(0 0 0 / 3%);
}


.member_wrap .member_image .member_centent .icon {
    position: absolute;
    top: 10px;
    left: 10px;
    cursor: pointer;
    font-size: 23px;
    color: #FFF;
    line-height: 0;
    opacity: 0.5;
}
.member_wrap .member_image .member_centent .icon:hover {opacity: 1;}
.member_wrap .member_image .content {
    background: rgba(0, 0, 0, 0.42);
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    text-align: center;
    padding: 20px;
}
.info {line-height: 15px; color: #FFF;}
.info .firest_name a {
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
    font-family: 'Droid Arabic Kufi', sans-serif !important;
    color: #FFF;
}
.info .location {
    margin-top: 5px;
    font-size: 13px;
    color: rgba(255,255,255,0.7);
}
.info .location a {color: rgba(255,255,255,0.7); font-family: 'Droid Arabic Kufi', sans-serif !important;}
.member_content {    display: none;padding: 57px 13px; /* display: flex; */}
.member_content > div {
    /* width: 50%; */ 
    display: block;
    float: right;
    text-align: center;
	font-family: 'Droid Arabic Kufi', sans-serif !important;
	color: rgba(80,80,80,0.6);
	line-height: 16px;
	
	
	
	
	
	/* اختصار */ 
	
	
	  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  
  
  
    hyphens: auto;

  
  
  
  
  
  
}
.member_content > div:not(:first-child) {/* border-left: 1px solid rgba(80,80,80,0.5); */padding: 0px 5px;}
.member_content > div a,.member_content > div button {color: rgba(80,80,80,0.6);}
.member_content > div span {display: block;}
.member_wrap .onclick_pic {position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; cursor: pointer;}
.member_wrap_inner {display: none; transition: 0.5s;}
.member_wrap_inner.opened {
    background: rgba(0,0,0,0.6);
    width: 100%;
    height: 100%;
    padding: 30px;
    top: 0;
    right: 0;
    z-index: 1000;
	display: inherit !important;
    position: fixed;
    overflow: scroll;
    box-sizing: border-box;
    animation: card-modal 0.5s 1;
	transition: 0.5s;
}
.member_wrap_inner .btn-close {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    cursor: pointer;
}
.member_wrap_inner .member_wrap {
    width: 100%;
 /* max-width: 350px; */ 
    margin: 0 auto;
    background: #FFF;
	transform: scale(1);
    box-shadow: 0 20px 30px rgba(0,0,0,0.3);
    cursor: default;
	text-align: center;
    transition: 0.5s;
}
.member_wrap_inner .member_wrap .member_content > div {width: 33.3333333333%; border-left: 0px none !important; border-right: 1px solid rgba(80,80,80,0.5);}
.member_wrap_inner .member_wrap .member_content > div:last-child {
    border-right: 0px solid rgba(80,80,80,0.5);
}
.member_wrap_inner .member_wrap .snapcode {
  /* max-width: 350px; */ 
    display: inline-block;
    margin: 15px auto;
}
.member_wrap_inner .member_wrap .share {opacity: 1; padding-bottom: 30px;}
.member_wrap_inner .member_wrap .share span {
    margin-bottom: 10px;
	font-family: 'Droid Arabic Kufi', sans-serif !important;
    display: block;
    font-size: 10px;
    font-weight: bold;
    color: #505050;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.member_wrap_inner .member_wrap .share a {
    margin: 0 4px;
    color: #8f8f8f;
	font-size: 20px;
    vertical-align: middle;
    display: inline-block;
}
.member_wrap_inner .member_wrap .share a:hover {color: #505050;}

.member_wrap.open {opacity: 0;}
.profile_page {
    background: #fefefe;
}
.profile_page .member_wrap_inner {display: block !important;}
.profile_page .member_wrap_inner .member_wrap .member_content > div {width: 50%;}



@keyframes card-modal{0%{background:transparent}100%{background:rgba(0,0,0,0.6)}}


.dummy { margin-top: 100%; } 
.membercontainer { display: inline-block; position: relative; width: 100%; margin-bottom: 64px; z-index: 20; } 
.memberinnerbox { position: absolute; top: 0; bottom: 0; right: 2%; left: 2%; width: 96%; overflow: hidden; z-index: 21; } 
.blurrymemberbox { position: absolute; top: 0; right: 0; width: 100%; height: 100%; background-size: cover; background-position: center center; z-index: 22; } 
.memberboxinfo { position: absolute; top: 0; bottom: 0; right: 2%; left: 2%; width: 96%; height: 100%; overflow: hidden; background-color: rgba(0,0,0,0.4); z-index: 23; } 
.memberboxdetails { position: absolute; top: 100%; bottom: 0; right: 2%; left: 2%; width: 96%; height: 60px; overflow: hidden; background: rgba(0,0,0,0.3); border-top: none !important; line-height: 22px; color: #999999; font-size: 13px; padding: 8px 10px 10px 10px; z-index: 24; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; }
.memberboxdetails h5 {
    line-height: 22px;
    color: #999999;
    font-size: 13px;
	font-weight: 100;
	margin: 0px;
}
.memberboxdetails p a {
    color: #999999;
    text-decoration: none;
	font-size: 10px;
	line-height: 22px;
}
.memberboxdetails small { font-size: 10px; } 
.memberboximgart { width: 60%; height: 60%; border-radius: 100%; overflow: hidden; margin-right: auto; margin-left: auto; margin-top: 25px; background-size: cover; background-position: center center; } 
.memberboxname { text-align: center; direction: ltr; padding-top: 8%; font-size: 14px; color: #DDDDDD; text-shadow: 0px 0px 3px #000000; }

.view-content {}
.view-content .member_wrap {
    border-bottom: 1px solid rgba(255,255,255,0.1) !important;
    margin-left: 12px;
    margin-right: 12px;
    padding: 5px;
}
.view-content .member_wrap .member_image {
    float: left;
    width: 50px;
	position: relative;
	margin-right: 10px;
	height: 50px;
}
.view-content .member_wrap .member_image img {
    height: 100%;
    width: 100%;
    border-radius: 50%;
}
.view-content .member_wrap .member_image img.bg_img {
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%;
    height: 100%;
    width: 100%;
}
.view-content .member_wrap .member_content {
    float: left;
    width: calc(100% - 60px);
}
.view-content .member_wrap .member_content .member_content_right {float: left;}
.view-content .member_wrap .member_content .member_content_right p {margin: 0px;}
.view-content .member_wrap .member_content .member_content_right p a {
    font-size: 16px;
    color: #DDD;
    font-family: 'Droid Arabic Kufi', sans-serif !important;
}
.view-content .member_wrap .member_content .member_content_right small {display: inline-block;}
.view-content .member_wrap .member_content .member_content_right small a {color: #929292;}
.view-content .member_wrap .member_content .member_content_left {float: right;}
.view-content .member_wrap .member_content .member_content_left a {
    display: inline-block;
    vertical-align: middle;
    font-size: 24px;
    color: #DDD;
    padding: 0px 0px 0px 4px;
    text-align: center;
}
.view-content .member_wrap .member_content .member_content_left a .sminfo {
    margin-top: -6px;
    font-size: 10px;
    text-align: center;
	font-family: 'Droid Arabic Kufi', sans-serif !important;
}
@media (max-width: 767px) {
    .view-content .member_wrap .member_content .member_content_right  small {
        display: inline-block;
        white-space: nowrap;
        max-width: 75px;
        overflow: hidden;
        text-overflow: ellipsis;
        vertical-align: middle;
    }
    .view-content .member_wrap .member_content .member_content_right  p {
        white-space: nowrap;
        max-width: 150px;
        overflow: hidden;
        text-overflow: ellipsis;
        vertical-align: middle;
    }
	.view-content .member_wrap .member_content .member_content_right p a {
		font-size: 16px;
		color: #DDD;
		font-family: 'Droid Arabic Kufi', sans-serif !important;
		max-width: 130px;
		white-space: nowrap;
		text-overflow: ellipsis;
		display: inline-block;
		overflow: hidden;
		vertical-align: middle;
	}
}
ul.teamsocial { margin: 0; padding: 0; width: 100%; height: 24px; margin-bottom: 14px; margin-top: -10px; }
.teamsocial li { float: left; display: inline; margin: 0; padding: 0; margin-right: 3px; }
.teamsocial li:last-child { margin-right: 0;clear:right; }
.teamsocial li a { float: left; height: 24px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; opacity: 1; background: #fefefe; -webkit-transition: all 0.1s; -moz-transition: all 0.1s; -o-transition: all 0.1s; -ms-transition: all 0.1s; }
.teamsocial .s_icon { font-size: 14px; color: #666; background: transparent; text-align: center; width: 24px; padding-top: 2px; -webkit-transition: all 0.1s; -moz-transition: all 0.1s; -o-transition: all 0.1s; -ms-transition: all 0.1s; }
.teamsocial li a:hover .s_icon { color: #fff; }
.teamsocial li a.so_mail:hover { background: #000; border: 0px solid #fff; filter: none; }
.teamsocial li a.so_phone:hover { background: #000; border: 0px solid #fff; filter: none; }
.teamsocial li a.so_fb:hover { background: #4672b3; border: 0px solid #fff; filter: none; }
.teamsocial li a.so_tw:hover { background: #099bcc; border: 0px solid #fff; filter: none; }
.teamsocial li a.so_gp:hover { background: #da4a38; border: 0px solid #fff; filter: none; }
.teamsocial li a.so_pi:hover { background: #c32524; border: 0px solid #fff; filter: none; }
.teamsocial li a.so_vi:hover { background: #8bb225; border: 0px solid #fff; filter: none; }
.teamsocial li a.so_yt:hover { background: #cb322c; border: 0px solid #fff; filter: none; }
.teamsocial li a.so_li:hover { background: #2e8cc2; border: 0px solid #fff; filter: none; }
.teamsocial li a.so_rs:hover { background: #e97633; border: 0px solid #fff; filter: none; }

.team.solo .memberwrap { width:100%; }

.span4 {
  float: right;
  width: 33%;
}

.span8 {
  float: right;
  width: 66%;
}

.thumbnail {
  margin: 10px;
  background-color: #FFF;
  border: 1px solid #DDD;
  border-radius: 6px;
  padding: 5px;
}

.thumbnail img {
  border: 0 !important;
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  margin-bottom: -5px !important;
}

.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
  color: #3C763D;
  background-color: #DFF0D8;
  border-color: #D6E9C6;
}

.panel {
  margin-bottom: 20px;
  background-color: #FFF;
  border: 1px solid transparent;
  border-radius: 4px;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
}

.panel-warning {
  border-color: #FAEBCC;
}

.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}

.panel-warning > .panel-heading {
  color: #8A6D3B;
  background-color: #FCF8E3;
  border-color: #FAEBCC;
}

.panel-title {
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 14px;
    color: inherit;
}

.panel-body {
    padding: 15px;
    text-align: center;
    font-size: 20px;
    color: #000;
}

.snap-panel {
  margin-bottom: 20px;
  background-color: #FFF;
  border: 3px solid #777;
  border-radius: 15px;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
  padding: 15px;
  text-align: center;
  margin-top: 75px;
}

.snap-panel .snap-code {
  width: 150px;
  margin: -78px auto 5px;
  display: block;
}

.snap-panel .snap-account {
  font-weight: normal;
}

.snap-panel .snap-button {
  display: block;
  background: #9B55A0;
  border-radius: 20px;
  padding: 10px;
  color: #fff;
  width: 200px;
  margin: 5px auto;
}

.search_block {
    float: left;
    margin-right: 16px;
}

.search_block label {
    float: left;
    margin-right: 10px;
	font-weight: 100;
}

ul.pagination {margin-bottom: 0px;}
ul.pagination li {
    list-style: none;
    display: inline-block;
	margin-top: 20px;
}
ul.pagination li span {
    background: #D5D5D7;
    color: #333;
    padding: 7px;
    display: inline-block;
    line-height: 20px;
    border-radius: 5px;
	opacity: 0.7;
}
ul.pagination li a {
    background: #D5D5D7;
    color: #333;
    padding: 7px;
    display: inline-block;
    line-height: 20px;
    border-radius: 5px;
}


* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.clr {clear: both;}
.cursor {
    cursor: pointer;
}
.pages > div > .content {padding: 0 5px; margin: 0 12px; color: #ADADAD; font-family: 'Droid Arabic Kufi', sans-serif !important;}
.pages > div > .content strong, .pages > div > .content h3 {color: #ADADAD; font-family: 'Droid Arabic Kufi', sans-serif !important;}

table {
    background-color: transparent;
}
table {
    border-spacing: 0;
    border-collapse: collapse;
    color: #DDD;
    max-width: 100%;
}
.memberbluboxnew {
    position: fixed;
    top: 0px;
    right: 0px;
    width: 100%;
    height: 100vh;
    overflow: hidden;
}
.innermemberblurboxbg {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 100%;
    height: 100vh;
    background-size: cover;
    background-position: center center;
}
.innermemberblurboxcontentnew {
    top: 0px;
    right: 0px;
    position: absolute;
    width: 100%;
    height: 100vh;
    background-color: rgba(0,0,0,0.6);
    overflow: hidden;
    text-shadow: 0px 0px 4px rgba(0,0,0,0.5);
}
.memberbluboxmask {
    position: fixed;
    top: 0px;
    right: 0px;
    width: 100%;
    height: 50px;
    overflow: hidden;
    z-index: 9998;
}
.innermemberblurboxcontent {
    top: 0px;
    right: 0px;
    position: absolute;
    width: 100%;
    height: 100vh;
    background-color: rgba(0,0,0,0.6);
    overflow: hidden;
    text-shadow: 0px 0px 4px rgba(0,0,0,0.5);
}
.topnavbl {
    opacity: 0.8;
    width: 100%;
    height: 50px;
    line-height: 50px;
    top: 0px;
    right: 0px;
    z-index: 9999999;
	padding: 0px 5px;
}
.topnavbl .logo {float: left;}
.topnavbl .logo h2 {margin: 0px;}
.topnavbl .logo h2 a {
    color: #DDDDDD;
    font-size: 22px;
    line-height: 55px;
}
.topnavbl .logo h2 a i {color: #DDDDDD;}
.topnavbl .header-links {float: right;}
.topnavbl .header-links > a {
    color: #DDD;
    font-size: 16px;
    margin-right: 10px;
    font-family: 'Droid Arabic Kufi', sans-serif !important;
}
.menubutton {
    color: #000;
    font-size: 22px;
    line-height: 55px;
	display: inline-block;
}
.sidebar {
    position: fixed;
    top: 0px;
    right: 0px;
    margin-right: -100%;
	direction: rtl;
    width: 100%;
    height: 100%;
    min-height: 100vh;
    overflow: auto;
    z-index: 99999991;
    -webkit-transition: all 0s;
    -moz-transition: all 0s;
    -o-transition: all 0s;
    transition: all 0s;
}
.sidemenu {
    height: 100%;
    min-height: 100vh;
	width: 225px;
    box-shadow: 0px 0px 20px #ffffff;
    direction: rtl;
    background: #000000;
    padding-top: 20px;
	overflow-y: auto;
	position: fixed;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 999;
    -webkit-transform: translateX(255px);
    -moz-transform: translateX(255px);
    -o-transform: translateX(255px);
    transform: translateX(255px);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.sidemenu.open {
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -o-transform: translateX(0px);
    transform: translateX(0px);
}
.sidemenu .btn-close {padding-right: 22px; color: #FFF; font-size: 22px;}
.sidemenu .btn-close span {cursor: pointer;}
.sidemenu ul {padding: 0px; height: auto; margin: 0px;overflow: auto !important;}
.sidemenu ul li {padding: 0px; margin: 0px; list-style: none;}
.sidemenu ul li.expanded .dropdown-content {display: none;}
.sidemenu ul li.expanded .dropdown-content.show {display: block;}
.selection {
    padding-left: 22px;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #fff;
    font-size: 16px;
	font-family: 'Droid Arabic Kufi', sans-serif !important;
	display: block;
    border-bottom: 1px solid 1px solid #555555;
}
.sidemenu ul li a:hover {color: #f9fb69;}
.selection span {
    font-size: 18px;
    padding-right: 16px;
}
.sidemenu ul li.leaf .selection {padding-left: 12px; font-size: 14px; background: rgba(255, 255, 255, 0.1);}
.sidemenu ul li.leaf .selection:hover {background: rgba(255, 255, 255, 0.0);}
.sidemenu ul li.leaf .selection span {padding-right: 10px;}
.sidemenu #search-menu {position: relative;}
.sidemenu #search-menu > input {
    background: rgba(255, 255, 255, 0.1);
    padding: 10px 5px 10px 45px;
    display: block;
    border: 0px none;
    box-shadow: inherit;
    margin: 0;
    width: 100%;
	color: #AAA;
}
.sidemenu .search-button {
    position: absolute;
    top: 0;
    left: 6px;
    background: transparent;
    border: 0px none;
    box-shadow: inherit;
    color: #AAA;
    text-shadow: inherit;
    font-size: 18px;
}
.sideblank {
    width: 100%;
    height: 100%;
    height: 100vh;
}
.outtermainpage {
    background-color: #000000;
    color: white;
    padding: 20px;
    text-align: center;


}
.site-main {
}
.site-main.container {overflow: hidden;}
.navtitle h1 {
    font-family: 'Droid Arabic Kufi', sans-serif !important;
    font-size: 24px;
    font-weight: 100;
    padding: 0;
    background-color: #ffffff;
    padding: 17px 29px;
    border: 3px solid #f9fb69;
    color: #343a40;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    margin: 25px 0;
    text-align: center;
}
.navtitle h2 {
    font-family: 'Droid Arabic Kufi', sans-serif !important;
    font-size: 24px;
    font-weight: 100;
    padding: 0;
    background-color: #ffffff;
    padding: 17px 29px;
    border: 3px solid #f9fb69;
    color: #343a40;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    margin: 25px 0;
    text-align: center;
}
.navtitle h3 {
    font-family: 'Droid Arabic Kufi', sans-serif !important;
    font-size: 24px;
    font-weight: 100;
    padding: 0;
    background-color: #ffffff;
    padding: 17px 29px;
    border: 3px solid #f9fb69;
    color: #343a40;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    margin: 25px 0;
    text-align: center;
}
.navtitle h4 {
    font-family: 'Droid Arabic Kufi', sans-serif !important;
    font-size: 24px;
    font-weight: 100;
    padding: 0;
    background-color: #ffffff;
    padding: 17px 29px;
    border: 3px solid #f9fb69;
    color: #343a40;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    margin: 25px 0;
    text-align: center;
}
.navtitle h1 i {
    font-size: 24px;
    vertical-align: middle;
    margin-right: 5px;
}
.navtitle h1 a {
    float: none;
    color: #A0A0A0;
	font-size: 14px;
}
.cards .navtitle h1 {text-align: left; margin-top: 40px;}
.cards .navtitle h1 a {float: right;}
.cards_profile .navtitle h1 {text-align: left; margin-top: 40px;}
.cards_profile .navtitle h1 a {float: right;}

.title_tags {
    font-family: 'Droid Arabic Kufi', sans-serif !important;
    font-size: 16px;
	font-weight: 100;
    padding: 0px 5px 6px 5px;
    margin-bottom: 10px;
    border-bottom: 1px solid rgba(255,255,255,0.1);
    color: #8f8f8f;
    margin-right: 12px;
    margin-left: 12px;
}
.title_tags i {
    font-size: 24px;
    vertical-align: middle;
    margin-right: 5px;
}
a.tag_btn {
    background: #ffffff;
    border: 0px none;
    box-shadow: inherit;
    text-shadow: inherit;
    color: #333333;
    margin: 0px 0px 10px 0px;
    border-radius: 2px;
    padding: 0px 10px;
    width: auto;
    font-family: 'Droid Arabic Kufi', sans-serif !important;
    font-weight: 100;
    font-size: 16px;
    line-height: 25px;
    height: auto;
    display: inline-block;
}

.profile_user {}
.profile_user > .profile {
    margin: 0;
    width: 50%;
    float: left;
    text-align: center;
}
.profile_user > .profile .image {}
.profile_user > .profile .image img {max-width: 200px; height: 200px; border-radius: 30px;}
.profile_user > .profile h3 {color: #DDD; font-family: 'Droid Arabic Kufi', sans-serif !important; margin-top: 0px;}
.profile_user > .profile p {color: #DDD; font-family: 'Droid Arabic Kufi', sans-serif !important;}
.profile_user > .profile p a {
    color: #34353a;
    font-family: 'Droid Arabic Kufi', sans-serif !important;
    background: #D5D5D7;
    padding: 1px 8px;
    border-radius: 13px;
}

.profile_user > .profile p a i {font-size: 20px; vertical-align: middle;}

.mob_only {display: none;}

.navtitle h1 .title_left {float: right;}
.navtitle h1 .title_left i {
    font-size: 14px;
    margin: 0;
    text-align: center;
}
#crestashareiconincontent { text-align:center;}
#crestashareiconincontent .sbutton {
    display: block;
    margin: 0 5px;
    cursor: pointer;
    color: #FFF;
	float: left;
}
.mob_only #crestashareiconincontent .sbutton {display: inline-block; float: none;}
#crestashareiconincontent .sbutton a {
    color: #FFF;
    height: 30px;
    width: 30px;
    display: block;
    text-align: center;
    border: 1px solid;
	border-radius: 50%;
}
#crestashareiconincontent #pinterest-cresta-c a {background-color:#cd1d1f; border-color:#cd1d1f;}
#crestashareiconincontent #pinterest-cresta-c a:hover {background-color:#FFF; color:#cd1d1f;}

#crestashareiconincontent #linkedin-cresta-c a {background-color:#007bb6; border-color:#007bb6;}
#crestashareiconincontent #linkedin-cresta-c a:hover {background-color:#FFF; color:#007bb6;}

#crestashareiconincontent #googleplus-cresta-c a {background-color:#dd4c3b; border-color:#dd4c3b;}
#crestashareiconincontent #googleplus-cresta-c a:hover {background-color:#FFF; color:#dd4c3b;}

#crestashareiconincontent #twitter-cresta-c a {background-color:#55aded; border-color:#55aded;}
#crestashareiconincontent #twitter-cresta-c a:hover {background-color:#FFF; color:#55aded;}

#crestashareiconincontent #facebook-cresta-c a {background-color:#3b5997; border-color:#3b5997;}
#crestashareiconincontent #facebook-cresta-c a:hover {background-color:#FFF; color:#3b5997;}

#crestashareiconincontent #shortlink-cresta-c a {background-color:#36465d; border-color:#36465d;}
#crestashareiconincontent #shortlink-cresta-c a:hover {background-color:#FFF; color:#36465d;}

#crestashareiconincontent #whatsapp-cresta-c a {background-color:#7bbf6a; border-color:#7bbf6a;}
#crestashareiconincontent #whatsapp-cresta-c a:hover {background-color:#FFF; color:#7bbf6a;}
#crestashareiconincontent .sbutton a .fa {line-height:30px;}
#crestashareiconincontent #result input {}

.contact-us {color: #ADADAD; font-family: 'Droid Arabic Kufi', sans-serif !important;}
.contact-us i {color: #ADADAD; font-size: 20px;}
.contact-us select.form-control {padding: 1px 12px; height: auto;}

.alert-success, .alert {
    border-radius: 0 !important;
    background: rgba(86,71,116,0.95) !important;
    border: 0px none !important;
    color: #DDD !important;
    font-size: 16px !important;
    font-family: 'Droid Arabic Kufi', sans-serif !important;
}


@media (max-width: 767px) {
	.pconly {display: none !important;}
	.mob_only {display: block !important;}
	.search_block {margin-right: 10px;}
	
	.member_wrap .member_image > a {
		float: left;
		height: 50px;
		width: 50px;
		margin-left: 10px;
	}
	.member_wrap .member_image > a > img {
		height: 100%;
		width: 100%;
		border-radius: 50%;
		background: rgba(0,0,0,0.1);
        border: 1px #000 solid;
    }
	.member_wrap .member_image .member_centent {display: none;}
	.member_wrap .member_image .content {
		position: relative;
		background: transparent;
		padding: 10px 0 0 0;
		text-align: left;
		float: right;
		max-width: calc(100% - 110px);
	}
	.info .firest_name a, .info .location a {color: #8f8f8f;}
	.member_content {padding: 3px 0px 0px 0px;}
	.member_content > div {/*display: none;*/}
	.info .location {color: #000;font-size: 2.7vw;}
	.member_content > div.sm-btn-show {
		display: block;
		border-left: 0 none;
		float: right;
		width: 50px;
	}
	.member_wrap {padding: 5px; margin-bottom: 10px;}
	.member_wrap:hover {
		z-index: 2;
		box-shadow: inherit;
		transform: scale(1);
	}
	.member_content {
		display: block;
		float: right;
	}
	.cards_member > .col-xs-12 {padding: 0px !important;}
	.profile_page .member_wrap .member_image > a {
		float: none;
		height: auto;
		width: auto;
		margin-right: 0;
	}
	.profile_page .member_wrap .member_image > a > img {border-radius: 0px;}
	.profile_page .member_content {
		padding: 20px 0;
		display: flex;
		float: none;
	}
	.profile_page .member_content > div {display: block;}
}

@media (max-width: 486px) {
	.profile_user > .profile {width: 100%; float: none;}
}


.ads-mob {
    position: fixed;
    bottom: 0px;
    left: 0px;
    right: 0px;
    z-index: 999999;
	text-align: center;
	border-top: 3px solid #3f3f3f;
}
.ads-mob > a {
    cursor: pointer;
    position: absolute;
    top: -20px;
    background: #3f3f3f;
    color: #FFF;
    height: 40px;
    right: calc(50% - 20px);
    width: 40px;
    border-radius: 20px;
}
.ads-mob.ads-close {height: 0px;}
.ads-mob.ads-close > a > .fa-angle-down:before {
  content: "\f106";
}

@media (max-width: 767px) {
	.ads-mob {display:block;}
	
	.member_content > div {

    text-align: right;
 
}

}
.featured-memberships h2{    background-color: #96D6F7;     color: #343a40!important;}

		.featured-memberships .item .media .media-body h3 {
			background-color : #96D6F7;
			border-top-right-radius: 0!important;color: #343a40!important;
		}

		header {
			background-color : #484848;
		}
		
		/* Header navbar */
		
		header nav, header .navbar {
			background-color: #484848!important;
		}

		.sticky {
		    display: flex;
			position: fixed;
			top: 0;
			right: 0;
			left: 0;
			width: 100%;
			z-index: 9999;
		}
		
		.snapchat-button {
			background-color : #f2c305;
		}

		/* BlackBerry button */
		
		.blackberry-button {
			background-color : #484848;
		}

		/* Featured memberships */
		
		.featured-memberships h2 {
			background-color : #484848;
		}

		/* Featured memberships item */
		
		.featured-memberships .item {
			border-width: 3px!important;
			border-color : #484848!important;
		}
		
		.featured-memberships .item > div > div {
 			padding-bottom: 15px!important;
		}
		.media-body
		{
		}

		.featured-memberships .item .media .media-body h3 {
			padding-right: calc(6.8rem / 2)!important;
			background-color : #484848;
			border-top-right-radius: 0!important;
		}
		
            @media  only screen and (max-width: 570px) {
                .featured-memberships .item .media .media-body h3 {
                    font-size: 2.7vw;
                }
            }
		
		
		
		.featured-memberships .item .media .media-body .add-button {
			background-color : #f1f6f9;
		}

		.featured-memberships .item .media .media-body > div:last-child {
			padding-right: calc((6.8rem / 2) + 15px);
			border-bottom-right-radius: 0!important;
			bottom: 5px;
            position: relative;
		}

		.featured-memberships .item .media > img {
			max-width: 109px;
			max-height: 109px;
			margin-left: calc(-6.8rem / 2);
		}
		.items .add-button span:first-child {
			background-color : #f9fb69;
			padding-right: calc(82px / 2) !important;
		}

		.items .add-button span:last-child {
			background-color : #484848;
			width: 82px;
			height: 82px;
			margin-left: calc(-82px / 2);
			position: relative;
			z-index: 1;
			border-width: 5px!important;
			border-color : #ebec5d!important;
		}
		.items .share-buttons {
			font-size: 50%;
		}
		
		.items .share-buttons a{
			font-size: 100%;
		}
		.items .share-buttons a:nth-child(1) span i:first-child {
			color : #25D366;
		}
		.items .share-buttons a:nth-child(2) span i:first-child {
			color : #55acee;
		}
		.items .share-buttons a:nth-child(3) span i:first-child {
			color : #0088cc;
		}
		.items .share-buttons a:nth-child(4) {
			color : #0088cc;
		}
		.alert .share-buttons a:nth-child(1) {
			background-color : #25D366;
		}
		.alert .share-buttons a:nth-child(2) {
			background-color : #55acee;
		}
		.alert .share-buttons a:nth-child(3) {
			background-color : #3b5998;
		}
		.alert .share-buttons a:nth-child(4) {
			background-color : #484848;
		}
		.alert .share-buttons a:nth-child(5) {
			background-color : #0088cc;
		}
		.rounded-lg {
			border-radius: .75rem!important;
		}

		.rounded-top {
			border-top-right-radius: .75rem!important;
			border-top-left-radius: .75rem!important;
		}

		.alert {
			border-radius: .75rem;
		}

		.btn {
			border-radius: .75rem;
			transition: 0.3s;
		}

		.card {
			border-radius: .75rem;
		}

		.page-item:first-child .page-link {
			border-top-left-radius: .75rem;
			border-bottom-left-radius: .75rem;
		}

		.page-item:last-child .page-link {
			border-top-right-radius: .75rem;
			border-bottom-right-radius: .75rem;
		}

		a:hover > .shadow-sm, a.shadow-sm:hover {
			box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
		}

		.fa-stack {
			width: 2em;
		}
	button.navbar-toggler:focus {
		outline: none;
	}
		@media (max-width: 576px){
		 .spa {
            height: 50px !important;
            width: 50px !important;
            font-size: 11px !important;
        }
        .spa a {
         padding: .5rem!important;
         }
		
		.snapy {
		width:175px !important;
	    height: 61px !important;

		}
		.featured-memberships .item .media .media-body h3 {
            border-top-right-radius: .75rem!important;
            border-top-left-radius: .75rem!important;
        }
            .featured-memberships .item .media >img {
                border-radius: 50px;
                position: absolute;
                right: -16px;
                top: auto;
                height: 77px!important;
                width: 77px!important;
                border: 2px #f9fb69 solid;
            }
            
            .container {
            }
            .featured-memberships .item .media .media-body h3 {
                text-align: left;
                white-space: nowrap;
                
                font-weight: bold;
            }
            .featured-memberships .item .media .media-body .add-button {
                padding: 7px 10px !important;
                border: 1px solid #f9fb69 !important;
                font-size: 11px;
                font-weight: bold;
                min-width: 80px !important;
            }
            .media-body {
                height: auto !important;
            }
        }

					
					header {
						background-color : #f9fb69;
						color: #343a40!important;
					}
				
					/* Header navbar */
					
					header nav, header .navbar {
						background-color: #f9fb69!important;
					}
					
					header .navbar .text-dark {
						color: #ffffff!important;
					}
					
					header nav .text-white, header .navbar .text-white {
						color: #343a40!important;
					}

					
					.featured-memberships h2 {
						background-color : #f9fb69;
						color: #ffffff !important;
					}
					
					.featured-memberships .item {
						border-color : #f9fb69!important;
						color: #343a40!important;
					}

					.featured-memberships .item .media .media-body h3 {
						background-color : #f9fb69;
						color: #343a40!important;
					}
					.items .add-button span:last-child {
						background-color : #f9fb69;
						color: #343a40!important;
					}
					
					.modal-backdrop {
					    display: flex;
        				height:100%;
        				width:100%;
					}
					
					.modal-content	{
					    border:0;
					}
					
					div#containerGrid {
                        width: 100%;
                        margin: auto;
                    }
                    
                    .modal-dialog {
                        width: auto;
                        margin: 10px auto;
                        z-index: 10000;
                        position: relative;
                    }
					.h4, h4 {
                        font-size: 18px; 
                    }
                    
.shadow {
       background: #f9fb69;width: 100%;
}         
.spa {
    display: block;
    width: 84px;
    margin: 0 auto;
    border-radius: 50%;
    background: #ebec5d;    }    
 
  
span.spa:hover .fa-crown {
    color: #ffc107!important;
}
span.spa .fa-crown {
    color: #ffc107;
}   
.nav-item >a ,.nav-item,.spa{
-webkit-transition:0.5s all ease-in-out;
-moz-transition:0.5s all ease-in-out;
transition:0.5s all ease-in-out;
}
.mb-2, .my-2 {
    margin-bottom: 2rem!important;
}

.ribbon-wrapper .ribbon {
 
    background-color: rgb(255, 59, 92) !important;
 }
 .ribbon-wrapper .ribbon {

    padding: 10px 0px !important;

}
.text-warning {
    color: #ffc107!important; 
 }
 
         .ribbon-wrapper {
            width: 50px;
            height: 50px;
            overflow: hidden;
            position: absolute;
            top: -1px;
            left: -3px;
            z-index: 9;
        }
        .ribbon-wrapper .ribbon {
            font: bold 10px sans-serif;
            text-align: center;
            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            -o-transform: rotate(45deg);
            position: relative;
            padding: 0 0;
            top: 10px;
            left: 35px;
            width: 120px;
            background-color: #484848;
            color: #fff;
        }


.badge {
 
    padding: 12px 10px;
    font-size: 17px;
 
background-color: rgb(255, 59, 92);
 }

@media (max-width: 480px) {
.ribbon-wrapper {
 
    right: 80px;
 }
}

@media (max-width: 416px) {.ribbon-wrapper {
 
    right: 80px;
 }}
@media (max-width: 380px) {.ribbon-wrapper {
 
    right: 80px;
 }}
@media (max-width: 320px) {.ribbon-wrapper {
 
    right: 80px;
 }}


@media (max-width: 486px) {
	.ribbon-wrapper {left: 80px; right:auto;}
}
@media (max-width: 576px){
.ribbon-wrapper {left: 80px;}
}



















.btn-info {
    color: #fff;
    background-color: #ff3b5c;
    border-color: #848482;
}





.searchx {
    position: relative;
    width: 100%;
    background: linear-gradient(45deg, #000000, rgb(0 0 0));
    padding: 40px 10px;
    margin-bottom: 20px;
    text-align: center;
    border-radius: 20px;
 }

.searchx h1 {
    color: white;
}

.searchz {
    position: relative;
}
.searchx .searchz input {
    position: absolute;
    height: 50px;
    width: 40%;
    border-radius: 20px;
    border: 3px solid #ffffff;
    margin: auto;
    left: 0;
    right: 0;
    padding-left: 15px;
}

/* .searchx .searchz select {
    width: 100px;
    border: 3px solid #eee;
    position: relative;
    border-radius: 30px;
    
} */

.searchx .searchz button {
    position: relative;
    left: -190px;
    border: 0;
    padding: 15px 20px;
    border-radius: 20px;
    font-weight: bold;
}
@media (max-width: 480px) {
.searchx .searchz button {
    position: relative;
    left: auto !important;
    border: 0;
    padding: 15px 20px;
    border-radius: 20px;
    font-weight: bold;
    margin-top: 16%;
	right: auto;
}
.searchx {
 
    padding: 5px 4px;
 
}
}
@media (max-width: 576px){
.searchx .searchz button {
    position: relative;
    left: auto !important;
    border: 0;
    padding: 15px 20px;
    border-radius: 20px;
    font-weight: bold;
    margin-top: 16%;
	right: auto;
}
.searchx {
 
    padding: 5px 4px;
 
}

}
.post-card__footer {
    display: flex;
    align-items: flex-end;
    padding: 10px;
    font-size: .875rem;
    color: #27282d;
}
.post-card__author {
    margin: 0 10px 0 0;
}
.post-card_rtl .post-card__author {
    order: 2;
}
.post-card__date {
    margin-right: auto;
    white-space: nowrap;
    text-transform: uppercase;
}
.post-card_rtl .post-card__date {
    order: 1;
}


@media (max-width: 576px){
.searchx .searchz input {
    position: absolute;
    height: 50px;
    width: 80%;
 
}
}




 .single-shop_design{
    position: relative;   
    overflow: hidden;
    border-radius: 20px;
  }
  .single-shop_design .shop_img{
    position: relative;   
    overflow: hidden;
  }
  .single-shop_design .shop_img img{
    width: 100%;
    height: 300px;
    border-radius: 20px;
    -webkit-transition: all 0.5s linear;
    transition: all 0.5s linear;
-webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  .single-shop_design .shop_img:hover img{
    -webkit-transform: scale3d(1.2, 1.2, 1);
    transform: scale3d(1.2, 1.2, 1);
  }
  .single-shop_design .shop_content{
    position: absolute;
    bottom: 10px;
    background: rgba(0,0,0,0.6);
    margin: 0 20px;
    left: 0;
    right: 0;
    border-radius: 20px;
    padding: 20px;
  }
  .single-shop_design .shop_content .shop-name{
      margin-bottom: 8px;
  }
  .single-shop_design .shop_content .shop-name a{
    font-size: 20px;
    color: #fff;
  }
  .single-shop_design .shop_content .shop-des{
    opacity: 0.8;
    color: #fff;
    font-size: 15px;
    margin-bottom: 5px;
  }
  .single-shop_design .shop_content .shop-action{
      padding: 0;
      margin: 10px 0 0;
      display: flex;
      list-style: none;
  }
  .single-shop_design .shop_content .shop-action .btn-contact{
      padding: 7px 20px;
      font-size: 15px;
      border-radius: 10px;
      color: #fff;
      background: #5cb85c;
      display: flex;
      border: 1px solid  #5cb85c;
      flex-direction: row;
      align-items: center;
  }
  .single-shop_design .shop_content .shop-action .btn-contact:hover{
      background: #fff;
      color:  #5cb85c;
  }
  .single-shop_design .shop_content .shop-action .btn-contact i{
      margin-left: 8px;
      font-size: 20px;
  }

  .single-shop_design .icon_like{
    position: absolute;
    right: 20px;
    top: 20px;
    background: #fff;
    color: #fdb133;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    font-size: 18px;
  }