/*
 *
 * Application Bootstrap
 *
 */
@media screen and (max-width: 768px) {
}@media (min-width: 769px) {
}@media (min-width: 769px) {
}@media (max-width: 768px) {
}@media (min-width: 769px) {
}@media (min-width: 769px) {
}@media (max-width: 768px) {
}@media (max-width: 768px) {
}.separator {
  *zoom: 1;clear: both;
}
.separator:before,
.separator:after {
  content: " ";display: table;
}
.separator:after {
  clear: both;
}
.separator:before,
.separator:after {
  content: " ";display: table;
}
.separator:after {
  clear: both;
}
/*
 *
 * Animation Styles
 *
 */
@charset "UTF-8";

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.2
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2017 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.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -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.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -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;
  -ms-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(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .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(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .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;
  -ms-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(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .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(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .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;
  -ms-transform-origin: center;
  transform-origin: center;
}

@-webkit-keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .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(.97, .97, .97);
    transform: scale3d(.97, .97, .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.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .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(.97, .97, .97);
    transform: scale3d(.97, .97, .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.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  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.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  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.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  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.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  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.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  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.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  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.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  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.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  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(.9, .9, .9);
    transform: scale3d(.9, .9, .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(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
}

@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .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(.3, .3, .3);
    transform: scale3d(.3, .3, .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(.95, .95, .95);
    transform: perspective(400px) scale3d(.95, .95, .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(.95, .95, .95);
    transform: perspective(400px) scale3d(.95, .95, .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;
}

@-webkit-keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }

  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }

  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.jackInTheBox {
  -webkit-animation-name: jackInTheBox;
  animation-name: jackInTheBox;
}

/* 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(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  to {
    opacity: 0;
  }
}

@keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  to {
    opacity: 0;
  }
}

.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform: scale3d(.1, .1, .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.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform: scale3d(.1, .1, .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.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
    transform: scale(.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
    transform: scale(.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(.475, .475, .475) translate3d(-42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
    transform: scale(.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
    transform: scale(.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(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform: scale3d(.1, .1, .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.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform: scale3d(.1, .1, .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.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 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;
}

.animate {
  opacity: 0;
}
.animate.animated {
  opacity: 1;
}
.animate-out {
  opacity: 1;
}
.animate-out.animated {
  opacity: 0;
}
@-webkit-keyframes sweepIn {
  0% {
    z-index: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    z-index: 1;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
  }
  75% {
    z-index: 0;
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
  }
  100% {
    z-index: 0;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
  }
}
@keyframes sweepIn {
  0% {
    z-index: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    z-index: 1;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
  }
  75% {
    z-index: 0;
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
  }
  100% {
    z-index: 0;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
  }
}
@-webkit-keyframes sweepOut {
  0% {
    z-index: 0;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  50% {
    z-index: 0;
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
  }
  75% {
    z-index: 1;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
  }
  100% {
    z-index: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes sweepOut {
  0% {
    z-index: 0;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  50% {
    z-index: 0;
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
  }
  75% {
    z-index: 1;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
  }
  100% {
    z-index: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
/*
 *
 * Variables
 *
 */
/*
 *
 * Mixins
 *
 */
.non-box-shadow {
  box-shadow: none;
}
/*
 *
 * Theme
 *
 */
/*
 *
 * Layout
 *
 */
.display-block {
  display: block;
}
.display-inline-block {
  display: inline-block;
}
@media (max-width: 768px) {
  .display-xs-block {
    display: block;
  }
}
@media (min-width: 769px) {
  .display-sm-block {
    display: block;
  }
}
@media (min-width: 992px) {
  .display-md-block {
    display: block;
  }
}
@media (min-width: 1200px) {
  .display-lg-block {
    display: block;
  }
}
@media (min-width: 769px) {
  .pull-sm-right {
    float: right;
  }
  .pull-sm-left {
    float: left;
  }
  .pull-sm-none {
    float: none;
  }
}
@media (min-width: 992px) {
  .pull-md-right {
    float: right;
  }
  .pull-md-left {
    float: left;
  }
  .pull-md-none {
    float: none;
  }
}
@media (min-width: 1200px) {
  .pull-lg-right {
    float: right;
  }
  .pull-lg-left {
    float: left;
  }
  .pull-lg-none {
    float: none;
  }
}
.lm-t12 {
  margin-top: 240px !important;
}
.lm-t11 {
  margin-top: 220px !important;
}
.lm-t10 {
  margin-top: 200px !important;
}
.lm-t9 {
  margin-top: 180px !important;
}
.lm-t8 {
  margin-top: 160px !important;
}
.lm-t7 {
  margin-top: 140px !important;
}
.lm-t6 {
  margin-top: 120px !important;
}
.lm-t5 {
  margin-top: 100px !important;
}
.lm-t4 {
  margin-top: 80px !important;
}
.lm-t3 {
  margin-top: 60px !important;
}
.lm-t2 {
  margin-top: 40px !important;
}
.lm-t1 {
  margin-top: 20px !important;
}
.lm-t0 {
  margin-top: 0px !important;
}
.lm-b12 {
  margin-bottom: 240px !important;
}
.lm-b11 {
  margin-bottom: 220px !important;
}
.lm-b10 {
  margin-bottom: 200px !important;
}
.lm-b9 {
  margin-bottom: 180px !important;
}
.lm-b8 {
  margin-bottom: 160px !important;
}
.lm-b7 {
  margin-bottom: 140px !important;
}
.lm-b6 {
  margin-bottom: 120px !important;
}
.lm-b5 {
  margin-bottom: 100px !important;
}
.lm-b4 {
  margin-bottom: 80px !important;
}
.lm-b3 {
  margin-bottom: 60px !important;
}
.lm-b2 {
  margin-bottom: 40px !important;
}
.lm-b1 {
  margin-bottom: 20px !important;
}
.lm-b0 {
  margin-bottom: 0px !important;
}
.lm-l12 {
  margin-left: 240px !important;
}
.lm-l11 {
  margin-left: 220px !important;
}
.lm-l10 {
  margin-left: 200px !important;
}
.lm-l9 {
  margin-left: 180px !important;
}
.lm-l8 {
  margin-left: 160px !important;
}
.lm-l7 {
  margin-left: 140px !important;
}
.lm-l6 {
  margin-left: 120px !important;
}
.lm-l5 {
  margin-left: 100px !important;
}
.lm-l4 {
  margin-left: 80px !important;
}
.lm-l3 {
  margin-left: 60px !important;
}
.lm-l2 {
  margin-left: 40px !important;
}
.lm-l1 {
  margin-left: 20px !important;
}
.lm-l0 {
  margin-left: 0px !important;
}
.lm-r12 {
  margin-right: 240px !important;
}
.lm-r11 {
  margin-right: 220px !important;
}
.lm-r10 {
  margin-right: 200px !important;
}
.lm-r9 {
  margin-right: 180px !important;
}
.lm-r8 {
  margin-right: 160px !important;
}
.lm-r7 {
  margin-right: 140px !important;
}
.lm-r6 {
  margin-right: 120px !important;
}
.lm-r5 {
  margin-right: 100px !important;
}
.lm-r4 {
  margin-right: 80px !important;
}
.lm-r3 {
  margin-right: 60px !important;
}
.lm-r2 {
  margin-right: 40px !important;
}
.lm-r1 {
  margin-right: 20px !important;
}
.lm-r0 {
  margin-right: 0px !important;
}
.lp-t12 {
  padding-top: 240px !important;
}
.lp-t11 {
  padding-top: 220px !important;
}
.lp-t10 {
  padding-top: 200px !important;
}
.lp-t9 {
  padding-top: 180px !important;
}
.lp-t8 {
  padding-top: 160px !important;
}
.lp-t7 {
  padding-top: 140px !important;
}
.lp-t6 {
  padding-top: 120px !important;
}
.lp-t5 {
  padding-top: 100px !important;
}
.lp-t4 {
  padding-top: 80px !important;
}
.lp-t3 {
  padding-top: 60px !important;
}
.lp-t2 {
  padding-top: 40px !important;
}
.lp-t1 {
  padding-top: 20px !important;
}
.lp-t0 {
  padding-top: 0px !important;
}
.lp-b12 {
  padding-bottom: 240px !important;
}
.lp-b11 {
  padding-bottom: 220px !important;
}
.lp-b10 {
  padding-bottom: 200px !important;
}
.lp-b9 {
  padding-bottom: 180px !important;
}
.lp-b8 {
  padding-bottom: 160px !important;
}
.lp-b7 {
  padding-bottom: 140px !important;
}
.lp-b6 {
  padding-bottom: 120px !important;
}
.lp-b5 {
  padding-bottom: 100px !important;
}
.lp-b4 {
  padding-bottom: 80px !important;
}
.lp-b3 {
  padding-bottom: 60px !important;
}
.lp-b2 {
  padding-bottom: 40px !important;
}
.lp-b1 {
  padding-bottom: 20px !important;
}
.lp-b0 {
  padding-bottom: 0px !important;
}
.lp-l12 {
  padding-left: 240px !important;
}
.lp-l11 {
  padding-left: 220px !important;
}
.lp-l10 {
  padding-left: 200px !important;
}
.lp-l9 {
  padding-left: 180px !important;
}
.lp-l8 {
  padding-left: 160px !important;
}
.lp-l7 {
  padding-left: 140px !important;
}
.lp-l6 {
  padding-left: 120px !important;
}
.lp-l5 {
  padding-left: 100px !important;
}
.lp-l4 {
  padding-left: 80px !important;
}
.lp-l3 {
  padding-left: 60px !important;
}
.lp-l2 {
  padding-left: 40px !important;
}
.lp-l1 {
  padding-left: 20px !important;
}
.lp-l0 {
  padding-left: 0px !important;
}
.lp-r12 {
  padding-right: 240px !important;
}
.lp-r11 {
  padding-right: 220px !important;
}
.lp-r10 {
  padding-right: 200px !important;
}
.lp-r9 {
  padding-right: 180px !important;
}
.lp-r8 {
  padding-right: 160px !important;
}
.lp-r7 {
  padding-right: 140px !important;
}
.lp-r6 {
  padding-right: 120px !important;
}
.lp-r5 {
  padding-right: 100px !important;
}
.lp-r4 {
  padding-right: 80px !important;
}
.lp-r3 {
  padding-right: 60px !important;
}
.lp-r2 {
  padding-right: 40px !important;
}
.lp-r1 {
  padding-right: 20px !important;
}
.lp-r0 {
  padding-right: 0px !important;
}
.width-xs-12 {
  width: 100%;
}
.width-xs-11 {
  width: 91.66666667%;
}
.width-xs-10 {
  width: 83.33333333%;
}
.width-xs-9 {
  width: 75%;
}
.width-xs-8 {
  width: 66.66666667%;
}
.width-xs-7 {
  width: 58.33333333%;
}
.width-xs-6 {
  width: 50%;
}
.width-xs-5 {
  width: 41.66666667%;
}
.width-xs-4 {
  width: 33.33333333%;
}
.width-xs-3 {
  width: 25%;
}
.width-xs-2 {
  width: 16.66666667%;
}
.width-xs-1 {
  width: 8.33333333%;
}
@media (min-width: 769px) {
  .width-sm-12 {
    width: 100%;
  }
  .width-sm-11 {
    width: 91.66666667%;
  }
  .width-sm-10 {
    width: 83.33333333%;
  }
  .width-sm-9 {
    width: 75%;
  }
  .width-sm-8 {
    width: 66.66666667%;
  }
  .width-sm-7 {
    width: 58.33333333%;
  }
  .width-sm-6 {
    width: 50%;
  }
  .width-sm-5 {
    width: 41.66666667%;
  }
  .width-sm-4 {
    width: 33.33333333%;
  }
  .width-sm-3 {
    width: 25%;
  }
  .width-sm-2 {
    width: 16.66666667%;
  }
  .width-sm-1 {
    width: 8.33333333%;
  }
}
@media (min-width: 992px) {
  .width-md-12 {
    width: 100%;
  }
  .width-md-11 {
    width: 91.66666667%;
  }
  .width-md-10 {
    width: 83.33333333%;
  }
  .width-md-9 {
    width: 75%;
  }
  .width-md-8 {
    width: 66.66666667%;
  }
  .width-md-7 {
    width: 58.33333333%;
  }
  .width-md-6 {
    width: 50%;
  }
  .width-md-5 {
    width: 41.66666667%;
  }
  .width-md-4 {
    width: 33.33333333%;
  }
  .width-md-3 {
    width: 25%;
  }
  .width-md-2 {
    width: 16.66666667%;
  }
  .width-md-1 {
    width: 8.33333333%;
  }
}
@media (min-width: 1200px) {
  .width-lg-12 {
    width: 100%;
  }
  .width-lg-11 {
    width: 91.66666667%;
  }
  .width-lg-10 {
    width: 83.33333333%;
  }
  .width-lg-9 {
    width: 75%;
  }
  .width-lg-8 {
    width: 66.66666667%;
  }
  .width-lg-7 {
    width: 58.33333333%;
  }
  .width-lg-6 {
    width: 50%;
  }
  .width-lg-5 {
    width: 41.66666667%;
  }
  .width-lg-4 {
    width: 33.33333333%;
  }
  .width-lg-3 {
    width: 25%;
  }
  .width-lg-2 {
    width: 16.66666667%;
  }
  .width-lg-1 {
    width: 8.33333333%;
  }
}
body {
  overflow-x: hidden;
}
#viewport {
  position: relative;
  left: 0;
}
/*
 *
 * Typography
 *
 */
html {
  font-size: 14px;
}
body {
  font-size: 1rem;
}
.text-xs {
  font-size: 10px;
}
.text-sm {
  font-size: 13px;
}
.text-md {
  font-size: 14px;
}
.text-lg {
  font-size: 17px;
}
.text-thiner {
  font-weight: 200;
}
.text-thin {
  font-weight: 300;
}
.text-normal {
  font-weight: normal;
}
.text-strong {
  font-weight: 700;
}
.text-stronger {
  font-weight: 800;
}
.title-size-h1,
.font-size-h1 {
  font-size: 44px;
}
.title-size-h2,
.font-size-h2 {
  font-size: 25px;
}
.title-size-h3,
.font-size-h3 {
  font-size: 20px;
}
.title-size-h4,
.font-size-h4 {
  font-size: 16px;
}
.title-size-h5,
.font-size-h5 {
  font-size: 14px;
}
.title-size-h6,
.font-size-h6 {
  font-size: 12px;
}
h1,
.h1,
.title-size-h1,
h2,
.h2,
.title-size-h2,
h3,
.h3,
.title-size-h3 {
  font-weight: 700;
}
h4,
.h4,
.title-size-h4,
h5,
.h5,
.title-size-h5,
h6,
.h6,
.title-size-h6 {
  font-weight: 700;
}
.title-size-h1 small,
.title-size-h2 small,
.title-size-h3 small,
.title-size-h4 small,
.title-size-h5 small,
.title-size-h6 small,
.sub-title small,
.title small,
.title-size-h1 .small,
.title-size-h2 .small,
.title-size-h3 .small,
.title-size-h4 .small,
.title-size-h5 .small,
.title-size-h6 .small,
.sub-title .small,
.title .small {
  color: inherit;
}
/*
 *
 * Fonts
 *
 */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 100;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOiCnqEu92Fr1Mu51QrEz4dKg.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51TjASc0CsE.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOkCnqEu92Fr1Mu51xGIzc.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51S7ACc0CsE.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51TzBic0CsE.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 900;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51TLBCc0CsE.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOkCnqEu92Fr1MmgVxGIzc.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fChc9.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu7GxP.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fChc9.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfChc9.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmYUtfChc9.ttf) format('truetype');
}
/*
 *
 * UI Icons
 *
 */
.s5x9 {
  width: 5px;
  height: 10px;
}
.s9x19 {
  width: 9px;
  height: 20px;
}
.s10x20 {
  width: 10px;
  height: 21px;
}
.s10x18 {
  width: 10px;
  height: 19px;
}
.s12x2 {
  width: 12px;
  height: 3px;
}
.s12x11 {
  width: 12px;
  height: 12px;
}
.s12x12 {
  width: 12px;
  height: 13px;
}
.s12x19 {
  width: 12px;
  height: 19px;
}
.s12x24 {
  width: 12px;
  height: 25px;
}
.s14x15 {
  width: 14px;
  height: 16px;
}
.s14x19 {
  width: 14px;
  height: 20px;
}
.s15x15 {
  width: 15px;
  height: 16px;
}
.s15x13 {
  width: 15px;
  height: 14px;
}
.s15x32 {
  width: 15px;
  height: 33px;
}
.s16x12 {
  width: 16px;
  height: 13px;
}
.s16x16 {
  width: 16px;
  height: 17px;
}
.s17x24 {
  width: 17px;
  height: 25px;
}
.s18x16 {
  width: 18px;
  height: 17px;
}
.s19x17 {
  width: 19px;
  height: 18px;
}
.s19x19 {
  width: 19px;
  height: 20px;
}
.s19x20 {
  width: 19px;
  height: 21px;
}
.s19x25 {
  width: 19px;
  height: 26px;
}
.s20x14 {
  width: 20px;
  height: 15px;
}
.s20x20 {
  width: 20px;
  height: 21px;
}
.s20x17 {
  width: 20px;
  height: 18px;
}
.s21x21 {
  width: 21px;
  height: 22px;
}
.s21x14 {
  width: 21px;
  height: 15px;
}
.s22x19 {
  width: 22px;
  height: 20px;
}
.s22x22 {
  width: 22px;
  height: 23px;
}
.s23x13 {
  width: 23px;
  height: 14px;
}
.s23x23 {
  width: 23px;
  height: 24px;
}
.s23x24 {
  width: 23px;
  height: 25px;
}
.s25x21 {
  width: 25px;
  height: 22px;
}
.s25x17 {
  width: 25px;
  height: 18px;
}
.s27x26 {
  width: 27px;
  height: 27px;
}
.s29x27 {
  width: 29px;
  height: 28px;
}
.s31x32 {
  width: 31px;
  height: 33px;
}
.s32x23 {
  width: 32px;
  height: 24px;
}
.s32x26 {
  width: 32px;
  height: 27px;
}
.s23x17 {
  width: 23px;
  height: 18px;
}
.s60x60 {
  width: 60px;
  height: 61px;
}
.ui-icons {
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  background: url("../img/ui-icons.png");
}
.ui-icons.ui-icons-clock {
  width: 15px;
  height: 16px;
  background-position: 0 0;
}
.ui-icons.ui-icons-search-grow {
  width: 16px;
  height: 17px;
  background-position: 0 -40px;
}
.ui-icons.ui-icons-download {
  width: 18px;
  height: 17px;
  background-position: 0 -20px;
}
.ui-icons.ui-icons-search-red {
  width: 16px;
  height: 17px;
  background-position: -128px -110px;
}
.ui-icons.ui-icons-download-red {
  width: 18px;
  height: 17px;
  background-position: -100px -110px;
}
.ui-icons.ui-icons-gray-arrow-left {
  width: 10px;
  height: 19px;
  background-position: -25px 0;
}
.ui-icons.ui-icons-gray-arrow-right {
  width: 10px;
  height: 19px;
  background-position: -25px -25px;
}
.ui-icons.ui-icons-black-arrow-right {
  width: 15px;
  height: 14px;
  background-position: -40px -30px;
}
.ui-icons.ui-icons-black-arrow-left {
  width: 15px;
  height: 14px;
  background-position: -60px -30px;
}
.ui-icons.ui-icons-navy-blue-arrow-right {
  width: 12px;
  height: 12px;
  background-position: -150px -55px;
}
.ui-icons.ui-icons-black-arrow-right {
  width: 12px;
  height: 12px;
  background-position: -130px -55px;
}
.ui-icons.ui-icons-white-arrow-left {
  width: 15px;
  height: 14px;
  background-position: -70px -75px;
}
.ui-icons.ui-icons-white-arrow-right {
  width: 15px;
  height: 14px;
  background-position: -75px -95px;
}
.ui-icons.ui-icons-bold-gray-arrow-right {
  width: 15px;
  height: 14px;
  background-position: -75px -135px;
}
.ui-icons.ui-icons-bold-gray-arrow-left {
  width: 15px;
  height: 14px;
  background-position: -75px -115px;
}
.ui-icons.ui-icons-person {
  width: 12px;
  height: 19px;
  background-position: -45px 0;
}
.ui-icons.ui-icons-address {
  width: 14px;
  height: 20px;
  background-position: -65px 0;
}
.ui-icons.ui-icons-phone {
  width: 16px;
  height: 17px;
  background-position: -85px 0;
}
.ui-icons.ui-icons-phone-navy-blue {
  width: 16px;
  height: 17px;
  background-position: -85px -20px;
}
.ui-icons.ui-icons-phone-navy-white {
  width: 16px;
  height: 17px;
  background-position: -85px 0px;
}
.ui-icons.ui-icons-fax {
  width: 18px;
  height: 17px;
  background-position: -105px 0;
}
.ui-icons.ui-icons-fax-navy-blue {
  width: 18px;
  height: 17px;
  background-position: -105px -20px;
}
.ui-icons.ui-icons-fax-navy-white {
  width: 18px;
  height: 17px;
  background-position: -105px 0;
}
.ui-icons.ui-icons-site {
  width: 16px;
  height: 17px;
  background-position: -130px 0;
}
.ui-icons.ui-icons-mail-navy-blue {
  width: 16px;
  height: 13px;
  background-position: -130px -20px;
}
.ui-icons.ui-icons-mail-navy-white {
  width: 16px;
  height: 13px;
  background-position: -135px -37px;
}
.ui-icons.ui-icons-person-big {
  width: 17px;
  height: 25px;
  background-position: -175px 80px;
}
.ui-icons.ui-icons-address-big {
  width: 19px;
  height: 26px;
  background-position: -195px 80px;
}
.ui-icons.ui-icons-phone-big {
  width: 22px;
  height: 23px;
  background-position: -220px 80px;
}
.ui-icons.ui-icons-fax-big {
  width: 22px;
  height: 20px;
  background-position: -245px 80px;
}
.ui-icons.ui-icons-mail-big {
  width: 20px;
  height: 21px;
  background-position: -270px 80px;
}
.ui-icons.ui-icons-hamburger {
  width: 23px;
  height: 18px;
  background-position: -243px -54px;
}
.ui-icons.ui-icons-hamburger.gray {
  background-position: -221px -54px;
}
.ui-icons.ui-icons-close-popup {
  width: 16px;
  height: 17px;
  background-position: -270px -25px;
}
.ui-icons.ui-icons-left-circle-arrow {
  width: 60px;
  height: 61px;
  background-position: 0 -245px;
}
.ui-icons.ui-icons-right-circle-arrow {
  width: 60px;
  height: 61px;
  background-position: 0 -315px;
}
.ui-icons.ui-icons-accordion-plus {
  width: 21px;
  height: 22px;
  background-position: -170px -50px;
}
.ui-icons.ui-icons-accordion-minus {
  width: 21px;
  height: 22px;
  background-position: -195px -50px;
}
.ui-icons.ui-icons-continue {
  width: 15px;
  height: 16px;
  background-position: -70px -47px;
}
.ui-icons.ui-icons-right-arrow-small {
  width: 5px;
  height: 10px;
  background-position: -50px -50px;
}
.ui-icons.ui-icons-left-arrow-small {
  width: 5px;
  height: 10px;
  background-position: -60px -50px;
}
.ui-icons.ui-icons-aside-minus {
  width: 12px;
  height: 3px;
  background-position: -110px -60px;
}
.ui-icons.ui-icons-aside-plus {
  width: 12px;
  height: 13px;
  background-position: -90px -55px;
}
.ui-icons.ui-icons-blue-pdf {
  width: 29px;
  height: 28px;
  background-position: -135px -75px;
}
.ui-icons.ui-icons-light-blue-pdf {
  width: 29px;
  height: 28px;
  background-position: -100px -75px;
}
.ui-icons.ui-icons-language {
  font-size: 20px;
}
.ui-icons-social {
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  background: url("../img/ui-icons.png");
}
.ui-icons-social.ui-icons-clock {
  width: 15px;
  height: 16px;
  background-position: 0 0;
}
.ui-icons-social.ui-icons-search-grow {
  width: 16px;
  height: 17px;
  background-position: 0 -40px;
}
.ui-icons-social.ui-icons-download {
  width: 18px;
  height: 17px;
  background-position: 0 -20px;
}
.ui-icons-social.ui-icons-search-red {
  width: 16px;
  height: 17px;
  background-position: -128px -110px;
}
.ui-icons-social.ui-icons-download-red {
  width: 18px;
  height: 17px;
  background-position: -100px -110px;
}
.ui-icons-social.ui-icons-gray-arrow-left {
  width: 10px;
  height: 19px;
  background-position: -25px 0;
}
.ui-icons-social.ui-icons-gray-arrow-right {
  width: 10px;
  height: 19px;
  background-position: -25px -25px;
}
.ui-icons-social.ui-icons-black-arrow-right {
  width: 15px;
  height: 14px;
  background-position: -40px -30px;
}
.ui-icons-social.ui-icons-black-arrow-left {
  width: 15px;
  height: 14px;
  background-position: -60px -30px;
}
.ui-icons-social.ui-icons-navy-blue-arrow-right {
  width: 12px;
  height: 12px;
  background-position: -150px -55px;
}
.ui-icons-social.ui-icons-black-arrow-right {
  width: 12px;
  height: 12px;
  background-position: -130px -55px;
}
.ui-icons-social.ui-icons-white-arrow-left {
  width: 15px;
  height: 14px;
  background-position: -70px -75px;
}
.ui-icons-social.ui-icons-white-arrow-right {
  width: 15px;
  height: 14px;
  background-position: -75px -95px;
}
.ui-icons-social.ui-icons-bold-gray-arrow-right {
  width: 15px;
  height: 14px;
  background-position: -75px -135px;
}
.ui-icons-social.ui-icons-bold-gray-arrow-left {
  width: 15px;
  height: 14px;
  background-position: -75px -115px;
}
.ui-icons-social.ui-icons-person {
  width: 12px;
  height: 19px;
  background-position: -45px 0;
}
.ui-icons-social.ui-icons-address {
  width: 14px;
  height: 20px;
  background-position: -65px 0;
}
.ui-icons-social.ui-icons-phone {
  width: 16px;
  height: 17px;
  background-position: -85px 0;
}
.ui-icons-social.ui-icons-phone-navy-blue {
  width: 16px;
  height: 17px;
  background-position: -85px -20px;
}
.ui-icons-social.ui-icons-phone-navy-white {
  width: 16px;
  height: 17px;
  background-position: -85px 0px;
}
.ui-icons-social.ui-icons-fax {
  width: 18px;
  height: 17px;
  background-position: -105px 0;
}
.ui-icons-social.ui-icons-fax-navy-blue {
  width: 18px;
  height: 17px;
  background-position: -105px -20px;
}
.ui-icons-social.ui-icons-fax-navy-white {
  width: 18px;
  height: 17px;
  background-position: -105px 0;
}
.ui-icons-social.ui-icons-site {
  width: 16px;
  height: 17px;
  background-position: -130px 0;
}
.ui-icons-social.ui-icons-mail-navy-blue {
  width: 16px;
  height: 13px;
  background-position: -130px -20px;
}
.ui-icons-social.ui-icons-mail-navy-white {
  width: 16px;
  height: 13px;
  background-position: -135px -37px;
}
.ui-icons-social.ui-icons-person-big {
  width: 17px;
  height: 25px;
  background-position: -175px 80px;
}
.ui-icons-social.ui-icons-address-big {
  width: 19px;
  height: 26px;
  background-position: -195px 80px;
}
.ui-icons-social.ui-icons-phone-big {
  width: 22px;
  height: 23px;
  background-position: -220px 80px;
}
.ui-icons-social.ui-icons-fax-big {
  width: 22px;
  height: 20px;
  background-position: -245px 80px;
}
.ui-icons-social.ui-icons-mail-big {
  width: 20px;
  height: 21px;
  background-position: -270px 80px;
}
.ui-icons-social.ui-icons-hamburger {
  width: 23px;
  height: 18px;
  background-position: -243px -54px;
}
.ui-icons-social.ui-icons-hamburger.gray {
  background-position: -221px -54px;
}
.ui-icons-social.ui-icons-close-popup {
  width: 16px;
  height: 17px;
  background-position: -270px -25px;
}
.ui-icons-social.ui-icons-left-circle-arrow {
  width: 60px;
  height: 61px;
  background-position: 0 -245px;
}
.ui-icons-social.ui-icons-right-circle-arrow {
  width: 60px;
  height: 61px;
  background-position: 0 -315px;
}
.ui-icons-social.ui-icons-accordion-plus {
  width: 21px;
  height: 22px;
  background-position: -170px -50px;
}
.ui-icons-social.ui-icons-accordion-minus {
  width: 21px;
  height: 22px;
  background-position: -195px -50px;
}
.ui-icons-social.ui-icons-continue {
  width: 15px;
  height: 16px;
  background-position: -70px -47px;
}
.ui-icons-social.ui-icons-right-arrow-small {
  width: 5px;
  height: 10px;
  background-position: -50px -50px;
}
.ui-icons-social.ui-icons-left-arrow-small {
  width: 5px;
  height: 10px;
  background-position: -60px -50px;
}
.ui-icons-social.ui-icons-aside-minus {
  width: 12px;
  height: 3px;
  background-position: -110px -60px;
}
.ui-icons-social.ui-icons-aside-plus {
  width: 12px;
  height: 13px;
  background-position: -90px -55px;
}
.ui-icons-social.ui-icons-blue-pdf {
  width: 29px;
  height: 28px;
  background-position: -135px -75px;
}
.ui-icons-social.ui-icons-light-blue-pdf {
  width: 29px;
  height: 28px;
  background-position: -100px -75px;
}
.ui-icons-social.ui-icons-language {
  font-size: 20px;
}
.ui-icons-social.ui-icons-facebook {
  width: 12px;
  height: 24px;
  background-position: -160px -110px;
}
.ui-icons-social.ui-icons-twitter {
  width: 25px;
  height: 21px;
  background-position: -180px -110px;
}
.ui-icons-social.ui-icons-youtube {
  width: 25px;
  height: 17px;
  background-position: -210px -110px;
}
.ui-icons-social.ui-icons-instagram {
  width: 23px;
  height: 24px;
  background-position: -240px -110px;
}
.ui-icons-social.ui-icons-linkedin {
  width: 23px;
  height: 23px;
  background-position: -270px -110px;
}
.ui-icons-aside-social {
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  background: url("../img/ui-icons.png");
}
.ui-icons-aside-social.ui-icons-white-fb {
  width: 10px;
  height: 21px;
  background-position: -155px 0;
}
.ui-icons-aside-social.ui-icons-white-tw {
  width: 19px;
  height: 18px;
  background-position: -170px 0;
}
.ui-icons-aside-social.ui-icons-white-you {
  width: 21px;
  height: 15px;
  background-position: -195px 0;
}
.ui-icons-aside-social.ui-icons-white-ins {
  width: 20px;
  height: 21px;
  background-position: -220px 0;
}
.ui-icons-aside-social.ui-icons-white-in {
  width: 19px;
  height: 20px;
  background-position: -245px 0;
}
.ui-icons-aside-social.ui-icons-social-share {
  width: 14px;
  height: 16px;
  background-position: -270px 0;
}
.ui-icons-aside-social.ui-icons-navy-blue-fb {
  width: 10px;
  height: 21px;
  background-position: -155px -25px;
}
.ui-icons-aside-social.ui-icons-navy-blue-tw {
  width: 19px;
  height: 18px;
  background-position: -170px -25px;
}
.ui-icons-aside-social.ui-icons-navy-blue-you {
  width: 21px;
  height: 15px;
  background-position: -195px -25px;
}
.ui-icons-aside-social.ui-icons-navy-blue-ins {
  width: 20px;
  height: 21px;
  background-position: -220px -25px;
}
.ui-icons-aside-social.ui-icons-navy-blue-in {
  width: 19px;
  height: 20px;
  background-position: -245px -25px;
}
.ui-icons-footer-social {
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  background: url("../img/ui-icons.png");
}
.ui-icons-footer-social.ui-icons-gray-fb {
  width: 15px;
  height: 33px;
  background-position: 0 -65px;
}
.ui-icons-footer-social.ui-icons-gray-tw {
  width: 32px;
  height: 27px;
  background-position: 0 -105px;
}
.ui-icons-footer-social.ui-icons-gray-you {
  width: 32px;
  height: 24px;
  background-position: 0 -140px;
}
.ui-icons-footer-social.ui-icons-gray-ins {
  width: 31px;
  height: 33px;
  background-position: 0 -170px;
}
.ui-icons-footer-social.ui-icons-gray-in {
  width: 27px;
  height: 27px;
  background-position: 0 -210px;
}
.ui-icons-footer-social.ui-icons-colorful-fb {
  width: 15px;
  height: 33px;
  background-position: -40px -65px;
}
.ui-icons-footer-social.ui-icons-colorful-tw {
  width: 32px;
  height: 27px;
  background-position: -40px -105px;
}
.ui-icons-footer-social.ui-icons-colorful-you {
  width: 32px;
  height: 24px;
  background-position: -40px -140px;
}
.ui-icons-footer-social.ui-icons-colorful-ins {
  width: 31px;
  height: 33px;
  background-position: -40px -170px;
}
.ui-icons-footer-social.ui-icons-colorful-in {
  width: 27px;
  height: 27px;
  background-position: -40px -210px;
}
.ui-icons-lightbox-social {
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  background: url("../img/ui-icons.png");
}
.ui-icons-lightbox-social .ui-icons-lightbox-fb {
  width: 12px;
  height: 25px;
  background-position: -110px -160px;
}
.ui-icons-lightbox-social .ui-icons-lightbox-tw {
  width: 25px;
  height: 22px;
  background-position: -180px -110px;
}
.ui-icons-lightbox-social .ui-icons-lightbox-you {
  width: 25px;
  height: 18px;
  background-position: -210px -110px;
}
.ui-icons-lightbox-social .ui-icons-lightbox-ins {
  width: 23px;
  height: 25px;
  background-position: -240px -110px;
}
.ui-icons-lightbox-social .ui-icons-lightbox-in {
  width: 23px;
  height: 24px;
  background-position: -270px -110px;
}
.ui-icons-video-content-social {
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  background: url("../img/ui-icons.png");
}
.ui-icons-video-content-social.ui-icons-video-content-fb {
  width: 9px;
  height: 20px;
  background-position: -185px -140px;
}
.ui-icons-video-content-social.ui-icons-video-content-tw {
  width: 18px;
  height: 17px;
  background-position: -200px -140px;
}
.ui-icons-video-content-social.ui-icons-video-content-you {
  width: 20px;
  height: 15px;
  background-position: -225px -140px;
}
.ui-icons-video-content-social.ui-icons-video-content-ins {
  width: 19px;
  height: 20px;
  background-position: -250px -140px;
}
.ui-icons-video-content-social.ui-icons-video-content-in {
  width: 16px;
  height: 17px;
  background-position: -275px -140px;
}
.ui-icons-file-type {
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  background: url("../img/ui-icons.png");
}
.ui-icons-file-type.ui-icons-eps {
  width: 23px;
  height: 14px;
  background-position: -180px -170px;
}
.ui-icons-file-type.ui-icons-eps:hover {
  background-position: -180px -190px;
}
.ui-icons-file-type.ui-icons-al {
  width: 23px;
  height: 14px;
  background-position: -210px -170px;
}
.ui-icons-file-type.ui-icons-al:hover {
  background-position: -210px -190px;
}
.ui-icons-file-type.ui-icons-jpg {
  width: 23px;
  height: 14px;
  background-position: -240px -170px;
}
.ui-icons-file-type.ui-icons-jpg:hover {
  background-position: -240px -190px;
}
.ui-icons-file-type.ui-icons-png {
  width: 23px;
  height: 14px;
  background-position: -270px -170px;
}
.ui-icons-file-type.ui-icons-png:hover {
  background-position: -270px -190px;
}
.ui-files {
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  background: url("../img/ui-files.png");
}
.ui-files.ui-files-doc {
  width: 50px;
  height: 50px;
  background-position: 0 0;
}
.ui-files.ui-files-doc:hover {
  background-position: 0 -60px;
}
.ui-files.ui-files-zip {
  width: 50px;
  height: 50px;
  background-position: -60px 0;
}
.ui-files.ui-files-zip:hover {
  background-position: -60px -60px;
}
/*
 *
 * Forms
 *
 */
::-webkit-input-placeholder {
  color: #3b3b3b;
  font-weight: 400;
}
::-moz-placeholder {
  color: #3b3b3b;
  font-weight: 400;
}
:-moz-placeholder {
  color: #3b3b3b;
  font-weight: 400;
}
input:-moz-placeholder {
  color: #3b3b3b;
  font-weight: 400;
}
:-ms-input-placeholder {
  color: #3b3b3b;
  font-weight: 400;
}
.placeholder {
  color: #3b3b3b;
  font-weight: 400;
}
input,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.form-group {
  width: 100%;
}
input.form-control {
  border: 1px solid #f1f1f1;
  box-shadow: none;
  padding: 13px 28px;
  font-size: 14px;
  font-weight: 300;
}
input.form-control:focus {
  box-shadow: none;
}
textarea.form-control {
  resize: none;
  height: 12.8em;
  border: 1px solid #f1f1f1;
  padding: 17px 28px;
  font-size: 14px;
  font-weight: 300;
}
textarea.form-control:focus {
  box-shadow: none;
}
textarea.form-control.textarea-sm {
  resize: none;
  height: 8em;
}
iframe {
  border: none;
}
.btn {
  font-weight: 600;
}
.btn-default:hover,
.btn-default:active:hover,
.btn-default:focus,
.btn-default:visited {
  color: #acacac;
  background-color: #efefef;
  border-color: #c5c5c5;
}
.btn-primary:hover,
.btn-primary:active:hover,
.btn-primary:focus,
.btn-primary:visited {
  color: #fff;
  background-color: #004b93;
  border-color: #004b93;
}
.btn-transparent {
  color: #fff;
  background-color: transparent;
  border: 2px solid #fff;
}
.btn-transparent:hover,
.btn-transparent:active:hover,
.btn-transparent:focus,
.btn-transparent:visited {
  color: #fff;
}
.btn-lg {
  font-size: 14px;
  padding: 12px 28px;
}
.btn-default:hover,
.btn-default-second:hover,
.btn-primary:hover,
.btn-primary-light:hover,
.btn-transparent:hover,
.btn-default:active:hover,
.btn-default-second:active:hover,
.btn-primary:active:hover,
.btn-primary-light:active:hover,
.btn-transparent:active:hover,
.btn-default:focus,
.btn-default-second:focus,
.btn-primary:focus,
.btn-primary-light:focus,
.btn-transparent:focus,
.btn-default:visited,
.btn-default-second:visited,
.btn-primary:visited,
.btn-primary-light:visited,
.btn-transparent:visited {
  box-shadow: none;
}
.form-group {
  margin-bottom: 20px;
}
.form-group input.form-control {
  height: 44px;
}
.form-group input.form-control,
.form-group textarea.form-control {
  box-shadow: none;
  box-shadow: none 1px 2px 0 rgba(0, 0, 0, 0.25);
}
.form-group input.form-control:focus,
.form-group textarea.form-control:focus {
  border-color: transparent;
  outline: none;
  box-shadow: none;
  box-shadow: none 1px 2px 0 rgba(0, 0, 0, 0.25);
}
.btn-seed {
  color: #fff;
  background-color: #05CDAB;
  border-color: #05CDAB;
}
.btn-seed:focus,
.btn-seed.focus {
  color: #fff;
  background-color: #049b81;
  border-color: #025143;
}
.btn-seed:hover {
  color: #fff;
  background-color: #049b81;
  border-color: #049179;
}
.btn-seed:active,
.btn-seed.active,
.open > .dropdown-toggle.btn-seed {
  color: #fff;
  background-color: #049b81;
  border-color: #049179;
}
.btn-seed:active:hover,
.btn-seed.active:hover,
.open > .dropdown-toggle.btn-seed:hover,
.btn-seed:active:focus,
.btn-seed.active:focus,
.open > .dropdown-toggle.btn-seed:focus,
.btn-seed:active.focus,
.btn-seed.active.focus,
.open > .dropdown-toggle.btn-seed.focus {
  color: #fff;
  background-color: #037864;
  border-color: #025143;
}
.btn-seed:active,
.btn-seed.active,
.open > .dropdown-toggle.btn-seed {
  background-image: none;
}
.btn-seed.disabled:hover,
.btn-seed[disabled]:hover,
fieldset[disabled] .btn-seed:hover,
.btn-seed.disabled:focus,
.btn-seed[disabled]:focus,
fieldset[disabled] .btn-seed:focus,
.btn-seed.disabled.focus,
.btn-seed[disabled].focus,
fieldset[disabled] .btn-seed.focus {
  background-color: #05CDAB;
  border-color: #05CDAB;
}
.btn-seed .badge {
  color: #05CDAB;
  background-color: #fff;
}
.bootstrap-select {
  height: 44px;
}
.bootstrap-select button {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-weight: 600;
  font-weight: 400;
  border-radius: 0;
  background-color: #f1f1f1;
  padding: 11px 25px;
}
.bootstrap-select button:focus,
.bootstrap-select button:active:focus,
.bootstrap-select button.active:focus,
.bootstrap-select button.focus,
.bootstrap-select button:active.focus,
.bootstrap-select button.active.focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.bootstrap-select button:hover,
.bootstrap-select button:focus,
.bootstrap-select button.focus {
  color: #333;
  text-decoration: none;
}
.bootstrap-select button:active,
.bootstrap-select button.active {
  outline: 0;
  background-image: none;
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) 1px 2px 0 rgba(0, 0, 0, 0.25);
}
.bootstrap-select button.disabled,
.bootstrap-select button[disabled],
fieldset[disabled] .bootstrap-select button {
  cursor: not-allowed;
  opacity: 0.65;
  filter: alpha(opacity=65);
  box-shadow: none;
  box-shadow: none 1px 2px 0 rgba(0, 0, 0, 0.25);
}
a.bootstrap-select button.disabled,
fieldset[disabled] a.bootstrap-select button {
  pointer-events: none;
}
.aside-menu .bootstrap-select button {
  background: transparent;
  border: none;
  border-radius: 0;
}
.aside-menu .bootstrap-select button:hover,
.aside-menu .bootstrap-select button:focus,
.aside-menu .bootstrap-select button:active:hover {
  border-color: #f1f1f1;
  color: #3b3b3b;
}
.bootstrap-select button,
.bootstrap-select button.focus,
.bootstrap-select button:focus,
.bootstrap-select button:hover,
.bootstrap-select button:active {
  color: #3b3b3b;
  box-shadow: none;
  box-shadow: none 1px 2px 0 rgba(0, 0, 0, 0.25);
}
.bootstrap-select .dropdown-toggle {
  z-index: 0 !important;
  height: 100%;
}
.bootstrap-select .dropdown-toggle span {
  font-weight: 400;
}
.bootstrap-select .dropdown-menu {
  background: #fff;
  background-clip: border-box;
  border-radius: 0;
  border: none;
  margin: 0;
  padding: 0;
}
.bootstrap-select .dropdown-menu > li > a {
  padding: 11px 12px;
}
.bootstrap-select .dropdown-menu > li > a .text {
  font-weight: 400;
}
.bootstrap-select .dropdown-menu > li > a:hover {
  color: #004b93 !important;
}
.bootstrap-select .dropdown-menu > li > a:focus,
.bootstrap-select .dropdown-menu > li > a:hover {
  background: #f1f1f1;
  color: #3b3b3b;
}
.bootstrap-select .dropdown-menu > li.selected > a {
  color: #004b93;
  background: inherit;
}
.bootstrap-select.open > .dropdown-toggle {
  box-shadow: none;
  box-shadow: none 1px 2px 0 rgba(0, 0, 0, 0.25);
  background: #004b93;
  color: #fff;
}
.bootstrap-select.open > .dropdown-toggle:hover,
.bootstrap-select.open > .dropdown-toggle:focus {
  box-shadow: none;
  box-shadow: none 1px 2px 0 rgba(0, 0, 0, 0.25);
  background: #004b93;
  color: #fff;
}
.bootstrap-select.input-lg button {
  padding: 15px 30px;
  font-size: 17px;
  line-height: 1.3333333;
  font-size: 14px;
  padding: 12px 28px;
  border-radius: 0;
}
.form-group .bootstrap-select .dropdown-toggle:focus {
  outline: none !important;
}
.form-group .bootstrap-select.btn-group .dropdown-toggle .caret {
  margin-top: -4px;
  color: #000;
  border-top: 8px dashed;
  border-top: 8px solid \9;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  right: 15px;
}
.form-group .bootstrap-select.open.btn-group .dropdown-toggle .caret {
  color: #fff;
}
.form-group .bootstrap-select.dropup.btn-group .dropdown-toggle .caret {
  border-top: 0;
  border-bottom: 9px dashed;
}
.bootstrap-select .btn-default:hover,
.bootstrap-select .btn-default:focus,
.bootstrap-select .btn-default:active:hover {
  border-color: #f1f1f1;
  color: #3b3b3b;
}
.bootstrap-select.select-red.open .dropdown-toggle {
  background-color: #004b93;
}
.bootstrap-select.select-red.open .dropdown-menu.inner li.selected span.text {
  color: #024381;
}
.bootstrap-select.select-red.open .dropdown-menu.inner li a:hover span.text {
  color: #024381;
}
.bootstrap-select button {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-weight: 600;
  font-weight: 300;
  border-radius: 0;
  background-color: #f1f1f1;
}
.bootstrap-select button:focus,
.bootstrap-select button:active:focus,
.bootstrap-select button.active:focus,
.bootstrap-select button.focus,
.bootstrap-select button:active.focus,
.bootstrap-select button.active.focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.bootstrap-select button:hover,
.bootstrap-select button:focus,
.bootstrap-select button.focus {
  color: #333;
  text-decoration: none;
}
.bootstrap-select button:active,
.bootstrap-select button.active {
  outline: 0;
  background-image: none;
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) 1px 2px 0 rgba(0, 0, 0, 0.25);
}
.bootstrap-select button.disabled,
.bootstrap-select button[disabled],
fieldset[disabled] .bootstrap-select button {
  cursor: not-allowed;
  opacity: 0.65;
  filter: alpha(opacity=65);
  box-shadow: none;
  box-shadow: none 1px 2px 0 rgba(0, 0, 0, 0.25);
}
a.bootstrap-select button.disabled,
fieldset[disabled] a.bootstrap-select button {
  pointer-events: none;
}
.aside-menu .bootstrap-select button {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
  background: transparent;
  border: none;
  border-radius: 0;
}
.aside-menu .bootstrap-select button:focus,
.aside-menu .bootstrap-select button.focus {
  color: #333;
  background-color: #e6e6e6;
  border-color: #8c8c8c;
}
.aside-menu .bootstrap-select button:hover {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.aside-menu .bootstrap-select button:active,
.aside-menu .bootstrap-select button.active,
.open > .dropdown-toggle.aside-menu .bootstrap-select button {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.aside-menu .bootstrap-select button:active:hover,
.aside-menu .bootstrap-select button.active:hover,
.open > .dropdown-toggle.aside-menu .bootstrap-select button:hover,
.aside-menu .bootstrap-select button:active:focus,
.aside-menu .bootstrap-select button.active:focus,
.open > .dropdown-toggle.aside-menu .bootstrap-select button:focus,
.aside-menu .bootstrap-select button:active.focus,
.aside-menu .bootstrap-select button.active.focus,
.open > .dropdown-toggle.aside-menu .bootstrap-select button.focus {
  color: #333;
  background-color: #d4d4d4;
  border-color: #8c8c8c;
}
.aside-menu .bootstrap-select button:active,
.aside-menu .bootstrap-select button.active,
.open > .dropdown-toggle.aside-menu .bootstrap-select button {
  background-image: none;
}
.aside-menu .bootstrap-select button.disabled:hover,
.aside-menu .bootstrap-select button[disabled]:hover,
fieldset[disabled] .aside-menu .bootstrap-select button:hover,
.aside-menu .bootstrap-select button.disabled:focus,
.aside-menu .bootstrap-select button[disabled]:focus,
fieldset[disabled] .aside-menu .bootstrap-select button:focus,
.aside-menu .bootstrap-select button.disabled.focus,
.aside-menu .bootstrap-select button[disabled].focus,
fieldset[disabled] .aside-menu .bootstrap-select button.focus {
  background-color: #fff;
  border-color: #ccc;
}
.aside-menu .bootstrap-select button .badge {
  color: #fff;
  background-color: #333;
}
.aside-menu .bootstrap-select button:hover,
.aside-menu .bootstrap-select button:active:hover,
.aside-menu .bootstrap-select button:focus,
.aside-menu .bootstrap-select button:visited {
  color: #acacac;
  background-color: #efefef;
  border-color: #c5c5c5;
}
.aside-menu .bootstrap-select button:hover,
.aside-menu .bootstrap-select button:active:hover,
.aside-menu .bootstrap-select button:focus,
.aside-menu .bootstrap-select button:visited {
  box-shadow: none;
}
.bootstrap-select button,
.bootstrap-select button.focus,
.bootstrap-select button:focus,
.bootstrap-select button:hover {
  color: #999;
}
.bootstrap-select .dropdown-toggle span {
  font-weight: 300;
}
.bootstrap-select .dropdown-menu {
  background: #f1f1f1;
  background-clip: border-box;
  border-radius: 0;
  border: none;
  margin: 0;
  padding: 0;
}
.bootstrap-select .dropdown-menu > li > a {
  padding: 6px 12px;
}
.bootstrap-select .dropdown-menu > li > a .text {
  font-weight: 300;
}
.bootstrap-select .dropdown-menu > li > a:hover {
  color: #004b93 !important;
}
.bootstrap-select .dropdown-menu > li > a:focus,
.bootstrap-select .dropdown-menu > li > a:hover {
  background: #f1f1f1;
  color: #3b3b3b;
}
.bootstrap-select .dropdown-menu > li.selected > a {
  color: #004b93;
  background: inherit;
}
.bootstrap-select.open .dropdown-toggle {
  box-shadow: none;
  box-shadow: none 1px 2px 0 rgba(0, 0, 0, 0.25);
  background: #004b93;
  color: #fff;
}
.bootstrap-select.input-lg button {
  padding: 15px 30px;
  font-size: 17px;
  line-height: 1.3333333;
  font-size: 14px;
  padding: 12px 28px;
  border-radius: 0;
}
.bootstrap-select .dropdown-header {
  padding: 6px 12px;
  color: #3b3b3b;
  background-color: #ebebeb;
}
.form-group .bootstrap-select .dropdown-toggle:focus {
  outline: none !important;
}
.form-group .bootstrap-select.btn-group .dropdown-toggle .caret {
  margin-top: -4px;
  color: #212121;
  border-top: 9px dashed;
  border-top: 9px solid \9;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
  right: 18px;
}
.form-group .bootstrap-select.open.btn-group .dropdown-toggle .caret {
  color: #fff;
}
.form-group .bootstrap-select.dropup.btn-group .dropdown-toggle .caret {
  border-top: 0;
  border-bottom: 9px dashed;
}
.input-file {
  position: relative;
  height: 44px;
  cursor: pointer;
  white-space: nowrap;
  background: #f1f1f1;
}
.input-file input {
  opacity: 0;
  cursor: pointer;
}
.input-file label {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 25px;
  font-size: 14px;
  font-weight: 400;
  cursor: pointer;
  overflow: hidden;
  width: 80%;
  color: #3b3b3b;
  margin-bottom: 0;
}
.input-file .ui-icons-triple-dots {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 20px;
}
.input-file span {
  position: absolute;
  right: 3px;
  bottom: 3px;
  cursor: pointer;
}
/*
 *
 * bbAccordion
 *
 */
.bbAccordion-wrapper {
  margin-top: 30px;
}
.bbAccordion-wrapper .bbAccordion.active .accordion-head,
.bbAccordion-wrapper .bbAccordion.active .accordion-content {
  background: #f1f1f1;
}
.bbAccordion-wrapper .bbAccordion.active .accordion-head i {
  background-position: -195px -50px;
}
.bbAccordion-wrapper .bbAccordion.active .accordion-head .title {
  font-weight: 700;
}
.bbAccordion-wrapper .accordion-head {
  position: relative;
  padding: 10px 20px;
  border: 1px solid #f1f1f1;
}
.bbAccordion-wrapper .accordion-head:hover {
  background-color: transparent;
}
.bbAccordion-wrapper .accordion-head i {
  position: absolute;
  right: 15px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  text-align: center;
}
.bbAccordion-wrapper .accordion-head .title {
  font-size: 15px;
  font-weight: 400;
}
.bbAccordion-wrapper .accordion-content {
  padding: 0 20px 10px;
}
/*
 *
 * Aside
 *
 */
#side {
  margin-top: 106px;
  padding: 22px 48px 49px;
  background-color: #004b93;
  color: #fff;
}
#side .contact-address {
  margin-bottom: 40px;
}
#side .contact-address p {
  margin-bottom: 15px;
  color: #fff;
  font-size: 12px;
  font-weight: 900;
}
#side .contact-address span {
  font-weight: 300;
  font-size: 20px;
}
#side .contact-info {
  margin-bottom: 40px;
}
#side .contact-info ul li {
  margin-bottom: 20px;
}
#side .contact-info ul span {
  margin-right: 10px;
}
#side .contact-info ul p {
  display: inline-block;
  margin: 0;
  font-size: 15px;
  font-weight: 300;
  color: #fff;
}
#side .contact-info ul p a {
  color: #fff;
}
#side .contact-social p {
  margin-bottom: 15px;
  color: #013464;
  font-size: 12px;
  font-weight: 900;
}
#side .contact-social ul li {
  margin-right: 24px;
}
#side .contact-social ul p {
  display: inline-block;
  margin: 0;
  font-size: 15px;
  font-weight: 300;
}
@media (max-width: 768px) {
  #side {
    margin-top: 60px;
  }
  #side .contact-social ul li {
    margin-right: 10px;
  }
}
@media (min-width: 991px) {
  #side .contact-social ul li {
    margin-right: 11px;
  }
}
.aside-combobox {
  width: 100%;
}
.aside-combobox .form-inline #aside-select.form-control {
  background-color: #004f99;
  border: 0;
  height: 44px;
  color: #fff;
}
.aside-combobox .form-inline #aside-select.form-control:focus {
  box-shadow: none;
}
.aside-combobox .form-inline .bootstrap-select button {
  height: 44px;
  background-color: #004b93;
  color: #fff;
}
.aside-combobox .form-inline .bootstrap-select .dropdown-toggle .caret {
  color: #fff;
  right: 10px;
}
.aside-combobox .form-inline .bootstrap-select .dropdown-menu {
  background-color: #004b93;
}
.aside-combobox .form-inline .bootstrap-select .dropdown-menu.red {
  background-color: #004b93;
}
.aside-combobox .form-inline .bootstrap-select .dropdown-menu li {
  border-bottom: 1px solid #f1f1f1;
}
.aside-combobox .form-inline .bootstrap-select .dropdown-menu li a {
  background-color: #fff;
  padding: 20px 30px;
  font-size: 16px;
  font-weight: 300;
}
.aside-combobox .form-inline .bootstrap-select .dropdown-menu .divider {
  display: none;
}
.aside-combobox-red .form-inline .bootstrap-select .dropdown-toggle {
  background-color: #004b93;
}
.aside-combobox-red .form-inline .bootstrap-select.open .dropdown-toggle {
  background-color: #004b93;
}
.aside-combobox-red .form-inline .bootstrap-select.open .dropdown-toggle:hover {
  background-color: #004b93;
}
.social-combobox {
  position: relative;
  height: 44px;
  width: 44px;
  border-left: 1px solid #024381;
  margin-top: -20px;
}
.social-combobox span {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.social-combobox-red {
  border-left-color: #024381;
}
.social-share {
  position: absolute;
  left: 0;
  top: 44px;
  width: 100%;
  height: 60px;
  display: none;
  text-align: center;
  z-index: 99;
}
.social-share.active {
  display: block;
}
.social-share ul {
  background-color: #fff;
  margin-left: 0;
}
.social-share ul li {
  padding: 20px;
  border-right: 1px solid #f1f1f1;
}
.social-share ul li:last-child {
  border-right: 0;
}
.social-share ul li a {
  display: block;
}
.overlay-menu {
  background: #000;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 100%;
  z-index: 1;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.overlay-menu.active-menu {
  opacity: 0.8;
  filter: alpha(opacity=80);
  bottom: 0;
}
#aside {
  width: 254px;
  border-top: 0;
}
#aside .aside-menu {
  margin-top: -1px;
  margin-bottom: 0;
  border: 1px solid #efefef;
}
#aside .aside-menu:first-child {
  border-top: 1px solid #024381;
}
#aside .aside-menu:last-child {
  border-bottom: 0;
}
#aside .aside-menu a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 20px 30px;
  color: #575757;
  font-size: 14px;
  font-weight: 300;
}
#aside .aside-menu > li {
  position: relative;
  border-bottom: 1px solid #efefef;
}
#aside .aside-menu > li > a {
  font-size: 16px;
}
#aside .aside-menu > li:hover > a {
  color: #004b93;
}
#aside .aside-menu > li.active > a {
  font-size: 16px;
  background-color: #004b93;
  color: #fff;
}
#aside .aside-menu > li.active span {
  background-position: -110px -60px;
}
#aside .aside-menu > li.active li.active a {
  color: #004b93;
}
#aside .aside-menu > li.active li.active a:before {
  background-color: #004b93;
}
#aside .aside-menu > li.active .aside-menu-inner {
  display: block;
}
#aside .aside-menu > li span {
  position: absolute;
  right: 30px;
}
#aside .aside-menu .aside-menu-inner {
  margin-bottom: 0;
  padding: 10px 30px;
  display: none;
}
#aside .aside-menu .aside-menu-inner li {
  position: relative;
}
#aside .aside-menu .aside-menu-inner li:hover a {
  color: #004b93;
}
#aside .aside-menu .aside-menu-inner li:hover a:before {
  content: '';
  background-color: #004b93;
}
#aside .aside-menu .aside-menu-inner a {
  color: #575757;
  padding: 5px 20px;
  font-size: 14px;
  font-weight: 300;
}
#aside .aside-menu .aside-menu-inner a:before {
  content: "";
  position: absolute;
  left: 0;
  top: 13px;
  width: 4px;
  height: 4px;
  background-color: #8f8f8f;
}
#aside .aside-menu-red:first-child {
  border-top: 1px solid #004b93;
}
#aside .aside-menu-red > li.active > a {
  background: #004b93;
}
#aside .aside-menu-red > li.active li.active a {
  color: #004b93;
}
#aside .aside-menu-red > li.active li.active a:before {
  background-color: #024381;
}
@media (min-width: 768px) and (max-width: 991px) {
  #aside {
    padding-left: 25px;
  }
}
/*
 *
 * Common
 *
 */
