@charset "UTF-8";

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2016 Daniel Eden
 */

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}

@-webkit-keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.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;
  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;
  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;
  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;
}

/* 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;
}

@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  src: local('Oswald Regular'), local('Oswald-Regular'), url(https://fonts.gstatic.com/s/oswald/v16/TK3iWkUHHAIjg752GT8D.ttf) format('truetype');
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFVZ0e.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UNirkOUuhs.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN7rgOUuhs.ttf) format('truetype');
}


/* ------------------------------------------------------------------
[Table of contents]

1 Body

    1.1 Header

    1.2 Content
        1.2.1   Main feature
        1.2.2   Feature
        1.2.3   Content
        1.2.4   Page header
        1.2.5   Sidebar

    1.3 Pages
        1.3.1   Terms
        1.3.2   Gallery
        1.3.3   Team
        1.3.4   Pricing plans
        1.3.5   Testimonials
        1.3.6   Contact us page
        1.3.7   Blog
        1.3.8   Comments and reviews
        1.3.9   Shop list
        1.3.10  Gallery detail
        1.3.11  Shop detail
        1.3.12  Shop cart
        1.3.13  FAQ
        1.3.14  Gallery
        1.3.15  Shop home

    1.4 Footer

2 Components

    2.1 Data list
    2.2 Features
    2.3 Tabs
    2.4 Panels
    2.5 Progress bars
    2.6 Modals
    2.7 Tables
    2.8 Alerts
    2.9 Callouts
    2.10 Buttons
    2.11 Forms
    2.12 Pagination
    2.13 Helpers
    2.14 Settings
    2.15 Effects

[Fonts]
    Oswald
    Open sans

[Sizes]
    XS = 5px
    SM = 10px
    MD = 25px
    LG = 50px
    XL = 75px

Transition time 0.3s
------------------------------------------------------------------- */

@font-face {
    font-family:'FontAwesome';
    font-weight:normal;
    font-style:normal;
    src:url('https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.eot?v=4.3.0');
    src:url('https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'),
        url('https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.woff2?v=4.3.0') format('woff2'),
        url('https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.woff?v=4.3.0') format('woff'),
        url('https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.ttf?v=4.3.0') format('truetype'),
        url('https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg');
}

/* ------------------------------------------------------------------
[1 Body]
------------------------------------------------------------------ */
body {
    background: #ffffff;
    color: #858585;
    margin-top: 100px;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    overflow-x: hidden;
}

body.menu-fixed {
    margin-top: 100px;
}

img {
    max-width: 100%;
}

ul,
ol {
    list-style: none;
}

ul {
    padding: 0;
    margin: 0;
}

a,
.btn {
    transition: color 0.3s ease-in-out;
    -moz-transition: color 0.3s ease-in-out;
    -webkit-transition: color 0.3s ease-in-out;
    -o-transition: color 0.3s ease-in-out;
}

a i,
.btn i {
    margin-right: 5px;
    margin-left: 5px;
}

a:hover {
    color: #424242;
}

a,
a:hover,
a:active,
a:focus {
    text-decoration: none;
    border: none;
    background: none;
    background-color: transparent;
    outline: none;
    -moz-outline-style: none;

    color: #555;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    margin: 0;
    color: #444;
}

h1 {
    font-size: 24px;
    line-height: 30px;
}

h2 {
    font-size: 22px;
    line-height: 28px;
}

h3 {
    font-size: 18px;
    line-height: 24px;
}

h4 {
    font-size: 16px;
    line-height: 22px;
}

h5 {
    font-size: 14px;
    line-height: 20px;
}

h6 {
    font-size: 12px;
    line-height: 18px;
}

/* Mobile */
@media(max-width: 768px) {
    h1 {
        font-size: 19px;
        line-height: 30px;
    }

    h2 {
        font-size: 17px;
        line-height: 28px;
    }

    h3 {
        font-size: 15px;
        line-height: 24px;
    }

    h4 {
        font-size: 13px;
        line-height: 22px;
    }

    h5 {
        font-size: 11px;
        line-height: 20px;
    }

    h6 {
        font-size: 10px;
        line-height: 18px;
    }
}

p {
    font-size: 13px;
    line-height: 21px;
    margin: 0;
}

p strong {
    font-weight: 600;
}

/* ------------------------------------------------------------------
[1.1 Header]
------------------------------------------------------------------ */

.navbar,
.navbar-default {
    background: #ffffff;

    border: 0;
    border-radius: 0;

    margin: 0;
    padding: 0;
}

.navbar.navbar-opaque {
    background: rgba(0, 0, 0, 0.8);
}

.navbar.navbar-opaque #logo {
    color: #fff;
}

.navbar.navbar-opaque .nav li a,
.navbar.navbar-opaque .nav li.active a:hover,
.navbar.navbar-opaque .nav li a:active,
.navbar.navbar-opaque .nav li a:focus,
.navbar.navbar-opaque .nav li a:visited {
    color: #fff;
}

#logo {
  font-size: 28px;
  font-weight: 400;
  text-transform: uppercase;
  font-family: 'Oswald', sans-serif;
  padding: 25px 0;
  /* Change these according to logo needs */
  /*padding-top: 40px;
  padding-bottom: 40px;
  height: auto;
  color: #555;
  letter-spacing: 1px;*/
}

#logo img {
  /*height: 55px;*/
}

.navbar .nav li.active a,
.navbar .nav li a,
.navbar .nav li.active a:hover,
.navbar .nav li a:focus,
.navbar .nav li a:active,
.navbar .nav li a:visited
{
    font-size: 13px;
    font-family: 'Oswald', sans-serif;;
    font-weight: 400;

    background: transparent;
    background-color: transparent;
    color: #777777;

    text-transform: uppercase;
    padding-top: 40px;
    padding-bottom: 40px;
    letter-spacing: 1px;
}

body .navbar-default .navbar-nav > .active > a:focus,
body .navbar-default .navbar-nav > .active > a:hover {
    background: transparent;
    background-color: transparent;
}

.navbar .nav .dropdown {
    display: none;

    background: #222222;
    opacity: 0.9;
}

.navbar .nav .dropdown-wrapper {
    position: relative;
    width: 100%;
}

.navbar .nav li.drop {
    position: relative;
}

.navbar .nav li.drop .dropdown li a {
    display: block;
    color: #ccc;
    padding: 10px 35px 10px 35px;
    font-size: 12px;
    font-weight: 300;

    white-space: nowrap; /* Keep this if you do not want word wraps */
}


.navbar .nav li.drop .dropdown li a:hover,
.navbar .nav li.drop .dropdown li.active a {
    color: #ffffff;
}

.navbar-nav > .active > a:focus {
    background-color: inherit;
}

/* Everything NOT mobile */
@media(min-width: 768px) {
    .navbar .nav li.drop:hover .dropdown {
        display: inline;
        position: absolute;
        z-index: 10;
    }
}

#navbar .nav {
    float: right;
    margin-right: -15px;
}

/* Desktop only */
@media(max-width: 1281px) and (min-width: 992px) {
    #navbar .nav {
        margin-right: -30px;
    }
}

/* Tablet */
@media(max-width: 992px) and (min-width: 768px) {

    #logo {
        display: block;
        padding-bottom: 0;
        margin-left: 0;
    }

    .navbar-header {
        display: block;
        width: 100%;
        text-align: center;
    }

    .navbar-brand {
        float: none;
    }

    #navbar .nav {
        float: none;
    }

    #navbar .nav > li {
        float: none;
        display: inline-block;
    }

    #navbar .nav {
        text-align: center;
    }

    #navbar .nav > li {
        text-align: left;
    }
}

/* Mobile editions */
@media(max-width: 768px) {
    #navbar .nav > li > a {
        font-size: 15px;
        text-align: center;
        margin: 0;
        padding: 15px 0 15px 0;

        transition: color 0.0s ease-in-out;
        -moz-transition: color 0.0s ease-in-out;
        -webkit-transition: color 0.0s ease-in-out;
        -o-transition: color 0.0s ease-in-out;
    }

    .nav>li {
        margin: 0;
    }

    .navbar-brand {
        float: left;
    }

    #logo {
        padding: 5px 0 5px 15px;
    }

    #navbar {
        border: none;
        background: none;
    }

    .navbar-header {
        padding: 40px 0 40px 0;
    }

    .nav hr {
        display: none;
    }

    #navbar .nav {
        margin-right: inherit;
        margin-top: 0;
        float: none;
    }

    .navbar-toggle {
        margin: 0;
        margin-right: 10px;
        margin-top: 10px;
        border: none;
    }

    #navbar .nav li.drop > a
    {
        padding-left: 15px;
    }

    .navbar .nav li.drop > a:after {
        content: '\f107';
        font-family: 'FontAwesome';
        margin-left: 5px;
    }

    .navbar .nav li.drop .dropdown {
        text-align: center;
    }

    .navbar .nav li.drop.focus .dropdown {
        display: block;
        width: 100%;
        position: relative;
    }

    #navbar .nav > li {
        float: none;
        display: block;
    }

    #navbar .nav {
        text-align: left;
    }

    #navbar .nav > li {
        text-align: left;
    }
}

/* ------------------------------------------------------------------
[1.2 Content]

[1.2.1 Main feature]
------------------------------------------------------------------ */
.main-feature,
.main-feature .carousel,
.main-feature .carousel .item {
    max-height: 600px;
    height: auto;
    margin: auto;
    text-align: center;
}

.main-feature {
    margin-bottom: 100px;
}

.main-feature .carousel-actions {
    position: absolute;
    bottom: 50px;
    width: 100%;
    text-align: center;
}

.carousel-burned .carousel-inner {
    background: #222;
}

.carousel-burned .item img {
    opacity: 0.85;
}

.carousel-fade .carousel-inner .item {
  -webkit-transition-property: opacity;
  transition-property: opacity;
}

.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  opacity: 0;
}

.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}

/*.carousel-fade .carousel-control {
  z-index: 2;
}*/

.main-feature .carousel-control {
    width: 5%;
}

.carousel-control .icon-prev::before {
    content: '\f104';
    font-family: FontAwesome;
}

.carousel-control .icon-next::before {
    content: '\f105';
    font-family: FontAwesome;
}

.main-feature .carousel .item img {
    position: relative;
    top: 0;
    left: 0;
    max-width: 400%;
    min-width: auto;
    overflow-x: hidden;
    height: 100%;
    min-height: 600px;
}

.main-feature .carousel-caption {
    text-shadow: none;
    z-index: 0;

    line-height: 600px;
    vertical-align: middle;

    height: 100%;
    top: 0;

    padding: 0;
    margin: 0;
}

