/* breakpoints
================================= */
/* TYPE
================================= */
/* COLORS
================================= */
/*
================================= */
@font-face {
  font-family: 'nibras-ficons';
  src: url("../fonts/nibras-ficons.eot?");
  src: url("../fonts/nibras-ficons.eot?#iefix") format("embedded-opentype"), url("../fonts/nibras-ficons.woff2?") format("woff2"), url("../fonts/nibras-ficons.ttf?") format("truetype"), url("../fonts/nibras-ficons.woff?") format("woff"), url("../fonts/nibras-ficons.svg?#nibras-ficons") format("svg");
  font-weight: normal;
  font-style: normal; }

[class^="ficon--"], [class*=" ficon--"] {
  font-family: 'nibras-ficons';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.ficon--envelope:before {
  content: "\e696"; }

.ficon--user:before {
  content: "\e71e"; }

.ficon--bubble-text:before {
  content: "\e7db"; }

.ficon--cross:before {
  content: "\e92a"; }

.ficon--menu:before {
  content: "\e92b"; }

.ficon--cross2:before {
  content: "\e935"; }

.ficon--chevron-up:before {
  content: "\e939"; }

.ficon--chevron-down:before {
  content: "\e93a"; }

.ficon--chevron-left:before {
  content: "\e93b"; }

.ficon--chevron-right:before {
  content: "\e93c"; }

.ficon--check-circle:before {
  content: "\e959"; }

.ficon--cross-circle:before {
  content: "\e95a"; }

.ficon--plus-circle:before {
  content: "\e95b"; }

.ficon--circle-minus:before {
  content: "\e95c"; }

.ficon--chevron-up-circle:before {
  content: "\e962"; }

.ficon--chevron-down-circle:before {
  content: "\e963"; }

.ficon--chevron-left-circle:before {
  content: "\e964"; }

.ficon--chevron-right-circle:before {
  content: "\e965"; }

/* SVG icons
=============================================== */
svg.icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  stroke-width: 0; }
  svg.icon:not(.duotone) {
    fill: currentColor;
    stroke: currentColor; }

/* =======================================================================================
Single-colored icons can be modified like so:
.name {
  font-size: 32px;
  color: red;
}
======================================================================================== */
svg.google-plus {
  width: 1.2861328125em; }

svg.instagram {
  width: 0.857421875em; }

svg.search {
  width: 0.9287109375em; }

svg.linkedin {
  width: 0.857421875em; }

svg.twitter {
  width: 0.9287109375em; }

svg.facebook {
  width: 0.587890625em; }

svg.ami-logo, svg.mubadala-logo {
  height: 0.25em; }

svg.ami-device {
  width: 0.5em; }

/* BASE
===================================================================== */
body {
  font-size: 15px;
  line-height: 1.35em;
  font-style: normal;
  font-weight: normal;
  color: #6d6e70;
  direction: ltr;
  text-align: left;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: #fff;
  font-family: "Neo Sans W02", "PF DinText Arabic W21 Light", tahoma, sans-serif;
  /* @media only screen and (min-width: 1000px) {
            font-size: 120%;
        } */ }
  body.ar {
    direction: rtl;
    font-family: tahoma, sans-serif;
    text-align: right;
    line-height: 1.4;
    font-family: "PF DinText Arabic W21 Light", tahoma, sans-serif;
    font-size: 17px; }