* {
  outline: none !important;
}
a,
a:hover,
a:active,
a:focus,
a:visited {
  text-decoration: none;
}
body {
  position: relative;
  font-family: 'Roboto';
}
em,
i {
  font-style: normal;
}
.mt-100 {
  margin-top: 100px;
}
.mt-40 {
  margin-top: 40px !important;
}
.mt-0 {
  margin-top: 0;
}
.mt-20 {
  margin-top: 20px;
}
.mb-40 {
  margin-bottom: 40px;
}
.relative {
  position: relative;
}
.ta-center {
  text-align: center;
}
.ta-right {
  text-align: right;
}
.left {
  float: left;
}
.right {
  float: right;
}
.center {
  text-align: center;
}
.clear {
  clear: both;
}
.no-overflow {
  overflow: hidden;
}
.clearfix,
.separator {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after,
.separator:before,
.separator:after {
  content: " ";
  display: table;
}
.clearfix:after,
.separator:after {
  clear: both;
}
.no-padding {
  padding: 0;
}
.has-padding {
  padding: 10px;
}
.section-main {
  position: relative;
}
.section-main .share-social {
  float: right;
}
.separator {
  display: block;
  margin-top: 20px;
  padding-top: 20px;
}
.separator.sm {
  margin-top: 10px;
  padding-top: 10px;
}
.separator.separator-line {
  border-top: 1px solid #e5e5e5;
}
.separator.separator-line.white {
  border-color: #fff;
}
.separator.separator-line.dark {
  border-color: #d1d1d1;
}
.separator.separator-line.tick {
  border-width: 2px;
}
.separator.separator-headline {
  display: inline-block;
  position: relative;
  height: 1px;
  background: #004b93;
  width: 100%;
  margin-top: 0;
  padding-top: 0;
}
.separator.separator-headline:after {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  height: 3px;
  width: 50px;
  background-color: #004b93;
}
.separator.separator-headline.no-head:after {
  display: none;
}
.separator.separator-red-headline {
  display: inline-block;
  position: relative;
  height: 1px;
  background: #f1f1f1;
  width: 100%;
  margin-top: 0;
  padding-top: 0;
}
.separator.separator-red-headline:after {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  height: 3px;
  width: 50px;
  background-color: #d50707;
}
.separator.separator-blue-headline {
  display: inline-block;
  position: relative;
  height: 1px;
  background: #f1f1f1;
  width: 100%;
  margin-top: 0;
  padding-top: 0;
}
.separator.separator-blue-headline:after {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  height: 3px;
  width: 50px;
  background-color: #004b93;
}
.zero-padding-lr {
  padding-left: 0;
  padding-right: 0;
}
.overlay-gradient,
.news-mainpage-mobile .mainpage-news-slider li:before,
.zoom-box .zoom-box-content .zoom-box-content-wrapper,
.image-view-wrapper .image-view:before {
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.7) 60%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.7) 60%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#cc000000', GradientType=0);
}
.general-header {
  font-size: 44px;
  text-align: center;
  margin: 60px 0 75px 0;
}
.general-header b {
  color: #004b93;
}
@media (max-width: 768px) {
  .general-header {
    font-size: 20px;
    text-align: left;
    margin: 70px 10px 20px;
    /*
        b {
            display: block;
        }
        */
  }
}
.promo-wrapper {
  position: relative;
  width: 100%;
  top: 0;
  height: 85vh;
  text-align: center;
  background-color: #000000;
  overflow: hidden;
}
.promo-wrapper ul {
  margin: 0;
  padding: 0;
}
.promo-wrapper #promo-video {
  width: 100%;
  height: 100%;
  min-height: 440px;
  -o-object-fit: cover;
  object-fit: cover;
}
.promo-wrapper .seek-bar-container {
  position: absolute;
  display: inline-block;
  bottom: 80px;
  left: 0;
  width: 100%;
  height: 125px;
}
@media (max-width: 991px) {
  .promo-wrapper .seek-bar-container {
    height: 120px;
  }
}
@media (max-width: 768px) {
  .promo-wrapper .seek-bar-container {
    height: 105px;
  }
}
.promo-wrapper .seek-bar-container .slick-arrow {
  width: 30px;
  height: 30px;
}
.promo-wrapper .seek-bar-container .slick-prev {
  left: -40px;
}
@media (max-width: 1199px) {
  .promo-wrapper .seek-bar-container .slick-prev {
    left: 0;
  }
}
.promo-wrapper .seek-bar-container .slick-next {
  left: 100%;
}
@media (max-width: 1199px) {
  .promo-wrapper .seek-bar-container .slick-next {
    left: 93%;
  }
}
.promo-wrapper #seek-bar .sa-border {
  border: 5px solid transparent;
  width: 120px;
  height: auto;
  margin: 0 auto;
}
.promo-wrapper #seek-bar .seeker:hover .sa-border,
.promo-wrapper #seek-bar .seeker.selected .sa-border {
  margin: 0 auto;
  border-color: #004b93;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  background: rgba(255, 255, 255, 0.5);
}
.promo-wrapper #seek-bar .seeker:hover p,
.promo-wrapper #seek-bar .seeker.selected p {
  display: block;
}
.promo-wrapper #seek-bar .seeker {
  display: inline-block;
  cursor: pointer;
  color: #fff;
  vertical-align: top;
  text-align: center;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.promo-wrapper #seek-bar .seeker span {
  display: inline-block;
  margin: 10px;
  width: 65px;
  height: 65px;
  vertical-align: top;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 90%;
  margin-bottom: 0;
}
.promo-wrapper #seek-bar .seeker p {
  display: none;
  vertical-align: bottom;
  color: #004b93;
  font-weight: 900;
}
.promo-wrapper #seek-bar .seeker-sanayi span {
  background-image: url(../img/sanayi.png);
}
.promo-wrapper #seek-bar .seeker-sanayi:hover span,
.promo-wrapper #seek-bar .seeker-sanayi.selected span {
  background-image: url(../img/sanayi_hover.png);
}
.promo-wrapper #seek-bar .seeker-banka span {
  background-image: url(../img/banka.png);
}
.promo-wrapper #seek-bar .seeker-banka:hover span,
.promo-wrapper #seek-bar .seeker-banka.selected span {
  background-image: url(../img/banka_hover.png);
}
.promo-wrapper #seek-bar .seeker-enerji span {
  background-image: url(../img/enerji.png);
}
.promo-wrapper #seek-bar .seeker-enerji:hover span,
.promo-wrapper #seek-bar .seeker-enerji.selected span {
  background-image: url(../img/enerji_hover.png);
}
.promo-wrapper #seek-bar .seeker-perakende span {
  background-image: url(../img/perakende.png);
}
.promo-wrapper #seek-bar .seeker-perakende:hover span,
.promo-wrapper #seek-bar .seeker-perakende.selected span {
  background-image: url(../img/perakende_hover.png);
}
.promo-wrapper #seek-bar .seeker-sigorta span {
  background-image: url(../img/sigorta.png);
}
.promo-wrapper #seek-bar .seeker-sigorta:hover span,
.promo-wrapper #seek-bar .seeker-sigorta.selected span {
  background-image: url(../img/sigorta_hover.png);
}
.promo-wrapper #seek-bar .seeker-sosyal span {
  background-image: url(../img/sosyal.png);
}
.promo-wrapper #seek-bar .seeker-sosyal:hover span,
.promo-wrapper #seek-bar .seeker-sosyal.selected span {
  background-image: url(../img/sosyal_hover.png);
}
.promo-wrapper #seek-bar .seeker-cimento span {
  background-image: url(../img/cimento.png);
}
.promo-wrapper #seek-bar .seeker-cimento:hover span,
.promo-wrapper #seek-bar .seeker-cimento.selected span {
  background-image: url(../img/cimento_hover.png);
}
.promo-wrapper #seek-bar .seeker-digital span {
  background-image: url(../img/digital.png);
}
.promo-wrapper #seek-bar .seeker-digital:hover span,
.promo-wrapper #seek-bar .seeker-digital.selected span {
  background-image: url(../img/digital_hover.png);
}
.promo-wrapper #seek-bar .seeker-diger span {
  background-image: url(../img/diger.png);
}
.promo-wrapper #seek-bar .seeker-diger:hover span,
.promo-wrapper #seek-bar .seeker-diger.selected span {
  background-image: url(../img/diger_hover.png);
}
@media (max-width: 991px) {
  .promo-wrapper #seek-bar {
    padding: 0 5px;
  }
  .promo-wrapper #seek-bar .sa-border {
    width: 120px;
  }
  .promo-wrapper #seek-bar .seeker span {
    margin: 9px 0;
  }
}
@media (max-width: 768px) {
  .promo-wrapper #seek-bar {
    font-size: 11px;
  }
  .promo-wrapper #seek-bar .sa-border {
    width: 105px;
  }
  .promo-wrapper #seek-bar .seeker span {
    margin: 5px 0;
  }
}
.promo-wrapper .mobile {
  display: none;
}
.promo-wrapper.video-wrapper {
  height: 45.7vw;
  /*
        iframe {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }
        */
}
.promo-wrapper.video-wrapper #promo-video + .carousel {
  display: none;
}
@media (max-width: 991px) {
  .promo-wrapper {
    height: inherit;
  }
  .promo-wrapper[class*=state-]:not(.state-0) .mobile {
    background: rgba(0, 0, 0, 0.6);
  }
  .promo-wrapper .mobile {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
  }
  .promo-wrapper .mobile .promo-sectors {
    display: none;
    position: absolute;
    top: 0;
    bottom: 50px;
    height: auto;
    width: 100%;
    padding: 0;
    font-size: 0;
  }
  .promo-wrapper .mobile .promo-sectors .promo-sector {
    display: inline-block;
    padding: 11px 0;
    width: 33.33%;
    cursor: pointer;
    font-size: 14px;
    color: #fff;
    vertical-align: top;
    text-align: center;
    border-left: 1px solid #606060;
    border-bottom: 1px solid #606060;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
  }
  .promo-wrapper .mobile .promo-sectors .promo-sector:last-child {
    border-right: 1px solid #606060;
  }
  .promo-wrapper .mobile .promo-sectors .promo-sector span {
    display: inline-block;
    margin: 0 0 20px 0;
    width: 65px;
    height: 60px;
    vertical-align: top;
    background-repeat: no-repeat;
    background-position: 50% 50%;
  }
  .promo-wrapper .mobile .promo-sectors .promo-sector p {
    display: block;
    margin: 0;
    vertical-align: bottom;
  }
  .promo-wrapper .mobile .promo-sectors .promo-sector-sanayi span {
    background-image: url(../img/sanayi.png);
  }
  .promo-wrapper .mobile .promo-sectors .promo-sector-sanayi:hover span,
  .promo-wrapper .mobile .promo-sectors .promo-sector-sanayi.selected span {
    background-image: url(../img/sanayi_hover.png);
  }
  .promo-wrapper .mobile .promo-sectors .promo-sector-banka span {
    background-image: url(../img/banka.png);
  }
  .promo-wrapper .mobile .promo-sectors .promo-sector-banka:hover span,
  .promo-wrapper .mobile .promo-sectors .promo-sector-banka.selected span {
    background-image: url(../img/banka_hover.png);
  }
  .promo-wrapper .mobile .promo-sectors .promo-sector-enerji span {
    background-image: url(../img/enerji.png);
  }
  .promo-wrapper .mobile .promo-sectors .promo-sector-enerji:hover span,
  .promo-wrapper .mobile .promo-sectors .promo-sector-enerji.selected span {
    background-image: url(../img/enerji_hover.png);
  }
  .promo-wrapper .mobile .promo-sectors .promo-sector-perakende span {
    background-image: url(../img/perakende.png);
  }
  .promo-wrapper .mobile .promo-sectors .promo-sector-perakende:hover span,
  .promo-wrapper .mobile .promo-sectors .promo-sector-perakende.selected span {
    background-image: url(../img/perakende_hover.png);
  }
  .promo-wrapper .mobile .promo-sectors .promo-sector-sigorta span {
    background-image: url(../img/sigorta.png);
  }
  .promo-wrapper .mobile .promo-sectors .promo-sector-sigorta:hover span,
  .promo-wrapper .mobile .promo-sectors .promo-sector-sigorta.selected span {
    background-image: url(../img/sigorta_hover.png);
  }
  .promo-wrapper .mobile .promo-sectors .promo-sector-sosyal span {
    background-image: url(../img/sosyal.png);
  }
  .promo-wrapper .mobile .promo-sectors .promo-sector-sosyal:hover span,
  .promo-wrapper .mobile .promo-sectors .promo-sector-sosyal.selected span {
    background-image: url(../img/sosyal_hover.png);
  }
  .promo-wrapper .mobile .promo-sectors .promo-sector-cimento span {
    background-image: url(../img/cimento.png);
  }
  .promo-wrapper .mobile .promo-sectors .promo-sector-cimento:hover span,
  .promo-wrapper .mobile .promo-sectors .promo-sector-cimento.selected span {
    background-image: url(../img/cimento_hover.png);
  }
  .promo-wrapper .mobile .promo-sectors .promo-sector-digital span {
    background-image: url(../img/digital.png);
  }
  .promo-wrapper .mobile .promo-sectors .promo-sector-digital:hover span,
  .promo-wrapper .mobile .promo-sectors .promo-sector-digital.selected span {
    background-image: url(../img/digital_hover.png);
  }
  .promo-wrapper .mobile .promo-sectors .promo-sector-diger span {
    background-image: url(../img/diger.png);
  }
  .promo-wrapper .mobile .promo-sectors .promo-sector-diger:hover span,
  .promo-wrapper .mobile .promo-sectors .promo-sector-diger.selected span {
    background-image: url(../img/diger_hover.png);
  }
  .promo-wrapper .mobile .promo-sector-details {
    display: none;
    padding: 0;
    list-style-type: none;
  }
  .promo-wrapper .mobile .promo-sector-details li {
    display: none;
    position: absolute;
    padding: 10px 20px;
    width: 100%;
    height: 100%;
    color: #fff;
    font-size: 12px;
    background-color: rgba(0, 0, 0, 0.6);
  }
  .promo-wrapper .mobile .promo-sector-details .header-image {
    width: 70px;
    height: 70px;
    background-repeat: no-repeat;
    background-position: center center;
  }
  .promo-wrapper .mobile .promo-sector-details .header-image-sanayi {
    background-image: url(../img/sanayi.png);
  }
  .promo-wrapper .mobile .promo-sector-details .header-image-banka {
    background-image: url(../img/banka.png);
  }
  .promo-wrapper .mobile .promo-sector-details .header-image-enerji {
    background-image: url(../img/enerji.png);
  }
  .promo-wrapper .mobile .promo-sector-details .header-image-perakende {
    background-image: url(../img/perakende.png);
  }
  .promo-wrapper .mobile .promo-sector-details .header-image-sigorta {
    background-image: url(../img/sigorta.png);
  }
  .promo-wrapper .mobile .promo-sector-details .header-image-sosyal {
    background-image: url(../img/sosyal.png);
  }
  .promo-wrapper .mobile .promo-sector-details .header-image-cimento {
    background-image: url(../img/cimento.png);
  }
  .promo-wrapper .mobile .promo-sector-details .header-image-digital {
    background-image: url(../img/digital.png);
  }
  .promo-wrapper .mobile .promo-sector-details .header-image-diger {
    background-image: url(../img/diger.png);
  }
  .promo-wrapper .mobile .promo-sector-details .header-text {
    padding-left: 10px;
    font-size: 25px;
    line-height: 70px;
  }
  .promo-wrapper .mobile .promo-sector-details .sector-detail-text {
    padding: 10px 0 30px 0;
    font-size: 15px;
    border-bottom: 1px solid #606060;
  }
  .promo-wrapper .mobile .promo-sector-details .sector-detail-logos {
    padding-top: 35px;
    text-align: center;
  }
  .promo-wrapper .mobile .promo-sector-details .sector-detail-logos img {
    max-width: 100%;
    max-height: 140px;
  }
  .promo-wrapper .mobile .promo-sectors,
  .promo-wrapper .mobile .promo-sector-details {
    padding-top: 64px;
  }
  .promo-wrapper .mobile .buttons {
    *zoom: 1;
    clear: both;
    position: absolute;
    bottom: 0px;
    width: 100%;
  }
  .promo-wrapper .mobile .buttons:before,
  .promo-wrapper .mobile .buttons:after {
    content: " ";
    display: table;
  }
  .promo-wrapper .mobile .buttons:after {
    clear: both;
  }
  .promo-wrapper .mobile .buttons:before,
  .promo-wrapper .mobile .buttons:after {
    content: " ";
    display: table;
  }
  .promo-wrapper .mobile .buttons:after {
    clear: both;
  }
  .promo-wrapper .mobile .buttons:before,
  .promo-wrapper .mobile .buttons:after {
    content: " ";
    display: table;
  }
  .promo-wrapper .mobile .buttons:after {
    clear: both;
  }
  .promo-wrapper .mobile .buttons:before,
  .promo-wrapper .mobile .buttons:after {
    content: " ";
    display: table;
  }
  .promo-wrapper .mobile .buttons:after {
    clear: both;
  }
  .promo-wrapper .mobile .buttons li {
    display: none;
  }
  .promo-wrapper .mobile .buttons .button-group-slider {
    display: block;
  }
  .promo-wrapper .mobile .buttons .pull-left,
  .promo-wrapper .mobile .buttons .pull-right {
    width: 50%;
  }
  .promo-wrapper .mobile .buttons .promo-button {
    display: inline-block;
    width: 100%;
    height: 50px;
    line-height: 50px;
    background-color: #004b93;
    color: #fff;
    text-align: center;
    font-size: 14px;
  }
  .promo-wrapper .mobile .buttons .pull-right .promo-button {
    border-left: 1px solid #083e72;
  }
  .promo-wrapper.state-others > .container,
  .promo-wrapper.state-all > .container {
    display: none !important;
  }
  .promo-wrapper.state-others .buttons .button-group-slider,
  .promo-wrapper.state-all .buttons .button-group-slider {
    display: none;
  }
  .promo-wrapper.state-others .buttons .button-group-sectors,
  .promo-wrapper.state-all .buttons .button-group-sectors {
    display: block;
  }
  .promo-wrapper.state-all .mobile .promo-sectors {
    display: block;
  }
  .promo-wrapper.state-detail > .container,
  .promo-wrapper.state-others > .container {
    display: none !important;
  }
  .promo-wrapper.state-detail .promo-sector-details,
  .promo-wrapper.state-others .promo-sector-details {
    display: block;
  }
  .promo-wrapper.state-detail .promo-sector-details > li,
  .promo-wrapper.state-others .promo-sector-details > li {
    display: none;
  }
  .promo-wrapper.state-detail .promo-sector-details > li:last-child,
  .promo-wrapper.state-others .promo-sector-details > li:last-child {
    display: block;
  }
  .promo-wrapper.state-detail .buttons .button-group-slider,
  .promo-wrapper.state-others .buttons .button-group-slider {
    display: none;
  }
  .promo-wrapper.state-detail .buttons .button-group-sectors,
  .promo-wrapper.state-others .buttons .button-group-sectors {
    display: none;
  }
  .promo-wrapper.state-detail .buttons .button-group-sector-details,
  .promo-wrapper.state-others .buttons .button-group-sector-details {
    display: block;
  }
  .promo-wrapper #promo-video {
    display: none;
  }
  .promo-wrapper #promo-video + .carousel {
    display: block;
  }
}
.video-service-youtube {
  padding-bottom: 50vw;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 1;
}
#promo-detail-sections {
  margin: 20px;
  padding: 20px 20px;
  padding-top: 0;
  list-style-type: none;
  font-size: 17px;
  overflow: hidden;
}
#promo-detail-sections .promo-detail {
  display: none;
}
#promo-detail-sections .promo-detail > div {
  padding-left: 40px;
  padding-right: 40px;
}
#promo-detail-sections .promo-detail :first-child {
  display: block;
}
#promo-detail-sections .promo-detail :first-child.border {
  border-right: 1px solid #e1e1e1;
}
#promo-detail-sections .promo-detail :last-child img {
  max-height: 161px;
  max-width: 100%;
}
#promo-detail-sections .promo-detail :last-child.border {
  border-left: 1px solid #e1e1e1;
}
.news-mainpage-mobile .mainpage-news-slider {
  padding: 0;
}
.news-mainpage-mobile .mainpage-news-slider li {
  position: relative;
  height: 100vw;
  margin-left: 10px;
  margin-right: 10px;
  background-size: cover;
  font-size: 23px;
  color: #fff;
  line-height: 1.1;
}
.news-mainpage-mobile .mainpage-news-slider li:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.news-mainpage-mobile .mainpage-news-slider li .mainpage-news-link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: none;
}
.news-mainpage-mobile .mainpage-news-slider li .mainpage-news-slider-content {
  position: absolute;
  bottom: 20px;
  padding: 0 20px;
}
.news-mainpage-mobile .mainpage-news-slider li .mainpage-news-slider-content .zoom-box-title {
  font-size: 20px;
}
.news-mainpage-mobile .mainpage-news-slider li .mainpage-news-slider-content .zoom-box-date {
  padding-top: 15px;
  font-size: 14px;
}
.news-mainpage-mobile .mainpage-news-slider a {
  color: #fff;
}
@media (max-width: 768px) {
  .news-mainpage-mobile li {
    margin-left: 10px;
    margin-right: 10px;
  }
}
@media (min-width: 480px) and (max-width: 768px) {
  .news-mainpage-mobile .mainpage-news-slider li {
    height: 50vw;
  }
}
.visibble-slider {
  overflow: hidden;
}
.visibble-slider .slick-list.draggable {
  overflow: visible;
}
.grow-content {
  position: relative;
  overflow: hidden;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.grow-content .grow-content-img img {
  width: 100%;
  height: auto;
  max-width: 300px;
  -webkit-transition: -webkit-transform 1.2s ease-in-out;
  transition: -webkit-transform 1.2s ease-in-out;
  transition: transform 1.2s ease-in-out;
  transition: transform 1.2s ease-in-out, -webkit-transform 1.2s ease-in-out;
}
.grow-content .zoom-box-scale {
  margin-top: 30px;
  margin-left: 10px;
  background-color: #fff;
}
.grow-content .zoom-box-scale ul {
  margin-top: 20px;
}
.grow-content:hover {
  z-index: 9;
  -webkit-transform: scale(1.07);
  -ms-transform: scale(1.07);
  transform: scale(1.07);
  -webkit-transition: 0.5s all;
  transition: 0.5s all;
  -ms-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.35);
  -o-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.35);
  box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.35);
}
.grow-content:hover .grow-content-img {
  padding: 0;
}
.grow-content:hover .grow-content-img img {
  width: 100%;
  max-width: none;
  -webkit-transition: -webkit-transform 1.2s ease-in-out;
  transition: -webkit-transform 1.2s ease-in-out;
  transition: transform 1.2s ease-in-out;
  transition: transform 1.2s ease-in-out, -webkit-transform 1.2s ease-in-out;
}
@media (max-width: 768px) {
  .grow-content .grow-content-img {
    padding: 20px 0;
  }
  .grow-content .grow-content-img img {
    max-width: none;
  }
}
@media (min-width: 769px) and (max-width: 992px) {
  .grow-content .grow-content-img img {
    width: 100%;
    max-width: none;
  }
}
.zoom-box {
  margin: 10px 0;
  width: 100%;
}
.zoom-box .component-content {
  position: relative;
  overflow: hidden;
  box-sizing: content-box;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.zoom-box .component-content .image-asset {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.zoom-box .zoom-box-content-wrapper {
  position: relative;
  margin-bottom: -20px;
  width: 100%;
  height: 100%;
  overflow: hidden;
  box-sizing: border-box;
  z-index: 1;
}
.zoom-box .zoom-box-link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: none;
}
.zoom-box .zoom-box-content {
  box-sizing: border-box;
  width: 100%;
  height: 75vw;
  min-height: 240px;
  margin: -20px 0;
  color: #fff;
}
.zoom-box .zoom-box-content .zoom-box-content-wrapper > a {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.zoom-box .zoom-box-content .image-asset {
  background-size: 100%;
  width: 100%;
  height: 100%;
}
@media (min-width: 992px) {
  .zoom-box .zoom-box-content {
    height: 240px;
  }
}
.zoom-box .zoom-box-content-text {
  position: absolute;
  left: 50%;
  bottom: 15%;
  width: 80%;
  -webkit-transform: translate(-50%, -15%);
  -ms-transform: translate(-50%, -15%);
  transform: translate(-50%, -15%);
}
.zoom-box a {
  color: #fff;
}
.zoom-box a.read-more {
  color: #212121;
}
.zoom-box .zoom-box-title {
  font-size: 17px;
  line-height: 105%;
  margin-bottom: 15px;
  font-weight: bold;
}
.zoom-box .zoom-box-date {
  font-size: 14px;
  margin-bottom: 5px;
}
.zoom-box .zoom-box-social {
  display: none;
  list-style-type: none;
  padding-left: 0;
  font-size: 15px;
  position: absolute;
  bottom: -30px;
  left: -8px;
}
.zoom-box .zoom-box-social li {
  display: inline-block;
  min-width: 25px;
  text-align: center;
}
.zoom-box .zoom-box-social li a {
  display: inline-block;
  width: 100%;
}
@media (max-width: 768px) {
  .zoom-box {
    margin: 0 0 20px 0;
  }
}
@media (min-width: 769px) {
  .zoom-box {
    -webkit-transition: 0.3s all;
    transition: 0.3s all;
  }
  .zoom-box .image-asset {
    -webkit-transition: 0.3s all;
    transition: 0.3s all;
    -moz-filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    -o-filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
  }
  .zoom-box:hover {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
    z-index: 5;
    box-shadow: 0 37.5px 37.5px 5px rgba(0, 0, 0, 0.4);
  }
  .zoom-box:hover .image-asset {
    background-size: 100%;
    -moz-filter: none;
    -o-filter: none;
    -webkit-filter: grayscale(0);
    filter: none;
  }
  .zoom-box:hover .zoom-box-social {
    display: block;
  }
  .carousel .zoom-box:hover {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    box-shadow: none;
  }
}
.zoom-box-big {
  /*
    .zoom-box-content {

        .image-asset {
            -webkit-box-shadow: inset 0px -200px 144px 6px rgba(0,0,0,0.88);
            -moz-box-shadow: inset 0px -200px 144px 6px rgba(0,0,0,0.88);
            box-shadow: inset 0px -200px 144px 6px rgba(0,0,0,0.88);
        }
    }
    */
}
.zoom-box-big .zoom-box-content {
  /*width: 500px;
        height: 460px;*/
  box-sizing: border-box;
  width: 100%;
  height: 460px;
  margin: -20px 0;
  color: #fff;
}
.zoom-box-big .zoom-box-title {
  font-size: 23px;
}
.zoom-box-big .zoom-box-content-text {
  position: absolute;
  left: 50%;
  bottom: 10%;
  -webkit-transform: translateX(-50%) translateY(-15%);
  -ms-transform: translateX(-50%) translateY(-15%);
  transform: translateX(-50%) translateY(-15%);
  width: 80%;
}
@media (max-width: 1199px) {
  .zoom-box-big .zoom-box-content {
    width: 500px;
    height: 500px;
  }
}
.zoom-box-slider-fix {
  margin: 20px -40px;
}
.zoom-box-slider-fix .zoom-box {
  margin: 20px 0 0 10px;
}
.zoom-box-slider-fix .zoom-box-content {
  width: 260px;
  height: 260px;
  margin: -10px;
}
.boxy {
  border: 1px solid #f1f1f1;
}
.slider-quaternary .boxy {
  height: 140px;
  line-height: 140px;
  text-align: center;
}
.boxy:hover .ui-files-doc {
  background-position: 0 -60px;
}
.boxy:hover .ui-files-zip {
  background-position: -60px -60px;
}
.sabanci-group #element-center {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
.sabanci-group .sabanci-group-list {
  padding: 0;
  list-style-type: none;
  text-align: right;
  cursor: pointer;
  overflow: hidden;
}
.sabanci-group .sabanci-group-list li {
  margin-bottom: 20px;
}
.sabanci-group .sabanci-group-list li img {
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
.sabanci-group .sabanci-group-list li .list-item {
  position: relative;
  border: 3px solid #f1f1f1;
  overflow: hidden;
  width: 140px;
  height: 140px;
  background: #fff;
  margin: 0 auto;
}
.sabanci-group .sabanci-group-list li .list-item img {
  max-width: 100%;
  max-height: 100%;
}
.sabanci-group .sabanci-group-list li .container-hover {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  background: none;
}
.sabanci-group .sabanci-group-list li .container-hover img {
  display: none;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
.sabanci-group .sabanci-group-list li .container-hover .item-overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.8;
}
.sabanci-group .sabanci-group-list li:hover {
  /*
                .list-item {
                    padding: 0;
                }
                */
}
.sabanci-group .sabanci-group-list li:hover .unhover-img {
  display: none;
}
.sabanci-group .sabanci-group-list li:hover .container-hover img {
  display: inline-block;
}
.sabanci-group .sabanci-group-list li:hover .container-hover.bg-dark-blue .item-overlay {
  background: #2c337b;
}
.sabanci-group .sabanci-group-list li:hover .container-hover.bg-red .item-overlay {
  background: #ec2127;
}
.sabanci-group .sabanci-group-list li:hover .container-hover.bg-orange .item-overlay {
  background: #f1aa22;
}
.sabanci-group .sabanci-group-list li:hover .container-hover.bg-green .item-overlay {
  background: #2c833a;
}
.sabanci-group .sabanci-group-list li:hover .container-hover.bg-blue .item-overlay {
  background: #348bbc;
}
.sabanci-group .sabanci-group-detail {
  text-align: left;
  width: 300px;
  height: 939px;
  color: #fff;
  position: relative;
}
.sabanci-group .sabanci-group-detail.active .sa-group-left-content {
  display: block;
}
.sabanci-group .sabanci-group-detail.big-default {
  display: block;
}
.sabanci-group .sabanci-group-detail .sa-group-left-content {
  padding: 40px;
  height: inherit;
  width: inherit;
  position: relative;
  display: none;
}
.sabanci-group .sabanci-group-detail .sa-group-header {
  font-size: 23px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.6);
  padding-bottom: 20px;
  position: relative;
}
.sabanci-group .sabanci-group-detail .sa-group-header span {
  width: 50px;
  height: 3px;
  background-color: #fff;
  line-height: 3px;
  position: absolute;
  bottom: -2px;
  left: 0px;
  display: block;
}
.sabanci-group .sabanci-group-detail .sa-group-bottom-header {
  position: absolute;
  bottom: 30px;
  left: 40px;
  right: 40px;
  bottom: 40px;
}
.sabanci-group .sabanci-group-detail .sa-group-text {
  margin-top: 30px;
}
.sabanci-group .sabanci-group-detail .sa-group-continue-read {
  margin-top: 30px;
}
.sabanci-group .sabanci-group-detail .sa-group-continue-read a {
  color: #fff;
}
.sabanci-group .sabanci-group-detail .sa-group-details {
  padding: 0;
  list-style-type: none;
  position: absolute;
  bottom: 40px;
}
.sabanci-group .sabanci-group-detail .sa-group-details .sa-group-details-left-icon {
  display: inline-block;
  vertical-align: top;
  font-size: 30px;
  width: 35px;
  margin-right: 10px;
  text-align: center;
}
.sabanci-group .sabanci-group-detail .sa-group-details .sa-group-details-right-content {
  display: inline-block;
  vertical-align: top;
  width: 75%;
  margin-top: 10px;
  font-size: 12px;
}
.sabanci-group .sabanci-group-detail .sa-group-details .sa-group-details-right-content a {
  color: #fff;
  font-size: 12px;
  margin-top: 5px;
  display: inline-block;
  word-wrap: break-word;
  max-width: 180px;
}
@media (max-width: 991px) {
  .sabanci-group .sabanci-group-detail {
    width: 100%;
    height: 300px;
    overflow: scroll;
    background-position: 0 26%;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .sabanci-group .sabanci-group-detail .sabanci-group-list {
    text-align: center;
  }
  .sabanci-group .sabanci-group-detail .sa-group-left-content {
    height: auto;
    min-height: 100%;
  }
  .sabanci-group .sabanci-group-detail .sa-group-details {
    position: relative;
    margin-top: 80px;
  }
  .sabanci-group .sabanci-group-detail:hover .sa-group-bottom-header {
    display: none;
  }
  .sabanci-group .sabanci-group-list {
    margin-top: 20px;
  }
  .sabanci-group .sabanci-group-list li {
    text-align: center;
  }
  .sabanci-group .sabanci-group-list li img {
    display: block;
  }
  .sabanci-group .sabanci-group-list li .list-item {
    width: 100%;
  }
  .sabanci-group .sabanci-group-list li:hover .unhover-img {
    display: block;
  }
  .sabanci-group .sabanci-group-list li:hover .container-hover {
    display: none;
  }
  .sabanci-group .sabanci-group-list li:hover .container-hover img {
    display: inline-block;
  }
}
.banner-container,
.career-banner-container {
  position: relative;
  z-index: 2;
}
.banner-container:after,
.career-banner-container:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  opacity: 0.5;
  background: #000;
}
.banner-container .banner,
.career-banner-container .banner {
  height: 365px;
  overflow: hidden;
  text-align: center;
}
.banner-container .banner img,
.career-banner-container .banner img {
  min-width: 100%;
  min-height: 100%;
}
.banner-container .banner-content-wrapper,
.career-banner-container .banner-content-wrapper {
  position: absolute;
  width: 95%;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  text-align: center;
  overflow: hidden;
  z-index: 1;
}
.banner-container .banner-content-wrapper .banner-content,
.career-banner-container .banner-content-wrapper .banner-content {
  width: 100%;
}
.banner-container .banner-content-wrapper .banner-content .title,
.career-banner-container .banner-content-wrapper .banner-content .title {
  font-size: 70px;
  margin: 0;
  color: #fff;
  font-family: Roboto;
  font-weight: 900;
}
@media (max-width: 768px) {
  .banner-container:after,
  .career-banner-container:after {
    opacity: 0.3;
  }
  .banner-container .banner,
  .career-banner-container .banner {
    height: 240px;
  }
  .banner-container .banner img,
  .career-banner-container .banner img {
    position: relative;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    max-height: 100%;
  }
  .banner-container .banner-content-wrapper .banner-content .title,
  .career-banner-container .banner-content-wrapper .banner-content .title {
    font-size: 25px;
    margin-top: 64px;
  }
}
@media (min-width: 991px) {
}
@media (min-width: 1199px) {
  .banner-container .banner img,
  .career-banner-container .banner img {
    position: relative;
    top: 0;
    left: 50%;
    -ms-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
}
.breadcrumb-wrapper {
  *zoom: 1;
  clear: both;
  position: relative;
  background-color: #004b93;
  padding: 20px 0;
  z-index: 2;
}
.breadcrumb-wrapper:before,
.breadcrumb-wrapper:after {
  content: " ";
  display: table;
}
.breadcrumb-wrapper:after {
  clear: both;
}
.breadcrumb-wrapper:before,
.breadcrumb-wrapper:after {
  content: " ";
  display: table;
}
.breadcrumb-wrapper:after {
  clear: both;
}
.breadcrumb-wrapper:before,
.breadcrumb-wrapper:after {
  content: " ";
  display: table;
}
.breadcrumb-wrapper:after {
  clear: both;
}
.breadcrumb-wrapper:before,
.breadcrumb-wrapper:after {
  content: " ";
  display: table;
}
.breadcrumb-wrapper:after {
  clear: both;
}
.breadcrumb-wrapper .breadcrumb {
  float: left;
  border-radius: 0;
  background-color: #004b93;
  margin-bottom: 0;
  padding: 0;
}
.breadcrumb-wrapper .breadcrumb li a {
  color: #fff;
  font-size: 15px;
  font-weight: 300;
}
.breadcrumb-wrapper .social-area {
  float: right;
  margin-top: -30px;
  margin-bottom: -30px;
}
.breadcrumb-wrapper .social-area li {
  padding: 28px 20px;
  border-left: 1px solid #024381;
}
.breadcrumb-wrapper .social-area li:last-child {
  border-right: 1px solid #024381;
}
.breadcrumb-wrapper .social-area li a {
  color: #fff;
}
@media (max-width: 768px) {
  .breadcrumb-wrapper {
    height: 44px;
    padding: 0;
  }
}
@media (min-width: 991px) {
}
@media (min-width: 1199px) {
}
.breadcrumb-red {
  background-color: #004b93;
}
.breadcrumb-red .breadcrumb {
  background-color: #004b93;
}
.breadcrumb-red .breadcrumb li a {
  font-weight: 300;
}
.breadcrumb-red .social-area li {
  border-left: 1px solid #024381;
}
.breadcrumb-red .social-area li:last-child {
  border-right: 1px solid #024381;
}
.page-title {
  margin-top: 45px;
  margin-bottom: 10px;
}
.page-title .title {
  margin: 0;
  color: #212121;
  font-family: Roboto;
  font-weight: 700;
  font-size: 25px;
  line-height: 32px;
}
.page-title .title.blue {
  font-family: Exo;
  color: #00418d;
}
@media (max-width: 768px) {
  .page-title {
    margin-top: 30px;
  }
  .page-title .title {
    font-size: 22px;
    line-height: 27px;
    margin-bottom: 20px;
  }
}
@media (min-width: 991px) {
}
@media (min-width: 1199px) {
}
.content > .title {
  padding-top: 20px;
  margin-bottom: 0;
  font-size: 30px;
  line-height: 36px;
  font-weight: 800;
  color: #212121;
}
.title-spot {
  font-weight: 400;
}
.title + .title-spot {
  margin-top: 5px;
  font-size: 14px;
  font-style: italic;
  color: #3b3b3b;
}
.content-img {
  margin-top: 20px;
  margin-bottom: 10px;
}
.content-img img {
  width: 100%;
}
.content-img.cropped {
  overflow: hidden;
}
.content-img.cropped img {
  position: relative;
  width: auto;
  max-width: none;
}
.content-img.bordered img {
  padding: 20px;
  border: 3px solid #efefef;
}
@media (min-width: 1199px) {
  .content-img img {
    max-width: 100%;
    width: auto;
  }
  .content-img.pull-left {
    float: left;
    margin-right: 20px;
  }
  .content-img.center img {
    margin-left: auto;
    margin-right: auto;
  }
  .content-img.pull-right {
    float: right;
    margin-right: auto;
    margin-left: 20px;
  }
  .content-img.stretch img {
    width: 100%;
  }
  .content-img.content-img-sm {
    width: 220px;
  }
  .content-img.content-img-md {
    width: 300px;
  }
  .content-img.content-img-lg {
    width: 380px;
  }
}
.content,
.content p,
.content li {
  font: 300 16px / 28px Roboto, sans-serif;
}
.content p {
  margin-top: 30px;
  margin-bottom: 0;
  color: #3b3b3b;
}
@media (max-width: 768px) {
}
@media (min-width: 991px) {
}
.video-play {
  position: relative;
  display: block;
}
.video-play:before,
.video-play:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
.video-play:before {
  width: 0;
  height: 0;
  margin-left: 3px;
  border-style: solid;
  border-width: 14px 0 14px 18px;
  border-color: transparent;
  border-left-color: #fff;
}
.video-play:after {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.2);
  border: 2px solid #fff;
  display: block;
  cursor: pointer;
}
.video-play.reverse:before {
  border-left-color: #004b93;
}
.video-play.reverse:after {
  background: #fff;
}
.gallery-slider .slick-arrows {
  position: absolute;
  right: 20px;
  top: 20px;
}
.web-site {
  display: block;
  width: 32px;
  height: 32px;
  border: 1px solid #000;
  margin-right: 13px;
}
.web-site span {
  display: block;
  float: left;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
.bank-info {
  margin-left: 10px;
}
.bank-info ul {
  margin-bottom: 60px;
}
.bank-info li {
  width: 33.33%;
  float: left;
  display: block;
}
.bank-info span {
  color: #000;
  vertical-align: middle;
  line-height: 30px;
}
.bank-info .media {
  height: 140px;
  overflow: initial;
  margin-bottom: 20px;
}
.bank-info .media .media-left {
  padding-right: 15px;
}
.bank-info .media .media-left .box-info {
  position: relative;
  width: 32px;
  height: 32px;
  background-color: #004b93;
}
.bank-info .media .media-left .box-info span {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
.bank-info .media .media-body h4,
.bank-info .media .media-body p {
  margin: 0;
}
.bank-info a {
  display: block;
  clear: left;
}
.bank-info .web-site {
  position: relative;
  float: left;
}
@media (max-width: 768px) {
  .bank-info li {
    width: 100% !important;
  }
  .bank-info li .media {
    height: auto;
  }
}
@media (min-width: 991px) {
}
@media (min-width: 1199px) {
}
.map-container {
  position: relative;
}
.map-container iframe {
  display: block;
}
.map-container:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  opacity: 0.2;
  background: #000;
  display: none;
}
@media (max-width: 768px) {
  .map-container #map iframe {
    height: 350px;
    overflow: hidden;
  }
}
@media (min-width: 991px) {
  .map-container #map iframe {
    height: 546px;
    overflow: hidden;
  }
}
@media (min-width: 1199px) {
  .map-container #map iframe {
    height: 546px;
    overflow: hidden;
  }
}
form {
  margin-top: 30px;
}
@media (max-width: 768px) {
  form {
    margin-top: 0;
  }
}
@media (max-width: 768px) {
  .aside-combobox .form-group {
    margin-bottom: 0px;
  }
}
.list .media-area .media .media-left {
  padding-right: 20px;
}
.list .media-area .media .media-left .image img {
  max-width: 310px;
  max-height: 350px;
}
.list .media-area .media .media-body {
  width: 90%;
}
.list .media-area .media .media-body .text-content {
  text-align: center;
  margin-top: 18px;
}
.list .media-area .media .media-body .text-content p {
  font-weight: 300;
  font-size: 14px;
  font-style: italic;
}
.list .media-area .media .media-body .text-content span {
  margin-top: 10px;
  font-size: 14px;
  font-weight: 300;
  font-style: italic;
}
.list .separator {
  margin-top: 10px;
  padding-top: 10px;
}
@media (max-width: 768px) {
  .list .media-area .media .media-left,
  .list .media-area .media .media-body {
    width: 50%;
  }
  .list .media-area .media .media-left {
    padding-right: 20px;
  }
  .list .media-area .media .media-left .image img {
    max-width: 140px;
  }
  .list .media-area .media .media-body .text-content {
    text-align: left;
  }
}
@media (min-width: 991px) {
}
@media (min-width: 1199px) {
  .list .media-area .media {
    margin-bottom: 0;
  }
  .list .media-area .media .media-body {
    display: block;
    float: left;
  }
  .list .media-area .media .media-body .text-content {
    margin-bottom: 0;
  }
  .list .media-area .media .media-body .text-content h4,
  .list .media-area .media .media-body .text-content p {
    text-align: center;
  }
  .list .media-area .media .media-body .text-content span {
    display: inline-block;
  }
}
@media (min-width: 769px) and (max-width: 992px) {
  .list .media-area .media .media-left img {
    width: 100%;
  }
}
.icon-button-wrapper .icon-border {
  position: relative;
  display: inline-block;
  width: 30px;
  height: 30px;
  border: 1px solid #000;
}
.icon-button-wrapper .icon-border .ui-icons {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
.icon-button-wrapper .icon {
  display: inline-block;
  color: #000;
}
.icon-button-wrapper .icon img {
  vertical-align: text-top;
  margin-top: -5px;
}
.icon-button-wrapper .detail {
  display: inline-block;
  color: #000;
  padding-left: 5px;
  font-size: 11px;
  vertical-align: text-top;
  line-height: 0;
}
.ta-right .slick-dots {
  text-align: right;
  padding-right: 10px;
  margin-right: 0;
  right: 0;
}
.sayilarla-sabanci {
  width: 100%;
  min-height: 840px;
  padding: 40px 20px;
  background: url(https://www.sabanci.com/Templates/Default/assets/img/sayilarla/ss-bg.jpg) no-repeat 50% 50%;
  background-size: cover;
  color: #fff;
  cursor: default;
  overflow-x: auto;
}
@media (min-width: 769px) {
  .sayilarla-sabanci {
    padding: 5vw 6.5vw;
  }
}
@media (min-width: 1200px) {
  .sayilarla-sabanci {
    padding: 70px 125px;
    width: 1500px;
    overflow: hidden;
  }
}
.sayilarla-sabanci .title {
  font-size: 44px;
}
.sayilarla-sabanci .title small {
  font-size: 100%;
}
.sayilarla-sabanci .ss-content {
  padding: 40px 0;
  color: #fff;
  overflow-x: auto;
}
.sayilarla-sabanci .ss-content .ss-content-left {
  float: left !important;
  width: 510px;
}
.sayilarla-sabanci .ss-content .ss-content-right {
  float: right !important;
  width: calc(100% - 510px);
}
.sayilarla-sabanci .ss-content .ss-content-right ul {
  margin-top: 60px !important;
}
@media (max-width: 1199px) {
  .sayilarla-sabanci .ss-content {
    width: 100%;
    min-height: 0;
    padding-bottom: 0;
  }
  .sayilarla-sabanci .ss-content p {
    line-height: 1.4;
  }
  .sayilarla-sabanci .ss-content .media + .media {
    margin-top: 20px;
  }
  .sayilarla-sabanci .ss-content .ss-content-left,
  .sayilarla-sabanci .ss-content .ss-content-right {
    float: none;
    width: 100%;
  }
  .sayilarla-sabanci .ss-content .ss-content-right ul {
    margin-top: 40px !important;
  }
  .sayilarla-sabanci .ss-content .media-vertical {
    width: 50%;
    margin-bottom: 20px;
    padding: 0 10px;
    height: 180px;
  }
  .sayilarla-sabanci .ss-content .media-vertical,
  .sayilarla-sabanci .ss-content .media-vertical + .media {
    margin: 20px 0;
  }
  .sayilarla-sabanci .ss-content .media-vertical .media-body {
    line-height: 1.4;
  }
  .sayilarla-sabanci .ss-content .media-vertical .media-body p {
    font-size: 16px;
  }
  .sayilarla-sabanci .ss-content .media-vertical .media-body p strong {
    font-size: 1.7rem;
  }
}
.sayilarla-sabanci ul {
  margin: 0;
  padding: 0;
  overflow: hidden;
}
.sayilarla-sabanci .media-left {
  vertical-align: middle;
  padding-right: 20px;
}
.sayilarla-sabanci .media-left img {
  width: 48px;
}
.sayilarla-sabanci .media {
  margin-top: 0;
}
.sayilarla-sabanci .media + .media {
  margin-top: 35px;
}
.sayilarla-sabanci .media-vertical {
  width: 33.33333333%;
  float: left;
  padding: 0 30px;
  height: 215px;
  margin-top: 35px;
  margin-bottom: 90px;
}
.sayilarla-sabanci .media-vertical .media-left,
.sayilarla-sabanci .media-vertical .media-body {
  display: block;
  width: 100%;
  text-align: center;
}
.sayilarla-sabanci .media-vertical .media-left {
  margin-bottom: 20px;
  padding: 0;
  height: 60px;
  line-height: 60px;
}
.sayilarla-sabanci .media-vertical .media-left img {
  display: inline-block;
}
.sayilarla-sabanci .media-vertical .media-body {
  line-height: 34px;
}
.sayilarla-sabanci .media-vertical .media-body p {
  font-size: 22px;
  line-height: inherit;
}
.sayilarla-sabanci .media-vertical .media-body strong {
  font-size: 31px;
  line-height: inherit;
}
@media (max-width: 768px) {
  .sayilarla-sabanci .media-vertical {
    margin-bottom: 40px;
  }
}
.sayilarla-sabanci .title {
  margin: 0;
  line-height: 1;
  letter-spacing: -0.15%;
  font-size: 28px;
  margin-bottom: 5px;
}
.sayilarla-sabanci p {
  margin: 0;
  font-size: 17px;
  line-height: 1;
}
.error-page {
  height: 100%;
}
.error-page body {
  height: 100%;
}
.error-page body #viewport {
  height: 100%;
  overflow-y: hidden;
}
.error-page .error-bg {
  position: relative;
  height: 100%;
  width: 100%;
}
.error-page .error-bg img {
  min-width: 100%;
  min-height: 100%;
}
.error-page .error-bg:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
}
.error-page .error-container {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  text-align: center;
  z-index: 1;
}
.error-page .error-container .error-border {
  width: 365px;
  height: 365px;
  border: 20px solid #fff;
  border-radius: 50%;
}
.error-page .error-container .title {
  margin-bottom: 0;
  margin-top: 0;
  color: #fff;
  font-size: 150px;
  line-height: 330px;
}
.error-page .error-container .text-content .sub-title {
  color: #fff;
  font-size: 22px;
  font-weight: 400;
}
.error-page .error-container .text-content .sub-title:first-child {
  margin-top: 45px;
  margin-bottom: 20px;
}
.error-page .error-container .text-content .sub-title:last-child {
  margin-bottom: 0;
  margin-top: 0;
}
.error-page .error-container .text-content .sub-title strong {
  font-weight: 900;
}
.error-page .error-container .text-content .sub-title a {
  color: #fff;
  text-decoration: underline;
}
@media (max-width: 768px) {
  .error-page .error-container .error-border {
    width: 200px;
    height: 200px;
  }
  .error-page .error-container .title {
    font-size: 60px;
    line-height: 160px;
  }
  .error-page .error-container .text-content .sub-title {
    font-size: 16px;
  }
  .error-page .error-container .text-content .sub-title:first-child {
    margin-top: 45px;
  }
}
.search-head {
  font-size: 24px;
  font-weight: 400;
  color: #3b3b3b;
  line-height: 26px;
}
.search-head .searched-word,
.search-head .searched-word-info {
  font-weight: 700;
}
.page-number {
  font-size: 15px;
  font-weight: 300;
  color: #3b3b3b;
  line-height: 20px;
}
.search-content .search-result-area .media {
  margin-bottom: 32px;
}
.search-content .search-result-area .media .media-heading {
  margin-bottom: 8px;
  font-size: 18px;
  color: #3b3b3b;
  font-weight: 700;
  line-height: 22px;
}
.search-content .search-result-area .media p {
  margin-bottom: 0;
  font-size: 18px;
  color: #3b3b3b;
  font-weight: 300;
  line-height: 28px;
}
/*
 *
 * Kariyer
 *
*/
.kariyer-promo {
  height: 50vw;
  overflow: hidden;
}
.kariyer-promo .kariyer-video-promo {
  position: relative;
  width: 100%;
  top: 0;
  text-align: center;
  height: inherit;
  background-color: #000;
  z-index: 1;
}
.kariyer-promo #kariyer-promo-video {
  width: 100%;
  height: 100%;
  min-height: 440px;
  -o-object-fit: cover;
  object-fit: cover;
}
.kariyer-promo .kariyer-photo-promo {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}
.kariyer-promo .kariyer-play-icon {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 125px;
  height: 125px;
  border: 2px solid #fff;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.2);
  pointer-events: none;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  opacity: 1;
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s;
}
.kariyer-promo .kariyer-play-icon:hover {
  opacity: 0.8;
}
.kariyer-promo .kariyer-play-icon:before {
  content: '';
  width: 0;
  height: 0;
  margin-left: 6px;
  border-style: solid;
  border-width: 25px 0 25px 38px;
  border-color: transparent transparent transparent #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  cursor: pointer;
}
.kariyer-promo .kariyer-title {
  position: absolute;
  left: 50%;
  top: 25%;
  -webkit-transform: translateX(-50%) translateY(-25%);
  -ms-transform: translateX(-50%) translateY(-25%);
  transform: translateX(-50%) translateY(-25%);
  width: 100%;
}
.kariyer-promo .kariyer-title h1 {
  color: #fff;
  font-size: 70px;
  font-weight: 900;
}
@media (max-width: 768px) {
  .kariyer-promo {
    height: 240px;
  }
  .kariyer-promo .kariyer-play-icon {
    width: 70px;
    height: 70px;
    position: absolute;
    left: 50%;
    top: 70%;
    -webkit-transform: translateX(-50%) translateY(-70%);
    -ms-transform: translateX(-50%) translateY(-70%);
    transform: translateX(-50%) translateY(-70%);
  }
  .kariyer-promo .kariyer-play-icon:before {
    margin-left: 3px;
    border-width: 14px 0 14px 18px;
  }
  .kariyer-promo .kariyer-title {
    width: 100%;
  }
  .kariyer-promo .kariyer-title h1 {
    font-size: 25px;
  }
  .kariyer-promo #kariyer-promo-video {
    width: 100%;
    height: 100%;
    min-height: 240px;
    -o-object-fit: cover;
    object-fit: cover;
  }
}
.kariyer-promo.video-playing .kariyer-play-icon {
  opacity: 0;
  /*
            @w: 18%;

            &:before,
            &:after {
                content: "";
                position: absolute;
                top: 25%;
                left: 50%;
                width: @w;
                height: 50%;
                background: #fff;
            }

            &:before {
                margin-left: -(@w * 1.5);
                border: none;
                border-radius: 0;
                .transform(none);
            }

            &:after {
                margin-left: @w * .5;
            }
            */
}
.kariyer-promo-buttons {
  padding: 0;
  list-style-type: none;
  margin-top: -80px;
  font-size: 0;
  text-align: center;
  display: table;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  opacity: 1;
  z-index: 8;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.kariyer-promo-buttons .kp-item {
  display: inline-block;
  position: relative;
  vertical-align: top;
  height: 150px;
  font-size: 12px;
  padding: 20px;
}
.kariyer-promo-buttons .kp-item.blue {
  background: #00418d;
}
.kariyer-promo-buttons .kp-item.blue:hover {
  background: #02346e;
}
.kariyer-promo-buttons .kp-item.pink {
  background: #a95ba4;
}
.kariyer-promo-buttons .kp-item.pink:hover {
  background: #954e91;
}
.kariyer-promo-buttons .kp-item.orange {
  background: #ffc000;
}
.kariyer-promo-buttons .kp-item.orange:hover {
  background: #daa605;
}
.kariyer-promo-buttons .kp-item.red {
  background: #c32020;
}
.kariyer-promo-buttons .kp-item.red:hover {
  background: #a71a1a;
}
.kariyer-promo-buttons .kp-item.gray {
  background: #91aa9d;
}
.kariyer-promo-buttons .kp-item.gray:hover {
  background: #759383;
}
.kariyer-promo-buttons .kp-item.green {
  background: #76b472;
}
.kariyer-promo-buttons .kp-item.green:hover {
  background: #629e5e;
}
.kariyer-promo-buttons .kp-item.blue-light {
  background: #3bd3d1;
}
.kariyer-promo-buttons .kp-item.blue-light:hover {
  background: #21c3c1;
}
.kariyer-promo-buttons .kp-item.blue-dark {
  background: #046380;
}
.kariyer-promo-buttons .kp-item.blue-dark:hover {
  background: #045871;
}
.kariyer-promo-buttons .kp-item.orange-dark {
  background: #e89a41;
}
.kariyer-promo-buttons .kp-item.orange-dark:hover {
  background: #d28731;
}
.kariyer-promo-buttons .kp-item.red-dark {
  background: #b9121b;
}
.kariyer-promo-buttons .kp-item.red-dark:hover {
  background: #a00d15;
}
.kariyer-promo-buttons .kp-item a {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.kariyer-promo-buttons .kp-item .img,
.kariyer-promo-buttons .kp-item .title {
  position: relative;
  width: 100%;
  display: block;
  float: left;
}
.kariyer-promo-buttons .kp-item .img {
  position: relative;
  z-index: 0;
  margin: auto;
  display: block;
  margin-bottom: 10px;
}
.kariyer-promo-buttons .kp-item .title {
  position: relative;
  z-index: 0;
  margin: auto;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
}
@media (max-width: 991px) {
  .kariyer-promo-buttons .kp-item {
    height: 80px;
    padding: 10px;
  }
  .kariyer-promo-buttons .kp-item .img,
  .kariyer-promo-buttons .kp-item .title {
    height: 100%;
  }
  .kariyer-promo-buttons .kp-item .img {
    width: 45%;
  }
  .kariyer-promo-buttons .kp-item .img img {
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .kariyer-promo-buttons .kp-item .title {
    width: 55%;
  }
  .kariyer-promo-buttons .kp-item .title span {
    position: absolute;
    left: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}
@media (max-width: 480px) {
  .kariyer-promo-buttons .kp-item .img,
  .kariyer-promo-buttons .kp-item .title {
    width: 50%;
  }
  .kariyer-promo-buttons .kp-item .img img {
    right: 0;
  }
  .kariyer-promo-buttons .kp-item .title {
    margin-left: 0;
  }
  .kariyer-promo-buttons .kp-item .title span {
    position: absolute;
    left: 10px;
    font-size: 14px;
  }
}
@media (min-width: 992px) {
  .kariyer-promo-buttons .kp-item {
    width: 190px;
  }
}
@media (max-width: 991px) {
  .kariyer-promo-buttons {
    display: block;
    margin-top: -30px;
    margin-left: 0;
    margin-right: 0;
  }
}
.kariyer-promo-buttons.video-playing {
  opacity: 0;
  -webkit-transform: translate(0, 70%);
  -ms-transform: translate(0, 70%);
  transform: translate(0, 70%);
  pointer-events: none;
}
.video-container .media-wrapper,
.video-slider .media-wrapper {
  margin-bottom: 40px;
}
.video-container .media-wrapper .media-body p,
.video-slider .media-wrapper .media-body p {
  font-size: 14px;
  margin-top: 0;
  line-height: 1.43;
}
.video-container .media-wrapper .media-body a,
.video-slider .media-wrapper .media-body a {
  font-size: 12px;
}
.video-container .media-wrapper .media-body span,
.video-slider .media-wrapper .media-body span {
  margin-left: 9px;
  vertical-align: middle;
}
.video-container .media-wrapper .media-bottom a,
.video-slider .media-wrapper .media-bottom a {
  display: block;
}
@media (max-width: 768px) {
  .video-container .media-wrapper .media-body a,
  .video-slider .media-wrapper .media-body a {
    color: #212121;
  }
  .video-container .media-wrapper .media-body a span,
  .video-slider .media-wrapper .media-body a span {
    background-position: -130px -55px;
  }
  .video-container .media-wrapper .media-bottom,
  .video-slider .media-wrapper .media-bottom {
    float: left;
    margin-right: 15px;
  }
  .video-container .media-wrapper .media-bottom img,
  .video-slider .media-wrapper .media-bottom img {
    width: 80px;
    height: 80px;
  }
  .video-container .media-wrapper .media-bottom .video-play:before,
  .video-slider .media-wrapper .media-bottom .video-play:before {
    border-width: 10px 0 10px 14px;
  }
  .video-container .media-wrapper .media-bottom .video-play:after,
  .video-slider .media-wrapper .media-bottom .video-play:after {
    width: 40px;
    height: 40px;
  }
}
@media (min-width: 991px) {
}
@media (min-width: 1199px) {
}
@media (min-width: 769px) {
  .video-container .media-wrapper {
    height: 290px;
  }
}
.filter-area {
  margin-top: 50px;
  margin-left: -10px;
  margin-right: -10px;
}
.filter-area .bootstrap-select select {
  display: none !important;
}
@media (max-width: 768px) {
  .filter-area {
    margin-top: 20px;
  }
}
@media (min-width: 991px) {
}
@media (min-width: 1199px) {
}
.filter-area-red .btn-primary,
.filter-area-red .btn-primary:active {
  background-color: #004b93;
  border-color: #024381;
}
.career-banner-container:after {
  opacity: 0.2;
}
.career-numbers {
  height: 500px;
  width: 100%;
  position: relative;
  overflow: hidden;
  padding: 80px 0px;
  color: #fff;
  font-family: Exo;
  font-size: 19px;
  text-align: center;
}
.career-numbers .bg {
  position: absolute;
  z-index: 0;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  min-height: 500px;
  -o-object-fit: cover;
  object-fit: cover;
}
.career-numbers .overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.7;
  background: #00418d;
  z-index: 0;
}
.career-numbers .career-container {
  width: 1250px;
  margin: auto;
}
.career-numbers .numbers-item {
  position: relative;
  z-index: 1;
  width: 20%;
  float: left;
  box-sizing: border-box;
}
.career-numbers .numbers-item:after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 1px;
  background: #fff;
  opacity: 0.4;
  height: 80%;
}
.career-numbers .numbers-item.no-line:after {
  display: none;
}
.career-numbers .numbers-item .title,
.career-numbers .numbers-item .number,
.career-numbers .numbers-item .symbol {
  display: block;
  margin-bottom: 25px;
}
.career-numbers .numbers-item .number {
  font-size: 35px;
  font-weight: 900;
}
.career-numbers .numbers-item .symbol,
.career-numbers .numbers-item .graph {
  margin-left: auto;
  margin-right: auto;
}
.career-numbers .numbers-item .graph {
  margin-top: 50px;
}
.career-numbers .numbers-item.wide {
  width: 40%;
}
.career-numbers .numbers-item.wide .world {
  background: url(../../assets/img/sayilarla/kariyer/world.png) no-repeat;
  width: 380px;
  margin: 0 auto;
  height: 170px;
  position: relative;
}
.career-numbers .numbers-item.wide .world .point {
  position: absolute;
}
.career-numbers .numbers-item.wide .world .point.location1 {
  top: 0px;
  left: 80px;
}
.career-numbers .numbers-item.wide .world .point.location2 {
  top: 20px;
  left: 205px;
}
.career-numbers .numbers-item.wide .world .point.location3 {
  top: 55px;
  left: 15px;
}
.career-numbers .numbers-item.wide .world .point.location4 {
  left: 115px;
  top: 125px;
}
.career-numbers .numbers-item.wide .world .point .number {
  font-weight: 900;
  display: inline;
}
.career-numbers .numbers-item.wide .info-item {
  float: left;
  margin-right: 20px;
  margin-top: 20px;
  max-width: 175px;
}
.career-numbers .numbers-item.wide .info-item:last-child {
  margin-right: 0;
}
.career-numbers .numbers-item.wide .info-item span {
  display: inline;
}
.career-numbers .numbers-item.wide .info-item img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.career-numbers .numbers-item.wide .info-item .number {
  margin: 0;
}
@media (max-width: 991px) {
  .career-numbers {
    height: auto;
    padding: 40px 10px;
  }
  .career-numbers .career-container {
    width: 100%;
    max-width: 300px;
  }
  .career-numbers .numbers-item {
    float: none;
    width: 100% !important;
    margin-top: 40px;
  }
  .career-numbers .numbers-item:after {
    content: none;
    display: none;
  }
  .career-numbers .numbers-item .symbol,
  .career-numbers .numbers-item .title {
    margin-bottom: 10px;
  }
  .career-numbers .numbers-item .number {
    margin-bottom: 0;
  }
  .career-numbers .numbers-item .graph {
    margin-top: 0;
  }
  .career-numbers .numbers-item .world,
  .career-numbers .numbers-item.wide .world {
    height: auto;
    width: 100%;
    margin-bottom: 40px;
  }
  .career-numbers .numbers-item .world .point,
  .career-numbers .numbers-item.wide .world .point {
    position: static;
    display: block;
    margin-top: 20px;
    text-align: right;
  }
  .career-numbers .numbers-item .world .point:nth-child(2n),
  .career-numbers .numbers-item.wide .world .point:nth-child(2n) {
    text-align: left;
  }
  .career-numbers .numbers-item .info-item,
  .career-numbers .numbers-item.wide .info-item {
    float: none;
    width: 100%;
    margin: 40px auto !important;
    overflow: hidden;
    max-width: 100%;
  }
  .career-numbers .numbers-item .info-item img,
  .career-numbers .numbers-item.wide .info-item img {
    float: left;
    margin-right: 20px;
  }
  .career-numbers .numbers-item .info-item > span,
  .career-numbers .numbers-item.wide .info-item > span {
    display: block;
    float: left;
    text-align: left;
  }
}
/*
 *
 * Yatırımcı
 *
*/
.table-responsive:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, #fff 95%, #fff 100%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, #fff 95%, #fff 100%);
  width: 15%;
  max-width: 60px;
  pointer-events: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  display: none;
}
.date {
  margin-top: 0;
}
.date i {
  font-size: 14px;
  font-weight: 500;
  font-family: Roboto;
  color: #212121;
  vertical-align: middle;
}
.date span {
  display: block;
}
.date .day {
  background: #004b93;
  font-size: 14px;
  font-weight: 300;
  color: #fff;
  text-align: center;
  padding: 5px 0;
}
.date .month {
  background-color: #f6f6f6;
  color: inherit;
  font-size: 11px;
  font-weight: 400;
  text-align: center;
  padding: 7px 0;
}
.clock span {
  display: inline-block;
}
.vertical {
  color: #3b3b3b;
  margin-bottom: 15px;
  line-height: 1.3;
}
.vertical .media-left {
  background: #fff;
  padding: 0;
  margin-right: 20px;
  width: 60px;
  height: 60px;
  display: block;
  float: left;
}
.vertical .media-left img {
  width: 100%;
}
.vertical .media-body p {
  margin: 0 0 5px;
  font-size: 14px;
  font-weight: 300;
}
.vertical .btn-link {
  color: #3b3b3b;
}
.vertical .btn-link:hover,
.vertical .btn-link:focus {
  text-decoration: none;
}
table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}
table > thead > tr > th,
table > tbody > tr > th,
table > tfoot > tr > th,
table > thead > tr > td,
table > tbody > tr > td,
table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #ddd;
}
table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #ddd;
}
table > caption + thead > tr:first-child > th,
table > colgroup + thead > tr:first-child > th,
table > thead:first-child > tr:first-child > th,
table > caption + thead > tr:first-child > td,
table > colgroup + thead > tr:first-child > td,
table > thead:first-child > tr:first-child > td {
  border-top: 0;
}
table > tbody + tbody {
  border-top: 2px solid #ddd;
}
table .table {
  background-color: #fff;
}
.table-responsive table {
  margin-bottom: 0;
}
.table-responsive table thead {
  background-color: #004f99;
  text-align: left;
}
.table-responsive table thead th {
  color: #fff;
  padding: 11px 30px;
}
.table-responsive table tbody tr:nth-child(even) {
  background-color: #f5f5f5;
}
.table-responsive table tbody td {
  border: 0;
  padding: 11px 30px;
  text-align: left;
  border-right: 1px solid #e3e3e3;
}
.table-responsive table tbody td:last-child {
  border-right: 0;
}
.table-responsive table tbody td a span:hover {
  background-position: -135px -75px;
}
.table-fixed-wrapper {
  position: relative;
}
.table-fixed-wrapper:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, #fff 95%, #fff 100%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, #fff 95%, #fff 100%);
  width: 12%;
  max-width: 60px;
  -moz-pointer-events: none;
  -webkit-pointer-events: none;
  -ms-pointer-events: none;
  -o-pointer-events: none;
  pointer-events: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  display: none;
}
.table-fixed-wrapper.scroll-end:after {
  opacity: 0;
  width: 0;
}
@media (max-width: 768px) {
  .table-fixed-wrapper:after {
    display: block;
  }
}
.image-view-wrapper {
  position: relative;
  margin-bottom: 60px;
  height: 400px;
}
.image-view-wrapper .image-view {
  position: relative;
  margin-bottom: 30px;
}
.image-view-wrapper .image-view:before {
  content: '';
  position: absolute;
  height: 100%;
  width: 100%;
}
.image-view-wrapper .image-view img {
  width: 100%;
}
.image-view-wrapper .image-view .video-play {
  position: absolute;
  width: 100%;
  height: 100%;
}
.image-view-wrapper p {
  margin-bottom: 15px;
  color: #212121;
}
.image-view-wrapper .date.clock {
  margin-bottom: 20px;
}
.image-view-wrapper ul {
  margin: 0;
}
.image-view-wrapper ul:last-child {
  position: absolute;
  bottom: 0;
}
.image-view-wrapper .image-view-bottom {
  position: absolute;
  bottom: 0;
  margin-bottom: 0;
  width: 100%;
}
.image-view-wrapper .read-more {
  margin-top: 25px;
  display: block;
  color: #212121;
  /*
        &:hover {
            color: @media-brand-primary;
        }
        */
}
@media (max-width: 768px) {
  .image-view-wrapper .image-view {
    width: 100%;
  }
}
@media (max-width: 991px) {
  .image-view-wrapper {
    height: auto;
  }
  .image-view-wrapper .image-view {
    position: relative;
    height: auto;
    max-height: none;
  }
  .image-view-wrapper .image-view img {
    position: static;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
  .image-view-wrapper .image-view-bottom,
  .image-view-wrapper .read-more,
  .image-view-wrapper ul:last-child {
    position: static;
    margin-bottom: 20px;
  }
}
.read-more {
  color: #212121;
  font-size: 14px;
}
#askQuestion .modal-dialog {
  width: 940px;
}
#askQuestion .modal-content {
  padding: 70px;
}
#askQuestion .modal-header,
#askQuestion .modal-footer {
  border: 0;
  padding: 0;
}
#askQuestion .modal-header .modal-title {
  text-align: center;
  color: #004b93;
  font-weight: 900;
  font-size: 25px;
  margin-bottom: 40px;
}
#askQuestion .modal-body {
  padding: 0;
}
#askQuestion form {
  margin-top: 0;
  /*
        textarea {
            background-color: #f7f7f7;
        }

        .form-group {
            margin-bottom: 40px;
        }
        */
}
#askQuestion .btn-default,
#askQuestion .btn-primary {
  font-size: 14px;
  font-weight: 400;
}
#askQuestion .btn-default {
  border: 1px solid #e1e1e1;
  color: #e1e1e1;
}
#askQuestion .btn-default:hover {
  background-color: transparent;
}
#askQuestion .btn-primary {
  background-color: #004b93;
  border: 0;
}
#askQuestion .modal-footer {
  text-align: center;
  padding: 0;
}
@media (max-width: 768px) {
  #askQuestion .modal-dialog {
    width: 90%;
  }
  #askQuestion .modal-content {
    padding: 15px;
  }
  #askQuestion .modal-header .modal-title {
    margin-bottom: 20px;
  }
  #askQuestion textarea.form-control {
    padding: 15px 20px;
  }
}
@media (min-width: 769px) and (max-width: 992px) {
  #askQuestion .modal-dialog {
    width: 90%;
  }
}
.bordered {
  border: 1px solid #efefef;
}
.logo-strech {
  position: relative;
  width: 300px;
  height: 190px;
  max-width: 100%;
  max-height: 190px;
  overflow: hidden;
}
.logo-strech img {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.logo-strech:before {
  display: none;
}
.has-error .form-control {
  background-color: #fff0f0;
  border-color: #f19797;
}
.has-error .form-control:focus {
  border-color: #f19797 !important;
  box-shadow: none;
}
.has-success .form-control {
  background-color: #f7fff0;
  border-color: #c4f197;
}
.has-success .form-control:focus {
  border-color: #c4f197 !important;
  box-shadow: none;
}
.has-feedback .form-control {
  padding-right: inherit;
}
.btn-sticky {
  padding-top: 40px;
  margin-left: auto;
  position: -webkit-sticky;
  position: sticky;
  top: 30px;
}
@media (max-width: 768px) {
  .btn-sticky {
    margin-bottom: 0 !important;
  }
}
@media (min-width: 769px) {
  .btn-sticky {
    max-width: 254px;
    margin-right: -247px;
    padding-left: 25px;
  }
}
@media (min-width: 992px) {
  .btn-sticky {
    margin-right: -319px;
    padding-left: 0;
  }
}
/*
 *
 * Header
 *
 */
body,
html {
  position: relative;
}
body.no-overflow,
html.no-overflow {
  overflow: hidden;
}
.clearfix,
.separator {
  clear: both;
}
.header {
  position: fixed;
  top: 0;
  left: 0;
  padding: 13px 54px 13px 40px;
  width: 100%;
  font-size: 16px;
  z-index: 9;
  background: rgba(255, 255, 255, 0.8);
}
.header.disabled {
  display: none;
}
.header .lang {
  overflow: hidden;
  padding: 0;
  margin: 0 20px 0 0;
  list-style: none;
  float: right !important;
  font-weight: 700;
  font-size: 20px;
  line-height: 24px;
  white-space: nowrap;
}
.header .lang > li {
  display: inline-block;
  margin-left: 10px;
}
.header .lang a {
  display: inline-block;
}
.header .logo {
  position: relative;
  float: left;
  z-index: 1;
}
.header .logo.black .white {
  display: none;
}
.header .logo.black .black {
  display: block;
}
.header .logo.white .white {
  display: block;
}
.header .logo.white .black {
  display: none;
}
.header .logo.logo-sub:before {
  content: "";
  float: left;
  width: 1px;
  height: 25px;
  margin: 0 25px;
  background: #fff;
}
.header .logo.logo-sub.black:before {
  background: #1c282d;
}
.header .logo.logo-sub.white:before {
  background: #fff;
}
.header .menu-icon {
  position: relative;
  float: right;
  z-index: 1;
  cursor: pointer;
}
.header .menu-icon.active span {
  background-position: -267px -54px;
}
.header .search-icon {
  position: relative;
  float: right;
  margin-right: 20px;
}
.header .search-form {
  position: absolute;
  left: 0;
  right: 0;
  margin-top: 37px;
}
.header .search-form form {
  margin-top: 0;
}
.header .search-form input {
  height: 80px;
  background-color: #004b93;
  border: none;
  font-size: 16px;
  color: #fff;
}
.header .search-form input:-moz-placeholder {
  color: #2b74ba;
}
.header .search-form input::-webkit-input-placeholder {
  color: #2b74ba;
}
.header .search-form input::-moz-placeholder {
  color: #2b74ba;
}
.header .search-form input:-ms-input-placeholder {
  color: #2b74ba;
}
.header .search-form.collapse.in {
  height: 80px;
}
.header .bottom-line {
  width: 53px;
  height: 3px;
  position: absolute;
  right: 81px;
  top: -3px;
  background-color: #004b93;
}
@media (max-width: 768px) {
  .header .bottom-line {
    right: 45px;
  }
}
.header .menu {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  display: none;
}
.header .menu .overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: -1;
}
.header .menu.active {
  display: block;
}
.header .menu ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  text-align: right;
}
.header .menu ul li {
  margin-bottom: 40px;
  font-size: 16px;
  font-weight: 300;
}
.header .menu ul li a {
  color: #fff;
}
.header .menu > ul {
  margin-top: 100px;
  margin-right: 55px;
}
.header .menu > ul > li.disabled {
  display: none;
}
.header .menu > ul > li a {
  font-weight: 900;
}
.header .menu .main-menu {
  display: table;
  float: right;
  -webkit-transition: all 1s;
  transition: all 1s;
}
.header .menu .main-menu a span {
  margin-right: 15px;
  vertical-align: middle;
  display: none;
}
.header .menu .main-menu a.active span {
  display: inline-block;
}
.header .menu .sub-menu {
  margin-top: 25px;
  display: none;
}
.header .menu .sub-menu.active {
  display: block;
}
.header .menu .sub-menu li {
  position: relative;
  display: table;
  width: 100%;
  height: 40px;
  line-height: 1;
  margin-bottom: 0;
  font-size: 15px;
}
.header .menu .sub-menu li a {
  display: table-cell;
  vertical-align: middle;
  font-weight: 300;
}
.header .menu .sub-menu li a:after {
  content: "";
  position: absolute;
  width: 120px;
  height: 1px;
  bottom: 0;
  right: -50px;
  background: #fff;
  opacity: 0.1;
}
.header .menu .sub-menu li:last-child a:after {
  display: none;
}
.header .menu .menu-bottom {
  position: absolute;
  right: 0;
  bottom: 40px;
  top: auto;
  left: auto;
}
.header .menu .menu-bottom li {
  margin-right: 15px;
  margin-bottom: 0;
}
.header .menu .menu-bottom li:last-child {
  margin-right: 0;
}
.header .menu .menu-bottom li a {
  font-weight: 700;
}
.header .investor-title {
  position: relative;
  float: left;
  margin-left: 20px;
  z-index: 1;
}
.header .investor-title .title {
  margin: 0;
  padding-left: 20px;
  border-left: 1px solid #464646;
  line-height: 25px;
}
.header .investor-title .title a {
  color: #373737;
}
.header.sticky {
  position: fixed;
}
.header.sticky .investor-title .title {
  color: #464646;
}
.header.full-height {
  height: 100%;
  background: transparent;
}
.header.full-height .title {
  color: #fff;
}
.header.full-height .search-icon,
.header.full-height .search-form,
.header.full-height ul.lang {
  opacity: 0;
}
.header.full-height .investor-title .title {
  border-left: 1px solid #fff;
}
.header.full-height .investor-title .title a {
  color: #fff;
}
/* Header Responsive */
@media (max-width: 480px) {
  .header {
    padding: 20px;
  }
  .header .logo {
    left: -20px;
    -webkit-transform: scale(0.75);
    -ms-transform: scale(0.75);
    transform: scale(0.75);
  }
  .header .logo.career {
    left: -48px;
  }
  .header .logo.career:before {
    margin: 0 15px;
  }
  .header .menu > ul {
    margin-right: 20px;
    margin-top: 66px;
  }
  .header .menu .menu-bottom {
    padding: 0;
    right: 20px;
    top: auto;
    bottom: 0;
  }
  .header .menu .menu-bottom li {
    margin-right: 15px;
    vertical-align: middle;
  }
  .header .menu .menu-bottom li:last-child {
    margin-right: 0;
  }
  .header .investor-title {
    margin-left: -20px;
  }
  .header .investor-title .title {
    font-size: 12px;
    padding-left: 10px;
    line-height: 22px;
  }
  .header .menu-icon {
    -webkit-transform: scale(0.55);
    -ms-transform: scale(0.55);
    transform: scale(0.55);
    right: -6px;
  }
}
@media (min-width: 320px) and (max-width: 480px) {
  .header {
    padding-right: 10px;
    padding-left: 10px;
  }
  .header .logo.non-margin-left {
    margin-right: -30px;
  }
  .header .logo.logo-sub:before {
    margin: 0 15px;
  }
  .header .search-icon {
    margin-right: 0;
  }
  .header .lang {
    margin-right: 10px;
  }
}
/*
 *
 * Slider
 *
 */
.slick-prev:before,
.slick-next:before {
  display: none !important;
}
.slick-prev {
  right: 10px;
}
.slick-next {
  left: 0;
}
.slick-slide a {
  display: block;
}
.slider-main {
  /*
    @media(max-width: @screen-xs-max) {

        .slick-slide img {
            max-height: 72.5vh;
            min-height: 480px;
        }
    }
    */
}
.media-wrapper .slider-main {
  height: 100%;
  overflow: hidden;
}
.media-wrapper .slider-main .slick-slider {
  height: 100%;
}
.media-wrapper .slider-main .slick-list {
  height: 100%;
}
.media-wrapper .slider-main .slick-slide {
  height: 85vh;
}
.media-wrapper .slider-main .slick-slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.slider-quaternary {
  margin: 0 -10px;
  position: relative;
}
.slider-quaternary .slick-slider {
  overflow: hidden;
}
.slider-quaternary .slick-dots {
  display: none !important;
}
.slider-quaternary .page-title {
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 30px;
}
.slider-quaternary .page-title .title {
  margin-bottom: 15px;
  margin-top: 0;
  color: #004b93;
  font-family: Roboto;
  font-weight: 700;
  font-size: 25px;
}
.slider-quaternary .red-page-title .title {
  color: #004b93;
}
@media (min-width: 769px) {
  .slider-quaternary .slick-arrows {
    top: 40px;
  }
}
@media (max-width: 768px) {
  .slider-quaternary .page-title .title {
    font-size: 22px;
  }
  .slider-quaternary .slick-arrows {
    top: 15px;
  }
}
@media (min-width: 991px) {
}
@media (min-width: 1199px) {
}
.slider-notifications .slick-dots,
.slider-graphics .slick-dots {
  text-align: right;
}
.slider-notifications .slick-dots li,
.slider-graphics .slick-dots li {
  margin: 0 3px;
  width: 8px;
  height: 8px;
}
.slider-notifications .slick-dots li button,
.slider-graphics .slick-dots li button {
  display: block;
  border-radius: 50%;
  background: #d0d0d0;
  border: 0 solid transparent;
  width: 8px;
  height: 8px;
  opacity: 1;
}
.slider-notifications .slick-dots li button:before,
.slider-graphics .slick-dots li button:before {
  padding: 0;
  display: none !important;
}
.slider-notifications .slick-dots li.slick-active button,
.slider-graphics .slick-dots li.slick-active button {
  opacity: 1;
  border-color: transparent;
  background: #004b93;
}
.slider-notifications .slick-dots li.slick-active button:before,
.slider-graphics .slick-dots li.slick-active button:before {
  display: none !important;
}
.slider-notifications .slick-arrows,
.slider-graphics .slick-arrows {
  position: absolute;
  top: -45px;
  right: 10px;
}
.slider-notifications .slick-arrows .slick-prev,
.slider-graphics .slick-arrows .slick-prev {
  left: -10px;
}
.slider-notifications .bottom-line,
.slider-graphics .bottom-line {
  border-top: 1px solid #dfdfdf;
  padding: 10px 0;
}
.slider-notifications .bottom-line .show-all,
.slider-graphics .bottom-line .show-all {
  color: #3b3b3b;
  font-size: 12px;
  font-weight: 300;
}
.slider-notifications .slick-slider {
  margin-bottom: 0;
}
.slider-notifications .slick-dots {
  z-index: 1;
  line-height: 0;
}
.ta-right .dots-wrapper ul {
  position: absolute;
  right: 20px;
  bottom: 0;
  padding: 0;
}
.ta-right .dots-wrapper ul li {
  width: 8px;
  height: 8px;
  margin-right: 5px;
  margin-left: 0;
}
.ta-right .dots-wrapper ul li button {
  width: 8px;
  height: 8px;
}
.ta-right .dots-wrapper ul li button:before {
  width: 8px;
  height: 8px;
  color: #004992;
}
.popup-wrapper {
  position: relative;
}
.popup-wrapper .media-wrapper {
  padding: 10px;
  vertical-align: top;
}
.popup-wrapper .media-wrapper .img-content:before {
  display: none;
}
.popup-wrapper .media-wrapper .content-title {
  text-align: center;
  color: #3b3b3b;
  font-weight: 400;
  height: 35px;
}
.popup-wrapper .media-wrapper .overlay {
  position: relative;
  width: 100%;
  height: 100%;
}
.popup-wrapper .media-wrapper .overlay .media-hover {
  display: none;
}
.popup-wrapper .media-wrapper .overlay .media-hover-red,
.popup-wrapper .media-wrapper .overlay .media-hover-blue {
  display: none;
}
.popup-wrapper .media-wrapper .overlay .mobile-fancy {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.popup-wrapper .media-wrapper .overlay img {
  width: 100%;
  height: auto;
}
@media (min-width: 769px) {
  .popup-wrapper .slick-arrows {
    top: 40px;
  }
  .popup-wrapper .media-wrapper .overlay:hover .media-hover {
    opacity: 1;
  }
  .popup-wrapper .media-wrapper .overlay:hover .media-hover-red,
  .popup-wrapper .media-wrapper .overlay:hover .media-hover-blue {
    opacity: 1;
  }
  .popup-wrapper .media-wrapper .overlay .media-hover {
    display: block;
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 75, 147, 0.8);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }
  .popup-wrapper .media-wrapper .overlay .media-hover .inner {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    height: auto;
    width: 100%;
    text-align: center;
  }
  .popup-wrapper .media-wrapper .overlay .media-hover .inner > .search,
  .popup-wrapper .media-wrapper .overlay .media-hover .inner > .download {
    background: #fff;
    width: 36px;
    height: 36px;
    line-height: 32px;
    display: inline-block;
    border-radius: 50%;
    margin: 0 6px;
  }
  .popup-wrapper .media-wrapper .overlay .media-hover-red,
  .popup-wrapper .media-wrapper .overlay .media-hover-blue {
    display: block;
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    height: 100%;
    width: 100%;
    background: rgba(220, 39, 33, 0.8);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }
  .popup-wrapper .media-wrapper .overlay .media-hover-red .inner,
  .popup-wrapper .media-wrapper .overlay .media-hover-blue .inner {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    height: auto;
    width: 100%;
    text-align: center;
  }
  .popup-wrapper .media-wrapper .overlay .media-hover-red .inner > .search,
  .popup-wrapper .media-wrapper .overlay .media-hover-blue .inner > .search,
  .popup-wrapper .media-wrapper .overlay .media-hover-red .inner > .download,
  .popup-wrapper .media-wrapper .overlay .media-hover-blue .inner > .download {
    background: #fff;
    width: 36px;
    height: 36px;
    line-height: 32px;
    display: inline-block;
    border-radius: 50%;
    margin: 0 6px;
  }
  .popup-wrapper .media-wrapper .overlay .media-hover-blue {
    background: rgba(0, 75, 147, 0.8);
  }
  .popup-wrapper .media-wrapper .overlay .mobile-fancy {
    display: none;
  }
  .popup-wrapper .media-wrapper .overlay img {
    width: 100%;
  }
}
.slider-history .history-list {
  background: #fff;
  margin-bottom: 20px;
}
.slider-history .history-list .history-list-item {
  position: relative;
  overflow: hidden;
  width: 300px;
  height: 300px;
  background: #fff;
  margin-right: 20px;
  box-sizing: border-box;
}
.slider-history .history-list .history-list-item a {
  height: 100%;
}
.slider-history .history-list .history-list-item:hover img,
.slider-history .history-list .history-list-item:hover .overlay {
  -webkit-transform: scale(1.03);
  -ms-transform: scale(1.03);
  transform: scale(1.03);
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.65);
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
  overflow: hidden;
}
.slider-history .history-list .history-list-item img {
  position: absolute;
  top: 0;
  left: 0;
}
.slider-history .history-list .history-list-item p,
.slider-history .history-list .history-list-item time {
  position: relative;
  z-index: 1;
  color: #fff;
}
.slider-history .history-list .history-list-item time {
  display: block;
  font-size: 25px;
  text-shadow: 0px 0px 3px #271b19;
}
.slider-history .history-list .history-list-item time:after {
  content: "";
  display: block;
  width: 36px;
  height: 4px;
  background: #004b93;
  border-radius: 3px;
  margin: 10px 0;
}
.slider-history .history-list .history-list-item p {
  font-size: 20px;
  height: 4.28571429em;
  margin-bottom: 0;
}
.slider-history .history-list .history-list-item .overlay {
  position: relative;
  background-image: -webkit-linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.6) 60%);
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.6) 60%);
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.6) 60%);
  padding: 40px 30px;
  height: 100%;
}
.slider-history .history-list .history-list-item.wide {
  width: 580px;
  /*
                .ovarlay {
                    padding: 80px;
                }

                time {
                    font-size: @font25;

                    &:after {
                        margin: 15px 0;
                    }
                }
                */
}
.slider-history .history-list .history-list-item .bottom-left {
  position: absolute;
  left: 20px;
  right: 20px;
  bottom: 20px;
  overflow: hidden;
}
.slider-history .history-list .history-list-item.group {
  width: 220px;
}
.slider-history .history-list .history-list-item.group .overlay {
  padding: 15px 25px;
}
.slider-history .history-list .history-list-item.group > a > div {
  position: relative;
  height: 143px;
  margin-bottom: 20px;
}
.slider-history .history-list .history-list-item.group div time {
  font-size: 25px;
}
.slider-history .history-list .history-list-item.group div time:after {
  margin: 8px 0;
}
.slider-history .history-list .history-list-item.group div p {
  font-size: 18px;
  height: 2.85714286em;
}
.slider-history .slick-arrows .slick-prev,
.slider-history .slick-arrows .slick-next {
  width: 53px;
  height: 60px;
  background-color: #fff;
  text-align: center;
}
.slider-history .slick-arrows .slick-prev span,
.slider-history .slick-arrows .slick-next span {
  margin-top: 24px;
}
.slider-history .slick-arrows .slick-prev:hover,
.slider-history .slick-arrows .slick-next:hover {
  background-color: #004b93;
}
.slider-history .slick-arrows .slick-arrow.slick-prev {
  position: absolute;
  left: 0;
  /*
                &:hover {
                    span {
                        background-position: -70px -75px;
                    }
                }
                */
}
.slider-history .slick-arrows .slick-arrow.slick-next {
  position: absolute;
  right: 0;
  left: auto;
  /*
                &:hover {
                    span {
                        background-position: -75px -95px;
                    }
                }
                */
}
.slider-history .slick-arrow.slick-prev,
.slider-history .slick-arrow.slick-next {
  opacity: 0.4;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.slider-history:hover {
  /*
        .slick-arrow.slick-prev,
        .slick-arrow.slick-next {
            opacity: .95;
        }
        */
}
.slider-history:hover .slick-arrow.slick-prev,
.slider-history:hover .slick-arrow.slick-next {
  background-color: #004b93;
  color: #fff;
  opacity: 0.75;
}
.slider-history:hover .slick-arrow.slick-prev span {
  background-position: -70px -75px;
}
.slider-history:hover .slick-arrow.slick-next span {
  background-position: -75px -95px;
}
@media (max-width: 768px) {
  .slider-history .slick-arrow.slick-prev,
  .slider-history:hover .slick-arrow.slick-prev,
  .slider-history .slick-arrow.slick-next,
  .slider-history:hover .slick-arrow.slick-next {
    opacity: 0.65;
    background-color: #fff !important;
  }
  .slider-history .slick-arrow.slick-prev span,
  .slider-history:hover .slick-arrow.slick-prev span {
    background-position: -75px -115px;
  }
  .slider-history .slick-arrow.slick-next span,
  .slider-history:hover .slick-arrow.slick-next span {
    background-position: -75px -135px;
  }
}
.slider-careerSuggestions .component-content:hover {
  -webkit-transform: scale(1.02);
  -ms-transform: scale(1.02);
  transform: scale(1.02);
  box-shadow: 0 2px 10px 0px rgba(0, 0, 0, 0.65);
}
.slider-oneLineVideo .slick-slider,
.slider-positions .slick-slider,
.slider-videos .slick-slider,
.slider-careerSuggestions .slick-slider {
  margin-top: 20px;
  margin-bottom: 20px;
}
.slider-oneLineVideo .slick-slider .slick-dots,
.slider-positions .slick-slider .slick-dots,
.slider-videos .slick-slider .slick-dots,
.slider-careerSuggestions .slick-slider .slick-dots {
  text-align: left;
  margin-top: 10px;
  bottom: -100px;
}
.slider-oneLineVideo .slick-slider .slick-dots li,
.slider-positions .slick-slider .slick-dots li,
.slider-videos .slick-slider .slick-dots li,
.slider-careerSuggestions .slick-slider .slick-dots li {
  margin: 0;
  width: 15px;
}
.slider-oneLineVideo .slick-slider .slick-dots li.slick-active button:before,
.slider-positions .slick-slider .slick-dots li.slick-active button:before,
.slider-videos .slick-slider .slick-dots li.slick-active button:before,
.slider-careerSuggestions .slick-slider .slick-dots li.slick-active button:before {
  color: #00418d;
  opacity: 1;
}
.slider-oneLineVideo .slick-slider .slick-dots li button:before,
.slider-positions .slick-slider .slick-dots li button:before,
.slider-videos .slick-slider .slick-dots li button:before,
.slider-careerSuggestions .slick-slider .slick-dots li button:before {
  font-size: 8px;
  width: 15px;
  color: #eeeeee;
  opacity: 1;
}
.slider-oneLineVideo .show-all-button,
.slider-positions .show-all-button,
.slider-videos .show-all-button,
.slider-careerSuggestions .show-all-button {
  position: absolute;
  right: 0;
  bottom: -27px;
  color: #374041;
  z-index: 1;
}
@media (max-width: 768px) {
  .slider-oneLineVideo .show-all-button,
  .slider-positions .show-all-button,
  .slider-videos .show-all-button,
  .slider-careerSuggestions .show-all-button {
    bottom: auto;
    top: 0;
  }
  .slider-oneLineVideo .slick-dots,
  .slider-positions .slick-dots,
  .slider-videos .slick-dots,
  .slider-careerSuggestions .slick-dots {
    text-align: center !important;
  }
}
@media (max-width: 768px) {
  .slider-oneLineVideo .slick-slide {
    height: 140px;
  }
  .slider-oneLineVideo .slick-slide .zoom-box-content-text {
    bottom: 108px;
    right: 20px;
    left: 37px;
  }
  .slider-oneLineVideo .slick-slide .zoom-box-content-text .zoom-box-title {
    font-size: 13px;
  }
}
.slider-positions .item-wrapper {
  width: 25%;
  float: left;
}
.slider-positions .item-wrapper .slider-positions-item {
  position: relative;
  box-sizing: border-box;
  height: 220px;
  padding: 35px;
  color: #fff;
  overflow: hidden;
  margin: 10px;
}
.slider-positions .item-wrapper .slider-positions-item p {
  position: absolute;
  bottom: 35px;
  left: 35px;
  right: 35px;
  font-size: 16px;
  font-weight: 400;
}
.slider-positions .item-wrapper .slider-positions-item a {
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 1;
  left: 0;
  top: 0;
}
.slider-positions .item-wrapper .slider-positions-item img {
  max-width: 100%;
}
.slider-positions .item-wrapper .slider-positions-item.red {
  background: #de0b15;
}
.slider-positions .item-wrapper .slider-positions-item.blue {
  background: #004b93;
}
.slider-positions .item-wrapper .slider-positions-item.yellow {
  background: #ffc000;
}
.slider-positions .item-wrapper .slider-positions-item.gray {
  background: #605d5d;
}
.slider-positions .item-wrapper .slider-positions-item.light-gray {
  background: #cacaca;
}
@media (max-width: 768px) {
  .slider-positions .item-wrapper .slider-positions-item {
    height: 140px;
    padding: 15px;
  }
  .slider-positions .item-wrapper .slider-positions-item p {
    font-size: 13px;
    bottom: 15px;
    left: 15px;
    right: 15px;
    line-height: 1;
  }
  .slider-positions .item-wrapper .slider-positions-item img {
    max-height: 18px;
  }
}
.slider-careerNumbers {
  width: 1250px;
  margin: auto;
}
.slider-careerNumbers .numbers-item {
  position: relative;
  z-index: 1;
  width: 250px;
  float: left;
}
.slider-careerNumbers .numbers-item.wide {
  width: 510px;
}
.just-images .item-wrapper {
  width: 25%;
  float: left;
}
.just-images .item-wrapper .slider-positions-item {
  position: relative;
  box-sizing: border-box;
  height: 220px;
  padding: 35px;
  color: #fff;
  overflow: hidden;
  margin: 10px;
}
.just-images .item-wrapper .slider-positions-item p {
  position: absolute;
  bottom: 35px;
  left: 35px;
  right: 35px;
  font-size: 16px;
  font-weight: 400;
}
.just-images .item-wrapper .slider-positions-item a {
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 1;
  left: 0;
  top: 0;
}
.just-images .item-wrapper .slider-positions-item.red {
  background: #de0b15;
}
.just-images .item-wrapper .slider-positions-item.blue {
  background: #004b93;
}
.just-images .item-wrapper .slider-positions-item.yellow {
  background: #ffc000;
}
.just-images .item-wrapper .slider-positions-item.gray {
  background: #605d5d;
}
.just-images .item-wrapper .slider-positions-item.light-gray {
  background: #cacaca;
}
.just-images .item-wrapper.half {
  width: 50%;
}
@media (max-width: 991px) {
  .just-images .item-wrapper {
    width: 50%;
  }
  .just-images .item-wrapper .slider-positions-item {
    height: 140px;
    padding: 15px;
  }
  .just-images .item-wrapper .slider-positions-item p {
    font-size: 13px;
    bottom: 15px;
    left: 15px;
    right: 15px;
    line-height: 1;
  }
}
.sabanci-group-list.slick-slider {
  overflow: inherit;
  border-bottom: 1px solid #f1f1f1;
}
.sabanci-group-list.slick-slider .slick-dots {
  bottom: -70px;
}
.sabanci-group-list.slick-slider .slick-dots li {
  width: 8px;
  height: 8px;
}
.sabanci-group-list.slick-slider .slick-dots .slick-active button:before {
  background-color: #004992;
}
.sabanci-group-list.slick-slider .slick-dots button {
  width: 8px;
  height: 8px;
}
.sabanci-group-list.slick-slider .slick-dots button:before {
  content: '';
  width: 8px;
  height: 8px;
  background-color: #b2c8de;
  border-radius: 50%;
}
.slider-videos .slick-slider {
  margin-left: -7px;
  margin-right: -7px;
}
.slider-videos .slick-slider .slick-slide {
  padding-left: 7px;
  padding-right: 7px;
  box-sizing: border-box;
}
.slider-videos .slick-slider .slick-slide .media-object {
  width: 100%;
  margin-bottom: 10px;
}
@media (max-width: 768px) {
  .slider-videos .slick-slider .slick-slide .media-object {
    width: 80px;
  }
}
.slider-videos .slick-slider .slick-slide > div + div .media-wrapper {
  margin-bottom: 0;
}
.slider-videos .zoom-box {
  margin: 0;
}
.slider-videos .image-view-wrapper {
  margin-bottom: 0;
  height: 440px;
}
.slider-videos .image-view-wrapper ul:last-child {
  position: relative;
}
.slider-videos .grow-content-img.image-view {
  position: relative;
  padding-top: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}
.slider-videos .zoom-box-scale {
  margin-top: 10px;
}
@media (max-width: 992px) {
  .slider-videos .image-view-wrapper {
    height: auto;
  }
  .slider-videos .image-view-wrapper p {
    height: 2.85714286em;
  }
}
.slider-bannerSlider .video {
  position: relative;
  overflow: hidden;
}
.slider-bannerSlider .video iframe {
  display: block;
  border: none;
  height: 100vh;
  width: 100%;
  position: absolute;
  top: 0;
  z-index: 0;
}
.slider-bannerSlider .slick-arrows .slick-prev,
.slider-bannerSlider .slick-arrows .slick-next {
  left: inherit;
  right: inherit;
  width: 70px;
  height: 70px;
  background: rgba(255, 255, 255, 0.3);
  -webkit-transition: background 0.25s ease;
  transition: background 0.25s ease;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}
.slider-bannerSlider .slick-arrows .slick-prev:not(.slick-disabled):hover,
.slider-bannerSlider .slick-arrows .slick-next:not(.slick-disabled):hover {
  background: rgba(255, 255, 255, 0.5);
}
.slider-bannerSlider .slick-arrows .slick-prev span,
.slider-bannerSlider .slick-arrows .slick-next span {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.slider-bannerSlider .slick-arrows .slick-prev {
  left: 30px;
}
.slider-bannerSlider .slick-arrows .slick-next {
  right: 30px;
}
/*
 *
 * Plugins
 *
 */
/*
 *
 * FancyBox
 *
 */
.fancybox-close {
  position: absolute;
  right: 20px;
  top: 20px;
  width: 16px;
  height: 16px;
  background: url('../img/ui-icons.png') -270px -25px;
}
.fancybox-prev:hover span {
  visibility: inherit;
}
.fancybox-prev span {
  width: 60px;
  height: 60px;
  background: url('../img/ui-icons.png') 0 -245px;
  visibility: visible;
  left: 40px;
}
@media (max-width: 769px) {
  .fancybox-prev span {
    width: 30px;
    height: 30px;
    background: url('../img/ui-icons.png') -70px -245px;
    left: 20px;
  }
}
.fancybox-next:hover span {
  visibility: inherit;
}
.fancybox-next span {
  width: 60px;
  height: 60px;
  background: url('../img/ui-icons.png') 0 -315px;
  visibility: visible;
  right: 40px;
}
@media (max-width: 769px) {
  .fancybox-next span {
    width: 30px;
    height: 30px;
    background: url('../img/ui-icons.png') -70px -315px;
    right: 20px;
  }
}
.fancybox-nav {
  width: inherit;
}
.fancybox-skin {
  padding: 6px !important;
  border-radius: 0;
}
.fancybox-inner {
  width: 100%;
  overflow: hidden !important;
  /*
     &:before,
     &:after {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        .transform(translateX(-50%) translateY(-50%));
     }

     &:before {
      width: 0;
      height: 0;
      margin-left: 6px;
      border-style: solid;
      border-width: 25px 0 25px 38px;
      border-color: transparent;
      border-left-color: #fff;
      z-index: 2;
     }

     &:after {
      width: 120px;
      height: 120px;
      .border-radius(50%);
      background: rgba(255,255,255,.2);
      border: 2px solid #fff;
      z-index: 1;
      display: block;
      cursor: pointer;
     }
     */
}
@media (max-width: 768px) {
  .fancybox-inner {
    /*
     &:before {
       border-width: 14px 0 14px 20px;
       margin-left: 3px;
     }

     &:after {
       width: 60px;
       height: 60px;
     }
     */
  }
  .fancybox-inner .fancybox-outer .fancybox-prev,
  .fancybox-inner .fancybox-outer .fancybox-next {
    top: 75%;
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
  }
}
.fancybox-outer .social-area {
  position: absolute;
  right: 40px;
  bottom: 20px;
}
@media (max-width: 768px) {
  .fancybox-outer .fancybox-prev,
  .fancybox-outer .fancybox-next {
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
  }
}
.no-play-button .fancybox-inner:before,
.no-play-button .fancybox-inner:after {
  display: none;
}
.fancybox-skin.fb-small-arrow .fancybox-prev:hover span,
.fancybox-skin.fb-small-arrow .fancybox-next:hover span {
  visibility: inherit;
}
.fancybox-skin.fb-small-arrow .fancybox-prev span,
.fancybox-skin.fb-small-arrow .fancybox-next span {
  width: 30px;
  height: 30px;
  visibility: visible;
}
.fancybox-skin.fb-small-arrow .fancybox-prev span {
  background-position: -70px -245px;
  left: 20px;
}
.fancybox-skin.fb-small-arrow .fancybox-next span {
  background-position: -70px -315px;
  right: 20px;
}
.media-area {
  margin-top: 30px;
}
.media-area .media {
  margin-top: 0;
  margin-bottom: 30px;
}
.media-area .media .media-left {
  float: left;
  width: 100%;
  padding-right: 0;
}
.media-area .media .media-left .image {
  text-align: center;
}
.media-area .media .media-left .image img {
  max-width: 160px;
  max-height: 200px;
  padding: 9px;
  border: 1px solid #efefef;
}
.media-area .media .media-body h4 {
  margin-bottom: 8px;
  margin-top: 0;
}
.media-area .media .media-body h4,
.media-area .media .media-body span {
  font-weight: 700;
  font-size: 16px;
}
.media-area .media .media-body h5 {
  margin-top: 5px;
  font-weight: 300;
  font-style: italic;
}
.media-area .media .media-body .text-inner span {
  margin-bottom: 10px;
  display: block;
}
.media-area .media .media-body .text-inner p {
  text-align: left;
}
.media-area .media .media-body .text-content {
  margin-bottom: 30px;
  margin-top: 25px;
  text-align: center;
}
.media-area .media .media-body .text-content .text-inner-show p {
  text-align: left;
}
.media-area .media .media-body a.btn {
  color: #ababab;
  border-color: #f0f0f0;
}
.media-area .media .media-body a.btn:hover {
  color: #fff;
  background-color: #004b93;
  border-color: #003e7a;
}
.media-area .media .media-body a.btn:hover:focus,
.media-area .media .media-body a.btn:hover.focus {
  color: #fff;
  background-color: #003160;
  border-color: #000000;
}
.media-area .media .media-body a.btn:hover:hover {
  color: #fff;
  background-color: #003160;
  border-color: #001f3c;
}
.media-area .media .media-body a.btn:hover:active,
.media-area .media .media-body a.btn:hover.active,
.open > .dropdown-toggle.media-area .media .media-body a.btn:hover {
  color: #fff;
  background-color: #003160;
  border-color: #001f3c;
}
.media-area .media .media-body a.btn:hover:active:hover,
.media-area .media .media-body a.btn:hover.active:hover,
.open > .dropdown-toggle.media-area .media .media-body a.btn:hover:hover,
.media-area .media .media-body a.btn:hover:active:focus,
.media-area .media .media-body a.btn:hover.active:focus,
.open > .dropdown-toggle.media-area .media .media-body a.btn:hover:focus,
.media-area .media .media-body a.btn:hover:active.focus,
.media-area .media .media-body a.btn:hover.active.focus,
.open > .dropdown-toggle.media-area .media .media-body a.btn:hover.focus {
  color: #fff;
  background-color: #001f3c;
  border-color: #000000;
}
.media-area .media .media-body a.btn:hover:active,
.media-area .media .media-body a.btn:hover.active,
.open > .dropdown-toggle.media-area .media .media-body a.btn:hover {
  background-image: none;
}
.media-area .media .media-body a.btn:hover.disabled:hover,
.media-area .media .media-body a.btn:hover[disabled]:hover,
fieldset[disabled] .media-area .media .media-body a.btn:hover:hover,
.media-area .media .media-body a.btn:hover.disabled:focus,
.media-area .media .media-body a.btn:hover[disabled]:focus,
fieldset[disabled] .media-area .media .media-body a.btn:hover:focus,
.media-area .media .media-body a.btn:hover.disabled.focus,
.media-area .media .media-body a.btn:hover[disabled].focus,
fieldset[disabled] .media-area .media .media-body a.btn:hover.focus {
  background-color: #004b93;
  border-color: #003e7a;
}
.media-area .media .media-body a.btn:hover .badge {
  color: #004b93;
  background-color: #fff;
}
.media-area .media .media-body a.btn:hover:hover,
.media-area .media .media-body a.btn:hover:active:hover,
.media-area .media .media-body a.btn:hover:focus,
.media-area .media .media-body a.btn:hover:visited {
  color: #fff;
  background-color: #004b93;
  border-color: #004b93;
}
.media-area .media .media-body a.btn:hover:hover,
.media-area .media .media-body a.btn:hover:active:hover,
.media-area .media .media-body a.btn:hover:focus,
.media-area .media .media-body a.btn:hover:visited {
  box-shadow: none;
}
.media-area .media .link-content .on-show {
  display: block;
}
.media-area .media .link-content .out-show {
  display: none;
}
.media-area .media .link-content .on-show:hover,
.media-area .media .link-content .out-show:hover {
  cursor: pointer;
}
.media-area .media-toggle .media-body .text-inner-show {
  display: none;
}
.media-area .media-toggle .media-body .icon-border {
  position: relative;
  display: inline-block;
  width: 30px;
  height: 30px;
  border: 1px solid #000;
}
.media-area .media-toggle .media-body .icon-border span {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
.media-area .media-toggle .media-body .detail {
  vertical-align: top;
  line-height: 30px;
  margin-left: 13px;
  font-size: 12px;
  font-weight: 300;
  color: #000;
}
.media-area .media-toggle.active .media-body .text-inner-show {
  display: block !important;
}
.media-area .media-toggle.active .text-content .text-inner {
  display: block;
}
.media-area .media-toggle.active .text-content .text-inner-show {
  display: none;
}
.media-area .media-toggle.active .link-content .on-show {
  display: none;
}
.media-area .media-toggle.active .link-content .out-show {
  display: block;
}
@media (max-width: 768px) {
  .media-area .link-content {
    text-align: center;
  }
}
@media (min-width: 991px) {
}
@media (min-width: 1199px) {
  .media-area {
    margin-top: 45px;
  }
  .media-area .media .media-left {
    width: inherit;
    padding-right: 25px;
  }
  .media-area .media .media-left .image {
    position: relative;
  }
  .media-area .media .media-left .image img {
    position: relative;
    top: 50%;
    left: 50%;
    max-width: 160px;
    max-height: 200px;
    min-height: 100%;
    min-width: 100%;
    -webkit-transform: translateX(-50%) translateY(0%);
    transform: translateX(-50%) translateY(0%);
    -ms-transform: translateX(-50%) translateY(0%);
  }
  .media-area .media .media-body .text-content {
    margin-top: 10px;
    text-align: left;
  }
  .media-area .media .media-body .link-content {
    float: right;
  }
}
/*
 *
 * Pagination Custom
 *
 */
.pagination > li {
  display: inline-block;
  margin: 0 5px;
  /*.previous,
        .prev {
            span {
                &:before {
                    .arrow-base();
                    border-left-width: 0;
                    border-right-color: @gray-darker;
                    margin-right: @grid-gutter-width / 2;
                }
            }
        }*/
  /*.next {
            span {
                &:after {
                    .arrow-base();
                    border-right-width: 0;
                    border-left-color: @gray-darker;
                    margin-left: @grid-gutter-width / 2;
                }
            }
        }*/
}
.pagination > li:first-child {
  padding-right: 20px;
}
.pagination > li:last-child {
  padding-left: 20px;
}
.pagination > li > a,
.pagination > li > span {
  line-height: 40px;
  border: none;
  padding: 0 5px;
  border-radius: 50%;
  color: #3b3b3b;
}
.pagination > li > a:focus,
.pagination > li > span:focus,
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus:hover,
.pagination > li > span:focus:hover {
  background-color: transparent;
}
.pagination > li > a {
  cursor: pointer;
}
.pagination > li.active > a,
.pagination > li.active > span {
  padding: 0;
}
.pagination > li.active > a,
.pagination > li.active > span,
.pagination > li.active > a:hover,
.pagination > li.active > span:hover,
.pagination > li.active > a:focus,
.pagination > li.active > span:focus {
  width: 40px;
  height: 40px;
  background-color: #004b93;
  border-color: #004b93;
  font-weight: 700;
}
.pagination > li.disabled > a,
.pagination > li.disabled > span,
.pagination > li.disabled > a:hover,
.pagination > li.disabled > span:hover,
.pagination > li.disabled > a:focus,
.pagination > li.disabled > span:focus {
  border-color: #fff;
}
/*
 *
 * Footer
 *
 */
#footer .footer-top ul {
  text-align: center;
}
#footer .footer-top ul a {
  display: block;
}
#footer .footer-top .footer-menu {
  border-top: 1px solid #f1f1f1;
  padding-top: 30px;
}
#footer .footer-top .footer-menu ul {
  margin-bottom: 0;
}
#footer .footer-top .footer-menu ul li {
  line-height: 35px;
  padding-right: 15px;
}
#footer .footer-top .footer-menu ul a {
  color: #000;
}
#footer .footer-top .footer-social {
  margin: 60px 0;
}
#footer .footer-top .footer-social ul {
  margin-bottom: 0;
}
#footer .footer-top .footer-social ul li {
  padding-right: 40px;
  padding-left: 0;
}
#footer .footer-top .footer-social a .ui-icons-footer-social.ui-icons-gray-fb:hover {
  background-position: -40px -65px;
}
#footer .footer-top .footer-social a .ui-icons-footer-social.ui-icons-gray-tw:hover {
  background-position: -40px -105px;
}
#footer .footer-top .footer-social a .ui-icons-footer-social.ui-icons-gray-you:hover {
  background-position: -40px -140px;
}
#footer .footer-top .footer-social a .ui-icons-footer-social.ui-icons-gray-ins:hover {
  background-position: -40px -170px;
}
#footer .footer-top .footer-social a .ui-icons-footer-social.ui-icons-gray-in:hover {
  background-position: -40px -210px;
}
#footer .footer-bottom {
  height: 80px;
  background-color: #f8f8f8;
  padding: 30px 0;
}
#footer .footer-bottom .copyright,
#footer .footer-bottom .info {
  font-size: 13px;
  font-family: Roboto;
  font-weight: 300;
  color: #000;
}
#footer .footer-bottom .info a {
  color: #000;
}
#footer .footer-bottom .info ul {
  margin-bottom: 0;
}
#footer .footer-bottom .info ul li {
  padding-right: 45px;
  padding-left: 0;
}
@media (max-width: 768px) {
  #footer .footer-top .footer-menu {
    padding-top: 40px;
  }
  #footer .footer-top .footer-social {
    margin: 40px 0;
  }
  #footer .footer-top .footer-social ul li {
    padding-right: 15px;
    padding-left: 15px;
  }
  #footer .footer-bottom {
    height: 140px;
    padding: 25px 0;
  }
  #footer .footer-bottom .copyright,
  #footer .footer-bottom .info {
    text-align: center;
    line-height: 30px;
  }
  #footer .footer-bottom .copyright {
    margin-bottom: 10px;
  }
  #footer .footer-bottom .info ul li {
    padding-left: 0;
    padding-right: 20px;
  }
}
@media (min-width: 991px) {
}
@media (min-width: 1199px) {
}
.investor-wrapper #footer .footer-bottom {
  background-color: #fff;
}
#warning-bar {
  position: static;
  font-family: "Roboto", sans-serif;
}
#warning-bar.fixed-buttom {
  position: fixed;
  width: 100%;
  bottom: 0;
  z-index: 9;
}
#warning-bar .bg-primary {
  color: #fff;
}
#warning-bar .bg-primary a {
  color: #fff;
  overflow: hidden;
  position: relative;
}
#warning-bar .bg-primary a:after,
#warning-bar .bg-primary a:before {
  content: "";
  position: absolute;
  bottom: 0;
  width: 50%;
  height: 1px;
  background: #fff;
  -webkit-transition: width 0.3s;
  transition: width 0.3s;
}
#warning-bar .bg-primary a:before {
  right: 50%;
}
#warning-bar .bg-primary a:after {
  left: 50%;
}
#warning-bar .bg-primary a:hover:before {
  width: 0;
}
#warning-bar .bg-primary a:hover:after {
  width: 0;
}
#warning-bar ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
#warning-bar li {
  padding: 20px;
  font-size: 14px;
  line-height: 20px;
}
#warning-bar .warning-bar-item,
#warning-bar .warning-bar-item .container {
  position: relative;
}
#warning-bar .btn-ghost {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-weight: 600;
  color: #fff;
  background-color: transparent;
  border: 2px solid #fff;
  font-size: 13px;
  padding-left: 2em;
  padding-right: 2em;
  line-height: 1.75;
}
#warning-bar .btn-ghost:focus,
#warning-bar .btn-ghost:active:focus,
#warning-bar .btn-ghost.active:focus,
#warning-bar .btn-ghost.focus,
#warning-bar .btn-ghost:active.focus,
#warning-bar .btn-ghost.active.focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
#warning-bar .btn-ghost:hover,
#warning-bar .btn-ghost:focus,
#warning-bar .btn-ghost.focus {
  color: #333;
  text-decoration: none;
}
#warning-bar .btn-ghost:active,
#warning-bar .btn-ghost.active {
  outline: 0;
  background-image: none;
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) 1px 2px 0 rgba(0, 0, 0, 0.25);
}
#warning-bar .btn-ghost.disabled,
#warning-bar .btn-ghost[disabled],
fieldset[disabled] #warning-bar .btn-ghost {
  cursor: not-allowed;
  opacity: 0.65;
  filter: alpha(opacity=65);
  box-shadow: none;
  box-shadow: none 1px 2px 0 rgba(0, 0, 0, 0.25);
}
a#warning-bar .btn-ghost.disabled,
fieldset[disabled] a#warning-bar .btn-ghost {
  pointer-events: none;
}
#warning-bar .btn-ghost:hover,
#warning-bar .btn-ghost:active:hover,
#warning-bar .btn-ghost:focus,
#warning-bar .btn-ghost:visited {
  color: #fff;
}
#warning-bar .btn-ghost:hover,
#warning-bar .btn-ghost:active:hover,
#warning-bar .btn-ghost:focus,
#warning-bar .btn-ghost:visited {
  box-shadow: none;
}
#warning-bar .btn-ghost:hover {
  background: #fff;
  color: #004b93;
}
#warning-bar button {
  position: absolute;
  top: 50%;
  right: 10px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media (max-width: 769px) {
  #warning-bar button {
    position: static;
    margin-top: 20px;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    width: 100%;
  }
}
.footer-fixed {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
}
.promo-wrapper.single {
  height: auto !important;
  background-color: transparent;
  margin-bottom: 0 !important;
}
.promo-wrapper.single .mobile .buttons {
  bottom: 100% !important;
}
.promo-wrapper.sm {
  height: 620px;
  overflow: visible;
  margin-bottom: 200px;
}
.promo-wrapper.sm .slider-main .slick-slide {
  height: 620px;
}
.promo-wrapper.sm .seek-bar-container {
  position: relative;
  bottom: 0px;
  margin-top: 70px;
}
.promo-wrapper.sm #seek-bar .seeker span {
  opacity: 0.5;
}
.promo-wrapper.sm #seek-bar .seeker.selected span,
.promo-wrapper.sm #seek-bar .seeker:hover span {
  opacity: 1;
}
.promo-wrapper.sm #seek-bar .seeker-sanayi span {
  background-image: url(../img/sanayi_hover.png);
}
.promo-wrapper.sm #seek-bar .seeker-banka span {
  background-image: url(../img/banka_hover.png);
}
.promo-wrapper.sm #seek-bar .seeker-enerji span {
  background-image: url(../img/enerji_hover.png);
}
.promo-wrapper.sm #seek-bar .seeker-perakende span {
  background-image: url(../img/perakende_hover.png);
}
.promo-wrapper.sm #seek-bar .seeker-sigorta span {
  background-image: url(../img/sigorta_hover.png);
}
.promo-wrapper.sm #seek-bar .seeker-sosyal span {
  background-image: url(../img/sosyal_hover.png);
}
.promo-wrapper.sm #seek-bar .seeker-cimento span {
  background-image: url(../img/cimento_hover.png);
}
.promo-wrapper.sm #seek-bar .seeker-digital span {
  background-image: url(../img/digital_hover.png);
}
.promo-wrapper.sm #seek-bar .seeker-diger span {
  background-image: url(../img/diger_hover.png);
}
#promo-detail-sections.sm {
  margin-top: 70px;
}
#promo-detail-sections.sm .promo-detail {
  text-align: center;
}
#promo-detail-sections.sm .promo-detail :first-child.border {
  border: 0px;
}
.single-wrapper {
  height: 620px;
}
.single-wrapper .slick-slider {
  padding-left: 0;
}
.single-wrapper .slick-slider .slick-slide {
  position: relative;
  height: 620px;
}
.single-wrapper .slick-slider .slick-slide article {
  position: absolute;
  bottom: 50px;
  max-width: 50%;
  left: 120px;
  background-color: white;
  padding: 20px 30px;
}
.single-wrapper .slick-slider .slick-slide article p {
  font-size: 14px;
  margin: 0px;
}
.single-wrapper .slick-slider .slick-slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.single-wrapper .slick-prev,
.single-wrapper .slick-next {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  z-index: 2;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.8);
}
.single-wrapper .slick-prev:after,
.single-wrapper .slick-next:after {
  content: "";
  width: 12px;
  height: 12px;
  background-image: url(../img/ui-icons.png);
}
.single-wrapper .slick-next {
  left: auto;
  right: 15px;
}
.single-wrapper .slick-next::after {
  background-position: -130px -55px;
}
.single-wrapper .slick-prev {
  right: auto;
  left: 15px;
}
.single-wrapper .slick-prev::after {
  background-position: -60px -30px;
}
#promo-detail-sections .logo-list {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#promo-detail-sections .logo-list a {
  margin-right: 15px;
  margin-bottom: 15px;
}
#promo-detail-sections .promo-detail :last-child.border {
  border: 0px !important;
}
@media (max-width: 767px) {
  .single-wrapper {
    margin-top: 64px !important;
    height: auto !important;
  }
  .single-wrapper .slick-slide {
    height: auto !important;
  }
  .single-wrapper .slick-slide img {
    height: auto !important;
    -o-object-fit: initial !important;
    object-fit: initial !important;
  }
  .promo-wrapper.single .mobile .buttons {
    margin-bottom: 10px;
  }
}
.promo-wrapper.state-detail > .container,
.promo-wrapper.state-others > .container {
  display: block !important;
}
.promo-wrapper.state-detail .promo-sector-details,
.promo-wrapper.state-others .promo-sector-details {
  display: none !important;
}
.promo-wrapper[class*=state-]:not(.state-0) .mobile {
  background: transparent !important;
}
html.safari .media-area .media .media-left .image img {
  min-height: 0;
}