.carousel-caption.caption-opaque h1,
.carousel-caption.caption-opaque h2,
.carousel-caption.caption-opaque h3,
.carousel-caption.caption-opaque h4,
.carousel-caption.caption-opaque h5,
.carousel-caption.caption-opaque h6 {
    background: rgba(22, 22, 22, 0.35);
    padding: 25px 35px 25px 35px;
}

.carousel .carousel-control,
.carousel .carousel-control:hover {
    background: none;
    opacity: 1;
    text-shadow: none;
    background-image: none;
}

.carousel-control .icon-next,
.carousel-control .icon-prev {
    font-size: 45px;

    /*border: 1px solid #fff;*/
    border-radius: 50%;

    width: 50px;
    height: 50px;

    opacity: 0.8;
}

.main-feature h1,
.main-feature h2,
.main-feature h3,
.main-feature h4,
.main-feature h5 {
    color: #ffffff;

    display: inline-block;

    font-weight: 700;
    letter-spacing: 1px;

    font-family: 'Oswald', sans-serif;

    padding: 0;
    margin: 0;

    line-height: 1.5;
    text-transform: uppercase;

    vertical-align: middle;
}

.main-feature h1,
.main-feature h2 {
    font-size: 50px;
}

.main-feature h3 {
    font-size: 30px;
}

.main-feature h4 {
    font-size: 20px;
}

.main-feature h5 {
    font-size: 15px;
}

/* Mobile editions */
@media(max-width: 768px)
{
    .main-feature {
        min-height: 300px;
    }

    .main-feature h1,
    .main-feature h2 {
        font-size: 23px;
        text-align: center;
    }
}

/* ------------------------------------------------------------------
[1.2.2 Feature]
------------------------------------------------------------------ */
.features .feature i {
    font-size: 70px;
}

.features .feature .description {
    margin-top: 10px;
}

.features .feature h1,
.features .feature h2 {
    font-size: 17px;
    margin-top: 25px;
}

.features .feature {
    margin-bottom: 50px;
}

.features a .feature {
    color: #666666;
}

.features a .feature,
.features a i,
.features a h1,
.features a h2,
.features a h3,
.features a h4,
.features a h5,
.features a h6 {
    transition: color 0.3s ease-in-out;
    -moz-transition: color 0.3s ease-in-out;
    -webkit-transition: color 0.3s ease-in-out;
    -o-transition: color 0.3s ease-in-out;
}


@media(max-width: 768px)
{
    .features {
        margin: 0; /* Removes content bottom margin */
    }
}

/* ------------------------------------------------------------------
[1.2.3 Content]
------------------------------------------------------------------ */
#content {
}

.block {
    margin-bottom: 75px;
}

.sm-block {
    margin-bottom: 50px;
}

.xs-block {
    margin-bottom: 25px;
}

.lg-block {
    margin-bottom: 100px;
}

.xl-block {
    margin-bottom: 150px;
}

.block .description,
.lg-block .description,
.sm-block .description,
.xs-block .description,
.xl-block .description {
    font-size: 14px;
    line-height: 1.8;
}

/* Mobile */
@media(max-width: 768px) {
    .block .description,
    .lg-block .description,
    .sm-block .description,
    .xs-block .description,
    .xl-block .description {
        font-size: 12px;
        line-height: 1.6;
    }
}

.title-big {
    margin-bottom: 25px;
}

.title-big h1,
.title-big h2 {
    font-weight: 700;
    font-size: 26px;
    text-transform: uppercase;
    color: #555;
}

#about .title-big h1 {
  color: #3a710e;
}

/* Mobile */
@media(min-width: 768px) {
    .content-with-sidebar {
        padding-right: 75px;
    }
}

/* ------------------------------------------------------------------
[1.2.4 Page header]
------------------------------------------------------------------ */
.page-header .path-tree {
    white-space: nowrap;
    margin-top: 30px;
    text-align: right;
    font-size: 14px;
}

.page-header .path-tree a {
    margin: 0 5px 0 5px;
}

.page-header .path-tree a:first-child {
    margin-left: 0;
}

.page-header .path-tree a:last-child {
    margin-right: 0;
}

.page-header {
    background: #f7f7f7;
    padding: 30px 0px 30px 0px;
    margin: 0 0 75px 0;
    border: 0;
}

.page-header h1,
.page-header h2 {
    text-transform: uppercase;
    font-weight: 400;
    font-family: 'Oswald', sans-serif;
    margin-bottom: 10px;
    color: #444;
    letter-spacing: 1px;
}

.page-header h3,
.page-header h4,
.page-header h5,
.page-header h6 {
    color: #7f7f7f;
    font-weight: 400;
    font-size: 14px;
}

@media(max-width: 992px) {
    .page-header .path-tree {
        text-align: center;
        display: block;
    }

    .page-header .title {
        text-align: center;
    }
}

/* Subheader */
.page-subheader {
    margin: 0 0 30px 0;
}

.sidebar .page-subheader {
    margin-bottom: 30px;
}

.page-subheader p {
    margin-top: 10px;
    color: #a1a1a1;
}

.page-subheader hr {
    margin: 0;
    width: 30px;
    border-width: 4px 0 0;
    float: none;
    display: inline-block;
}

.page-subheader h1,
.page-subheader h2 {
    text-transform: uppercase;
    font-weight: 400;
    font-family: 'Oswald', sans-serif;
    margin-bottom: 10px;
    color: #444;
    letter-spacing: 1px;
    font-size: 20px;
}

.page-subheader h3,
.page-subheader h4,
.page-subheader h5,
.page-subheader h6 {
    color: #7f7f7f;
    font-weight: 400;
    font-size: 12px;
}

/* ------------------------------------------------------------------
[1.2.5 Sidebar]
------------------------------------------------------------------ */
.sidebar .search .input-group .btn,
.sidebar .search .input-group .input {
    padding: 10px 15px 10px 15px;
    font-size: 11px;
    border: 1px solid #444;
    height: auto;
}

/* Navigation */
.navigation ul li {
    margin-bottom: 10px;

    font-size: 14px;
    font-weight: 600;
}

.navigation ul li:last-child {
    margin-bottom: 0;
}

.navigation ul li::before {
    font-family: FontAwesome;
    font-weight: 100;
    width: 15px;
    height: 15px;
    font-size: 17px;
    float: left;
    margin: 0px 5px 0 0;
    content: "\f111";
}

.navigation.navigation-arrow ul li::before {
    content: "\f105";
}

.navigation.navigation-circle ul li::before {
    content: "\f111";
    font-size: 9px;
}

.navigation.navigation-circle-empty ul li::before {
    content: "\f10c";
    font-size: 9px;
}

/* Mobile */
@media(min-width: 768px) {
    .sidebar {
        padding-left: 0;
    }
}

/* ------------------------------------------------------------------
[1.3 Pages]

[1.3.1 Terms]
------------------------------------------------------------------ */
.terms-content h1,
.terms-content h2,
.terms-content h3,
.terms-content h4,
.terms-content h5,
.terms-content h6 {
    margin-bottom: 10px;
}

/* ------------------------------------------------------------------
[1.3.2 Gallery]
------------------------------------------------------------------ */
ul.gallery {
    position: relative;
    width: 100%;
    overflow: hidden;

    margin: 0 0 75px 0;
}

ul.gallery li.item {
    float: left;
    width: 33.3%;
    padding: 1px;
    margin: 0;

    position: relative;
}

ul.gallery.gallery-padded li.item,
ul.gallery.gallery-padded li.item .contents-container {
    padding: 15px;
}

ul.gallery li.item .contents-container {
    padding: 1px;
}

ul.gallery li.item img {
    width: 100%;
    height: auto;
}

.gallery .item .contents h1,
.gallery .item .contents h2 {
    margin-top: 6%;
    margin-bottom: 3%;

    font-size: 20px;
    color: #fff;
}

ul.gallery li.item .controls {
    margin-top: 13%;
}


/* Tablet */
@media(max-width: 992px)
{
    ul.gallery li.item {
        width: 50%;
    }

    .gallery .item .contents h1,
    .gallery .item .contents h2 {
        font-size: 15px;
    }

    ul.gallery li.item .contents p {
        font-size: 11px;
    }
}

/* Mobile */
@media(max-width: 768px)
{
    ul.gallery li.item {
        width: 100%;
    }
}

/* ------------------------------------------------------------------
[1.3.3 Team]
------------------------------------------------------------------ */
.team .member {
    margin-bottom: 30px;
    text-align: center;
}

.team.team-wide .member img {
    max-width: 300px;
}

.team .member img {
    max-width: 250px;
    width: 100%;
    max-height: 300px;
}

.team .member .name {
    font-weight: 700;
    font-size: 16px;
    text-transform: uppercase;
    color: #222;
    margin-bottom: 5px;
}

.team .member .position {
    font-size: 13px;
    text-transform: uppercase;
}

.team .member .description {
    margin-top: 15px;
}

.team .member .info {
    padding: 15px;
}

.team .member .color-hoverlay {
    max-width: 250px;
    display: inline-block;
}

.team.team-wide .member .color-hoverlay {
    max-width: 300px;
}

.team .member .color-hoverlay .contents {
    padding-top: 50%;
}

.team.team-wide .member .color-hoverlay .contents {
    padding-top: 45%;
}

/* Mobile */
@media(max-width: 768px) {
    .team .member .description {
        font-size: 12px;
        line-height: 1.6;
    }
}

/* ------------------------------------------------------------------
[1.3.4 Pricing plans]
------------------------------------------------------------------ */
.pricing-plans {
    padding: 25px;
}

.pricing-plans .plan {
    text-align: center;
    padding: 75px 40px 75px 40px;
    margin: 0 0 25px 0;
    background: #ffffff;
    border-top: 1px solid #02adef;
}

.pricing-plans .plan .title span {
    padding: 8px 15px 8px 15px;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 11px;
}

.pricing-plans .plan .price {
    font-size: 45px;
    font-weight: 700;
    margin: 60px 0 50px 0;
}

.pricing-plans .plan .price .currency {
    font-size: 17px;
}

.pricing-plans .plan .price .extra {
  margin-top: 10px;
  font-size: 12px;
  font-weight: normal;
}

.pricing-plans .plan ul.features li {
  text-transform: uppercase;
  margin-bottom: 10px;
  margin-left: 30px;
  text-align: left;
}

.pricing-plans .plan ul.features li i {
  margin-right: 10px;
  color: green;
}

.pricing-plans .plan ul.features li:last-child {
  margin-bottom: 0;
}

.pricing-plans .plan .actions {
  margin-top: 50px;
}

.pricing-plans .plan .actions .btn {
  border: 2px solid #858585;
  color: #858585;
  border-radius: 2px;
  font-weight: 700;
}

/*.pricing-plans .plan.highlight {
  padding-top: 125px;
  padding-bottom: 125px;
  margin-top: -50px;
}*/

/* Mobile */
@media(max-width: 768px) {
  .pricing-plans .plan.highlight {
    padding: 75px 40px 75px 40px;
    margin-top: 0;
  }
}

/* ------------------------------------------------------------------
[1.3.5 Testimonials]
------------------------------------------------------------------ */
.testimonials .item .comment {
    background: #f7f7f7;
    padding: 25px;
    margin-bottom: 25px;
    position: relative;

    line-height: 1.8;
    font-size: 14px;
}

/* Mobile */
@media(max-width: 768px) {
    .testimonials .item .comment {
        font-size: 12px;
        line-height: 1.6;
    }
}

.testimonials .testimonial .comment:after {
    content: " ";
    position: absolute;
    top: 100%;
    left: 40px;
    border-top: 15px solid #f7f7f7;
    border-top-color: #f7f7f7;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
}

.testimonials .testimonial {
    /*margin-bottom: 50px;*/
}

.testimonials .testimonial .person {
    margin: 0 15px 0 15px;
}

.testimonials .item .person img {
    max-width: 80px;
    border-radius: 50%;

    margin-right: 25px;
}

.testimonials .item .person .description {
    margin-top: 7px;
}

.testimonials .item .person .description .name {
    font-size: 19px;
    font-weight: 400;
    text-transform: uppercase;

    margin-bottom: 0px;
}

.testimonials .item .person .description .organization {
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    color: #01acf1 !important;
}

/* ------------------------------------------------------------------
[1.3.6 Contact us]
------------------------------------------------------------------ */
#map {
    background: #f7f7f7;
    height: 400px;
    width: 100%;

    margin-bottom: 50px;
}

.headline-divided #map {
    margin: 0;
    height: 100%;
    background: none;
    position: static !important;
}

/* Mobile */
@media(max-width: 992px) {
    .headline-divided #map {
        min-height: 300px;
    }
}

.company-info .name,
.company-info p {
    margin-bottom: 10px;
}

.company-info p:last-child {
    margin-bottom: 0;
}

.company-info .main-info {
    margin-bottom: 25px;
}

.company-info .address p {
    margin-bottom: 10px;
}

.company-info .address p:last-child {
    margin-bottom: 0;
}

.company-info {
    padding: 50px 25px 50px 25px;
}

/* ------------------------------------------------------------------
[1.3.7 Blog]
------------------------------------------------------------------ */
.blog-grid {
    margin-bottom: 0;
}

/* Mobile */
@media(max-width: 768px) {
    .blog-list,
    .blog-grid,
    .blog-detail,
    .shop-detail,
    .gallery-detail {
        margin-bottom: 50px;
    }
}

.blog-list .blog-item,
.blog-grid .blog-item {
    margin-bottom: 50px;
}

.blog-list section:last-child .blog-item {
    margin-bottom: 0;
}

.blog-list .blog-item .image {
    max-height: 450px;
    overflow-y: hidden;
    text-align: center;
}

.blog-list .blog-item .image,
.blog-list .blog-item .video,
.blog-grid .blog-item .image,
.blog-grid .blog-item .video,
.blog-detail .blog-item .image,
.blog-detail .blog-item .video {
    margin-bottom: 25px;
}

.blog-list .blog-item .title h1,
.blog-list .blog-item .title h2,
.blog-grid .blog-item .title h1,
.blog-grid .blog-item .title h2,
.blog-detail .blog-item .title h1,
.blog-detail .blog-item .title h2 {
    font-weight: 700;
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
}

.blog-list .blog-item .title,
.blog-grid .blog-item .title,
.blog-detail .blog-item .title {
    margin-bottom: 25px;
}

.blog-grid .blog-item .info,
.blog-detail .blog-item .info {
    margin-top: 5px;
}

.blog-grid .blog-item .comments {
    font-size: 14px;
}

.blog-grid .blog-item .comments i {
    margin-right: 5px;
    font-size: 18px;
}

.blog-list .blog-item .description,
.blog-grid .blog-item .description {
    margin-bottom: 25px;
}

/* Mobile */
@media(max-width: 768px) {
    .blog-list .blog-item .description,
    .blog-grid .blog-item .description {
        font-size: 12px;
        line-height: 1.6;
    }
}

.blog-list .blog-item .info .time,
.blog-list .blog-item .info .comments {
    float: right;
}

.blog-list .blog-item .info .time {
    margin-right: 25px;
}

.blog-list .blog-item .info {
    font-size: 14px;
}

/* Mobile */
@media(max-width: 768px) {
    .blog-list .blog-item .info .time,
    .blog-list .blog-item .info .comments,
    .blog-list .blog-item .info .author {
        display: block;
        text-align: center;
        float: none;
        margin: 0;
        margin-bottom: 10px;
    }

    .blog-list .blog-item .info span:last-child {
        margin-bottom: 0;
    }
}

/* Blog sublist */
.blog-sublist .blog-item .image img {
    max-width: 100%;
}

.blog-sublist .blog-item {
    overflow-x: hidden;
    margin-bottom: 25px;
}

.blog-sublist .blog-item:last-child {
    margin-bottom: 0;
}

.blog-sublist .blog-item .image {
    width: 75px;
    max-height: 75px;
    overflow-y: hidden;
    float: left;

    margin-right: 10px;
}

.blog-sublist .blog-item .info {
    float: left;
    display: inline-block;
}

.blog-sublist .blog-item .info .title {
    font-weight: 300;
    white-space: nowrap;
    margin-bottom: 5px;
}

.blog-detail .contents {
    margin-bottom: 50px;
    font-size: 14px;
    line-height: 1.8;
}

/* Mobile */
@media(max-width: 768px) {
    .blog-detail .contents {
        font-size: 12px;
        line-height: 1.7;
    }
}

.blog-detail .blog-item .image {
    max-height: 600px;
    overflow-y: hidden;
    text-align: center;
}

/* ------------------------------------------------------------------
[1.3.8 Comments and reviews]
------------------------------------------------------------------ */
#content .comments .comment,
#content .reviews .review {
    margin-bottom: 50px;
}

/* Mobile */
@media(max-width: 768px) {
    #content .comments .comment .contents,
    #content .reviews .review .contents {
        font-size: 12px;
        line-height: 1.7;
    }
}

#content .comments .comment:last-child,
#content .reviews .review:last-child {
    margin-bottom: 0;
}

#content .comments .comment .avatar img,
#content .reviews .review .avatar img {
    max-width: 100px;
    border-radius: 50%;
}

#content .comments .comment .avatar,
#content .reviews .review .avatar {
    float: left;

    margin-right: 25px;
    margin-bottom: 25px;
}

#content .comments .comment .title {
    margin-bottom: 10px;
}

#content .reviews .review .title {
    margin-bottom: 5px;
}

#content .comments .comment .title .name,
#content .reviews .review .title .name {
    font-size: 17px;
    text-transform: uppercase;
    font-weight: 600;
    font-family: 'Oswald', sans-serif;
    color: #444;

    margin-right: 10px;
}

#content .reviews .review .title .time,
#content .comments .comment .title .time {
    font-size: 13px;
    font-weight: 300;
    font-family: 'Open sans', sans-serif;
    color: #777;
}

#content .comments .comment.reply {
    padding-left: 15%;
}

#content .reviews .review .rating {
    margin-bottom: 10px;
    font-size: 17px;
}

.choices.ratings label.star {
    padding: 10px;
    font-size: 36px;
    color: #444;
    transition: all .2s;
    display: inline;
}

/* Mobile */
@media(max-width: 768px) {
    .choices.ratings label.star {
        font-size: 30px;
    }
}

.choices.ratings {
    margin-top: 20px;
}

.choices.ratings label.star:hover {
    transform: rotate(-15deg) scale(1.3);
}

.choices.ratings label.star:before {
    content: '\f006';
    font-family: FontAwesome;
    font-weight: 600;
}

/* ------------------------------------------------------------------
[1.3.9 Shop list]
------------------------------------------------------------------ */
.quick-search {
    background: #f7f7f7;
    padding: 35px 25px 35px 25px;
}

.shop-options {
    margin-bottom: 50px;
}

.shop-options .form-inline {
    float: left;
    margin-right: 50px;
}

/* Mobile */
@media(max-width: 768px) {
    .shop-options .form-inline {
        margin-right: 0;
        margin-bottom: 15px;
        display: block;
        float: none;
    }

    .shop-options .form-inline:last-child {
        margin-bottom: 0;
    }
}

.shop-list-item,
.shop-grid-item {
    margin-bottom: 50px;
}

.shop-list-item .image {
    float: left;
    width: 250px;
    max-height: 200px;
    overflow-y: hidden;

    margin-right: 25px;
}

.shop-list-item .description,
.shop-list-item .price {
    margin-bottom: 25px;
}

.shop-list-item .title {
    margin-bottom: 15px;
}

.shop-list-item .title h1,
.shop-list-item .title h2,
.shop-list-item .title h3,
.shop-list-item .title h4,
.shop-list-item .price,
.shop-grid-item .title h1,
.shop-grid-item .title h2,
.shop-grid-item .title h3,
.shop-grid-item .title h4,
.shop-grid-item .price {
    font-family: 'Oswald', sans-serif;
    font-weight: 600;
}

.shop-grid-item .title h1,
.shop-grid-item .title h2,
.shop-grid-item .title h3,
.shop-grid-item .title h4,
.shop-grid-item .price {
    font-weight: 400;
}

.shop-list-item .price {
    font-size: 20px;
    font-weight: 400;
}

.shop-grid-item .price {
    font-size: 13px;
    font-weight: 300;
}

.shop-grid-item .image {
    margin-bottom: 15px;
}

.shop-grid-item .title {
    margin-bottom: 10px;
}

.shop-grid-item .description {
    margin-bottom: 15px;
}

.shop-grid-item .price {
    margin-bottom: 15px;
}

.col > .shop-grid-item:last-child {
    margin-bottom: 0;
}


/* ------------------------------------------------------------------
[1.3.10 Gallery detail]
------------------------------------------------------------------ */
.gallery-detail .title {
    font-family: 'Oswald', sans-serif;
    font-weight: 400;
    font-size: 24px;
    color: #444;

    margin-bottom: 25px;
}

.gallery-detail .description {
    font-size: 14px;
    line-height: 1.8;
    margin-top: 25px;
    margin-bottom: 50px;
}

/* Mobile */
@media(max-width: 768px) {
    .gallery-detail .description {
        font-size: 12px;
        line-height: 1.6;
    }
}

/* ------------------------------------------------------------------
[1.3.11 Shop detail]
------------------------------------------------------------------ */
.shop-detail .title {
    font-family: 'Oswald', sans-serif;
    font-weight: 400;
    font-size: 24px;
    color: #444;

    margin-bottom: 25px;
}

.shop-detail .title .price {
    font-weight: 400;
    font-family: 'Oswald', sans-serif;

    font-size: 24px;
    float: right;
}

/* Mobile */
@media(max-width: 768px) {
    .shop-detail .title .price {
        float: none;
        display: block;
        margin-top: 25px;
    }

    .shop-detail .title {
        text-align: center;
    }
}

.shop-detail .description {
    font-size: 14px;
    line-height: 1.8;
    margin-bottom: 50px;
}

.shop-detail .shopping-actions {
    margin-bottom: 50px;
}

.shop-detail .shopping-actions label {
    padding-top: 7px;
}

.shop-detail .shopping-actions .row {
    margin-bottom: 15px;
}

/* ------------------------------------------------------------------
[1.3.12 Shop cart]
------------------------------------------------------------------ */
.shop-cart .products td.description .description {
    margin-top: 10px;
}

.shop-cart .products td.product-id {
    font-size: 15px;
    font-weight: 600;
}

.shop-cart .products td.price {
    font-size: 17px;
    font-weight: 600;
    font-family: 'Oswald';
}

.shop-cart .products thead th {
    white-space: nowrap;
}

.shop-cart .products tbody td {
    padding-top: 25px;
    padding-bottom: 25px;
}

.shop-cart table td.image img {
    min-width: 100px;
}

/* ------------------------------------------------------------------
[1.3.13 Faq]
------------------------------------------------------------------ */
#content .faq .item {
    margin-bottom: 50px;
}

#content .faq .item:last-child {
    margin-bottom: 0;
}

#content .faq .item .question {
    margin-bottom: 15px;
}

/* ------------------------------------------------------------------
[1.3.14 Gallery]
------------------------------------------------------------------ */
.gallery
{
    width: 100%;

    margin-bottom: 50px;
}

.gallery .carousel-indicators
{
    padding: 0 0 15px 0;
    overflow: auto;
    position: static;
    text-align: left;
    white-space: nowrap;
    width: 100%;

    border-top: 0;
    margin: 15px 0 0 0;
}

.gallery .carousel-indicators li,
.gallery .carousel-indicators li.active
{
    background-color: transparent;
    -webkit-border-radius: 0;
    border-radius: 0;
    display: inline-block;
    height: auto;
    margin: 0 15px 0 0;
    width: auto;

    background: #444;
}

.gallery .carousel-indicators li:last-child {
    margin-right: 0;
}

.gallery .carousel-indicators li img
{
    display: block;
    opacity: 0.5;

    border-radius: 2px;

    height: 125px;
}

.gallery .carousel-indicators li.active img
{
    opacity: 1;

    border-radius: 0px;
}

.gallery .carousel-indicators li.active
{
    border: 2px solid #2169f9;
    border-radius: 2px;
    height: inherit;
    width: auto;
}

.gallery .carousel-indicators li:hover img
{
    opacity: 0.75;
}

.gallery .carousel-outer
{
    position: relative;
}

.gallery .carousel-outer,
.gallery .carousel-inner
{
    max-height: 475px;
}

.gallery .carousel-inner>.item>img
{
    margin: auto;
}

.gallery .carousel-control .icon-prev,
.gallery .carousel-control .icon-next
{
    border-radius: 50%;
    border: 2px solid #fff;
    height: 35px;
    width: 35px;
    font-size: 27px;
}

.gallery .carousel-control:focus,
.gallery .carousel-control:hover,
.gallery .carousel-control
{
    opacity: 1;
    background-image: none;
}

/* ------------------------------------------------------------------
[1.3.15 Shop home]
------------------------------------------------------------------ */
.headline  {
    background: #f7f7f7;
    padding: 100px 0 100px 0;
}

.headline h1,
.headline h2,
.headline h3,
.headline h4,
.headline h5,
.headline h6 {
    margin-bottom: 10px;
}

.headline .actions {
    margin-top: 25px;
}

.headline .actions .btn {
    margin-right: 25px;
}

.headline .actions .btn:last-child {
    margin-right: 0;
}

.headline .left-section,
.headline .right-section {
    padding: 50px;
}

.headline-divided.headline-primary .page-subheader h1,
.headline-divided.headline-primary .page-subheader h2,
.headline-divided.headline-primary .page-subheader h3,
.headline-divided.headline-primary .page-subheader h4,
.headline-divided.headline-primary .page-subheader h5 {
    color: #fff;
}

.headline-primary a {
    color: #f2f2f2;
}

.headline-primary a:hover {
    color: #fff;
}

.headline-divided {
    min-height: 400px;
    overflow: hidden;
}

.headline-divided .left-section,
.headline-divided .right-section {
    padding: 50px;
}

.headline-divided .actions {
    margin-top: 25px;
}

.headline-divided .info {
    padding: 100px 50px 100px 50px;
    font-size: 14px;
    line-height: 1.8;
    margin-right: 0;

    z-index: 1;

    background: #f7f7f7;
}

.headline-divided .dark-info {
    padding: 100px 50px 100px 50px;
    background: #222;
}

/* Mobile */
@media(max-width: 768px) {
    .headline-divided .info {
        font-size: 12px;
        line-height: 1.7;
    }
}

.headline-divided .image {
    padding-left: 0;
    min-height: 400px;
    max-height: 400px;
    background-color: #f7f7f7;
}

.headline-divided .image img {
    min-height: 400px;
}

/* Desktop only */
@media(min-width: 992px) {
    .headline-divided .row {
        display: table;
    }

    .headline-divided .row>div {
        float: none;
        display: table-cell;
        vertical-align: top;
    }

    .headline-divided .row>div img {
        height: 100%;
        position: absolute;
    }

    .headline-divided .image img {
        max-width: 250%;
        width: auto;
        min-height: 400px;
    }
}

/* Tablet */
@media(max-width: 982px) {
    .headline-divided
    .headline-divided .info,
    .headline-divided .image img {
        min-height: 0;
    }

    .headline .actions,
    .headline {
        text-align: center;
    }
}

/* Mobile */
@media(max-width: 768px) {
    .headline .actions .btn {
        margin-right: 0;
        margin-bottom: 25px;
        display: block;
    }

    .headline .actions .btn:last-child {
        margin-bottom: 0;
    }

    .headline-divided .image {
        min-height: 0;
    }
}

/* ------------------------------------------------------------------
[1.4 Footer]
------------------------------------------------------------------ */
.footer
{
    background: #222;
    color: #ccc;
    font-weight: 300;
    font-size: 12px;
    text-transform: uppercase;
    padding: 35px 0 35px 0;
    margin-top: -5px;
}

.footer-divided {
    margin-top: 75px;
}

.footer .links a,
.footer .links a:hover
{
    color: #ffffff;

    margin-left: 20px;

    text-decoration: none;
}

body .footer-buttons .btn,
body .footer-buttons .btn:hover,
body .footer-buttons .btn:focus,
body .footer-buttons .btn:active,
body .footer-buttons .btn:visited,
body .footer-buttons .btn:active:focus {
    margin-right: 15px;

    border-width: 1px;
    padding-left: 20px;
    padding-right: 20px;

    font-weight: 300;
}

.footer-buttons .btn:last-child {
    margin-right: 0;
}

.footer .links a:hover
{
    color: #bbbbbb;
}

.footer .links a:first-child
{
    margin-left: 0;
}

.footer .links
{
    margin-left: 30px;
}


/* Mobile editions */
@media(max-width: 768px) {
    .footer .links {
        display: block;
        text-align: center;

        margin: 0;
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .footer .links a,
    .footer .links a:hover {
        display: block;
        margin: 0;
        margin-bottom: 7px;
    }

    .footer .copyright {
        display: block;
        text-align: center;
    }

    body .footer-buttons .btn,
    body .footer-buttons .btn:hover,
    body .footer-buttons .btn:focus,
    body .footer-buttons .btn:active,
    body .footer-buttons .btn:active:focus {
        display: block;
        margin-bottom: 15px;
        margin-right: 0;
        margin-top: 0;
        margin-left: 0;
    }

    .footer-buttons .btn:last-child {
        margin-bottom: 0;
    }
}

.social-footer {
    font-size: 24px;
}

.headline-primary .social-footer a {
    color: #fff;
}

.headline-primary .social-footer a:hover {
    color: #222;
}

.social-footer a {
    margin-right: 10px;
}

.social-footer a:last-child {
    margin-right: 0;
}

/* Footer section */
/* Footer */
.footer-section {
    padding: 0;
    margin: 0;
}

.footer-below a {
    color: #bbbbbb;
    padding-right: 25px;
}

.footer-below a:last-child {
    padding-right: 0;
}

.footer-below .menu {
    margin-bottom: 25px;
}

.footer-below.hidden-xs .menu {
    margin-bottom: 0;
}

.footer-above a:hover,
.footer-below a:hover {
    color: white;
}

.footer-above {
    background: #222222;
    padding: 60px 0 0 0;
    color: #bbbbbb;
    font-size: 13px;
}

.footer-title {
    margin-bottom: 25px;
}

.footer-above .title h1,
.footer-above .title h2,
.footer-above .title h3,
.footer-above .title h4,
.footer-above .title h5,
.footer-above .title h6 {
    padding: 0;
    margin: 0;
    color: #eee;
    text-transform: uppercase;
    padding-bottom: 0px;
    font-size: 13px;
    font-weight: 600;
    font-family: "Open Sans", sans-serif;
}

.footer-above .title hr {
    margin: 0;
    width: 30px;
    border-width: 3px 0 0;
    border-color: #444444;
    display: inline-block;
}

.footer-above .content {
    padding: 0;
    margin: 25px 0 60px 0;
    color: #888888;
}

.footer-below {
    background: black;
    padding: 25px 0 25px 0;
    color: #888888;
    font-size: 13px;
}

/* Mobile */
@media(max-width: 768px) {
    .footer-above .title,
    .footer-above .content {
        text-align: center;
    }
}


/* ------------------------------------------------------------------
[2 Components]

[2.1 Data list]
------------------------------------------------------------------ */
#content .datalist .info
{
    margin-bottom: 10px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 13px;
}

#content .datalist .info .key
{
    color: #808185;
}

#content .datalist .info .value
{
    margin-left: 7px;
    color: #3b3c41;
}

/* ------------------------------------------------------------------
[2.2 Features]
------------------------------------------------------------------ */
#content .item-features h1,
#content .item-features h2,
#content .item-features h3,
#content .item-features h4,
#content .item-features h5,
#content .item-features h6 {
    font-weight: 400;
    text-transform: uppercase;
    font-family: 'Oswald', sans-serif;
    letter-spacing: 1px;

    margin-bottom: 10px;
}

#content .item-features .item-feature {
    margin-bottom: 25px;
}

/* ------------------------------------------------------------------
[2.3 Tabs]
------------------------------------------------------------------ */
.nav-tabs-custom .nav:after {
    clear: both;
}

.nav-tabs-custom .tab-content {
    padding: 25px;
    border: 1px solid #e6e6e6;
    border-top: 0;
}

.nav-tabs-clear .tab-content {
    padding: 25px 0 0 0;
    border: 0;
}

.nav-tabs-clear .nav {
    border-bottom: 0;
}

.nav-tabs-custom .nav li a,
.nav-tabs-custom .nav li:hover a,
.nav-tabs-custom .nav li.active a,
.nav-tabs-custom .nav li.dropdown a {
    background: none;
    border: 0;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 600;
    padding: 10px 25px 10px 25px;
    color: #444;
}

.nav-tabs-clear .nav li a,
.nav-tabs-clear .nav li:hover a,
.nav-tabs-clear .nav li.active a,
.nav-tabs-clear .nav li.dropdown a {
    margin-right: 25px;
    padding: 10px 15px 10px 15px;
}

.nav-tabs-clear .nav li:last-child a {
    margin-right: 0;
}

/* Dropdown */
#content .dropdown .dropdown-menu {
    box-shadow: 0 2px 3px rgba(0,0,0,0.125);
    border-radius: 0;
}

#content .dropdown .dropdown-menu li:hover a {

}

/* ------------------------------------------------------------------
[2.4 Panels]
------------------------------------------------------------------ */
.panel .panel-title {
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
}

.panel .panel-footer {
    background: #f7f7f7;
    border-radius: 0;
    border: 0;
}

.panel,
.panel .panel-heading {
    border-radius: 0;
}

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

.panel.panel-warning .panel-heading {
    background: #f49237;
    color: #fff;
}

.panel.panel-danger {
    border-color: #ee3732;
}

.panel.panel-danger .panel-heading {
    background: #ee3732;
    color: #fff;
}

.panel.panel-info {
    border-color: #0a9fd8;
}

.panel.panel-info .panel-heading {
    background: #0a9fd8;
    color: #fff;
}

.panel.panel-success {
    border-color: #94c523;
}

.panel.panel-success .panel-heading {
    background: #94c523;
    color: #fff;
}

.panel.panel-light .panel-heading {
    background: transparent;
    border-bottom: 0;
}

.panel.panel-light {
    border: 1px solid #ddd;
    border: 0;
}

.panel.panel-light {
    border-top-width: 5px;
    border-top-style: solid;
}

.panel.panel-light.panel-warning {
    border-top-color: #f49237;
}

.panel.panel-light.panel-warning .panel-title {
    color: #f49237;
}

.panel.panel-light.panel-danger {
    border-top-color: #ee3732;
}

.panel.panel-light.panel-danger .panel-title {
    color: #ee3732;
}

.panel.panel-light.panel-success {
    border-top-color: #94c523;
}

.panel.panel-light.panel-success .panel-title {
    color: #94c523;
}

.panel.panel-light.panel-info {
    border-top-color: #0a9fd8;
}

.panel.panel-light.panel-info .panel-title {
    color: #0a9fd8;
}

/* ------------------------------------------------------------------
[2.5 Progress bars]
------------------------------------------------------------------ */
.progress-bar,
.progress {
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
}

.progress-bar {
    border-radius: 1px;
    color: #fff;
    transition: width .6s ease;
}

.progress {
    background-color: #f5f5f5;
    border-radius: 1px;
    box-shadow: none;
}

/* ------------------------------------------------------------------
[2.6 Modals]
------------------------------------------------------------------ */
.modal.example {
    position: relative;
    top: auto;
    bottom: auto;
    right: auto;
    left: auto;
    display: block;
    z-index: 0;
    background: none;
}

.modal .modal-content {
    box-shadow: 0 2px 3px rgba(0,0,0,0.125);
    border-radius: 0;
}

.modal .modal-title {
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
}

.modal.modal-primary .modal-content,
.modal.modal-info .modal-content,
.modal.modal-danger .modal-content,
.modal.modal-success .modal-content,
.modal.modal-warning .modal-content {
    border: 0;
}

.modal.modal-primary .modal-header {
    background: #f36510;
}

.modal.modal-primary .modal-title,
.modal.modal-info .modal-title,
.modal.modal-danger .modal-title,
.modal.modal-success .modal-title,
.modal.modal-warning .modal-title {
    color: #fff;
}

.modal.modal-info .modal-header {
    background: #0a9fd8;
}

.modal.modal-danger .modal-header {
    background: #ee3732;
}

.modal.modal-success .modal-header {
    background: #94c523;
}

.modal.modal-warning .modal-header {
    background: #f49237;
}

/* ------------------------------------------------------------------
[2.7 Tables]
------------------------------------------------------------------ */
.table-responsive {
    overflow-x: auto;
    border: 0;
}

.table-responsive .table {
    min-width: 800px;
}

.table.table-hover tr:hover {
    background: #FEFDEB;
}

.table.table-hover thead tr:hover {
    background: none;
}

.table > tbody > tr > th {
    border-top: 0;
}

.table > tbody > tr > td,
.table > thead > tr > th {
    padding: 15px;
}

table tr.tr-valign-middle td {
    vertical-align: middle;
}

/* ------------------------------------------------------------------
[2.8 Alerts]
------------------------------------------------------------------ */
.alert {
    border-radius: 0;
    border: 0;
}

.alert h1,
.alert h2,
.alert h3,
.alert h4,
.alert h5,
.alert h6 {
    margin-bottom: 10px;
}

.alert .icon {
    margin-right: 10px;
}

.alert .close:hover,
.alert .close {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    filter: alpha(opacity=30);
    opacity: .3;
}

.alert .close:hover {
    opacity: .6;
}

.alert.alert-danger {
    background: #ee3732;
    color: #fff;
}

.alert.alert-warning {
    background: #f49237;
    color: #fff;
}

.alert.alert-success {
    background: #94c523;
    color: #fff;
}

.alert.alert-info {
    background: #0a9fd8;
    color: #fff;
}


/* ------------------------------------------------------------------
[2.9 Callouts]
------------------------------------------------------------------ */
.callout {
    border-radius: 0px;
    margin: 0 0 20px 0;
    padding: 15px 30px 15px 15px;
    border-left: 7px solid #eee;
}

.callout p,
.callout h1,
.callout h2,
.callout h3,
.callout h4,
.callout h5,
.callout h6 {
    color: #fff;
}

.callout.callout-danger {
    background: #ee3732;
    border-color: #c9302c;
    color: #fff;
}

.callout.callout-warning {
    background: #f49237;
    border-color: #e6852b;
    color: #fff;
}

.callout.callout-success {
    background: #94c523;
    border-color: #85a53b;
    color: #fff;
}

.callout.callout-info {
    background: #0a9fd8;
    border-color: #2987ab;
    color: #fff;
}

.callout a,
.alert a {
    color: #fff;
    font-weight: 600;
}

.callout a:hover,
.alert a:hover {
    color: #fff;
    opacity: .9;
}

/* ------------------------------------------------------------------
[2.10 Buttons]
------------------------------------------------------------------ */
.btn,
.btn:focus,
.btn:active {
    padding: 11px 40px 11px 40px;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;

    border: 0;
    border-radius: 2px;

    transition: color 0.3s ease-in-out;
    -moz-transition: color 0.3s ease-in-out;
    -webkit-transition: color 0.3s ease-in-out;
    -o-transition: color 0.3s ease-in-out;

    transition: background-color 0.3s ease-in-out;
    -moz-transition: background-color 0.3s ease-in-out;
    -webkit-transition: background-color 0.3s ease-in-out;
    -o-transition: background-color 0.3s ease-in-out;
}

.btn:hover {
    border: 0;
}

.btn-xs,
.btn-xs:visited,
.btn-xs:hover,
.btn-xs:active,
.btn-xs:focus {
    padding: 5px 20px 5px 20px;
    font-size: 9px;
    font-weight: 600;
    border-radius: 1px;
}

.btn-sm,
.btn-sm:hover,
.btn-sm:active,
.btn-sm:visited,
.btn-sm:focus {
    padding: 7px 25px 7px 25px;
    font-size: 10px;
    font-weight: 600;
    border-radius: 1px;
}

.btn-lg,
.btn-lg:hover,
.btn-lg:active,
.btn-lg:visited,
.btn-lg:focus {
    padding: 15px 45px 15px 45px;
    font-size: 15px;
    font-weight: 600;
    border-radius: 3px;
}

.btn-xl,
.btn-xl:hover,
.btn-xl:active,
.btn-xl:visited,
.btn-xl:focus {
    padding: 20px 55px 20px 55px;
    font-size: 17px;
    font-weight: 400;
    border-radius: 4px;
}

.btn-flat,
.btn-flat:hover,
.btn-flat:active,
.btn-flat:visited,
.btn-flat:focus {
    border-radius: 0;
}

.btn-circle,
.btn-circle:hover,
.btn-circle:active,
.btn-circle:visited,
.btn-circle:focus {
    border-radius: 30px;
}

.btn-light,
.btn-light:active,
.btn-light:focus,
.btn-light:visited,
.btn-light:active:focus {
    background: #f6f6f6;
    color: #666;
}

.btn-light:hover {
    background: #f3f3f3;
    color: #444;
}

.btn-default,
.btn-default:active,
.btn-default:focus,
.btn-default:visited,
.btn-default:active:focus {
    background: #444;
    color: #fff;
}

.btn-default:hover {
    background: #323232;
    color: #fff;
}

.btn-danger,
.btn-danger:active,
.btn-danger:focus,
.btn-danger:visited,
.btn-danger:active:focus {
    background-color: #ee3732;
}

.btn-success,
.btn-success:active,
.btn-success:focus,
.btn-success:visited,
.btn-success:active:focus {
    background-color: #94c523;
}

.btn-success:hover {
    background-color: #85a53b;
}

.headline-divided .btn-clear,
.headline-divided .btn-clear:active,
.headline-divided .btn-clear:focus,
.headline-divided .btn-clear:visited,
.headline-divided .btn-clear:active:focus,
.main-feature .btn-clear,
.main-feature .btn-clear:active,
.main-feature .btn-clear:focus,
.main-feature .btn-clear:visited,
.main-feature .btn-clear:active:focus {
    background: none;
    border: 2px solid #fff;
    color: #fff;
}

.bg-dark .btn-clear,
.bg-dark .btn-clear:active,
.bg-dark .btn-clear:focus,
.bg-dark .btn-clear:visited,
.bg-dark .btn-clear:active:focus {
    border-color: #555;
    color: #555;
}

.bg-dark .btn.btn-clear:hover {
    border-color: #656565;
    color: #656565;
}

.headline-divided .btn:hover,
.main-feature .btn-clear:hover {
    border-color: #f7f7f7;
    color: #f7f7f7;
}

.btn-info,
.btn-info:active,
.btn-info:focus,
.btn-info:visited,
.btn-info:active:focus {
    background-color: #0a9fd8;
}

.btn-info:hover {
    background-color: #2987ab;
}

.btn-warning,
.btn-warning:active,
.btn-warning:focus,
.btn-warning:visited,
.btn-warning:active:focus {
    background-color: #f49237;
}

.btn-warning:hover {
    background-color: #e6852b;
}

.btn.active,
.btn.active:visited,
.btn.active:focus,
.btn.active:active {
    box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.15) inset;
}

.btn.active:hover {
    box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.2) inset;
}

.btn.btn-facebook {
    background: #3b5998;
    color: #fff;
}

.btn.btn-google {
    background: #dd4b39;
    color: #fff;
}


/* ------------------------------------------------------------------
[2.11 Forms]
------------------------------------------------------------------ */
.form-inline .control-label {
    margin-right: 5px;
}

.control-label
{
    font-size: 14px;
    font-weight: 600;

    color: #626369;

    margin-bottom: 10px;
}

.input,
.input:focus {
    height: 35px;
}

.input,
.input:focus,
.textarea,
.textarea:focus,
.select,
.select:focus
{
    color: #808185;

    font-weight: 400;
    font-size: 12px;

    padding: 7px 15px 7px 15px;

    border: 1px solid #ddd;
    border-radius: 0;
    box-shadow: none;
}

.bg-dark .input,
.bg-dark .input:focus,
.bg-dark .textarea,
.bg-dark .textarea:focus,
.bg-dark .select,
.bg-dark .select:focus {
    border: 1px solid #363636;
    background: none;
}

.bg-dark .input:focus,
.bg-dark .textarea:focus {
    border: 1px solid #aaa;
}

form .textarea,
.textarea,
.textarea:focus {
    height: 200px;
}

.controls label {
    font-weight: 400;
}

.has-error .input,
.has-error .input:focus {
    border-color: #ee3732;
    box-shadow: none;
}

.has-error .control-label,
.has-error .help-block {
    color: #ee3732;
}

.has-success .input,
.has-success .input:focus {
    border-color: #94c523;
    box-shadow: none;
}

.has-success .control-label,
.has-success .help-block {
    color: #94c523;
}

.has-warning .input,
.has-warning .input:focus {
    border-color: #f49237;
    box-shadow: none;
}

.has-warning .control-label,
.has-warning .help-block {
    color: #f49237;
}

.form-group:last-child {
    margin-bottom: 0;
}

.form-group .radio>input,
.form-group .checkbox>input {
    margin-top: 2px;
    margin-left: 0;
}

.form-group .radio label input,
.form-group .checkbox label input {
    margin-top: 2px;
}

.form-group .radio label,
.form-group .checkbox label {
    margin-left: 5px;
}

/* ------------------------------------------------------------------
[2.12 Pagination]
------------------------------------------------------------------ */
.pagination > li:first-child > a,
.pagination > li:last-child > a {
    border-radius: 0;
}

.pagination > li.active a {
    color: #fff;
    border-color: transparent;
}

.pagination > li a {
    padding: 10px 20px 10px 20px;
}

.pagination.rounded-pagination > li a {
    margin-right: 15px;
    border-radius: 40px;
}

.pagination.rounded-pagination > li:last-child a {
    margin-right: 0;
}

.pagination.margined-pagination > li a {
    margin-right: 15px;
    border-radius: 3px;
}

.pagination.margined-pagination > li:last-child a {
    margin-right: 0;
}

.pagination.pagination-flat > li a {
    border-radius: 0;
}

/* Mobile editions */
@media(max-width: 768px) {
    .pagination-wrapper {
        text-align: center;
    }

    .pagination li {
        float: none;
        display: inline-block;
    }

    .paginate_button a,
    .pagination .paginate_button.disabled a,
    .pagination .paginate_button.disabled a:hover,
    .pagination .paginate_button.active a,
    .pagination .paginate_button.active a:hover {
        font-size: 11px;
        margin-right: 15px;
        margin-bottom: 15px;
    }

    .pagination .paginate_button.previous a,
    .pagination .paginate_button.next a {
        width: 100%;
    }

    .pagination .paginate_button.previous,
    .pagination .paginate_button.next {
        display: block;
    }

    .pagination .previous a {
        margin-bottom: 15px;
    }

    .pagination {
        text-align: center;
    }
}

/* ------------------------------------------------------------------
[2.13 Helpers]
------------------------------------------------------------------ */
.bg-gray {
    background: #f7f7f7;
}

.bg-dark {
    background: #222;
    color: #ccc;
}

.text-light {
    color: #888888;
}

.lg-padding {
    padding: 75px;
}

.sm-padding {
    padding: 10px;
}

.md-padding {
    padding: 50px;
}

.md-margin-top {
    margin-top: 50px;
}

.md-margin-bottom {
    margin-bottom: 50px;
}

.lg-padding-top {
    padding-top: 75px;
}

.lg-padding-bottom {
    padding-bottom: 75px;
}

.no-margin-bottom {
    margin-bottom: 0;
}

.lg-margin-bottom {
    margin-bottom: 75px;
}

.lg-margin-top {
    margin-top: 75px;
}

.sm-margin-top {
    margin-top: 10px;
}

.sm-margin-bottom {
    margin-top: 10px;
}

.no-margin-top {
    margin-top: 0;
}

.clear {
    clear: both;
}

.no-border {
    border: 0;
}

h1.strong,
h2.strong,
h3.strong,
h4.strong,
h5.strong,
h6.strong {
    font-family: 'Oswald', sans-serif;
    font-weight: 600;
}

.letter-spacing-1 {
    letter-spacing: 1px;
}

.bold {
    font-weight: 600;
}

.upper {
    text-transform: uppercase;
}

.format-text {
    line-height: 1.8;
    font-size: 14px;
}

/* Mobile */
@media(max-width: 768px) {
    .format-text {
        font-size: 12px;
        line-height: 1.6;
    }
}

.valign-middle {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}

/* Carousel */
.carousel-indicators li,
.carousel-indicators li.active {
    width: 15px;
    height: 15px;
    margin: 0 5px 0 0px;
}

.carousel-indicators li {
    background-color: #555;
    border-color: #565656;
    border: 1px solid #555;
}

.carousel-indicators li:last-child {
    margin: 0;
}

.carousel-indicators {
    bottom: -15px;
}

/* This will enable bootstrap to equally divide 5 elements */
.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-15 {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
.col-sm-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}

.uppercase {
    text-transform: uppercase;
}

.no-margin {
    margin: 0; /* Clears margin for good */
}

.no-padding {
    padding: 0; /* Disables padding for good */
}

/* ------------------------------------------------------------------
[2.14 Settings]
------------------------------------------------------------------ */
#settings {
    top: 100px;
    right: 0;

    display: none;

    background: #444;
    color: #bbb;

    padding: 15px;
    border-bottom-left-radius: 3px;

    position: fixed;

    z-index: 100;
}

#settings .colors {
    margin-bottom: 15px;

    text-align: center;
}

#settings .colors a {
    width: 30px;
    height: 30px;

    margin-right: 10px;

    background: #fff;

    display: inline-block;
}

#settings .colors #color-light-blue {
    margin-right: 0;
}

#settings .colors #color-orange {
    background: #f36510;
}

#settings .colors #color-red {
    background: #ee3731;
}

#settings .colors #color-blue {
    background: #0a9fd7;
}

#settings .colors #color-green {
    background: #94c520;
}

#settings .colors #color-yellow {
    background: #f8ba00;
}

#settings .colors #color-light-blue {
    background: #38cbcc;
}

#settings .colors a:last-child {
    margin-right: 0;
}

#settings h1,
#settings h2,
#settings h3 {
    color: #fff;
    margin-top: 5px;
    margin-bottom: 10px;
}

#settings-button {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;

    top: 100px;
    right: 0;

    position: fixed;

    padding: 10px;

    background: #444;
    color: #bbb;
}

#settings-button:hover {
    color: #fff;
}

/* ------------------------------------------------------------------
[2.15 Effects]
------------------------------------------------------------------ */
.color-hoverlay {
    position: relative;

    color: #fff;
}

.color-hoverlay.default:hover .contents {
    background-color: rgba(22, 22, 22, 0.5);
}

.color-hoverlay .contents {
    padding: 15px;
    overflow: hidden;
    opacity: 0;
    height: 100%;

    -webkit-transition: opacity .3s ease-out;
    -moz-transition: opacity .3s ease-out;
    -o-transition: opacity .3s ease-out;
    transition: opacity .3s ease-out;
}

.color-hoverlay .contents-container {
    position: absolute;
    display: block;

    bottom: 0;
    left: 0;

    width: 100%;
    height: 100%;

    text-align: center;
}

.color-hoverlay:hover .contents {
    opacity: 1;
}

.color-hoverlay .btn,
.color-hoverlay .btn-light,
.color-hoverlay .btn-dark {
    padding: 9px 25px 9px 25px;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 700;
}

/* Mobile */
@media(max-width: 450px) {
    .color-hoverlay .btn,
    .color-hoverlay .btn-light,
    .color-hoverlay .btn-dark {
        padding: 7px 13px 7px 13px;
        font-size: 8px;
    }
}

.image-hoverzoom:hover img {
    -webkit-transform:scale(1.25); /* Safari and Chrome */
    -moz-transform:scale(1.25); /* Firefox */
    -ms-transform:scale(1.25); /* IE 9 */
    -o-transform:scale(1.25); /* Opera */
     transform:scale(1.25);
}

/*======================= CUSTOM STYLING =======================*/

/* NAVBAR BORDER BOTTOM COLOR | parallax_homepage */
.navbar, .navbar-default {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

/* SLIDER CHEVROL COLORS TO BLUE HIGHLIGHT ON LOGO | parallax_homepage */
.carousel-control .icon-prev::before, .carousel-control .icon-next::before {
  color: #01acf2;
}

/* CALL TO ACTION SECTION | parallax_homepage */
/*#content .cta {
  margin-bottom: 0;
}*/

#content .cta p {
  font-size:
}

/* MODIFYING SPACING ON THE ABOUT SECTION | parallax_homepage */
#about .headline {
  padding: 100px 0 0;
  /*margin-top: 100px;*/
  background: #73c135;
  color: #fff;
}

/* ABOUT SECTION TWEAKS FOR OCTOBER | parallax_homepage */
#about .heading h1 {
  font-weight: 700;
  font-size: 26px;
  text-transform: uppercase;
  color: #fff;
  line-height: 30px;
  font-family: 'Open Sans', sans-serif;
  box-sizing: border-box;
}

#about .heading p {
  font-size: 18px;
  line-height: 2.1;
  box-sizing: border-box;
  color: #fff;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  margin-top: 30px;
}

/* BUTTON COLOR ON CONTACT SUBMIT BUTTON | parallax_homepage */
#contact .right-section .form-group button.btn {
  color: #0083b5;
}

#contact .right-section .form-group button.btn:hover {
  color: #01acf2;
}

/* SLIDER TITLE AND DESCRIPTION TWEAKS FOR OCTOBER | parallax_homepage */
.slide-content h1 {
  min-width: 800px;
  max-width: 80%;
  text-transform: uppercase;
}

.slide-content p {
  max-width: 90%;
  margin: auto;
  font-family: 'Open Sans', sans-serif;
  font-size: 18px;
  line-height: 40px;
  font-weight: bold;
  margin-top: 20px;
}

/* SLIDER PREV NEXT BUTTONS | parallax_homepage */
.slick-prev:before {
  margin-left: 30px;
}

.slick-next:before {
  margin-left: -35px;
}

/* CALL TO ACTION TWEAKS FOR OCTOBER | parallax_homepage */
#content .cta h2 {
  font-weight: bold;
  text-transform: uppercase;
  font-family: 'Oswald', sans-serif;
  font-weight: 600;
}

#content .cta p {
  font-size: 14px;
  font-family: 'Open Sans', sans-serif;
  line-height: 1.8;
}

/* WHAT WE DO SECTION TWEAKS FOR OCTOBER | parallax_homepage */
#what-we-do {
  padding-top: 100px;
}

#what-we-do .heading h1 {
  font-weight: 700;
  font-size: 26px;
  text-transform: uppercase;
  color: #555;
  line-height: 100px;
  font-family: 'Open Sans', sans-serif;
}

#what-we-do .heading p {
  line-height: 2;
  font-size: 18px;
  box-sizing: border-box;
  text-align: center;
  /*color: #858585;*/
  font-family: 'Open Sans', sans-serif;
  font-weight: 400,
}

/*SERVICES SECTION TWEAKS FOR OCTOBER | parallax_homepage */
.features .feature .description {
    margin-top: 0;
}

.features .feature .services h2 {
  font-family: 'Oswald', sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 28px;
  text-align: center;
}

.features .feature .services p {
  margin-top: 0;
  font-size: 14px;
  line-height: 1.8;
  box-sizing: border-box;
  text-align: center;
  color: #858585;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
}

/*PRICING SECTION TWEAKS FOR OCTOBER | parallax_homepage */
#pricing .heading h1 {
  font-weight: 700;
  font-size: 26px;
  text-transform: uppercase;
  color: #555;
  line-height: 30px;
  font-family: 'Open Sans', sans-serif;
  box-sizing: border-box;
}

#pricing .heading p {
  font-size: 14px;
  line-height: 1.8;
  box-sizing: border-box;
  color: #858585;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  margin-top: 20px;
  margin-bottom: -40px;
}

/*CONTACT DESCRIPTION TWEAKS FOR OCTOBER | parallax-homepage */
#contact .page-subheader h2 {
  color: #fff;
  text-transform: uppercase;
  font-family: 'Oswald', sans-serif;
  margin-bottom: 10;
  letter-spacing: 1px;
  font-size: 20px;
}

#contact .page-subheader p {
  margin-bottom: 50px;
  color: #fff;
  font-size: 14px;
  line-height: 1.8;
  font-family: 'Open Sans', sans-serif;
}

#contact .address p {
  line-height: 1.8;
  font-size: 15px;
  font-weight: bold;
}

/* TESTIMONIALS SECTION | parallax_homepage */
#testimonials .lg-padding {
  padding-bottom: 0;
}

#testimonials .testimonial {
  height: 150px;
  padding-top: 35px;
}

#testimonials .headline {
  padding-bottom: -50px;
}

#testimonials .title-big h1 {
  font-size: 28px;
}

#testimonials.headline {
  padding-bottom: 0;
}

#testimonials .lg-block .testimonials {
  margin-bottom: 75px;
}

/* TEAM SECTION | parallax_homepage */
#team .lg-block {
  margin-bottom: 50px;
}

#team .headline {
  padding-bottom: 0px;
}

#team .heading h1 {
  font-weight: 700;
  font-size: 26px;
  text-transform: uppercase;
  color: #555;
  line-height: 100px;
  font-family: 'Open Sans', sans-serif;
  margin-bottom: -5px;
}

#team .heading p {
  line-height: 2;
  font-size: 16px;
  box-sizing: border-box;
  text-align: center;
  /*color: #858585;*/
  font-family: 'Open Sans', sans-serif;
  font-weight: 400,
}

#team .name {
  /*font-family: 'Oswald', sans-serif;*/
}

/* PROJECTS SECTION | parallax_homepage */
#portfolio .lg-block {
  margin-bottom: 50px;
  margin-top: 75px;
}

#portfolio .heading h1 {
  font-weight: 700;
  font-size: 26px;
  text-transform: uppercase;
  color: #555;
  line-height: 100px;
  font-family: 'Open Sans', sans-serif;
  margin-bottom: -5px;
}

#portfolio .heading p {
  line-height: 2;
  font-size: 18px;
  box-sizing: border-box;
  text-align: center;
  /*color: #858585;*/
  font-family: 'Open Sans', sans-serif;
  font-weight: 400,
}

#portfolio h3.all-projects {
  text-align: center;
  text-transform: uppercase;
  padding-bottom: 50px;
  font-weight: bold;
}

/* SOCIALS ON FOOTER | parallax-homepage */
#contact .social-footer {
  border-top: 3px solid #66a930;
  padding-top: 20px;
}

#contact .social-footer a {
  font-family: 'Oswald', sans-serif;
  font-size: 17px;
}

#contact .social-footer a:hover {
  color: #eee;
}

/* FAQ | detached_page */
#faq .page-header p {
  font-size: 16px;
  font-family: 'Open Sans', sans-serif;
}

#faq .faq .item {
  margin-bottom: 50px;
}

#faq .faq .item h1, #faq .faq .item h2, #faq .faq .item h3, #faq .faq .item h4 {
  font-family: 'Oswald', sans-serif;
  font-size: 22px;
}

#faq .faq .item p {
  font-size: 16px;
  margin-top: 10px;
}

/* ASSUTECH TEXT ON FOOTER | parallax_homepage */
footer.footer .assutech a {
  color: #ccc;
}

footer.footer .assutech a:hover {
  color: #73c135;
}

/* CONTACT SECTION | parallax_homepage */
#contact .right-section .assutech {
  text-transform: uppercase;
  position: absolute;
  bottom: 10px;
  right: 50px;
}

#contact .left-section .assutech {
  text-transform: uppercase;
  position: absolute;
  bottom: 10px;
  left: 50px;
  font-weight: bold;
}

/* PREVIOUS AND NEXT BUTTONS ON SLIDER | parallax_homepage */
div.slick-slider-wrapper button.slick-prev {
  margin-left: 30px;
}

div.slick-slider-wrapper button.slick-next {
  margin-right: 35px;
}

div.slick-slider-wrapper .slick-prev:before {
  color: #c8ff96;
}

div.slick-slider-wrapper .slick-next:before {
  color: #c8ff96;
}

/* SINGLE PROJECT PAGE LAYOUT | project_details_page */
div.project-details-page.headline {
  padding-top: 0;
  background-color: #fff;
}

/* CATEGORIES FOR PROJECT LISTS | parallax_homepage */
#portfolio ul.gallery .contents-container .contents {
  position: relative;
}

#portfolio ul.gallery .contents span.project-category {
  text-transform: uppercase;
  /*font-weight: bold;*/
  /*margin-top: 40px;*/
  position: absolute;
  bottom: 15px;
  right: 20px;
}

/* LOADING SPINNER | all_pages */
/* Absolute Center Spinner */
.loading {
  position: fixed;
  z-index: 10000;
  height: 2em;
  width: 2em;
  overflow: show;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

/* Transparent Overlay */
.loading:before {
  content: '';
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #444;
}

/* :not(:required) hides these rules from IE9 and below */
.loading:not(:required) {
  /* hide "loading..." text */
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.loading:not(:required):after {
  content: '';
  display: block;
  font-size: 10px;
  width: 1em;
  height: 1em;
  margin-top: -0.5em;
  color: #fff;
  -webkit-animation: spinner 1500ms infinite linear;
  -moz-animation: spinner 1500ms infinite linear;
  -ms-animation: spinner 1500ms infinite linear;
  -o-animation: spinner 1500ms infinite linear;
  animation: spinner 1500ms infinite linear;
  border-radius: 0.5em;
  -webkit-box-shadow: #73c135 1.5em 0 0 0, #73c135 1.1em 1.1em 0 0, #73c135 0 1.5em 0 0, #73c135 -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, #73c135 0 -1.5em 0 0, #73c135 1.1em -1.1em 0 0;
  box-shadow: #73c135 1.5em 0 0 0, #73c135 1.1em 1.1em 0 0, #73c135 0 1.5em 0 0, #73c135 -1.1em 1.1em 0 0, #73c135 -1.5em 0 0 0, #73c135 -1.1em -1.1em 0 0, #73c135 0 -1.5em 0 0, #73c135 1.1em -1.1em 0 0;
}

/* Animation */

@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/* ------------------------------------------------------------------
[Table of contents]

1 Body

    1.1 Top header
        1.1.1 Header - nav buttons

    1.2 Content
        1.2.1   Features
        1.2.2   Page header

    1.3 Pages
        1.3.1   Gallery
        1.3.2   Pricing plan
        1.3.3   Testimonials
        1.3.4   Shop detail
        1.3.5   Reviews and comments
        1.3.6   Shop home
        1.3.7   Terms

    1.4 Footer

2 Components

    2.1     Effects
    2.2     Carousel
    2.3     Buttons
    2.4     Forms
    2.5     Tabs
    2.6     Dropdown
    2.7     Pagination

[Colors]
    Green #73c135
    Green dark #68af2f
[1 Body]
------------------------------------------------------------------- */

/*SPACING*/
.mt-0 {
	margin-top: 10px;
}

.mt-10 {
	margin-top: 10px;
}

.mt-20 {
	margin-top: 20px;
}
.mt-30 {
	margin-top: 30px;
}

.mt-40 {
	margin-top: 40px;
}

.mt-50 {
	margin-top: 50px;
}

.mt-60 {
	margin-top: 60px;
}

.mt-70 {
	margin-top: 70px;
}

.mt-80 {
	margin-top: 80px;
}

.mt-90 {
	margin-top: 90px;
}

.mt-100 {
	margin-top: 100px;
}
/*====================================*/
.pt-0 {
	padding-top: 10px;
}

.pt-10 {
	padding-top: 10px;
}

.pt-20 {
	padding-top: 20px;
}
.pt-30 {
	padding-top: 30px;
}

.pt-40 {
	padding-top: 40px;
}

.pt-50 {
	padding-top: 50px;
}

.pt-60 {
	padding-top: 60px;
}

.pt-70 {
	padding-top: 70px;
}

.pt-80 {
	padding-top: 80px;
}

.pt-90 {
	padding-top: 90px;
}

.pt-100 {
	padding-top: 100px;
}

.mb-0 {
	margin-bottom: 10px;
}
/*====================================*/
.mb-10 {
	margin-bottom: 10px;
}

.mb-20 {
	margin-bottom: 20px;
}
.mb-30 {
	margin-bottom: 30px;
}

.mb-40 {
	margin-bottom: 40px;
}

.mb-50 {
	margin-bottom: 50px;
}

.mb-60 {
	margin-bottom: 60px;
}

.mb-70 {
	margin-bottom: 70px;
}

.mb-80 {
	margin-bottom: 80px;
}

.mb-90 {
	margin-bottom: 90px;
}

.mb-100 {
	margin-bottom: 100px;
}
/*====================================*/
.pb-10 {
	padding-bottom: 10px;
}

.pb-20 {
	padding-bottom: 20px;
}
.pb-30 {
	padding-bottom: 30px;
}

.pb-40 {
	padding-bottom: 40px;
}

.pb-50 {
	padding-bottom: 50px;
}

.pb-60 {
	padding-bottom: 60px;
}

.pb-70 {
	padding-bottom: 70px;
}

.pb-80 {
	padding-bottom: 80px;
}

.pb-90 {
	padding-bottom: 90px;
}

.pb-100 {
	padding-bottom: 100px;
}

a:hover {
    color: #73c135;
}

.highlight-text {
    color: #73c135;
}

.highlight-bg {
    color: #73c135;
}

/* ------------------------------------------------------------------
[1.1 Top header]
------------------------------------------------------------------ */
.navigation ul li:hover::before {
    color: #73c135;
}

#top-header .language-picker .dropdown-menu li a:hover,
#top-header .language-picker .dropdown-menu li:hover
{
    background: #ffffff;
    color: #73c135;
}

/* ------------------------------------------------------------------
[1.1.1 Header - nav buttons]
------------------------------------------------------------------ */
.navbar .nav li.active a,
.navbar .nav li:hover a,
.navbar .nav li.active:hover a,
.navbar .nav li.active a:focus,
.navbar .nav li.active a:active
{
    color: #73c135;
}

.navbar .nav li.active a:hover
{
    color: #73c135;
}

/* Mobile editions */
@media(max-width: 768px) {
    .navbar-default .navbar-toggle:focus,
    .navbar-default .navbar-toggle:hover,
    .navbar-default .navbar-toggle {
        background: transparent;
    }

    .navbar-default .navbar-toggle .icon-bar {
        background: #73c135;
    }

    .navbar-default .navbar-toggle:focus .icon-bar,
    .navbar-default .navbar-toggle:hover .icon-bar {
        background: #666666;
    }

    .nav>li:hover,
    .nav>li:hover>a {
        background: #73c135;
        color: #fff !important;
    }
}

/* ------------------------------------------------------------------
[1.2 Content]

[1.2.1 Features]
------------------------------------------------------------------ */
.features .feature i {
    color: #73c135;
}

.features a:hover .feature,
.features a:hover .feature i,
.features a:hover .feature h1 {
    color: #555;
}

.headline.headline-primary {
    background-color: #73c135;
}

/* ------------------------------------------------------------------
[1.2.2 Page header]
------------------------------------------------------------------ */
.page-subheader hr {
    border-color: #73c135;
}

/* ------------------------------------------------------------------
[1.3 Pages]

[1.3.1 Gallery]
------------------------------------------------------------------ */
ul.gallery li.item .contents h1,
ul.gallery li.item .contents p {
    color: #fff;
}

.gallery .carousel-indicators li.active
{
    border: 2px solid #73c135;
    border-radius: 2px;
}

/* ------------------------------------------------------------------
[1.3.2 Pricing plan]
------------------------------------------------------------------ */
.pricing-plans .plan .title span {
    color: #fff;
    background: #73c135;
}

.pricing-plans .plan .actions .btn:hover {
    border: 2px solid #73c135;
    color: #73c135;
}

/* ------------------------------------------------------------------
[1.3.3 Testimonials]
------------------------------------------------------------------ */
.testimonials .item .person .description .organization {
    color: #73c135;
}

/* ------------------------------------------------------------------
[1.3.4 Shop detail]
------------------------------------------------------------------ */
.shop-detail .title .price {
    color: #73c135;
}

/* ------------------------------------------------------------------
[1.3.5 Reviews and comments]
------------------------------------------------------------------ */
.choices.ratings label.star.active {
    color: #73c135;
}

.choices.ratings label.star.active {
    color: #73c135;
}

/* ------------------------------------------------------------------
[1.3.6 Shop home]
------------------------------------------------------------------ */
.headline-divided.headline-primary .info {
    background: #73c135;
    color: #fff;
}

/* ------------------------------------------------------------------
[1.3.7 Terms]
------------------------------------------------------------------ */
.terms-conditions .terms-category li:hover a,
.terms-conditions .terms-category li.active,
.terms-conditions .terms-category li.active a
{
    color: #73c135;
}

.terms-conditions .terms-category li,
.terms-conditions .terms-category li:hover a
{
    display: block;
    text-decoration: none;
}

/* ------------------------------------------------------------------
[1.4 Footer]
------------------------------------------------------------------ */
.footer-above a {
    color: #73c135;
}

/* ------------------------------------------------------------------
[2 Components]

[2.1 Effects]
------------------------------------------------------------------ */
.color-hoverlay:hover .contents {
    background-color: rgba(148,197,35, 0.9);
}

.color-hoverlay .btn,
.color-hoverlay .btn-light {
    background: #ffffff;
    color: #73c135;
    opacity: 0.95;
}

.color-hoverlay .btn:hover,
.color-hoverlay .btn-light:hover {
    background: #222;
    opacity: 0.8;
    color: #fff;
}

.color-hoverlay .btn-dark {
    background: #222;
    opacity: 0.8;
    color: #fff;
}

.color-hoverlay .btn-dark:hover {
    background: #ffffff;
    color: #73c135;
    opacity: 0.95;
}

/* ------------------------------------------------------------------
[2.2 Carousel]
------------------------------------------------------------------ */
.carousel-indicators .active {
    background-color: #016b96;
    border-color: #016b96;
}

/* ------------------------------------------------------------------
[2.3 Buttons]
------------------------------------------------------------------ */
.btn-primary,
.btn-primary:focus,
.btn-primary:active,
.btn-primary:active:focus,
.btn-primary.active {
    color: #ffffff !important;
    background: #73c135 !important;
}

.btn-primary:hover,
.btn-primary.active:hover {
    color: #ffffff !important;
    background: #68af2f !important;
}

/* ------------------------------------------------------------------
[2.4 Forms]
------------------------------------------------------------------ */
.input:focus,
.textarea:focus,
.select:focus
{
    border: 1px solid #73c135;
}

/* ------------------------------------------------------------------
[2.5 Tabs]
------------------------------------------------------------------ */
.nav-tabs-custom .nav li.active a {
    border-bottom: 3px solid #73c135;
    color: #73c135;
}

/* ------------------------------------------------------------------
[2.6 Dropdown]
------------------------------------------------------------------ */
#content .dropdown .dropdown-menu li:hover a {
    color: #73c135;
}

/* ------------------------------------------------------------------
[2.7 Pagination]
------------------------------------------------------------------ */
.pagination > li.active a,
.pagination > li.active:hover a,
.pagination > li.active:focus a,
.pagination > li.active:active a {
    background: #73c135 !important;
    border-color: #73c135 !important;
}

.pagination > li a,
.pagination > li:active a,
.pagination > li:focus a,
.pagination > li a:active,
.pagination > li a:focus {
    color: #73c135;
}

.pagination > li:hover a,
.pagination > li a:hover {
    color: #68af2f;
    background: #f9f9f9;
}

h1.title-bg {
  background-color: #414241;
  padding: 10px 20px;
  display: inline;
}

section#about .sdg {
  margin-bottom: 20px;
}

#contact .page-subheader p, #what-we-do .heading p, #content .cta p {
  font-size: 18px;
}

.navbar .nav li.active a, .navbar .nav li a, .navbar .nav li.active a:hover, .navbar .nav li a:focus, .navbar .nav li a:active, .navbar .nav li a:visited {
  font-size: 15px;
}

#logo {
  padding: 15px 0;
}

#logo img {
  height: 70px;
}

ul.gallery li.item {
  width: 33.33333333%;
}

#portfolio .gallery .contents h2 {
  margin-top: 30%;
}


#portfolio .gallery .color-hoverlay .contents {
  opacity: 1;
}