@charset "UTF-8";
@import url(https://fonts.googleapis.com/earlyaccess/droidarabickufi.css);
@import url(https://fonts.googleapis.com/css?family=Exo+2:600,700,800|Open+Sans:400,700,600);
/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Prevent adjustments of font size after orientation changes in IE and iOS.
 */
@import url('https://fonts.googleapis.com/css?family=Oswald:200,300,400,500,600,700');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800');
html {
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  font-size: 14px;
  font-family: 'Open Sans', Tahoma, sans-serif;
}
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0;
}
/* HTML5 display definitions
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 * 2. Add the correct display in IE.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  /* 1 */
  display: block;
}
/**
 * Add the correct display in IE 9-.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
}
/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}
/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}
/**
 * Add the correct display in IE 10-.
 * 1. Add the correct display in IE.
 */
template,
[hidden] {
  display: none;
}
/*Lists*/
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
ol {
  margin: 0;
  padding: 0;
}
/* Links
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent;
  /* 1 */
  -webkit-text-decoration-skip: objects;
  /* 2 */
}
/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */
a:active,
a:hover {
  outline-width: 0;
}
/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */
}
/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit;
}
/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
  color: #bd9549;
}
/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic;
}
/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0;
}
h2,
h3,
h4 {
  margin: 0;
}
/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #343434;
}
/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none;
}
/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}
/* Grouping content
   ========================================================================== */
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}
/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px;
}
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}
/* Forms
   ========================================================================== */
/**
 * 1. Change font properties to `inherit` in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
select,
textarea {
  font: inherit;
  /* 1 */
  margin: 0;
  /* 2 */
}
/**
 * Restore the font weight unset by the previous rule.
 */
optgroup {
  font-weight: bold;
}
/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}
/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}
/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
}
/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */
/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}
/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto;
}
/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}
/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}
/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on OS X.
 */
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * Correct the text style of placeholders in Chrome, Edge, and Safari.
 */
::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54;
}
/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}
/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2016 Daniel Eden
 */
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}
.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}
@-webkit-keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}
@keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}
.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}
@-webkit-keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}
@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}
@-webkit-keyframes shake {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
@keyframes shake {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}
@-webkit-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
.headShake {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
  animation-name: headShake;
}
@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
.swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}
@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
  from {
    -webkit-transform: none;
    transform: none;
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes wobble {
  from {
    -webkit-transform: none;
    transform: none;
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}
@-webkit-keyframes jello {
  from,
  11.1%,
  to {
    -webkit-transform: none;
    transform: none;
  }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }
  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}
@keyframes jello {
  from,
  11.1%,
  to {
    -webkit-transform: none;
    transform: none;
  }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }
  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}
.jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center;
}
@-webkit-keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes fadeOutDown {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes fadeOutRight {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes fadeOutUp {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
@keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}
@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}
@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
@keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
.flipOutY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}
@-webkit-keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
@keyframes lightSpeedOut {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
@keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}
@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
@keyframes rollOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}
@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}
@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
@keyframes zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}
@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}
@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}
.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}
@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}
@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}
.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}
@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}
@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}
@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}
@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}
@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}
/*Layout*/
.fix-margin {
  margin: 0 5.859375%;
}
.fix-padding {
  padding: 0 5.859375%;
}
/*Layout*/
/*Paths*/
/*Colors*/
/*@primary-color-dark1: #987034;*/
/*@primary-color-light1: #CAAE85;
@primary-color-light2: #EFE4CE;
@primary-color-light3: #FAF5EB;*/
/*@secondary-color-dark2: #6d6d6d;
@secondary-color-dark1: #4a4a4a;*/
/*@secondary-color-light1: #e6e6e6;
@secondary-color-light2: #f2f2f2;*/
/*@tertiary-color-light1: #D60638;
@tertiary-color-light2: #e74c3c;*/
/* 
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  -webkit-animation-duration: 1000ms;
  animation-duration: 1000ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
  z-index: 0;
}
.owl-carousel .owl-animated-out {
  z-index: 1;
}
.owl-carousel .fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
/* 
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out;
}
/* 
 *  Core Owl Carousel CSS File
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1;
}
.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
}
.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  /* fix for flashing background */
  -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot {
  cursor: pointer;
  cursor: hand;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel.owl-loaded {
  display: block;
}
.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}
.owl-carousel.owl-hidden {
  opacity: 0;
}
.owl-carousel .owl-refresh .owl-item {
  display: none;
}
.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel .owl-item img {
  display: block;
  width: 100%;
  -webkit-transform-style: preserve-3d;
}
.owl-carousel.owl-text-select-on .owl-item {
  -webkit-user-select: auto;
  -moz-user-select: auto;
  -ms-user-select: auto;
  user-select: auto;
}
.owl-carousel .owl-grab {
  cursor: move;
  cursor: -webkit-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}
.owl-carousel.owl-rtl {
  direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
  float: right;
}
/* No Js */
.no-js .owl-carousel {
  display: block;
}
/* 
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  -webkit-transition: opacity 400ms ease;
  -moz-transition: opacity 400ms ease;
  -ms-transition: opacity 400ms ease;
  -o-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}
.owl-carousel .owl-item img {
  transform-style: preserve-3d;
}
/* 
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #343434;
}
.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("../SiteImages/owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  -webkit-transition: scale 100ms ease;
  -moz-transition: scale 100ms ease;
  -ms-transition: scale 100ms ease;
  -o-transition: scale 100ms ease;
  transition: scale 100ms ease;
}
.owl-carousel .owl-video-play-icon:hover {
  -webkit-transition: scale(1.3, 1.3);
  -moz-transition: scale(1.3, 1.3);
  -ms-transition: scale(1.3, 1.3);
  -o-transition: scale(1.3, 1.3);
  transition: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none;
}
.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  -webkit-transition: opacity 400ms ease;
  -moz-transition: opacity 400ms ease;
  -ms-transition: opacity 400ms ease;
  -o-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}
.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
}
/*http://spritegen.website-performance.org/*/
.icon,
[class^="icon-"],
[class*=" icon-"] {
  display: inline-block;
  vertical-align: text-top;
  text-indent: -9999px;
  overflow: hidden;
  background-image: url("/portal/content/siteimages/sprites.png?v3.4");
  background-repeat: no-repeat;
}
.icon-MB-innovation-center {
  width: 66px;
  height: 67px;
  background-position: -5px -5px;
}
.icon-add-to-calendar {
  width: 19px;
  height: 19px;
  background-position: -81px -5px;
}
.icon-address {
  width: 14px;
  height: 18px;
  background-position: -110px -5px;
}
.icon-app-android {
  width: 22px;
  height: 24px;
  background-position: -134px -5px;
}
.icon-app-black-p {
  width: 31px;
  height: 22px;
  background-position: -166px -5px;
}
.icon-app-ios {
  width: 24px;
  height: 24px;
  background-position: -207px -5px;
}
.icon-app-wp {
  width: 24px;
  height: 24px;
  background-position: -241px -5px;
}
.icon-banner-mo-android {
  width: 47px;
  height: 52px;
  background-position: -275px -5px;
}
.icon-banner-mo-blackberry {
  width: 67px;
  height: 48px;
  background-position: -332px -5px;
}
.icon-banner-mo-ios {
  width: 52px;
  height: 52px;
  background-position: -409px -5px;
}
.icon-banner-mo-window {
  width: 52px;
  height: 52px;
  background-position: -471px -5px;
}
.icon-bayanti {
  width: 87px;
  height: 38px;
  background-position: -533px -5px;
}
.icon-blog-date-calender {
  width: 13px;
  height: 13px;
  background-position: -630px -5px;
}
.icon-bold-arrow-l {
  width: 9px;
  height: 15px;
  background-position: -630px -28px;
}
.icon-bold-arrow-r {
  width: 9px;
  height: 15px;
  background-position: -81px -53px;
}
.icon-book {
  width: 28px;
  height: 32px;
  background-position: -100px -53px;
}
.icon-calendar {
  width: 19px;
  height: 19px;
  background-position: -138px -53px;
}
.icon-calendar-arrow-l {
  width: 6px;
  height: 10px;
  background-position: -167px -53px;
}
.icon-calendar-arrow-r {
  width: 6px;
  height: 10px;
  background-position: -183px -53px;
}
.icon-calendar-s {
  width: 17px;
  height: 17px;
  background-position: -199px -53px;
}
.icon-call-center {
  width: 34px;
  height: 34px;
  background-position: -226px -53px;
}
.icon-call-center-b {
  width: 42px;
  height: 42px;
  background-position: -533px -53px;
}
.icon-color-b {
  width: 27px;
  height: 16px;
  background-position: -585px -53px;
}
.icon-color-n {
  width: 27px;
  height: 16px;
  background-position: -270px -79px;
}
.icon-contactdg-b {
  width: 53px;
  height: 40px;
  background-position: -307px -79px;
}
.icon-count {
  width: 18px;
  height: 15px;
  background-position: -622px -53px;
}
.icon-csv {
  width: 27px;
  height: 31px;
  background-position: -370px -79px;
}
.icon-date-calender {
  width: 14px;
  height: 14px;
  background-position: -167px -78px;
}
.icon-decrease-font {
  width: 18px;
  height: 18px;
  background-position: -407px -78px;
}
.icon-department-close {
  width: 23px;
  height: 12px;
  background-position: -435px -79px;
}
.icon-department-open {
  width: 23px;
  height: 12px;
  background-position: -468px -79px;
}
.icon-doc {
  width: 28px;
  height: 31px;
  background-position: -585px -79px;
}
.icon-documents {
  width: 26px;
  height: 35px;
  background-position: -5px -120px;
}
.icon-documents-h {
  width: 26px;
  height: 35px;
  background-position: -41px -120px;
}
.icon-download-circular {
  width: 26px;
  height: 26px;
  background-position: -77px -120px;
}
.icon-e-home {
  width: 28px;
  height: 24px;
  background-position: -113px -120px;
}
.icon-e-phone {
  width: 23px;
  height: 23px;
  background-position: -151px -120px;
}
.icon-e-services {
  width: 55px;
  height: 46px;
  background-position: -184px -120px;
}
.icon-e-crm {
  width: 60px;
  height: 60px;
  background-position: -716px -753px;
}
.icon-e-sitemap {
  width: 30px;
  height: 24px;
  background-position: -249px -120px;
}
.icon-email {
  width: 18px;
  height: 12px;
  background-position: -501px -78px;
}
.icon-email-b {
  width: 34px;
  height: 35px;
  background-position: -370px -120px;
}
.icon-event-calendar {
  width: 24px;
  height: 24px;
  background-position: -414px -120px;
}
.icon-event-countdown {
  width: 23px;
  height: 27px;
  background-position: -448px -120px;
}
.icon-event-d-countdown {
  width: 34px;
  height: 40px;
  background-position: -481px -120px;
}
.icon-event-date {
  width: 23px;
  height: 21px;
  background-position: -525px -120px;
}
.icon-event-time {
  width: 24px;
  height: 24px;
  background-position: -558px -120px;
}
.icon-event-venue {
  width: 19px;
  height: 24px;
  background-position: -623px -78px;
}
.icon-eye-gold {
  width: 31px;
  height: 19px;
  background-position: -592px -120px;
}
.icon-eye-white {
  width: 31px;
  height: 19px;
  background-position: -289px -149px;
}
.icon-faq-arrow-b {
  width: 19px;
  height: 11px;
  background-position: -330px -149px;
}
.icon-faq-arrow-t {
  width: 19px;
  height: 11px;
  background-position: -592px -149px;
}
.icon-fax {
  width: 18px;
  height: 21px;
  background-position: -621px -149px;
}
.icon-fax-b {
  width: 36px;
  height: 40px;
  background-position: -5px -170px;
}
.icon-feedback {
  width: 23px;
  height: 23px;
  background-position: -51px -180px;
}
.icon-fees {
  width: 36px;
  height: 34px;
  background-position: -84px -170px;
}
.icon-fees-h {
  width: 36px;
  height: 34px;
  background-position: -130px -170px;
}
.icon-footer-facebook {
  width: 13px;
  height: 24px;
  background-position: -176px -180px;
}
.icon-footer-flash {
  width: 18px;
  height: 21px;
  background-position: -199px -180px;
}
.icon-footer-instegram {
  width: 24px;
  height: 24px;
  background-position: -227px -180px;
}
.icon-footer-linkedin {
  width: 24px;
  height: 24px;
  background-position: -261px -180px;
}
.icon-footer-office {
  width: 24px;
  height: 24px;
  background-position: -536px -693px;
}
.icon-footer-reader {
  width: 23px;
  height: 22px;
  background-position: -295px -180px;
}
.icon-footer-rss {
  width: 21px;
  height: 21px;
  background-position: -328px -180px;
}
.icon-footer-tweeter {
  width: 25px;
  height: 20px;
  background-position: -359px -180px;
}
.icon-footer-youtube {
  width: 32px;
  height: 23px;
  background-position: -394px -180px;
}
.icon-gold-star {
  width: 22px;
  height: 20px;
  background-position: -436px -180px;
}
.icon-gray-star {
  width: 22px;
  height: 20px;
  background-position: -468px -180px;
}
.icon-h-globe {
  width: 40px;
  height: 41px;
  background-position: -500px -170px;
}
.icon-help-desk {
  width: 37px;
  height: 44px;
  background-position: -550px -170px;
}
.icon-service-ios {
  width: 45px;
  height: 45px;
  background-position: -154px -755px;
}
.icon-service-android {
  width: 45px;
  height: 45px;
  background-position: -100px -755px;
}
.icon-home {
  width: 20px;
  height: 18px;
  background-position: -597px -180px;
}
.icon-home-hover {
  width: 20px;
  height: 18px;
  background-position: -597px -208px;
}
.icon-hr {
  width: 21px;
  height: 27px;
  background-position: -5px -236px;
}
.icon-hr-attend-event {
  width: 37px;
  height: 35px;
  background-position: -36px -236px;
}
.icon-hr-become-member {
  width: 32px;
  height: 26px;
  background-position: -83px -236px;
}
.icon-hr-events {
  width: 27px;
  height: 27px;
  background-position: -125px -236px;
}
.icon-hr-magazine {
  width: 32px;
  height: 24px;
  background-position: -162px -236px;
}
.icon-hr-monthly-messages {
  width: 33px;
  height: 30px;
  background-position: -204px -236px;
}
.icon-hr-persentations {
  width: 27px;
  height: 32px;
  background-position: -247px -236px;
}
.icon-hr-photo-gallery {
  width: 32px;
  height: 26px;
  background-position: -284px -236px;
}
.icon-hr-videos {
  width: 29px;
  height: 25px;
  background-position: -326px -236px;
}
.icon-increase-font {
  width: 18px;
  height: 18px;
  background-position: -365px -236px;
}
.icon-information {
  width: 34px;
  height: 34px;
  background-position: -393px -236px;
}
.icon-information-h {
  width: 34px;
  height: 34px;
  background-position: -437px -236px;
}
.icon-faq {
  width: 38px;
  height: 38px;
  background-position: -7px -758px;
}
.icon-faq-h {
  width: 38px;
  height: 38px;
  background-position: -56px -758px;
}
.icon-innovation {
  width: 27px;
  height: 29px;
  background-position: -481px -236px;
}
.icon-most-pages {
  width: 27px;
  height: 29px;
  background-position: -406px -689px;
}
.icon-imtiyazat {
  width: 35px;
  height: 29px;
  background-position: -668px -692px;
}
.icon-instagram-b {
  width: 37px;
  height: 37px;
  background-position: -518px -236px;
}
.icon-inv {
  width: 57px;
  height: 64px;
  background-position: -565px -236px;
}
.icon-inv-calendar {
  width: 25px;
  height: 24px;
  background-position: -5px -310px;
}
.icon-inv-competition {
  width: 55px;
  height: 73px;
  background-position: -40px -310px;
}
.icon-inv-competition-cat {
  width: 68px;
  height: 68px;
  background-position: -105px -310px;
}
.icon-inv-cube {
  width: 238px;
  height: 138px;
  background-position: -183px -280px;
}
.icon-inv-ideas {
  width: 44px;
  height: 70px;
  background-position: -431px -310px;
}
.icon-inv-initiative {
  width: 73px;
  height: 72px;
  background-position: -485px -310px;
}
.icon-inv-media-center {
  width: 63px;
  height: 63px;
  background-position: -568px -310px;
}
.icon-inv-message {
  width: 73px;
  height: 66px;
  background-position: -568px -383px;
}
.icon-inv-my-gov {
  width: 67px;
  height: 67px;
  background-position: -5px -459px;
}
.icon-inv-news {
  width: 62px;
  height: 48px;
  background-position: -82px -459px;
}
.icon-inv-photo {
  width: 60px;
  height: 48px;
  background-position: -154px -459px;
}
.icon-inv-subject-participation {
  width: 70px;
  height: 70px;
  background-position: -224px -459px;
}
.icon-inv-video {
  width: 63px;
  height: 41px;
  background-position: -304px -459px;
}
.icon-inv-with-us {
  width: 121px;
  height: 58px;
  background-position: -431px -392px;
}
.icon-job-des {
  width: 25px;
  height: 30px;
  background-position: -5px -383px;
}
.icon-job-sub-family {
  width: 16px;
  height: 12px;
  background-position: -627px -180px;
}
.icon-job-sub-family-close {
  width: 22px;
  height: 22px;
  background-position: -377px -459px;
}
.icon-job-sub-family-open {
  width: 22px;
  height: 22px;
  background-position: -562px -459px;
}
.icon-linkedin-b {
  width: 36px;
  height: 36px;
  background-position: -594px -459px;
}
.icon-livechat-b {
  width: 42px;
  height: 37px;
  background-position: -377px -505px;
}
.icon-location {
  width: 17px;
  height: 17px;
  background-position: -627px -202px;
}
.icon-location-map {
  width: 28px;
  height: 26px;
  background-position: -429px -505px;
}
.icon-login {
  width: 15px;
  height: 18px;
  background-position: -467px -505px;
}
.icon-login-hover {
  width: 15px;
  height: 18px;
  background-position: -492px -505px;
}
.icon-login-password {
  width: 13px;
  height: 18px;
  background-position: -517px -505px;
}
.icon-login-user {
  width: 17px;
  height: 20px;
  background-position: -540px -505px;
}
.icon-maaref {
  width: 154px;
  height: 50px;
  background-position: -467px -535px;
}
.icon-mailbox {
  width: 18px;
  height: 13px;
  background-position: -567px -505px;
}
.icon-md-close {
  width: 13px;
  height: 13px;
  background-position: -595px -505px;
}
.icon-md-external-link {
  width: 42px;
  height: 42px;
  background-position: -82px -528px;
}
.icon-md-feedback {
  width: 50px;
  height: 50px;
  background-position: -134px -528px;
}
.icon-md-important-link {
  width: 48px;
  height: 47px;
  background-position: -304px -528px;
}
.icon-menu {
  width: 23px;
  height: 16px;
  background-position: -618px -505px;
}
.icon-news-highlighted {
  width: 23px;
  height: 19px;
  background-position: -5px -595px;
}
.icon-news-letter {
  width: 27px;
  height: 18px;
  background-position: -38px -595px;
}
.icon-org-chart {
  width: 40px;
  height: 37px;
  background-position: -75px -595px;
}
.icon-pdf {
  width: 28px;
  height: 32px;
  background-position: -125px -595px;
}
.icon-phone {
  width: 19px;
  height: 19px;
  background-position: -194px -531px;
}
.icon-phone-b {
  width: 45px;
  height: 35px;
  background-position: -163px -595px;
}
.icon-crm-channel-b {
  width: 45px;
  height: 45px;
  background-position: -655px -761px;
}
.icon-play {
  width: 50px;
  height: 50px;
  background-position: -653px -5px;
}
.icon-pobox-b {
  width: 46px;
  height: 32px;
  background-position: -652px -65px;
}
.icon-ppt {
  width: 28px;
  height: 31px;
  background-position: -652px -107px;
}
.icon-quick-links {
  width: 23px;
  height: 23px;
  background-position: -653px -148px;
}
.icon-reading-inv-plans {
  width: 75px;
  height: 70px;
  background-position: -218px -595px;
}
.icon-reading-knowledge {
  width: 75px;
  height: 63px;
  background-position: -303px -595px;
}
.icon-reading-media-center {
  width: 75px;
  height: 70px;
  background-position: -388px -595px;
}
.icon-reading-soul-food {
  width: 75px;
  height: 69px;
  background-position: -473px -595px;
}
.icon-requirements {
  width: 27px;
  height: 24px;
  background-position: -654px -181px;
}
.icon-requirements-h {
  width: 27px;
  height: 24px;
  background-position: -654px -215px;
}
.icon-res-fm-arrow-d {
  width: 13px;
  height: 9px;
  background-position: -690px -107px;
}
.icon-res-fm-arrow-l {
  width: 7px;
  height: 11px;
  background-position: -289px -107px;
}
.icon-res-fm-arrow-r {
  width: 7px;
  height: 11px;
  background-position: -633px -126px;
}
.icon-res-menu-close {
  width: 16px;
  height: 16px;
  background-position: -686px -148px;
}
.icon-res-sm-arrow-d {
  width: 13px;
  height: 9px;
  background-position: -690px -126px;
}
.icon-res-sm-arrow-l {
  width: 5px;
  height: 9px;
  background-position: -691px -174px;
}
.icon-res-sm-arrow-r {
  width: 5px;
  height: 9px;
  background-position: -691px -193px;
}
.icon-s-media {
  width: 31px;
  height: 30px;
  background-position: -632px -249px;
}
.icon-search {
  width: 18px;
  height: 18px;
  background-position: -673px -249px;
}
.icon-send-to-friend {
  width: 26px;
  height: 18px;
  background-position: -83px -277px;
}
.icon-service-directory {
  width: 49px;
  height: 54px;
  background-position: -641px -289px;
}
.icon-share {
  width: 19px;
  height: 19px;
  background-position: -5px -277px;
}
.icon-sitemap {
  width: 19px;
  height: 18px;
  background-position: -119px -277px;
}
.icon-sl-bayanati {
  width: 38px;
  height: 17px;
  background-position: -641px -353px;
}
.icon-meter {
  width: 30px;
  height: 30px;
  background-position: -725px -693px;
}
.icon-zayed-year {
  width: 35px;
  height: 35px;
  background-position: -617px -689px;
}
.icon-tolerance-year {
  width: 40px;
  height: 40px;
  background-position: -374px -750px;
}
.icon-tolerance-year-ar {
  background-position: -374px -750px;
}
.icon-sl-facebook {
  width: 15px;
  height: 26px;
  background-position: -689px -353px;
}
.icon-sl-instagram {
  width: 24px;
  height: 24px;
  background-position: -651px -380px;
}
.icon-sl-linkedin {
  width: 24px;
  height: 24px;
  background-position: -40px -414px;
}
.icon-sl-live-chat {
  width: 33px;
  height: 31px;
  background-position: -74px -414px;
}
.icon-sl-maaraf {
  width: 28px;
  height: 30px;
  background-position: -117px -414px;
}
.icon-sl-reading {
  width: 25px;
  height: 30px;
  background-position: -651px -414px;
}
.icon-sl-survey {
  width: 33px;
  height: 29px;
  background-position: -651px -454px;
}
.icon-sl-tweeter {
  width: 27px;
  height: 25px;
  background-position: -651px -493px;
}
.icon-sl-youtube {
  width: 32px;
  height: 23px;
  background-position: -651px -528px;
}
.icon-sm-instagram {
  width: 80px;
  height: 70px;
  background-position: -558px -595px;
}
.icon-sm-linkedin {
  width: 80px;
  height: 70px;
  background-position: -713px -5px;
}
.icon-sm-twitter {
  width: 80px;
  height: 70px;
  background-position: -713px -85px;
}
.icon-sm-youtube {
  width: 80px;
  height: 70px;
  background-position: -712px -165px;
}
.icon-starred {
  width: 40px;
  height: 40px;
  background-position: -701px -245px;
}
.icon-sub-invalid-email {
  width: 20px;
  height: 17px;
  background-position: -5px -85px;
}
.icon-sub-success {
  width: 20px;
  height: 20px;
  background-position: -35px -85px;
}
.icon-subscribe {
  width: 18px;
  height: 12px;
  background-position: -65px -85px;
}
.icon-swf {
  width: 28px;
  height: 31px;
  background-position: -751px -245px;
}
.icon-t-arrow-l {
  width: 13px;
  height: 23px;
  background-position: -138px -85px;
}
.icon-t-arrow-r {
  width: 13px;
  height: 23px;
  background-position: -191px -85px;
}
.icon-target {
  width: 36px;
  height: 36px;
  background-position: -751px -286px;
}
.icon-target-h {
  width: 36px;
  height: 36px;
  background-position: -714px -332px;
}
.icon-theme {
  width: 18px;
  height: 18px;
  background-position: -760px -332px;
}
.icon-theme-gold {
  width: 34px;
  height: 34px;
  background-position: -760px -360px;
}
.icon-theme-green {
  width: 34px;
  height: 34px;
  background-position: -686px -404px;
}
.icon-theme-red {
  width: 34px;
  height: 34px;
  background-position: -730px -404px;
}
.icon-time-calendar {
  width: 44px;
  height: 41px;
  background-position: -694px -448px;
}
.icon-tweeter {
  width: 54px;
  height: 45px;
  background-position: -693px -499px;
}
.icon-twitter-b {
  width: 42px;
  height: 33px;
  background-position: -748px -448px;
}
.icon-type {
  width: 36px;
  height: 36px;
  background-position: -757px -491px;
}
.icon-type-h {
  width: 36px;
  height: 36px;
  background-position: -5px -537px;
}
.icon-video-time {
  width: 16px;
  height: 15px;
  background-position: -155px -404px;
}
.icon-voice {
  width: 18px;
  height: 18px;
  background-position: -774px -404px;
}
.icon-what-innovation {
  width: 69px;
  height: 80px;
  background-position: -693px -554px;
}
.icon-workflow {
  width: 32px;
  height: 32px;
  background-position: -5px -644px;
}
.icon-workflow-h {
  width: 32px;
  height: 32px;
  background-position: -47px -644px;
}
.icon-xls {
  width: 27px;
  height: 31px;
  background-position: -89px -644px;
}
.icon-youtube-b {
  width: 42px;
  height: 28px;
  background-position: -223px -554px;
}
a {
  text-decoration: none;
  color: #bd9549;
}
.clearfix,
.clear-fix {
  *zoom: 1;
  display: block ;
}
.clearfix:before,
.clear-fix:before,
.clearfix:after,
.clear-fix:after {
  display: table;
  content: "";
}
.clearfix:after,
.clear-fix:after {
  clear: both;
}
/*start light box*/
#jquery-overlay {
  background-color: #343434;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 999990;
}
#jquery-lightbox {
  left: 0;
  line-height: 0;
  position: absolute;
  text-align: center;
  top: 0;
  width: 100%;
  z-index: 1000000000;
}
#jquery-lightbox a img {
  border: none;
}
#jquery-lightbox h2 {
  position: absolute;
  top: -20px;
  color: #ffffff;
  border: 0;
  display: block;
  padding: 0 20px;
  font-size: 14px;
  height: 30px;
  /*overflow: hidden;*/
  text-align: center;
  width: 95%;
}
#lightbox-container-image-box {
  height: 250px;
  margin: 0 auto;
  padding: 10px;
  position: relative;
  width: 250px;
}
#lightbox-container-image-box .lightbox-tl {
  background: url('/portal/content/siteimages/new_skin.png') top left no-repeat;
  display: block;
  height: 10px;
  left: 0;
  position: absolute;
  top: 0;
  width: 10px;
}
#lightbox-container-image-box .lightbox-tr {
  background: url('/portal/content/siteimages/new_skin.png') top right no-repeat;
  display: block;
  height: 10px;
  position: absolute;
  right: 0;
  top: 0;
  width: 10px;
}
#lightbox-container-image-box .lightbox-tc {
  background: url('/portal/content/siteimages/new_skin_top.png') top repeat-x;
  display: block;
  height: 10px;
  left: -10px;
  margin: 0 10px;
  overflow: hidden;
  position: absolute;
  top: -10px;
  width: 100%;
}
#lightbox-container-image-box .lightbox-bl {
  background: url('/portal/content/siteimages/new_skin.png') bottom left no-repeat;
  bottom: -10px;
  display: block;
  height: 10px;
  left: -10px;
  position: absolute;
  width: 10px;
}
#lightbox-container-image-box .lightbox-br {
  background: url('/portal/content/siteimages/new_skin.png') bottom right no-repeat;
  bottom: -10px;
  display: block;
  height: 10px;
  position: absolute;
  right: -10px;
  width: 10px;
}
#lightbox-container-image-box .lightbox-bc {
  background: url('/portal/content/siteimages/new_skin_top.png') bottom repeat-x;
  bottom: -10px;
  display: block;
  height: 10px;
  left: -10px;
  margin: 0 10px;
  overflow: hidden;
  position: absolute;
  width: 100%;
}
#lightbox-container-image-box .lightbox-l {
  background: url('/portal/content/siteimages/new_skin_left.png') left repeat-y;
  display: block;
  height: 100%;
  left: -10px;
  position: absolute;
  top: 0;
  width: 10px;
}
#lightbox-container-image-box .lightbox-r {
  background: url('/portal/content/siteimages/new_skin_left.png') right repeat-y;
  display: block;
  height: 100%;
  position: absolute;
  right: -10px;
  top: 0;
  width: 10px;
}
#lightbox-container-image {
  background: #343434;
  padding: 0;
  position: relative;
}
#lightbox-loading {
  height: 25%;
  left: 0;
  line-height: 0;
  position: absolute;
  text-align: center;
  top: 40%;
  width: 100%;
}
#lightbox-nav-btnPrev,
#lightbox-nav-btnNext {
  display: block;
  height: 20px!important;
  position: absolute;
  top: 0;
  width: 20px!important;
  zoom: 1;
}
#lightbox-nav-btnPrev {
  left: 0;
}
#lightbox-nav-btnNext {
  right: 0;
}
#lightbox-container-image-data-box {
  font: 10px Verdana, Helvetica, sans-serif;
  height: 25px;
  line-height: 1.4em;
  margin: -5px auto 0;
  padding: 0 5px;
  position: relative;
}
#lightbox-container-image-data {
  color: #f9f9f9;
  padding: 0 10px;
}
#lightbox-container-image-data #lightbox-secNav {
  background: url('/portal/content/siteimages/bottom_nav.png') bottom;
  height: 25px;
  position: absolute;
  right: 0;
  top: 0;
  width: 60px;
}
#lightbox-secNav a.disabled {
  cursor: default;
}
#lightbox-image-details-caption {
  font-weight: 700;
  width: 70%;
  font-size: 1em;
  display: block;
  float: left;
  text-align: left;
  line-height: 1.5em;
  padding-top: 5px;
  /*visibility: hidden;*/
}
#lightbox-image-details-currentNumber {
  float: right;
  display: block;
  margin-right: 50px;
  padding-top: 5px;
}
#lightbox-secNav-btnClose {
  margin-left: 0;
}
/*end light box*/
div.bubble {
  position: absolute;
  cursor: default;
  left: 10px;
  right: 10px;
}
div.bubble h4 a,
div.bubble strong {
  color: #ffffff !important;
}
div.bubble p {
  font-weight: normal;
  color: #ffffff;
}
div.bubble span.bubble-title {
  display: block;
  padding-bottom: 11px;
  font-size: 1.16em;
  border-bottom: solid 1px #a27f3b;
}
div.bubble span.bubble-title strong {
  font-weight: 600;
}
div.bubble span.tail {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 10px 0 10px;
  border-color: #e5d7b0 transparent transparent transparent;
  display: block;
  position: absolute;
}
div.bubble div.inner {
  background: #e5d7b0;
  border: 1px solid #bd9549;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
div.bubble div.inner div.wrapper {
  padding: 10px;
  background: #d0a656;
  text-align: left;
  font-size: 12px;
}
div.bubble span.bubble-title strong {
  background: #bd9549;
  display: block;
  padding: 8px 10px;
  border-radius: 3px;
  margin-bottom: -13px;
}
div.bubble-tl {
  padding-top: 25px;
}
div.bubble-tl span.tail {
  background-position: 0 0;
  top: 1px;
  left: 0px;
}
div.bubble-tr {
  padding-top: 25px;
}
div.bubble-tr span.tail {
  background-position: -33px 0;
  top: 1px;
  right: 0px;
}
div.bubble-bl {
  padding-bottom: 25px;
}
div.bubble-bl span.tail {
  background-position: 0 -25px;
  bottom: 1px;
  left: 0px;
}
div.bubble-br {
  padding-bottom: 25px;
}
div.bubble-br span.tail {
  background-position: -33px -25px;
  bottom: 1px;
  right: 0px;
}
#main-menu {
  background-color: #bd9549;
  height: 50px;
  width: 88.28125%;
  padding: 0 5.859375%;
}
#main-menu .main-menu-container {
  width: 100%;
  height: 50px;
  position: relative;
  z-index: 10;
}
#main-menu .main-menu-container ul.primary-navigation {
  width: calc(100% - 250px);
  display: table;
  height: 50px;
  z-index: 2;
  float: left;
}
#main-menu .main-menu-container ul.primary-navigation li.home-page {
  width: 50px;
  position: relative;
}
#main-menu .main-menu-container ul.primary-navigation li.home-page a {
  display: inline-block;
  vertical-align: text-top;
  text-indent: -9999px;
  overflow: hidden;
  background-image: url("/portal/content/siteimages/sprites.png?v3.4");
  background-repeat: no-repeat;
  width: 20px;
  height: 18px;
  background-position: -597px -180px;
  font-size: 0;
  padding: 0;
  position: absolute;
  margin: auto;
  top: 15px;
  /*bottom: 0;*/
  left: 0;
  right: 0;
}
#main-menu .main-menu-container ul.primary-navigation li.home-page:hover a {
  width: 20px;
  height: 18px;
  background-position: -597px -208px;
}
#main-menu .main-menu-container ul.primary-navigation li.home-page.current a {
  width: 20px;
  height: 18px;
  background-position: -597px -208px;
}
#main-menu .main-menu-container ul.primary-navigation li.current {
  background-color: #f9f9f9;
}
#main-menu .main-menu-container ul.primary-navigation li.current a {
  color: #bd9549;
}
#main-menu .main-menu-container ul.primary-navigation li {
  display: table-cell;
  /*height: 50px;*/
  -ms-transition: background 0.3s linear;
  -o-transition: background 0.3s linear;
  -webkit-transition: background 0.3s linear;
  -moz-transition: background 0.3s linear;
  transition: background 0.3s linear;
}
#main-menu .main-menu-container ul.primary-navigation li > a {
  color: #ffffff;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 1em;
  display: block;
  text-align: center;
  height: 50px;
  padding: 18px 0;
  box-sizing: border-box;
}
#main-menu .main-menu-container ul.primary-navigation li > a .menu-top-line {
  background-color: #b01d23;
  position: absolute;
  height: 5px;
  width: 100%;
  top: -5px;
  left: 0px;
  display: none;
}
#main-menu .main-menu-container ul.primary-navigation li > a .menu-separate-line {
  position: absolute;
  width: 1px;
  height: 15px;
  display: block;
  background: #ffffff;
  right: 0;
  top: 17px;
}
#main-menu .main-menu-container ul.primary-navigation li.hover {
  background-color: #f9f9f9;
}
#main-menu .main-menu-container ul.primary-navigation li.hover a {
  color: #bd9549;
}
#main-menu .main-menu-container ul.primary-navigation li.hover .second-level {
  display: block;
  visibility: visible !important;
  box-shadow: 0px 2px 11px #bd9549;
}
#main-menu .main-menu-container ul.primary-navigation li ul.second-level {
  background: rgba(255, 255, 255, 0.96);
  position: absolute;
  display: none;
  width: 100% !important;
  top: 50px;
  left: 0px;
  overflow: hidden;
  z-index: 2;
}
#main-menu .main-menu-container ul.primary-navigation li ul.second-level li {
  display: block;
}
#main-menu .main-menu-container ul.primary-navigation li ul.second-level .menu-items {
  float: left;
  height: auto;
  width: 65%;
  margin: 8px 0 0 0;
  position: relative;
  min-height: 450px;
}
#main-menu .main-menu-container ul.primary-navigation li ul.second-level .menu-items .group-menu-list {
  background: rgba(189, 149, 73, 0.75);
  /*width: ~'calc(100% - calc(50% - 90px))' !important;*/
  width: 60% !important;
  position: absolute;
  float: none !important;
  top: -8px;
  margin: 0;
  right: 0;
  bottom: 0;
  padding: 0 31px;
  box-sizing: border-box;
}
#main-menu .main-menu-container ul.primary-navigation li ul.second-level .menu-items .group-menu-list li.menu-item {
  width: 100%;
  padding: 10px;
  border-bottom: solid 1px #ffffff;
}
#main-menu .main-menu-container ul.primary-navigation li ul.second-level .menu-items .group-menu-list li.menu-item:hover {
  background: #909496;
}
#main-menu .main-menu-container ul.primary-navigation li ul.second-level .menu-items .group-menu-list li.menu-item a {
  color: #ffffff;
  padding: 0;
  background: none;
  position: relative;
  /*display: ruby;*/
  height: auto;
  font-size: 12px !important;
}
#main-menu .main-menu-container ul.primary-navigation li ul.second-level .menu-items .group-menu-list li.menu-item a:hover {
  background: none;
}
#main-menu .main-menu-container ul.primary-navigation li ul.second-level .menu-items .group-menu-list li.menu-item a:hover:before {
  content: '';
  display: block;
  width: 3px;
  height: 31px;
  background: #ffffff;
  position: absolute;
  left: -10px;
  top: 50%;
  transform: translate3d(0, -50%, 0);
}
#main-menu .main-menu-container ul.primary-navigation li ul.second-level .menu-items .group-menu-list li.menu-item:last-child {
  border: none;
}
#main-menu .main-menu-container ul.primary-navigation li ul.second-level .menu-items .group-menu-list li.menu-item:last-child a {
  border: none;
}
#main-menu .main-menu-container ul.primary-navigation li ul.second-level .menu-items .mene-list-current {
  display: block;
}
#main-menu .main-menu-container ul.primary-navigation li ul.second-level .menu-items .mene-list-hide {
  display: none;
}
#main-menu .main-menu-container ul.primary-navigation li ul.second-level .menu-items .mene-list {
  float: left;
  width: calc(50% - 10px);
}
#main-menu .main-menu-container ul.primary-navigation li ul.second-level .menu-items .mene-list:first-child {
  margin-left: 8px;
}
#main-menu .main-menu-container ul.primary-navigation li ul.second-level .menu-items .mene-list .menu-item {
  padding: 0;
  margin: 0;
  height: auto;
  float: none;
}
#main-menu .main-menu-container ul.primary-navigation li ul.second-level .menu-items .mene-list .menu-item a {
  padding: 13px 31px;
  color: #bd9549;
  font-size: 1.083em;
  font-weight: 600;
  text-align: left;
  line-height: normal;
  white-space: normal;
  height: initial;
}
#main-menu .main-menu-container ul.primary-navigation li ul.second-level .menu-items .mene-list .menu-item a:hover {
  color: #ffffff;
  background: rgba(189, 149, 73, 0.75);
}
#main-menu .main-menu-container ul.primary-navigation li ul.second-level .menu-items .group-list {
  /*width: ~'calc(50% - 8px)';*/
  width: calc(40% - 7px);
  float: left;
  position: relative;
  margin-left: 8px;
}
#main-menu .main-menu-container ul.primary-navigation li ul.second-level .menu-items .group-list .menu-item {
  padding: 0;
  margin: 0;
  height: auto;
  float: none;
}
#main-menu .main-menu-container ul.primary-navigation li ul.second-level .menu-items .group-list .menu-item.menu-item-current a {
  color: #ffffff;
  background: rgba(189, 149, 73, 0.75);
}
#main-menu .main-menu-container ul.primary-navigation li ul.second-level .menu-items .group-list .menu-item a {
  padding: 13px 31px;
  color: #bd9549;
  font-size: 1.083em;
  font-weight: 600;
  text-align: left;
  line-height: normal;
  white-space: normal;
  height: initial;
  display: inline-table;
  width: 100%;
}
#main-menu .main-menu-container ul.primary-navigation li ul.second-level .menu-items .group-list .menu-item a:hover {
  color: #ffffff;
  background: rgba(189, 149, 73, 0.75);
}
#main-menu .main-menu-container ul.primary-navigation li ul.second-level .menu-details {
  background: rgba(189, 149, 73, 0.75);
  width: 35%;
  padding: 23px 102px;
  box-sizing: border-box;
  position: absolute;
  right: 0;
  height: 100%;
}
#main-menu .main-menu-container ul.primary-navigation li ul.second-level .menu-details div {
  min-height: 282px;
  transform: translateX(-50%);
  position: absolute;
  top: 20px;
  left: 50%;
}
#main-menu .main-menu-container ul.primary-navigation li ul.second-level .menu-details div h4 {
  color: #ffffff;
  font-weight: 400;
}
#main-menu .main-menu-container ul.primary-navigation li ul.second-level .menu-details div h4 .details-title {
  font-size: 1.23em;
  font-weight: 700;
  color: #ffffff;
  display: block;
}
#main-menu .main-menu-container ul.primary-navigation li ul.second-level .menu-details div h4 span {
  background-color: transparent !important;
}
#main-menu .main-menu-container ul.primary-navigation li ul.second-level .menu-details div h4 img {
  width: 335px;
  height: 189px;
}
#main-menu .main-menu-container ul.primary-navigation li ul.second-level .menu-details div p {
  padding: 0;
  margin: 0;
  font-size: 1.083em;
  color: #ffffff;
  width: 332px;
}
#main-menu .main-menu-container ul.primary-navigation li ul.second-level .menu-details div p span {
  background-color: transparent !important;
}
.submenu {
  background-color: #f3ecdf;
  margin-bottom: 20px;
}
.submenu ul.submenu {
  list-style: none;
  padding: 0;
  margin: 0;
}
.submenu ul.submenu li {
  border-bottom: 1px solid #f3ecdf;
  position: relative;
  padding: 0;
}
.submenu ul.submenu li.first {
  border: 0 !important;
}
.submenu ul.submenu li a {
  font-size: 1.3em;
  color: #343434;
  display: block;
  padding: 17px 19px;
}
.submenu ul.submenu li.current {
  background-color: #909496;
}
.submenu ul.submenu li.current a {
  color: #ffffff;
}
.submenu ul.submenu li.current ul.level-two {
  display: block;
  background: #ede1cc;
}
.submenu ul.submenu li.expand ul.level-two {
  display: block;
}
.submenu ul.submenu li.hover {
  background: #cbab6e;
}
.submenu ul.submenu li.hover a {
  color: #f9f9f9;
}
.submenu ul.submenu li:last-child {
  border: none;
}
.submenu ul.submenu li ul.level-two {
  list-style: none;
  display: none;
  padding: 0;
  margin: 0;
}
.submenu ul.submenu li ul.level-two li {
  background: none;
  padding: 0 0 5px 0;
  border: 0px;
}
.submenu ul.submenu li ul.level-two li:last-child a {
  border: none;
}
.submenu ul.submenu li ul.level-two li a {
  color: #5a5a5a;
  line-height: 18px;
  font-size: 1.1em;
  position: relative;
  border-bottom: 1px solid #ffffff;
  padding: 10px 19px;
}
.submenu ul.submenu li ul.level-two li:hover a {
  color: #b01d23;
}
.utilities-top {
  display: flex;
  float: right;
  justify-content: center;
  align-content: center;
  padding: 16px 0;
  max-width: 235px;
  max-height: 18px;
}
.utilities-top li.li-member.selected {
  background: #f9f9f9;
  position: relative;
}
.utilities-top li.li-member.selected:before,
.utilities-top li.li-member.selected:after {
  content: '';
  position: absolute;
  background: #f9f9f9;
  display: block;
  height: 16px;
  width: 26px;
  right: 0;
}
.utilities-top li.li-member.selected:before {
  top: -16px;
}
.utilities-top li.li-member.selected:after {
  bottom: -16px;
}
.utilities-top li.li-member.selected a.fake {
  width: 15px;
  height: 18px;
  background-position: -492px -505px;
}
.utilities-top li.li-member .member-stuff {
  display: none;
  position: absolute;
  background: #f9f9f9;
  top: 34px;
  right: -35px;
  box-shadow: 0 2px 11px #888c8f;
  padding: 25px;
}
.utilities-top li.li-member .member-stuff li.login-option {
  width: 265px;
}
.utilities-top li.li-member .member-stuff li.logOut-option .welcome-lbl {
  color: #b01d23;
  text-transform: capitalize;
  font-weight: bold;
  display: block;
  padding: 10px 0;
  border-bottom: 2px solid #909496;
  margin-bottom: 10px;
  font-size: 14px;
}
.utilities-top li.li-member .member-stuff li.logOut-option ul.member-menu li {
  padding: 10px 0;
  border-bottom: 1px solid #ececed;
}
.utilities-top li.li-member .member-stuff li.logOut-option ul.member-menu li a {
  font-size: 14px;
}
.utilities-top li.li-member .member-stuff li.logOut-option ul.member-menu li a:hover {
  text-decoration: underline;
}
.utilities-top li.li-member .member-stuff li.logOut-option ul.member-menu li.logout {
  border-bottom: none;
}
.utilities-top li.li-member .member-stuff li.logOut-option ul.member-menu li.logout a {
  background: #bd9549;
  color: #ffffff;
  font-weight: bold;
  padding: 10px 30px;
  border-radius: 5px;
  border: 2px solid #cbab6e;
  margin-top: 10px;
  display: block;
  width: 60px;
  text-align: center;
}
.utilities-top li.li-member div.field-value {
  position: relative;
}
.utilities-top li.li-member div.field-value label {
  padding: 5px 0;
  display: block;
}
.utilities-top li.li-member div.field-value i {
  position: absolute;
  z-index: 1;
  top: 38px;
  right: 10px;
}
.utilities-top li.li-member div.field-value span.aspnetError {
  color: #b01d23 !important;
  display: block;
  padding: 3px 0 5px 0;
}
.utilities-top li.li-member ul.form span {
  padding: 10px 0;
  display: block;
}
.utilities-top li.li-member ul.form input[type="text"],
.utilities-top li.li-member ul.form input[type="password"] {
  width: calc(100% - 35px);
  padding: 10px 30px 10px 5px;
  border-radius: 5px;
  border: 1px solid #ececed;
}
.utilities-top li.li-member ul.form .forgot-password {
  display: block;
  font-size: 13px;
  font-weight: bold;
  padding-bottom: 15px;
}
.utilities-top li.li-member ul.form .register {
  color: #b01d23;
  font-weight: 900;
  font-size: 14px;
  padding: 8px;
  display: block;
  float: right;
}
.utilities-top li {
  padding: 0 5px;
}
.utilities-top li a.icon {
  transition: all 200ms ease-in-out;
}
.utilities-top li a.icon:hover {
  transform: scale(1.1);
}
.utilities-top li a.fake {
  transition: none !important;
}
.utilities-top li.search-option {
  border-left: solid 1px #f9f9f9;
}
.utilities-top li.adv-search {
  border-right: solid 1px #f3ecdf;
}
.utilities-top li.adv-search a {
  font-size: 1em;
  color: #ffffff;
  text-decoration: none;
  font-family: 'Droid Arabic Kufi', Tahoma, Arial, Helvetica, sans-serif;
  line-height: 1;
}
.utilities-top li.adv-search a:hover {
  color: #343434;
}
.utilities-top li.language-option {
  border-right: solid 1px #f3ecdf;
}
.utilities-top li.language-option a {
  font-size: 1.13em;
  color: #ffffff;
  text-decoration: none;
  font-family: 'Droid Arabic Kufi', Tahoma, Arial, Helvetica, sans-serif;
  line-height: 1;
}
.utilities-top li.language-option a:hover {
  color: #343434;
}
.breadcrumb-block {
  width: 100%;
  height: 50px;
  background: #909496;
  margin-top: 10px;
  font-size: 12px;
}
.breadcrumb-block .breadcrumb {
  width: 88.28125%;
  padding: 0 5.859375%;
}
.breadcrumb-block .breadcrumb .breadcrumb-sitemap {
  float: left;
  line-height: 50px;
}
.breadcrumb-block .breadcrumb .breadcrumb-sitemap li {
  float: left;
}
.breadcrumb-block .breadcrumb .breadcrumb-sitemap li.separator {
  margin: 0 5px;
  color: #ffffff;
}
.breadcrumb-block .breadcrumb .breadcrumb-sitemap li a {
  color: #ffffff;
}
.utilities {
  /*width: 450px;*/
  float: right;
  height: 50px;
  position: relative;
}
.utilities:before {
  content: '';
  position: absolute;
  background: #f9f9f9;
  height: 15px;
  width: 1px;
  margin: auto;
  top: 0;
  bottom: 0;
}
.utilities li {
  float: right;
  height: 50px;
  width: 42px;
  position: relative;
}
.utilities li.read-spaker {
  width: auto;
  z-index: 0;
}
.utilities li.seprate:before {
  content: '';
  position: absolute;
  background: #f9f9f9;
  height: 15px;
  width: 1px;
  margin: auto;
  top: 0;
  bottom: 0;
  left: -3px;
}
.utilities li.seprate a.send-to-friend {
  width: 26px;
  height: 18px;
  background-position: -83px -277px;
}
.utilities li.color-blindness-item.open {
  background-color: #bd9549;
}
.utilities li a {
  display: inline-block;
  vertical-align: text-top;
  text-indent: -9999px;
  overflow: hidden;
  background-image: url("/portal/content/siteimages/sprites.png?v3.4");
  background-repeat: no-repeat;
  position: absolute;
  display: block;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.utilities li a.share {
  width: 19px;
  height: 19px;
  background-position: -5px -277px;
}
.utilities li a.inc-font-size {
  width: 18px;
  height: 18px;
  background-position: -365px -236px;
}
.utilities li a.dec-font-size {
  width: 18px;
  height: 18px;
  background-position: -407px -78px;
}
.utilities li a.color-blindness {
  width: 27px;
  height: 16px;
  background-position: -585px -53px;
}
.utilities li a.theme {
  width: 18px;
  height: 18px;
  background-position: -760px -332px;
}
.utilities li a span {
  font-size: 0;
}
.utilities li span.rs_skip .icon-audio,
.utilities li .rs_skip.rs_skip .icon-audio {
  display: block;
  height: 20px;
  width: 20px;
}
.utilities li span.icon-util-listen,
.utilities li .rs_skip.icon-util-listen {
  display: inline-block;
  vertical-align: text-top;
  text-indent: -9999px;
  overflow: hidden;
  background-image: url("/portal/content/siteimages/sprites.png?v3.4");
  background-repeat: no-repeat;
  position: absolute;
  display: block;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 18px;
  height: 18px;
  background-position: -774px -404px;
}
.utilities li span.icon-util-listen a.icon-audio,
.utilities li .rs_skip.icon-util-listen a.icon-audio {
  background: none;
}
/*start general vertical listing*/
.general-vertical-listing ul.general-listing li {
  padding: 5px;
  display: block;
  border-bottom: 1px dashed #f3ecdf;
  background: url(/portal/content/siteimages/content-body-bg.jpg) 98% left repeat-x;
}
.general-vertical-listing ul.general-listing li .image-frame-1-small {
  float: left;
}
.general-vertical-listing ul.general-listing li .image-frame-2-small {
  float: left;
}
.general-vertical-listing ul.general-listing li div.inner {
  float: right;
  width: 330px;
}
.general-vertical-listing ul.general-listing li span.date {
  background: none;
  padding-left: 0px;
  margin-left: 10px;
}
.general-vertical-listing ul.general-listing li h4 a {
  color: #a27f3b;
}
.general-vertical-listing ul.general-listing li p.intro {
  color: #343434;
  padding-top: 0px;
}
.general-vertical-listing ul.general-listing li div.event-info {
  padding: 15px;
  float: left;
  width: 470px;
}
.general-vertical-listing ul.general-listing li div.event-info a.more {
  color: #db252c;
}
.general-vertical-listing ul.general-listing li div.event-details {
  width: 220px;
  float: right;
  font-size: 11px;
  padding-top: 15px;
}
.general-vertical-listing ul.general-listing li div.event-details ul.event-details {
  list-style: none;
  border-left: 2px solid #f9f9f9;
}
.general-vertical-listing ul.general-listing li div.event-details ul.event-details li {
  border: 0px;
  background: none;
  padding: 5px 15px 5px;
  color: #5a5a5a;
  display: block;
  border-left: 2px solid #ffffff;
}
.general-vertical-listing ul.general-listing li div.event-details ul.event-details li span {
  color: #db252c;
  font-weight: bold;
}
.general-vertical-listing ul.general-listing li div.event-details ul.event-details li.newline {
  clear: both;
  width: auto;
}
.general-vertical-listing ul.general-listing li.first div.event-info {
  padding-top: 0px;
}
.general-vertical-listing ul.general-listing li.first div.event-details {
  padding-top: 0px;
}
.general-vertical-listing ul.general-listing li.event {
  padding: 0px;
}
.general-vertical-listing ul.general-listing li.event div.inner {
  width: 290px;
}
/*end general vertical listing*/
/*start related news*/
.general-horizontal-listing {
  display: block;
  min-height: 30px;
}
.general-horizontal-listing ul.general-listing {
  margin-bottom: 25px;
}
.general-horizontal-listing ul.general-listing .no-margin {
  margin-right: 0 !important;
}
.general-horizontal-listing ul.general-listing li.h-news-entry {
  float: left;
  width: 245px;
  margin-right: 42.5px;
  border: 0;
}
.general-horizontal-listing ul.general-listing li.h-news-entry a {
  display: inline-block;
}
.general-horizontal-listing ul.general-listing li.h-news-entry a span.date {
  float: left;
  display: block;
  width: 215px;
  padding: 10px 0;
  color: #a27f3b;
  font-size: 12px;
  background: none;
  position: relative;
  margin-left: 30px;
}
.general-horizontal-listing ul.general-listing li.h-news-entry a img {
  width: 245px;
  height: 150px;
  float: left;
}
.general-horizontal-listing ul.general-listing li.h-news-entry a p {
  padding: 0;
  margin: 0;
  float: left;
  color: #5a5a5a;
}
.general-horizontal-listing ul.general-listing li.h-news-entry a:hover p {
  color: #b01d23;
}
/*end related news*/
.general-listing {
  display: table;
}
.general-listing .event-entry {
  display: inline-block;
  border-bottom: 1px dashed #ececed;
  margin-bottom: 15px;
  width: 100%;
  padding-bottom: 15px;
}
.general-listing .event-entry.no-image .event-data {
  min-height: 150px;
}
.general-listing .event-entry.no-image .event-data h4 a,
.general-listing .event-entry.no-image .event-data p {
  margin-left: 0;
}
.general-listing .event-entry .event-data {
  min-height: 200px;
  position: relative;
  width: calc(100% - 300px);
  float: left;
}
.general-listing .event-entry .event-data h4 a {
  display: block;
  margin-left: 170px;
  font-size: 14px;
  color: #a27f3b;
}
.general-listing .event-entry .event-data h4 a img {
  position: absolute;
  top: 0;
  left: 0;
}
.general-listing .event-entry .event-data p {
  margin-left: 170px;
  color: #808587;
}
.general-listing .event-entry .event-data .event-option {
  position: absolute;
  bottom: 10px;
  width: 100%;
  height: 50px;
}
.general-listing .event-entry .event-data .event-option .countdown-label {
  color: #868178;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 12px;
  width: 90px;
  display: inline-block;
  margin-left: 30px;
  position: relative;
}
.general-listing .event-entry .event-data .event-option .countdown-label:before {
  content: '';
  position: absolute;
  display: inline-block;
  vertical-align: text-top;
  text-indent: -9999px;
  overflow: hidden;
  background-image: url("/portal/content/siteimages/sprites.png?v3.4");
  background-repeat: no-repeat;
  width: 23px;
  height: 27px;
  background-position: -448px -120px;
  top: 2px;
  left: -30px;
}
.general-listing .event-entry .event-data .event-option .countdown-data {
  display: inline-block;
  position: absolute;
  top: 8px;
  left: 125px;
}
.general-listing .event-entry .event-data .event-option .countdown-data span.box {
  position: relative;
  border: 1px solid #f9f9f9;
  margin-right: 5px;
  padding: 6px 10px;
  font-weight: bold;
  color: #343434;
}
.general-listing .event-entry .event-data .event-option .countdown-data span.box span {
  display: block;
  position: absolute;
  top: 30px;
  font-weight: 100;
  font-size: 11px;
  color: #868178;
  left: 0;
  margin: auto;
  right: 0;
  text-align: center;
}
.general-listing .event-entry .event-data .event-option .add-to-calendar {
  color: #a27f3b;
  text-transform: uppercase;
  font-weight: bold;
  padding: 16px;
  position: absolute;
  right: 0;
  top: -8px;
}
.general-listing .event-entry .event-data .event-option .add-to-calendar:before {
  content: '';
  position: absolute;
  display: inline-block;
  vertical-align: text-top;
  text-indent: -9999px;
  overflow: hidden;
  background-image: url("/portal/content/siteimages/sprites.png?v3.4");
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  background-position: -414px -120px;
  top: 12px;
  left: -12px;
}
.general-listing .event-entry .event-info {
  width: 250px;
  float: right;
}
.general-listing .event-entry .event-info ul li {
  width: calc(100% - 35px);
  margin-left: 35px;
  float: left;
  font-size: 13px;
  color: #5a5a5a;
  margin-bottom: 20px;
  position: relative;
}
.general-listing .event-entry .event-info ul li:before {
  content: '';
  position: absolute;
  display: inline-block;
  vertical-align: text-top;
  text-indent: -9999px;
  overflow: hidden;
  background-image: url("/portal/content/siteimages/sprites.png?v3.4");
  background-repeat: no-repeat;
  top: -1px;
  left: -30px;
}
.general-listing .event-entry .event-info ul li.event-date:before {
  width: 23px;
  height: 21px;
  background-position: -525px -120px;
}
.general-listing .event-entry .event-info ul li.event-time:before {
  width: 24px;
  height: 24px;
  background-position: -558px -120px;
}
.general-listing .event-entry .event-info ul li.event-venue:before {
  width: 19px;
  height: 24px;
  background-position: -623px -78px;
}
.general-listing .list-entry {
  float: left;
  width: calc(100%/3 - 14px);
  min-height: 234px;
  box-sizing: border-box;
  margin-right: 20px;
  margin-top: 20px;
}
.general-listing .list-entry.no-margin {
  margin-right: 0;
}
.general-listing .list-entry h4 a {
  display: block;
  color: #5a5a5a;
}
.general-listing .list-entry h4 a img {
  /*max-width: 100%;
                    max-height: 284px;
                    min-height: 180px;*/
  /*width: 100%;*/
  max-width: calc(100% - 20px);
  height: 12.7vw;
  display: block;
  margin: 0 auto;
}
.general-listing .list-entry h4 a span {
  display: block;
}
.general-listing .list-entry h4 a span.date {
  margin: 10px 0;
  color: #bd9549;
  padding-left: 27px;
  position: relative;
}
.general-listing .list-entry h4 a span.date:before {
  content: '';
  display: inline-block;
  vertical-align: text-top;
  text-indent: -9999px;
  overflow: hidden;
  background-image: url("/portal/content/siteimages/sprites.png?v3.4");
  background-repeat: no-repeat;
  width: 17px;
  height: 17px;
  background-position: -199px -53px;
  position: absolute;
  left: 0;
}
.general-listing .initiatives-entry {
  float: left;
  width: calc(100%/3 - 15.33px);
  height: auto;
  box-sizing: border-box;
  margin-right: 20px;
  margin-top: 40px;
}
.general-listing .initiatives-entry.no-margin {
  margin-right: 0;
}
.general-listing .initiatives-entry h4 a img {
  width: 100%;
  max-width: 372px;
  display: block;
  margin: auto;
}
#content .pager {
  display: block;
  list-style: none;
  height: 50px;
  margin: 20px 0 0 0 !important;
  padding: 0 0 0 10px !important;
  padding: 0 !important;
}
#content .pager li {
  float: left;
  padding: 0 2px;
  height: 50px;
  line-height: 50px;
}
#content .pager li[rel="page"] a {
  padding: 2px 5px;
  font-weight: bold;
  font-size: 9px;
}
#content .pager li a {
  width: 25px;
  display: block;
  text-align: center;
  color: #bd9549;
  font-size: 14px;
}
#content .pager li a.current {
  background: #bd9549;
  color: #ffffff;
  font-weight: bold;
  display: block;
  width: 25px;
  height: 25px;
  text-align: center;
  font-size: 14px;
  border-radius: 100%;
  padding: 5px;
  margin-top: 8px;
  line-height: 1.9;
}
#content .pager li a span {
  margin: auto;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  position: absolute;
}
#content .pager li.li-next,
#content .pager li.li-previous {
  padding: 0;
  float: right;
  width: 50px;
  text-align: center;
}
#content .pager li.li-next a,
#content .pager li.li-previous a {
  display: block;
  background: #bd9549;
  position: relative;
  height: 40px;
  border-radius: 5px;
  width: 40px;
}
#content .pager li.li-next a:hover,
#content .pager li.li-previous a:hover {
  background: #909496;
}
#content .pager li.li-next span,
#content .pager li.li-previous span {
  display: inline-block;
  vertical-align: text-top;
  text-indent: -9999px;
  overflow: hidden;
  background-image: url("/portal/content/siteimages/sprites.png?v3.4");
  background-repeat: no-repeat;
}
#content .pager li.li-next span {
  width: 13px;
  height: 23px;
  background-position: -191px -85px;
}
#content .pager li.li-previous {
  margin: 0 2px;
}
#content .pager li.li-previous span {
  width: 13px;
  height: 23px;
  background-position: -138px -85px;
}
#content .pager li.info {
  color: #868178;
  position: relative;
  margin-left: 10px;
  margin-right: 10px;
  font-weight: bold;
  float: right;
  line-height: 3;
}
#content .pager li.info:before {
  content: '';
  position: absolute;
  background: #909496;
  width: 1px;
  height: 15px;
  left: -5px;
  top: 17px;
}
ul.list li {
  margin-bottom: 10px;
}
ul.list li:before {
  content: '';
  background: #bd9549;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  width: 5px;
  height: 5px;
  margin-right: 10px;
  display: inline-block;
}
.full-calendar {
  position: relative;
}
.full-calendar .pager li {
  width: 32%;
  font-weight: bold;
  position: relative;
}
.full-calendar .pager li a span {
  padding: 0 30px;
}
.full-calendar .pager li a span.arrow-next:before {
  content: '';
  position: absolute;
  display: inline-block;
  vertical-align: text-top;
  text-indent: -9999px;
  overflow: hidden;
  background-image: url("/portal/content/siteimages/sprites.png?v3.4");
  background-repeat: no-repeat;
  width: 9px;
  height: 15px;
  background-position: -81px -53px;
  top: 16px;
  right: 10px;
}
.full-calendar .pager li a span.arrow-previous:before {
  content: '';
  position: absolute;
  display: inline-block;
  vertical-align: text-top;
  text-indent: -9999px;
  overflow: hidden;
  background-image: url("/portal/content/siteimages/sprites.png?v3.4");
  background-repeat: no-repeat;
  width: 9px;
  height: 15px;
  background-position: -630px -28px;
  top: 16px;
  left: 10px;
}
.full-calendar .pager li.previous {
  float: left;
}
.full-calendar .pager li.next {
  float: right !important;
  margin-right: 10px;
  text-align: right;
}
.full-calendar .pager li.current {
  text-align: center;
}
/*start horizontal calendar*/
.horizontal-calendar {
  border-bottom: 3px solid #f9f9f9;
  height: 66px;
  position: relative;
  margin-bottom: 15px;
}
.horizontal-calendar .inner {
  display: block;
  margin: 0 27px;
  overflow: hidden;
  height: 57px;
  position: relative;
}
.horizontal-calendar ul {
  list-style: none;
  width: 1100px;
  position: absolute;
  top: 0px;
  left: 0px;
  padding: 0;
  margin: 0;
}
.horizontal-calendar ul li {
  float: left;
  font-size: 12px;
  text-align: center;
  font-weight: bold;
  width: 59px;
  height: 49px;
  padding-top: 8px;
  background: url(/portal/content/siteimages/hc-separator.gif) right 30% no-repeat;
}
.horizontal-calendar ul li a {
  color: #db252c;
}
.horizontal-calendar ul li a:hover {
  color: #db252c;
}
.horizontal-calendar ul li span {
  display: block;
  text-transform: uppercase;
}
.horizontal-calendar ul li.disabled a {
  color: #ececed;
  cursor: default;
}
.horizontal-calendar ul li.disabled a:hover {
  color: #ececed;
  cursor: default;
}
.horizontal-calendar ul li.current {
  background: url(/portal/content/siteimages/selected-date.gif) top left no-repeat;
}
.horizontal-calendar ul li.current a {
  color: #ffffff;
  cursor: default;
}
.horizontal-calendar ul li.current a:hover {
  color: #ffffff;
  cursor: default;
}
.horizontal-calendar a .arrow-next {
  background-position: -14px 0px;
}
.horizontal-calendar a.previous {
  position: absolute;
  left: 0px;
  top: 0px;
  height: 42px;
  width: 30px;
  overflow: hidden;
}
.horizontal-calendar a.previous span {
  margin: 19px 10px;
}
.horizontal-calendar a.next {
  position: absolute;
  right: 0px;
  top: 0px;
  height: 42px;
  width: 30px;
  overflow: hidden;
}
.horizontal-calendar a.next span {
  margin: 19px 10px;
}
.horizontal-calendar .arrow {
  background: url(/portal/content/siteimages/small-golden-arrow-hover.png) top left no-repeat;
  width: 9px;
  height: 10px;
  display: block;
  text-indent: -999em;
  overflow: hidden;
  margin-top: 3px;
}
/*start horizontal calendar*/
ul.newsletters {
  padding: 0 !important;
  margin: 0 !important;
  list-style: none;
}
ul.newsletters li {
  float: left;
  width: 25%;
  margin-bottom: 5px;
}
ul.newsletters li a {
  margin: 10px;
  display: block;
  border: 1px solid #909496;
}
ul.newsletters li a img {
  width: calc(100% - 10px);
  padding: 5px;
  height: 400px;
}
ul.newsletters li a span {
  display: block;
  background: #909496;
  color: #fff;
  text-align: center;
  padding: 5px;
  font-weight: bold;
}
/*ul.newsletters {
    padding: 0 !important;
    margin: 0 !important;
    list-style: none;

    li {
        float: left;
        width: 25%;
        margin-bottom: 20px;

        a {
            margin: 10px;
            display: block;
            border: 1px solid #909496;
            height: 100%;
            position: relative;

            img {
                width: ~"calc(100% - 10px)";
                padding: 5px;
            }

            span {
                display: block;
                background: #909496;
                color: #fff;
                text-align: center;
                padding: 5px;
                font-weight: bold;
                position: absolute;
                bottom: 0;
                width: ~"calc(100% - 10px)";
            }
        }
    }
}*/
/*start accordion*/
.accordion {
  margin-bottom: 10px;
}
.accordion h2 {
  font-size: 1.2em;
  font-weight: bold;
  color: #db252c;
  background-color: #f9f9f9;
  margin-bottom: 0;
  border: 1px solid #f3ecdf;
  border-bottom-style: dotted;
  line-height: 3em;
  padding: 5px 40px 5px 10px;
  position: relative;
  cursor: pointer;
}
.accordion h2 b {
  position: absolute;
  right: 10px;
  top: 2px;
  color: #f3ecdf;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 30px;
}
.accordion h2:hover {
  color: #5a5a5a;
}
.accordion h2:hover b {
  color: #a27f3b;
}
.accordion .accordion-body {
  padding: 10px;
  border: 1px solid #f3ecdf;
  border-top-width: 0;
}
.accordion.collapsed h2 {
  border-bottom-style: solid;
}
.accordion.collapsed h2 b {
  top: 5px;
}
.accordion.collapsed .accordion-body {
  display: none;
}
/*end accordion*/
/*start vertical accordion*/
.general-vertical-accordion ul.general-accordion {
  list-style: none;
  padding: 0;
}
.general-vertical-accordion ul.general-accordion li h2 {
  background: #f9f9f9;
  padding: 15px;
  margin-bottom: 15px;
}
.general-vertical-accordion ul.general-accordion li h2 a {
  color: #b01d23;
}
.general-vertical-accordion ul.general-accordion li a.header {
  position: relative;
  display: block;
  color: #a27f3b;
  border-left: 1px solid #f9f9f9;
  padding: 15px 40px 15px 10px;
  text-align: justify;
  font-weight: bold;
}
.general-vertical-accordion ul.general-accordion li a.header:after {
  content: '';
  position: absolute;
  display: inline-block;
  vertical-align: text-top;
  text-indent: -9999px;
  overflow: hidden;
  background-image: url("/portal/content/siteimages/sprites.png?v3.4");
  background-repeat: no-repeat;
  width: 19px;
  height: 11px;
  background-position: -330px -149px;
  right: 0px;
  top: 20px;
}
.general-vertical-accordion ul.general-accordion li a.category {
  display: none;
  font-weight: normal;
  font-size: 11px;
  padding: 5px 0px 10px 10px;
  border-left: 1px solid #f9f9f9;
  color: #868178;
}
.general-vertical-accordion ul.general-accordion li a.category span {
  color: #db252c;
}
.general-vertical-accordion ul.general-accordion li span.tag {
  position: absolute;
  top: 10px;
  left: -25px;
  color: #a27f3b;
}
.general-vertical-accordion ul.general-accordion li div.inner {
  transition: opacity 0.3s linear;
  opacity: 1;
  visibility: visible;
  position: relative;
  border-left: 1px solid #f9f9f9;
  padding: 0 40px 15px 10px;
  color: #343434;
  text-align: justify;
}
.general-vertical-accordion ul.general-accordion li div.inner span.tag {
  top: 5px;
}
.general-vertical-accordion ul.general-accordion li.more {
  text-align: left;
  padding: 10px 10px 15px 0;
  font-size: 14px;
  margin-bottom: 25px;
}
.general-vertical-accordion ul.general-accordion li.more a {
  position: relative;
  font-weight: bold;
}
.general-vertical-accordion ul.general-accordion li.more a:after {
  content: '';
  display: inline-block;
  vertical-align: text-top;
  text-indent: -9999px;
  overflow: hidden;
  background-image: url("/portal/content/siteimages/sprites.png?v3.4");
  background-repeat: no-repeat;
  width: 9px;
  height: 15px;
  background-position: -81px -53px;
  position: absolute;
  right: -15px;
  top: 3px;
}
.general-vertical-accordion ul.general-accordion li.collapsed div.inner {
  display: table-column;
  visibility: hidden;
  opacity: 0.5;
}
.general-vertical-accordion ul.general-accordion li.expanded a.header:after {
  width: 19px;
  height: 11px;
  background-position: -592px -149px;
}
.general-vertical-accordion ul.general-accordion li.header {
  border: 0px;
  padding: 0px;
  background: none;
}
.general-vertical-accordion ul.general-accordion li.header h2 {
  background: #f9f9f9;
  padding: 15px;
  margin-bottom: 15px;
}
.general-vertical-accordion ul.general-accordion li.header h2 a {
  color: #b01d23;
}
.general-vertical-accordion ul.general-accordion li.faq {
  padding-left: 40px;
  border-bottom: 1px dashed #f9f9f9;
  padding-right: 10px;
}
/*end vertical accordion*/
.info-box,
.info-link {
  float: left;
  width: calc(25% - 12px);
  height: 79px;
  margin-right: 16px;
  text-transform: uppercase;
  padding: 18px 16px;
  box-sizing: border-box;
  position: relative;
}
.info-box.last,
.info-link.last {
  margin: 0;
}
.info-box:after,
.info-link:after {
  content: '';
  position: absolute;
  top: 50%;
  transform: translate3d(0, -50%, 0);
  right: 15px;
}
.info-link {
  padding-right: 50px;
  line-height: 1.2em;
  font-weight: bold;
  background: #f9f9f9;
  color: #5a5a5a;
}
.info-link.start-service:after {
  display: inline-block;
  vertical-align: text-top;
  text-indent: -9999px;
  overflow: hidden;
  background-image: url("/portal/content/siteimages/sprites.png?v3.4");
  background-repeat: no-repeat;
  width: 40px;
  height: 41px;
  background-position: -500px -170px;
}
.info-link.start-ext-service:after {
  display: inline-block;
  vertical-align: text-top;
  text-indent: -9999px;
  overflow: hidden;
  background-image: url("/portal/content/siteimages/sprites.png?v3.4");
  background-repeat: no-repeat;
  width: 37px;
  height: 44px;
  background-position: -550px -170px;
}
.info-link.start-service-android:after {
  display: inline-block;
  vertical-align: text-top;
  text-indent: -9999px;
  overflow: hidden;
  background-image: url("/portal/content/siteimages/sprites.png?v3.4");
  background-repeat: no-repeat;
  width: 45px;
  height: 45px;
  background-position: -100px -755px;
}
.info-link.start-service-ios:after {
  display: inline-block;
  vertical-align: text-top;
  text-indent: -9999px;
  overflow: hidden;
  background-image: url("/portal/content/siteimages/sprites.png?v3.4");
  background-repeat: no-repeat;
  width: 45px;
  height: 45px;
  background-position: -154px -755px;
}
.info-box.service-time:after {
  content: '';
  display: inline-block;
  vertical-align: text-top;
  text-indent: -9999px;
  overflow: hidden;
  background-image: url("/portal/content/siteimages/sprites.png?v3.4");
  background-repeat: no-repeat;
  width: 44px;
  height: 41px;
  background-position: -694px -448px;
}
.info-box.service-time h4 {
  color: #5a5a5a;
  font-size: 1.07em;
  line-height: 1em;
  padding: 0px;
  margin: 0px;
}
.info-box.service-time h3 {
  color: #bd9549;
  font-size: 1.4em;
  margin: 8px 0 0 0px;
  padding: 0;
  line-height: 1em;
}
ul.service-tabs {
  padding: 0 !important;
  margin: 0 !important;
  list-style-type: none;
  display: table;
  width: 100%;
}
ul.service-tabs li {
  height: 100px;
  max-width: 100px;
  display: table-cell;
  padding: 0;
  margin: 0px;
  text-align: center;
  float: left;
}
ul.service-tabs li a {
  color: #868178;
  border: solid 1px #f9f9f9;
  margin-right: 10px;
  display: block;
  font-size: 1em;
  height: 100px;
  font-weight: 700;
  transition: background 0.2s ease-in-out;
  padding-top: 51px;
  box-sizing: border-box;
  position: relative;
}
ul.service-tabs li a:before {
  content: '';
  display: inline-block;
  vertical-align: text-top;
  text-indent: -9999px;
  overflow: hidden;
  background-image: url("/portal/content/siteimages/sprites.png?v3.4");
  background-repeat: no-repeat;
  display: block;
  position: absolute;
  top: 8px;
  left: 50%;
  transform: translate3d(-50%, 0, 0);
}
ul.service-tabs li a.service-description:before {
  width: 34px;
  height: 34px;
  background-position: -393px -236px;
}
ul.service-tabs li a.service-faq:before {
  width: 38px;
  height: 38px;
  background-position: -7px -758px;
}
ul.service-tabs li a.service-target:before {
  width: 36px;
  height: 36px;
  background-position: -751px -286px;
}
ul.service-tabs li a.service-type:before {
  width: 36px;
  height: 36px;
  background-position: -757px -491px;
}
ul.service-tabs li a.service-fees:before {
  width: 36px;
  height: 34px;
  background-position: -84px -170px;
}
ul.service-tabs li a.service-documents:before {
  width: 26px;
  height: 35px;
  background-position: -5px -120px;
}
ul.service-tabs li a.service-requirements:before {
  width: 27px;
  height: 24px;
  background-position: -654px -181px;
}
ul.service-tabs li a.service-workflow:before {
  width: 32px;
  height: 32px;
  background-position: -5px -644px;
}
ul.service-tabs li a:hover {
  background-color: #f3ecdf;
  color: #bd9549;
}
ul.service-tabs li a:hover.service-description:before {
  width: 34px;
  height: 34px;
  background-position: -437px -236px;
}
ul.service-tabs li a:hover.service-faq:before {
  width: 38px;
  height: 38px;
  background-position: -56px -758px;
}
ul.service-tabs li a:hover.service-target:before {
  width: 36px;
  height: 36px;
  background-position: -714px -332px;
}
ul.service-tabs li a:hover.service-type:before {
  width: 36px;
  height: 36px;
  background-position: -5px -537px;
}
ul.service-tabs li a:hover.service-fees:before {
  width: 36px;
  height: 34px;
  background-position: -130px -170px;
}
ul.service-tabs li a:hover.service-documents:before {
  width: 26px;
  height: 35px;
  background-position: -41px -120px;
}
ul.service-tabs li a:hover.service-requirements:before {
  width: 27px;
  height: 24px;
  background-position: -654px -215px;
}
ul.service-tabs li a:hover.service-workflow:before {
  width: 32px;
  height: 32px;
  background-position: -47px -644px;
}
ul.service-tabs li.current a,
ul.service-tabs li.active a {
  background-color: #f3ecdf;
  color: #bd9549;
  border-color: #f3ecdf;
  border-bottom: none;
}
ul.service-tabs li.current a:after,
ul.service-tabs li.active a:after {
  content: '';
  position: absolute;
  bottom: -11px;
  left: -1px;
  right: -1px;
  background: #f3ecdf;
  height: 11px;
  border-right: solid 1px #f3ecdf;
  border-left: solid 1px #f3ecdf;
}
ul.service-tabs li.current a.service-description:before,
ul.service-tabs li.active a.service-description:before {
  width: 34px;
  height: 34px;
  background-position: -437px -236px;
}
ul.service-tabs li.current a.service-target:before,
ul.service-tabs li.active a.service-target:before {
  width: 36px;
  height: 36px;
  background-position: -714px -332px;
}
ul.service-tabs li.current a.service-type:before,
ul.service-tabs li.active a.service-type:before {
  width: 36px;
  height: 36px;
  background-position: -5px -537px;
}
ul.service-tabs li.current a.service-fees:before,
ul.service-tabs li.active a.service-fees:before {
  width: 36px;
  height: 34px;
  background-position: -130px -170px;
}
ul.service-tabs li.current a.service-documents:before,
ul.service-tabs li.active a.service-documents:before {
  width: 26px;
  height: 35px;
  background-position: -41px -120px;
}
ul.service-tabs li.current a.service-workflow:before,
ul.service-tabs li.active a.service-workflow:before {
  width: 32px;
  height: 32px;
  background-position: -47px -644px;
}
ul.service-tabs li:last-child a {
  margin: 0;
  min-width: 60px;
}
.tab {
  display: none;
  background: #f3ecdf;
  border: solid 1px #f3ecdf;
  padding: 15px 25px;
  margin-top: 10px;
  width: calc(100% - 1px);
  box-sizing: border-box;
}
.tab h4 {
  color: #b01d23;
  font-size: 1.166em;
}
.tab.current {
  display: block;
}
.tab img {
  width: 100%;
  height: auto;
}
.s-seperator {
  width: 100%;
  height: 1px;
  border-bottom: dashed 1px #f9f9f9;
  margin: 20px 0;
}
.service-details-block {
  display: flex;
  flex-flow: row wrap;
}
.service-details {
  background-color: #f9f9f9;
  /*height: 270px;*/
  border: solid 1px #f9f9f9;
  padding: 16px;
  box-sizing: border-box;
  float: left;
  margin: 10px 10px 0 0;
  width: calc(50% - 6px);
  vertical-align: top;
}
.service-details:nth-child(even) {
  margin-right: 0;
}
.service-details.nomargin {
  margin-right: 0;
}
.service-details h4 {
  color: #b01d23;
  font-size: 1.166em;
  width: 100%;
}
.service-details p {
  width: 100%;
}
.photo-gallery .no-margin {
  margin-right: 0 !important;
}
.photo-gallery .photo {
  width: calc(50% - 20px);
  margin-right: 40px;
  float: left;
  margin: 20px 40px 0 0;
  border-bottom: 3px solid #f9f9f9 !important;
  display: inline-block;
  z-index: initial;
}
.photo-gallery .photo h4 {
  padding: 0;
  margin: 0;
}
.photo-gallery .photo h4 a {
  display: block;
  color: #db252c;
}
.photo-gallery .photo h4 a img {
  border: 0;
  width: 100%;
  height: auto;
  padding: 0;
  margin: 0;
  margin-bottom: 5px;
  display: block;
}
.photo-gallery .photo .item-details {
  bottom: 0;
  width: 100%;
}
.photo-gallery .photo .item-details .date {
  color: #a27f3b;
  background: none;
  position: relative;
  padding-left: 27px;
}
.photo-gallery .photo .item-details .date:before {
  content: '';
  display: inline-block;
  vertical-align: text-top;
  text-indent: -9999px;
  overflow: hidden;
  background-image: url("/portal/content/siteimages/sprites.png?v3.4");
  background-repeat: no-repeat;
  width: 17px;
  height: 17px;
  background-position: -199px -53px;
  position: absolute;
  left: 0;
  top: 0;
}
.photo-gallery .photo .item-details .photos-count {
  color: #a27f3b;
  position: relative;
  padding-left: 28px;
  margin-left: 20px;
}
.photo-gallery .photo .item-details .photos-count:before {
  content: '';
  display: inline-block;
  vertical-align: text-top;
  text-indent: -9999px;
  overflow: hidden;
  background-image: url("/portal/content/siteimages/sprites.png?v3.4");
  background-repeat: no-repeat;
  width: 18px;
  height: 15px;
  background-position: -622px -53px;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}
/*end photo gallery*/
/*start video gallery*/
.album .videos {
  margin: 0;
  padding: 0;
}
.album .videos:after {
  content: "";
  display: table;
  clear: both;
}
.album .videos:before {
  clear: both;
}
.album .videos .no-margin {
  margin-right: 0;
}
.album .videos li {
  float: left;
  margin-right: 30px;
  display: inline-block;
  height: auto;
  width: calc(100%/3 - 20px );
}
.album .videos li .video {
  width: 100%;
  position: relative;
}
.album .videos li .video h4 {
  margin: 0;
}
.album .videos li .video h4 a {
  color: #b01d23;
  display: block;
  z-index: 2;
  position: relative;
}
.album .videos li .video h4 a:before {
  content: '';
  position: absolute;
  display: inline-block;
  vertical-align: text-top;
  text-indent: -9999px;
  overflow: hidden;
  background-image: url("/portal/content/siteimages/sprites.png?v3.4");
  background-repeat: no-repeat;
  width: 50px;
  height: 50px;
  background-position: -653px -5px;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  z-index: 1;
}
.album .videos li .video h4 p {
  margin-top: 5px;
}
.album .videos li .video .duration {
  color: #a27f3b;
  display: block;
  padding: 4px 0;
  position: relative;
  margin-left: 25px;
  margin-top: 10px;
}
.album .videos li .video .duration:before {
  content: '';
  display: block;
  position: absolute;
  left: -25px;
  top: 4px;
  display: inline-block;
  vertical-align: text-top;
  text-indent: -9999px;
  overflow: hidden;
  background-image: url("/portal/content/siteimages/sprites.png?v3.4");
  background-repeat: no-repeat;
  width: 16px;
  height: 15px;
  background-position: -155px -404px;
}
.album .videos li .video .date {
  margin-right: 10px;
  background: none !important;
  padding: 0 !important;
  margin: 5px 0 20px 0;
  display: block;
  color: #a27f3b !important;
  position: relative;
  margin-left: 25px;
  white-space: nowrap;
}
.album .videos li .video .image-frame {
  background: #ffffff;
  width: 100%;
  height: auto;
  overflow: hidden;
  margin: 0;
}
.album .videos li .video .image-frame img {
  width: 100%;
  height: auto;
}
.album .videos li.last.even {
  margin-right: 37px !important;
}
.album .videos li.last .video {
  border-bottom: 0;
}
.video .youtube-video {
  border: 0;
  margin: 20px;
  position: relative;
  -webkit-box-shadow: 0 0 10px #8d8d8d;
  -moz-box-shadow: 0 0 10px #8d8d8d;
  box-shadow: 0 0 10px #8d8d8d;
  z-index: 1;
}
.video .duration {
  color: #a27f3b;
  display: block;
  padding: 4px 0;
  position: relative;
  margin-left: 25px;
}
.video .duration:before {
  content: '';
  display: block;
  position: absolute;
  left: -25px;
  top: 4px;
  display: inline-block;
  vertical-align: text-top;
  text-indent: -9999px;
  overflow: hidden;
  background-image: url("/portal/content/siteimages/sprites.png?v3.4");
  background-repeat: no-repeat;
  width: 16px;
  height: 15px;
  background-position: -155px -404px;
}
.video .date {
  margin-right: 10px;
  background: none !important;
  padding: 0 !important;
  margin: 5px 0 20px 0;
  display: block;
  color: #a27f3b !important;
  position: relative;
  margin-left: 25px;
  white-space: nowrap;
}
.video .date:before {
  content: '';
  display: inline-block;
  vertical-align: text-top;
  text-indent: -9999px;
  overflow: hidden;
  background-image: url("/portal/content/siteimages/sprites.png?v3.4");
  background-repeat: no-repeat;
  width: 17px;
  height: 17px;
  background-position: -199px -53px;
  display: block;
  position: absolute;
  left: -25px;
}
.video .box-link {
  padding: 10px 0;
  margin-top: 10px;
}
.video .box-link a {
  background: #b01d23;
  color: #ffffff;
  padding: 15px;
  font-weight: bold;
}
.video .box-link a:hover {
  color: #b01d23;
  background: #f9f9f9;
}
/*end video gallery*/
.event-details-info {
  padding: 0 0 10px 0;
  margin: 0;
  border-bottom: 1px solid #b01d23;
}
.event-details-info .details-info-list {
  *zoom: 1;
  display: block ;
  margin: 20px 0 0 0;
  padding: 0;
  list-style: none;
}
.event-details-info .details-info-list:before,
.event-details-info .details-info-list:after {
  display: table;
  content: "";
}
.event-details-info .details-info-list:after {
  clear: both;
}
.event-details-info .details-info-list li.details-info-item {
  float: left;
  width: 50%;
  padding: 5px 0 5px 25px;
  box-sizing: border-box;
  position: relative;
}
/* General styles for the modal */
/* 
Styles for the html/body for special modal where we want 3d effects
Note that we need a container wrapping all content on the page for the 
perspective effects (not including the modals and the overlay).
*/
.md-perspective,
.md-perspective body {
  height: 100%;
  overflow: hidden;
}
.md-perspective body {
  background: #888c8f;
  -webkit-perspective: 600px;
  -moz-perspective: 600px;
  perspective: 600px;
}
/*.container {
	background: @tertiary-color-light2;
	min-height: 100%;
}*/
.md-modal {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 50%;
  max-width: 630px;
  min-width: 320px;
  height: auto;
  z-index: 2000;
  visibility: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
.md-show {
  visibility: visible;
}
.md-overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  visibility: hidden;
  top: 0;
  left: 0;
  z-index: 1000;
  opacity: 0;
  background: rgba(0, 0, 0, 0.8);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.md-show ~ .md-overlay {
  opacity: 1;
  visibility: visible;
}
/* Content styles */
.md-content {
  background: #ffffff;
  position: relative;
  border-radius: 3px;
  margin: 0 auto;
  border-radius: 7px;
  padding: 50px;
}
.md-content:before {
  content: '';
  position: absolute;
  display: block;
  height: 90px;
  width: 90px;
  background: #bd9549;
  border-radius: 100%;
  top: 45px;
  left: -55px;
  border: 8px solid rgba(228, 194, 128, 0.53);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
}
.md-content h3 {
  margin: 0;
  padding: 0.4em;
  text-align: center;
  font-size: 2.4em;
  font-weight: 300;
  opacity: 0.8;
  background: rgba(0, 0, 0, 0.1);
  border-radius: 3px 3px 0 0;
}
.md-content > div {
  padding: 15px 40px 30px;
  margin: 0;
  font-weight: 300;
  font-size: 1.15em;
}
.md-content > div p {
  margin: 0;
  padding: 10px 0;
}
.md-content > div ul {
  margin: 0;
  padding: 0 0 30px 20px;
}
.md-content > div ul li {
  padding: 5px 0;
}
.md-content button {
  display: block;
  margin: 0 auto;
  font-size: 0.8em;
}
/* Individual modal styles with animations/transitions */
/* Effect 1: Fade in and scale up */
.md-effect-1 .md-content {
  -webkit-transform: scale(0.7);
  -moz-transform: scale(0.7);
  -ms-transform: scale(0.7);
  transform: scale(0.7);
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.md-show.md-effect-1 .md-content {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}
/* Effect 2: Slide from the right */
.md-effect-2 .md-content {
  -webkit-transform: translateX(20%);
  -moz-transform: translateX(20%);
  -ms-transform: translateX(20%);
  transform: translateX(20%);
  opacity: 0;
  -webkit-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
  -moz-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
  transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
}
.md-show.md-effect-2 .md-content {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  opacity: 1;
}
/* Effect 3: Slide from the bottom */
.md-effect-3 .md-content {
  -webkit-transform: translateY(20%);
  -moz-transform: translateY(20%);
  -ms-transform: translateY(20%);
  transform: translateY(20%);
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.md-show.md-effect-3 .md-content {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
}
/* Effect 4: Newspaper */
.md-effect-4 .md-content {
  -webkit-transform: scale(0) rotate(720deg);
  -moz-transform: scale(0) rotate(720deg);
  -ms-transform: scale(0) rotate(720deg);
  transform: scale(0) rotate(720deg);
  opacity: 0;
}
.md-show.md-effect-4 ~ .md-overlay,
.md-effect-4 .md-content {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
.md-show.md-effect-4 .md-content {
  -webkit-transform: scale(1) rotate(0deg);
  -moz-transform: scale(1) rotate(0deg);
  -ms-transform: scale(1) rotate(0deg);
  transform: scale(1) rotate(0deg);
  opacity: 1;
}
/* Effect 5: fall */
.md-effect-5.md-modal {
  -webkit-perspective: 1300px;
  -moz-perspective: 1300px;
  perspective: 1300px;
}
.md-effect-5 .md-content {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform: translateZ(600px) rotateX(20deg);
  -moz-transform: translateZ(600px) rotateX(20deg);
  -ms-transform: translateZ(600px) rotateX(20deg);
  transform: translateZ(600px) rotateX(20deg);
  opacity: 0;
}
.md-show.md-effect-5 .md-content {
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  -webkit-transform: translateZ(0px) rotateX(0deg);
  -moz-transform: translateZ(0px) rotateX(0deg);
  -ms-transform: translateZ(0px) rotateX(0deg);
  transform: translateZ(0px) rotateX(0deg);
  opacity: 1;
}
/* Effect 6: side fall */
.md-effect-6.md-modal {
  -webkit-perspective: 1300px;
  -moz-perspective: 1300px;
  perspective: 1300px;
}
.md-effect-6 .md-content {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform: translate(30%) translateZ(600px) rotate(10deg);
  -moz-transform: translate(30%) translateZ(600px) rotate(10deg);
  -ms-transform: translate(30%) translateZ(600px) rotate(10deg);
  transform: translate(30%) translateZ(600px) rotate(10deg);
  opacity: 0;
}
.md-show.md-effect-6 .md-content {
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  -webkit-transform: translate(0%) translateZ(0) rotate(0deg);
  -moz-transform: translate(0%) translateZ(0) rotate(0deg);
  -ms-transform: translate(0%) translateZ(0) rotate(0deg);
  transform: translate(0%) translateZ(0) rotate(0deg);
  opacity: 1;
}
/* Effect 7:  slide and stick to top */
.md-effect-7 {
  top: 0;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.md-effect-7 .md-content {
  -webkit-transform: translateY(-200%);
  -moz-transform: translateY(-200%);
  -ms-transform: translateY(-200%);
  transform: translateY(-200%);
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  transition: all .3s;
  opacity: 0;
}
.md-show.md-effect-7 .md-content {
  -webkit-transform: translateY(0%);
  -moz-transform: translateY(0%);
  -ms-transform: translateY(0%);
  transform: translateY(0%);
  border-radius: 0 0 3px 3px;
  opacity: 1;
}
/* Effect 8: 3D flip horizontal */
.md-effect-8.md-modal {
  -webkit-perspective: 1300px;
  -moz-perspective: 1300px;
  perspective: 1300px;
}
.md-effect-8 .md-content {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform: rotateY(-70deg);
  -moz-transform: rotateY(-70deg);
  -ms-transform: rotateY(-70deg);
  transform: rotateY(-70deg);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  opacity: 0;
}
.md-show.md-effect-8 .md-content {
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  transform: rotateY(0deg);
  opacity: 1;
}
/* Effect 9: 3D flip vertical */
.md-effect-9.md-modal {
  -webkit-perspective: 1300px;
  -moz-perspective: 1300px;
  perspective: 1300px;
}
.md-effect-9 .md-content {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform: rotateX(-70deg);
  -moz-transform: rotateX(-70deg);
  -ms-transform: rotateX(-70deg);
  transform: rotateX(-70deg);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  opacity: 0;
}
.md-show.md-effect-9 .md-content {
  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  -ms-transform: rotateX(0deg);
  transform: rotateX(0deg);
  opacity: 1;
}
/* Effect 10: 3D sign */
.md-effect-10.md-modal {
  -webkit-perspective: 1300px;
  -moz-perspective: 1300px;
  perspective: 1300px;
}
.md-effect-10 .md-content {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform: rotateX(-60deg);
  -moz-transform: rotateX(-60deg);
  -ms-transform: rotateX(-60deg);
  transform: rotateX(-60deg);
  -webkit-transform-origin: 50% 0;
  -moz-transform-origin: 50% 0;
  transform-origin: 50% 0;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.md-show.md-effect-10 .md-content {
  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  -ms-transform: rotateX(0deg);
  transform: rotateX(0deg);
  opacity: 1;
}
/* Effect 11: Super scaled */
.md-effect-11 .md-content {
  -webkit-transform: scale(2);
  -moz-transform: scale(2);
  -ms-transform: scale(2);
  transform: scale(2);
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.md-show.md-effect-11 .md-content {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}
/* Effect 12:  Just me */
.md-effect-12 .md-content {
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.md-show.md-effect-12 ~ .md-overlay {
  background: #df3b42;
}
.md-effect-12 .md-content h3,
.md-effect-12 .md-content {
  background: transparent;
}
.md-show.md-effect-12 .md-content {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}
/* Effect 13: 3D slit */
.md-effect-13.md-modal {
  -webkit-perspective: 1300px;
  -moz-perspective: 1300px;
  perspective: 1300px;
}
.md-effect-13 .md-content {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform: translateZ(-3000px) rotateY(90deg);
  -moz-transform: translateZ(-3000px) rotateY(90deg);
  -ms-transform: translateZ(-3000px) rotateY(90deg);
  transform: translateZ(-3000px) rotateY(90deg);
  opacity: 0;
}
.md-show.md-effect-13 .md-content {
  -webkit-animation: slit 0.7s forwards ease-out;
  -moz-animation: slit 0.7s forwards ease-out;
  animation: slit 0.7s forwards ease-out;
}
@-webkit-keyframes slit {
  50% {
    -webkit-transform: translateZ(-250px) rotateY(89deg);
    opacity: .5;
    -webkit-animation-timing-function: ease-out;
  }
  100% {
    -webkit-transform: translateZ(0) rotateY(0deg);
    opacity: 1;
  }
}
@-moz-keyframes slit {
  50% {
    -moz-transform: translateZ(-250px) rotateY(89deg);
    opacity: .5;
    -moz-animation-timing-function: ease-out;
  }
  100% {
    -moz-transform: translateZ(0) rotateY(0deg);
    opacity: 1;
  }
}
@keyframes slit {
  50% {
    transform: translateZ(-250px) rotateY(89deg);
    opacity: 1;
    animation-timing-function: ease-in;
  }
  100% {
    transform: translateZ(0) rotateY(0deg);
    opacity: 1;
  }
}
/* Effect 14:  3D Rotate from bottom */
.md-effect-14.md-modal {
  -webkit-perspective: 1300px;
  -moz-perspective: 1300px;
  perspective: 1300px;
}
.md-effect-14 .md-content {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform: translateY(100%) rotateX(90deg);
  -moz-transform: translateY(100%) rotateX(90deg);
  -ms-transform: translateY(100%) rotateX(90deg);
  transform: translateY(100%) rotateX(90deg);
  -webkit-transform-origin: 0 100%;
  -moz-transform-origin: 0 100%;
  transform-origin: 0 100%;
  opacity: 0;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.md-show.md-effect-14 .md-content {
  -webkit-transform: translateY(0%) rotateX(0deg);
  -moz-transform: translateY(0%) rotateX(0deg);
  -ms-transform: translateY(0%) rotateX(0deg);
  transform: translateY(0%) rotateX(0deg);
  opacity: 1;
}
/* Effect 15:  3D Rotate in from left */
.md-effect-15.md-modal {
  -webkit-perspective: 1300px;
  -moz-perspective: 1300px;
  perspective: 1300px;
}
.md-effect-15 .md-content {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform: translateZ(100px) translateX(-30%) rotateY(90deg);
  -moz-transform: translateZ(100px) translateX(-30%) rotateY(90deg);
  -ms-transform: translateZ(100px) translateX(-30%) rotateY(90deg);
  transform: translateZ(100px) translateX(-30%) rotateY(90deg);
  -webkit-transform-origin: 0 100%;
  -moz-transform-origin: 0 100%;
  transform-origin: 0 100%;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.md-show.md-effect-15 .md-content {
  -webkit-transform: translateZ(0px) translateX(0%) rotateY(0deg);
  -moz-transform: translateZ(0px) translateX(0%) rotateY(0deg);
  -ms-transform: translateZ(0px) translateX(0%) rotateY(0deg);
  transform: translateZ(0px) translateX(0%) rotateY(0deg);
  opacity: 1;
}
/* Effect 16:  Blur */
.md-show.md-effect-16 ~ .md-overlay {
  background: rgba(180, 46, 32, 0.5);
}
.md-show.md-effect-16 ~ .container {
  -webkit-filter: blur(3px);
  -moz-filter: blur(3px);
  filter: blur(3px);
}
.md-effect-16 .md-content {
  -webkit-transform: translateY(-5%);
  -moz-transform: translateY(-5%);
  -ms-transform: translateY(-5%);
  transform: translateY(-5%);
  opacity: 0;
}
.md-show.md-effect-16 ~ .container,
.md-effect-16 .md-content {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.md-show.md-effect-16 .md-content {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
}
/* Effect 17:  Slide in from bottom with perspective on container */
.md-show.md-effect-17 ~ .container {
  height: 100%;
  overflow: hidden;
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s;
}
.md-show.md-effect-17 ~ .container,
.md-show.md-effect-17 ~ .md-overlay {
  -webkit-transform: rotateX(-2deg);
  -moz-transform: rotateX(-2deg);
  -ms-transform: rotateX(-2deg);
  transform: rotateX(-2deg);
  -webkit-transform-origin: 50% 0%;
  -moz-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.md-effect-17 .md-content {
  opacity: 0;
  -webkit-transform: translateY(200%);
  -moz-transform: translateY(200%);
  -ms-transform: translateY(200%);
  transform: translateY(200%);
}
.md-show.md-effect-17 .md-content {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
  -webkit-transition: all 0.3s 0.2s;
  -moz-transition: all 0.3s 0.2s;
  transition: all 0.3s 0.2s;
}
/* Effect 18:  Slide from right with perspective on container */
.md-show.md-effect-18 ~ .container {
  height: 100%;
  overflow: hidden;
}
.md-show.md-effect-18 ~ .md-overlay {
  background: rgba(143, 27, 15, 0.8);
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
.md-show.md-effect-18 ~ .container,
.md-show.md-effect-18 ~ .md-overlay {
  -webkit-transform-style: preserve-3d;
  -webkit-transform-origin: 0% 50%;
  -webkit-animation: rotateRightSideFirst 0.5s forwards ease-in;
  -moz-transform-style: preserve-3d;
  -moz-transform-origin: 0% 50%;
  -moz-animation: rotateRightSideFirst 0.5s forwards ease-in;
  transform-style: preserve-3d;
  transform-origin: 0% 50%;
  animation: rotateRightSideFirst 0.5s forwards ease-in;
}
@-webkit-keyframes rotateRightSideFirst {
  50% {
    -webkit-transform: translateZ(-50px) rotateY(5deg);
    -webkit-animation-timing-function: ease-out;
  }
  100% {
    -webkit-transform: translateZ(-200px);
  }
}
@-moz-keyframes rotateRightSideFirst {
  50% {
    -moz-transform: translateZ(-50px) rotateY(5deg);
    -moz-animation-timing-function: ease-out;
  }
  100% {
    -moz-transform: translateZ(-200px);
  }
}
@keyframes rotateRightSideFirst {
  50% {
    transform: translateZ(-50px) rotateY(5deg);
    animation-timing-function: ease-out;
  }
  100% {
    transform: translateZ(-200px);
  }
}
.md-effect-18 .md-content {
  -webkit-transform: translateX(200%);
  -moz-transform: translateX(200%);
  -ms-transform: translateX(200%);
  transform: translateX(200%);
  opacity: 0;
}
.md-show.md-effect-18 .md-content {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  opacity: 1;
  -webkit-transition: all 0.5s 0.1s;
  -moz-transition: all 0.5s 0.1s;
  transition: all 0.5s 0.1s;
}
/* Effect 19:  Slip in from the top with perspective on container */
.md-show.md-effect-19 ~ .container {
  height: 100%;
  overflow: hidden;
}
.md-show.md-effect-19 ~ .md-overlay {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
.md-show.md-effect-19 ~ .container,
.md-show.md-effect-19 ~ .md-overlay {
  -webkit-transform-style: preserve-3d;
  -webkit-transform-origin: 50% 100%;
  -webkit-animation: OpenTop 0.5s forwards ease-in;
  -moz-transform-style: preserve-3d;
  -moz-transform-origin: 50% 100%;
  -moz-animation: OpenTop 0.5s forwards ease-in;
  transform-style: preserve-3d;
  transform-origin: 50% 100%;
  animation: OpenTop 0.5s forwards ease-in;
}
@-webkit-keyframes OpenTop {
  50% {
    -webkit-transform: rotateX(10deg);
    -webkit-animation-timing-function: ease-out;
  }
}
@-moz-keyframes OpenTop {
  50% {
    -moz-transform: rotateX(10deg);
    -moz-animation-timing-function: ease-out;
  }
}
@keyframes OpenTop {
  50% {
    transform: rotateX(10deg);
    animation-timing-function: ease-out;
  }
}
.md-effect-19 .md-content {
  -webkit-transform: translateY(-200%);
  -moz-transform: translateY(-200%);
  -ms-transform: translateY(-200%);
  transform: translateY(-200%);
  opacity: 0;
}
.md-show.md-effect-19 .md-content {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
  -webkit-transition: all 0.5s 0.1s;
  -moz-transition: all 0.5s 0.1s;
  transition: all 0.5s 0.1s;
}
@media screen and (max-width: 32em) {
  body {
    font-size: 75%;
  }
}
/* Make clicks pass-through */
#nprogress {
  pointer-events: none;
}
#nprogress .bar {
  background: #b68a35;
  position: fixed;
  z-index: 1031;
  top: 0;
  left: 0;
  width: 100%;
  height: 2px;
}
/* Fancy blur effect */
#nprogress .peg {
  display: block;
  position: absolute;
  right: 0px;
  width: 100px;
  height: 100%;
  box-shadow: 0 0 10px #b68a35, 0 0 5px #b68a35;
  opacity: 1.0;
  -webkit-transform: rotate(3deg) translate(0px, -4px);
  -ms-transform: rotate(3deg) translate(0px, -4px);
  transform: rotate(3deg) translate(0px, -4px);
}
/* Remove these to get rid of the spinner */
#nprogress .spinner {
  /*display: block;
  position: fixed;
  z-index: 1031;
  top: 15px;
  right: 15px;*/
  display: block;
  position: absolute;
  z-index: 1031;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(189, 149, 73, 0.15);
  margin: auto;
  height: 100%;
}
#nprogress .spinner-icon {
  width: 150px;
  height: 150px;
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-image: url('../SiteImages/spinner-logo.png');
  background-repeat: no-repeat;
  background-position: center;
}
#nprogress .spinner-icon .spinner-logo {
  width: 150px;
  height: 150px;
  box-sizing: border-box;
  border: solid 7px #d1d1d1;
  border-top-color: #b01d23;
  /*border-left-color: #b01d23;*/
  border-radius: 50%;
  -webkit-animation: nprogress-spinner 1000ms linear infinite;
  animation: nprogress-spinner 1000ms linear infinite;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: 0 !important;
}
.nprogress-custom-parent {
  overflow: hidden;
  position: relative;
}
.nprogress-custom-parent #nprogress .spinner,
.nprogress-custom-parent #nprogress .bar {
  position: absolute;
}
@-webkit-keyframes nprogress-spinner {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes nprogress-spinner {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* top search bar */
#tags span {
  border: 1px solid rgba(228, 194, 128, 0.53);
  padding: 5px 10px 5px 5px;
  margin-top: 10px;
  display: inline-block;
  margin-right: 10px;
  border-radius: 5px;
  color: #bd9549;
}
#tags span a {
  background: #bd9549;
  padding: 5px;
  color: #ffffff;
  border-radius: 100%;
  height: 8px;
  width: 8px;
  display: inline-block;
  text-align: center;
  font-weight: bold;
  line-height: 0.7;
}
.suggestion {
  clear: both;
  margin: 10px 0;
  display: none;
}
.suggestion h3 {
  float: left;
  margin-right: 10px;
}
.suggestion ul {
  list-style: none;
  display: inline-block;
}
.suggestion ul li {
  float: left;
}
.list-words li.selected,
.list-words li:hover {
  background: #dedede;
}
/*.searchsuggestion .list-words li.selected a,
.searchsuggestion .list-words li:hover a {
    color: #fff;
}*/
.search-button-component .show {
  display: block;
}
.search-menu-popout {
  display: none;
}
.search-menu-popout.show {
  display: block;
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.96);
  color: #888;
  z-index: 1050;
}
.search-menu-popout.show .search-menu-head {
  margin: 40px;
  text-align: left;
}
.search-menu-popout.show .search-menu-title {
  font-size: 24px;
  font-weight: 100;
  color: #f96816;
  text-align: left;
}
.search-menu-popout.show .block {
  display: inline-block;
  padding: 15px 0;
  width: 100%;
}
.search-menu-popout.show .block > label {
  font-size: 20px;
  line-height: 1em;
}
.search-menu-popout.show .search-menu-close-icon {
  float: right;
  font-size: 60px;
  line-height: 26px;
  font-weight: 200;
  cursor: pointer;
  color: #f96816;
}
.search-menu-popout.show #search-menu-input-form {
  height: 84px;
  margin-top: 20px;
  color: #f96816;
}
.search-menu-popout.show #search-menu-input-container {
  margin: 0 150px;
  margin-top: 100px;
  min-height: 100%;
  position: relative;
}
.search-menu-popout.show #search-menu-input-container hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  padding: 0;
}
.search-menu-popout.show #search-menu-input-container .search-inputs {
  display: inline-block;
  width: 100%;
  position: relative;
}
.search-menu-popout.show #search-menu-input-container .search-inputs .icon-search-big {
  position: absolute;
  right: 0;
  top: 50%;
  cursor: pointer;
  background-image: url('/portal/content/siteimages/search-Option-big.png');
  width: 34px;
  height: 34px;
  transform: translateY(-50%);
  z-index: 1050;
}
.search-menu-popout.show #search-menu-input-container .search-inputs .filters {
  font-family: 'Exo 2', 'Droid Arabic Kufi', sans-serif;
  float: left;
  width: 25%;
  padding: 0;
  background: none;
  border: 0;
  margin: 0;
}
.search-menu-popout.show #search-menu-input-container .search-inputs .filters > button {
  width: 100%;
  /* IE*/
  min-height: 55px;
  height: 95%;
  padding: 0;
  margin: 0;
  border: 0;
  background: none;
  border-right: 1px solid #ccc;
  outline: none;
}
.search-menu-popout.show #search-menu-input-container .search-inputs .filters > button .text {
  float: left;
  font-family: #000;
}
.search-menu-popout.show #search-menu-input-container .search-inputs .filters > button,
.search-menu-popout.show #search-menu-input-container .search-inputs .filters > button .arrow-down {
  color: #7d7d7d;
  vertical-align: sub;
}
.search-menu-popout.show #search-menu-input-container .search-inputs .filters #filterChecboxes {
  position: absolute;
  z-index: 1030;
  width: 25%;
  background-color: #efefef;
  margin-top: 5px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px 15px;
}
.search-menu-popout.show #search-menu-input-container .search-inputs .filters #filterChecboxes .filterbox-close-icon {
  float: right;
  font-size: 22px;
  font-weight: 200;
  cursor: pointer;
  color: #f96816;
}
.search-menu-popout.show #search-menu-input-container .search-inputs .filters #filterChecboxes > ul {
  display: inline-block;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
.search-menu-popout.show #search-menu-input-container .search-inputs .filters #filterChecboxes > ul > li {
  clear: both;
  width: 100%;
  height: inherit;
  margin-right: initial;
  margin: 0;
}
.search-menu-popout.show #search-menu-input-container .search-inputs .filters #filterChecboxes > ul > li .block input[type=checkbox] {
  display: none;
}
.search-menu-popout.show #search-menu-input-container .search-inputs .filters #filterChecboxes > ul > li .block input[type=checkbox] + label {
  background-image: url('/portal/content/siteimages/checkbox.png');
  background-position: 0 -17px;
  background-repeat: no-repeat;
  width: 100%;
  height: 18px;
  display: inline-block;
  padding: 0 0 0px 30px;
}
.search-menu-popout.show #search-menu-input-container .search-inputs .filters #filterChecboxes > ul > li .block input[type=checkbox]:checked + label {
  background-position: 0 0;
}
.search-menu-popout.show #search-menu-input-container .search-inputs input,
.search-menu-popout.show #search-menu-input-container .search-inputs button {
  font-size: 35px;
}
.search-menu-popout.show #search-menu-input-container .search-inputs .textbox {
  background-color: transparent;
  border: 0 solid;
  outline: 0;
  box-shadow: none;
  color: #bd9549;
  padding: 0 15px;
  float: left;
  width: 65%;
  font-size: 25px;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 30px;
  padding-right: 30px;
  font-family: 'Exo 2', 'Droid Arabic Kufi', sans-serif;
}
.search-menu-popout.show #search-menu-input-container .search-inputs .textbox::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  color: #bd9549;
}
.search-menu-popout.show #search-menu-input-container .search-inputs .textbox:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #bd9549;
  opacity: 1;
}
.search-menu-popout.show #search-menu-input-container .search-inputs .textbox::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #bd9549;
  opacity: 1;
}
.search-menu-popout.show #search-menu-input-container .search-inputs .textbox:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #bd9549;
}
.search-menu-popout.show #search-menu-input-container .search-menu-search-term {
  z-index: 100;
  width: 100%;
}
.search-menu-popout.show #search-menu-input-container .search-menu-search-term--shadow {
  color: #888;
}
.searchsuggestion {
  position: absolute;
  font-size: 34px;
  width: 100%;
}
.searchsuggestion .list-words {
  position: absolute;
  width: 75%;
  background-color: #fafafa;
  top: -60px;
  left: 25%;
  z-index: 9999;
  text-align: left;
  border: 1px solid #f1f1f1;
  border-width: 0 1px 1px 1px;
  box-shadow: 0 3px 5px 0 rgba(50, 50, 50, 0.3);
  list-style: none;
  margin: 0;
  padding: 0;
}
.searchsuggestion .list-words li {
  float: none;
  width: 100%;
  clear: both;
  height: auto;
}
.searchsuggestion .list-words li a {
  display: block;
  color: #000;
  text-decoration: none;
  height: initial;
  padding: 8px 20px;
  font-family: 'Open Sans', sans-serif;
  text-align: left;
  line-height: 30px;
  font-size: 14px;
}
.searchsuggestion .list-words li a.visited {
  color: #52188c;
}
.search-menu-popout.show #search-menu-input-container .search-help {
  margin-top: 65px;
  font-size: 14px;
}
.search-menu-popout.show #search-menu-input-container .search-help .box {
  width: 27.333%;
  float: left;
  margin: 1%;
  background: none;
}
.search-menu-popout.show #search-menu-input-container .search-help .box .box-title {
  margin-bottom: 20px;
}
.search-menu-popout.show #search-menu-input-container .search-help .box .box-title h3 {
  color: #bd9549;
  font-weight: 300;
  line-height: 1.2;
  font-size: 20px;
  text-align: left;
}
.search-menu-popout.show #search-menu-input-container .search-help .box .box-body {
  line-height: 1.5;
}
.search-menu-popout.show #search-menu-input-container .search-help .box:nth-child(1) {
  margin-left: 0;
}
.search-menu-popout.show #search-menu-input-container .search-help .box:nth-child(3) {
  float: right;
}
.search-menu-popout.show #search-menu-input-container .search-help ul li {
  clear: both;
  width: 90%;
  height: auto;
  padding: 5px 15px;
  border-bottom: 0;
}
.search-menu-popout.show #search-menu-input-container .search-help ul li a {
  margin: 0;
  height: auto;
  color: #bd9549;
  margin-left: 5px;
}
.search-menu-popout.show #search-menu-input-container .search-help ul li a:hover {
  background: none;
}
/* Advance search suggest */
.advanced-search .search-inputs {
  position: relative;
}
.advanced-search .search-inputs .searchsuggestion {
  width: 100%;
  font-size: inherit;
  bottom: 10px;
}
.advanced-search .search-inputs .searchsuggestion .list-words {
  width: 85%;
  right: 0;
}
.advanced-search .search-inputs .searchsuggestion .list-words li a {
  font-family: inherit;
  font: 20px;
}
/* reposnive search bar */
.navmain li.search-area {
  z-index: 9999;
}
.navmain .search-inputs {
  position: relative;
}
.navmain .search-inputs .searchsuggestion {
  width: 100%;
  font-size: inherit;
  bottom: 20px;
}
.navmain .search-inputs .searchsuggestion .list-words {
  width: 88%;
  right: 2%;
}
.navmain .search-inputs .searchsuggestion .list-words li a {
  font-family: inherit;
}
.navmain .search-inputs .searchsuggestion .list-words li a.selected {
  background: inherit;
}
.navmain .search-inputs .searchsuggestion .list-words li a:hover {
  background: inherit;
}
.navmain .search-inputs .searchsuggestion .list-words li a::after {
  background: none;
}
/*start hr form*/
fieldset {
  border: none;
  padding: 0px;
}
fieldset p.form-intro {
  font-size: 13px;
  border-bottom: dashed 1px #f9f9f9;
  background-color: #ffffff;
  padding-bottom: 15px;
}
fieldset p.form-intro span.asterisk {
  color: #b01d23;
}
fieldset p.form-instructions {
  background-color: #f3ecdf;
  color: #5a5a5a;
  padding: 10px;
}
fieldset p.form-validation-summary {
  padding: 10px;
  color: #db252c;
  font-weight: bold;
  background-color: #f9f9f9;
}
fieldset ul.form {
  list-style: none;
  display: block;
  padding: 0;
  margin: 0;
}
fieldset ul.form li.field {
  display: block;
  padding: 15px 0;
  border-bottom: dashed 1px #dedcdc;
}
fieldset ul.form li.field label {
  float: left;
  width: 250px;
  position: relative;
  color: #343434;
  text-align: right;
}
fieldset ul.form li.field label small {
  font-size: 11px;
  display: block;
  font-weight: normal;
  color: #868178;
  margin-top: 5px;
}
fieldset ul.form li.field label.required span.asterisk {
  position: absolute;
  right: 0px;
  top: 0px;
  display: none;
}
fieldset ul.form li.field label.required:after {
  content: '*';
  position: absolute;
  right: -17px;
  top: 0px;
  color: #db252c;
  font-size: 1.5em;
  font-family: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace;
}
fieldset ul.form li.field div.field-value {
  width: 400px;
  float: left;
  margin-left: 30px;
}
fieldset ul.form li.field div.field-value.error input.textbox,
fieldset ul.form li.field div.field-value.error textarea,
fieldset ul.form li.field div.field-value.error select,
fieldset ul.form li.field div.field-value.error .check-list-box {
  border-color: #f9abae !important;
}
fieldset ul.form li.field div.field-value small,
fieldset ul.form li.field div.field-value .aspnetError {
  font-size: 11px;
  font-weight: normal;
  color: #db252c;
  margin-top: 5px;
  display: none;
}
fieldset ul.form li.field div.field-value textarea.medium {
  width: 100%;
  padding: 10px;
  color: #a27f3b;
  border: 1px solid #e3e3e3;
}
fieldset ul.form li.field div.field-value input.textbox {
  width: 100%;
  padding: 10px;
  color: #a27f3b;
  border: 1px solid #e3e3e3;
}
fieldset ul.form li.field div.field-value input.textbox-code {
  width: 50px;
  margin-right: 10px;
}
fieldset ul.form li.field div.field-value input.textbox-phone {
  width: 157px;
}
fieldset ul.form li.field div.field-value span.textarea-limit {
  float: right;
  font-size: 10px;
  color: #868178;
}
fieldset ul.form li.field div.field-value span.textarea-limit span {
  color: #db252c;
}
fieldset ul.form li.field div.field-value select {
  width: 300px;
  padding: 5px;
  color: #868178;
  border: 1px solid #e3e3e3;
}
fieldset ul.form li.field div.field-value .short {
  display: block;
  margin: 10px 0;
  padding: 5px 0;
  border-bottom: 2px solid #909496;
  font-weight: bold;
  color: #db252c;
}
fieldset ul.form li.field div.field-value .weak {
  display: block;
  margin: 10px 0;
  padding: 5px 0;
  border-bottom: 2px solid #FFA500;
  font-weight: bold;
  color: #FFA500;
}
fieldset ul.form li.field div.field-value .good {
  display: block;
  margin: 10px 0;
  padding: 5px 0;
  border-bottom: 2px solid #2D98F3;
  font-weight: bold;
  color: #2D98F3;
}
fieldset ul.form li.field div.field-value .strong {
  display: block;
  margin: 10px 0;
  padding: 5px 0;
  border-bottom: 2px solid #32CD32;
  font-weight: bold;
  color: #32CD32;
}
fieldset ul.form li.actions {
  padding-top: 10px;
  text-align: center;
}
fieldset ul.form li.actions input.main-button {
  border: none;
  background: #bd9549;
  font-size: 1.33em;
  padding: 10px 25px 10px;
  cursor: pointer;
  font-weight: bold;
  text-transform: uppercase;
  color: #ffffff;
  font-family: 'Exo 2', 'Droid Arabic Kufi', sans-serif;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  float: left;
  margin-left: 50px;
}
fieldset ul.form li.actions input.main-button.reset {
  float: left;
}
fieldset ul.form li.actions input.main-button.hide {
  display: none !important;
}
fieldset ul.form li.actions a.main-button {
  border: none;
  background: #bd9549;
  font-size: 1.33em;
  padding: 10px 25px 10px;
  cursor: pointer;
  font-weight: bold;
  text-transform: uppercase;
  color: #ffffff;
  font-family: 'Exo 2', 'Droid Arabic Kufi', sans-serif;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  float: left;
  margin-left: 50px;
}
fieldset ul.form li.actions button.main-button {
  border: none;
  background: #bd9549;
  font-size: 1.33em;
  padding: 10px 25px 10px;
  cursor: pointer;
  font-weight: bold;
  text-transform: uppercase;
  color: #ffffff;
  font-family: 'Exo 2', 'Droid Arabic Kufi', sans-serif;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  float: left;
  margin-left: 50px;
}
fieldset ul.form li.actions div.message {
  display: none;
  background-position: left center;
  width: 290px;
  color: #db252c;
  padding-top: 10px;
}
fieldset .check-list-box {
  width: 100%;
  padding: 0 5px;
  display: block;
  border: 1px solid #e3e3e3;
}
fieldset .check-list-box tr {
  height: 34px;
}
fieldset .check-list-box tr td {
  position: relative;
}
fieldset .check-list-box tr td input {
  float: left;
  width: 17px;
  height: 17px;
  margin-top: 2px;
}
fieldset .check-list-box tr td label {
  text-align: left !important;
  padding: 0 10px;
  font-size: 14px;
  font-weight: 600;
  color: #5e6061 !important;
}
/*end hr form*/
/* start filtering */
.general-filtering {
  background-color: #f3ecdf;
  margin: 10px 0;
  list-style: none;
  padding: 0;
  /*height: 75px;*/
}
.general-filtering ul.filters {
  list-style: none;
  margin: 0;
  padding: 0 15px !important;
  *zoom: 1;
  display: block ;
}
.general-filtering ul.filters:before,
.general-filtering ul.filters:after {
  display: table;
  content: "";
}
.general-filtering ul.filters:after {
  clear: both;
}
.general-filtering ul.filters li.ddloptin {
  /*&::after {
                content: '';
                position: absolute;
                
                
                display: block;
                height: 28px;
                width: 28px;
                right: 17px;
                top: 24px;
            }*/
}
.general-filtering ul.filters li.ddloptin select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  background-image: url('/portal/Content/SiteImages/select-arrow.png');
  background-repeat: no-repeat;
  background-position: right;
}
.general-filtering ul.filters li {
  float: left;
  margin: 0px;
  padding: 0 0 0 10px;
  position: relative;
}
.general-filtering ul.filters li input.button {
  background-color: #b01d23;
  color: #ffffff;
  font-size: 13px;
  border: 0;
  height: 45px;
  min-width: 75px;
  font-weight: bold;
  border-radius: 5px;
  cursor: pointer;
  transition: all 200ms ease-in-out;
}
.general-filtering ul.filters li input.button:hover {
  background-color: #909496;
  font-weight: bold;
}
.general-filtering ul.filters li.layout-options {
  float: right;
  margin-left: 5px;
  margin-right: 0px;
  padding: 5px;
}
.general-filtering ul.filters li.layout-options a {
  border: 1px dashed #f9f9f9;
}
.general-filtering ul.filters li.layout-options a.selected {
  border: 1px dashed #f3ecdf;
  background-color: #f9f9f9;
}
.general-filtering ul.filters li.layout-options a.calendar-button {
  width: 28px;
  height: 25px;
  display: block;
  background: url(/portal/content/siteimages/calendar-icon.png) center center no-repeat;
  text-indent: -999em;
  overflow: hidden;
  padding: 2px;
}
.general-filtering ul.filters li.layout-options a.list-button {
  width: 28px;
  height: 25px;
  display: block;
  background: url(/portal/content/siteimages/listing-icon.png) center center no-repeat;
  text-indent: -999em;
  overflow: hidden;
  padding: 2px;
}
.general-filtering ul.filters li.layout-options a.ask-a-question {
  margin-top: -3px;
  position: relative;
  background: url(/portal/content/siteimages/dark-golden-button-bg.gif) bottom left repeat-x;
  display: inline-block;
  height: 29px;
  border: 1px solid #a27f3b;
  line-height: 29px;
  color: #ffffff;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: bold;
  padding-right: 10px;
  padding-left: 30px;
  border-right: 0px;
  border-bottom: 0px;
  overflow: hidden;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.general-filtering ul.filters li.layout-options a.ask-a-question span.question {
  width: 18px;
  height: 29px;
  position: absolute;
  left: 7px;
  top: 0px;
  background: url(/portal/content/siteimages/question-mark.gif) top left no-repeat;
  overflow: hidden;
  display: block;
}
.general-filtering ul.filters li.download-pdf {
  float: right;
  margin-left: 15px;
}
.general-filtering ul.filters li.download-pdf a.download-adobe-reader {
  display: block;
  width: 120px;
  height: 30px;
  overflow: hidden;
  background: url(/portal/content/siteimages/get-adobe-reader.jpg) center center no-repeat;
}
.general-filtering ul.filters input.textbox {
  color: #5a5a5a;
  -moz-border-radius: 4px;
  height: 31px;
  width: 211px;
  padding: 5px;
  background: #f6f6f6;
  border: 1px solid #d8dcdf;
  border-radius: 5px;
}
.general-filtering ul.filters select {
  min-width: 120px;
  margin: 0;
  width: 225px;
  height: 45px;
  color: #5a5a5a;
  padding: 5px;
  position: relative;
  background-color: #f6f6f6;
  border: 1px solid #d8dcdf;
  border-radius: 5px;
}
.general-filtering ul.filters .select-Arrow {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
}
.general-filtering ul.filters .select-Arrow:after {
  content: '';
  position: absolute;
  display: block;
  height: 28px;
  width: 28px;
  right: 17px;
  top: 24px;
}
.general-filtering ul.filters.search li {
  float: none;
  margin-bottom: 10px;
}
.general-filtering ul.filters.search li label {
  font-size: 90%;
  color: #868178;
  display: inline-block;
  width: 70px;
}
.general-filtering ul.filters.search li label.middle {
  padding-left: 25px;
}
.general-filtering ul.filters.search li input.large {
  width: 83%;
}
.general-filtering ul.filters.search li input.medium {
  width: 33%;
}
.general-filtering ul.filters.search li label.checkbox {
  width: auto;
  padding-left: 5px;
  padding-right: 15px;
}
.general-filtering ul.filters.search li.action {
  padding-left: 73px;
  margin-bottom: 0px;
}
/* end filtering */
/*start table*/
table.general-table {
  width: 100%;
  margin: 10px 0;
  border: 1px solid #f9f9f9;
}
table.general-table.center-names tr td p {
  text-align: center;
}
table.general-table.center-names tr td p strong {
  text-align: center;
}
table.general-table tr:nth-child(even) {
  background: #fdf9f2;
}
table.general-table tr:nth-child(odd) {
  background: #f9f9f9;
}
table.general-table tr th {
  background-color: #ffffff;
  border-right: 1px dotted #f9f9f9;
  font-size: 14px;
  font-weight: bold;
  padding: 15px 10px;
  text-align: left;
  text-transform: uppercase;
  border-bottom: 1px solid #f9f9f9;
}
table.general-table tr th:last-child {
  border-right: 0px;
}
table.general-table tr th.last {
  border-right: 0px;
}
table.general-table tr th.auto {
  width: 100%;
}
table.general-table tr td.align {
  text-align: left;
}
table.general-table tr td {
  text-align: center;
  vertical-align: middle;
  color: #a27f3b;
  padding: 15px 10px;
  font-size: 1em;
  border-bottom: 1px solid #f9f9f9;
  border-right: 1px dotted #f9f9f9;
  font-weight: bold;
  /*&:last-child {
                border-right: 0px;
            }*/
}
table.general-table tr td a.download-pdf {
  display: block;
  display: inline-block;
  vertical-align: text-top;
  text-indent: -9999px;
  overflow: hidden;
  background-image: url("/portal/content/siteimages/sprites.png?v3.4");
  background-repeat: no-repeat;
  width: 28px;
  height: 32px;
  background-position: -125px -595px;
}
table.general-table tr td a.download-ppsx {
  display: block;
  display: inline-block;
  vertical-align: text-top;
  text-indent: -9999px;
  overflow: hidden;
  background-image: url("/portal/content/siteimages/sprites.png?v3.4");
  background-repeat: no-repeat;
  width: 28px;
  height: 31px;
  background-position: -652px -107px;
}
table.general-table tr td a.download-doc {
  display: block;
  display: inline-block;
  vertical-align: text-top;
  text-indent: -9999px;
  overflow: hidden;
  background-image: url("/portal/content/siteimages/sprites.png?v3.4");
  background-repeat: no-repeat;
  width: 28px;
  height: 31px;
  background-position: -585px -79px;
}
table.general-table tr td a.download-xls {
  display: block;
  display: inline-block;
  vertical-align: text-top;
  text-indent: -9999px;
  overflow: hidden;
  background-image: url("/portal/content/siteimages/sprites.png?v3.4");
  background-repeat: no-repeat;
  width: 27px;
  height: 31px;
  background-position: -89px -644px;
}
table.general-table tr td a.download-book {
  display: block;
  display: inline-block;
  vertical-align: text-top;
  text-indent: -9999px;
  overflow: hidden;
  background-image: url("/portal/content/siteimages/sprites.png?v3.4");
  background-repeat: no-repeat;
  width: 28px;
  height: 32px;
  background-position: -100px -53px;
}
table.general-table tr td.auto {
  text-align: left;
}
table.general-table tr td.last {
  border-right: 0px;
}
table.general-table tr td.nowrap {
  white-space: nowrap;
}
/*end table*/
/*start table calendar*/
.subpage-two-column table.calendar tr td:hover a:before {
  content: '';
  display: none;
  border-top: 10px solid #bd9549;
  border-right: 12px solid transparent;
  border-left: 12px solid transparent;
  position: absolute;
  top: -13px;
  margin: auto;
  left: 0;
  right: 0;
  width: 0;
}
.subpage-two-column table.calendar tr td.hover a:hover:before {
  display: block;
}
.subpage-two-column table.calendar tr td a {
  display: block;
  position: relative;
}
.subpage-two-column table.calendar tr td a:before {
  top: -5px !important;
}
.subpage-two-column table.calendar tr td div.bubble {
  margin-bottom: 25px;
  z-index: 9;
}
.subpage-two-column table.calendar tr td div.bubble span.tail {
  display: none;
}
.subpage-two-column table.calendar tr td a {
  padding: 27px 0;
}
table.calendar {
  width: 100%;
  margin: 0;
  border: 0px;
  padding: 0;
}
table.calendar td {
  width: 99px;
  text-align: center;
  height: 71px;
  border-left: 0px;
  border-bottom: 0px;
  vertical-align: middle;
}
table.calendar td:hover {
  cursor: pointer;
}
table.calendar td:hover a {
  color: #db252c;
}
table.calendar td a {
  color: #a27f3b;
}
table.calendar td a:hover a {
  color: #db252c;
}
table.calendar td.hover {
  background: url(/portal/content/siteimages/calendar-day-hover-bg.jpg) bottom left repeat-x;
  cursor: pointer;
}
table.calendar td.hover a {
  color: #db252c;
}
table.calendar td.empty {
  background: #ffffff;
}
table.calendar td.disabled a {
  color: #ececed;
}
table.calendar td.disabled a:hover {
  color: #ececed;
}
table.calendar th {
  color: #b01d23;
  text-transform: uppercase;
  background: #ffffff;
  height: 36px;
  border-right: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
}
table.calendar th.last {
  border-right: 0px;
}
/*end table calendar*/
.home .event-widget .full-calendar .pager li.current {
  width: calc(100% - 130px);
}
.home .event-widget .full-calendar table.calendar tr {
  height: auto;
}
.home .event-widget .full-calendar table.calendar tr td {
  height: 32px;
  background: none;
}
.home .event-widget .full-calendar table.calendar tr td:hover {
  background: none;
}
.poll {
  margin-bottom: 20px;
  padding-bottom: 15px;
}
.poll .date {
  color: #b01d23;
  font-weight: bold;
}
.poll .poll-star {
  margin: 0px;
}
.poll .poll-star .star-item {
  float: left;
  height: 30px;
  width: 30px;
  margin-right: 5px;
}
.poll .poll-star .star-item .icon-starred {
  zoom: 0.7;
}
.poll-answers {
  list-style: none;
  margin: 0;
  padding: 0;
}
.poll-answers li {
  padding-bottom: 0.5em;
}
.poll-answers li label {
  padding-bottom: 0;
  color: #868178;
}
.poll-answers li .result {
  display: block;
  width: 500px;
  position: relative;
  background-color: #909496;
  height: 20px;
  margin-top: 5px;
  border: 1px solid #f9f9f9;
}
.poll-answers li .result span.bar {
  display: block;
  background-color: #db252c;
  height: 20px;
}
.poll-answers li .result span.value {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  color: #ffffff;
}
.poll-list {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
.poll-list table.poll-answers tr td {
  padding: 0 10px;
  text-align: left;
}
.poll-list li h3 {
  margin: 10px 0;
}
.poll-list li .result-wrapper {
  position: relative;
}
.poll-list li .result-wrapper .value {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate3d(-50%, -50%, 0);
  color: #ffffff;
  font-weight: 400;
}
.poll-list li .result-wrapper .result {
  display: block;
  height: 20px;
  background-color: #909496;
  overflow: hidden;
}
.poll-list li .result-wrapper .result .bar {
  display: block;
  height: 20px;
  background-color: #db252c;
}
/*start sub pages two columns*/
.subpage-two-column #main {
  width: 88.28125%;
  padding: 0 5.859375%;
  padding-top: 20px;
}
.subpage-two-column #primary {
  float: left;
  position: relative;
  width: 300px;
  z-index: 1;
}
.subpage-two-column #primary .important-links {
  margin-bottom: 10px !important;
}
.subpage-two-column #primary .ad-mask {
  margin-top: 10px !important;
}
.subpage-two-column #primary .subscription {
  margin-bottom: 20px !important;
}
.subpage-two-column #primary .ad-mask {
  margin-top: 0 !important;
}
.subpage-two-column #content {
  float: right;
  width: calc(100% - 340px);
  /*font-size: 1.1em;*/
}
.subpage-two-column #content h1 {
  border-bottom: dotted 1px #808587;
  padding-bottom: 10px;
  font-weight: 400;
  color: #b01d23;
  font-weight: bold;
  line-height: 1.4;
}
.subpage-two-column #content .content-body {
  margin-top: 15px;
  position: relative;
}
.subpage-two-column #content .content-body p {
  line-height: 25px;
  margin: 25px 0;
}
.subpage-two-column #content .content-body h3 {
  color: #bd9549;
}
.subpage-two-column #content .content-body ul {
  margin: 1em 0;
  padding: 0 40px 0 0;
}
.subpage-two-column #content .content-body ol li {
  line-height: 20px;
  padding: 5px 0;
}
.subpage-two-column .static-quick-links {
  top: 294px;
}
/*end sub pages two columns*/
/*start sub pages HR Club*/
.subpage-hr-club #primary {
  width: 231px !important;
  float: left !important;
  margin: 20px 0 !important;
}
.subpage-hr-club #content {
  width: 598px !important;
  float: left !important;
  margin: 20px !important;
}
.subpage-hr-club #secondary {
  float: left !important;
  width: 231px !important;
  margin: 20px 0 !important;
}
/*end sub pages HR Club*/
/*start location map*/
.maps-block {
  background: #f3ecdf;
  padding: 0 15px 15px 15px;
  margin-bottom: 30px;
  overflow: hidden;
}
.maps-block h3 {
  color: #343434 !important;
  font-size: 16px;
  padding-left: 0;
  line-height: 20px;
  margin: 15px 0;
}
.maps-block .map-block {
  padding: 10px !important;
  background-color: #ffffff !important;
}
.location-download {
  background: #b01d23;
  padding: 15px 15px 15px 45px;
  color: #ffffff !important;
  position: relative;
  font-weight: bold;
}
.location-download:hover {
  background-color: #f9f9f9;
}
.location-download:before {
  content: '';
  position: absolute;
  display: inline-block;
  vertical-align: text-top;
  text-indent: -9999px;
  overflow: hidden;
  background-image: url("/portal/content/siteimages/sprites.png?v3.4");
  background-repeat: no-repeat;
  width: 28px;
  height: 26px;
  background-position: -429px -505px;
  left: 10px;
  top: 9px;
  display: block;
}
/*end location map*/
/*start contact us*/
.location-address {
  margin-top: 32px;
}
.location-address .city {
  margin-bottom: 50px;
  *zoom: 1;
  display: block ;
}
.location-address .city:before,
.location-address .city:after {
  display: table;
  content: "";
}
.location-address .city:after {
  clear: both;
}
.location-address .city h4 {
  text-transform: uppercase;
  color: #b01d23;
  font-size: 1.33em;
  margin: 0 0 19px 0;
  padding: 0 0 14px 0;
  border-bottom: dashed 1px #f9f9f9;
}
.location-address .city dl {
  padding: 0px;
  margin: 0px;
  width: 59%;
  float: left;
}
.location-address .city dl dd {
  padding: 0px;
  margin: 8px 0;
  float: right;
  width: 80%;
}
.location-address .city dl dt {
  padding: 0px;
  margin: 8px 0;
  float: left;
  clear: left;
  padding-left: 36px;
  width: 10%;
  position: relative;
}
.location-address .city dl dt.phone:before {
  width: 19px;
  height: 19px;
  background-position: -194px -531px;
}
.location-address .city dl dt.fax:before {
  width: 18px;
  height: 21px;
  background-position: -621px -149px;
}
.location-address .city dl dt.email:before {
  width: 18px;
  height: 12px;
  background-position: -501px -78px;
}
.location-address .city dl dt.mailbox:before {
  width: 18px;
  height: 13px;
  background-position: -567px -505px;
}
.location-address .city dl dt.address:before {
  width: 14px;
  height: 18px;
  background-position: -110px -5px;
}
.location-address .city dl dt.coords:before {
  width: 17px;
  height: 17px;
  background-position: -627px -202px;
}
.location-address .city dl dt:before {
  display: inline-block;
  vertical-align: text-top;
  text-indent: -9999px;
  overflow: hidden;
  background-image: url("/portal/content/siteimages/sprites.png?v3.4");
  background-repeat: no-repeat;
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate3d(0, -50%, 0);
}
.location-address .city .map-item {
  float: right;
  width: 40%;
}
.border-r {
  border-right: 1px solid #f9f9f9;
}
.border-l {
  border-left: 1px solid #f9f9f9;
}
.border-t {
  border-top: 1px solid #f9f9f9;
}
.border-b {
  border-bottom: 1px solid #f9f9f9;
}
.channels-block .channels-title {
  position: relative;
}
.channels-block .channels-title span.big {
  display: block;
  color: #b01d23;
  font-weight: bold;
  font-size: 64px;
}
.channels-block .channels-title span.red {
  position: absolute;
  top: 50px;
  left: 75px;
  font-weight: bold;
  color: #b01d23;
  font-size: 15px;
}
.channels-block .channels-title span.gray {
  display: block;
  font-size: 15px;
  color: #b7b7b5;
  margin-top: -15px;
  font-weight: bold;
}
.channels-block .channels-list {
  width: 100%;
  height: 315px;
  margin-top: 30px;
  list-style: none;
}
.channels-block .channels-list li {
  float: left;
  width: calc(25% - 1px);
  height: 100px;
  position: relative;
}
.channels-block .channels-list li a {
  display: block;
  height: 100%;
  position: relative;
}
.channels-block .channels-list li a.switch:hover .channel-content {
  visibility: visible;
  opacity: 1;
}
.channels-block .channels-list li a .channel-title {
  text-align: center;
  font-size: 13px;
  font-weight: bold;
  padding: 5px;
  position: absolute;
  top: 59px;
  width: 100%;
  color: #b7b7b5;
}
.channels-block .channels-list li a .channel-content {
  visibility: hidden;
  background: #f3ecdf;
  height: 100%;
  width: 100%;
  position: relative;
  opacity: 0.5;
  -ms-transition: opacity 0.2s linear;
  -o-transition: opacity 0.2s linear;
  -webkit-transition: opacity 0.2s linear;
  -moz-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}
.channels-block .channels-list li a .channel-content span {
  text-align: center;
  position: absolute;
  margin: auto;
  width: 100%;
  top: 0;
  bottom: 0;
  display: table;
  font-weight: bold;
  color: #868178;
  font-size: 12px;
  white-space: pre;
}
.channels-block .channels-list li:hover {
  background: #f9f9f9;
}
.channels-block .channels-list li:hover a .channel-title {
  color: #b01d23;
}
.channels-block .channels-list li:before {
  content: '';
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  top: 15px;
  display: inline-block;
  vertical-align: text-top;
  text-indent: -9999px;
  overflow: hidden;
  background-image: url("/portal/content/siteimages/sprites.png?v3.4");
  background-repeat: no-repeat;
}
.channels-block .channels-list li.live-chat:before {
  width: 42px;
  height: 37px;
  background-position: -377px -505px;
}
.channels-block .channels-list li.contact-director:before {
  width: 53px;
  height: 40px;
  background-position: -307px -79px;
}
.channels-block .channels-list li.twitter:before {
  width: 42px;
  height: 33px;
  background-position: -748px -448px;
}
.channels-block .channels-list li.org-chart:before {
  width: 40px;
  height: 37px;
  background-position: -75px -595px;
}
.channels-block .channels-list li.instagram:before {
  width: 37px;
  height: 37px;
  background-position: -518px -236px;
}
.channels-block .channels-list li.linkedin:before {
  width: 36px;
  height: 36px;
  background-position: -594px -459px;
}
.channels-block .channels-list li.youtube:before {
  width: 42px;
  height: 28px;
  background-position: -223px -554px;
}
.channels-block .channels-list li.call-center:before {
  width: 42px;
  height: 42px;
  background-position: -533px -53px;
}
.channels-block .channels-list li.po-box:before {
  width: 46px;
  height: 32px;
  background-position: -652px -65px;
}
.channels-block .channels-list li.fax:before {
  width: 36px;
  height: 40px;
  background-position: -5px -170px;
}
.channels-block .channels-list li.email:before {
  width: 34px;
  height: 35px;
  background-position: -370px -120px;
}
.channels-block .channels-list li.telephone:before {
  width: 45px;
  height: 35px;
  background-position: -163px -595px;
}
.channels-block .channels-list li.crm-channel:before {
  width: 45px;
  height: 45px;
  background-position: -655px -761px;
}
/*end contact us*/
/*start list two [download media assets]*/
.generic-list-two {
  list-style: none;
  margin: 0 !important;
  padding: 0 !important;
}
.generic-list-two li {
  width: 220px;
  height: 189px;
  border: 1px solid #f3ecdf;
  margin: 20px 6px;
  float: left;
}
.generic-list-two li img {
  margin: 10px 9px 20px 9px;
}
/*end list two [download media assets]*/
#staticListing .general-listing li {
  border: 0 !important;
}
#staticListing .general-listing li ul {
  list-style: none;
  padding: 0;
}
#staticListing .general-listing li ul li {
  border-bottom: 3px solid #f3ecdf !important;
}
#staticListing .general-listing li ul li div {
  background: #f9f9f9;
  padding: 10px;
}
/*start member dashboard*/
.member-dashboard h4 {
  color: #b01d23;
  font-size: 14px;
  margin: 10px 0;
}
.member-dashboard .no-border {
  border: 0 !important;
}
.member-dashboard .services-list {
  list-style: none;
  margin: 5px 0 0 0;
  padding: 0;
  border-bottom: 2px solid #f3ecdf;
  width: 300px;
}
.member-dashboard .services-list li {
  padding: 10px 0;
}
.member-dashboard .services-list li a {
  color: #343434 !important;
  position: relative;
  font-family: 'Open Sans', Tahoma, sans-serif;
  margin-left: 15px;
  font-weight: bold;
}
.member-dashboard .services-list li a:before {
  content: '';
  position: absolute;
  height: 15px;
  width: 15px;
  left: -15px;
}
.message-error {
  background: #f9f9f9;
  padding: 10px;
  margin-top: 10px;
  font-weight: bold;
}
/*end member dashboard*/
/*----------------Forms----------------*/
.child-window {
  padding: 0;
  margin: 1em 0;
  list-style: none;
}
.child-window li {
  padding: 5px 0;
}
.child-window li a {
  font-weight: bold;
  font-size: 14px;
  padding-left: 20px;
  position: relative;
}
.child-window li a:before {
  content: '';
  position: absolute;
  left: 0px;
  top: 3px;
  display: block;
  display: inline-block;
  vertical-align: text-top;
  text-indent: -9999px;
  overflow: hidden;
  background-image: url("/portal/content/siteimages/sprites.png?v3.4");
  background-repeat: no-repeat;
  width: 9px;
  height: 15px;
  background-position: -81px -53px;
}
.child-window li ul {
  list-style: none;
  margin: 0;
}
.child-window li ul li {
  padding: 5px 0;
}
.child-window li ul li a {
  font-size: 14px;
  font-weight: initial;
}
.subpage-no-column #content {
  width: 88.28125%;
  margin: 0 5.859375%;
}
.subpage-no-column #content h1 {
  border-bottom: dotted 1px #6d6d6d;
  padding-bottom: 10px;
  font-weight: 400;
  color: #b01d23;
  font-weight: bold;
}
.subpage-no-column #content .innv-event-block {
  position: relative;
  height: 50px;
  margin-top: -50px;
}
.subpage-no-column #content .innv-event-block a {
  background: #bd9549;
  color: #ffffff;
  float: left;
  margin-top: -5px;
  padding: 12px 40px 12px 10px;
  font-weight: bold;
  font-family: 'Exo 2', 'Droid Arabic Kufi', sans-serif;
  position: relative;
}
.subpage-no-column #content .innv-event-block a:before {
  content: '';
  position: absolute;
  display: inline-block;
  vertical-align: text-top;
  text-indent: -9999px;
  overflow: hidden;
  background-image: url("/portal/content/siteimages/sprites.png?v3.4");
  background-repeat: no-repeat;
  width: 25px;
  height: 24px;
  background-position: -5px -310px;
  right: 6px;
  top: 11px;
}
.subpage-no-column #content .inv-block {
  width: 100%;
  height: 25vw;
  margin-top: 40px;
  position: relative;
}
.subpage-no-column #content .inv-block .inv-vedio {
  width: calc(50% - 40px);
  margin-left: 40px;
  float: right;
  height: 100%;
}
.subpage-no-column #content .inv-block .inv-vedio img {
  width: 100%;
  height: 100%;
}
.subpage-no-column #content .inv-block .inv-vedio a {
  display: block;
  height: 100%;
  background: url("/Portal/Content/Images/inv-vedio.png") left top no-repeat;
  background-size: cover;
  position: relative;
}
.subpage-no-column #content .inv-block .inv-vedio a:before {
  content: '';
  position: absolute;
  display: block;
  background: url("/Portal/Content/Images/inv-vedio-icon.png") left top no-repeat;
  height: 100px;
  width: 100px;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.subpage-no-column #content .inv-block .inv-vedio a:hover:before {
  background: url("/Portal/Content/Images/inv-vedio-icon-hover.png") left top no-repeat;
}
.subpage-no-column #content .inv-block .inv-options {
  width: 50%;
  float: left;
  height: 100%;
}
.subpage-no-column #content .inv-block .inv-options ul {
  list-style: none;
  height: calc(50% - 20px);
  margin: 0;
  padding: 0;
  width: 100%;
}
.subpage-no-column #content .inv-block .inv-options ul li {
  float: right;
  width: calc(50% - 20px);
  display: block;
  height: 100%;
  position: relative;
  margin-left: 40px;
}
.subpage-no-column #content .inv-block .inv-options ul li a {
  float: left;
  width: 100%;
  display: block;
  height: 100%;
  position: relative;
}
.subpage-no-column #content .inv-block .inv-options ul li a span {
  display: block;
  position: absolute;
  margin: 0;
  right: 0;
  left: 0;
  text-align: center;
  bottom: 10%;
  color: #ffffff;
  font-size: 14px;
  text-transform: uppercase;
  font-family: 'Exo 2', 'Droid Arabic Kufi', sans-serif;
  font-weight: bold;
}
.subpage-no-column #content .inv-block .inv-options ul li a:before {
  content: '';
  height: 75px;
  width: 200px;
  display: block;
  position: absolute;
  margin: auto;
  right: 0;
  left: 0;
  top: 20%;
  display: inline-block;
  vertical-align: text-top;
  text-indent: -9999px;
  overflow: hidden;
  background-image: url("/portal/content/siteimages/sprites.png?v3.4");
  background-repeat: no-repeat;
}
.subpage-no-column #content .inv-block .inv-options ul li:last-child {
  margin-left: 0;
}
.subpage-no-column #content .inv-block .inv-options .opt-inv,
.subpage-no-column #content .inv-block .inv-options .opt-inv-what,
.subpage-no-column #content .inv-block .inv-options .opt-inv-message,
.subpage-no-column #content .inv-block .inv-options .opt-inv-center,
.subpage-no-column #content .inv-block .inv-options .opt-inv-cube {
  background: #9ad02f;
}
.subpage-no-column #content .inv-block .inv-options .opt-inv:hover,
.subpage-no-column #content .inv-block .inv-options .opt-inv-what:hover,
.subpage-no-column #content .inv-block .inv-options .opt-inv-message:hover,
.subpage-no-column #content .inv-block .inv-options .opt-inv-center:hover,
.subpage-no-column #content .inv-block .inv-options .opt-inv-cube:hover {
  background: #69b20d;
}
.subpage-no-column #content .inv-block .inv-options .opt-inv:before {
  width: 57px;
  height: 64px;
  background-position: -565px -236px;
}
.subpage-no-column #content .inv-block .inv-options .opt-inv-what:before {
  width: 69px;
  height: 80px;
  background-position: -693px -554px;
}
.subpage-no-column #content .inv-block .inv-options .opt-inv-message:before {
  width: 73px;
  height: 66px;
  background-position: -568px -383px;
}
.subpage-no-column #content .inv-block .inv-options .opt-inv-center:before {
  width: 66px;
  height: 67px;
  background-position: -5px -5px;
}
.subpage-no-column #content .inv-block .inv-options .opt-inv-cube:before {
  width: 238px;
  height: 138px;
  background-position: -183px -280px;
  zoom: 0.9;
  top: 0;
  bottom: 0;
}
.subpage-no-column #content .inv-block .inv-options .opt-media,
.subpage-no-column #content .inv-block .inv-options .inv-media-video,
.subpage-no-column #content .inv-block .inv-options .inv-media-photo,
.subpage-no-column #content .inv-block .inv-options .inv-media-news {
  background: #cfb913;
}
.subpage-no-column #content .inv-block .inv-options .opt-media:hover,
.subpage-no-column #content .inv-block .inv-options .inv-media-video:hover,
.subpage-no-column #content .inv-block .inv-options .inv-media-photo:hover,
.subpage-no-column #content .inv-block .inv-options .inv-media-news:hover {
  background: #b79904;
}
.subpage-no-column #content .inv-block .inv-options .opt-media:before {
  width: 63px;
  height: 63px;
  background-position: -568px -310px;
}
.subpage-no-column #content .inv-block .inv-options .inv-media-video:before {
  width: 63px;
  height: 41px;
  background-position: -304px -459px;
}
.subpage-no-column #content .inv-block .inv-options .inv-media-photo:before {
  width: 60px;
  height: 48px;
  background-position: -154px -459px;
}
.subpage-no-column #content .inv-block .inv-options .inv-media-news:before {
  width: 62px;
  height: 48px;
  background-position: -82px -459px;
}
.subpage-no-column #content .inv-block .inv-options .opt-let,
.subpage-no-column #content .inv-block .inv-options .inv-comp,
.subpage-no-column #content .inv-block .inv-options .opt-let-gov,
.subpage-no-column #content .inv-block .inv-options .opt-let-cat,
.subpage-no-column #content .inv-block .inv-options .opt-let-post,
.subpage-no-column #content .inv-block .inv-options .opt-let-start {
  background: #68c1ac;
}
.subpage-no-column #content .inv-block .inv-options .opt-let:hover,
.subpage-no-column #content .inv-block .inv-options .inv-comp:hover,
.subpage-no-column #content .inv-block .inv-options .opt-let-gov:hover,
.subpage-no-column #content .inv-block .inv-options .opt-let-cat:hover,
.subpage-no-column #content .inv-block .inv-options .opt-let-post:hover,
.subpage-no-column #content .inv-block .inv-options .opt-let-start:hover {
  background: #3ca286;
}
.subpage-no-column #content .inv-block .inv-options .opt-let:before {
  width: 121px;
  height: 58px;
  background-position: -431px -392px;
}
.subpage-no-column #content .inv-block .inv-options .inv-comp:before {
  width: 55px;
  height: 73px;
  background-position: -40px -310px;
}
.subpage-no-column #content .inv-block .inv-options .opt-let-gov:before {
  width: 67px;
  height: 67px;
  background-position: -5px -459px;
}
.subpage-no-column #content .inv-block .inv-options .opt-let-cat:before {
  width: 68px;
  height: 68px;
  background-position: -105px -310px;
}
.subpage-no-column #content .inv-block .inv-options .opt-let-post:before {
  width: 70px;
  height: 70px;
  background-position: -224px -459px;
}
.subpage-no-column #content .inv-block .inv-options .opt-let-start:before {
  width: 44px;
  height: 70px;
  background-position: -431px -310px;
}
.subpage-no-column #content .inv-block .inv-options .opt-invt {
  background: #5db3e2;
}
.subpage-no-column #content .inv-block .inv-options .opt-invt:before {
  width: 73px;
  height: 72px;
  background-position: -485px -310px;
}
.subpage-no-column #content .inv-block .inv-options .opt-invt:hover {
  background: #227dc7;
}
.subpage-no-column #content .inv-block .inv-options .opt-knowledge {
  background: #ea5992;
}
.subpage-no-column #content .inv-block .inv-options .opt-knowledge:hover {
  background: #b93f6f;
}
.subpage-no-column #content .inv-block .inv-options .opt-knowledge:before {
  width: 75px;
  height: 63px;
  background-position: -303px -595px;
}
.subpage-no-column #content .inv-block .inv-options .opt-innovation {
  background: #1e9bc9;
}
.subpage-no-column #content .inv-block .inv-options .opt-innovation:hover {
  background: #1e7ea1;
}
.subpage-no-column #content .inv-block .inv-options .opt-innovation:before {
  width: 75px;
  height: 70px;
  background-position: -218px -595px;
}
.subpage-no-column #content .inv-block .inv-options .opt-soul-food {
  background: #ae843c;
}
.subpage-no-column #content .inv-block .inv-options .opt-soul-food:hover {
  background: #7b5d2a;
}
.subpage-no-column #content .inv-block .inv-options .opt-soul-food:before {
  width: 75px;
  height: 69px;
  background-position: -473px -595px;
}
.subpage-no-column #content .inv-block .inv-options .opt-media2,
.subpage-no-column #content .inv-block .inv-options .media2 a {
  background: #950316;
}
.subpage-no-column #content .inv-block .inv-options .opt-media2:hover,
.subpage-no-column #content .inv-block .inv-options .media2 a:hover {
  background: #67101b;
}
.subpage-no-column #content .inv-block .inv-options .opt-media2:before {
  width: 75px;
  height: 70px;
  background-position: -388px -595px;
}
.subpage-no-column #content .inv-block .inv-options .s-row {
  margin-top: 40px;
}
.subpage-no-column #content .inv-block .inv-back {
  font-family: 'Exo 2', 'Droid Arabic Kufi', sans-serif;
  position: absolute;
  top: -34px;
  font-weight: bold;
  font-size: 13px;
  left: 0;
  padding-right: 20px;
}
.subpage-no-column #content .inv-block .inv-back:before {
  content: '';
  position: absolute;
  display: inline-block;
  vertical-align: text-top;
  text-indent: -9999px;
  overflow: hidden;
  background-image: url("/portal/content/siteimages/sprites.png?v3.4");
  background-repeat: no-repeat;
  width: 9px;
  height: 15px;
  background-position: -81px -53px;
  top: 7px;
  right: 8px;
}
/*start decorative frame*/
div.decorative-frame {
  display: inline-block;
  float: right;
  background-color: #ffffff;
}
div.decorative-frame div.l {
  padding-left: 47px;
  background: url(/portal/content/siteimages/border-frame-left.gif) left center no-repeat;
}
div.decorative-frame div.r {
  padding-right: 47px;
  background: url(/portal/content/siteimages/border-frame-right.gif) right center no-repeat;
}
div.decorative-frame div.frame {
  background-color: #ffffff;
  padding-left: 15px;
  position: relative;
  background: url(/portal/content/siteimages/d-shadow-left.png) top left repeat-y;
}
div.decorative-frame div.frame span.caption {
  display: block;
  font-size: 11px;
  margin-top: 5px;
  color: #a27f3b;
}
div.decorative-frame div.frame span.center {
  text-align: center;
}
div.decorative-frame div.frame span.c {
  width: 10px;
  height: 10px;
  display: block;
  background-image: url(/portal/content/siteimages/d-corners.gif);
  position: absolute;
  z-index: 10;
}
div.decorative-frame div.frame span.tl {
  background-position: 0px 0px;
  left: 0px;
  top: 0px;
}
div.decorative-frame div.frame span.tr {
  background-position: -10px 0px;
  right: 0px;
  top: 0px;
}
div.decorative-frame div.frame span.br {
  background-position: -10px -10px;
  right: 0px;
  bottom: 0px;
}
div.decorative-frame div.frame span.bl {
  background-position: 0px -10px;
  left: 0px;
  bottom: 0px;
}
div.decorative-frame div.frame div.ir1 {
  background: url(/portal/content/siteimages/d-shadow-right.png) top right repeat-y;
  padding: 13px 15px 13px 0px;
  overflow: hidden;
}
div.decorative-frame div.frame div.ir1 div.t {
  width: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  background: url(/portal/content/siteimages/d-shadow-top.png) top left repeat-x;
  height: 10px;
  overflow: hidden;
  z-index: 9;
}
div.decorative-frame div.frame div.ir1 div.b {
  width: 100%;
  position: absolute;
  left: 0px;
  bottom: 0px;
  background: url(/portal/content/siteimages/d-shadow-bottom.png) bottom left repeat-x;
  height: 10px;
  overflow: hidden;
  z-index: 9;
}
/*end decorative frame*/
.comment-box-placeHolder {
  float: left;
  width: 100%;
  margin: 15px 0;
  border-bottom: 3px solid #f9f9f9;
}
.display {
  display: block !important;
}
.submitted-message {
  background: #f3ecdf;
  min-height: 20px;
  padding: 15px;
  text-align: center;
  font-weight: bold;
  font-size: 14px;
  color: #b01d23;
  display: none;
}
/*start comment box*/
div.comment-box {
  border: 1px solid #f9f9f9;
  margin-top: 10px;
}
div.comment-box div.box-header {
  background-color: #f9f9f9;
  border-bottom: 3px solid #f9f9f9;
  padding: 10px 15px;
  color: #343434;
  font-size: 12px;
  font-weight: bold;
}
div.comment-box div.box-body {
  padding: 10px 15px;
}
div.comment-box div.box-body ul.form {
  list-style: none;
  display: block;
  margin-top: 10px;
}
div.comment-box ul.form li {
  clear: both;
  display: block;
  padding-bottom: 10px;
}
div.comment-box ul.form li label {
  color: #868178;
  font-weight: bold;
  float: left;
  width: 180px;
  margin-top: 5px;
}
div.comment-box ul.form li label small {
  display: none;
}
div.comment-box ul.form li div.field-value {
  float: left;
  width: calc(100% - 225px);
}
div.comment-box ul.form li div.field-value input.textbox {
  width: 350px;
  border: 1px solid #909496;
  padding: 8px 10px;
  height: 22px;
  margin-bottom: 5px;
  font-size: 14px;
}
div.comment-box ul.form li div.field-value textarea.medium {
  width: calc(100% - 20px);
  border: 1px solid #909496;
  padding: 8px 10px;
  height: 75px;
  margin-bottom: 5px;
  font-size: 14px;
}
div.comment-box ul.form li div.field-value small {
  display: block;
  padding: 10px 5px;
  color: #b01d23;
}
div.comment-box ul.form li.actions input {
  float: left;
  margin-left: 90px;
}
div.comment-box ul.form li.actions input.button {
  border: 3px solid rgba(228, 194, 128, 0.53) !important;
  background-color: #bd9549;
  color: #ffffff;
  font-size: 11px;
  padding: 8px 25px;
  cursor: pointer;
  margin-top: 2px;
  font-weight: 700;
  text-transform: uppercase;
  border: 0;
  margin-left: 180px;
  border-radius: 5px;
}
/*end comment box*/
.responsive-menu,
.res-menu-block {
  display: none;
}
header .branding {
  width: 88.28125%;
  margin: 0 5.859375%;
  height: 100px;
}
header .branding #fahr-logo {
  float: left;
}
header .branding #fahr-logo a {
  font-size: 0;
  background: url('/portal/content/siteimages/fahr-logo.jpg?v2') center left no-repeat;
  display: block;
  width: 455px;
  height: 80px;
  margin-top: 10px;
}
header .branding #falcon-logo {
  float: right;
}
header .branding #falcon-logo a {
  font-size: 0;
  background: url('/portal/content/siteimages/uae-logo.jpg') top left no-repeat;
  display: block;
  width: 65px;
  height: 81px;
  margin-top: 10px;
}
header .annoucements {
  width: 100%;
  min-height: 91px;
  /*height: 35.14vw;*/
  border-bottom: 4px solid #b01d23;
}
header .annoucements ul li {
  position: relative;
}
header .annoucements ul li img {
  width: 100%;
  /*height: 35.14vw;*/
}
header .annoucements ul li div.banner-info {
  position: absolute;
  top: 35px;
  left: 5.859375%;
}
header .annoucements ul li div.banner-info h2.title {
  color: #ffffff;
  display: inline-block;
  display: block;
  line-height: 1.5;
  font-size: 2.8em;
}
header .annoucements ul li div.banner-info .margin-top {
  margin-top: 15px;
}
header .annoucements ul li div.banner-info h3.intro {
  color: #fff;
  font-size: 1.5em;
  font-weight: initial;
}
header .annoucements ul li div.bannner-footer {
  position: absolute;
  bottom: 130px;
  left: 5.859375%;
}
header .annoucements ul li div.bannner-footer a.banner-link {
  font-size: 1.1em;
  color: #ffffff;
  text-decoration: none;
  border: 2px solid #ffffff;
  padding: 8px 30px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  text-transform: uppercase;
  float: left;
  margin-right: 40px;
}
header .annoucements ul li div.bannner-footer a.banner-link.red-link {
  color: #b01d23;
  border: 2px solid #b01d23;
}
header .annoucements ul li div.bannner-footer ul.banner-social-media {
  float: left;
}
header .annoucements ul li div.bannner-footer ul.banner-social-media li {
  float: left;
  margin-right: 19px;
}
header .annoucements ul li div.bannner-footer ul.banner-social-media li a {
  display: block;
  display: inline-block;
  vertical-align: text-top;
  text-indent: -9999px;
  overflow: hidden;
  background-image: url("/portal/content/siteimages/sprites.png?v3.4");
  background-repeat: no-repeat;
  zoom: 0.8;
}
header .annoucements ul li div.bannner-footer ul.banner-social-media li.app-windows-phone a {
  width: 52px;
  height: 52px;
  background-position: -471px -5px;
}
header .annoucements ul li div.bannner-footer ul.banner-social-media li.app-blackberry a {
  width: 67px;
  height: 48px;
  background-position: -332px -5px;
}
header .annoucements ul li div.bannner-footer ul.banner-social-media li.app-ios a {
  width: 52px;
  height: 52px;
  background-position: -409px -5px;
}
header .annoucements ul li div.bannner-footer ul.banner-social-media li.app-android a {
  width: 47px;
  height: 52px;
  background-position: -275px -5px;
}
header .annoucements .owl-controls {
  height: auto;
  z-index: auto;
  bottom: 90px;
}
header .annoucements .owl-controls .owl-dots .owl-dot.active span {
  background: #b01d23;
}
header .services-latest {
  height: 92px;
  margin-top: -96px;
  z-index: 1;
  position: relative;
  border-bottom: 5px solid #b01d23;
  background: rgba(242, 242, 242, 0.81);
}
header .services-latest ul {
  width: 88.28125%;
  margin: 0 5.859375%;
}
header .services-latest ul li {
  float: left;
  height: 92px;
  display: table;
  width: 100%;
}
header .services-latest ul li a {
  position: relative;
  text-decoration: none;
  display: block;
  color: #343434;
  padding: 0 10px 0 75px;
  font-weight: bold;
  font-size: 0.9em;
  transition: background-color 0.1s ease-in;
  height: 92px;
  box-sizing: border-box;
}
header .services-latest ul li a span {
  height: 92px;
  display: table-cell;
  vertical-align: middle;
}
header .services-latest ul li a img {
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 10px;
  width: 55px !important;
}
header .services-latest ul li a:hover {
  background-color: #ffffff;
}
header .news-highlights {
  background-color: #909496;
  height: 50px;
  width: 100%;
}
header .news-highlights .container {
  width: 88.28125%;
  margin: 0 5.859375%;
}
header .news-highlights .news-highlights-contanier .marquee-container {
  width: calc(100% - 300px);
  height: 50px;
  float: left;
}
header .news-highlights .news-highlights-contanier .marquee-container span {
  float: left;
  color: #ffffff;
  display: block;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 1.4em;
  padding: 15px 40px 15px 37px;
  position: relative;
}
header .news-highlights .news-highlights-contanier .marquee-container span:before {
  content: '';
  position: absolute;
  display: inline-block;
  vertical-align: text-top;
  text-indent: -9999px;
  overflow: hidden;
  background-image: url("/portal/content/siteimages/sprites.png?v3.4");
  background-repeat: no-repeat;
  width: 23px;
  height: 19px;
  background-position: -5px -595px;
  left: 0;
  top: 50%;
  transform: translate3d(0, -50%, 0);
}
header .news-highlights .news-highlights-contanier .marquee-container span:after {
  content: '';
  position: absolute;
  height: 25px;
  width: 1px;
  right: 0;
  margin: auto;
  top: 0;
  bottom: 0;
  background-color: #ffffff;
}
header .news-highlights .news-highlights-contanier .marquee-container .marquee {
  float: left;
  width: calc(100% - 250px);
}
header .news-highlights .news-highlights-contanier .marquee-container .marquee li {
  float: left;
  width: 100%;
  display: table;
  height: 50px;
}
header .news-highlights .news-highlights-contanier .marquee-container .marquee li a {
  color: #ffffff;
  display: table-cell;
  vertical-align: middle;
  padding: 0 15px;
  text-decoration: none;
}
.utilities li.li-colors {
  -ms-transition: background 0.3s ease-out;
  -o-transition: background 0.3s ease-out;
  -webkit-transition: background 0.3s ease-out;
  -moz-transition: background 0.3s ease-out;
  transition: background 0.3s ease-out;
}
.utilities li.li-colors:hover {
  background: #bd9549;
}
.utilities li.li-colors:hover .theme-block {
  visibility: visible;
  opacity: 1;
}
.utilities li.li-colors .theme-block {
  visibility: hidden;
  background: #bd9549;
  position: absolute;
  height: 125px;
  width: 300px;
  bottom: 50px;
  z-index: 99;
  margin-left: -48px;
  opacity: 0.5;
  -ms-transition: opacity 0.3s ease-out;
  -o-transition: opacity 0.3s ease-out;
  -webkit-transition: opacity 0.3s ease-out;
  -moz-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
}
.utilities li.li-colors .theme-block .theme-title {
  color: #ffffff;
  font-size: 1.6em;
  text-align: center;
  border-bottom: 1px solid #a27f3b;
  margin: 15px 25px;
  padding-bottom: 15px;
}
.utilities li.li-colors .theme-block ul {
  display: table;
  text-align: center;
  width: 100%;
}
.utilities li.li-colors .theme-block ul li {
  display: inline-block;
  float: none;
  background: #ffffff;
  width: 38px;
  height: 38px;
  margin: 0 10px;
}
.utilities li.li-cb-colors .theme-block {
  margin-left: -90px;
}
.utilities li.li-cb-colors .theme-block ul li.bg-black {
  background-color: #383737;
}
.utilities li.li-cb-colors .theme-block ul li.bg-blue {
  background-color: #000066;
}
#main {
  width: 100%;
  margin: 20px 0;
}
#main .main-contanier {
  width: 88.28125%;
  margin: 0 5.859375%;
}
#main .main-contanier #content {
  float: left;
  width: calc(100% - 320px);
  margin-right: 20px;
}
#main .main-contanier #primary {
  display: none;
}
#main .main-contanier #secondary {
  float: left;
  width: 300px;
}
#main .main-contanier #bottomContent {
  float: left;
  width: 100%;
  margin-top: 20px;
}
.quick-links {
  background-color: #f9f9f9;
  /*height: 275px;*/
}
.quick-links .quick-links-title span {
  background-color: #bd9549;
  color: #ffffff;
  display: block;
  padding: 15px 10px 15px 45px;
  text-transform: uppercase;
  font-weight: bold;
  position: relative;
}
.quick-links .quick-links-title span:before {
  content: '';
  position: absolute;
  display: inline-block;
  vertical-align: text-top;
  text-indent: -9999px;
  overflow: hidden;
  background-image: url("/portal/content/siteimages/sprites.png?v3.4");
  background-repeat: no-repeat;
  width: 23px;
  height: 23px;
  background-position: -653px -148px;
  left: 10px;
  margin: auto;
  top: 0;
  bottom: 0;
}
.quick-links ul li a {
  position: relative;
  display: block;
  border-bottom: 1px solid #f9f9f9;
  margin: 0 20px;
  padding: 10.4px 0;
  color: #5a5a5a;
  text-decoration: none;
  font-weight: bold;
}
.quick-links ul li:hover {
  background: #ececed;
}
.quick-links ul li:hover a:before {
  content: '';
  position: absolute;
  background: #bd9549;
  width: 5px;
  height: 25px;
  display: block;
  left: -13px;
  right: auto;
  margin: auto;
  top: 0;
  bottom: 0;
}
.quick-links ul li:last-child a {
  border-bottom: none;
}
.adrotator {
  margin-top: 20px;
  border: 5px solid #bd9549;
}
.important-links {
  margin-top: 20px;
}
.important-links #imp_links_link a {
  background-color: #b01d23;
  display: block;
  color: #ffffff;
  padding: 25px 5px 17px 45px;
  text-transform: uppercase;
  text-decoration: none;
  font-weight: bold;
  font-size: 1.2em;
  position: relative;
}
.important-links #imp_links_link a:before {
  content: '';
  position: absolute;
  display: inline-block;
  vertical-align: text-top;
  text-indent: -9999px;
  overflow: hidden;
  background-image: url("/portal/content/siteimages/sprites.png?v3.4");
  background-repeat: no-repeat;
  width: 23px;
  height: 23px;
  background-position: -653px -148px;
  left: 10px;
  margin: auto;
  top: 0;
  bottom: 0;
}
.home-widget {
  background: #f9f9f9;
  position: relative;
}
.home-widget:hover {
  /*background: @secondary-color-light1;*/
  /*.owl-controls {
            .owl-dots {
                .owl-dot {
                    span {
                        background: @secondary-color;
                    }
                }

                .owl-dot.active, .owl-dot:hover {
                    span {
                        background: @primary-color;
                    }
                }
            }
        }*/
  /*.wid-more {
            background: @secondary-color;
        }*/
}
.home-widget .owl-controls .owl-dots .owl-dot span {
  background: #909496;
}
.home-widget .owl-controls .owl-dots .owl-dot.active span,
.home-widget .owl-controls .owl-dots .owl-dot:hover span {
  background: #bd9549;
}
.home-widget .wid-title {
  color: #343434;
  text-transform: uppercase;
  font-size: 1.5em;
  padding: 10px 20px;
}
.home-widget .wid-more {
  display: block;
  text-align: center;
  text-decoration: none;
  color: #b01d23;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 1.1em;
  letter-spacing: 1px;
  background: #ececed;
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 10px 0;
  z-index: 1;
}
.home-widget .wid-more:hover {
  background: #909496;
}
.services-activites {
  width: calc(65% - 20px);
  padding-bottom: 50px;
  float: left;
  height: 347px;
}
.services-activites ul {
  margin-bottom: 9px;
  width: 100%;
}
.services-activites ul li ul li.maref a {
  min-height: 20px;
}
.services-activites ul li ul li {
  float: left;
  width: 50%;
  height: 123px;
  position: relative;
}
.services-activites ul li ul li a {
  display: block;
  background: #bd9549;
  position: absolute;
  width: calc(100% - 129.61px);
  padding: 33.5px 0;
  color: #ffffff;
  font-size: 1.2em;
  font-weight: bold;
  text-decoration: none;
  line-height: 1.3;
  padding-left: 100px;
  height: 36px;
}
.services-activites ul li ul li a:before {
  content: '';
  position: absolute;
  display: inline-block;
  vertical-align: text-top;
  text-indent: -9999px;
  overflow: hidden;
  background-image: url("/portal/content/siteimages/sprites.png?v3.4");
  background-repeat: no-repeat;
  left: 30px;
  margin: auto;
  top: 0;
  bottom: 0;
}
.services-activites ul li ul li.bayanati a:before {
  width: 87px;
  height: 38px;
  background-position: -533px -5px;
  left: 0;
  right: 0;
}
.services-activites ul li ul li.service-directory a:before {
  width: 49px;
  height: 54px;
  background-position: -641px -289px;
}
.services-activites ul li ul li.e-services a:before {
  width: 60px;
  height: 60px;
  background-position: -716px -753px;
}
.services-activites ul li ul li.maref a:before {
  width: 154px;
  height: 50px;
  background-position: -467px -535px;
  left: 0;
  right: 0;
}
.services-activites ul li ul li:nth-child(even) a {
  margin: 10px 20px 10px 10px;
}
.services-activites ul li ul li:nth-child(odd) a {
  margin: 10px 10px 0 20px;
}
.services-activites .owl-controls {
  height: 0;
  margin-bottom: 0;
}
.services-activites .owl-controls .owl-dots {
  margin-top: 15px;
}
.circulars-wid {
  width: 35%;
  height: 397px;
  float: left;
  margin-left: 20px;
}
.circulars-wid ul.circulars-carousel {
  height: calc(100% - 60px);
}
.circulars-wid ul.circulars-carousel li ul {
  padding: 20px;
}
.circulars-wid ul.circulars-carousel li ul li {
  float: left;
  width: 100%;
  border-bottom: 1px solid #ececed;
  margin-bottom: 10px;
  padding-bottom: 10px;
}
.circulars-wid ul.circulars-carousel li ul li p {
  margin-top: 0;
  margin-bottom: 5px;
  color: #5a5a5a;
  font-size: 1.1em;
}
.circulars-wid ul.circulars-carousel li ul li a {
  display: block;
  position: relative;
  padding-left: 40px;
  text-decoration: none;
  margin-top: 5px;
}
.circulars-wid ul.circulars-carousel li ul li a span.download {
  display: block;
  color: #bd9549;
  font-size: 1.1em;
}
.circulars-wid ul.circulars-carousel li ul li a span.size {
  color: #909496;
  font-size: 0.9em;
}
.circulars-wid ul.circulars-carousel li ul li a:before {
  content: '';
  position: absolute;
  display: inline-block;
  vertical-align: text-top;
  text-indent: -9999px;
  overflow: hidden;
  background-image: url("/portal/content/siteimages/sprites.png?v3.4");
  background-repeat: no-repeat;
  width: 26px;
  height: 26px;
  background-position: -77px -120px;
  left: 0;
  top: 2px;
}
.circulars-wid ul.circulars-carousel li ul li:last-child {
  border-bottom: 0;
}
.circulars-wid .owl-controls {
  height: 0;
  margin-bottom: 85px;
  z-index: 2;
}
.circulars-wid .owl-controls .owl-dots {
  margin-top: 15px;
}
.initiatives-wid {
  width: 35%;
  height: 305px;
  float: right;
  margin-top: 20px;
}
.initiatives-wid ul.initiatives-carousel {
  width: calc(100% - 40px);
  height: calc(100% - 70px);
  margin: 10px 20px 0;
}
.initiatives-wid ul.initiatives-carousel li a {
  display: block;
}
.initiatives-wid ul.initiatives-carousel li a img {
  width: auto;
  height: 145px;
  margin: 0 auto;
}
.initiatives-wid .owl-controls {
  height: 0;
  margin-bottom: 75px;
}
.initiatives-wid .owl-carousel .owl-item {
  background: #ffffff;
}
.news-hieghlights-wid {
  width: calc(65% - 20px);
  height: 305px;
  float: left;
  margin-top: 20px;
  margin-right: 20px;
}
.news-hieghlights-wid .news-hieghlights-carousel {
  padding: 10px 20px;
  width: calc(100% - 40px);
  height: calc(100% - 122px);
}
.news-hieghlights-wid .news-hieghlights-carousel li h4 a.read-more {
  display: block;
  color: #bd9549;
  font-weight: normal;
  margin-top: -10px;
}
.news-hieghlights-wid .news-hieghlights-carousel li h4 a {
  color: #343434;
  display: block;
}
.news-hieghlights-wid .news-hieghlights-carousel li h4 a span.date {
  display: block;
  padding: 3px 0;
  font-weight: normal;
  color: #bd9549;
}
.news-hieghlights-wid .news-hieghlights-carousel li h4 a img {
  width: 215px;
  max-height: 150px;
  min-height: 145px;
  float: left;
  margin-right: 15px;
}
.news-hieghlights-wid .news-hieghlights-carousel li p {
  color: #868178;
  font-weight: normal;
  margin: 0 0 5px 0;
}
.news-hieghlights-wid .owl-controls {
  margin: 0;
  height: 33px;
  bottom: 0;
  z-index: 1;
}
.tweet-roll {
  float: left;
  margin-top: 20px;
  background-color: #bd9549;
  width: 100%;
  height: 180px;
  position: relative;
}
.tweet-roll .recent-tweets {
  position: absolute;
  font-size: 0;
  display: inline-block;
  vertical-align: text-top;
  text-indent: -9999px;
  overflow: hidden;
  background-image: url("/portal/content/siteimages/sprites.png?v3.4");
  background-repeat: no-repeat;
  width: 54px;
  height: 45px;
  background-position: -693px -499px;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 70px;
}
.tweet-roll .tweet-listing {
  margin: 0 250px 0 150px;
  height: 100%;
  width: calc(100% - 400px);
}
.tweet-roll .tweet-listing li {
  color: #ffffff;
}
.tweet-roll .tweet-listing li span {
  display: block;
  font-size: 1.3em;
  margin-top: 40px;
  margin-bottom: 5px;
}
.tweet-roll .tweet-follow {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 80px;
  color: #bd9549;
  background-color: #ffffff;
  padding: 13px 25px;
  font-weight: bold;
  text-decoration: none;
  text-transform: uppercase;
  border-radius: 5px;
  font-size: 1.15em;
  height: 17px;
  margin: auto;
}
.tweet-roll .owl-controls .owl-nav .owl-prev {
  width: 13px;
  height: 23px;
  background-position: -138px -85px;
  left: -125px;
}
.tweet-roll .owl-controls .owl-nav .owl-next {
  width: 13px;
  height: 23px;
  background-position: -191px -85px;
  right: -225px;
}
.tweet-roll .owl-controls .owl-dots {
  display: none;
}
.tweet-roll .owl-controls .owl-dots .owl-dot {
  display: none;
}
.subscription {
  background-color: #bd9549;
  margin-top: 20px;
  position: relative;
  padding: 15px 13px 30px 17px;
  min-height: 135px;
}
.subscription h4 {
  color: #ffffff;
  text-transform: uppercase;
  font-size: 14px;
  padding: 0 0 0 35px;
  margin: 0 0 12px 0;
  position: relative;
}
.subscription h4:before {
  content: '';
  display: inline-block;
  vertical-align: text-top;
  text-indent: -9999px;
  overflow: hidden;
  background-image: url("/portal/content/siteimages/sprites.png?v3.4");
  background-repeat: no-repeat;
  width: 27px;
  height: 18px;
  background-position: -38px -595px;
  position: absolute;
  left: 0;
  top: 10px;
}
.subscription label {
  display: block;
  color: #ffffff;
  font-weight: bold;
  margin-right: 25px;
  float: left;
  margin-top: 5px;
  position: relative;
}
.subscription input[type=radio] {
  margin-right: 12px;
}
.subscription input[type=checkbox] {
  margin-right: 5px;
}
.subscription input[type='text'] {
  position: absolute;
  bottom: 28px;
  display: block;
  padding: 10px;
  margin: 10px 0 0 0;
  width: calc(100% - 45px);
  float: left;
  height: 31px;
  border: none;
  color: #5a5a5a;
  background: #f9f9f9;
  box-sizing: border-box;
  font-size: 1.16em;
  font-weight: 600;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
}
.subscription input[type='button'] {
  background: #b01d23;
  height: 31px;
  width: 76px;
  color: #ffffff;
  font-weight: 700;
  text-transform: uppercase;
  bottom: 28px;
  right: 13px;
  border: none;
  border-radius: 4px;
  position: absolute;
  cursor: pointer;
  font-size: 12px;
}
.subscription input[type='button']:hover {
  background: #909496;
}
.subscription #lnkUnsubscribe {
  color: #b01d23;
  text-transform: uppercase;
  font-weight: bold;
  text-decoration: none;
  position: absolute;
  bottom: 4px;
  right: 15px;
}
.subscription span.action-result {
  display: block;
  text-indent: 25px;
  position: absolute;
  bottom: 0;
}
.subscription span.action-result:before {
  content: '';
  position: absolute;
  display: inline-block;
  vertical-align: text-top;
  text-indent: -9999px;
  overflow: hidden;
  background-image: url("/portal/content/siteimages/sprites.png?v3.4");
  background-repeat: no-repeat;
  left: 0;
}
.subscription .subscribed {
  color: #ffffff;
  font-size: 11px;
  padding: 8px 0;
}
.subscription .subscribed:before {
  bottom: 5px;
  width: 20px;
  height: 20px;
  background-position: -35px -85px;
}
.subscription .invalid-email {
  color: #b01d23;
  font-weight: bold;
  padding: 7px 0;
}
.subscription .invalid-email:before {
  bottom: 7px;
  width: 20px;
  height: 17px;
  background-position: -5px -85px;
}
.video-wid,
.photo-wid {
  float: left;
  height: 450px;
  width: calc(33.33% - 13.33333333px);
  margin-right: 20px;
}
.video-wid .item-date,
.photo-wid .item-date {
  display: block;
  color: #a27f3b;
  padding: 15px 40px 2px;
  position: relative;
}
.video-wid .item-date:before,
.photo-wid .item-date:before {
  content: '';
  position: absolute;
  display: inline-block;
  vertical-align: text-top;
  text-indent: -9999px;
  overflow: hidden;
  background-image: url("/portal/content/siteimages/sprites.png?v3.4");
  background-repeat: no-repeat;
  width: 14px;
  height: 14px;
  background-position: -167px -78px;
  left: 20px;
  margin: auto;
  top: 10px;
  bottom: 0;
}
.video-wid p,
.photo-wid p {
  padding: 0 20px;
  font-size: 1.1em;
  font-weight: 600;
  text-align: initial;
}
.video-wid ul,
.photo-wid ul {
  height: calc(100% - 62px);
}
.video-wid .owl-controls,
.photo-wid .owl-controls {
  /*height: 0;
            margin-bottom: -20px;*/
  height: 20px;
  position: absolute;
  bottom: 45px;
  z-index: 9;
}
.video-wid .owl-carousel .owl-video-wrapper {
  height: 223px;
}
.photo-wid ul li a {
  text-decoration: none;
  color: #5a5a5a;
}
.photo-wid ul li a img {
  width: auto;
  height: 223px;
  cursor: pointer;
  margin: 0 auto;
}
.photo-wid .owl-carousel .owl-item img {
  width: auto;
}
.event-widget {
  float: left;
  height: 448px;
  width: calc(33.33% - 15.33333333px);
  background-color: #f9f9f9;
  border: 1px solid #f9f9f9;
}
.event-widget .full-calendar {
  position: relative;
}
.event-widget .full-calendar .pager {
  border-top: 1px solid #f9f9f9;
  border-bottom: 1px solid #f9f9f9;
  height: 55px;
}
.event-widget .full-calendar .pager li {
  height: 100%;
  position: relative;
}
.event-widget .full-calendar .pager li.next {
  width: 60px;
  float: right;
}
.event-widget .full-calendar .pager li.next a {
  position: relative;
  display: block;
  height: 100%;
  width: 100%;
}
.event-widget .full-calendar .pager li.next a:before {
  content: '';
  position: absolute;
  display: inline-block;
  vertical-align: text-top;
  text-indent: -9999px;
  overflow: hidden;
  background-image: url("/portal/content/siteimages/sprites.png?v3.4");
  background-repeat: no-repeat;
  width: 6px;
  height: 10px;
  background-position: -183px -53px;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 50%;
  transform: translate3d(-50%, 0, 0);
}
.event-widget .full-calendar .pager li.previous {
  width: 60px;
  float: left;
}
.event-widget .full-calendar .pager li.previous a {
  position: relative;
  display: block;
  height: 100%;
  width: 100%;
}
.event-widget .full-calendar .pager li.previous a:before {
  content: '';
  position: absolute;
  display: inline-block;
  vertical-align: text-top;
  text-indent: -9999px;
  overflow: hidden;
  background-image: url("/portal/content/siteimages/sprites.png?v3.4");
  background-repeat: no-repeat;
  width: 6px;
  height: 10px;
  background-position: -167px -53px;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 50%;
  transform: translate3d(-50%, 0, 0);
}
.event-widget .full-calendar .pager li.current {
  float: right;
  width: calc(100% - 120px);
  text-align: center;
  line-height: 4;
  color: #868178;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 1.2em;
}
.event-widget .full-calendar table.calendar {
  width: 100%;
  position: relative;
}
.event-widget .full-calendar table.calendar tr.weekdays {
  background-color: #ffffff;
  height: 40px;
}
.event-widget .full-calendar table.calendar tr.weekdays th {
  text-align: center;
  text-transform: uppercase;
  border: none;
}
.event-widget .full-calendar table.calendar tr {
  height: 47px;
}
.event-widget .full-calendar table.calendar tr td > a {
  text-decoration: none;
  color: #b7b7b5;
  text-align: center;
  display: block;
  font-size: 1.16em;
}
.event-widget .full-calendar table.calendar tr td span.tail {
  display: none;
}
.event-widget .full-calendar table.calendar tr td.hover > a {
  color: #ffffff;
  background: #bd9549;
  height: 28px;
  width: 28px;
  line-height: 28px;
  margin: auto;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  position: relative;
}
.event-widget .full-calendar table.calendar tr td.hover > a:before {
  content: '';
  display: none;
  border-top: 10px solid #bd9549;
  border-right: 12px solid transparent;
  border-left: 12px solid transparent;
  position: absolute;
  top: -13px;
  margin: auto;
  left: 0;
  right: 0;
  width: 0;
}
.event-widget .full-calendar table.calendar tr td.hover > a:hover:before {
  display: block;
}
.util-blindness {
  background: #bd9549;
  width: 252px;
  position: absolute;
  top: 50px;
  left: -40px;
  padding: 20px;
  text-align: center;
  z-index: 1;
}
.util-blindness h4 {
  color: #ffffff;
  font-size: 1.33em;
  padding: 0 0 14px 0;
  border-bottom: solid 1px #a27f3b;
}
.color-list {
  display: flex;
  justify-content: center;
  margin: 15px 0 0 0;
}
.color-list .color-item {
  width: 38px !important;
  height: 38px !important;
}
.color-list .color-item.black {
  background-color: #343434;
}
.color-list .color-item.normal {
  background-color: #ffffff;
  margin-right: 20px;
}
.color-list .color-item a {
  width: 38px;
  height: 38px;
  border: none;
  display: inline-block;
  vertical-align: text-top;
  text-indent: -9999px;
  overflow: hidden;
  background-image: url("/portal/content/siteimages/sprites.png?v3.4");
  background-repeat: no-repeat;
}
.color-list .color-item a.display-option-normal {
  width: 27px;
  height: 16px;
  background-position: -270px -79px;
}
.color-list .color-item a.display-option-black {
  width: 27px;
  height: 16px;
  background-position: -585px -53px;
}
footer {
  width: 100%;
  float: left;
  margin-top: 20px;
  background: #ececed;
  color: #868178;
  position: relative;
}
footer .container .adrotator {
  width: 285px;
  height: 90px;
  position: absolute;
  padding: 0;
  margin: 0;
  right: 5.859375%;
  top: 140px;
}
footer .container .footer-menu-block {
  width: 88.28125%;
  margin: 0 5.859375%;
  height: 50px;
}
footer .container .footer-menu-block .footer-feedback {
  background: #a27f3b;
  position: fixed;
  bottom: 115px;
  height: 50px;
  width: 50px;
  border-radius: 100%;
  right: 12px;
  z-index: 999;
}
footer .container .footer-menu-block .footer-feedback a {
  text-decoration: none;
  position: relative;
}
footer .container .footer-menu-block .footer-feedback a .feedback-text {
  display: block;
  color: transparent;
  font-size: 0;
  font-weight: bold;
  position: relative;
}
footer .container .footer-menu-block .footer-feedback a .feedback-text:before {
  content: '';
  position: absolute;
  display: inline-block;
  vertical-align: text-top;
  text-indent: -9999px;
  overflow: hidden;
  background-image: url("/portal/content/siteimages/sprites.png?v3.4");
  background-repeat: no-repeat;
  width: 23px;
  height: 23px;
  background-position: -51px -180px;
  margin: auto;
  top: 12px;
  left: 12px;
  zoom: 1.1;
}
footer .container .footer-menu-block div.footer-menu {
  height: 100%;
  width: calc(100% - 185px);
}
footer .container .footer-menu-block div.footer-menu ul li {
  float: left;
}
footer .container .footer-menu-block div.footer-menu ul li a {
  display: block;
  color: #868178;
  padding: 17px 12px;
  text-decoration: none;
  font-size: 1.1em;
  position: relative;
}
footer .container .footer-menu-block div.footer-menu ul li a:before {
  content: '';
  position: absolute;
  width: 1px;
  height: 10px;
  margin: auto;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: #868178;
}
footer .container .footer-menu-block div.footer-menu ul li:nth-last-child(2) a:before {
  display: none;
}
footer .container .footer-menu-details {
  background-color: #f9f9f9;
  padding: 30px 0 25px;
}
footer .container .footer-menu-details .footer-menu-details-block {
  width: 88.28125%;
  margin: 0 5.859375%;
  *zoom: 1;
  display: block ;
}
footer .container .footer-menu-details .footer-menu-details-block:before,
footer .container .footer-menu-details .footer-menu-details-block:after {
  display: table;
  content: "";
}
footer .container .footer-menu-details .footer-menu-details-block:after {
  clear: both;
}
footer .container .footer-menu-details .footer-menu-details-block .html-copyright {
  float: left;
  width: calc(100% - 680px);
  margin-right: 70px;
}
footer .container .footer-menu-details .footer-menu-details-block .html-copyright p {
  margin: 8px 0;
}
footer .container .footer-menu-details .footer-menu-details-block .footer-social-media {
  float: left;
  width: 300px;
  margin-right: 10px;
}
footer .container .footer-menu-details .footer-menu-details-block .footer-social-media .social-media-label {
  color: #868178;
  font-size: 1.1em;
  text-transform: capitalize;
  font-weight: bold;
  margin-bottom: 5px;
}
footer .container .footer-menu-details .footer-menu-details-block .footer-social-media ul li {
  float: left;
  padding: 15px 0 5px;
  margin-right: 10px;
}
footer .container .footer-menu-details .footer-menu-details-block .footer-social-media ul li a {
  font-size: 0;
  -moz-transition: none;
  -o-transition: none;
  -webkit-transition: none;
  transition: none;
  display: inline-block;
  vertical-align: text-top;
  text-indent: -9999px;
  overflow: hidden;
  background-image: url("/portal/content/siteimages/sprites.png?v3.4");
  background-repeat: no-repeat;
}
footer .container .footer-menu-details .footer-menu-details-block .footer-social-media ul li a.icon-social-instagram {
  width: 24px;
  height: 24px;
  background-position: -227px -180px;
}
footer .container .footer-menu-details .footer-menu-details-block .footer-social-media ul li a.icon-social-instagram:hover {
  background-position: -60px -693px;
}
footer .container .footer-menu-details .footer-menu-details-block .footer-social-media ul li a.icon-social-twitter {
  width: 25px;
  height: 20px;
  background-position: -359px -180px;
}
footer .container .footer-menu-details .footer-menu-details-block .footer-social-media ul li a.icon-social-twitter:hover {
  background-position: -192px -693px;
}
footer .container .footer-menu-details .footer-menu-details-block .footer-social-media ul li a.icon-social-youtube {
  width: 32px;
  height: 23px;
  background-position: -394px -180px;
}
footer .container .footer-menu-details .footer-menu-details-block .footer-social-media ul li a.icon-social-youtube:hover {
  background-position: -227px -693px;
}
footer .container .footer-menu-details .footer-menu-details-block .footer-social-media ul li a.icon-social-rss {
  width: 21px;
  height: 21px;
  background-position: -328px -180px;
}
footer .container .footer-menu-details .footer-menu-details-block .footer-social-media ul li a.icon-social-rss:hover {
  background-position: -161px -693px;
}
footer .container .footer-menu-details .footer-menu-details-block .footer-social-media ul li a.icon-social-flash {
  width: 18px;
  height: 21px;
  background-position: -199px -180px;
}
footer .container .footer-menu-details .footer-menu-details-block .footer-social-media ul li a.icon-social-flash:hover {
  background-position: -32px -693px;
}
footer .container .footer-menu-details .footer-menu-details-block .footer-social-media ul li a.icon-social-pdf {
  width: 23px;
  height: 22px;
  background-position: -295px -180px;
}
footer .container .footer-menu-details .footer-menu-details-block .footer-social-media ul li a.icon-social-pdf:hover {
  background-position: -128px -693px;
}
footer .container .footer-menu-details .footer-menu-details-block .footer-social-media ul li a.icon-social-linkdIn {
  width: 24px;
  height: 24px;
  background-position: -261px -180px;
}
footer .container .footer-menu-details .footer-menu-details-block .footer-social-media ul li a.icon-social-linkdIn:hover {
  background-position: -94px -693px;
}
footer .container .footer-menu-details .footer-menu-details-block .footer-social-media ul li a.icon-social-office {
  width: 24px;
  height: 24px;
  background-position: -536px -693px;
}
footer .container .footer-menu-details .footer-menu-details-block .footer-social-media ul li a.icon-social-office:hover {
  background-position: -579px -693px;
}
footer .container .footer-menu-details .footer-menu-details-block .footer-social-media ul li a.icon-social-android {
  width: 22px;
  height: 24px;
  background-position: -134px -5px;
}
footer .container .footer-menu-details .footer-menu-details-block .footer-social-media ul li a.icon-social-android:hover {
  background-position: -270px -692px;
}
footer .container .footer-menu-details .footer-menu-details-block .footer-social-media ul li a.icon-social-ios {
  width: 24px;
  height: 24px;
  background-position: -207px -5px;
}
footer .container .footer-menu-details .footer-menu-details-block .footer-social-media ul li a.icon-social-ios:hover {
  background-position: -343px -692px;
}
footer .container .footer-menu-details .footer-menu-details-block .footer-social-media ul li a.icon-social-wph {
  width: 24px;
  height: 24px;
  background-position: -241px -5px;
}
footer .container .footer-menu-details .footer-menu-details-block .footer-social-media ul li a.icon-social-wph:hover {
  background-position: -377px -692px;
}
footer .container .footer-menu-details .footer-menu-details-block .footer-social-media ul li a.icon-social-blackberry {
  width: 31px;
  height: 22px;
  background-position: -166px -5px;
}
footer .container .footer-menu-details .footer-menu-details-block .footer-social-media ul li a.icon-social-blackberry:hover {
  background-position: -302px -692px;
}
footer .container .footer-menu-details .footer-menu-details-block .footer-social-media ul li.social-media-fahr-app {
  width: 100%;
}
footer .container .footer-menu-details .footer-menu-details-block .footer-social-media ul li.social-media-fahr-app span {
  color: #868178;
  font-size: 1.1em;
  text-transform: capitalize;
  font-weight: bold;
  margin-bottom: 5px;
}
footer .container .footer-menu-details .footer-menu-details-block .call-us {
  float: right;
  width: 300px;
}
footer .container .footer-menu-details .footer-menu-details-block .call-us .call-us-title {
  padding-left: 45px;
  position: relative;
}
footer .container .footer-menu-details .footer-menu-details-block .call-us .call-us-title:before {
  content: '';
  position: absolute;
  display: inline-block;
  vertical-align: text-top;
  text-indent: -9999px;
  overflow: hidden;
  background-image: url("/portal/content/siteimages/sprites.png?v3.4");
  background-repeat: no-repeat;
  width: 34px;
  height: 34px;
  background-position: -226px -53px;
  left: 0;
}
footer .container .footer-menu-details .footer-menu-details-block .call-us .call-us-title,
footer .container .footer-menu-details .footer-menu-details-block .call-us .call-us-number {
  color: #868178;
  font-weight: bold;
  font-size: 1.9em;
}
footer .container .footer-menu-details .copyright-menu {
  float: left;
  width: 100%;
  margin-top: 35px;
}
footer .container .footer-menu-details .normal-menu {
  width: 100%;
  height: 25px;
  display: table;
  text-align: center;
}
footer .container .footer-menu-details .normal-menu li {
  display: inline-block;
}
footer .container .footer-menu-details .normal-menu li.last a:before {
  display: none;
}
footer .container .footer-menu-details .normal-menu li a {
  display: block;
  color: #868178;
  text-decoration: none;
  padding: 10px 20px 10px 0;
  position: relative;
}
footer .container .footer-menu-details .normal-menu li a:before {
  content: '';
  position: absolute;
  width: 1px;
  height: 10px;
  background-color: #868178;
  right: 10px;
  top: 13px;
}
footer .container .footer-menu-details .footer-copyright {
  margin: 5px 0;
  color: #b7b7b5;
  float: left;
  text-align: center;
  width: 100%;
}
footer .go-to-main-website {
  display: none;
}
.owl-controls {
  height: 100%;
  z-index: -1;
  position: absolute;
  bottom: 0;
  margin: auto;
  left: 0;
  right: 0;
}
.owl-controls .owl-dots {
  display: inline-block;
  margin: 0 auto;
  display: table;
  margin-bottom: 20px;
}
.owl-controls .owl-dots .owl-dot.active span {
  background-color: #bd9549;
}
.owl-controls .owl-dots .owl-dot {
  float: left;
}
.owl-controls .owl-dots .owl-dot span {
  height: 12px;
  width: 12px;
  border-radius: 100%;
  display: block;
  background-color: #ececed;
  margin: 4px;
}
.owl-controls .owl-nav .owl-prev,
.owl-controls .owl-nav .owl-next {
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  height: 20px;
  font-size: 0;
}
.owl-controls .owl-nav .owl-prev {
  float: left;
  left: -20px;
  display: inline-block;
  vertical-align: text-top;
  text-indent: -9999px;
  overflow: hidden;
  background-image: url("/portal/content/siteimages/sprites.png?v3.4");
  background-repeat: no-repeat;
  width: 9px;
  height: 15px;
  background-position: -630px -28px;
}
.owl-controls .owl-nav .owl-next {
  float: right;
  right: -20px;
  display: inline-block;
  vertical-align: text-top;
  text-indent: -9999px;
  overflow: hidden;
  background-image: url("/portal/content/siteimages/sprites.png?v3.4");
  background-repeat: no-repeat;
  width: 9px;
  height: 15px;
  background-position: -81px -53px;
}
.static-quick-links {
  position: fixed;
  top: 170px;
  right: 0;
  z-index: 2;
}
.static-quick-links ul.static-quick-links-list {
  width: 50px;
}
.static-quick-links ul.static-quick-links-list li {
  background-color: #b01d23;
  margin-bottom: 5px;
  float: right;
}
.static-quick-links ul.static-quick-links-list li.animate-side {
  float: right;
  -ms-transition: padding-right 0.1s ease-out;
  -o-transition: padding-right 0.1s ease-out;
  -webkit-transition: padding-right 0.1s ease-out;
  -moz-transition: padding-right 0.1s ease-out;
  transition: padding-right 0.1s ease-out;
}
.static-quick-links ul.static-quick-links-list li.animate-side:hover {
  padding-right: 10px;
}
.static-quick-links ul.static-quick-links-list li a,
.static-quick-links ul.static-quick-links-list li span {
  height: 35px;
  width: 35px;
  display: block;
  position: relative;
  cursor: pointer;
}
.static-quick-links ul.static-quick-links-list li a:before,
.static-quick-links ul.static-quick-links-list li span:before {
  content: '';
  position: absolute;
  display: inline-block;
  vertical-align: text-top;
  text-indent: -9999px;
  overflow: hidden;
  background-image: url("/portal/content/siteimages/sprites.png?v3.4");
  background-repeat: no-repeat;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  zoom: 0.8;
}
.static-quick-links ul.static-quick-links-list li.li-live-chat a:before {
  width: 33px;
  height: 31px;
  background-position: -74px -414px;
}
.static-quick-links ul.static-quick-links-list li.li-bayanati a:before {
  width: 38px;
  height: 17px;
  background-position: -641px -353px;
}
.static-quick-links ul.static-quick-links-list li.li-meter a:before {
  width: 30px;
  height: 30px;
  background-position: -725px -693px;
}
.static-quick-links ul.static-quick-links-list li.li-meter span:before {
  width: 30px;
  height: 30px;
  background-position: -725px -693px;
}
.static-quick-links ul.static-quick-links-list li.li-zayed-year a:before {
  width: 35px;
  height: 35px;
  background-position: -617px -689px;
}
.static-quick-links ul.static-quick-links-list li.li-tolerance-year a:before {
  width: 40px;
  height: 40px;
  background-position: -374px -750px;
}
.static-quick-links ul.static-quick-links-list li.li-tolerance-year-ar a:before {
  background-position: -374px -750px;
}
.static-quick-links ul.static-quick-links-list li.li-innovation a:before {
  width: 27px;
  height: 29px;
  background-position: -481px -236px;
}
.static-quick-links ul.static-quick-links-list li.li-most-pages a:before {
  width: 27px;
  height: 29px;
  background-position: -406px -689px;
}
.static-quick-links ul.static-quick-links-list li.li-imtiyazat a:before {
  width: 35px;
  height: 29px;
  background-position: -668px -692px;
}
.static-quick-links ul.static-quick-links-list li.li-reading a:before {
  width: 25px;
  height: 30px;
  background-position: -651px -414px;
}
.static-quick-links ul.static-quick-links-list li.li-goodness a:before {
  width: 35px;
  height: 35px;
  background-image: url(https://www.fahr.gov.ae/Portal/Userfiles/Assets/Photos/9fd4d44.png);
  zoom: 1;
}
.static-quick-links ul.static-quick-links-list li.li-maaraf a:before {
  width: 28px;
  height: 30px;
  background-position: -117px -414px;
}
.static-quick-links ul.static-quick-links-list li.li-job-desc a:before {
  width: 25px;
  height: 30px;
  background-position: -5px -383px;
}
.static-quick-links ul.static-quick-links-list li.li-hr a:before {
  width: 21px;
  height: 27px;
  background-position: -5px -236px;
}
.static-quick-links ul.static-quick-links-list li.li-servey a:before {
  width: 33px;
  height: 29px;
  background-position: -651px -454px;
}
.static-quick-links ul.static-quick-links-list li.li-mobile-app {
  position: relative;
}
.static-quick-links ul.static-quick-links-list li.li-mobile-app a:before {
  width: 35px;
  height: 35px;
}
.static-quick-links ul.static-quick-links-list li.li-mobile-app:hover ul {
  display: block;
}
.static-quick-links ul.static-quick-links-list li.li-mobile-app a:before {
  background-image: url(/portal/content/siteimages/app.png);
  background-size: cover;
  zoom: 1;
}
.static-quick-links ul.static-quick-links-list li.li-mobile-app ul {
  position: absolute;
  width: 215px;
  top: 0;
  right: 35px;
  padding: 0 5px;
  display: none;
}
.static-quick-links ul.static-quick-links-list li.li-mobile-app ul li {
  float: right;
  margin-left: 5px;
}
.static-quick-links ul.static-quick-links-list li.li-mobile-app ul li.animate-up:hover {
  border-top: 5px solid #909496;
  margin-top: -5px;
}
.static-quick-links ul.static-quick-links-list li.li-mobile-app ul li.li-linkedin {
  margin-left: 0;
}
.static-quick-links ul.static-quick-links-list li.li-s-media {
  position: relative;
}
.static-quick-links ul.static-quick-links-list li.li-s-media:hover ul {
  display: block;
}
.static-quick-links ul.static-quick-links-list li.li-s-media a:before {
  width: 31px;
  height: 30px;
  background-position: -632px -249px;
}
.static-quick-links ul.static-quick-links-list li.li-s-media ul {
  position: absolute;
  width: 215px;
  top: 0;
  right: 35px;
  padding: 0 5px;
  display: none;
}
.static-quick-links ul.static-quick-links-list li.li-s-media ul li {
  float: right;
  margin-left: 5px;
}
.static-quick-links ul.static-quick-links-list li.li-s-media ul li.animate-up:hover {
  border-top: 5px solid #909496;
  margin-top: -5px;
}
.static-quick-links ul.static-quick-links-list li.li-s-media ul li.li-linkedin {
  margin-right: 0;
}
.static-quick-links ul.static-quick-links-list li.li-facebook a:before {
  width: 15px;
  height: 26px;
  background-position: -689px -353px;
}
.static-quick-links ul.static-quick-links-list li.li-fahr-app a:before {
  background-image: url(/portal/content/siteimages/app-fahr.png);
}
.static-quick-links ul.static-quick-links-list li.li-imt-app a:before {
  background-image: url(/portal/content/siteimages/app-imtiyazat.png);
}
.static-quick-links ul.static-quick-links-list li.li-tweeter a:before {
  width: 27px;
  height: 25px;
  background-position: -651px -493px;
}
.static-quick-links ul.static-quick-links-list li.li-youtube a:before {
  width: 32px;
  height: 23px;
  background-position: -651px -528px;
}
.static-quick-links ul.static-quick-links-list li.li-linkedin a:before {
  width: 24px;
  height: 24px;
  background-position: -40px -414px;
}
.static-quick-links ul.static-quick-links-list li.li-instegram a:before {
  width: 24px;
  height: 24px;
  background-position: -651px -380px;
}
.md-close {
  display: inline-block;
  vertical-align: text-top;
  text-indent: -9999px;
  overflow: hidden;
  background-image: url("/portal/content/siteimages/sprites.png?v3.4");
  background-repeat: no-repeat;
  width: 13px;
  height: 13px;
  background-position: -595px -505px;
  position: absolute;
  top: 15px;
  right: 20px;
}
.md-title {
  color: #b01d23;
  text-transform: uppercase;
  text-align: center;
  margin-top: -20px;
  margin-bottom: 20px;
}
.md-content .main-content {
  padding: 0 35px;
}
.md-content .first-level {
  padding: 0 20px;
}
.md-content .first-level li {
  padding: 5px 0 0 30px;
  position: relative;
}
.md-content .first-level li:before {
  content: '';
  position: absolute;
  display: inline-block;
  vertical-align: text-top;
  text-indent: -9999px;
  overflow: hidden;
  background-image: url("/portal/content/siteimages/sprites.png?v3.4");
  background-repeat: no-repeat;
  width: 9px;
  height: 15px;
  background-position: -81px -53px;
  left: 16px;
  top: 6px;
}
.md-content .first-level li a {
  font-size: 1.3em;
  font-weight: bold;
}
.md-content .first-level li a:hover {
  text-decoration: underline;
}
.md-content .first-level li ul.second-level li {
  padding: 5px 0 0 20px;
  position: relative;
}
.md-content .first-level li ul.second-level li:before {
  width: 6px;
  height: 10px;
  background-position: -183px -53px;
  top: 8px;
  left: 9px;
}
.md-content .first-level li ul.second-level li a {
  font-size: 1.2em;
  font-weight: normal;
  color: #343434;
}
.md-content:after {
  content: '';
  display: inline-block;
  vertical-align: text-top;
  text-indent: -9999px;
  overflow: hidden;
  background-image: url("/portal/content/siteimages/sprites.png?v3.4");
  background-repeat: no-repeat;
  position: absolute;
  top: 73px;
  left: -27px;
}
.link-box:after {
  width: 48px;
  height: 47px;
  background-position: -304px -528px;
}
.external-link .yes-redirect {
  border-radius: 5px;
  background: #bd9549;
  padding: 6px 20px;
  color: #ffffff;
  font-size: 1.1em;
  float: left;
  margin-right: 20px;
  border: 3px solid rgba(228, 194, 128, 0.53);
  text-transform: capitalize;
  font-weight: bold;
  cursor: pointer;
}
.external-link:after {
  width: 42px;
  height: 42px;
  background-position: -82px -528px;
  top: 74px;
  left: -21px;
}
.feedback:after {
  width: 50px;
  height: 50px;
  background-position: -134px -528px;
}
.poll-block .bool-title {
  font-size: 1.6em;
}
.poll-block .poll {
  margin: 10px 0;
  padding: 0;
}
.poll-block .poll li {
  margin: 5px 0;
}
.poll-block .poll li label {
  font-size: 1.5em;
  padding: 5px;
}
.poll-block .poll-answers li label {
  font-size: 1.4em;
}
.poll-block .error {
  color: #b01d23;
  font-weight: bold;
}
.actions {
  padding: 20px 0;
}
.actions input[type='submit'] {
  border-radius: 5px;
  background: #bd9549;
  padding: 6px 20px;
  color: #ffffff;
  font-size: 1.1em;
  float: left;
  margin-right: 20px;
  border: 3px solid rgba(228, 194, 128, 0.53);
  text-transform: capitalize;
  font-weight: bold;
  cursor: pointer;
}
.error-page {
  font-size: 1.5em;
  text-align: center;
  padding: 20px 0;
}
.error-page .inner {
  background: url('/portal/content/siteimages/error.png') top left no-repeat;
  width: 689px;
  margin: 0 auto 200px auto;
  padding-left: 449px;
  box-sizing: border-box;
  text-align: left;
  height: 209px;
  *zoom: 1;
  display: block ;
}
.error-page .inner:before,
.error-page .inner:after {
  display: table;
  content: "";
}
.error-page .inner:after {
  clear: both;
}
.error-page .inner h4 {
  font-size: 1.09em;
  color: #868178;
}
.error-page .inner h2 {
  color: #bd9549;
  font-size: 4em;
  margin-bottom: 40px;
}
.error-page ul {
  display: flex;
  justify-content: center;
  margin: 20px 0 0 0;
}
.error-page ul li {
  padding: 0;
}
.error-page ul li a {
  margin-left: 15px;
}
.error-page ul li:before {
  content: '';
  display: inline-block;
  vertical-align: text-top;
  text-indent: -9999px;
  overflow: hidden;
  background-image: url("/portal/content/siteimages/sprites.png?v3.4");
  background-repeat: no-repeat;
}
.error-page ul li.home:before {
  width: 28px;
  height: 24px;
  background-position: -113px -120px;
}
.error-page ul li.sitemap {
  padding: 0 15px;
  margin: 0 15px;
  border-left: solid 1px #b7b7b5;
  border-right: solid 1px #b7b7b5;
}
.error-page ul li.sitemap:before {
  width: 30px;
  height: 24px;
  background-position: -249px -120px;
}
.error-page ul li.contact:before {
  width: 23px;
  height: 23px;
  background-position: -151px -120px;
}
a {
  -ms-transition: background 0.2s ease-out;
  -o-transition: background 0.2s ease-out;
  -webkit-transition: background 0.2s ease-out;
  -moz-transition: background 0.2s ease-out;
  transition: background 0.2s ease-out;
}
a.red {
  background: #b01d23;
  color: #ffffff;
  padding: 10px;
  border-radius: 25px;
}
a.red:hover {
  background: #909496;
}
.blogsListing {
  border-top: 1px dashed #b7b7b5;
}
.blogsListing ul.general-listing > li {
  border-bottom: 1px dashed #b7b7b5;
  margin: 20px 0;
}
.blogsListing ul.general-listing > li article.no-image .img-block {
  display: none;
}
.blogsListing ul.general-listing > li article.no-image .data-block {
  width: 100%;
}
.blogsListing ul.general-listing > li article .img-block {
  width: 20%;
  display: inline-block;
  vertical-align: top;
  margin-right: 25px;
}
.blogsListing ul.general-listing > li article .img-block img {
  width: 100%;
  margin-bottom: 15px;
}
.blogsListing ul.general-listing > li article .data-block {
  width: calc(80% - 30px);
  display: inline-block;
}
.blogsListing ul.general-listing > li article .data-block .blog-title {
  display: block;
  color: #a27f3b;
  font-size: 14px;
  font-weight: bold;
}
.blogsListing ul.general-listing > li article .data-block .date {
  color: #b7b7b5;
  position: relative;
  padding-left: 20px;
  margin-top: 10px;
  display: block;
}
.blogsListing ul.general-listing > li article .data-block .date:before {
  content: '';
  position: absolute;
  display: inline-block;
  vertical-align: text-top;
  text-indent: -9999px;
  overflow: hidden;
  background-image: url("/portal/content/siteimages/sprites.png?v3.4");
  background-repeat: no-repeat;
  width: 13px;
  height: 13px;
  background-position: -630px -5px;
  left: 1px;
  top: 2px;
}
.blogsListing ul.general-listing > li article .data-block .excerpt {
  margin: 10px 0 25px 0;
}
.blogsListing ul.general-listing > li article ul {
  padding: 0;
  margin: 1em 0;
  list-style: none;
}
.blogsListing ul.general-listing > li article ul li {
  padding: 5px 0;
  font-size: 14px;
  padding-left: 20px;
  position: relative;
}
.blogsListing ul.general-listing > li article ul li:before {
  content: '';
  position: absolute;
  left: 0;
  top: 7px;
  display: block;
  display: inline-block;
  vertical-align: text-top;
  text-indent: -9999px;
  overflow: hidden;
  background-image: url("/portal/content/siteimages/sprites.png?v3.4");
  background-repeat: no-repeat;
  width: 9px;
  height: 15px;
  background-position: -81px -53px;
}
.event-details .event-data {
  width: calc(100% - 325px);
  float: left;
  position: relative;
}
.event-details .event-data .event-d-countdown-title {
  color: #868178;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 16px;
  width: 110px;
  display: inline-block;
  float: left;
  margin-left: 45px;
  margin-top: 20px;
  position: relative;
}
.event-details .event-data .event-d-countdown-title:before {
  content: '';
  position: absolute;
  display: inline-block;
  vertical-align: text-top;
  text-indent: -9999px;
  overflow: hidden;
  background-image: url("/portal/content/siteimages/sprites.png?v3.4");
  background-repeat: no-repeat;
  width: 34px;
  height: 40px;
  background-position: -481px -120px;
  left: -45px;
  top: 2px;
}
.event-details .event-data .countdown-data {
  display: inline-block;
  margin-top: 30px;
  margin-left: 20px;
}
.event-details .event-data .countdown-data span.box {
  position: relative;
  border: 1px solid #f9f9f9;
  margin-right: 10px;
  padding: 12px 13px;
  font-weight: bold;
  color: #343434;
  font-size: 20px;
}
.event-details .event-data .countdown-data span.box span {
  display: block;
  position: absolute;
  top: 55px;
  font-weight: 100;
  font-size: 14px;
  color: #868178;
  left: 0;
  margin: auto;
  right: 0;
  text-align: center;
}
.event-details .event-data .intro {
  margin-top: 50px;
  padding: 0 20px 10px 0;
}
.event-details .event-data .intro p {
  text-align: justify;
}
.event-details .event-data .event-info {
  border-top: 1px dotted #ececed;
  border-bottom: 1px dotted #ececed;
  padding: 20px 0;
  height: 80px;
}
.event-details .event-data .event-info li {
  float: left;
  position: relative;
  width: 50%;
  padding: 10px 0;
}
.event-details .event-data .event-info li:before {
  content: '';
  position: absolute;
  display: inline-block;
  vertical-align: text-top;
  text-indent: -9999px;
  overflow: hidden;
  background-image: url("/portal/content/siteimages/sprites.png?v3.4");
  background-repeat: no-repeat;
  left: 5px;
}
.event-details .event-data .event-info li span {
  padding-left: 30px;
  display: inline-block;
}
.event-details .event-data .event-info li.event-d-date:before {
  width: 23px;
  height: 21px;
  background-position: -525px -120px;
}
.event-details .event-data .event-info li.event-d-time:before {
  width: 24px;
  height: 24px;
  background-position: -558px -120px;
}
.event-details .event-data .event-info li.event-d-venue:before {
  width: 19px;
  height: 24px;
  background-position: -623px -78px;
}
.event-details .event-data .speakers-section h3 {
  color: #bd9549;
  text-transform: uppercase;
  font-size: 18px;
  margin-bottom: 15px;
  margin-top: 15px;
}
.event-details .event-data .speakers-section ul.speaker-list li {
  position: relative;
  margin-bottom: 20px;
  border-bottom: 1px dotted #b4b4b4;
  padding-bottom: 20px;
}
.event-details .event-data .speakers-section ul.speaker-list li:last-child {
  border-bottom: none;
}
.event-details .event-data .speakers-section ul.speaker-list li.with-bio h4,
.event-details .event-data .speakers-section ul.speaker-list li.with-bio p {
  margin-left: 140px;
}
.event-details .event-data .speakers-section ul.speaker-list li h4 span.speaker-name {
  display: block;
  color: #bd9549;
  font-size: 13px;
  font-weight: bold;
  margin-bottom: 5px;
}
.event-details .event-data .speakers-section ul.speaker-list li h4 span.company,
.event-details .event-data .speakers-section ul.speaker-list li h4 span.designation {
  color: #5a5a5a;
  padding: 5px 0;
  font-weight: bold;
}
.event-details .event-data .speakers-section ul.speaker-list li h4 span.introText {
  margin-top: 5px;
  color: #868178;
  display: block;
}
.event-details .event-data .speakers-section ul.speaker-list li div.wrapper-inner img {
  position: absolute;
  top: 0;
  height: 110px;
  width: 110px;
  border-radius: 100%;
}
.event-details .event-data .speakers-section ul.speaker-list li div.wrapper-inner i.border-img {
  height: 94px;
  width: 94px;
  display: block;
  position: absolute;
  border: 8px solid rgba(144, 148, 150, 0.22);
  border-radius: 100%;
  top: 0;
  left: 0px;
}
.event-details .event-photos {
  width: 325px;
  display: inline-block;
  float: right;
  margin-top: 20px;
}
.event-details .event-photos ul.event-photos-carousel li a img {
  width: 325px;
  height: 220px;
}
.event-details .event-photos .owl-controls {
  z-index: 9;
  height: 20px;
  margin-bottom: -30px;
}
/* This is a compiled file, you should be editing the file in the templates directory */
.pace {
  -webkit-pointer-events: none;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  z-index: 2000;
  position: fixed;
  margin: auto;
  top: 12px;
  left: 0;
  right: 0;
  bottom: 0;
  width: 200px;
  height: 70px;
  overflow: hidden;
}
.pace .pace-progress {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  display: block;
  position: absolute;
  right: 100%;
  margin-right: -7px;
  width: 93%;
  top: 7px;
  height: 14px;
  font-size: 24px;
  background: #b01d23;
  color: #b01d23;
  line-height: 60px;
  font-weight: bold;
  font-family: Helvetica, Arial, "Lucida Grande", sans-serif;
  -webkit-box-shadow: 120px 0 #fff, 240px 0 #fff;
  -ms-box-shadow: 120px 0 #fff, 240px 0 #fff;
  box-shadow: 120px 0 #fff, 240px 0 #fff;
}
.pace .pace-progress:after {
  content: attr(data-progress-text);
  display: inline-block;
  position: absolute;
  right: 0;
  padding-right: 20px;
  top: 10px;
  width: 100%;
  text-align: center;
  color: #b01d23;
  font-weight: bold;
}
.pace .pace-progress[data-progress-text="0%"]:after {
  right: -200px;
}
.pace .pace-progress[data-progress-text="1%"]:after {
  right: -198.14px;
}
.pace .pace-progress[data-progress-text="2%"]:after {
  right: -196.28px;
}
.pace .pace-progress[data-progress-text="3%"]:after {
  right: -194.42px;
}
.pace .pace-progress[data-progress-text="4%"]:after {
  right: -192.56px;
}
.pace .pace-progress[data-progress-text="5%"]:after {
  right: -190.7px;
}
.pace .pace-progress[data-progress-text="6%"]:after {
  right: -188.84px;
}
.pace .pace-progress[data-progress-text="7%"]:after {
  right: -186.98px;
}
.pace .pace-progress[data-progress-text="8%"]:after {
  right: -185.12px;
}
.pace .pace-progress[data-progress-text="9%"]:after {
  right: -183.26px;
}
.pace .pace-progress[data-progress-text="10%"]:after {
  right: -181.4px;
}
.pace .pace-progress[data-progress-text="11%"]:after {
  right: -179.54px;
}
.pace .pace-progress[data-progress-text="12%"]:after {
  right: -177.68px;
}
.pace .pace-progress[data-progress-text="13%"]:after {
  right: -175.82px;
}
.pace .pace-progress[data-progress-text="14%"]:after {
  right: -173.96px;
}
.pace .pace-progress[data-progress-text="15%"]:after {
  right: -172.1px;
}
.pace .pace-progress[data-progress-text="16%"]:after {
  right: -170.24px;
}
.pace .pace-progress[data-progress-text="17%"]:after {
  right: -168.38px;
}
.pace .pace-progress[data-progress-text="18%"]:after {
  right: -166.52px;
}
.pace .pace-progress[data-progress-text="19%"]:after {
  right: -164.66px;
}
.pace .pace-progress[data-progress-text="20%"]:after {
  right: -162.8px;
}
.pace .pace-progress[data-progress-text="21%"]:after {
  right: -160.94px;
}
.pace .pace-progress[data-progress-text="22%"]:after {
  right: -159.08px;
}
.pace .pace-progress[data-progress-text="23%"]:after {
  right: -157.22px;
}
.pace .pace-progress[data-progress-text="24%"]:after {
  right: -155.36px;
}
.pace .pace-progress[data-progress-text="25%"]:after {
  right: -153.5px;
}
.pace .pace-progress[data-progress-text="26%"]:after {
  right: -151.64px;
}
.pace .pace-progress[data-progress-text="27%"]:after {
  right: -149.78px;
}
.pace .pace-progress[data-progress-text="28%"]:after {
  right: -147.92px;
}
.pace .pace-progress[data-progress-text="29%"]:after {
  right: -146.06px;
}
.pace .pace-progress[data-progress-text="30%"]:after {
  right: -144.2px;
}
.pace .pace-progress[data-progress-text="31%"]:after {
  right: -142.34px;
}
.pace .pace-progress[data-progress-text="32%"]:after {
  right: -140.48px;
}
.pace .pace-progress[data-progress-text="33%"]:after {
  right: -138.62px;
}
.pace .pace-progress[data-progress-text="34%"]:after {
  right: -136.76px;
}
.pace .pace-progress[data-progress-text="35%"]:after {
  right: -134.9px;
}
.pace .pace-progress[data-progress-text="36%"]:after {
  right: -133.04px;
}
.pace .pace-progress[data-progress-text="37%"]:after {
  right: -131.18px;
}
.pace .pace-progress[data-progress-text="38%"]:after {
  right: -129.32px;
}
.pace .pace-progress[data-progress-text="39%"]:after {
  right: -127.46px;
}
.pace .pace-progress[data-progress-text="40%"]:after {
  right: -125.6px;
}
.pace .pace-progress[data-progress-text="41%"]:after {
  right: -123.74px;
}
.pace .pace-progress[data-progress-text="42%"]:after {
  right: -121.88px;
}
.pace .pace-progress[data-progress-text="43%"]:after {
  right: -120.02px;
}
.pace .pace-progress[data-progress-text="44%"]:after {
  right: -118.16px;
}
.pace .pace-progress[data-progress-text="45%"]:after {
  right: -116.3px;
}
.pace .pace-progress[data-progress-text="46%"]:after {
  right: -114.44px;
}
.pace .pace-progress[data-progress-text="47%"]:after {
  right: -112.58px;
}
.pace .pace-progress[data-progress-text="48%"]:after {
  right: -110.72px;
}
.pace .pace-progress[data-progress-text="49%"]:after {
  right: -108.86px;
}
.pace .pace-progress[data-progress-text="50%"]:after {
  right: -107px;
}
.pace .pace-progress[data-progress-text="51%"]:after {
  right: -105.14px;
}
.pace .pace-progress[data-progress-text="52%"]:after {
  right: -103.28px;
}
.pace .pace-progress[data-progress-text="53%"]:after {
  right: -101.42px;
}
.pace .pace-progress[data-progress-text="54%"]:after {
  right: -99.56px;
}
.pace .pace-progress[data-progress-text="55%"]:after {
  right: -97.7px;
}
.pace .pace-progress[data-progress-text="56%"]:after {
  right: -95.84px;
}
.pace .pace-progress[data-progress-text="57%"]:after {
  right: -93.98px;
}
.pace .pace-progress[data-progress-text="58%"]:after {
  right: -92.12px;
}
.pace .pace-progress[data-progress-text="59%"]:after {
  right: -90.26px;
}
.pace .pace-progress[data-progress-text="60%"]:after {
  right: -88.4px;
}
.pace .pace-progress[data-progress-text="61%"]:after {
  right: -86.54px;
}
.pace .pace-progress[data-progress-text="62%"]:after {
  right: -84.68px;
}
.pace .pace-progress[data-progress-text="63%"]:after {
  right: -82.82px;
}
.pace .pace-progress[data-progress-text="64%"]:after {
  right: -80.96px;
}
.pace .pace-progress[data-progress-text="65%"]:after {
  right: -79.1px;
}
.pace .pace-progress[data-progress-text="66%"]:after {
  right: -77.24px;
}
.pace .pace-progress[data-progress-text="67%"]:after {
  right: -75.38px;
}
.pace .pace-progress[data-progress-text="68%"]:after {
  right: -73.52px;
}
.pace .pace-progress[data-progress-text="69%"]:after {
  right: -71.66px;
}
.pace .pace-progress[data-progress-text="70%"]:after {
  right: -69.8px;
}
.pace .pace-progress[data-progress-text="71%"]:after {
  right: -67.94px;
}
.pace .pace-progress[data-progress-text="72%"]:after {
  right: -66.08px;
}
.pace .pace-progress[data-progress-text="73%"]:after {
  right: -64.22px;
}
.pace .pace-progress[data-progress-text="74%"]:after {
  right: -62.36px;
}
.pace .pace-progress[data-progress-text="75%"]:after {
  right: -60.5px;
}
.pace .pace-progress[data-progress-text="76%"]:after {
  right: -58.64px;
}
.pace .pace-progress[data-progress-text="77%"]:after {
  right: -56.78px;
}
.pace .pace-progress[data-progress-text="78%"]:after {
  right: -54.92px;
}
.pace .pace-progress[data-progress-text="79%"]:after {
  right: -53.06px;
}
.pace .pace-progress[data-progress-text="80%"]:after {
  right: -51.2px;
}
.pace .pace-progress[data-progress-text="81%"]:after {
  right: -49.34px;
}
.pace .pace-progress[data-progress-text="82%"]:after {
  right: -47.48px;
}
.pace .pace-progress[data-progress-text="83%"]:after {
  right: -45.62px;
}
.pace .pace-progress[data-progress-text="84%"]:after {
  right: -43.76px;
}
.pace .pace-progress[data-progress-text="85%"]:after {
  right: -41.9px;
}
.pace .pace-progress[data-progress-text="86%"]:after {
  right: -40.04px;
}
.pace .pace-progress[data-progress-text="87%"]:after {
  right: -38.18px;
}
.pace .pace-progress[data-progress-text="88%"]:after {
  right: -36.32px;
}
.pace .pace-progress[data-progress-text="89%"]:after {
  right: -34.46px;
}
.pace .pace-progress[data-progress-text="90%"]:after {
  right: -32.6px;
}
.pace .pace-progress[data-progress-text="91%"]:after {
  right: -30.74px;
}
.pace .pace-progress[data-progress-text="92%"]:after {
  right: -28.88px;
}
.pace .pace-progress[data-progress-text="93%"]:after {
  right: -27.02px;
}
.pace .pace-progress[data-progress-text="94%"]:after {
  right: -25.16px;
}
.pace .pace-progress[data-progress-text="95%"]:after {
  right: -23.3px;
}
.pace .pace-progress[data-progress-text="96%"]:after {
  right: -21.44px;
}
.pace .pace-progress[data-progress-text="97%"]:after {
  right: -19.58px;
}
.pace .pace-progress[data-progress-text="98%"]:after {
  right: -17.72px;
}
.pace .pace-progress[data-progress-text="99%"]:after {
  right: -15.86px;
}
.pace .pace-progress[data-progress-text="100%"]:after {
  right: -14px;
}
.pace .pace-activity {
  position: absolute;
  width: 100%;
  height: 28px;
  z-index: 2001;
  box-shadow: inset 0 0 0 2px #b01d23, inset 0 0 0 7px #FFF;
  border-radius: 10px;
}
.pace.pace-inactive {
  display: none;
}
body {
  background-color: rgba(218, 197, 162, 0);
}
body.pace-running {
  opacity: 0.5;
}
body.loaded.pace-done {
  opacity: 1;
  -webkit-transition: opacity 1s linear;
  -moz-transition: opacity 1s linear;
  -o-transition: opacity 1s linear;
  transition: opacity 1s linear;
}
.pace-active img {
  position: fixed;
  margin: auto;
  left: 0;
  right: 0;
  margin-bottom: -38px;
  display: inline-block;
  margin-top: -85px;
}
.innovations .breadcrumb-block {
  margin-top: 0;
}
.innovations .subpage-no-column #content h1 {
  display: none;
}
/* Arabic Font */
@font-face {
  font-family: 'Droid Arabic Kufi';
  src: url('../fonts/droidkufi/DroidArabicKufi.eot?#iefix') format('embedded-opentype'), url('../fonts/droidkufi/DroidArabicKufi.woff') format('woff'), url('../fonts/droidkufi/DroidArabicKufi.ttf') format('truetype'), url('../fonts/droidkufi/DroidArabicKufi.svg#DroidArabicKufi') format('svg');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'Droid Arabic Kufi';
  src: url('../fonts/droidkufi/DroidArabicKufi-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/droidkufi/DroidArabicKufi-Bold.woff') format('woff'), url('../fonts/droidkufi/DroidArabicKufi-Bold.ttf') format('truetype'), url('../fonts/droidkufi/DroidArabicKufi-Bold.svg#DroidArabicKufi-Bold') format('svg');
  font-weight: 600;
  font-style: normal;
}
/** 
 * CLEARFIX
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
  *zoom: 1;
}
.cf:before,
.cf:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.cf:after {
  clear: both;
}
/* ------------------------ */
/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2016 Daniel Eden
 */
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}
.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}
@-webkit-keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}
@keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}
.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}
.bounce {
  animation: bounce 2s infinite;
  -webkit-animation: bounce 2s infinite;
  -moz-animation: bounce 2s infinite;
  -ms-animation: bounce 2s infinite;
}
@-webkit-keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  60% {
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
  }
}
@-moz-keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  60% {
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
  }
}
@keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  60% {
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
  }
}
@-webkit-keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}
@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}
@-webkit-keyframes shake {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
@keyframes shake {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}
@-webkit-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
.headShake {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
  animation-name: headShake;
}
@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
.swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}
@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
  from {
    -webkit-transform: none;
    transform: none;
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes wobble {
  from {
    -webkit-transform: none;
    transform: none;
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}
@-webkit-keyframes jello {
  from,
  11.1%,
  to {
    -webkit-transform: none;
    transform: none;
  }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }
  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}
@keyframes jello {
  from,
  11.1%,
  to {
    -webkit-transform: none;
    transform: none;
  }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }
  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}
.jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center;
}
@-webkit-keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes fadeOutDown {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes fadeOutRight {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes fadeOutUp {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
@keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}
@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}
@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
@keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
.flipOutY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}
@-webkit-keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
@keyframes lightSpeedOut {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
@keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}
@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
@keyframes rollOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}
@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}
@-webkit-keyframes zoomIn_ {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50% {
    opacity: 1;
  }
}
@keyframes zoomIn_ {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50% {
    opacity: 1;
  }
}
.zoomIn_ {
  -webkit-animation-name: zoomIn_;
  animation-name: zoomIn_;
}
@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}
@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
@keyframes zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}
@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}
@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}
.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}
@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}
@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}
.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}
@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}
@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}
@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}
@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}
@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}
/**
 * Owl Carousel v2.2.0
 * Copyright 2013-2016 David Deutsch
 * Licensed under MIT (https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE)
 */
/*
     * 	Default theme - Owl Carousel CSS File
 */
.innovation-page {
  /* *  Owl Carousel - Core
 */
  /* No Js */
  /*
 *  Owl Carousel - Animate Plugin
 */
  /*
 * 	Owl Carousel - Auto Height Plugin
 */
  /*
 * 	Owl Carousel - Lazy Load Plugin
 */
  /*
 * 	Owl Carousel - Video Plugin
 */
}
.innovation-page .owl-theme .owl-nav {
  margin-top: 10px;
  text-align: center;
  -webkit-tap-highlight-color: transparent;
}
.innovation-page .owl-theme .owl-nav [class*='owl-'] {
  color: #FFF;
  font-size: 14px;
  margin: 5px;
  padding: 4px 7px;
  background: #D6D6D6;
  display: inline-block;
  cursor: pointer;
  border-radius: 3px;
}
.innovation-page .owl-theme .owl-nav [class*='owl-']:hover {
  background: #869791;
  color: #FFF;
  text-decoration: none;
}
.innovation-page .owl-theme .owl-nav .disabled {
  opacity: 0.5;
  cursor: default;
}
.innovation-page .owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 10px;
}
.innovation-page .owl-theme .owl-dots {
  text-align: center;
  -webkit-tap-highlight-color: transparent;
}
.innovation-page .owl-theme .owl-dots .owl-dot {
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.innovation-page .owl-theme .owl-dots .owl-dot span {
  width: 10px;
  height: 10px;
  margin: 5px 7px;
  background: #D6D6D6;
  display: block;
  -webkit-backface-visibility: visible;
  transition: opacity 200ms ease;
  border-radius: 30px;
}
.innovation-page .owl-theme .owl-dots .owl-dot.active span,
.innovation-page .owl-theme .owl-dots .owl-dot:hover span {
  background: #869791;
}
.innovation-page .owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1;
}
.innovation-page .owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
}
.innovation-page .owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.innovation-page .owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  /* fix for flashing background */
  -webkit-transform: translate3d(0px, 0px, 0px);
}
.innovation-page .owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}
.innovation-page .owl-carousel .owl-item img {
  display: block;
  width: 100%;
  -webkit-transform-style: preserve-3d;
}
.innovation-page .owl-carousel .owl-nav.disabled,
.innovation-page .owl-carousel .owl-dots.disabled {
  display: none;
}
.innovation-page .owl-carousel .owl-nav .owl-prev,
.innovation-page .owl-carousel .owl-nav .owl-next,
.innovation-page .owl-carousel .owl-dot {
  cursor: pointer;
  cursor: hand;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.innovation-page .owl-carousel.owl-loaded {
  display: block;
}
.innovation-page .owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}
.innovation-page .owl-carousel.owl-hidden {
  opacity: 0;
}
.innovation-page .owl-carousel.owl-refresh .owl-item {
  visibility: hidden;
}
.innovation-page .owl-carousel.owl-drag .owl-item {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.innovation-page .owl-carousel.owl-grab {
  cursor: move;
  cursor: grab;
}
.innovation-page .owl-carousel.owl-rtl {
  direction: rtl;
}
.innovation-page .owl-carousel.owl-rtl .owl-item {
  float: right;
}
.innovation-page .no-js .owl-carousel {
  display: block;
}
.innovation-page .owl-carousel .animated {
  -webkit-animation-duration: 1000ms;
  animation-duration: 1000ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.innovation-page .owl-carousel .owl-animated-in {
  z-index: 0;
}
.innovation-page .owl-carousel .owl-animated-out {
  z-index: 1;
}
.innovation-page .owl-carousel .fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.innovation-page .owl-height {
  transition: height 500ms ease-in-out;
}
.innovation-page .owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity 400ms ease;
}
.innovation-page .owl-carousel .owl-item img.owl-lazy {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.innovation-page .owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000;
}
.innovation-page .owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("../Less/Innovations/Less/plugins/owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: -webkit-transform 100ms ease;
  transition: transform 100ms ease;
}
.innovation-page .owl-carousel .owl-video-play-icon:hover {
  -webkit-transform: scale(1.3, 1.3);
  -ms-transform: scale(1.3, 1.3);
  transform: scale(1.3, 1.3);
}
.innovation-page .owl-carousel .owl-video-playing .owl-video-tn,
.innovation-page .owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none;
}
.innovation-page .owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 400ms ease;
}
.innovation-page .owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%;
}
.innovation-page {
  /* Header */
  /* Tab and Accordian*/
}
.innovation-page h1,
.innovation-page h2,
.innovation-page h3,
.innovation-page h4,
.innovation-page h5 {
  margin: 0;
}
.innovation-page .section {
  width: 100%;
  height: 100%;
}
.innovation-page .section .section-container {
  width: 95%;
  max-width: 100%;
  margin: 0;
  position: relative;
  float: right;
}
.innovation-page ul.tabs {
  margin: 0;
  padding: 0;
  float: left;
  list-style: none;
  width: 100%;
}
.innovation-page ul.tabs li {
  float: left;
  margin: 0 5% 0 0;
  cursor: pointer;
  padding: 11px 12px 11px 48px;
  line-height: 1;
  color: #babab9;
  font-family: 'Open Sans', sans-serif;
  position: relative;
  font-weight: 700;
  transition: all 300ms ease-in-out;
}
.innovation-page ul.tabs li:last-child {
  margin: 0 0 0 0;
}
.innovation-page .tab_container {
  clear: both;
  float: left;
  width: 100%;
}
.innovation-page .tab_content {
  display: none;
}
.innovation-page {
  font-family: 'Oswald', sans-serif;
  color: #313131;
  /*.owl-controls {
        height: auto;
        z-index: auto;
        position: unset;
        bottom: auto;
        margin: auto;
        left: auto;
        right: auto;
    }*/
}
.innovation-page a,
.innovation-page p {
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
}
.innovation-page p {
  color: #868686;
}
.innovation-page p {
  font-weight: 100;
  text-align: left;
}
.innovation-page a {
  text-decoration: none;
  outline: none;
  color: #313131;
  cursor: pointer;
  -webkit-transition: all 300ms cubic-bezier(0.47, 0, 0.745, 0.715);
  -moz-transition: all 300ms cubic-bezier(0.47, 0, 0.745, 0.715);
  transition: all 300ms cubic-bezier(0.47, 0, 0.745, 0.715);
}
.innovation-page a:link,
.innovation-page a:focus,
.innovation-page a:hover {
  text-decoration: none;
  outline: none;
}
.innovation-page a:hover,
.innovation-page a.active {
  color: #d92a31;
}
.innovation-page .video-popup {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.94);
  opacity: 0;
  z-index: -1;
  transition: all 300ms ease-in-out;
}
.innovation-page .video-popup .video-frame,
.innovation-page .video-popup iframe {
  width: 75%;
  height: 75%;
  margin: 5% auto;
  display: block;
}
.innovation-page .video-popup .close-video {
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  margin: 0 auto;
  top: 2%;
  background: #fff;
  display: inline-block;
  width: 80px;
  border-radius: 25px;
  padding: 4px 0;
  font-weight: 700;
  text-decoration: none;
}
.innovation-page .section .section-container {
  float: none;
  width: 100%;
}
.innovation-page .left,
.innovation-page .right {
  display: inline-block;
  float: left;
}
.innovation-page .left {
  width: 30%;
}
.innovation-page .left h2 {
  font-size: 3.585em;
  text-transform: uppercase;
  margin: 0 0 5%;
}
.innovation-page .left a {
  font-size: 1em;
  font-weight: 700;
  text-transform: uppercase;
  color: #ffffff;
  background: #b01d23;
  padding: 12px 25px;
  border-radius: 50px;
  display: inline-block;
  margin-top: 10%;
  -webkit-transition: all 300ms cubic-bezier(0.47, 0, 0.745, 0.715);
  -moz-transition: all 300ms cubic-bezier(0.47, 0, 0.745, 0.715);
  transition: all 300ms cubic-bezier(0.47, 0, 0.745, 0.715);
}
.innovation-page .left a:hover {
  background: #d92a31;
}
.innovation-page .right {
  width: 70%;
}
.innovation-page .innovation {
  background: url('/portal/content/siteimages/innovationhome-banner-bg.jpg') #fafafa;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  height: 100vh;
}
.innovation-page .innovation .section-container {
  width: 95%;
  float: right;
  margin: 0;
  z-index: 1;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  top: 50%;
}
.innovation-page .innovation .section-container .innovation-carousel {
  padding-left: 8%;
}
.innovation-page .innovation .section-container .innovation-carousel .owl-stage-outer {
  padding: 1%;
}
.innovation-page .innovation .section-container .innovation-carousel li {
  display: inline-block;
  text-align: center;
  padding: 15% 5%;
  background-color: #ffffff;
  box-shadow: 0 1px 10px 1px rgba(0, 0, 0, 0.15);
  width: 90%;
  max-height: 160px;
}
.innovation-page .innovation .section-container .innovation-carousel li h4 {
  font-family: 'Open Sans', sans-serif;
  padding: 0 10%;
  font-size: 1em;
}
.innovation-page .innovation .section-container .innovation-carousel li .image img {
  display: inline-block;
  width: auto;
}
.innovation-page .innovation .section-container .innovation-carousel .owl-controls {
  height: 50px;
  z-index: 0;
  bottom: -81%;
}
.innovation-page .innovation .section-container .innovation-carousel .owl-nav {
  position: absolute;
  bottom: 0;
  left: 22%;
  transform: translateX(-22%);
}
.innovation-page .innovation .section-container .innovation-carousel .owl-nav.disabled {
  display: block;
}
.innovation-page .innovation .section-container .innovation-carousel .owl-nav .owl-prev {
  position: relative;
  left: -50%;
  background: none;
  border-radius: 0;
  padding: 7px 0;
  padding-left: 26px;
  border-left: 3px solid #b01d23;
  vertical-align: middle;
  text-indent: 0;
  width: auto;
}
.innovation-page .innovation .section-container .innovation-carousel .owl-nav .owl-prev:before {
  content: url('/portal/content/siteimages/innovation/arrow-prev.png');
  position: absolute;
  top: 40%;
  transform: translateY(-40%);
  display: inline-block;
}
.innovation-page .innovation .section-container .innovation-carousel .owl-nav .owl-next {
  position: relative;
  right: -40%;
  background: none;
  border-radius: 0;
  padding: 7px 0;
  padding-right: 26px;
  border-right: 3px solid #b01d23;
  vertical-align: middle;
  text-indent: 0;
  width: auto;
}
.innovation-page .innovation .section-container .innovation-carousel .owl-nav .owl-next:before {
  content: url('/portal/content/siteimages/innovation/arrow-next.png');
  position: absolute;
  top: 40%;
  transform: translateY(-40%);
  display: inline-block;
}
.innovation-page .innovation .section-container .innovation-carousel .owl-dots {
  counter-reset: slides-num;
  /* Initialize counter. */
  position: absolute;
  bottom: 0;
  left: 24%;
  transform: translateX(-24%);
  margin-bottom: 0;
  width: 50px;
}
.innovation-page .innovation .section-container .innovation-carousel .owl-dots.disabled {
  display: block;
}
.innovation-page .innovation .section-container .innovation-carousel .owl-dots:after {
  content: counter(slides-num);
  /* get total number of items  */
  display: inline-block;
  font-size: 17px;
  font-weight: 400;
  vertical-align: middle;
  padding-left: 26px;
  color: #c9c9c9;
}
.innovation-page .innovation .section-container .innovation-carousel .owl-dot {
  display: inline-block;
  counter-increment: slides-num;
  /* Increment counter */
  margin-right: 5px;
  font-family: 'Open Sans', sans-serif;
}
.innovation-page .innovation .section-container .innovation-carousel .owl-dot span {
  display: none;
}
.innovation-page .innovation .section-container .innovation-carousel .owl-dot.active {
  color: #313131;
}
.innovation-page .innovation .section-container .innovation-carousel .owl-dot.active:before {
  content: counter(slides-num) " ";
  /* Use the same counter to get current item. */
  display: inline-block;
  vertical-align: middle;
  font-size: 32px;
  font-weight: bolder;
  position: absolute;
  left: -8px;
  top: -18px;
}
.innovation-page .innovation .section-container .innovation-carousel .owl-dot.active:after {
  content: '/';
  display: inline-block;
  vertical-align: middle;
  font-size: 46px;
  font-weight: 100;
  position: absolute;
  left: 14px;
  top: -27px;
  color: #c9c9c9;
}
.innovation-page .innovation .elements {
  position: absolute;
  z-index: 0;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  text-align: right;
}
.innovation-page .innovation .elements span {
  background-repeat: no-repeat;
  background-position: center;
  display: inline-block;
  width: 112px;
  height: 112px;
  position: absolute;
  right: 0;
  top: 20%;
}
@keyframes float {
  0% {
    transform: translatey(0px);
  }
  50% {
    transform: translatey(-20px);
  }
  100% {
    transform: translatey(0px);
  }
}
.innovation-page .innovation .elements .settings {
  background-image: url('/portal/content/siteimages/innovation/elements/1.png');
  right: 56%;
  -webkit-animation: float 6s ease-in-out infinite;
  animation: float 6s ease-in-out infinite;
}
.innovation-page .innovation .elements .bulb {
  background-image: url('/portal/content/siteimages/innovation/elements/2.png');
  width: 101px;
  height: 123px;
  right: 36%;
  top: 23%;
  -webkit-animation: float 6s ease-in-out infinite;
  animation: float 6s ease-in-out infinite;
}
.innovation-page .innovation .elements .pencil {
  background-image: url('/portal/content/siteimages/innovation/elements/3.png');
  width: 83px;
  height: 95px;
  right: 20%;
  top: 14%;
  -webkit-animation: float 4s ease-in-out infinite;
  animation: float 4s ease-in-out infinite;
}
.innovation-page .innovation .elements .idea {
  background-image: url('/portal/content/siteimages/innovation/elements/4.png');
  width: 150px;
  height: 129px;
  top: 1%;
  right: 2%;
  -webkit-animation: float 6s ease-in-out infinite;
  animation: float 6s ease-in-out infinite;
}
.innovation-page .innovation .elements .business {
  background-image: url('/portal/content/siteimages/innovation/elements/5.png');
  width: 196px;
  height: 30px;
  top: 23%;
  right: 1%;
  -webkit-animation: float 4s ease-in-out infinite;
  animation: float 4s ease-in-out infinite;
}
.innovation-page .innovation .elements .idea-word {
  background-image: url('/portal/content/siteimages/innovation/elements/7.png');
  width: 131px;
  height: 52px;
  top: 56%;
  right: 48%;
  -webkit-animation: float 6s ease-in-out infinite;
  animation: float 6s ease-in-out infinite;
}
.innovation-page .innovation .elements .creative-word {
  background-image: url('/portal/content/siteimages/innovation/elements/8.png');
  width: 226px;
  height: 50px;
  top: 55%;
  right: 18%;
  -webkit-animation: float 8s ease-in-out infinite;
  animation: float 8s ease-in-out infinite;
}
.innovation-page .innovation .elements .speaker {
  background-image: url('/portal/content/siteimages/innovation/elements/9.png');
  width: 202px;
  height: 116px;
  top: 60%;
  right: 1%;
  -webkit-animation: float 6s ease-in-out infinite;
  animation: float 6s ease-in-out infinite;
}
.innovation-page .innovation .elements .ipad {
  background-image: url('/portal/content/siteimages/innovation/elements/10.png');
  width: 123px;
  height: 128px;
  top: 77%;
  right: 1%;
  -webkit-animation: float 3s ease-in-out infinite;
  animation: float 3s ease-in-out infinite;
}
.innovation-page .initiatives {
  text-align: center;
  background-color: #f0f1f1;
  padding: 0;
  position: relative;
  height: 100vh;
  /*.circle-elements {


            span {
                border-radius: 50%;
                display: inline-block;
                position: absolute;
            }

            .dot-circle {
                border: 1px dashed #e67112;
                width: 280px;
                height: 280px;
                right: 10%;
                top: 20%;
                animation-delay: 0s;
                -webkit-animation: dotcircle 3s ease-in-out;
                animation: dotcircle 3s ease-in-out;

                @keyframes dotcircle {
                    0% {
                        border: 0px dashed #e67112;
                        width: 0px;
                        height: 0px;
                    }


                    100% {
                        border: 1px dashed #e67112;
                        width: 280px;
                        height: 280px;
                    }
                }
            }

            .orange-circle-bg {
                width: 130px;
                height: 130px;
                right: 16%;
                border: 50px solid #f38934;
                top: 33%;
                animation-delay: 4s;
                -webkit-animation: orange-bg 3s ease-in-out;
                animation: orange-bg 3s ease-in-out;

                @keyframes orange-bg {
                    0% {
                        width: 0px;
                        height: 0px;
                        border: 0px solid #f38934;
                    }


                    100% {
                        width: 130px;
                        height: 130px;
                        border: 50px solid #f38934;
                    }
                }
            }

            .yellow-circle-md {
                width: 35px;
                height: 35px;
                right: 27%;
                border: 14px solid #ffbb2a;
                top: 23%;
                animation-delay: 5s;
                -webkit-animation: yellow-md 2s ease-in-out;
                animation: yellow-md 2s ease-in-out;

                @keyframes yellow-md {
                    0% {
                        width: 0px;
                        height: 0px;
                        border: 0px solid #ffbb2a;
                    }


                    100% {
                        width: 35px;
                        height: 35px;
                        border: 14px solid #ffbb2a;
                    }
                }
            }

            .orange-circle-sm {
                width: 15px;
                height: 15px;
                right: 23%;
                border: 7px solid #ffbb2a;
                top: 30%;
                animation-delay: 5.5s;
                -webkit-animation: orange-sm 2s ease-in-out;
                animation: orange-sm 2s ease-in-out;

                @keyframes orange-sm {
                    0% {
                        width: 0px;
                        height: 0px;
                        border: 0px solid #ffbb2a;
                    }


                    100% {
                        width: 15px;
                        height: 15px;
                        border: 7px solid #ffbb2a;
                    }
                }
            }

            .yellow-circle-sm {
                width: 15px;
                height: 15px;
                right: 25%;
                border: #ffbb2a 7px solid;
                top: 62%;
                animation-delay: 5s;
                -webkit-animation: yellow-sm 2s ease-in-out;
                animation: yellow-sm 2s ease-in-out;

                @keyframes yellow-sm {
                    0% {
                        width: 0px;
                        height: 0px;
                        border: #ffbb2a 0px solid;
                    }


                    100% {
                        width: 15px;
                        height: 15px;
                        border: #ffbb2a 7px solid;
                    }
                }
            }
        }*/
}
.innovation-page .initiatives .contnent-area {
  position: absolute;
  top: 10%;
  width: 100%;
  z-index: 2;
}
.innovation-page .initiatives .section-container {
  width: 100%;
}
.innovation-page .initiatives .section-container:before {
  content: '';
  width: 40%;
  height: 50vh;
  border-right: 1px solid #d92a31;
  border-top: 1px solid #d92a31;
  display: block;
  position: absolute;
  top: 7%;
  z-index: 1;
  right: 3%;
}
.innovation-page .initiatives .circle-elements span {
  border-radius: 50%;
  display: inline-block;
  position: absolute;
  transition: all 1000ms ease-in-out;
}
.innovation-page .initiatives .circle-elements .dot-circle {
  border: 0px dashed #a20108;
  width: 0px;
  height: 0px;
  right: 10%;
  top: 20%;
  transition: all 1000ms ease-in-out;
}
.innovation-page .initiatives .circle-elements .orange-circle-bg {
  width: 0px;
  height: 0px;
  right: 16%;
  border: 0px solid #bd9549;
  top: 33%;
  transition-delay: 100ms;
}
.innovation-page .initiatives .circle-elements .yellow-circle-md {
  width: 0px;
  height: 0px;
  right: 27%;
  border: 0px solid #bd9549;
  top: 23%;
  transition-delay: 1500ms;
}
.innovation-page .initiatives .circle-elements .orange-circle-sm {
  width: 0px;
  height: 0px;
  right: 23%;
  border: 0px solid #a20108;
  top: 30%;
  transition: all 300ms ease-in-out;
  transition-delay: 1500ms;
}
.innovation-page .initiatives .circle-elements .yellow-circle-sm {
  width: 0px;
  height: 0px;
  right: 25%;
  border: #a20108 0px solid;
  top: 62%;
  transition: all 300ms ease-in-out;
  transition-delay: 2800ms;
}
.innovation-page .initiatives.active .circle-elements span {
  border-radius: 50%;
  display: inline-block;
  position: absolute;
}
.innovation-page .initiatives.active .circle-elements .dot-circle {
  border: 1px dashed #a20108;
  width: 280px;
  height: 280px;
  right: 10%;
  top: 20%;
}
.innovation-page .initiatives.active .circle-elements .orange-circle-bg {
  width: 130px;
  height: 130px;
  right: 11%;
  border: 50px solid #bd9549;
  top: 31%;
}
.innovation-page .initiatives.active .circle-elements .yellow-circle-md {
  width: 35px;
  height: 35px;
  right: 22%;
  border: 14px solid #bd9549;
  top: 21%;
}
.innovation-page .initiatives.active .circle-elements .orange-circle-sm {
  width: 15px;
  height: 15px;
  right: 20%;
  border: 7px solid #a20108;
  top: 27%;
}
.innovation-page .initiatives.active .circle-elements .yellow-circle-sm {
  width: 15px;
  height: 15px;
  right: 15%;
  border: 7px solid #a20108;
  top: 60%;
}
.innovation-page .initiatives h2 {
  font-size: 3.585em;
  text-transform: uppercase;
  margin: 0;
}
.innovation-page .initiatives p {
  text-align: center;
  font-weight: 600;
  color: #313131;
  padding: 0 18%;
}
.innovation-page .initiatives .initiative-carousel {
  padding-top: 21%;
}
.innovation-page .initiatives .initiative-carousel .owl-stage-outer {
  padding-top: 2%;
  padding-bottom: 70px;
}
.innovation-page .initiatives .initiative-carousel:before {
  display: block;
  content: '';
  background-image: url('/portal/content/siteimages/innovation/middle-bar.png');
  background-repeat: no-repeat;
  height: 100vh;
  width: 93%;
  position: absolute;
  z-index: -1;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 0;
  background-position: center;
  background-size: 82%;
}
.innovation-page .initiatives .initiative-carousel:after {
  display: block;
  content: '';
  background-color: #b01d23;
  height: 43vh;
  width: 59%;
  width: 52.5%;
  position: absolute;
  z-index: -2;
  left: 23%;
  top: 40%;
  box-shadow: 0px 0px 63px 0px rgba(0, 0, 0, 0.2);
  display: none;
}
.innovation-page .initiatives .initiative-carousel li {
  display: inline-block;
  list-style-type: none;
  width: 100%;
  position: relative;
  vertical-align: top;
}
.innovation-page .initiatives .initiative-carousel .item .initiative-items {
  width: 69vw !important;
  /*width: 100%;*/
  height: 100%;
  background: inherit;
}
.innovation-page .initiatives .initiative-carousel .item .initiative-content {
  display: none;
  text-align: left;
  position: absolute;
  right: 37px;
  top: 106px;
  width: 62%;
  top: 56px;
  width: 58%;
  bottom: 0;
  color: #0f0f0f;
  height: auto;
  min-height: 210px;
  padding: 5% 5% 5% 5%;
}
.innovation-page .initiatives .initiative-carousel .item .initiative-content h3 {
  font-size: 26px;
  text-align: left;
  margin-bottom: 3%;
  font-family: 'Open Sans', sans-serif;
}
.innovation-page .initiatives .initiative-carousel .item .initiative-content p {
  text-align: left;
  font-size: 1.143em;
  color: #868686;
  padding: 0;
  font-weight: 400;
  line-height: 1.5;
}
.innovation-page .initiatives .initiative-carousel .item .initiative-content a {
  font-size: 1em;
  font-weight: 700;
  text-transform: uppercase;
  color: #ffffff;
  background: #b01d23;
  padding: 12px 25px;
  border-radius: 50px;
  display: inline-block;
  margin-top: 5%;
  -webkit-transition: all 300ms cubic-bezier(0.47, 0, 0.745, 0.715);
  -moz-transition: all 300ms cubic-bezier(0.47, 0, 0.745, 0.715);
  transition: all 300ms cubic-bezier(0.47, 0, 0.745, 0.715);
}
.innovation-page .initiatives .initiative-carousel .item .initiative-content a:hover {
  background: #d92a31;
}
.innovation-page .initiatives .initiative-carousel .item .initiative-img {
  width: 46%;
  width: 36%;
  text-align: center;
  border: 17px solid #b01d23;
  height: 36vh;
  height: 28vh;
  padding: 3%;
  background-color: #ffffff;
  box-shadow: 0px 0px 26px 0px rgba(0, 0, 0, 0.2);
}
.innovation-page .initiatives .initiative-carousel .item .initiative-img img {
  width: auto;
  max-width: 100%;
  display: inline-block;
}
.innovation-page .initiatives .initiative-carousel .active.center {
  /*width: 16% !important;*/
}
.innovation-page .initiatives .initiative-carousel .active.center .item {
  width: 100%;
  position: relative;
  opacity: 1;
}
.innovation-page .initiatives .initiative-carousel .active.center .item:before {
  display: block;
  content: '';
  height: 43vh;
  width: 10%;
  position: absolute;
  z-index: 1;
  left: 17.4%;
  top: 67px;
  background-repeat: no-repeat;
  background-image: url('/portal/content/siteimages/innovation/side-bar.png');
}
.innovation-page .initiatives .initiative-carousel .active.center .item:after {
  display: block;
  content: '';
  height: 100%;
  width: 80.7%;
  position: absolute;
  z-index: -1;
  left: -3%;
  top: 105px;
  top: 66px;
  border-bottom: 41.5vh solid #fff;
  border-left: 110px solid transparent;
  border-right: 0 solid #f6f6f6;
}
.innovation-page .initiatives .initiative-carousel .active.center .item .initiative-content {
  display: block;
}
.innovation-page .initiatives .initiative-carousel .active.center .item .initiative-img {
  position: absolute;
  left: 0;
  left: -35%;
  left: -22%;
  top: 0;
  bottom: 0;
}
.innovation-page .initiatives .initiative-carousel .owl-controls {
  height: 50px;
  bottom: -40px;
  z-index: 0;
}
.innovation-page .initiatives .initiative-carousel .owl-nav {
  position: absolute;
  top: 0;
  left: 33%;
  transform: translateX(-33%);
}
.innovation-page .initiatives .initiative-carousel .owl-nav .owl-prev {
  position: relative;
  left: -35%;
  background: none;
  border-radius: 0;
  padding: 7px 0;
  padding-left: 26px;
  vertical-align: middle;
  text-indent: 0;
  width: auto;
}
.innovation-page .initiatives .initiative-carousel .owl-nav .owl-prev:before {
  content: url('/portal/content/siteimages/innovation/arrow-prev.png');
  position: absolute;
  top: 40%;
  transform: translateY(-40%);
  display: inline-block;
}
.innovation-page .initiatives .initiative-carousel .owl-nav .owl-next {
  position: relative;
  right: -35%;
  background: none;
  border-radius: 0;
  padding: 7px 0;
  padding-right: 26px;
  vertical-align: middle;
  text-indent: 0;
  width: auto;
}
.innovation-page .initiatives .initiative-carousel .owl-nav .owl-next:before {
  content: url('/portal/content/siteimages/innovation/arrow-next.png');
  position: absolute;
  top: 40%;
  transform: translateY(-40%);
  display: inline-block;
}
.innovation-page .initiatives .initiative-carousel .owl-dots {
  counter-reset: slides-num;
  position: absolute;
  top: 50%;
  left: 35%;
  display: inline-block;
  transform: translateX(-35%);
  margin-bottom: 0;
}
.innovation-page .initiatives .initiative-carousel .owl-dots.disabled {
  display: block;
}
.innovation-page .initiatives .initiative-carousel .owl-dots:after {
  content: counter(slides-num);
  /* get total number of items  */
  display: inline-block;
  font-size: 17px;
  font-weight: 400;
  vertical-align: middle;
  padding-left: 0;
  color: #c9c9c9;
}
.innovation-page .initiatives .initiative-carousel .owl-dot {
  display: inline-block;
  counter-increment: slides-num;
  /* Increment counter */
  margin-right: 5px;
  font-family: 'Open Sans', sans-serif;
}
.innovation-page .initiatives .initiative-carousel .owl-dot span {
  display: none;
}
.innovation-page .initiatives .initiative-carousel .owl-dot.active {
  color: #313131;
}
.innovation-page .initiatives .initiative-carousel .owl-dot.active:before {
  content: counter(slides-num) " ";
  /* Use the same counter to get current item. */
  display: inline-block;
  vertical-align: middle;
  font-size: 32px;
  font-weight: bolder;
  position: absolute;
  left: -8px;
  top: -18px;
}
.innovation-page .initiatives .initiative-carousel .owl-dot.active:after {
  content: '/';
  display: inline-block;
  vertical-align: middle;
  font-size: 46px;
  font-weight: 100;
  position: absolute;
  left: 14px;
  top: -27px;
  color: #c9c9c9;
}
.innovation-page .innovative-video {
  height: 60%;
  height: 60vh;
  background-color: #f9f9f9;
  position: relative;
}
.innovation-page .innovative-video .section-container {
  height: 100%;
}
.innovation-page .innovative-video:before {
  display: block;
  content: '';
  background-image: url('/portal/content/siteimages/innovation/video-middle-bar.png');
  background-repeat: no-repeat;
  height: 100%;
  width: 35%;
  position: absolute;
  z-index: 1;
  left: -20%;
  right: 0;
  margin: 0 auto;
  top: 0;
  background-position: center;
}
.innovation-page .innovative-video .play-vedio {
  display: block;
  /*background-image: url('@{img}/play-video.png');
            background-repeat: no-repeat;*/
  height: 140px;
  width: 140px;
  position: absolute;
  z-index: 1;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
  /*background-position: center;*/
}
.innovation-page .innovative-video .play-vedio img {
  border-radius: 50%;
  box-shadow: 0 0 20px 8px rgba(255, 180, 53, 0);
  transition: all 350ms ease-in-out;
}
.innovation-page .innovative-video .play-vedio:hover img {
  box-shadow: 0 0 20px 8px rgba(202, 167, 102, 0.7);
}
.innovation-page .innovative-video .left {
  width: 35%;
  position: relative;
  z-index: 1;
  margin-top: 7%;
  padding-left: 5%;
}
.innovation-page .innovative-video .left:before {
  content: '';
  width: 98.5%;
  height: 45vh;
  border-left: 1px solid #d92a31;
  border-top: 1px solid #d92a31;
  display: block;
  position: absolute;
  top: -14%;
  left: 6%;
}
.innovation-page .innovative-video .right {
  width: 60%;
  height: 60vh;
  background: url('/portal/content/siteimages/innovation/video.png') no-repeat right center;
}
.innovation-page .media-updates {
  height: 100vh;
}
.innovation-page .media-updates .section-container:before {
  content: '';
  width: 50%;
  height: 50vh;
  border-right: 1px solid #d92a31;
  border-top: 1px solid #d92a31;
  display: block;
  position: absolute;
  top: 5%;
  right: 3%;
}
.innovation-page .media-updates .animated {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-delay: 300ms;
  animation-delay: 300ms;
}
.innovation-page .media-updates .animate-out {
  -webkit-animation-delay: 0ms;
  animation-delay: 0ms;
}
.innovation-page .media-updates .contnent-area {
  width: 100%;
  text-align: center;
  margin-top: 3%;
  padding-top: 3%;
}
.innovation-page .media-updates .contnent-area h2 {
  font-size: 3.585em;
  text-transform: uppercase;
  margin: 0;
}
.innovation-page .media-updates .contnent-area p {
  text-align: center;
  font-weight: 600;
  color: #313131;
  padding: 0 18%;
}
.innovation-page .media-updates .section-container {
  width: 100%;
}
.innovation-page .media-updates ul.tabs {
  position: absolute;
  z-index: 2;
  width: 30%;
  right: 4%;
  top: 95px;
  display: flex;
}
.innovation-page .media-updates ul.tabs li {
  background-position: left;
  background-repeat: no-repeat;
}
.innovation-page .media-updates ul.tabs li.news {
  background-image: url('/portal/content/siteimages/innovation/news.png');
}
.innovation-page .media-updates ul.tabs li.news:hover,
.innovation-page .media-updates ul.tabs li.news.active {
  background-image: url('/portal/content/siteimages/innovation/news-active.png');
  color: #313131;
}
.innovation-page .media-updates ul.tabs li.photo {
  background-image: url('/portal/content/siteimages/innovation/photos.png');
}
.innovation-page .media-updates ul.tabs li.photo:hover,
.innovation-page .media-updates ul.tabs li.photo.active {
  background-image: url('/portal/content/siteimages/innovation/photos-active.png');
  color: #313131;
}
.innovation-page .media-updates ul.tabs li.video {
  background-image: url('/portal/content/siteimages/innovation/inv-video-hover.png');
}
.innovation-page .media-updates ul.tabs li.video:hover,
.innovation-page .media-updates ul.tabs li.video.active {
  background-image: url('/portal/content/siteimages/innovation/inv-video.png');
  color: #313131;
}
.innovation-page .media-updates .tab-area {
  width: 70%;
  margin: 0 auto;
  position: relative;
}
.innovation-page .media-updates .slider-ul {
  margin-top: 4%;
}
.innovation-page .media-updates .slider-ul .item {
  display: inline-block;
  list-style-type: none;
  position: relative;
  padding: 2%;
  padding: 2% 2% 6%;
  width: 100%;
}
.innovation-page .media-updates .slider-ul .owl-nav {
  position: absolute;
  bottom: -20%;
  left: 50%;
  transform: translateX(-50%);
}
.innovation-page .media-updates .slider-ul .owl-nav.disabled {
  display: block;
}
.innovation-page .media-updates .slider-ul .owl-nav .owl-prev {
  position: relative;
  left: -50%;
  background: none;
  border-radius: 0;
  padding: 7px 0;
  padding-left: 26px;
  border-left: 3px solid #b01d23;
  vertical-align: middle;
  text-indent: 0;
  width: auto;
}
.innovation-page .media-updates .slider-ul .owl-nav .owl-prev:before {
  content: url('/portal/content/siteimages/innovation/arrow-prev.png');
  position: absolute;
  top: 40%;
  transform: translateY(-40%);
  display: inline-block;
}
.innovation-page .media-updates .slider-ul .owl-nav .owl-next {
  position: relative;
  right: -40%;
  background: none;
  border-radius: 0;
  padding: 7px 0;
  padding-right: 26px;
  border-right: 3px solid #b01d23;
  vertical-align: middle;
  text-indent: 0;
  width: auto;
}
.innovation-page .media-updates .slider-ul .owl-nav .owl-next:before {
  content: url('/portal/content/siteimages/innovation/arrow-next.png');
  position: absolute;
  top: 40%;
  transform: translateY(-40%);
  display: inline-block;
}
.innovation-page .media-updates .slider-ul .owl-dots {
  counter-reset: slides-num;
  /* Initialize counter. */
  position: absolute;
  bottom: -25%;
  left: 50%;
  transform: translateX(-50%);
  width: 50px;
}
.innovation-page .media-updates .slider-ul .owl-dots.disabled {
  display: block;
}
.innovation-page .media-updates .slider-ul .owl-dots:after {
  content: counter(slides-num);
  /* get total number of items  */
  display: inline-block;
  font-size: 17px;
  font-weight: 400;
  vertical-align: middle;
  padding-left: 18px;
  color: #c9c9c9;
}
.innovation-page .media-updates .slider-ul .owl-dot {
  display: inline-block;
  counter-increment: slides-num;
  /* Increment counter */
  margin-right: 5px;
  font-family: 'Open Sans', sans-serif;
}
.innovation-page .media-updates .slider-ul .owl-dot span {
  display: none;
}
.innovation-page .media-updates .slider-ul .owl-dot.active {
  color: #313131;
}
.innovation-page .media-updates .slider-ul .owl-dot.active:before {
  content: counter(slides-num) " ";
  /* Use the same counter to get current item. */
  display: inline-block;
  vertical-align: middle;
  font-size: 32px;
  font-weight: bolder;
  position: absolute;
  left: -8px;
  top: -18px;
}
.innovation-page .media-updates .slider-ul .owl-dot.active:after {
  content: '/';
  display: inline-block;
  vertical-align: middle;
  font-size: 46px;
  font-weight: 100;
  position: absolute;
  left: 14px;
  top: -27px;
  color: #c9c9c9;
}
.innovation-page .media-updates .news-slider .slider-contnet {
  display: inline-block;
  width: 51%;
  height: 51vh;
  height: 41vh;
  vertical-align: top;
  background-color: #ffffff;
  border: 4px solid #b01d23;
  padding: 3% 3.5%;
  font-family: 'Open Sans', sans-serif;
  box-shadow: 0px 0px 26px 0px rgba(0, 0, 0, 0.2);
}
.innovation-page .media-updates .news-slider .slider-contnet .date {
  font-weight: 700;
  font-size: 1em;
  margin-bottom: 4%;
  display: block;
  color: #b89147;
}
.innovation-page .media-updates .news-slider .slider-contnet h3 {
  font-size: 1.85em;
  line-height: 1.1;
  margin-bottom: 4%;
  position: relative;
  z-index: 2;
}
.innovation-page .media-updates .news-slider .slider-contnet p {
  font-weight: 400;
  color: #868686;
  position: relative;
  z-index: 2;
}
.innovation-page .media-updates .news-slider .slider-contnet a {
  font-size: 1em;
  font-weight: 700;
  text-transform: uppercase;
  color: #ffffff;
  background: #b01d23;
  padding: 12px 25px;
  border-radius: 50px;
  display: inline-block;
  margin-top: 5%;
  -webkit-transition: all 300ms cubic-bezier(0.47, 0, 0.745, 0.715);
  -moz-transition: all 300ms cubic-bezier(0.47, 0, 0.745, 0.715);
  transition: all 300ms cubic-bezier(0.47, 0, 0.745, 0.715);
}
.innovation-page .media-updates .news-slider .slider-contnet a:hover {
  background: #d92a31;
}
.innovation-page .media-updates .news-slider .slider-image {
  width: 50%;
  max-height: 40vh;
  overflow: hidden;
  display: inline-block;
  position: absolute;
  right: 8%;
  top: 30%;
  right: 4%;
  top: 36%;
}
.innovation-page .media-updates .news-slider .slider-image:before {
  display: block;
  content: '';
  background-image: url('/portal/content/siteimages/innovation/image-bar.png');
  background-repeat: no-repeat;
  height: 100%;
  width: 35%;
  position: absolute;
  z-index: 1;
  left: -10%;
  top: -17px;
}
.innovation-page .media-updates .news-slider .slider-image img {
  width: 100%;
  vertical-align: middle;
}
.innovation-page .media-updates .p-slider .item {
  padding-bottom: 19%;
}
.innovation-page .media-updates .p-slider .slider-image {
  width: 50%;
  max-height: 40vh;
  overflow: hidden;
  display: inline-block;
  box-shadow: 0px 0px 26px 0px rgba(0, 0, 0, 0.2);
  float: left;
}
.innovation-page .media-updates .p-slider .slider-image img {
  width: 100%;
  vertical-align: middle;
}
.innovation-page .media-updates .p-slider .slider-image.down {
  position: absolute;
  right: 8%;
  top: 30%;
  border: 10px solid #ffffff;
}
.innovation-page .hide {
  display: none !important;
}
.open-video .innovation-page .video-popup {
  opacity: 1;
  z-index: 10;
}
/* IE */
.ar .innovation-page {
  direction: rtl;
  font-family: "Droid Arabic Kufi", sans-serif;
}
.ar .innovation-page {
  font-family: "Droid Arabic Kufi", sans-serif;
}
.ar .innovation-page .left {
  float: right;
}
.ar .innovation-page .right {
  width: 65%;
  float: right;
}
.ar .innovation-page .innovation .section-container .innovation-carousel {
  padding-right: 8%;
  padding-left: 0;
}
.ar .innovation-page .innovation .section-container {
  z-index: 1;
  float: left;
}
.ar .innovation-page a,
.ar .innovation-page p {
  font-family: "Droid Arabic Kufi", sans-serif;
}
.ar p {
  text-align: right;
}
.ar .innovation-page .initiatives .initiative-carousel .item .initiative-content p {
  line-height: 2;
}
.ar .innovation-page .innovation .section-container .innovation-carousel .owl-nav {
  left: auto;
  right: 22%;
  transform: translateX(-22%);
}
.ar .innovation-page .innovation .section-container .innovation-carousel .owl-dots {
  left: auto;
  right: 24%;
  transform: translateX(-24%);
}
.ar .innovation-page .innovation .section-container .innovation-carousel .owl-nav .owl-prev {
  left: auto;
  right: -120%;
  border-left: 0;
  border-right: 3px solid #b01d23;
  padding: 7px 26px 7px 0;
}
.ar .innovation-page .innovation .section-container .innovation-carousel .owl-nav .owl-prev:before {
  content: url(/portal/content/siteimages/innovation/arrow-next.png);
}
.ar .innovation-page .innovation .section-container .innovation-carousel .owl-nav .owl-next {
  right: auto;
  left: -80%;
  border-right: 0;
  border-left: 3px solid #b01d23;
  padding: 7px 0 7px 26px;
}
.ar .innovation-page .innovation .section-container .innovation-carousel .owl-nav .owl-next:before {
  content: url(/portal/content/siteimages/innovation/arrow-prev.png);
}
.ar .innovation-page .innovation .section-container .innovation-carousel li h4 {
  font-family: "Droid Arabic Kufi", sans-serif;
}
.ar .innovation-page .innovation .elements span {
  right: auto;
  left: 0;
}
.ar .innovation-page .innovation .elements .settings {
  right: auto;
  left: 56%;
}
.ar .innovation-page .innovation .elements .bulb {
  right: auto;
  left: 36%;
}
.ar .innovation-page .innovation .elements .pencil {
  right: auto;
  left: 20%;
}
.ar .innovation-page .innovation .elements .idea {
  background-image: url('/portal/content/siteimages/innovation/elements/4-ar.png');
  right: auto;
  left: 2%;
}
.ar .innovation-page .innovation .elements .business {
  background-image: url('/portal/content/siteimages/innovation/elements/5-ar.png');
  right: auto;
  left: 1%;
  height: 50px;
}
.ar .innovation-page .innovation .elements .idea-word {
  background-image: url('/portal/content/siteimages/innovation/elements/7-ar.png');
  right: auto;
  left: 48%;
  height: 64px;
}
.ar .innovation-page .innovation .elements .creative-word {
  background-image: url('/portal/content/siteimages/innovation/elements/8-ar.png');
  right: auto;
  left: 18%;
  height: 70px;
}
.ar .innovation-page .innovation .elements .speaker {
  right: auto;
  left: 1%;
}
.ar .innovation-page .innovation .elements .ipad {
  right: auto;
  left: 1%;
}
.ar .innovation-page .initiatives .initiative-carousel {
  direction: ltr;
}
.ar .innovation-page .initiatives .initiative-carousel .owl-nav .owl-prev {
  left: auto;
  right: -90%;
  padding: 7px 26px 7px 0;
}
.ar .innovation-page .initiatives .initiative-carousel .owl-nav .owl-prev:before {
  content: url(/portal/content/siteimages/innovation/arrow-next.png);
}
.ar .innovation-page .initiatives .initiative-carousel .owl-nav .owl-next {
  right: auto;
  left: -90%;
  padding: 7px 0 7px 26px;
}
.ar .innovation-page .initiatives .initiative-carousel .owl-nav .owl-next:before {
  content: url(/portal/content/siteimages/innovation/arrow-prev.png);
}
.ar .innovation-page .initiatives .initiative-carousel .item .initiative-content h3 {
  font-family: "Droid Arabic Kufi", sans-serif;
}
.ar .innovation-page .innovative-video .right {
  width: 60%;
  height: 100%;
  background: url('/portal/content/siteimages/innovation/video-rtl.png') left center no-repeat;
}
.ar .innovation-page .innovative-video:before {
  left: 0;
  right: -20%;
  width: 46%;
  background-position: top center;
  background-image: url('/portal/content/siteimages/innovation/video-middle-bar-rtl.png');
}
.ar .innovation-page .innovative-video .left {
  padding-left: 0;
  padding-right: 5%;
}
.ar .innovation-page .innovative-video .left:before {
  border-left: 0;
  border-right: 1px solid #d92a31;
  border-top: 1px solid #d92a31;
  right: 6%;
  left: auto;
}
.ar .innovation-page .left h2 {
  line-height: 1;
}
.ar .innovation-page .media-updates .news-slider .slider-image {
  left: 2%;
  right: auto;
}
.ar .innovation-page .media-updates .p-slider .slider-image {
  float: right;
}
.ar .innovation-page .media-updates .p-slider .slider-image.down {
  right: auto;
  left: 8%;
}
.ar .innovation-page .media-updates ul.tabs {
  right: auto;
  left: 0;
}
.ar .innovation-page .initiatives .initiative-carousel .item .initiative-content h3 {
  text-align: right;
}
.ar .innovation-page .initiatives .initiative-carousel .item .initiative-content p {
  text-align: right;
}
.ar .innovation-page .media-updates .news-slider .slider-image:before {
  left: auto;
  right: -19%;
}
.ar ul.tabs li {
  float: right;
  /*margin: 0 0 0 5%;*/
}
.ar .innovation-page .media-updates ul.tabs {
  width: 33%;
}
.ar .innovation-page .media-updates .slider-ul .owl-nav .owl-prev {
  left: auto;
  right: -80%;
  border-left: 0;
  border-right: 3px solid #b01d23;
  padding: 7px 26px 7px 0;
}
.ar .innovation-page .media-updates .slider-ul .owl-nav .owl-prev:before {
  content: url(/portal/content/siteimages/innovation/arrow-next.png);
}
.ar .innovation-page .media-updates .slider-ul .owl-nav .owl-next {
  right: auto;
  left: -100%;
  border-right: 0;
  border-left: 3px solid #b01d23;
  padding: 7px 0 7px 26px;
}
.ar .innovation-page .media-updates .slider-ul .owl-nav .owl-next:before {
  content: url(/portal/content/siteimages/innovation/arrow-prev.png);
}
@media screen and (min-width: 1300px) {
  .innovation-page .innovation .elements .idea-word {
    top: 60%;
  }
  .innovation-page .innovation .elements .creative-word {
    top: 58%;
  }
  .innovation-page .innovation .elements .ipad {
    top: 80%;
  }
  .innovation-page .initiatives .initiative-carousel .active.center .item:after {
    width: 82.1%;
    top: 49px;
  }
  .innovation-page .innovative-video {
    height: 70vh;
  }
  .innovation-page .innovative-video .right {
    height: 70vh;
  }
  .innovation-page .media-updates {
    height: 110vh;
  }
  .innovation-page .initiatives .initiative-carousel:after {
    top: 41.5%;
  }
  .ar .innovation-page .initiatives .initiative-carousel .item .initiative-content {
    top: 41px;
  }
}
@media screen and (max-width: 1280px) and (min-height: 800px) {
  .innovation-page .initiatives .initiative-carousel {
    padding-top: 25%;
  }
  .section.media-updates {
    padding-top: 8%;
  }
}
@media screen and (min-width: 1380px) {
  .innovation-page .innovative-video,
  .innovation-page .innovative-video .right {
    height: 60vh;
  }
  .innovation-page .media-updates {
    height: 100vh;
  }
  .innovation-page .initiatives .initiative-carousel .active.center .item:before {
    height: 30vh;
  }
  .innovation-page .initiatives .initiative-carousel .active.center .item:after {
    border-bottom: 41.5vh solid #fff;
    border-left: 117px solid transparent;
    border-right: 0 solid #f6f6f6;
    top: 89px;
  }
  .innovation-page .initiatives .initiative-carousel .item .initiative-content {
    top: 77px;
  }
  /*.innovation-page .innovation .section-container {
        margin: 20% 0 0;
    }*/
  .ar .innovation-page .initiatives .initiative-carousel .item .initiative-content {
    top: 91px;
  }
  .ar .innovation-page .innovative-video:before {
    background-size: contain;
  }
  .ar .innovation-page .innovative-video .right {
    background-size: cover;
  }
  .ar .innovation-page .media-updates .news-slider .slider-contnet {
    height: 35vh;
  }
}
@media screen and (min-width: 1600px) {
  .innovation-page .innovation .section-container .innovation-carousel li {
    padding: 25% 5%;
  }
  .innovation-page .innovation .section-container .innovation-carousel .owl-controls {
    bottom: -51%;
  }
  .innovation-page .initiatives .initiative-carousel .active.center .item:after {
    width: 83%;
    left: -2%;
    top: 77px;
  }
  .innovation-page .initiatives .initiative-carousel .active.center .item:before {
    top: 77px;
  }
  .innovation-page .innovative-video,
  .innovation-page .innovative-video .right {
    height: 50vh;
  }
  .innovation-page .innovative-video .left:before {
    height: 37vh;
  }
  .innovation-page .media-updates .news-slider .slider-contnet {
    height: 31vh;
  }
  .innovation-page .media-updates .slider-ul .item {
    padding: 2% 2% 14%;
  }
  .innovation-page .media-updates .news-slider .slider-image {
    top: 32%;
  }
  .innovation-page .initiatives .initiative-carousel:after {
    top: 39.8%;
    width: 51.8%;
  }
  .innovation-page .innovation .section-container .innovation-carousel li h4 {
    font-size: 1.4em;
  }
  .ar .innovation-page .initiatives .initiative-carousel:after {
    top: 40%;
    /*width: 58.4%;*/
  }
  .ar .innovation-page .media-updates .news-slider .slider-image {
    top: 26%;
  }
  .ar .innovation-page .innovation .elements .creative-word {
    top: 63%;
  }
  .ar .innovation-page .innovation .elements .idea-word {
    top: 63%;
  }
}
@media screen and (min-width: 1680px) {
  .innovation-page .initiatives .initiative-carousel {
    padding-top: 17%;
  }
  .innovation-page .initiatives .initiative-carousel:after {
    height: 43vh;
    width: 57.5%;
    width: 50.2%;
    top: 38.2%;
  }
  .innovation-page .innovative-video:before {
    left: -10%;
  }
  .innovation-page .innovation .elements span {
    top: 28%;
  }
  .innovation-page .innovation .elements .pencil {
    top: 20%;
  }
  .innovation-page .innovation .elements .business {
    top: 33%;
  }
  .innovation-page .innovation .elements .idea {
    top: 7%;
  }
  .innovation-page .innovation .elements .creative-word,
  .innovation-page .innovation .elements .idea-word {
    top: 69%;
  }
  .innovation-page .innovation .elements .speaker {
    top: 66%;
  }
  .innovation-page .innovation .elements .ipad {
    top: 84%;
  }
  .ar .innovation-page .media-updates .news-slider .slider-contnet {
    width: 46%;
  }
  .ar .innovation-page .media-updates .news-slider .slider-image {
    left: 3%;
    right: auto;
  }
  .ar .innovation-page .media-updates .news-slider .slider-image:before {
    left: auto;
    right: -25%;
  }
  .ar .innovation-page .initiatives .initiative-carousel:after {
    /*width: 57%;*/
    top: 38.2%;
  }
  .ar .innovation-page .innovation .elements span {
    top: 28%;
  }
  .ar .innovation-page .innovation .elements .pencil {
    top: 20%;
  }
  .ar .innovation-page .innovation .elements .business {
    top: 33%;
  }
  .ar .innovation-page .innovation .elements .idea {
    top: 7%;
  }
  .ar .innovation-page .innovation .elements .creative-word,
  .ar .innovation-page .innovation .elements .idea-word {
    top: 69%;
  }
  .ar .innovation-page .innovation .elements .speaker {
    top: 66%;
  }
  .ar .innovation-page .innovation .elements .ipad {
    top: 84%;
  }
}
@media screen and (max-width: 1100px) {
  #main-menu .main-menu-container ul.primary-navigation li > a {
    font-size: .9em;
    padding: 18px 1%;
  }
  .ar #main-menu .main-menu-container ul.primary-navigation li > a {
    font-size: 1em;
  }
}
@media screen and (max-width: 768px) {
  .hide-on-mobile {
    display: none !important;
  }
  .hide-in-desktop {
    display: block !important;
  }
}
@media screen and (max-width: 1024px) {
  .innovation-page .innovation {
    height: 600px;
  }
  .innovation-page .right {
    width: 60%;
  }
  .innovation-page .left {
    width: 40%;
  }
  .innovation-page .innovation .section-container .innovation-carousel .owl-controls {
    left: -20%;
  }
  .innovation-page .initiatives .initiative-carousel .active.center {
    width: 19% !important;
  }
  .innovation-page .initiatives .initiative-carousel .active.center .item .initiative-img {
    top: 30px;
  }
  .innovation-page .initiatives .initiative-carousel:after {
    height: 43vh;
    width: 70.7%;
    top: 35.5%;
  }
  .innovation-page .innovative-video:before {
    display: none;
  }
  .innovation-page .left h2 {
    line-height: 1;
  }
  .innovation-page .innovative-video .left {
    width: 95%;
    padding-bottom: 5%;
  }
  .innovation-page .innovative-video .left a {
    margin-top: 3%;
  }
  .innovation-page .innovative-video .right {
    width: 100%;
    background-position: -150px;
    background-color: #ffecc7;
  }
  .innovation-page .innovative-video .left:before {
    height: 35vh;
    border-left: 0;
    border-right: 1px solid #f8a100;
    border-top: 1px solid #f8a100;
    right: 3%;
    top: -10%;
  }
  .innovation-page .innovative-video {
    height: 805px;
  }
  .innovation-page .innovative-video .play-vedio {
    top: 45%;
    transform: translateY(-50%);
  }
  .innovation-page .media-updates .tab-area {
    width: 80%;
  }
  .innovation-page .video-popup .video-frame,
  .innovation-page .video-popup iframe {
    height: 60%;
    margin: 11% auto;
  }
  .innovation-page .video-popup .close-video {
    top: 6%;
  }
  .innovation-page .media-updates ul.tabs {
    width: 33%;
    right: 0;
  }
  .ar .innovation-page .right {
    width: 45%;
  }
  .ar .innovation-page .innovation {
    height: 600px;
  }
  .ar .innovation-page .right {
    width: 60%;
  }
  .ar .innovation-page .left {
    width: 40%;
  }
  .ar .innovation-page .innovation .section-container .innovation-carousel .owl-controls {
    left: 20%;
  }
  .ar .innovation-page .initiatives .initiative-carousel .active.center {
    width: 19% !important;
  }
  .ar .innovation-page .initiatives .initiative-carousel .active.center .item .initiative-img {
    top: 30px;
  }
  .ar .innovation-page .initiatives .initiative-carousel:after {
    height: 43vh;
    width: 70.7%;
    top: 35.5%;
  }
  .ar .innovation-page .innovative-video:before {
    display: none;
  }
  .ar .innovation-page .left h2 {
    line-height: 1;
  }
  .ar .innovation-page .innovative-video .left {
    width: 95%;
    padding-bottom: 5%;
  }
  .ar .innovation-page .innovative-video .left a {
    margin-top: 3%;
  }
  .ar .innovation-page .innovative-video .right {
    width: 100%;
    background-position: 170px 0;
    background-color: #ffecc7;
    height: 50%;
  }
  .ar .innovation-page .innovative-video .left:before {
    height: 35vh;
    border-left: 1px solid #f8a100;
    border-right: 0;
    right: auto;
    left: 3%;
    top: -10%;
    width: 50%;
  }
  .ar .innovation-page .innovative-video {
    height: 805px;
  }
  .ar .innovation-page .innovative-video .play-vedio {
    top: 45%;
    transform: translateY(-50%);
  }
  .ar .innovation-page .media-updates .tab-area {
    width: 80%;
  }
  .ar .innovation-page .video-popup .video-frame,
  .ar .innovation-page .video-popup iframe {
    height: 60%;
    margin: 11% auto;
  }
  .ar .innovation-page .video-popup .close-video {
    top: 6%;
  }
  .ar .innovation-page .media-updates ul.tabs {
    left: 0;
    right: auto;
    width: 35%;
  }
}
@media screen and (max-width: 768px) {
  .innovation-page .video-inovation-carousel {
    width: 100% !important;
  }
  .innovation-page .innovation .section-container .innovation-carousel li h4 {
    padding: 0 20%;
  }
  .innovation-page .innovation .section-container .innovation-carousel .owl-nav .owl-next {
    right: -26%;
  }
  .innovation-page .initiatives .initiative-carousel:before,
  .innovation-page .initiatives .initiative-carousel .active.center .item:before,
  .innovation-page .initiatives .initiative-carousel:after,
  .circle-elements,
  .innovation-page .initiatives .initiative-carousel .active.center .item:after {
    display: none;
  }
  .innovation-page .initiatives .initiative-carousel {
    padding-top: 37%;
    height: 950px;
  }
  .innovation-page .initiatives .initiative-carousel .owl-stage-outer {
    height: 100%;
  }
  .innovation-page .initiatives .initiative-carousel .active.center {
    width: 13% !important;
  }
  .innovation-page .initiatives .initiative-carousel .active.center .item .initiative-img {
    top: 61px;
    left: 27%;
    width: 36%;
    height: 18vh;
  }
  .innovation-page .initiatives .initiative-carousel .item .initiative-content {
    right: 0;
    top: 316px;
    left: 0;
    margin: 0 auto;
    width: 80%;
    text-align: center;
  }
  .innovation-page .initiatives .initiative-carousel .item .initiative-content h3 {
    text-align: center;
  }
  .innovation-page .initiatives .initiative-carousel .owl-nav {
    left: 50%;
    transform: translateX(-50%);
  }
  .innovation-page .initiatives .initiative-carousel .owl-dots {
    top: 50%;
    left: 50%;
    transform: translateX(-50%);
  }
  .innovation-page .initiatives .initiative-carousel .owl-nav .owl-prev {
    left: -42%;
    border-left: 3px solid #e67112;
  }
  .innovation-page .initiatives .initiative-carousel .owl-nav .owl-next {
    border-right: 3px solid #e67112;
  }
  .innovation-page .innovative-video .right {
    background-position: 113% 0;
    height: 46vh;
  }
  .innovation-page .innovative-video .left,
  .innovation-page .innovative-video .left p {
    text-align: center;
  }
  .innovation-page .innovative-video .left {
    margin-top: 11%;
  }
  .innovation-page .innovative-video .play-vedio {
    top: 75%;
    transform: translateY(-75%);
  }
  .innovation-page .media-updates .contnent-area {
    margin-top: 7%;
    padding-top: 5%;
  }
  .innovation-page .media-updates ul.tabs {
    width: 60%;
    right: 0;
    position: relative;
    top: 0;
    left: 0;
    margin: 0 auto;
    text-align: center;
    display: inline-block;
  }
  .innovation-page .media-updates .tab-area {
    width: 88%;
  }
  .innovation-page .media-updates .section-container:before {
    height: 200px;
  }
  .innovation-page .media-updates .news-slider .slider-contnet {
    width: 88%;
    height: auto;
    max-height: 340px;
    padding-bottom: 14%;
    overflow: hidden;
  }
  .innovation-page .media-updates .slider-ul {
    height: 600px;
  }
  .innovation-page .media-updates .news-slider .slider-image {
    width: 80%;
    display: inline-block;
    position: relative;
    right: 0;
    left: 8%;
    margin: 0 auto;
    text-align: center;
    float: none;
    top: -45px;
  }
  .innovation-page .media-updates .news-slider .slider-image:before {
    display: none;
  }
  .innovation-page .media-updates .slider-ul .owl-controls {
    height: 9%;
    bottom: -126px;
    z-index: 1;
  }
  .innovation-page .media-updates .slider-ul.p-slider .item {
    text-align: center;
  }
  .innovation-page .media-updates .p-slider .slider-image {
    width: 80%;
    max-height: 40vh;
    float: none;
  }
  .innovation-page .media-updates .p-slider .slider-image.down {
    position: relative;
    right: 0;
    top: 30%;
    border: 0;
    margin-top: 10px;
    float: none;
  }
  .ar .innovation-page .innovation .section-container .innovation-carousel li h4 {
    padding: 0 20%;
  }
  .ar .innovation-page .innovation .section-container .innovation-carousel .owl-nav .owl-next {
    left: -62%;
  }
  .ar .innovation-page .initiatives .initiative-carousel:before,
  .ar .innovation-page .initiatives .initiative-carousel .active.center .item:before,
  .ar .innovation-page .initiatives .initiative-carousel:after,
  .ar .circle-elements,
  .ar .innovation-page .initiatives .initiative-carousel .active.center .item:after,
  .ar .innovation-page .innovative-video .left:before {
    display: none;
  }
  .ar .innovation-page .initiatives .initiative-carousel {
    padding-top: 37%;
    height: 950px;
  }
  .ar .innovation-page .initiatives .initiative-carousel .owl-stage-outer {
    height: 100%;
  }
  .ar .innovation-page .initiatives .initiative-carousel .active.center {
    width: 13% !important;
  }
  .ar .innovation-page .initiatives .initiative-carousel .active.center .item .initiative-img {
    top: 61px;
    left: 27%;
    width: 36%;
    height: 18vh;
  }
  .ar .innovation-page .initiatives .initiative-carousel .item .initiative-content {
    right: 0;
    top: 316px;
    left: 0;
    margin: 0 auto;
    width: 80%;
    text-align: center;
  }
  .ar .innovation-page .initiatives .initiative-carousel .item .initiative-content h3 {
    text-align: center;
  }
  .ar .innovation-page .initiatives .initiative-carousel .owl-nav {
    left: 50%;
    transform: translateX(-50%);
  }
  .ar .innovation-page .initiatives .initiative-carousel .owl-dots {
    top: 50%;
    left: 50%;
    transform: translateX(-50%);
  }
  .ar .innovation-page .initiatives .initiative-carousel .owl-nav .owl-prev {
    border-left: 0;
    border-right: 3px solid #e67112;
  }
  .ar .innovation-page .initiatives .initiative-carousel .owl-nav .owl-next {
    border-left: 3px solid #e67112;
    border-right: 0;
    left: -100%;
  }
  .ar .innovation-page .innovative-video .right {
    background-position: 60px 0;
    height: 46vh;
  }
  .ar .innovation-page .innovative-video .left,
  .ar .innovation-page .innovative-video .left p {
    text-align: center;
  }
  .ar .innovation-page .innovative-video .left {
    margin-top: 11%;
    padding: 0 5% 5%;
    width: 90%;
  }
  .ar .innovation-page .innovative-video .play-vedio {
    top: 75%;
    transform: translateY(-75%);
  }
  .ar .innovation-page .media-updates .contnent-area {
    margin-top: 7%;
    padding-top: 5%;
  }
  .ar .innovation-page .media-updates ul.tabs {
    width: 60%;
    right: 0;
    position: relative;
    top: 0;
    left: 0;
    margin: 0 auto;
    text-align: center;
    display: inline-block;
  }
  .ar .innovation-page .media-updates .tab-area {
    width: 88%;
  }
  .ar .innovation-page .media-updates .section-container:before {
    height: 200px;
  }
  .ar .innovation-page .media-updates .news-slider .slider-contnet {
    width: 88%;
    height: auto;
    max-height: 340px;
    padding-bottom: 14%;
    overflow: hidden;
  }
  .ar .innovation-page .media-updates .slider-ul {
    height: 600px;
  }
  .ar .innovation-page .media-updates .news-slider .slider-image {
    width: 80%;
    display: inline-block;
    position: relative;
    right: 8%;
    left: auto;
    margin: 0 auto;
    text-align: center;
    float: none;
    top: -45px;
  }
  .ar .innovation-page .media-updates .news-slider .slider-image:before {
    display: none;
  }
  .ar .innovation-page .media-updates .slider-ul .owl-controls {
    height: 9%;
    bottom: -126px;
    z-index: 1;
  }
  .ar .innovation-page .media-updates .slider-ul.p-slider .item {
    text-align: center;
  }
  .ar .innovation-page .media-updates .p-slider .slider-image {
    width: 80%;
    max-height: 40vh;
    float: none;
  }
  .ar .innovation-page .media-updates .p-slider .slider-image.down {
    position: relative;
    right: 0;
    top: 30%;
    border: 0;
    margin-top: 10px;
    float: none;
  }
}
@media screen and (max-width: 480px) {
  .innovation-page .innovation .section-container {
    width: 100%;
  }
  .innovation-page .innovation .elements {
    opacity: .4;
  }
  .innovation-page .left {
    width: 100%;
    text-align: center;
    font-size: .8em;
  }
  .innovation-page .left a {
    margin-top: 1%;
  }
  .innovation-page .right {
    width: 90%;
  }
  .innovation-page .innovation .section-container .innovation-carousel {
    padding: 10% 5% 0;
  }
  .innovation-page .innovation .section-container .innovation-carousel li {
    width: 88%;
  }
  .innovation-page .innovation {
    height: 680px;
  }
  .innovation-page .innovation .section-container .innovation-carousel .owl-controls {
    left: 0;
    bottom: -85px;
  }
  .innovation-page .innovation .section-container .innovation-carousel .owl-nav {
    left: 50%;
    transform: translateX(-50%);
  }
  .innovation-page .innovation .section-container .innovation-carousel .owl-nav .owl-prev {
    left: -32%;
  }
  .innovation-page .innovation .section-container .innovation-carousel .owl-dots {
    left: 50%;
    transform: translateX(-50%);
  }
  .innovation-page .initiatives .contnent-area {
    position: relative;
    top: 44px;
    font-size: .8em;
  }
  .innovation-page .initiatives p {
    text-align: center;
    font-weight: 300;
    padding: 0px 5%;
  }
  .innovation-page .initiatives .section-container:before {
    display: none;
  }
  .innovation-page .initiatives .initiative-carousel {
    padding-top: 17%;
  }
  .innovation-page .initiatives .initiative-carousel .active.center {
    width: 12% !important;
  }
  .innovation-page .initiatives .initiative-carousel .active.center .item .initiative-img {
    top: 10px;
    left: 7%;
    width: 75%;
    height: 200px;
  }
  .innovation-page .initiatives .initiative-carousel .item .initiative-content {
    top: 265px;
    width: 95%;
  }
  .innovation-page .initiatives {
    height: 880px;
  }
  .innovation-page .initiatives .initiative-carousel .owl-controls {
    bottom: 33%;
  }
  .innovation-page .innovative-video .right {
    background-position: 88% 0;
    background-size: 180%;
  }
  .innovation-page .innovative-video {
    height: 650px;
  }
  .innovation-page .innovative-video .left {
    width: 90%;
    padding-bottom: 5%;
    padding: 0 5% 5%;
  }
  .innovation-page .innovative-video .left:before {
    display: none;
  }
  .innovation-page .video-popup .video-frame,
  .innovation-page .video-popup iframe {
    height: 35%;
    width: 95%;
    margin: 40% auto;
  }
  .innovation-page .video-popup .close-video {
    top: 15%;
  }
  .innovation-page .media-updates .section-container {
    font-size: .8em;
  }
  .innovation-page .media-updates .section-container:before {
    display: none;
  }
  .innovation-page .media-updates .contnent-area p {
    font-weight: 300;
    padding: 0 5%;
  }
  .innovation-page .media-updates ul.tabs {
    width: 75%;
    left: 70%;
    transform: translate(-70%);
  }
  .innovation-page .media-updates .tab-area {
    width: 100%;
  }
  .innovation-page .media-updates .slider-ul .owl-controls {
    bottom: 60px;
  }
  .innovation-page .initiatives h2 {
    line-height: 1;
  }
  .ar .innovation-page .innovation .section-container {
    width: 100%;
  }
  .ar .innovation-page .innovation .elements {
    opacity: .4;
  }
  .ar .innovation-page .left {
    width: 100%;
    text-align: center;
    font-size: .7em;
  }
  .ar .innovation-page .left a {
    margin-top: 1%;
  }
  .ar .innovation-page .right {
    width: 90%;
  }
  .ar .innovation-page .innovation .section-container .innovation-carousel {
    padding: 10% 5% 0;
  }
  .ar .innovation-page .innovation .section-container .innovation-carousel li {
    width: 88%;
  }
  .ar .innovation-page .innovation {
    height: 680px;
  }
  .ar .innovation-page .innovation .section-container .innovation-carousel .owl-controls {
    left: 0;
    bottom: -85px;
  }
  .ar .innovation-page .innovation .section-container .innovation-carousel .owl-nav {
    left: 50%;
    transform: translateX(-50%);
    right: auto;
  }
  .ar .innovation-page .innovation .section-container .innovation-carousel .owl-nav .owl-prev {
    left: auto;
    right: -80%;
  }
  .ar .innovation-page .innovation .section-container .innovation-carousel .owl-nav .owl-next {
    left: -80%;
  }
  .ar .innovation-page .innovation .section-container .innovation-carousel .owl-dots {
    left: 50%;
    transform: translateX(-50%);
    right: auto;
  }
  .ar .innovation-page .initiatives .contnent-area {
    position: relative;
    top: 44px;
    font-size: .7em;
  }
  .ar .innovation-page .initiatives p {
    text-align: center;
    font-weight: 300;
    padding: 0px 5%;
  }
  .ar .innovation-page .initiatives .section-container:before {
    display: none;
  }
  .ar .innovation-page .initiatives .initiative-carousel {
    padding-top: 17%;
  }
  .ar .innovation-page .initiatives .initiative-carousel .active.center {
    width: 12% !important;
  }
  .ar .innovation-page .initiatives .initiative-carousel .active.center .item .initiative-img {
    top: 10px;
    left: 7%;
    width: 75%;
    height: 200px;
  }
  .ar .innovation-page .initiatives .initiative-carousel .item .initiative-content {
    top: 265px;
    width: 95%;
  }
  .ar .innovation-page .initiatives {
    height: 880px;
  }
  .ar .innovation-page .initiatives .initiative-carousel .owl-controls {
    bottom: 33%;
  }
  .ar .innovation-page .innovative-video .right {
    background-position: 6% 0;
    background-size: 180%;
  }
  .ar .innovation-page .innovative-video {
    height: 650px;
  }
  .ar .innovation-page .innovative-video .left {
    width: 90%;
    padding-bottom: 5%;
    padding: 0 5% 5%;
  }
  .ar .innovation-page .innovative-video .left:before {
    display: none;
  }
  .ar .innovation-page .video-popup .video-frame,
  .ar .innovation-page .video-popup iframe {
    height: 35%;
    width: 95%;
    margin: 40% auto;
  }
  .ar .innovation-page .video-popup .close-video {
    top: 15%;
  }
  .ar .innovation-page .media-updates .section-container {
    font-size: .7em;
  }
  .ar .innovation-page .media-updates .section-container:before {
    display: none;
  }
  .ar .innovation-page .media-updates .contnent-area p {
    font-weight: 300;
    padding: 0 5%;
  }
  .ar .innovation-page .media-updates ul.tabs {
    width: 75%;
    left: 70%;
    transform: translate(-70%);
    right: auto;
  }
  .ar .innovation-page .media-updates .tab-area {
    width: 100%;
  }
  .ar .innovation-page .media-updates .slider-ul .owl-controls {
    bottom: 60px;
  }
}
.general-table tr td p {
  margin: 0 !important;
}
.org-chart .bubble .inner .wrapper a {
  color: #003738;
}
.sdgs-buzz {
  z-index: 9999;
}
.meet-poeple-page h2 {
  text-align: center;
  padding: 30px 15px;
  font-size: 34px;
  font-weight: 600;
}
.meet-poeple-page ul {
  display: table;
  width: 100%;
  padding: 0 !important;
  margin: 0 !important;
}
.meet-poeple-page ul li {
  display: inline-block;
  width: calc(33.33% - 25px);
  margin-right: 25px;
  margin-bottom: 15px;
}
.meet-poeple-page ul li:nth-child(3n) {
  margin-right: 0;
}
.meet-poeple-page ul li a {
  display: block;
}
.meet-poeple-page ul li a img {
  width: 100%;
}
.meet-people-details .img-block {
  width: 300px;
  margin-right: 50px;
  display: inline-block;
  vertical-align: top;
}
.meet-people-details .img-block img {
  width: 100%;
}
.meet-people-details .people-data {
  display: inline-block;
}
.meet-people-details .people-data .data-title {
  display: block;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 18px;
  padding: 10px 0;
}
.meet-people-details .people-data .data-name {
  display: block;
  font-size: 46px;
  padding: 10px 0;
}
.meet-people-details .people-data .data-email {
  display: inline-block;
  background: #a27f3b;
  padding: 10px 15px;
  border-radius: 5px;
  color: #fff;
  font-size: 14px;
}
.meet-people-details .people-data p {
  font-size: 14px;
  padding: 5px 0;
}
.marquee-news li {
  display: inline-block;
}
.marquee-news li a {
  padding: 16px 30px;
  color: #fff;
  display: block;
}
.marquee-news li a:hover {
  color: #000;
}
.video-gallery-hr-conference {
  background-image: url('../SiteImages/hr-conference-bg.png');
  height: 60vh;
  background-size: cover;
}
.video-gallery-hr-conference .video-hr-conference-carousel {
  height: 85%;
  width: 80%;
  margin: auto !important;
  padding: 0 !important;
}
.video-gallery-hr-conference .video-hr-conference-carousel .owl-stage-outer {
  height: 100%;
  margin-top: 5vh;
}
.video-gallery-hr-conference .video-hr-conference-carousel .owl-stage-outer .owl-stage {
  height: 100%;
}
.video-gallery-hr-conference .video-hr-conference-carousel .owl-stage-outer .owl-stage .owl-item {
  margin: 0 !important;
}
.video-gallery-hr-conference .video-hr-conference-carousel .owl-stage-outer .owl-stage .owl-video-wrapper {
  background: transparent !important;
}
.video-gallery-hr-conference .video-hr-conference-carousel .owl-stage-outer .owl-stage .owl-video-wrapper .owl-video-tn {
  height: 50vh;
}
.filter-title {
  width: 170px;
  line-height: 2 !important;
  padding: 2px 0 0 0 !important;
  margin: 0 !important;
}
p {
  line-height: 20px;
  text-align: justify;
  font-size: 1.1em;
}
.main-content li,
#content li {
  line-height: 25px;
}
.conf-block {
  border-top: 1px solid #d7d7d7;
  margin-top: 15px;
  padding-top: 30px;
}
.conf-block section h1 {
  color: #bc944f !important;
  font-size: 1.6em;
  border: 0 !important;
}
.imt-btn {
  background: #bc944f;
  color: #fff;
  padding: 14px;
  border-radius: 5px;
  font-size: 16px;
  font-weight: 600;
  margin: 0 10px;
  text-decoration: none;
  transition: all 200ms ease-in-out;
}
.imt-btn:hover {
  background: #7f6333;
}
.fix-img-size {
  width: 50% !important;
}
.hide {
  display: none !important;
}
.imtiyazat-banner {
  border: 5px solid #be9549;
  position: absolute;
  bottom: 0;
}
.imtiyazat-banner a img {
  width: 100%;
}
.hide-title > h1 {
  display: none;
}
.innovation-page .video-inovation-carousel {
  width: 60%;
  margin-top: 20px;
}
.innovation-page .video-inovation-carousel .owl-lazy {
  height: 300px;
}
.innovation-page .video-inovation-carousel .item-date {
  color: #b01d24;
  font-weight: bold;
  margin-top: 10px;
  display: block;
}
.innovation-page .video-inovation-carousel .owl-video-play-icon {
  background: url(../SiteImages/owl.video.play.png) no-repeat;
}
.subpage-no-column #content .innv-event-block a {
  float: right;
}
.subpage-no-column #content .innv-event-block a:before {
  top: 7px;
}
.section.media-updates {
  background-image: url(/portal/content/siteimages/innovation/inv-media-bg.png);
  background-repeat: no-repeat;
  background-position-y: -110px;
}
.annoucements .owl-carousel.owl-loaded {
  display: inline-block !important;
}
/*.annoucements .owl-carousel .owl-stage-outer {
    display: inline-block;
}*/
.annoucements-inv {
  position: relative;
}
.annoucements-inv .inv-cert {
  position: absolute;
  z-index: 9;
  top: 25px;
  float: left;
}
ul.general-listing {
  width: 100%;
}
.inv-messages {
  margin: 0 !important;
  padding: 0 !important;
}
.inv-messages li {
  float: left;
  width: 25%;
}
.inv-messages li a {
  display: inline-block;
  padding: 0 10px;
}
.inv-messages li img {
  width: 100%;
  border: 1px solid #bd9549;
}
.utilities li .rs_skip.icon-util-listen {
  min-width: 20px;
  margin-right: 11px;
}
.rsbtn .rsbtn_player.rsimg {
  display: none !important;
}
.btn-form {
  background-color: #db1c2c;
  color: #fff;
  padding: 10px 20px;
  font-size: 14px;
  font-weight: bold;
  display: inline-block;
}
.open-data {
  display: inline-block;
  width: 100%;
}
.open-data .char {
  width: 100%;
  float: left;
}
.open-data .char #ServiceCountChart {
  width: 100%;
}
.open-data .char-info {
  float: left;
  width: 100%;
}
.open-data .char-info ul.chart-info-list {
  padding: 0 !important;
  margin: 20px 0 0 0 !important;
}
.open-data .char-info ul.chart-info-list li {
  margin-left: 20px;
}
.most-pages:after {
  width: 50px;
  height: 50px;
  background-position: -463px -681px;
}
.most-pages-list li a {
  position: relative;
}
.most-pages-list li a:before {
  content: '';
  position: absolute;
  display: inline-block;
  vertical-align: text-top;
  text-indent: -9999px;
  overflow: hidden;
  background-image: url("/portal/content/siteimages/sprites.png?v3.4");
  background-repeat: no-repeat;
  width: 9px;
  height: 15px;
  background-position: -181px -53px;
  left: -20px;
  top: 6px;
}
.blog .owl-stage-outer .owl-stage .owl-item li a img {
  max-height: 300px;
  max-width: 400px;
  width: auto;
  margin: auto;
}
.go-top {
  position: fixed;
  bottom: 50px;
  right: 12px;
  height: 50px;
  width: 50px;
  text-align: center;
  background: #b01d23;
  color: #fff;
  border-radius: 100%;
  font-size: 14px;
  line-height: 16px;
  display: none;
}
.go-top span {
  display: inline-block;
  margin-top: 15px;
  font-weight: bold;
}
#mainCaptcha {
  margin-bottom: 0px;
  width: 200px;
  height: 40px;
  font-size: 24px;
  font-weight: bolder;
  display: inline-block;
  text-align: center;
  color: #b01d23 !important;
}
#captchaLog {
  color: #db252c;
  border-radius: 7px;
  font-size: 14px;
  padding: 5px;
  margin-left: 60px;
  display: none;
}
#mainCaptcha2 {
  width: 200px;
  padding: 5px 0;
  text-align: center;
  font-size: 18px;
  letter-spacing: 3px;
}
#refreshCaptcha {
  display: inline-block;
}
.general-filtering ul.filters li.download-pdf a.download-adobe-reader {
  font-size: 0 !important;
}
footer .container .footer-menu-block div.footer-menu ul li a:hover,
footer .container .footer-menu-details .normal-menu li a:hover {
  text-decoration: underline;
  color: #b01d23;
}
.no-result {
  background: #ececed;
  padding: 10px 10px;
  font-size: 14px;
  text-align: center;
  color: #909496;
  font-family: 'Droid Arabic Kufi', Tahoma, Arial, Helvetica, sans-serif;
  display: none;
}
.no-result.show {
  display: block;
}
.modal .service-rating {
  padding: 20px 85px;
}
.modal .service-rating .poll {
  padding: 0;
  margin: 0;
}
.modal .service-rating div {
  padding: 0;
}
.modal .service-rating h2 {
  padding: 10px 0;
  font-size: 28px;
}
.modal .suggestion-box-placeHolder {
  margin-top: 38px;
}
.modal .suggestion-box-placeHolder .submitted-message {
  background: none;
}
.modal ul.compact-form li label {
  text-align: right;
  padding: 10px 0;
  font-family: 'Droid Arabic Kufi', Tahoma, Arial, Helvetica, sans-serif;
  font-size: 16px;
}
.modal ul.compact-form li.field .field-value {
  margin: 0 !important;
}
.long-menu .menu-items {
  min-height: 515px !important;
}
#eventListing .general-listing {
  width: 100%;
}
a:hover {
  text-decoration: underline;
}
.inv-back {
  color: #b01d23;
}
.generic-list-two-downlaod li {
  height: 220px;
  position: relative;
  width: 220px;
  border: 1px solid #f3ecdf;
  margin: 6px;
  float: left;
}
.generic-list-two-downlaod li img {
  /*width: ~"calc(100% - 14px)";
            max-width: 205px;*/
  margin: auto;
  margin-top: 10px;
  display: block;
  max-height: 135px;
  max-width: 100%;
}
.generic-list-two-downlaod li strong,
.generic-list-two-downlaod li span,
.generic-list-two-downlaod li a {
  display: block;
  padding: 7px 10px;
  font-family: 'Exo 2', 'Droid Arabic Kufi', sans-serif;
  position: absolute;
  width: calc(100% - 20px);
}
.generic-list-two-downlaod li strong {
  top: 145px;
  font-size: 11px;
}
.generic-list-two-downlaod li span {
  top: 165px;
}
.generic-list-two-downlaod li a {
  top: 185px;
}
table {
  border-spacing: 0;
  border-collapse: collapse;
}
table.calendar th {
  background-color: #ececed;
}
.service-rating {
  background: #ececed;
  padding: 10px;
}
.service-rating ul.poll-star {
  display: inline-block;
}
.service-rating ul.poll-star .star-item {
  float: right;
  margin-right: 10px;
}
.service-rating ul.poll-star .star-item a.icon-star {
  background-image: url(../Images/icon-poll-deactive.png);
  background-size: 100%;
}
.service-rating ul.poll-star .star-item a.icon-starred {
  background-image: url(../Images/icon-poll-active.png);
  background-position: 0;
}
.service-rating ul.poll-star .star-item a {
  height: 30px;
  width: 30px;
}
.service-rating h2 span {
  color: #b01d23;
}
.pager li.info {
  display: none;
}
.related-photos-carousel {
  width: 400px;
  height: 250px;
  border: 5px solid #faf5eb;
  padding: 10px 10px 60px 10px !important;
  float: right;
  margin-left: 15px !important;
}
.related-photos-carousel .owl-controls {
  height: 50px;
  top: initial;
  bottom: -18px;
}
.general-horizontal-listing {
  min-height: 244px;
}
.general-horizontal-listing ul.general-listing li.h-news-entry {
  height: auto !important;
  margin-right: 19px;
}
div.falcon {
  display: block;
  background: url(/portal/content/siteimages/falcon-medium.jpg) left center no-repeat;
  padding: 20px 10px 10px 150px;
  text-align: left;
  margin-left: 20px;
}
div.download-box {
  font-weight: bold;
  padding: 10px;
  line-height: 150%;
  position: relative;
}
div.download-box a {
  display: block;
  width: 180px;
  height: 56px;
  background: url(/portal/content/siteimages/download-button-en.jpg) top left no-repeat;
  padding-top: 20px;
  padding-left: 87px;
}
div.download-box a.download-adobe-reader {
  position: absolute;
  top: 20px;
  right: 0px;
  width: 120px;
  height: 30px;
  overflow: hidden;
  background: url(/portal/content/siteimages/get-adobe-reader.jpg) center center no-repeat;
  display: block;
  font-size: 0;
  color: transparent;
}
.staticListing-carousel {
  padding: 0 !important;
  margin-bottom: 50px !important;
}
.staticListing-carousel .owl-controls {
  background: #faf5eb;
  height: 50px;
  bottom: -60px;
}
.staticListing-carousel .owl-controls .owl-nav {
  position: relative;
  height: 50px;
}
.staticListing-carousel .owl-controls .owl-nav .owl-next {
  position: absolute;
  right: 20px;
}
.staticListing-carousel .owl-controls .owl-nav .owl-prev {
  position: absolute;
  left: 20px;
}
.staticListing-carousel .owl-controls .owl-dots {
  position: relative;
  margin-top: -35px;
}
.download-list {
  min-width: 160px;
  padding: 0 !important;
  margin: 0 !important;
  list-style: none;
  display: table;
  text-align: center;
}
.download-list li {
  display: inline-block;
  position: relative;
  text-align: center;
  color: #606060;
  font-size: 11px;
  font-weight: normal;
  margin-top: 45px;
  margin: 45px 10px 0 10px;
}
.download-list li a {
  position: absolute;
  top: -35px;
}
.sitemap {
  margin-top: 20px;
}
.sitemap li {
  float: left;
  width: calc(33.33% - 15.33px);
  margin-right: 20px;
  border: 1px solid #ececed;
  margin-bottom: 20px;
}
.sitemap li .sitemap-item h2 {
  background: #909496;
  padding: 10px 10px;
  border-bottom: 1px solid #ececed;
}
.sitemap li .sitemap-item h2 a {
  color: #ffffff;
  font-size: 16px;
}
.sitemap li ul li {
  padding: 5px 30px;
  width: calc(100% - 40px);
  margin: 0;
}
.sitemap li ul li a {
  color: #bd9549;
  font-weight: 500;
  font-size: 13px;
  white-space: pre-line;
  position: relative;
  display: inline-block;
}
.sitemap li ul li a:before {
  content: '';
  position: absolute;
  display: inline-block;
  vertical-align: text-top;
  text-indent: -9999px;
  overflow: hidden;
  background-image: url("/portal/content/siteimages/sprites.png?v3.4");
  background-repeat: no-repeat;
  width: 9px;
  height: 15px;
  background-position: -81px -53px;
  left: -17px;
  top: 5px;
}
.sitemap li ul li ul li a {
  font-weight: normal;
  font-size: 12px;
  color: #868178;
}
.sitemap li ul li ul li a:before {
  width: 6px;
  height: 10px;
  background-position: -183px -53px;
  left: -11px;
  top: 4px;
}
.sitemap li.filler {
  display: none;
}
.sitemap li ul > li {
  border: 0;
}
.sitemap li.last {
  margin-right: 0;
}
.poll-details p strong {
  font-size: 18px;
}
.poll-details ul.poll {
  margin: 0;
}
.poll-details ul.poll li {
  padding: 10px 0;
}
.poll-details ul.poll li label {
  font-size: 16px;
  padding: 0 10px;
  color: #868178;
}
.poll-details .view-poll-archive {
  margin-top: 45px;
}
.poll-details .view-poll-archive a {
  font-weight: bold;
  position: relative;
  padding: 5px 15px;
}
.poll-details .view-poll-archive a:before {
  content: '';
  position: absolute;
  display: inline-block;
  vertical-align: text-top;
  text-indent: -9999px;
  overflow: hidden;
  background-image: url("/portal/content/siteimages/sprites.png?v3.4");
  background-repeat: no-repeat;
  width: 9px;
  height: 15px;
  background-position: -81px -53px;
  left: 0;
}
.poll-details .poll-answers li label {
  font-size: 16px;
}
.suggestion-box-placeHolder {
  border-top: 1px solid #ececed;
  padding-top: 15px;
  margin-top: 20px;
  float: left;
  width: 100%;
}
.suggestion-box-placeHolder .control-group label {
  color: #909496;
  font-weight: 500;
  font-size: 14px;
  padding: 10px 0;
  display: block;
}
.suggestion-box-placeHolder .controls input[type="button"] {
  background: #ffffff;
  border: 1px solid #ececed;
  margin-right: 10px;
  padding: 5px 25px;
  border-radius: 5px;
  color: #909496;
  -ms-transition: background 0.2s linear;
  -o-transition: background 0.2s linear;
  -webkit-transition: background 0.2s linear;
  -moz-transition: background 0.2s linear;
  transition: background 0.2s linear;
  cursor: pointer;
}
.suggestion-box-placeHolder .controls input[type="button"]:hover {
  background: #f9f9f9;
  color: #343434;
}
.green-class span {
  color: #288a0b !important;
}
.td-width-auto {
  width: 50px;
}
.td-width-auto img {
  width: auto;
}
.banner-carousel .owl-controls {
  height: 0;
  bottom: 15px;
  z-index: 1;
}
.banner-carousel .owl-controls .owl-dots {
  display: table;
}
.banner-carousel .owl-controls .owl-dots .owl-dot span {
  height: 8px;
  width: 8px;
}
.page-banner {
  margin-bottom: -10px;
}
.page-banner .page-banner-carousel .owl-stage-outer {
  min-width: 100%;
}
.page-banner .owl-controls {
  z-index: 0;
  height: 35px;
}
.hr-links {
  width: 100%;
}
.hr-links.hr-link-bottom {
  margin-top: 20px;
}
.hr-links li {
  background: #bd9549;
}
.hr-links li:hover {
  background: #cbab6e;
}
.hr-links li a {
  display: block;
  color: #ffffff;
  padding: 20px 10px 20px 60px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 15px;
  margin-bottom: 20px;
  position: relative;
}
.hr-links li a:before {
  content: '';
  position: absolute;
  display: inline-block;
  vertical-align: text-top;
  text-indent: -9999px;
  overflow: hidden;
  background-image: url("/portal/content/siteimages/sprites.png?v3.4");
  background-repeat: no-repeat;
  left: 15px;
  top: 16px;
}
.hr-links li.monthly-messages a:before {
  width: 33px;
  height: 30px;
  background-position: -204px -236px;
}
.hr-links li.photo-gallery a:before {
  width: 32px;
  height: 26px;
  background-position: -284px -236px;
}
.hr-links li.club-video a:before {
  width: 29px;
  height: 25px;
  background-position: -326px -236px;
}
.hr-links li.become-member a:before {
  width: 32px;
  height: 26px;
  background-position: -83px -236px;
}
.hr-links li.ettend-event a:before {
  width: 37px;
  height: 35px;
  background-position: -36px -236px;
}
.hr-links li.events a:before {
  width: 27px;
  height: 27px;
  background-position: -125px -236px;
}
.hr-links li.presentations a:before {
  width: 27px;
  height: 32px;
  background-position: -247px -236px;
}
.hr-links li.hr-magazine a:before {
  width: 32px;
  height: 24px;
  background-position: -162px -236px;
}
.overview-more {
  color: #bd9549;
  text-transform: capitalize;
  font-weight: bold;
  position: relative;
  padding: 5px 5px 5px 10px;
}
.overview-more:before {
  content: '';
  position: absolute;
  display: inline-block;
  vertical-align: text-top;
  text-indent: -9999px;
  overflow: hidden;
  background-image: url("/portal/content/siteimages/sprites.png?v3.4");
  background-repeat: no-repeat;
  width: 9px;
  height: 15px;
  background-position: -81px -53px;
  left: 0;
  zoom: 0.7;
  top: 12px;
}
.hr-club-news .hr-title {
  color: #343434;
  text-transform: uppercase;
  padding: 15px 0 25px 0;
}
.hr-club-news .first-item h4 a img {
  width: 380px;
  float: left;
  margin-right: 15px;
}
.hr-club-news .first-item h4 a span.title {
  color: #b01d23;
  font-size: 15px;
}
.hr-club-news .first-item h4 a span.date {
  display: block;
  padding: 8px 0;
  font-weight: normal;
  color: #b7b7b5;
}
.hr-club-news .first-item h4 p {
  font-weight: normal;
  font-size: 14px;
  color: #868178;
}
.hr-club-news .hr-news-list-carousel {
  float: left;
  margin-top: 30px;
  border-top: 1px dotted #ececed;
  padding-top: 20px;
}
.hr-club-news .hr-news-list-carousel li {
  width: 100%;
  padding: 0 0 20px 0;
  margin-bottom: 20px;
}
.hr-club-news .hr-news-list-carousel li ul li {
  border-bottom: 1px dotted #ececed;
}
.hr-club-news .hr-news-list-carousel li h4 a {
  font-size: 16px;
  font-weight: 500;
}
.hr-club-news .hr-news-list-carousel li h4 a span {
  display: block;
  color: #909496;
  font-weight: normal;
  font-size: 14px;
  padding: 5px 0;
}
.hr-club-news .owl-controls {
  z-index: 1;
  height: 40px;
  border-bottom: 1px dotted #ececed;
  bottom: 0;
}
.hr-club-news .wid-more {
  float: left;
  display: block;
  text-align: center;
  text-decoration: none;
  color: #b01d23;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 1.1em;
  letter-spacing: 1px;
  background: #e6e6e6;
  width: 100%;
  padding: 10px 0;
  z-index: 1;
}
.advanced-search .searchsuggestion .list-words {
  display: none;
  left: 0;
  top: 10px;
}
.advanced-search .control-group {
  border-bottom: 1px dotted #ececed;
  padding-bottom: 15px;
  margin-top: 20px;
}
.advanced-search .control-group:last-child {
  border-bottom: 0;
}
.advanced-search .control-group label.control-label {
  padding: 5px 0;
  display: block;
}
.advanced-search .control-group label.checkbox {
  margin-right: 10px;
  font-weight: 500;
  color: #5a5a5a;
  font-size: 14px;
}
.advanced-search .control-group div.controls input[type='text'] {
  display: block;
  width: 80%;
  padding: 8px 5px;
  border: 1px solid #ececed;
}
.advanced-search .control-group div.controls select {
  width: 17%;
  padding: 10px 5px;
  border: 1px solid #ececed;
}
.advanced-search .form-actions {
  height: 40px;
}
.advanced-search .form-actions input[type='submit'] {
  border-radius: 5px;
  background: #bd9549;
  padding: 6px 20px;
  color: #ffffff;
  font-size: 1.1em;
  float: left;
  margin-right: 20px;
  border: 3px solid rgba(228, 194, 128, 0.53);
  text-transform: capitalize;
  font-weight: bold;
  cursor: pointer;
}
.advanced-search .widget-title {
  font-size: 16px;
  text-transform: capitalize;
  padding: 10px 0;
  border-bottom: 2px solid #bd9549;
}
.advanced-search div.page .fi-pageme-container {
  display: none;
}
.advanced-search .search-result {
  float: left;
  width: 100%;
}
.advanced-search .search-result li {
  /*margin-top: 15px;
            min-height: 125px;*/
  border-bottom: 1px dotted #ececed;
}
.advanced-search .search-result li ol {
  padding: 0 15px;
}
.advanced-search .search-result li ol li {
  min-height: 0 !important;
}
.advanced-search .search-result li:last-child {
  border-bottom: 0;
}
.advanced-search .search-result li ul.general-facts li {
  min-height: 0;
  margin: 0;
  padding: 10px 0;
  border: 0;
}
.advanced-search .search-result li article h4 a {
  display: block;
  color: #343434;
  font-size: 14px;
  padding: 10px 0;
}
.advanced-search .search-result li article h4 a img {
  float: left;
  margin-right: 15px;
}
.advanced-search .search-result li article time {
  color: #868178;
}
.advanced-search div.widget {
  margin-bottom: 40px;
  float: left;
  width: 100%;
}
.advanced-search .focus {
  background: #fff900;
}
.did-you-know-list li ul li {
  padding: 5px;
  background: #f9f9f9;
  border-bottom: 1px dotted #ececed;
}
.file-size {
  font-size: 9px;
  display: block;
  text-align: center;
  width: 50px;
  margin: auto;
}
#minister,
#complaints,
#call,
#programs {
  width: 530px !important;
}
#internationl,
#law {
  width: 440px !important;
}
#general {
  width: 545px !important;
}
#hr {
  width: 350px !important;
}
div.bubble.info {
  width: 400px !important;
}
div.bubble.info div.wrapper div.clearfix span {
  white-space: nowrap;
}
/*# sourceMappingURL=site.css.map */