<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@import "vendors/font-awesome-4.7.0/css/font-awesome.min.css";
@import "vendors/OwlCarousel2-develop/dist/assets/owl.carousel.min.css";
@import "vendors/animate.css";
@import "vendors/Formstone-master/dist/css/dropdown.css";
@import "vendors/malihu-custom-scrollbar-plugin-master/jquery.mCustomScrollbar.min.css";
@import "vendors/Magnific-Popup-master/dist/magnific-popup.css";
@import "vendors/jquery-ui-1.12.1/jquery-ui.min.css";
/* ------------------------------------------------------------ *\
	Colors
\* ------------------------------------------------------------ */
/* ------------------------------------------------------------ *\
	Global Styles
\* ------------------------------------------------------------ */
/* ------------------------------------------------------------ *\
	Typography
\* ------------------------------------------------------------ */
/* ------------------------------------------------------------ *\
	Breakpoints
\* ------------------------------------------------------------ */
/* ------------------------------------------------------------ *\
	Mixins
\* ------------------------------------------------------------ */
.clearfix {
  content: '';
  line-height: 0;
  display: table;
  clear: both;
}
.flex {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}
.flex-direction {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.flex-wrap {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.full {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.center {
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  left: 50%;
}
.ltr {
  direction: ltr;
  text-align: left;
}
.rtl {
  direction: rtl;
  text-align: right;
}
.logo-large {
  background: url(images/sprite/logo-large.png) no-repeat 0 0;
  background-size: 100% 100%;
  width: 532px;
  height: 72px;
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
}
.logo {
  background: url(images/sprite/logo.png) no-repeat 0 0;
  background-size: 100% 100%;
  width: 376px;
  height: 56px;
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .logo {
    background: url(images/sprite/logo@2x.png) no-repeat 0 0;
    width: 376px;
    height: 56px;
    background-size: 100% 100%;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
  }
}
/* ------------------------------------------------------------ *\
	Reset
\* ------------------------------------------------------------ */
*,
*:before,
*:after {
  padding: 0;
  margin: 0;
  outline: 0;
  box-sizing: border-box;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
main {
  display: block;
}
html {
  tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  text-size-adjust: none;
}
img,
iframe,
video,
audio,
object {
  max-width: 100%;
}
img,
iframe {
  border: 0 none;
}
img {
  height: auto;
  display: inline-block;
  vertical-align: middle;
}
b,
strong {
  font-weight: bold;
}
address {
  font-style: normal;
}
svg:not(:root) {
  overflow: hidden;
}
a,
button,
input[type="submit"],
input[type="button"],
input[type="reset"],
input[type="file"],
input[type="image"],
label[for] {
  cursor: pointer;
}
a[href^="tel"],
button[disabled],
input[disabled],
textarea[disabled],
select[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}
input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
input[type="color"],
textarea,
a[href^="tel"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
textarea {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
}
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
}
button,
select {
  text-transform: none;
}
table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}
nav ul,
nav ol {
  list-style: none outside none;
}
/* ------------------------------------------------------------ *\
	Base
\* ------------------------------------------------------------ */
* {
  -webkit-appearance: none;
  -webkit-tap-highlight-color: none;
}
body {
  min-width: 320px;
  background: #f8f8f8;
  font-family: 'Arial', 'Helvetica', sans-serif;
  font-size: 18px;
  line-height: 1.6;
  color: #444444;
}
body.active {
  overflow: hidden;
}
a {
  color: inherit;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
a[href^="tel"] {
  text-decoration: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-bottom: 0;
  font-family: 'Open Sans', sans-serif;
}
h1 {
  font-size: 30px;
}
h2 {
  font-size: 22px;
}
h3 {
  font-size: 20px;
}
h4 {
  font-size: 18px;
}
h5 {
  font-size: 14px;
}
h6 {
  font-size: 12px;
}
p:last-child,
ul:last-child,
ol:last-child,
dl:last-child,
table:last-child,
blockquote:last-child {
  margin-bottom: 0;
}
@media (max-width: 767px ) {
  body {
    font-size: 14px;
  }
}
@media print {
  body {
    background: none;
  }
}
/* ------------------------------------------------------------ *\
	Loaders
\* ------------------------------------------------------------ */
.sk-fading-circle {
  margin: 40px auto;
  width: 40px;
  height: 40px;
  position: relative;
  pointer-events: none;
  transition: opacity 0.3s;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  -ms-transition: opacity 0.3s;
}
.sk-fading-circle.submit-loader {
  margin: 10px auto;
  height: 35px;
  width: 35px;
}
.sk-fading-circle.submit-loader .sk-circle:before {
  background-color: rgba(12, 108, 173, 0.8);
}
.sk-fading-circle.action-loader {
  margin: 10px auto;
  height: 15px;
  width: 15px;
}
.sk-fading-circle.action-loader .sk-circle:before {
  background-color: rgba(12, 108, 173, 0.8);
}
.sk-fading-circle.follow-loader {
  margin: 10px auto;
  height: 30px;
  width: 30px;
}
.sk-fading-circle.follow-loader .sk-circle:before {
  background-color: rgba(12, 108, 173, 0.8);
}
.sk-fading-circle.carret-loader {
  position: absolute;
  width: 20px;
  height: 20px;
  right: 16px;
  top: 50%;
  margin-top: -10px;
}
.sk-fading-circle.carret-loader .sk-circle:before {
  background-color: #fff;
}
.sk-fading-circle.newsletter-loader {
  margin: 5px 0 0 40px;
  height: 20px;
  width: 20px;
  float: left;
}
.sk-fading-circle.newsletter-loader .sk-circle:before {
  background-color: black;
}
.sk-fading-circle .sk-circle {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.sk-fading-circle .sk-circle:before {
  content: '';
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background-color: #999;
  border-radius: 100%;
  -webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
  animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
}
.sk-fading-circle .sk-circle2 {
  -webkit-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  transform: rotate(30deg);
}
.sk-fading-circle .sk-circle3 {
  -webkit-transform: rotate(60deg);
  -ms-transform: rotate(60deg);
  transform: rotate(60deg);
}
.sk-fading-circle .sk-circle4 {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.sk-fading-circle .sk-circle5 {
  -webkit-transform: rotate(120deg);
  -ms-transform: rotate(120deg);
  transform: rotate(120deg);
}
.sk-fading-circle .sk-circle6 {
  -webkit-transform: rotate(150deg);
  -ms-transform: rotate(150deg);
  transform: rotate(150deg);
}
.sk-fading-circle .sk-circle7 {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.sk-fading-circle .sk-circle8 {
  -webkit-transform: rotate(210deg);
  -ms-transform: rotate(210deg);
  transform: rotate(210deg);
}
.sk-fading-circle .sk-circle9 {
  -webkit-transform: rotate(240deg);
  -ms-transform: rotate(240deg);
  transform: rotate(240deg);
}
.sk-fading-circle .sk-circle10 {
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
.sk-fading-circle .sk-circle11 {
  -webkit-transform: rotate(300deg);
  -ms-transform: rotate(300deg);
  transform: rotate(300deg);
}
.sk-fading-circle .sk-circle12 {
  -webkit-transform: rotate(330deg);
  -ms-transform: rotate(330deg);
  transform: rotate(330deg);
}
.sk-fading-circle .sk-circle2:before {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
.sk-fading-circle .sk-circle3:before {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}
.sk-fading-circle .sk-circle4:before {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
.sk-fading-circle .sk-circle5:before {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
.sk-fading-circle .sk-circle6:before {
  -webkit-animation-delay: -0.7s;
  animation-delay: -0.7s;
}
.sk-fading-circle .sk-circle7:before {
  -webkit-animation-delay: -0.6s;
  animation-delay: -0.6s;
}
.sk-fading-circle .sk-circle8:before {
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s;
}
.sk-fading-circle .sk-circle9:before {
  -webkit-animation-delay: -0.4s;
  animation-delay: -0.4s;
}
.sk-fading-circle .sk-circle10:before {
  -webkit-animation-delay: -0.3s;
  animation-delay: -0.3s;
}
.sk-fading-circle .sk-circle11:before {
  -webkit-animation-delay: -0.2s;
  animation-delay: -0.2s;
}
.sk-fading-circle .sk-circle12:before {
  -webkit-animation-delay: -0.1s;
  animation-delay: -0.1s;
}
@-webkit-keyframes sk-circleFadeDelay {
  0%,
  39%,
  100% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
}
@keyframes sk-circleFadeDelay {
  0%,
  39%,
  100% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
}
.rtl {
  direction: rtl;
  text-align: right;
}
/* ------------------------------------------------------------ *\
	Fonts
\* ------------------------------------------------------------ */
@font-face {
  font-family: 'GE Flow';
  src: url('fonts/GEFlow-BoldItalic.eot');
  src: url('fonts/GEFlow-BoldItalic.eot?#iefix') format('embedded-opentype'), url('fonts/GEFlow-BoldItalic.woff2') format('woff2'), url('fonts/GEFlow-BoldItalic.woff') format('woff'), url('fonts/GEFlow-BoldItalic.ttf') format('truetype'), url('fonts/GEFlow-BoldItalic.svg#GEFlow-BoldItalic') format('svg');
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: 'GE Flow';
  src: url('fonts/GEFlow.eot');
  src: url('fonts/GEFlow.eot?#iefix') format('embedded-opentype'), url('fonts/GEFlow.woff2') format('woff2'), url('fonts/GEFlow.woff') format('woff'), url('fonts/GEFlow.ttf') format('truetype'), url('fonts/GEFlow.svg#GEFlow') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Tahoma';
  src: url('fonts/Tahoma.eot');
  src: url('fonts/Tahoma.eot?#iefix') format('embedded-opentype'), url('fonts/Tahoma.woff2') format('woff2'), url('fonts/Tahoma.woff') format('woff'), url('fonts/Tahoma.ttf') format('truetype'), url('fonts/Tahoma.svg#Tahoma') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* ------------------------------------------------------------ *\
	Helpers
\* ------------------------------------------------------------ */
/*  Clear  */
.clear:after {
  content: '';
  line-height: 0;
  display: table;
  clear: both;
}
/*  Notext  */
.notext {
  white-space: nowrap;
  text-indent: 100%;
  text-shadow: none;
  overflow: hidden;
}
.notext-old {
  font-size: 0;
  line-height: 0;
  text-indent: -4000px;
}
/*  Hidden  */
[hidden],
.hidden {
  display: none !important;
}
/*  Alignleft  */
.alignleft {
  float: left;
}
/*  Alignright  */
.alignright {
  float: right;
}
/*  Disabled  */
[disabled],
.disabled {
  cursor: default;
}
/*  Grid  */
.cols {
  margin: 0 -15px;
}
.cols:after {
  content: '';
  line-height: 0;
  display: table;
  clear: both;
}
.cols-flex {
  display: flex;
}
.col {
  float: left;
  width: 100%;
  padding: 0 15px;
}
.col-1of2 {
  width: 50%;
}
/*  Bg  */
.container-fullsize {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
/*  Animations  */
.animations {
  opacity: 0;
}
.animated {
  opacity: 1;
}
/*  Responsive Helpers  */
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important;
}
@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
  .visible-xs-block {
    display: block !important;
  }
  .visible-xs-inline {
    display: inline !important;
  }
  .visible-xs-inline-block {
    display: inline-block !important;
  }
  .animations {
    opacity: 1;
  }
  .col {
    width: 100%;
    float: none;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .hidden-sm {
    display: none !important;
  }
  .visible-sm-block {
    display: block !important;
  }
  .visible-sm-inline {
    display: inline !important;
  }
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 1024px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
  .visible-md-block {
    display: block !important;
  }
  .visible-md-inline {
    display: inline !important;
  }
  .visible-md-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
  .visible-lg-block {
    display: block !important;
  }
  .visible-lg-inline {
    display: inline !important;
  }
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}
/* ------------------------------------------------------------ *\
	Article Details
\* ------------------------------------------------------------ */
.article-details {
  overflow: hidden;
  /*  Secondary  */
  /*  RTL  */
}
.article-details p {
  margin-bottom: 23px;
  line-height: 1.65;
}
.article-details p:last-child {
  margin-bottom: 0;
}
.article-details .article-image {
  position: relative;
}
.article-details .article-title {
  color: #212121;
  font-size: 40px;
  font-weight: 400;
  line-height: 1.1;
  margin-bottom: 20px;
  margin-top: -5px;
  max-width: 950px;
}
.article-details .article-head {
  border-bottom: 1px solid  #ddd;
  padding-bottom: 30px;
  margin-bottom: 42px;
  overflow: hidden;
}
.article-details .article-meta {
  margin-bottom: 35px;
}
.article-details .article-meta h5 {
  position: relative;
  font-size: 12px;
  font-family: 'Open Sans', sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #f7f7f7;
  font-weight: 400;
  background: #3784d0;
  line-height: 1.6;
  display: inline-block;
  vertical-align: middle;
  padding: 4px 0px 3px 14px;
  margin-right: 20px;
}
.article-details .article-meta h5:before {
  content: '';
  width: 20px;
  left: 100%;
  top: 0px;
  border-width: 13px 6px;
  border-style: solid;
  border-color: #3784d0 transparent #3784d0 #3784d0;
  position: absolute;
  height: 0;
}
.article-details .article-body .alignleft {
  margin-right: 44px;
}
.article-details .article-body .article-image {
  max-width: 50%;
}
.article-details .article-foot {
  padding-top: 50px;
}
.article-details .article-foot .posts {
  margin: 0 -15px;
}
.article-details .article-foot .post {
  width: 33.33%;
  padding: 0 15px;
}
.article-details .article-foot .post-inner {
  background: none;
}
.article-details .article-foot .widget-head {
  margin-bottom: 27px;
}
.article-details .article-foot .widget-primary {
  margin-bottom: 0;
}
.article-details .article-foot .widget-title a {
  margin-right: 0;
}
.article-details .article-comments {
  margin-top: -5px;
}
.article-details .article-comments img {
  width: 100%;
}
.article-details .article-group ~ .article-group {
  margin-top: 58px;
}
.article-details .link-gallery {
  display: inline-block;
  height: 32px;
  background: #3784d0;
  color: #dddddd;
  text-align: center;
  padding: 6px 15px 6px;
  font-size: 13px;
  position: absolute;
  top: 19px;
  right: 14px;
  text-decoration: none;
}
.article-details .link-gallery:hover {
  background: #282d33;
}
.article-details .alignleft {
  margin-right: 32px;
  margin-bottom: 20px;
}
.article-details .alignright {
  margin-left: 32px;
  margin-bottom: 20px;
}
.article-details .quote-primary {
  margin-top: 23px;
  margin-right: 45px;
}
.article-details-secondary .article-title {
  margin-bottom: 15px;
}
.article-details .rtl {
  font-family: 'Arial', sans-serif;
  /* font-family: 'Tahoma', sans-serif; */
  font-size: 16px;
  line-height: 1.8;
}
.article-details .rtl .article-title {
  font-family: 'GE Flow', sans-serif;
  font-size: 44px;
  line-height: 1.2;
  max-width: 475px;
}
.article-details .rtl .quote-primary {
  padding: 30px 0;
  margin-top: 5px;
}
.article-details .rtl .quote-primary blockquote {
  font-family: 'GE Flow', sans-serif;
  font-size: 20px;
  line-height: 1.6;
  position: relative;
  z-index: 1;
}
.article-details .rtl .link-gallery {
  padding-top: 4px;
}
.article-details .article-meta.rtl {
  direction: ltr;
  font-family: 'Open Sans', sans-serif;
  margin-top: 50px;
}
@media (max-width: 1500px ) {
  .article-details .post-image {
    float: none;
  }
}
@media (max-width: 1023px ) {
  .article-details {
    font-size: 16px;
  }
  .article-details .article-title {
    font-size: 34px;
  }
  .article-details .alignleft {
    margin-right: 15px;
    margin-bottom: 15px;
    max-width: 50%;
  }
  .article-details .alignright {
    margin-left: 15px;
    margin-bottom: 15px;
    max-width: 50%;
  }
  .article-details .quote-primary {
    margin-right: 0;
    max-width: 235px;
  }
  .article-details .post-title {
    font-size: 18px;
  }
}
@media (max-width: 767px ) {
  .article-details {
    overflow: visible;
    /*  Secondary  */
    /*  RTL  */
  }
  .article-details .article-title {
    font-size: 27px;
  }
  .article-details .article-image img {
    width: 100%;
  }
  .article-details .article-meta:after {
    content: '';
    line-height: 0;
    display: table;
    clear: both;
  }
  .article-details .article-meta h5 {
    float: left;
    margin-right: 30px;
  }
  .article-details .article-comments {
    margin-left: -13px;
    margin-right: -13px;
  }
  .article-details .article-foot .widget-primary .widget-body {
    display: block;
  }
  .article-details .article-foot .widget-title a {
    margin-top: 0;
  }
  .article-details .article-foot .post {
    width: 100%;
  }
  .article-details .article-foot .post:nth-child(n+2) {
    display: none;
  }
  .article-details .article-body .alignleft,
  .article-details .article-body .alignright {
    width: 100%;
    float: none;
    max-width: 100%;
    margin: 0 0 15px;
  }
  .article-details .article-body .quote-primary {
    margin: 40px auto;
    max-width: 90%;
  }
  .article-details .alignleft,
  .article-details .alignright {
    width: 100%;
    float: none;
    max-width: 100%;
    margin: 0 0 15px;
  }
  .article-details .article-group ~ .article-group {
    margin-top: 20px;
  }
  .article-details .post-head {
    height: auto;
    padding: 10px 0 20px;
  }
  .article-details .post-image {
    float: left;
  }
  .article-details-secondary .article-head {
    border: 0;
    margin-bottom: 0;
    padding-bottom: 20px;
  }
  .article-details .rtl {
    font-family: 'GE Flow', sans-serif;
    font-size: 16px;
    line-height: 1.8;
  }
  .article-details .rtl .article-title {
    font-size: 26px;
  }
  .article-details .rtl .quote-primary {
    padding: 30px 0;
    margin-top: 5px;
  }
  .article-details .rtl .quote-primary blockquote {
    font-family: 'GE Flow', sans-serif;
    font-size: 20px;
    line-height: 1.6;
    position: relative;
    z-index: 1;
  }
  .article-details .article-meta.rtl {
    direction: ltr;
    font-family: 'Open Sans', sans-serif;
    margin-top: 50px;
  }
}
/* ------------------------------------------------------------ *\
	Containers
\* ------------------------------------------------------------ */
.main {
  /*  RTL  */
}
.main:after {
  content: '';
  line-height: 0;
  display: table;
  clear: both;
}
.main.rtl .content {
  float: right;
}
.main.rtl .sidebar {
  float: left;
}
.main.rtl .content-title {
  font-size: 18px;
  font-family: 'GE Flow', sans-serif;
}
.main.rtl .content-title i {
  margin-right: 0;
  margin-left: 5px;
}
.main.rtl .content-inner-flex .post-title {
  font-size: 18px;
}
.main.rtl .content-inner-flex .slider {
  float: right;
}
.main.rtl .content-inner-flex .content-aside {
  float: left;
}
.main.rtl .tabs-secondary .tabs-nav ul {
  font-family: 'GE Flow', sans-serif;
}
.main.rtl .tabs-secondary .tabs-nav ul a {
  font-size: 18px;
}
.content {
  float: left;
  width: calc(100% - 378px);
}
.content-actions {
  margin-bottom: 50px;
  margin-top: -12px;
}
.content-inner-flex {
  margin-bottom: 53px;
}
.content-inner-flex:after {
  content: '';
  line-height: 0;
  display: table;
  clear: both;
}
.content-inner-flex .slider {
  width: 76.43%;
  float: left;
}
.content-inner-flex .content-aside {
  width: 20.98%;
  padding-left: 25px;
  float: right;
  background-image: linear-gradient(to bottom, #868686 30%, rgba(255, 255, 255, 0) 0%);
  background-position: left;
  background-size: 1px 5px;
  background-repeat: repeat-y;
}
.content-inner-flex .post {
  width: 100%;
  height: auto;
  margin-bottom: 0;
}
.content-inner-flex .post ~ .post {
  margin-top: 25px;
}
.content-inner-flex .post-title {
  font-size: 15px;
  margin: 0;
}
.content-inner-flex .post-inner {
  background: none;
}
.content-inner-flex .post-head {
  height: 60px;
  margin-bottom: 5px;
}
.content-inner-flex .post-body {
  padding-right: 0;
  height: 150px;
}
.content-inner-flex .post-image {
  float: none;
  margin: 7px 0;
}
.content-inner-flex .list-meta {
  padding-top: 0px;
}
.content-title {
  background: #ffff00;
  display: inline-block;
  font-size: 15px;
  color: #0e0e0e;
  padding: 3px 10px;
  font-weight: 400;
  margin-bottom: 20px;
}
.content-title-secondary {
  background: #fbfe00;
}
.content-title-tertiary {
  background: #d9d900;
}
.sidebar {
  float: right;
  width: 330px;
  /*  Up  */
}
.sidebar .widget-subscribe {
  margin-bottom: 23px;
}
.sidebar .widget-subscribe .socials {
  margin-top: 23px;
}
.sidebar .widget-subscribe .widget-content {
  width: 100%;
  display: block;
}
.sidebar .subscribe {
  padding: 20px 20px 23px;
}
.sidebar.sticky-sidebar {
  transform: translate3d(0, 0, 0);
}
.sidebar.sticky-sidebar .widget-primary:not(.hidden-xs) {
  margin-bottom: 25px;
}
.sidebar-up {
  margin-top: -25px;
}
@media (max-width: 1200px ) {
  .main.rtl .content-title {
    margin-right: 13px;
  }
  .main.rtl .content-inner-flex .posts {
    margin: 0;
  }
  .content-inner-flex .content-aside {
    width: 235px;
  }
  .content-inner-flex .slider {
    width: calc(100% - 235px);
    padding-right: 10px;
  }
}
@media (max-width: 1200px ) {
  .content {
    float: none;
    width: 100%;
  }
  .sidebar {
    float: none;
    margin: 30px auto;
    width: 100%;
    display: none;
  }
  .sidebar .widgets {
    display: flex;
    flex-flow: row wrap;
  }
  .sidebar .widgets &gt; li[class^=widget-] {
    width: 32%;
    margin-left: 1% !important;
  }
}
@media (max-width: 1023px ) {
  .main.rtl .content-title {
    margin-right: 0px;
  }
  .main.rtl .content-inner-flex .posts {
    margin: 0 -12px;
  }
  .content-inner-flex {
    display: block;
    margin-top: 0px;
  }
  .content-inner-flex .content-aside,
  .content-inner-flex .slider {
    width: 100%;
    float: none;
    padding-right: 0;
  }
  .content-inner-flex .content-aside {
    background: none;
    padding-left: 0;
    padding-top: 20px;
    width: 100%;
  }
  .content-inner-flex .post ~ .post {
    margin-top: 10px;
  }
  .content-inner-flex .post-body {
    height: auto;
    margin-bottom: 10px;
  }
  .content-inner-flex .post-head {
    height: 50px;
  }
  .content-inner-flex .post-inner {
    display: block;
  }
  .content-inner-flex .post-image {
    float: none;
    margin-right: 15px;
  }
  .sidebar .widgets &gt; li[class^=widget-] {
    width: 47%;
  }
  .sidebar .widgets &gt; li[class^=widget-]:nth-child(3n+1) {
    clear: none;
    margin-left: 2%;
  }
  .sidebar .widgets &gt; li[class^=widget-]:nth-child(2n+1) {
    clear: both;
  }
  .sidebar .widgets &gt; li[class^=widget-]:nth-child(2n+1),
  .sidebar .widgets &gt; li[class^=widget-] {
    margin-left: 2% !important;
  }
}
@media (max-width: 767px ) {
  .main {
    position: relative;
  }
  .main.active:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(255, 255, 255, 0.65);
    z-index: 3;
  }
  .main.rtl .content-inner-flex .content-aside {
    margin-top: 20px;
    background-image: linear-gradient(to right, #868686 30%, rgba(255, 255, 255, 0) 0%);
    background-position: top;
    background-size: 5px 1px;
    background-repeat: repeat-x;
  }
  .main.rtl .tabs-nav a {
    text-align: right;
    flex-direction: row-reverse;
  }
  .main.rtl .tabs-nav .current:before {
    right: auto;
    left: 23px;
  }
  .content-title {
    margin-left: -15px;
    padding-left: 15px;
  }
  .content-inner-flex {
    margin-bottom: 20px;
  }
  .sidebar {
    width: 100%;
    float: none;
    margin-bottom: 16px;
  }
  .sidebar .subscribe {
    padding: 18px 18px 30px 33px;
  }
  .sidebar .subscribe label {
    margin-left: -18px;
  }
  .sidebar .widgets &gt; li[class^=widget-] {
    width: 100%;
    margin-left: 0 !important;
  }
  .sidebar .widget-title:before {
    content: '';
    width: 20px;
    height: 20px;
    background: #1b1f23;
    display: block;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
  }
  .sidebar .widget-title:after {
    content: '\f0dd';
    font-family: 'FontAwesome';
    font-size: 16px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 4px;
    margin-top: -3px;
    color: #fff;
  }
  .sidebar .widget-title a {
    display: none;
  }
  .sidebar .quote {
    margin-bottom: 20px;
  }
}
/* ------------------------------------------------------------ *\
	Wrapper
\* ------------------------------------------------------------ */
.wrapper {
  position: relative;
  min-height: 100vh;
  overflow: hidden;
}
.wrapper:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: fixed;
  background: rgba(255, 255, 255, 0.7);
  z-index: 101;
  opacity: 0;
  visibility: hidden;
  transition: opacity .3s, visibility .3s;
}
.wrapper.active:before {
  opacity: 1;
  visibility: visible;
}
.wrapper.active .container {
  position: static;
}
@media (max-width: 767px ) {
  .wrapper {
    /*  Secondary  */
  }
  .wrapper.shareable {
    padding-bottom: 58px;
  }
  .wrapper-secondary .header-secondary {
    display: block;
    background: #141619;
    margin-bottom: 0;
    padding: 0px;
    border-bottom-width: 2px;
  }
  .wrapper-secondary .section-details {
    padding-top: 0px;
  }
}
@media print {
  .wrapper {
    padding-bottom: 0 !important;
  }
  .wrapper .article-foot,
  .wrapper .article-comments,
  .wrapper .nav,
  .wrapper .footer,
  .wrapper .section-next,
  .wrapper .sidebar,
  .wrapper .link-close-share,
  .wrapper .widget-meta,
  .wrapper .socials-tertiary,
  .wrapper .list-actions,
  .wrapper .bar {
    display: none !important;
  }
  .wrapper .content {
    width: 100%;
  }
  .wrapper .logo-small {
    float: none;
  }
  .wrapper .header-secondary {
    text-align: center;
    margin-top: 0;
    padding: 10px;
    margin-bottom: 20px;
  }
  .wrapper .header-secondary .header-inner {
    display: block !important;
    padding: 0;
  }
  .wrapper .widget-share {
    float: none;
    width: 100%;
    border: 0;
    padding: 0;
    text-align: left;
    position: static !important;
  }
  .wrapper .widget-share + div {
    display: none !important;
  }
  .wrapper .widget-share .author {
    padding-left: 15px;
    margin-top: -5px;
  }
  .wrapper .widget-share .widget-image {
    display: flex;
    align-items: center;
  }
  .wrapper .article-details .alignleft {
    float: left;
    width: auto;
    margin-right: 15px;
  }
  .wrapper .article-details .alignright {
    float: right;
    width: auto;
    margin-left: 15px;
  }
  .wrapper .article-details .article-body .quote-primary {
    max-width: 50%;
    margin-top: 10px;
  }
  .wrapper .quote-primary .bottom,
  .wrapper .quote-primary .top {
    background: #fff;
  }
}
.print.wrapper {
  padding-bottom: 0 !important;
}
.print.wrapper .article-foot,
.print.wrapper .article-comments,
.print.wrapper .nav,
.print.wrapper .footer,
.print.wrapper .section-next,
.print.wrapper .sidebar,
.print.wrapper .link-close-share,
.print.wrapper .widget-meta,
.print.wrapper .socials-tertiary,
.print.wrapper .list-actions,
.print.wrapper .bar {
  display: none !important;
}
.print.wrapper .content {
  width: 100%;
}
.print.wrapper .logo-small {
  float: none;
  background-image: url('images/img_logo.jpg');
  width: 358px;
  height: 50px;
}
.print.wrapper .header-secondary {
  text-align: center;
  margin-top: 0;
  padding: 10px;
  margin-bottom: 20px;
  background: none;
  border-bottom: 0;
}
.print.wrapper .header-secondary .header-inner {
  display: block !important;
  padding: 0;
}
.print.wrapper .widget-share {
  float: none;
  width: 100%;
  border: 0;
  padding: 0;
  text-align: left;
  position: static !important;
}
.print.wrapper .widget-share + div {
  display: none !important;
}
.print.wrapper .widget-share .author {
  padding-left: 15px;
  margin-top: -5px;
}
.print.wrapper .widget-share .widget-image {
  display: flex;
  align-items: center;
}
.print.wrapper .article-details .alignleft {
  float: left;
  width: auto;
  margin-right: 15px;
}
.print.wrapper .article-details .alignright {
  float: right;
  width: auto;
  margin-left: 15px;
}
.print.wrapper .article-details .article-body .quote-primary {
  max-width: 50%;
  margin-top: 10px;
}
.print.wrapper .quote-primary .bottom,
.print.wrapper .quote-primary .top {
  background: #fff;
}
/* ------------------------------------------------------------ *\
	Container
\* ------------------------------------------------------------ */
.container {
  position: relative;
  z-index: 1;
}
.container:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(255, 255, 255, 0.9);
  z-index: 70;
  opacity: 0;
  visibility: hidden;
  transition: opacity .3s, visibility .3s;
}
.container.overlay:before {
  opacity: 1;
  visibility: visible;
}
/* ------------------------------------------------------------ *\
	Footer
\* ------------------------------------------------------------ */
.footer {
  background: #1b1f23;
  color: #f7f7f7;
  padding: 35px 0 19px;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
}
.footer:before {
  content: '';
  background: #1b1f23;
  display: block;
  width: 100%;
  height: 3px;
  position: absolute;
  bottom: 100%;
  left: 0;
  margin-bottom: 1px;
}
.footer h5 {
  font-size: 16px;
  font-weight: 400;
  color: #f7f7f7;
  margin-bottom: 7px;
}
.footer h5 a:hover {
  text-decoration: none;
  color: #3784d0;
}
.footer .cols {
  display: flex;
  justify-content: space-between;
}
.footer .copyright {
  float: right;
  font-size: 13px;
  color: #999;
  font-family: 'Open Sans', sans-serif;
}
.footer .footer-content {
  padding: 0 15px;
}
.footer .footer-inner {
  position: relative;
  margin-top: 32px;
  color: #5a5c5e;
  padding: 31px 20px 0 15px;
}
.footer .footer-inner:before {
  content: '';
  background: #303337;
  position: absolute;
  width: 110%;
  top: 0;
  left: -5%;
  display: block;
  height: 1px;
}
.footer .footer-inner:after {
  content: '';
  line-height: 0;
  display: table;
  clear: both;
}
@media (max-width: 1023px ) {
  .footer .footer-inner {
    text-align: center;
  }
  .footer .copyright {
    float: none;
  }
}
@media (max-width: 767px ) {
  .footer {
    text-align: center;
    padding-top: 15px;
  }
  .footer.expanded .cols {
    display: block;
  }
  .footer:before {
    display: none;
  }
  .footer .cols {
    display: none;
    text-align: left;
  }
  .footer .footer-inner {
    margin-top: 15px;
    padding-top: 15px;
  }
  .footer .footer-inner:before {
    display: none;
  }
  .footer .footer-content h5 {
    margin-top: 30px;
  }
  .footer .link-sitemap:before {
    content: '';
    background: #303337;
    position: absolute;
    width: 800px;
    bottom: -17px;
    left: 50%;
    transform: translateX(-50%);
    display: block;
    height: 1px;
  }
}
/* ------------------------------------------------------------ *\
	Formstone Dropdown
\* ------------------------------------------------------------ */
.fs-dropdown-selected {
  border: 1px solid  #474a4e;
  font-size: 13px;
  font-family: 'Open Sans', sans-serif;
  letter-spacing: 0.08em;
  background: none;
  text-transform: lowercase;
  padding: 17px 70px 17px 35px;
  color: rgba(25, 31, 32, 0.6);
}
.fs-dropdown-selected:after {
  content: '\f0dd';
  font-family: 'FontAwesome';
  font-size: 17px;
  color: #1a1f22;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 56px;
  margin-top: -3px;
}
.fs-dropdown-selected:before {
  content: '';
  width: 19px;
  height: 19px;
  display: block;
  border-radius: 50%;
  background: #3784d0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 52px;
  margin-top: 1px;
  opacity: 0;
}
.fs-dropdown-selected:hover {
  color: #3b3d3c;
}
.fs-dropdown-selected:hover:before {
  opacity: 1;
}
.fs-dropdown-selected:hover:after {
  color: #fff;
}
.fs-dropdown-open .fs-dropdown-selected {
  color: #3b3d3c;
}
.fs-dropdown-open .fs-dropdown-selected:before {
  opacity: 1;
}
.fs-dropdown-open .fs-dropdown-selected:after {
  color: #fff;
}
.fs-dropdown-item {
  padding: 10px 35px;
  font-size: 13px;
  font-family: 'Open Sans', sans-serif;
  letter-spacing: 0.08em;
}
.fs-dropdown.fs-dropdown-open ~ i {
  z-index: 10;
}
.form-select {
  position: relative;
  font-size: 13px;
  color: #aaa;
  border: 0;
  font-family: 'Open Sans', sans-serif;
  text-transform: lowercase;
  width: 100%;
  background: none;
}
.form-select:before {
  content: '';
  width: 19px;
  height: 19px;
  display: block;
  border-radius: 50%;
  background: #3784d0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 51px;
  margin-top: 1px;
  opacity: 0;
  pointer-events: none;
}
.form-select:after {
  content: '\f0dd';
  font-family: 'FontAwesome';
  font-size: 17px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 56px;
  pointer-events: none;
  margin-top: -3px;
  color: #1a1f22;
}
.form-select:hover:before {
  opacity: 1;
}
.form-select:hover:after {
  color: #fff;
}
.form-select:hover select {
  color: #3b3d3c;
}
.form-select select {
  display: block;
  width: 100%;
  height: 54px;
  padding: 0 70px 0 35px;
  border: 1px solid #474a4e;
  background: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  border-radius: 0;
  text-transform: lowercase;
  letter-spacing: 0.08em;
}
.form-select option {
  color: #000;
}
.form-select select::-ms-expand {
  display: none;
}
.form-controls-select {
  position: relative;
  font-size: 14px;
  color: #aaa;
  border: 0;
  font-family: 'Open Sans', sans-serif;
  text-transform: none;
  width: 100%;
}
.form-controls-select:before {
  content: '';
  width: 29px;
  height: auto;
  background: #262a2e;
  display: inline-block;
  position: absolute;
  top: 0px;
  bottom: 0;
  right: 0;
  pointer-events: none;
}
.form-controls-select:after {
  content: '\f0dd';
  font-family: 'FontAwesome';
  font-size: 17px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 9px;
  pointer-events: none;
  margin-top: -5px;
}
.form-controls-select select {
  display: block;
  width: 100%;
  height: 31px;
  padding: 0 30px 0 11px;
  border: 0;
  background: #262a2e;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  border-radius: 0;
}
.form-controls-select select::-ms-expand {
  display: none;
}
/* ------------------------------------------------------------ *\
	Form
\* ------------------------------------------------------------ */
input::placeholder {
  color: inherit;
  opacity: 1;
}
textarea::placeholder {
  color: inherit;
  opacity: 1;
}
input:-webkit-autofill {
  -webkit-text-fill-color: inherit;
  -webkit-box-shadow: 0 0 0 1000px #fff inset;
}
.textarea,
.field {
  background: #efefef;
  font-family: 'Open Sans', sans-serif;
  font-size: 15px;
  color: #191f1f;
  border: 1px solid transparent;
  border-left: 4px solid transparent;
  width: 100%;
  border-radius: 0;
}
.form-btn {
  border-radius: 0;
}
.form-btn.btn-blue:hover {
  background: #282d33;
  color: #fff;
  border-color: #282d33 !important;
}
select[required] + .fs-dropdown-selected,
.textarea[required],
.field[required] {
  border-left-color: #3784d0;
}
input[type=date] {
  -webkit-appearance: none;
}
::-webkit-inner-spin-button,
::-webkit-calendar-picker-indicator {
  display: none;
  -webkit-appearance: none;
}
.field {
  height: 48px;
  padding: 0 15px 0 47px;
}
.form-controls {
  position: relative;
  /*  Form Error  */
  /*  No Ico  */
}
.form-controls i {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 20px;
  font-size: 17px;
  color: #444;
  z-index: 1;
}
.form-controls .fa-male {
  margin-left: -3px;
}
.form-controls .fa-female {
  margin-left: 6px;
}
.form-controls-error {
  border-color: #0c6cad;
}
.form-controls-error select[required] + .fs-dropdown-selected,
.form-controls-error .textarea[required],
.form-controls-error .field[required] {
  border-color: #3784d0;
}
.form-controls-error .form-error {
  position: absolute;
  top: -7px;
  right: 20px;
  display: inline-block;
  vertical-align: middle;
  background: #0c6cad;
  color: #fff;
  border-radius: 2px;
  font-size: 10px;
  font-family: 'Open Sans', sans-serif;
  padding: 2px 7px 4px;
  line-height: 1;
}
.form-controls-no-ico .textarea,
.form-controls-no-ico .field,
.form-controls-no-ico .fs-dropdown-selected {
  padding-left: 18px !important;
  padding-right: 35px !important;
}
.form-controls-no-ico i {
  left: auto;
  right: 18px;
}
/*  Form Upload  */
.form-upload {
  font-family: 'Open Sans', sans-serif;
  background: #efefef;
  border-left: 4px solid transparent;
  padding: 8px 20px 23px;
  /*  Info  */
}
.form-upload.required {
  border-left-color: #3784d0;
}
.form-upload input[type="file"] {
  position: fixed;
  left: -10000px;
  top: -10000px;
}
.form-upload label {
  display: block;
  margin-bottom: 9px;
}
.form-upload label:after {
  content: '';
  line-height: 0;
  display: table;
  clear: both;
}
.form-upload label &gt; span {
  float: left;
  font-size: 15px;
  display: block;
}
.form-upload label .btn {
  float: right;
  width: 117px;
  border: 1px solid #3784d0;
  color: #0c6cac;
  font-size: 13px;
  padding: 5px 10px 5px 30px;
  position: relative;
  text-decoration: underline;
}
.form-upload label .btn:hover {
  background: #3784d0;
  color: #fff;
}
.form-upload label .btn i {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 25px;
  font-size: 17px;
}
.form-upload-info {
  border-top: 1px solid #ddd;
  text-align: right;
  font-size: 12px;
  color: #666;
  font-family: 'Open Sans', sans-serif;
  padding-top: 9px;
}
/* ------------------------------------------------------------ *\
	Form Primary
\* ------------------------------------------------------------ */
.form-primary h3 {
  margin-top: 30px;
  margin-bottom: 15px;
  font-size: 17px;
}
.form-primary .form-row:after {
  content: '';
  line-height: 0;
  display: table;
  clear: both;
}
.form-primary .form-row ~ .form-row {
  margin-top: 12px;
}
.form-primary .fs-dropdown-selected {
  background: #efefef;
  border: 0;
  border-left: 4px solid transparent;
  height: 48px;
  padding: 14px 70px 14px 47px;
  font-family: 'Open Sans', sans-serif;
  font-size: 15px;
  color: #191f1f;
  text-transform: none;
  letter-spacing: 0;
}
.form-primary .fs-dropdown-selected:before {
  display: none;
}
.form-primary .fs-dropdown-selected:after {
  content: '\f0dd';
  right: 18px;
}
.form-primary .fs-dropdown-selected:hover:after {
  color: inherit;
}
.form-primary .form-select {
  background: #efefef;
}
.form-primary .form-select:before {
  display: none;
}
.form-primary .form-select:after {
  right: 18px;
}
.form-primary .form-select:hover:after {
  color: #191f1f;
}
.form-primary .form-select select {
  border: 0;
  padding-left: 47px;
  text-transform: none;
  color: #191f1f;
  font-size: 15px;
  letter-spacing: 0;
  height: 48px;
}
.form-primary .form-select select:required {
  border-left: 4px solid #3784d0;
}
.form-primary .form-select.form-controls-no-ico select {
  padding-left: 18px;
}
.form-primary .form-actions {
  padding: 0px 230px 0;
  position: relative;
  margin-top: 50px;
}
.form-primary .form-btn {
  width: 100%;
  text-align: center;
  border: 0;
  background: #0c6cad;
  color: #fff;
  font-size: 19px;
  font-weight: 700;
  text-transform: none;
  border: 2px solid transparent;
  max-width: 422px;
  margin: auto;
  display: block;
  padding: 8px;
}
.form-primary .form-btn:hover {
  border-color: #0c6cad;
}
.form-primary .form-required {
  font-family: 'Open Sans', sans-serif;
  font-size: 15px;
  font-style: italic;
  color: #191f1f;
  border-left: 2px solid #3784d0;
  padding-left: 20px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}
.form-primary .form-group h3 {
  text-transform: uppercase;
  font-size: 17px;
}
.form-primary .field-date:before {
  content: attr(placeholder);
  background-color: inherit;
  width: 100%;
}
.form-primary .textarea {
  height: 200px;
  resize: none;
  padding: 14px 15px 14px 47px;
}
.form-primary .textarea-large {
  height: 462px;
}
.form-primary .textarea + i {
  transform: none;
  top: 15px;
}
@media (max-width: 767px ) {
  .form-primary .col ~ .col {
    margin-top: 12px;
  }
  .form-primary .form-actions {
    margin-top: 18px;
    padding-left: 0;
    padding-right: 0;
  }
  .form-primary .form-required {
    position: relative;
    top: 0;
    transform: none;
    display: block;
    text-align: left;
    margin-bottom: 15px;
  }
  .form-primary .textarea-large {
    height: 200px;
  }
  .form-primary .fs-dropdown-selected {
    padding-right: 30px;
  }
}
/* ------------------------------------------------------------ *\
	Form Filter
\* ------------------------------------------------------------ */
.form-filter {
  direction: ltr;
  /*  Secondary  */
}
.form-filter .field {
  background: #262a2e;
  font-size: 14px;
  color: #aaa;
  height: 31px;
  padding: 0 25px 0 11px;
  border: 0;
}
.form-filter .field-date:before {
  content: attr(placeholder);
  background-color: inherit;
  width: 100%;
}
.form-filter .form-btn {
  height: 31px;
  width: 100%;
  font-size: 13px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  border: 0;
  padding: 5px;
}
.form-filter .form-controls {
  position: relative;
}
.form-filter .form-controls input + i {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 11px;
  font-size: 16px;
  color: #aaa;
  left: auto;
}
.form-filter .form-controls input ~ a {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  display: inline-block;
}
.form-filter .form-controls .fa-search {
  right: 43px;
}
.form-filter .fs-dropdown-selected {
  background: #262a2e;
  font-size: 14px;
  color: #aaa;
  height: 31px;
  padding: 0 30px 0 11px;
  border: 0;
  font-family: 'Open Sans', sans-serif;
  text-transform: none;
}
.form-filter .fs-dropdown-selected:before {
  display: none;
}
.form-filter .fs-dropdown-selected:after {
  color: #aaa;
  right: 11px;
}
.form-filter .fs-dropdown-item {
  padding: 5px 11px;
}
.form-filter .cols {
  margin: 0 -9px;
}
.form-filter .cols:after {
  content: '';
  line-height: 0;
  display: table;
  clear: both;
}
.form-filter .col {
  padding: 0 9px 10px;
}
.form-filter .col-size1 {
  width: 13.45%;
}
.form-filter .col-size2 {
  width: 18.9%;
}
.form-filter .col-size2 .field {
  padding-right: 65px;
}
.form-filter-secondary {
  margin-bottom: 9px;
}
.form-filter-secondary .field,
.form-filter-secondary .form-controls-select:before,
.form-filter-secondary .select-native {
  background: #efefef;
  color: #191f1f;
}
.form-filter-secondary .form-controls-select:after {
  color: #191f1f;
}
.form-filter-secondary .cols {
  display: flex;
  justify-content: center;
}
.form-filter-secondary .form-btn {
  position: absolute;
  top: 0;
  right: 8px;
  border: none;
  background: none;
  width: auto;
}
.form-filter-secondary .form-btn i {
  position: static;
  transform: none;
}
@media (max-width: 1200px ) {
  .form-filter .col-size1 {
    width: 16%;
  }
}
@media (max-width: 1023px ) {
  .form-filter .col {
    width: 100%;
  }
}
@media (max-width: 767px ) {
  .form-filter-secondary .cols {
    display: block;
  }
  .form-filter-secondary .fs-dropdown-selected,
  .form-filter-secondary .field {
    height: 46px;
  }
  .form-filter-secondary .form-btn {
    padding-top: 13px;
  }
}
/* ------------------------------------------------------------ *\
	Form Login
\* ------------------------------------------------------------ */
.form-login p {
  text-align: center;
  line-height: 1.2;
  font-size: 16px;
  margin-bottom: 35px;
}
.form-login .form-actions {
  padding: 0;
  margin-top: 38px;
}
.form-login .form-actions small {
  display: block;
  text-align: center;
  font-size: 14px;
  color: #2f353c;
  font-family: 'Open Sans', sans-serif;
  margin: 37px 0 20px;
}
.form-login .form-actions .btn {
  font-weight: 700;
  text-transform: none;
  font-size: 19px;
  letter-spacing: 0;
  padding: 10px;
}
.form-login .form-actions .btn-transparent {
  border-color: #dfdfdf;
}
.form-login .form-group ~ .form-group {
  margin-top: 39px;
}
.form-login .textarea {
  height: 200px;
  resize: none;
  padding: 14px 15px 14px 47px;
}
.form-login .textarea + i {
  transform: none;
  top: 15px;
}
.form-login .divider {
  display: block;
  border-top: 1px solid #bbb;
  margin: 30px 0 31px;
  position: relative;
  text-align: center;
  font-size: 19px;
  color: #444;
  font-weight: 700;
  line-height: 1;
}
.form-login .divider span {
  background: #fff;
  width: 87px;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  left: 50%;
  margin-top: -3px;
}
@media (max-width: 767px ) {
  .form-login .form-actions {
    margin-top: 18px;
  }
  .form-login .form-group ~ .form-group {
    margin-top: 12px;
  }
}
/* ------------------------------------------------------------ *\
	Header
\* ------------------------------------------------------------ */
.header {
  background: #282d33;
  color: #bbb;
  text-align: center;
  position: relative;
  padding: 27px 0 0px;
  margin-top: 40px;
  z-index: 2;
  /*  Secondary  */
  /*  Shadow  */
  /*  Arabic  */
}
.header:before {
  content: '';
  background: url(images/header-shadow.png) no-repeat 0 center;
  width: 1338px;
  height: 124px;
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.header .logo {
  margin-bottom: 19px;
  position: relative;
}
.header-secondary {
  background: #141619;
  margin-top: 40px;
  margin-bottom: 80px;
  padding: 16px 0px 0;
  position: relative;
  border-bottom: 4px solid #3784d0;
}
.header-secondary:after {
  content: '';
  line-height: 0;
  display: table;
  clear: both;
}
.header-secondary-alt {
  background: none;
  border-bottom-color: #ffff00;
}
.header-secondary .nav {
  padding: 0;
  float: right;
  width: calc(100% - 115px);
}
.header-secondary .link-search {
  font-size: 31px;
  color: #fff;
  padding-bottom: 0;
}
.header-secondary .link-search i {
  top: -19px;
  position: relative;
}
.header-secondary .header-image {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.header-secondary .header-image:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 50%;
  background: -moz-linear-gradient(top, rgba(6, 6, 6, 0.58) 0%, rgba(6, 6, 6, 0.57) 47%, rgba(6, 6, 6, 0.53) 51%, rgba(0, 0, 0, 0) 100%);
  background: -webkit-linear-gradient(top, rgba(6, 6, 6, 0.58) 0%, rgba(6, 6, 6, 0.57) 47%, rgba(6, 6, 6, 0.53) 51%, rgba(0, 0, 0, 0) 100%);
  background: linear-gradient(to bottom, rgba(6, 6, 6, 0.58) 0%, rgba(6, 6, 6, 0.57) 47%, rgba(6, 6, 6, 0.53) 51%, rgba(0, 0, 0, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#94060606', endColorstr='#00000000', GradientType=0);
}
.header-secondary .header-inner {
  position: relative;
  /*  RTL  */
}
.header-secondary .header-inner:after {
  content: '';
  line-height: 0;
  display: table;
  clear: both;
}
.header-secondary .header-inner h1 {
  font-size: 30px;
  font-weight: 400;
  float: left;
  margin-right: 15px;
}
.header-secondary .header-inner h1 a {
  text-decoration: none;
}
.header-secondary .header-inner h1 a:hover {
  color: #3784d0;
}
.header-secondary .header-inner h1 .rtl {
  font-family: 'GE Flow', sans-serif;
  margin-left: 10px;
}
.header-secondary .header-inner h1.cloned {
  display: none;
}
.header-secondary .header-inner.rtl h1.cloned {
  margin-right: 0;
  font-family: 'GE Flow', sans-serif;
}
.header-secondary .header-outer {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  color: #fff;
  padding: 10px 0;
  position: relative;
  z-index: 6;
  background: #1a1d20;
  background: -moz-linear-gradient(top, #1a1d20 0%, #282d33 100%);
  background: -webkit-linear-gradient(top, #1a1d20 0%, #282d33 100%);
  background: linear-gradient(to bottom, #1a1d20 0%, #282d33 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1a1d20', endColorstr='#282d33', GradientType=0);
  /*  RTL  */
}
.header-secondary .header-outer:after {
  content: '';
  line-height: 0;
  display: table;
  clear: both;
}
.header-secondary .header-outer h1 {
  font-size: 30px;
  font-weight: 400;
  float: left;
  margin-right: 15px;
  letter-spacing: 0.025em;
}
.header-secondary .header-outer h1 a {
  text-decoration: none;
}
.header-secondary .header-outer h1 a:hover {
  color: #3784d0;
}
.header-secondary .header-outer h1 .rtl {
  font-family: 'GE Flow', sans-serif;
  margin-left: 10px;
}
.header-secondary .header-outer .shell {
  position: relative;
}
.header-secondary .header-outer .lang {
  position: absolute;
  top: 40%;
  transform: translateY(-50%);
  right: 110px;
  font-family: 'GE Flow', sans-serif;
  font-size: 18px;
}
.header-secondary .header-outer-alt {
  background: none;
}
.header-secondary .header-outer-alt h1 {
  font-size: 50px;
}
.header-secondary .header-outer-alt h1 .rtl {
  margin-left: 0;
  margin-top: 40px;
  display: inline-block;
  vertical-align: top;
}
.header-secondary .header-outer.rtl h1 {
  float: right;
  font-family: 'GE Flow', sans-serif;
  margin-right: 0;
  margin-left: 15px;
}
.header-secondary .header-outer.rtl .link-filter {
  right: auto;
  left: 15px;
  direction: ltr;
  text-align: left;
}
.header-secondary .header-outer.rtl .link-dropdown {
  font-family: 'GE Flow', sans-serif;
}
.header-secondary .header-outer.rtl .link-dropdown:after {
  left: auto;
  right: 100%;
  margin-right: 15px;
  margin-left: 0;
}
@media (max-width: 1200px ) {
  .header-secondary {
    padding: 16px 14px 0;
  }
  .header-secondary .nav {
    width: calc(100% - 40px);
  }
  .header-secondary .header-outer {
    margin: 0 -14px;
    padding-left: 13px;
    padding-right: 13px;
  }
}
@media (max-width: 1023px ) {
  .header-secondary .header-inner {
    padding-bottom: 7px;
  }
  .header-secondary .nav {
    width: calc(100% - 40px);
  }
  .header-secondary .nav a {
    padding-left: 3px;
    padding-right: 3px;
  }
  .header-secondary .nav .link-search {
    font-size: 17px;
    margin-top: 0px;
  }
  .header-secondary .nav .link-search i {
    top: -6px;
  }
}
@media (max-width: 767px ) {
  .header-secondary {
    padding: 0;
    margin-bottom: 25px;
    border-bottom-width: 2px;
  }
  .header-secondary:not(.header-secondary-alt):not(.header-default) .header-outer h1 {
    display: none;
  }
  .header-secondary.header-secondary-alt {
    margin-bottom: 20px;
  }
  .header-secondary.header-default .header-outer h1 {
    font-size: 25px;
  }
  .header-secondary .header-inner {
    padding-top: 11px;
    padding-bottom: 11px;
  }
  .header-secondary .header-inner h1.cloned {
    display: block;
    color: #fff;
    float: right;
    font-size: 23px;
    font-family: 'Arial', 'Helvetica', sans-serif;
    line-height: 1;
  }
  .header-secondary .header-outer .lang {
    display: none;
  }
  .header-secondary .header-outer-alt h1 {
    font-size: 25px;
  }
  .header-secondary .header-outer-alt h1 .rtl {
    font-size: 25px;
    font-family: 'Arial', 'Helvetica', sans-serif;
    margin-top: 20px;
  }
  .header-secondary .header-outer-taller {
    padding-bottom: 40px;
  }
  .header-secondary .header-outer-taller .link-filter {
    bottom: -42px;
  }
}
.header-shadow:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  right: 50%;
  background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
  background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
  background: linear-gradient(to right, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6000000', endColorstr='#00000000', GradientType=1);
}
.header-shadow .header-inner {
  z-index: 10;
}
.header-arabic {
  background: #282D33;
}
.header-arabic:before {
  display: none;
}
.header-arabic .header-inner {
  padding: 11px 0;
}
.header-arabic .header-outer {
  background: none;
}
@media (max-width: 1200px ) {
  .header-arabic .header-outer {
    padding-bottom: 30px;
  }
  .header-arabic .header-outer .link-filter {
    bottom: -34px;
  }
}
/* ------------------------------------------------------------ *\
	Lists
\* ------------------------------------------------------------ */
[class^=list-] {
  list-style: none;
}
/* ------------------------------------------------------------ *\
	List Interests
\* ------------------------------------------------------------ */
.list-interests {
  display: flex;
  justify-content: center;
  max-width: 1160px;
  flex-flow: row wrap;
  margin: auto;
  /*  Secondary  */
}
.list-interests a {
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  color: #aaa;
  display: block;
  background: #262a2e;
  padding: 8px 15px;
  border: 1px solid  #262a2e;
  text-decoration: none;
  min-width: 103px;
  margin: 0 8px 13px;
  flex: 1 0 auto;
  letter-spacing: 0.08em;
}
.list-interests a:not(.clicked):hover {
  background: none;
}
.list-interests .link-all,
.list-interests .link-more {
  border-color: #3784d0;
  text-decoration: underline;
}
.list-interests .even-more,
.list-interests .more {
  display: none;
}
.list-interests.visible .more {
  display: block;
}
.list-interests.visible .link-more {
  display: none;
}
.list-interests .clicked {
  background: #ffff00;
  color: #1b1f23;
  text-align: left;
  position: relative;
  padding-right: 20px;
}
.list-interests .clicked:after,
.list-interests .clicked:before {
  content: '';
  width: 12px;
  height: 1px;
  background: #7f8111;
  display: block;
  position: absolute;
  top: 18px;
  right: 6px;
}
.list-interests .clicked:after {
  transform: rotate(45deg);
}
.list-interests .clicked:before {
  transform: rotate(-45deg);
}
.list-interests-secondary {
  justify-content: flex-start;
}
.list-interests-secondary a {
  background: #f2f2f2;
  border-color: #f2f2f2;
  flex: 0 0 auto;
  margin: 0 15px 13px 0;
  text-align: center;
  color: #191f1f;
}
.list-interests-secondary .clicked {
  border-color: #ffff00;
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
}
.list-interests-secondary .link-more {
  background: #fff;
  color: #191f1f;
}
@media (max-width: 1200px ) {
  .list-interests {
    max-width: 640px;
  }
  .list-interests a {
    min-width: 95px;
  }
}
@media (max-width: 767px ) {
  .list-interests-secondary a {
    flex: 1 0 auto;
  }
}
/* ------------------------------------------------------------ *\
	List News
\* ------------------------------------------------------------ */
.list-news {
  /*  Round  */
  /*  Dark  */
  /*  Books  */
  /*  Default  */
  /*  RTL  */
}
.list-news li {
  display: flex;
}
.list-news li:after {
  content: '';
  line-height: 0;
  display: table;
  clear: both;
}
.list-news span {
  width: 60px;
  height: 60px;
  display: block;
  flex: 0 0 60px;
}
.list-news h4 {
  margin-left: 16px;
  font-size: 13px;
  line-height: 1.4;
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  display: flex;
  align-items: center;
}
.list-news a:hover {
  text-decoration: none;
  color: #3784d0;
}
.list-news-round li {
  display: flex;
  min-height: 50px;
}
.list-news-round li ~ li {
  margin-top: 13px;
}
.list-news-round li:last-child h4:after {
  display: none;
}
.list-news-round span {
  border-radius: 50%;
  overflow: hidden;
  margin-right: 30px;
}
.list-news-round span img {
  min-height: 100%;
  min-width: 100%;
  max-width: none;
}
.list-news-round a {
  display: block;
}
.list-news-round h4 {
  color: #212121;
  position: relative;
  margin-left: 0;
}
.list-news-round h4:after {
  content: '';
  display: block;
  border-bottom: 1px solid  #ddd;
  position: absolute;
  bottom: -8px;
  left: 0;
  width: 100%;
}
.list-news-dark li {
  background: #2b3035;
  padding: 24px;
  width: 278px;
  border: 1px solid transparent;
  box-shadow: 0 5px 3px rgba(0, 0, 0, 0.3);
  margin-bottom: 10px;
  flex: 0 1 278px;
}
.list-news-dark li:hover {
  border-color: #9a9ea1;
}
.list-news-dark h4 {
  color: #ddd;
}
.list-news-books span {
  width: 76px;
  flex: 0 0 76px;
}
.list-news-default li {
  background: #fff;
  padding: 23px 21px;
}
.list-news-default li ~ li {
  margin-top: 18px;
}
.list-news .rtl {
  direction: ltr;
}
.list-news .rtl h4 {
  font-size: 13px;
  font-family: 'Tahoma', sans-serif;
  line-height: 1.05;
  font-weight: 400;
}
@media (max-width: 767px ) {
  .list-news-dark li {
    padding: 21px 14px;
    width: 259px;
  }
}
/* ------------------------------------------------------------ *\
	List Inline
\* ------------------------------------------------------------ */
.list-inline li {
  display: inline-block;
  vertical-align: middle;
}
.list-inline a:hover {
  opacity: .7;
}
/* ------------------------------------------------------------ *\
	List Meta
\* ------------------------------------------------------------ */
.list-meta {
  font-size: 13px;
  font-family: 'Open Sans', sans-serif;
  color: #3784d0;
  padding-top: 10px;
}
.list-meta li {
  display: inline-block;
  vertical-align: middle;
}
.list-meta li ~ li:before {
  content: '|';
  margin: 0 5px;
}
.list-meta i {
  margin-right: 10px;
}
/* ------------------------------------------------------------ *\
	List Feed
\* ------------------------------------------------------------ */
.list-feed {
  padding-bottom: 20px;
}
.list-feed li {
  padding: 15px;
  width: 247px;
}
.list-feed p {
  font-family: 'Open Sans', sans-serif;
  font-size: 13px;
  line-height: 1.25;
  color: #f7f7f7;
}
.list-feed p:after {
  content: '';
  width: 15px;
  height: 1px;
  background: #ffff00;
  display: block;
  margin: 5px 0 0;
}
.list-feed span {
  flex: 0 0 100px;
  height: auto;
}
.list-feed div {
  padding-left: 10px;
  display: flex;
  flex-flow: row wrap;
}
.list-feed div a {
  display: block;
  margin-top: auto;
}
/* ------------------------------------------------------------ *\
	List Interviews
\* ------------------------------------------------------------ */
.list-interviews {
  padding-bottom: 20px;
}
.list-interviews li {
  width: 250px;
  display: flex;
}
.list-interviews li:after {
  content: '';
  line-height: 0;
  display: table;
  clear: both;
}
.list-interviews span {
  width: 93px;
  height: 93px;
  display: block;
  border-radius: 50%;
  border: 4px solid  #494c4f;
  margin-right: 13px;
  flex: 0 0 93px;
  position: relative;
}
.list-interviews span a:before {
  content: '';
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 0 7px 12px;
  border-color: transparent transparent transparent #1b1f23;
  position: absolute;
  bottom: 3px;
  right: 1px;
  z-index: 2;
}
.list-interviews span a:after {
  content: '';
  width: 37px;
  height: 37px;
  background: #ffff00;
  border: 4px solid  #1b1f23;
  border-radius: 50%;
  position: absolute;
  bottom: -8px;
  right: -10px;
}
.list-interviews h4 {
  font-size: 15px;
  font-weight: 400;
  color: #f7f7f7;
  margin-bottom: 0;
}
.list-interviews p {
  font-family: 'Open Sans', sans-serif;
  font-size: 13px;
  line-height: 1.3;
  color: #999;
}
.list-interviews div {
  display: flex;
  align-items: center;
  flex-flow: row wrap;
  padding: 10px 0;
}
/* ------------------------------------------------------------ *\
	List Links
\* ------------------------------------------------------------ */
.list-links {
  font-size: 14px;
  color: #b8b8b8;
  font-family: 'Open Sans', sans-serif;
  /*  RTL  */
}
.list-links a:hover {
  color: #fff;
  text-decoration: none;
}
.list-links li ~ li {
  margin-top: -1px;
}
.list-links.rtl {
  font-family: 'GE Flow', sans-serif;
  font-size: 15px;
  text-align: left;
}
/* ------------------------------------------------------------ *\
	List Devices
\* ------------------------------------------------------------ */
.list-devices {
  float: left;
  font-size: 29px;
  margin-left: 76px;
  margin-top: -15px;
}
.list-devices li {
  display: inline-block;
  vertical-align: middle;
}
.list-devices li ~ li {
  margin-left: 20px;
}
.list-devices li:first-child:after {
  content: '\f105';
  font-family: 'FontAwesome';
  font-size: 12px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 15px;
  margin-right: -8px;
}
.list-devices a:hover {
  color: #8c8d8f;
  text-decoration: none;
}
@media (max-width: 1023px ) {
  .list-devices {
    float: none;
    margin: 0;
  }
}
/* ------------------------------------------------------------ *\
	List Actions
\* ------------------------------------------------------------ */
.list-actions a {
  width: 58px;
  height: 62px;
  text-align: center;
  display: block;
  float: right;
  border: 1px solid  #ccc;
  position: relative;
  color: #1b1f23;
  transition: all .3s;
}
.list-actions a:hover {
  background: #f3f3f3;
}
.list-actions li:after {
  content: '';
  line-height: 0;
  display: table;
  clear: both;
}
.list-actions li ~ li a {
  margin-top: -1px;
}
.list-actions span {
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  left: 50%;
}
.list-actions .fa {
  font-size: 20px;
}
@media (max-width: 767px ) {
  .list-actions {
    position: fixed;
    bottom: 0;
    left: 16.66%;
    right: 0;
    width: auto;
    display: flex;
    justify-content: space-between;
    z-index: 20;
  }
  .list-actions a {
    float: none;
    width: 100%;
    background: #f8f8f8;
    height: 58px;
  }
  .list-actions li {
    flex: 1 0 auto;
  }
  .list-actions li ~ li a {
    margin-top: 0;
    border-left: 0;
  }
}
/* ------------------------------------------------------------ *\
	List Actions Secondary
\* ------------------------------------------------------------ */
.list-actions-secondary {
  position: absolute;
  bottom: 0;
  right: 40px;
  display: flex;
}
.list-actions-secondary li ~ li {
  margin-left: 20px;
}
.list-actions-secondary a:hover {
  color: #0c6cad;
}
.list-actions-secondary .inactive {
  display: none;
}
.list-actions-secondary.active .inactive {
  display: block;
}
@media (max-width: 767px ) {
  .list-actions-secondary {
    right: 13px;
    left: 13px;
    bottom: auto;
    top: 100%;
    color: #444;
    font-size: 18px;
    border-bottom: 1px solid #aaa;
    padding: 15px 0 5px;
  }
}
/* ------------------------------------------------------------ *\
	List Tags
\* ------------------------------------------------------------ */
.list-tags {
  display: inline-block;
  vertical-align: middle;
  margin-left: 20px;
  font-size: 12px;
  font-family: 'Open Sans', sans-serif;
  color: #333;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  margin-top: -4px;
}
.list-tags li {
  display: inline-block;
  vertical-align: middle;
}
.list-tags li ~ li {
  margin-left: 21px;
}
.list-tags a {
  text-decoration: underline;
}
.list-tags a:hover {
  color: #39f;
}
@media (max-width: 767px ) {
  .list-tags {
    margin-left: 0;
    display: block;
  }
  .list-tags li {
    margin-right: 10px;
    float: left;
    margin-bottom: 6px;
    margin-top: 2px;
  }
  .list-tags li ~ li {
    margin-left: 0;
  }
}
/* ------------------------------------------------------------ *\
	List Population
\* ------------------------------------------------------------ */
.list-population {
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  color: #202020;
  margin-top: 50px;
  line-height: 1.4;
  position: relative;
}
.list-population:before {
  content: '';
  width: 8px;
  height: 8px;
  background: #1b1f23;
  display: block;
  border-radius: 50%;
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  margin-bottom: 7px;
}
.list-population:after {
  content: '';
  width: 1px;
  height: 35px;
  display: block;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 100%;
  margin-bottom: 7px;
  background-image: linear-gradient(to bottom, #868686 30%, rgba(255, 255, 255, 0) 0%);
  background-position: left;
  background-size: 1px 5px;
  background-repeat: repeat-y;
}
.list-population span {
  width: 100%;
  max-width: 260px;
  padding: 15px 15px;
  background: #fff;
  text-align: center;
  display: inline-block;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
}
.list-population li:nth-child(even) {
  text-align: right;
}
.list-population li ~ li {
  margin-top: 7px;
}
.list-population .left span {
  text-align: left;
}
/* ------------------------------------------------------------ *\
	List Nav
\* ------------------------------------------------------------ */
.list-navs {
  float: left;
  font-size: 14px;
  font-family: 'Open Sans', sans-serif;
  text-transform: uppercase;
  color: #272c33;
  display: flex;
  color: #bababa;
  margin-left: 30px;
  position: relative;
  top: 14px;
  margin-top: -4px;
  /*  RTL  */
}
.list-navs a {
  padding: 17px 25px 21px;
  display: block;
  color: #bababa;
}
.list-navs li {
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  position: relative;
}
.list-navs li ~ li:after {
  content: '';
  display: block;
  width: 1px;
  height: 18px;
  background: #515559;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}
.list-navs .current {
  background: #f8f8f8;
  font-weight: 700;
}
.list-navs .current:after {
  display: none;
}
.list-navs .current a {
  color: #272c33;
}
.list-navs.rtl {
  float: right;
  font-family: 'GE Flow', sans-serif;
  font-size: 19px;
  top: 3px;
  margin-bottom: -12px;
}
.list-navs.rtl a {
  padding-bottom: 23px;
}
.list-navs.rtl li ~ li:after {
  left: auto;
  right: 0;
}
@media (max-width: 1023px ) {
  .list-navs {
    margin-top: 14px;
  }
  .list-navs a {
    padding: 10px 15px;
  }
  .list-navs.rtl {
    margin-top: 5px;
  }
  .list-navs.rtl li ~ li:after {
    margin-top: -5px;
  }
}
@media (max-width: 767px ) {
  .list-navs {
    display: none;
    width: 145px;
    position: absolute;
    top: 100%;
    left: 0;
    background: #141619;
    margin-top: 33px;
  }
  .list-navs li {
    display: block;
  }
  .list-navs li ~ li {
    border-top: 1px solid #414345;
  }
  .list-navs li ~ li:after {
    display: none;
  }
  .list-navs a {
    padding: 7px 10px;
  }
  .list-navs .current a {
    color: #fff;
  }
  .list-navs.active {
    display: block;
  }
  .list-navs.active li {
    background: #282d33;
  }
  .list-navs.rtl {
    left: auto;
    right: 35px;
    margin-top: 33px;
  }
  .list-navs.rtl a {
    padding-bottom: 7px;
  }
  .list-navs-secondary {
    display: flex;
    position: relative;
    clear: both;
    width: 100%;
    top: 12px;
    margin: 0px;
    background: none;
    padding-right: 105px;
  }
  .list-navs-secondary li ~ li {
    border: 0;
  }
  .list-navs-secondary a {
    padding: 10px 10px;
  }
  .list-navs-secondary .current a {
    color: #272c33;
  }
}
/* ------------------------------------------------------------ *\
	List Pages
\* ------------------------------------------------------------ */
.list-pages {
  margin: 30px -7px 0;
}
.list-pages:after {
  content: '';
  line-height: 0;
  display: table;
  clear: both;
}
.list-pages li {
  width: 50%;
  padding: 0 7px;
  float: left;
  margin-bottom: 11px;
}
.list-pages li:nth-child(2n+1) {
  clear: both;
}
.list-pages li a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 32px;
  border-radius: 7px;
  background: #fff;
  font-family: 'Open Sans', sans-serif;
  font-size: 13px;
  color: #202020;
  text-decoration: none;
  padding: 5px;
  transition: all .3s;
}
.list-pages li a:hover {
  background: #272a2e;
  color: #fff;
}
/* ------------------------------------------------------------ *\
	List Topics
\* ------------------------------------------------------------ */
.list-topics {
  columns: 2;
  font-family: 'Open Sans', sans-serif;
  font-size: 13px;
  color: #212121;
  margin-top: 10px;
}
.list-topics a {
  position: relative;
  padding-left: 15px;
}
.list-topics a:before {
  content: '\f0da';
  font-family: 'FontAwesome';
  margin-right: 10px;
  position: absolute;
  top: 0;
  left: 0;
}
.list-topics a:hover {
  color: #3784d0;
}
.list-topics li {
  padding-bottom: 13px;
  -webkit-column-break-inside: avoid;
  break-inside: avoid;
}
/* ------------------------------------------------------------ *\
	List Countries
\* ------------------------------------------------------------ */
.list-countries {
  display: flex;
  flex-flow: row wrap;
  margin: 30px -6px 0;
}
.list-countries li {
  flex: 1 0 auto;
  margin-bottom: 15px;
  padding: 0 6px;
}
.list-countries li a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 32px;
  border-radius: 7px;
  background: #fff;
  font-family: 'Open Sans', sans-serif;
  font-size: 13px;
  color: #202020;
  text-decoration: none;
  padding: 5px 10px 5px 25px;
  position: relative;
  transition: all .3s;
}
.list-countries li a:before {
  content: '\f041';
  font-family: 'FontAwesome';
  font-size: 12px;
  color: #5b5b5b;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 11px;
  transition: color .3s;
}
.list-countries li a:hover {
  background: #272a2e;
  color: #fff;
}
.list-countries li a:hover:before {
  color: #fff;
}
/* ------------------------------------------------------------ *\
	List Logins
\* ------------------------------------------------------------ */
.list-logins {
  margin: 0 -18px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  font-size: 19px;
}
.list-logins:after {
  content: '';
  line-height: 0;
  display: table;
  clear: both;
}
.list-logins li {
  padding: 0 18px;
  width: 50%;
  float: left;
}
.list-logins a {
  display: block;
  text-align: center;
  color: #fff;
  padding: 10px 10px 10px 20px;
  position: relative;
  text-decoration: none;
}
.list-logins a i {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 15px;
}
.list-logins .facebook {
  background: #304a7a;
}
.list-logins .facebook:hover {
  background: #3e5f9b;
}
.list-logins .google-plus {
  background: #be0715;
}
.list-logins .google-plus:hover {
  background: #e90a1b;
}
@media (max-width: 767px ) {
  .list-logins {
    margin: 0 -5px;
    font-size: 18px;
  }
  .list-logins li {
    padding: 0 5px;
  }
  .list-logins a {
    padding: 10px 5px 10px 25px;
  }
  .list-logins a i {
    left: 7px;
  }
}
/* ------------------------------------------------------------ *\
	List Steps
\* ------------------------------------------------------------ */
.list-steps {
  counter-reset: num;
  margin-bottom: 24px;
  font-family: 'Open Sans', sans-serif;
  /*  Alt  */
}
.list-steps li:before {
  content: counter(num);
  counter-increment: num;
  width: 47px;
  height: 47px;
  display: inline-block;
  vertical-align: middle;
  border-radius: 50%;
  border: 3px solid  #0c6cad;
  color: #0c6cad;
  text-align: center;
  font-size: 22px;
  font-weight: 700;
  font-family: 'Open Sans', sans-serif;
  padding-top: 2px;
  margin-right: 20px;
}
.list-steps li ~ li {
  border-top: 1px solid  #dfdfdf;
  margin-top: 15px;
  padding-top: 24px;
}
.list-steps a:not(.link-avatar) {
  color: #444;
  font-size: 13px;
  text-transform: uppercase;
  text-decoration: underline;
  position: relative;
  display: inline-block;
  padding-left: 30px;
}
.list-steps a:not(.link-avatar):hover {
  color: #3784d0;
}
.list-steps a:not(.link-avatar) i {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  font-size: 17px;
}
.list-steps-alt li:before {
  display: none;
}
.list-steps-alt .link-avatar {
  margin-left: 0;
}
@media (max-width: 767px ) {
  .list-steps a:not(.link-avatar) {
    max-width: 70%;
  }
  .list-steps li:before {
    position: relative;
    top: -10px;
  }
}
/* ------------------------------------------------------------ *\
	List Contributors
\* ------------------------------------------------------------ */
.list-contributors {
  display: flex;
  flex-flow: column wrap;
  max-height: 360px;
  justify-content: space-between;
  align-items: flex-start;
  width: auto;
}
.list-contributors li {
  margin-bottom: 17px;
  width: auto;
}
@media (max-width: 767px ) {
  .list-contributors {
    max-height: none;
  }
  .list-contributors li {
    margin-bottom: 0;
  }
  .list-contributors li ~ li {
    margin-top: 15px;
  }
}
@media all and (-ms-high-contrast: none) {
  .list-contributors {
    max-height: none;
    height: 360px;
  }
}
/* ------------------------------------------------------------ *\
	List Editors
\* ------------------------------------------------------------ */
.list-editors {
  columns: 3;
  column-gap: 0px;
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  line-height: 1.4;
}
.list-editors li {
  padding-bottom: 22px;
  max-width: 310px;
  -webkit-column-break-inside: avoid;
}
.list-editors h5 {
  font-size: 16px;
}
@media (max-width: 1200px ) {
  .list-editors {
    column-gap: 20px;
  }
}
@media (max-width: 1023px ) {
  .list-editors {
    flex-flow: row wrap;
    max-height: none;
    columns: 2;
    column-gap: 50px;
  }
  .list-editors li {
    flex: 0 0 50%;
    max-width: none;
    padding-right: 30px;
  }
}
@media (max-width: 767px ) {
  .list-editors {
    columns: 1;
  }
}
/* ------------------------------------------------------------ *\
	List Contacts
\* ------------------------------------------------------------ */
.list-contacts {
  display: flex;
  justify-content: space-between;
  text-align: center;
  align-items: center;
  font-size: 16px;
  font-family: 'Open Sans', sans-serif;
  color: #fff;
}
.list-contacts li {
  flex: 1 0 auto;
}
.list-contacts li ~ li {
  border-left: 1px solid  #34383b;
}
.list-contacts i {
  display: block;
  margin: 0 auto 10px;
  color: #ffff00;
  font-size: 20px;
}
.list-contacts .btn {
  letter-spacing: 0;
}
@media (max-width: 1023px ) {
  .list-contacts {
    flex-flow: row wrap;
  }
  .list-contacts li {
    flex: 0 0 50%;
    margin-bottom: 10px;
  }
  .list-contacts li:nth-child(3) {
    border-left: 0;
  }
}
@media (max-width: 767px ) {
  .list-contacts {
    display: block;
  }
  .list-contacts li ~ li {
    border-left: 0;
  }
  .list-contacts li ~ li:before {
    content: '';
    display: block;
    width: 60px;
    height: 1px;
    margin: 20px auto;
    background: #34383b;
  }
  .list-contacts .btn {
    width: 100%;
  }
}
/* ------------------------------------------------------------ *\
	List Privacy
\* ------------------------------------------------------------ */
.list-privacy {
  font-family: 'Open Sans', sans-serif;
  font-size: 15px;
  color: #444;
  line-height: 1.4;
}
.list-privacy &gt; li {
  background: #f2f2f2;
  border-left: 5px solid #3784d0;
  padding: 33px 40px 40px;
}
.list-privacy &gt; li ~ li {
  margin-top: 27px;
}
.list-privacy h5 {
  font-size: 18px;
  margin-bottom: 15px;
}
.list-privacy h6 {
  font-size: 15px;
}
.list-privacy h6:not(:first-of-type) {
  margin-top: 21px;
}
.list-privacy p {
  margin-bottom: 15px;
}
.list-privacy ul {
  list-style: none;
}
.list-privacy ul li:before {
  content: '-';
}
@media (max-width: 767px ) {
  .list-privacy &gt; li {
    padding: 20px 15px;
  }
}
/* ------------------------------------------------------------ *\
	List Info
\* ------------------------------------------------------------ */
.list-info {
  margin: 0 -30px 40px;
  text-align: left;
  font-size: 15px;
  color: #878787;
  border-top: 1px solid  #3e4248;
}
.list-info li {
  border-bottom: 1px solid  #3e4248;
  padding: 9px 40px 9px 67px;
}
@media (max-width: 767px ) {
  .list-info {
    margin: 0 -15px 35px;
  }
  .list-info li {
    padding-left: 30px;
    padding-right: 20px;
  }
}
/* ------------------------------------------------------------ *\
	List Engagement
\* ------------------------------------------------------------ */
.list-engagement {
  font-size: 13px;
}
.list-engagement li {
  display: inline-block;
  vertical-align: middle;
}
.list-engagement li ~ li {
  margin-left: 25px;
}
.list-engagement i {
  margin-right: 5px;
}
/* ------------------------------------------------------------ *\
	List Works
\* ------------------------------------------------------------ */
.list-works {
  margin: -23px -23px 15px;
  display: flex !important;
  font-size: 12px;
  font-family: 'Arial', 'Helvetica', sans-serif;
}
.list-works li {
  flex: 0 0 50%;
  background: #31353a;
  text-align: center;
  padding: 10px;
}
.list-works li ~ li {
  border-top: 0 !important;
  border-left: 1px solid  #1b1f23;
}
.list-works strong {
  display: block;
  font-size: 16px;
  font-family: 'Open Sans', sans-serif;
}
@media (max-width: 767px ) {
  .list-works {
    margin: -10px -10px 15px;
  }
}
/* ------------------------------------------------------------ *\
	Nav
\* ------------------------------------------------------------ */
.nav {
  padding: 0 50px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  font-size: 15px;
  color: #bbb;
  /*  Dropdown  */
}
.nav &gt; ul &gt; li {
  flex: 1 0 auto;
  text-align: center;
}
.nav &gt; ul &gt; li &gt; a {
  border-bottom: 4px solid transparent;
}
.nav &gt; ul &gt; li &gt; a:hover {
  border-color: #fff;
  color: #fff;
}
.nav ul {
  display: flex;
  justify-content: space-between;
}
.nav a {
  text-decoration: none;
  padding: 15px 10px 20px;
  display: block;
  height: 100%;
}
.nav .rtl {
  font-family: 'GE Flow', sans-serif;
  font-size: 19px;
  font-weight: 400;
  text-align: center;
  line-height: 1.3;
}
.nav .current &gt; a {
  color: #ffff00;
  border-bottom-color: #ffff00;
}
.nav .dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  z-index: 10;
  background: #1b1f23;
  color: #ddd;
  border-bottom: 4px solid #ffff00;
  padding: 45px 0;
  text-align: left;
  opacity: 0;
  visibility: hidden;
  transition: opacity .3s, visibility .3s;
}
.nav .dropdown a {
  padding: 0;
  display: inline;
  height: auto;
}
.nav .dropdown .widgets {
  margin: 0 -35px;
  display: flex;
}
.nav .dropdown.loading .sk-fading-circle {
  opacity: 1;
}
.nav .has-dropdown:hover a {
  background: #1b1f23;
  border-color: transparent;
}
.nav .has-dropdown:hover .dropdown {
  opacity: 1;
  visibility: visible;
}
@media (max-width: 1600px) {
  .nav {
    padding: 0;
    margin: 0 -15px 0 -30px;
  }
}
@media (max-width: 1200px ) {
  .nav {
    margin: 0 -15px 0 -20px;
  }
  .nav a {
    padding: 15px 5px 20px;
  }
  .nav .dropdown .widgets {
    margin: 0 -15px;
    flex-flow: row wrap;
  }
}
@media (max-width: 1023px ) {
  .nav {
    margin: 0 -15px;
  }
  .nav a {
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 7px;
    font-size: 11px;
  }
  .nav .rtl {
    font-size: 15px;
  }
}
@media (max-width: 767px ) {
  .nav {
    display: none;
  }
}
/* ------------------------------------------------------------ *\
	Nav Primary
\* ------------------------------------------------------------ */
.nav-primary {
  text-align: center;
  flex: 1 1 auto;
  position: relative;
  margin-left: 100px;
  /*  RTL  */
}
.nav-primary:after,
.nav-primary:before {
  content: '';
  width: 1px;
  height: 18px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  background: #898c8f;
  display: block;
}
.nav-primary:after {
  left: auto;
  right: 0;
}
.nav-primary li {
  display: inline-block;
  vertical-align: middle;
  margin: 0 55px;
}
.nav-primary a {
  text-decoration: none;
  border-bottom: 2px solid transparent;
  padding: 7px 0px;
  display: inline-block;
  height: 40px;
}
.nav-primary a:hover {
  border-color: #fff;
}
.nav-primary .current {
  background: #ffff00;
  color: #3b3f45;
  margin: 0;
}
.nav-primary .current a {
  padding: 7px 55px;
}
.nav-primary.rtl {
  font-size: 19px;
  font-family: 'GE Flow', sans-serif;
  direction: ltr;
  margin-top: 2px;
}
.nav-primary.rtl a {
  padding: 4px 0px;
}
@media (max-width: 1600px) {
  .nav-primary ul {
    display: flex;
    justify-content: space-around;
  }
  .nav-primary li {
    margin: 0;
  }
  .nav-primary .current a {
    padding: 7px 20px;
  }
}
@media (max-width: 1200px ) {
  .nav-primary {
    margin-left: 0px;
  }
  .nav-primary:after,
  .nav-primary:before {
    display: none;
  }
}
@media (max-width: 1023px ) {
  .nav-primary {
    padding: 0 10px;
    margin-left: 20px;
  }
  .nav-primary:before {
    display: block;
  }
  .nav-primary ul {
    justify-content: space-between;
  }
  .nav-primary li {
    margin: 0;
  }
  .nav-primary a {
    padding: 10px 5px;
    height: 48px;
  }
  .nav-primary .current a {
    padding: 10px 10px;
  }
}
@media (max-width: 767px ) {
  .nav-primary {
    display: none;
  }
}
/* ------------------------------------------------------------ *\
	Nav Access
\* ------------------------------------------------------------ */
.nav-access {
  float: right;
  position: relative;
  z-index: 2;
  margin-right: -15px;
  margin-left: auto;
}
.nav-access ul {
  display: flex;
}
.nav-access li {
  position: relative;
}
.nav-access li ~ li:before {
  content: '';
  background: #898c8f;
  width: 1px;
  position: absolute;
  top: 7px;
  bottom: 7px;
  left: 0;
}
.nav-access a {
  display: block;
  padding: 7px 15px 8px;
  height: 40px;
  position: relative;
}
.nav-access a.active,
.nav-access a:hover {
  background: #ffff00;
  color: #3b3f45;
  z-index: 2;
}
.nav-access .fa {
  margin: 0 10px;
}
.nav-access .dropdown {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  background: #1b1f23;
  padding: 23px;
  font-size: 15px;
}
.nav-access .dropdown.active {
  display: block;
}
.nav-access .dropdown ul {
  display: block;
}
.nav-access .dropdown li ~ li {
  border-top: 1px solid  #474a4d;
}
.nav-access .dropdown li ~ li:before {
  display: none;
}
.nav-access .dropdown a {
  padding-left: 0;
  padding-right: 0;
  height: auto;
}
.nav-access .dropdown a:hover {
  background: #2c323a;
  padding: 8px 10px 9px;
  margin: -1px -10px;
  color: #fff;
}
.nav-access .rtl {
  font-family: 'GE Flow', sans-serif;
  font-size: 19px;
  font-weight: 400;
}
.nav-access .has-dropdown &gt; a:before {
  content: '\f0d7';
  font-family: 'FontAwesome';
  margin: 0 10px;
  display: inline-block;
}
.nav-access .has-dropdown &gt; a.active:before {
  transform: rotate(180deg);
}
@media (max-width: 1200px ) {
  .nav-access .rtl {
    display: none;
  }
  .nav-access .fa {
    margin: 0 5px;
  }
}
@media (max-width: 1023px ) {
  .nav-access a {
    padding: 12px 10px 10px;
    height: 48px;
  }
  .nav-access .has-dropdown &gt; a:before {
    margin: 0 5px;
  }
  .nav-access .dropdown {
    width: 150px;
    padding-left: 10px;
    padding-right: 10px;
    left: auto;
    right: 0;
  }
  .nav-access .dropdown a:hover {
    padding: 12px 10px 10px;
  }
  .nav-access .list-works {
    margin-left: -10px;
    margin-right: -10px;
  }
}
@media (max-width: 767px ) {
  .nav-access {
    margin-right: -10px;
  }
  .nav-access a {
    padding: 8px 3px 10px;
    height: 40px;
  }
  .nav-access li ~ li:before {
    display: none;
  }
  .nav-access .has-dropdown &gt; a {
    padding-right: 20px;
  }
  .nav-access .dropdown {
    min-width: 155px;
    right: 0;
    left: auto;
  }
  .nav-access .dropdown {
    padding: 10px;
  }
}
/* ------------------------------------------------------------ *\
	Nav Sidebar
\* ------------------------------------------------------------ */
.nav-sidebar {
  position: fixed;
  top: 0;
  bottom: 0;
  left: -264px;
  width: 264px;
  background: #282d33;
  color: #ccc;
  font-family: 'Open Sans', sans-serif;
  font-size: 13px;
  text-transform: uppercase;
  transition: left .5s;
  z-index: 103;
  padding-top: 40px;
}
.nav-sidebar.active {
  left: 0;
}
.nav-sidebar.active .link-nav {
  width: 264px;
  visibility: visible;
}
.nav-sidebar a {
  display: block;
  text-decoration: none;
  padding: 10px 40px 10px 30px;
}
.nav-sidebar a:hover {
  background: #4e5863;
}
.nav-sidebar a.selected {
  background: #4e5863;
}
.nav-sidebar a.rtl {
  font-family: 'GE Flow', sans-serif;
  font-size: 17px;
  text-align: left;
}
.nav-sidebar ul {
  padding: 20px 0px 20px 0px;
}
.nav-sidebar ul ~ ul {
  border-top: 1px solid  #484c50;
}
.nav-sidebar li {
  position: relative;
}
.nav-sidebar li:after {
  content: '\f105';
  font-family: 'FontAwesome';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 20px;
}
.nav-sidebar .link-nav {
  padding: 7px 30px;
  border-bottom: 2px solid #ffff00;
  text-decoration: none;
  font-size: 15px;
  margin-top: 0;
  position: fixed;
  top: 0;
  left: 0;
  width: 0px;
  display: block;
  z-index: 100;
  background: #282d33;
  backface-visibility: hidden;
  height: 40px;
  transition: width .5s;
  visibility: hidden;
  white-space: nowrap;
  text-transform: none;
  font-size: 16px;
}
.nav-sidebar .socials {
  padding: 15px;
  margin-bottom: 0;
}
.nav-sidebar .socials ul {
  padding: 0;
}
.nav-sidebar .socials li {
  flex: 1 0 auto;
}
.nav-sidebar .socials li:after {
  display: none;
}
.nav-sidebar .socials li ~ li {
  margin-top: 0;
  margin-left: 5px;
}
.nav-sidebar .socials a {
  width: 100%;
  padding: 0;
}
.nav-sidebar .nav-inner {
  height: calc(100vh - 40px);
  padding-top: 10px;
  padding-bottom: 20px;
  z-index: 1;
  position: relative;
}
.nav-sidebar .mCSB_inside &gt; .mCSB_container {
  margin-right: 0;
}
@media (max-width: 1200px ) {
  .nav-sidebar .link-nav span {
    display: inline-block;
  }
}
@media (max-width: 767px ) {
  .nav-sidebar {
    width: 100%;
    left: -100%;
  }
  .nav-sidebar a {
    padding-left: 58px;
    padding-right: 40px;
  }
  .nav-sidebar li:after {
    right: 40px;
  }
  .nav-sidebar .nav-inner {
    padding-bottom: 0;
  }
  .nav-sidebar .link-nav {
    width: 100% !important;
    padding-left: 15px;
  }
  .nav-sidebar .link-nav i {
    margin-right: 15px;
    margin-left: 6px;
  }
  .nav-sidebar .socials {
    background: #0d6cae;
  }
}
/*     sub left menu navigation  */
.subMenu {
  position: absolute;
  background: #4E5863;
  left: 264px;
  height: 100vh;
  top: 0px;
  width: 0px;
  overflow: hidden;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
}
.subMenu.open {
  width: 198px;
}
.subMenu ul {
  padding: 0px 20px 0px 24px;
}
.subMenu ul &gt; li:last-child a {
  border: 0px;
  padding: 0px;
  margin: 0px;
}
.subMenu ul &gt; li:after {
  display: none;
}
.subMenu ul a {
  font-size: 16px;
  color: #fff;
  padding: 0px 0px 15px;
  margin-bottom: 12px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
  text-transform: capitalize;
  transition: opacity 0.2s;
  -webkit-transition: opacity 0.2s;
}
.subMenu ul a:hover {
  opacity: 0.7;
}
.subMenu .mobTitle {
  display: none;
  font-size: 16px;
  color: #cccccc;
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
  padding: 16px 0px 12px 0px;
  margin-bottom: 12px;
  margin-left: 21px;
  width: calc(100% - 42px);
  cursor: pointer;
}
.subMenu .mobTitle:before {
  font-size: 20px;
  color: #ffffff;
  content: '\f104';
  font-family: 'FontAwesome';
  margin-right: 24px;
}
.subMenu .wrap {
  margin-top: 405px;
  height: 190px;
}
@media (max-height: 630px) {
  .subMenu .wrap {
    margin-top: 55px;
  }
}
@media (max-width: 767px ) {
  .subMenu {
    left: 0px;
    z-index: 1;
    top: 40px;
    height: calc(100vh - 40px);
    width: 100%!important;
    transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
  }
  .subMenu.open {
    transform: translateX(0%);
    -webkit-transform: translateX(0%);
  }
  .subMenu ul {
    padding: 0px 21px;
  }
  .subMenu .mobTitle {
    display: block;
  }
  .subMenu .wrap {
    height: calc(100% - 107px);
    margin-top: 0px;
  }
}
/* ------------------------------------------------------------ *\
	Search
\* ------------------------------------------------------------ */
.search {
  position: fixed;
  top: 0;
  bottom: 0;
  left: -140%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(242, 242, 242, 0.98);
  transform: skew(-20deg);
  width: 120%;
  transition: left 1s;
  z-index: 50;
}
.search.active {
  left: -10%;
}
.search.active .search-inner {
  opacity: 1;
}
.search-inner {
  transform: skew(20deg);
  backface-visibility: hidden;
  opacity: 0;
  transition: opacity 1s .8s;
}
.search-field {
  background: none;
  border: 0;
  border-left: 1px solid  #1b1f23;
  color: #2f353c;
  font-size: 70px;
  font-weight: 300;
  font-family: 'Open Sans', sans-serif;
  height: 200px;
  padding: 0 40px;
  border-radius: 0;
}
.search-btn {
  width: 86px;
  height: 86px;
  border-radius: 50%;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
  background: #2f353c;
  font-size: 25px;
  color: #f7f7f7;
  border: 0;
  box-shadow: 4px 4px 7px rgba(0, 0, 0, 0.3);
  margin-top: -30px;
}
.search-btn:hover {
  background: #3784d0;
}
.search input::placeholder {
  color: #bbb;
  opacity: 1;
}
@media (max-width: 1500px ) {
  .search {
    transform: skew(-15deg);
  }
  .search-inner {
    transform: skew(15deg);
  }
}
@media (max-width: 1200px ) {
  .search {
    width: 150%;
    left: -300%;
  }
  .search.active {
    left: -25%;
  }
  .search-field {
    height: 100px;
    font-size: 50px;
  }
}
@media (max-width: 767px ) {
  .search-field {
    height: 50px;
    font-size: 23px;
    padding-left: 12px;
    padding-right: 10px;
    width: calc(100% - 60px);
  }
  .search-btn {
    width: 28px;
    height: 28px;
    font-size: 18px;
    margin-top: -10px;
    font-size: 12px;
  }
}
/* ------------------------------------------------------------ *\
	Slider
\* ------------------------------------------------------------ */
.slider .slides {
  list-style: none;
}
.slider .slide {
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0) scale(1, 1);
}
/* ------------------------------------------------------------ *\
	Slider Primary
\* ------------------------------------------------------------ */
.slider-primary {
  position: relative;
}
.slider-primary .slide {
  position: relative;
}
.slider-primary .slide-content {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 50px 97px 37px;
  font-size: 14px;
  line-height: 1.43;
  color: #ddd;
  min-height: 147px;
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.54) 46%, rgba(0, 0, 0, 0.55) 47%, rgba(0, 0, 0, 0.63) 100%);
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.54) 46%, rgba(0, 0, 0, 0.55) 47%, rgba(0, 0, 0, 0.63) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.54) 46%, rgba(0, 0, 0, 0.55) 47%, rgba(0, 0, 0, 0.63) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a1000000', GradientType=0);
}
.slider-primary .slide-content:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  top: 0;
  width: 100%;
}
.slider-primary .slide-content a {
  max-width: 560px;
  display: inline-block;
  position: relative;
  z-index: 2;
}
.slider-primary .slide-image {
  height: 456px;
}
.slider-primary .slide-image a {
  height: 100%;
  display: block;
}
.slider-primary .slider-meta {
  font-size: 25px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  color: #fff;
  position: absolute;
  bottom: 45px;
  left: 30px;
  display: inline-block;
  line-height: 1;
  z-index: 5;
}
.slider-primary .slider-meta small {
  font-size: 16px;
}
.slider-primary .slider-outer {
  position: relative;
}
.slider-primary .slide-video a {
  display: block;
  position: relative;
}
.slider-primary .slide-video a:before {
  content: '';
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  left: 50%;
  width: 76px;
  height: 76px;
  display: block;
  border-radius: 50%;
  opacity: .9;
  background: #3784d0;
  z-index: 2;
}
.slider-primary .slide-video a:after {
  content: '';
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 13.5px 0 13.5px 24px;
  border-color: transparent transparent transparent #fff;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  left: 50%;
  margin-left: 3px;
  z-index: 3;
}
.slider-primary .slide-video a:hover:before {
  background: #fff;
}
.slider-primary .slide-video a:hover:after {
  border-color: transparent transparent transparent #3784d0;
}
.slider-primary .slider-nav {
  margin-top: 10px;
}
.slider-primary .slider-nav ul {
  display: flex;
  justify-content: space-between;
  list-style: none;
}
.slider-primary .slider-nav li {
  position: relative;
}
.slider-primary .slider-nav a {
  font-size: 15px;
  font-family: 'Open Sans', sans-serif;
  color: #999;
  line-height: 1.2;
  display: block;
  padding-top: 5px;
}
.slider-primary .slider-nav a:hover {
  color: #222;
  font-weight: 700;
  text-decoration: none;
}
.slider-primary .slider-nav .clicked:before {
  content: '';
  position: absolute;
  bottom: 100%;
  left: -10px;
  right: -10px;
  height: 19px;
  background: #fff;
  display: block;
  z-index: 5;
}
.slider-primary .slider-nav .clicked a {
  font-weight: 700;
  color: #222;
  text-decoration: none;
}
.slider-primary .slider-nav .rtl a {
  font-family: 'Tahoma', sans-serif;
  font-size: 16px;
}
.slider-primary .slider-loader {
  height: 456px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.slider-primary .ico-loader {
  background: url(images/loader.svg) no-repeat 0 0;
  display: inline-block;
  vertical-align: middle;
  width: 46px;
  height: 46px;
}
.slider-primary .slider-outer {
  height: 456px;
}
.slider-primary .slider-outer.loaded {
  height: auto;
}
.slider-primary .slides .owl-item {
  display: none;
}
@media (max-width: 1023px ) {
  .slider-primary .slide-image,
  .slider-primary .slider-loader,
  .slider-primary .slider-outer {
    height: 300px;
  }
}
@media (max-width: 767px ) {
  .slider-primary .slider-nav ul {
    margin: 0;
  }
  .slider-primary .slider-nav li {
    flex: 0 0 49%;
    padding: 0;
  }
  .slider-primary .slider-nav li:nth-child(n+3) {
    display: none;
  }
  .slider-primary .slider-nav a {
    font-size: 13px;
  }
  .slider-primary .slider-nav .current:before {
    height: 10px;
    left: 0;
    right: 0;
    margin-bottom: 10px;
  }
  .slider-primary .slider-meta {
    font-size: 20px;
    bottom: 25px;
  }
  .slider-primary .slide-content .slide-title {
    display: none;
  }
}
@media (max-width: 395px ) {
  .slider-primary .slide-image,
  .slider-primary .slider-loader,
  .slider-primary .slider-outer {
    height: 230px;
  }
}
/* ------------------------------------------------------------ *\
	Slider Announcements
\* ------------------------------------------------------------ */
.slider-announcements h3 {
  font-size: 13px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  line-height: 1.4;
}
.slider-announcements a:hover {
  text-decoration: none;
  color: #3784d0;
}
.slider-announcements .slide {
  background: #fff;
  width: 260px;
  padding: 4px 14px;
}
.slider-announcements .slide:after {
  content: '';
  line-height: 0;
  display: table;
  clear: both;
}
.slider-announcements .slide-image {
  width: 57px;
  float: left;
}
.slider-announcements .slide-content {
  overflow: hidden;
  padding-left: 15px;
}
.slider-announcements .owl-nav .disabled {
  display: none;
}
.slider-announcements .owl-nav .fa {
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  left: 50%;
}
.slider-announcements .owl-nav .owl-next {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 50px;
  text-align: center;
  background: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(221, 221, 221, 0.8) 52%, #dddddd 65%, #dddddd 100%);
  background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(221, 221, 221, 0.8) 52%, #dddddd 65%, #dddddd 100%);
  background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(221, 221, 221, 0.8) 52%, #dddddd 65%, #dddddd 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#dddddd', GradientType=1);
}
.slider-announcements .owl-nav .owl-prev {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 50px;
  text-align: center;
  background: -moz-linear-gradient(left, #dddddd 0%, #dddddd 35%, rgba(221, 221, 221, 0.8) 48%, rgba(0, 0, 0, 0) 100%);
  background: -webkit-linear-gradient(left, #dddddd 0%, #dddddd 35%, rgba(221, 221, 221, 0.8) 48%, rgba(0, 0, 0, 0) 100%);
  background: linear-gradient(to right, #dddddd 0%, #dddddd 35%, rgba(221, 221, 221, 0.8) 48%, rgba(0, 0, 0, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dddddd', endColorstr='#00000000', GradientType=1);
}
@media (max-width: 767px ) {
  .slider-announcements .owl-nav {
    display: none;
  }
}
/* ------------------------------------------------------------ *\
	Slider Player
\* ------------------------------------------------------------ */
.slider-player {
  font-family: 'Open Sans', sans-serif;
}
.slider-player .slide {
  padding-top: 30px;
  padding-left: 20px;
}
.slider-player .slide span {
  font-size: 14px;
  display: block;
  margin-top: 10px;
}
.slider-player .slide-title {
  font-size: 25px;
  line-height: 0.95;
  font-weight: 400;
}
.slider-player .slider-nav {
  position: absolute;
  top: 50%;
  right: 22px;
  transform: translateY(-50%);
}
.slider-player .owl-dot {
  width: 10px;
  height: 10px;
  border: 1px solid #fff;
  border-radius: 50%;
  cursor: pointer;
}
.slider-player .owl-dot:hover,
.slider-player .owl-dot.active {
  background: #fff;
}
.slider-player .owl-dot ~ .owl-dot {
  margin-top: 3px;
}
@media (max-width: 767px ) {
  .slider-player .slider-nav {
    right: 8px;
  }
  .slider-player .slide-title {
    font-size: 20px;
    line-height: 0.95;
  }
  .slider-player .slide span {
    font-size: 13px;
  }
}
/* ------------------------------------------------------------ *\
	Slider Roundups, Feed, Interview
\* ------------------------------------------------------------ */
.slider-feed .owl-carousel .owl-stage-outer,
.slider-interview .owl-carousel .owl-stage-outer,
.slider-roundups-secondary .owl-carousel .owl-stage-outer,
.slider-roundups .owl-carousel .owl-stage-outer {
  overflow: visible;
}
.slider-feed .owl-carousel .owl-stage-outer img,
.slider-interview .owl-carousel .owl-stage-outer img,
.slider-roundups-secondary .owl-carousel .owl-stage-outer img,
.slider-roundups .owl-carousel .owl-stage-outer img {
  width: auto;
}
.slider-roundups-secondary .slides {
  display: flex;
}
.slider-roundups-secondary .slide {
  width: 280px;
  flex: 0 0 280px;
}
.slider-roundups-secondary .slide ~ .slide {
  margin-left: 13px;
}
@media (max-width: 1023px ) {
  .slider-roundups-secondary .owl-nav {
    display: block;
  }
}
@media (max-width: 767px ) {
  .slider-roundups-secondary .slide {
    width: auto;
    flex: 0 0 573px;
  }
  .slider-roundups-secondary .list-news {
    display: flex;
  }
  .slider-roundups-secondary .list-news li {
    flex: 0 0 280px;
    margin-bottom: 0 !important;
  }
  .slider-roundups-secondary .list-news li ~ li {
    margin-top: 0;
  }
  .slider-roundups-secondary .owl-nav {
    display: none;
  }
}
/* ------------------------------------------------------------ *\
	Slider Article
\* ------------------------------------------------------------ */
.slider-article {
  padding-top: 17px;
}
.slider-article .slides {
  margin-bottom: 19px;
  text-align: center;
  background: #eee;
}
.slider-article .slides .slide-image {
  max-height: 650px;
  padding-top: 66.7%;
  height: 0;
  background-size: auto 100%;
}
.slider-article .slider-thumbs {
  text-align: center;
  position: relative;
  padding: 0 22.07%;
}
.slider-article .slider-thumbs .owl-item {
  cursor: pointer;
}
.slider-article .slider-thumbs .owl-item img {
  opacity: .7;
}
.slider-article .slider-thumbs .owl-item:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border: 3px solid  #0a619a;
  opacity: 0;
}
.slider-article .slider-thumbs .owl-item:hover {
  opacity: 1;
}
.slider-article .slider-thumbs .owl-item.clicked:before {
  opacity: 1;
}
.slider-article .slider-thumbs .owl-item.clicked img {
  opacity: 1;
}
.slider-article .slider-thumbs .owl-nav {
  font-size: 18px;
}
.slider-article .slider-thumbs .owl-nav div:hover {
  color: #3784d0;
}
.slider-article .slider-thumbs .owl-prev {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 17%;
}
.slider-article .slider-thumbs .owl-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 17%;
}
@media (max-width: 767px ) {
  .slider-article .slider-thumbs {
    padding: 0 10%;
  }
  .slider-article .slider-thumbs .owl-prev {
    left: 3%;
  }
  .slider-article .slider-thumbs .owl-next {
    right: 3%;
  }
}
/* ------------------------------------------------------------ *\
	Slider Population
\* ------------------------------------------------------------ */
.slider-population {
  padding: 0 5px;
  color: #191f21;
  text-align: center;
  font-family: 'Open Sans', sans-serif;
  margin-top: 22px;
}
.slider-population small {
  display: block;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}
.slider-population h4 {
  font-size: 30px;
  line-height: 1.1;
  font-weight: 400;
}
.slider-population .slide {
  padding-top: 100%;
  height: 0;
  position: relative;
}
.slider-population .slide svg {
  position: absolute;
  top: -94%;
  left: 0;
  z-index: -1;
  transform: rotate(-90deg);
}
.slider-population .slide svg path {
  transition: all 1s;
}
.slider-population .slide-inner {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  text-align: center;
  padding: 20px;
  width: 100%;
}
.slider-population .owl-nav {
  text-align: center;
  font-size: 18px;
}
.slider-population .owl-nav div {
  display: inline-block;
  vertical-align: middle;
  margin: 10px 5px 0;
  color: #3b3e42;
}
.slider-population .owl-nav div:hover {
  color: #3784d0;
}
@media (max-width: 767px ) {
  .slider-population .slide {
    padding-top: 105%;
  }
  .slider-population .slide svg {
    left: 50%;
    transform: translateX(-50%) rotate(-90deg);
  }
}
/* ------------------------------------------------------------ *\
	Slider Vox Populi
\* ------------------------------------------------------------ */
.slider-vox-populi {
  font-family: 'Arial', 'Helvetica', sans-serif;
  font-size: 14px;
  line-height: 1.45;
  color: #dddddd;
}
.slider-vox-populi p {
  max-width: 578px;
}
.slider-vox-populi .slide {
  height: 567px;
}
.slider-vox-populi .slide-image {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.slider-vox-populi .slide-content {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 130px 30px 30px;
  background: url(images/slider-content-bg.png) no-repeat 0 0;
  background-size: 100% 100%;
}
.slider-vox-populi .owl-dots {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  display: flex;
  z-index: 10;
}
.slider-vox-populi .owl-dot {
  flex: 1 0 auto;
  height: 8px;
}
.slider-vox-populi .owl-dot.active {
  background: #fff;
}
.slider-vox-populi .owl-next,
.slider-vox-populi .owl-prev {
  width: 40px;
  height: 77px;
  background: #2677ab;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
}
.slider-vox-populi .owl-next:hover,
.slider-vox-populi .owl-prev:hover {
  background: #474a4d;
}
.slider-vox-populi .owl-next {
  right: 0;
}
.slider-vox-populi .owl-prev {
  left: 0;
}
@media (max-width: 767px ) {
  .slider-vox-populi .slide {
    height: auto;
  }
  .slider-vox-populi .slide-image {
    height: 197px;
    position: relative;
  }
  .slider-vox-populi .slide-content {
    position: relative;
    background: none;
    color: #282d33;
    padding: 20px 0;
  }
  .slider-vox-populi .owl-dots {
    top: 192px;
  }
  .slider-vox-populi .owl-prev,
  .slider-vox-populi .owl-next {
    top: 100px;
    width: 30px;
    height: 56px;
  }
}
/* ------------------------------------------------------------ *\
	Slider Round
\* ------------------------------------------------------------ */
.slider-round .owl-nav &gt; div:hover {
  color: #3784d0;
}
/* ------------------------------------------------------------ *\
	Socials
\* ------------------------------------------------------------ */
.socials {
  background: #25282c;
  padding: 16px 24px 18px;
  /*  Secondary  */
  /*  Tertiary  */
}
.socials ul {
  list-style: none;
  display: flex;
  justify-content: space-between;
}
.socials a {
  width: 45px;
  height: 45px;
  background: #3b3e42;
  color: #ddd;
  display: block;
  text-align: center;
  position: relative;
  font-size: 18px;
}
.socials i {
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  left: 50%;
}
.socials .link-twitter:hover {
  background: #22a1f2;
}
.socials .link-facebook:hover {
  background: #4867aa;
}
.socials .link-youtube:hover {
  background: #e52c27;
}
.socials .link-vimeo:hover {
  background: #00b3ed;
}
.socials .link-soundcloud:hover {
  background: #fd5121;
}
.socials-secondary {
  background: none;
  padding: 0;
  float: left;
  margin-top: -7px;
}
.socials-secondary a {
  width: auto;
  height: auto;
  background: none;
  color: #5a5c5e;
  transition: color .3s;
}
.socials-secondary a:hover {
  color: #8c8d8f;
}
.socials-secondary ul {
  display: block;
}
.socials-secondary li {
  display: inline-block;
  vertical-align: middle;
  font-size: 23px;
}
.socials-secondary li ~ li {
  margin-left: 35px;
}
.socials-secondary i {
  position: static;
  transform: none;
}
.socials-tertiary {
  margin: 34px 0 28px;
  display: inline-block;
}
.socials-tertiary a {
  width: 58px;
  height: 60px;
  display: block;
  position: relative;
  color: #fff;
  float: right;
  transition: opacity .3s;
}
.socials-tertiary a:hover {
  opacity: .7;
}
.socials-tertiary i {
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  left: 50%;
}
.socials-tertiary ul {
  /* display: none; */
  list-style: none;
  clear: both;
}
.socials-tertiary:after,
.socials-tertiary ul:after,
.socials-tertiary li:after {
  content: '';
  line-height: 0;
  display: table;
  clear: both;
}
.socials-tertiary li:nth-child(1) a {
  background: #0a6099;
}
.socials-tertiary li:nth-child(2) a {
  background: #064d79;
}
.socials-tertiary li:nth-child(3) a {
  background: #032b44;
}
.socials-tertiary li:nth-child(4) a {
  background: #031e31;
}
.socials-tertiary .toggle-share {
  background: #0b69a7;
}
@media (max-width: 1500px ) {
  .socials {
    padding: 16px 14px 18px;
  }
  .socials-secondary {
    padding: 0;
  }
}
@media (max-width: 1023px ) {
  .socials {
    padding: 16px 24px 18px;
  }
  .socials-secondary {
    padding: 0;
    float: none;
    margin-left: 0;
  }
}
@media (max-width: 767px ) {
  .socials-tertiary {
    position: fixed;
    bottom: 0;
    left: 0;
    padding: 0;
    width: 100%;
    z-index: 20;
    margin: 0;
  }
  .socials-tertiary a {
    /* float: none;    
    width: 100%; */
    float:right;
    width: 32px;
    height: 32px;
  }

  .socials-tertiary a svg {
    width: 23px !important;
    height: 23px !important;
  }

  .socials-tertiary a .at-icon-wrapper{
    width: 20px !important;
    height: 20px !important;
    line-height: 20px !important;
  }

  .socials-tertiary a:hover {
    opacity: 1;
  }
  .socials-tertiary ul {
    position: fixed;
    bottom: 58px;
    left: 0;
    width: 100%;
    /* display: none !important; */
  }
  .socials-tertiary ul.active {
    display: flex !important;
  }
  .socials-tertiary ul {
    display: flex !important;
  }
  .socials-tertiary li {
    flex: 1 0 auto;
  }
  .socials-tertiary .toggle-share {
    width: 16.66%;
    height: 58px;
  }
}
/* ------------------------------------------------------------ *\
	Subscribe
\* ------------------------------------------------------------ */
.subscribe {
  border: 1px solid #717578;
  padding: 37px 35px 39px;
  position: relative;
  margin-bottom: 7px;
  direction: ltr;
  text-align: left;
  /*  Rtl  */
}
.subscribe:before {
  content: '';
  position: absolute;
  top: -4px;
  right: -4px;
  width: 35px;
  height: 30px;
  background: #f8f8f8;
  display: block;
}
.subscribe:after {
  content: '';
  line-height: 0;
  display: table;
  clear: both;
}
.subscribe &gt; .ico-newsletter {
  position: absolute;
  top: -5px;
  right: 5px;
}
.subscribe label {
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #191f1f;
  display: block;
  vertical-align: middle;
  line-height: 1.18;
  font-family: 'Open Sans', sans-serif;
  margin-bottom: 30px;
}
.subscribe label:after {
  content: '';
  line-height: 0;
  display: table;
  clear: both;
}
.subscribe label span {
  border: 1px solid  #0d6dad;
  width: 44px;
  height: 44px;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  color: #0d6dad;
  padding-top: 10px;
  float: left;
}
.subscribe label strong {
  overflow: hidden;
  display: block;
  padding-left: 13px;
}
.subscribe-field {
  border: 0;
  border-bottom: 2px solid  #25282c;
  background: none;
  font-family: 'Open Sans', sans-serif;
  font-size: 12px;
  color: #6b6b6b;
  width: calc(100% - 77px);
  float: left;
  height: 27px;
  padding-right: 10px;
  border-radius: 0;
}
.subscribe-btn {
  width: 77px;
  height: 27px;
  color: #fff;
  background: #25282c;
  border: 0;
  text-transform: uppercase;
  font-size: 13px;
  font-family: 'Open Sans', sans-serif;
  float: right;
  border-radius: 0;
}
.subscribe-btn:hover {
  background: #3784d0;
}
.subscribe.rtl label {
  font-family: 'GE Flow', sans-serif;
  text-align: right;
  position: relative;
  font-size: 22px;
  margin-right: 25px;
}
.subscribe.rtl .subscribe-field {
  font-family: 'Tahoma', sans-serif;
  float: right;
  text-align: right;
  font-size: 13px;
}
.subscribe.rtl .subscribe-btn {
  font-family: 'GE Flow', sans-serif;
  float: left;
  font-size: 16px;
}
@media (max-width: 1023px ) {
  .subscribe {
    padding-top: 45px;
    padding-bottom: 45px;
    margin-bottom: 25px;
  }
  .subscribe label {
    margin-bottom: 38px;
    font-size: 17px;
  }
}
/* ------------------------------------------------------------ *\
	Tabs
\* ------------------------------------------------------------ */
.tabs {
  /*  Tabs Secondary  */
}
.tabs-nav {
  margin-bottom: 22px;
}
.tabs-nav ul {
  display: flex;
  justify-content: space-between;
  border: 1px solid  #1b1f23;
  font-family: 'Open Sans', sans-serif;
  letter-spacing: 0.06em;
  font-size: 14px;
  text-transform: uppercase;
}
.tabs-nav li {
  flex: 1 0 auto;
  height: 55px;
}
.tabs-nav a {
  display: block;
  text-align: center;
  padding: 5px 5px;
  text-decoration: none;
  line-height: 1.2;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.tabs-nav a:hover {
  background: #ccc;
}
.tabs-nav .current a {
  background: #1b1f23;
  color: #fff;
}
.tabs-nav.rtl a {
  font-family: 'GE Flow', sans-serif;
  font-size: 18px;
}
.tabs-secondary .tabs-nav {
  margin-bottom: 43px;
  direction: ltr;
  text-align: left;
  text-align: center;
  position: relative;
}
.tabs-secondary .tabs-nav:before {
  content: '';
  width: 100%;
  height: 1px;
  background: #1b1f23;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}
.tabs-secondary .tabs-nav ul {
  display: inline-block;
  font-size: 0;
  position: relative;
}
.tabs-secondary .tabs-nav li {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
}
.tabs-secondary .tabs-nav li ~ li {
  border-left: 1px solid  #1b1f23;
}
.tabs-secondary .tabs-nav a {
  padding: 5px 25px;
  min-width: 170px;
  background: #f8f8f8;
  letter-spacing: 0.08em;
}
.tabs-secondary .tabs-nav a:hover {
  background: #ccc;
}
.tabs-secondary .tabs-nav select {
  display: none;
}
.tabs-secondary .tabs-nav .current a {
  background: #1b1f23;
  color: #f7f7f7;
}
.tabs-secondary .tabs-nav .tab-item-interests {
  color: #ccc;
  pointer-events: none;
}
.tabs-secondary .tabs-nav .tab-item-interests.visible {
  color: #444;
  pointer-events: initial;
}
.tabs-secondary .tab {
  box-shadow: none;
  background: none;
  padding: 0;
}
@media (max-width: 767px ) {
  .tabs-secondary {
    margin: 0 -13px;
    padding: 0 13px;
    border-top: 0;
  }
  .tabs-secondary .tabs-nav {
    height: 65px;
    position: relative;
    z-index: 2;
    margin-top: 0px;
    margin-bottom: 30px;
  }
  .tabs-secondary .tabs-nav:before {
    content: '';
    width: 1000px;
    height: 1px;
    background: #1b1f23;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
  }
  .tabs-secondary .tabs-nav ul {
    display: none;
  }
  .tabs-secondary .tabs-nav:after {
    content: '\f0dd';
    font-family: 'FontAwesome';
    font-size: 17px;
    color: #fff;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 23px;
    margin-top: -3px;
    pointer-events: none;
    z-index: 2;
  }
  .tabs-secondary .tabs-nav select {
    display: block;
    width: 100%;
    height: 65px;
    padding: 5px 25px;
    border: 1px solid  #ccc;
    background: #1b1f23;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    border-radius: 0;
    color: #fff;
    position: relative;
    z-index: 1;
    letter-spacing: 0.08em;
  }
  .tabs-secondary .tabs-nav select::-ms-expand {
    display: none;
  }
}
/* ------------------------------------------------------------ *\
	Tab
\* ------------------------------------------------------------ */
.tab {
  display: none;
  box-shadow: 1px 2px 7px rgba(0, 0, 0, 0.1);
  background: #fff;
  padding: 14px 35px 20px 40px;
}
.tab.current {
  display: block;
}
/* ------------------------------------------------------------ *\
	Widgets
\* ------------------------------------------------------------ */
.widgets {
  list-style: none outside none;
  padding: 0;
  margin: 0;
}
.widgets:after {
  content: '';
  line-height: 0;
  display: table;
  clear: both;
}
.widget-title {
  font-size: 20px;
  font-weight: 700;
  color: #1a1f22;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  margin-bottom: 10px;
  background-image: linear-gradient(to right, #1a1f22 30%, rgba(255, 255, 255, 0) 0%);
  background-position: center 24px;
  background-size: 5px 1px;
  background-repeat: repeat-x;
}
.widget-title span {
  display: inline-block;
  vertical-align: middle;
  background: #f8f8f8;
  padding-right: 15px;
}
.widget-title a {
  float: right;
  background: #f8f8f8;
  padding-left: 10px;
  font-size: 23px;
  margin-top: 6px;
  margin-right: -3px;
}
.widget-title a:hover {
  color: #3784d0;
}
@media (max-width: 767px ) {
  .widget-title {
    background-position: center center;
    font-size: 18px;
    position: relative;
    cursor: pointer;
  }
}
/* ------------------------------------------------------------ *\
	Widget Border Bottom
\* ------------------------------------------------------------ */
.widget-bdb {
  padding-bottom: 45px;
  margin-bottom: 30px;
  background-image: linear-gradient(to right, #868686 30%, rgba(255, 255, 255, 0) 0%);
  background-position: bottom;
  background-size: 5px 1px;
  background-repeat: repeat-x;
}
@media (max-width: 767px ) {
  .widget-bdb {
    background-image: none;
  }
  .widget-bdb.expanded {
    background-image: linear-gradient(to right, #868686 30%, rgba(255, 255, 255, 0) 0%);
  }
}
/* ------------------------------------------------------------ *\
	Widget Subscribe
\* ------------------------------------------------------------ */
.widget-subscribe:after {
  content: '';
  line-height: 0;
  display: table;
  clear: both;
}
.widget-subscribe .widget-image {
  width: 256px;
  float: left;
}
.widget-subscribe .widget-content {
  width: calc(100% - 267px);
  float: right;
}
.widget-subscribe-smaller {
  max-width: 300px;
  float: right;
  width: 100%;
}
@media (max-width: 1200px ) {
  .widget-subscribe-smaller {
    max-width: none;
  }
}
@media (max-width: 1023px ) {
  .widget-subscribe .widget-image {
    width: 295px;
  }
  .widget-subscribe .widget-image img {
    width: 100%;
  }
  .widget-subscribe .widget-content {
    width: calc(100% - 305px);
  }
}
@media (max-width: 767px ) {
  .widget-subscribe .widget-content {
    display: none;
  }
  .widget-subscribe .widget-image {
    float: none;
    width: 100%;
  }
  .widget-subscribe .widget-image img {
    width: 100%;
  }
}
/* ------------------------------------------------------------ *\
	Widget Announcements
\* ------------------------------------------------------------ */
.widget-announcements {
  background: #f2f2f2;
  border: 1px solid  #e4e4e4;
  padding: 16px 0px 14px 20px;
  margin: 6px 0 8px;
}
.widget-announcements .widget-aside {
  float: left;
  width: 110px;
}
.widget-announcements .widget-aside h4 {
  font-family: 'Open Sans', sans-serif;
  text-transform: uppercase;
  color: #333;
  font-weight: 400;
  font-size: 14px;
}
.widget-announcements .widget-aside h4 i {
  vertical-align: bottom;
  position: relative;
  top: -7px;
  right: -5px;
}
.widget-announcements .widget-aside h3 {
  font-size: 18px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  color: #333;
  text-transform: uppercase;
  line-height: 1;
}
.widget-announcements .widget-content {
  overflow: hidden;
}
@media (max-width: 1023px ) {
  .widget-announcements {
    margin-top: 31px;
    margin-bottom: 20px;
  }
}
@media (max-width: 767px ) {
  .widget-announcements {
    margin-left: -13px;
    margin-right: -13px;
  }
  .widget-announcements .widget-aside {
    float: none;
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
  }
}
/* ------------------------------------------------------------ *\
	Widget Player
\* ------------------------------------------------------------ */
.widget-player {
  background: #1b1f23 url(images/player-bg.png) no-repeat center center;
  background-size: auto 100%;
  color: #fff;
  position: relative;
  /*  Secondary  */
}
.widget-player .widget-image {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 55px;
}
.widget-player .widget-actions {
  position: absolute;
  bottom: 20px;
  left: 20px;
}
.widget-player .widget-content {
  padding-right: 220px;
  padding-bottom: 78px;
}
.widget-player-secondary {
  display: flex;
  flex-flow: column wrap;
  margin-bottom: 25px;
  text-align: left;
  direction: ltr;
  padding: 20px 17px;
}
.widget-player-secondary .widget-image {
  position: relative;
  transform: none;
  top: 0;
  right: auto;
  order: 1;
}
.widget-player-secondary .widget-content {
  order: 2;
  padding-right: 40px;
  padding-bottom: 15px;
}
.widget-player-secondary .widget-actions {
  order: 3;
  position: relative;
  bottom: auto;
  left: auto;
}
.widget-player-secondary .slider-player {
  position: relative;
}
.widget-player-secondary .slider-player .slide {
  padding-left: 0;
  padding-top: 15px;
}
.widget-player-secondary .slider-player .slider-nav {
  top: 100%;
  transform: none;
  right: -20px;
  margin-top: 15px;
  z-index: 5;
}
@media (max-width: 1023px ) {
  .widget-player {
    background-image: none;
  }
}
@media (max-width: 767px ) {
  .widget-player {
    background: #1b1f23 url(images/player-bg.png) no-repeat center center;
    margin-left: -15px;
    margin-right: -15px;
    background-size: cover;
  }
  .widget-player .widget-content {
    padding-right: 135px;
    padding-bottom: 55px;
  }
  .widget-player .widget-image {
    right: 32px;
    max-width: 108px;
  }
}
/* ------------------------------------------------------------ *\
	Widget Jad
\* ------------------------------------------------------------ */
.widget-jad {
  margin-bottom: 30px;
}
.widget-jad:last-child {
  margin-bottom: 0;
}
.widget-jad .widget-image img {
  width: 100%;
}
.widget-jad-smaller {
  max-width: 300px;
  float: right;
  width: 100%;
}
@media (max-width: 1200px ) {
  .widget-jad-smaller {
    max-width: none;
  }
}
@media (max-width: 767px ) {
  .widget-jad {
    margin-left: -13px;
    margin-right: -13px;
    margin-bottom: 18px;
  }
  .widget-jad img {
    width: 100%;
  }
}
/* ------------------------------------------------------------ *\
	Widget Jad Nav
\* ------------------------------------------------------------ */
.widget-jad-nav {
  text-align: center;
}
.widget-jad-nav .widget-title {
  text-align: left;
}
.widget-jad-nav .widget-head {
  margin-bottom: 10px;
}
.widget-jad-nav .widget-body {
  text-align: center;
}
.widget-jad-nav .widget-body .jad-nav-country {
  font-size: 13px;
  color: #fff;
  display: inline-block;
  margin-bottom: 20px;
}
.widget-jad-nav .widget-body .jad-nav-country a {
  display: block;
  padding: 1px 10px 3px;
  background: #1B1F23;
  transition: opacity .3s;
}
.widget-jad-nav .widget-body .jad-nav-country a:hover {
  text-decoration: none;
  opacity: .7;
}
.widget-jad-nav .nav-map {
  position: absolute;
  top: 0;
  transform: translate(-50%, 0%);
  left: 50%;
  width: 335px;
  height: 250px;
}
.widget-jad-nav .svg-map-wrapper {
  position: relative;
}
.widget-jad-nav .svg-map-wrapper .svg-map-anchor {
  position: absolute;
  width: 13px;
  height: 13px;
  background-color: #1b1f23;
  border-radius: 50%;
  cursor: pointer;
  /*&amp;.position-9 { top: 230px; left: 161px; }*/
}
.widget-jad-nav .svg-map-wrapper .svg-map-anchor.position-1 {
  top: 8px;
  left: 261px;
}
.widget-jad-nav .svg-map-wrapper .svg-map-anchor.position-2 {
  top: 50px;
  left: 286px;
}
.widget-jad-nav .svg-map-wrapper .svg-map-anchor.position-3 {
  top: 100px;
  left: 296px;
}
.widget-jad-nav .svg-map-wrapper .svg-map-anchor.position-4 {
  top: 150px;
  left: 290px;
}
.widget-jad-nav .svg-map-wrapper .svg-map-anchor.position-5 {
  top: 190px;
  left: 268px;
}
.widget-jad-nav .svg-map-wrapper .svg-map-anchor.position-6 {
  top: 220px;
  left: 99px;
}
.widget-jad-nav .svg-map-wrapper .svg-map-anchor.position-7 {
  top: 220px;
  left: 231px;
}
.widget-jad-nav .svg-map-wrapper .svg-map-anchor.position-8 {
  top: 198px;
  left: 62px;
}
.widget-jad-nav .svg-map-wrapper .svg-map-anchor.position-10 {
  top: 150px;
  left: 40px;
}
.widget-jad-nav .svg-map-wrapper .svg-map-anchor.position-11 {
  top: 100px;
  left: 34px;
}
.widget-jad-nav .svg-map-wrapper .svg-map-anchor.position-12 {
  top: 50px;
  left: 44px;
}
.widget-jad-nav .svg-map-wrapper .svg-map-anchor.position-13 {
  top: 8px;
  left: 69px;
}
.widget-jad-nav .svg-map-wrapper .svg-map-anchor.active {
  width: 18px;
  height: 18px;
  transform: translate(-3px, -3px);
}
.widget-jad-nav .svg-map-wrapper .svg-map-anchor.active:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 9px;
  height: 9px;
  background-color: #ffff00;
  border-radius: 50%;
}
.widget-jad-nav .svg-map-wrapper svg path {
  transition: all .4s;
}
@media (max-width: 767px ) {
  .widget-jad-nav .widget-head {
    margin-bottom: 0;
  }
}
/* ------------------------------------------------------------ *\
	Widget Primary
\* ------------------------------------------------------------ */
.widget-primary {
  margin-bottom: 56px;
  direction: ltr;
  text-align: left;
  clear: both;
}
@media (max-width: 1200px ) {
  .widget-primary {
    clear: none;
  }
}
@media (max-width: 767px ) {
  .widget-primary {
    margin-bottom: 0;
  }
  .widget-primary .widget-body {
    display: none;
  }
  .widget-primary.expanded {
    margin-bottom: 30px;
  }
  .widget-primary.expanded .widget-body {
    display: block;
  }
  .widget-primary.expanded .widget-title:after {
    transform: translateY(-50%) scaleY(-1);
    margin-top: 3px;
  }
}
/* ------------------------------------------------------------ *\
	Widget Listen
\* ------------------------------------------------------------ */
.widget-listen a {
  background: #1b1f23;
  border-top: 5px solid #ffff00;
  border-bottom: 1px solid  #6d7072;
  text-align: center;
  padding: 15px;
  color: #fff;
  display: block;
  font-family: 'Open Sans', sans-serif;
  font-size: 17px;
  text-transform: uppercase;
}
.widget-listen a:hover {
  text-decoration: none;
  color: #ffff00;
}
.widget-listen a:hover .ico-listen {
  background-image: url(images/icons/ico-listen-hover.svg);
}
.widget-listen a span {
  display: block;
}
@media (max-width: 767px ) {
  .widget-listen {
    margin-bottom: 17px;
  }
}
/* ------------------------------------------------------------ *\
	Widget Jadalicous
\* ------------------------------------------------------------ */
.widget-jadalicous {
  padding: 14px 0 20px;
  display: flex;
  flex-flow: column wrap;
}
.widget-jadalicous .widget-title {
  background: none;
  font-size: 33px;
  font-weight: 400;
  letter-spacing: 0;
  color: #333;
}
.widget-jadalicous .widget-title i {
  vertical-align: bottom;
  margin-bottom: 10px;
  margin-left: 5px;
}
.widget-jadalicous .widget-image {
  width: 100%;
  height: 239px;
  position: relative;
}
.widget-jadalicous .widget-image:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 156px;
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.69) 100%);
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.69) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.69) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#b0000000', GradientType=0);
}
.widget-jadalicous .widget-image a {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 3;
  background: rgba(0, 0, 0, 0.3);
  opacity: 0;
  transition: opacity .3s;
}
.widget-jadalicous .widget-image a:hover {
  opacity: 1;
}
.widget-jadalicous .widget-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  display: block;
  color: #fff;
  padding: 20px 28px 17px;
  font-size: 22px;
  font-family: 'Open Sans', sans-serif;
  z-index: 2;
}
.widget-jadalicous .widget-head {
  width: 100%;
  padding: 0 20px;
}
.widget-jadalicous .widget-body {
  padding: 20px 10px 20px;
}
.widget-jadalicous .list-news {
  padding-left: 20px;
}
.widget-jadalicous .list-news span {
  width: 54px;
  height: 54px;
  position: relative;
  flex: 0 0 52px;
  margin-right: 20px;
  border: 2px solid transparent;
}
.widget-jadalicous .list-news span a {
  width: 100%;
  height: 100%;
  padding-left: 0;
}
.widget-jadalicous .list-news a {
  font-weight: 400;
  font-family: 'Open Sans', sans-serif;
  max-width: 180px;
}
.widget-jadalicous .list-news li ~ li {
  margin-top: 16px;
}
.widget-jadalicous .list-news h4:after {
  bottom: -9px;
}
.widget-jadalicous .list-news li:hover span {
  border-color: #282c30;
}
.widget-jadalicous .list-news li:hover a {
  color: #134668;
}
@media (max-width: 1440px) {
  .widget-jadalicous .widget-body {
    padding: 15px 10px 20px;
  }
  .widget-jadalicous .widget-title i {
    display: block;
  }
  .widget-jadalicous .list-news {
    padding-left: 0;
  }
  .widget-jadalicous .list-news h4 {
    margin-left: 0;
    flex: 1 1 auto;
  }
  .widget-jadalicous .list-news span {
    margin-right: 20px;
  }
  .widget-jadalicous .list-news li ~ li {
    margin-top: 7px;
  }
  .widget-jadalicous .list-news h4:after {
    bottom: -3px;
  }
}
@media (max-width: 1023px ) {
  .widget-jadalicous {
    padding-bottom: 0;
  }
}
@media (max-width: 767px ) {
  .widget-jadalicous .widget-title {
    font-size: 30px;
  }
  .widget-jadalicous .widget-title i {
    display: inline-block;
  }
  .widget-jadalicous .list-news span {
    margin-right: 10px;
  }
}
/* ------------------------------------------------------------ *\
	Widget News
\* ------------------------------------------------------------ */
.widget-news {
  padding: 0 8px;
  flex: 0 0 33.33%;
  max-width: 33.333%;
}
.widget-news .widget-inner {
  background: #fff;
  box-shadow: 1px 2px 7px rgba(0, 0, 0, 0.1);
  padding: 24px 35px;
}
.widget-news .widget-title {
  background: none;
  font-size: 16px;
  letter-spacing: 0.08em;
}
.widget-news .widget-title:after {
  content: '';
  width: 28px;
  height: 1px;
  background: #333;
  display: block;
  margin-top: 8px;
}
.widget-news .widget-head {
  margin-bottom: 19px;
}
.widget-news .widget-body {
  max-height: 207px;
  overflow: hidden;
}
.widget-news .list-news span {
  height: auto;
}
.widget-news .list-news li ~ li {
  margin-top: 14px;
}
.widget-news .mCSB_outside + .mCSB_scrollTools {
  right: -16px;
}
.widget-news .mCSB_scrollTools .mCSB_draggerRail {
  background: none;
}
.widget-news .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background: #ddd;
  width: 6px;
}
@media (max-width: 1400px) {
  .widget-news .widget-inner {
    padding: 24px 20px;
  }
}
@media (max-width: 1023px ) {
  .widget-news {
    flex: 0 0 100%;
    margin-bottom: 15px;
    max-width: 100%;
  }
}
/* ------------------------------------------------------------ *\
	Widget Dropdown
\* ------------------------------------------------------------ */
.widget-dropdown {
  text-align: left;
  padding: 0 35px;
}
.widget-dropdown .widget-image {
  margin-bottom: 20px;
  transition: opacity .3s;
}
.widget-dropdown .widget-image img {
  width: 100%;
}
.widget-dropdown .widget-image:hover {
  opacity: .5;
}
.widget-dropdown .widget-title {
  font-size: 16px;
  line-height: 1.3;
  color: #ddd;
  text-transform: none;
  letter-spacing: 0;
}
.widget-dropdown .widget-title a {
  background: none;
  padding: 0;
  float: none;
  font-size: inherit;
}
.widget-dropdown .widget-title a:hover {
  color: #3784d0;
}
.widget-dropdown ~ .widget-dropdown {
  border-left: 1px solid  #323537;
}
.widget-dropdown .list-meta {
  display: block;
}
.widget-dropdown .list-meta a {
  font-size: 13px;
  font-weight: 400;
  color: #ddd;
}
.widget-dropdown .list-meta li:before {
  color: #ddd;
}
.widget-dropdown .list-meta .ico-logo {
  background-image: url(images/icons/ico-logo-light.svg);
}
@media (max-width: 1200px ) {
  .widget-dropdown {
    padding: 0 15px;
    flex: 0 0 25%;
  }
}
@media (max-width: 1023px ) {
  .widget-dropdown {
    flex: 0 0 50%;
    margin-bottom: 20px;
  }
  .widget-dropdown .widget-title a {
    font-size: 18px;
  }
}
/* ------------------------------------------------------------ *\
	Widget Share
\* ------------------------------------------------------------ */
.widget-share {
  float: left;
  width: 89px;
  border-top: 4px solid  #1b1f23;
  text-align: right;
  padding-top: 23px;
  padding-right: 2px;
  margin-right: 60px;
  transform: translate3d(0, 0, 0);
}
.widget-share .widget-meta {
  display: block;
  font-family: 'Open Sans', sans-serif;
  font-size: 13px;
  margin-bottom: 12px;
  margin-top: 9px;
  clear: both;
  color: #191919;
}
.widget-share .widget-meta strong {
  display: block;
  font-size: 14px;
  margin-top: -5px;
}
.widget-share .widget-image a {
  display: inline-block;
  border: 1px solid  #1b1f23;
  padding: 4px;
  margin-bottom: 12px;
}
.widget-share .widget-image .author {
  display: block;
  font-size: 13px;
  line-height: 1.2;
  color: #191919;
}
.widget-share .widget-image .author a {
  border: 0;
  padding: 0;
  margin: 0;
}
@media (max-width: 1023px ) {
  .widget-share {
    margin-right: 25px;
  }
}
@media (max-width: 767px ) {
  .widget-share {
    float: none;
    margin: 12px 0 14px;
    width: 100%;
    border-top: 0;
    border-left: 4px solid  #1b1f23;
    padding-top: 0;
    text-align: left;
  }
  .widget-share .link-close-share {
    margin: 0px 0 0 14px;
  }
  .widget-share .widget-meta {
    margin: 0;
  }
  .widget-share .widget-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .widget-share .widget-image {
    display: flex;
    align-items: center;
  }
  .widget-share .widget-image &gt; a {
    max-width: 43px;
    margin-bottom: 0;
    flex: 0 0 43px;
    margin-right: 5px;
  }
  .widget-share .widget-image .author {
    display: inline-block;
    vertical-align: middle;
    flex: 1 1 auto;
  }
}
/* ------------------------------------------------------------ *\
	Widget Newsletter
\* ------------------------------------------------------------ */
.widget-newsletter {
  padding-top: 30px;
  background-image: linear-gradient(to right, #868686 30%, rgba(255, 255, 255, 0) 0%);
  background-position: top;
  background-size: 5px 1px;
  background-repeat: repeat-x;
}
.widget-newsletter .widget-inner {
  border: 1px solid  #727579;
  padding: 26px 10px;
  position: relative;
  margin-bottom: 25px;
}
.widget-newsletter .widget-inner:before {
  content: '';
  position: absolute;
  top: -1px;
  right: -1px;
  width: 40px;
  height: 40px;
  background: #f8f8f8;
  display: block;
}
.widget-newsletter .widget-inner:after {
  content: '';
  background: url(images/icons/ico-newsletter.svg) no-repeat 0 0;
  width: 19px;
  height: 25px;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
}
.widget-newsletter .widget-image {
  width: 98px;
  height: 98px;
  position: relative;
  display: block;
  background: url(images/icons/circle-blue.svg) no-repeat 0 0;
  background-size: 100% 100%;
  text-align: center;
  color: #fff;
  font-size: 25px;
  float: left;
  margin-right: 15px;
}
.widget-newsletter .widget-image i {
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  left: 50%;
}
.widget-newsletter .widget-content {
  overflow: hidden;
}
.widget-newsletter .widget-title {
  background: none;
  font-size: 17px;
  line-height: 1.2;
}
.widget-newsletter .btn {
  height: 44px;
  padding-top: 11px;
}
@media (max-width: 767px ) {
  .widget-newsletter {
    padding-top: 0;
    background-image: none;
  }
  .widget-newsletter .widget-title:before,
  .widget-newsletter .widget-title:after {
    display: none;
  }
}
/* ------------------------------------------------------------ *\
	Widget About
\* ------------------------------------------------------------ */
.widget-about {
  text-align: center;
  border: 1px solid  #fff;
  background: #f0f0f0;
  padding: 30px 25px;
  margin-bottom: 32px;
  font-size: 14px;
  line-height: 1.45;
  /*  RTL  */
}
.widget-about a {
  color: #3784d0;
  text-decoration: underline;
}
.widget-about a:hover {
  text-decoration: none;
}
.widget-about p:not(:last-child) {
  margin-bottom: 20px;
}
.widget-about .widget-head .icon {
  width: 46px;
  height: 46px;
  position: relative;
  text-align: center;
  color: #f7f7f7;
  font-size: 18px;
  margin: 0 auto 10px;
}
.widget-about .widget-head .icon:before {
  content: '';
  background: #1b1f23;
  width: 103px;
  height: 1px;
  display: block;
  margin: auto;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  left: 50%;
}
.widget-about .widget-head .icon span {
  width: 100%;
  height: 100%;
  display: block;
  margin: auto;
  border-radius: 50%;
  background: #1b1f23;
  padding-top: 6px;
  border: 4px solid #f8f8f8;
  position: relative;
  z-index: 1;
}
.widget-about .widget-head .icon .fa {
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  left: 50%;
}
.widget-about .widget-title {
  background: none;
  font-size: 22px;
}
.widget-about .widget-title:before,
.widget-about .widget-title:after {
  display: none;
}
.widget-about.rtl .widget-title {
  font-size: 26px;
  font-family: 'GE Flow', sans-serif;
}
.widget-about.rtl .list-pages li {
  float: right;
}
.widget-about.rtl .list-pages a {
  font-size: 16px;
  font-family: 'GE Flow', sans-serif;
}
@media (max-width: 767px ) {
  .widget-about {
    padding: 20px 10px;
  }
}
/* ------------------------------------------------------------ *\
	Widget Posts
\* ------------------------------------------------------------ */
.widget-posts {
  width: 33.33%;
  padding: 0 16px;
  float: left;
  margin-bottom: 31px;
}
.widget-posts:nth-child(3n+1) {
  clear: both;
}
.widget-posts .widget-inner {
  background: #f2f2f2;
  border: 1px solid  #e4e4e4;
  padding: 20px 37px 27px;
}
.widget-posts .widget-head {
  margin-bottom: 24px;
}
.widget-posts .widget-title {
  position: relative;
}
.widget-posts .widget-title span,
.widget-posts .widget-title a {
  background: #f2f2f2;
}
.widget-posts .widget-title a {
  position: absolute;
  bottom: -7px;
  right: 0;
}
@media (max-width: 1400px) {
  .widget-posts .widget-inner {
    padding: 20px 20px 27px;
  }
}
@media (max-width: 1023px ) {
  .widget-posts {
    width: 100%;
    padding: 0;
  }
  .widget-posts .widget-inner {
    padding-left: 13px;
    padding-right: 13px;
  }
  .widget-posts .widget-body {
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
  }
  .widget-posts .list-news {
    display: flex;
    white-space: nowrap;
  }
  .widget-posts .list-news li {
    width: 266px;
    padding: 23px 7px 23px 17px;
    flex: 0 0 266px;
  }
  .widget-posts .list-news li ~ li {
    margin-top: 0;
    margin-left: 15px;
  }
  .widget-posts .list-news a {
    white-space: normal;
  }
}
/* ------------------------------------------------------------ *\
	Widget Topics
\* ------------------------------------------------------------ */
.widget-topics {
  margin-bottom: 35px;
}
.widget-topics .widget-title {
  margin-bottom: 20px;
}
.widget-topics .widget-body {
  background: #fff;
  box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.1);
  padding: 20px;
}
/* ------------------------------------------------------------ *\
	Widget Contributors
\* ------------------------------------------------------------ */
.widget-contributors {
  /*  Large  */
}
.widget-contributors .widget-body {
  background: #2f343a;
  box-shadow: 0px 3px 0 #14171b;
  padding: 38px 33px 35px;
  height: 420px;
}
.widget-contributors .widget-title {
  font-size: 21px;
  color: #fff;
  display: inline-block;
  vertical-align: middle;
  border-bottom: 2px solid  #fff;
  padding-bottom: 9px;
  position: relative;
  margin-bottom: 20px;
  white-space: nowrap;
  letter-spacing: 0em;
  background: none;
}
.widget-contributors .widget-title:before {
  content: '';
  background: url(images/icons/ico-logo-yellow.svg) no-repeat 0 0;
  width: 16px;
  height: 21px;
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  top: 4px;
  left: -33px;
  background-size: 100% 100%;
}
.widget-contributors ~ .widget-contributors {
  margin-top: 44px;
}
.widget-contributors .btn-secondary {
  padding-left: 5px;
  padding-right: 5px;
}
.widget-contributors-large .widget-title {
  margin-left: 33px;
}
.widget-contributors-large .widget-body {
  min-width: 483px;
}
@media (max-width: 1500px ) {
  .widget-contributors .widget-body {
    padding: 38px 20px 35px;
  }
  .widget-contributors .widget-title {
    font-size: 18px;
  }
  .widget-contributors .btn {
    font-size: 16px;
    white-space: nowrap;
  }
  .widget-contributors-large .widget-body {
    min-width: 400px;
  }
}
@media (max-width: 1200px ) {
  .widget-contributors .widget-title {
    font-size: 15px;
  }
  .widget-contributors .btn {
    font-size: 13px;
    white-space: normal;
  }
}
@media (max-width: 1023px ) {
  .widget-contributors .widget-title {
    margin-left: 33px;
    font-size: 21px;
    white-space: normal;
  }
  .widget-contributors .btn {
    font-size: 15px;
  }
}
@media (max-width: 767px ) {
  .widget-contributors .widget-body {
    padding: 20px;
    min-height: 0;
    height: auto;
  }
  .widget-contributors-large .widget-body {
    min-width: 0;
  }
}
/* ------------------------------------------------------------ *\
	Widget Profile Slider
\* ------------------------------------------------------------ */
.widget-profile-slider {
  position: relative;
}
.widget-profile-slider .slider-round {
  position: relative;
}
.widget-profile-slider .slider-round .owl-nav div {
  position: absolute;
  top: 50%;
  left: 4px;
  transform: translateY(-50%);
}
.widget-profile-slider .slider-round .owl-nav .owl-next {
  left: auto;
  right: 0;
}
.widget-profile-slider .widget-body {
  width: 330px;
  position: relative;
  margin: auto;
}
.widget-profile-slider .corner-left-1 {
  position: absolute;
  bottom: 74px;
  left: 38px;
  z-index: 10;
}
.widget-profile-slider .corner-left-2 {
  position: absolute;
  bottom: 24px;
  left: 53px;
  z-index: 10;
}
.widget-profile-slider .corner-left-3 {
  position: absolute;
  bottom: -2px;
  left: 95px;
  z-index: 10;
}
.widget-profile-slider .corner-right-3 {
  position: absolute;
  bottom: -2px;
  right: 99px;
  z-index: 10;
}
.widget-profile-slider .corner-right-2 {
  position: absolute;
  bottom: 21px;
  right: 54px;
  z-index: 10;
}
.widget-profile-slider .corner-right-1 {
  position: absolute;
  bottom: 67px;
  right: 35px;
  z-index: 10;
}
.widget-profile-slider .corner-item {
  display: none;
  cursor: pointer;
}
.widget-profile-slider .corner-item.active path {
  fill: #ffff00;
}
.widget-profile-slider img {
  border-radius: 50%;
  display: block;
  margin: 0 auto;
  max-width: 245px;
  height: auto;
}
.widget-profile-slider .slide {
  position: relative;
  overflow: hidden;
}
.widget-profile-slider .slide:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  z-index: 10;
  transform: translateX(-50%);
  width: 245px;
  height: 256px;
  border-radius: 50%;
  background: linear-gradient(rgba(0, 0, 0, 0) 158px, rgba(0, 0, 0, 0.8) 100%);
}
.widget-profile-slider .slide .slide-text {
  position: absolute;
  bottom: 0;
  z-index: 15;
  padding: 20px 0 20px;
  width: 100%;
  text-align: center;
  color: #fff;
}
.widget-profile-slider .slide .slide-text h3 {
  font-size: 14px;
  line-height: 1.2;
  max-width: 150px;
  margin: 0 auto;
}
/* ------------------------------------------------------------ *\
	Widget 404
\* ------------------------------------------------------------ */
.widget-404 {
  max-width: 236px;
  margin: 44px auto 0;
  color: #fff;
  font-size: 16px;
  font-family: 'Open Sans', sans-serif;
}
.widget-404 .widget-title {
  background: none;
  font-weight: 700;
  font-size: 66px;
  color: #3784d0;
  line-height: 1;
  margin-bottom: 4px;
  letter-spacing: 0;
}
.widget-404 .widget-head {
  margin-bottom: 15px;
  border-bottom: 1px solid  #fff;
  padding-bottom: 5px;
}
.widget-404 .btn {
  padding-left: 10px;
  padding-right: 10px;
  width: 100%;
}
/* ------------------------------------------------------------ *\
	Bar
\* ------------------------------------------------------------ */
.bar {
  background: #3b3f45;
  border-bottom: 2px solid  #282d33;
  color: #ededed;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100;
  padding: 0px 30px;
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  height: 42px;
  display: flex;
  /*  Secondary  */
}
.bar:after {
  content: '';
  line-height: 0;
  display: table;
  clear: both;
}
.bar a {
  text-decoration: none;
}
.bar a.arabic {
  font-family: 'GE Flow', sans-serif;
  font-size: 18px;
}
.bar .logo {
  width: 170px;
  height: 24px;
  position: absolute;
  top: -100%;
  transform: translate(-50%, -50%);
  left: 50%;
  transition: top .5s;
}
.bar .nav-primary {
  transition: top .5s;
}
.bar.fixed .logo {
  top: 50%;
}
.bar.fixed .nav-primary {
  top: -100%;
}
.bar-secondary {
  background: #474b50;
}
@media (max-width: 1600px) {
  .bar {
    padding: 0px 30px 0px 15px;
  }
}
@media (max-width: 1200px ) {
  .bar {
    padding: 0px 15px 0px 30px;
  }
}
@media (max-width: 1023px ) {
  .bar {
    border-bottom: 2px solid  #282d33;
    height: 50px;
  }
}
@media (max-width: 767px ) {
  .bar {
    height: 42px;
    padding: 0px 15px;
  }
  .bar .logo {
    display: none;
  }
}
/* ------------------------------------------------------------ *\
	Link Nav
\* ------------------------------------------------------------ */
.link-nav {
  position: relative;
  z-index: 2;
  margin-top: 7px;
  display: inline-block;
  /*  RTL  */
}
.link-nav:hover {
  color: #ffff00;
}
.link-nav .fa {
  margin-right: 10px;
}
.link-nav.rtl {
  direction: ltr;
  font-family: 'GE Flow', sans-serif;
}
@media (max-width: 1200px ) {
  .link-nav span {
    display: none;
  }
}
@media (max-width: 1023px ) {
  .link-nav {
    margin-top: 11px;
  }
}
@media (max-width: 767px ) {
  .link-nav {
    margin-top: 10px;
    font-size: 14px;
    font-weight: 700;
  }
}
/* ------------------------------------------------------------ *\
	Link Play
\* ------------------------------------------------------------ */
.link-play {
  width: 40px;
  height: 40px;
  background: #3784d0;
  display: block;
  position: relative;
  border-radius: 50%;
  transition: background-color 0.3s;
}
.link-play:before {
  content: '';
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 0 8px 14px;
  border-color: transparent transparent transparent #fff;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  left: 50%;
  margin-left: 2px;
  transition: border .3s;
}
.link-play:hover {
  background: #fff;
}
.link-play:hover:before {
  border-color: transparent transparent transparent #3784d0;
}
@media (max-width: 767px ) {
  .link-play {
    width: 29px;
    height: 29px;
  }
  .link-play:before {
    border-width: 6px 0 6px 10px;
  }
}
/* ------------------------------------------------------------ *\
	Link More / All
\* ------------------------------------------------------------ */
.link-all,
.link-more {
  border-color: #3784d0;
  text-decoration: underline;
}
/* ------------------------------------------------------------ *\
	Link More Pages
\* ------------------------------------------------------------ */
.link-more-pages {
  font-weight: 400;
  display: inline-block !important;
  margin-top: 20px;
  padding-bottom: 5px !important;
  background-image: linear-gradient(to right, #868686 30%, rgba(255, 255, 255, 0) 0%) !important;
  background-position: bottom !important;
  background-size: 5px 1px !important;
  background-repeat: repeat-x !important;
}
.link-more-pages:hover {
  color: #ffff00;
}
/* ------------------------------------------------------------ *\
	Link Collapse
\* ------------------------------------------------------------ */
.link-collapse {
  font-size: 17px;
  color: #999;
  margin-bottom: 10px;
  display: inline-block;
}
.link-collapse:hover {
  color: #3784d0;
}
@media (max-width: 1023px ) {
  .link-collapse {
    position: absolute;
    top: 22px;
    right: 34px;
  }
}
@media (max-width: 767px ) {
  .link-collapse {
    top: 0;
    right: auto;
    left: 50%;
    margin-left: -5px;
  }
}
/* ------------------------------------------------------------ *\
	Link Interests
\* ------------------------------------------------------------ */
@media (max-width: 767px ) {
  .link-interests {
    margin-left: -25px !important;
  }
}
/* ------------------------------------------------------------ *\
	Link Load
\* ------------------------------------------------------------ */
.link-load {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 118px;
  height: 118px;
  margin: auto;
  border-radius: 50%;
  border: 2px solid #1b1f23;
  font-size: 14px;
  font-family: 'Open Sans', sans-serif;
  transition: all .3s;
}
/* ------------------------------------------------------------ *\
	Link Newsletter
\* ------------------------------------------------------------ */
.link-newsletter {
  color: #5a5c5e;
  border: 1px solid  #5a5c5e;
  display: inline-block;
  vertical-align: middle;
  padding: 3px 17px 3px 11px;
  font-size: 13px;
  letter-spacing: 0.08em;
  margin-left: 75px;
  margin-top: -1px;
  transition: all .3s;
}
.link-newsletter:hover {
  color: #fff;
  background: #5a5c5e;
  text-decoration: none;
}
@media (max-width: 1023px ) {
  .link-newsletter {
    margin: 10px 0;
  }
}
/* ------------------------------------------------------------ *\
	Link Close Search
\* ------------------------------------------------------------ */
.link-search-close {
  width: 42px;
  height: 42px;
  display: block;
  position: fixed;
  top: 70px;
  right: 50px;
  z-index: 55;
  opacity: 0;
  visibility: hidden;
  transition: opacity .5s 0, visibility .5s 0;
}
.link-search-close:after,
.link-search-close:before {
  content: '';
  background: #2f353c;
  width: 60px;
  height: 1px;
  position: absolute;
  top: 20px;
}
.link-search-close:after {
  transform: rotate(45deg);
  left: -8px;
}
.link-search-close:before {
  transform: rotate(-45deg);
  right: -8px;
}
.link-search-close.active {
  opacity: 1;
  visibility: visible;
  transition: opacity .5s .5s, visibility .5s .5s;
}
.link-search-close:hover:after,
.link-search-close:hover:before {
  background: #3784d0;
}
@media (max-width: 767px ) {
  .link-search-close {
    top: 50px;
    right: 20px;
  }
}
/* ------------------------------------------------------------ *\
	Link Search Secondary
\* ------------------------------------------------------------ */
.link-search-secondary {
  float: right;
  font-size: 17px !important;
  color: #bbb;
  margin-left: 47px;
  margin-top: 10px;
}
.link-search-secondary i {
  top: 0 !important;
}
@media (max-width: 1023px ) {
  .link-search-secondary {
    margin-left: 30px;
  }
}
@media (max-width: 767px ) {
  .link-search-secondary {
    margin-left: 20px;
    margin-top: 0;
    font-size: 15px !important;
  }
}
/* ------------------------------------------------------------ *\
	Link Discover
\* ------------------------------------------------------------ */
.link-discover {
  color: #3784d0;
  text-transform: none;
  display: inline-block;
  text-align: center;
  margin-top: 20px;
  font-size: 12px;
  font-family: 'Open Sans', sans-serif;
  letter-spacing: 0.08em;
  border-bottom: 1px solid #3784d0;
  padding: 0 5px 5px;
}
.link-discover:hover {
  text-decoration: none;
  color: #1b1f23;
  border-color: #1b1f23;
}
/* ------------------------------------------------------------ *\
	Link Close Popup
\* ------------------------------------------------------------ */
.link-close-popup {
  position: absolute;
  top: 27px;
  right: 45px;
  font-size: 31px;
}
.link-close-popup:hover {
  color: #3784d0;
}
@media (max-width: 767px ) {
  .link-close-popup {
    font-size: 16px;
  }
}
/* ------------------------------------------------------------ *\
	Link Sitemap
\* ------------------------------------------------------------ */
.link-sitemap {
  font-size: 13px;
  font-family: 'Open Sans', sans-serif;
  position: relative;
  color: #595b5e;
  text-decoration: underline;
  display: none;
}
.link-sitemap:after {
  content: '\f0dd';
  font-family: 'FontAwesome';
  font-size: 17px;
  position: absolute;
  left: 100%;
  top: 0;
  margin: -7px 0 0 10px;
}
.link-sitemap.active:after {
  transform: rotate(180deg);
  margin-top: 0;
}
@media (max-width: 767px ) {
  .link-sitemap {
    display: inline-block;
  }
}
/* ------------------------------------------------------------ *\
	Link Close Share
\* ------------------------------------------------------------ */
.link-close-share {
  width: 32px;
  height: 32px;
  display: inline-block;
  position: relative;
  margin-right: -6px;
}
.link-close-share:after,
.link-close-share:before {
  content: '';
  background: #2f353c;
  width: 45px;
  height: 1px;
  position: absolute;
  top: 16px;
}
.link-close-share:after {
  transform: rotate(45deg);
  right: 0;
}
.link-close-share:before {
  transform: rotate(-45deg);
  right: 0;
}
.link-close-share:hover:after,
.link-close-share:hover:before {
  background: #0b69a8;
  height: 2px;
}
/* ------------------------------------------------------------ *\
	Link Text
\* ------------------------------------------------------------ */
.link-text-large {
  font-family: 'Roboto Slab', serif;
  font-weight: 300;
  font-size: 28px;
}
.link-text-small {
  font-family: 'Roboto Slab', serif;
  font-weight: 300;
  font-size: 20px;
}
/* ------------------------------------------------------------ *\
	Link Next
\* ------------------------------------------------------------ */
.link-next {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 11;
  color: #dddddd;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Open Sans', sans-serif;
  font-size: 40px;
  width: 100%;
  text-align: center;
  text-decoration: none !important;
  transition: color .3s;
}
.link-next span {
  display: block;
  width: 370px;
  padding-bottom: 10px;
  background-image: linear-gradient(to right, #868686 30%, rgba(255, 255, 255, 0) 0%);
  background-position: bottom;
  background-size: 5px 1px;
  background-repeat: repeat-x;
}
.link-next .ico-next {
  display: block;
  margin: 0 auto 20px;
}
.link-next:hover {
  color: #3784d0;
}
@media (max-width: 767px ) {
  .link-next {
    font-size: 22px;
  }
  .link-next span {
    width: 200px;
  }
  .link-next .ico-next {
    width: 44px;
    height: 58px;
    margin-bottom: 10px;
  }
}
/* ------------------------------------------------------------ *\
	Link Filter
\* ------------------------------------------------------------ */
.link-filter {
  background: #f8f8f8;
  display: inline-block;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  color: #22262c;
  padding: 4px 10px;
  position: absolute;
  bottom: -14px;
  right: 15px;
}
.link-filter i {
  font-size: 17px;
  margin-left: 10px;
  position: relative;
  top: -3px;
}
.link-filter.active,
.link-filter:hover {
  text-decoration: none;
  background: #1b1f23;
  color: #fff;
}
@media (max-width: 767px ) {
  .link-filter {
    bottom: -12px;
  }
}
/* ------------------------------------------------------------ *\
	Link Add
\* ------------------------------------------------------------ */
.link-add {
  position: absolute;
  top: 13px;
  right: 13px;
  color: #ccc;
  font-size: 16px;
}
.link-add:hover {
  color: #282d33;
}
/* ------------------------------------------------------------ *\
	Link Password
\* ------------------------------------------------------------ */
.link-password {
  color: #444;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  text-decoration: underline;
  display: inline-block;
  vertical-align: middle;
  margin-top: 13px;
}
.link-password:hover {
  text-decoration: none;
}
/* ------------------------------------------------------------ *\
	Link Avatar
\* ------------------------------------------------------------ */
.link-avatar {
  width: 154px;
  height: 154px;
  display: inline-block;
  vertical-align: top;
  border-radius: 50%;
  border: 6px solid  #efefef;
  position: relative;
  font-size: 13px;
  color: #0c6cac;
  text-transform: uppercase;
  text-align: center;
  text-decoration: underline;
  transform: translateX(-50%);
  left: 50%;
  margin-left: -67px;
  /*  Active  */
}
.link-avatar .plus {
  width: 38px;
  height: 38px;
  background: #0c6cad;
  border-radius: 50%;
  color: #fff;
  text-align: center;
  font-size: 17px;
  display: block;
  position: absolute;
  top: 5px;
  right: 0;
  padding-top: 6px;
  z-index: 5;
}
.link-avatar .image {
  font-size: 67px;
  color: #f2f2f2;
  display: block;
  margin: 7px auto -20px;
  text-align: center;
}
.link-avatar .image img {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 50%;
  min-height: 100%;
  min-width: 100%;
}
.link-avatar .fa-pencil {
  display: none;
}
.link-avatar:hover .plus {
  background: #282d33;
}
.link-avatar.active .plus i.hidden,
.link-avatar.active .image img {
  display: block !important;
}
.link-avatar.active .text,
.link-avatar.active .plus i {
  display: none;
}
.link-avatar.active .plus {
  padding-top: 10px;
}
/* ------------------------------------------------------------ *\
	Link Folders
\* ------------------------------------------------------------ */
a.link-folders {
  background: #0c6cad;
  text-align: left;
  padding: 10px 20px;
  width: 100%;
  position: relative;
  text-transform: none;
  font-size: 19px;
}
a.link-folders:after {
  content: '\f0d7';
  font-family: 'FontAwesome';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 20px;
}
/* ------------------------------------------------------------ *\
	Link New Article
\* ------------------------------------------------------------ */
a.link-new-article {
  float: right;
  font-size: 16px;
  height: 40px;
  background: #0c6cad;
  width: 100%;
  max-width: 205px;
  margin-top: 4px;
}
@media (max-width: 767px ) {
  a.link-new-article {
    position: absolute;
    top: 100%;
    left: 13px;
    margin-top: 20px;
    width: 154px;
    height: 48px;
    padding: 11px 5px 5px;
  }
}
/* ------------------------------------------------------------ *\
	Link Dropdown
\* ------------------------------------------------------------ */
.link-dropdown {
  position: relative;
  display: none;
}
.link-dropdown:after {
  content: '\f0d7';
  font-family: 'FontAwesome';
  position: absolute;
  left: 100%;
  top: 0px;
  margin-left: 15px;
}
.link-dropdown.active:after {
  transform: rotate(180deg);
}
@media (max-width: 767px ) {
  .link-dropdown {
    display: inline-block;
    font-size: 16px;
  }
}
/* ------------------------------------------------------------ *\
	Link Share
\* ------------------------------------------------------------ */
.link-share.active {
  color: #0c6cad;
}
/* ------------------------------------------------------------ *\
	Shell
\* ------------------------------------------------------------ */
.shell {
  width: 100%;
  max-width: 1529px;
  padding: 0 15px;
  margin: auto;
}
.shell:after {
  content: '';
  line-height: 0;
  display: table;
  clear: both;
}
@media (max-width: 767px ) {
  .shell {
    padding: 0 13px;
  }
}
/* ------------------------------------------------------------ *\
	Section
\* ------------------------------------------------------------ */
.section:after {
  content: '';
  line-height: 0;
  display: table;
  clear: both;
}
/* ------------------------------------------------------------ *\
	Section Primary
\* ------------------------------------------------------------ */
.section-primary {
  padding: 43px 0 35px;
}
.section-primary .section-content {
  width: 58.37%;
  float: left;
}
.section-primary .section-aside {
  width: 41.63%;
  float: right;
  padding-left: 27px;
}
@media (max-width: 1400px) {
  .section-primary .section-content,
  .section-primary .section-aside {
    width: 50%;
  }
}
@media (max-width: 1200px ) {
  .section-primary .section-content,
  .section-primary .section-aside {
    width: 100%;
    float: none;
  }
  .section-primary .section-aside {
    padding-left: 0;
    margin-top: 30px;
  }
}
@media (max-width: 767px ) {
  .section-primary {
    padding-bottom: 22px;
  }
}
/* ------------------------------------------------------------ *\
	Section Interested
\* ------------------------------------------------------------ */
.section-interested {
  background: #1b1f23;
  color: #fff;
  text-align: center;
  border-bottom: 4px solid #ffff00;
  padding: 26px 0 27px;
  position: relative;
  margin-bottom: 88px;
}
.section-interested .section-body {
  display: none;
  padding: 15px 0 0;
}
.section-interested .section-actions {
  padding-top: 10px;
}
.section-interested .section-title {
  text-transform: uppercase;
  font-size: 18px;
  letter-spacing: 0.08em;
}
.section-interested .section-title a {
  color: #3784d0;
  display: inline-block;
  margin-left: 5px;
  position: relative;
  text-decoration: none;
  background-image: linear-gradient(to right, #3784d0 30%, rgba(255, 255, 255, 0) 0%);
  background-position: bottom;
  background-size: 5px 1px;
  background-repeat: repeat-x;
}
.section-interested .section-title a:after {
  content: '\f055';
  font-family: 'FontAwesome';
  position: absolute;
  top: 0;
  left: 100%;
  margin-left: 10px;
}
.section-interested .section-title a:hover {
  background: none;
}
.section-interested .section-title a:hover:after {
  color: #ffff00;
}
.section-interested.expanded .section-body {
  display: block;
}
.section-interested.fixed {
  z-index: 105;
}
.section-interested.fixed .even-more {
  display: block;
}
.section-interested.fixed .link-all {
  display: none;
}
.section-interested.active .section-title {
  font-size: 22px;
}
@media (max-width: 1023px ) {
  .section-interested {
    padding: 20px 0 26px;
  }
}
@media (max-width: 767px ) {
  .section-interested {
    margin-bottom: 50px;
  }
  .section-interested .section-title {
    font-size: 18px;
  }
  .section-interested .list-interests {
    margin: 0 -13px;
  }
}
/* ------------------------------------------------------------ *\
	Section Articles
\* ------------------------------------------------------------ */
.section-articles {
  display: flex;
  margin-bottom: 30px;
  position: relative;
  /*  No sidebar  */
  /*  Primary  */
  /*  Tablet  */
}
.section-articles .section-aside {
  flex: 0 0 32%;
  box-shadow: 1px 2px 7px rgba(0, 0, 0, 0.1);
  background: #fff;
  padding: 30px 22px 0;
  transform: translate3d(0, 0, 0);
}
.section-articles .section-aside.abs {
  top: auto !important;
  bottom: 0 !important;
  margin-left: -15px !important;
}
.section-articles .section-aside .post {
  width: 100%;
}
.section-articles .section-aside .post:first-child {
  padding-top: 20px;
  height: 318px;
}
.section-articles .section-aside .post:first-child .post-body {
  height: 148px;
}
.section-articles .section-aside .post:last-child {
  margin-bottom: 0;
}
.section-articles .section-aside .post:last-child .post-inner {
  background: none;
}
.section-articles .section-aside .post.post-taller {
  height: 340px;
  padding-top: 0;
}
.section-articles .section-aside-head {
  background: #1b1f23;
  color: #fff;
  margin: -39px -22px -13px;
  padding: 4px 22px;
  font-family: 'GE Flow', sans-serif;
  font-size: 30px;
  font-weight: 400;
}
.section-articles .section-aside-head i {
  margin-left: 10px;
}
.section-articles .section-aside-body {
  padding-bottom: 14px;
}
.section-articles .section-aside-body .post:first-child {
  height: 313px;
}
.section-articles .section-aside-body .post:first-child .post-head {
  height: 60px;
  padding-top: 20px;
}
.section-articles .section-aside-secondary {
  margin-top: -5px;
  padding-top: 10px;
}
.section-articles .section-aside-secondary .post:first-child {
  height: 341px;
}
.section-articles .section-content {
  padding-right: 20px;
  padding-top: 20px;
  flex: 1;
}
.section-articles.no-sidebar .post {
  width: 33.33%;
}
.section-articles.no-sidebar .post-media,
.section-articles.no-sidebar .post-large {
  width: 66.66%;
}
.section-articles.no-sidebar .section-content {
  padding-right: 0;
  width: 100%;
}
.section-articles-primary .section-content {
  padding-top: 0;
}
.section-articles-primary .section-aside {
  padding-top: 9px;
}
.section-articles-primary .section-aside .post:first-child .post-title {
  margin-top: 0;
}
@media (max-width: 1023px ) {
  .section-articles {
    display: block;
  }
  .section-articles:after {
    content: '';
    line-height: 0;
    display: table;
    clear: both;
  }
  .section-articles .section-content {
    width: 50%;
    float: left;
  }
  .section-articles .section-aside {
    width: 50%;
    float: right;
  }
  .section-articles.no-sidebar .post,
  .section-articles.no-sidebar .post-media,
  .section-articles.no-sidebar .post-large {
    width: 50%;
  }
  .section-articles.no-sidebar .post-media {
    padding-left: 0;
    width: 100%;
    height: 358px;
    margin-bottom: 40px;
  }
  .section-articles.no-sidebar .post-media .post-image {
    left: 50%;
    right: 0;
    top: 0;
    bottom: 0;
    width: 50%;
  }
  .section-articles.no-sidebar .section-content {
    width: 100%;
  }
}
@media (max-width: 767px ) {
  .section-articles .section-content,
  .section-articles .section-aside {
    width: 100%;
    float: none;
  }
  .section-articles .section-aside {
    margin-top: 20px;
  }
  .section-articles .section-aside-body .post:first-child {
    height: auto;
  }
  .section-articles .section-content {
    padding-right: 0;
  }
  .section-articles.no-sidebar {
    margin-bottom: 0;
  }
  .section-articles.no-sidebar .post,
  .section-articles.no-sidebar .post-media,
  .section-articles.no-sidebar .post-large {
    width: 100%;
  }
  .section-articles.no-sidebar .post-media {
    padding-left: 13px;
    height: auto;
  }
  .section-articles.no-sidebar .post-media .post-image {
    width: 100%;
    left: 0;
  }
  .section-articles.no-sidebar .section-content {
    padding-right: 0;
  }
}
/* ------------------------------------------------------------ *\
	Section Roundups
\* ------------------------------------------------------------ */
.section-roundups {
  background: #1b1f23;
  display: flex;
  padding: 30px 22px 10px;
  margin-bottom: 36px;
  max-height: 300px;
  overflow: hidden;
  /*  Tabs  */
}
.section-roundups .section-aside {
  flex: 0 0 210px;
  display: flex;
  flex-flow: row wrap;
  padding-bottom: 25px;
}
.section-roundups .section-title {
  font-size: 33px;
  font-weight: 700;
  text-transform: uppercase;
  color: #f8f8f8;
}
.section-roundups .section-aside-inner:after {
  content: '';
  width: 28px;
  height: 1px;
  background: #76787b;
  display: block;
}
.section-roundups .section-content {
  width: calc(100% - 210px);
}
.section-roundups .tabs-nav {
  align-self: flex-end;
  margin-bottom: 0;
}
.section-roundups .tabs-nav ul {
  list-style: none;
  display: block;
  text-align: left;
}
.section-roundups .tabs-nav a {
  min-width: 0;
  padding: 0;
  display: inline-block;
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  color: #bbb;
  position: relative;
}
.section-roundups .tabs-nav li {
  height: auto;
}
.section-roundups .tabs-nav li ~ li {
  margin-top: 4px;
}
.section-roundups .tabs-nav a:hover,
.section-roundups .tabs-nav .current a {
  color: #f7f7f7;
  background: none;
}
.section-roundups .tabs-nav .current a:after {
  content: '\f0da';
  font-family: 'FontAwesome';
  color: #ffff00;
  margin-left: 10px;
}
.section-roundups .tab {
  background: none;
  box-shadow: none;
  padding: 0;
}
@media (max-width: 767px ) {
  .section-roundups {
    display: block;
    margin-left: -13px;
    margin-right: -13px;
    margin-bottom: 0px;
    padding-left: 13px;
    padding-right: 13px;
  }
  .section-roundups .section-aside {
    display: block;
  }
  .section-roundups .section-aside-inner {
    padding-bottom: 10px;
  }
  .section-roundups .section-aside-inner:after {
    margin-top: 15px;
  }
  .section-roundups .section-title {
    font-size: 25px;
    display: inline-block;
    vertical-align: middle;
  }
  .section-roundups .section-content {
    width: 100%;
  }
  .section-roundups .tabs-nav ul {
    display: flex;
  }
  .section-roundups .tabs-nav li ~ li {
    margin-top: 0;
  }
  .section-roundups .tabs-nav a {
    font-size: 13px;
  }
  .section-roundups .list-news:after {
    content: '';
    line-height: 0;
    display: table;
    clear: both;
  }
  .section-roundups .list-news li {
    float: left;
  }
  .section-roundups .list-news li ~ li {
    margin-left: 13px;
  }
  .section-roundups .mCSB_scrollTools {
    opacity: 0 !important;
  }
  .section-roundups .mCSB_horizontal.mCSB_inside &gt; .mCSB_container {
    margin-bottom: 0;
  }
}
/* ------------------------------------------------------------ *\
	Section Hot
\* ------------------------------------------------------------ */
.section-hot {
  position: relative;
  background: #1b1f23;
  padding: 30px 35px 20px;
  margin-bottom: 26px;
  height: 272px;
  overflow: hidden;
  /*  Secondary  */
  /*  RTL  */
}
.section-hot .section-image {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: .06;
}
.section-hot .section-content {
  position: relative;
  z-index: 2;
}
.section-hot .section-head {
  position: relative;
  margin-bottom: 38px;
}
.section-hot .section-head &gt; a {
  position: absolute;
  top: 0;
  right: 0;
  color: #ffff00;
  font-size: 22px;
}
.section-hot .section-head &gt; a:hover {
  color: #3784d0;
}
.section-hot .tabs-nav {
  text-align: left;
  margin-bottom: 0;
  margin-top: 0;
}
.section-hot .tabs-nav ul {
  display: inline-block;
  vertical-align: middle;
  text-align: left;
  border: 0;
}
.section-hot .tabs-nav li {
  display: inline-block;
  vertical-align: middle;
  height: auto;
}
.section-hot .tabs-nav li ~ li {
  margin-left: 27px;
}
.section-hot .tabs-nav a {
  display: block;
  min-width: 0;
  padding: 0;
  display: inline-block;
  font-size: 14px;
  color: #f8f8f8;
  border-bottom: 2px solid transparent;
  letter-spacing: 0.1em;
  background: none;
}
.section-hot .tabs-nav i {
  margin-right: 14px;
}
.section-hot .tabs-nav .current a,
.section-hot .tabs-nav a:hover {
  border-bottom: 2px solid #fff;
  background: none;
}
.section-hot .tabs-nav .current a {
  font-weight: 700;
}
.section-hot .tab {
  padding: 0;
  background: none;
}
.section-hot-secondary {
  margin-bottom: 36px;
}
.section-hot-secondary .section-image {
  opacity: 1;
}
.section-hot + .section .items {
  margin-top: 47px;
}
.section-hot .section-head.rtl &gt; a {
  right: auto;
  left: 0;
}
.section-hot .section-head.rtl .tabs-nav {
  text-align: right;
}
.section-hot .section-head.rtl .tabs-nav i {
  margin-right: 0;
  margin-left: 20px;
}
.section-hot .section-head.rtl .tabs-nav a {
  font-family: 'GE Flow', sans-serif;
  font-size: 18px;
  font-weight: 700;
}
.section-hot .section-head.rtl .tabs-nav li ~ li {
  margin-left: 0;
  margin-right: 27px;
}
@media (max-width: 767px ) {
  .section-hot {
    margin-left: -13px;
    margin-right: -13px;
    margin-bottom: 0px;
    padding: 30px 0px 20px 13px;
    height: 250px;
    /*  Secondary  */
  }
  .section-hot .section-head &gt; a {
    right: auto;
    left: 0;
    top: 180px;
  }
  .section-hot .tabs-nav a {
    font-size: 13px;
  }
  .section-hot .tabs-nav li ~ li {
    margin-left: 6px;
  }
  .section-hot .section-head.rtl {
    padding-right: 13px;
    margin-bottom: 20px;
  }
  .section-hot .section-head.rtl &gt; a {
    left: auto;
    right: 13px;
  }
  .section-hot .section-head.rtl .tabs-nav i {
    margin-left: 10px;
  }
  .section-hot .section-head.rtl .tabs-nav a {
    font-size: 15px;
  }
  .section-hot .section-head.rtl .tabs-nav li ~ li {
    margin-right: 12px;
  }
  .section-hot .mCSB_scrollTools {
    opacity: 0 !important;
  }
  .section-hot .mCSB_horizontal.mCSB_inside &gt; .mCSB_container {
    margin-bottom: 0;
  }
  .section-hot-secondary .mCSB_scrollTools {
    opacity: 1 !important;
    bottom: -5px;
  }
}
/* ------------------------------------------------------------ *\
	Section Announcements
\* ------------------------------------------------------------ */
.section-announcements {
  background: #f2f2f2;
  border: 1px solid  #e4e4e4;
  padding: 41px 28px 34px;
  display: flex;
  margin-bottom: 33px;
  position: relative;
}
.section-announcements .section-aside {
  flex: 0 0 165px;
  display: flex;
  flex-flow: row wrap;
  margin-right: 31px;
}
.section-announcements .section-aside .btn {
  width: 100%;
  margin-top: auto;
  line-height: 1.2;
  padding: 12px 10px;
}
.section-announcements .section-content {
  width: calc(100% - 194px);
  overflow: hidden;
  position: relative;
}
.section-announcements .section-title {
  font-size: 33px;
  line-height: 1;
  color: #333;
  text-transform: uppercase;
}
.section-announcements .section-title small {
  font-size: 21px;
  font-weight: 400;
  display: block;
  margin-bottom: 5px;
}
.section-announcements .section-title i {
  vertical-align: bottom;
}
.section-announcements .list-news li {
  width: 100%;
  max-width: 280px;
  background: #fff;
  padding: 25px 22px;
  margin-bottom: 10px;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1);
}
.section-announcements .list-news li:last-child {
  margin-bottom: 0;
}
.section-announcements .link-scroll-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  width: 150px;
  height: 150px;
  border-radius: 50%;
  text-align: center;
  z-index: 2;
  display: none;
  background: -moz-radial-gradient(center, ellipse cover, rgba(210, 210, 210, 0.65) 0%, #d2d2d2 1%, rgba(210, 210, 210, 0.01) 59%, rgba(205, 205, 205, 0) 60%, rgba(0, 0, 0, 0) 100%);
  background: -webkit-radial-gradient(center, ellipse cover, rgba(210, 210, 210, 0.65) 0%, #d2d2d2 1%, rgba(210, 210, 210, 0.01) 59%, rgba(205, 205, 205, 0) 60%, rgba(0, 0, 0, 0) 100%);
  background: radial-gradient(ellipse at center, rgba(210, 210, 210, 0.65) 0%, #d2d2d2 1%, rgba(210, 210, 210, 0.01) 59%, rgba(205, 205, 205, 0) 60%, rgba(0, 0, 0, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6d2d2d2', endColorstr='#00000000', GradientType=1);
}
.section-announcements .link-scroll-next .fa {
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  left: 50%;
}
.section-announcements .mCSB_scrollTools {
  opacity: 0 !important;
}
.section-announcements .mCSB_horizontal.mCSB_inside &gt; .mCSB_container {
  margin-bottom: 0;
}
@media (max-width: 1023px ) {
  .section-announcements .link-scroll-next {
    display: block;
  }
}
@media (max-width: 767px ) {
  .section-announcements {
    display: block;
    margin: 0 -13px;
    padding: 41px 13px 14px;
  }
  .section-announcements .section-content {
    width: 100%;
  }
  .section-announcements .section-aside {
    margin-bottom: 15px;
    text-align: center;
    display: block;
    margin-right: 0;
  }
  .section-announcements .section-title {
    margin-bottom: 10px;
  }
  .section-announcements .list-news:after {
    content: '';
    line-height: 0;
    display: table;
    clear: both;
  }
  .section-announcements .list-news li {
    float: left;
    padding: 21px 14px;
  }
  .section-announcements .list-news li ~ li {
    margin-left: 13px;
  }
  .section-announcements .link-scroll-next {
    display: none;
  }
}
/* ------------------------------------------------------------ *\
	Section Widgets
\* ------------------------------------------------------------ */
.section-widgets {
  border: 1px solid  #e4e4e4;
  background: #f2f2f2;
  padding: 28px 31px 27px;
  margin-bottom: 38px;
  flex: 0 0 25%;
}
.section-widgets .section-title {
  font-size: 33px;
  font-weight: 700;
  color: #333;
  text-transform: uppercase;
  line-height: 1.2;
}
.section-widgets .section-title small {
  font-weight: 400;
  font-size: 21px;
  display: block;
}
.section-widgets .section-title-logo {
  padding-left: 64px;
  position: relative;
}
.section-widgets .section-title-logo:before {
  content: '';
  background: url(images/icons/ico-newsletter.svg) no-repeat 0 0;
  width: 46px;
  height: 57px;
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  background-size: 100% 100%;
}
.section-widgets .section-head {
  margin-bottom: 27px;
}
.section-widgets .widgets {
  display: flex;
  margin: 0 -8px;
  flex-flow: row wrap;
}
/* ------------------------------------------------------------ *\
	Section Details
\* ------------------------------------------------------------ */
.section-details {
  padding-bottom: 86px;
}
.section-details .widget-primary:last-child {
  margin-bottom: 0;
}
.section-details .sidebar {
  margin-top: -14px;
}
@media (max-width: 1200px ) {
  .section-details .sidebar {
    margin-top: 20px;
  }
}
@media (max-width: 767px ) {
  .section-details {
    padding-bottom: 15px;
    padding-top: 53px;
  }
  .section-details .sidebar {
    margin-top: 20px;
    margin-bottom: 0;
  }
  .section-details .widget-subscribe {
    margin-bottom: 0;
  }
  .section-details .widget-subscribe .widget-content {
    display: block;
    width: 100%;
  }
}
/* ------------------------------------------------------------ *\
	Section Next
\* ------------------------------------------------------------ */
.section-next {
  max-height: 640px;
  overflow: hidden;
  position: relative;
}
.section-next:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(27, 31, 35, 0.95);
  z-index: 10;
}
.section-next.cloned {
  display: none;
}
@media (max-width: 767px ) {
  .section-next {
    display: none;
    margin: 10px -13px 0;
    max-height: 344px;
  }
  .section-next.cloned {
    display: block;
  }
  .section-next.cloned .widget-share {
    display: none;
  }
}
/* ------------------------------------------------------------ *\
	Section Writers
\* ------------------------------------------------------------ */
.section-writers {
  margin-bottom: 59px;
}
.section-writers .section-entry {
  max-width: 1050px;
  padding: 35px 30px;
  font-size: 14px;
  line-height: 1.6;
  margin-bottom: 50px;
}
.section-writers .section-inner {
  border-top: 1px solid  #1b1f23;
}
.section-writers .section-title {
  display: inline-block;
  background: #1b1f23;
  color: #f7f7f7;
  padding: 17px 45px 16px;
  font-weight: 400;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  top: -26px;
  margin-bottom: 9px;
}
@media (max-width: 767px ) {
  .section-writers {
    margin-bottom: 0;
  }
  .section-writers .section-entry {
    padding: 20px 0px;
  }
  .section-writers .section-title {
    margin: 0 -13px 0px;
    padding: 17px 13px 16px;
    text-align: center;
    display: block;
    width: auto;
    transform: none;
    left: 0;
  }
}
/* ------------------------------------------------------------ *\
	Section Jad
\* ------------------------------------------------------------ */
.section-jad {
  margin-bottom: 93px;
  /*  Alt  */
}
.section-jad .section-map {
  margin-bottom: 93px;
  position: relative;
  height: 565px;
}
.section-jad .section-map h5 {
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  background: #ffff00;
  font-size: 27px;
  color: #1b1f23;
  text-transform: uppercase;
  padding: 2px 50px;
}
.section-jad .section-map .gmap2 {
  height: 100%;
}
.section-jad .widgets {
  margin: 0 -16px;
}
.section-jad-alt {
  margin-bottom: 0;
}
@media (max-width: 767px ) {
  .section-jad {
    margin-bottom: 0px;
  }
  .section-jad .section-map {
    margin-left: -13px;
    margin-right: -13px;
    height: 263px;
    margin-bottom: 30px;
  }
}
/* ------------------------------------------------------------ *\
	Section Photography
\* ------------------------------------------------------------ */
.section-photography .post {
  height: 355px;
  margin-top: 0;
}
.section-photography .post-bd-top .post-inner {
  background: none;
}
@media (max-width: 1023px ) {
  .section-photography .post {
    width: 100% !important;
  }
  .section-photography .post-media .post-content {
    display: flex;
  }
}
@media (max-width: 767px ) {
  .section-photography .post {
    height: auto;
  }
}
/* ------------------------------------------------------------ *\
	Section About
\* ------------------------------------------------------------ */
.section-about {
  padding-bottom: 68px;
  margin-top: -16px;
}
.section-about .section-head {
  text-align: center;
  font-family: 'Open Sans', sans-serif;
  color: #0c6cac;
  margin-bottom: 56px;
}
.section-about .section-head span {
  margin: auto;
  line-height: 1.4;
  display: block;
  font-family: 'Open Sans', sans-serif;
  color: #0c6cac;
  font-weight: 400;
  font-size: 18px;
  margin-top: 5px;
}
.section-about .section-title {
  font-size: 21px;
  color: #444;
  margin-bottom: 5px;
}
.section-about .section-body {
  padding: 0 28px;
  column-gap: 160px;
  position: relative;
  font-family: 'Open Sans', sans-serif;
  font-size: 15px;
  line-height: 1.4;
}
.section-about .section-body:before {
  content: '';
  width: 1px;
  height: auto;
  background: #ccc;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  display: block;
}
.section-about .section-body p {
  margin-bottom: 20px;
}
.section-about .section-body p:last-child {
  margin-bottom: 0;
}
.section-about .cols-flex {
  justify-content: space-between;
}
.section-about .cols-flex:after {
  content: none;
}
.section-about .col-size1 {
  flex: 0 0 45%;
}
@media (max-width: 1023px ) {
  .section-about .section-body {
    column-gap: 100px;
    padding: 0;
  }
}
@media (max-width: 767px ) {
  .section-about {
    margin-top: 0;
    padding-bottom: 30px;
  }
  .section-about .section-head {
    margin-bottom: 30px;
  }
  .section-about .section-body:before {
    display: none;
  }
  .section-about .cols-flex {
    display: block;
    margin: 0;
  }
  .section-about .col {
    padding: 0;
  }
  .section-about .col ~ .col {
    border-top: 1px solid  #ccc;
    margin-top: 20px;
    padding-top: 20px;
  }
}
/* ------------------------------------------------------------ *\
	Section contributors
\* ------------------------------------------------------------ */
.section-contributors {
  background: #282d33;
  padding: 60px 0 47px;
  color: #fff;
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  line-height: 1.17;
}
.section-contributors .section-content {
  padding: 0 28px;
}
.section-contributors .cols {
  margin: 0 -35px;
}
.section-contributors .col {
  padding: 0 35px;
  float: none;
  width: auto;
  display: inline-block;
  vertical-align: top;
}
.section-contributors .col:nth-child(1) {
  width: 30%;
  margin-right: 5%;
}
.section-contributors .col:nth-child(3),
.section-contributors .col:nth-child(4),
.section-contributors .col:nth-child(2) {
  width: 21.2%;
}
.section-contributors .col:last-child .list-contributors,
.section-contributors .col:last-child .widget-body {
  height: auto;
}
@media (max-width: 1500px ) {
  .section-contributors .cols {
    margin: 0 -20px;
  }
  .section-contributors .col {
    padding: 0 20px;
  }
}
@media (max-width: 1200px ) {
  .section-contributors .cols {
    flex-flow: row wrap;
  }
  .section-contributors .col {
    flex: 0 0 50%;
    margin-bottom: 20px;
  }
}
@media (max-width: 1023px ) {
  .section-contributors .cols {
    display: block;
  }
  .section-contributors .col {
    display: block;
    width: 100% !important;
  }
}
@media (max-width: 767px ) {
  .section-contributors {
    padding: 30px 0;
  }
  .section-contributors .col {
    padding: 0;
  }
}
/* ------------------------------------------------------------ *\
	Section Editors
\* ------------------------------------------------------------ */
.section-editors {
  padding: 45px 0 51px;
}
.section-editors .section-head {
  margin-bottom: 42px;
  padding: 0 20px 0 63px;
}
.section-editors .section-body {
  padding: 0 63px;
}
.section-editors .section-title {
  font-size: 21px;
  color: #444;
  text-transform: uppercase;
  font-weight: 700;
  border-bottom: 2px solid  #444;
  display: inline-block;
}
@media (max-width: 1023px ) {
  .section-editors .section-body,
  .section-editors .section-head {
    padding: 0;
  }
}
@media (max-width: 767px ) {
  .section-editors {
    padding: 20px 0;
  }
  .section-editors .section-head {
    margin-bottom: 20px;
  }
}
/* ------------------------------------------------------------ *\
	Section Contacts
\* ------------------------------------------------------------ */
.section-contacts {
  margin-top: -80px;
  padding-bottom: 75px;
}
.section-contacts .section-head {
  background: #1b1f23 url(images/section-contacts-bg.jpg) no-repeat 0 0;
  background-size: auto 100%;
  min-height: 226px;
  padding: 47px 0 45px;
}
.section-contacts .section-head .btn {
  font-weight: 700;
  font-size: 19px;
  text-transform: none;
  padding: 10px;
  min-width: 240px;
}
.section-contacts .section-body {
  margin-top: -74px;
}
.section-contacts .section-map {
  height: 537px;
  border: 7px solid  #fff;
}
.section-contacts .gmap {
  height: 100%;
}
@media (max-width: 1023px ) {
  .section-contacts .section-body {
    margin-top: -30px;
  }
}
@media (max-width: 767px ) {
  .section-contacts {
    margin-top: -25px;
    padding-bottom: 25px;
  }
  .section-contacts .section-body {
    margin: 0px -13px 0;
  }
  .section-contacts .section-head {
    background-image: url(images/contacts-mobile-bg.png);
    background-size: initial;
    background-position: 0 center;
  }
  .section-contacts .section-map {
    height: 380px;
  }
}
/* ------------------------------------------------------------ *\
	Section Privacy
\* ------------------------------------------------------------ */
.section-privacy {
  padding-bottom: 58px;
}
@media (max-width: 767px ) {
  .section-privacy {
    padding-bottom: 30px;
  }
}
/* ------------------------------------------------------------ *\
	Section Fav
\* ------------------------------------------------------------ */
.section-fav {
  font-size: 17px;
  font-family: 'Open Sans', sans-serif;
  padding-bottom: 90px;
  /*  Secondary  */
}
.section-fav i {
  font-size: 29px;
}
.section-fav .section-inner {
  height: 430px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.section-fav .section-title {
  font-size: 37px;
  color: #444;
  line-height: 1.2;
  margin-top: 8px;
  margin-bottom: 4px;
}
.section-fav .btn {
  margin-top: 30px;
}
.section-fav-secondary {
  padding-bottom: 68px;
}
@media (max-width: 767px ) {
  .section-fav {
    padding: 40px 0 60px;
  }
  .section-fav .section-inner {
    height: auto;
  }
  .section-fav-secondary {
    padding-top: 30px;
  }
}
/* ------------------------------------------------------------ *\
	Section Account
\* ------------------------------------------------------------ */
.section-account {
  padding: 63px 0 115px;
  background: #fff;
  margin-top: -80px;
}
.section-account .section-content {
  max-width: 880px;
  margin: auto;
}
.section-account .list-interests a {
  padding: 6px 15px;
  min-width: 87px;
}
.section-account .list-interests a.clicked {
  padding-right: 20px;
  padding-left: 10px;
}
@media (max-width: 1023px ) {
  .section-account .list-interests {
    max-width: 100%;
  }
}
@media (max-width: 767px ) {
  .section-account {
    padding-bottom: 30px;
  }
}
/* ------------------------------------------------------------ *\
	Section My Articles
\* ------------------------------------------------------------ */
.section-my-articles {
  padding-bottom: 78px;
}
.section-my-articles .section-content {
  max-width: 1204px;
  margin: auto;
}
@media (max-width: 767px ) {
  .section-my-articles {
    padding-top: 50px;
    padding-bottom: 30px;
  }
}
/* ------------------------------------------------------------ *\
	Section Results
\* ------------------------------------------------------------ */
.section-results.section-articles .post {
  width: 25%;
}
@media (max-width: 1200px ) {
  .section-results.section-articles .post {
    width: 33.33%;
  }
}
@media (max-width: 1023px ) {
  .section-results.section-articles .post {
    width: 50%;
  }
}
@media (max-width: 767px ) {
  .section-results.section-articles .post {
    width: 100%;
  }
}
/* ------------------------------------------------------------ *\
	Section 404
\* ------------------------------------------------------------ */
.section-404 {
  background: #282d33;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100vh;
}
@media (max-width: 767px ) {
  .section-404 .logo-large {
    width: 298px;
    height: 42px;
  }
}
/* ------------------------------------------------------------ *\
	Button
\* ------------------------------------------------------------ */
.btn {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
  font-family: 'Open Sans', sans-serif;
  text-decoration: none;
  transition: all .3s;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.btn:hover {
  text-decoration: none;
}
/*  Button Block  */
.btn-block {
  display: block;
  padding-left: 0;
  padding-right: 0;
}
/*  Btn Primary  */
.btn-primary {
  text-transform: uppercase;
  font-size: 13px;
  letter-spacing: 0.08em;
  padding: 15px 50px;
}
/*  Btn Secondary  */
.btn-secondary {
  font-size: 21px;
  text-transform: uppercase;
  font-weight: 700;
  font-family: 'Open Sans', sans-serif;
  padding: 15px;
  border: 1px solid transparent;
}
/*  Btn Tertiary  */
.btn-tertiary {
  font-size: 19px;
  font-weight: 700;
  font-family: 'Open Sans', sans-serif;
  padding: 8px 35px;
  border: 1px solid transparent;
}
/*  Btn Blue  */
.btn-blue {
  background: #3784d0;
  color: #fff;
}
.btn-blue:hover {
  color: #3784d0;
  background: #fff;
}
.btn-blue2 {
  background: #0c6cad;
  color: #fff;
}
.btn-blue2:hover {
  background: #fff;
  color: #0c6cad;
}
/*  Btn Transparent  */
.btn-transparent {
  border: 1px solid  #1b1f23;
}
.btn-transparent:hover {
  background: #1b1f23;
  color: #fff;
}
/*  Btn Transparent White  */
.btn-transparent-white {
  border-color: #fff;
  color: #fff;
}
.btn-transparent-white:hover {
  color: #282d33;
  background: #fff;
}
/*  Btn Dark  */
.btn-dark {
  background: #25282c;
  color: #fff;
}
.btn-dark:hover {
  background: #3784d0;
}
@media (max-width: 767px ) {
  .btn-secondary {
    font-size: 19px;
  }
}
/* ------------------------------------------------------------ *\
	Quote
\* ------------------------------------------------------------ */
.quote {
  width: 288px;
  height: 288px;
  background: rgba(221, 238, 254, 0.75);
  text-align: center;
  font-family: 'Open Sans', sans-serif;
  font-size: 13px;
  line-height: 1.6;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  padding: 30px;
  position: relative;
  /*  Primary  */
}
.quote:before {
  content: '';
  width: 302px;
  height: 302px;
  background: rgba(217, 236, 255, 0.44);
  display: block;
  border-radius: 50%;
  position: absolute;
  top: -10px;
  left: 0;
}
.quote blockquote {
  margin-bottom: 20px;
  margin-top: 20px;
}
.quote h5 {
  font-size: 34px;
  font-weight: 400;
  text-align: left;
  line-height: 1;
}
.quote .ico-link {
  margin-left: 24%;
  margin-top: 18px;
}
.quote a:hover {
  color: #0d6cb0;
  text-decoration: none;
}
.quote a:hover .ico-link {
  background-image: url(images/icons/ico-link-hover.svg);
}
.quote-inner {
  position: relative;
}
.quote .list-inline {
  font-size: 16px;
  color: rgba(27, 31, 35, 0.58);
}
.quote .list-inline li {
  margin: 0 8px;
}
.quote .list-inline .fa-twitter {
  font-size: 20px;
  margin-top: 4px;
}
.quote-primary {
  max-width: 235px;
  position: relative;
  padding: 37px 15px;
}
.quote-primary:after,
.quote-primary:before {
  content: '';
  background: #333;
  display: block;
  width: 100%;
  height: 1px;
  position: absolute;
  left: 0;
}
.quote-primary:before {
  top: 0;
}
.quote-primary:after {
  bottom: 0;
}
.quote-primary blockquote {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.65;
  color: #333;
  text-align: center;
  font-style: italic;
}
.quote-primary .bottom,
.quote-primary .top {
  position: absolute;
  top: -20px;
  left: 50%;
  transform: translateX(-50%);
  width: 50px;
  text-align: center;
  font-size: 31px;
  color: #333;
  background: #f8f8f8;
  display: block;
}
.quote-primary .bottom {
  bottom: -25px;
  z-index: 1;
  top: auto;
}
/* ------------------------------------------------------------ *\
	Icons
\* ------------------------------------------------------------ */
i[class^=ico-] {
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
  line-height: 0;
  text-indent: -4004px;
}
.ico-listen {
  background: url(images/icons/ico-listen.svg) no-repeat 0 0;
  width: 48px;
  height: 44px;
  background-size: 100% 100%;
}
.ico-newsletter {
  background: url(images/icons/ico-newsletter.svg) no-repeat 0 0;
  width: 17px;
  height: 25px;
  background-size: 100% 100%;
}
.ico-sound {
  background: url(images/icons/ico-sound.svg) no-repeat 0 0;
  width: 37px;
  height: 30px;
  background-size: 100% 100%;
}
.ico-newspapper {
  background: url(images/icons/ico-newspapper.svg) no-repeat 0 0;
  width: 67px;
  height: 59px;
  background-size: 100% 100%;
}
.ico-folder {
  background: url(images/icons/ico-folder.svg) no-repeat 0 0;
  width: 32px;
  height: 25px;
  background-size: 100% 100%;
}
.ico-logo {
  background: url(images/icons/ico-logo.svg) no-repeat 0 0;
  width: 13px;
  height: 18px;
  background-size: 100% 100%;
}
.ico-logo-yellow {
  background: url(images/icons/ico-logo-yellow.svg) no-repeat 0 0;
  width: 16px;
  height: 21px;
  background-size: 100% 100%;
}
.ico-logo-large {
  background: url(images/icons/ico-newsletter.svg) no-repeat 0 0;
  width: 17px;
  height: 21px;
  background-size: 100% 100%;
}
.ico-link {
  background: url(images/icons/ico-link.svg) no-repeat 0 0;
  width: 43px;
  height: 29px;
  background-size: 100% 100%;
}
.ico-announcement-large {
  background: url(images/icons/ico-sound.svg) no-repeat 0 0;
  width: 85px;
  height: 72px;
  background-size: 100% 100%;
}
.ico-leaf {
  background: url(images/icons/ico-leaf.svg) no-repeat 0 0;
  width: 49px;
  height: 43px;
  background-size: 100% 100%;
}
.ico-logo-square {
  background: url(images/icons/logo-square.svg) no-repeat 0 0;
  width: 47px;
  height: 46px;
  background-size: 100% 100%;
}
.ico-logo-square-blue {
  background: url(images/icons/logo-square-blue.svg) no-repeat 0 0;
  width: 47px;
  height: 46px;
  background-size: 100% 100%;
}
.ico-next {
  background: url(images/icons/ico-next.svg) no-repeat 0 0;
  width: 80px;
  height: 108px;
  background-size: 100% 100%;
}
.ico-title {
  background: url(images/icons/ico-newsletter.svg) no-repeat 0 0;
  width: 16px;
  height: 21px;
  background-size: 100% 100%;
  margin-right: 5px;
  margin-top: -5px;
}
.ico-folder-plus {
  background: url(images/icons/ico-folder-plus.png) no-repeat 0 0;
  width: 21px;
  height: 18px;
  background-size: 100% 100%;
}
.ico-folder-plus:hover {
  background-image: url(images/icons/ico-folder-plus-hover.png);
}
.ico-logo-white {
  background: url(images/icons/ico-logo-white.svg) no-repeat 0 0;
  width: 16px;
  height: 21px;
  background-size: 100% 100%;
}
.logo-small {
  background: url(images/icons/logo-square.svg) no-repeat 0 0;
  width: 47px;
  height: 46px;
  background-size: 100% 100%;
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
  line-height: 0;
  text-indent: -4004px;
  float: left;
}
@media (max-width: 767px ) {
  .logo {
    width: 298px;
    height: 42px;
  }
  .logo-small {
    width: 28px;
    height: 26px;
  }
  .ico-logo-square {
    width: 33px;
    height: 32px;
  }
}
/* ------------------------------------------------------------ *\
	Posts
\* ------------------------------------------------------------ */
.posts {
  list-style: none;
  font-size: 0;
  margin: 0 -12px;
  /*  RTL  */
}
.posts:after {
  content: '';
  line-height: 0;
  display: table;
  clear: both;
}
.posts.rtl {
  font-family: 'Tahoma', sans-serif;
  font-size: 13px;
  line-height: 1.5;
}
.posts.rtl .post-image {
  float: right;
  margin-right: 0;
  margin-left: 10px;
}
.posts.rtl .post-title {
  font-family: 'GE Flow', sans-serif;
  font-size: 26px;
  max-width: 260px;
}
.posts.rtl .post-body,
.posts.rtl .post-content {
  padding-right: 0px;
}
.posts.rtl .list-meta {
  direction: ltr;
}
/* ------------------------------------------------------------ *\
	Post
\* ------------------------------------------------------------ */
.post {
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
  line-height: 1.45;
  width: 50%;
  height: 327px;
  padding: 0 12px;
  margin-bottom: 20px;
  /*  Large  */
  /*  Media  */
  /*  Media Top  */
  /*  JadAlicous  */
  /*  RTL  */
  /*  Taller  */
  /*  Tablet  */
}
.post p {
  line-height: 1.5;
}
.post:not(.post-media).no-bd,
.post:not(.post-media):last-child {
  margin-bottom: 0;
}
.post:not(.post-media).no-bd .post-inner,
.post:not(.post-media):last-child .post-inner {
  background: none;
}
.post-title {
  font-family: 'Open Sans', sans-serif;
  font-size: 22px;
  color: #333;
  font-weight: 400;
  line-height: 1.1;
  max-width: 305px;
  margin-top: -20px;
}
.post-title a:hover {
  text-decoration: none;
  color: #3784d0;
}
.post-inner {
  height: 100%;
  padding-bottom: 10px;
  display: flex;
  flex-flow: row wrap;
  background-image: linear-gradient(to right, #868686 30%, rgba(255, 255, 255, 0) 0%);
  background-position: bottom;
  background-size: 5px 1px;
  background-repeat: repeat-x;
}
.post-inner:after {
  content: '';
  line-height: 0;
  display: table;
  clear: both;
}
.post.post-bd-top {
  height: 358px;
}
.post.post-bd-top .post-inner:before {
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  margin-bottom: 20px;
  background-image: linear-gradient(to right, #868686 30%, rgba(255, 255, 255, 0) 0%);
  background-position: bottom;
  background-size: 5px 1px;
  background-repeat: repeat-x;
}
.post-image {
  float: left;
  margin-right: 20px;
  margin-bottom: 5px;
}
.post-body,
.post-content {
  padding-right: 30px;
}
.post-head {
  height: 90px;
  display: flex;
  align-items: center;
}
.post-body {
  height: 190px;
  overflow: hidden;
  position: relative;
}
.post-body &gt; a {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
}
.post-foot {
  margin-top: auto;
  margin-bottom: 5px;
}
.post p:not(:last-child) {
  margin-bottom: 10px;
}
.post-large {
  width: 100%;
}
.post-large p {
  line-height: 1.45;
}
.post-large .post-inner {
  display: flex;
  justify-content: space-between;
  flex-flow: row nowrap;
}
.post-large .post-image {
  flex: 0 0 52%;
  order: 2;
  margin: 0;
  display: flex;
  position: relative;
}
.post-large .post-image a {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.post-large .post-image a img {
  max-width: none;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.post-large .post-title {
  font-size: 36px;
  line-height: 1;
  max-width: none;
  margin-top: -28px;
}
.post-large .post-body {
  padding-right: 0;
  height: 141px;
  margin-top: -10px;
}
.post-large .post-head {
  height: 125px;
}
.post-large .post-content {
  display: flex;
  flex-flow: row wrap;
}
.post-large .list-meta {
  padding-top: 10px;
}
.post .quote {
  width: 294px;
  height: 294px;
  padding: 35px 5px 15px 25px;
  margin: auto;
}
.post .quote:before {
  width: 309px;
  height: 309px;
}
.post-media {
  width: 100%;
  height: 346px;
  margin-top: -21px;
}
.post-media .post-inner {
  background: #1b1f23;
  position: relative;
  padding-bottom: 0;
}
.post-media .post-image {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  left: 240px;
  right: 0px;
  margin: 0;
}
.post-media .post-image a {
  background-color: #ffff00;
  display: inline-block;
  font-family: 'Roboto', sans-serif;
  font-size: 13px;
  padding: 5px 10px;
  position: absolute;
  top: 32px;
  right: 22px;
  text-decoration: none;
  color: rgba(27, 31, 35, 0.8);
}
.post-media .post-image a:hover {
  background-color: #fff;
}
.post-media .post-video a {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.post-media .post-video a:before {
  content: '';
  width: 42px;
  height: 42px;
  display: block;
  border-radius: 50%;
  background: #ffff00;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  left: 50%;
}
.post-media .post-video a:after {
  content: '';
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 0 7px 12px;
  border-color: transparent transparent transparent #1b1f23;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  left: 50%;
  margin-left: 1px;
}
.post-media .post-video a:hover:before {
  background: #fff;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
}
.post-media .post-content {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  position: relative;
  padding: 30px 16px 16px;
  width: 240px;
  height: 100%;
}
.post-media .post-title {
  font-size: 23px;
  color: #bababa;
  margin-bottom: 20px;
}
.post-media .post-title a:hover {
  color: #feffff;
}
.post-media .post-subtitle {
  position: absolute;
  top: 32px;
  left: -6px;
  background: #ffff00;
  color: #1b1f23;
  font-family: 'Open Sans', sans-serif;
  font-size: 13px;
  text-transform: uppercase;
  padding: 7px 13px 4px 25px;
  letter-spacing: 0.08em;
}
.post-media .list-meta {
  padding-top: 0;
  color: #bbb;
}
.post-media-top {
  margin-top: 0;
  margin-bottom: 0;
  height: 358px;
}
.post-jadalicous {
  height: 691px;
  float: left;
  margin-top: -21px;
  position: relative;
  padding: 0 20px;
}
.post-jadalicous:before {
  content: '';
  width: auto;
  height: 2px;
  background: #f8f8f8;
  position: absolute;
  left: 0px;
  right: 0px;
}
.post-jadalicous .post-inner {
  box-shadow: 1px 2px 7px rgba(0, 0, 0, 0.1);
  background: #fff;
}
.post-jadalicous .widgets {
  width: 100%;
}
.post.rtl {
  font-family: 'Tahoma', sans-serif;
  font-size: 13px;
  line-height: 1.5;
  /*  Media RTL  */
}
.post.rtl .post-image {
  float: right;
  margin-right: 0;
  margin-left: 10px;
}
.post.rtl .post-title {
  font-family: 'GE Flow', sans-serif;
  font-size: 26px;
  max-width: 260px;
}
.post.rtl .post-body,
.post.rtl .post-content {
  padding-right: 0px;
}
.post.rtl .list-meta {
  direction: ltr;
}
.post.rtl .post-body {
  padding-left: 30px;
}
.post.rtl.post-large .post-image {
  order: 0;
  margin-left: 30px;
}
.post.rtl.post-large .post-title {
  font-size: 36px;
}
.post.rtl.post-media .post-inner {
  flex-flow: row-reverse wrap;
}
.post.rtl.post-media .post-content {
  float: left;
  padding-right: 16px;
}
.post.rtl.post-media .post-title {
  margin-bottom: 30px;
}
.post.rtl.post-media .post-subtitle {
  font-size: 18px;
  font-family: 'GE Flow', sans-serif;
  padding: 4px 10px 2px 25px;
  min-width: 166px;
  font-weight: 700;
}
.post.rtl.post-media .post-image a {
  direction: ltr;
}
.post-taller {
  height: 350px;
}
.post-taller .post-foot {
  margin-bottom: 30px;
}
@media (max-width: 1500px ) {
  .post-large .post-title {
    margin-bottom: 15px;
  }
  .post .quote {
    width: 250px;
    height: 250px;
  }
  .post .quote h5 {
    font-size: 27px;
  }
  .post .quote:before {
    width: 270px;
    height: 270px;
  }
}
@media (max-width: 1023px ) {
  .post {
    width: 100%;
  }
  .post .post-body,
  .post .post-content {
    padding-right: 20px;
  }
  .post-large {
    height: 674px;
    float: left;
  }
  .post-large .post-content,
  .post-large .post-image {
    float: none;
    width: 100%;
  }
  .post-large .post-image {
    margin-bottom: 35px;
  }
  .post-large .post-image a {
    position: relative;
  }
  .post-large .post-image a img {
    width: 100%;
    position: relative;
    transform: none;
    left: 0;
  }
  .post-large .post-inner {
    display: block;
  }
  .post-media {
    margin-top: 0;
    height: 691px;
  }
  .post-media .post-title {
    font-size: 22px;
    margin-top: 0;
  }
  .post-media .post-subtitle {
    position: relative;
    top: 0;
    margin-bottom: 20px;
    left: -25px;
    display: inline-block;
  }
  .post-media .post-content {
    width: 100%;
    display: block;
  }
  .post-media .post-image {
    left: 0;
    top: 50%;
    right: auto;
    bottom: 0;
    width: 100%;
  }
  .post-media-top {
    margin-bottom: 15px;
  }
  .post:not(.post-media).no-bd {
    margin-bottom: 20px;
  }
  .post:not(.post-media).no-bd .post-inner {
    background-image: linear-gradient(to right, #868686 30%, rgba(255, 255, 255, 0) 0%);
    background-position: bottom;
    background-size: 5px 1px;
    background-repeat: repeat-x;
  }
  .post.post-large .post-image {
    height: 328px;
    overflow: hidden;
  }
  .post.post-large .post-image img {
    min-height: 100%;
    width: auto;
    max-width: none;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
  }
  .post.rtl.post-media .post-content {
    width: 50%;
  }
  .post.post-tablet-no-bd {
    height: 327px;
  }
  .post.post-tablet-no-bd .post-inner:before {
    display: none;
  }
}
@media (max-width: 767px ) {
  .post {
    height: auto;
  }
  .post .post-body,
  .post .post-content {
    padding-right: 0px;
  }
  .post-large .post-inner {
    display: flex;
    flex-flow: row wrap;
  }
  .post-large .post-content {
    order: 1;
    flex: 0 0 100%;
    margin-bottom: 10px;
  }
  .post-large .post-image {
    order: 2;
    flex: 0 0 100%;
  }
  .post-large .post-title {
    font-size: 27px;
  }
  .post-large .list-meta {
    padding-top: 5px;
  }
  .post-media .post-content {
    width: 100%;
    display: block;
    padding-right: 10px;
  }
  .post-media .post-image {
    position: relative;
    padding-top: 71.96%;
    left: auto;
    top: auto;
    right: auto;
    bottom: auto;
    width: 100%;
    height: 200px;
  }
  .post-media.rtl .post-subtitle {
    position: absolute;
    top: 32px;
  }
  .post-media.rtl .post-content {
    padding-top: 100px;
  }
  .post.post-bd-top {
    height: auto;
  }
  .post-jadalicous {
    padding: 0 13px;
  }
  .post.post-large .post-image {
    height: auto;
  }
  .post.post-large .post-image img {
    width: 100%;
    height: auto;
    min-height: 0;
  }
  .post.rtl.post-media .post-content {
    width: 100%;
  }
  .post .quote {
    margin-bottom: 10px;
  }
}
/* ------------------------------------------------------------ *\
	Scrollbar
\* ------------------------------------------------------------ */
.mCSB_horizontal.mCSB_inside &gt; .mCSB_container {
  margin-bottom: 21px;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  background: #383b3d;
  margin: 6px 0;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  background: #a8aa1b;
  border-radius: 0;
  height: 2px;
}
/* ------------------------------------------------------------ *\
	Popup Animation
\* ------------------------------------------------------------ */
/* overlay at start */
.mfp-fade.mfp-bg {
  opacity: 0;
  transition: all 0.15s ease-out;
}
/* overlay animate in */
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}
/* overlay animate out */
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}
/* content at start */
.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  transition: all 0.15s ease-out;
}
/* content animate it */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}
/* content animate out */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}
/* ------------------------------------------------------------ *\
	Magnific Popup
\* ------------------------------------------------------------ */
.mfp-bg {
  background: #f2f2f2;
}
.mfp-fade.mfp-bg.mfp-ready {
  opacity: .95;
}
.mfp-wrap {
  -webkit-overflow-scrolling: touch;
  -webkit-transform: translateZ(0);
}
html.mfp-helper {
  height: 100%;
}
html.mfp-helper body {
  overflow: hidden;
  height: 100%;
  -webkit-transform: translateZ(0);
}
/* ------------------------------------------------------------ *\
	Popup
\* ------------------------------------------------------------ */
.popup {
  max-width: 1039px;
  margin: auto;
  /*  Primary  */
  /*  Secondary  */
  /*  Tertiary  */
}
.popup .popup-head {
  text-align: center;
  position: relative;
  padding: 33px 20px 20px;
}
.popup-primary .popup-head {
  background: #282d33;
  color: #fff;
  padding: 33px 20px 20px;
}
.popup-primary .popup-body {
  border: 8px solid  #282d33;
  padding: 68px 73px;
  background: #fff;
}
.popup-primary .popup-title {
  font-size: 21px;
  margin-top: 20px;
  text-transform: uppercase;
}
.popup-secondary {
  border: 8px solid  #282d33;
  padding: 0px 135px 68px;
  background: #fff;
}
.popup-secondary .popup-head {
  padding: 55px 0 71px;
  border-bottom: 1px solid  #ddd;
  margin-bottom: 64px;
}
.popup-secondary .popup-head .btn {
  width: 100%;
  max-width: 423px;
  height: 48px;
  font-size: 19px;
  font-weight: 700;
  background: #0c6cad;
  text-transform: none;
  border: 2px solid  #0c6cad;
  padding-top: 8px;
}
.popup-secondary .popup-head .btn:hover {
  background: #fff;
}
.popup-secondary .popup-head .btn i {
  margin-right: 5px;
}
.popup-secondary .popup-title {
  margin: 20px 0;
  font-size: 19px;
}
.popup-secondary .post-large .post-title {
  font-size: 26px;
  line-height: 0.95;
}
.popup-secondary .post-large .post-content {
  padding-right: 50px;
}
.popup-secondary .link-close-popup {
  right: -85px;
}
.popup-tertiary {
  max-width: 563px;
  text-align: center;
  padding: 50px 30px 50px;
  background: #282d33;
  font-family: 'Open Sans', sans-serif;
  /*  Dropdown  */
  /*  Folder  */
  /*  Form  */
}
.popup-tertiary h4 {
  font-size: 19px;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 700;
  color: #eaeaea;
  max-width: 320px;
  margin: 0 auto 30px;
}
.popup-tertiary .link-close-popup {
  color: #fff;
  top: -20px;
  right: 0;
}
.popup-tertiary .link-close-popup:hover {
  color: #3784d0;
}
.popup-tertiary .popup-head {
  padding: 0;
  margin-bottom: 15px;
}
.popup-tertiary .popup-head small {
  display: block;
  font-size: 16px;
  line-height: 1.17;
  color: rgba(255, 255, 255, 0.6);
  max-width: 320px;
  margin: 25px auto 0;
}
.popup-tertiary .list-inline li {
  margin: 0 5px;
  min-width: 200px;
}
.popup-tertiary .list-inline .btn {
  font-size: 19px;
  text-transform: none;
  padding: 10px 15px;
  width: 100%;
}
.popup-tertiary .list-inline .btn:hover {
  opacity: 1;
}
.popup-tertiary .dropdown {
  max-width: 300px;
  margin: 40px auto 0;
  /*  Active  */
}
.popup-tertiary .dropdown .dropdown-foot,
.popup-tertiary .dropdown .dropdown-body {
  display: none;
}
.popup-tertiary .dropdown .dropdown-body {
  margin-bottom: 29px;
  padding-bottom: 10px;
  background: #0c6cad;
}
.popup-tertiary .dropdown .dropdown-body ul {
  list-style: none;
  color: #fff;
  text-align: left;
  padding: 10px 23px;
  font-size: 15px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
}
.popup-tertiary .dropdown .dropdown-body a {
  padding: 10px 10px 10px 43px;
  display: block;
  position: relative;
}
.popup-tertiary .dropdown .dropdown-body a:hover {
  background: #0b5586;
  text-decoration: none;
}
.popup-tertiary .dropdown .dropdown-body a:before {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 15px;
  font-family: 'FontAwesome';
}
.popup-tertiary .dropdown .dropdown-body li ~ li {
  border-top: 1px solid  #116096;
}
.popup-tertiary .dropdown .dropdown-body .mCSB_inside &gt; .mCSB_container {
  margin-right: 0;
}
.popup-tertiary .dropdown .add a {
  background: #282d33;
}
.popup-tertiary .dropdown .add a:before {
  content: '\f067';
}
.popup-tertiary .dropdown .add a:hover {
  background: #fff;
  color: #282d33;
}
.popup-tertiary .dropdown .selected a:before {
  content: '\f00c';
}
.popup-tertiary .dropdown .dropdown-foot .btn {
  text-transform: none;
  font-size: 19px;
  padding: 10px;
}
.popup-tertiary .dropdown.active .dropdown-foot,
.popup-tertiary .dropdown.active .dropdown-body {
  display: block;
}
.popup-tertiary .folder {
  width: 100%;
  max-width: 300px;
  margin: -15px auto 0;
  background: #0c6cad;
  color: #fff;
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  font-size: 15px;
  text-align: left;
  padding: 10px 80px 10px 20px;
  position: relative;
}
.popup-tertiary .folder input {
  background: none;
  text-align: left;
  color: #fff;
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  font-size: 15px;
  padding: 0;
  height: auto;
}
.popup-tertiary .folder a {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-left: 1px solid  #282d33;
  width: 65px;
}
.popup-tertiary .folder a:hover {
  text-decoration: none;
  background: #fff;
  color: #282d33;
}
.popup-tertiary .form-primary {
  max-width: 423px;
  margin: auto;
}
.popup-tertiary .form-primary .form-actions {
  padding: 0;
  margin-top: 30px;
}
.popup-tertiary .form-primary .form-btn {
  max-width: 165px;
  padding: 7px 10px;
  font-size: 19px;
}
@media (max-width: 1200px ) {
  .popup-secondary {
    padding: 10px 30px 30px;
    border-width: 3px;
  }
  .popup-secondary .popup-head {
    padding-top: 20px;
    padding-bottom: 25px;
    margin-bottom: 25px;
    margin-left: auto;
    margin-right: auto;
    max-width: 753px;
  }
  .popup-secondary .popup-head .btn {
    font-size: 13px;
    padding: 10px;
  }
  .popup-secondary .popup-body {
    max-width: 753px;
    margin: auto;
  }
  .popup-secondary .link-close-popup {
    right: 0;
    top: 15px;
  }
}
@media (max-width: 1023px ) {
  .popup-primary .popup-body {
    padding: 30px 15px;
  }
}
@media (max-width: 767px ) {
  .popup .list-inline li {
    display: block;
  }
  .popup .list-inline li ~ li {
    margin-top: 10px;
  }
  .popup-primary .popup-body {
    padding: 30px 15px;
  }
  .popup-secondary {
    padding: 0px 13px 0px;
    border-width: 3px;
  }
  .popup-secondary .popup-head {
    padding-top: 20px;
    padding-bottom: 15px;
    margin-bottom: 10px;
  }
  .popup-secondary .popup-head .btn {
    font-size: 13px;
    padding: 10px;
  }
  .popup-secondary .link-close-popup {
    right: 0;
    top: 15px;
  }
  .popup-secondary .post-large .post-content {
    padding-right: 0;
  }
  .popup-secondary .popup-title {
    font-size: 16px;
    line-height: 1.2;
  }
  .popup-secondary .post-large .post-image {
    margin-bottom: 0;
  }
  .popup-tertiary {
    padding: 30px 15px;
  }
  .popup-tertiary h4 {
    margin-bottom: 20px;
  }
  .popup-tertiary .link-close-popup {
    font-size: 22px;
    top: 0px;
  }
  .popup-tertiary .dropdown {
    margin-top: 25px;
  }
}
/* ------------------------------------------------------------ *\
	Popup Login
\* ------------------------------------------------------------ */
.popup-login {
  max-width: 575px;
}
.popup-login .popup-head {
  background: #282d33;
  text-align: center;
  color: #fff;
  padding-bottom: 0;
}
.popup-login .popup-head .tabs-nav {
  margin-bottom: 0;
}
.popup-login .popup-head .link-close-popup {
  top: 23px;
  right: 33px;
}
.popup-login .popup-body {
  border: 8px solid  #282d33;
  border-top: 0;
  padding: 45px 62px;
  box-shadow: 1px 2px 7px rgba(0, 0, 0, 0.1);
  background: #fff;
  min-height: 584px;
}
.popup-login .popup-body-alt {
  min-height: 0;
}
.popup-login .popup-title {
  font-size: 21px;
  text-transform: uppercase;
  margin-top: 10px;
  padding-bottom: 22px;
}
.popup-login .tab {
  padding: 0;
  background: none;
  box-shadow: none;
}
.popup-login .tabs-nav ul {
  justify-content: center;
  border: 0;
}
.popup-login .tabs-nav li {
  height: auto;
  flex: 0 0 auto;
  margin: 0 10px;
}
.popup-login .tabs-nav a {
  border-bottom: 6px solid transparent;
  padding-bottom: 15px;
}
.popup-login .tabs-nav a:hover {
  color: #fff;
  border-color: #fff;
  background: none;
}
.popup-login .tabs-nav .current a {
  color: #ffff00;
  border-color: #ffff00;
  background: none;
  font-weight: 700;
}
@media (max-width: 767px ) {
  .popup-login .popup-body {
    padding: 22px 11px;
    min-height: 0;
  }
}
/* ------------------------------------------------------------ *\
	Popup Register
\* ------------------------------------------------------------ */
.popup-register {
  max-width: 1039px;
}
.popup-register .popup-body {
  min-height: 0;
  padding-bottom: 55px;
}
.popup-register .form-btn {
  max-width: 420px;
}
.popup-register .form-actions {
  text-align: center;
}
/* ------------------------------------------------------------ *\
	Popup Thank You
\* ------------------------------------------------------------ */
.popup-thank-you {
  max-width: 563px;
  background: #282d33;
  text-align: center;
  color: rgba(255, 255, 255, 0.61);
  font-size: 16px;
  line-height: 1.17;
  position: relative;
  padding: 49px 50px 45px;
  font-family: 'Open Sans', sans-serif;
}
.popup-thank-you .popup-title {
  font-size: 19px;
  line-height: 1.2;
  color: #fff;
  margin: 20px 0;
}
.popup-thank-you .link-close-popup {
  color: #fff;
}
.popup-thank-you .link-close-popup:hover {
  color: #3784d0;
}
@media (max-width: 767px ) {
  .popup-thank-you {
    padding: 36px 35px 45px;
  }
  .popup-thank-you .popup-title {
    font-size: 16px;
  }
  .popup-thank-you .link-close-popup {
    font-size: 22px;
  }
}
/* ------------------------------------------------------------ *\
	Filter
\* ------------------------------------------------------------ */
.filter {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  background: #1b1f23;
  padding: 29px 0 19px;
  z-index: 20;
  opacity: 0;
  visibility: hidden;
  transition: opacity .3s, visibility .3s;
}
.filter.active {
  opacity: 1;
  visibility: visible;
}
@media (max-width: 767px ) {
  .filter {
    padding-left: 13px;
    padding-right: 13px;
  }
}
/* ------------------------------------------------------------ *\
	Writers
\* ------------------------------------------------------------ */
.writers {
  list-style: none;
  margin: 0 -17px;
}
.writers:after {
  content: '';
  line-height: 0;
  display: table;
  clear: both;
}
@media (max-width: 767px ) {
  .writers {
    display: block;
  }
}
/* ------------------------------------------------------------ *\
	Writer
\* ------------------------------------------------------------ */
.writer {
  padding: 0 17px;
  margin-bottom: 29px;
  text-align: center;
  width: 33.33%;
  float: left;
  /*  Primary  */
}
.writer-inner {
  background: #fff;
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.1);
  position: relative;
}
.writer-body {
  padding: 25px 25px 17px;
}
.writer-foot {
  border-top: 1px solid  #e4e4e4;
  padding: 15px 23px 13px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.writer-foot span {
  display: block;
  font-size: 12px;
  color: #848484;
  flex: 1 0 auto;
  padding-left: 25px;
  padding-top: 3px;
}
.writer-foot strong {
  display: block;
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  color: #333;
  font-weight: 400;
}
.writer-title {
  color: #0c6cad;
  font-size: 20px;
  font-weight: 400;
}
.writer-title a:hover {
  text-decoration: none;
  color: #282d33;
}
.writer-image a {
  display: block;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  overflow: hidden;
  margin: 0 auto 20px;
}
.writer .btn {
  width: 150px;
  padding-left: 20px;
  padding-right: 20px;
}
.writer .btn-blue:hover {
  background: #282d33;
  color: #fff;
}
.writer .socials-secondary {
  float: none;
  margin: 0;
}
.writer .socials-secondary a {
  font-size: 14px;
  color: #848484;
}
.writer .socials-secondary a:hover {
  color: #282d33;
}
.writer .socials-secondary li ~ li {
  margin-left: 13px;
}
.writer-nth-child(3n+1) {
  clear: both;
}
.writer-primary .writer-body {
  background: url(images/writer-bg.jpg) no-repeat center center;
  background-size: cover;
  text-align: center;
  padding: 45px;
}
.writer-primary .writer-image {
  width: 160px;
  height: 160px;
  border-radius: 50%;
  border: 3px solid  #0c6cac;
  box-shadow: -3px -3px 7px rgba(0, 0, 0, 0.5);
  margin: 0 auto 20px;
}
.writer-primary .writer-title {
  font-size: 32px;
  font-weight: 400;
  color: #fff;
}
.writer-primary .writer-foot {
  background: #fff;
  box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2);
  padding: 14px 0;
}
.writer-primary .writer-foot &gt; ul {
  display: flex;
  list-style: none;
  justify-content: space-between;
  width: 100%;
  align-items: center;
}
.writer-primary .writer-foot &gt; ul &gt; li {
  flex: 1 0 33.33%;
  text-align: center;
  padding: 0 40px;
  min-height: 49px;
}
.writer-primary .writer-foot &gt; ul &gt; li ~ li {
  border-left: 1px solid  #d3d4d5;
}
.writer-primary .socials-secondary {
  float: none;
  margin: 0;
  padding-top: 3px;
}
.writer-primary .socials-secondary a {
  font-size: 14px;
  color: #25282c;
}
.writer-primary .socials-secondary a:hover {
  color: #3784d0;
}
.writer-primary .socials-secondary li ~ li {
  margin-left: 29px;
}
.writer-primary .btn-blue:hover {
  background: #282d33;
  color: #fff;
}
@media (max-width: 1200px ) {
  .writer .btn {
    width: auto;
    min-width: 50%;
    padding: 15px 20px;
  }
  .writer .writer-foot span {
    padding-left: 15px;
  }
}
@media (max-width: 767px ) {
  .writer {
    width: 100%;
    float: none;
  }
  .writer-primary {
    margin: -25px -13px 0;
  }
  .writer-primary .writer-body {
    padding: 55px 20px 20px;
  }
  .writer-primary .writer-title {
    font-size: 26px;
  }
  .writer-primary .writer-image {
    width: 123px;
    height: 123px;
  }
  .writer-primary .writer-foot {
    padding: 12px 10px 0;
  }
  .writer-primary .writer-foot span {
    padding-left: 0;
  }
  .writer-primary .writer-foot &gt; ul {
    flex-flow: row wrap;
    justify-content: space-around;
  }
  .writer-primary .writer-foot &gt; ul &gt; li {
    flex: 0 0 auto;
    margin-bottom: 12px;
    padding: 0;
  }
  .writer-primary .writer-foot &gt; ul &gt; li:first-child {
    flex: 0 0 100%;
    width: 100%;
  }
  .writer-primary .writer-foot &gt; ul &gt; li ~ li {
    border: 0;
  }
  .writer-primary .writer-foot &gt; ul &gt; li:last-child {
    border-left: 1px solid  #d3d4d5;
    padding: 0 30px;
  }
}
/* ------------------------------------------------------------ *\
	Items
\* ------------------------------------------------------------ */
ul.items {
  list-style: none;
  margin: 0 -8px 30px;
}
ul.items:after {
  content: '';
  line-height: 0;
  display: table;
  clear: both;
}
/* ------------------------------------------------------------ *\
	Item
\* ------------------------------------------------------------ */
.item {
  width: 33.33%;
  padding: 0 8px;
  float: left;
  margin-bottom: 17px;
  /*  Hover  */
  /*  RTL  */
}
.item a {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
  z-index: 5;
}
.item:nth-child(3n+1) {
  clear: both;
}
.item-inner {
  position: relative;
  height: 282px;
}
.item-inner:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(27, 31, 35, 0.8);
  display: block;
  z-index: 1;
  opacity: 0;
  transition: opacity .3s;
}
.item-image {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.item-content {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  color: #fff;
  padding: 27px 27px 25px;
  z-index: 2;
  transition: background .3s;
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.49) 49%, rgba(0, 0, 0, 0.65) 100%);
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.49) 49%, rgba(0, 0, 0, 0.65) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.49) 49%, rgba(0, 0, 0, 0.65) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);
}
.item-title {
  font-size: 22px;
  line-height: 1.2;
  margin-bottom: 0;
}
.item .list-meta {
  max-height: 0;
  overflow: hidden;
  padding-top: 0;
  color: #fff;
  transition: max-height 0.3s, padding 0.3s;
}
.item .list-meta .ico-logo {
  background-image: url(images/icons/ico-logo-white.svg);
  width: 13px;
  height: 18px;
  margin-right: 5px;
  margin-top: -5px;
}
.item-inner:hover:before {
  opacity: 1;
}
.item-inner:hover .list-meta {
  max-height: 50px;
  padding-top: 16px;
  padding-bottom: 40px;
}
.item-inner:hover .item-content {
  background: none;
}
.item.rtl .item-title {
  font-size: 26px;
  line-height: 1.19;
  font-family: 'GE Flow', sans-serif;
  font-weight: 400;
  max-width: 275px;
}
.item.rtl .list-meta {
  direction: ltr;
}
@media (max-width: 1400px) {
  .item-content {
    padding: 27px 17px 15px;
  }
}
@media (max-width: 767px ) {
  .item {
    width: 100%;
    float: none;
  }
  .item-inner {
    height: 232px;
  }
}
/* ------------------------------------------------------------ *\
	Progress
\* ------------------------------------------------------------ */
.progress {
  width: 100%;
  height: 37px;
  background: #f5f5f5;
  border-bottom: 1px solid #ddd;
  position: relative;
  text-align: right;
  font-size: 12px;
  color: #666;
  padding: 9px 10px;
}
.progress a i {
  font-size: 16px;
  color: #444;
  margin-left: 10px;
}
.progress-bar {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background: #0c6cad;
  font-size: 13px;
  text-align: left;
}
.progress-bar span {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0px;
  padding: 7px 10px;
  color: #191f1f;
}
.progress-bar span.passed {
  color: #fff;
}
.progress ~ .progress {
  margin-top: 0px;
}
.progress + .form-upload-info {
  border-top: 0;
}
/* ------------------------------------------------------------ *\
	Accordion
\* ------------------------------------------------------------ */
.accordion {
  max-width: 1207px;
  margin: auto;
  /*  Expanded  */
  /*  Active  */
}
.accordion-body {
  display: none;
}
.accordion-head {
  background: #0c6cad;
  padding: 24px 25px 22px;
  position: relative;
}
.accordion-head:hover {
  background: #0e82cf;
}
.accordion-head:hover label {
  text-decoration: underline;
}
.accordion-head a {
  font-size: 17px;
  color: #fff;
  font-weight: 700;
  padding-left: 0px;
  margin-right: 40px;
}
.accordion-section ~ .accordion-section {
  border-top: 1px solid  #fff;
}
.accordion .expand {
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 16px;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  margin-top: 3px;
  margin-right: 0;
}
.accordion .expand:after {
  content: '\f067';
  font-family: 'FontAwesome';
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  left: 50%;
  color: #fff;
  font-size: 22px;
  margin-top: 1px;
}
.accordion .expand:hover {
  background: #fff;
}
.accordion .expand:hover:after {
  color: #3784d0;
}
.accordion .checkbox input {
  display: none;
}
.accordion .checkbox input:checked + label:after {
  opacity: 1;
}
.accordion .checkbox label {
  font-size: 17px;
  color: #fff;
  font-weight: 700;
  position: relative;
  padding-left: 25px;
  margin-right: 0px;
  display: inline-block;
  font-family: 'Open Sans', sans-serif;
  top: -6px;
}
.accordion .checkbox label:before {
  content: '';
  width: 13px;
  height: 13px;
  background: #fff;
  border: 1px solid  #000;
  display: inline-block;
  vertical-align: middle;
  margin-right: 15px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}
.accordion .checkbox label:after {
  content: '\f00c';
  font-family: 'FontAwesome';
  font-size: 15px;
  color: #262626;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  opacity: 0;
}
.accordion-expanded .accordion-head:after {
  transform: translateY(-50%) rotate(45deg);
}
.accordion-expanded .accordion-body {
  display: block;
}
.accordion.active .accordion-section.accordion-expanded {
  display: block;
}
@media (max-width: 767px ) {
  .accordion-head {
    padding: 0px 15px;
  }
  .accordion-head:before {
    width: 25px;
    height: 25px;
    right: 9px;
    margin-top: -1px;
  }
  .accordion-head:after {
    font-size: 17px;
    margin-top: 0;
    right: 15px;
  }
  .accordion .checkbox label {
    line-height: 1.2;
    min-height: 67px;
    display: flex;
    align-items: center;
    padding-top: 5px;
    padding-bottom: 5px;
  }
}
/* Core (do not change) */
[data-tooltip] {
  position: relative;
}
[data-tooltip]:after,
[data-tooltip]:before {
  display: none;
  position: absolute;
  top: 100%;
  left: 50%;
  z-index: 9999;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
[data-tooltip]:before {
  content: '';
  border-width: 0 .8em .8em;
  border-style: none outset solid;
  border-color: transparent transparent #000;
  margin-top: 7px;
}
[data-tooltip]:after {
  content: attr(data-tooltip);
  background: #000;
  color: #fff;
  min-width: 120px;
  max-width: 300px;
  padding: 5px 15px;
  margin-top: 14px;
}
[data-tooltip]:hover:after,
[data-tooltip]:hover:before {
  display: block;
}
/* Hide on tooltip hover */
[data-tooltip-hide-on-hover]:after,
[data-tooltip-hide-on-hover]:before {
  pointer-events: none;
}
/* End of core (change from here) */
/* Animations */
[data-tooltip]:after,
[data-tooltip]:before {
  display: block;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 300ms;
  -o-transition: 300ms;
  transition: 300ms;
}
[data-tooltip]:hover:after,
[data-tooltip]:hover:before {
  opacity: 1;
  visibility: visible;
}
/* Delays */
/* Show delay */
[data-tooltip]:hover:after,
[data-tooltip]:hover:before {
  -webkit-transition-delay: 200ms;
  -o-transition-delay: 200ms;
  transition-delay: 200ms;
}
/* Hide delay */
[data-tooltip]:after,
[data-tooltip]:before {
  -webkit-transition-delay: 500ms;
  -o-transition-delay: 500ms;
  transition-delay: 500ms;
}
/* Theme Style */
[data-tooltip]:before {
  border-bottom-color: #0c6cad;
  border-width: 0 7px 7px;
}
[data-tooltip]:after {
  background: #0c6cad;
  font-family: 'Open Sans', sans-serif;
  font-size: 13px;
  color: #ebebeb;
  text-align: center;
  text-transform: lowercase;
}
[data-tooltip]:after {
  color: #fff;
  padding: .5em;
}
@media (max-width: 767px ) {
  [data-tooltip]:after {
    left: 0;
    transform: none;
  }
}
/* ------------------------------------------------------------ *\
	Table Articles
\* ------------------------------------------------------------ */
.table-articles {
  /*  Secondary  */
  /*  RTL  */
}
.table-articles h3 {
  font-weight: 400;
  font-size: 16px;
}
.table-articles h3 span {
  display: block;
}
.table-articles .table-row {
  display: flex;
  align-items: center;
  padding: 9px 0 6px;
  border: 1px solid transparent;
}
.table-articles .table-row:nth-child(odd) {
  background: #eee;
}
.table-articles .table-row:hover {
  border: 1px solid  #ccc;
}
.table-articles .table-col {
  position: relative;
}
.table-articles .table-col:nth-child(1) {
  flex: 0 0 55px;
  text-align: center;
}
.table-articles .table-col:nth-child(2) {
  flex: 0 0 77px;
}
.table-articles .table-col:nth-child(3) {
  flex: 0 1 auto;
  padding: 0 17px;
}
.table-articles .table-col:nth-child(4) {
  margin-left: auto;
  padding-right: 30px;
}
.table-articles .table-col.active {
  min-width: 200px;
  padding-right: 0;
}
.table-articles .checkbox label:before {
  margin-right: 0;
}
.table-articles .list-inline li ~ li {
  margin-left: 20px;
}
.table-articles .list-inline &gt; li &gt; a:hover {
  opacity: 1;
  color: #3784d0;
  text-decoration: none;
}
.table-articles .dropdown {
  background: #0c6cad;
  color: #fff;
  font-size: 19px;
  padding: 0px 10px;
  margin-left: 15px;
  position: relative;
  display: none;
  vertical-align: middle;
}
.table-articles .dropdown:before {
  content: '';
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 6px 6px 0;
  border-color: transparent #0c6cad transparent transparent;
  position: absolute;
  right: 100%;
  top: 50%;
  transform: translateY(-50%);
}
.table-articles .dropdown ul li ~ li {
  margin-left: 13px;
}
.table-articles .dropdown.active {
  display: inline-block;
}
.table-articles .checkbox input {
  display: none;
}
.table-articles .checkbox input:checked + label:after {
  opacity: 1;
}
.table-articles .checkbox label {
  font-size: 17px;
  color: #fff;
  font-weight: 700;
  position: relative;
  padding: 8px 0 0;
  margin: 0;
}
.table-articles .checkbox label:before {
  content: '';
  width: 13px;
  height: 13px;
  background: #fff;
  border: 1px solid  #000;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  margin-right: 0;
  margin: 0;
}
.table-articles .checkbox label:after {
  content: '\f00c';
  font-family: 'FontAwesome';
  font-size: 15px;
  color: #262626;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  left: 50%;
  opacity: 0;
  margin: -1px 0 0;
}
.table-articles-secondary span {
  display: block;
  font-size: 13px;
}
.table-articles-secondary .table-row {
  padding-left: 12px;
}
.table-articles-secondary .table-col:nth-child(1) {
  flex: 0 0 77px;
  text-align: center;
}
.table-articles-secondary .table-col:nth-child(2) {
  flex: 0 0 auto;
  padding-left: 15px;
}
.table-articles-secondary .table-col:nth-child(3) {
  margin-left: auto;
  padding: 0;
  padding-right: 25px;
}
.table-articles-secondary .table-col:nth-child(3) ul {
  display: inline-block;
  vertical-align: middle;
}
.table-articles-secondary .table-col:nth-child(3) ul ~ ul {
  border-left: 1px solid  #ccc;
  padding-left: 30px;
  margin-left: 30px;
}
.table-articles .rtl {
  text-align: left;
  direction: ltr;
}
.table-articles .rtl h3 {
  font-family: 'GE Flow', sans-serif;
}
@media (max-width: 767px ) {
  .table-articles .table-col:nth-child(1) {
    flex: 0 0 40px;
  }
  .table-articles .table-col:nth-child(2) {
    display: none;
  }
  .table-articles .table-col:nth-child(3) {
    padding-left: 0;
  }
  .table-articles .table-col:nth-child(4) {
    padding-right: 15px;
  }
  .table-articles .table-col.active {
    min-width: 0;
  }
  .table-articles .checkbox label:before {
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 3px 0 0;
  }
  .table-articles .dropdown {
    position: absolute;
    top: -5px;
    right: 100%;
    width: 110px;
    margin-right: 10px;
  }
  .table-articles .dropdown:before {
    border-width: 6px 0 6px 6px;
    border-color: transparent transparent transparent #0c6cad;
    right: auto;
    left: 100%;
  }
  .table-articles .dropdown ul li {
    display: inline-block;
  }
  .table-articles .list-inline li {
    display: block;
    position: relative;
  }
  .table-articles .list-inline li ~ li {
    margin-left: 0;
  }
  .table-articles-secondary .table-row {
    display: block;
  }
  .table-articles-secondary .table-col:nth-child(1) {
    display: none;
  }
  .table-articles-secondary .table-col:nth-child(2) {
    display: block;
    border-bottom: 1px solid  #ccc;
    padding-left: 0;
    padding-bottom: 5px;
    margin-bottom: 10px;
  }
  .table-articles-secondary .table-col:nth-child(3) {
    display: flex;
    justify-content: space-between;
  }
  .table-articles-secondary .table-col:nth-child(3) ul {
    flex: 1 0 auto;
    text-align: center;
    display: flex;
    justify-content: center;
  }
  .table-articles-secondary .table-col:nth-child(3) li ~ li {
    margin-left: 20px;
  }
  .table-articles-secondary .list-inline li {
    display: inline-block;
  }
}
/* ------------------------------------------------------------ *\
	Updates
\* ------------------------------------------------------------ */
.updates {
  list-style: none;
  max-width: 1207px;
  margin: auto;
}
@media (max-width: 767px ) {
  .updates {
    margin-top: -30px;
  }
}
/* ------------------------------------------------------------ *\
	Update
\* ------------------------------------------------------------ */
.update-head {
  margin-bottom: 15px;
  display: flex;
  align-items: center;
}
.update-head p {
  display: inline-block;
  vertical-align: middle;
  color: #878787;
  font-size: 15px;
  font-family: 'Open Sans', sans-serif;
}
.update-head strong {
  font-weight: 400;
  color: #262626;
}
.update-avatar {
  display: inline-block;
  vertical-align: middle;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  margin-right: 10px;
  margin-left: 7px;
  flex: 0 0 45px;
}
.update ~ .update {
  margin-top: 30px;
}
.update .accordion {
  position: relative;
}
.update .accordion:before {
  content: '';
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 9.5px 10px 9.5px;
  border-color: transparent transparent #0c6cad transparent;
  position: absolute;
  bottom: 100%;
  left: 20px;
}
.update .accordion .table-row:before {
  display: none;
}
.update .accordion .table-row label {
  padding-top: 15px;
}
.update .accordion .accordion-head label:before {
  margin: 0px;
}
.update .table-row {
  position: relative;
}
.update .table-row:before {
  content: '';
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 9.5px 10px 9.5px;
  border-color: transparent transparent #eee transparent;
  position: absolute;
  bottom: 100%;
  left: 20px;
}
.update .checkbox label:before {
  margin: -10px 0 0;
}
@media (max-width: 767px ) {
  .update-head p {
    font-size: 14px;
  }
  .update .table-col .checkbox label:before {
    left: 5px;
  }
  .update .accordion .table-col .checkbox label:before {
    left: 50%;
  }
  .update .table-articles h3 span {
    font-size: 14px;
  }
}
/* ------------------------------------------------------------ *\
	Datepicker
\* ------------------------------------------------------------ */
.ui-widget {
  font-size: .8em;
}
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  background: #ffff00;
}
.article-details .article-image {
  max-width: 450px;
}
.article-details .article-meta {
  display: flex;
}
.article-details .article-meta h5 {
  height: 26px;
}
.list-tags {
  margin-top: 1px;
}
.widget-dropdown .widget-image a {
  width: 100%;
  max-height: 209px;
  overflow: hidden;
  display: block;
}
.article-group a {
  text-decoration: underline;
  color: #222;
}
.socials-tertiary .fb-iframe {
  transform: scaleY(3);
  transform-origin: 0 0;
  opacity: 0;
}
.load-more-loader {
  list-style-type: none;
  width: 50px;
  height: 40px;
  position: relative;
}
.load-more-loader li {
  width: 10px;
  height: 10px;
  background: #1b1f23;
  border-radius: 100%;
  position: absolute;
  top: calc(50% - 3px);
  -webkit-animation: load-more-animation 1.2s infinite;
  /* Safari 4.0 - 8.0 */
  animation: load-more-animation 1.2s infinite;
}
.load-more-loader li:nth-of-type(1) {
  left: 0;
  animation-delay: 0s;
  -webkit-animation-delay: 0s;
}
.load-more-loader li:nth-of-type(2) {
  left: calc(calc(50% - 5px));
  animation-delay: 0.15s;
  -webkit-animation-delay: 0.15s;
}
.load-more-loader li:nth-of-type(3) {
  right: 0;
  animation-delay: 0.3s;
  -webkit-animation-delay: 0.3s;
}
.item .item-image {
  overflow: hidden;
}
.item .item-image img {
  min-width: 100%;
  min-height: 100%;
}
.post-media .post-image {
  overflow: hidden;
}
.post-media .post-image img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  min-width: 100%;
  min-height: 100%;
}
.post-media .post-image.post-video a {
  width: 430px;
  height: 358px;
}
.slider-announcements .slide-image {
  height: 56px;
  overflow: hidden;
}
.widget-jadalicous .widget-image {
  overflow: hidden;
}
.widget-profile-slider .widget-body {
  min-height: 160px;
}
.arabic-font {
  font-family: 'Tahoma', sans-serif;
}
.wrapper {
  padding-bottom: 375px;
}
.section-hot .list-feed .frame {
  width: 100%;
  height: 73px;
  overflow: hidden;
}
.dropdown-head {
  position: relative;
}
a.link-folders.hide-arrow::after {
  display: none;
}
.widget-profile-slider .slide {
  width: 245px;
  height: 256px;
  margin: auto;
  border-radius: 100%;
}
.widget-profile-slider .slide img {
  max-width: 1000%;
  width: auto;
  border-radius: 0;
}
.psy-fill-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.g-signin2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.g-signin2 &gt; div {
  width: 100%  !important;
  height: 100% !important;
}
.section-hot-secondary .slider-interview .owl-carousel .owl-stage-outer img {
  border-radius: 100%;
}
.slider-feed .slide .list-feed li {
  width: 280px;
}
.article-group ul,
.article-group ol {
  padding-left: 20px;
  padding-right: 20px;
}
app-gallery .slider-thumbs .owl-nav.disabled {
  display: block;
}
.widget-news .widget-inner {
  height: 100%;
}
.search-coming-soon {
  font-size: 2em;
}
.form-errors {
  padding-left: 15px;
  margin-top: 30px;
}
.form-errors li {
  color: #0c6cad;
  font-size: 16px;
}
.form-errors.folder-popup-errors {
  width: 100%;
  max-width: 300px;
  /* color: #fff; */
  font-family: 'Open Sans', sans-serif;
  margin: 20px auto 0;
  text-align: left;
}
.form-errors.folder-popup-errors li {
  color: #fff;
}
.post-head {
  height: auto;
}
.post-title {
  margin-top: 0;
  padding: 10px 0 20px;
  line-height: 1.2;
}
.post-body {
  height: auto;
}
.article-group {
  text-align: justify;
}
.article-group.rtl,
.article-group.ltr,
.article-group .ltr,
.article-group .rtl {
  text-align: justify;
}
.caption-wrapper {
  width: 100%;
  display: block;
  margin-top: 10px;
}
.caption-wrapper input {
  height: 40px;
  border-left: 2px solid #3784d0;
  padding-left: 20px;
}
.progress {
  height: auto;
  min-height: 37px;
}
.progress-bar span {
  height: 38px;
  white-space: nowrap;
}
.textarea.author-bio-area {
  height: 80px;
}
.form-group {
  padding: 10px 0 15px;
  /* background: #f9f9f9bf; */
  margin: 20px 0;
  border-bottom: 1px solid #efefef;
}
.form-group:nth-of-type(1) {
  border-top: 1px solid #efefef;
}
.form-group .group-label {
  font-size: 21px;
  margin-bottom: 8px;
  display: block;
}
.multi-dropdown.required .selected-list {
  border-left: 4px solid #3784d0;
}
.multi-dropdown .c-btn {
  background: #efefef;
  font-family: 'Open Sans', sans-serif;
  font-size: 15px;
  color: #191f1f;
  border: 1px solid transparent;
  border-left: 4px solid transparent;
  width: 100%;
  border-radius: 0;
  height: 48px;
  padding: 0 15px 0 47px;
  border-radius: 0 !important;
  box-shadow: none !important;
  border: none !important;
  background: #eee !important;
}
.multi-dropdown .c-btn &gt; span {
  padding-top: 3px;
  padding-left: 7px;
}
.multi-dropdown .c-token {
  background: #3784d0 !important;
}
.multi-dropdown .fa-angle-down {
  display: none;
}
.form-row-note {
  font-size: 16px;
  margin-top: 10px;
  line-height: 22px;
  padding: 7px 0 10px;
  display: block;
}
.post {
  overflow: hidden;
  position: relative;
}
.post .post-foot {
  padding-bottom: 10px;
  box-shadow: 0px -2px 10px 2px #f8f8f8;
  width: 100%;
  position: absolute;
  bottom: 0;
  background: #f8f8f8;
  margin-bottom: 1px;
}
.post .post-foot .list-meta {
  padding-top: 5px;
}
.section-articles .section-aside .post .post-foot {
  box-shadow: 0px -2px 10px 2px white;
  background: white;
}
.post-large .post-head {
  height: auto;
}
.post-large .post-title {
  margin-top: 0px;
  font-size: 30px;
  margin-bottom: 0;
}
.widget-subscribe .slider-banner .slide {
  width: 256px;
}
.widget-jad .slider-banner .owl-carousel .owl-stage-outer,
.widget-jad .slider-banner .owl-carousel .owl-stage {
  width: auto;
  min-width: 100%;
}
.section-about .section-body a {
  text-decoration: underline;
  color: #111;
}
.list-editors li {
  padding-bottom: 12px;
}
.list-editors li a {
  font-style: italic;
  font-size: 15px;
}
.post-large .post-image {
  flex: none;
}
.post-large .post-image a {
  position: relative;
  top: auto;
  left: auto;
  right: auto;
  bottom: auto;
  width: auto;
  height: auto;
}
.post-large .post-image a img {
  position: relative;
  top: auto;
  left: auto;
  transform: none;
  max-width: 350px;
}
.post-large .post-content {
  display: block;
  padding-right: 20px;
}
.post-large .post-body {
  height: auto;
}
.post-large .post-title {
  line-height: 1.1;
}
::selection {
  background: black;
  /* WebKit/Blink Browsers */
  color: white;
}
::-moz-selection {
  background: black;
  /* Gecko Browsers */
  color: white;
}
.popup-secondary {
  padding: 0px 55px 45px;
  max-width: 875px;
}
.popup-secondary .link-close-popup {
  right: -5px;
}
.popup-secondary .popup-head {
  padding: 55px 0 51px;
  margin-bottom: 44px;
}
.popup-secondary .post-large .post-title {
  line-height: 1.3;
}
.content-inner-flex .post-head {
  height: auto;
}
.post.rtl .post-title {
  max-width: 335px;
}
.popup-form-note {
  font-size: 13px;
  line-height: 0.6;
  color: #555;
}
@media print {
  * {
    padding: 0 !important;
  }
}
@media (max-width: 1100px) {
  .mfp-container {
    padding-left: 35px;
    padding-right: 35px;
  }
}
@media (max-width: 380px) {
  .mfp-container {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (min-width: 1024px) {
  .section-articles .section-aside {
    max-width: 33%;
  }
}
@media (max-width: 1230px) {
  .post-large .post-title {
    font-size: 28px;
  }
}
@-webkit-keyframes load-more-animation {
  0% {
    -webkit-transform: translateY(0);
  }
  35% {
    -webkit-transform: translateY(-20px);
  }
  70% {
    -webkit-transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(0);
  }
}
@keyframes load-more-animation {
  0% {
    transform: translateY(0);
  }
  35% {
    transform: translateY(-20px);
  }
  70% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(0);
  }
}
@media (max-width: 767px) {
  .article-details .article-image {
    max-width: 100%;
  }
  .content-actions.contact-load-more {
    margin-top: 0;
    margin-bottom: 10px;
  }
  .widget-share {
    transform: none;
  }
  .socials-tertiary .fb-iframe {
    transform: scaleY(3) scaleX(2.4);
  }
}
@media (min-width: 1024px) {
  .widget-dropdown {
    flex: 0 0 25%;
  }
  .widget-dropdown .widget-image {
    width: 100%;
    max-height: 210px;
    height: calc((100vw - 230px) / 4) * 0.6522);
  }
}
iframe#twitter-widget-0 {
  margin-top: 8px;
}
.post .post-head {
  width: 100%;
}
.article-group ul,
.article-group ol {
  padding-left: 40px;
  padding-right: 20px;
}




.article-details .slider-article{
  direction: ltr;
}

@media print {
    .article-head {
        position: absolute;
        display: contents;
    }
}</pre></body></html>