a, .link {
  text-decoration: none;
  -webkit-transition: 0.2s ease-out;
          transition: 0.2s ease-out;
  color: #482d80; }
  a:hover, .link:hover {
    color: #9b2584; }
  a.btn, a .btn, .link.btn, .link .btn {
    display: inline-block;
    margin: 6px 0; }
  a .icon, .link .icon {
    display: inline-block;
    font-size: 20px;
    color: #9b2584;
    margin-right: 4px;
    position: relative;
    top: 3px; }
    .ar a .icon, .ar .link .icon {
      margin-right: 0;
      margin-left: 4px; }

nav ul,
nav li {
  list-style: none;
  padding: 0;
  margin: 0; }

* {
  box-sizing: border-box; }

h1, h2, h3, h4, h5, h6 {
  margin-top: 1.3em;
  margin-bottom: .6em;
  font-weight: normal;
  line-height: 1.15em;
  font-family: "Neo Sans W01 Light", "PF DinText Arabic W21 Light", sans-serif; }
  h1 + p, h2 + p, h3 + p, h4 + p, h5 + p, h6 + p {
    margin-top: 0; }
  .ar h1, .ar h2, .ar h3, .ar h4, .ar h5, .ar h6 {
    font-family: "PF DinText Arabic W21 Light", tahoma, sans-serif; }

h1 {
  color: #4c287b;
  font-size: 2.3em;
  margin-bottom: .6em; }
  @media only screen and (min-width: 750px) {
    h1 {
      font-size: 2.6em; } }
  @media only screen and (min-width: 1050px) {
    h1 {
      font-size: 3.2em; } }
  @media only screen and (min-width: 1200px) {
    h1 {
      font-size: 3.4em; } }

h2 {
  color: #9b2584;
  font-size: 2em;
  font-family: "Neo Sans W02", "PF DinText Arabic W21 Light", tahoma, sans-serif; }

h3 {
  font-size: 1.8em;
  margin-bottom: 0.5em;
  margin-top: 1.2em; }
  h3 + p {
    margin-top: 0; }

h4 {
  font-size: 1.2em; }

h5 {
  font-size: 1.1em; }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  color: inherit; }

h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child {
  margin-top: 0; }

h1 .sub, h2 .sub {
  display: block;
  text-transform: none;
  font-size: 0.6em;
  line-height: 1.1em; }

h2 .sub {
  font-size: 0.75em;
  color: #cbdb2a; }

p h4 {
  margin-bottom: 0; }

p {
  margin: 1.2em 0; }

b, strong {
  font-weight: normal;
  font-family: "Neo Sans W01 Medium", "PF DinText Arabic W21 Bold", tahoma, sans-serif; }
  .ar b, .ar strong {
    font-family: "PF DinText Arabic W21 Bold", tahoma, sans-serif; }

:focus {
  outline: none; }

.svg-shape svg {
  width: 100%;
  height: 100%; }

blockquote {
  display: block;
  background: #fff;
  padding: 15px 20px 15px 50px;
  margin: 10px 0 20px;
  position: relative;
  border-left: 6px solid #d9e472; }
  .ar blockquote {
    border: none;
    border-right: 6px solid #d9e472;
    padding: 15px 50px 15px 20px;
    font-weight: bold; }
  blockquote .src {
    display: block;
    font-style: italic;
    font-weight: normal;
    font-size: 0.9em;
    line-height: 1.1em;
    margin-top: 10px; }
  blockquote::before {
    content: "\201C";
    font-size: 60px;
    font-weight: bold;
    color: #999;
    position: absolute;
    left: 10px;
    top: 5px; }
    .ar blockquote::before {
      content: "\201D";
      right: 10px; }
  blockquote::after {
    content: ""; }

table td {
  padding: 3px 0; }
  table td + td {
    padding-left: 10px; }

/* LAYOUT
===================================================================== */
.site-wrap {
  overflow: hidden; }

.wrapper {
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
  position: relative;
  border-right: 20px solid transparent; }
  .ar .wrapper {
    border-right-width: 0px;
    border-left: 20px solid transparent; }
  @media only screen and (min-width: 980px) {
    .wrapper {
      border-right-width: 50px; }
      .ar .wrapper {
        border-right-width: 0px;
        border-left-width: 50px; } }
  @media only screen and (min-width: 1260px) {
    .wrapper {
      border-right-width: 0; }
      .ar .wrapper {
        border-left-width: 0px; } }

.site-content {
  position: relative;
  padding-top: 40px; }
  .site-content > *:first-child {
    min-height: 300px; }
  body.index .site-content {
    padding-top: 0; }
  .site-content:before, .site-content:after {
    content: '';
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
    bottom: 0;
    width: 30px; }
    .ar .site-content:before, .ar .site-content:after {
      left: auto;
      right: 0; }
    @media only screen and (min-width: 1050px) {
      .site-content:before, .site-content:after {
        width: 100px; } }
    @media only screen and (min-width: 1200px) {
      .site-content:before, .site-content:after {
        left: calc(((100% - 1200px) / 2) + 0px); }
        .ar .site-content:before, .ar .site-content:after {
          left: 0;
          right: calc(((100% - 1200px) / 2) + 0px); } }
  .site-content:before {
    background-color: #62297f; }
  .site-content:after {
    background-image: url(../img/brand-shape-white.svg);
    background-size: 1100px;
    background-position: -780px 0;
    opacity: 0.2; }
  .site-content .wrapper {
    border-left: 30px solid transparent; }
    .ar .site-content .wrapper {
      border-left-width: 20px;
      border-right: 30px solid transparent; }
    @media only screen and (min-width: 980px) {
      .ar .site-content .wrapper {
        border-left-width: 50px; } }
    @media only screen and (min-width: 1050px) {
      .site-content .wrapper {
        border-left-width: 100px; }
        .ar .site-content .wrapper {
          border-right-width: 100px; } }
  @media (max-width: 749px) {
    .site-content > .wrapper {
      padding: 0 10px 0 30px; }
      .ar .site-content > .wrapper {
        padding: 0 30px 0 10px; } }

.layout-sidenav {
  position: relative;
  z-index: 100; }
  @media (min-width: 750px) {
    .layout-sidenav {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: reverse;
          -ms-flex-direction: row-reverse;
              flex-direction: row-reverse; } }
  .layout-sidenav .col.side {
    margin-right: 30px; }
    .ar .layout-sidenav .col.side {
      margin-right: 0;
      margin-left: 30px; }
  .layout-sidenav .col.main {
    -webkit-box-flex: 1;
        -ms-flex: auto;
            flex: auto; }

/* GRIDS
===================================================================== */
/*  SECTIONS  */
.grid-section {
  clear: both;
  padding: 0px;
  margin: 1em 0px;
  *zoom: 1; }
  .grid-section:after {
    content: ' ';
    display: table;
    clear: both; }

/*  COLUMN SETUP  */
.grid-col {
  display: block;
  float: left;
  margin: 1% 0 1% 3%; }
  .ar .grid-col {
    float: right;
    margin: 1% 2% 1% 0; }

.grid-col:first-child {
  margin-left: 0; }
  .ar .grid-col:first-child {
    margin-right: 0; }

/*  GROUPING  */
.grid-group:before,
.grid-group:after {
  content: "";
  display: table; }

.grid-group:after {
  clear: both; }

.grid-group {
  zoom: 1;
  /* For IE 6/7 */ }

/*  GRID OF TWO  */
.grid-2o2 {
  width: 100%; }

.grid-1o2 {
  width: 48%; }
  .grid-1o2 + .grid-1o2 {
    margin-left: 4%; }
    .ar .grid-1o2 + .grid-1o2 {
      margin-left: 0;
      margin-right: 4%; }

/*  GRID OF THREE  */
.grid-3o3 {
  width: 100%; }

.grid-2o3 {
  width: 65.66%; }

.grid-1o3 {
  width: 31.33%; }

/*  GRID OF FOUR  */
.grid-4o4 {
  width: 100%; }

.grid-3o4 {
  width: 74.25%; }

.grid-2o4 {
  width: 48.5%; }

.grid-1o4 {
  width: 22.75%; }

/*  GRID OF FIVE  */
.grid-5o5 {
  width: 100%; }

.grid-4o5 {
  width: 79.4%; }

.grid-3o5 {
  width: 58.8%; }

.grid-2o5 {
  width: 38.0%; }

.grid-1o5 {
  width: 17.6%; }

/*  GO FULL WIDTH BELOW 550 PIXELS */
@media only screen and (max-width: 500px) {
  .grid-col {
    margin: 2.5% 0 2.5% 0% !important;
    width: 100% !important; } }

@media only screen and (max-width: 800px) {
  .grid-col {
    width: 48%;
    margin: 3% 0; }
    .grid-col:nth-child(2n) {
      margin-left: 4%; } }

/* HEADER
===================================================================== */
.site-header {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  min-height: 300px; }
  body.index .site-header {
    height: 100vh;
    max-height: 800px; }
  @media (min-width: 750px) {
    .site-header {
      min-height: 350px; }
      body.index .site-header {
        min-height: 600px; } }
  @media (min-width: 1050px) {
    .site-header {
      min-height: 450px; } }
  .ar .site-header {
    left: auto;
    right: 0; }
  .site-header:before {
    content: '';
    display: block;
    position: absolute;
    z-index: 100;
    left: 0;
    top: 0;
    bottom: 0;
    width: 30px;
    background-color: #62297f; }
    @media only screen and (min-width: 1050px) {
      .site-header:before {
        width: 100px; } }
    .ar .site-header:before {
      left: auto;
      right: 0; }
    @media only screen and (min-width: 1200px) {
      .site-header:before {
        left: calc(((100% - 1200px) / 2) + 0px); }
        .ar .site-header:before {
          left: 0;
          right: calc(((100% - 1200px) / 2) + 0px); } }

.site-header .wrapper {
  z-index: 20; }

.logo-backdrop {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 300;
  margin-left: -270px;
  width: 600px;
  height: 330px;
  /* background-image: url(../img/logo-backdrop.svg);
		background-size: 100%;
		background-repeat: no-repeat;
		background-position: center bottom; */
  pointer-events: none; }
  .ar .logo-backdrop {
    left: auto;
    right: 0;
    margin-left: 0px;
    margin-right: -270px; }
  @media only screen and (min-width: 480px) {
    .logo-backdrop {
      margin-left: -320px;
      width: 700px;
      height: 400px; }
      .ar .logo-backdrop {
        margin-left: 0px;
        margin-right: -320px; } }
  @media only screen and (min-width: 750px) {
    .logo-backdrop {
      margin-left: -490px;
      width: 1000px;
      height: 600px; }
      .ar .logo-backdrop {
        margin-left: 0px;
        margin-right: -450px; } }
  @media only screen and (min-width: 1050px) {
    .logo-backdrop {
      left: 50%;
      width: 1100px;
      height: 700px;
      margin-left: -1050px;
      -webkit-transform: rotate(-10deg);
              transform: rotate(-10deg); }
      .ar .logo-backdrop {
        -webkit-transform: rotate(10deg);
                transform: rotate(10deg);
        margin-left: 0px;
        margin-right: -1050px;
        left: auto;
        right: 50%; } }
  @media only screen and (min-width: 1350px) {
    .logo-backdrop {
      margin-left: -1180px;
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); }
      .ar .logo-backdrop {
        margin-left: 0px;
        margin-right: -1020px; } }
  .logo-backdrop img {
    width: 100%;
    position: absolute;
    right: 0;
    bottom: 0; }
    .ar .logo-backdrop img {
      right: auto;
      left: 0; }

.site-logo {
  position: absolute;
  top: 20px;
  left: 0;
  z-index: 400;
  display: block;
  width: 75px;
  margin-left: 20px; }
  .ar .site-logo {
    left: auto;
    right: 0;
    margin-left: 0;
    margin-right: 20px; }
  @media only screen and (min-width: 480px) {
    .site-logo {
      width: 90px; } }
  @media only screen and (min-width: 750px) {
    .site-logo {
      margin-left: 50px;
      top: 30px;
      width: 120px; }
      .ar .site-logo {
        margin-left: 0;
        margin-right: 50px; } }
  @media only screen and (min-width: 1050px) {
    .site-logo {
      width: 120px;
       } }
  @media only screen and (min-width: 1350px) {
    .site-logo {
      width: 180px;
      margin-left: 0; }
      .ar .site-logo {
        margin-right: 0; } }
  @media only screen and (min-width: 1200px) {
    .site-logo {
      left: calc(((100% - 1200px) / 2) + 0px); }
      .ar .site-logo {
        left: 0;
        right: calc(((100% - 1200px) / 2) + 0px); } }
  .site-logo img {
    width: 100%; }

/* CAROUSEL
===================================================================== */
.carousel {
  position: relative;
  width: 300px;
  height: 200px;
  overflow: hidden;
  background-color: #351c66; }
  .carousel .carousel-list {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }
  .carousel .carousel-item {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover; }
    .ar .carousel .carousel-item {
      left: auto;
      right: 0; }
    .carousel .carousel-item.align-left {
      background-position: left center; }
    .carousel .carousel-item.align-right {
      background-position: right center; }
  .carousel.rotate .carousel-item {
    opacity: 0;
    -webkit-transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
            transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
    will-change: transform, opacity;
    z-index: 1;
    -webkit-transform: translateX(5%);
            transform: translateX(5%); }
    .ar .carousel.rotate .carousel-item {
      -webkit-transform: translateX(-5%);
              transform: translateX(-5%); }
    .carousel.rotate .carousel-item.passed {
      -webkit-transform: translateX(-5%);
              transform: translateX(-5%); }
      .ar .carousel.rotate .carousel-item.passed {
        -webkit-transform: translateX(5%);
                transform: translateX(5%); }
    .carousel.rotate .carousel-item.active {
      -webkit-transform: translateX(0%);
              transform: translateX(0%);
      opacity: 1;
      z-index: 10; }
  .carousel .carousel-pagination {
    position: absolute;
    z-index: 100;
    left: 20px;
    bottom: 20px;
    margin-left: 100px;
    -webkit-transition: .3s ease;
            transition: .3s ease;
    opacity: 0.15; }
    .ar .carousel .carousel-pagination {
      left: auto;
      right: 20px;
      margin-left: 0;
      margin-right: 100px; }
    .carousel .carousel-pagination:hover {
      opacity: 1; }
    .carousel .carousel-pagination .dot {
      display: inline-block;
      width: 11px;
      height: 11px;
      border-radius: 100%;
      background-color: #fff;
      opacity: 0.4;
      -webkit-transition: .2s ease;
              transition: .2s ease;
      box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
      cursor: pointer; }
      .carousel .carousel-pagination .dot + .dot {
        margin-left: 10px; }
        .ar .carousel .carousel-pagination .dot + .dot {
          margin-left: 0;
          margin-right: 10px; }
      .carousel .carousel-pagination .dot.active {
        opacity: .8; }
  .carousel .carousel-pager {
    position: absolute;
    left: 20px;
    bottom: 20px;
    z-index: 100;
    color: #fff;
    font-size: 24px;
    -webkit-transition: .3s ease;
            transition: .3s ease;
    opacity: 0.15; }
    .ar .carousel .carousel-pager {
      left: auto;
      right: 20px; }
    .carousel .carousel-pager:hover {
      opacity: 1; }
    .carousel .carousel-pager .arrow {
      display: block;
      float: left;
      width: 40px;
      height: 30px;
      line-height: 30px;
      text-align: center;
      margin-bottom: -8px;
      opacity: 0.5;
      -webkit-transition: .2s ease;
              transition: .2s ease;
      text-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
      cursor: pointer; }
      .ar .carousel .carousel-pager .arrow {
        float: right; }
      .carousel .carousel-pager .arrow:hover {
        opacity: .9; }
  .carousel:hover .carousel-pagination,
  .carousel:hover .carousel-pager {
    opacity: .5; }
    .carousel:hover .carousel-pagination:hover,
    .carousel:hover .carousel-pager:hover {
      opacity: 1; }

/* SITE NAV
===================================================================== */
.site-nav {
  position: fixed;
  z-index: 200;
  color: #fff; }
  .site-nav a {
    display: block;
    color: #fff;
    padding: 0 12px; }
    .site-nav a:hover {
      background-color: #9b2584; }
  .site-nav .lang {
    line-height: 40px; }
    .site-nav .lang a {
      background-color: #73277f;
      padding: 0 20px; }
  @media (max-width: 1049px) {
    .site-nav {
      line-height: 34px;
      top: 14px;
      right: 14px;
      -webkit-transition: .2s ease-in-out;
              transition: .2s ease-in-out; }
      .ar .site-nav {
        right: auto;
        left: 14px; }
      .show-nav .site-nav {
        z-index: 1000; }
      .site-nav .nav-trigger {
        position: absolute;
        z-index: 100;
        right: 0;
        width: 44px;
        height: 44px;
        text-align: center;
        font-size: 28px;
        background-color: #1b1464;
        cursor: pointer;
        -webkit-transition: .2s ease;
                transition: .2s ease; }
        .ar .site-nav .nav-trigger {
          right: auto;
          left: 0; }
        .site-nav .nav-trigger:hover {
          background-color: #9b2584; }
        .site-nav .nav-trigger .icon {
          display: block;
          position: absolute;
          width: 44px;
          height: 44px;
          line-height: 44px;
          -webkit-transition: .2s ease;
                  transition: .2s ease; }
          .site-nav .nav-trigger .icon.close {
            opacity: 0; }
        .show-nav .site-nav .nav-trigger .icon.close {
          opacity: 1; }
        .show-nav .site-nav .nav-trigger .icon.open {
          opacity: 0; }
      .site-nav ul {
        background-color: #62297f; }
      .site-nav .links {
        position: absolute;
        top: 0;
        right: 0;
        background-color: #62297f;
        -webkit-transform: translateX(10%);
                transform: translateX(10%);
        opacity: 0;
        -webkit-transition: .2s ease-in-out;
                transition: .2s ease-in-out;
        visibility: hidden; }
        .ar .site-nav .links {
          right: auto;
          left: 0;
          -webkit-transform: translateX(-10%);
                  transform: translateX(-10%); }
        .show-nav .site-nav .links {
          -webkit-transform: translateX(0%);
                  transform: translateX(0%);
          opacity: 1;
          visibility: visible; }
          .ar .show-nav .site-nav .links {
            -webkit-transform: translateX(0%);
                    transform: translateX(0%); }
      .site-nav .menu {
        padding: 14px 0 14px;
        white-space: nowrap;
        font-family: "Neo Sans W01 Medium", "PF DinText Arabic W21 Bold", tahoma, sans-serif; }
        .ar .site-nav .menu {
          font-family: "PF DinText Arabic W21 Bold", tahoma, sans-serif; }
      .site-nav .sub {
        font-size: 0.94em; }
        .site-nav .sub a {
          padding: 0 30px; }
      .site-nav .lang {
        margin-right: 44px;
        line-height: 44px; }
        .ar .site-nav .lang {
          margin-right: 0;
          margin-left: 44px; }
      .site-nav a {
        padding: 0 16px; } }
  @media (min-width: 1050px) {
    .site-nav {
      background-color: #62297f;
      top: 0;
      right: 0;
      left: 0;
      font-size: 16px;
      line-height: 44px;
      height: 44px;
      font-size: 0.9rem; } }
  @media (min-width: 1050px) and (min-width: 1200px) {
    .site-nav {
      font-size: 1rem; } }
  @media (min-width: 1050px) {
      .site-nav .nav-trigger {
        display: none; }
      .site-nav li {
        display: inline-block;
        position: relative; }
      .site-nav .menu {
        float: right;
        font-family: "Neo Sans W01 Medium", "PF DinText Arabic W21 Bold", tahoma, sans-serif; }
        .ar .site-nav .menu {
          float: left; }
        .ar .site-nav .menu {
          font-family: "PF DinText Arabic W21 Bold", tahoma, sans-serif; }
      .site-nav .sub {
        position: absolute;
        top: 100%;
        background-color: #73277f;
        white-space: nowrap;
        padding: 5px 0;
        -webkit-transform-origin: top;
                transform-origin: top;
        opacity: 0;
        font-size: 0.94em;
        will-change: opacity, transform;
        -webkit-transition: .2s ease;
                transition: .2s ease;
        -webkit-transform: scaleY(0.95) translateY(-3px);
                transform: scaleY(0.95) translateY(-3px); }
        .site-nav .sub li {
          display: block; }
      .site-nav li:hover > .sub {
        opacity: 1;
        -webkit-transform: scaleY(1) translateY(0);
                transform: scaleY(1) translateY(0); }
      .site-nav .lang {
        float: right;
        margin-left: 20px;
        line-height: 44px;
        font-family: "PF DinText Arabic W21 Bold", tahoma, sans-serif; }
        .ar .site-nav .lang {
          float: left;
          margin-left: 0;
          margin-right: 20px; }
        .site-nav .lang a {
          background-color: #73277f;
          padding: 0 20px; }
        .ar .site-nav .lang {
          font-family: "Neo Sans W01 Medium", "PF DinText Arabic W21 Bold", tahoma, sans-serif;
          font-size: .95em; } }

/* HERO
===================================================================== */
.site-hero {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  will-change: transform;
  overflow: hidden;
  position: fixed; }
  @media only screen and (min-width: 1200px) {
    .site-hero {
      left: calc(((100% - 1200px) / 2) + 100px); }
      .ar .site-hero {
        left: 0;
        right: calc(((100% - 1200px) / 2) + 100px); } }
  .site-hero .hero-cover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center; }
  .site-hero .wrapper {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    will-change: transform; }
    .ar .site-hero .wrapper {
      left: auto;
      right: 0; }
    @media only screen and (min-width: 1200px) {
      .site-hero .wrapper {
        max-width: 1100px; } }
  .site-hero .carousel-pagination {
    margin: 0;
    left: 60px;
    bottom: 20px; }
    .ar .site-hero .carousel-pagination {
      left: auto;
      right: 60px; }
    @media only screen and (min-width: 600px) {
      .site-hero .carousel-pagination {
        left: auto;
        right: 0;
        bottom: 30px; }
        .ar .site-hero .carousel-pagination {
          right: auto;
          left: 0px; } }
  .site-hero .carousel-pager {
    display: none;
    position: absolute;
    left: auto;
    right: 0px;
    opacity: 1 !important;
    bottom: 60px;
    margin-bottom: -44px; }
    .ar .site-hero .carousel-pager {
      right: auto;
      left: 0px; }
    @media only screen and (min-width: 600px) {
      .site-hero .carousel-pager {
        bottom: 120px; } }
    @media only screen and (min-width: 980px) {
      .site-hero .carousel-pager {
        bottom: 140px; } }
    .site-hero .carousel-pager .arrow {
      display: block;
      margin: 0;
      width: 44px;
      height: 44px;
      line-height: 44px;
      opacity: 1;
      text-shadow: none;
      text-align: center;
      font-size: 22px;
      background-color: #9b2584; }
      .site-hero .carousel-pager .arrow:hover {
        opacity: 1;
        background-color: #4c287b; }
      .site-hero .carousel-pager .arrow .icon {
        display: block;
        line-height: 44px;
        -webkit-transform: translateX(1px);
                transform: translateX(1px);
        /* .ar & {
						transform: translateX(-1px);
					} */ }
  .site-hero.rotate .carousel-item {
    -webkit-transition: opacity 1s ease-in;
            transition: opacity 1s ease-in; }
  .site-hero.rotate .carousel-item,
  .site-hero.rotate .carousel-item.passed {
    -webkit-transform: translateX(0);
            transform: translateX(0); }
    .ar .site-hero.rotate .carousel-item, .ar
    .site-hero.rotate .carousel-item.passed {
      -webkit-transform: translateX(0);
              transform: translateX(0); }
  .site-hero.rotate .carousel-item .hero-msg {
    -webkit-transition: .4s ease-out;
            transition: .4s ease-out;
    opacity: 0;
    -webkit-transform: translateX(-10px);
            transform: translateX(-10px); }
    .ar .site-hero.rotate .carousel-item .hero-msg {
      -webkit-transform: translateX(10px);
              transform: translateX(10px); }
  .site-hero.rotate .carousel-item.passed .hero-msg {
    -webkit-transform: translateX(10px);
            transform: translateX(10px); }
    .ar .site-hero.rotate .carousel-item.passed .hero-msg {
      -webkit-transform: translateX(-10px);
              transform: translateX(-10px); }
  .site-hero.rotate .carousel-item.active .hero-msg {
    -webkit-transition-delay: .5s;
            transition-delay: .5s;
    opacity: 1;
    -webkit-transform: translateX(0px);
            transform: translateX(0px); }
    .ar .site-hero.rotate .carousel-item.active .hero-msg {
      -webkit-transform: translateX(0px);
              transform: translateX(0px); }
  .site-hero .hero-msg {
    position: absolute;
    bottom: 60px;
    z-index: 100;
    right: 0px;
    background-color: #4c287b;
    color: #fff;
    width: auto;
    margin-left: 50px;
    padding: 16px 20px; }
    .ar .site-hero .hero-msg {
      right: auto;
      left: 0px;
      margin-left: 0px;
      margin-right: 50px; }
    @media only screen and (min-width: 600px) {
      .site-hero .hero-msg {
        margin-bottom: -44px;
        bottom: 120px;
        padding: 20px 32px; } }
    @media only screen and (min-width: 480px) {
      .site-hero .hero-msg {
        margin-left: 0;
        width: 85%; }
        .ar .site-hero .hero-msg {
          margin-right: 0; } }
    @media only screen and (min-width: 750px) {
      .site-hero .hero-msg {
        width: 65%; } }
    @media only screen and (min-width: 980px) {
      .site-hero .hero-msg {
        bottom: 140px;
        width: 50%; } }
    .site-hero .hero-msg h1 {
      color: inherit;
      font-size: 1.3em;
      line-height: 1.3em;
      margin: 0; }
      @media only screen and (min-width: 480px) {
        .site-hero .hero-msg h1 {
          font-size: 1.6em; } }
      @media only screen and (min-width: 750px) {
        .site-hero .hero-msg h1 {
          font-size: 2em; } }
      @media only screen and (min-width: 980px) {
        .site-hero .hero-msg h1 {
          font-size: 2.2em; } }
      .site-hero .hero-msg h1 .smaller {
        display: inline-block;
        font-size: 82%;
        line-height: 1.3em; }

.site-content .sidenav {
  margin: 30px 0;
  position: relative;
  width: 230px;
  padding: 40px 0;
  background-color: #351c66;
  color: white; }
  @media (min-width: 750px) {
    .site-content .sidenav {
      margin-top: 50px;
      left: -30px; }
      .ar .site-content .sidenav {
        left: auto;
        right: -30px; } }
  @media (min-width: 1050px) {
    .site-content .sidenav {
      margin-top: 100px;
      left: -60px;
      width: 300px;
      padding: 50px 0; }
      .ar .site-content .sidenav {
        left: auto;
        right: -60px; } }
  .site-content .sidenav a {
    color: #a38fca; }
  .site-content .sidenav h4 {
    font-size: 30px;
    margin-left: 30px; }
    .ar .site-content .sidenav h4 {
      margin-left: 0;
      margin-right: 30px; }
    @media (min-width: 750px) {
      .site-content .sidenav h4 {
        font-size: 40px; } }
  .site-content .sidenav ul {
    border-left: 30px solid #9b2584; }
    .ar .site-content .sidenav ul {
      border-left: 0px solid #9b2584;
      border-right: 30px solid #9b2584; }
  .site-content .sidenav li {
    padding: 0;
    margin: 0; }
    .ar .site-content .sidenav li {
      padding: 0;
      margin: 0; }
    .site-content .sidenav li::before {
      display: none; }
  .site-content .sidenav a {
    display: inline-block;
    font-size: 19px;
    padding: 10px 30px; }
    .site-content .sidenav a.active {
      font-family: "Neo Sans W01 Medium", "PF DinText Arabic W21 Bold", tahoma, sans-serif;
      color: white; }
      .ar .site-content .sidenav a.active {
        font-family: "PF DinText Arabic W21 Bold", tahoma, sans-serif; }
    .site-content .sidenav a:hover {
      color: white; }

:-webkit-full-screen-ancestor:not(iframe) {
  z-index: 999999 !important;
  position: fixed !important;
  width: 100% !important;
  height: 100% !important; }

:-webkit-full-screen-ancestor:not(iframe) .mfp-bg {
  display: none; }

.popup-box {
  padding: 30px;
  margin: 0 auto;
  background: #fff;
  position: relative;
  max-width: 90%;
  width: 640px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3), 0 0 1px rgba(0, 0, 0, 0.15); }

.mfp-content {
  max-width: 90%;
  margin-top: 20px;
  margin-bottom: 20px; }
  .ar .mfp-content {
    text-align: right; }
  .mfp-content.iframeContent {
    max-width: 800px !important; }
  .mfp-content p:empty {
    display: none; }

.mfp-ajax-holder .mfp-content,
.mfp-inline-holder .mfp-content {
  display: inline-block;
  width: auto;
  max-width: 850px;
  background-color: rgba(255, 255, 255, 0.94);
  padding: 35px 25px; }
  @media (min-width: 750px) {
    .mfp-ajax-holder .mfp-content,
    .mfp-inline-holder .mfp-content {
      padding: 40px 50px; } }
  .mfp-wrap.video .mfp-ajax-holder .mfp-content, .mfp-wrap.video
  .mfp-inline-holder .mfp-content {
    padding: 0;
    background: transparent; }

.mfp-ajax-holder button.mfp-close,
.mfp-inline-holder button.mfp-close {
  opacity: 1; }

button.mfp-close.mfp-close {
  color: inherit;
  font-size: 36px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: auto;
  height: 1em;
  padding: 0.1em;
  color: white; }
  button.mfp-close.mfp-close svg {
    display: block;
    margin: auto; }

button.mfp-arrow {
  color: white;
  font-size: 36px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: white; }
  button.mfp-arrow svg {
    display: block;
    margin: auto; }
  button.mfp-arrow:before, button.mfp-arrow:after {
    display: none; }

button.mfp-close,
button.mfp-arrow {
  background-color: transparent !important;
  -webkit-transition: 0.2s ease;
          transition: 0.2s ease; }
  button.mfp-close svg,
  button.mfp-arrow svg {
    pointer-events: none;
    -webkit-transition: 0.2s ease;
            transition: 0.2s ease; }

.mfp-title {
  font-size: 1em;
  color: white; }
  .ar .mfp-title {
    text-align: right;
    padding-left: 40px;
    padding-right: 0; }

.mfp-counter {
  right: 0px; }
  .ar .mfp-counter {
    right: auto;
    left: 0px;
    text-align: left;
    direction: ltr; }

/**
   * Animations
   */
/* overlay at start */
.mfp-fade.mfp-bg {
  opacity: 0;
  -webkit-transition: all 0.2s ease-out;
          transition: all 0.2s ease-out;
  will-change: opacity;
  -webkit-transition-delay: 0s;
          transition-delay: 0s; }

/* overlay animate in */
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.75; }

/* overlay animate out */
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
  -webkit-transition-delay: 0s;
          transition-delay: 0s; }

/* content at start */
.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  -webkit-transform: translateY(0%) scale(0.98);
          transform: translateY(0%) scale(0.98);
  -webkit-transition: all 0.15s ease-out;
          transition: all 0.15s ease-out;
  will-change: opacity, transform;
  -webkit-transition-delay: 0s;
          transition-delay: 0s; }

/* content animate it */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
  -webkit-transform: translateY(0%) scale(1);
          transform: translateY(0%) scale(1);
  -webkit-transition: all 0.25s ease-out;
          transition: all 0.25s ease-out;
  -webkit-transition-delay: 0s;
          transition-delay: 0s; }

/* content animate out */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
  -webkit-transform: translateY(0%) scale(0.98);
          transform: translateY(0%) scale(0.98);
  -webkit-transition-delay: 0s;
          transition-delay: 0s; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: pointer; }

/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8; }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
      user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }

.mfp-preloader a {
  color: #CCC; }

.mfp-preloader a:hover {
  color: #FFF; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none; }

button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  filter: alpha(opacity=65);
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }

.mfp-close:hover,
.mfp-close:focus {
  opacity: 1;
  filter: alpha(opacity=100); }

/*   .mfp-close:active {
  top: 1px; } */
.mfp-close-btn-in .mfp-close {
  color: #333; }

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  filter: alpha(opacity=65);
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent; }

/*   .mfp-arrow:active {
  margin-top: -54px; } */
.mfp-arrow:hover,
.mfp-arrow:focus {
  opacity: 1;
  filter: alpha(opacity=100); }

.mfp-arrow:before,
.mfp-arrow:after,
.mfp-arrow .mfp-b,
.mfp-arrow .mfp-a {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent; }

.mfp-arrow:after,
.mfp-arrow .mfp-a {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px; }

.mfp-arrow:before,
.mfp-arrow .mfp-b {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }

.mfp-arrow-left:after,
.mfp-arrow-left .mfp-a {
  border-right: 17px solid #FFF;
  margin-left: 31px; }

.mfp-arrow-left:before,
.mfp-arrow-left .mfp-b {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F; }

.mfp-arrow-right {
  right: 0; }

.mfp-arrow-right:after,
.mfp-arrow-right .mfp-a {
  border-left: 17px solid #FFF;
  margin-left: 39px; }

.mfp-arrow-right:before,
.mfp-arrow-right .mfp-b {
  border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }

.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px; }

.mfp-iframe-holder .mfp-close {
  top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }

.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }

.mfp-figure:after {
  content: '';
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444; }

.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px; }

.mfp-figure figure {
  margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box; }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }

.mfp-ie7 .mfp-img {
  padding: 0; }

.mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px; }

.mfp-ie7 .mfp-container {
  padding: 0; }

.mfp-ie7 .mfp-content {
  padding-top: 44px; }

.mfp-ie7 .mfp-close {
  top: 0;
  right: 0;
  padding-top: 0; }

.site-content {
  overflow: hidden;
  background-color: #fff;
  position: relative;
  z-index: 100; }
  .site-content img {
    max-width: 100%; }
  .site-content ul {
    padding: 0; }
  .site-content li {
    margin: 1.2em 0;
    list-style: none;
    position: relative; }
    @media only screen and (min-width: 750px) {
      .site-content li {
        padding-left: 25px; }
        .ar .site-content li {
          padding-left: 0;
          padding-right: 25px; }
        .site-content li:before {
          content: '';
          display: block;
          width: 6px;
          height: 6px;
          position: absolute;
          left: 0;
          top: .5em;
          border-radius: 100%;
          background: #eedaea; }
          .ar .site-content li:before {
            left: auto;
            right: 0; }
          .colorbox .site-content li:before {
            opacity: .4; } }

/* HOME PAGE
========================================================= */
.feature {
  margin: 50px 0;
  min-height: 200px; }
  @media only screen and (min-width: 480px) {
    .feature {
      margin: 70px 0; } }
  .feature .wrapper:before, .feature .wrapper:after {
    content: " ";
    display: table; }
  .feature .wrapper:after {
    clear: both; }

.colorbox {
  background-color: #62297f;
  color: #fff;
  padding: 20px 25px;
  position: relative; }
  @media only screen and (min-width: 750px) {
    .colorbox {
      padding: 35px 40px; } }
  .colorbox .title {
    color: #fff; }
  .colorbox .btn {
    margin-top: 30px; }
  .colorbox * {
    position: relative;
    z-index: 10; }
  .colorbox:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-image: url(../img/brand-shape-white.svg);
    background-size: 200%;
    background-position: 100% 20%;
    background-repeat: no-repeat;
    opacity: 0.2; }

/* Home about
========================================== */
.feature.about .images {
  width: auto;
  height: 260px; }
  @media only screen and (min-width: 600px) {
    .feature.about .images {
      height: 350px;
      width: 49%;
      float: left; }
      .ar .feature.about .images {
        float: right; } }
  @media only screen and (min-width: 980px) {
    .feature.about .images {
      position: absolute;
      top: 0;
      width: 45%;
      height: 100%; } }
  .feature.about .images .carousel-pagination {
    left: auto;
    right: 25px;
    bottom: 16px;
    margin: 0; }
    .ar .feature.about .images .carousel-pagination {
      right: auto;
      left: 25px; }
    @media only screen and (min-width: 750px) {
      .feature.about .images .carousel-pagination {
        right: 35px;
        bottom: 25px; }
        .ar .feature.about .images .carousel-pagination {
          right: auto;
          left: 35px; } }

.feature.about .content {
  margin: 20px 0;
  padding-left: 20px; }
  .ar .feature.about .content {
    padding-left: auto;
    padding-right: 20px; }
  @media only screen and (min-width: 600px) {
    .feature.about .content {
      width: 46%;
      float: right;
      padding-left: 0; }
      .ar .feature.about .content {
        padding-right: 0;
        float: left; } }
  @media only screen and (min-width: 980px) {
    .feature.about .content {
      width: 50%; } }

/* Home industry
========================================== */
.feature.why {
  margin-bottom: 70px; }
  @media only screen and (min-width: 750px) {
    .feature.why .wrapper {
      padding-left: 30px; }
      .ar .feature.why .wrapper {
        padding-left: 0;
        padding-right: 30px; } }
  @media only screen and (min-width: 1050px) {
    .feature.why .wrapper {
      padding-left: 100px; }
      .ar .feature.why .wrapper {
        padding-left: 0;
        padding-right: 100px; } }
  .feature.why .image {
    width: 100%;
    min-height: 300px;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(../img/stock/industry.jpg); }
    .feature.why .image:before, .feature.why .image:after {
      content: " ";
      display: table; }
    .feature.why .image:after {
      clear: both; }
  .feature.why .content {
    margin-top: 100px;
    margin-bottom: -30px;
    margin-right: -20px;
    margin-left: 30px; }
    .ar .feature.why .content {
      margin-right: 30px;
      margin-left: -20px; }
    @media only screen and (min-width: 600px) {
      .feature.why .content {
        margin-top: 40px;
        width: 65%;
        float: right; }
        .ar .feature.why .content {
          float: left; } }
    @media only screen and (min-width: 980px) {
      .feature.why .content {
        width: 50%; } }

/* Home companies
========================================== */
.feature.tenants .content {
  position: relative;
  border-left: 20px solid transparent;
  border-right: 10px solid transparent;
  padding: 0 20px; }
  .ar .feature.tenants .content {
    border-left-width: 10px;
    border-right-width: 20px; }
  @media only screen and (min-width: 750px) {
    .feature.tenants .content {
      border-left-width: 40px;
      border-right-width: 20px;
      padding: 0 30px; }
      .ar .feature.tenants .content {
        border-right-width: 40px;
        border-left-width: 20px; } }
  @media only screen and (min-width: 1050px) {
    .feature.tenants .content {
      border-left-width: 100px;
      border-right-width: 40px;
      padding: 0 50px; }
      .ar .feature.tenants .content {
        border-right-width: 100px;
        border-left-width: 40px; } }
  .feature.tenants .content .title {
    margin-bottom: 0;
    padding-bottom: 15px;
    border-bottom: 1px solid #eedaea; }
  .feature.tenants .content.tenants-wrap {
    border-color: #9b2584; }

.feature.tenants .tenants-list {
  font-size: 0;
  line-height: 0; }
  .feature.tenants .tenants-list:before, .feature.tenants .tenants-list:after {
    content: " ";
    display: table; }
  .feature.tenants .tenants-list:after {
    clear: both; }

.feature.tenants .tenants-item {
  font-size: 15px;
  line-height: 1.35em; }
  @media only screen and (min-width: 480px) and (max-width: 749px) {
    .feature.tenants .tenants-item {
      float: left;
      width: 47%;
      margin-left: 6%; }
      .feature.tenants .tenants-item:nth-child(2n+1) {
        margin-left: 0; }
      .ar .feature.tenants .tenants-item {
        float: right;
        margin-left: 0;
        margin-right: 6%; }
        .ar .feature.tenants .tenants-item:nth-child(2n+1) {
          margin-right: 0; } }
  @media only screen and (min-width: 750px) {
    .feature.tenants .tenants-item {
      float: left;
      width: 30%;
      margin-left: 4.5%; }
      .feature.tenants .tenants-item:nth-child(3n+1) {
        margin-left: 0; }
      .ar .feature.tenants .tenants-item {
        float: right;
        margin-left: 0;
        margin-right: 4.5%; }
        .ar .feature.tenants .tenants-item:nth-child(3n+1) {
          margin-right: 0; } }

.feature.tenants .logo {
  display: block;
  border-bottom: 1px solid #eedaea;
  padding: 10px 0; }

.feature.tenants .more {
  text-align: right;
  padding-top: 10px; }
  .ar .feature.tenants .more {
    text-align: left; }

/* Home visit
========================================== */
@media only screen and (min-width: 750px) {
  .feature.experience .wrapper {
    padding-left: 30px; }
    .ar .feature.experience .wrapper {
      padding-left: 0;
      padding-right: 30px; } }

@media only screen and (min-width: 1050px) {
  .feature.experience .wrapper {
    padding-left: 100px; }
    .ar .feature.experience .wrapper {
      padding-left: 0;
      padding-right: 100px; } }

.feature.experience .content.colorbox {
  background-color: #351c66; }

@media only screen and (min-width: 600px) {
  .feature.experience .content {
    padding-right: 80px;
    width: 56%;
    float: left;
    margin-bottom: 60px; }
    .ar .feature.experience .content {
      float: right;
      padding-right: 25px;
      padding-left: 80px; } }

@media only screen and (min-width: 750px) {
  .feature.experience .content {
    width: 52%; }
    .ar .feature.experience .content {
      padding-right: 40px; } }

@media only screen and (min-width: 1050px) {
  .feature.experience .content {
    width: 47%; } }

.feature.experience .image {
  min-height: 300px;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url(../img/stock/visit.jpg); }
  @media only screen and (min-width: 600px) {
    .feature.experience .image {
      position: absolute;
      top: 30px;
      z-index: 10;
      right: -50px;
      bottom: 0;
      left: 47%;
      float: right;
      margin-left: 10px; }
      .ar .feature.experience .image {
        float: left;
        margin-left: 0;
        margin-right: 10px;
        right: 47%;
        left: -50px; } }
  @media only screen and (min-width: 1050px) {
    .feature.experience .image {
      right: 0px; }
      .ar .feature.experience .image {
        right: 47%;
        left: 0; } }

/* Home visit
========================================== */
.feature.contact .content {
  position: relative;
  padding-left: 40px; }
  .ar .feature.contact .content {
    padding-left: 0;
    padding-right: 40px; }
  @media only screen and (min-width: 600px) {
    .feature.contact .content {
      padding-left: 60px; }
      .ar .feature.contact .content {
        padding-left: 0;
        padding-right: 60px; } }
  @media only screen and (min-width: 980px) {
    .feature.contact .content {
      padding-left: 100px; }
      .ar .feature.contact .content {
        padding-left: 0;
        padding-right: 100px; } }

.feature.contact .form-wrap:before {
  content: '';
  display: block;
  background-color: #73277f;
  width: 20px;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0; }
  .ar .feature.contact .form-wrap:before {
    left: auto;
    right: 0; }
  @media only screen and (min-width: 600px) {
    .feature.contact .form-wrap:before {
      width: 30px; } }
  @media only screen and (min-width: 980px) {
    .feature.contact .form-wrap:before {
      width: 50px; } }

@media only screen and (min-width: 750px) {
  .feature.contact .form-wrap {
    width: 46%; } }

.feature.contact .field {
  min-width: 100px;
  width: 80%; }
  @media only screen and (min-width: 750px) {
    .feature.contact .field {
      width: 220px; } }
  @media only screen and (min-width: 980px) {
    .feature.contact .field {
      width: 260px; } }
  @media only screen and (min-width: 1050px) {
    .feature.contact .field {
      width: 320px; } }

.feature.contact .map {
  width: auto;
  height: 300px;
  margin-left: -20px;
  margin-top: 30px; }
  .ar .feature.contact .map {
    margin-left: 0;
    margin-right: -20px; }
  @media only screen and (min-width: 600px) {
    .feature.contact .map {
      margin-left: -30px; }
      .ar .feature.contact .map {
        margin-left: 0;
        margin-right: -30px; } }
  @media only screen and (min-width: 750px) {
    .feature.contact .map {
      position: absolute;
      top: 0;
      bottom: 0;
      right: 0;
      left: 50%;
      margin: 0 0 0 30px;
      height: auto; }
      .ar .feature.contact .map {
        right: 50%;
        left: 0;
        margin: 0 30px 0 0; } }
  @media only screen and (min-width: 980px) {
    .feature.contact .map {
      margin-left: 50px; }
      .ar .feature.contact .map {
        margin-left: 0;
        margin-right: 50px; } }
  .feature.contact .map img {
    max-width: none; }

.press-list {
  margin: 40px 0; }

.press-item + .press-item {
  margin-top: 40px; }
  @media (min-width: 1050px) {
    .press-item + .press-item {
      margin-top: 60px; } }

.press-item::after {
  content: '';
  display: table;
  clear: both; }

.press-thumb {
  display: block;
  margin-bottom: 20px;
  color: white;
  background-color: #9b2584;
  width: 220px;
  text-align: center; }
  @media (min-width: 750px) {
    .press-thumb {
      width: 300px; } }
  @media (min-width: 1050px) {
    .press-thumb {
      width: 200px;
      float: left;
      margin-right: 45px; }
      .ar .press-thumb {
        float: right;
        margin-right: 0;
        margin-left: 45px; } }
  @media (min-width: 1200px) {
    .press-thumb {
      width: 250px; } }
  .press-thumb .day {
    font-size: 40px;
    line-height: 1em;
    padding-top: 14px;
    font-family: "Neo Sans W01 Light", "PF DinText Arabic W21 Light", sans-serif; }
  .press-thumb .month {
    font-size: 16px;
    line-height: 2em;
    font-family: "Neo Sans W01 Medium", "PF DinText Arabic W21 Bold", tahoma, sans-serif; }
    .ar .press-thumb .month {
      font-family: "PF DinText Arabic W21 Bold", tahoma, sans-serif; }
  .press-thumb .year {
    font-size: 16px;
    line-height: 2em;
    background-color: #592a80;
    font-family: "Neo Sans W01 Medium", "PF DinText Arabic W21 Bold", tahoma, sans-serif; }
    .ar .press-thumb .year {
      font-family: "PF DinText Arabic W21 Bold", tahoma, sans-serif; }

.press-content {
  overflow: hidden; }
  .press-content .date {
    font-family: "Neo Sans W01 Medium", "PF DinText Arabic W21 Bold", tahoma, sans-serif; }
    .ar .press-content .date {
      font-family: "PF DinText Arabic W21 Bold", tahoma, sans-serif; }

.gallery {
  margin: auto;
  max-width: 800px;
  margin: 2.5em 0 3em 0; }
  .gallery::after {
    content: " ";
    display: table;
    clear: both; }
  .gallery .thumb {
    display: block;
    position: relative;
    z-index: 1;
    width: 47%;
    margin: 1.5%;
    float: left;
    background-color: #999;
    cursor: pointer;
    overflow: hidden; }
    .gallery .thumb .image {
      display: block;
      width: 100%;
      height: 0;
      padding-bottom: 100%;
      top: 0;
      left: 0;
      background-color: #3B2C35;
      background-size: cover;
      -webkit-transition: .7s ease;
              transition: .7s ease;
      will-change: transform; }
    .gallery .thumb:hover {
      z-index: 2; }
      .gallery .thumb:hover .image {
        -webkit-transform: scale(1.1);
                transform: scale(1.1); }
    @media (min-width: 500px) and (max-width: 1049px) {
      .gallery .thumb {
        width: 31.333%;
        margin: 1%; }
        .gallery .thumb:nth-child(8n+1) {
          width: 64.666%; }
          .gallery .thumb:nth-child(8n+1) .image {
            padding-bottom: 100%; }
        .gallery .thumb:nth-child(8n+4) {
          clear: both; }
        .gallery .thumb:nth-child(8n+6) {
          clear: both; }
        .gallery .thumb:nth-child(8n+5) {
          width: 64.666%; }
          .gallery .thumb:nth-child(8n+5) .image {
            padding-bottom: 48.333%; } }
    @media (min-width: 1050px) {
      .gallery .thumb {
        width: 24%;
        margin: 0.5%; }
        .gallery .thumb:nth-child(23n+2) .image {
          padding-bottom: 204%; }
        .gallery .thumb:nth-child(23n+7) {
          margin-top: -24.5%;
          clear: both; }
        .gallery .thumb:nth-child(23n+10) {
          width: 49%; }
        .gallery .thumb:nth-child(23n+11) {
          margin-top: -24.5%;
          width: 49%; }
          .gallery .thumb:nth-child(23n+11) .image {
            padding-bottom: 49%; }
        .gallery .thumb:nth-child(23n+12) {
          clear: both; }
        .gallery .thumb:nth-child(23n+17) {
          width: 49%; }
          .gallery .thumb:nth-child(23n+17) .image {
            padding-bottom: 49%; }
        .gallery .thumb:nth-child(23n+19) {
          width: 49%; }
          .gallery .thumb:nth-child(23n+19) .image {
            padding-bottom: 99.9%; } }

.careers-page {
  margin-bottom: 3em; }
  @media (min-width: 750px) {
    .careers-page {
      margin-bottom: 5em; } }
  .careers-page .wrapper {
    padding: 0 10px 0 30px; }
    .ar .careers-page .wrapper {
      padding: 0 30px 0 10px; }
    @media (min-width: 750px) {
      .careers-page .wrapper {
        padding: 0 20px 0 140px; }
        .ar .careers-page .wrapper {
          padding: 0 140px 0 20px; } }

.press-release-article {
  margin-bottom: 3em; }
  @media (min-width: 750px) {
    .press-release-article {
      margin-bottom: 5em; } }
  .press-release-article .wrapper {
    padding: 0 10px 0 30px; }
    .ar .press-release-article .wrapper {
      padding: 0 30px 0 10px; }
    @media (min-width: 750px) {
      .press-release-article .wrapper {
        padding: 0 20px 0 80px; }
        .ar .press-release-article .wrapper {
          padding: 0 80px 0 20px; } }

/* FORMS
=============================================== */
input[type=text],
input[type=email],
input[type=tel],
input[type=date],
input[type=password],
input[type=number],
select,
textarea {
  border: 0;
  background: #351c66;
  -webkit-transition: 0.2s ease-out;
          transition: 0.2s ease-out;
  padding: 5px 14px 4px;
  box-sizing: border-box;
  height: 40px;
  color: #fff;
  margin: 0;
  width: 250px; }

textarea {
  min-height: 100px; }

.btn,
button {
  position: relative;
  border: 0;
  padding: 9px 20px 7px;
  height: 40px;
  line-height: 22px;
  color: #000;
  -webkit-transition: 0.2s ease-out;
          transition: 0.2s ease-out;
  font-family: "Neo Sans W01 Medium", "PF DinText Arabic W21 Bold", tahoma, sans-serif;
  vertical-align: bottom;
  background-color: #9b2584;
  color: #fff; }
  .btn.iconed,
  button.iconed {
    background: none;
    height: 30px;
    width: 30px;
    line-height: 30px;
    text-align: center;
    padding: 0;
    color: #353536; }
    .btn.iconed .ficon,
    button.iconed .ficon {
      font-size: 20px;
      line-height: 30px; }
    .btn.iconed:hover,
    button.iconed:hover {
      background: none; }
  .btn:hover,
  button:hover {
    color: #fff; }
  .btn i.icon,
  .btn span.icon,
  button i.icon,
  button span.icon {
    position: static;
    display: block;
    float: left;
    font-size: 18px;
    line-height: inherit;
    margin-top: 0px;
    margin-left: -20px;
    margin-right: 10px;
    width: 40px;
    text-align: center;
    color: inherit; }
    .ar .btn i.icon, .ar
    .btn span.icon, .ar
    button i.icon, .ar
    button span.icon {
      float: right;
      margin-right: -20px;
      margin-left: 10px; }
    .btn i.icon:before,
    .btn span.icon:before,
    button i.icon:before,
    button span.icon:before {
      position: relative;
      z-index: 10; }
    .btn i.icon:after,
    .btn span.icon:after,
    button i.icon:after,
    button span.icon:after {
      content: '';
      display: block;
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      width: 40px;
      background-color: #8b2884; }
      .ar .btn i.icon:after, .ar
      .btn span.icon:after, .ar
      button i.icon:after, .ar
      button span.icon:after {
        left: auto;
        right: 0; }

.btn:hover,
button:hover {
  /* background-color: #e4002b;
        border-color: #bc0023; */ }

::-webkit-input-placeholder {
  color: #9c92a5;
  font-size: 0.9em; }

::-moz-placeholder {
  color: #9c92a5;
  font-size: 0.9em; }

:-ms-input-placeholder {
  color: #9c92a5;
  font-size: 0.9em; }

::placeholder {
  color: #9c92a5;
  font-size: 0.9em; }

.field-wrap {
  display: block;
  position: relative;
    margin-top: 10px;
}
  .field-wrap + .field-wrap {
    margin-top: 10px; }
  .field-wrap > .icon {
    position: relative;
    display: inline-block;
    float: left;
    height: 40px;
    line-height: 40px;
    font-size: 20px;
    width: 40px;
    text-align: center;
    background-color: #592a80;
    color: #fff; }
    .ar .field-wrap > .icon {
      float: right; }
  .field-wrap > .icon + textarea {
    box-shadow: -40px 0 0 #592a80; }
    .ar .field-wrap > .icon + textarea {
      box-shadow: 40px 0 0 #592a80; }
  .field-wrap label, .field-wrap .label {
    display: block;
    font-family: "Neo Sans W01 Medium", "PF DinText Arabic W21 Bold", tahoma, sans-serif;
    font-size: .9em;
    margin-bottom: 2px;
    color: #351c66; }
    .no-placeholder .field-wrap label, .no-placeholder .field-wrap .label {
      display: block; }
  .field-wrap .req-star {
    color: #9b2584;
    font-size: 20px;
    margin: 0 4px; }

form.contact .field-wrap label, form.contact .field-wrap .label {
  display: none; }

@media (min-width: 750px) {
  form.careers .field-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; } }

@media (min-width: 750px) {
  form.careers .field-wrap label, form.careers .field-wrap .label {
    padding-top: 6px;
    width: 180px;
    margin-right: 20px; }
    .ar form.careers .field-wrap label, .ar form.careers .field-wrap .label {
      margin-right: 0px;
      margin-left: 20px; } }

form.careers .field-wrap label .hint, form.careers .field-wrap .label .hint {
  font-family: "Neo Sans W02", "PF DinText Arabic W21 Light", tahoma, sans-serif;
  font-size: 0.94em; }

form.careers .field-wrap.error {
  padding: 0.5em 1em;
  border: 1px dotted #9b2584; }

.field-validation-error {
    color: red;
    font-size: 0.8em;
    padding: 0 1em;
}

form.careers .field-wrap.submit {
  margin: 2em 0; }

form.js-handled {
  position: relative; }
  form.js-handled .form-fields {
    -webkit-transition: .3s ease-out;
            transition: .3s ease-out; }
  form.js-handled .form-feedback {
    position: absolute;
    bottom: 0%;
    width: 100%; }
    form.js-handled .form-feedback .msg {
      padding: 10px 0;
      opacity: 0;
      visibility: hidden;
      -webkit-transition: .3s ease-in-out;
              transition: .3s ease-in-out;
      position: absolute;
      bottom: 0;
      font-family: "Neo Sans W01 Medium", "PF DinText Arabic W21 Bold", tahoma, sans-serif; }
      form.js-handled .form-feedback .msg.success {
        border-bottom: 2px solid #5aa64a; }
      form.js-handled .form-feedback .msg.error {
        border-bottom: 2px solid #d72d28; }
      form.js-handled .form-feedback .msg.working {
        border-bottom: 2px solid #e9c01a; }
  form.js-handled.state-success .form-fields {
    opacity: .05; }
  form.js-handled.state-success .form-feedback .msg.success {
    opacity: 1;
    visibility: visible; }
  form.js-handled.state-error .form-fields {
    opacity: .05; }
  form.js-handled.state-error .form-feedback .msg.error {
    opacity: 1;
    visibility: visible; }
  form.js-handled.state-working .form-fields {
    opacity: .05; }
  form.js-handled.state-working .form-feedback .msg.working {
    opacity: 1;
    visibility: visible; }

/* FOOTER
===================================================================== */
.site-footer .wrapper {
  background-color: #3c2371;
  color: #c4b9d7; }
  .site-footer .wrapper:before, .site-footer .wrapper:after {
    content: " ";
    display: table; }
  .site-footer .wrapper:after {
    clear: both; }

.site-footer .copyright {
  float: right;
  margin: 24px 30px;
  font-size: 0.8em; }
  .ar .site-footer .copyright {
    float: left; }

.site-footer .logo-mubadala {
  display: block;
  width: 120px;
  height: 27px;
  float: right;
  margin: 20px 30px; }
  .ar .site-footer .logo-mubadala {
    float: left; }

:-webkit-full-screen-ancestor:not(iframe) {
  z-index: 999999 !important;
  position: fixed !important;
  width: 100% !important;
  height: 100% !important; }

:-webkit-full-screen-ancestor:not(iframe) .mfp-bg {
  display: none; }

.popup-box {
  padding: 30px;
  margin: 0 auto;
  background: #fff;
  position: relative;
  max-width: 90%;
  width: 640px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3), 0 0 1px rgba(0, 0, 0, 0.15); }

.mfp-content {
  max-width: 90%;
  margin-top: 20px;
  margin-bottom: 20px; }
  .ar .mfp-content {
    text-align: right; }
  .mfp-content.iframeContent {
    max-width: 800px !important; }
  .mfp-content p:empty {
    display: none; }

.mfp-ajax-holder .mfp-content,
.mfp-inline-holder .mfp-content {
  display: inline-block;
  width: auto;
  max-width: 850px;
  background-color: rgba(255, 255, 255, 0.94);
  padding: 35px 25px; }
  @media (min-width: 750px) {
    .mfp-ajax-holder .mfp-content,
    .mfp-inline-holder .mfp-content {
      padding: 40px 50px; } }
  .mfp-wrap.video .mfp-ajax-holder .mfp-content, .mfp-wrap.video
  .mfp-inline-holder .mfp-content {
    padding: 0;
    background: transparent; }

.mfp-ajax-holder button.mfp-close,
.mfp-inline-holder button.mfp-close {
  opacity: 1; }

button.mfp-close.mfp-close {
  color: inherit;
  font-size: 36px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: auto;
  height: 1em;
  padding: 0.1em;
  color: white; }
  button.mfp-close.mfp-close svg {
    display: block;
    margin: auto; }

button.mfp-arrow {
  color: white;
  font-size: 36px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: white; }
  button.mfp-arrow svg {
    display: block;
    margin: auto; }
  button.mfp-arrow:before, button.mfp-arrow:after {
    display: none; }

button.mfp-close,
button.mfp-arrow {
  background-color: transparent !important;
  -webkit-transition: 0.2s ease;
          transition: 0.2s ease; }
  button.mfp-close svg,
  button.mfp-arrow svg {
    pointer-events: none;
    -webkit-transition: 0.2s ease;
            transition: 0.2s ease; }

.mfp-title {
  font-size: 1em;
  color: white; }
  .ar .mfp-title {
    text-align: right;
    padding-left: 40px;
    padding-right: 0; }

.mfp-counter {
  right: 0px; }
  .ar .mfp-counter {
    right: auto;
    left: 0px;
    text-align: left;
    direction: ltr; }

/**
   * Animations
   */
/* overlay at start */
.mfp-fade.mfp-bg {
  opacity: 0;
  -webkit-transition: all 0.2s ease-out;
          transition: all 0.2s ease-out;
  will-change: opacity;
  -webkit-transition-delay: 0s;
          transition-delay: 0s; }

/* overlay animate in */
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.75; }

/* overlay animate out */
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
  -webkit-transition-delay: 0s;
          transition-delay: 0s; }

/* content at start */
.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  -webkit-transform: translateY(0%) scale(0.98);
          transform: translateY(0%) scale(0.98);
  -webkit-transition: all 0.15s ease-out;
          transition: all 0.15s ease-out;
  will-change: opacity, transform;
  -webkit-transition-delay: 0s;
          transition-delay: 0s; }

/* content animate it */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
  -webkit-transform: translateY(0%) scale(1);
          transform: translateY(0%) scale(1);
  -webkit-transition: all 0.25s ease-out;
          transition: all 0.25s ease-out;
  -webkit-transition-delay: 0s;
          transition-delay: 0s; }

/* content animate out */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
  -webkit-transform: translateY(0%) scale(0.98);
          transform: translateY(0%) scale(0.98);
  -webkit-transition-delay: 0s;
          transition-delay: 0s; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: pointer; }

.ltr {
  display: inline-block;
  direction: ltr; }

.rtl {
  display: inline-block;
  direction: rtl; }

.nowrap {
  white-space: nowrap; }

.xtrab {
  font-weight: 800; }

.uppercase {
  text-transform: uppercase; }

.fleft {
  float: left;
  margin-right: 1.2em;
  /* .ar & {
		float: right;
		margin-right: 0;
		margin-left: 1.2em;
	} */ }

.fright {
  float: right;
  margin-left: 1.2em;
  /* .ar & {
		float: left;
		margin-left: 0;
		margin-right: 1.2em;
	} */ }

.clearfix:before,
.clearfix:after {
  content: ' ';
  display: table; }

.clearfix:after {
  clear: both; }

.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%; }

.embed-container iframe, .embed-container object, .embed-container embed,
.embed-container .embed-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }