/* Minification failed. Returning unminified contents.
(3486,10): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3486,25): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3486,42): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3486,59): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3486,74): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3486,88): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3486,105): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3486,122): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3486,138): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3486,153): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3486,168): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3486,181): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3486,196): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3486,216): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3486,234): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3486,254): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3486,272): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3486,287): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3486,305): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3486,322): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3486,338): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3486,353): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3486,371): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3486,393): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3486,415): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3486,437): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3486,460): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3486,656): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
 */
@charset "UTF-8";

/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2015 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.bounceIn,
.animated.bounceOut {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}

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

@-webkit-keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
    -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 {
  0%, 20%, 53%, 80%, 100% {
    -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 {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

@keyframes flash {
  0%, 50%, 100% {
    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 {
  0% {
    -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);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  0% {
    -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);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

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

@-webkit-keyframes rubberBand {
  0% {
    -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);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes rubberBand {
  0% {
    -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);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

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

@-webkit-keyframes shake {
  0%, 100% {
    -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 {
  0%, 100% {
    -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 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);
  }

  100% {
    -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);
  }

  100% {
    -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 {
  0% {
    -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);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes tada {
  0% {
    -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);
  }

  100% {
    -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 {
  0% {
    -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);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes wobble {
  0% {
    -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);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

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

@-webkit-keyframes jello {
  11.1% {
    -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)
  }
  100% {
    -webkit-transform: none;
            transform: none
  }
}

@keyframes jello {
  11.1% {
    -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)
  }
  100% {
    -webkit-transform: none;
            transform: none
  }
}



.jello{
    -webkit-animation-name:jello;
            animation-name:jello;
    -webkit-transform-origin: center;

            transform-origin: center
}

@-webkit-keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {
    -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);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {
    -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);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

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

@-webkit-keyframes bounceInDown {
  0%, 60%, 75%, 90%, 100% {
    -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);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInDown {
  0%, 60%, 75%, 90%, 100% {
    -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);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

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

@-webkit-keyframes bounceInLeft {
  0%, 60%, 75%, 90%, 100% {
    -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);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInLeft {
  0%, 60%, 75%, 90%, 100% {
    -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);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

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

@-webkit-keyframes bounceInRight {
  0%, 60%, 75%, 90%, 100% {
    -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);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInRight {
  0%, 60%, 75%, 90%, 100% {
    -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);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

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

@-webkit-keyframes bounceInUp {
  0%, 60%, 75%, 90%, 100% {
    -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, -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);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInUp {
  0%, 60%, 75%, 90%, 100% {
    -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, -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);
  }

  100% {
    -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);
  }

  100% {
    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);
  }

  100% {
    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);
  }

  100% {
    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);
  }

  100% {
    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);
  }

  100% {
    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);
  }

  100% {
    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);
  }

  100% {
    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);
  }

  100% {
    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);
  }

  100% {
    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);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

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


@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

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

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

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

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

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

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

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

@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

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

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

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

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

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

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

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

@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

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

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

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

@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
}

@keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }
}

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

@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

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

@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}

@keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}

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

@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

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

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }
}

@keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
}

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

@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

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

@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}

@keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}

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

@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

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

@-webkit-keyframes flip {
  0% {
    -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;
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  0% {
    -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;
  }

  100% {
    -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 {
  0% {
    -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);
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInX {
  0% {
    -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);
  }

  100% {
    -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 {
  0% {
    -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);
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInY {
  0% {
    -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);
  }

  100% {
    -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 {
  0% {
    -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;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  0% {
    -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;
  }

  100% {
    -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 {
  0% {
    -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;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  0% {
    -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;
  }

  100% {
    -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 {
  0% {
    -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;
  }

  100% {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes lightSpeedIn {
  0% {
    -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;
  }

  100% {
    -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 {
  0% {
    opacity: 1;
  }

  100% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  0% {
    opacity: 1;
  }

  100% {
    -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 {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateIn {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  100% {
    -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 {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  100% {
    -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 {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -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 {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -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 {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  100% {
    -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 {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  100% {
    -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 {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -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 {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -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 {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -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 {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -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 {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -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 {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -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 {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -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 {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -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;
  }

  100% {
    -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;
  }

  100% {
    -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 {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  100% {
    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 {
  0% {
    opacity: 1;
  }

  100% {
    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 {
  0% {
    opacity: 1;
  }

  100% {
    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 {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  0% {
    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 zoomInStable {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  33.333% {
    opacity: 1;
	-webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  
  66.666666% {
    opacity: 1;
	-webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

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

  33.333% {
    opacity: 1;
	-webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  
  66.666666% {
    opacity: 1;
	-webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

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

@-webkit-keyframes zoomInDown {
  0% {
    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 {
  0% {
    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 {
  0% {
    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 {
  0% {
    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 {
  0% {
    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 {
  0% {
    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 {
  0% {
    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 {
  0% {
    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 {
  0% {
    opacity: 1;
  }

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

  100% {
    opacity: 0;
  }
}

@keyframes zoomOut {
  0% {
    opacity: 1;
  }

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

  100% {
    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);
  }

  100% {
    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);
  }

  100% {
    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);
  }

  100% {
    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);
  }

  100% {
    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);
  }

  100% {
    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);
  }

  100% {
    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);
  }

  100% {
    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);
  }

  100% {
    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 {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInDown {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

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

@-webkit-keyframes slideInLeft {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInLeft {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

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

@-webkit-keyframes slideInRight {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInRight {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

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

@-webkit-keyframes slideInUp {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInUp {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

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

@-webkit-keyframes slideOutDown {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes slideOutDown {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

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

@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes slideOutLeft {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

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

@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes slideOutRight {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

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

@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes slideOutUp {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

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

@keyframes anime {
from {
	opacity: 0;
	transform: scaleY(0);
	-webkit-transform: scaleY(0);
	-moz-transform: scaleY(0);
	-ms-transform: scaleY(0);
	-o-transform: scaleY(0);
}
to {
	opacity: 1;
	transform: scaleY(1);
	-webkit-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-o-transform: scaleY(1);
	-moz-transform: scaleY(1);
}
}

@-webkit-keyframes anime {
from {
	opacity: 0;
	transform: scaleY(0);
	-webkit-transform: scaleY(0);
	-moz-transform: scaleY(0);
	-ms-transform: scaleY(0);
	-o-transform: scaleY(0);
}
to {
	opacity: 1;
	transform: scaleY(1);
	-webkit-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-o-transform: scaleY(1);
	-moz-transform: scaleY(1);
}
}

@-moz-keyframes anime {
from {
	opacity: 0;
	transform: scaleY(0);
	-webkit-transform: scaleY(0);
	-moz-transform: scaleY(0);
	-ms-transform: scaleY(0);
	-o-transform: scaleY(0);
}
to {
	opacity: 1;
	transform: scaleY(1);
	-webkit-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-o-transform: scaleY(1);
	-moz-transform: scaleY(1);
}

}

@-o-keyframes anime {
from {
	opacity: 0;
	transform: scaleY(0);
	-webkit-transform: scaleY(0);
	-moz-transform: scaleY(0);
	-ms-transform: scaleY(0);
	-o-transform: scaleY(0);
}
to {
	opacity: 1;
	transform: scaleY(1);
	-webkit-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-o-transform: scaleY(1);
	-moz-transform: scaleY(1);
}
}

@-ms-keyframes anime {
from {
	opacity: 0;
	transform: scaleY(0);
	-webkit-transform: scaleY(0);
	-moz-transform: scaleY(0);
	-ms-transform: scaleY(0);
	-o-transform: scaleY(0);
}
to {
	opacity: 1;
	transform: scaleY(1);
	-webkit-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-o-transform: scaleY(1);
	-moz-transform: scaleY(1);
}

}

/*!
 * Bootstrap v4.2.1 (https://getbootstrap.com/)
 * Copyright 2011-2018 The Bootstrap Authors
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */:root{--blue:#007bff;--indigo:#6610f2;--purple:#6f42c1;--pink:#e83e8c;--red:#dc3545;--orange:#fd7e14;--yellow:#ffc107;--green:#28a745;--teal:#20c997;--cyan:#17a2b8;--white:#fff;--gray:#6c757d;--gray-dark:#343a40;--primary:#007bff;--secondary:#6c757d;--success:#28a745;--info:#17a2b8;--warning:#ffc107;--danger:#dc3545;--light:#f8f9fa;--dark:#343a40;--breakpoint-xs:0;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px;--font-family-sans-serif:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}*,::after,::before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:left;background-color:#fff}[tabindex="-1"]:focus{outline:0!important}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}p{margin-top:0;margin-bottom:1rem}abbr[data-original-title],abbr[title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;border-bottom:0;text-decoration-skip-ink:none}address{margin-bottom:1rem;font-style:normal;line-height:inherit}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:#007bff;text-decoration:none;background-color:transparent}a:hover{color:#0056b3;text-decoration:underline}a:not([href]):not([tabindex]){color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus{outline:0}code,kbd,pre,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:1em}pre{margin-top:0;margin-bottom:1rem;overflow:auto}figure{margin:0 0 1rem}img{vertical-align:middle;border-style:none}svg{overflow:hidden;vertical-align:middle}table{border-collapse:collapse}caption{padding-top:.75rem;padding-bottom:.75rem;color:#6c757d;text-align:left;caption-side:bottom}th{text-align:inherit}label{display:inline-block;margin-bottom:.5rem}button{border-radius:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=date],input[type=datetime-local],input[type=month],input[type=time]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;max-width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit;color:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item;cursor:pointer}template{display:none}[hidden]{display:none!important}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-bottom:.5rem;font-family:inherit;font-weight:500;line-height:1.2;color:inherit}.h1,h1{font-size:2.5rem}.h2,h2{font-size:2rem}.h3,h3{font-size:1.75rem}.h4,h4{font-size:1.5rem}.h5,h5{font-size:1.25rem}.h6,h6{font-size:1rem}.lead{font-size:1.25rem;font-weight:300}.display-1{font-size:6rem;font-weight:300;line-height:1.2}.display-2{font-size:5.5rem;font-weight:300;line-height:1.2}.display-3{font-size:4.5rem;font-weight:300;line-height:1.2}.display-4{font-size:3.5rem;font-weight:300;line-height:1.2}hr{margin-top:1rem;margin-bottom:1rem;border:0;border-top:1px solid rgba(0,0,0,.1)}.small,small{font-size:80%;font-weight:400}.mark,mark{padding:.2em;background-color:#fcf8e3}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;list-style:none}.list-inline-item{display:inline-block}.list-inline-item:not(:last-child){margin-right:.5rem}.initialism{font-size:90%;text-transform:uppercase}.blockquote{margin-bottom:1rem;font-size:1.25rem}.blockquote-footer{display:block;font-size:80%;color:#6c757d}.blockquote-footer::before{content:"\2014\00A0"}.img-fluid{max-width:100%;height:auto}.img-thumbnail{padding:.25rem;background-color:#fff;border:1px solid #dee2e6;border-radius:.25rem;max-width:100%;height:auto}.figure{display:inline-block}.figure-img{margin-bottom:.5rem;line-height:1}.figure-caption{font-size:90%;color:#6c757d}code{font-size:87.5%;color:#e83e8c;word-break:break-word}a>code{color:inherit}kbd{padding:.2rem .4rem;font-size:87.5%;color:#fff;background-color:#212529;border-radius:.2rem}kbd kbd{padding:0;font-size:100%;font-weight:700}pre{display:block;font-size:87.5%;color:#212529}pre code{font-size:inherit;color:inherit;word-break:normal}.pre-scrollable{max-height:340px;overflow-y:scroll}.container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1140px}}.container-fluid{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.no-gutters{margin-right:0;margin-left:0}.no-gutters>.col,.no-gutters>[class*=col-]{padding-right:0;padding-left:0}.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{position:relative;width:100%;padding-right:15px;padding-left:15px}.col{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-first{-ms-flex-order:-1;order:-1}.order-last{-ms-flex-order:13;order:13}.order-0{-ms-flex-order:0;order:0}.order-1{-ms-flex-order:1;order:1}.order-2{-ms-flex-order:2;order:2}.order-3{-ms-flex-order:3;order:3}.order-4{-ms-flex-order:4;order:4}.order-5{-ms-flex-order:5;order:5}.order-6{-ms-flex-order:6;order:6}.order-7{-ms-flex-order:7;order:7}.order-8{-ms-flex-order:8;order:8}.order-9{-ms-flex-order:9;order:9}.order-10{-ms-flex-order:10;order:10}.order-11{-ms-flex-order:11;order:11}.order-12{-ms-flex-order:12;order:12}.offset-1{margin-left:8.333333%}.offset-2{margin-left:16.666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.333333%}.offset-5{margin-left:41.666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.333333%}.offset-8{margin-left:66.666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.333333%}.offset-11{margin-left:91.666667%}@media (min-width:576px){.col-sm{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-sm-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-sm-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-sm-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-sm-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-sm-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-sm-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-sm-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-sm-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-sm-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-sm-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-sm-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-sm-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-sm-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-sm-first{-ms-flex-order:-1;order:-1}.order-sm-last{-ms-flex-order:13;order:13}.order-sm-0{-ms-flex-order:0;order:0}.order-sm-1{-ms-flex-order:1;order:1}.order-sm-2{-ms-flex-order:2;order:2}.order-sm-3{-ms-flex-order:3;order:3}.order-sm-4{-ms-flex-order:4;order:4}.order-sm-5{-ms-flex-order:5;order:5}.order-sm-6{-ms-flex-order:6;order:6}.order-sm-7{-ms-flex-order:7;order:7}.order-sm-8{-ms-flex-order:8;order:8}.order-sm-9{-ms-flex-order:9;order:9}.order-sm-10{-ms-flex-order:10;order:10}.order-sm-11{-ms-flex-order:11;order:11}.order-sm-12{-ms-flex-order:12;order:12}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.333333%}.offset-sm-2{margin-left:16.666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.333333%}.offset-sm-5{margin-left:41.666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.333333%}.offset-sm-8{margin-left:66.666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.333333%}.offset-sm-11{margin-left:91.666667%}}@media (min-width:768px){.col-md{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-md-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-md-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-md-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-md-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-md-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-md-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-md-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-md-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-md-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-md-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-md-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-md-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-md-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-md-first{-ms-flex-order:-1;order:-1}.order-md-last{-ms-flex-order:13;order:13}.order-md-0{-ms-flex-order:0;order:0}.order-md-1{-ms-flex-order:1;order:1}.order-md-2{-ms-flex-order:2;order:2}.order-md-3{-ms-flex-order:3;order:3}.order-md-4{-ms-flex-order:4;order:4}.order-md-5{-ms-flex-order:5;order:5}.order-md-6{-ms-flex-order:6;order:6}.order-md-7{-ms-flex-order:7;order:7}.order-md-8{-ms-flex-order:8;order:8}.order-md-9{-ms-flex-order:9;order:9}.order-md-10{-ms-flex-order:10;order:10}.order-md-11{-ms-flex-order:11;order:11}.order-md-12{-ms-flex-order:12;order:12}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.333333%}.offset-md-2{margin-left:16.666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.333333%}.offset-md-5{margin-left:41.666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.333333%}.offset-md-8{margin-left:66.666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.333333%}.offset-md-11{margin-left:91.666667%}}@media (min-width:992px){.col-lg{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-lg-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-lg-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-lg-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-lg-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-lg-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-lg-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-lg-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-lg-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-lg-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-lg-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-lg-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-lg-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-lg-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-lg-first{-ms-flex-order:-1;order:-1}.order-lg-last{-ms-flex-order:13;order:13}.order-lg-0{-ms-flex-order:0;order:0}.order-lg-1{-ms-flex-order:1;order:1}.order-lg-2{-ms-flex-order:2;order:2}.order-lg-3{-ms-flex-order:3;order:3}.order-lg-4{-ms-flex-order:4;order:4}.order-lg-5{-ms-flex-order:5;order:5}.order-lg-6{-ms-flex-order:6;order:6}.order-lg-7{-ms-flex-order:7;order:7}.order-lg-8{-ms-flex-order:8;order:8}.order-lg-9{-ms-flex-order:9;order:9}.order-lg-10{-ms-flex-order:10;order:10}.order-lg-11{-ms-flex-order:11;order:11}.order-lg-12{-ms-flex-order:12;order:12}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.333333%}.offset-lg-2{margin-left:16.666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.333333%}.offset-lg-5{margin-left:41.666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.333333%}.offset-lg-8{margin-left:66.666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.333333%}.offset-lg-11{margin-left:91.666667%}}@media (min-width:1200px){.col-xl{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-xl-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-xl-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-xl-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-xl-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-xl-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-xl-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-xl-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-xl-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-xl-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-xl-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-xl-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-xl-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-xl-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-xl-first{-ms-flex-order:-1;order:-1}.order-xl-last{-ms-flex-order:13;order:13}.order-xl-0{-ms-flex-order:0;order:0}.order-xl-1{-ms-flex-order:1;order:1}.order-xl-2{-ms-flex-order:2;order:2}.order-xl-3{-ms-flex-order:3;order:3}.order-xl-4{-ms-flex-order:4;order:4}.order-xl-5{-ms-flex-order:5;order:5}.order-xl-6{-ms-flex-order:6;order:6}.order-xl-7{-ms-flex-order:7;order:7}.order-xl-8{-ms-flex-order:8;order:8}.order-xl-9{-ms-flex-order:9;order:9}.order-xl-10{-ms-flex-order:10;order:10}.order-xl-11{-ms-flex-order:11;order:11}.order-xl-12{-ms-flex-order:12;order:12}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.333333%}.offset-xl-2{margin-left:16.666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.333333%}.offset-xl-5{margin-left:41.666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.333333%}.offset-xl-8{margin-left:66.666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.333333%}.offset-xl-11{margin-left:91.666667%}}.table{width:100%;margin-bottom:1rem;background-color:transparent}.table td,.table th{padding:.75rem;vertical-align:top;border-top:1px solid #dee2e6}.table thead th{vertical-align:bottom;border-bottom:2px solid #dee2e6}.table tbody+tbody{border-top:2px solid #dee2e6}.table .table{background-color:#fff}.table-sm td,.table-sm th{padding:.3rem}.table-bordered{border:1px solid #dee2e6}.table-bordered td,.table-bordered th{border:1px solid #dee2e6}.table-bordered thead td,.table-bordered thead th{border-bottom-width:2px}.table-borderless tbody+tbody,.table-borderless td,.table-borderless th,.table-borderless thead th{border:0}.table-striped tbody tr:nth-of-type(odd){background-color:rgba(0,0,0,.05)}.table-hover tbody tr:hover{background-color:rgba(0,0,0,.075)}.table-primary,.table-primary>td,.table-primary>th{background-color:#b8daff}.table-primary tbody+tbody,.table-primary td,.table-primary th,.table-primary thead th{border-color:#7abaff}.table-hover .table-primary:hover{background-color:#9fcdff}.table-hover .table-primary:hover>td,.table-hover .table-primary:hover>th{background-color:#9fcdff}.table-secondary,.table-secondary>td,.table-secondary>th{background-color:#d6d8db}.table-secondary tbody+tbody,.table-secondary td,.table-secondary th,.table-secondary thead th{border-color:#b3b7bb}.table-hover .table-secondary:hover{background-color:#c8cbcf}.table-hover .table-secondary:hover>td,.table-hover .table-secondary:hover>th{background-color:#c8cbcf}.table-success,.table-success>td,.table-success>th{background-color:#c3e6cb}.table-success tbody+tbody,.table-success td,.table-success th,.table-success thead th{border-color:#8fd19e}.table-hover .table-success:hover{background-color:#b1dfbb}.table-hover .table-success:hover>td,.table-hover .table-success:hover>th{background-color:#b1dfbb}.table-info,.table-info>td,.table-info>th{background-color:#bee5eb}.table-info tbody+tbody,.table-info td,.table-info th,.table-info thead th{border-color:#86cfda}.table-hover .table-info:hover{background-color:#abdde5}.table-hover .table-info:hover>td,.table-hover .table-info:hover>th{background-color:#abdde5}.table-warning,.table-warning>td,.table-warning>th{background-color:#ffeeba}.table-warning tbody+tbody,.table-warning td,.table-warning th,.table-warning thead th{border-color:#ffdf7e}.table-hover .table-warning:hover{background-color:#ffe8a1}.table-hover .table-warning:hover>td,.table-hover .table-warning:hover>th{background-color:#ffe8a1}.table-danger,.table-danger>td,.table-danger>th{background-color:#f5c6cb}.table-danger tbody+tbody,.table-danger td,.table-danger th,.table-danger thead th{border-color:#ed969e}.table-hover .table-danger:hover{background-color:#f1b0b7}.table-hover .table-danger:hover>td,.table-hover .table-danger:hover>th{background-color:#f1b0b7}.table-light,.table-light>td,.table-light>th{background-color:#fdfdfe}.table-light tbody+tbody,.table-light td,.table-light th,.table-light thead th{border-color:#fbfcfc}.table-hover .table-light:hover{background-color:#ececf6}.table-hover .table-light:hover>td,.table-hover .table-light:hover>th{background-color:#ececf6}.table-dark,.table-dark>td,.table-dark>th{background-color:#c6c8ca}.table-dark tbody+tbody,.table-dark td,.table-dark th,.table-dark thead th{border-color:#95999c}.table-hover .table-dark:hover{background-color:#b9bbbe}.table-hover .table-dark:hover>td,.table-hover .table-dark:hover>th{background-color:#b9bbbe}.table-active,.table-active>td,.table-active>th{background-color:rgba(0,0,0,.075)}.table-hover .table-active:hover{background-color:rgba(0,0,0,.075)}.table-hover .table-active:hover>td,.table-hover .table-active:hover>th{background-color:rgba(0,0,0,.075)}.table .thead-dark th{color:#fff;background-color:#212529;border-color:#32383e}.table .thead-light th{color:#495057;background-color:#e9ecef;border-color:#dee2e6}.table-dark{color:#fff;background-color:#212529}.table-dark td,.table-dark th,.table-dark thead th{border-color:#32383e}.table-dark.table-bordered{border:0}.table-dark.table-striped tbody tr:nth-of-type(odd){background-color:rgba(255,255,255,.05)}.table-dark.table-hover tbody tr:hover{background-color:rgba(255,255,255,.075)}@media (max-width:575.98px){.table-responsive-sm{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}.table-responsive-sm>.table-bordered{border:0}}@media (max-width:767.98px){.table-responsive-md{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}.table-responsive-md>.table-bordered{border:0}}@media (max-width:991.98px){.table-responsive-lg{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}.table-responsive-lg>.table-bordered{border:0}}@media (max-width:1199.98px){.table-responsive-xl{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}.table-responsive-xl>.table-bordered{border:0}}.table-responsive{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}.table-responsive>.table-bordered{border:0}.form-control{display:block;width:100%;height:calc(2.25rem + 2px);padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media screen and (prefers-reduced-motion:reduce){.form-control{transition:none}}.form-control::-ms-expand{background-color:transparent;border:0}.form-control:focus{color:#495057;background-color:#fff;border-color:#80bdff;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.form-control::-webkit-input-placeholder{color:#6c757d;opacity:1}.form-control::-moz-placeholder{color:#6c757d;opacity:1}.form-control:-ms-input-placeholder{color:#6c757d;opacity:1}.form-control::-ms-input-placeholder{color:#6c757d;opacity:1}.form-control::placeholder{color:#6c757d;opacity:1}.form-control:disabled,.form-control[readonly]{background-color:#e9ecef;opacity:1}select.form-control:focus::-ms-value{color:#495057;background-color:#fff}.form-control-file,.form-control-range{display:block;width:100%}.col-form-label{padding-top:calc(.375rem + 1px);padding-bottom:calc(.375rem + 1px);margin-bottom:0;font-size:inherit;line-height:1.5}.col-form-label-lg{padding-top:calc(.5rem + 1px);padding-bottom:calc(.5rem + 1px);font-size:1.25rem;line-height:1.5}.col-form-label-sm{padding-top:calc(.25rem + 1px);padding-bottom:calc(.25rem + 1px);font-size:.875rem;line-height:1.5}.form-control-plaintext{display:block;width:100%;padding-top:.375rem;padding-bottom:.375rem;margin-bottom:0;line-height:1.5;color:#212529;background-color:transparent;border:solid transparent;border-width:1px 0}.form-control-plaintext.form-control-lg,.form-control-plaintext.form-control-sm{padding-right:0;padding-left:0}.form-control-sm{height:calc(1.8125rem + 2px);padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:.2rem}.form-control-lg{height:calc(2.875rem + 2px);padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem}select.form-control[multiple],select.form-control[size]{height:auto}textarea.form-control{height:auto}.form-group{margin-bottom:1rem}.form-text{display:block;margin-top:.25rem}.form-row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-5px;margin-left:-5px}.form-row>.col,.form-row>[class*=col-]{padding-right:5px;padding-left:5px}.form-check{position:relative;display:block;padding-left:1.25rem}.form-check-input{position:absolute;margin-top:.3rem;margin-left:-1.25rem}.form-check-input:disabled~.form-check-label{color:#6c757d}.form-check-label{margin-bottom:0}.form-check-inline{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;padding-left:0;margin-right:.75rem}.form-check-inline .form-check-input{position:static;margin-top:0;margin-right:.3125rem;margin-left:0}.valid-feedback{display:none;width:100%;margin-top:.25rem;font-size:80%;color:#28a745}.valid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.875rem;line-height:1.5;color:#fff;background-color:rgba(40,167,69,.9);border-radius:.25rem}.form-control.is-valid,.was-validated .form-control:valid{border-color:#28a745;padding-right:2.25rem;background-repeat:no-repeat;background-position:center right calc(2.25rem / 4);background-size:calc(2.25rem / 2) calc(2.25rem / 2);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e")}.form-control.is-valid:focus,.was-validated .form-control:valid:focus{border-color:#28a745;box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.form-control.is-valid~.valid-feedback,.form-control.is-valid~.valid-tooltip,.was-validated .form-control:valid~.valid-feedback,.was-validated .form-control:valid~.valid-tooltip{display:block}.was-validated textarea.form-control:valid,textarea.form-control.is-valid{padding-right:2.25rem;background-position:top calc(2.25rem / 4) right calc(2.25rem / 4)}.custom-select.is-valid,.was-validated .custom-select:valid{border-color:#28a745;padding-right:3.4375rem;background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px,url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") no-repeat center right 1.75rem/1.125rem 1.125rem}.custom-select.is-valid:focus,.was-validated .custom-select:valid:focus{border-color:#28a745;box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.custom-select.is-valid~.valid-feedback,.custom-select.is-valid~.valid-tooltip,.was-validated .custom-select:valid~.valid-feedback,.was-validated .custom-select:valid~.valid-tooltip{display:block}.form-control-file.is-valid~.valid-feedback,.form-control-file.is-valid~.valid-tooltip,.was-validated .form-control-file:valid~.valid-feedback,.was-validated .form-control-file:valid~.valid-tooltip{display:block}.form-check-input.is-valid~.form-check-label,.was-validated .form-check-input:valid~.form-check-label{color:#28a745}.form-check-input.is-valid~.valid-feedback,.form-check-input.is-valid~.valid-tooltip,.was-validated .form-check-input:valid~.valid-feedback,.was-validated .form-check-input:valid~.valid-tooltip{display:block}.custom-control-input.is-valid~.custom-control-label,.was-validated .custom-control-input:valid~.custom-control-label{color:#28a745}.custom-control-input.is-valid~.custom-control-label::before,.was-validated .custom-control-input:valid~.custom-control-label::before{border-color:#28a745}.custom-control-input.is-valid~.valid-feedback,.custom-control-input.is-valid~.valid-tooltip,.was-validated .custom-control-input:valid~.valid-feedback,.was-validated .custom-control-input:valid~.valid-tooltip{display:block}.custom-control-input.is-valid:checked~.custom-control-label::before,.was-validated .custom-control-input:valid:checked~.custom-control-label::before{border-color:#34ce57;background-color:#34ce57}.custom-control-input.is-valid:focus~.custom-control-label::before,.was-validated .custom-control-input:valid:focus~.custom-control-label::before{box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.custom-control-input.is-valid:focus:not(:checked)~.custom-control-label::before,.was-validated .custom-control-input:valid:focus:not(:checked)~.custom-control-label::before{border-color:#28a745}.custom-file-input.is-valid~.custom-file-label,.was-validated .custom-file-input:valid~.custom-file-label{border-color:#28a745}.custom-file-input.is-valid~.valid-feedback,.custom-file-input.is-valid~.valid-tooltip,.was-validated .custom-file-input:valid~.valid-feedback,.was-validated .custom-file-input:valid~.valid-tooltip{display:block}.custom-file-input.is-valid:focus~.custom-file-label,.was-validated .custom-file-input:valid:focus~.custom-file-label{border-color:#28a745;box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.invalid-feedback{display:none;width:100%;margin-top:.25rem;font-size:80%;color:#dc3545}.invalid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.875rem;line-height:1.5;color:#fff;background-color:rgba(220,53,69,.9);border-radius:.25rem}.form-control.is-invalid,.was-validated .form-control:invalid{border-color:#dc3545;padding-right:2.25rem;background-repeat:no-repeat;background-position:center right calc(2.25rem / 4);background-size:calc(2.25rem / 2) calc(2.25rem / 2);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23d9534f' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E")}.form-control.is-invalid:focus,.was-validated .form-control:invalid:focus{border-color:#dc3545;box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.form-control.is-invalid~.invalid-feedback,.form-control.is-invalid~.invalid-tooltip,.was-validated .form-control:invalid~.invalid-feedback,.was-validated .form-control:invalid~.invalid-tooltip{display:block}.was-validated textarea.form-control:invalid,textarea.form-control.is-invalid{padding-right:2.25rem;background-position:top calc(2.25rem / 4) right calc(2.25rem / 4)}.custom-select.is-invalid,.was-validated .custom-select:invalid{border-color:#dc3545;padding-right:3.4375rem;background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px,url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23d9534f' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E") no-repeat center right 1.75rem/1.125rem 1.125rem}.custom-select.is-invalid:focus,.was-validated .custom-select:invalid:focus{border-color:#dc3545;box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.custom-select.is-invalid~.invalid-feedback,.custom-select.is-invalid~.invalid-tooltip,.was-validated .custom-select:invalid~.invalid-feedback,.was-validated .custom-select:invalid~.invalid-tooltip{display:block}.form-control-file.is-invalid~.invalid-feedback,.form-control-file.is-invalid~.invalid-tooltip,.was-validated .form-control-file:invalid~.invalid-feedback,.was-validated .form-control-file:invalid~.invalid-tooltip{display:block}.form-check-input.is-invalid~.form-check-label,.was-validated .form-check-input:invalid~.form-check-label{color:#dc3545}.form-check-input.is-invalid~.invalid-feedback,.form-check-input.is-invalid~.invalid-tooltip,.was-validated .form-check-input:invalid~.invalid-feedback,.was-validated .form-check-input:invalid~.invalid-tooltip{display:block}.custom-control-input.is-invalid~.custom-control-label,.was-validated .custom-control-input:invalid~.custom-control-label{color:#dc3545}.custom-control-input.is-invalid~.custom-control-label::before,.was-validated .custom-control-input:invalid~.custom-control-label::before{border-color:#dc3545}.custom-control-input.is-invalid~.invalid-feedback,.custom-control-input.is-invalid~.invalid-tooltip,.was-validated .custom-control-input:invalid~.invalid-feedback,.was-validated .custom-control-input:invalid~.invalid-tooltip{display:block}.custom-control-input.is-invalid:checked~.custom-control-label::before,.was-validated .custom-control-input:invalid:checked~.custom-control-label::before{border-color:#e4606d;background-color:#e4606d}.custom-control-input.is-invalid:focus~.custom-control-label::before,.was-validated .custom-control-input:invalid:focus~.custom-control-label::before{box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label::before,.was-validated .custom-control-input:invalid:focus:not(:checked)~.custom-control-label::before{border-color:#dc3545}.custom-file-input.is-invalid~.custom-file-label,.was-validated .custom-file-input:invalid~.custom-file-label{border-color:#dc3545}.custom-file-input.is-invalid~.invalid-feedback,.custom-file-input.is-invalid~.invalid-tooltip,.was-validated .custom-file-input:invalid~.invalid-feedback,.was-validated .custom-file-input:invalid~.invalid-tooltip{display:block}.custom-file-input.is-invalid:focus~.custom-file-label,.was-validated .custom-file-input:invalid:focus~.custom-file-label{border-color:#dc3545;box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.form-inline{display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-align:center;align-items:center}.form-inline .form-check{width:100%}@media (min-width:576px){.form-inline label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin-bottom:0}.form-inline .form-group{display:-ms-flexbox;display:flex;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-align:center;align-items:center;margin-bottom:0}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .form-control-plaintext{display:inline-block}.form-inline .custom-select,.form-inline .input-group{width:auto}.form-inline .form-check{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:auto;padding-left:0}.form-inline .form-check-input{position:relative;margin-top:0;margin-right:.25rem;margin-left:0}.form-inline .custom-control{-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.form-inline .custom-control-label{margin-bottom:0}}.btn{display:inline-block;font-weight:400;color:#212529;text-align:center;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:transparent;border:1px solid transparent;padding:.375rem .75rem;font-size:1rem;line-height:1.5;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media screen and (prefers-reduced-motion:reduce){.btn{transition:none}}.btn:hover{color:#212529;text-decoration:none}.btn.focus,.btn:focus{outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.btn.disabled,.btn:disabled{opacity:.65}.btn:not(:disabled):not(.disabled){cursor:pointer}a.btn.disabled,fieldset:disabled a.btn{pointer-events:none}.btn-primary{color:#fff;background-color:#007bff;border-color:#007bff}.btn-primary:hover{color:#fff;background-color:#0069d9;border-color:#0062cc}.btn-primary.focus,.btn-primary:focus{box-shadow:0 0 0 .2rem rgba(38,143,255,.5)}.btn-primary.disabled,.btn-primary:disabled{color:#fff;background-color:#007bff;border-color:#007bff}.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle{color:#fff;background-color:#0062cc;border-color:#005cbf}.btn-primary:not(:disabled):not(.disabled).active:focus,.btn-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(38,143,255,.5)}.btn-secondary{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-secondary:hover{color:#fff;background-color:#5a6268;border-color:#545b62}.btn-secondary.focus,.btn-secondary:focus{box-shadow:0 0 0 .2rem rgba(130,138,145,.5)}.btn-secondary.disabled,.btn-secondary:disabled{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-secondary:not(:disabled):not(.disabled).active,.btn-secondary:not(:disabled):not(.disabled):active,.show>.btn-secondary.dropdown-toggle{color:#fff;background-color:#545b62;border-color:#4e555b}.btn-secondary:not(:disabled):not(.disabled).active:focus,.btn-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(130,138,145,.5)}.btn-success{color:#fff;background-color:#28a745;border-color:#28a745}.btn-success:hover{color:#fff;background-color:#218838;border-color:#1e7e34}.btn-success.focus,.btn-success:focus{box-shadow:0 0 0 .2rem rgba(72,180,97,.5)}.btn-success.disabled,.btn-success:disabled{color:#fff;background-color:#28a745;border-color:#28a745}.btn-success:not(:disabled):not(.disabled).active,.btn-success:not(:disabled):not(.disabled):active,.show>.btn-success.dropdown-toggle{color:#fff;background-color:#1e7e34;border-color:#1c7430}.btn-success:not(:disabled):not(.disabled).active:focus,.btn-success:not(:disabled):not(.disabled):active:focus,.show>.btn-success.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(72,180,97,.5)}.btn-info{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-info:hover{color:#fff;background-color:#138496;border-color:#117a8b}.btn-info.focus,.btn-info:focus{box-shadow:0 0 0 .2rem rgba(58,176,195,.5)}.btn-info.disabled,.btn-info:disabled{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-info:not(:disabled):not(.disabled).active,.btn-info:not(:disabled):not(.disabled):active,.show>.btn-info.dropdown-toggle{color:#fff;background-color:#117a8b;border-color:#10707f}.btn-info:not(:disabled):not(.disabled).active:focus,.btn-info:not(:disabled):not(.disabled):active:focus,.show>.btn-info.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(58,176,195,.5)}.btn-warning{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-warning:hover{color:#212529;background-color:#e0a800;border-color:#d39e00}.btn-warning.focus,.btn-warning:focus{box-shadow:0 0 0 .2rem rgba(222,170,12,.5)}.btn-warning.disabled,.btn-warning:disabled{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-warning:not(:disabled):not(.disabled).active,.btn-warning:not(:disabled):not(.disabled):active,.show>.btn-warning.dropdown-toggle{color:#212529;background-color:#d39e00;border-color:#c69500}.btn-warning:not(:disabled):not(.disabled).active:focus,.btn-warning:not(:disabled):not(.disabled):active:focus,.show>.btn-warning.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(222,170,12,.5)}.btn-danger{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-danger:hover{color:#fff;background-color:#c82333;border-color:#bd2130}.btn-danger.focus,.btn-danger:focus{box-shadow:0 0 0 .2rem rgba(225,83,97,.5)}.btn-danger.disabled,.btn-danger:disabled{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-danger:not(:disabled):not(.disabled).active,.btn-danger:not(:disabled):not(.disabled):active,.show>.btn-danger.dropdown-toggle{color:#fff;background-color:#bd2130;border-color:#b21f2d}.btn-danger:not(:disabled):not(.disabled).active:focus,.btn-danger:not(:disabled):not(.disabled):active:focus,.show>.btn-danger.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(225,83,97,.5)}.btn-light{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-light:hover{color:#212529;background-color:#e2e6ea;border-color:#dae0e5}.btn-light.focus,.btn-light:focus{box-shadow:0 0 0 .2rem rgba(216,217,219,.5)}.btn-light.disabled,.btn-light:disabled{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-light:not(:disabled):not(.disabled).active,.btn-light:not(:disabled):not(.disabled):active,.show>.btn-light.dropdown-toggle{color:#212529;background-color:#dae0e5;border-color:#d3d9df}.btn-light:not(:disabled):not(.disabled).active:focus,.btn-light:not(:disabled):not(.disabled):active:focus,.show>.btn-light.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(216,217,219,.5)}.btn-dark{color:#fff;background-color:#343a40;border-color:#343a40}.btn-dark:hover{color:#fff;background-color:#23272b;border-color:#1d2124}.btn-dark.focus,.btn-dark:focus{box-shadow:0 0 0 .2rem rgba(82,88,93,.5)}.btn-dark.disabled,.btn-dark:disabled{color:#fff;background-color:#343a40;border-color:#343a40}.btn-dark:not(:disabled):not(.disabled).active,.btn-dark:not(:disabled):not(.disabled):active,.show>.btn-dark.dropdown-toggle{color:#fff;background-color:#1d2124;border-color:#171a1d}.btn-dark:not(:disabled):not(.disabled).active:focus,.btn-dark:not(:disabled):not(.disabled):active:focus,.show>.btn-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(82,88,93,.5)}.btn-outline-primary{color:#007bff;border-color:#007bff}.btn-outline-primary:hover{color:#fff;background-color:#007bff;border-color:#007bff}.btn-outline-primary.focus,.btn-outline-primary:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}.btn-outline-primary.disabled,.btn-outline-primary:disabled{color:#007bff;background-color:transparent}.btn-outline-primary:not(:disabled):not(.disabled).active,.btn-outline-primary:not(:disabled):not(.disabled):active,.show>.btn-outline-primary.dropdown-toggle{color:#fff;background-color:#007bff;border-color:#007bff}.btn-outline-primary:not(:disabled):not(.disabled).active:focus,.btn-outline-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}.btn-outline-secondary{color:#6c757d;border-color:#6c757d}.btn-outline-secondary:hover{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-outline-secondary.focus,.btn-outline-secondary:focus{box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}.btn-outline-secondary.disabled,.btn-outline-secondary:disabled{color:#6c757d;background-color:transparent}.btn-outline-secondary:not(:disabled):not(.disabled).active,.btn-outline-secondary:not(:disabled):not(.disabled):active,.show>.btn-outline-secondary.dropdown-toggle{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}.btn-outline-success{color:#28a745;border-color:#28a745}.btn-outline-success:hover{color:#fff;background-color:#28a745;border-color:#28a745}.btn-outline-success.focus,.btn-outline-success:focus{box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.btn-outline-success.disabled,.btn-outline-success:disabled{color:#28a745;background-color:transparent}.btn-outline-success:not(:disabled):not(.disabled).active,.btn-outline-success:not(:disabled):not(.disabled):active,.show>.btn-outline-success.dropdown-toggle{color:#fff;background-color:#28a745;border-color:#28a745}.btn-outline-success:not(:disabled):not(.disabled).active:focus,.btn-outline-success:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-success.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.btn-outline-info{color:#17a2b8;border-color:#17a2b8}.btn-outline-info:hover{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-outline-info.focus,.btn-outline-info:focus{box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.btn-outline-info.disabled,.btn-outline-info:disabled{color:#17a2b8;background-color:transparent}.btn-outline-info:not(:disabled):not(.disabled).active,.btn-outline-info:not(:disabled):not(.disabled):active,.show>.btn-outline-info.dropdown-toggle{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-outline-info:not(:disabled):not(.disabled).active:focus,.btn-outline-info:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-info.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.btn-outline-warning{color:#ffc107;border-color:#ffc107}.btn-outline-warning:hover{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-outline-warning.focus,.btn-outline-warning:focus{box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}.btn-outline-warning.disabled,.btn-outline-warning:disabled{color:#ffc107;background-color:transparent}.btn-outline-warning:not(:disabled):not(.disabled).active,.btn-outline-warning:not(:disabled):not(.disabled):active,.show>.btn-outline-warning.dropdown-toggle{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-outline-warning:not(:disabled):not(.disabled).active:focus,.btn-outline-warning:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-warning.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}.btn-outline-danger{color:#dc3545;border-color:#dc3545}.btn-outline-danger:hover{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-outline-danger.focus,.btn-outline-danger:focus{box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.btn-outline-danger.disabled,.btn-outline-danger:disabled{color:#dc3545;background-color:transparent}.btn-outline-danger:not(:disabled):not(.disabled).active,.btn-outline-danger:not(:disabled):not(.disabled):active,.show>.btn-outline-danger.dropdown-toggle{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-outline-danger:not(:disabled):not(.disabled).active:focus,.btn-outline-danger:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-danger.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.btn-outline-light{color:#f8f9fa;border-color:#f8f9fa}.btn-outline-light:hover{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-outline-light.focus,.btn-outline-light:focus{box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}.btn-outline-light.disabled,.btn-outline-light:disabled{color:#f8f9fa;background-color:transparent}.btn-outline-light:not(:disabled):not(.disabled).active,.btn-outline-light:not(:disabled):not(.disabled):active,.show>.btn-outline-light.dropdown-toggle{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-outline-light:not(:disabled):not(.disabled).active:focus,.btn-outline-light:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-light.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}.btn-outline-dark{color:#343a40;border-color:#343a40}.btn-outline-dark:hover{color:#fff;background-color:#343a40;border-color:#343a40}.btn-outline-dark.focus,.btn-outline-dark:focus{box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}.btn-outline-dark.disabled,.btn-outline-dark:disabled{color:#343a40;background-color:transparent}.btn-outline-dark:not(:disabled):not(.disabled).active,.btn-outline-dark:not(:disabled):not(.disabled):active,.show>.btn-outline-dark.dropdown-toggle{color:#fff;background-color:#343a40;border-color:#343a40}.btn-outline-dark:not(:disabled):not(.disabled).active:focus,.btn-outline-dark:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}.btn-link{font-weight:400;color:#007bff}.btn-link:hover{color:#0056b3;text-decoration:underline}.btn-link.focus,.btn-link:focus{text-decoration:underline;box-shadow:none}.btn-link.disabled,.btn-link:disabled{color:#6c757d;pointer-events:none}.btn-group-lg>.btn,.btn-lg{padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem}.btn-group-sm>.btn,.btn-sm{padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:.2rem}.btn-block{display:block;width:100%}.btn-block+.btn-block{margin-top:.5rem}input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block{width:100%}.fade{transition:opacity .15s linear}@media screen and (prefers-reduced-motion:reduce){.fade{transition:none}}.fade:not(.show){opacity:0}.collapse:not(.show){display:none}.collapsing{position:relative;height:0;overflow:hidden;transition:height .35s ease}@media screen and (prefers-reduced-motion:reduce){.collapsing{transition:none}}.dropdown,.dropleft,.dropright,.dropup{position:relative}.dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid;border-right:.3em solid transparent;border-bottom:0;border-left:.3em solid transparent}.dropdown-toggle:empty::after{margin-left:0}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:10rem;padding:.5rem 0;margin:.125rem 0 0;font-size:1rem;color:#212529;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.15);border-radius:.25rem}.dropdown-menu-right{right:0;left:auto}@media (min-width:576px){.dropdown-menu-sm-right{right:0;left:auto}}@media (min-width:768px){.dropdown-menu-md-right{right:0;left:auto}}@media (min-width:992px){.dropdown-menu-lg-right{right:0;left:auto}}@media (min-width:1200px){.dropdown-menu-xl-right{right:0;left:auto}}.dropdown-menu-left{right:auto;left:0}@media (min-width:576px){.dropdown-menu-sm-left{right:auto;left:0}}@media (min-width:768px){.dropdown-menu-md-left{right:auto;left:0}}@media (min-width:992px){.dropdown-menu-lg-left{right:auto;left:0}}@media (min-width:1200px){.dropdown-menu-xl-left{right:auto;left:0}}.dropup .dropdown-menu{top:auto;bottom:100%;margin-top:0;margin-bottom:.125rem}.dropup .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:0;border-right:.3em solid transparent;border-bottom:.3em solid;border-left:.3em solid transparent}.dropup .dropdown-toggle:empty::after{margin-left:0}.dropright .dropdown-menu{top:0;right:auto;left:100%;margin-top:0;margin-left:.125rem}.dropright .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:0;border-bottom:.3em solid transparent;border-left:.3em solid}.dropright .dropdown-toggle:empty::after{margin-left:0}.dropright .dropdown-toggle::after{vertical-align:0}.dropleft .dropdown-menu{top:0;right:100%;left:auto;margin-top:0;margin-right:.125rem}.dropleft .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:""}.dropleft .dropdown-toggle::after{display:none}.dropleft .dropdown-toggle::before{display:inline-block;margin-right:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:.3em solid;border-bottom:.3em solid transparent}.dropleft .dropdown-toggle:empty::after{margin-left:0}.dropleft .dropdown-toggle::before{vertical-align:0}.dropdown-menu[x-placement^=bottom],.dropdown-menu[x-placement^=left],.dropdown-menu[x-placement^=right],.dropdown-menu[x-placement^=top]{right:auto;bottom:auto}.dropdown-divider{height:0;margin:.5rem 0;overflow:hidden;border-top:1px solid #e9ecef}.dropdown-item{display:block;width:100%;padding:.25rem 1.5rem;clear:both;font-weight:400;color:#212529;text-align:inherit;white-space:nowrap;background-color:transparent;border:0}.dropdown-item:first-child{border-top-left-radius:calc(.25rem - 1px);border-top-right-radius:calc(.25rem - 1px)}.dropdown-item:last-child{border-bottom-right-radius:calc(.25rem - 1px);border-bottom-left-radius:calc(.25rem - 1px)}.dropdown-item:focus,.dropdown-item:hover{color:#16181b;text-decoration:none;background-color:#f8f9fa}.dropdown-item.active,.dropdown-item:active{color:#fff;text-decoration:none;background-color:#007bff}.dropdown-item.disabled,.dropdown-item:disabled{color:#6c757d;pointer-events:none;background-color:transparent}.dropdown-menu.show{display:block}.dropdown-header{display:block;padding:.5rem 1.5rem;margin-bottom:0;font-size:.875rem;color:#6c757d;white-space:nowrap}.dropdown-item-text{display:block;padding:.25rem 1.5rem;color:#212529}.btn-group,.btn-group-vertical{position:relative;display:-ms-inline-flexbox;display:inline-flex;vertical-align:middle}.btn-group-vertical>.btn,.btn-group>.btn{position:relative;-ms-flex:1 1 auto;flex:1 1 auto}.btn-group-vertical>.btn:hover,.btn-group>.btn:hover{z-index:1}.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus{z-index:1}.btn-toolbar{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:start;justify-content:flex-start}.btn-toolbar .input-group{width:auto}.btn-group>.btn-group:not(:first-child),.btn-group>.btn:not(:first-child){margin-left:-1px}.btn-group>.btn-group:not(:last-child)>.btn,.btn-group>.btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn-group:not(:first-child)>.btn,.btn-group>.btn:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.dropdown-toggle-split{padding-right:.5625rem;padding-left:.5625rem}.dropdown-toggle-split::after,.dropright .dropdown-toggle-split::after,.dropup .dropdown-toggle-split::after{margin-left:0}.dropleft .dropdown-toggle-split::before{margin-right:0}.btn-group-sm>.btn+.dropdown-toggle-split,.btn-sm+.dropdown-toggle-split{padding-right:.375rem;padding-left:.375rem}.btn-group-lg>.btn+.dropdown-toggle-split,.btn-lg+.dropdown-toggle-split{padding-right:.75rem;padding-left:.75rem}.btn-group-vertical{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:center;justify-content:center}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group{width:100%}.btn-group-vertical>.btn-group:not(:first-child),.btn-group-vertical>.btn:not(:first-child){margin-top:-1px}.btn-group-vertical>.btn-group:not(:last-child)>.btn,.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:not(:first-child)>.btn,.btn-group-vertical>.btn:not(:first-child){border-top-left-radius:0;border-top-right-radius:0}.btn-group-toggle>.btn,.btn-group-toggle>.btn-group>.btn{margin-bottom:0}.btn-group-toggle>.btn input[type=checkbox],.btn-group-toggle>.btn input[type=radio],.btn-group-toggle>.btn-group>.btn input[type=checkbox],.btn-group-toggle>.btn-group>.btn input[type=radio]{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.input-group{position:relative;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:stretch;align-items:stretch;width:100%}.input-group>.custom-file,.input-group>.custom-select,.input-group>.form-control,.input-group>.form-control-plaintext{position:relative;-ms-flex:1 1 auto;flex:1 1 auto;width:1%;margin-bottom:0}.input-group>.custom-file+.custom-file,.input-group>.custom-file+.custom-select,.input-group>.custom-file+.form-control,.input-group>.custom-select+.custom-file,.input-group>.custom-select+.custom-select,.input-group>.custom-select+.form-control,.input-group>.form-control+.custom-file,.input-group>.form-control+.custom-select,.input-group>.form-control+.form-control,.input-group>.form-control-plaintext+.custom-file,.input-group>.form-control-plaintext+.custom-select,.input-group>.form-control-plaintext+.form-control{margin-left:-1px}.input-group>.custom-file .custom-file-input:focus~.custom-file-label,.input-group>.custom-select:focus,.input-group>.form-control:focus{z-index:3}.input-group>.custom-file .custom-file-input:focus{z-index:4}.input-group>.custom-select:not(:last-child),.input-group>.form-control:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.custom-select:not(:first-child),.input-group>.form-control:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.input-group>.custom-file{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.input-group>.custom-file:not(:last-child) .custom-file-label,.input-group>.custom-file:not(:last-child) .custom-file-label::after{border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.custom-file:not(:first-child) .custom-file-label{border-top-left-radius:0;border-bottom-left-radius:0}.input-group-append,.input-group-prepend{display:-ms-flexbox;display:flex}.input-group-append .btn,.input-group-prepend .btn{position:relative;z-index:2}.input-group-append .btn:focus,.input-group-prepend .btn:focus{z-index:3}.input-group-append .btn+.btn,.input-group-append .btn+.input-group-text,.input-group-append .input-group-text+.btn,.input-group-append .input-group-text+.input-group-text,.input-group-prepend .btn+.btn,.input-group-prepend .btn+.input-group-text,.input-group-prepend .input-group-text+.btn,.input-group-prepend .input-group-text+.input-group-text{margin-left:-1px}.input-group-prepend{margin-right:-1px}.input-group-append{margin-left:-1px}.input-group-text{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:.375rem .75rem;margin-bottom:0;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;text-align:center;white-space:nowrap;background-color:#e9ecef;border:1px solid #ced4da;border-radius:.25rem}.input-group-text input[type=checkbox],.input-group-text input[type=radio]{margin-top:0}.input-group-lg>.custom-select,.input-group-lg>.form-control:not(textarea){height:calc(2.875rem + 2px)}.input-group-lg>.custom-select,.input-group-lg>.form-control,.input-group-lg>.input-group-append>.btn,.input-group-lg>.input-group-append>.input-group-text,.input-group-lg>.input-group-prepend>.btn,.input-group-lg>.input-group-prepend>.input-group-text{padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem}.input-group-sm>.custom-select,.input-group-sm>.form-control:not(textarea){height:calc(1.8125rem + 2px)}.input-group-sm>.custom-select,.input-group-sm>.form-control,.input-group-sm>.input-group-append>.btn,.input-group-sm>.input-group-append>.input-group-text,.input-group-sm>.input-group-prepend>.btn,.input-group-sm>.input-group-prepend>.input-group-text{padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:.2rem}.input-group-lg>.custom-select,.input-group-sm>.custom-select{padding-right:1.75rem}.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),.input-group>.input-group-append:last-child>.input-group-text:not(:last-child),.input-group>.input-group-append:not(:last-child)>.btn,.input-group>.input-group-append:not(:last-child)>.input-group-text,.input-group>.input-group-prepend>.btn,.input-group>.input-group-prepend>.input-group-text{border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.input-group-append>.btn,.input-group>.input-group-append>.input-group-text,.input-group>.input-group-prepend:first-child>.btn:not(:first-child),.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),.input-group>.input-group-prepend:not(:first-child)>.btn,.input-group>.input-group-prepend:not(:first-child)>.input-group-text{border-top-left-radius:0;border-bottom-left-radius:0}.custom-control{position:relative;display:block;min-height:1.5rem;padding-left:1.5rem}.custom-control-inline{display:-ms-inline-flexbox;display:inline-flex;margin-right:1rem}.custom-control-input{position:absolute;z-index:-1;opacity:0}.custom-control-input:checked~.custom-control-label::before{color:#fff;border-color:#007bff;background-color:#007bff}.custom-control-input:focus~.custom-control-label::before{box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.custom-control-input:focus:not(:checked)~.custom-control-label::before{border-color:#80bdff}.custom-control-input:not(:disabled):active~.custom-control-label::before{color:#fff;background-color:#b3d7ff;border-color:#b3d7ff}.custom-control-input:disabled~.custom-control-label{color:#6c757d}.custom-control-input:disabled~.custom-control-label::before{background-color:#e9ecef}.custom-control-label{position:relative;margin-bottom:0;vertical-align:top}.custom-control-label::before{position:absolute;top:.25rem;left:-1.5rem;display:block;width:1rem;height:1rem;pointer-events:none;content:"";background-color:#fff;border:#adb5bd solid 1px}.custom-control-label::after{position:absolute;top:.25rem;left:-1.5rem;display:block;width:1rem;height:1rem;content:"";background-repeat:no-repeat;background-position:center center;background-size:50% 50%}.custom-checkbox .custom-control-label::before{border-radius:.25rem}.custom-checkbox .custom-control-input:checked~.custom-control-label::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e")}.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before{border-color:#007bff;background-color:#007bff}.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e")}.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before{background-color:rgba(0,123,255,.5)}.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before{background-color:rgba(0,123,255,.5)}.custom-radio .custom-control-label::before{border-radius:50%}.custom-radio .custom-control-input:checked~.custom-control-label::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")}.custom-radio .custom-control-input:disabled:checked~.custom-control-label::before{background-color:rgba(0,123,255,.5)}.custom-switch{padding-left:2.25rem}.custom-switch .custom-control-label::before{left:-2.25rem;width:1.75rem;pointer-events:all;border-radius:.5rem}.custom-switch .custom-control-label::after{top:calc(.25rem + 2px);left:calc(-2.25rem + 2px);width:calc(1rem - 4px);height:calc(1rem - 4px);background-color:#adb5bd;border-radius:.5rem;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-transform .15s ease-in-out;transition:transform .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:transform .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-transform .15s ease-in-out}@media screen and (prefers-reduced-motion:reduce){.custom-switch .custom-control-label::after{transition:none}}.custom-switch .custom-control-input:checked~.custom-control-label::after{background-color:#fff;-webkit-transform:translateX(.75rem);transform:translateX(.75rem)}.custom-switch .custom-control-input:disabled:checked~.custom-control-label::before{background-color:rgba(0,123,255,.5)}.custom-select{display:inline-block;width:100%;height:calc(2.25rem + 2px);padding:.375rem 1.75rem .375rem .75rem;font-weight:400;line-height:1.5;color:#495057;vertical-align:middle;background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px;background-color:#fff;border:1px solid #ced4da;border-radius:.25rem;-webkit-appearance:none;-moz-appearance:none;appearance:none}.custom-select:focus{border-color:#80bdff;outline:0;box-shadow:0 0 0 .2rem rgba(128,189,255,.5)}.custom-select:focus::-ms-value{color:#495057;background-color:#fff}.custom-select[multiple],.custom-select[size]:not([size="1"]){height:auto;padding-right:.75rem;background-image:none}.custom-select:disabled{color:#6c757d;background-color:#e9ecef}.custom-select::-ms-expand{opacity:0}.custom-select-sm{height:calc(1.8125rem + 2px);padding-top:.25rem;padding-bottom:.25rem;padding-left:.5rem;font-size:.875rem}.custom-select-lg{height:calc(2.875rem + 2px);padding-top:.5rem;padding-bottom:.5rem;padding-left:1rem;font-size:1.25rem}.custom-file{position:relative;display:inline-block;width:100%;height:calc(2.25rem + 2px);margin-bottom:0}.custom-file-input{position:relative;z-index:2;width:100%;height:calc(2.25rem + 2px);margin:0;opacity:0}.custom-file-input:focus~.custom-file-label{border-color:#80bdff;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.custom-file-input:disabled~.custom-file-label{background-color:#e9ecef}.custom-file-input:lang(en)~.custom-file-label::after{content:"Browse"}.custom-file-input~.custom-file-label[data-browse]::after{content:attr(data-browse)}.custom-file-label{position:absolute;top:0;right:0;left:0;z-index:1;height:calc(2.25rem + 2px);padding:.375rem .75rem;font-weight:400;line-height:1.5;color:#495057;background-color:#fff;border:1px solid #ced4da;border-radius:.25rem}.custom-file-label::after{position:absolute;top:0;right:0;bottom:0;z-index:3;display:block;height:2.25rem;padding:.375rem .75rem;line-height:1.5;color:#495057;content:"Browse";background-color:#e9ecef;border-left:inherit;border-radius:0 .25rem .25rem 0}.custom-range{width:100%;height:calc(1rem + .4rem);padding:0;background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none}.custom-range:focus{outline:0}.custom-range:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)}.custom-range:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)}.custom-range:focus::-ms-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)}.custom-range::-moz-focus-outer{border:0}.custom-range::-webkit-slider-thumb{width:1rem;height:1rem;margin-top:-.25rem;background-color:#007bff;border:0;border-radius:1rem;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;-webkit-appearance:none;appearance:none}@media screen and (prefers-reduced-motion:reduce){.custom-range::-webkit-slider-thumb{transition:none}}.custom-range::-webkit-slider-thumb:active{background-color:#b3d7ff}.custom-range::-webkit-slider-runnable-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:#dee2e6;border-color:transparent;border-radius:1rem}.custom-range::-moz-range-thumb{width:1rem;height:1rem;background-color:#007bff;border:0;border-radius:1rem;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;-moz-appearance:none;appearance:none}@media screen and (prefers-reduced-motion:reduce){.custom-range::-moz-range-thumb{transition:none}}.custom-range::-moz-range-thumb:active{background-color:#b3d7ff}.custom-range::-moz-range-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:#dee2e6;border-color:transparent;border-radius:1rem}.custom-range::-ms-thumb{width:1rem;height:1rem;margin-top:0;margin-right:.2rem;margin-left:.2rem;background-color:#007bff;border:0;border-radius:1rem;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;appearance:none}@media screen and (prefers-reduced-motion:reduce){.custom-range::-ms-thumb{transition:none}}.custom-range::-ms-thumb:active{background-color:#b3d7ff}.custom-range::-ms-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:transparent;border-color:transparent;border-width:.5rem}.custom-range::-ms-fill-lower{background-color:#dee2e6;border-radius:1rem}.custom-range::-ms-fill-upper{margin-right:15px;background-color:#dee2e6;border-radius:1rem}.custom-range:disabled::-webkit-slider-thumb{background-color:#adb5bd}.custom-range:disabled::-webkit-slider-runnable-track{cursor:default}.custom-range:disabled::-moz-range-thumb{background-color:#adb5bd}.custom-range:disabled::-moz-range-track{cursor:default}.custom-range:disabled::-ms-thumb{background-color:#adb5bd}.custom-control-label::before,.custom-file-label,.custom-select{transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media screen and (prefers-reduced-motion:reduce){.custom-control-label::before,.custom-file-label,.custom-select{transition:none}}.nav{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}.nav-link{display:block;padding:.5rem 1rem}.nav-link:focus,.nav-link:hover{text-decoration:none}.nav-link.disabled{color:#6c757d;pointer-events:none;cursor:default}.nav-tabs{border-bottom:1px solid #dee2e6}.nav-tabs .nav-item{margin-bottom:-1px}.nav-tabs .nav-link{border:1px solid transparent;border-top-left-radius:.25rem;border-top-right-radius:.25rem}.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover{border-color:#e9ecef #e9ecef #dee2e6}.nav-tabs .nav-link.disabled{color:#6c757d;background-color:transparent;border-color:transparent}.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{color:#495057;background-color:#fff;border-color:#dee2e6 #dee2e6 #fff}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-left-radius:0;border-top-right-radius:0}.nav-pills .nav-link{border-radius:.25rem}.nav-pills .nav-link.active,.nav-pills .show>.nav-link{color:#fff;background-color:#007bff}.nav-fill .nav-item{-ms-flex:1 1 auto;flex:1 1 auto;text-align:center}.nav-justified .nav-item{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;text-align:center}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.navbar{position:relative;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;padding:.5rem 1rem}.navbar>.container,.navbar>.container-fluid{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}.navbar-brand{display:inline-block;padding-top:.3125rem;padding-bottom:.3125rem;margin-right:1rem;font-size:1.25rem;line-height:inherit;white-space:nowrap}.navbar-brand:focus,.navbar-brand:hover{text-decoration:none}.navbar-nav{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding-left:0;margin-bottom:0;list-style:none}.navbar-nav .nav-link{padding-right:0;padding-left:0}.navbar-nav .dropdown-menu{position:static;float:none}.navbar-text{display:inline-block;padding-top:.5rem;padding-bottom:.5rem}.navbar-collapse{-ms-flex-preferred-size:100%;flex-basis:100%;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center}.navbar-toggler{padding:.25rem .75rem;font-size:1.25rem;line-height:1;background-color:transparent;border:1px solid transparent;border-radius:.25rem}.navbar-toggler:focus,.navbar-toggler:hover{text-decoration:none}.navbar-toggler:not(:disabled):not(.disabled){cursor:pointer}.navbar-toggler-icon{display:inline-block;width:1.5em;height:1.5em;vertical-align:middle;content:"";background:no-repeat center center;background-size:100% 100%}@media (max-width:575.98px){.navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid{padding-right:0;padding-left:0}}@media (min-width:576px){.navbar-expand-sm{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-sm .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand-sm .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-sm .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-sm .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-sm .navbar-toggler{display:none}}@media (max-width:767.98px){.navbar-expand-md>.container,.navbar-expand-md>.container-fluid{padding-right:0;padding-left:0}}@media (min-width:768px){.navbar-expand-md{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-md .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand-md .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-md .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-md>.container,.navbar-expand-md>.container-fluid{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-md .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-md .navbar-toggler{display:none}}@media (max-width:991.98px){.navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid{padding-right:0;padding-left:0}}@media (min-width:992px){.navbar-expand-lg{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-lg .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand-lg .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-lg .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-lg .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-lg .navbar-toggler{display:none}}@media (max-width:1199.98px){.navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid{padding-right:0;padding-left:0}}@media (min-width:1200px){.navbar-expand-xl{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-xl .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand-xl .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-xl .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-xl .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-xl .navbar-toggler{display:none}}.navbar-expand{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand>.container,.navbar-expand>.container-fluid{padding-right:0;padding-left:0}.navbar-expand .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand .navbar-nav .dropdown-menu{position:absolute}.navbar-expand .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand>.container,.navbar-expand>.container-fluid{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand .navbar-toggler{display:none}.navbar-light .navbar-brand{color:rgba(0,0,0,.9)}.navbar-light .navbar-brand:focus,.navbar-light .navbar-brand:hover{color:rgba(0,0,0,.9)}.navbar-light .navbar-nav .nav-link{color:rgba(0,0,0,.5)}.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover{color:rgba(0,0,0,.7)}.navbar-light .navbar-nav .nav-link.disabled{color:rgba(0,0,0,.3)}.navbar-light .navbar-nav .active>.nav-link,.navbar-light .navbar-nav .nav-link.active,.navbar-light .navbar-nav .nav-link.show,.navbar-light .navbar-nav .show>.nav-link{color:rgba(0,0,0,.9)}.navbar-light .navbar-toggler{color:rgba(0,0,0,.5);border-color:rgba(0,0,0,.1)}.navbar-light .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}.navbar-light .navbar-text{color:rgba(0,0,0,.5)}.navbar-light .navbar-text a{color:rgba(0,0,0,.9)}.navbar-light .navbar-text a:focus,.navbar-light .navbar-text a:hover{color:rgba(0,0,0,.9)}.navbar-dark .navbar-brand{color:#fff}.navbar-dark .navbar-brand:focus,.navbar-dark .navbar-brand:hover{color:#fff}.navbar-dark .navbar-nav .nav-link{color:rgba(255,255,255,.5)}.navbar-dark .navbar-nav .nav-link:focus,.navbar-dark .navbar-nav .nav-link:hover{color:rgba(255,255,255,.75)}.navbar-dark .navbar-nav .nav-link.disabled{color:rgba(255,255,255,.25)}.navbar-dark .navbar-nav .active>.nav-link,.navbar-dark .navbar-nav .nav-link.active,.navbar-dark .navbar-nav .nav-link.show,.navbar-dark .navbar-nav .show>.nav-link{color:#fff}.navbar-dark .navbar-toggler{color:rgba(255,255,255,.5);border-color:rgba(255,255,255,.1)}.navbar-dark .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}.navbar-dark .navbar-text{color:rgba(255,255,255,.5)}.navbar-dark .navbar-text a{color:#fff}.navbar-dark .navbar-text a:focus,.navbar-dark .navbar-text a:hover{color:#fff}.card{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;min-width:0;word-wrap:break-word;background-color:#fff;background-clip:border-box;border:1px solid rgba(0,0,0,.125);border-radius:.25rem}.card>hr{margin-right:0;margin-left:0}.card>.list-group:first-child .list-group-item:first-child{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.card>.list-group:last-child .list-group-item:last-child{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.card-body{-ms-flex:1 1 auto;flex:1 1 auto;padding:1.25rem}.card-title{margin-bottom:.75rem}.card-subtitle{margin-top:-.375rem;margin-bottom:0}.card-text:last-child{margin-bottom:0}.card-link:hover{text-decoration:none}.card-link+.card-link{margin-left:1.25rem}.card-header{padding:.75rem 1.25rem;margin-bottom:0;color:inherit;background-color:rgba(0,0,0,.03);border-bottom:1px solid rgba(0,0,0,.125)}.card-header:first-child{border-radius:calc(.25rem - 1px) calc(.25rem - 1px) 0 0}.card-header+.list-group .list-group-item:first-child{border-top:0}.card-footer{padding:.75rem 1.25rem;background-color:rgba(0,0,0,.03);border-top:1px solid rgba(0,0,0,.125)}.card-footer:last-child{border-radius:0 0 calc(.25rem - 1px) calc(.25rem - 1px)}.card-header-tabs{margin-right:-.625rem;margin-bottom:-.75rem;margin-left:-.625rem;border-bottom:0}.card-header-pills{margin-right:-.625rem;margin-left:-.625rem}.card-img-overlay{position:absolute;top:0;right:0;bottom:0;left:0;padding:1.25rem}.card-img{width:100%;border-radius:calc(.25rem - 1px)}.card-img-top{width:100%;border-top-left-radius:calc(.25rem - 1px);border-top-right-radius:calc(.25rem - 1px)}.card-img-bottom{width:100%;border-bottom-right-radius:calc(.25rem - 1px);border-bottom-left-radius:calc(.25rem - 1px)}.card-deck{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.card-deck .card{margin-bottom:15px}@media (min-width:576px){.card-deck{-ms-flex-flow:row wrap;flex-flow:row wrap;margin-right:-15px;margin-left:-15px}.card-deck .card{display:-ms-flexbox;display:flex;-ms-flex:1 0 0%;flex:1 0 0%;-ms-flex-direction:column;flex-direction:column;margin-right:15px;margin-bottom:0;margin-left:15px}}.card-group{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.card-group>.card{margin-bottom:15px}@media (min-width:576px){.card-group{-ms-flex-flow:row wrap;flex-flow:row wrap}.card-group>.card{-ms-flex:1 0 0%;flex:1 0 0%;margin-bottom:0}.card-group>.card+.card{margin-left:0;border-left:0}.card-group>.card:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.card-group>.card:first-child .card-header,.card-group>.card:first-child .card-img-top{border-top-right-radius:0}.card-group>.card:first-child .card-footer,.card-group>.card:first-child .card-img-bottom{border-bottom-right-radius:0}.card-group>.card:last-child{border-top-left-radius:0;border-bottom-left-radius:0}.card-group>.card:last-child .card-header,.card-group>.card:last-child .card-img-top{border-top-left-radius:0}.card-group>.card:last-child .card-footer,.card-group>.card:last-child .card-img-bottom{border-bottom-left-radius:0}.card-group>.card:only-child{border-radius:.25rem}.card-group>.card:only-child .card-header,.card-group>.card:only-child .card-img-top{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.card-group>.card:only-child .card-footer,.card-group>.card:only-child .card-img-bottom{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.card-group>.card:not(:first-child):not(:last-child):not(:only-child){border-radius:0}.card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-footer,.card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-header,.card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom,.card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-img-top{border-radius:0}}.card-columns .card{margin-bottom:.75rem}@media (min-width:576px){.card-columns{-webkit-column-count:3;-moz-column-count:3;column-count:3;-webkit-column-gap:1.25rem;-moz-column-gap:1.25rem;column-gap:1.25rem;orphans:1;widows:1}.card-columns .card{display:inline-block;width:100%}}.accordion .card{overflow:hidden}.accordion .card:not(:first-of-type) .card-header:first-child{border-radius:0}.accordion .card:not(:first-of-type):not(:last-of-type){border-bottom:0;border-radius:0}.accordion .card:first-of-type{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.accordion .card:last-of-type{border-top-left-radius:0;border-top-right-radius:0}.accordion .card .card-header{margin-bottom:-1px}.breadcrumb{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:.75rem 1rem;margin-bottom:1rem;list-style:none;background-color:#e9ecef;border-radius:.25rem}.breadcrumb-item+.breadcrumb-item{padding-left:.5rem}.breadcrumb-item+.breadcrumb-item::before{display:inline-block;padding-right:.5rem;color:#6c757d;content:"/"}.breadcrumb-item+.breadcrumb-item:hover::before{text-decoration:underline}.breadcrumb-item+.breadcrumb-item:hover::before{text-decoration:none}.breadcrumb-item.active{color:#6c757d}.pagination{display:-ms-flexbox;display:flex;padding-left:0;list-style:none;border-radius:.25rem}.page-link{position:relative;display:block;padding:.5rem .75rem;margin-left:-1px;line-height:1.25;color:#007bff;background-color:#fff;border:1px solid #dee2e6}.page-link:hover{z-index:2;color:#0056b3;text-decoration:none;background-color:#e9ecef;border-color:#dee2e6}.page-link:focus{z-index:2;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.page-link:not(:disabled):not(.disabled){cursor:pointer}.page-item:first-child .page-link{margin-left:0;border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.page-item:last-child .page-link{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.page-item.active .page-link{z-index:1;color:#fff;background-color:#007bff;border-color:#007bff}.page-item.disabled .page-link{color:#6c757d;pointer-events:none;cursor:auto;background-color:#fff;border-color:#dee2e6}.pagination-lg .page-link{padding:.75rem 1.5rem;font-size:1.25rem;line-height:1.5}.pagination-lg .page-item:first-child .page-link{border-top-left-radius:.3rem;border-bottom-left-radius:.3rem}.pagination-lg .page-item:last-child .page-link{border-top-right-radius:.3rem;border-bottom-right-radius:.3rem}.pagination-sm .page-link{padding:.25rem .5rem;font-size:.875rem;line-height:1.5}.pagination-sm .page-item:first-child .page-link{border-top-left-radius:.2rem;border-bottom-left-radius:.2rem}.pagination-sm .page-item:last-child .page-link{border-top-right-radius:.2rem;border-bottom-right-radius:.2rem}.badge{display:inline-block;padding:.25em .4em;font-size:75%;font-weight:700;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25rem}a.badge:focus,a.badge:hover{text-decoration:none}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.badge-pill{padding-right:.6em;padding-left:.6em;border-radius:10rem}.badge-primary{color:#fff;background-color:#007bff}a.badge-primary:focus,a.badge-primary:hover{color:#fff;background-color:#0062cc}.badge-secondary{color:#fff;background-color:#6c757d}a.badge-secondary:focus,a.badge-secondary:hover{color:#fff;background-color:#545b62}.badge-success{color:#fff;background-color:#28a745}a.badge-success:focus,a.badge-success:hover{color:#fff;background-color:#1e7e34}.badge-info{color:#fff;background-color:#17a2b8}a.badge-info:focus,a.badge-info:hover{color:#fff;background-color:#117a8b}.badge-warning{color:#212529;background-color:#ffc107}a.badge-warning:focus,a.badge-warning:hover{color:#212529;background-color:#d39e00}.badge-danger{color:#fff;background-color:#dc3545}a.badge-danger:focus,a.badge-danger:hover{color:#fff;background-color:#bd2130}.badge-light{color:#212529;background-color:#f8f9fa}a.badge-light:focus,a.badge-light:hover{color:#212529;background-color:#dae0e5}.badge-dark{color:#fff;background-color:#343a40}a.badge-dark:focus,a.badge-dark:hover{color:#fff;background-color:#1d2124}.jumbotron{padding:2rem 1rem;margin-bottom:2rem;background-color:#e9ecef;border-radius:.3rem}@media (min-width:576px){.jumbotron{padding:4rem 2rem}}.jumbotron-fluid{padding-right:0;padding-left:0;border-radius:0}.alert{position:relative;padding:.75rem 1.25rem;margin-bottom:1rem;border:1px solid transparent;border-radius:.25rem}.alert-heading{color:inherit}.alert-link{font-weight:700}.alert-dismissible{padding-right:4rem}.alert-dismissible .close{position:absolute;top:0;right:0;padding:.75rem 1.25rem;color:inherit}.alert-primary{color:#004085;background-color:#cce5ff;border-color:#b8daff}.alert-primary hr{border-top-color:#9fcdff}.alert-primary .alert-link{color:#002752}.alert-secondary{color:#383d41;background-color:#e2e3e5;border-color:#d6d8db}.alert-secondary hr{border-top-color:#c8cbcf}.alert-secondary .alert-link{color:#202326}.alert-success{color:#155724;background-color:#d4edda;border-color:#c3e6cb}.alert-success hr{border-top-color:#b1dfbb}.alert-success .alert-link{color:#0b2e13}.alert-info{color:#0c5460;background-color:#d1ecf1;border-color:#bee5eb}.alert-info hr{border-top-color:#abdde5}.alert-info .alert-link{color:#062c33}.alert-warning{color:#856404;background-color:#fff3cd;border-color:#ffeeba}.alert-warning hr{border-top-color:#ffe8a1}.alert-warning .alert-link{color:#533f03}.alert-danger{color:#721c24;background-color:#f8d7da;border-color:#f5c6cb}.alert-danger hr{border-top-color:#f1b0b7}.alert-danger .alert-link{color:#491217}.alert-light{color:#818182;background-color:#fefefe;border-color:#fdfdfe}.alert-light hr{border-top-color:#ececf6}.alert-light .alert-link{color:#686868}.alert-dark{color:#1b1e21;background-color:#d6d8d9;border-color:#c6c8ca}.alert-dark hr{border-top-color:#b9bbbe}.alert-dark .alert-link{color:#040505}@-webkit-keyframes progress-bar-stripes{from{background-position:1rem 0}to{background-position:0 0}}@keyframes progress-bar-stripes{from{background-position:1rem 0}to{background-position:0 0}}.progress{display:-ms-flexbox;display:flex;height:1rem;overflow:hidden;font-size:.75rem;background-color:#e9ecef;border-radius:.25rem}.progress-bar{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;color:#fff;text-align:center;white-space:nowrap;background-color:#007bff;transition:width .6s ease}@media screen and (prefers-reduced-motion:reduce){.progress-bar{transition:none}}.progress-bar-striped{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:1rem 1rem}.progress-bar-animated{-webkit-animation:progress-bar-stripes 1s linear infinite;animation:progress-bar-stripes 1s linear infinite}.media{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start}.media-body{-ms-flex:1;flex:1}.list-group{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding-left:0;margin-bottom:0}.list-group-item-action{width:100%;color:#495057;text-align:inherit}.list-group-item-action:focus,.list-group-item-action:hover{color:#495057;text-decoration:none;background-color:#f8f9fa}.list-group-item-action:active{color:#212529;background-color:#e9ecef}.list-group-item{position:relative;display:block;padding:.75rem 1.25rem;margin-bottom:-1px;background-color:#fff;border:1px solid rgba(0,0,0,.125)}.list-group-item:first-child{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.list-group-item:last-child{margin-bottom:0;border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.list-group-item:focus,.list-group-item:hover{z-index:1;text-decoration:none}.list-group-item.disabled,.list-group-item:disabled{color:#6c757d;pointer-events:none;background-color:#fff}.list-group-item.active{z-index:2;color:#fff;background-color:#007bff;border-color:#007bff}.list-group-flush .list-group-item{border-right:0;border-left:0;border-radius:0}.list-group-flush .list-group-item:last-child{margin-bottom:-1px}.list-group-flush:first-child .list-group-item:first-child{border-top:0}.list-group-flush:last-child .list-group-item:last-child{margin-bottom:0;border-bottom:0}.list-group-item-primary{color:#004085;background-color:#b8daff}.list-group-item-primary.list-group-item-action:focus,.list-group-item-primary.list-group-item-action:hover{color:#004085;background-color:#9fcdff}.list-group-item-primary.list-group-item-action.active{color:#fff;background-color:#004085;border-color:#004085}.list-group-item-secondary{color:#383d41;background-color:#d6d8db}.list-group-item-secondary.list-group-item-action:focus,.list-group-item-secondary.list-group-item-action:hover{color:#383d41;background-color:#c8cbcf}.list-group-item-secondary.list-group-item-action.active{color:#fff;background-color:#383d41;border-color:#383d41}.list-group-item-success{color:#155724;background-color:#c3e6cb}.list-group-item-success.list-group-item-action:focus,.list-group-item-success.list-group-item-action:hover{color:#155724;background-color:#b1dfbb}.list-group-item-success.list-group-item-action.active{color:#fff;background-color:#155724;border-color:#155724}.list-group-item-info{color:#0c5460;background-color:#bee5eb}.list-group-item-info.list-group-item-action:focus,.list-group-item-info.list-group-item-action:hover{color:#0c5460;background-color:#abdde5}.list-group-item-info.list-group-item-action.active{color:#fff;background-color:#0c5460;border-color:#0c5460}.list-group-item-warning{color:#856404;background-color:#ffeeba}.list-group-item-warning.list-group-item-action:focus,.list-group-item-warning.list-group-item-action:hover{color:#856404;background-color:#ffe8a1}.list-group-item-warning.list-group-item-action.active{color:#fff;background-color:#856404;border-color:#856404}.list-group-item-danger{color:#721c24;background-color:#f5c6cb}.list-group-item-danger.list-group-item-action:focus,.list-group-item-danger.list-group-item-action:hover{color:#721c24;background-color:#f1b0b7}.list-group-item-danger.list-group-item-action.active{color:#fff;background-color:#721c24;border-color:#721c24}.list-group-item-light{color:#818182;background-color:#fdfdfe}.list-group-item-light.list-group-item-action:focus,.list-group-item-light.list-group-item-action:hover{color:#818182;background-color:#ececf6}.list-group-item-light.list-group-item-action.active{color:#fff;background-color:#818182;border-color:#818182}.list-group-item-dark{color:#1b1e21;background-color:#c6c8ca}.list-group-item-dark.list-group-item-action:focus,.list-group-item-dark.list-group-item-action:hover{color:#1b1e21;background-color:#b9bbbe}.list-group-item-dark.list-group-item-action.active{color:#fff;background-color:#1b1e21;border-color:#1b1e21}.close{float:right;font-size:1.5rem;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.5}.close:hover{color:#000;text-decoration:none}.close:not(:disabled):not(.disabled){cursor:pointer}.close:not(:disabled):not(.disabled):focus,.close:not(:disabled):not(.disabled):hover{opacity:.75}button.close{padding:0;background-color:transparent;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}a.close.disabled{pointer-events:none}.toast{max-width:350px;overflow:hidden;font-size:.875rem;background-color:rgba(255,255,255,.85);background-clip:padding-box;border:1px solid rgba(0,0,0,.1);border-radius:.25rem;box-shadow:0 .25rem .75rem rgba(0,0,0,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0}.toast:not(:last-child){margin-bottom:.75rem}.toast.showing{opacity:1}.toast.show{display:block;opacity:1}.toast.hide{display:none}.toast-header{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:.25rem .75rem;color:#6c757d;background-color:rgba(255,255,255,.85);background-clip:padding-box;border-bottom:1px solid rgba(0,0,0,.05)}.toast-body{padding:.75rem}.modal-open{overflow:hidden}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal{position:fixed;top:0;left:0;z-index:1050;display:none;width:100%;height:100%;overflow:hidden;outline:0}.modal-dialog{position:relative;width:auto;margin:.5rem;pointer-events:none}.modal.fade .modal-dialog{transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out;-webkit-transform:translate(0,-50px);transform:translate(0,-50px)}@media screen and (prefers-reduced-motion:reduce){.modal.fade .modal-dialog{transition:none}}.modal.show .modal-dialog{-webkit-transform:none;transform:none}.modal-dialog-centered{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-height:calc(100% - (.5rem * 2))}.modal-dialog-centered::before{display:block;height:calc(100vh - (.5rem * 2));content:""}.modal-content{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100%;pointer-events:auto;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem;outline:0}.modal-backdrop{position:fixed;top:0;left:0;z-index:1040;width:100vw;height:100vh;background-color:#000}.modal-backdrop.fade{opacity:0}.modal-backdrop.show{opacity:.5}.modal-header{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:justify;justify-content:space-between;padding:1rem 1rem;border-bottom:1px solid #e9ecef;border-top-left-radius:.3rem;border-top-right-radius:.3rem}.modal-header .close{padding:1rem 1rem;margin:-1rem -1rem -1rem auto}.modal-title{margin-bottom:0;line-height:1.5}.modal-body{position:relative;-ms-flex:1 1 auto;flex:1 1 auto;padding:1rem}.modal-footer{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;padding:1rem;border-top:1px solid #e9ecef;border-bottom-right-radius:.3rem;border-bottom-left-radius:.3rem}.modal-footer>:not(:first-child){margin-left:.25rem}.modal-footer>:not(:last-child){margin-right:.25rem}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width:576px){.modal-dialog{max-width:500px;margin:1.75rem auto}.modal-dialog-centered{min-height:calc(100% - (1.75rem * 2))}.modal-dialog-centered::before{height:calc(100vh - (1.75rem * 2))}.modal-sm{max-width:300px}}@media (min-width:992px){.modal-lg,.modal-xl{max-width:800px}}@media (min-width:1200px){.modal-xl{max-width:1140px}}.tooltip{position:absolute;z-index:1070;display:block;margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;white-space:normal;line-break:auto;font-size:.875rem;word-wrap:break-word;opacity:0}.tooltip.show{opacity:.9}.tooltip .arrow{position:absolute;display:block;width:.8rem;height:.4rem}.tooltip .arrow::before{position:absolute;content:"";border-color:transparent;border-style:solid}.bs-tooltip-auto[x-placement^=top],.bs-tooltip-top{padding:.4rem 0}.bs-tooltip-auto[x-placement^=top] .arrow,.bs-tooltip-top .arrow{bottom:0}.bs-tooltip-auto[x-placement^=top] .arrow::before,.bs-tooltip-top .arrow::before{top:0;border-width:.4rem .4rem 0;border-top-color:#000}.bs-tooltip-auto[x-placement^=right],.bs-tooltip-right{padding:0 .4rem}.bs-tooltip-auto[x-placement^=right] .arrow,.bs-tooltip-right .arrow{left:0;width:.4rem;height:.8rem}.bs-tooltip-auto[x-placement^=right] .arrow::before,.bs-tooltip-right .arrow::before{right:0;border-width:.4rem .4rem .4rem 0;border-right-color:#000}.bs-tooltip-auto[x-placement^=bottom],.bs-tooltip-bottom{padding:.4rem 0}.bs-tooltip-auto[x-placement^=bottom] .arrow,.bs-tooltip-bottom .arrow{top:0}.bs-tooltip-auto[x-placement^=bottom] .arrow::before,.bs-tooltip-bottom .arrow::before{bottom:0;border-width:0 .4rem .4rem;border-bottom-color:#000}.bs-tooltip-auto[x-placement^=left],.bs-tooltip-left{padding:0 .4rem}.bs-tooltip-auto[x-placement^=left] .arrow,.bs-tooltip-left .arrow{right:0;width:.4rem;height:.8rem}.bs-tooltip-auto[x-placement^=left] .arrow::before,.bs-tooltip-left .arrow::before{left:0;border-width:.4rem 0 .4rem .4rem;border-left-color:#000}.tooltip-inner{max-width:200px;padding:.25rem .5rem;color:#fff;text-align:center;background-color:#000;border-radius:.25rem}.popover{position:absolute;top:0;left:0;z-index:1060;display:block;max-width:276px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;white-space:normal;line-break:auto;font-size:.875rem;word-wrap:break-word;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem}.popover .arrow{position:absolute;display:block;width:1rem;height:.5rem;margin:0 .3rem}.popover .arrow::after,.popover .arrow::before{position:absolute;display:block;content:"";border-color:transparent;border-style:solid}.bs-popover-auto[x-placement^=top],.bs-popover-top{margin-bottom:.5rem}.bs-popover-auto[x-placement^=top] .arrow,.bs-popover-top .arrow{bottom:calc((.5rem + 1px) * -1)}.bs-popover-auto[x-placement^=top] .arrow::after,.bs-popover-auto[x-placement^=top] .arrow::before,.bs-popover-top .arrow::after,.bs-popover-top .arrow::before{border-width:.5rem .5rem 0}.bs-popover-auto[x-placement^=top] .arrow::before,.bs-popover-top .arrow::before{bottom:0;border-top-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=top] .arrow::after,.bs-popover-top .arrow::after{bottom:1px;border-top-color:#fff}.bs-popover-auto[x-placement^=right],.bs-popover-right{margin-left:.5rem}.bs-popover-auto[x-placement^=right] .arrow,.bs-popover-right .arrow{left:calc((.5rem + 1px) * -1);width:.5rem;height:1rem;margin:.3rem 0}.bs-popover-auto[x-placement^=right] .arrow::after,.bs-popover-auto[x-placement^=right] .arrow::before,.bs-popover-right .arrow::after,.bs-popover-right .arrow::before{border-width:.5rem .5rem .5rem 0}.bs-popover-auto[x-placement^=right] .arrow::before,.bs-popover-right .arrow::before{left:0;border-right-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=right] .arrow::after,.bs-popover-right .arrow::after{left:1px;border-right-color:#fff}.bs-popover-auto[x-placement^=bottom],.bs-popover-bottom{margin-top:.5rem}.bs-popover-auto[x-placement^=bottom] .arrow,.bs-popover-bottom .arrow{top:calc((.5rem + 1px) * -1)}.bs-popover-auto[x-placement^=bottom] .arrow::after,.bs-popover-auto[x-placement^=bottom] .arrow::before,.bs-popover-bottom .arrow::after,.bs-popover-bottom .arrow::before{border-width:0 .5rem .5rem .5rem}.bs-popover-auto[x-placement^=bottom] .arrow::before,.bs-popover-bottom .arrow::before{top:0;border-bottom-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=bottom] .arrow::after,.bs-popover-bottom .arrow::after{top:1px;border-bottom-color:#fff}.bs-popover-auto[x-placement^=bottom] .popover-header::before,.bs-popover-bottom .popover-header::before{position:absolute;top:0;left:50%;display:block;width:1rem;margin-left:-.5rem;content:"";border-bottom:1px solid #f7f7f7}.bs-popover-auto[x-placement^=left],.bs-popover-left{margin-right:.5rem}.bs-popover-auto[x-placement^=left] .arrow,.bs-popover-left .arrow{right:calc((.5rem + 1px) * -1);width:.5rem;height:1rem;margin:.3rem 0}.bs-popover-auto[x-placement^=left] .arrow::after,.bs-popover-auto[x-placement^=left] .arrow::before,.bs-popover-left .arrow::after,.bs-popover-left .arrow::before{border-width:.5rem 0 .5rem .5rem}.bs-popover-auto[x-placement^=left] .arrow::before,.bs-popover-left .arrow::before{right:0;border-left-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=left] .arrow::after,.bs-popover-left .arrow::after{right:1px;border-left-color:#fff}.popover-header{padding:.5rem .75rem;margin-bottom:0;font-size:1rem;color:inherit;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-top-left-radius:calc(.3rem - 1px);border-top-right-radius:calc(.3rem - 1px)}.popover-header:empty{display:none}.popover-body{padding:.5rem .75rem;color:#212529}.carousel{position:relative}.carousel.pointer-event{-ms-touch-action:pan-y;touch-action:pan-y}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-inner::after{display:block;clear:both;content:""}.carousel-item{position:relative;display:none;float:left;width:100%;margin-right:-100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:-webkit-transform .6s ease-in-out;transition:transform .6s ease-in-out;transition:transform .6s ease-in-out,-webkit-transform .6s ease-in-out}@media screen and (prefers-reduced-motion:reduce){.carousel-item{transition:none}}.carousel-item-next,.carousel-item-prev,.carousel-item.active{display:block}.active.carousel-item-right,.carousel-item-next:not(.carousel-item-left){-webkit-transform:translateX(100%);transform:translateX(100%)}.active.carousel-item-left,.carousel-item-prev:not(.carousel-item-right){-webkit-transform:translateX(-100%);transform:translateX(-100%)}.carousel-fade .carousel-item{opacity:0;transition-property:opacity;-webkit-transform:none;transform:none}.carousel-fade .carousel-item-next.carousel-item-left,.carousel-fade .carousel-item-prev.carousel-item-right,.carousel-fade .carousel-item.active{z-index:1;opacity:1}.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right{z-index:0;opacity:0;transition:0s .6s opacity}@media screen and (prefers-reduced-motion:reduce){.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right{transition:none}}.carousel-control-next,.carousel-control-prev{position:absolute;top:0;bottom:0;z-index:1;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:15%;color:#fff;text-align:center;opacity:.5;transition:opacity .15s ease}@media screen and (prefers-reduced-motion:reduce){.carousel-control-next,.carousel-control-prev{transition:none}}.carousel-control-next:focus,.carousel-control-next:hover,.carousel-control-prev:focus,.carousel-control-prev:hover{color:#fff;text-decoration:none;outline:0;opacity:.9}.carousel-control-prev{left:0}.carousel-control-next{right:0}.carousel-control-next-icon,.carousel-control-prev-icon{display:inline-block;width:20px;height:20px;background:transparent no-repeat center center;background-size:100% 100%}.carousel-control-prev-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e")}.carousel-control-next-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e")}.carousel-indicators{position:absolute;right:0;bottom:0;left:0;z-index:15;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;padding-left:0;margin-right:15%;margin-left:15%;list-style:none}.carousel-indicators li{box-sizing:content-box;-ms-flex:0 1 auto;flex:0 1 auto;width:30px;height:3px;margin-right:3px;margin-left:3px;text-indent:-999px;cursor:pointer;background-color:#fff;background-clip:padding-box;border-top:10px solid transparent;border-bottom:10px solid transparent;opacity:.5;transition:opacity .6s ease}@media screen and (prefers-reduced-motion:reduce){.carousel-indicators li{transition:none}}.carousel-indicators .active{opacity:1}.carousel-caption{position:absolute;right:15%;bottom:20px;left:15%;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center}@-webkit-keyframes spinner-border{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spinner-border{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.spinner-border{display:inline-block;width:2rem;height:2rem;vertical-align:text-bottom;border:.25em solid currentColor;border-right-color:transparent;border-radius:50%;-webkit-animation:spinner-border .75s linear infinite;animation:spinner-border .75s linear infinite}.spinner-border-sm{width:1rem;height:1rem;border-width:.2em}@-webkit-keyframes spinner-grow{0%{-webkit-transform:scale(0);transform:scale(0)}50%{opacity:1}}@keyframes spinner-grow{0%{-webkit-transform:scale(0);transform:scale(0)}50%{opacity:1}}.spinner-grow{display:inline-block;width:2rem;height:2rem;vertical-align:text-bottom;background-color:currentColor;border-radius:50%;opacity:0;-webkit-animation:spinner-grow .75s linear infinite;animation:spinner-grow .75s linear infinite}.spinner-grow-sm{width:1rem;height:1rem}.align-baseline{vertical-align:baseline!important}.align-top{vertical-align:top!important}.align-middle{vertical-align:middle!important}.align-bottom{vertical-align:bottom!important}.align-text-bottom{vertical-align:text-bottom!important}.align-text-top{vertical-align:text-top!important}.bg-primary{background-color:#007bff!important}a.bg-primary:focus,a.bg-primary:hover,button.bg-primary:focus,button.bg-primary:hover{background-color:#0062cc!important}.bg-secondary{background-color:#6c757d!important}a.bg-secondary:focus,a.bg-secondary:hover,button.bg-secondary:focus,button.bg-secondary:hover{background-color:#545b62!important}.bg-success{background-color:#28a745!important}a.bg-success:focus,a.bg-success:hover,button.bg-success:focus,button.bg-success:hover{background-color:#1e7e34!important}.bg-info{background-color:#17a2b8!important}a.bg-info:focus,a.bg-info:hover,button.bg-info:focus,button.bg-info:hover{background-color:#117a8b!important}.bg-warning{background-color:#ffc107!important}a.bg-warning:focus,a.bg-warning:hover,button.bg-warning:focus,button.bg-warning:hover{background-color:#d39e00!important}.bg-danger{background-color:#dc3545!important}a.bg-danger:focus,a.bg-danger:hover,button.bg-danger:focus,button.bg-danger:hover{background-color:#bd2130!important}.bg-light{background-color:#f8f9fa!important}a.bg-light:focus,a.bg-light:hover,button.bg-light:focus,button.bg-light:hover{background-color:#dae0e5!important}.bg-dark{background-color:#343a40!important}a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover{background-color:#1d2124!important}.bg-white{background-color:#fff!important}.bg-transparent{background-color:transparent!important}.border{border:1px solid #dee2e6!important}.border-top{border-top:1px solid #dee2e6!important}.border-right{border-right:1px solid #dee2e6!important}.border-bottom{border-bottom:1px solid #dee2e6!important}.border-left{border-left:1px solid #dee2e6!important}.border-0{border:0!important}.border-top-0{border-top:0!important}.border-right-0{border-right:0!important}.border-bottom-0{border-bottom:0!important}.border-left-0{border-left:0!important}.border-primary{border-color:#007bff!important}.border-secondary{border-color:#6c757d!important}.border-success{border-color:#28a745!important}.border-info{border-color:#17a2b8!important}.border-warning{border-color:#ffc107!important}.border-danger{border-color:#dc3545!important}.border-light{border-color:#f8f9fa!important}.border-dark{border-color:#343a40!important}.border-white{border-color:#fff!important}.rounded{border-radius:.25rem!important}.rounded-top{border-top-left-radius:.25rem!important;border-top-right-radius:.25rem!important}.rounded-right{border-top-right-radius:.25rem!important;border-bottom-right-radius:.25rem!important}.rounded-bottom{border-bottom-right-radius:.25rem!important;border-bottom-left-radius:.25rem!important}.rounded-left{border-top-left-radius:.25rem!important;border-bottom-left-radius:.25rem!important}.rounded-circle{border-radius:50%!important}.rounded-pill{border-radius:50rem!important}.rounded-0{border-radius:0!important}.clearfix::after{display:block;clear:both;content:""}.d-none{display:none!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-table{display:table!important}.d-table-row{display:table-row!important}.d-table-cell{display:table-cell!important}.d-flex{display:-ms-flexbox!important;display:flex!important}.d-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}@media (min-width:576px){.d-sm-none{display:none!important}.d-sm-inline{display:inline!important}.d-sm-inline-block{display:inline-block!important}.d-sm-block{display:block!important}.d-sm-table{display:table!important}.d-sm-table-row{display:table-row!important}.d-sm-table-cell{display:table-cell!important}.d-sm-flex{display:-ms-flexbox!important;display:flex!important}.d-sm-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:768px){.d-md-none{display:none!important}.d-md-inline{display:inline!important}.d-md-inline-block{display:inline-block!important}.d-md-block{display:block!important}.d-md-table{display:table!important}.d-md-table-row{display:table-row!important}.d-md-table-cell{display:table-cell!important}.d-md-flex{display:-ms-flexbox!important;display:flex!important}.d-md-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:992px){.d-lg-none{display:none!important}.d-lg-inline{display:inline!important}.d-lg-inline-block{display:inline-block!important}.d-lg-block{display:block!important}.d-lg-table{display:table!important}.d-lg-table-row{display:table-row!important}.d-lg-table-cell{display:table-cell!important}.d-lg-flex{display:-ms-flexbox!important;display:flex!important}.d-lg-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:1200px){.d-xl-none{display:none!important}.d-xl-inline{display:inline!important}.d-xl-inline-block{display:inline-block!important}.d-xl-block{display:block!important}.d-xl-table{display:table!important}.d-xl-table-row{display:table-row!important}.d-xl-table-cell{display:table-cell!important}.d-xl-flex{display:-ms-flexbox!important;display:flex!important}.d-xl-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media print{.d-print-none{display:none!important}.d-print-inline{display:inline!important}.d-print-inline-block{display:inline-block!important}.d-print-block{display:block!important}.d-print-table{display:table!important}.d-print-table-row{display:table-row!important}.d-print-table-cell{display:table-cell!important}.d-print-flex{display:-ms-flexbox!important;display:flex!important}.d-print-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}.embed-responsive{position:relative;display:block;width:100%;padding:0;overflow:hidden}.embed-responsive::before{display:block;content:""}.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}.embed-responsive-21by9::before{padding-top:42.857143%}.embed-responsive-16by9::before{padding-top:56.25%}.embed-responsive-3by4::before{padding-top:133.333333%}.embed-responsive-1by1::before{padding-top:100%}.flex-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-center{-ms-flex-align:center!important;align-items:center!important}.align-items-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}@media (min-width:576px){.flex-sm-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-sm-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-sm-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-sm-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-sm-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-sm-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-sm-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-sm-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-sm-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-sm-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-sm-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-sm-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-sm-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-sm-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-sm-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-sm-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-sm-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-sm-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-sm-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-sm-center{-ms-flex-align:center!important;align-items:center!important}.align-items-sm-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-sm-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-sm-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-sm-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-sm-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-sm-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-sm-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-sm-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-sm-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-sm-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-sm-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-sm-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-sm-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-sm-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:768px){.flex-md-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-md-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-md-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-md-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-md-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-md-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-md-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-md-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-md-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-md-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-md-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-md-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-md-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-md-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-md-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-md-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-md-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-md-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-md-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-md-center{-ms-flex-align:center!important;align-items:center!important}.align-items-md-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-md-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-md-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-md-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-md-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-md-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-md-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-md-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-md-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-md-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-md-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-md-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-md-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-md-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:992px){.flex-lg-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-lg-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-lg-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-lg-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-lg-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-lg-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-lg-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-lg-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-lg-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-lg-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-lg-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-lg-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-lg-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-lg-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-lg-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-lg-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-lg-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-lg-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-lg-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-lg-center{-ms-flex-align:center!important;align-items:center!important}.align-items-lg-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-lg-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-lg-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-lg-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-lg-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-lg-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-lg-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-lg-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-lg-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-lg-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-lg-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-lg-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-lg-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-lg-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:1200px){.flex-xl-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-xl-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-xl-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-xl-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-xl-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-xl-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-xl-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-xl-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-xl-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-xl-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-xl-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-xl-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-xl-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-xl-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-xl-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-xl-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-xl-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-xl-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-xl-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-xl-center{-ms-flex-align:center!important;align-items:center!important}.align-items-xl-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-xl-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-xl-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-xl-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-xl-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-xl-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-xl-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-xl-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-xl-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-xl-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-xl-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-xl-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-xl-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-xl-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}.float-left{float:left!important}.float-right{float:right!important}.float-none{float:none!important}@media (min-width:576px){.float-sm-left{float:left!important}.float-sm-right{float:right!important}.float-sm-none{float:none!important}}@media (min-width:768px){.float-md-left{float:left!important}.float-md-right{float:right!important}.float-md-none{float:none!important}}@media (min-width:992px){.float-lg-left{float:left!important}.float-lg-right{float:right!important}.float-lg-none{float:none!important}}@media (min-width:1200px){.float-xl-left{float:left!important}.float-xl-right{float:right!important}.float-xl-none{float:none!important}}.overflow-auto{overflow:auto!important}.overflow-hidden{overflow:hidden!important}.position-static{position:static!important}.position-relative{position:relative!important}.position-absolute{position:absolute!important}.position-fixed{position:fixed!important}.position-sticky{position:-webkit-sticky!important;position:sticky!important}.fixed-top{position:fixed;top:0;right:0;left:0;z-index:1030}.fixed-bottom{position:fixed;right:0;bottom:0;left:0;z-index:1030}@supports ((position:-webkit-sticky) or (position:sticky)){.sticky-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal}.shadow-sm{box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important}.shadow{box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!important}.shadow-lg{box-shadow:0 1rem 3rem rgba(0,0,0,.175)!important}.shadow-none{box-shadow:none!important}.w-25{width:25%!important}.w-50{width:50%!important}.w-75{width:75%!important}.w-100{width:100%!important}.w-auto{width:auto!important}.h-25{height:25%!important}.h-50{height:50%!important}.h-75{height:75%!important}.h-100{height:100%!important}.h-auto{height:auto!important}.mw-100{max-width:100%!important}.mh-100{max-height:100%!important}.min-vw-100{min-width:100vw!important}.min-vh-100{min-height:100vh!important}.vw-100{width:100vw!important}.vh-100{height:100vh!important}.m-0{margin:0!important}.mt-0,.my-0{margin-top:0!important}.mr-0,.mx-0{margin-right:0!important}.mb-0,.my-0{margin-bottom:0!important}.ml-0,.mx-0{margin-left:0!important}.m-1{margin:.25rem!important}.mt-1,.my-1{margin-top:.25rem!important}.mr-1,.mx-1{margin-right:.25rem!important}.mb-1,.my-1{margin-bottom:.25rem!important}.ml-1,.mx-1{margin-left:.25rem!important}.m-2{margin:.5rem!important}.mt-2,.my-2{margin-top:.5rem!important}.mr-2,.mx-2{margin-right:.5rem!important}.mb-2,.my-2{margin-bottom:.5rem!important}.ml-2,.mx-2{margin-left:.5rem!important}.m-3{margin:1rem!important}.mt-3,.my-3{margin-top:1rem!important}.mr-3,.mx-3{margin-right:1rem!important}.mb-3,.my-3{margin-bottom:1rem!important}.ml-3,.mx-3{margin-left:1rem!important}.m-4{margin:1.5rem!important}.mt-4,.my-4{margin-top:1.5rem!important}.mr-4,.mx-4{margin-right:1.5rem!important}.mb-4,.my-4{margin-bottom:1.5rem!important}.ml-4,.mx-4{margin-left:1.5rem!important}.m-5{margin:3rem!important}.mt-5,.my-5{margin-top:3rem!important}.mr-5,.mx-5{margin-right:3rem!important}.mb-5,.my-5{margin-bottom:3rem!important}.ml-5,.mx-5{margin-left:3rem!important}.p-0{padding:0!important}.pt-0,.py-0{padding-top:0!important}.pr-0,.px-0{padding-right:0!important}.pb-0,.py-0{padding-bottom:0!important}.pl-0,.px-0{padding-left:0!important}.p-1{padding:.25rem!important}.pt-1,.py-1{padding-top:.25rem!important}.pr-1,.px-1{padding-right:.25rem!important}.pb-1,.py-1{padding-bottom:.25rem!important}.pl-1,.px-1{padding-left:.25rem!important}.p-2{padding:.5rem!important}.pt-2,.py-2{padding-top:.5rem!important}.pr-2,.px-2{padding-right:.5rem!important}.pb-2,.py-2{padding-bottom:.5rem!important}.pl-2,.px-2{padding-left:.5rem!important}.p-3{padding:1rem!important}.pt-3,.py-3{padding-top:1rem!important}.pr-3,.px-3{padding-right:1rem!important}.pb-3,.py-3{padding-bottom:1rem!important}.pl-3,.px-3{padding-left:1rem!important}.p-4{padding:1.5rem!important}.pt-4,.py-4{padding-top:1.5rem!important}.pr-4,.px-4{padding-right:1.5rem!important}.pb-4,.py-4{padding-bottom:1.5rem!important}.pl-4,.px-4{padding-left:1.5rem!important}.p-5{padding:3rem!important}.pt-5,.py-5{padding-top:3rem!important}.pr-5,.px-5{padding-right:3rem!important}.pb-5,.py-5{padding-bottom:3rem!important}.pl-5,.px-5{padding-left:3rem!important}.m-n1{margin:-.25rem!important}.mt-n1,.my-n1{margin-top:-.25rem!important}.mr-n1,.mx-n1{margin-right:-.25rem!important}.mb-n1,.my-n1{margin-bottom:-.25rem!important}.ml-n1,.mx-n1{margin-left:-.25rem!important}.m-n2{margin:-.5rem!important}.mt-n2,.my-n2{margin-top:-.5rem!important}.mr-n2,.mx-n2{margin-right:-.5rem!important}.mb-n2,.my-n2{margin-bottom:-.5rem!important}.ml-n2,.mx-n2{margin-left:-.5rem!important}.m-n3{margin:-1rem!important}.mt-n3,.my-n3{margin-top:-1rem!important}.mr-n3,.mx-n3{margin-right:-1rem!important}.mb-n3,.my-n3{margin-bottom:-1rem!important}.ml-n3,.mx-n3{margin-left:-1rem!important}.m-n4{margin:-1.5rem!important}.mt-n4,.my-n4{margin-top:-1.5rem!important}.mr-n4,.mx-n4{margin-right:-1.5rem!important}.mb-n4,.my-n4{margin-bottom:-1.5rem!important}.ml-n4,.mx-n4{margin-left:-1.5rem!important}.m-n5{margin:-3rem!important}.mt-n5,.my-n5{margin-top:-3rem!important}.mr-n5,.mx-n5{margin-right:-3rem!important}.mb-n5,.my-n5{margin-bottom:-3rem!important}.ml-n5,.mx-n5{margin-left:-3rem!important}.m-auto{margin:auto!important}.mt-auto,.my-auto{margin-top:auto!important}.mr-auto,.mx-auto{margin-right:auto!important}.mb-auto,.my-auto{margin-bottom:auto!important}.ml-auto,.mx-auto{margin-left:auto!important}@media (min-width:576px){.m-sm-0{margin:0!important}.mt-sm-0,.my-sm-0{margin-top:0!important}.mr-sm-0,.mx-sm-0{margin-right:0!important}.mb-sm-0,.my-sm-0{margin-bottom:0!important}.ml-sm-0,.mx-sm-0{margin-left:0!important}.m-sm-1{margin:.25rem!important}.mt-sm-1,.my-sm-1{margin-top:.25rem!important}.mr-sm-1,.mx-sm-1{margin-right:.25rem!important}.mb-sm-1,.my-sm-1{margin-bottom:.25rem!important}.ml-sm-1,.mx-sm-1{margin-left:.25rem!important}.m-sm-2{margin:.5rem!important}.mt-sm-2,.my-sm-2{margin-top:.5rem!important}.mr-sm-2,.mx-sm-2{margin-right:.5rem!important}.mb-sm-2,.my-sm-2{margin-bottom:.5rem!important}.ml-sm-2,.mx-sm-2{margin-left:.5rem!important}.m-sm-3{margin:1rem!important}.mt-sm-3,.my-sm-3{margin-top:1rem!important}.mr-sm-3,.mx-sm-3{margin-right:1rem!important}.mb-sm-3,.my-sm-3{margin-bottom:1rem!important}.ml-sm-3,.mx-sm-3{margin-left:1rem!important}.m-sm-4{margin:1.5rem!important}.mt-sm-4,.my-sm-4{margin-top:1.5rem!important}.mr-sm-4,.mx-sm-4{margin-right:1.5rem!important}.mb-sm-4,.my-sm-4{margin-bottom:1.5rem!important}.ml-sm-4,.mx-sm-4{margin-left:1.5rem!important}.m-sm-5{margin:3rem!important}.mt-sm-5,.my-sm-5{margin-top:3rem!important}.mr-sm-5,.mx-sm-5{margin-right:3rem!important}.mb-sm-5,.my-sm-5{margin-bottom:3rem!important}.ml-sm-5,.mx-sm-5{margin-left:3rem!important}.p-sm-0{padding:0!important}.pt-sm-0,.py-sm-0{padding-top:0!important}.pr-sm-0,.px-sm-0{padding-right:0!important}.pb-sm-0,.py-sm-0{padding-bottom:0!important}.pl-sm-0,.px-sm-0{padding-left:0!important}.p-sm-1{padding:.25rem!important}.pt-sm-1,.py-sm-1{padding-top:.25rem!important}.pr-sm-1,.px-sm-1{padding-right:.25rem!important}.pb-sm-1,.py-sm-1{padding-bottom:.25rem!important}.pl-sm-1,.px-sm-1{padding-left:.25rem!important}.p-sm-2{padding:.5rem!important}.pt-sm-2,.py-sm-2{padding-top:.5rem!important}.pr-sm-2,.px-sm-2{padding-right:.5rem!important}.pb-sm-2,.py-sm-2{padding-bottom:.5rem!important}.pl-sm-2,.px-sm-2{padding-left:.5rem!important}.p-sm-3{padding:1rem!important}.pt-sm-3,.py-sm-3{padding-top:1rem!important}.pr-sm-3,.px-sm-3{padding-right:1rem!important}.pb-sm-3,.py-sm-3{padding-bottom:1rem!important}.pl-sm-3,.px-sm-3{padding-left:1rem!important}.p-sm-4{padding:1.5rem!important}.pt-sm-4,.py-sm-4{padding-top:1.5rem!important}.pr-sm-4,.px-sm-4{padding-right:1.5rem!important}.pb-sm-4,.py-sm-4{padding-bottom:1.5rem!important}.pl-sm-4,.px-sm-4{padding-left:1.5rem!important}.p-sm-5{padding:3rem!important}.pt-sm-5,.py-sm-5{padding-top:3rem!important}.pr-sm-5,.px-sm-5{padding-right:3rem!important}.pb-sm-5,.py-sm-5{padding-bottom:3rem!important}.pl-sm-5,.px-sm-5{padding-left:3rem!important}.m-sm-n1{margin:-.25rem!important}.mt-sm-n1,.my-sm-n1{margin-top:-.25rem!important}.mr-sm-n1,.mx-sm-n1{margin-right:-.25rem!important}.mb-sm-n1,.my-sm-n1{margin-bottom:-.25rem!important}.ml-sm-n1,.mx-sm-n1{margin-left:-.25rem!important}.m-sm-n2{margin:-.5rem!important}.mt-sm-n2,.my-sm-n2{margin-top:-.5rem!important}.mr-sm-n2,.mx-sm-n2{margin-right:-.5rem!important}.mb-sm-n2,.my-sm-n2{margin-bottom:-.5rem!important}.ml-sm-n2,.mx-sm-n2{margin-left:-.5rem!important}.m-sm-n3{margin:-1rem!important}.mt-sm-n3,.my-sm-n3{margin-top:-1rem!important}.mr-sm-n3,.mx-sm-n3{margin-right:-1rem!important}.mb-sm-n3,.my-sm-n3{margin-bottom:-1rem!important}.ml-sm-n3,.mx-sm-n3{margin-left:-1rem!important}.m-sm-n4{margin:-1.5rem!important}.mt-sm-n4,.my-sm-n4{margin-top:-1.5rem!important}.mr-sm-n4,.mx-sm-n4{margin-right:-1.5rem!important}.mb-sm-n4,.my-sm-n4{margin-bottom:-1.5rem!important}.ml-sm-n4,.mx-sm-n4{margin-left:-1.5rem!important}.m-sm-n5{margin:-3rem!important}.mt-sm-n5,.my-sm-n5{margin-top:-3rem!important}.mr-sm-n5,.mx-sm-n5{margin-right:-3rem!important}.mb-sm-n5,.my-sm-n5{margin-bottom:-3rem!important}.ml-sm-n5,.mx-sm-n5{margin-left:-3rem!important}.m-sm-auto{margin:auto!important}.mt-sm-auto,.my-sm-auto{margin-top:auto!important}.mr-sm-auto,.mx-sm-auto{margin-right:auto!important}.mb-sm-auto,.my-sm-auto{margin-bottom:auto!important}.ml-sm-auto,.mx-sm-auto{margin-left:auto!important}}@media (min-width:768px){.m-md-0{margin:0!important}.mt-md-0,.my-md-0{margin-top:0!important}.mr-md-0,.mx-md-0{margin-right:0!important}.mb-md-0,.my-md-0{margin-bottom:0!important}.ml-md-0,.mx-md-0{margin-left:0!important}.m-md-1{margin:.25rem!important}.mt-md-1,.my-md-1{margin-top:.25rem!important}.mr-md-1,.mx-md-1{margin-right:.25rem!important}.mb-md-1,.my-md-1{margin-bottom:.25rem!important}.ml-md-1,.mx-md-1{margin-left:.25rem!important}.m-md-2{margin:.5rem!important}.mt-md-2,.my-md-2{margin-top:.5rem!important}.mr-md-2,.mx-md-2{margin-right:.5rem!important}.mb-md-2,.my-md-2{margin-bottom:.5rem!important}.ml-md-2,.mx-md-2{margin-left:.5rem!important}.m-md-3{margin:1rem!important}.mt-md-3,.my-md-3{margin-top:1rem!important}.mr-md-3,.mx-md-3{margin-right:1rem!important}.mb-md-3,.my-md-3{margin-bottom:1rem!important}.ml-md-3,.mx-md-3{margin-left:1rem!important}.m-md-4{margin:1.5rem!important}.mt-md-4,.my-md-4{margin-top:1.5rem!important}.mr-md-4,.mx-md-4{margin-right:1.5rem!important}.mb-md-4,.my-md-4{margin-bottom:1.5rem!important}.ml-md-4,.mx-md-4{margin-left:1.5rem!important}.m-md-5{margin:3rem!important}.mt-md-5,.my-md-5{margin-top:3rem!important}.mr-md-5,.mx-md-5{margin-right:3rem!important}.mb-md-5,.my-md-5{margin-bottom:3rem!important}.ml-md-5,.mx-md-5{margin-left:3rem!important}.p-md-0{padding:0!important}.pt-md-0,.py-md-0{padding-top:0!important}.pr-md-0,.px-md-0{padding-right:0!important}.pb-md-0,.py-md-0{padding-bottom:0!important}.pl-md-0,.px-md-0{padding-left:0!important}.p-md-1{padding:.25rem!important}.pt-md-1,.py-md-1{padding-top:.25rem!important}.pr-md-1,.px-md-1{padding-right:.25rem!important}.pb-md-1,.py-md-1{padding-bottom:.25rem!important}.pl-md-1,.px-md-1{padding-left:.25rem!important}.p-md-2{padding:.5rem!important}.pt-md-2,.py-md-2{padding-top:.5rem!important}.pr-md-2,.px-md-2{padding-right:.5rem!important}.pb-md-2,.py-md-2{padding-bottom:.5rem!important}.pl-md-2,.px-md-2{padding-left:.5rem!important}.p-md-3{padding:1rem!important}.pt-md-3,.py-md-3{padding-top:1rem!important}.pr-md-3,.px-md-3{padding-right:1rem!important}.pb-md-3,.py-md-3{padding-bottom:1rem!important}.pl-md-3,.px-md-3{padding-left:1rem!important}.p-md-4{padding:1.5rem!important}.pt-md-4,.py-md-4{padding-top:1.5rem!important}.pr-md-4,.px-md-4{padding-right:1.5rem!important}.pb-md-4,.py-md-4{padding-bottom:1.5rem!important}.pl-md-4,.px-md-4{padding-left:1.5rem!important}.p-md-5{padding:3rem!important}.pt-md-5,.py-md-5{padding-top:3rem!important}.pr-md-5,.px-md-5{padding-right:3rem!important}.pb-md-5,.py-md-5{padding-bottom:3rem!important}.pl-md-5,.px-md-5{padding-left:3rem!important}.m-md-n1{margin:-.25rem!important}.mt-md-n1,.my-md-n1{margin-top:-.25rem!important}.mr-md-n1,.mx-md-n1{margin-right:-.25rem!important}.mb-md-n1,.my-md-n1{margin-bottom:-.25rem!important}.ml-md-n1,.mx-md-n1{margin-left:-.25rem!important}.m-md-n2{margin:-.5rem!important}.mt-md-n2,.my-md-n2{margin-top:-.5rem!important}.mr-md-n2,.mx-md-n2{margin-right:-.5rem!important}.mb-md-n2,.my-md-n2{margin-bottom:-.5rem!important}.ml-md-n2,.mx-md-n2{margin-left:-.5rem!important}.m-md-n3{margin:-1rem!important}.mt-md-n3,.my-md-n3{margin-top:-1rem!important}.mr-md-n3,.mx-md-n3{margin-right:-1rem!important}.mb-md-n3,.my-md-n3{margin-bottom:-1rem!important}.ml-md-n3,.mx-md-n3{margin-left:-1rem!important}.m-md-n4{margin:-1.5rem!important}.mt-md-n4,.my-md-n4{margin-top:-1.5rem!important}.mr-md-n4,.mx-md-n4{margin-right:-1.5rem!important}.mb-md-n4,.my-md-n4{margin-bottom:-1.5rem!important}.ml-md-n4,.mx-md-n4{margin-left:-1.5rem!important}.m-md-n5{margin:-3rem!important}.mt-md-n5,.my-md-n5{margin-top:-3rem!important}.mr-md-n5,.mx-md-n5{margin-right:-3rem!important}.mb-md-n5,.my-md-n5{margin-bottom:-3rem!important}.ml-md-n5,.mx-md-n5{margin-left:-3rem!important}.m-md-auto{margin:auto!important}.mt-md-auto,.my-md-auto{margin-top:auto!important}.mr-md-auto,.mx-md-auto{margin-right:auto!important}.mb-md-auto,.my-md-auto{margin-bottom:auto!important}.ml-md-auto,.mx-md-auto{margin-left:auto!important}}@media (min-width:992px){.m-lg-0{margin:0!important}.mt-lg-0,.my-lg-0{margin-top:0!important}.mr-lg-0,.mx-lg-0{margin-right:0!important}.mb-lg-0,.my-lg-0{margin-bottom:0!important}.ml-lg-0,.mx-lg-0{margin-left:0!important}.m-lg-1{margin:.25rem!important}.mt-lg-1,.my-lg-1{margin-top:.25rem!important}.mr-lg-1,.mx-lg-1{margin-right:.25rem!important}.mb-lg-1,.my-lg-1{margin-bottom:.25rem!important}.ml-lg-1,.mx-lg-1{margin-left:.25rem!important}.m-lg-2{margin:.5rem!important}.mt-lg-2,.my-lg-2{margin-top:.5rem!important}.mr-lg-2,.mx-lg-2{margin-right:.5rem!important}.mb-lg-2,.my-lg-2{margin-bottom:.5rem!important}.ml-lg-2,.mx-lg-2{margin-left:.5rem!important}.m-lg-3{margin:1rem!important}.mt-lg-3,.my-lg-3{margin-top:1rem!important}.mr-lg-3,.mx-lg-3{margin-right:1rem!important}.mb-lg-3,.my-lg-3{margin-bottom:1rem!important}.ml-lg-3,.mx-lg-3{margin-left:1rem!important}.m-lg-4{margin:1.5rem!important}.mt-lg-4,.my-lg-4{margin-top:1.5rem!important}.mr-lg-4,.mx-lg-4{margin-right:1.5rem!important}.mb-lg-4,.my-lg-4{margin-bottom:1.5rem!important}.ml-lg-4,.mx-lg-4{margin-left:1.5rem!important}.m-lg-5{margin:3rem!important}.mt-lg-5,.my-lg-5{margin-top:3rem!important}.mr-lg-5,.mx-lg-5{margin-right:3rem!important}.mb-lg-5,.my-lg-5{margin-bottom:3rem!important}.ml-lg-5,.mx-lg-5{margin-left:3rem!important}.p-lg-0{padding:0!important}.pt-lg-0,.py-lg-0{padding-top:0!important}.pr-lg-0,.px-lg-0{padding-right:0!important}.pb-lg-0,.py-lg-0{padding-bottom:0!important}.pl-lg-0,.px-lg-0{padding-left:0!important}.p-lg-1{padding:.25rem!important}.pt-lg-1,.py-lg-1{padding-top:.25rem!important}.pr-lg-1,.px-lg-1{padding-right:.25rem!important}.pb-lg-1,.py-lg-1{padding-bottom:.25rem!important}.pl-lg-1,.px-lg-1{padding-left:.25rem!important}.p-lg-2{padding:.5rem!important}.pt-lg-2,.py-lg-2{padding-top:.5rem!important}.pr-lg-2,.px-lg-2{padding-right:.5rem!important}.pb-lg-2,.py-lg-2{padding-bottom:.5rem!important}.pl-lg-2,.px-lg-2{padding-left:.5rem!important}.p-lg-3{padding:1rem!important}.pt-lg-3,.py-lg-3{padding-top:1rem!important}.pr-lg-3,.px-lg-3{padding-right:1rem!important}.pb-lg-3,.py-lg-3{padding-bottom:1rem!important}.pl-lg-3,.px-lg-3{padding-left:1rem!important}.p-lg-4{padding:1.5rem!important}.pt-lg-4,.py-lg-4{padding-top:1.5rem!important}.pr-lg-4,.px-lg-4{padding-right:1.5rem!important}.pb-lg-4,.py-lg-4{padding-bottom:1.5rem!important}.pl-lg-4,.px-lg-4{padding-left:1.5rem!important}.p-lg-5{padding:3rem!important}.pt-lg-5,.py-lg-5{padding-top:3rem!important}.pr-lg-5,.px-lg-5{padding-right:3rem!important}.pb-lg-5,.py-lg-5{padding-bottom:3rem!important}.pl-lg-5,.px-lg-5{padding-left:3rem!important}.m-lg-n1{margin:-.25rem!important}.mt-lg-n1,.my-lg-n1{margin-top:-.25rem!important}.mr-lg-n1,.mx-lg-n1{margin-right:-.25rem!important}.mb-lg-n1,.my-lg-n1{margin-bottom:-.25rem!important}.ml-lg-n1,.mx-lg-n1{margin-left:-.25rem!important}.m-lg-n2{margin:-.5rem!important}.mt-lg-n2,.my-lg-n2{margin-top:-.5rem!important}.mr-lg-n2,.mx-lg-n2{margin-right:-.5rem!important}.mb-lg-n2,.my-lg-n2{margin-bottom:-.5rem!important}.ml-lg-n2,.mx-lg-n2{margin-left:-.5rem!important}.m-lg-n3{margin:-1rem!important}.mt-lg-n3,.my-lg-n3{margin-top:-1rem!important}.mr-lg-n3,.mx-lg-n3{margin-right:-1rem!important}.mb-lg-n3,.my-lg-n3{margin-bottom:-1rem!important}.ml-lg-n3,.mx-lg-n3{margin-left:-1rem!important}.m-lg-n4{margin:-1.5rem!important}.mt-lg-n4,.my-lg-n4{margin-top:-1.5rem!important}.mr-lg-n4,.mx-lg-n4{margin-right:-1.5rem!important}.mb-lg-n4,.my-lg-n4{margin-bottom:-1.5rem!important}.ml-lg-n4,.mx-lg-n4{margin-left:-1.5rem!important}.m-lg-n5{margin:-3rem!important}.mt-lg-n5,.my-lg-n5{margin-top:-3rem!important}.mr-lg-n5,.mx-lg-n5{margin-right:-3rem!important}.mb-lg-n5,.my-lg-n5{margin-bottom:-3rem!important}.ml-lg-n5,.mx-lg-n5{margin-left:-3rem!important}.m-lg-auto{margin:auto!important}.mt-lg-auto,.my-lg-auto{margin-top:auto!important}.mr-lg-auto,.mx-lg-auto{margin-right:auto!important}.mb-lg-auto,.my-lg-auto{margin-bottom:auto!important}.ml-lg-auto,.mx-lg-auto{margin-left:auto!important}}@media (min-width:1200px){.m-xl-0{margin:0!important}.mt-xl-0,.my-xl-0{margin-top:0!important}.mr-xl-0,.mx-xl-0{margin-right:0!important}.mb-xl-0,.my-xl-0{margin-bottom:0!important}.ml-xl-0,.mx-xl-0{margin-left:0!important}.m-xl-1{margin:.25rem!important}.mt-xl-1,.my-xl-1{margin-top:.25rem!important}.mr-xl-1,.mx-xl-1{margin-right:.25rem!important}.mb-xl-1,.my-xl-1{margin-bottom:.25rem!important}.ml-xl-1,.mx-xl-1{margin-left:.25rem!important}.m-xl-2{margin:.5rem!important}.mt-xl-2,.my-xl-2{margin-top:.5rem!important}.mr-xl-2,.mx-xl-2{margin-right:.5rem!important}.mb-xl-2,.my-xl-2{margin-bottom:.5rem!important}.ml-xl-2,.mx-xl-2{margin-left:.5rem!important}.m-xl-3{margin:1rem!important}.mt-xl-3,.my-xl-3{margin-top:1rem!important}.mr-xl-3,.mx-xl-3{margin-right:1rem!important}.mb-xl-3,.my-xl-3{margin-bottom:1rem!important}.ml-xl-3,.mx-xl-3{margin-left:1rem!important}.m-xl-4{margin:1.5rem!important}.mt-xl-4,.my-xl-4{margin-top:1.5rem!important}.mr-xl-4,.mx-xl-4{margin-right:1.5rem!important}.mb-xl-4,.my-xl-4{margin-bottom:1.5rem!important}.ml-xl-4,.mx-xl-4{margin-left:1.5rem!important}.m-xl-5{margin:3rem!important}.mt-xl-5,.my-xl-5{margin-top:3rem!important}.mr-xl-5,.mx-xl-5{margin-right:3rem!important}.mb-xl-5,.my-xl-5{margin-bottom:3rem!important}.ml-xl-5,.mx-xl-5{margin-left:3rem!important}.p-xl-0{padding:0!important}.pt-xl-0,.py-xl-0{padding-top:0!important}.pr-xl-0,.px-xl-0{padding-right:0!important}.pb-xl-0,.py-xl-0{padding-bottom:0!important}.pl-xl-0,.px-xl-0{padding-left:0!important}.p-xl-1{padding:.25rem!important}.pt-xl-1,.py-xl-1{padding-top:.25rem!important}.pr-xl-1,.px-xl-1{padding-right:.25rem!important}.pb-xl-1,.py-xl-1{padding-bottom:.25rem!important}.pl-xl-1,.px-xl-1{padding-left:.25rem!important}.p-xl-2{padding:.5rem!important}.pt-xl-2,.py-xl-2{padding-top:.5rem!important}.pr-xl-2,.px-xl-2{padding-right:.5rem!important}.pb-xl-2,.py-xl-2{padding-bottom:.5rem!important}.pl-xl-2,.px-xl-2{padding-left:.5rem!important}.p-xl-3{padding:1rem!important}.pt-xl-3,.py-xl-3{padding-top:1rem!important}.pr-xl-3,.px-xl-3{padding-right:1rem!important}.pb-xl-3,.py-xl-3{padding-bottom:1rem!important}.pl-xl-3,.px-xl-3{padding-left:1rem!important}.p-xl-4{padding:1.5rem!important}.pt-xl-4,.py-xl-4{padding-top:1.5rem!important}.pr-xl-4,.px-xl-4{padding-right:1.5rem!important}.pb-xl-4,.py-xl-4{padding-bottom:1.5rem!important}.pl-xl-4,.px-xl-4{padding-left:1.5rem!important}.p-xl-5{padding:3rem!important}.pt-xl-5,.py-xl-5{padding-top:3rem!important}.pr-xl-5,.px-xl-5{padding-right:3rem!important}.pb-xl-5,.py-xl-5{padding-bottom:3rem!important}.pl-xl-5,.px-xl-5{padding-left:3rem!important}.m-xl-n1{margin:-.25rem!important}.mt-xl-n1,.my-xl-n1{margin-top:-.25rem!important}.mr-xl-n1,.mx-xl-n1{margin-right:-.25rem!important}.mb-xl-n1,.my-xl-n1{margin-bottom:-.25rem!important}.ml-xl-n1,.mx-xl-n1{margin-left:-.25rem!important}.m-xl-n2{margin:-.5rem!important}.mt-xl-n2,.my-xl-n2{margin-top:-.5rem!important}.mr-xl-n2,.mx-xl-n2{margin-right:-.5rem!important}.mb-xl-n2,.my-xl-n2{margin-bottom:-.5rem!important}.ml-xl-n2,.mx-xl-n2{margin-left:-.5rem!important}.m-xl-n3{margin:-1rem!important}.mt-xl-n3,.my-xl-n3{margin-top:-1rem!important}.mr-xl-n3,.mx-xl-n3{margin-right:-1rem!important}.mb-xl-n3,.my-xl-n3{margin-bottom:-1rem!important}.ml-xl-n3,.mx-xl-n3{margin-left:-1rem!important}.m-xl-n4{margin:-1.5rem!important}.mt-xl-n4,.my-xl-n4{margin-top:-1.5rem!important}.mr-xl-n4,.mx-xl-n4{margin-right:-1.5rem!important}.mb-xl-n4,.my-xl-n4{margin-bottom:-1.5rem!important}.ml-xl-n4,.mx-xl-n4{margin-left:-1.5rem!important}.m-xl-n5{margin:-3rem!important}.mt-xl-n5,.my-xl-n5{margin-top:-3rem!important}.mr-xl-n5,.mx-xl-n5{margin-right:-3rem!important}.mb-xl-n5,.my-xl-n5{margin-bottom:-3rem!important}.ml-xl-n5,.mx-xl-n5{margin-left:-3rem!important}.m-xl-auto{margin:auto!important}.mt-xl-auto,.my-xl-auto{margin-top:auto!important}.mr-xl-auto,.mx-xl-auto{margin-right:auto!important}.mb-xl-auto,.my-xl-auto{margin-bottom:auto!important}.ml-xl-auto,.mx-xl-auto{margin-left:auto!important}}.text-monospace{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}.text-justify{text-align:justify!important}.text-wrap{white-space:normal!important}.text-nowrap{white-space:nowrap!important}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-left{text-align:left!important}.text-right{text-align:right!important}.text-center{text-align:center!important}@media (min-width:576px){.text-sm-left{text-align:left!important}.text-sm-right{text-align:right!important}.text-sm-center{text-align:center!important}}@media (min-width:768px){.text-md-left{text-align:left!important}.text-md-right{text-align:right!important}.text-md-center{text-align:center!important}}@media (min-width:992px){.text-lg-left{text-align:left!important}.text-lg-right{text-align:right!important}.text-lg-center{text-align:center!important}}@media (min-width:1200px){.text-xl-left{text-align:left!important}.text-xl-right{text-align:right!important}.text-xl-center{text-align:center!important}}.text-lowercase{text-transform:lowercase!important}.text-uppercase{text-transform:uppercase!important}.text-capitalize{text-transform:capitalize!important}.font-weight-light{font-weight:300!important}.font-weight-lighter{font-weight:lighter!important}.font-weight-normal{font-weight:400!important}.font-weight-bold{font-weight:700!important}.font-weight-bolder{font-weight:bolder!important}.font-italic{font-style:italic!important}.text-white{color:#fff!important}.text-primary{color:#007bff!important}a.text-primary:focus,a.text-primary:hover{color:#0056b3!important}.text-secondary{color:#6c757d!important}a.text-secondary:focus,a.text-secondary:hover{color:#494f54!important}.text-success{color:#28a745!important}a.text-success:focus,a.text-success:hover{color:#19692c!important}.text-info{color:#17a2b8!important}a.text-info:focus,a.text-info:hover{color:#0f6674!important}.text-warning{color:#ffc107!important}a.text-warning:focus,a.text-warning:hover{color:#ba8b00!important}.text-danger{color:#dc3545!important}a.text-danger:focus,a.text-danger:hover{color:#a71d2a!important}.text-light{color:#f8f9fa!important}a.text-light:focus,a.text-light:hover{color:#cbd3da!important}.text-dark{color:#343a40!important}a.text-dark:focus,a.text-dark:hover{color:#121416!important}.text-body{color:#212529!important}.text-muted{color:#6c757d!important}.text-black-50{color:rgba(0,0,0,.5)!important}.text-white-50{color:rgba(255,255,255,.5)!important}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.text-decoration-none{text-decoration:none!important}.text-reset{color:inherit!important}.visible{visibility:visible!important}.invisible{visibility:hidden!important}@media print{*,::after,::before{text-shadow:none!important;box-shadow:none!important}a:not(.btn){text-decoration:underline}abbr[title]::after{content:" (" attr(title) ")"}pre{white-space:pre-wrap!important}blockquote,pre{border:1px solid #adb5bd;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}@page{size:a3}body{min-width:992px!important}.container{min-width:992px!important}.navbar{display:none}.badge{border:1px solid #000}.table{border-collapse:collapse!important}.table td,.table th{background-color:#fff!important}.table-bordered td,.table-bordered th{border:1px solid #dee2e6!important}.table-dark{color:inherit}.table-dark tbody+tbody,.table-dark td,.table-dark th,.table-dark thead th{border-color:#dee2e6}.table .thead-dark th{color:inherit;border-color:#dee2e6}}

@keyframes rotateme {
    from {
        transform: rotate(0deg);
    }
    to { 
        transform: rotate(360deg);
    }
}
@-webkit-keyframes rotateme {
    from {
        -webkit-transform: rotate(0deg);
    }
    to { 
        -webkit-transform: rotate(360deg);
    }
}
@-moz-keyframes rotateme {
    from {
        -moz-transform: rotate(0deg);
    }
    to { 
        -moz-transform: rotate(360deg);
    }
}
@-o-keyframes rotateme {
    from {
        -o-transform: rotate(0deg);
    }
    to { 
        -o-transform: rotate(360deg);
    }
}

.rotate-me,
.android-section .image-column .inner-column .circle-image{
    animation-name: rotateme; 
    animation-duration: 24s; 
    animation-iteration-count: infinite;
    animation-timing-function: linear;
	
	-webkit-animation-name: rotateme; 
    -webkit-animation-duration: 24s; 
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
	
	-moz-animation-name: rotateme; 
    -moz-animation-duration: 24s; 
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
	
	-ms-animation-name: rotateme; 
    -ms-animation-duration: 24s; 
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
	
	-o-animation-name: rotateme; 
    -o-animation-duration: 24s; 
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
}



@-webkit-keyframes float-bob {
  0% {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
  }

  50% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  100% {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
  }
}

@keyframes float-bob {
  0% {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
  }

  50% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  100% {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
  }
}


@-webkit-keyframes zoom-fade {
  0% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }

  50% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  100% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}

@keyframes zoom-fade {
  0% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }

  50% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  100% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}

.float-bob,
.footer .overlay img,
.banner-section .mouse-btn-down,
.banner-section .image-column .image{
    animation-name: float-bob; 
    animation-duration: 7s; 
    animation-iteration-count: infinite;
    animation-timing-function: linear;
	
	-webkit-animation-name: float-bob; 
    -webkit-animation-duration: 7s; 
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
	
	-moz-animation-name: float-bob; 
    -moz-animation-duration: 7s; 
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
	
	-ms-animation-name: float-bob; 
    -ms-animation-duration: 7s; 
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
	
	-o-animation-name: float-bob; 
    -o-animation-duration: 7s; 
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
}

.zoom-fade,
.banner .parallax-container div img,
.fullwidth-video-section .play-link .icon-box{
    animation-name: zoom-fade; 
    animation-duration: 5s; 
    animation-iteration-count: infinite;
    animation-timing-function: linear;
	
	-webkit-animation-name: zoom-fade; 
    -webkit-animation-duration: 5s; 
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
	
	-moz-animation-name: zoom-fade; 
    -moz-animation-duration: 5s; 
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
	
	-ms-animation-name: zoom-fade; 
    -ms-animation-duration: 5s; 
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
	
	-o-animation-name: zoom-fade; 
    -o-animation-duration: 5s; 
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
}
/*!
 *  Font Awesome 4.5.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot?v=4.5.0');src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.5.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff2?v=4.5.0') format('woff2'),url('../fonts/fontawesome-webfont.woff?v=4.5.0') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.5.0') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}


@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot?vdw2jk');
  src:  url('../fonts/icomoon.eot?vdw2jk#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?vdw2jk') format('truetype'),
    url('../fonts/icomoon.woff?vdw2jk') format('woff'),
    url('../fonts/icomoon.svg?vdw2jk#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}







.icon-link:before {
    content: "\e900" !important;
}
.icon-maps-and-location:before {
  content: "\e901";
}
.icon-music:before {
  content: "\e902";
}
.icon-success:before {
  content: "\e903";
}
.icon-arrow:before {
  content: "\e904";
}
.icon-phone:before {
  content: "\e905";
}
.icon-quote:before {
  content: "\e906";
}
.icon-win:before {
  content: "\e907";
}
.icon-bag:before {
  content: "\e908";
}
.icon-hr:before {
  content: "\e909";
}
.icon-mail:before {
  content: "\e90a";
}
.icon-pin:before {
  content: "\e90b";
}
.icon-concept:before {
  content: "\e90c";
}
.icon-search:before {
  content: "\e90d";
}
.icon-wallet:before {
  content: "\e90e";
}
.icon-guarantee-certificate:before {
  content: "\e90f";
}
.icon-next:before {
  content: "\e910";
}
.icon-scheme:before {
  content: "\e911";
}
.icon-back:before {
  content: "\e912";
}
.icon-cupboard:before {
  content: "\e913";
}
.icon-support:before {
  content: "\e914";
}
.icon-architecture-and-city:before {
  content: "\e915";
}
.icon-question:before {
  content: "\e916";
}
.icon-target:before {
  content: "\e917";
}
.icon-architecture-and-city1:before {
  content: "\e918";
}
.icon-sheriff:before {
  content: "\e919";
}
.icon-teacher:before {
  content: "\e91a";
}
.icon-cross:before {
  content: "\e91b";
}
.icon-furniture-and-household:before {
  content: "\e91c";
}
.icon-shop:before {
  content: "\e91d";
}
.icon-company:before {
  content: "\e91e";
}
.icon-lamp:before {
  content: "\e91f";
}
.icon-sketch:before {
  content: "\e920";
}
.icon-out:before {
  content: "\e921";
}
.icon-paint:before {
  content: "\e922";
}
.icon-plus:before {
  content: "\e923";
}
.icon-floor:before {
  content: "\e924";
}
.icon-maps-and-location1:before {
  content: "\e925";
}
.icon-quote1:before {
  content: "\e926";
}
.icon-pin1:before {
  content: "\e927";
}
.icon-ruler:before {
  content: "\e928";
}
.icon-window:before {
  content: "\e929";
}
.icon-calendar:before {
  content: "\e92a";
}
.icon-car:before {
  content: "\e92b";
}
.icon-price:before {
  content: "\e92c";
}
.icon-success1:before {
  content: "\e92d";
}
.icon-group:before {
  content: "\e92e";
}
.icon-guarantee-certificate1:before {
  content: "\e92f";
}
.icon-hr1:before {
  content: "\e930";
}
.icon-link1:before {
  content: "\e931";
}
.icon-search1:before {
  content: "\e932";
}
.icon-wallet1:before {
  content: "\e933";
}
.icon-heart:before {
    content: "\e934" !important;
}
.icon-tick:before {
  content: "\e935";
}
.icon-comment:before {
  content: "\e936";
}
.icon-productive:before {
  content: "\e937";
}
.icon-document:before {
  content: "\e938";
}
.icon-quote2:before {
  content: "\e939";
}
.icon-kitchen:before {
  content: "\e93a";
}
.icon-share:before {
  content: "\e93b";
}
.icon-quote3:before {
  content: "\e93c";
}
.icon-reload:before {
  content: "\e93d";
}
.icon-cart:before {
  content: "\e93e";
}
.icon-star:before {
  content: "\e93f";
}
.icon-heart-1:before {
  content: "\e940";
}
.icon-night:before {
  content: "\e941";
}
.icon-global:before {
  content: "\e942";
}
.icon-refresh:before {
  content: "\e943";
}
.icon-support1:before {
  content: "\e944";
}
.icon-shipping-and-delivery:before {
  content: "\e945";
}
.icon-instagram:before {
  content: "\e946" !important;
}


.bootstrap-touchspin .input-group-btn-vertical {
  position: relative;
  white-space: nowrap;
  width: 1%;
  vertical-align: middle;
  display: table-cell;
}

.bootstrap-touchspin .input-group-btn-vertical > .btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%;
  padding: 8px 10px;
  margin-left: -1px;
  position: relative;
}

.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up {
  border-radius: 0;
  border-top-right-radius: 4px;
}

.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down {
  margin-top: -2px;
  border-radius: 0;
  border-bottom-right-radius: 4px;
}

.bootstrap-touchspin .input-group-btn-vertical i {
  position: absolute;
  top: 3px;
  left: 5px;
  font-size: 9px;
  font-weight: normal;
}

/**
 * Owl Carousel v2.2.1
 * Copyright 2013-2017 David Deutsch
 * Licensed under  ()
 */
/*
 *  Owl Carousel - Core
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1; }
  .owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    -moz-backface-visibility: hidden;
    /* fix firefox animation glitch */ }
  .owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }
  .owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    /* fix for flashing background */
    -webkit-transform: translate3d(0px, 0px, 0px); }
  .owl-carousel .owl-wrapper,
  .owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0); }
  .owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none; }
  .owl-carousel .owl-item img {
    display: block;
    width: 100%; }
  .owl-carousel .owl-nav.disabled,
  .owl-carousel .owl-dots.disabled {
    display: none; }
  .owl-carousel .owl-nav .owl-prev,
  .owl-carousel .owl-nav .owl-next,
  .owl-carousel .owl-dot {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel.owl-loaded {
    display: block; }
  .owl-carousel.owl-loading {
    opacity: 0;
    display: block; }
  .owl-carousel.owl-hidden {
    opacity: 0; }
  .owl-carousel.owl-refresh .owl-item {
    visibility: hidden; }
  .owl-carousel.owl-drag .owl-item {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel.owl-grab {
    cursor: move;
    cursor: grab; }
  .owl-carousel.owl-rtl {
    direction: rtl; }
  .owl-carousel.owl-rtl .owl-item {
    float: right; }

/* No Js */
.no-js .owl-carousel {
  display: block; }

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  animation-duration: 1000ms;
  animation-fill-mode: both; }

.owl-carousel .owl-animated-in {
  z-index: 0; }

.owl-carousel .owl-animated-out {
  z-index: 1; }

.owl-carousel .fadeOut {
  animation-name: fadeOut; }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

/*
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  transition: height 500ms ease-in-out; }

/*
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity 400ms ease; }

.owl-carousel .owl-item img.owl-lazy {
  transform-style: preserve-3d; }

/*
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000; }

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform 100ms ease; }

.owl-carousel .owl-video-play-icon:hover {
  -ms-transform: scale(1.3, 1.3);
      transform: scale(1.3, 1.3); }

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none; }

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 400ms ease; }

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%; }

/**
 * Owl Carousel v2.2.1
 * Copyright 2013-2017 David Deutsch
 * Licensed under  ()
 */
/*
 * 	Default theme - Owl Carousel CSS File
 */
.owl-theme .owl-nav {
  margin-top: 10px;
  text-align: center;
  -webkit-tap-highlight-color: transparent; }
  .owl-theme .owl-nav [class*='owl-'] {
    color: #FFF;
    font-size: 14px;
    margin: 5px;
    padding: 4px 7px;
    background: #D6D6D6;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px; }
    .owl-theme .owl-nav [class*='owl-']:hover {
      background: #869791;
      color: #FFF;
      text-decoration: none; }
  .owl-theme .owl-nav .disabled {
    opacity: 0.5;
    cursor: default; }

.owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 10px; }

.owl-theme .owl-dots {
  text-align: center;
  -webkit-tap-highlight-color: transparent; }
  .owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
    *display: inline; }
    .owl-theme .owl-dots .owl-dot span {
      width: 10px;
      height: 10px;
      margin: 5px 7px;
      background: #D6D6D6;
      display: block;
      -webkit-backface-visibility: visible;
      transition: opacity 200ms ease;
      border-radius: 30px; }
    .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
      background: #869791; }

	/*
  	Flaticon icon font: Flaticon
  	Creation date: 18/04/2019 05:37
  	*/

@font-face {
    font-family: "Flaticon";
    src: url("../fonts/Flaticon.eot");
    src: url("../fonts/Flaticon.eot?#iefix") format("embedded-opentype"),
        url("../fonts/Flaticon.woff2") format("woff2"), 
        url("../fonts/Flaticon.woff") format("woff"), 
        url("../fonts/Flaticon.ttf") format("truetype"),
        url("../fonts/Flaticon.svg#Flaticon") format("svg");
    font-weight: normal;
    font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    @font-face {
        font-family: "Flaticon";
        src: url("../fonts/Flaticon.svg#Flaticon") format("svg");
    }
}

[class^="flaticon-"]:before, [class*=" flaticon-"]:before,
[class^="flaticon-"]:after, [class*=" flaticon-"]:after {   
  font-family: Flaticon;
        font-size: 20px;
font-style: normal;
margin-left: 0px;
}

.flaticon-add:before { content: "\f100"; }
.flaticon-percentage:before { content: "\f101"; }
.flaticon-next:before { content: "\f102"; }
.flaticon-right-upper-coner:before { content: "\f103"; }
.flaticon-zoom:before { content: "\f104"; }
.flaticon-back:before { content: "\f105"; }
.flaticon-arrow:before { content: "\f106"; }
.flaticon-add-1:before { content: "\f107"; }
.flaticon-substract:before { content: "\f108"; }
.flaticon-leaflet:before { content: "\f109"; }
.flaticon-play-button:before { content: "\f10a"; }
.flaticon-car:before { content: "\f10b"; }
.flaticon-architecture-and-city:before { content: "\f10c"; }
.flaticon-question:before { content: "\f10d"; }
/*! 
 * Master Slider WordPress Main CSS File
 * @date Aug 2016
 */



/**
 *  Master Slider
 * 	Main css file
 */

.master-slider {
    position: relative;
    visibility: hidden;
    -moz-transform: translate3d(0, 0, 0);
}



.ms-ie img {
    border: none;
}

.ms-ie8 * {
    opacity: inherit;
    filter: inherit;
}

.ms-ie7 {
    zoom: 1;
}

.ms-moz .ms-slide-bgcont > img {
    transform: translateX(0px);
}

.master-slider a,
.master-slider a:hover {
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
}

.wpb_row .master-slider-parent *,
.master-slider-parent * {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.master-slider-parent {
    margin-left: auto;
    margin-right: auto;
}

.ms-layout-partialview .ms-view {
    overflow: visible;
    background-color: transparent;
}

.ms-layout-partialview .ms-container {
    overflow: hidden;
}

.master-slider.before-init {
}

.master-slider img, .ms-slide-bgvideocont video {
    max-width: none;
    width: 100%;
}

.master-slider.ms-fullheight {
    height: 100%;
}

.ms-slide-auto-height {
    display: table;
}

.ms-loading-container {
    position: absolute;
    width: 100%;
    top: 0;
}

    .ms-loading-container .ms-loading,
    .ms-slide .ms-slide-loading {
        width: 36px;
        height: 36px;
        background: url(/js/masterslider/css/common/loading-2.gif) no-repeat center white;
        border-radius: 60px;
        box-shadow: 0px 0px 3px rgba(0,0,0,0.2);
        position: absolute;
        left: 50%;
        top: 50%;
        margin: -18px;
        opacity: 0.9;
    }


/* grab cursor */
.ms-def-cursor {
    cursor: auto !important;
}

.ms-grab-cursor {
    cursor: url(/js/masterslider/css/common/grab.png), move;
}

.ms-grabbing-cursor {
    cursor: url(common/grabbing.png), move;
}

.ms-ie .ms-grab-cursor {
    cursor: move;
}

.ms-ie .ms-grabbing-cursor {
    cursor: move;
}

.ms-view {
    margin: 0px auto;
    overflow: hidden;
    position: relative;
    -webkit-perspective: 2000px;
    -moz-perspective: 2000px;
    -ms-perspective: 2000px;
    perspective: 2000px;
}

    .ms-view .ms-slide-container {
        position: relative;
    }

.ms-slide {
    position: absolute;
    height: 100%;
    -webkit-transform: translateZ(0px);
    -ms-transform: translateZ(0px);
    -o-transform: translateZ(0px);
    transform: translateZ(0px);
}

.ms-wk .ms-slide {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.ms-slide.selected {
}

.ms-slide .ms-slide-bgcont,
.ms-slide .ms-slide-bgvideocont {
    position: absolute;
    overflow: hidden;
    width: 100%;
}

.ms-slide .ms-slide-link {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 110;
}

.ms-ie .ms-slide-link {
    background: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBR‌​AA7") 0 0 repeat;
}


.ms-slide .ms-slide-bgvideocont {
    z-index: 105;
    height: 100%;
}

.ms-wk .ms-slide .ms-slide-bgvideocont,
.ms-wk .ms-slide-bgvideocont > video {
    -webkit-transform: translateZ(0.3px);
    transform: translateZ(0.3px);
}

.ms-slide .ms-slide-bgvideo {
    position: absolute;
    top: 0px;
}


.ms-inner-controls-cont, .ms-container {
    position: relative;
    margin: 0 auto;
}

.ms-slide .ms-slide-bgcont img, .ms-container, .ms-inner-controls-cont {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.ms-slide .ms-layer,
.ms-fixed-layers .ms-layer,
.ms-overlay-layers .ms-layer {
    position: absolute;
    pointer-events: auto;
}

.ms-layer-mask {
    position: absolute;
    overflow: hidden;
}

    .ms-layer-mask .ms-layer {
        position: relative;
    }

.ms-slide .ms-slide-layers,
.ms-overlay-layers .ms-slide-layers,
.ms-fixed-layers {
    position: absolute;
    overflow: hidden;
    width: 100%;
    height: 100%;
    z-index: 109;
    top: 0px;
    pointer-events: none;
}

/* ------------------------------------------------------------------------------ */
/* Overlayer layers */
.ms-overlay-layers {
    position: absolute;
    top: 0;
    z-index: 120;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

.ms-slide .ms-slide-video {
    position: absolute;
    top: 0;
    z-index: 111;
    background: black;
    padding: 0;
    margin: 0;
    border: none;
}


.ms-slide .ms-pattern {
    background-attachment: scroll;
    width: 100%;
    height: 100%;
    z-index: 108;
    position: absolute;
    top: 0;
}

.ms-wk .ms-pattern {
    -webkit-transform: translateZ(0.4px);
    transform: translateZ(0.4px);
}

.ms-parallax-layer {
    width: 100%;
    position: absolute;
    top: 0;
}

.ms-scroll-parallax-cont {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 109;
}

.ms-wk .ms-scroll-parallax-cont {
    -webkit-transform: translateZ(0.4px);
    transform: translateZ(0.4px);
}

.ms-scroll-parallax .ms-sl-selected .ms-scroll-parallax-cont,
.ms-scroll-parallax .ms-sl-selected .ms-slide-bgcont {
}

.ms-scroll-parallax .ms-slide-bgcont {
}

/*-----------------------------------------------------------*/
.ms-action-layer {
    cursor: pointer;
}

.ms-btn-container {
    position: absolute;
}

.ms-btn {
    text-decoration: none;
    display: inline-block;
    color: black;
    position: relative;
    padding: 8px 15px;
    cursor: pointer;
    white-space: nowrap;
}

.ms-default-btn {
    background: #0074A2;
    border-radius: 5px;
    color: #FFF;
}

    .ms-default-btn:hover {
        background-color: #0098D5;
    }

    .ms-default-btn:active {
        top: 1px;
    }

.ms-layer.video-box {
    background: black;
}

    .ms-layer.video-box iframe {
        padding: 0;
        margin: 0;
        border: none;
        position: absolute;
        z-index: 110;
    }

.ms-btn-s {
    padding: 14px 17px;
    font-size: 80%;
    line-height: 0;
}

.ms-btn-m {
    padding: 12px 40px;
}

.ms-btn-n {
    padding: 8px 25px;
    font-size: 95%;
}

.ms-btn-l {
    padding: 17px 50px;
    font-size: 120%;
}

.ms-btn-box {
}

.ms-btn-round {
    border-radius: 5px;
}

.ms-btn-circle {
    border-radius: 100px;
}

.ms-btn-outline-box {
}

.ms-btn-outline-round {
    border-radius: 5px;
}

.ms-btn-outline-circle {
    border-radius: 100px;
}
/*-----------------------------------------------------------*/
.ms-slide .ms-slide-vpbtn, .ms-slide .ms-video-btn {
    position: absolute;
    cursor: pointer;
    z-index: 110;
}

.ms-slide .ms-slide-vcbtn {
    position: absolute;
    cursor: pointer;
    z-index: 113;
}

.ms-slide-vcbtn-mobile {
    position: relative;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 28px;
    background-color: black;
    color: white;
    text-align: center;
    cursor: pointer;
    z-index: 113;
}

    .ms-slide-vcbtn-mobile .ms-vcbtn-txt {
        text-transform: uppercase;
        font-family: sans-serif;
        font-size: 0.75em;
        display: inline-block;
        background: url(common/video-close-btn.png) no-repeat 0px 3px;
        padding-left: 15px;
        height: 15px;
        color: #DBDBDB;
        margin-top: 7px;
    }

.ms-wk .ms-slide .ms-slide-vcbtn,
.ms-wk .ms-slide .ms-slide-layers,
.ms-wk .ms-slide .ms-slide-vpbtn,
.ms-wk .ms-slide .ms-slide-video,
.ms-wk .ms-slide-link {
    -webkit-transform: translateZ(0.44px);
    transform: translateZ(0.44px);
}

.ms-video-img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.ms-mask-frame {
    overflow: hidden;
    position: absolute;
    float: left;
}

/* controls */

.ms-thumb-list {
    overflow: hidden;
    position: absolute;
}

    .ms-thumb-list.ms-dir-h {
        width: 100%;
    }

    .ms-thumb-list.ms-dir-v {
        height: 100%;
        top: 0;
    }

.ms-thumbs-cont {
    position: relative;
}

.ms-thumb-frame img {
    width: 100%;
    height: auto;
}

.ms-thumb-frame {
    cursor: pointer;
    float: left;
    overflow: hidden;
    opacity: 0.5;
    -webkit-transition: opacity 300ms;
    -moz-transition: opacity 300ms;
    -ms-transition: opacity 300ms;
    -o-transition: opacity 300ms;
    transition: opacity 300ms;
}

.ms-thumb-frame-selected {
    opacity: 1;
}

.ms-tabs .ms-thumb-frame {
    background-color: #F6f6f6;
    text-shadow: 0 1px 1px white;
    color: #222;
    border: solid 1px white;
    border-width: 0 1px 1px 0;
    overflow: visible;
    position: relative;
    opacity: 1;
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -ms-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
}

.ms-tabs.ms-has-thumb .ms-tab-thumb {
    width: auto;
}

.ms-tabs.ms-dir-h .ms-thumb-frame {
    margin-top: 12px;
}

.ms-tabs.ms-dir-v .ms-thumb-frame {
    margin-left: 12px;
}

.ms-tabs.ms-dir-v.ms-align-left .ms-thumb-frame {
    margin-left: 0px;
}

.ms-tabs.ms-dir-h.ms-align-top {
    z-index: 140;
}

    .ms-tabs.ms-dir-h.ms-align-top .ms-thumb-frame {
        margin-top: -12px;
    }

.ms-tabs .ms-thumb {
    padding: 20px 20px;
}

.ms-tabs .ms-thumb-frame-selected {
    opacity: 1;
    background: #EDEDED;
}

.ms-tabs .ms-thumb-frame .ms-thumb-ol {
    position: absolute;
    opacity: 0;
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -ms-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
}

.ms-tabs.ms-dir-h .ms-thumb-frame .ms-thumb-ol {
    top: 0px;
    left: 50%;
    margin-left: -12px;
    border-bottom: solid 12px #F6f6f6;
    border-left: solid 12px transparent;
    border-right: solid 12px transparent;
}

.ms-tabs.ms-dir-h.ms-align-bottom .ms-thumb-frame-selected .ms-thumb-ol {
    opacity: 1;
    top: -12px;
    border-bottom-color: #EDEDED;
}

.ms-tabs.ms-dir-h.ms-align-top .ms-thumb-frame .ms-thumb-ol {
    bottom: 0px;
    top: auto;
    border-bottom: 0px;
    border-top: solid 12px #F6f6f6;
}

.ms-tabs.ms-dir-h.ms-align-top .ms-thumb-frame-selected .ms-thumb-ol {
    opacity: 1;
    bottom: -12px;
    border-top-color: #EDEDED;
}

.ms-tabs.ms-dir-v .ms-thumb-frame .ms-thumb-ol {
    top: 50%;
    left: 0;
    margin-top: -12px;
    border-right: solid 12px #EDEDED;
    border-top: solid 12px transparent;
    border-bottom: solid 12px transparent;
}

.ms-tabs.ms-dir-v.ms-align-right .ms-thumb-frame-selected .ms-thumb-ol {
    opacity: 1;
    left: -12px;
    border-right-color: #EDEDED;
}

.ms-tabs.ms-dir-v.ms-align-left .ms-thumb-frame .ms-thumb-ol {
    left: auto;
    right: 0;
    border-right: 0;
    border-left: solid 12px #EDEDED;
}

.ms-tabs.ms-dir-v.ms-align-left .ms-thumb-frame-selected .ms-thumb-ol {
    opacity: 1;
    right: -12px;
    border-left-color: #EDEDED;
}

.ms-thumb-alt {
    text-align: center;
    margin: 5px;
    font-size: 14px;
    font-weight: 600;
}

/* horizontal thumblist arrows*/
.ms-thumb-list.ms-dir-h .ms-thumblist-fwd, .ms-thumb-list.ms-dir-h .ms-thumblist-bwd {
    height: 100%;
    width: 20px;
    position: absolute;
    left: 0;
    cursor: pointer;
    background: rgba(128, 128, 128, 0.5);
    text-align: center;
    color: white;
}

.ms-thumb-list.ms-dir-h .ms-thumblist-bwd {
    right: 0;
    left: auto;
}

    .ms-thumb-list.ms-dir-h .ms-thumblist-fwd:after, .ms-thumb-list.ms-dir-h .ms-thumblist-bwd:after {
        content: close-quote;
        top: 43%;
        position: relative;
        border: solid rgba(0, 0, 0, 0);
        border-width: 5px 5px 5px 0px;
        display: block;
        border-right-color: #FFF;
        width: 6px;
        height: 1px;
    }

    .ms-thumb-list.ms-dir-h .ms-thumblist-bwd:after {
        border-width: 5px 0px 5px 5px;
        border-left-color: #FFF;
        left: 7px;
    }

/* vertical thumblist arrows */
.ms-thumb-list.ms-dir-v .ms-thumblist-fwd, .ms-thumb-list.ms-dir-v .ms-thumblist-bwd {
    width: 100%;
    height: 20px;
    position: absolute;
    top: 0;
    cursor: pointer;
    background: rgba(128, 128, 128, 0.5);
    text-align: center;
    color: white;
}

.ms-thumb-list.ms-dir-v .ms-thumblist-bwd {
    bottom: 0;
    top: auto;
}

    .ms-thumb-list.ms-dir-v .ms-thumblist-fwd:after, .ms-thumb-list.ms-dir-v .ms-thumblist-bwd:after {
        content: close-quote;
        left: 43%;
        position: relative;
        border: solid rgba(0, 0, 0, 0);
        border-width: 0px 5px 5px 5px;
        display: block;
        border-bottom-color: #FFF;
        height: 1px;
        top: 5px;
        width: 0;
    }

    .ms-thumb-list.ms-dir-v .ms-thumblist-bwd:after {
        border-width: 5px 5px 0px 5px;
        border-top-color: #FFF;
        top: 7px;
    }

/* Thumb in tab styles */
.ms-tabs.ms-dir-v.ms-has-thumb .ms-thumbs-cont {
    top: 0 !important;
}

.ms-tabs.ms-has-thumb .ms-thumb-frame {
    height: auto !important;
}

.ms-tabs.ms-has-thumb .ms-thumb {
    padding: 0;
}

.ms-tabs.ms-has-thumb .ms-tab-context {
    padding: 20px;
}

.ms-tabs.ms-align-left .ms-tab-thumb {
    float: left;
    margin-right: 20px;
}

.ms-tabs.ms-align-right .ms-tab-thumb {
    float: right;
    margin-left: 20px;
}

.ms-bullet {
    cursor: pointer;
    float: left;
}

.ms-bullets.ms-dir-h {
    position: absolute;
    bottom: 5px !important;
    right: 50%;
    width: 100px;
}

.ms-bullets.ms-dir-v {
    position: absolute;
    top: 50%;
}

    .ms-bullets.ms-dir-v .ms-bullet {
        float: none;
    }

.ms-bullets.ms-dir-h .ms-bullets-count {
    position: relative;
    right: -50%;
}

.ms-sbar {
    position: absolute;
}

    .ms-sbar.ms-dir-h {
        left: 10px;
        right: 10px;
        top: 5px
    }

    .ms-sbar.ms-dir-v {
        top: 10px;
        bottom: 10px;
        right: 5px
    }

    .ms-sbar .ms-bar {
        height: 4px;
        background: #333;
        border-radius: 4px;
    }

    .ms-sbar.ms-dir-v .ms-bar {
        width: 4px;
    }

    .ms-sbar .ms-bar {
        position: relative;
        -webkit-transition: opacity 300ms;
        -moz-transition: opacity 300ms;
        -ms-transition: opacity 300ms;
        -o-transition: opacity 300ms;
        transition: opacity 300ms;
    }

.ms-timerbar {
    width: 100%;
    bottom: 0px;
    position: absolute;
}

.ms-ctimer {
    position: absolute;
    top: 30px;
    left: 30px;
    cursor: pointer;
}

.ms-ctimer-bullet {
}

.ms-time-bar {
    -webkit-transition: width 120ms linear;
    -moz-transition: width 120ms linear;
    -ms-transition: width 120ms linear;
    -o-transition: width 120ms linear;
    transition: width 120ms linear;
}

.ms-ie7 .ms-tooltip-arrow {
    height: 0px;
}

.ms-slide-info {
    position: absolute;
}

    .ms-slide-info.ms-dir-v {
        top: 0;
    }

    .ms-slide-info.ms-dir-h {
        width: 100%;
    }

@keyframes point-anim {
    0% {
        transform: scale(0.5);
        -webkit-transform: scale(0.5);
        -moz-transform: scale(0.5);
        -o-transform: scale(0.5);
        -ms-transform: scale(0.5);
        opacity: 1;
    }

    100% {
        transform: scale(0.5);
        -webkit-transform: scale(0.5);
        -moz-transform: scale(1.5);
        -o-transform: scale(1.5);
        -ms-transform: scale(1.5);
        opacity: 0;
    }
}

@-webkit-keyframes point-anim {
    0% {
        -webkit-transform: scale(0.5);
        opacity: 1;
    }

    100% {
        -webkit-transform: scale(1.5);
        opacity: 0;
    }
}

/* In Android browser, using css animations over slider causes some crashes */
.ms-android .ms-tooltip-point .ms-point-border {
    animation: none;
    -moz-animation: none;
    -webkit-animation: none;
    -o-animation: none;
}

.ms-pattern.ms-patt-1 {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAYAAABWKLW/AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABRJREFUeNpiYICA/wzoDGTwHyDAADXxAv4Eq8S5AAAAAElFTkSuQmCC);
}

.ms-pattern.ms-patt-2 {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABhJREFUeNpiYECA/wxogLAANoBdF0CAAQD+agT8l3ocpQAAAABJRU5ErkJggg==);
}

.ms-pattern.ms-patt-3 {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAACxJREFUeNqU0EENAAAMwkD8m+4s7PhCCmHbGijxE0jS1HOOhxJSUhf9eAIMAI/CEe94Ny14AAAAAElFTkSuQmCC);
}

.ms-pattern.ms-patt-4 {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABhJREFUeNpiYGBg+M+ABfxHo3Fz/gMEGACtlgX7j8MuyAAAAABJRU5ErkJggg==);
}

.ms-pattern.ms-patt-5 {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAYAAABWKLW/AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABNJREFUeNpiYECA/3CCAV0UIMAANfEC/mOKn1cAAAAASUVORK5CYII=);
}

.ms-pattern.ms-patt-6 {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAABCAYAAADjAO9DAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABRJREFUeNpiYGBg+M+AClD4AAEGACn3Af/97SgJAAAAAElFTkSuQmCC);
}

.ms-pattern.ms-patt-7 {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABZJREFUeNpiYMAE/+EEAy5Z0iUAAgwA/moE/KMl2lgAAAAASUVORK5CYII=);
}

.ms-pattern.ms-patt-8 {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAICAYAAAA4GpVBAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABRJREFUeNpiYGBg+M+ACdDFAAIMADP0Af/w5VDVAAAAAElFTkSuQmCC);
}

.ms-pattern.ms-patt-9 {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABJJREFUeNpiYGBg+M9AGQAIMABABAEA80yJjQAAAABJRU5ErkJggg==);
}

.ms-pattern.ms-patt-10 {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABZJREFUeNpiYGBg+A/FcMDEQH0AEGAAxksCAb3vCDgAAAAASUVORK5CYII=);
}

.ms-pattern.ms-patt-11 {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABxJREFUeNpiZGBg+M+AChhBBBMDDkC6BOkAIMAAlXQBCO9f4icAAAAASUVORK5CYII=);
}

.ms-pattern.ms-patt-12 {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABtJREFUeNpiYGBg+M8AATAaDnAKYEgQBgABBgB6/AT8h9ybfgAAAABJRU5ErkJggg==);
}

.ms-pattern.ms-patt-13 {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAB1JREFUeNpiYGBg+M+ABJig9H90AbggI7oWgAADAI5xBAIRYsxUAAAAAElFTkSuQmCC);
}

.ms-pattern.ms-patt-14 {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAICAYAAAAx8TU7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABdJREFUeNpiYGBg+M+AA9BSgkQBgAADAJIyB/kDCjAnAAAAAElFTkSuQmCC);
}

.ms-pattern.ms-patt-15 {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAFCAYAAAB4ka1VAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAB9JREFUeNpiYGBg+M9ABPhPjPh/YjT9J2AipiRAgAEAhjsH+Utd9Z4AAAAASUVORK5CYII=);
}
/* white patterns */
.ms-pattern.ms-patt-16 {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAFAQMAAABCXz8WAAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAABJJREFUCNdjaGBwZFBiEGHgAAAHPwEAP8TPrwAAAABJRU5ErkJggg==);
}

.ms-pattern.ms-patt-17 {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAIAQMAAAALP6d4AAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAABZJREFUCNdjaGBwYFBgEGDgAGIFBgcADegBabpJ4LsAAAAASUVORK5CYII=);
}

.ms-pattern.ms-patt-18 {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAEAQMAAACTPww9AAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAABBJREFUCNdjaGA4wPCA4QMACtgDEQ8Bqx8AAAAASUVORK5CYII=);
}

.ms-pattern.ms-patt-19 {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFAQMAAAC3obSmAAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAAA9JREFUCNdjWMDgAMRAAAAKigGBlYsMggAAAABJRU5ErkJggg==);
}

.ms-pattern.ms-patt-20 {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGAQMAAADaAn0LAAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAAA1JREFUCNdj+ACFQAAAHgwDwds/+0oAAAAASUVORK5CYII=);
}

.ms-pattern.ms-patt-21 {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFAQMAAAC3obSmAAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAAA1JREFUCNdjOACEYAAADAoBgRrgDF0AAAAASUVORK5CYII=);
}

.ms-pattern.ms-patt-22 {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAEAQMAAACTPww9AAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjaGAAAwADiACBhux1cwAAAABJRU5ErkJggg==);
}

.ms-pattern.ms-patt-23 {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAIAQMAAAAC1AcCAAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAAA5JREFUCNdjaGAAAxgNAAsQAQHPxScOAAAAAElFTkSuQmCC);
}

.ms-pattern.ms-patt-24 {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAABAQMAAADZzn0AAAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAAApJREFUCNdj6AAAAIoAiVWdWYwAAAAASUVORK5CYII=);
}

.ms-pattern.ms-patt-25 {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFAQMAAAC3obSmAAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAABJJREFUCNdj4GBoYHBgUGAQAAAFggD5HRIFwAAAAABJRU5ErkJggg==);
}

.ms-pattern.ms-patt-26 {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADAQMAAABs5if8AAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAAA5JREFUCNdjUGBoYHAAAAJmAOF0EZC+AAAAAElFTkSuQmCC);
}

.ms-pattern.ms-patt-27 {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAEAQMAAACTPww9AAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAABBJREFUCNdjaGAIYFBgCAAABcgBQeTzXGUAAAAASUVORK5CYII=);
}

.ms-pattern.ms-patt-28 {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKAQMAAAC3/F3+AAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAACBJREFUCNdjaGBgcHBgUGhgEGRg4GJgYAGRQDZQBCgOAC/KAvtspwwJAAAAAElFTkSuQmCC);
}

.ms-pattern.ms-patt-29 {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFAQMAAAC3obSmAAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAABJJREFUCNdjUGBwYGhg4GAQAAAFkgD5MUFnfgAAAABJRU5ErkJggg==);
}

.ms-pattern.ms-patt-30 {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADAQMAAABs5if8AAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAAA5JREFUCNdjcGBoYFAAAALmAOHcBT11AAAAAElFTkSuQmCC);
}



/**
 *  Master Slider
 *  Default Skin
 */

.ms-skin-default .ms-slide .ms-slide-vpbtn,
.ms-skin-default .ms-video-btn {
    width: 50px;
    height: 51px;
    background: url(/plugins/masterslider/css/skins/light-skin-1.png) no-repeat -14px -150px;
    top: 50%;
    left: 50%;
    margin: -25px 0 0 -25px;
}

.ms-skin-default .ms-slide .ms-slide-vcbtn {
    width: 30px;
    height: 30px;
    background: url(/plugins/masterslider/css/skins/light-skin-1.png) no-repeat -24px -28px;
    top: 18px;
    right: 30px;
}

/* controls */

.ms-skin-default .ms-nav-next,
.ms-skin-default .ms-nav-prev {
    width: 47px;
    background: url(/js/masterslider/css/skins/metro-skin.png);
    background-position: -84px -24px;
    height: 47px;
    cursor: pointer;
    top: 60%;
    left: 30px;
    margin-top: -20px;
    position: absolute;
    z-index: 110;
}

.ms-skin-default .ms-nav-next {
    right: 30px;
    left: auto;
    background-position: -80px -100px;
}



.ms-skin-default .ms-bullet {
    width: 41px;
    height: 19px;
    background: url(/js/masterslider/css/skins/metro-skin.png) no-repeat;
    margin: 4px;
    background-position: -19px -112px;
}

.ms-skin-default .ms-bullet-selected {
    background-position: -19px -78px;
}

.ms-skin-default .ms-tooltip {
    position: absolute;
    z-index: 210;
    cursor: auto;
}

.ms-skin-default .ms-tooltip-top .ms-tooltip-arrow,
.ms-skin-default .ms-tooltip-bottom .ms-tooltip-arrow {
    border-left: solid 10px transparent;
    border-right: solid 10px transparent;
    position: absolute;
    left: 50%;
    margin-left: -10px;
}

.ms-skin-default .ms-tooltip-top .ms-tooltip-arrow {
    border-top: solid 10px;
    border-top-color: silver;
    border-top-color: rgba(240, 240, 240, 0.88);
    bottom: -10px;
}

.ms-skin-default .ms-tooltip-bottom .ms-tooltip-arrow {
    border-bottom: solid 10px;
    border-bottom-color: silver;
    border-bottom-color: rgba(240, 240, 240, 0.88);
    top: -10px;
}

.ms-skin-default .ms-tooltip-right .ms-tooltip-arrow,
.ms-skin-default .ms-tooltip-left .ms-tooltip-arrow {
    border-top: solid 10px transparent;
    border-bottom: solid 10px transparent;
    position: absolute;
    top: 50%;
    margin-top: -10px;
}

.ms-skin-default .ms-tooltip-right .ms-tooltip-arrow {
    border-right: solid 10px;
    border-right-color: silver;
    border-right-color: rgba(240, 240, 240, 0.88);
    left: -10px;
}

.ms-skin-default .ms-tooltip-left .ms-tooltip-arrow {
    border-left: solid 10px;
    border-left-color: silver;
    border-left-color: rgba(240, 240, 240, 0.88);
    right: -10px;
}

.ms-skin-default .ms-tooltip-point {
    cursor: pointer;
}

    .ms-skin-default .ms-tooltip-point .ms-point-center {
        width: 12px;
        height: 12px;
        border-radius: 15px;
        border: solid 2px #BBB;
        background: white;
        margin: -8px 0 0 -8px;
        position: absolute;
        z-index: 105;
    }

    .ms-skin-default .ms-tooltip-point .ms-point-border {
        width: 22px;
        height: 22px;
        background: black;
        background: rgba(0, 0, 0, 0.36);
        margin: -11px 0 0 -11px;
        position: absolute;
        border-radius: 15px;
        animation: point-anim 1.5s infinite;
        -moz-animation: point-anim 1.5s infinite;
        -webkit-animation: point-anim 1.5s infinite;
        -o-animation: point-anim 1.5s infinite;
    }

.ms-skin-default .ms-tooltip {
    max-width: 200px;
}

.ms-skin-default .ms-tooltip-cont {
    padding: 10px;
    background: silver;
    background: rgba(240, 240, 240, 0.88);
    text-shadow: 0 1px 0px white;
    margin-left: -1px;
}

/* retina */
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and ( min--moz-device-pixel-ratio: 2), only screen and ( -o-min-device-pixel-ratio: 2/1), only screen and ( min-device-pixel-ratio: 2), only screen and ( min-resolution: 192dpi), only screen and ( min-resolution: 2dppx) {

    .ms-skin-default .ms-slide .ms-slide-vpbtn,
    .ms-skin-default .ms-video-btn,
    .ms-skin-default .ms-slide .ms-slide-vcbtn,
    .ms-skin-default .ms-nav-next,
    .ms-skin-default .ms-nav-prev,
    .ms-skin-default .ms-bullet {
        background-image: url(skins/light-skin-1-retina.png);
        background-size: 152px 225px;
    }
}


/**
 *  Master Slider
 *  Black 1
 */

.ms-skin-black-1 .ms-slide .ms-slide-vpbtn,
.ms-skin-black-1 .ms-video-btn {
    width: 54px;
    height: 54px;
    background: url(skins/black-skin-1.png) no-repeat -14px -150px;
    top: 50%;
    left: 50%;
    margin: -27px 0 0 -27px;
}

.ms-skin-black-1 .ms-slide .ms-slide-vcbtn {
    width: 27px;
    height: 26px;
    background: url(skins/black-skin-1.png) no-repeat -24px -29px;
    top: 30px;
    right: 30px;
}

/* controls */

.ms-skin-black-1 .ms-nav-next,
.ms-skin-black-1 .ms-nav-prev {
    width: 53px;
    background: url(skins/black-skin-1.png);
    background-position: -79px -19px;
    height: 61px;
    cursor: pointer;
    top: 50%;
    left: 30px;
    margin-top: -26px;
    position: absolute;
    z-index: 110;
}

.ms-skin-black-1 .ms-nav-next {
    right: 30px;
    left: auto;
    background-position: -79px -97px;
}

.ms-skin-black-1 .ms-bullets.ms-dir-h {
    position: absolute;
    bottom: 20px;
    right: 50%;
    width: 100px;
}

    .ms-skin-black-1 .ms-bullets.ms-dir-h .ms-bullets-count {
        position: relative;
        right: -50%;
    }

.ms-skin-black-1 .ms-bullet {
    width: 9px;
    height: 9px;
    background: white;
    margin: 4px;
    border: solid 1px rgb(58, 58, 58);
}

.ms-skin-black-1 .ms-bullet-selected {
    background-color: black;
}

.ms-skin-black-1 .ms-tooltip {
    position: absolute;
    z-index: 210;
    cursor: auto;
}

.ms-skin-black-1 .ms-tooltip-top .ms-tooltip-arrow,
.ms-skin-black-1 .ms-tooltip-bottom .ms-tooltip-arrow {
    border-left: solid 10px transparent;
    border-right: solid 10px transparent;
    position: absolute;
    left: 50%;
    margin-left: -10px;
}

.ms-skin-black-1 .ms-tooltip-top .ms-tooltip-arrow {
    border-top: solid 10px;
    border-top-color: white;
    border-top-color: rgba(0, 0, 0, 0.8);
    bottom: -10px;
}

.ms-skin-black-1 .ms-tooltip-bottom .ms-tooltip-arrow {
    border-bottom: solid 10px;
    border-bottom-color: white;
    border-bottom-color: rgba(0, 0, 0, 0.8);
    top: -10px;
}

.ms-skin-black-1 .ms-tooltip-right .ms-tooltip-arrow,
.ms-skin-black-1 .ms-tooltip-left .ms-tooltip-arrow {
    border-top: solid 10px transparent;
    border-bottom: solid 10px transparent;
    position: absolute;
    top: 50%;
    margin-top: -10px;
}

.ms-skin-black-1 .ms-tooltip-right .ms-tooltip-arrow {
    border-right: solid 10px;
    border-right-color: white;
    border-right-color: rgba(0, 0, 0, 0.8);
    left: -10px;
}

.ms-skin-black-1 .ms-tooltip-left .ms-tooltip-arrow {
    border-left: solid 10px;
    border-left-color: black;
    border-left-color: rgba(0, 0, 0, 0.8);
    right: -10px;
}

.ms-skin-black-1 .ms-tooltip-point {
    cursor: pointer;
}

    .ms-skin-black-1 .ms-tooltip-point .ms-point-center {
        width: 12px;
        height: 12px;
        border-radius: 15px;
        border: solid 2px #444444;
        background: black;
        margin: -8px 0 0 -8px;
        position: absolute;
        z-index: 105;
    }

    .ms-skin-black-1 .ms-tooltip-point .ms-point-border {
        width: 22px;
        height: 22px;
        background: white;
        background: rgba(255, 255, 255, 0.9);
        margin: -11px 0 0 -11px;
        position: absolute;
        border-radius: 15px;
        animation: point-anim 1.5s infinite;
        -moz-animation: point-anim 1.5s infinite;
        -webkit-animation: point-anim 1.5s infinite;
        -o-animation: point-anim 1.5s infinite;
    }

.ms-skin-black-1 .ms-tooltip {
    max-width: 200px;
}

.ms-skin-black-1 .ms-tooltip-cont {
    padding: 10px;
    background: black;
    background: rgba(0, 0, 0, 0.8);
    text-shadow: 0 1px 0px black;
    color: white;
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.04);
}

/* retina */
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and ( min--moz-device-pixel-ratio: 2), only screen and ( -o-min-device-pixel-ratio: 2/1), only screen and ( min-device-pixel-ratio: 2), only screen and ( min-resolution: 192dpi), only screen and ( min-resolution: 2dppx) {

    .ms-skin-black-1 .ms-slide .ms-slide-vpbtn,
    .ms-skin-black-1 .ms-video-btn,
    .ms-skin-black-1 .ms-slide .ms-slide-vcbtn,
    .ms-skin-black-1 .ms-nav-next,
    .ms-skin-black-1 .ms-nav-prev {
        background-image: url(skins/black-skin-1-retina.png);
        background-size: 152px 225px;
    }
}


/**
 *  Master Slider
 *  Black 2 Skin
 */

.ms-skin-black-2 .ms-slide .ms-slide-vpbtn,
.ms-skin-black-2 .ms-video-btn {
    width: 45px;
    height: 45px;
    background: url(skins/black-skin-2.png) black no-repeat -16px -103px;
    border: solid 3px rgb(255, 255, 255);
    border-color: rgba(255, 255, 255, 0.4);
    -webkit-background-clip: padding-box;
    top: 50%;
    left: 50%;
    margin: -23px 0 0 -23px;
}

    .ms-skin-black-2 .ms-slide .ms-slide-vpbtn:hover,
    .ms-skin-black-2 .ms-video-btn:hover {
        background-color: #3D3D3D;
    }

.ms-skin-black-2 .ms-slide .ms-slide-vcbtn {
    width: 25px;
    height: 25px;
    background: url(skins/black-skin-2.png) black no-repeat -27px -36px;
    border: solid 2px white;
    border-color: rgba(255, 255, 255, 0.4);
    top: 15px;
    right: 15px;
}

.ms-skin-black-2.round-skin .ms-slide .ms-slide-vcbtn {
    border-radius: 50px;
}


/* controls */

.ms-skin-black-2 .ms-nav-next,
.ms-skin-black-2 .ms-nav-prev {
    position: absolute;
    cursor: pointer;
    z-index: 110;
    width: 45px;
    height: 45px;
    background: url(skins/black-skin-2.png) black;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    background-position: -88px -26px;
    border: solid 3px rgb(255, 255, 255);
    border-color: rgba(255, 255, 255, 0.4);
    top: 50%;
    left: 30px;
    margin-top: -22px;
}

.ms-skin-black-2.round-skin .ms-nav-next,
.ms-skin-black-2.round-skin .ms-nav-prev,
.ms-skin-black-2.round-skin .ms-slide .ms-slide-vpbtn,
.ms-skin-black-2.round-skin .ms-video-btn {
    border-radius: 90px;
}

.ms-skin-black-2 .ms-nav-next:hover,
.ms-skin-black-2 .ms-nav-prev:hover {
    background-color: #3d3d3d;
}

.ms-skin-black-2 .ms-nav-next {
    right: 30px;
    left: auto;
    background-position: -86px -103px;
}

.ms-skin-black-2 .ms-bullets.ms-dir-h {
    position: absolute;
    bottom: 20px;
    right: 50%;
    width: 100px;
}

    .ms-skin-black-2 .ms-bullets.ms-dir-h .ms-bullets-count {
        position: relative;
        right: -50%;
    }

.ms-skin-black-2 .ms-bullet {
    width: 8px;
    height: 8px;
    background: white;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    -ms-background-clip: padding-box;
    border: solid 3px white;
    border-color: rgba(0, 0, 0, 0.44);
    margin: 4px;
    background-position: -34px -117px;
}

.ms-skin-black-2.round-skin .ms-bullet {
    border-radius: 15px;
}


.ms-skin-black-2 .ms-bullet-selected {
    background-color: black;
    border-color: white;
    border-color: rgba(255, 255, 255, 0.44);
}

.ms-skin-black-2 .ms-tooltip {
    position: absolute;
    z-index: 210;
    cursor: auto;
}

.ms-skin-black-2 .ms-tooltip-top .ms-tooltip-arrow,
.ms-skin-black-2 .ms-tooltip-bottom .ms-tooltip-arrow {
    border-left: solid 10px transparent;
    border-right: solid 10px transparent;
    position: absolute;
    left: 50%;
    margin-left: -10px;
}

.ms-skin-black-2 .ms-tooltip-top .ms-tooltip-arrow {
    border-top: solid 10px;
    border-top-color: silver;
    border-top-color: rgba(240, 240, 240, 0.88);
    bottom: -10px;
}

.ms-skin-black-2 .ms-tooltip-bottom .ms-tooltip-arrow {
    border-bottom: solid 10px;
    border-bottom-color: silver;
    border-bottom-color: rgba(240, 240, 240, 0.88);
    top: -10px;
}

.ms-skin-black-2 .ms-tooltip-right .ms-tooltip-arrow,
.ms-skin-black-2 .ms-tooltip-left .ms-tooltip-arrow {
    border-top: solid 10px transparent;
    border-bottom: solid 10px transparent;
    position: absolute;
    top: 50%;
    margin-top: -10px;
}

.ms-skin-black-2 .ms-tooltip-right .ms-tooltip-arrow {
    border-right: solid 10px;
    border-right-color: silver;
    border-right-color: rgba(240, 240, 240, 0.88);
    left: -10px;
}

.ms-skin-black-2 .ms-tooltip-left .ms-tooltip-arrow {
    border-left: solid 10px;
    border-left-color: silver;
    border-left-color: rgba(240, 240, 240, 0.88);
    right: -10px;
}

.ms-skin-black-2 .ms-tooltip-point {
    cursor: pointer;
}

    .ms-skin-black-2 .ms-tooltip-point .ms-point-center {
        width: 12px;
        height: 12px;
        border-radius: 15px;
        border: solid 2px #BBB;
        background: white;
        margin: -8px 0 0 -8px;
        position: absolute;
        z-index: 105;
    }

    .ms-skin-black-2 .ms-tooltip-point .ms-point-border {
        width: 22px;
        height: 22px;
        background: black;
        background: rgba(0, 0, 0, 0.36);
        margin: -11px 0 0 -11px;
        position: absolute;
        border-radius: 15px;
        animation: point-anim 1.5s infinite;
        -moz-animation: point-anim 1.5s infinite;
        -webkit-animation: point-anim 1.5s infinite;
        -o-animation: point-anim 1.5s infinite;
    }

.ms-ie7.ms-skin-black-2 .ms-tooltip-point .ms-point-border,
.ms-ie8.ms-skin-black-2 .ms-tooltip-point .ms-point-border {
    display: none;
}

.ms-skin-black-2 .ms-tooltip {
    max-width: 200px;
}

.ms-skin-black-2 .ms-tooltip-cont {
    padding: 10px;
    background: silver;
    background: rgba(240, 240, 240, 0.88);
    text-shadow: 0 1px 0px white;
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.04);
}

/* retina */
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and ( min--moz-device-pixel-ratio: 2), only screen and ( -o-min-device-pixel-ratio: 2/1), only screen and ( min-device-pixel-ratio: 2), only screen and ( min-resolution: 192dpi), only screen and ( min-resolution: 2dppx) {

    .ms-skin-black-2 .ms-slide .ms-slide-vpbtn,
    .ms-skin-black-2 .ms-video-btn,
    .ms-skin-black-2 .ms-slide .ms-slide-vcbtn,
    .ms-skin-black-2 .ms-nav-next,
    .ms-skin-black-2 .ms-nav-prev {
        background-image: url(skins/black-skin-2-retina.png);
        background-size: 152px 225px;
    }
}


/**
 *  Master Slider
 *  Light 2
 */

.ms-skin-light-2 .ms-slide .ms-slide-vpbtn,
.ms-skin-light-2 .ms-video-btn {
    width: 54px;
    height: 54px;
    background: url(skins/light-skin-2.png) no-repeat -14px -150px;
    top: 50%;
    left: 50%;
    margin: -27px 0 0 -27px;
}

.ms-skin-light-2 .ms-slide .ms-slide-vcbtn {
    width: 27px;
    height: 26px;
    background: url(skins/light-skin-2.png) no-repeat -24px -29px;
    top: 30px;
    right: 30px;
}

/* controls */

.ms-skin-light-2 .ms-nav-next,
.ms-skin-light-2 .ms-nav-prev {
    width: 53px;
    background: url(skins/light-skin-2.png);
    background-position: -79px -19px;
    height: 61px;
    cursor: pointer;
    top: 50%;
    left: 30px;
    margin-top: -26px;
    position: absolute;
    z-index: 110;
}

.ms-skin-light-2 .ms-nav-next {
    right: 30px;
    left: auto;
    background-position: -79px -97px;
}

.ms-skin-light-2 .ms-bullets.ms-dir-h {
    position: absolute;
    bottom: 20px;
    right: 50%;
    width: 100px;
}

    .ms-skin-light-2 .ms-bullets.ms-dir-h .ms-bullets-count {
        position: relative;
        right: -50%;
    }

.ms-skin-light-2 .ms-bullet {
    width: 9px;
    height: 9px;
    background: black;
    margin: 4px;
    border: solid 1px rgb(58, 58, 58);
}

.ms-skin-light-2 .ms-bullet-selected {
    background-color: white;
}

.ms-skin-light-2 .ms-tooltip {
    position: absolute;
    z-index: 210;
    cursor: auto;
}

.ms-skin-light-2 .ms-tooltip-top .ms-tooltip-arrow,
.ms-skin-light-2 .ms-tooltip-bottom .ms-tooltip-arrow {
    border-left: solid 10px transparent;
    border-right: solid 10px transparent;
    position: absolute;
    left: 50%;
    margin-left: -10px;
}

.ms-skin-light-2 .ms-tooltip-top .ms-tooltip-arrow {
    border-top: solid 10px;
    border-top-color: silver;
    border-top-color: rgba(240, 240, 240, 0.88);
    bottom: -10px;
}

.ms-skin-light-2 .ms-tooltip-bottom .ms-tooltip-arrow {
    border-bottom: solid 10px;
    border-bottom-color: silver;
    border-bottom-color: rgba(240, 240, 240, 0.88);
    top: -10px;
}

.ms-skin-light-2 .ms-tooltip-right .ms-tooltip-arrow,
.ms-skin-light-2 .ms-tooltip-left .ms-tooltip-arrow {
    border-top: solid 10px transparent;
    border-bottom: solid 10px transparent;
    position: absolute;
    top: 50%;
    margin-top: -10px;
}

.ms-skin-light-2 .ms-tooltip-right .ms-tooltip-arrow {
    border-right: solid 10px;
    border-right-color: silver;
    border-right-color: rgba(240, 240, 240, 0.88);
    left: -10px;
}

.ms-skin-light-2 .ms-tooltip-left .ms-tooltip-arrow {
    border-left: solid 10px;
    border-left-color: silver;
    border-left-color: rgba(240, 240, 240, 0.88);
    right: -10px;
}

.ms-skin-light-2 .ms-tooltip-point {
    cursor: pointer;
}

    .ms-skin-light-2 .ms-tooltip-point .ms-point-center {
        width: 12px;
        height: 12px;
        border-radius: 15px;
        border: solid 2px #BBB;
        background: white;
        margin: -8px 0 0 -8px;
        position: absolute;
        z-index: 105;
    }

    .ms-skin-light-2 .ms-tooltip-point .ms-point-border {
        width: 22px;
        height: 22px;
        background: black;
        background: rgba(0, 0, 0, 0.36);
        margin: -11px 0 0 -11px;
        position: absolute;
        border-radius: 15px;
        animation: point-anim 1.5s infinite;
        -moz-animation: point-anim 1.5s infinite;
        -webkit-animation: point-anim 1.5s infinite;
        -o-animation: point-anim 1.5s infinite;
    }

.ms-skin-light-2 .ms-tooltip {
    max-width: 200px;
}

.ms-skin-light-2 .ms-tooltip-cont {
    padding: 10px;
    background: silver;
    background: rgba(240, 240, 240, 0.88);
    text-shadow: 0 1px 0px white;
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.04);
}

/* retina */
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and ( min--moz-device-pixel-ratio: 2), only screen and ( -o-min-device-pixel-ratio: 2/1), only screen and ( min-device-pixel-ratio: 2), only screen and ( min-resolution: 192dpi), only screen and ( min-resolution: 2dppx) {

    .ms-skin-light-2 .ms-slide .ms-slide-vpbtn,
    .ms-skin-light-2 .ms-video-btn,
    .ms-skin-light-2 .ms-slide .ms-slide-vcbtn,
    .ms-skin-light-2 .ms-nav-next,
    .ms-skin-light-2 .ms-nav-prev {
        background-image: url(skins/light-skin-2-retina.png);
        background-size: 152px 225px;
    }
}



/**
 *  Master Slider
 *  Light 3
 */

.ms-skin-light-3 .ms-slide .ms-slide-vpbtn,
.ms-skin-light-3 .ms-video-btn {
    width: 50px;
    height: 50px;
    background: url(skins/light-skin-3.png) no-repeat -15px -149px;
    top: 50%;
    left: 50%;
    margin: -25px 0 0 -25px;
}

.ms-skin-light-3 .ms-slide .ms-slide-vcbtn {
    width: 31px;
    height: 29px;
    background: url(skins/light-skin-3.png) no-repeat -26px -28px;
    top: 30px;
    right: 30px;
}

/* controls */

.ms-skin-light-3 .ms-nav-next,
.ms-skin-light-3 .ms-nav-prev {
    width: 50px;
    background: url(skins/light-skin-3.png);
    background-position: -82px -22px;
    height: 50px;
    cursor: pointer;
    top: 50%;
    left: 30px;
    margin-top: -25px;
    position: absolute;
    z-index: 110;
}

.ms-skin-light-3 .ms-nav-next {
    right: 30px;
    left: auto;
    background-position: -81px -99px;
}

.ms-skin-light-3 .ms-bullets.ms-dir-h {
    position: absolute;
    bottom: 20px;
    right: 50%;
    width: 100px;
}

    .ms-skin-light-3 .ms-bullets.ms-dir-h .ms-bullets-count {
        position: relative;
        right: -50%;
    }

.ms-skin-light-3 .ms-bullet {
    width: 16px;
    height: 16px;
    background: url(skins/light-skin-3.png) no-repeat;
    background-position: -31px -114px;
    margin: 4px;
}

.ms-skin-light-3 .ms-bullet-selected {
    background-position: -31px -81px;
}

.ms-skin-light-3 .ms-tooltip {
    position: absolute;
    z-index: 210;
    cursor: auto;
}

.ms-skin-light-3 .ms-tooltip-top .ms-tooltip-arrow,
.ms-skin-light-3 .ms-tooltip-bottom .ms-tooltip-arrow {
    border-left: solid 10px transparent;
    border-right: solid 10px transparent;
    position: absolute;
    left: 50%;
    margin-left: -10px;
}

.ms-skin-light-3 .ms-tooltip-top .ms-tooltip-arrow {
    border-top: solid 10px;
    border-top-color: silver;
    border-top-color: rgba(240, 240, 240, 0.88);
    bottom: -10px;
}

.ms-skin-light-3 .ms-tooltip-bottom .ms-tooltip-arrow {
    border-bottom: solid 10px;
    border-bottom-color: silver;
    border-bottom-color: rgba(240, 240, 240, 0.88);
    top: -10px;
}

.ms-skin-light-3 .ms-tooltip-right .ms-tooltip-arrow,
.ms-skin-light-3 .ms-tooltip-left .ms-tooltip-arrow {
    border-top: solid 10px transparent;
    border-bottom: solid 10px transparent;
    position: absolute;
    top: 50%;
    margin-top: -10px;
}

.ms-skin-light-3 .ms-tooltip-right .ms-tooltip-arrow {
    border-right: solid 10px;
    border-right-color: silver;
    border-right-color: rgba(240, 240, 240, 0.88);
    left: -10px;
}

.ms-skin-light-3 .ms-tooltip-left .ms-tooltip-arrow {
    border-left: solid 10px;
    border-left-color: silver;
    border-left-color: rgba(240, 240, 240, 0.88);
    right: -10px;
}

.ms-skin-light-3 .ms-tooltip-point {
    cursor: pointer;
}

    .ms-skin-light-3 .ms-tooltip-point .ms-point-center {
        width: 12px;
        height: 12px;
        border-radius: 15px;
        border: solid 2px #BBB;
        background: white;
        margin: -8px 0 0 -8px;
        position: absolute;
        z-index: 105;
    }

    .ms-skin-light-3 .ms-tooltip-point .ms-point-border {
        width: 22px;
        height: 22px;
        background: black;
        background: rgba(0, 0, 0, 0.36);
        margin: -11px 0 0 -11px;
        position: absolute;
        border-radius: 15px;
        animation: point-anim 1.5s infinite;
        -moz-animation: point-anim 1.5s infinite;
        -webkit-animation: point-anim 1.5s infinite;
        -o-animation: point-anim 1.5s infinite;
    }

.ms-skin-light-3 .ms-tooltip {
    max-width: 200px;
}

.ms-skin-light-3 .ms-tooltip-cont {
    padding: 10px;
    background: silver;
    background: rgba(240, 240, 240, 0.88);
    text-shadow: 0 1px 0px white;
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.04);
}

/* retina */
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and ( min--moz-device-pixel-ratio: 2), only screen and ( -o-min-device-pixel-ratio: 2/1), only screen and ( min-device-pixel-ratio: 2), only screen and ( min-resolution: 192dpi), only screen and ( min-resolution: 2dppx) {

    .ms-skin-light-3 .ms-slide .ms-slide-vpbtn,
    .ms-skin-light-3 .ms-video-btn,
    .ms-skin-light-3 .ms-slide .ms-slide-vcbtn,
    .ms-skin-light-3 .ms-nav-next,
    .ms-skin-light-3 .ms-nav-prev,
    .ms-skin-light-3 .ms-bullet {
        background-image: url(skins/light-skin-3-retina.png);
        background-size: 152px 225px;
    }
}



/**
 *  Master Slider
 *  Light 4
 */

.ms-skin-light-4 .ms-slide .ms-slide-vpbtn,
.ms-skin-light-4 .ms-video-btn {
    width: 54px;
    height: 54px;
    background: url(skins/light-skin-4.png) no-repeat -14px -150px;
    top: 50%;
    left: 50%;
    margin: -27px 0 0 -27px;
}

.ms-skin-light-4 .ms-slide .ms-slide-vcbtn {
    width: 27px;
    height: 26px;
    background: url(skins/light-skin-4.png) no-repeat -24px -29px;
    top: 30px;
    right: 30px;
}

/* controls */

.ms-skin-light-4 .ms-nav-next,
.ms-skin-light-4 .ms-nav-prev {
    width: 54px;
    background: url(skins/light-skin-4.png);
    background-position: -77px -5px;
    height: 68px;
    cursor: pointer;
    top: 50%;
    left: -27px;
    margin-top: -40px;
    position: absolute;
    z-index: 110;
}

.ms-skin-light-4 .ms-nav-next {
    right: -27px;
    left: auto;
    background-position: -79px -83px;
}

.ms-skin-light-4 .ms-thumb-frame-selected {
    opacity: 0.6;
}

.ms-skin-light-4 .ms-thumb-list.ms-dir-h {
    bottom: -60px;
    width: 100%;
    height: 60px;
}

.ms-skin-light-4 .ms-thumb-list.ms-dir-v {
    height: 100%;
    width: 60px;
    right: -60px;
    top: 0;
}

.ms-skin-light-4 .ms-thumb-frame {
    cursor: pointer;
    float: left;
    width: 60px;
    height: 60px;
    margin: 1px 0 0 1px;
    overflow: hidden;
}

.ms-skin-light-4 .ms-bullets.ms-dir-h {
    position: absolute;
    bottom: 20px;
    right: 50%;
    width: 100px;
}

    .ms-skin-light-4 .ms-bullets.ms-dir-h .ms-bullets-count {
        position: relative;
        right: -50%;
    }

.ms-skin-light-4 .ms-bullet {
    width: 9px;
    height: 9px;
    background: #b9b9b9;
    margin: 4px;
    border: solid 1px rgb(163, 163, 163);
}

.ms-skin-light-4 .ms-bullet-selected {
    background-color: white;
}

.ms-skin-light-4 .ms-tooltip {
    position: absolute;
    z-index: 210;
    cursor: auto;
}

.ms-skin-light-4 .ms-tooltip-top .ms-tooltip-arrow,
.ms-skin-light-4 .ms-tooltip-bottom .ms-tooltip-arrow {
    border-left: solid 10px transparent;
    border-right: solid 10px transparent;
    position: absolute;
    left: 50%;
    margin-left: -10px;
}

.ms-skin-light-4 .ms-tooltip-top .ms-tooltip-arrow {
    border-top: solid 10px;
    border-top-color: silver;
    border-top-color: rgba(240, 240, 240, 0.88);
    bottom: -10px;
}

.ms-skin-light-4 .ms-tooltip-bottom .ms-tooltip-arrow {
    border-bottom: solid 10px;
    border-bottom-color: silver;
    border-bottom-color: rgba(240, 240, 240, 0.88);
    top: -10px;
}

.ms-skin-light-4 .ms-tooltip-right .ms-tooltip-arrow,
.ms-skin-light-4 .ms-tooltip-left .ms-tooltip-arrow {
    border-top: solid 10px transparent;
    border-bottom: solid 10px transparent;
    position: absolute;
    top: 50%;
    margin-top: -10px;
}

.ms-skin-light-4 .ms-tooltip-right .ms-tooltip-arrow {
    border-right: solid 10px;
    border-right-color: silver;
    border-right-color: rgba(240, 240, 240, 0.88);
    left: -10px;
}

.ms-skin-light-4 .ms-tooltip-left .ms-tooltip-arrow {
    border-left: solid 10px;
    border-left-color: white;
    border-left-color: rgba(240, 240, 240, 0.88);
    right: -10px;
}

.ms-skin-light-4 .ms-tooltip-point {
    cursor: pointer;
}

    .ms-skin-light-4 .ms-tooltip-point .ms-point-center {
        width: 12px;
        height: 12px;
        border-radius: 15px;
        border: solid 2px #E0E0E0;
        background: #4b8aac;
        margin: -8px 0 0 -8px;
        position: absolute;
        z-index: 105;
    }

    .ms-skin-light-4 .ms-tooltip-point .ms-point-border {
        width: 22px;
        height: 22px;
        background: white;
        margin: -11px 0 0 -11px;
        position: absolute;
        border-radius: 15px;
        animation: point-anim 1.5s infinite;
        -moz-animation: point-anim 1.5s infinite;
        -webkit-animation: point-anim 1.5s infinite;
        -o-animation: point-anim 1.5s infinite;
    }


.ms-skin-light-4 .ms-tooltip {
    max-width: 200px;
}

.ms-skin-light-4 .ms-tooltip-cont {
    padding: 10px;
    background: silver;
    background: rgba(240, 240, 240, 0.88);
    text-shadow: 0 1px 0px white;
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.04);
}

/* retina */
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and ( min--moz-device-pixel-ratio: 2), only screen and ( -o-min-device-pixel-ratio: 2/1), only screen and ( min-device-pixel-ratio: 2), only screen and ( min-resolution: 192dpi), only screen and ( min-resolution: 2dppx) {

    .ms-skin-light-4 .ms-slide .ms-slide-vpbtn,
    .ms-skin-light-4 .ms-video-btn,
    .ms-skin-light-4 .ms-slide .ms-slide-vcbtn,
    .ms-skin-light-4 .ms-nav-next,
    .ms-skin-light-4 .ms-nav-prev {
        background-image: url(skins/light-skin-4-retina.png);
        background-size: 152px 225px;
    }
}



/**
 *  Master Slider
 *  Light 5
 */

.ms-skin-light-5 .ms-slide .ms-slide-vpbtn,
.ms-skin-light-5 .ms-video-btn {
    width: 32px;
    height: 32px;
    background: url(skins/light-skin-5.png) black no-repeat -24px -160px;
    top: 50%;
    left: 50%;
    margin: -18px 0 0 -18px;
}

    .ms-skin-light-5 .ms-slide .ms-slide-vpbtn:hover,
    .ms-skin-light-5 .ms-video-btn:hover {
        background-color: #646464;
    }

.ms-skin-light-5 .ms-slide .ms-slide-vcbtn {
    width: 30px;
    height: 30px;
    background: url(skins/light-skin-5.png) white no-repeat -24px -28px;
    top: 18px;
    right: 30px;
}

/* controls */

.ms-skin-light-5 .ms-nav-next,
.ms-skin-light-5 .ms-nav-prev {
    width: 32px;
    background: url(skins/light-skin-5.png) white;
    background-position: -94px -32px;
    height: 32px;
    cursor: pointer;
    bottom: 40px;
    left: 40px;
    margin-top: -20px;
    position: absolute;
    z-index: 110;
}

    .ms-skin-light-5 .ms-nav-next:hover,
    .ms-skin-light-5 .ms-nav-prev:hover {
        background-color: #E0E0E0;
    }

.ms-skin-light-5 .ms-nav-next {
    left: 73px;
    background-position: -93px -110px;
}

.ms-skin-light-5 .ms-bullets.ms-dir-h {
    position: absolute;
    bottom: 20px;
    right: 50%;
    width: 100px;
}

    .ms-skin-light-5 .ms-bullets.ms-dir-h .ms-bullets-count {
        position: relative;
        right: -50%;
    }

.ms-skin-light-5 .ms-bullet {
    width: 10px;
    height: 10px;
    background: url(skins/light-skin-5.png) no-repeat;
    margin: 4px;
    background-position: -34px -117px;
}

.ms-skin-light-5 .ms-bullet-selected {
    background-position: -34px -84px;
}

.ms-skin-light-5 .ms-tooltip {
    position: absolute;
    z-index: 210;
    cursor: auto;
}

.ms-skin-light-5 .ms-tooltip-top .ms-tooltip-arrow,
.ms-skin-light-5 .ms-tooltip-bottom .ms-tooltip-arrow {
    border-left: solid 10px transparent;
    border-right: solid 10px transparent;
    position: absolute;
    left: 50%;
    margin-left: -10px;
}

.ms-skin-light-5 .ms-tooltip-top .ms-tooltip-arrow {
    border-top: solid 10px;
    border-top-color: silver;
    border-top-color: rgba(240, 240, 240, 0.88);
    bottom: -10px;
}

.ms-skin-light-5 .ms-tooltip-bottom .ms-tooltip-arrow {
    border-bottom: solid 10px;
    border-bottom-color: silver;
    border-bottom-color: rgba(240, 240, 240, 0.88);
    top: -10px;
}

.ms-skin-light-5 .ms-tooltip-right .ms-tooltip-arrow,
.ms-skin-light-5 .ms-tooltip-left .ms-tooltip-arrow {
    border-top: solid 10px transparent;
    border-bottom: solid 10px transparent;
    position: absolute;
    top: 50%;
    margin-top: -10px;
}

.ms-skin-light-5 .ms-tooltip-right .ms-tooltip-arrow {
    border-right: solid 10px;
    border-right-color: silver;
    border-right-color: rgba(240, 240, 240, 0.88);
    left: -10px;
}

.ms-skin-light-5 .ms-tooltip-left .ms-tooltip-arrow {
    border-left: solid 10px;
    border-left-color: silver;
    border-left-color: rgba(240, 240, 240, 0.88);
    right: -10px;
}

.ms-skin-light-5 .ms-tooltip-point {
    cursor: pointer;
}

    .ms-skin-light-5 .ms-tooltip-point .ms-point-center {
        width: 12px;
        height: 12px;
        border-radius: 15px;
        border: solid 2px #BBB;
        background: white;
        margin: -8px 0 0 -8px;
        position: absolute;
        z-index: 105;
    }

    .ms-skin-light-5 .ms-tooltip-point .ms-point-border {
        width: 22px;
        height: 22px;
        background: black;
        background: rgba(0, 0, 0, 0.36);
        margin: -11px 0 0 -11px;
        position: absolute;
        border-radius: 15px;
        animation: point-anim 1.5s infinite;
        -moz-animation: point-anim 1.5s infinite;
        -webkit-animation: point-anim 1.5s infinite;
        -o-animation: point-anim 1.5s infinite;
    }

/* In Android browser, using css animations over slider causes some crashes */
.ms-android.ms-skin-light-5 .ms-tooltip-point .ms-point-border {
    animation: none;
    -moz-animation: none;
    -webkit-animation: none;
    -o-animation: none;
}

.ms-ie7.ms-skin-light-5 .ms-tooltip-point .ms-point-border,
.ms-ie8.ms-skin-light-5 .ms-tooltip-point .ms-point-border {
    display: none;
}

.ms-skin-light-5 .ms-tooltip {
    max-width: 200px;
}

.ms-skin-light-5 .ms-tooltip-cont {
    padding: 10px;
    background: silver;
    background: rgba(240, 240, 240, 0.88);
    text-shadow: 0 1px 0px white;
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.04);
}

/* retina */
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and ( min--moz-device-pixel-ratio: 2), only screen and ( -o-min-device-pixel-ratio: 2/1), only screen and ( min-device-pixel-ratio: 2), only screen and ( min-resolution: 192dpi), only screen and ( min-resolution: 2dppx) {

    .ms-skin-light-5 .ms-slide .ms-slide-vpbtn,
    .ms-skin-light-5 .ms-video-btn,
    .ms-skin-light-5 .ms-slide .ms-slide-vcbtn,
    .ms-skin-light-5 .ms-nav-next,
    .ms-skin-light-5 .ms-nav-prev {
        background-image: url(skins/light-skin-5-retina.png);
        background-size: 152px 225px;
    }
}



/**
 *  Master Slider
 *  Light-6 Skin
 */

.ms-skin-light-6 .ms-slide .ms-slide-vpbtn,
.ms-skin-light-6 .ms-video-btn {
    width: 45px;
    height: 45px;
    background: url(skins/light-skin-6.png) white no-repeat -16px -103px;
    border: solid 3px rgb(112, 112, 112);
    border-color: rgba(0, 0, 0, 0.27);
    -webkit-background-clip: padding-box;
    top: 50%;
    left: 50%;
    margin: -23px 0 0 -23px;
}

    .ms-skin-light-6 .ms-slide .ms-slide-vpbtn:hover,
    .ms-skin-light-6 .ms-video-btn:hover {
        background-color: #E0E0E0;
    }

.ms-skin-light-6 .ms-slide .ms-slide-vcbtn {
    width: 25px;
    height: 25px;
    background: url(skins/light-skin-6.png) white no-repeat -27px -36px;
    top: 15px;
    right: 15px;
}

.ms-skin-light-6.round-skin .ms-slide .ms-slide-vcbtn {
    border-radius: 30px;
}


/* controls */

.ms-skin-light-6 .ms-nav-next,
.ms-skin-light-6 .ms-nav-prev {
    position: absolute;
    cursor: pointer;
    z-index: 110;
    width: 45px;
    height: 45px;
    background: url(skins/light-skin-6.png) white;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    background-position: -88px -26px;
    border: solid 3px rgb(112, 112, 112);
    border-color: rgba(0, 0, 0, 0.27);
    top: 50%;
    left: 30px;
    margin-top: -22px;
}

.ms-skin-light-6.round-skin .ms-nav-next,
.ms-skin-light-6.round-skin .ms-nav-prev,
.ms-skin-light-6.round-skin .ms-slide .ms-slide-vpbtn,
.ms-skin-light-6.round-skin .ms-video-btn {
    border-radius: 90px;
}

.ms-skin-light-6 .ms-nav-next:hover,
.ms-skin-light-6 .ms-nav-prev:hover {
    background-color: #E0E0E0;
}

.ms-skin-light-6 .ms-nav-next {
    right: 30px;
    left: auto;
    background-position: -86px -103px;
}


.ms-skin-light-6 .ms-bullets.ms-dir-h {
    position: absolute;
    bottom: 20px;
    right: 50%;
    width: 100px;
}

    .ms-skin-light-6 .ms-bullets.ms-dir-h .ms-bullets-count {
        position: relative;
        right: -50%;
    }

.ms-skin-light-6 .ms-bullet {
    width: 8px;
    height: 8px;
    background: black;
    -webkit-background-clip: padding-box;
    border: solid 3px white;
    border-color: rgba(255, 255, 255, 0.44);
    margin: 4px;
    background-position: -34px -117px;
}

.ms-skin-light-6.round-skin .ms-bullet {
    border-radius: 15px;
}

.ms-skin-light-6 .ms-bullet-selected {
    background-color: white;
    border-color: black;
    border-color: rgba(0, 0, 0, 0.44);
}

.ms-skin-light-6 .ms-tooltip {
    position: absolute;
    z-index: 210;
    cursor: auto;
}

.ms-skin-light-6 .ms-tooltip-top .ms-tooltip-arrow,
.ms-skin-light-6 .ms-tooltip-bottom .ms-tooltip-arrow {
    border-left: solid 10px transparent;
    border-right: solid 10px transparent;
    position: absolute;
    left: 50%;
    margin-left: -10px;
}

.ms-skin-light-6 .ms-tooltip-top .ms-tooltip-arrow {
    border-top: solid 10px;
    border-top-color: silver;
    border-top-color: rgba(240, 240, 240, 0.88);
    bottom: -10px;
}

.ms-skin-light-6 .ms-tooltip-bottom .ms-tooltip-arrow {
    border-bottom: solid 10px;
    border-bottom-color: silver;
    border-bottom-color: rgba(240, 240, 240, 0.88);
    top: -10px;
}

.ms-skin-light-6 .ms-tooltip-right .ms-tooltip-arrow,
.ms-skin-light-6 .ms-tooltip-left .ms-tooltip-arrow {
    border-top: solid 10px transparent;
    border-bottom: solid 10px transparent;
    position: absolute;
    top: 50%;
    margin-top: -10px;
}

.ms-skin-light-6 .ms-tooltip-right .ms-tooltip-arrow {
    border-right: solid 10px;
    border-right-color: silver;
    border-right-color: rgba(240, 240, 240, 0.88);
    left: -10px;
}

.ms-skin-light-6 .ms-tooltip-left .ms-tooltip-arrow {
    border-left: solid 10px;
    border-left-color: silver;
    border-left-color: rgba(240, 240, 240, 0.88);
    right: -10px;
}

.ms-skin-light-6 .ms-tooltip-point {
    cursor: pointer;
}

    .ms-skin-light-6 .ms-tooltip-point .ms-point-center {
        width: 12px;
        height: 12px;
        border-radius: 15px;
        border: solid 2px #BBB;
        background: white;
        margin: -8px 0 0 -8px;
        position: absolute;
        z-index: 105;
    }

    .ms-skin-light-6 .ms-tooltip-point .ms-point-border {
        width: 22px;
        height: 22px;
        background: black;
        background: rgba(0, 0, 0, 0.36);
        margin: -11px 0 0 -11px;
        position: absolute;
        border-radius: 15px;
        animation: point-anim 1.5s infinite;
        -moz-animation: point-anim 1.5s infinite;
        -webkit-animation: point-anim 1.5s infinite;
        -o-animation: point-anim 1.5s infinite;
    }

.ms-ie7.ms-skin-light-6 .ms-tooltip-point .ms-point-border,
.ms-ie8.ms-skin-light-6 .ms-tooltip-point .ms-point-border {
    display: none;
}

.ms-skin-light-6 .ms-tooltip {
    max-width: 200px;
}

.ms-skin-light-6 .ms-tooltip-cont {
    padding: 10px;
    background: silver;
    background: rgba(240, 240, 240, 0.88);
    text-shadow: 0 1px 0px white;
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.04);
}

/* retina */
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and ( min--moz-device-pixel-ratio: 2), only screen and ( -o-min-device-pixel-ratio: 2/1), only screen and ( min-device-pixel-ratio: 2), only screen and ( min-resolution: 192dpi), only screen and ( min-resolution: 2dppx) {

    .ms-skin-light-6 .ms-slide .ms-slide-vpbtn,
    .ms-skin-light-6 .ms-video-btn,
    .ms-skin-light-6 .ms-slide .ms-slide-vcbtn,
    .ms-skin-light-6 .ms-nav-next,
    .ms-skin-light-6 .ms-nav-prev {
        background-image: url(skins/light-skin-6-retina.png);
        background-size: 152px 225px;
    }
}



/**
 *  Master Slider
 *  Metro Skin
 */

.ms-skin-metro .ms-slide .ms-slide-vpbtn,
.ms-skin-metro .ms-video-btn {
    width: 47px;
    height: 46px;
    background: url(skins/metro-skin.png) no-repeat -16px -152px;
    top: 50%;
    left: 50%;
    margin: -22px 0 0 -24px;
}

.ms-skin-metro .ms-slide .ms-slide-vcbtn {
    width: 47px;
    height: 47px;
    background: url(skins/metro-skin.png) no-repeat -16px -19px;
    top: 15px;
    right: 15px;
}

/* controls */

.ms-skin-metro .ms-nav-next,
.ms-skin-metro .ms-nav-prev {
    width: 47px;
    background: url(skins/metro-skin.png);
    background-position: -83px -23px;
    height: 47px;
    cursor: pointer;
    top: 50%;
    left: 30px;
    margin-top: -24px;
    position: absolute;
    z-index: 110;
}

.ms-skin-metro .ms-nav-next {
    right: 30px;
    left: auto;
    background-position: -81px -100px;
}

.ms-skin-metro .ms-bullets.ms-dir-h {
    position: absolute;
    bottom: 20px;
    right: 50%;
    width: 100px;
}

    .ms-skin-metro .ms-bullets.ms-dir-h .ms-bullets-count {
        position: relative;
        right: -50%;
    }

.ms-skin-metro .ms-bullet {
    width: 16px;
    height: 16px;
    background: url(skins/metro-skin.png) no-repeat;
    background-position: -31px -114px;
    margin: 4px;
}

.ms-skin-metro .ms-bullet-selected {
    background-position: -31px -81px;
}

.ms-skin-metro .ms-tooltip {
    position: absolute;
    z-index: 210;
    cursor: auto;
}

.ms-skin-metro .ms-tooltip-top .ms-tooltip-arrow,
.ms-skin-metro .ms-tooltip-bottom .ms-tooltip-arrow {
    border-left: solid 10px transparent;
    border-right: solid 10px transparent;
    position: absolute;
    left: 50%;
    margin-left: -10px;
}

.ms-skin-metro .ms-tooltip-top .ms-tooltip-arrow {
    border-top: solid 10px;
    border-top-color: silver;
    border-top-color: rgba(240, 240, 240, 0.88);
    bottom: -10px;
}

.ms-skin-metro .ms-tooltip-bottom .ms-tooltip-arrow {
    border-bottom: solid 10px;
    border-bottom-color: silver;
    border-bottom-color: rgba(240, 240, 240, 0.88);
    top: -10px;
}

.ms-skin-metro .ms-tooltip-right .ms-tooltip-arrow,
.ms-skin-metro .ms-tooltip-left .ms-tooltip-arrow {
    border-top: solid 10px transparent;
    border-bottom: solid 10px transparent;
    position: absolute;
    top: 50%;
    margin-top: -10px;
}

.ms-skin-metro .ms-tooltip-right .ms-tooltip-arrow {
    border-right: solid 10px;
    border-right-color: silver;
    border-right-color: rgba(240, 240, 240, 0.88);
    left: -10px;
}

.ms-skin-metro .ms-tooltip-left .ms-tooltip-arrow {
    border-left: solid 10px;
    border-left-color: silver;
    border-left-color: rgba(240, 240, 240, 0.88);
    right: -10px;
}

.ms-skin-metro .ms-tooltip-point {
    cursor: pointer;
}

    .ms-skin-metro .ms-tooltip-point .ms-point-center {
        width: 12px;
        height: 12px;
        border-radius: 15px;
        border: solid 2px #BBB;
        background: white;
        margin: -8px 0 0 -8px;
        position: absolute;
        z-index: 105;
    }

    .ms-skin-metro .ms-tooltip-point .ms-point-border {
        width: 22px;
        height: 22px;
        background: black;
        background: rgba(0, 0, 0, 0.36);
        margin: -11px 0 0 -11px;
        position: absolute;
        border-radius: 15px;
        animation: point-anim 1.5s infinite;
        -moz-animation: point-anim 1.5s infinite;
        -webkit-animation: point-anim 1.5s infinite;
        -o-animation: point-anim 1.5s infinite;
    }

.ms-skin-metro .ms-tooltip {
    max-width: 200px;
}

.ms-skin-metro .ms-tooltip-cont {
    padding: 10px;
    background: silver;
    background: rgba(240, 240, 240, 0.88);
    text-shadow: 0 1px 0px white;
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.04);
}

/* retina */
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and ( min--moz-device-pixel-ratio: 2), only screen and ( -o-min-device-pixel-ratio: 2/1), only screen and ( min-device-pixel-ratio: 2), only screen and ( min-resolution: 192dpi), only screen and ( min-resolution: 2dppx) {

    .ms-skin-metro .ms-slide .ms-slide-vpbtn,
    .ms-skin-metro .ms-video-btn,
    .ms-skin-metro .ms-slide .ms-slide-vcbtn,
    .ms-skin-metro .ms-nav-next,
    .ms-skin-metro .ms-nav-prev,
    .ms-skin-metro .ms-bullet {
        background-image: url(skins/metro-skin-retina.png);
        background-size: 152px 225px;
    }
}


/**
 *  Master Slider
 *  minimal Skin
 */

.ms-skin-minimal .ms-slide .ms-slide-vpbtn,
.ms-skin-minimal .ms-video-btn {
    width: 55px;
    height: 55px;
    background: url(skins/minimal.svg) no-repeat 24px 18px white;
    border: solid 1px #3d3d3d;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    margin: -27px 0 0 -27px;
    transition: background-color 300ms;
}

    .ms-skin-minimal .ms-slide .ms-slide-vcbtn:hover,
    .ms-skin-minimal .ms-slide .ms-slide-vpbtn:hover,
    .ms-skin-minimal .ms-video-btn:hover {
        background-color: #f1f1f1;
    }

.ms-skin-minimal .ms-slide .ms-slide-vcbtn {
    width: 31px;
    height: 31px;
    background: url(skins/minimal.svg) no-repeat -289px 6px white;
    border-radius: 50%;
    border: solid 1px #3d3d3d;
    top: 18px;
    right: 30px;
    transition: background-color 300ms;
}

/* controls */

.ms-skin-minimal .ms-nav-next,
.ms-skin-minimal .ms-nav-prev {
    background: url(skins/minimal.svg) no-repeat white;
    background-position: -178px 17px;
    border: solid 1px #3d3d3d;
    border-radius: 50%;
    height: 55px;
    width: 55px;
    cursor: pointer;
    top: 50%;
    left: 30px;
    margin-top: -27px;
    position: absolute;
    z-index: 110;
    transition: background-color 300ms;
}

    .ms-skin-minimal .ms-nav-next:hover,
    .ms-skin-minimal .ms-nav-prev:hover {
        background-color: #f1f1f1;
    }

.ms-skin-minimal .ms-nav-next {
    right: 30px;
    left: auto;
    background-position: -75px 17px;
}

.ms-skin-minimal .ms-bullet {
    width: 8px;
    height: 8px;
    background: white;
    border: solid 1px #3d3d3d;
    border-radius: 50%;
    margin: 4px;
    background-position: -34px -117px;
}

.ms-skin-minimal .ms-bullet-selected {
    background: #3d3d3d;
}


.ms-skin-minimal .ms-time-bar {
    height: 3px;
    background: #FFFFFF;
    border-top: solid 1px rgba(0, 0, 0, 0.41);
}


.ms-skin-minimal .ms-tooltip {
    position: absolute;
    z-index: 210;
    cursor: auto;
}

.ms-skin-minimal .ms-tooltip-top .ms-tooltip-arrow,
.ms-skin-minimal .ms-tooltip-bottom .ms-tooltip-arrow {
    border-left: solid 10px transparent;
    border-right: solid 10px transparent;
    position: absolute;
    left: 50%;
    margin-left: -10px;
}

.ms-skin-minimal .ms-tooltip-top .ms-tooltip-arrow {
    border-top: solid 10px;
    border-top-color: silver;
    border-top-color: rgba(240, 240, 240, 0.88);
    bottom: -10px;
}

.ms-skin-minimal .ms-tooltip-bottom .ms-tooltip-arrow {
    border-bottom: solid 10px;
    border-bottom-color: silver;
    border-bottom-color: rgba(240, 240, 240, 0.88);
    top: -10px;
}

.ms-skin-minimal .ms-tooltip-right .ms-tooltip-arrow,
.ms-skin-minimal .ms-tooltip-left .ms-tooltip-arrow {
    border-top: solid 10px transparent;
    border-bottom: solid 10px transparent;
    position: absolute;
    top: 50%;
    margin-top: -10px;
}

.ms-skin-minimal .ms-tooltip-right .ms-tooltip-arrow {
    border-right: solid 10px;
    border-right-color: silver;
    border-right-color: rgba(240, 240, 240, 0.88);
    left: -10px;
}

.ms-skin-minimal .ms-tooltip-left .ms-tooltip-arrow {
    border-left: solid 10px;
    border-left-color: silver;
    border-left-color: rgba(240, 240, 240, 0.88);
    right: -10px;
}

.ms-skin-minimal .ms-tooltip-point {
    cursor: pointer;
}

    .ms-skin-minimal .ms-tooltip-point .ms-point-center {
        width: 12px;
        height: 12px;
        border-radius: 15px;
        border: solid 2px #BBB;
        background: white;
        margin: -8px 0 0 -8px;
        position: absolute;
        z-index: 105;
    }

    .ms-skin-minimal .ms-tooltip-point .ms-point-border {
        width: 22px;
        height: 22px;
        background: black;
        background: rgba(0, 0, 0, 0.36);
        margin: -11px 0 0 -11px;
        position: absolute;
        border-radius: 15px;
        animation: point-anim 1.5s infinite;
        -moz-animation: point-anim 1.5s infinite;
        -webkit-animation: point-anim 1.5s infinite;
        -o-animation: point-anim 1.5s infinite;
    }

.ms-skin-minimal .ms-tooltip {
    max-width: 200px;
}

.ms-skin-minimal .ms-tooltip-cont {
    padding: 10px;
    background: silver;
    background: rgba(240, 240, 240, 0.88);
    text-shadow: 0 1px 0px white;
    margin-left: -1px;
}



/**
 *  Master Slider
 *  Contrast
 */

.ms-skin-contrast .ms-slide .ms-slide-vpbtn,
.ms-skin-contrast .ms-video-btn {
    width: 60px;
    height: 60px;
    background: url(skins/contrast-skin.png) no-repeat -10px -144px;
    top: 50%;
    left: 50%;
    margin: -30px 0 0 -30px;
}

.ms-skin-contrast .ms-slide .ms-slide-vcbtn {
    width: 24px;
    height: 24px;
    background: url(skins/contrast-skin.png) no-repeat -27px -30px;
    top: 30px;
    right: 30px;
}

/* controls */

.ms-skin-contrast .ms-nav-next,
.ms-skin-contrast .ms-nav-prev {
    width: 60px;
    background: url(skins/contrast-skin.png);
    background-position: -76px -17px;
    height: 60px;
    cursor: pointer;
    top: 50%;
    left: 30px;
    margin-top: -30px;
    position: absolute;
    z-index: 110;
}

.ms-skin-contrast .ms-nav-next {
    right: 30px;
    left: auto;
    background-position: -77px -91px;
}

.ms-skin-contrast .ms-bullets.ms-dir-h {
    position: absolute;
    bottom: 20px;
    right: 50%;
    width: 100px;
}

    .ms-skin-contrast .ms-bullets.ms-dir-h .ms-bullets-count {
        position: relative;
        right: -50%;
    }

.ms-skin-contrast .ms-bullet {
    width: 16px;
    height: 16px;
    background: url(skins/contrast-skin.png) no-repeat;
    background-position: -31px -114px;
    margin: 4px;
}

.ms-skin-contrast .ms-bullet-selected {
    background-position: -31px -81px;
}

.ms-skin-contrast .ms-tooltip {
    position: absolute;
    z-index: 210;
    cursor: auto;
}

.ms-skin-contrast .ms-tooltip-top .ms-tooltip-arrow,
.ms-skin-contrast .ms-tooltip-bottom .ms-tooltip-arrow {
    border-left: solid 10px transparent;
    border-right: solid 10px transparent;
    position: absolute;
    left: 50%;
    margin-left: -10px;
}

.ms-skin-contrast .ms-tooltip-top .ms-tooltip-arrow {
    border-top: solid 10px;
    border-top-color: #fc3116;
    border-top-color: rgba(252, 49, 22, 0.8);
    bottom: -10px;
}

.ms-skin-contrast .ms-tooltip-bottom .ms-tooltip-arrow {
    border-bottom: solid 10px;
    border-bottom-color: #fc3116;
    border-bottom-color: rgba(252, 49, 22, 0.8);
    top: -10px;
}

.ms-skin-contrast .ms-tooltip-right .ms-tooltip-arrow,
.ms-skin-contrast .ms-tooltip-left .ms-tooltip-arrow {
    border-top: solid 10px transparent;
    border-bottom: solid 10px transparent;
    position: absolute;
    top: 50%;
    margin-top: -10px;
}

.ms-skin-contrast .ms-tooltip-right .ms-tooltip-arrow {
    border-right: solid 10px;
    border-right-color: #fc3116;
    border-right-color: rgba(252, 49, 22, 0.8);
    left: -10px;
}

.ms-skin-contrast .ms-tooltip-left .ms-tooltip-arrow {
    border-left: solid 10px;
    border-left-color: #fc3116;
    border-left-color: rgba(252, 49, 22, 0.8);
    right: -10px;
}

.ms-skin-contrast .ms-tooltip-point {
    cursor: pointer;
}

    .ms-skin-contrast .ms-tooltip-point .ms-point-center {
        width: 12px;
        height: 12px;
        border-radius: 15px;
        border: solid 2px #636363;
        background: black;
        margin: -8px 0 0 -8px;
        position: absolute;
        z-index: 105;
    }

    .ms-skin-contrast .ms-tooltip-point .ms-point-border {
        width: 22px;
        height: 22px;
        background: white;
        background: rgba(255, 255, 255, 0.99);
        margin: -11px 0 0 -11px;
        position: absolute;
        border-radius: 15px;
        animation: point-anim 1.5s infinite;
        -moz-animation: point-anim 1.5s infinite;
        -webkit-animation: point-anim 1.5s infinite;
        -o-animation: point-anim 1.5s infinite;
    }

.ms-skin-contrast .ms-tooltip {
    max-width: 200px;
}

.ms-skin-contrast .ms-tooltip-cont {
    padding: 10px;
    background: #fc3116;
    background: rgba(252, 49, 22, 0.8);
    text-shadow: 0 1px 0px rgba(0, 0, 0, 0.4);
    color: white;
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.04);
}

/* retina */
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and ( min--moz-device-pixel-ratio: 2), only screen and ( -o-min-device-pixel-ratio: 2/1), only screen and ( min-device-pixel-ratio: 2), only screen and ( min-resolution: 192dpi), only screen and ( min-resolution: 2dppx) {

    .ms-skin-contrast .ms-slide .ms-slide-vpbtn,
    .ms-skin-contrast .ms-video-btn,
    .ms-skin-contrast .ms-slide .ms-slide-vcbtn,
    .ms-skin-contrast .ms-nav-next,
    .ms-skin-contrast .ms-nav-prev,
    .ms-skin-contrast .ms-bullet {
        background-image: url(skins/contrast-skin-retina.png);
        background-size: 152px 225px;
    }
}


.ms-caro3d-template .ms-container {
    padding: 10px 0 50px 0;
}

/* reflect */
.ms-caro3d-template .ms-slide {
    -webkit-box-reflect: below 1px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(90%, transparent), to(rgba(255,255,255,0.5)));
}

.ms-caro3d-template .ms-slide-bgcont {
    border-radius: 8px;
}


.ms-dis-slider-cont {
    position: relative;
    padding: 3.2% 8.5% 24%;
    max-width: 508px;
}

.ms-display-cont .ms-view {
    background-color: #17171a;
}

.ms-display-cont {
    max-width: 614px;
    position: relative;
    margin: 0 auto;
}

.ms-display-bg {
    max-width: 100%;
    position: absolute;
}

.ms-display-template .ms-nav-prev,
.ms-display-template .ms-nav-next {
    background: url(templates/device-skin.png) no-repeat -11px -9px;
    width: 35px;
    height: 40px;
    left: -80px;
    margin-top: -17px;
    position: absolute;
    top: 50%;
    cursor: pointer;
}

.ms-display-template .ms-nav-next {
    background-position: -59px -9px;
    right: -80px;
    left: auto;
}

.ms-display-template .ms-bullets.ms-dir-h {
    position: absolute;
    bottom: -50%;
    right: 50%;
    width: 100px;
}

    .ms-display-template .ms-bullets.ms-dir-h .ms-bullets-count {
        position: relative;
        right: -50%;
    }

.ms-display-template .ms-bullet {
    width: 10px;
    height: 10px;
    background: url(templates/device-skin.png) no-repeat -112px -25px;
    margin: 4px;
}

.ms-display-template .ms-bullet-selected {
    background-position: -143px -25px;
}


.ms-gallery-template .ms-gallery-botcont {
    height: 55px;
    background: black;
    color: white;
    font-weight: 300;
    font-family: "Lato", sans-serif;
    font-size: 18px;
    position: relative;
}

.ms-gallery-template .ms-gal-playbtn {
    width: 55px;
    height: 100%;
    float: left;
    cursor: pointer;
    background: url(templates/gallery-btns.png) no-repeat 6px 6px;
}

    .ms-gallery-template .ms-gal-playbtn.btn-pause {
        background: url(templates/gallery-btns.png) no-repeat -55px 7px;
    }

.ms-gallery-template .ms-gal-thumbtoggle {
    position: absolute;
    right: 0;
    z-index: 110;
    width: 55px;
    height: 100%;
    cursor: pointer;
    background: url(templates/gallery-btns.png) no-repeat -53px -41px;
}

    .ms-gallery-template .ms-gal-thumbtoggle.btn-hide {
        background: url(templates/gallery-btns.png) no-repeat 4px -41px;
    }

.ms-gallery-template .ms-slide-num {
    float: left;
    padding: 17px 9px;
    color: #727272;
}

.ms-gallery-template .ms-slide-info {
    float: left;
    padding: 18px 4px;
    position: relative;
    width: auto;
}

.ms-gallery-template .ms-bullets.ms-dir-h {
    position: absolute;
    bottom: 18px;
    right: 105px;
    width: 100px;
}

.ms-gallery-template .ms-bullet {
    width: 8px;
    height: 8px;
    background: #1e1e1e;
    margin: 4px;
    border-radius: 15px;
}

.ms-gallery-template .ms-bullet-selected {
    background-color: white;
}

.ms-gallery-template .ms-timerbar {
    width: 100%;
    top: -4px;
    height: 4px;
    position: absolute;
    background: rgba(0, 0, 0, 0.32);
}

.ms-gallery-template .ms-time-bar {
    height: 4px;
    background: rgba(255, 255, 255, 0.7);
}

.ms-gallery-template .ms-thumb-list.ms-dir-h {
    width: 100%;
    background: black;
    background: rgba(0, 0, 0, 0.95);
    padding-top: 1px;
}

.ms-gallery-template .ms-thumb-frame {
    cursor: pointer;
    float: left;
    width: 175px;
    overflow: hidden;
    opacity: 0.5;
    -webkit-transition: opacity 400ms;
    -moz-transition: opacity 400ms;
    -ms-transition: opacity 400ms;
    -o-transition: opacity 400ms;
    transition: opacity 400ms;
}

.ms-gallery-template .ms-thumb-frame-selected {
    opacity: 1;
}

.ms-gallery-template .ms-gal-thumbcont {
    overflow: hidden;
    width: 100%;
    height: 115px;
    position: absolute;
    top: -115px;
    left: 0;
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -ms-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
}

    .ms-gallery-template .ms-gal-thumbcont.hide-thumbs {
        height: 0;
        top: 0;
    }

@media (max-width: 570px) {
    .ms-gallery-template .ms-slide-info {
        display: none;
    }
}


.ms-laptop-template .ms-laptop-cont .ms-view {
    background-color: #17171a;
}

.ms-laptop-template .ms-laptop-cont {
    max-width: 645px;
    position: relative;
    margin: 0 auto;
}

.ms-laptop-template .ms-lt-slider-cont {
    position: relative;
    padding: 5% 11.9% 20%;
    max-width: 492px;
}

.ms-laptop-template .ms-laptop-bg {
    max-width: 100%;
    position: absolute;
}

.ms-laptop-template .ms-nav-prev,
.ms-laptop-template .ms-nav-next {
    background: url(templates/device-skin.png) no-repeat -11px -9px;
    width: 35px;
    height: 40px;
    left: -80px;
    margin-top: -17px;
    position: absolute;
    top: 50%;
    cursor: pointer;
}

.ms-laptop-template .ms-nav-next {
    background-position: -59px -9px;
    right: -80px;
    left: auto;
}

.ms-laptop-template .ms-bullets.ms-dir-h {
    position: absolute;
    bottom: -40%;
    right: 50%;
    width: 100px;
}

    .ms-laptop-template .ms-bullets.ms-dir-h .ms-bullets-count {
        position: relative;
        right: -50%;
    }

.ms-laptop-template .ms-bullet {
    width: 10px;
    height: 10px;
    background: url(templates/device-skin.png) no-repeat -112px -25px;
    margin: 4px;
}

.ms-laptop-template .ms-bullet-selected {
    background-position: -143px -25px;
}


.ms-tablet-template .ms-tablet-cont .ms-view {
    background-color: #17171a;
}

.ms-tablet-template .ms-tablet-cont {
    max-width: 500px;
    position: relative;
    margin: 0 auto;
}

.ms-tablet-template.ms-tablet-land .ms-tablet-cont {
    max-width: 842px;
}

.ms-tablet-template.ms-tablet-land .ms-lt-slider-cont {
    padding: 4.1% 12.1% 10%;
    max-width: 632px;
}

.ms-tablet-template .ms-lt-slider-cont {
    position: relative;
    padding: 11.1% 11% 22%;
    max-width: 400px;
}

.ms-tablet-template .ms-tablet-bg {
    max-width: 100%;
    position: absolute;
}

.ms-tablet-template .ms-nav-prev,
.ms-tablet-template .ms-nav-next {
    background: url(templates/device-skin.png) no-repeat -11px -9px;
    width: 35px;
    height: 40px;
    left: -120px;
    margin-top: -17px;
    position: absolute;
    top: 50%;
    cursor: pointer;
}

.ms-tablet-template .ms-nav-next {
    background-position: -59px -9px;
    right: -120px;
    left: auto;
}

.ms-tablet-template .ms-bullets.ms-dir-h {
    position: absolute;
    bottom: -18%;
    right: 50%;
    width: 100px;
}

    .ms-tablet-template .ms-bullets.ms-dir-h .ms-bullets-count {
        position: relative;
        right: -50%;
    }

.ms-tablet-template .ms-bullet {
    width: 10px;
    height: 10px;
    background: url(templates/device-skin.png) no-repeat -112px -25px;
    margin: 4px;
}

.ms-tablet-template .ms-bullet-selected {
    background-position: -143px -25px;
}


.ms-phone-template .ms-phone-cont .ms-view {
    background-color: #17171a;
}

.ms-phone-template .ms-phone-cont {
    max-width: 386px;
    position: relative;
    margin: 0 auto;
}

.ms-phone-template.ms-phone-land .ms-phone-cont {
    max-width: 666px;
}

.ms-phone-template.ms-phone-land .ms-lt-slider-cont {
    position: relative;
    padding: 4.6% 16.1% 10% 15.5%;
    max-width: 455px;
}

.ms-phone-template .ms-lt-slider-cont {
    position: relative;
    padding: 26.2% 16.5% 33% 16.8%;
    max-width: 258px;
}

.ms-phone-template .ms-phone-bg {
    max-width: 100%;
    position: absolute;
}

.ms-phone-template .ms-nav-prev,
.ms-phone-template .ms-nav-next {
    background: url(templates/device-skin.png) no-repeat -11px -9px;
    width: 35px;
    height: 40px;
    left: -120px;
    margin-top: -17px;
    position: absolute;
    top: 50%;
    cursor: pointer;
}

.ms-phone-template .ms-nav-next {
    background-position: -59px -9px;
    right: -120px;
    left: auto;
}

.ms-phone-template .ms-bullets.ms-dir-h {
    position: absolute;
    bottom: -30%;
    right: 50%;
    width: 100px;
}

    .ms-phone-template .ms-bullets.ms-dir-h .ms-bullets-count {
        position: relative;
        right: -50%;
    }

.ms-phone-template .ms-bullet {
    width: 10px;
    height: 10px;
    background: url(templates/device-skin.png) no-repeat -112px -25px;
    margin: 4px;
}

.ms-phone-template .ms-bullet-selected {
    background-position: -143px -25px;
}

.ms-phone-template.ms-phone-land .ms-bullets.ms-dir-h {
    bottom: -21%;
}

.ms-phone-template.ms-phone-land .ms-nav-next {
    right: -150px;
}

.ms-phone-template.ms-phone-land .ms-nav-prev {
    left: -150px;
}


.ms-partialview-template .ms-slide-info {
    text-align: center;
    margin-top: 20px;
    width: 100%;
}

    .ms-partialview-template .ms-slide-info h3 {
        margin: 5px;
        font-weight: 300;
        font-size: 23pt;
        color: #222;
    }

    .ms-partialview-template .ms-slide-info h4 {
        margin: 5px;
        font-weight: 300;
        font-size: 14pt;
        color: #7A7A7A;
    }

    .ms-partialview-template .ms-slide-info p {
        font-size: 10pt;
        margin: 6px;
    }


/* .ms-showcase2-template {max-width: 540px; margin: 0 auto;}
.ms-showcase2-vertical {max-width: 677px;} */
.ms-showcase2-template .ms-view {
    background: transparent;
}


.master-slider {
    -moz-transform: translate3d(0,0,1px);
}

.ms-staff-carousel {
    margin: 25px auto;
    position: relative;
}

    .ms-staff-carousel .ms-view {
        overflow: visible;
        background-color: transparent;
    }

    .ms-staff-carousel .ms-nav-prev,
    .ms-staff-carousel .ms-nav-next {
        background: url(templates/staff-arrows.png) white no-repeat -7px -57px;
        width: 35px;
        height: 40px;
        left: -35px;
        margin-top: -17px;
        box-shadow: 0px 1px 0px 0px rgb(190, 190, 190);
        position: absolute;
        top: 50%;
        cursor: pointer;
    }

    .ms-staff-carousel .ms-nav-next {
        background-position: -6px -7px;
        right: -35px;
        left: auto;
    }

    .ms-staff-carousel .ms-staff-info {
        text-align: center;
        margin: 0 auto;
        max-width: 600px;
        margin-top: 30px;
        min-height: 300px;
        color: #222222;
    }

        .ms-staff-carousel .ms-staff-info h3 {
            font-weight: 300;
            font-size: 22pt;
            margin: 0px;
        }

        .ms-staff-carousel .ms-staff-info h4 {
            font-weight: 300;
            color: #787878;
            font-size: 15pt;
            margin: 3px;
        }

    .ms-staff-carousel.ms-round .ms-slide-bgcont {
        border-radius: 5000px;
        border: solid 8px rgb(230, 230, 230);
        margin: 0 -8px;
    }

    .ms-staff-carousel.ms-round .ms-view {
        padding-bottom: 8%;
    }

    .ms-staff-carousel.ms-round .ms-nav-prev,
    .ms-staff-carousel.ms-round .ms-nav-next {
        background-color: transparent;
        box-shadow: none;
        left: -45px;
    }

    .ms-staff-carousel.ms-round .ms-nav-next {
        left: auto;
        right: -45px
    }



.ms-tabs-template .ms-thumb-frame h3 {
    font-weight: 400;
    font-size: 13pt;
    margin: 0;
}

.ms-tabs-template .ms-thumb-frame p {
    font-size: 10pt;
    margin: 4px 0;
}

.ms-tabs-template .ms-thumb-frame-selected h3 {
    color: #4b8aac;
}


.ms-vertical-template .ms-nav-prev,
.ms-vertical-template .ms-nav-next {
    top: 10px;
    left: 50%;
    background: url(templates/vertical-arrows.png) no-repeat;
    background-position: -11px -6px;
    width: 40px;
    height: 30px;
    margin-left: -20px;
    margin-top: 0;
}

.ms-vertical-template .ms-nav-next {
    top: auto;
    bottom: 10px;
    background-position: -11px -53px;
}

.ms-vertical-template .ms-thumblist-fwd,
.ms-vertical-template .ms-thumblist-bwd {
    width: 100%;
    position: absolute;
    top: 0;
    height: 15px;
    cursor: pointer;
    background: url(templates/vertical-arrows.png) no-repeat;
    background-position: 50% -106px;
}

.ms-vertical-template .ms-thumblist-bwd {
    top: auto;
    bottom: 0;
    background-position: 50% -145px;
}

.msp-preset-btn-84 {
    background-color: #b97ebb;
    color: #fff;
}

    .msp-preset-btn-84:hover {
        background-color: #ca89cc;
        color: #fff;
    }

    .msp-preset-btn-84:active {
        top: 1px
    }

.msp-preset-btn-85 {
    background-color: #b97ebb;
    color: #fff;
}

    .msp-preset-btn-85:hover {
        background-color: #ca89cc;
        color: #fff;
    }

    .msp-preset-btn-85:active {
        top: 1px
    }

.msp-preset-btn-86 {
    color: #b97ebb;
    border: solid 1px #b97ebb;
}

    .msp-preset-btn-86:hover {
        border-color: #ca89cc;
        color: #ca89cc
    }

    .msp-preset-btn-86:active {
        top: 1px
    }

.msp-preset-btn-87 {
    background-color: #b97ebb;
    color: #fff;
}

    .msp-preset-btn-87:hover {
        background-color: #ca89cc;
        color: #fff;
    }

    .msp-preset-btn-87:active {
        top: 1px
    }

.msp-preset-btn-88 {
    background-color: #b97ebb;
    color: #fff;
    box-shadow: 0 5px #9a699c;
}

    .msp-preset-btn-88:hover {
        background-color: #ca89cc;
        box-shadow: 0 4px #9a699c;
        top: 1px;
        color: #fff;
    }

    .msp-preset-btn-88:active {
        box-shadow: 0 2px #9a699c;
        top: 3px;
    }

.msp-preset-btn-89 {
    background-color: #5472D2;
    color: #fff;
}

    .msp-preset-btn-89:hover {
        background-color: #5d7fe9;
        color: #fff;
    }

    .msp-preset-btn-89:active {
        top: 1px
    }

.msp-preset-btn-90 {
    background-color: #5472D2;
    color: #fff;
}

    .msp-preset-btn-90:hover {
        background-color: #5d7fe9;
        color: #fff;
    }

    .msp-preset-btn-90:active {
        top: 1px
    }

.msp-preset-btn-91 {
    color: #5472D2;
    border: solid 1px #5472D2;
}

    .msp-preset-btn-91:hover {
        border-color: #5d7fe9;
        color: #5d7fe9
    }

    .msp-preset-btn-91:active {
        top: 1px
    }

.msp-preset-btn-92 {
    background-color: #5472D2;
    color: #fff;
}

    .msp-preset-btn-92:hover {
        background-color: #5d7fe9;
        color: #fff;
    }

    .msp-preset-btn-92:active {
        top: 1px
    }

.msp-preset-btn-93 {
    background-color: #5472D2;
    color: #fff;
    box-shadow: 0 5px #4c68be;
}

    .msp-preset-btn-93:hover {
        background-color: #5d7fe9;
        box-shadow: 0 4px #4c68be;
        top: 1px;
        color: #fff;
    }

    .msp-preset-btn-93:active {
        box-shadow: 0 2px #4c68be;
        top: 3px;
    }

.msp-preset-btn-94 {
    background-color: #00c1cf;
    color: #fff;
}

    .msp-preset-btn-94:hover {
        background-color: #01D4E4;
        color: #fff;
    }

    .msp-preset-btn-94:active {
        top: 1px
    }

.msp-preset-btn-95 {
    background-color: #00c1cf;
    color: #fff;
}

    .msp-preset-btn-95:hover {
        background-color: #01D4E4;
        color: #fff;
    }

    .msp-preset-btn-95:active {
        top: 1px
    }

.msp-preset-btn-96 {
    color: #00c1cf;
    border: solid 1px #00c1cf;
}

    .msp-preset-btn-96:hover {
        border-color: #01D4E4;
        color: #01D4E4
    }

    .msp-preset-btn-96:active {
        top: 1px
    }

.msp-preset-btn-97 {
    background-color: #00c1cf;
    color: #fff;
}

    .msp-preset-btn-97:hover {
        background-color: #01D4E4;
        color: #fff;
    }

    .msp-preset-btn-97:active {
        top: 1px
    }

.msp-preset-btn-98 {
    background-color: #00c1cf;
    color: #fff;
    box-shadow: 0 5px #00afbc;
}

    .msp-preset-btn-98:hover {
        background-color: #01D4E4;
        box-shadow: 0 4px #00afbc;
        top: 1px;
        color: #fff;
    }

    .msp-preset-btn-98:active {
        box-shadow: 0 2px #00afbc;
        top: 3px;
    }

.msp-preset-btn-99 {
    background-color: #4cadc9;
    color: #fff;
}

    .msp-preset-btn-99:hover {
        background-color: #63b2c9;
        color: #fff;
    }

    .msp-preset-btn-99:active {
        top: 1px
    }

.msp-preset-btn-100 {
    background-color: #4cadc9;
    color: #fff;
}

    .msp-preset-btn-100:hover {
        background-color: #63b2c9;
        color: #fff;
    }

    .msp-preset-btn-100:active {
        top: 1px
    }

.msp-preset-btn-101 {
    color: #4cadc9;
    border: solid 1px #4cadc9;
}

    .msp-preset-btn-101:hover {
        border-color: #63b2c9;
        color: #63b2c9
    }

    .msp-preset-btn-101:active {
        top: 1px
    }

.msp-preset-btn-102 {
    background-color: #4cadc9;
    color: #fff;
}

    .msp-preset-btn-102:hover {
        background-color: #63b2c9;
        color: #fff;
    }

    .msp-preset-btn-102:active {
        top: 1px
    }

.msp-preset-btn-103 {
    background-color: #4cadc9;
    color: #fff;
    box-shadow: 0 5px #1aa2c9;
}

    .msp-preset-btn-103:hover {
        background-color: #63b2c9;
        box-shadow: 0 4px #1aa2c9;
        top: 1px;
        color: #fff;
    }

    .msp-preset-btn-103:active {
        box-shadow: 0 2px #1aa2c9;
        top: 3px;
    }

.msp-preset-btn-104 {
    background-color: #cec2ab;
    color: #fff;
}

    .msp-preset-btn-104:hover {
        background-color: #cebd9d;
        color: #fff;
    }

    .msp-preset-btn-104:active {
        top: 1px
    }

.msp-preset-btn-105 {
    background-color: #cec2ab;
    color: #fff;
}

    .msp-preset-btn-105:hover {
        background-color: #cebd9d;
        color: #fff;
    }

    .msp-preset-btn-105:active {
        top: 1px
    }

.msp-preset-btn-106 {
    color: #cec2ab;
    border: solid 1px #cec2ab;
}

    .msp-preset-btn-106:hover {
        border-color: #cebd9d;
        color: #cebd9d
    }

    .msp-preset-btn-106:active {
        top: 1px
    }

.msp-preset-btn-107 {
    background-color: #cec2ab;
    color: #fff;
}

    .msp-preset-btn-107:hover {
        background-color: #cebd9d;
        color: #fff;
    }

    .msp-preset-btn-107:active {
        top: 1px
    }

.msp-preset-btn-108 {
    background-color: #cec2ab;
    color: #fff;
    box-shadow: 0 5px #C2B7A2;
}

    .msp-preset-btn-108:hover {
        background-color: #cebd9d;
        box-shadow: 0 4px #C2B7A2;
        top: 1px;
        color: #fff;
    }

    .msp-preset-btn-108:active {
        box-shadow: 0 2px #C2B7A2;
        top: 3px;
    }

.msp-preset-btn-109 {
    background-color: #50485b;
    color: #fff;
}

    .msp-preset-btn-109:hover {
        background-color: #6a6176;
        color: #fff;
    }

    .msp-preset-btn-109:active {
        top: 1px
    }

.msp-preset-btn-110 {
    background-color: #50485b;
    color: #fff;
}

    .msp-preset-btn-110:hover {
        background-color: #6a6176;
        color: #fff;
    }

    .msp-preset-btn-110:active {
        top: 1px
    }

.msp-preset-btn-111 {
    color: #50485b;
    border: solid 1px #50485b;
}

    .msp-preset-btn-111:hover {
        border-color: #6a6176;
        color: #6a6176
    }

    .msp-preset-btn-111:active {
        top: 1px
    }

.msp-preset-btn-112 {
    background-color: #50485b;
    color: #fff;
}

    .msp-preset-btn-112:hover {
        background-color: #6a6176;
        color: #fff;
    }

    .msp-preset-btn-112:active {
        top: 1px
    }

.msp-preset-btn-113 {
    background-color: #50485b;
    color: #fff;
    box-shadow: 0 5px #412d5b;
}

    .msp-preset-btn-113:hover {
        background-color: #6a6176;
        box-shadow: 0 4px #412d5b;
        top: 1px;
        color: #fff;
    }

    .msp-preset-btn-113:active {
        box-shadow: 0 2px #412d5b;
        top: 3px;
    }

.msp-preset-btn-114 {
    background-color: #8d6dc4;
    color: #fff;
}

    .msp-preset-btn-114:hover {
        background-color: #977cc4;
        color: #fff;
    }

    .msp-preset-btn-114:active {
        top: 1px
    }

.msp-preset-btn-115 {
    background-color: #8d6dc4;
    color: #fff;
}

    .msp-preset-btn-115:hover {
        background-color: #977cc4;
        color: #fff;
    }

    .msp-preset-btn-115:active {
        top: 1px
    }

.msp-preset-btn-116 {
    color: #8d6dc4;
    border: solid 1px #8d6dc4;
}

    .msp-preset-btn-116:hover {
        border-color: #977cc4;
        color: #977cc4
    }

    .msp-preset-btn-116:active {
        top: 1px
    }

.msp-preset-btn-117 {
    background-color: #8d6dc4;
    color: #fff;
}

    .msp-preset-btn-117:hover {
        background-color: #977cc4;
        color: #fff;
    }

    .msp-preset-btn-117:active {
        top: 1px
    }

.msp-preset-btn-118 {
    background-color: #8d6dc4;
    color: #fff;
    box-shadow: 0 5px #7c51c4;
}

    .msp-preset-btn-118:hover {
        background-color: #977cc4;
        box-shadow: 0 4px #7c51c4;
        top: 1px;
        color: #fff;
    }

    .msp-preset-btn-118:active {
        box-shadow: 0 2px #7c51c4;
        top: 3px;
    }

.msp-preset-btn-119 {
    background-color: #75d69c;
    color: #fff;
}

    .msp-preset-btn-119:hover {
        background-color: #7de5a7;
        color: #fff;
    }

    .msp-preset-btn-119:active {
        top: 1px
    }

.msp-preset-btn-120 {
    background-color: #75d69c;
    color: #fff;
}

    .msp-preset-btn-120:hover {
        background-color: #7de5a7;
        color: #fff;
    }

    .msp-preset-btn-120:active {
        top: 1px
    }

.msp-preset-btn-121 {
    color: #75d69c;
    border: solid 1px #75d69c;
}

    .msp-preset-btn-121:hover {
        border-color: #7de5a7;
        color: #7de5a7
    }

    .msp-preset-btn-121:active {
        top: 1px
    }

.msp-preset-btn-122 {
    background-color: #75d69c;
    color: #fff;
}

    .msp-preset-btn-122:hover {
        background-color: #7de5a7;
        color: #fff;
    }

    .msp-preset-btn-122:active {
        top: 1px
    }

.msp-preset-btn-123 {
    background-color: #75d69c;
    color: #fff;
    box-shadow: 0 5px #41d67d;
}

    .msp-preset-btn-123:hover {
        background-color: #7de5a7;
        box-shadow: 0 4px #41d67d;
        top: 1px;
        color: #fff;
    }

    .msp-preset-btn-123:active {
        box-shadow: 0 2px #41d67d;
        top: 3px;
    }

.msp-preset-btn-124 {
    background-color: #222;
    color: #fff;
}

    .msp-preset-btn-124:hover {
        background-color: #333;
        color: #fff;
    }

    .msp-preset-btn-124:active {
        top: 1px
    }

.msp-preset-btn-125 {
    background-color: #222;
    color: #fff;
}

    .msp-preset-btn-125:hover {
        background-color: #333;
        color: #fff;
    }

    .msp-preset-btn-125:active {
        top: 1px
    }

.msp-preset-btn-126 {
    color: #222;
    border: solid 1px #222;
}

    .msp-preset-btn-126:hover {
        border-color: #333;
        color: #333
    }

    .msp-preset-btn-126:active {
        top: 1px
    }

.msp-preset-btn-127 {
    background-color: #222;
    color: #fff;
}

    .msp-preset-btn-127:hover {
        background-color: #333;
        color: #fff;
    }

    .msp-preset-btn-127:active {
        top: 1px
    }

.msp-preset-btn-128 {
    background-color: #222;
    color: #fff;
    box-shadow: 0 5px #000;
}

    .msp-preset-btn-128:hover {
        background-color: #333;
        box-shadow: 0 4px #000;
        top: 1px;
        color: #fff;
    }

    .msp-preset-btn-128:active {
        box-shadow: 0 2px #000;
        top: 3px;
    }

.msp-preset-btn-129 {
    background-color: #dedede;
    color: #666;
}

    .msp-preset-btn-129:hover {
        background-color: #d1d1d1;
        color: #666;
    }

    .msp-preset-btn-129:active {
        top: 1px
    }

.msp-preset-btn-130 {
    background-color: #dedede;
    color: #666;
}

    .msp-preset-btn-130:hover {
        background-color: #d1d1d1;
        color: #666;
    }

    .msp-preset-btn-130:active {
        top: 1px
    }

.msp-preset-btn-131 {
    color: #dedede;
    border: solid 1px #dedede;
}

    .msp-preset-btn-131:hover {
        border-color: #d1d1d1;
        color: #d1d1d1
    }

    .msp-preset-btn-131:active {
        top: 1px
    }

.msp-preset-btn-132 {
    background-color: #dedede;
    color: #666;
}

    .msp-preset-btn-132:hover {
        background-color: #d1d1d1;
        color: #666;
    }

    .msp-preset-btn-132:active {
        top: 1px
    }

.msp-preset-btn-133 {
    background-color: #dedede;
    color: #666;
    box-shadow: 0 5px #CACACA;
}

    .msp-preset-btn-133:hover {
        background-color: #d1d1d1;
        color: #666;
        box-shadow: 0 4px #CACACA;
        top: 1px
    }

    .msp-preset-btn-133:active {
        box-shadow: 0 2px #CACACA;
        top: 3px;
    }

.msp-preset-btn-134 {
    background-color: #f7be68;
    color: #fff;
}

    .msp-preset-btn-134:hover {
        background-color: #e9b362;
        color: #fff;
    }

    .msp-preset-btn-134:active {
        top: 1px
    }

.msp-preset-btn-135 {
    background-color: #f7be68;
    color: #fff;
}

    .msp-preset-btn-135:hover {
        background-color: #e9b362;
        color: #fff;
    }

    .msp-preset-btn-135:active {
        top: 1px
    }

.msp-preset-btn-136 {
    color: #f7be68;
    border: solid 1px #f7be68;
}

    .msp-preset-btn-136:hover {
        border-color: #e9b362;
        color: #e9b362
    }

    .msp-preset-btn-136:active {
        top: 1px
    }

.msp-preset-btn-137 {
    background-color: #f7be68;
    color: #fff;
}

    .msp-preset-btn-137:hover {
        background-color: #e9b362;
        color: #fff;
    }

    .msp-preset-btn-137:active {
        top: 1px
    }

.msp-preset-btn-138 {
    background-color: #f7be68;
    color: #fff;
    box-shadow: 0 5px #E7AF59;
}

    .msp-preset-btn-138:hover {
        background-color: #e9b362;
        box-shadow: 0 4px #E7AF59;
        top: 1px;
        color: #fff;
    }

    .msp-preset-btn-138:active {
        box-shadow: 0 2px #E7AF59;
        top: 3px;
    }

.msp-preset-btn-139 {
    background-color: #5aa1e3;
    color: #fff;
}

    .msp-preset-btn-139:hover {
        background-color: #5faaef;
        color: #fff;
    }

    .msp-preset-btn-139:active {
        top: 1px
    }

.msp-preset-btn-140 {
    background-color: #5aa1e3;
    color: #fff;
}

    .msp-preset-btn-140:hover {
        background-color: #5faaef;
        color: #fff;
    }

    .msp-preset-btn-140:active {
        top: 1px
    }

.msp-preset-btn-141 {
    color: #5aa1e3;
    border: solid 1px #5aa1e3;
}

    .msp-preset-btn-141:hover {
        border-color: #5faaef;
        color: #5faaef
    }

    .msp-preset-btn-141:active {
        top: 1px
    }

.msp-preset-btn-142 {
    background-color: #5aa1e3;
    color: #fff;
}

    .msp-preset-btn-142:hover {
        background-color: #5faaef;
        color: #fff;
    }

    .msp-preset-btn-142:active {
        top: 1px
    }

.msp-preset-btn-143 {
    background-color: #5aa1e3;
    color: #fff;
    box-shadow: 0 5px #4c87bf;
}

    .msp-preset-btn-143:hover {
        background-color: #5faaef;
        box-shadow: 0 4px #4c87bf;
        top: 1px;
        color: #fff;
    }

    .msp-preset-btn-143:active {
        box-shadow: 0 2px #4c87bf;
        top: 3px;
    }

.msp-preset-btn-144 {
    background-color: #6dab3c;
    color: #fff;
}

    .msp-preset-btn-144:hover {
        background-color: #76b941;
        color: #fff;
    }

    .msp-preset-btn-144:active {
        top: 1px
    }

.msp-preset-btn-145 {
    background-color: #6dab3c;
    color: #fff;
}

    .msp-preset-btn-145:hover {
        background-color: #76b941;
        color: #fff;
    }

    .msp-preset-btn-145:active {
        top: 1px
    }

.msp-preset-btn-146 {
    color: #6dab3c;
    border: solid 1px #6dab3c;
}

    .msp-preset-btn-146:hover {
        border-color: #76b941;
        color: #76b941
    }

    .msp-preset-btn-146:active {
        top: 1px
    }

.msp-preset-btn-147 {
    background-color: #6dab3c;
    color: #fff;
}

    .msp-preset-btn-147:hover {
        background-color: #76b941;
        color: #fff;
    }

    .msp-preset-btn-147:active {
        top: 1px
    }

.msp-preset-btn-148 {
    background-color: #6dab3c;
    color: #fff;
    box-shadow: 0 5px #5e9334;
}

    .msp-preset-btn-148:hover {
        background-color: #76b941;
        box-shadow: 0 4px #5e9334;
        top: 1px;
        color: #fff;
    }

    .msp-preset-btn-148:active {
        box-shadow: 0 2px #5e9334;
        top: 3px;
    }

.msp-preset-btn-149 {
    background-color: #f4524d;
    color: #fff;
}

    .msp-preset-btn-149:hover {
        background-color: #e04b47;
        color: #fff;
    }

    .msp-preset-btn-149:active {
        top: 1px
    }

.msp-preset-btn-150 {
    background-color: #f4524d;
    color: #fff;
}

    .msp-preset-btn-150:hover {
        background-color: #e04b47;
        color: #fff;
    }

    .msp-preset-btn-150:active {
        top: 1px
    }

.msp-preset-btn-151 {
    color: #f4524d;
    border: solid 1px #f4524d;
}

    .msp-preset-btn-151:hover {
        border-color: #e04b47;
        color: #e04b47
    }

    .msp-preset-btn-151:active {
        top: 1px
    }

.msp-preset-btn-152 {
    background-color: #f4524d;
    color: #fff;
}

    .msp-preset-btn-152:hover {
        background-color: #e04b47;
        color: #fff;
    }

    .msp-preset-btn-152:active {
        top: 1px
    }

.msp-preset-btn-153 {
    background-color: #f4524d;
    color: #fff;
    box-shadow: 0 5px #cb4440;
}

    .msp-preset-btn-153:hover {
        background-color: #e04b47;
        box-shadow: 0 4px #cb4440;
        top: 1px;
        color: #fff;
    }

    .msp-preset-btn-153:active {
        box-shadow: 0 2px #cb4440;
        top: 3px;
    }

.msp-preset-btn-154 {
    background-color: #f79468;
    color: #fff;
}

    .msp-preset-btn-154:hover {
        background-color: #e78a61;
        color: #fff;
    }

    .msp-preset-btn-154:active {
        top: 1px
    }

.msp-preset-btn-155 {
    background-color: #f79468;
    color: #fff;
}

    .msp-preset-btn-155:hover {
        background-color: #e78a61;
        color: #fff;
    }

    .msp-preset-btn-155:active {
        top: 1px
    }

.msp-preset-btn-156 {
    color: #f79468;
    border: solid 1px #f79468;
}

    .msp-preset-btn-156:hover {
        border-color: #e78a61;
        color: #e78a61
    }

    .msp-preset-btn-156:active {
        top: 1px
    }

.msp-preset-btn-157 {
    background-color: #f79468;
    color: #fff;
}

    .msp-preset-btn-157:hover {
        background-color: #e78a61;
        color: #fff;
    }

    .msp-preset-btn-157:active {
        top: 1px
    }

.msp-preset-btn-158 {
    background-color: #f79468;
    color: #fff;
    box-shadow: 0 5px #da835c;
}

    .msp-preset-btn-158:hover {
        background-color: #e78a61;
        box-shadow: 0 4px #da835c;
        top: 1px;
        color: #fff;
    }

    .msp-preset-btn-158:active {
        box-shadow: 0 2px #da835c;
        top: 3px;
    }

.msp-preset-1 {
    font-family: "Lato";
    font-weight: 700;
    font-size: 48px;
    line-height: normal;
    color: #ffffff;
}

.msp-preset-3 {
    font-family: "Lato";
    font-weight: 300;
    font-size: 18px;
    line-height: normal;
    color: #f2f2f2;
}

.msp-preset-5 {
    font-family: "Kaushan Script";
    font-weight: normal;
    font-size: 30px;
    text-align: center;
    line-height: normal;
    white-space: nowrap;
    color: #d4d4d4;
}

.msp-preset-6 {
    font-family: "Raleway";
    font-weight: 600;
    font-size: 48px;
    text-align: center;
    line-height: normal;
    white-space: nowrap;
    color: #d4d4d4;
}

.msp-preset-7 {
    font-family: "Raleway";
    font-weight: 600;
    font-size: 48px;
    text-align: center;
    line-height: normal;
    white-space: nowrap;
    color: #77cba9;
}

.msp-preset-8 {
    font-family: "Montserrat";
    font-weight: 700;
    font-size: 36px;
    line-height: normal;
    color: #ffffff;
}

.msp-preset-12 {
    font-family: "Raleway";
    font-weight: 600;
    font-size: 72px;
    line-height: normal;
    white-space: nowrap;
    color: #ffffff;
    text-transform: uppercase;
}

.msp-preset-13 {
    font-family: "Raleway";
    font-weight: 600;
    font-size: 18px;
    text-align: center;
    line-height: normal;
    color: #f8f8f8;
}

.msp-preset-14 {
    font-family: "Yanone Kaffeesatz";
    font-weight: normal;
    font-size: 60px;
    text-align: center;
    letter-spacing: 2px;
    line-height: normal;
    white-space: nowrap;
    color: #ffffff;
}

.msp-preset-15 {
    font-family: "Oswald";
    font-weight: normal;
    font-size: 55px;
    text-align: center;
    line-height: normal;
    white-space: nowrap;
    color: #e38181;
}

.msp-preset-16 {
    font-family: "Montserrat";
    font-weight: normal;
    font-size: 54px;
    line-height: normal;
    white-space: nowrap;
    color: #dddddd;
}

.msp-preset-17 {
    font-family: "Playfair Display";
    font-weight: normal;
    font-size: 16px;
    text-align: center;
    line-height: normal;
    color: #c2b273;
    background-color: transparent;
}

.msp-preset-18 {
    font-family: "Quicksand";
    font-weight: normal;
    font-size: 18px;
    text-align: center;
    line-height: normal;
    color: #fdfdfd;
    background-color: transparent;
}

.msp-preset-19 {
    font-family: "Montserrat";
    font-weight: normal;
    font-size: 12px;
    line-height: normal;
    color: #dddddc;
    text-transform: uppercase;
}

.msp-preset-20 {
    font-family: "Lato";
    font-weight: normal;
    font-size: 12px;
    letter-spacing: 2px;
    line-height: normal;
    color: #a9a8a8;
}

.msp-preset-21 {
    background-color: #a9a8a8;
    font-weight: normal;
    line-height: normal;
}

.msp-preset-22 {
    font-family: "Oswald";
    font-weight: 700;
    font-size: 48px;
    line-height: 60px;
    color: #ffffff;
}

.msp-preset-23 {
    font-family: "Lato";
    font-weight: normal;
    font-size: 16px;
    line-height: normal;
    color: #c0c0c0;
}

.msp-preset-25 {
    padding-top: 10px;
    padding-right: 24px;
    padding-bottom: 10px;
    padding-left: 24px;
    font-family: "Lato";
    font-weight: normal;
    font-size: 10px;
    text-align: center;
    letter-spacing: 2px;
    line-height: normal;
    text-transform: uppercase;
}

.msp-preset-26 {
    font-family: "Lato";
    font-weight: normal;
    font-size: 16px;
    line-height: normal;
    color: #ffffff;
}

.msp-preset-27 {
    background-color: #ffffff;
    font-weight: normal;
    line-height: normal;
}

.msp-preset-28 {
    font-family: "Lato";
    font-weight: normal;
    font-size: 12px;
    letter-spacing: 2px;
    line-height: normal;
    color: #ffffff;
}

.msp-preset-29 {
    font-family: "Raleway";
    font-weight: 800;
    font-size: 120px;
    letter-spacing: 1px;
    line-height: normal;
    color: #ffffff;
}

.msp-preset-30 {
    font-family: "Source Code Pro";
    font-weight: normal;
    font-size: 22px;
    line-height: normal;
    color: #ffffff;
}

.msp-preset-31 {
    font-family: "Source Code Pro";
    font-weight: normal;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: normal;
    color: #ba895d;
}

.msp-preset-32 {
    font-family: "Source Code Pro";
    font-weight: normal;
    font-size: 14px;
    line-height: normal;
    color: #6a6a6a;
}

.msp-preset-33 {
    font-family: "Montserrat";
    font-weight: normal;
    font-size: 36px;
    line-height: normal;
    color: #ffffff;
}

.msp-preset-34 {
    background-color: #ffffff;
    font-weight: normal;
    line-height: normal;
}

.msp-preset-35 {
    background-color: #f4cb68;
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    font-family: "Lato";
    font-weight: normal;
    font-size: 11px;
    line-height: 16px;
    color: #333333;
}

.msp-cn-136-4 {
    font-family: "Arimo";
    font-weight: normal;
    font-size: 18px;
    text-align: center;
    line-height: 27px;
    white-space: nowrap;
    color: #ffffff;
}

.msp-cn-136-5 {
    font-family: "Arimo";
    font-weight: 700;
    font-size: 24px;
    text-align: center;
    line-height: normal;
    white-space: nowrap;
    color: #ffffff;
}

.msp-cn-136-6 {
    font-family: "Arimo";
    font-weight: 700;
    font-size: 60px;
    text-align: center;
    line-height: normal;
    white-space: nowrap;
    color: #ffffff;
}

.msp-cn-136-7 {
    font-family: "Arimo";
    font-weight: 700;
    font-size: 14px;
    text-align: center;
    line-height: normal;
    white-space: nowrap;
}

.ms-slide-layers {
    position: relative;
}

.msp-cn-136-8 {
    position: absolute;
    font-family: "Arimo";
    font-weight: 700;
    font-size: 17px !important;
    line-height: normal;
    white-space: nowrap;
    color: #174087;
    display: block;
}

    .msp-cn-136-8 img {
        width: 100px !important;
        height: auto !important;
        margin-right: 10px;
    }

.msp-cn-136-9 {
    opacity: 1;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0;
    padding-left: 0;
    font-family: "Arimo";
    font-weight: 700;
    font-size: 24px;
    line-height: normal;
    white-space: nowrap;
    color: #ffffff;
}

.msp-cn-136-10 {
    font-family: "Arimo";
    font-weight: normal;
    font-size: 18px;
    text-align: left;
    line-height: 27px;
    white-space: nowrap;
    color: #ffffff;
}

.msp-cn-136-14 {
    font-family: "Arimo";
    font-weight: 700;
    font-size: 18px;
    line-height: normal;
    white-space: nowrap;
    color: #ffffff;
    /* background-color: rgba(0, 0, 0, 0.6901960784313725); */
    /* padding: 5px 10px !important; */
    text-decoration: none !important;
}

    .msp-cn-136-14 span {
        font-style: normal;
        text-decoration: none !important;
    }

.msp-cn-136-15 {
    background-color: #ffffff;
    padding-top: 17px;
    padding-right: 19px;
    padding-bottom: 17px;
    padding-left: 19px;
    font-family: "Arimo";
    font-weight: 700;
    font-size: 42px;
    line-height: normal;
    white-space: nowrap;
    color: #3c3c3c;
}

.msp-cn-136-16 {
    background-color: #326bd4;
    padding-top: 14px;
    padding-right: 16px;
    padding-bottom: 14px;
    padding-left: 16px;
    font-family: "Arimo";
    font-weight: 700;
    font-size: 24px;
    line-height: normal;
    white-space: nowrap;
    color: #ffffff;
}

.msp-cn-136-17 {
    font-family: "Arimo";
    font-weight: normal;
    font-size: 18px;
    text-align: left;
    line-height: 27px;
    white-space: nowrap;
    color: #ffffff;
}

.msp-cn-136-18 {
    font-family: "Arimo";
    font-weight: 700;
    font-size: 18px;
    line-height: normal;
    white-space: nowrap;
    color: #eaeaea;
}

/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url(fancybox_sprite.png);
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url(fancybox_loading.gif) center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url(blank.gif); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
    overflow: visible !important;
    width: auto;
}

.fancybox-lock body {
    overflow: hidden !important;
}

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: url(fancybox_overlay.png);
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){

	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
		background-image: url(fancybox_sprite@2x.png);
		background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
	}

	#fancybox-loading div {
		background-image: url(fancybox_loading@2x.gif);
		background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
	}
}
@charset "UTF-8";.video-js .vjs-big-play-button .vjs-icon-placeholder:before,.video-js .vjs-modal-dialog,.vjs-button>.vjs-icon-placeholder:before,.vjs-modal-dialog .vjs-modal-dialog-content{position:absolute;top:0;left:0;width:100%;height:100%}.video-js .vjs-big-play-button .vjs-icon-placeholder:before,.vjs-button>.vjs-icon-placeholder:before{text-align:center}@font-face{font-family:VideoJS;src:url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABDkAAsAAAAAG6gAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPgAAAFZRiV3hY21hcAAAAYQAAADaAAADPv749/pnbHlmAAACYAAAC3AAABHQZg6OcWhlYWQAAA3QAAAAKwAAADYZw251aGhlYQAADfwAAAAdAAAAJA+RCLFobXR4AAAOHAAAABMAAACM744AAGxvY2EAAA4wAAAASAAAAEhF6kqubWF4cAAADngAAAAfAAAAIAE0AIFuYW1lAAAOmAAAASUAAAIK1cf1oHBvc3QAAA/AAAABJAAAAdPExYuNeJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGS7wTiBgZWBgaWQ5RkDA8MvCM0cwxDOeI6BgYmBlZkBKwhIc01hcPjI+FGJHcRdyA4RZgQRADK3CxEAAHic7dFZbsMgAEXRS0ycyZnnOeG7y+qC8pU1dHusIOXxuoxaOlwZYWQB0Aea4quIEN4E9LzKbKjzDeM6H/mua6Lmc/p8yhg0lvdYx15ZG8uOLQOGjMp3EzqmzJizYMmKNRu27Nhz4MiJMxeu3Ljz4Ekqm7T8P52G8PP3lnTOVk++Z6iN6QZzNN1F7ptuN7eGOjDUoaGODHVsuvU8MdTO9Hd5aqgzQ50b6sJQl4a6MtS1oW4MdWuoO0PdG+rBUI+GejLUs6FeDPVqqDdDvRvqw1CfhpqM9At0iFLaAAB4nJ1YDXBTVRZ+5/22TUlJ8we0pHlJm7RJf5O8F2j6EymlSPkpxaL8U2xpa3DKj0CBhc2IW4eWKSokIoLsuMqssM64f+jA4HSdWXXXscBq67IOs3FXZ1ZYWVyRFdo899yXtIBQZ90k7717zz3v3HPPOfd854YCCj9cL9dL0RQFOqCbGJnrHb5EayiKIWN8iA/hWBblo6hUWm8TtCDwE80WMJus/irwyxOdxeB0MDb14VNJHnXYoLLSl6FfCUYO9nYPTA8Epg9090LprfbBbZ2hY0UlJUXHQp3/vtWkS6EBv8+rPMq5u9692f/dNxJNiqwC1xPE9TCUgCsSdQWgE3XQD25lkG4CN2xmTcOXWBOyser6RN6KnGbKSbmQ3+d0OI1m2W8QzLLkI2sykrWAgJJEtA8vGGW/2Q+CmT3n8zS9wZwu2DCvtuZKZN3xkrLh36yCZuUomQSqGpY8t/25VfHVhw8z4ebGBtfLb0ya9PCaDc+8dGTvk2dsh6z7WzvowlXKUSWo9MJ15a3KrEP2loOr2Ojhw6iW6hf2BDdEccQvZGpaAy7YovSwq8kr7HGllxpd71rkS6G0Sf11sl9OvMK1+jwPPODxjUwkOim9CU3ix1wNjXDfmJSEn618Bs6lpWwUpU+8PCqLMY650zjq8VhCIP17NEKTx3eaLL+s5Pi6yJWaWjTHLR1jYzPSV9VF/6Ojdb/1kO3Mk3uhHC0x6gc1BjlKQ+nQFxTYdaJkZ7ySVxLBbhR1dsboNXp1tCYKW2LRaEzpYcIx2BKNxaL0ZaUnSqfFoiNhHKR/GkX6PWUSAaJelQaqZL1EpoHNsajSEyPSoJ9IjhIxTdjHLmwZvhRDOiFTY/YeQnvrVZmiTQtGncECXtFTBZLOVwwMRgoXHAkXzMzPn1nAJJ8jYSbMDaqN2waGLzNhih/bZynUBMpIWSg7VYi7DRx2m8ALkIdRCJwI6ArJx2EI8kaDWeTQKeAFk9fjl/1AvwktjQ1P7NjyMGQyfd4vjipX6M/i52D7Cq80kqlcxEcGXRr/FEcgs0u5uGgB4VWuMFfpdn2Re6Hi3PqzmxWKsz6+ae2Pn9hXXw/fqM859UiGC0oKYYILJBqJrsn1Z1E5qOs9rQCiUQRREjm8yJcbHF5cUJufX1vAHlefw0XgUoboS3ETfQlTxBC4SOtuE8VPRJTBSCQSjZCpk7Gqzu+masaZ2y7Zjehho4F3g82BNDkAHpORG4+OCS+f6JTPmtRn/PH1kch6d04sp7AQb25aQ/pqUyXeQ8vrebG8OYQdXOQ+585u0sdW9rqalzRURiJ+9F4MweRFrKUjl1GUYhH1A27WOHw5cTFSFPMo9EeUIGnQTZHIaJ7AHLaOKsOODaNF9jkBjYG2QEsQ2xjMUAx2bBEbeTBWMHwskBjngq56S/yfgkBnWBa4K9sqKtq2t1UI8S9He5XuBRbawAdatrQEAi30Aks2+LM8WeCbalVZkWNylvJ+dqJnzVb+OHlSoKW8nPCP7Rd+CcZ2DdWAGqJ2CBFOphgywFFCFBNtfAbGtNPBCwxvygHeYMZMY9ZboBqwq/pVrsbgN5tkv152ODlbMfiqwGMBgxa4Exz3QhovRIUp6acqZmQzRq0ypDXS2TPLT02YIkQETnOE445oOGxOmXAqUJNNG7XgupMjPq2ua9asrj5yY/yuKteO1Kx0YNJTufrirLe1mZnat7OL6rnUdCWenpW6I8mAnbsY8KWs1PuSovCW9A/Z25PQ24a7cNOqgmTkLmBMgh4THgc4b9k2IVv1/g/F5nGljwPLfOgHAzJzh45V/4+WenTzmMtR5Z7us2Tys909UHqrPY7KbckoxRvRHhmVc3cJGE97uml0R1S0jdULVl7EvZtDFVBF35N9cEdjpgmAiOlFZ+Dtoh93+D3zzHr8RRNZQhnCNMNbcegOvpEwZoL+06cJQ07h+th3fZ/7PVbVC6ngTAV/KoLFuO6+2KFcU651gEb5ugPSIb1D+Xp8V4+k3sEIGnw5mYe4If4k1lFYr6SCzmM2EQ8iWtmwjnBI9kTwe1TlfAmXh7H02by9fW2gsjKwtv0aaURKil4OdV7rDL1MXIFNrhdxohcZXYTnq47WisrKitaObbf5+yvkLi5J6lCNZZ+B6GC38VNBZBDidSS/+mSvh6s+srgC8pyKMvDtt+de3c9fU76ZPfuM8ud4Kv0fyP/LqfepMT/3oZxSqpZaTa1DaQYLY8TFsHYbWYsPoRhRWfL5eSSQbhUGgGC3YLbVMk6PitTFNGpAsNrC6D1VNBKgBHMejaiuRWEWGgsSDBTJjqWIl8kJLlsaLJ2tXDr6xGfT85bM2Q06a46x2HTgvdnV8z5YDy/27J4zt6x2VtkzjoYpkq36kaBr4eQSg7tyiVweWubXZugtadl58ydapfbORfKsDTuZ0OBgx4cfdjCf5tbWNITnL120fdOi1RV1C3uKGzNdwYLcMvZ3BxoPyTOCD1XvXTp7U10gWCVmTV9b3r2z0SkGWovb2hp9I89O8a2smlyaO8muMU+dRmtzp60IzAoFpjLr1n388boLyf0dRvxhsHZ0qbWqDkwqvvpkj4l0fY6EIXRi5sQSrAvsVYwXRy4qJ2EVtD1AN7a0HWth9ymvL1xc3WTUKK/TAHA/bXDVtVWfOMfuGxGZv4Ln/jVr9jc3j1yMv0tndmyt9Vq88Y9gH1wtLX3KWjot5++jWHgAoZZkQ14wGQ20Fli71UmKJAy4xKMSTGbVdybW7FDDAut9XpD5AzWrYO7zQ8qffqF8+Ynd/clrHcdyxGy3a/3+mfNnzC/cBsveTjnTvXf1o6vzOlZw7WtqtdmPK/Errz/6NNtD72zmNOZfbmYdTGHfoofqI79Oc+R2n1lrnL6pOm0Up7kwxhTW12Amm7WYkXR2qYrF2AmgmbAsxZjwy1xpg/m1Je2vrp8v/nz2xpmlBg4E9hrMU341wVpTOh/OfmGvAnra8q6uctr60ZQHV3Q+WMQJykMj8ZsWn2QBOmmHMB+m5pDIpTFonYigiaKAhGEiAHF7EliVnQkjoLVIMPtJpBKHYd3A8GYH9jJzrWwmHx5Qjp7vDAX0suGRym1vtm/9W1/HyR8vczfMs6Sk8DSv855/5dlX9oQq52hT8syyp2rx5Id17IAyAM3wIjQPMOHzytEB64q6D5zT91yNbnx3V/nqnd017S9Y0605k3izoXLpsxde2n38yoOV9s1LcjwzNjbdX6asnBVaBj/6/DwKwPkpcqbDG7BnsXoSqWnUAmottYF6jMSdVyYZh3zVXCjwTiwwHH6sGuRiEHQGzuRX6whZkp123oy1BWE2mEfJ/tvIRtM4ZM5bDXiMsPMaAKOTyc5uL57rqyyc5y5JE5pm1i2S2iUX0CcaQ6lC6Zog7JqSqZmYlosl2K6pwNA84zRnQW6SaALYZQGW5lhCtU/W34N6o+bKfZ8cf3/Cl/+iTX3wBzpOY4mRkeNf3rptycGSshQWgGbYt5jFc2e0+DglIrwl6DVWQ7BuwaJ3Xk1J4VL5urnLl/Wf+gHU/hZoZdKNym6lG+I34FaNeZKcSpJIo2IeCVvpdsDGfKvzJnAwmeD37Ow65ZWwSowpgwX5T69s/rB55dP5BcpgDKFV8p7q2sn/1uc93bVzT/w6UrCqDTWvfCq/oCD/qZXNoUj8BL5Kp6GU017frfNXkAtiiyf/SOCEeLqnd8R/Ql9GlCRfctS6k5chvIBuQ1zCCjoCHL2DHNHIXxMJ3kQeO8lbsUXONeSfA5EjcG6/E+KdhN4bP04vBhdi883+BFBzQbxFbvZzQeY9LNBZc0FNfn5NwfDn6rCTnTw6R8o+gfpf5hCom33cRuiTlss3KHmZjD+BPN+5gXuA2ziS/Q73mLxUkpbKN/eqwz5uK0X9F3h2d1V4nGNgZGBgAOJd776+iue3+crAzc4AAje5Bfcg0xz9YHEOBiYQBQA8FQlFAHicY2BkYGBnAAGOPgaG//85+hkYGVCBMgBGGwNYAAAAeJxjYGBgYB8EmKOPgQEAQ04BfgAAAAAAAA4AaAB+AMwA4AECAUIBbAGYAcICGAJYArQC4AMwA7AD3gQwBJYE3AUkBWYFigYgBmYGtAbqB1gIEghYCG4IhAi2COh4nGNgZGBgUGYoZWBnAAEmIOYCQgaG/2A+AwAYCQG2AHicXZBNaoNAGIZfE5PQCKFQ2lUps2oXBfOzzAESyDKBQJdGR2NQR3QSSE/QE/QEPUUPUHqsvsrXjTMw83zPvPMNCuAWP3DQDAejdm1GjzwS7pMmwi75XngAD4/CQ/oX4TFe4Qt7uMMbOzjuDc0EmXCP/C7cJ38Iu+RP4QEe8CU8pP8WHmOPX2EPz87TPo202ey2OjlnQSXV/6arOjWFmvszMWtd6CqwOlKHq6ovycLaWMWVydXKFFZnmVFlZU46tP7R2nI5ncbi/dDkfDtFBA2DDXbYkhKc+V0Bqs5Zt9JM1HQGBRTm/EezTmZNKtpcAMs9Yu6AK9caF76zoLWIWcfMGOSkVduvSWechqZsz040Ib2PY3urxBJTzriT95lipz+TN1fmAAAAeJxtkMl2wjAMRfOAhABlKm2h80C3+ajgCKKDY6cegP59TYBzukAL+z1Zsq8ctaJTTKPrsUQLbXQQI0EXKXroY4AbDDHCGBNMcYsZ7nCPB8yxwCOe8IwXvOIN7/jAJ76wxHfUqWX+OzgumWAjJMV17i0Ndlr6irLKO+qftdT7i6y4uFSUvCknay+lFYZIZaQcmfH/xIFdYn98bqhra1aKTM/6lWMnyaYirx1rFUQZFBkb2zJUtoXeJCeg0WnLtHeSFc3OtrnozNwqi0TkSpBMDB1nSde5oJXW23hTS2/T0LilglXX7dmFVxLnq5U0vYATHFk3zX3BOisoQHNDFDeZnqKDy9hRNawN7Vh727hFzcJ5c8TILrKZfH7tIPxAFP0BpLeJPA==) format("woff");font-weight:400;font-style:normal}.video-js .vjs-big-play-button .vjs-icon-placeholder:before,.video-js .vjs-play-control .vjs-icon-placeholder,.vjs-icon-play{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-big-play-button .vjs-icon-placeholder:before,.video-js .vjs-play-control .vjs-icon-placeholder:before,.vjs-icon-play:before{content:"\f101"}.vjs-icon-play-circle{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-play-circle:before{content:"\f102"}.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder,.vjs-icon-pause{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before,.vjs-icon-pause:before{content:"\f103"}.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder,.vjs-icon-volume-mute{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before,.vjs-icon-volume-mute:before{content:"\f104"}.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder,.vjs-icon-volume-low{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before,.vjs-icon-volume-low:before{content:"\f105"}.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder,.vjs-icon-volume-mid{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before,.vjs-icon-volume-mid:before{content:"\f106"}.video-js .vjs-mute-control .vjs-icon-placeholder,.vjs-icon-volume-high{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-mute-control .vjs-icon-placeholder:before,.vjs-icon-volume-high:before{content:"\f107"}.video-js .vjs-fullscreen-control .vjs-icon-placeholder,.vjs-icon-fullscreen-enter{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-fullscreen-control .vjs-icon-placeholder:before,.vjs-icon-fullscreen-enter:before{content:"\f108"}.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder,.vjs-icon-fullscreen-exit{font-family:VideoJS;font-weight:400;font-style:normal}.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before,.vjs-icon-fullscreen-exit:before{content:"\f109"}.vjs-icon-square{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-square:before{content:"\f10a"}.vjs-icon-spinner{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-spinner:before{content:"\f10b"}.video-js .vjs-subs-caps-button .vjs-icon-placeholder,.video-js .vjs-subtitles-button .vjs-icon-placeholder,.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder,.vjs-icon-subtitles{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js .vjs-subtitles-button .vjs-icon-placeholder:before,.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before,.vjs-icon-subtitles:before{content:"\f10c"}.video-js .vjs-captions-button .vjs-icon-placeholder,.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder,.vjs-icon-captions{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-captions-button .vjs-icon-placeholder:before,.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before,.vjs-icon-captions:before{content:"\f10d"}.video-js .vjs-chapters-button .vjs-icon-placeholder,.vjs-icon-chapters{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-chapters-button .vjs-icon-placeholder:before,.vjs-icon-chapters:before{content:"\f10e"}.vjs-icon-share{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-share:before{content:"\f10f"}.vjs-icon-cog{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-cog:before{content:"\f110"}.video-js .vjs-play-progress,.video-js .vjs-volume-level,.vjs-icon-circle,.vjs-seek-to-live-control .vjs-icon-placeholder{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-play-progress:before,.video-js .vjs-volume-level:before,.vjs-icon-circle:before,.vjs-seek-to-live-control .vjs-icon-placeholder:before{content:"\f111"}.vjs-icon-circle-outline{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-circle-outline:before{content:"\f112"}.vjs-icon-circle-inner-circle{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-circle-inner-circle:before{content:"\f113"}.vjs-icon-hd{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-hd:before{content:"\f114"}.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder,.vjs-icon-cancel{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before,.vjs-icon-cancel:before{content:"\f115"}.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder,.vjs-icon-replay{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before,.vjs-icon-replay:before{content:"\f116"}.vjs-icon-facebook{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-facebook:before{content:"\f117"}.vjs-icon-gplus{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-gplus:before{content:"\f118"}.vjs-icon-linkedin{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-linkedin:before{content:"\f119"}.vjs-icon-twitter{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-twitter:before{content:"\f11a"}.vjs-icon-tumblr{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-tumblr:before{content:"\f11b"}.vjs-icon-pinterest{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-pinterest:before{content:"\f11c"}.video-js .vjs-descriptions-button .vjs-icon-placeholder,.vjs-icon-audio-description{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-descriptions-button .vjs-icon-placeholder:before,.vjs-icon-audio-description:before{content:"\f11d"}.video-js .vjs-audio-button .vjs-icon-placeholder,.vjs-icon-audio{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-audio-button .vjs-icon-placeholder:before,.vjs-icon-audio:before{content:"\f11e"}.vjs-icon-next-item{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-next-item:before{content:"\f11f"}.vjs-icon-previous-item{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-previous-item:before{content:"\f120"}.video-js .vjs-picture-in-picture-control .vjs-icon-placeholder,.vjs-icon-picture-in-picture-enter{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-picture-in-picture-control .vjs-icon-placeholder:before,.vjs-icon-picture-in-picture-enter:before{content:"\f121"}.video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder,.vjs-icon-picture-in-picture-exit{font-family:VideoJS;font-weight:400;font-style:normal}.video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder:before,.vjs-icon-picture-in-picture-exit:before{content:"\f122"}.video-js{display:block;vertical-align:top;box-sizing:border-box;color:#fff;background-color:#000;position:relative;padding:0;font-size:10px;line-height:1;font-weight:400;font-style:normal;font-family:Arial,Helvetica,sans-serif;word-break:initial}.video-js:-moz-full-screen{position:absolute}.video-js:-webkit-full-screen{width:100%!important;height:100%!important}.video-js[tabindex="-1"]{outline:0}.video-js *,.video-js :after,.video-js :before{box-sizing:inherit}.video-js ul{font-family:inherit;font-size:inherit;line-height:inherit;list-style-position:outside;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}.video-js.vjs-16-9,.video-js.vjs-4-3,.video-js.vjs-fluid{width:100%;max-width:100%;height:0}.video-js.vjs-16-9{padding-top:56.25%}.video-js.vjs-4-3{padding-top:75%}.video-js.vjs-fill{width:100%;height:100%}.video-js .vjs-tech{position:absolute;top:0;left:0;width:100%;height:100%}body.vjs-full-window{padding:0;margin:0;height:100%}.vjs-full-window .video-js.vjs-fullscreen{position:fixed;overflow:hidden;z-index:1000;left:0;top:0;bottom:0;right:0}.video-js.vjs-fullscreen{width:100%!important;height:100%!important;padding-top:0!important}.video-js.vjs-fullscreen.vjs-user-inactive{cursor:none}.vjs-hidden{display:none!important}.vjs-disabled{opacity:.5;cursor:default}.video-js .vjs-offscreen{height:1px;left:-9999px;position:absolute;top:0;width:1px}.vjs-lock-showing{display:block!important;opacity:1;visibility:visible}.vjs-no-js{padding:20px;color:#fff;background-color:#000;font-size:18px;font-family:Arial,Helvetica,sans-serif;text-align:center;width:300px;height:150px;margin:0 auto}.vjs-no-js a,.vjs-no-js a:visited{color:#66a8cc}.video-js .vjs-big-play-button{font-size:3em;line-height:1.5em;height:1.63332em;width:3em;display:block;position:absolute;top:10px;left:10px;padding:0;cursor:pointer;opacity:1;border:.06666em solid #fff;background-color:#2b333f;background-color:rgba(43,51,63,.7);border-radius:.3em;transition:all .4s}.vjs-big-play-centered .vjs-big-play-button{top:50%;left:50%;margin-top:-.81666em;margin-left:-1.5em}.video-js .vjs-big-play-button:focus,.video-js:hover .vjs-big-play-button{border-color:#fff;background-color:#73859f;background-color:rgba(115,133,159,.5);transition:all 0s}.vjs-controls-disabled .vjs-big-play-button,.vjs-error .vjs-big-play-button,.vjs-has-started .vjs-big-play-button,.vjs-using-native-controls .vjs-big-play-button{display:none}.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button{display:block}.video-js button{background:0 0;border:none;color:inherit;display:inline-block;font-size:inherit;line-height:inherit;text-transform:none;text-decoration:none;transition:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.vjs-control .vjs-button{width:100%;height:100%}.video-js .vjs-control.vjs-close-button{cursor:pointer;height:3em;position:absolute;right:0;top:.5em;z-index:2}.video-js .vjs-modal-dialog{background:rgba(0,0,0,.8);background:linear-gradient(180deg,rgba(0,0,0,.8),rgba(255,255,255,0));overflow:auto}.video-js .vjs-modal-dialog>*{box-sizing:border-box}.vjs-modal-dialog .vjs-modal-dialog-content{font-size:1.2em;line-height:1.5;padding:20px 24px;z-index:1}.vjs-menu-button{cursor:pointer}.vjs-menu-button.vjs-disabled{cursor:default}.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu{display:none}.vjs-menu .vjs-menu-content{display:block;padding:0;margin:0;font-family:Arial,Helvetica,sans-serif;overflow:auto}.vjs-menu .vjs-menu-content>*{box-sizing:border-box}.vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu{display:none}.vjs-menu li{list-style:none;margin:0;padding:.2em 0;line-height:1.4em;font-size:1.2em;text-align:center;text-transform:lowercase}.js-focus-visible .vjs-menu li.vjs-menu-item:hover,.vjs-menu li.vjs-menu-item:focus,.vjs-menu li.vjs-menu-item:hover{background-color:#73859f;background-color:rgba(115,133,159,.5)}.js-focus-visible .vjs-menu li.vjs-selected:hover,.vjs-menu li.vjs-selected,.vjs-menu li.vjs-selected:focus,.vjs-menu li.vjs-selected:hover{background-color:#fff;color:#2b333f}.vjs-menu li.vjs-menu-title{text-align:center;text-transform:uppercase;font-size:1em;line-height:2em;padding:0;margin:0 0 .3em 0;font-weight:700;cursor:default}.vjs-menu-button-popup .vjs-menu{display:none;position:absolute;bottom:0;width:10em;left:-3em;height:0;margin-bottom:1.5em;border-top-color:rgba(43,51,63,.7)}.vjs-menu-button-popup .vjs-menu .vjs-menu-content{background-color:#2b333f;background-color:rgba(43,51,63,.7);position:absolute;width:100%;bottom:1.5em;max-height:15em}.vjs-layout-tiny .vjs-menu-button-popup .vjs-menu .vjs-menu-content,.vjs-layout-x-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content{max-height:5em}.vjs-layout-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content{max-height:10em}.vjs-layout-medium .vjs-menu-button-popup .vjs-menu .vjs-menu-content{max-height:14em}.vjs-layout-huge .vjs-menu-button-popup .vjs-menu .vjs-menu-content,.vjs-layout-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,.vjs-layout-x-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content{max-height:25em}.vjs-menu-button-popup .vjs-menu.vjs-lock-showing,.vjs-workinghover .vjs-menu-button-popup.vjs-hover .vjs-menu{display:block}.video-js .vjs-menu-button-inline{transition:all .4s;overflow:hidden}.video-js .vjs-menu-button-inline:before{width:2.222222222em}.video-js .vjs-menu-button-inline.vjs-slider-active,.video-js .vjs-menu-button-inline:focus,.video-js .vjs-menu-button-inline:hover,.video-js.vjs-no-flex .vjs-menu-button-inline{width:12em}.vjs-menu-button-inline .vjs-menu{opacity:0;height:100%;width:auto;position:absolute;left:4em;top:0;padding:0;margin:0;transition:all .4s}.vjs-menu-button-inline.vjs-slider-active .vjs-menu,.vjs-menu-button-inline:focus .vjs-menu,.vjs-menu-button-inline:hover .vjs-menu{display:block;opacity:1}.vjs-no-flex .vjs-menu-button-inline .vjs-menu{display:block;opacity:1;position:relative;width:auto}.vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu,.vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,.vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu{width:auto}.vjs-menu-button-inline .vjs-menu-content{width:auto;height:100%;margin:0;overflow:hidden}.video-js .vjs-control-bar{display:none;width:100%;position:absolute;bottom:0;left:0;right:0;height:3em;background-color:#2b333f;background-color:rgba(43,51,63,.7)}.vjs-has-started .vjs-control-bar{display:flex;visibility:visible;opacity:1;transition:visibility .1s,opacity .1s}.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar{visibility:visible;opacity:0;transition:visibility 1s,opacity 1s}.vjs-controls-disabled .vjs-control-bar,.vjs-error .vjs-control-bar,.vjs-using-native-controls .vjs-control-bar{display:none!important}.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar{opacity:1;visibility:visible}.vjs-has-started.vjs-no-flex .vjs-control-bar{display:table}.video-js .vjs-control{position:relative;text-align:center;margin:0;padding:0;height:100%;width:4em;flex:none}.vjs-button>.vjs-icon-placeholder:before{font-size:1.8em;line-height:1.67}.video-js .vjs-control:focus,.video-js .vjs-control:focus:before,.video-js .vjs-control:hover:before{text-shadow:0 0 1em #fff}.video-js .vjs-control-text{border:0;clip:rect(0 0 0 0);height:1px;overflow:hidden;padding:0;position:absolute;width:1px}.vjs-no-flex .vjs-control{display:table-cell;vertical-align:middle}.video-js .vjs-custom-control-spacer{display:none}.video-js .vjs-progress-control{cursor:pointer;flex:auto;display:flex;align-items:center;min-width:4em;touch-action:none}.video-js .vjs-progress-control.disabled{cursor:default}.vjs-live .vjs-progress-control{display:none}.vjs-liveui .vjs-progress-control{display:flex;align-items:center}.vjs-no-flex .vjs-progress-control{width:auto}.video-js .vjs-progress-holder{flex:auto;transition:all .2s;height:.3em}.video-js .vjs-progress-control .vjs-progress-holder{margin:0 10px}.video-js .vjs-progress-control:hover .vjs-progress-holder{font-size:1.6666666667em}.video-js .vjs-progress-control:hover .vjs-progress-holder.disabled{font-size:1em}.video-js .vjs-progress-holder .vjs-load-progress,.video-js .vjs-progress-holder .vjs-load-progress div,.video-js .vjs-progress-holder .vjs-play-progress{position:absolute;display:block;height:100%;margin:0;padding:0;width:0}.video-js .vjs-play-progress{background-color:#fff}.video-js .vjs-play-progress:before{font-size:.9em;position:absolute;right:-.5em;top:-.3333333333em;z-index:1}.video-js .vjs-load-progress{background:rgba(115,133,159,.5)}.video-js .vjs-load-progress div{background:rgba(115,133,159,.75)}.video-js .vjs-time-tooltip{background-color:#fff;background-color:rgba(255,255,255,.8);border-radius:.3em;color:#000;float:right;font-family:Arial,Helvetica,sans-serif;font-size:1em;padding:6px 8px 8px 8px;pointer-events:none;position:absolute;top:-3.4em;visibility:hidden;z-index:1}.video-js .vjs-progress-holder:focus .vjs-time-tooltip{display:none}.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip,.video-js .vjs-progress-control:hover .vjs-time-tooltip{display:block;font-size:.6em;visibility:visible}.video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip{font-size:1em}.video-js .vjs-progress-control .vjs-mouse-display{display:none;position:absolute;width:1px;height:100%;background-color:#000;z-index:1}.vjs-no-flex .vjs-progress-control .vjs-mouse-display{z-index:0}.video-js .vjs-progress-control:hover .vjs-mouse-display{display:block}.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display{visibility:hidden;opacity:0;transition:visibility 1s,opacity 1s}.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display{display:none}.vjs-mouse-display .vjs-time-tooltip{color:#fff;background-color:#000;background-color:rgba(0,0,0,.8)}.video-js .vjs-slider{position:relative;cursor:pointer;padding:0;margin:0 .45em 0 .45em;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:#73859f;background-color:rgba(115,133,159,.5)}.video-js .vjs-slider.disabled{cursor:default}.video-js .vjs-slider:focus{text-shadow:0 0 1em #fff;box-shadow:0 0 1em #fff}.video-js .vjs-mute-control{cursor:pointer;flex:none}.video-js .vjs-volume-control{cursor:pointer;margin-right:1em;display:flex}.video-js .vjs-volume-control.vjs-volume-horizontal{width:5em}.video-js .vjs-volume-panel .vjs-volume-control{visibility:visible;opacity:0;width:1px;height:1px;margin-left:-1px}.video-js .vjs-volume-panel{transition:width 1s}.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active,.video-js .vjs-volume-panel .vjs-volume-control:active,.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control~.vjs-volume-control,.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control,.video-js .vjs-volume-panel:active .vjs-volume-control,.video-js .vjs-volume-panel:focus .vjs-volume-control{visibility:visible;opacity:1;position:relative;transition:visibility .1s,opacity .1s,height .1s,width .1s,left 0s,top 0s}.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal,.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal,.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control~.vjs-volume-control.vjs-volume-horizontal,.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal,.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal{width:5em;height:3em;margin-right:0}.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical,.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical,.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control~.vjs-volume-control.vjs-volume-vertical,.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-vertical,.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical,.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical{left:-3.5em;transition:left 0s}.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,.video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active{width:10em;transition:width .1s}.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only{width:4em}.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical{height:8em;width:3em;left:-3000em;transition:visibility 1s,opacity 1s,height 1s 1s,width 1s 1s,left 1s 1s,top 1s 1s}.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal{transition:visibility 1s,opacity 1s,height 1s 1s,width 1s,left 1s 1s,top 1s 1s}.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal{width:5em;height:3em;visibility:visible;opacity:1;position:relative;transition:none}.video-js.vjs-no-flex .vjs-volume-control.vjs-volume-vertical,.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical{position:absolute;bottom:3em;left:.5em}.video-js .vjs-volume-panel{display:flex}.video-js .vjs-volume-bar{margin:1.35em .45em}.vjs-volume-bar.vjs-slider-horizontal{width:5em;height:.3em}.vjs-volume-bar.vjs-slider-vertical{width:.3em;height:5em;margin:1.35em auto}.video-js .vjs-volume-level{position:absolute;bottom:0;left:0;background-color:#fff}.video-js .vjs-volume-level:before{position:absolute;font-size:.9em}.vjs-slider-vertical .vjs-volume-level{width:.3em}.vjs-slider-vertical .vjs-volume-level:before{top:-.5em;left:-.3em}.vjs-slider-horizontal .vjs-volume-level{height:.3em}.vjs-slider-horizontal .vjs-volume-level:before{top:-.3em;right:-.5em}.video-js .vjs-volume-panel.vjs-volume-panel-vertical{width:4em}.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level{height:100%}.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level{width:100%}.video-js .vjs-volume-vertical{width:3em;height:8em;bottom:8em;background-color:#2b333f;background-color:rgba(43,51,63,.7)}.video-js .vjs-volume-horizontal .vjs-menu{left:-2em}.vjs-poster{display:inline-block;vertical-align:middle;background-repeat:no-repeat;background-position:50% 50%;background-size:contain;background-color:#000;cursor:pointer;margin:0;padding:0;position:absolute;top:0;right:0;bottom:0;left:0;height:100%}.vjs-has-started .vjs-poster{display:none}.vjs-audio.vjs-has-started .vjs-poster{display:block}.vjs-using-native-controls .vjs-poster{display:none}.video-js .vjs-live-control{display:flex;align-items:flex-start;flex:auto;font-size:1em;line-height:3em}.vjs-no-flex .vjs-live-control{display:table-cell;width:auto;text-align:left}.video-js.vjs-liveui .vjs-live-control,.video-js:not(.vjs-live) .vjs-live-control{display:none}.video-js .vjs-seek-to-live-control{cursor:pointer;flex:none;display:inline-flex;height:100%;padding-left:.5em;padding-right:.5em;font-size:1em;line-height:3em;width:auto;min-width:4em}.vjs-no-flex .vjs-seek-to-live-control{display:table-cell;width:auto;text-align:left}.video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control,.video-js:not(.vjs-live) .vjs-seek-to-live-control{display:none}.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge{cursor:auto}.vjs-seek-to-live-control .vjs-icon-placeholder{margin-right:.5em;color:#888}.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder{color:red}.video-js .vjs-time-control{flex:none;font-size:1em;line-height:3em;min-width:2em;width:auto;padding-left:1em;padding-right:1em}.vjs-live .vjs-time-control{display:none}.video-js .vjs-current-time,.vjs-no-flex .vjs-current-time{display:none}.video-js .vjs-duration,.vjs-no-flex .vjs-duration{display:none}.vjs-time-divider{display:none;line-height:3em}.vjs-live .vjs-time-divider{display:none}.video-js .vjs-play-control{cursor:pointer}.video-js .vjs-play-control .vjs-icon-placeholder{flex:none}.vjs-text-track-display{position:absolute;bottom:3em;left:0;right:0;top:0;pointer-events:none}.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display{bottom:1em}.video-js .vjs-text-track{font-size:1.4em;text-align:center;margin-bottom:.1em}.vjs-subtitles{color:#fff}.vjs-captions{color:#fc6}.vjs-tt-cue{display:block}video::-webkit-media-text-track-display{transform:translateY(-3em)}.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display{transform:translateY(-1.5em)}.video-js .vjs-picture-in-picture-control{cursor:pointer;flex:none}.video-js .vjs-fullscreen-control{cursor:pointer;flex:none}.vjs-playback-rate .vjs-playback-rate-value,.vjs-playback-rate>.vjs-menu-button{position:absolute;top:0;left:0;width:100%;height:100%}.vjs-playback-rate .vjs-playback-rate-value{pointer-events:none;font-size:1.5em;line-height:2;text-align:center}.vjs-playback-rate .vjs-menu{width:4em;left:0}.vjs-error .vjs-error-display .vjs-modal-dialog-content{font-size:1.4em;text-align:center}.vjs-error .vjs-error-display:before{color:#fff;content:"X";font-family:Arial,Helvetica,sans-serif;font-size:4em;left:0;line-height:1;margin-top:-.5em;position:absolute;text-shadow:.05em .05em .1em #000;text-align:center;top:50%;vertical-align:middle;width:100%}.vjs-loading-spinner{display:none;position:absolute;top:50%;left:50%;margin:-25px 0 0 -25px;opacity:.85;text-align:left;border:6px solid rgba(43,51,63,.7);box-sizing:border-box;background-clip:padding-box;width:50px;height:50px;border-radius:25px;visibility:hidden}.vjs-seeking .vjs-loading-spinner,.vjs-waiting .vjs-loading-spinner{display:block;-webkit-animation:vjs-spinner-show 0s linear .3s forwards;animation:vjs-spinner-show 0s linear .3s forwards}.vjs-loading-spinner:after,.vjs-loading-spinner:before{content:"";position:absolute;margin:-6px;box-sizing:inherit;width:inherit;height:inherit;border-radius:inherit;opacity:1;border:inherit;border-color:transparent;border-top-color:#fff}.vjs-seeking .vjs-loading-spinner:after,.vjs-seeking .vjs-loading-spinner:before,.vjs-waiting .vjs-loading-spinner:after,.vjs-waiting .vjs-loading-spinner:before{-webkit-animation:vjs-spinner-spin 1.1s cubic-bezier(.6,.2,0,.8) infinite,vjs-spinner-fade 1.1s linear infinite;animation:vjs-spinner-spin 1.1s cubic-bezier(.6,.2,0,.8) infinite,vjs-spinner-fade 1.1s linear infinite}.vjs-seeking .vjs-loading-spinner:before,.vjs-waiting .vjs-loading-spinner:before{border-top-color:#fff}.vjs-seeking .vjs-loading-spinner:after,.vjs-waiting .vjs-loading-spinner:after{border-top-color:#fff;-webkit-animation-delay:.44s;animation-delay:.44s}@keyframes vjs-spinner-show{to{visibility:visible}}@-webkit-keyframes vjs-spinner-show{to{visibility:visible}}@keyframes vjs-spinner-spin{100%{transform:rotate(360deg)}}@-webkit-keyframes vjs-spinner-spin{100%{-webkit-transform:rotate(360deg)}}@keyframes vjs-spinner-fade{0%{border-top-color:#73859f}20%{border-top-color:#73859f}35%{border-top-color:#fff}60%{border-top-color:#73859f}100%{border-top-color:#73859f}}@-webkit-keyframes vjs-spinner-fade{0%{border-top-color:#73859f}20%{border-top-color:#73859f}35%{border-top-color:#fff}60%{border-top-color:#73859f}100%{border-top-color:#73859f}}.vjs-chapters-button .vjs-menu ul{width:24em}.video-js .vjs-subs-caps-button+.vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder{vertical-align:middle;display:inline-block;margin-bottom:-.1em}.video-js .vjs-subs-caps-button+.vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before{font-family:VideoJS;content:"";font-size:1.5em;line-height:inherit}.video-js .vjs-audio-button+.vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder{vertical-align:middle;display:inline-block;margin-bottom:-.1em}.video-js .vjs-audio-button+.vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before{font-family:VideoJS;content:" ";font-size:1.5em;line-height:inherit}.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-audio-button,.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-captions-button,.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-chapters-button,.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-current-time,.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-descriptions-button,.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-duration,.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-playback-rate,.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-remaining-time,.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-subtitles-button,.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-time-divider,.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-control,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-audio-button,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-captions-button,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-chapters-button,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-current-time,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-descriptions-button,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-duration,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-playback-rate,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-remaining-time,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-subtitles-button,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-time-divider,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-control,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-audio-button,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-captions-button,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-chapters-button,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-current-time,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-descriptions-button,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-duration,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-playback-rate,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-remaining-time,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-subtitles-button,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-time-divider,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-control{display:none}.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:active,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:hover,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover{width:auto;width:initial}.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-subs-caps-button,.video-js:not(.vjs-fullscreen).vjs-layout-x-small:not(.vjs-live) .vjs-subs-caps-button,.video-js:not(.vjs-fullscreen).vjs-layout-x-small:not(.vjs-liveui) .vjs-subs-caps-button{display:none}.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-custom-control-spacer,.video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui .vjs-custom-control-spacer{flex:auto;display:block}.video-js:not(.vjs-fullscreen).vjs-layout-tiny.vjs-no-flex .vjs-custom-control-spacer,.video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui.vjs-no-flex .vjs-custom-control-spacer{width:auto}.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-progress-control,.video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui .vjs-progress-control{display:none}.vjs-modal-dialog.vjs-text-track-settings{background-color:#2b333f;background-color:rgba(43,51,63,.75);color:#fff;height:70%}.vjs-text-track-settings .vjs-modal-dialog-content{display:table}.vjs-text-track-settings .vjs-track-settings-colors,.vjs-text-track-settings .vjs-track-settings-controls,.vjs-text-track-settings .vjs-track-settings-font{display:table-cell}.vjs-text-track-settings .vjs-track-settings-controls{text-align:right;vertical-align:bottom}@supports (display:grid){.vjs-text-track-settings .vjs-modal-dialog-content{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr;padding:20px 24px 0 24px}.vjs-track-settings-controls .vjs-default-button{margin-bottom:20px}.vjs-text-track-settings .vjs-track-settings-controls{grid-column:1/-1}.vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content,.vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content,.vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content{grid-template-columns:1fr}}.vjs-track-setting>select{margin-right:1em;margin-bottom:.5em}.vjs-text-track-settings fieldset{margin:5px;padding:3px;border:none}.vjs-text-track-settings fieldset span{display:inline-block}.vjs-text-track-settings fieldset span>select{max-width:7.3em}.vjs-text-track-settings legend{color:#fff;margin:0 0 5px 0}.vjs-text-track-settings .vjs-label{position:absolute;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);display:block;margin:0 0 5px 0;padding:0;border:0;height:1px;width:1px;overflow:hidden}.vjs-track-settings-controls button:active,.vjs-track-settings-controls button:focus{outline-style:solid;outline-width:medium;background-image:linear-gradient(0deg,#fff 88%,#73859f 100%)}.vjs-track-settings-controls button:hover{color:rgba(43,51,63,.75)}.vjs-track-settings-controls button{background-color:#fff;background-image:linear-gradient(-180deg,#fff 88%,#73859f 100%);color:#2b333f;cursor:pointer;border-radius:2px}.vjs-track-settings-controls .vjs-default-button{margin-right:1em}@media print{.video-js>:not(.vjs-tech):not(.vjs-poster){visibility:hidden}}.vjs-resize-manager{position:absolute;top:0;left:0;width:100%;height:100%;border:none;z-index:-1000}.js-focus-visible .video-js :focus:not(.focus-visible){outline:0;background:0 0}.video-js .vjs-menu :focus:not(:focus-visible),.video-js :focus:not(:focus-visible){outline:0;background:0 0}

* {
    margin: 0px;
    padding: 0px;
    border: none;
    outline: none;
    font-size: 100%;
}

html,
body {
    height: 100%;
}

body {
    color: #2f2d2d;
    font-size: 15px;
    line-height: 25px;
    font-weight: 400;
    /* font-family: 'Rubik', sans-serif; */
}

button:focus {
    outline: none;
}

button {
    cursor: pointer;
    border: none;
    background: transparent;
    padding: 0;
}

h1, h2, h3, h4, h5, h6 {
    color: #3a3a3a;
    font-weight: 700;
    margin: 0;
}

h3 {
    color: #27282c;
    font-size: 20px;
    line-height: 26px;
}

h4 {
}

a,
a:hover,
a:active,
a:focus {
    text-decoration: none;
    outline: none;
    border: none;
}



@media (min-width: 1200px) {
    .container {
        max-width: 1200px;
    }
}

.fix {
    position: relative;
    display: block;
    overflow: hidden;
}

img {
    max-width: 100%;
    height: auto;
}

i {
    font-style: normal;
}

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

ol,
li {
    margin: 0;
    padding: 0;
}

.clr1 {
    color: #f36727;
}

.bgclr1 {
    background: #f36727;
}



.secpd1 {
    padding: 100px 0;
}

.secpd2 {
    padding: 100px 0 60px;
}

.secpd3 {
    padding: 100px 0 70px;
}



.btn-one {
    position: relative;
    display: inline-block;
    background: #e9212e;
    color: #ffffff;
    font-size: 14px;
    line-height: 60px;
    font-weight: 500;
    text-transform: capitalize;
    font-family: 'Rubik', sans-serif;
    padding: 0 30px 0;
    transition: all 500ms ease;
}

    .btn-one img {
        position: relative;
        display: inline-block;
        padding-left: 10px;
        width: auto;
    }

    .btn-one span:before {
        font-size: 20px;
        line-height: 14px;
        display: inline-block;
        padding-left: 10px;
        position: relative;
        top: 3px;
    }

    .btn-one:hover {
        color: #ffffff;
        background: #130276;
    }


.btn-two {
    color: #e9212e;
    font-size: 15px;
    line-height: 20px;
    font-weight: 500;
    text-transform: capitalize;
    font-family: 'Rubik', sans-serif;
    transition: all 500ms ease;
}

    .btn-two span:before {
        position: relative;
        top: 5px;
        font-size: 26px;
        line-height: 14px;
        display: inline-block;
        padding-left: 10px;
    }

    .btn-two:hover {
        color: #160578;
    }



.btn-three {
    position: relative;
    display: inline-block;
    background: #ffffff;
    color: #203260;
    font-size: 14px;
    line-height: 62px;
    font-weight: 700;
    height: 60px;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    padding: 0 30px 0;
    border-radius: 5px;
    transition: all 500ms ease;
}

    .btn-three span:before {
        position: relative;
        display: inline-block;
        top: 4px;
        padding-left: 9px;
        font-size: 20px;
        font-weight: 400;
    }

    .btn-three:hover {
        color: #3aa40c;
    }

.online-catalog {
    margin: 50px 0px;
}

    .online-catalog .sec-title.with-text {
        background: #e9212e;
        border-bottom: 10px solid #e9222f;
        /* border-radius: 0%; */
        box-shadow: 0px 0px 10px -2px #000000;
        padding: 0px;
        height: 100px;
        width: 50%;
    }

    .online-catalog .sec-title a.file-icon {
        color: #e9212e;
        font-size: 46px;
        background-color: #27282c;
        width: 200px;
        display: block;
        height: 100px;
        margin: auto;
        line-height: 100px;
        border-radius: 0px 20px 20px 0px;
        float: left;
        box-shadow: 0px 0px 0px 5px #fff;
    }

    .online-catalog .catalog-title a {
        color: #27282c;
        font-size: 24px;
        font-weight: 500;
        display: block;
        line-height: 100px;
    }

        .online-catalog .catalog-title a i {
            padding-left: 15px;
        }

.sec-title {
    position: relative;
    display: block;
}

    .sec-title.max-width {
        max-width: 650px;
        margin: -5px auto 0;
    }

    .sec-title.with-text {
        padding: 50px;
        background-color: #e9212ea6;
    }


    .sec-title p {
        color: #110075;
        font-size: 16px;
        line-height: 20px;
        font-weight: 600;
        text-transform: uppercase;
        margin: 0 0 7px;
        font-family: 'Poppins', sans-serif;
    }

.online-catalog .sec-title .title {
    line-height: normal;
    float: left;
}

.sec-title .title {
    position: relative;
    display: block;
    color: #27282c;
    font-size: 24px;
    line-height: 44px;
    font-weight: 700;
    text-transform: uppercase;
    font-family: 'Poppins', sans-serif;
    padding-bottom: 20px;
}

    .sec-title .title.clr-white {
        color: #ffffff;
    }

    .sec-title .title.clr-blue {
        color: #110075;
    }

    .sec-title .title span {
        font-weight: 400;
    }

.sec-title .bottom-text {
    color: #ffffff;
    font-size: 17px;
    line-height: 27px;
    font-weight: 400;
    text-transform: none;
    margin: 13px 0 0;
    font-family: 'Rubik', sans-serif;
}














.parallax-bg-one {
    background-attachment: fixed;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    z-index: 1;
}

    .parallax-bg-one::before {
        background: rgba(18, 32, 0, 0.90) none repeat scroll 0 0;
        content: "";
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: -1;
    }

.parallax-bg-two {
    background-attachment: fixed;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    z-index: 1;
}

    .parallax-bg-two::before {
        background: rgba(9, 23, 33, 0.90) none repeat scroll 0 0;
        content: "";
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: -1;
    }

.flex-box {
    display: flex;
    justify-content: center;
    flex-direction: row;
    flex-wrap: wrap;
}

.flex-box-two {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
}

.flex-box-three {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
}

.flex-box-four {
    display: flex;
    justify-content: center;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
}

.flex-box-five {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
}

.owl-nav-style-one {
}

    .owl-nav-style-one .owl-controls {
    }

    .owl-nav-style-one.owl-theme .owl-nav [class*="owl-"] {
        background: #ffffff none repeat scroll 0 0;
        border-radius: 50%;
        color: #909090;
        font-size: 24px;
        font-weight: 700;
        height: 50px;
        line-height: 46px;
        margin: 0 0 0 0px;
        padding: 0;
        width: 50px;
        border: 1px solid #f3f3f3;
        transition: all 700ms ease 0s;
    }

    .owl-nav-style-one.owl-theme .owl-nav .owl-next {
        margin-left: 10px;
    }

    .owl-nav-style-one.owl-theme .owl-nav [class*="owl-"]:hover {
        border-color: #172272;
        color: #172272;
    }

.owl-nav-style-two {
}

    .owl-nav-style-two .owl-controls {
    }

    .owl-nav-style-two.owl-theme .owl-nav [class*="owl-"] {
        background: #fff none repeat scroll 0 0;
        border-radius: 0%;
        color: #3740b0;
        font-size: 24px;
        font-weight: 700;
        height: 50px;
        line-height: 50px;
        margin: 0 0 0 0px;
        padding: 0;
        width: 50px;
        transition: all 700ms ease 0s;
    }

    .owl-nav-style-two.owl-theme .owl-nav .owl-next {
        margin-left: 0px;
    }

    .owl-nav-style-two.owl-theme .owl-nav [class*="owl-"]:hover {
        color: #ffffff;
        background: #3740b0;
    }


.accordion-box {
    position: relative;
    display: block;
    overflow: hidden;
}

    .accordion-box .accordion {
        position: relative;
        display: block;
        margin-bottom: 20px;
    }

        .accordion-box .accordion .accord-btn {
            position: relative;
            display: block;
            cursor: pointer;
            background: #ffffff;
            padding-left: 40px;
            padding-right: 70px;
            padding-top: 22px;
            padding-bottom: 22px;
            -webkit-box-shadow: 0px 3px 5px 2px #ededed;
            box-shadow: 0px 3px 5px 2px #ededed;
            transition: all 500ms ease;
        }

            .accordion-box .accordion .accord-btn h4 {
                color: #27282c;
                font-size: 18px;
                line-height: 26px;
                font-weight: 600;
                transition: all 500ms ease;
            }

            .accordion-box .accordion .accord-btn::after {
                font-family: "Flaticon";
                position: absolute;
                top: 22px;
                right: 40px;
                color: #b4b4b4;
                content: "\f10d";
                font-size: 25px;
                line-height: 25px;
                font-weight: 300;
                transition: all 500ms ease 0s;
            }

            .accordion-box .accordion .accord-btn.active {
                background: #27282c;
                transition: all 500ms ease;
            }

                .accordion-box .accordion .accord-btn.active h4 {
                    color: #ffffff;
                }

                .accordion-box .accordion .accord-btn.active:after {
                    color: #ffffff;
                }

        .accordion-box .accordion .accord-content {
            position: relative;
            display: block;
            padding-top: 29px;
            padding-bottom: 7px;
            padding-left: 0px;
            padding-right: 40px;
            display: none;
        }

            .accordion-box .accordion .accord-content.collapsed {
                display: block;
            }

            .accordion-box .accordion .accord-content p {
                margin: 0;
            }



.boxed_wrapper {
    background: #fff none repeat scroll 0 0;
    position: relative;
    margin: 0 auto;
    width: 100%;
    min-width: 320px;
    min-height: 400px;
    overflow: hidden;
}

.preloader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 999999999999999999;
    background-color: #ffffff;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url(/images/preloader.gif);
}

.scroll-to-top {
    position: fixed;
    right: 20px;
    bottom: 30px;
    width: 55px;
    height: 55px;
    background: #e9212e;
    border: 2px solid #e9212e;
    border-radius: 0%;
    color: #ffffff;
    font-size: 25px;
    line-height: 50px;
    font-weight: 400;
    cursor: pointer;
    display: none;
    text-align: center;
    transition: all 500ms ease 0s;
    z-index: 99999999999;
    box-shadow: 0px 5px 10px -10px rgba(27,27,27,1);
}

    .scroll-to-top:hover {
        opacity: .5;
    }


.scroll-to-top-style2 {
    position: fixed;
    bottom: 25px;
    right: 15px;
    background: #e9212e;
    border: 2px solid #e9212e;
    width: 55px;
    height: 55px;
    border-radius: 0%;
    color: #ffffff;
    font-size: 25px;
    line-height: 50px;
    font-weight: normal;
    cursor: pointer;
    display: none;
    text-align: center;
    transition: all 500ms ease 0s;
    z-index: 9999999999999;
    box-shadow: 0px 8px 23px -6px rgba(27,27,27,1);
}

    .scroll-to-top-style2:hover {
        opacity: .5;
    }

input:focus,
textarea:focus,
select:focus {
    border-color: #43c3ea;
    outline: none;
    box-shadow: none !important;
    border-color: #27282c !important;
}

#contact-form input[type="text"].error {
    border-color: red;
}

#contact-form input[type="email"].error {
    border-color: red;
}

#contact-form select.error {
    border-color: red;
}

#contact-form textarea.error {
    border-color: red;
}

.post-pagination {
    position: relative;
    display: block;
}

    .post-pagination.martop20 {
        margin-top: 20px;
    }

    .post-pagination li {
        display: inline-block;
        margin: 0 3px;
    }

        .post-pagination li a {
            position: relative;
            display: block;
            background: #ffffff;
            border-radius: 0px;
            border: 1px solid #ededed;
            color: #2f2f2f;
            font-size: 18px;
            font-weight: 600;
            height: 50px;
            width: 50px;
            padding: 11px 0;
            transition: all 500ms ease 0s;
            font-family: 'Poppins', sans-serif;
        }

            .post-pagination li a i {
                position: relative;
                font-size: 20px;
            }

        .post-pagination li.active a,
        .post-pagination li:hover a {
            color: #fff;
            background: #e9212e;
            border: 1px solid #e9212e;
        }

.post-pagination2 {
    display: block;
    margin-top: 20px;
}

    .post-pagination2 li {
        display: inline-block;
        margin: 0 3px;
    }

        .post-pagination2 li a {
            position: relative;
            display: block;
            color: #222222;
            font-size: 18px;
            font-weight: 600;
            height: 32px;
            width: 32px;
            line-height: 32px;
            text-align: center;
            transition: all 500ms ease 0s;
            font-family: 'Poppins', sans-serif;
            border-radius: 50%;
        }

        .post-pagination2 li.active a,
        .post-pagination2 li:hover a {
            background: #f36727;
            color: #ffffff;
        }

        .post-pagination2 li a.left {
            width: auto;
            height: auto;
            display: block;
            color: #868298;
            padding-right: 10px;
            transition: all 500ms ease;
        }

        .post-pagination2 li:hover a.left {
            background: none;
        }

        .post-pagination2 li a.left i {
            position: relative;
            top: 1px;
            display: inline-block;
            padding-right: 8px;
            font-size: 21px;
        }

        .post-pagination2 li a.left:hover {
            color: #f36727;
        }

        .post-pagination2 li a.right {
            width: auto;
            height: auto;
            display: block;
            color: #868298;
            padding-left: 10px;
            transition: all 500ms ease;
        }

            .post-pagination2 li a.right:hover {
                color: #f36727;
            }

        .post-pagination2 li:hover a.right {
            background: none;
        }

        .post-pagination2 li a.right i {
            position: relative;
            top: 1px;
            display: inline-block;
            padding-left: 8px;
            font-size: 21px;
        }

.overlay-style-one {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(233, 33, 48, 0.85);
    transition: all 700ms ease 100ms;
    opacity: 0;
    z-index: 2;
}

    .overlay-style-one .box {
        display: table;
        height: 100%;
        width: 100%;
    }

        .overlay-style-one .box .content {
            display: table-cell;
            text-align: center;
            vertical-align: middle;
        }

.overlay-style-two {
    position: absolute;
    left: 0px;
    bottom: 0px;
    right: 0px;
    top: 0px;
    z-index: 2;
    opacity: 0;
    transition: all 900ms ease;
}

    .overlay-style-two:before {
        position: absolute;
        content: '';
        top: 0px;
        left: 0px;
        width: 100%;
        height: 50%;
        display: block;
        opacity: 0;
        text-align: center;
        transform: perspective(400px) rotateX(-90deg);
        transform-origin: top;
        transition: all 0.5s;
        background-color: rgba(0, 0, 0, 0.80);
    }

    .overlay-style-two:after {
        position: absolute;
        content: '';
        left: 0px;
        bottom: 0px;
        width: 100%;
        height: 50%;
        display: block;
        opacity: 0;
        text-align: center;
        transform: perspective(400px) rotateX(90deg);
        transform-origin: bottom;
        transition: all 0.5s;
        background-color: rgba(0, 0, 0, 0.80);
    }



.review-box {
    position: relative;
    display: block;
    overflow: hidden;
    line-height: 16px;
}

    .review-box ul {
        display: block;
        overflow: hidden;
    }

        .review-box ul li {
            display: inline-block;
            float: left;
            margin-right: 4px;
        }

            .review-box ul li:last-child {
                margin-right: 0px;
            }

            .review-box ul li i {
                font-size: 16px;
                color: #e9212e;
            }

.sociallinks-style-one {
}

    .sociallinks-style-one li {
        display: inline-block;
        float: left;
        margin-right: 20px;
    }

        .sociallinks-style-one li:last-child {
            margin-right: 0px;
        }

        .sociallinks-style-one li a i {
            color: #9491a2;
            font-size: 15px;
            font-weight: 400;
            transition: all 500ms ease;
        }

        .sociallinks-style-one li a:hover i {
            color: #39345a;
        }

.sociallinks-style-two {
    overflow: hidden;
}

    .sociallinks-style-two li {
        display: inline-block;
        float: left;
        margin-right: 20px;
    }

        .sociallinks-style-two li:last-child {
            margin-right: 0px;
        }

        .sociallinks-style-two li a i {
            position: relative;
            display: block;
            width: 50px;
            height: 50px;
            background: #203260;
            border: 1px solid #31426c;
            border-radius: 50%;
            color: #ffffff;
            font-size: 14px;
            line-height: 48px;
            text-align: center;
            transition: all 500ms ease 0s;
        }

        .sociallinks-style-two li a:hover i {
            color: #3398fd;
            transform: rotate(360deg);
        }

@keyframes menu_sticky {
    0% {
        margin-top: -90px;
    }

    50% {
        margin-top: -74px;
    }

    100% {
        margin-top: 0;
    }
}

.top-bar-style1 {
    position: relative;
    display: block;
    background: #130276;
    padding: 19px 0 62px;
}

.top-style1 {
    position: relative;
    display: block;
    text-align: center;
}

    .top-style1 p {
        margin: 0;
    }

        .top-style1 p a {
            color: #ffffff;
            transition: all 300ms ease 100ms;
        }

            .top-style1 p a:hover {
                color: #828282;
            }

.main-header {
    position: relative;
    display: block;
    z-index: 999;
}

    .main-header.header-style1.fixed-header {
        position: fixed;
        margin: 0px !important;
        top: 0px;
        width: 100%;
        background-color: #fff;
        transition: all 0.5s;
        -webkit-box-shadow: 0px 0px 10px -5px #484545;
        box-shadow: -4px 0px 10px -5px #484545;
    }

.main-header {
    position: absolute;
    display: block;
    background: transparent;
    margin-top: -40px;
    z-index: 102;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

    .main-header.fixed-header .inner-container {
        width: 1170px;
        max-width: 100%;
        margin: 0 auto;
        z-index: 9999999999;
        box-shadow: none;
    }

    .main-header.fixed-header .logo-box-style1 {
        margin: 0;
        transition: all 500ms ease 100ms;
        height: 80px;
    }

    .main-header.fixed-header .main-menu .navigation > li > a {
        padding: 0px 0px 27px;
        transition: all 500ms ease 100ms;
    }

    .main-header.fixed-header .outer-search-box {
        padding: 10px 0;
        transition: all 500ms ease 100ms;
    }

    .main-header.fixed-header .cart-box {
        margin: 10px 0;
        transition: all 500ms ease 100ms;
    }


    .main-header .inner-container {
        position: relative;
        display: block;
        padding: 5px 5px;
        background: #ffffff;
        -webkit-box-shadow: 0px 4px 11px -1px #484545;
        box-shadow: 0px 4px 11px -1px #484545;
        z-index: 9999999999;
    }

.logo-box-style1 {
    position: relative;
    display: block;
    margin: 0px;
    transition: all 500ms ease 100ms;
}

    .logo-box-style1 a {
        display: inline-block;
    }

.main-menu-box {
    position: relative;
    margin: 0px 20px;
}


.main-menu {
    position: relative;
    display: inline-block;
    float: left;
}

    .main-menu .navbar-collapse {
        padding: 0px
    }

    .main-menu .navigation {
        position: relative;
    }

        .main-menu .navigation > li {
            position: relative;
            display: inline-block;
            float: left;
            margin: 0px 10px;
        }

            .main-menu .navigation > li.dropdown-mega {
                position: static;
                display: inline-block;
                float: left;
                margin-right: 15px;
            }
            .main-menu .navigation > li.dropdown {
                margin-right: 15px;
            }
            .main-menu .navigation > li:last-child {
                margin-right: 0;
            }

            .main-menu .navigation > li > a {
                position: relative;
                display: block;
                color: #27282c;
                font-size: 14px;
                line-height: 14px;
                font-weight: 500;
                text-transform: uppercase;
                opacity: 1;
                transition: all 300ms ease;
                font-family: 'Rubik', sans-serif;
                height: 80px;
                line-height: 80px;
            }

            .main-menu .navigation > li:hover > a,
            .main-menu .navigation > li.current > a {
                color: #e9212e;
            }

            .main-menu .navigation > li > ul {
                position: absolute;
                left: 0px;
                top: 130%;
                width: 270px;
                background: #ffffff;
                padding: 0;
                visibility: hidden;
                opacity: 0;
                display: block;
                border-radius: 0px;
                transition: all 500ms ease;
                z-index: 100;
            }

            .main-menu .navigation > li.dropdown-mega > ul {
                position: absolute;
                left: 0px;
                top: 130%;
                width: 100%;
                background: #ffffff;
                padding: 10px 0px 0;
                visibility: hidden;
                opacity: 0;
                display: block;
                border-radius: 0px;
                transition: all 500ms ease;
                z-index: 100;
            }

            .main-menu .navigation > li > ul:before {
                position: absolute;
                top: 10px;
                left: 0;
                bottom: 0;
                width: 100%;
                background: #ffffff;
                content: "";
                z-index: -1;
            }

            .main-menu .navigation > li:hover > ul {
                top: 100%;
                opacity: 1;
                visibility: visible;
            }

            .main-menu .navigation > li.dropdown-mega > ul > li {
                position: relative;
                display: block;
                float: left;
                margin: 0;
                padding: 0;
                width: 50%;
                transition: all 500ms ease;
                z-index: 1;
            }

            .main-menu .navigation > li > ul > li {
                position: relative;
                display: block;
                float: none;
                margin: 0;
                padding: 0;
                width: 100%;
                transition: all 500ms ease;
                z-index: 1;
            }

                .main-menu .navigation > li > ul > li > a {
                    position: relative;
                    display: block;
                    color: #27282c;
                    font-size: 14px;
                    line-height: 20px;
                    border-bottom: 1px solid #e2e8f0;
                    text-transform: capitalize;
                    transition: all 500ms ease 0s;
                    padding: 10px 30px;
                    padding-right: 0;
                    font-family: 'Rubik', sans-serif;
                }

                .main-menu .navigation > li > ul > li:last-child a {
                    border-bottom: none;
                }

            .main-menu .navigation > li.dropdown-mega > ul > li > a:after {
                position: absolute;
                top: 0;
                left: 30px;
                bottom: 0;
                content: "";
                background: url(/images/dropdown-menu-arrow.png);
                width: 26px;
                height: 11px;
                opacity: 0;
                transform: scale(0);
                transition: all 500ms ease;
                margin: 13px 0;
            }

            .main-menu .navigation > li > ul > li > a:after {
                position: absolute;
                top: 0;
                left: 30px;
                bottom: 0;
                content: "";
                background: url(/images/dropdown-menu-arrow.png);
                width: 21px;
                height: 11px;
                background-size: contain;
                background-repeat: no-repeat;
                opacity: 0;
                transform: scale(0);
                transition: all 500ms ease;
                margin: 15px 0;
            }

            .main-menu .navigation > li > ul > li:hover a:after {
                opacity: 1;
                transform: scale(1.0);
            }

            .main-menu .navigation > li > ul > li:hover > a {
                color: #e9212e;
                padding-left: 60px;
            }


            .main-menu .navigation > li > ul > li > ul {
                position: absolute;
                left: 100%;
                top: 20px;
                width: 270px;
                margin-left: 0px;
                visibility: hidden;
                opacity: 0;
                background: transparent;
                z-index: 100;
                box-shadow: 0 6px 12px rgba(0,0,0,.175);
                transition: all 200ms ease;
            }

                .main-menu .navigation > li > ul > li > ul:before {
                    position: absolute;
                    left: 0px;
                    bottom: 0;
                    width: 100%;
                    height: 100%;
                    background: #ffffff;
                    content: "";
                    z-index: -1;
                    border-radius: 0px;
                }

            .main-menu .navigation > li > ul > li:hover > ul {
                visibility: visible;
                opacity: 1;
                top: 0px;
            }

            .main-menu .navigation > li > ul > li > ul > li {
                position: relative;
                display: block;
                float: none;
                margin: 0;
                padding: 0;
                width: 100%;
                transition: all 500ms ease;
            }

                .main-menu .navigation > li > ul > li > ul > li a {
                    position: relative;
                    display: block;
                    color: #828282;
                    font-size: 15px;
                    line-height: 20px;
                    font-weight: 400;
                    border-bottom: 1px solid #e2e8f0 !important;
                    text-transform: capitalize;
                    transition: all 500ms ease 0s;
                    padding: 16px 30px 15px;
                    padding-right: 0;
                    font-family: 'Rubik', sans-serif;
                }

                .main-menu .navigation > li > ul > li > ul > li:last-child a {
                    border-bottom: 0px !important;
                }

                .main-menu .navigation > li > ul > li > ul > li a:before {
                    position: absolute;
                    top: 0;
                    left: 30px;
                    bottom: 0;
                    content: "";
                    background: url(/images/dropdown-menu-arrow.png);
                    width: 26px;
                    height: 11px;
                    opacity: 0;
                    transform: scale(0);
                    transition: all 500ms ease;
                    margin: 20px 0;
                }

                .main-menu .navigation > li > ul > li > ul > li:hover a:before {
                    opacity: 1;
                    transform: scale(1.0) !important;
                }

                .main-menu .navigation > li > ul > li > ul > li:hover > a {
                    color: #e9212e;
                    padding-left: 70px;
                }

    .main-menu .navbar-collapse > ul li.dropdown .dropdown-btn {
        position: absolute;
        right: 10px;
        top: 6px;
        width: 34px;
        height: 30px;
        border: 1px solid #ffffff;
        background: url(/images/submenu-icon.png) center center no-repeat;
        background-size: 20px;
        cursor: pointer;
        z-index: 5;
        display: none;
        border-radius: 3px;
    }



.mainmenu-right {
    position: relative;
    display: inline-block;
}

.outer-search-box {
    position: relative;
    display: inline-block;
    float: left;
    padding: 34px 0;
    margin-right: 20px;
    transition: all 500ms ease 100ms;
}

    .outer-search-box .seach-toggle {
        position: relative;
        display: block;
        color: #27282c;
        font-size: 16px;
        line-height: 50px;
        cursor: pointer;
        text-align: center;
        height: 50px;
        width: 50px;
        border-radius: 3px;
        margin: 0;
        border-right: 1px solid #ededed;
        transition: all 500ms ease;
    }

        .outer-search-box .seach-toggle:hover,
        .outer-search-box .seach-toggle.active {
            color: #e9212e;
            background: #ededed;
        }

.search-box {
    position: absolute;
    top: 120%;
    right: 0%;
    background: #27282c;
    opacity: 0;
    padding: 20px;
    transition: all 500ms ease 0s;
    visibility: hidden;
    z-index: 100;
    margin-left: 0;
}

    .search-box.now-visible {
        top: 100%;
        opacity: 1;
        visibility: visible;
        z-index: 100;
    }

    .search-box .form-group {
        position: relative;
        padding: 0px;
        margin: 0px;
        width: 100%;
        min-width: 250px;
    }

        .search-box .form-group input[type="search"] {
            background: #ffffff none repeat scroll 0 0;
            border: 1px solid #1f1f23;
            color: #000;
            display: block;
            font-size: 13px;
            line-height: 24px;
            position: relative;
            transition: all 500ms ease 0s;
            width: 100%;
            height: 45px;
            padding-left: 15px;
            padding-right: 50px;
        }

            .search-box .form-group input[type="search"]:focus {
                border-color: #f5f5f5;
            }

        .search-box .form-group button,
        .search-box .form-group input[type="submit"] {
            position: absolute;
            right: 0;
            top: 0;
            display: block;
            cursor: pointer;
            background: #1f1f23;
            color: #fff;
            font-size: 13px;
            height: 45px;
            line-height: 45px;
            width: 45px;
            transition: all 500ms ease 0s;
        }

            .search-box .form-group button:hover,
            .search-box .form-group input:focus + button {
                color: #222222;
                background: #f5f5f5;
            }

.cart-box {
    position: relative;
    display: inline-block;
    float: right;
    height: 50px;
    padding: 15px 0;
    margin: 34px 0;
    transition: all 500ms ease 100ms;
}

    .cart-box a {
        display: inline-block;
        font-family: 'Rubik', sans-serif;
    }

        .cart-box a span:before {
            position: relative;
            display: inline-block;
            float: left;
            color: #27282c;
            font-size: 20px;
            line-height: 20px;
            padding-right: 6px;
            transition: all 500ms ease;
        }

        .cart-box a:hover span:before {
            color: #e9212e;
        }

        .cart-box a span.number {
            position: relative;
            display: inline-block;
            float: left;
            color: #e9212e;
            font-size: 14px;
            line-height: 14px;
            font-weight: 600;
        }



.header-lower-style1 {
    position: relative;
    display: block;
    background: #f6f6f6;
    padding: 30px 0;
}

    .header-lower-style1 .inner-content {
        position: relative;
        display: block;
        border-right: 1px solid #dddddd;
    }

.header-contact-info {
    position: relative;
    display: block;
    border-left: 1px solid #dddddd;
    padding-left: 20px;
}

    .header-contact-info li {
        position: relative;
        display: inline-block;
        float: left;
        border-right: 1px solid #dddddd;
        padding-right: 30px;
        margin-right: 30px;
    }

        .header-contact-info li:last-child {
            margin-right: 0;
        }

        .header-contact-info li .single-item {
            position: relative;
            display: block;
        }

            .header-contact-info li .single-item .icon {
                width: 50px;
            }

                .header-contact-info li .single-item .icon span:before {
                    position: relative;
                    top: 2px;
                    color: #130276;
                    font-size: 50px;
                    line-height: 50px;
                    transition: all 300ms ease 100ms;
                }

        .header-contact-info li:hover .single-item .icon span:before {
            color: #e9212e;
        }

        .header-contact-info li .single-item .icon,
        .header-contact-info li .single-item .text {
            display: table-cell;
            vertical-align: middle;
        }

        .header-contact-info li .single-item .text {
            padding-left: 15px;
        }

            .header-contact-info li .single-item .text h3 {
                font-size: 18px;
                font-weight: 500;
                text-transform: capitalize;
                font-family: 'Rubik', sans-serif;
            }

            .header-contact-info li .single-item .text p {
                line-height: 18px;
                margin: 6px 0 0;
            }

.header-social-links-style1 {
    position: relative;
    display: block;
    padding-right: 20px;
    margin: 2px 0 3px;
}

    .header-social-links-style1 li {
        position: relative;
        display: inline-block;
        float: left;
        margin-right: 15px;
        margin-top: 8px;
    }

        .header-social-links-style1 li:last-child {
            margin-right: 0;
        }

        .header-social-links-style1 li a {
        }

            .header-social-links-style1 li a i {
                position: relative;
                display: block;
                width: 35px;
                height: 35px;
                border-radius: 50%;
                background: #ffffff;
                color: #7c7e84;
                font-size: 14px;
                line-height: 35px;
                text-align: center;
                transition: all 700ms ease 100ms;
            }

                .header-social-links-style1 li a i.fa-facebook {
                    background: #4267b2;
                    color: #ffffff;
                }

                .header-social-links-style1 li a i.fa-twitter {
                    background: #1da0f2;
                    color: #ffffff;
                }

                .header-social-links-style1 li a i.fa-instagram {
                    background: #e95b35;
                    color: #ffffff;
                }

                .header-social-links-style1 li a i.fa-youtube {
                    background: #f00;
                    color: #ffffff;
                }

                .header-social-links-style1 li a i.fa-linkedin {
                    background: #0080b2;
                    color: #ffffff;
                }

            .header-social-links-style1 li a:hover i {
                transform: rotate(360deg);
            }

.main-slider {
    position: relative;
    z-index: 10;
}

    .main-slider .tp-caption {
        z-index: 5;
    }

    .main-slider .tp-dottedoverlay {
        background: none !important;
    }

    .main-slider .tparrows {
        top: 40% !important;
    }

    .main-slider .slide-content {
        position: relative;
        display: block;
    }

        .main-slider .slide-content .big-title {
            position: relative;
            color: #ffffff;
            font-size: 72px;
            line-height: 1.1em;
            font-weight: 700;
            text-transform: none;
            font-family: 'Poppins', sans-serif;
        }

        .main-slider .slide-content .text {
            position: relative;
            display: block;
            color: #ffffff;
            font-size: 18px;
            line-height: 1.5em;
            font-weight: 400;
            letter-spacing: normal;
            text-transform: none;
            font-family: 'Rubik', sans-serif;
        }

        .main-slider .slide-content .btn-box {
        }

            .main-slider .slide-content .btn-box a {
            }

                .main-slider .slide-content .btn-box a.project-view-button {
                    position: relative;
                    display: inline-block;
                    margin-left: 35px;
                    color: #ffffff;
                    font-size: 15px;
                    line-height: 56px;
                    font-weight: 500;
                    font-family: 'Rubik', sans-serif;
                    transition: all 500ms ease;
                }

                    .main-slider .slide-content .btn-box a.project-view-button:hover {
                        color: #e9212e;
                    }

                    .main-slider .slide-content .btn-box a.project-view-button:before {
                        position: absolute;
                        left: 0;
                        bottom: 16px;
                        right: 0;
                        height: 2px;
                        background: #ffffff;
                        content: "";
                    }

    .main-slider.style2 {
        position: relative;
        display: block;
        z-index: 10;
    }

        .main-slider.style2 .slide-content .big-title {
            position: relative;
            color: #ffffff;
            font-size: 60px;
            line-height: 1.2em;
            font-weight: 500;
            text-transform: uppercase;
            font-family: 'Rubik', sans-serif;
        }

        .main-slider.style2 .slide-content .text {
            position: relative;
            display: block;
            color: #ffffff;
            font-size: 18px;
            line-height: 1.6em;
            font-weight: 400;
            letter-spacing: normal;
            text-transform: none;
            font-family: 'Rubik', sans-serif;
        }

        .main-slider.style2 .slide-content .btn-box a.play-button {
            width: 70px;
        }

        .main-slider.style2 .slide-content .btn-box a.play-button,
        .main-slider.style2 .slide-content .btn-box a.slide-style2-button {
            display: table-cell;
            vertical-align: middle;
        }


        .main-slider.style2 .slide-content .btn-box a.play-button {
            position: relative;
            display: inline-block;
            width: 70px;
            height: 70px;
            border-radius: 50%;
            background: #e9212e;
            text-align: center;
        }

            .main-slider.style2 .slide-content .btn-box a.play-button span:before {
                position: relative;
                display: block;
                color: #ffffff;
                font-size: 30px;
                line-height: 70px;
            }

        .main-slider.style2 .slide-content .btn-box a.slide-style2-button {
            position: relative;
            display: inline-block;
            margin-left: 25px;
            color: #ffffff;
            font-size: 15px;
            line-height: 70px;
            font-weight: 500;
            font-family: 'Rubik', sans-serif;
            transition: all 500ms ease;
        }

            .main-slider.style2 .slide-content .btn-box a.slide-style2-button:before {
                position: absolute;
                left: 0;
                bottom: 25px;
                right: 0;
                height: 2px;
                background: #ffffff;
                content: "";
            }


        .main-slider.style2 .tp-bullets {
            position: absolute;
            top: 50% !important;
            right: 20px !important;
            opacity: 1 !important;
            display: block !important;
            text-align: center;
            width: auto !important;
            text-align: right;
            left: auto !important;
            transform: none !important;
        }

        .main-slider.style2 .hermes .tp-bullet {
            position: relative !important;
            display: block !important;
            right: 0 !important;
            margin: 10px 0 !important;
            left: auto !important;
            top: auto !important;
            width: 12px;
            height: 12px;
        }

            .main-slider.style2 .hermes .tp-bullet:after {
                position: absolute;
                content: ' ';
                bottom: 0;
                height: 0;
                left: 0;
                width: 100%;
                background-color: #FFF;
                box-shadow: 0 0 1px #FFF;
                -webkit-transition: height 0.3s ease;
                transition: height 0.3s ease;
            }

.tp-bullet.selected,
.tp-bullet:hover {
    background: #fff;
}


.main-slider.style3 .slide-content .big-title {
    position: relative;
    color: #ffffff;
    font-size: 72px;
    line-height: 1.2em;
    font-weight: 700;
    text-transform: capitalize;
    font-family: 'Poppins', sans-serif;
}

.main-slider.style3 .slide-content .text {
    position: relative;
    display: block;
    color: #ffffff;
    font-size: 18px;
    line-height: 1.6em;
    font-weight: 400;
    letter-spacing: normal;
    text-transform: none;
    font-family: 'Rubik', sans-serif;
}

.main-slider.style3 .slide-content .btn-box a {
}

.highlights-area {
    position: relative;
    display: block;
    background: transparent;
    z-index: 100;
    padding: 50px 0px;
}

.single-highlight-box {
    position: relative;
    display: block;
    background: transparent;
}

    .single-highlight-box .icon-holder {
        border-bottom: 4px solid #e9212e;
        overflow: hidden;
        box-shadow: 0px 40px 20px -5px #000;
        background-color: #110075;
    }

        .single-highlight-box .icon-holder img {
            width: 100%;
            transition: all 0.5s;
        }

        .single-highlight-box .icon-holder::before {
            position: absolute;
            top: -1px;
            left: -1px;
            bottom: -1px;
            right: -1px;
            content: "";
            border-radius: 50%;
            transition: all 0.5s ease-in-out 0s;
            transform-style: preserve-3d;
            transform: perspective(1200px) rotateY(-90deg) translateZ(0px);
            opacity: 0;
            z-index: -1;
        }

    .single-highlight-box:hover {
        cursor: pointer;
    }

        .single-highlight-box:hover .icon-holder img {
            transform: scale(1.2);
        }

        .single-highlight-box:hover .icon-holder::before {
            transform: perspective(1200px) rotateY(0deg) translateZ(0px);
            transition-delay: 0.1s;
            opacity: 1;
        }

    .single-highlight-box .icon-holder span:before {
        display: block;
        color: #ffffff;
        font-size: 50px;
        line-height: 104px;
        transition: all 0.7s ease-in-out 0s;
    }

    .single-highlight-box:hover .icon-holder span:before {
        color: #ffffff;
    }

    .single-highlight-box .inner-content {
        position: relative;
        display: block;
        background: #ffffff;
    }

        .single-highlight-box .inner-content .text {
            position: relative;
            display: block;
            padding: 25px 30px 10px;
        }

        .single-highlight-box .inner-content h3 {
            font-weight: 600;
            min-height: 60px;
        }

        .single-highlight-box .inner-content p {
            margin: 0;
        }

        .single-highlight-box .inner-content a {
            position: relative;
            display: block;
            background: #e9212e;
            color: #ffffff;
        }

    .single-highlight-box:hover .inner-content a {
        color: #ffffff;
        background-color: #110075;
    }

    .single-highlight-box:hover .icon-holder {
        border-bottom: 4px solid #110075;
        transition: all 0.5s;
    }

.about-area {
    position: relative;
    display: block;
    padding-top: 60px;
    padding-bottom: 110px;
}

.about-image-box {
    position: relative;
    display: block;
    max-width: 470px;
    width: 100%;
    background: #f6f6f6;
    padding-top: 60px;
    padding-left: 60px;
}

    .about-image-box:before {
        position: absolute;
        top: 0;
        right: 0;
        width: 60px;
        height: 100%;
        background: #ffffff;
        content: "";
        z-index: 1;
    }

    .about-image-box .inner-box {
        position: relative;
        display: block;
        z-index: 2;
    }

        .about-image-box .inner-box img {
            width: 100%;
        }

        .about-image-box .inner-box .overlay {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }

            .about-image-box .inner-box .overlay .box {
                display: table;
                width: 100%;
                height: 100%;
            }

                .about-image-box .inner-box .overlay .box .icon {
                    display: table-cell;
                    vertical-align: middle;
                    text-align: center;
                }

                    .about-image-box .inner-box .overlay .box .icon img {
                        width: auto;
                    }


    .about-image-box .text-box {
        position: relative;
        display: block;
        padding-top: 33px;
        padding-bottom: 52px;
        padding-right: 20px;
        margin-right: 60px;
        z-index: 1;
    }

        .about-image-box .text-box:before {
            position: absolute;
            right: 40px;
            bottom: 30px;
            font-family: 'icomoon';
            content: "\e939";
            color: #ebebeb;
            font-size: 70px;
            line-height: 70px;
            transform: perspective(1200px) rotateX(180deg) translateZ(0px);
            z-index: -1;
        }

        .about-image-box .text-box p {
            color: #828282;
            font-size: 20px;
            line-height: 30px;
            margin: 0 0 17px;
        }

        .about-image-box .text-box h3 {
            color: #3a3a3a;
            font-size: 18px;
            font-weight: 600;
        }

            .about-image-box .text-box h3 span {
                color: #e9212e;
                font-size: 15px;
                font-weight: 400;
                font-family: 'Rubik', sans-serif;
            }


.about-text {
    position: relative;
    display: block;
    padding-left: 100px;
}

    .about-text .sec-title {
        padding-bottom: 44px;
    }

    .about-text .inner-content {
        position: relative;
        display: block;
    }

        .about-text .inner-content .text {
            display: block;
            padding-bottom: 26px;
        }

.about-carousel-box {
    position: relative;
    display: block;
    background: #e9212e;
    padding: 41px 41px 37px;
    z-index: 1;
}

    .about-carousel-box:before {
        position: absolute;
        left: 40px;
        bottom: -30px;
        font-family: "Flaticon";
        content: "\f103";
        color: #e9212e;
        font-size: 40px;
        line-height: 40px;
        transform: perspective(1200px) rotateY(180deg) translateZ(0px);
    }

    .about-carousel-box .single-box {
        position: relative;
        display: block;
    }

        .about-carousel-box .single-box .icon-holder {
            width: 90px;
        }

            .about-carousel-box .single-box .icon-holder span:before {
                color: #ffffff;
                font-size: 90px;
                line-height: 90px;
                margin-left: 1px;
            }

        .about-carousel-box .single-box .icon-holder,
        .about-carousel-box .single-box .text-holder {
            display: table-cell;
            vertical-align: middle;
        }

        .about-carousel-box .single-box .text-holder {
            padding-left: 30px;
        }

            .about-carousel-box .single-box .text-holder h3 {
                color: #ffffff;
                font-size: 20px;
                font-weight: 600;
                margin: 0 0 21px;
                text-decoration: underline;
            }

            .about-carousel-box .single-box .text-holder p {
                color: #ffffff;
                margin: 0;
            }

    .about-carousel-box.owl-carousel .owl-stage-outer {
        position: relative;
        overflow: hidden;
        padding-bottom: 0px;
    }

    .about-carousel-box .owl-dots {
        position: absolute;
        margin-top: 105px !important;
        height: 25px;
        line-height: 25px;
        left: -10px;
    }

        .about-carousel-box .owl-dots .owl-dot {
            background-image: none;
            width: 20px;
            height: 5px;
            margin: 0px 10px;
            background: #e1e1e1;
            border: 2px solid #e1e1e1;
            padding: 0px;
            border-radius: 0%;
            transition: all 500ms ease;
            display: inline-block;
        }

            .about-carousel-box .owl-dots .owl-dot span {
                display: none;
            }

            .about-carousel-box .owl-dots .owl-dot.active {
                background: #e9212e;
                border-color: #e9212e;
            }

.working-area {
    position: relative;
    display: block;
    background-attachment: fixed;
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    z-index: 1;
    height: 500px;
}

    .working-area::before {
        background: rgba(0, 0, 0, 0.45) none repeat scroll 0 0;
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        content: "";
        z-index: -1;
    }

.single-working-box {
    position: relative;
    display: block;
    margin-bottom: 50px;
}

    .single-working-box .img-holder {
        position: relative;
        display: block;
    }

        .single-working-box .img-holder .inner {
            position: relative;
            display: block;
            overflow: hidden;
        }

            .single-working-box .img-holder .inner img {
                width: 100%;
                transform: scale(1.01);
                transition: all 700ms ease 300ms;
            }

    .single-working-box:hover .img-holder .inner img {
        transform: scale(1.2) rotate(2deg);
    }

    .single-working-box .img-holder .inner .overlay-style-one {
        background-color: rgba(0, 0, 0, 0.85);
    }

    .single-working-box:hover .img-holder .inner .overlay-style-one {
        opacity: 1;
    }

    .single-working-box .img-holder .inner:before,
    .single-working-box .img-holder .inner:after {
        position: absolute;
        top: 0;
        left: 0;
        content: '';
        width: 100%;
        height: 100%;
        transform: scale(0);
        transform-origin: left top;
        transition: all 700ms ease 500ms;
        border-radius: 0px;
        z-index: 3;
    }

    .single-working-box .img-holder .inner:before {
        transform: scale(0, 1);
        transform-origin: bottom center;
        border-top: 4px solid #e9212e;
        border-bottom: 4px solid #e9212e;
    }

    .single-working-box:hover .img-holder .inner:before {
        transform: scale(1, 1);
    }

    .single-working-box .img-holder .inner:after {
        transform: scale(1, 0);
        transform-origin: left center;
        border-left: 4px solid #e9212e;
        border-right: 4px solid #e9212e;
    }

    .single-working-box:hover .img-holder .inner:after {
        transform: scale(1, 1);
    }

    .single-working-box .text-holder {
        position: relative;
        display: block;
        background: #ffffff;
        margin: 0 20px;
        margin-top: -40px;
        z-index: 5;
    }

        .single-working-box .text-holder .plus-icon-box {
            position: absolute;
            right: 30px;
            top: -25px;
            width: 50px;
            height: 50px;
            background: #e9212e;
            border-radius: 50%;
            text-align: center;
            display: block;
            padding: 15px 0;
            transition: all 300ms ease 100ms;
        }

    .single-working-box:hover .text-holder .plus-icon-box {
        top: -50px;
        height: 75px;
        background: #e9212e;
        border-radius: 25px 25px 0px 0px;
        padding: 27px 0;
    }

    .single-working-box .text-holder .plus-icon-box span:before {
        display: block;
        color: #ffffff;
        font-size: 20px;
        line-height: 20px;
    }

    .single-working-box .text-holder .outer-box {
        position: relative;
        display: block;
        padding-left: 70px;
        padding-top: 35px;
        padding-bottom: 32px;
    }

        .single-working-box .text-holder .outer-box .icon {
            position: absolute;
            top: 0;
            left: 0;
            width: 70px;
            height: 100%;
            background: rgb(237,237,237);
            background: linear-gradient(0deg, rgba(237,237,237,1) 0%, rgba(237,237,237,0) 0%, rgba(237,237,237,1) 100%, rgba(32,50,96,0) 100%, rgba(32,50,96,0.6530987394957983) 100%, rgba(80,166,253,1) 100%, rgba(93,173,253,1) 100%);
        }

            .single-working-box .text-holder .outer-box .icon .inner {
                display: table;
                width: 100%;
                height: 100%;
            }

                .single-working-box .text-holder .outer-box .icon .inner .box {
                    display: table-cell;
                    vertical-align: middle;
                    text-align: center;
                }

                    .single-working-box .text-holder .outer-box .icon .inner .box span:before {
                        color: #e9212e;
                        font-size: 35px;
                        line-height: 35px;
                    }

        .single-working-box .text-holder .outer-box .text {
            position: relative;
            display: block;
            padding-left: 30px;
        }

            .single-working-box .text-holder .outer-box .text h3 {
                color: #27282c;
                font-weight: 600;
                margin: 0 0 13px;
            }

            .single-working-box .text-holder .outer-box .text p {
                margin: 0;
            }

.recently-project-area {
    position: relative;
    display: block;
    padding: 110px 0 108px;
}

    .recently-project-area .container-fluid {
        padding-right: 10px;
        padding-left: 10px;
    }

.more-project-button {
    position: relative;
    display: block;
    margin-top: 39px;
}

.single-project-style1 {
    position: relative;
    display: block;
    z-index: 6;
}

    .single-project-style1 .img-holder {
        position: relative;
        display: block;
        overflow: hidden;
        z-index: 5;
    }

        .single-project-style1 .img-holder img {
            width: 100%;
            transform: scale(1.01);
            transition: all 700ms ease;
        }

    .single-project-style1:hover .img-holder img {
        transform: scale(1.2) rotate(2deg);
    }

    .single-project-style1 .overlay-content {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        content: "";
        background: rgba(0, 0, 0, 0.80);
        transform: scaleX(0);
        transition: all 700ms ease 100ms;
    }

    .single-project-style1:hover .overlay-content {
        transform: scaleY(1);
    }

    .single-project-style1 .overlay-content .inner-content {
        display: table;
        width: 100%;
        height: 100%;
    }

        .single-project-style1 .overlay-content .inner-content .link-box {
            display: table-cell;
            vertical-align: middle;
            text-align: center;
            opacity: 0;
            transform-style: preserve-3d;
            transform: perspective(1200px) rotateX(90deg) translateZ(-45px);
            transition: all 300ms ease 100ms;
        }

    .single-project-style1:hover .overlay-content .inner-content .link-box {
        opacity: 1;
        transform: translate3d(0px, 0px, 0px);
        transition: all 700ms ease 500ms;
    }

    .single-project-style1 .overlay-content .inner-content .link-box a {
        background: #ffffff;
        color: #27282c;
        line-height: 55px;
        padding: 0 25px 0;
    }

        .single-project-style1 .overlay-content .inner-content .link-box a:hover {
            color: #ffffff;
            background: #e9212e;
        }

    .single-project-style1 .img-holder .title-box {
        position: absolute;
        left: 0px;
        bottom: 0px;
        right: 0px;
        text-align: center;
        display: block;
        padding-bottom: 34px;
        transform-style: preserve-3d;
        transform: perspective(1200px) rotateX(90deg) translateZ(-45px);
        opacity: 0;
        transition: all 300ms ease 200ms;
        z-index: 3;
    }

    .single-project-style1:hover .img-holder .title-box {
        transform: translate3d(0px, 0px, 0px);
        opacity: 1;
        transition: all 700ms ease 800ms;
    }

    .single-project-style1 .img-holder .title-box span {
        color: #95979c;
    }

    .single-project-style1 .img-holder .title-box h3 {
        color: #ffffff;
        font-weight: 600;
        margin: 3px 0 0;
    }

.project-carousel.owl-carousel .owl-stage-outer {
    padding: 0px;
}

.project-carousel .owl-dots {
    position: relative;
    display: block !important;
    margin-top: 43px !important;
    line-height: 14px;
}

    .project-carousel .owl-dots .owl-dot {
        background-image: none;
        width: 20px;
        height: 5px;
        margin: 0px 10px;
        background: #e1e1e1;
        border: 2px solid #e1e1e1;
        padding: 0px;
        border-radius: 0%;
        transition: all 500ms ease;
        display: inline-block;
    }

        .project-carousel .owl-dots .owl-dot span {
            display: none;
        }

        .project-carousel .owl-dots .owl-dot.active {
            background: #e9212e;
            border-color: #e9212e;
        }

.working-process-area {
    position: relative;
    display: block;
    background: #f6f6f6;
    padding: 110px 0 50px;
    z-index: 2;
}

.single-working-process {
    position: relative;
    display: block;
    padding-top: 40px;
    background: transparent;
    transition: all 500ms ease;
    margin-bottom: 60px;
}

    .single-working-process:hover {
        transform: translateY(-10px);
    }

    .single-working-process .top-box {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        width: 90px;
        height: 90px;
        display: block;
        border: 3px solid #e9212e;
        padding: 27px 0;
        background: #ffffff;
        border-radius: 50%;
        text-align: center;
        margin: 0 auto;
        z-index: 3;
    }

        .single-working-process .top-box::before {
            position: absolute;
            top: -1px;
            left: -1px;
            bottom: -1px;
            right: -1px;
            content: "";
            background: #e9212e;
            border-radius: 50%;
            transition: all 0.5s ease-in-out 0s;
            transform-style: preserve-3d;
            transform: perspective(1200px) rotateY(-90deg) translateZ(0px);
            opacity: 0;
            z-index: -1;
        }

    .single-working-process:hover .top-box::before {
        transform: perspective(1200px) rotateY(0deg) translateZ(0px);
        transition-delay: 0.1s;
        opacity: 1;
    }

    .single-working-process .top-box span {
        color: #27282c;
        font-size: 24px;
        line-height: 30px;
        font-weight: 500;
        text-transform: uppercase;
        transition: all 700ms ease 100ms;
    }

    .single-working-process:hover .top-box span {
        color: #ffffff;
        transition: all 700ms ease 500ms;
    }


    .single-working-process .inner {
        position: relative;
        display: block;
        padding: 82px 30px 50px;
        background: #ffffff;
        border-top: 3px solid #e9212e;
        -webkit-box-shadow: 0px 6px 10px 3px #e8e8e8;
        box-shadow: 0px 6px 10px 3px #e8e8e8;
        transition: all 300ms ease;
    }

    .single-working-process:hover .inner {
        box-shadow: none;
    }

    .single-working-process .inner h3 {
        color: #27282c;
        font-weight: 600;
        margin: 0 0 18px;
    }

    .single-working-process .inner p {
        margin: 0;
    }

    .single-working-process .inner .icon-holder {
        position: relative;
        display: block;
        padding-top: 22px;
    }

        .single-working-process .inner .icon-holder span:before {
            color: #bababa;
            font-size: 80px;
            line-height: 80px;
            transition: all 700ms ease 500ms;
        }

    .single-working-process:hover .inner .icon-holder span:before {
        color: #e9212e;
        transition: all 700ms ease 500ms;
    }

.slogan-area {
    position: relative;
    display: block;
    background: #e9212e;
    padding: 35px 0;
}

    .slogan-area .title {
        position: relative;
        display: block;
    }

        .slogan-area .title h3 {
            color: #ffffff;
            font-size: 20px;
            line-height: 30px;
            font-weight: 700;
        }

    .slogan-area .button {
        position: relative;
        display: block;
    }

        .slogan-area .button a {
            color: #27282c;
            background: #ffffff;
        }

            .slogan-area .button a:hover {
                color: #ffffff;
                background: #e11f2c;
            }

.testimonial-area {
    position: relative;
    display: block;
    padding: 110px 0 60px;
    background: #ffffff;
}

.more-reviews-button {
    position: relative;
    display: block;
    margin-top: 20px;
}

.single-testimonial-item {
    position: relative;
    display: block;
    background: #ffffff;
    -webkit-box-shadow: 0px 2px 10px 3px #f6f6f6;
    box-shadow: 0px 2px 10px 3px #f6f6f6;
    margin-bottom: 50px;
}

    .single-testimonial-item .inner-content {
        position: relative;
        display: block;
        padding: 55px 30px 52px;
        background: #ffffff;
    }

        .single-testimonial-item .inner-content .client-info {
            position: relative;
            display: block;
            padding-bottom: 22px;
        }

            .single-testimonial-item .inner-content .client-info h3 {
                color: #3a3a3a;
                font-weight: 600;
                margin: 0 0 3px;
            }

            .single-testimonial-item .inner-content .client-info span {
            }

        .single-testimonial-item .inner-content .img-box {
            position: relative;
            display: block;
            overflow: hidden;
            width: 100px;
            height: 100px;
            margin: 0 auto;
            border-radius: 50%;
            z-index: 2;
        }

            .single-testimonial-item .inner-content .img-box::before {
                position: absolute;
                top: -1px;
                left: -1px;
                bottom: -1px;
                right: -1px;
                content: "";
                background: rgba(0, 0, 0, 0.70);
                border-radius: 50%;
                transition: all 0.5s ease-in-out 0s;
                transform-style: preserve-3d;
                transform: perspective(1200px) rotateY(-90deg) translateZ(0px);
                opacity: 0;
                z-index: 4;
            }

    .single-testimonial-item:hover .inner-content .img-box::before {
        transform: perspective(1200px) rotateY(0deg) translateZ(0px);
        transition-delay: 0.1s;
        opacity: 1;
    }

    .single-testimonial-item .inner-content .img-box img {
        width: 100%;
        transition: all 700ms ease 800ms;
        border-radius: 50%;
    }

    .single-testimonial-item:hover .inner-content .img-box img {
        transform: rotate(360deg);
    }

    .single-testimonial-item .inner-content .text-box {
        position: relative;
        display: block;
        padding-top: 24px;
    }

        .single-testimonial-item .inner-content .text-box p {
            margin: 0;
        }

    .single-testimonial-item .quote-icon {
        position: absolute;
        top: 0;
        left: 0;
        width: 60px;
        height: 70px;
        background: #e9212e;
        z-index: 3;
    }

        .single-testimonial-item .quote-icon span:before {
            color: #ffffff;
            font-size: 30px;
            display: block;
            padding: 20px 0;
        }

.appointment-area {
    position: relative;
    display: block;
    background: #27282c;
    background-position: top right;
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-size: auto;
    padding-top: 110px;
    padding-bottom: 110px;
    z-index: 1;
}

.map-content-box .sec-title .title {
    color: #ffffff;
}

.map-content-box .inner {
    position: relative;
    display: block;
    max-width: 570px;
    width: 100%;
    margin: 0 auto;
    z-index: 99;
}

    .map-content-box .inner .overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

        .map-content-box .inner .overlay .single-location-box {
            position: absolute;
        }

            .map-content-box .inner .overlay .single-location-box.one {
                top: 60px;
                left: 70px;
            }

            .map-content-box .inner .overlay .single-location-box.two {
                top: 100px;
                left: 50%;
            }

            .map-content-box .inner .overlay .single-location-box.three {
                left: 150px;
                bottom: 70px;
            }

            .map-content-box .inner .overlay .single-location-box.four {
                right: 50px;
                bottom: 60px;
            }



        .map-content-box .inner .overlay .marker-box {
            display: inline-block;
        }

            .map-content-box .inner .overlay .marker-box span:before {
                color: #ffffff;
                font-size: 50px;
                line-height: 50px;
                cursor: pointer;
            }

        .map-content-box .inner .overlay .location-info {
            position: absolute;
            left: -10px;
            bottom: 100px;
            width: 270px;
            opacity: 0;
            visibility: hidden;
            padding: 25px 30px 22px;
            padding-right: 20px;
            margin-left: 0;
            border-radius: 0px;
            background-color: #ffffff;
            transition: all 0.3s ease;
            z-index: 9999999999;
        }

            .map-content-box .inner .overlay .location-info:before {
                position: absolute;
                left: 30px;
                bottom: -30px;
                font-family: "Flaticon";
                content: "\f103";
                color: #ffffff;
                font-size: 40px;
                line-height: 40px;
                transform: perspective(1200px) rotateY(180deg) translateZ(0px);
            }


        .map-content-box .inner .overlay .single-location-box:hover .location-info {
            opacity: 1;
            visibility: visible;
            bottom: 90px;
        }

        .map-content-box .inner .overlay .single-location-box:hover .marker-box span:before {
            color: #e9212e;
            transition: all 500ms ease;
        }

        .map-content-box .inner .overlay .location-info h3 {
            color: #27282c;
            font-weight: 700;
            margin: 0 0 13px;
        }

        .map-content-box .inner .overlay .location-info p {
            margin: 0;
        }


.appointment-box {
    position: relative;
    display: block;
    padding: 44px 50px 50px;
    max-width: 570px;
    width: 100%;
    background: #ffffff;
}

    .appointment-box .title-box {
        position: relative;
        display: block;
        padding-bottom: 22px;
    }

        .appointment-box .title-box h2 {
            color: #27282c;
            font-size: 24px;
            line-height: 34px;
            font-weight: 600;
            margin: 0 0 10px;
        }

        .appointment-box .title-box span {
        }

.appointment {
    position: relative;
    display: block;
}

.appointment-form .single-box {
    position: relative;
    display: block;
}

.appointment-form input[type="text"],
.appointment-form input[type="email"],
.appointment-form textarea {
    position: relative;
    display: block;
    padding: 0 20px;
    border: 1px solid #ededed;
    background: #ffffff;
    color: #7c7e84;
    font-size: 15px;
    font-weight: 400;
    width: 100%;
    height: 60px;
    margin-bottom: 20px;
    border-radius: 5px;
    transition: all 500ms ease;
}

    .appointment-form input[type="text"]:focus {
        border-color: #e9212e;
    }

    .appointment-form input[type="email"]:focus {
        border-color: #e9212e;
    }

.appointment-form .single-box button {
    display: block;
    width: 100%;
    background: #e9212e;
    color: #ffffff;
    margin-top: 20px;
    border-radius: 5px;
}

.appointment-form input::-webkit-input-placeholder {
    color: #7c7e84;
}

.appointment-form input:-moz-placeholder {
    color: #7c7e84;
}

.appointment-form input::-moz-placeholder {
    color: #7c7e84;
}

.appointment-form input:-ms-input-placeholder {
    color: #7c7e84;
}

.appointment-form .single-box .bootstrap-select {
    position: relative;
    display: block;
}

    .appointment-form .single-box .bootstrap-select > .dropdown-toggle {
        outline: none !important;
        border-radius: 5px;
        border: 1px solid #edf2f7;
        height: 60px;
        background-color: transparent;
        padding: 0;
        padding-left: 20px;
        color: #83888d;
        line-height: 60px;
        margin: 0;
        box-shadow: none !important;
    }

        .appointment-form .single-box .bootstrap-select > .dropdown-toggle::after {
            position: absolute;
            top: 50%;
            right: 20px;
            width: auto;
            height: auto;
            font-family: 'FontAwesome';
            content: '\f107';
            color: #83888d;
            font-size: 18px;
            transform: translateY(-50%);
            margin: 0;
            border: none;
        }

    .appointment-form .single-box .bootstrap-select .dropdown-menu {
        margin: 0;
        padding: 0;
        border-radius: 0;
        border: 0px solid #ddd;
        background: #f9f9f9;
        font-size: 16px;
        color: #000000;
    }

.appointment-form .single-box .dropdown-item {
    display: block;
    width: 100%;
    padding: 9px 20px 9px;
    font-weight: 400;
    color: #222222;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
    border-radius: 0;
    transition: all 500ms ease;
}

    .appointment-form .single-box .dropdown-item.active,
    .appointment-form .single-box .dropdown-item:active {
        background: #e9212e;
        color: #fff;
    }

    .appointment-form .single-box .dropdown-item:hover {
        background: #e9212e;
        color: #fff;
    }

.latest-blog-area {
    position: relative;
    display: block;
    background: #ffffff;
    padding-top: 60px;
}

.single-blog-post {
    position: relative;
    display: block;
}

    .single-blog-post .img-holder {
        position: relative;
        display: block;
        overflow: hidden;
    }

    .single-blog-post:hover .overlay-style-two {
        opacity: 1;
    }

    .single-blog-post:hover .img-holder .overlay-style-two:before {
        opacity: 1;
        transform: perspective(400px) rotateX(0deg);
        transition: all 700ms ease 100ms;
    }

    .single-blog-post:hover .img-holder .overlay-style-two:after {
        opacity: 1;
        transform: perspective(400px) rotateX(0deg);
        transition: all 700ms ease 300ms;
    }

    .single-blog-post .img-holder img {
        width: 100%;
        transform: scale(1.01);
        transition: all 700ms ease;
        height: 220px;
    }

    .single-blog-post:hover .img-holder img {
        transform: scale(1.2) rotate(2deg);
    }

    .single-blog-post .img-holder .overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 10;
        transform: translate3d(0px, -100%, 0px);
        transition: all 700ms ease 300ms;
    }

    .single-blog-post:hover .img-holder .overlay {
        transition: all 700ms ease 500ms;
        transform: translate3d(0px, 0px, 0px);
    }

    .single-blog-post .img-holder .overlay .box {
        display: table;
        width: 100%;
        height: 100%;
    }

        .single-blog-post .img-holder .overlay .box .link-icon a span {
            line-height: 18px;
        }

            .single-blog-post .img-holder .overlay .box .link-icon a span.blog-read-more {
                font-size: 16px;
                color: #fff;
            }

        .single-blog-post .img-holder .overlay .box .link-icon {
            display: table-cell;
            vertical-align: middle;
            text-align: center;
        }

            .single-blog-post .img-holder .overlay .box .link-icon a span:before {
                color: #e9212e;
                transition: all 500ms ease;
                display: block;
            }

            .single-blog-post .img-holder .overlay .box .link-icon a:hover span:before {
                color: #e9212e;
            }

    .single-blog-post .text-holder {
        position: relative;
        display: block;
        padding: 20px;
        border: 1px solid #ddd;
    }

        .single-blog-post .text-holder .post-date {
            position: relative;
            display: inline-block;
            height: 55px;
            border-bottom: 3px solid #dadada;
            transition: all 700ms ease 500ms;
            margin-bottom: 10px;
        }

            .single-blog-post .text-holder .post-date h3 {
                position: relative;
                display: block;
                color: #e9212e;
                font-size: 36px;
                line-height: 38px;
                font-weight: 600;
                text-transform: uppercase;
            }

                .single-blog-post .text-holder .post-date h3 span {
                    color: #27282c;
                    font-size: 14px;
                }

    .single-blog-post .meta-box {
        position: relative;
        display: block;
        overflow: hidden;
        min-height: 30px;
        margin-top: 16px;
        margin-bottom: 10px;
    }

        .single-blog-post .meta-box .meta-info {
            position: relative;
            display: block;
            overflow: hidden;
        }

            .single-blog-post .meta-box .meta-info li {
                position: relative;
                display: inline-block;
                float: left;
                line-height: 20px;
                padding-right: 16px;
                margin-right: 14px;
                font-weight: 500;
            }

                .single-blog-post .meta-box .meta-info li:before {
                    position: absolute;
                    top: 3px;
                    right: 0px;
                    width: 1px;
                    height: 12px;
                    background: #d3d9e0;
                    content: "";
                }

                .single-blog-post .meta-box .meta-info li:last-child {
                    padding-right: 0;
                    margin-right: 0;
                }

                    .single-blog-post .meta-box .meta-info li:last-child:before {
                        display: none;
                    }

                .single-blog-post .meta-box .meta-info li a {
                    color: #e9212e;
                    font-size: 15px;
                    font-weight: 400;
                    text-transform: capitalize;
                    transition: all 500ms ease;
                }

                    .single-blog-post .meta-box .meta-info li a:hover {
                        color: #828282;
                    }

    .single-blog-post .text-holder .blog-title {
        position: relative;
        display: block;
        font-size: 20px;
        line-height: 28px;
        font-weight: 600;
        height: 60px;
        overflow: hidden;
    }

        .single-blog-post .text-holder .blog-title a {
            color: #27282c;
            transition: all 500ms ease;
        }

            .single-blog-post .text-holder .blog-title a:hover {
                color: #e9212e;
            }

    .single-blog-post .text-holder .text {
        display: block;
        margin-top: 12px;
    }

        .single-blog-post .text-holder .text p {
            margin: 0 0 26px;
            min-height: 100px;
            text-align: justify;
        }

.brand-area {
    position: relative;
    display: block;
    background: #f6f6f6;
    padding-top: 110px;
    padding-bottom: 90px;
}

.brand-items {
    position: relative;
    display: block;
}

.single-brand-item {
    position: relative;
    display: block;
}

    .single-brand-item a {
        display: block;
        background: #ffffff;
        text-align: center;
        transition: all 700ms ease 200ms;
    }

        .single-brand-item a:hover {
            -webkit-box-shadow: 0px 5px 10px 2px #ebebeb;
            box-shadow: 0px 5px 10px 2px #ebebeb;
        }

        .single-brand-item a img {
            width: auto;
            transition: all 900ms ease 200ms;
            transform: perspective(1200px) rotateY(0deg) translateZ(0px);
        }

    .single-brand-item:hover a img {
        filter: brightness(0%);
        transform: perspective(1200px) rotateY(360deg) translateZ(0px);
    }

    .single-brand-item .overlay-content {
        position: absolute;
        left: 0px;
        right: 0;
        bottom: -35px;
        width: 130px;
        margin: 0 auto;
        opacity: 0;
        visibility: hidden;
        padding: 3px 0px 2px;
        text-align: center;
        background-color: #e9212e;
        transition: all 300ms ease 100ms;
        z-index: 999;
    }

    .single-brand-item:hover .overlay-content {
        bottom: -15px;
        visibility: visible;
        opacity: 1;
    }

    .single-brand-item .overlay-content:before {
        font-family: FontAwesome;
        content: "\f0de";
        position: absolute;
        top: -8px;
        left: 0;
        right: 0;
        text-align: center;
        color: #e9212e;
        font-size: 30px;
    }

    .single-brand-item .overlay-content p {
        color: #ffffff;
        font-size: 16px;
        font-weight: 600;
        font-family: 'Poppins', sans-serif;
        margin: 0;
    }

.brand-items-carousel.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    padding-bottom: 20px;
}

.brand-items-carousel.owl-carousel .owl-nav {
    position: absolute;
    right: 0;
    top: -115px;
    margin: 0;
    display: block;
}

    .brand-items-carousel.owl-carousel .owl-nav [class*="owl-"] {
        position: relative;
        display: inline-block;
        background: #f6f6f6;
        width: 55px;
        height: 55px;
        border: 1px solid #dddddd;
        line-height: 54px;
        margin: 0;
        padding: 0;
        transition: all 700ms ease 100ms;
        border-radius: 50%;
    }

        .brand-items-carousel.owl-carousel .owl-nav [class*="owl-"] i:before {
            color: #ababab;
            font-size: 20px;
            font-weight: 400;
        }

    .brand-items-carousel.owl-carousel .owl-nav .owl-next {
        margin-left: 10px;
    }

    .brand-items-carousel.owl-carousel .owl-nav [class*="owl-"]:hover {
        border-color: #e9212e;
    }

.footer-area {
    position: relative;
    display: block;
    background: #120658;
    padding-top: 70px;
    padding-bottom: 70px;
    z-index: 1;
}

.footer-shape-bg {
    position: absolute;
    top: 0;
    right: 0;
    height: 695px;
    width: 695px;
    z-index: -1;
}


.single-footer-widget {
    position: relative;
    display: block;
    overflow: hidden;
}

    .single-footer-widget .title {
        position: relative;
        display: block;
        padding-bottom: 27px;
        margin-top: -1px;
        margin-bottom: 40px;
        z-index: 1;
    }

        .single-footer-widget .title:before {
            position: absolute;
            left: 0;
            bottom: 0;
            width: 100%;
            height: 1px;
            background: #404144;
            content: "";
            z-index: -1;
        }

        .single-footer-widget .title:after {
            position: absolute;
            left: 0;
            bottom: 0;
            width: 50px;
            height: 3px;
            background: #e9212e;
            content: "";
            z-index: 1;
        }

        .single-footer-widget .title h3 {
            color: #ffffff;
            font-size: 24px;
            font-weight: 100;
        }

    .single-footer-widget .contact-info-box {
        position: relative;
        display: block;
    }

        .single-footer-widget .contact-info-box .footer-logo {
            position: relative;
            display: block;
            padding-bottom: 33px;
        }

            .single-footer-widget .contact-info-box .footer-logo a {
                display: inline-block;
            }

        .single-footer-widget .contact-info-box ul {
            position: relative;
            display: block;
        }

            .single-footer-widget .contact-info-box ul li {
                position: relative;
                display: block;
                margin-bottom: 15px;
            }

                .single-footer-widget .contact-info-box ul li:last-child {
                    margin-bottom: 0;
                }

                .single-footer-widget .contact-info-box ul li h6 {
                    position: relative;
                    display: inline-block;
                    color: #ffffff;
                    font-size: 14px;
                    line-height: 20px;
                    font-weight: 600;
                    text-transform: uppercase;
                    border-bottom: 2px solid #404043;
                }

                .single-footer-widget .contact-info-box ul li p {
                    color: #7c7e84;
                    margin: 13px 0 0;
                }





    .single-footer-widget .services-links {
        position: relative;
        display: block;
    }

        .single-footer-widget .services-links ul {
            position: relative;
            display: block;
            overflow: hidden;
            margin-top: -19px;
        }

            .single-footer-widget .services-links ul li {
                position: relative;
                display: block;
                border-bottom: 1px solid #404144;
                line-height: 35px;
                width: 45%;
                float: left;
                margin-right: 5%;
            }

                .single-footer-widget .services-links ul li:nth-child(2n) {
                    margin-right: 0px;
                    width: 50%;
                }

                .single-footer-widget .services-links ul li a {
                    color: #ffffff;
                    font-size: 15px;
                    font-weight: lighter;
                    padding-left: 20px;
                    transition: all 500ms ease;
                }

                    .single-footer-widget .services-links ul li a:hover {
                        color: #ffffff;
                    }

                    .single-footer-widget .services-links ul li a:before {
                        position: absolute;
                        top: 0px;
                        left: 0;
                        content: "\f101";
                        font-family: FontAwesome;
                        color: #e9212e;
                        font-size: 15px;
                        transition: all 500ms ease;
                        /* font-weight: 600; */
                        line-height: 34px;
                    }

                    .single-footer-widget .services-links ul li a:hover:before {
                        color: #ffffff;
                        transition: all 500ms ease;
                    }

    .single-footer-widget.footer-contact .services-links {
        margin: 0px;
        line-height: normal;
        border: 0px;
    }

        .single-footer-widget.footer-contact .services-links p, .single-footer-widget.footer-contact .services-links p a {
            color: #ffffff;
        }

    .single-footer-widget .recent-news {
        position: relative;
        display: block;
        overflow: hidden;
    }

        .single-footer-widget .recent-news li {
            position: relative;
            display: block;
            padding-left: 75px;
            min-height: 75px;
            margin-bottom: 30px;
        }

            .single-footer-widget .recent-news li:last-child {
                margin-bottom: 0;
            }

            .single-footer-widget .recent-news li .img-holder {
                position: absolute;
                top: 0;
                left: 0;
                width: 75px;
                height: 75px;
                display: block;
                overflow: hidden;
            }

                .single-footer-widget .recent-news li .img-holder img {
                    transition: all 0.5s ease-in-out 0.6s;
                    width: 100%;
                    transform: scale(1.0, 1.0);
                }

            .single-footer-widget .recent-news li:hover .img-holder img {
                transform: scale(1.2, 1.2);
            }

            .single-footer-widget .recent-news li:hover .img-holder .overlay-style-one {
                opacity: 1;
            }

            .single-footer-widget .recent-news li .img-holder .overlay-style-one .content a span:before {
                position: relative;
                display: inline-block;
                width: 25px;
                height: 25px;
                color: #ffffff;
                font-size: 25px;
                line-height: 25px;
                font-weight: 400;
                filter: alpha(opacity=0);
                opacity: 0;
                transform: perspective(1200px) rotateY(-90deg) scale(5);
                transition: all 0.5s ease-in-out 0.3s;
            }

            .single-footer-widget .recent-news li:hover .img-holder .overlay-style-one .content a span:before {
                filter: alpha(opacity=100);
                opacity: 1;
                transform: perspective(1200px) rotateY(0deg) scale(1.0);
                transition-delay: 0.1s;
            }

            .single-footer-widget .recent-news li .title-holder {
                position: relative;
                display: block;
                padding-left: 20px;
            }

                .single-footer-widget .recent-news li .title-holder p {
                    color: #7c7e84;
                    line-height: 16px;
                    margin: 0 0 9px;
                }

                .single-footer-widget .recent-news li .title-holder h5 {
                    font-size: 16px;
                    line-height: 22px;
                    font-weight: 600;
                }

                    .single-footer-widget .recent-news li .title-holder h5 a {
                        color: #ffffff;
                    }



    .single-footer-widget .brochures-carousel-box {
        position: relative;
        display: block;
        max-width: 270px;
        width: 100%;
        background: #ffffff;
    }

        .single-footer-widget .brochures-carousel-box .img-holder {
            position: relative;
            display: block;
            overflow: hidden;
        }

            .single-footer-widget .brochures-carousel-box .img-holder img {
            }

        .single-footer-widget .brochures-carousel-box .title-holder {
            position: relative;
            display: block;
            padding: 24px 30px 22px;
            z-index: 1;
        }

            .single-footer-widget .brochures-carousel-box .title-holder:before {
                position: absolute;
                right: 15px;
                bottom: 20px;
                font-family: "Flaticon";
                content: "\f109";
                color: #ececec;
                font-size: 80px;
                line-height: 80px;
                z-index: -1;
            }

            .single-footer-widget .brochures-carousel-box .title-holder h3 {
                color: #27282c;
                font-size: 18px;
                line-height: 26px;
                font-weight: 600;
                margin: 0 0 17px;
            }

                .single-footer-widget .brochures-carousel-box .title-holder h3 a {
                }

.brochures-carousel-box .owl-dots {
    position: absolute;
    margin-top: -177px !important;
    height: 25px;
    line-height: 25px;
    right: 15px;
}

    .brochures-carousel-box .owl-dots .owl-dot {
        background-image: none;
        width: 12px;
        height: 12px;
        margin: 0px 5px;
        background: transparent;
        border: 2px solid #ffffff;
        padding: 0px;
        border-radius: 50%;
        transition: all 500ms ease;
        display: inline-block;
    }

        .brochures-carousel-box .owl-dots .owl-dot span {
            display: none;
        }

        .brochures-carousel-box .owl-dots .owl-dot.active {
            background: #ffffff;
        }

.footer-bottom-area {
    position: relative;
    display: block;
    padding: 15px 0px;
    background: #171717;
    z-index: 10;
}

    .footer-bottom-area .copyright-text {
        margin: 0;
    }

        .footer-bottom-area .copyright-text p {
            color: #ffffff;
            font-size: 15px;
            line-height: 24px;
            font-weight: 400;
            margin: 0;
        }

            .footer-bottom-area .copyright-text p a {
                color: #e9212e;
                font-weight: inherit;
                transition: all 500ms ease;
            }

                .footer-bottom-area .copyright-text p a:hover {
                    color: #7c7e84;
                }

.footer-social-links {
    position: relative;
    display: block;
}

    .footer-social-links span {
        position: relative;
        display: inline-block;
        float: left;
        padding-right: 15px;
        color: #ffffff;
        font-size: 14px;
        line-height: 30px;
    }

    .footer-social-links .sociallinks-style-one {
        position: relative;
        display: inline-block;
        line-height: 30px;
        float: left;
    }

        .footer-social-links .sociallinks-style-one li {
        }

            .footer-social-links .sociallinks-style-one li a i {
                color: #b7b7b7;
                font-size: 14px;
                font-weight: 400;
                transition: all 500ms ease;
                width: 30px;
                height: 30px;
                text-align: center;
                line-height: 30px;
                border-radius: 50%;
            }

            .footer-social-links .sociallinks-style-one li a:hover i {
                /* color: #e9212e; */
                box-shadow: 0px 0px 2px 5px #fff;
            }

    .footer-social-links li a i.fa-facebook {
        background: #4267b2;
        color: #ffffff;
    }

    .footer-social-links li a i.fa-twitter {
        background: #1da0f2;
        color: #ffffff;
    }

    .footer-social-links li a i.fa-instagram {
        background: #e95b35;
        color: #ffffff;
    }

    .footer-social-links li a i.fa-youtube {
        background: #f00;
        color: #ffffff;
    }

    .footer-social-links li a i.fa-linkedin {
        background: #0080b2;
        color: #ffffff;
    }

.top-bar-style2 {
    position: relative;
    display: block;
    background: #26272b;
    padding: 15px 50px;
}

.top-style2 {
    display: flow-root;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
}

.top-style2-left {
    position: relative;
    display: block;
}

    .top-style2-left p {
        position: relative;
        display: inline-block;
        float: left;
        color: #ffffff;
        font-size: 15px;
        font-weight: 500;
        line-height: 30px;
        margin: 0;
        font-family: 'Poppins', sans-serif;
    }

        .top-style2-left p span:before {
            position: relative;
            top: 3px;
            color: #e9212e;
            font-size: 20px;
            line-height: 20px;
            display: inline-block;
            padding-right: 9px;
        }

    .top-style2-left ul {
        position: relative;
        display: inline-block;
        float: left;
        padding-left: 20px;
    }

        .top-style2-left ul li {
            position: relative;
            display: inline-block;
            float: left;
            padding-right: 16px;
            margin-right: 15px;
            color: #7c7e84;
            font-size: 15px;
            line-height: 30px;
        }

            .top-style2-left ul li:last-child {
                padding-right: 0;
                margin-right: 0;
            }

            .top-style2-left ul li:before {
                position: absolute;
                top: 7px;
                right: 0;
                width: 1px;
                height: 15px;
                background: #404043;
                content: "";
            }

            .top-style2-left ul li:last-child:before {
                display: none;
            }

.top-style2-right {
    position: relative;
    display: block;
    overflow: hidden;
    float: right;
}

    .top-style2-right .top-right-menu {
        position: relative;
        display: inline-block;
        float: left;
        padding-right: 20px;
        margin-right: 20px;
    }

        .top-style2-right .top-right-menu:before {
            position: absolute;
            top: 7px;
            right: 0;
            width: 1px;
            height: 15px;
            background: #404043;
            content: "";
        }

        .top-style2-right .top-right-menu li {
            position: relative;
            display: inline-block;
            float: left;
            line-height: 30px;
            padding-right: 30px;
        }

            .top-style2-right .top-right-menu li:last-child {
                padding-right: 0;
            }

            .top-style2-right .top-right-menu li a {
                color: #7c7e84;
                font-size: 15px;
                transition: all 500ms ease;
            }

                .top-style2-right .top-right-menu li a:hover {
                    color: #e9212e;
                }

    .top-style2-right .topbar-social-links {
        position: relative;
        display: inline-block;
        float: right;
    }

        .top-style2-right .topbar-social-links li {
            position: relative;
            display: inline-block;
            float: left;
            line-height: 30px;
            padding-right: 30px;
        }

            .top-style2-right .topbar-social-links li:last-child {
                padding-right: 0;
            }

            .top-style2-right .topbar-social-links li a i {
                color: #7c7e84;
                font-size: 14px;
                transition: all 500ms ease;
            }

            .top-style2-right .topbar-social-links li a:hover i {
                color: #e9212e;
            }

.header-style2 {
    position: relative;
    display: block;
    z-index: 9999;
}

    .header-style2.stricky-fixed {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 99999999;
        background: #ffffff;
        margin: 0;
        animation-name: menu_sticky;
        animation-duration: 0.60s;
        animation-timing-function: ease-out;
        transition: all .25s ease-in-out;
        -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.10);
        -moz-box-shadow: 0 0 15px rgba(0,0,0,0.10);
        -ms-box-shadow: 0 0 15px rgba(0,0,0,0.10);
        -o-box-shadow: 0 0 15px rgba(0,0,0,0.10);
        box-shadow: 0 0 15px rgba(0,0,0,0.10);
    }

    .header-style2 .inner-container {
        position: relative;
        padding: 0 50px;
    }

.logo-box-style2 {
    position: relative;
    display: block;
    margin: 20px 0;
    transition: all 500ms ease 100ms;
}

    .logo-box-style2 a {
        display: inline-block;
    }

.main-menu.style2 .navigation > li {
    margin-right: 52px;
}

    .main-menu.style2 .navigation > li:last-child {
        margin-right: 0px;
    }

    .main-menu.style2 .navigation > li > a {
        padding: 39px 0px 37px;
    }

    .main-menu.style2 .navigation > li.dropdown > a:after {
        font-family: FontAwesome;
        position: absolute;
        right: -18px;
        top: 0px;
        display: block;
        font-size: 15px;
        line-height: 90px;
        color: #919191;
        font-weight: 400;
        content: "\f107";
        z-index: 5;
    }

.mainmenu-right.style2 {
    margin-left: 40px;
}

    .mainmenu-right.style2 .cart-box {
        float: left;
    }

    .mainmenu-right.style2 .button {
        position: relative;
        display: inline-block;
        float: right;
        margin-left: 35px;
        padding: 20px 0;
    }

        .mainmenu-right.style2 .button a {
            line-height: 50px;
            padding: 0 20px 0;
        }

.about-style2-area {
    position: relative;
    display: block;
    padding: 110px 0 110px;
}

.about-style2-text {
    position: relative;
    display: block;
}

    .about-style2-text .sec-title {
        padding-bottom: 30px;
    }

        .about-style2-text .sec-title p {
            margin: 0 0 27px;
        }

    .about-style2-text .text {
        position: relative;
        display: block;
        border-top: 1px dashed #cccccc;
        padding-top: 44px;
        padding-bottom: 35px;
    }

        .about-style2-text .text p {
            margin: 0;
        }

    .about-style2-text .authorised-info {
        position: relative;
        display: block;
    }

        .about-style2-text .authorised-info .signature {
            width: 185px;
        }

        .about-style2-text .authorised-info .signature,
        .about-style2-text .authorised-info .name {
            display: table-cell;
            vertical-align: middle;
        }

        .about-style2-text .authorised-info .name {
            border-left: 1px solid #ededed;
            padding-left: 20px;
        }

            .about-style2-text .authorised-info .name h3 {
                color: #27282c;
                font-weight: 600;
                margin: 0 0 5px;
            }

            .about-style2-text .authorised-info .name p {
                color: #e9212e;
                line-height: 20px;
                margin: 0;
            }

    .about-style2-text .button {
        position: relative;
        display: block;
        padding-top: 50px;
    }

.about-style2-image-box {
    position: relative;
    display: block;
}

    .about-style2-image-box .pattern {
        position: absolute;
        top: -110px;
        left: 5px;
        right: 0;
        bottom: -110px;
        background: #f9f9f9;
        background-repeat: no-repeat;
        width: 664px;
        height: 765px;
        content: "";
    }

    .about-style2-image-box .image {
        position: relative;
        display: block;
        max-width: 470px;
        width: 100%;
        margin: 0 auto;
        z-index: 3;
    }

    .about-style2-image-box img {
        width: 100%;
    }

    .about-style2-image-box .overlay-box {
        position: absolute;
        left: 40px;
        bottom: 30px;
        right: 40px;
        background: #ffffff;
    }

        .about-style2-image-box .overlay-box:before {
            font-family: FontAwesome;
            position: absolute;
            top: -20px;
            left: 30px;
            content: "\f0d8";
            color: #ffffff;
            font-size: 50px;
        }

        .about-style2-image-box .overlay-box .title {
            position: relative;
            display: block;
            float: left;
            padding: 23px 0 20px;
            padding-left: 30px;
        }

            .about-style2-image-box .overlay-box .title h1 {
                color: #555555;
                font-size: 48px;
                font-weight: 500;
                filter: alpha(opacity=50);
                font-family: 'Rubik', sans-serif;
            }

                .about-style2-image-box .overlay-box .title h1 span {
                    position: relative;
                    display: inline-block;
                    font-size: 18px;
                    line-height: 24px;
                    font-weight: 700;
                    text-transform: uppercase;
                    font-family: 'Poppins', sans-serif;
                }

        .about-style2-image-box .overlay-box .button {
            position: relative;
            display: block;
            float: right;
        }

            .about-style2-image-box .overlay-box .button a span:before {
                position: relative;
                display: block;
                width: 80px;
                background: #e9212e;
                color: #ffffff;
                font-size: 30px;
                line-height: 100px;
                text-align: center;
                transform: rotate(180deg);
            }

.working-style2-area {
    position: relative;
    display: block;
    background-attachment: fixed;
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    padding: 0px 0 110px;
    margin-top: 110px;
    z-index: 1;
}

    .working-style2-area::before {
        background: rgba(0, 0, 0, 0.80) none repeat scroll 0 0;
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        content: "";
        z-index: -1;
    }

.working-style2-content {
    margin-top: -110px;
}

.single-working-box-style2 {
    position: relative;
    display: block;
    width: 25%;
    float: left;
}

    .single-working-box-style2 .img-holder {
        position: relative;
        display: block;
        overflow: hidden;
    }

        .single-working-box-style2 .img-holder img {
            width: 100%;
            transform: scale(1.0);
            transition: all 700ms ease;
        }

    .single-working-box-style2:hover .img-holder img {
        transform: scale(1.2);
    }

    .single-working-box-style2 .static-content {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 2;
        visibility: visible;
        opacity: 1;
        transform: translateY(0px);
        transition: all 500ms ease 100ms;
    }

    .single-working-box-style2:hover .static-content {
        opacity: 0;
        visibility: hidden;
        transform: translateY(100%);
        transition: all 900ms ease 100ms;
    }

    .single-working-box-style2 .static-content .box {
        display: table;
        width: 100%;
        height: 100%;
    }

        .single-working-box-style2 .static-content .box .inner {
            display: table-cell;
            vertical-align: middle;
            text-align: center;
        }

    .single-working-box-style2 .icon-holder {
        position: relative;
        display: block;
        width: 110px;
        height: 110px;
        margin: 0 auto 60px;
        text-align: center;
        border: 2px solid #ffffff;
        border-radius: 50%;
    }

        .single-working-box-style2 .icon-holder span:before {
            display: block;
            color: #ffffff;
            font-size: 55px;
            line-height: 106px;
        }

    .single-working-box-style2 .text-holder {
        position: relative;
        display: block;
    }

        .single-working-box-style2 .text-holder .title {
            position: relative;
            display: block;
        }

            .single-working-box-style2 .text-holder .title h3 {
                color: #ffffff;
                font-size: 20px;
                line-height: 70px;
                font-weight: 600;
                z-index: 1;
            }

            .single-working-box-style2 .text-holder .title .count {
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                color: #2d2e32;
                font-size: 100px;
                line-height: 70px;
                font-weight: 500;
                font-family: 'Rubik', sans-serif;
                z-index: -1;
            }

    .single-working-box-style2 .overlay-content {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 3;
        opacity: 0;
        transform: translateY(100%);
        transition: all 300ms ease 100ms;
    }

    .single-working-box-style2:hover .overlay-content {
        opacity: 1;
        transform: translateY(-10px);
        transition: all 900ms ease 300ms;
    }

    .single-working-box-style2 .overlay-content .box {
        display: table;
        width: 100%;
        height: 100%;
    }

        .single-working-box-style2 .overlay-content .box .inner {
            display: table-cell;
            vertical-align: middle;
            text-align: center;
        }

    .single-working-box-style2 .overlay-content .icon-holder {
        margin: 0 auto 50px;
        border: 2px solid #e9212e;
        background: #e9212e;
    }

    .single-working-box-style2 .text-holder .text {
        position: relative;
        display: block;
        padding: 0 20px;
        margin-top: 34px;
    }

        .single-working-box-style2 .text-holder .text p {
            color: #7c7e84;
            margin: 0;
        }

    .single-working-box-style2 .read-more a span:before {
        position: absolute;
        left: 0;
        bottom: -30px;
        right: 0;
        width: 60px;
        height: 60px;
        margin: 0 auto;
        background: #e9212e;
        border-radius: 50%;
        color: #ffffff;
        font-size: 20px;
        line-height: 60px;
        text-align: center;
        opacity: 0;
        transform: scale(0.5);
        transition: all 200ms ease 100ms;
    }

    .single-working-box-style2:hover .read-more a span:before {
        opacity: 1.0;
        transform: scale(1.0);
        transition: all 900ms ease 900ms;
    }

.working-style-bottom {
    position: relative;
    display: block;
    padding-top: 84px;
}

    .working-style-bottom p {
        color: #ffffff;
        font-size: 18px;
        font-weight: 500;
        line-height: 28px;
        margin: 0 0 42px;
        font-family: 'Poppins', sans-serif;
    }

    .working-style-bottom a {
        padding: 0 40px;
    }

.services-style1-area {
    position: relative;
    display: block;
    padding: 110px 0 120px;
}

.single-service-style1 {
    position: relative;
    display: block;
    margin-bottom: 50px;
}

    .single-service-style1 .img-holder {
        position: relative;
        display: block;
        overflow: hidden;
        z-index: 1;
    }

        .single-service-style1 .img-holder img {
            width: 100%;
            transform: scale(1.01);
            transition: all 700ms ease;
        }

    .single-service-style1:hover .img-holder img {
        transform: scale(1.2);
    }

    .single-service-style1:hover .overlay-style-two {
        opacity: 1;
    }

    .single-service-style1 .img-holder .overlay-style-two:before {
        background-color: rgba(40, 41, 46, 0.90);
    }

    .single-service-style1:hover .img-holder .overlay-style-two:before {
        opacity: 1;
        transform: perspective(400px) rotateX(0deg);
        transition: all 700ms ease 100ms;
    }

    .single-service-style1 .img-holder .overlay-style-two:after {
        background-color: rgba(40, 41, 46, 0.90);
    }

    .single-service-style1:hover .img-holder .overlay-style-two:after {
        opacity: 1;
        transform: perspective(400px) rotateX(0deg);
        transition: all 700ms ease 300ms;
    }

    .single-service-style1 .overlay-content-box {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 5;
    }

        .single-service-style1 .overlay-content-box .box {
            display: table;
            width: 100%;
            height: 100%;
        }

            .single-service-style1 .overlay-content-box .box .inner {
                display: table-cell;
                vertical-align: middle;
                text-align: center;
            }

        .single-service-style1 .overlay-content-box .icon {
            position: relative;
            display: block;
            margin: 0 0 11px;
            opacity: 0;
            transform: translate3d(0px, -50%, 0px);
            transition: all 300ms ease 100ms;
        }

    .single-service-style1:hover .overlay-content-box .icon {
        opacity: 1;
        transform: translate3d(0px, 0%, 0px);
        transition: all 700ms ease 800ms;
    }

    .single-service-style1 .overlay-content-box .icon span:before {
        display: inline-block;
        color: #e9212e;
        font-size: 60px;
        line-height: 60px;
    }

    .single-service-style1 .overlay-content-box .title {
        position: relative;
        display: block;
        opacity: 0;
        transform: translate3d(0px, 50%, 0px);
        transition: all 300ms ease 100ms;
    }

    .single-service-style1:hover .overlay-content-box .title {
        opacity: 1;
        transform: translate3d(0px, 0%, 0px);
        transition: all 700ms ease 900ms;
    }

    .single-service-style1 .overlay-content-box .title h3 {
        color: #ffffff;
        font-weight: 600;
    }

    .single-service-style1 .text-holder {
        position: relative;
        display: block;
        border: 1px solid #ededed;
        padding: 35px 30px 28px;
    }

        .single-service-style1 .text-holder .inner-content {
            position: relative;
            display: block;
            -webkit-transform: translateY(0%);
            transform: translateY(0%);
            transition: all 700ms ease 800ms;
        }

    .single-service-style1:hover .text-holder .inner-content {
        opacity: 0;
        -webkit-transform: translateY(-40%);
        transform: translateY(-40%);
        transition: all 700ms ease 500ms;
    }

    .single-service-style1 .text-holder .top {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: flex-start;
    }

        .single-service-style1 .text-holder .top .icon {
        }

            .single-service-style1 .text-holder .top .icon span:before {
                color: #b3b3b3;
                font-size: 60px;
                line-height: 60px;
            }

        .single-service-style1 .text-holder .top .count {
        }

            .single-service-style1 .text-holder .top .count h1 {
                font-size: 48px;
                line-height: 40px;
                font-weight: 500;
                background: -moz-linear-gradient(45deg, rgba(65,94,82,1) 0%, rgba(255,0,0,1) 1%, rgba(77,0,0,1) 100%); /* ff3.6+ */
                background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, rgba(65,94,82,1)), color-stop(1%, rgba(255,0,0,1)), color-stop(100%, rgba(77,0,0,1))); /* safari4+,chrome */
                background: -webkit-linear-gradient(45deg, rgba(65,94,82,1) 0%, rgba(255,0,0,1) 1%, rgba(77,0,0,1) 100%); /* safari5.1+,chrome10+ */
                background: -o-linear-gradient(45deg, rgba(65,94,82,1) 0%, rgba(255,0,0,1) 1%, rgba(77,0,0,1) 100%); /* opera 11.10+ */
                background: -ms-linear-gradient(45deg, rgba(65,94,82,1) 0%, rgba(255,0,0,1) 1%, rgba(77,0,0,1) 100%); /* ie10+ */
                background: linear-gradient(45deg, rgba(65,94,82,1) 0%, rgba(255,0,0,1) 1%, rgba(77,0,0,1) 100%); /* w3c */
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4D0000', endColorstr='#415E52',GradientType=1 ); /* ie6-9 */
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
                font-family: 'Rubik', sans-serif;
            }

    .single-service-style1 .text-holder .bottom {
        padding-top: 7px;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }

        .single-service-style1 .text-holder .bottom .title {
        }

            .single-service-style1 .text-holder .bottom .title h3 {
                color: #27282c;
                font-weight: 600;
            }

        .single-service-style1 .text-holder .bottom .read-more {
        }

            .single-service-style1 .text-holder .bottom .read-more a span:before {
                color: #b3b3b3;
                font-size: 25px;
                line-height: 36px;
            }

    .single-service-style1 .text-holder .overlay-content {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #ffffff;
        display: block;
        padding: 28px 30px 0;
        opacity: 0;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        transition: all 700ms ease 100ms;
    }

    .single-service-style1:hover .text-holder .overlay-content {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        transition: all 700ms ease 500ms;
    }

    .single-service-style1 .text-holder .overlay-content .text {
        position: relative;
        display: block;
    }

        .single-service-style1 .text-holder .overlay-content .text p {
            margin: 0;
        }

    .single-service-style1 .text-holder .overlay-content .read-more {
    }

        .single-service-style1 .text-holder .overlay-content .read-more a span:before {
            position: absolute;
            left: 0;
            bottom: -30px;
            right: 0;
            width: 60px;
            height: 60px;
            margin: 0 auto;
            background: #e9212e;
            display: block;
            text-align: center;
            border-radius: 50%;
            color: #ffffff;
            font-size: 24px;
            line-height: 60px;
        }

.slogan-style2-area {
    position: relative;
    display: block;
    background-attachment: fixed;
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    padding: 102px 0 110px;
    z-index: 1;
}

    .slogan-style2-area .icon-holder {
        position: absolute;
        top: -60px;
        left: 0;
        right: 0;
        width: 120px;
        height: 120px;
        background: #e9212e;
        margin: 0 auto;
        border-radius: 50%;
        text-align: center;
        animation: fa-spin 9s ease infinite;
    }

        .slogan-style2-area .icon-holder span:before {
            position: relative;
            display: block;
            color: #ffffff;
            font-size: 80px;
            line-height: 120px;
        }

    .slogan-style2-area .inner-content {
        display: flex;
        align-items: center;
        flex-direction: column;
        text-align: center;
    }

        .slogan-style2-area .inner-content .title {
            display: block;
            padding-bottom: 40px;
        }

            .slogan-style2-area .inner-content .title h1 {
                color: #ffffff;
                font-size: 36px;
                line-height: 44px;
                font-weight: 700;
                text-transform: uppercase;
            }

                .slogan-style2-area .inner-content .title h1 span {
                    font-weight: 400;
                }

        .slogan-style2-area .inner-content .button {
        }

            .slogan-style2-area .inner-content .button a {
                color: #27282c;
                background: #ffffff;
                margin: 0 13px;
                padding: 0 40px 0;
            }

                .slogan-style2-area .inner-content .button a:hover {
                    color: #ffffff;
                    background: #27282c;
                }

                .slogan-style2-area .inner-content .button a.call-us {
                    color: #ffffff;
                    background: #e9212e;
                }

                    .slogan-style2-area .inner-content .button a.call-us i:before {
                        position: relative;
                        top: 2px;
                        display: inline-block;
                        padding-right: 10px;
                        font-size: 20px;
                        line-height: 20px;
                    }

.why-choose-area {
    position: relative;
    display: block;
    background-attachment: fixed;
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    padding: 110px 0 110px;
    z-index: 1;
}

.why-choose-title {
    position: relative;
    display: block;
    padding-bottom: 60px;
    background: #27282c;
    max-width: 390px;
    width: 100%;
}

    .why-choose-title .sec-title {
        margin: 0;
        padding-top: 50px;
        padding-left: 40px;
        padding-bottom: 28px;
    }

        .why-choose-title .sec-title .icon {
            position: relative;
            display: block;
            margin-bottom: 32px;
        }

        .why-choose-title .sec-title .title {
            color: #ffffff;
            font-size: 30px;
            line-height: 40px;
        }

    .why-choose-title ul {
        position: relative;
        display: block;
        padding-left: 40px;
    }

        .why-choose-title ul li {
            position: relative;
            display: block;
            padding-left: 35px;
            color: #ffffff;
            font-size: 16px;
            margin-bottom: 17px;
        }

            .why-choose-title ul li:last-child {
                margin-bottom: 0;
            }

            .why-choose-title ul li:before {
                font-family: 'icomoon';
                content: "\e935";
                position: absolute;
                top: 2px;
                left: 0;
                color: #e9212e;
                font-size: 20px;
                line-height: 20px;
            }

    .why-choose-title .button {
        position: relative;
        display: block;
        margin-top: 52px;
        z-index: 1;
    }

        .why-choose-title .button:before {
            position: absolute;
            top: 0;
            left: -10px;
            bottom: 0;
            width: 10px;
            background: #e9212e;
            content: "";
            z-index: -1;
        }

        .why-choose-title .button:after {
            position: absolute;
            top: -15px;
            left: -10px;
            width: 10px;
            height: 15px;
            content: "";
            background: url(/images/button-shape.png);
            z-index: -1;
        }

        .why-choose-title .button a {
            position: relative;
            display: block;
            background: #e9212e;
            color: #ffffff;
            line-height: 70px;
            padding: 0 40px 0;
        }

            .why-choose-title .button a:hover {
                background: #d51723;
            }

.why-choose-content {
    position: relative;
    max-width: 780px;
    width: 100%;
    display: flex;
    justify-content: center;
    flex-direction: row;
    flex-wrap: wrap;
}

    .why-choose-content .single-box {
        position: relative;
        display: block;
        padding: 50px 40px 42px;
        padding-right: 30px;
        width: 50%;
    }

        .why-choose-content .single-box.redbg {
            background: #e9212e;
        }

        .why-choose-content .single-box.whitebg {
            background: #ffffff;
        }

        .why-choose-content .single-box.blackbg {
            background: #27282c;
        }

        .why-choose-content .single-box .icon-holder {
            position: relative;
            display: block;
            padding: 10px;
            width: 70px;
            height: 70px;
            z-index: 1;
        }

            .why-choose-content .single-box .icon-holder:before {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                content: "";
                background: #ed4d58;
                border-radius: 50%;
                z-index: -1;
            }

            .why-choose-content .single-box .icon-holder span:before {
                color: #ffffff;
                font-size: 50px;
                line-height: 50px;
            }

        .why-choose-content .single-box .text-holder {
            position: relative;
            display: block;
            padding-top: 16px;
        }

            .why-choose-content .single-box .text-holder h3 {
                color: #ffffff;
                font-size: 20px;
                font-weight: 600;
                margin: 0 0 18px;
            }

            .why-choose-content .single-box .text-holder p {
                color: #ffffff;
                margin: 0;
            }

        .why-choose-content .single-box.whitebg .text-holder h3 {
            color: #e9212e;
        }

        .why-choose-content .single-box.whitebg .text-holder p {
            color: #828282;
        }

        .why-choose-content .single-box.whitebg .icon-holder:before {
            background: #ffeced;
        }

        .why-choose-content .single-box.whitebg .icon-holder span:before {
            color: #e9212e;
        }

        .why-choose-content .single-box.blackbg .text-holder p {
            color: #828282;
        }

        .why-choose-content .single-box.blackbg .icon-holder:before {
            background: #36373b;
        }

        .why-choose-content .single-box.blackbg .icon-holder span:before {
            color: #ffffff;
        }

.recently-project-style2-area {
    position: relative;
    display: block;
    padding: 110px 0 108px;
}

.single-project-style2 {
    position: relative;
    display: block;
}

    .single-project-style2 .img-holder {
        position: relative;
        display: block;
        overflow: hidden;
    }

        .single-project-style2 .img-holder:before {
            position: absolute;
            left: 0;
            bottom: 0;
            right: 0;
            height: 40%;
            content: "";
            transition: all 300ms ease 100ms;
            z-index: 2;
            background: rgb(39,40,44);
            background: linear-gradient(180deg, rgba(39,40,44,0) 40%, rgba(39,40,44,0.8407738095238095) 78%, rgba(39,40,44,1) 94%, rgba(39,40,44,1) 100%, rgba(39,40,44,1) 100%, rgba(237,237,237,1) 100%, rgba(32,50,96,0) 100%);
        }

    .single-project-style2:hover .img-holder:before {
        opacity: 0;
    }

    .single-project-style2 .img-holder:after {
        position: absolute;
        left: 0;
        bottom: 0;
        right: 0;
        height: 100%;
        content: "";
        opacity: 0;
        transition: all 300ms ease 100ms;
        z-index: 2;
        background: rgb(39,40,44);
        background: linear-gradient(0deg, rgba(39,40,44,0) 0%, rgba(39,40,44,0.8407738095238095) 0%, rgba(39,40,44,1) 0%, rgba(39,40,44,0.7959558823529411) 100%, rgba(39,40,44,1) 100%, rgba(39,40,44,1) 100%, rgba(237,237,237,1) 100%, rgba(32,50,96,0) 100%);
    }

    .single-project-style2:hover .img-holder:after {
        opacity: 1;
    }

    .single-project-style2 .img-holder img {
        width: 100%;
        transform: scale(1.01);
        transition: all 700ms ease;
    }

    .single-project-style2:hover .img-holder img {
        transform: scale(1.2) rotate(2deg);
    }

    .single-project-style2 .read-more {
        position: absolute;
        top: 40px;
        left: 40px;
        z-index: 3;
    }

        .single-project-style2 .read-more a span:before {
            position: relative;
            display: block;
            width: 60px;
            height: 60px;
            background: #ffffff;
            border-radius: 50%;
            color: #858585;
            font-size: 20px;
            line-height: 60px;
            text-align: center;
            transition: all 700ms ease 400ms;
        }

    .single-project-style2:hover .read-more a span:before {
        color: #ffffff;
        background: #e9212e;
        transform: perspective(400px) rotate(360deg);
    }

    .single-project-style2 .title-box {
        position: absolute;
        left: 40px;
        bottom: 34px;
        z-index: 3;
    }

        .single-project-style2 .title-box span {
            color: #7c7e84;
        }

        .single-project-style2 .title-box h3 {
            color: #ffffff;
            font-weight: 600;
            margin: 3px 0 0;
        }

.project-carousel-v2 .owl-dots {
    position: relative;
    display: block !important;
    margin-top: 43px !important;
    line-height: 14px;
}

    .project-carousel-v2 .owl-dots .owl-dot {
        background-image: none;
        width: 20px;
        height: 5px;
        margin: 0px 10px;
        background: #e1e1e1;
        border: 2px solid #e1e1e1;
        padding: 0px;
        border-radius: 0%;
        transition: all 500ms ease;
        display: inline-block;
    }

        .project-carousel-v2 .owl-dots .owl-dot span {
            display: none;
        }

        .project-carousel-v2 .owl-dots .owl-dot.active {
            background: #e9212e;
            border-color: #e9212e;
        }



.working-process-style2-area {
    position: relative;
    display: block;
    background-attachment: fixed;
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    padding: 110px 0 110px;
    z-index: 1;
}

.single-working-process-style2 {
    position: relative;
    display: block;
    max-width: 370px;
    min-width: 370px;
    width: 100%;
    margin: 0 auto;
    background: #ffffff;
}

    .single-working-process-style2 .top-box {
        position: relative;
        display: block;
        padding: 30px 40px 20px;
        z-index: 2;
    }

        .single-working-process-style2 .top-box:before {
            position: absolute;
            top: 11px;
            right: 0;
            width: 370px;
            height: 113px;
            background: url(../images/pattern/working-process-item-bg.png);
            content: "";
            z-index: -1;
            opacity: 1;
            transition: all 300ms ease 100ms;
        }

    .single-working-process-style2:hover .top-box:before {
        opacity: 0;
        transition: all 900ms ease 500ms;
    }

    .single-working-process-style2 .top-box:after {
        position: absolute;
        top: 0px;
        left: 0;
        width: 370px;
        height: 99px;
        background: url(../images/pattern/working-process-item-hover-bg.png);
        content: "";
        z-index: -1;
        transition: all 900ms ease 100ms;
        transform-style: preserve-3d;
        transform: perspective(1200px) rotateX(-90deg) translateZ(-45px);
        opacity: 0;
    }

    .single-working-process-style2:hover .top-box:after {
        opacity: 1;
        transform: perspective(1200px) rotateX(0deg) translateZ(0px);
        transition: all 900ms ease 300ms;
    }

    .single-working-process-style2 .top-box .count {
        position: relative;
        display: block;
        float: left;
    }

        .single-working-process-style2 .top-box .count h1 {
            color: #e9212e;
            font-size: 60px;
            line-height: 46px;
            font-weight: 500;
            font-family: 'Rubik', sans-serif;
            transition: all 700ms ease 500ms;
        }

    .single-working-process-style2:hover .top-box .count h1 {
        color: #ffffff;
    }

    .single-working-process-style2 .top-box .icon {
        position: relative;
        display: block;
        float: right;
    }

        .single-working-process-style2 .top-box .icon span:before {
            color: #d0d0d0;
            font-size: 70px;
            line-height: 70px;
        }

    .single-working-process-style2 .inner {
        position: relative;
        display: block;
        overflow: hidden;
        padding: 35px 40px 52px;
        width: 100%;
    }

        .single-working-process-style2 .inner h3 {
            color: #27282c;
            font-weight: 600;
            margin: 0 0 18px;
        }

        .single-working-process-style2 .inner p {
            margin: 0;
        }

.working-process-carousel.owl-carousel .owl-nav {
    position: absolute;
    right: 0;
    top: -115px;
    margin: 0;
    display: block;
}

    .working-process-carousel.owl-carousel .owl-nav [class*="owl-"] {
        position: relative;
        display: inline-block;
        background: transparent;
        width: 55px;
        height: 55px;
        border: 1px solid #dddddd;
        line-height: 54px;
        margin: 0;
        padding: 0;
        transition: all 700ms ease 100ms;
        border-radius: 50%;
    }

        .working-process-carousel.owl-carousel .owl-nav [class*="owl-"] i:before {
            color: #ababab;
            font-size: 20px;
            font-weight: 400;
        }

    .working-process-carousel.owl-carousel .owl-nav .owl-next {
        margin-left: 10px;
    }

    .working-process-carousel.owl-carousel .owl-nav [class*="owl-"]:hover {
        border-color: #e9212e;
    }



.testimonial-style2-area {
    position: relative;
    display: block;
    padding: 110px 0 108px;
}

    .testimonial-style2-area .sec-title {
        padding-bottom: 40px;
    }

.single-testimonial-style2 {
    position: relative;
    display: block;
    border: 1px solid transparent;
    transition: all 700ms ease 300ms;
}

    .single-testimonial-style2 .inner-content {
        position: relative;
        display: block;
        overflow: hidden;
    }

    .single-testimonial-style2 .static-content {
        position: relative;
        display: block;
        padding: 55px 40px 62px;
        transform: translateY(0%);
        transition: all 700ms ease 100ms;
    }

    .single-testimonial-style2:hover .static-content {
        opacity: 0;
        transform: translateY(-10%);
        transition: all 900ms ease 100ms;
    }

    .single-testimonial-style2 .static-content .quote-icon {
        position: relative;
        display: block;
        padding-bottom: 11px;
    }

        .single-testimonial-style2 .static-content .quote-icon span:before {
            color: #e9212e;
            font-size: 63px;
            line-height: 63px;
        }

    .single-testimonial-style2 .text-box {
    }

        .single-testimonial-style2 .text-box p {
            margin: 0;
        }

    .single-testimonial-style2 .static-content .client-info {
        position: relative;
        display: block;
        padding-top: 32px;
    }

    .single-testimonial-style2 .client-info .review-box {
    }

        .single-testimonial-style2 .client-info .review-box ul {
        }

            .single-testimonial-style2 .client-info .review-box ul li {
                float: none;
                margin: 0 1px;
            }

                .single-testimonial-style2 .client-info .review-box ul li i {
                }

    .single-testimonial-style2 .client-info h3 {
        color: #27282c;
        font-size: 18px;
        font-weight: 600;
        margin: 8px 0 0;
    }

    .single-testimonial-style2 .client-info {
        position: relative;
        display: block;
    }

    .single-testimonial-style2 .overlay-content {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background: #ffffff;
        display: block;
        padding: 50px 40px 0;
        opacity: 0;
        transform: translateY(-10%);
        transition: all 700ms ease 100ms;
    }

    .single-testimonial-style2:hover .overlay-content {
        opacity: 1;
        transform: translateY(0%);
        transition: all 900ms ease 100ms;
    }

    .single-testimonial-style2 .overlay-content .img-box {
        position: relative;
        display: block;
        width: 80px;
        height: 80px;
        margin: 0 auto;
    }

        .single-testimonial-style2 .overlay-content .img-box img {
            border-radius: 50%;
        }

    .single-testimonial-style2 .overlay-content .text-box {
        position: relative;
        display: block;
        padding: 10px 0 10px;
        margin: 14px 0 0;
        z-index: 2;
    }

        .single-testimonial-style2 .overlay-content .text-box .quote-icon {
            position: absolute;
            top: -18px;
            left: 0;
            right: 0;
            z-index: -1;
        }

            .single-testimonial-style2 .overlay-content .text-box .quote-icon span:before {
                color: #f6f6f6;
                font-size: 128px;
                line-height: 128px;
            }

    .single-testimonial-style2 .overlay-content .client-info {
        position: relative;
        display: block;
        padding-top: 22px;
    }

.testimonial-style2-content {
    overflow: hidden;
}

    .testimonial-style2-content .owl-carousel {
        display: block;
        max-width: 370px;
        width: 100%;
        margin: 0 auto;
    }

        .testimonial-style2-content .owl-carousel .owl-stage-outer {
            overflow: visible;
            padding: 10px 0px 43px;
        }

            .testimonial-style2-content .owl-carousel .owl-stage-outer .owl-item.active .single-testimonial-style2 {
                -webkit-box-shadow: 0px 2px 5px 4px #f6f6f6;
                box-shadow: 0px 2px 5px 4px #f6f6f6;
                transition: all 700ms ease 800ms;
            }

                .testimonial-style2-content .owl-carousel .owl-stage-outer .owl-item.active .single-testimonial-style2 .static-content {
                    opacity: 0;
                    transform: translateY(-10%);
                    transition: all 900ms ease 300ms;
                }

                .testimonial-style2-content .owl-carousel .owl-stage-outer .owl-item.active .single-testimonial-style2 .overlay-content {
                    opacity: 1;
                    transform: translateY(0%);
                    transition: all 900ms ease 300ms;
                }

.testimonial-carousel .owl-dots {
    position: relative;
    display: block !important;
    margin-top: 0px !important;
    line-height: 14px;
}

    .testimonial-carousel .owl-dots .owl-dot {
        background-image: none;
        width: 20px;
        height: 5px;
        margin: 0px 10px;
        background: #e1e1e1;
        border: 2px solid #e1e1e1;
        padding: 0px;
        border-radius: 0%;
        transition: all 500ms ease;
        display: inline-block;
    }

        .testimonial-carousel .owl-dots .owl-dot span {
            display: none;
        }

        .testimonial-carousel .owl-dots .owl-dot.active {
            background: #e9212e;
            border-color: #e9212e;
        }


.contact-details-area {
    position: relative;
    display: block;
    padding: 110px 0 0;
    z-index: 4;
}

    .contact-details-area .sec-title {
        z-index: 3;
    }

    .contact-details-area .parallax-background {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        min-height: 550px;
        background-attachment: fixed;
        background-position: center top;
        background-repeat: no-repeat;
        background-size: cover;
        z-index: 1;
    }

.contact-details-content {
    position: relative;
    display: block;
    background: #f6f6f6;
    z-index: 3;
}

.content-info-box {
    position: relative;
    display: block;
    background-attachment: scroll;
    background-position: left top;
    background-repeat: no-repeat;
    background-size: auto;
    min-height: 650px;
    margin-right: 30px;
}

    .content-info-box .inner-content {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        flex-wrap: wrap;
        padding: 70px 0 70px;
    }

        .content-info-box .inner-content .inner {
            -webkit-box-shadow: 3px 0px 5px 0px #ededed;
            box-shadow: 3px 0px 5px 0px #ededed;
        }

        .content-info-box .inner-content .single-info-box {
            max-width: 270px;
            width: 100%;
            background: #e9212e;
            text-align: center;
            padding: 50px 30px 42px;
        }

            .content-info-box .inner-content .single-info-box .icon {
                margin-bottom: 20px;
            }

                .content-info-box .inner-content .single-info-box .icon span:before {
                    color: #f6f6f6;
                    font-size: 50px;
                    line-height: 50px;
                }

            .content-info-box .inner-content .single-info-box .text {
            }

                .content-info-box .inner-content .single-info-box .text h3 {
                    color: #f6f6f6;
                    font-size: 18px;
                    font-weight: 600;
                    margin: 0 0 12px;
                }

                .content-info-box .inner-content .single-info-box .text p {
                    color: #f6f6f6;
                    margin: 0;
                }

            .content-info-box .inner-content .single-info-box.white-bg {
                background: #f4f4f4;
            }

                .content-info-box .inner-content .single-info-box.white-bg .icon span:before {
                    color: #e9212e;
                }

                .content-info-box .inner-content .single-info-box.white-bg .text h3 {
                    color: #27282c;
                }

                .content-info-box .inner-content .single-info-box.white-bg .text p {
                    color: #828282;
                }

.contact-details-form-box {
    position: relative;
    display: block;
    padding: 65px 60px 0px;
    width: 100%;
    padding-left: 0;
}

    .contact-details-form-box .title-box {
        position: relative;
        display: block;
        padding-bottom: 42px;
    }

        .contact-details-form-box .title-box h2 {
            color: #27282c;
            font-size: 30px;
            line-height: 36px;
            font-weight: 600;
        }

.contact-details-box {
    position: relative;
    display: block;
}

.contact-details-form .single-box {
    position: relative;
    display: block;
}

.contact-details-form input[type="text"],
.contact-details-form input[type="email"],
.contact-details-form textarea {
    position: relative;
    display: block;
    padding: 0 20px;
    border: 1px solid #e0e0e0;
    background: #f6f6f6;
    color: #7c7e84;
    font-size: 15px;
    font-weight: 400;
    width: 100%;
    height: 55px;
    margin-bottom: 30px;
    border-radius: 0px;
    transition: all 500ms ease;
}

.contact-details-form textarea {
    padding: 15px 20px;
    height: 120px;
    margin-top: 30px;
    margin-bottom: 50px;
}

.contact-details-form input[type="text"]:focus {
    border-color: #e9212e;
}

.contact-details-form input[type="email"]:focus {
    border-color: #e9212e;
}

.contact-details-form textarea:focus {
    border-color: #e9212e;
}

.contact-details-form .single-box button {
    padding: 0 40px;
}

.contact-details-form input::-webkit-input-placeholder {
    color: #7c7e84;
}

.contact-details-form input:-moz-placeholder {
    color: #7c7e84;
}

.contact-details-form input::-moz-placeholder {
    color: #7c7e84;
}

.contact-details-form input:-ms-input-placeholder {
    color: #7c7e84;
}

.contact-details-form .single-box .bootstrap-select {
    position: relative;
    display: block;
}

    .contact-details-form .single-box .bootstrap-select > .dropdown-toggle {
        position: relative;
        display: block;
        outline: none !important;
        border-radius: 0px;
        background-color: #f6f6f6;
        border: 1px solid #e0e0e0;
        height: 55px;
        line-height: 55px;
        padding: 0;
        padding-left: 20px;
        color: #7c7e84;
        margin: 0;
        box-shadow: none !important;
    }

        .contact-details-form .single-box .bootstrap-select > .dropdown-toggle::after {
            position: absolute;
            top: 50%;
            right: 20px;
            width: auto;
            height: auto;
            font-family: 'FontAwesome';
            content: '\f107';
            color: #7c7e84;
            font-size: 18px;
            transform: translateY(-50%);
            margin: 0;
            border: none;
        }

    .contact-details-form .single-box .bootstrap-select .dropdown-menu {
        position: static;
        margin: 0;
        padding: 0;
        border-radius: 0;
        border: 0px solid #ddd;
        background: #f9f9f9;
        font-size: 16px;
        color: #000000;
    }

.contact-details-form .single-box .dropdown-item {
    display: block;
    width: 100%;
    padding: 9px 20px 9px;
    font-weight: 400;
    color: #222222;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
    border-radius: 0;
    transition: all 500ms ease;
}

    .contact-details-form .single-box .dropdown-item.active,
    .contact-details-form .single-box .dropdown-item:active {
        background: #e9212e;
        color: #fff;
    }

    .contact-details-form .single-box .dropdown-item:hover {
        background: #e9212e;
        color: #fff;
    }

.latest-blog-area.style2 {
}

.more-blog-button {
    position: relative;
    display: block;
    margin-top: 39px;
}

.brand-area.style2 {
    padding-top: 110px;
    padding-bottom: 110px;
}

.single-brand-item.style2 {
    max-width: 170px;
    width: 100%;
    float: left;
    margin-right: 30px;
}

    .single-brand-item.style2:last-child {
        margin-right: 0;
    }

    .single-brand-item.style2 a:hover {
        -webkit-box-shadow: 0px -4px 10px 3px #e8e8e8;
        box-shadow: 0px -4px 10px 3px #e8e8e8;
    }

.instagram-area {
    position: relative;
    display: block;
    background: #e9212e;
}

.instagram-title {
    position: relative;
    display: block;
    margin-right: -30px;
    padding: 43px 0;
    z-index: 3;
}

    .instagram-title .pattern-bg {
        position: absolute;
        top: 0;
        left: -500px;
        bottom: 0;
        right: 0;
        background: url(../images/pattern/instagram-title-bg.png);
        z-index: -1;
        background-repeat: no-repeat;
    }

    .instagram-title h3 {
        color: #ffffff;
        font-size: 20px;
        line-height: 28px;
        font-weight: 600;
        margin: 0 0 17px;
    }

    .instagram-title a {
        color: #ffffff;
    }

        .instagram-title a:hover {
            color: #27282c;
        }

.instagram-items {
    position: relative;
    display: block;
    margin-right: -375px;
    z-index: 3;
}

    .instagram-items li {
        position: relative;
        display: inline-block;
        float: left;
    }

        .instagram-items li .img-holder {
            position: relative;
            display: block;
            overflow: hidden;
        }

        .instagram-items li:hover .overlay-style-two {
            opacity: 1;
        }

        .instagram-items li .img-holder .overlay-style-two:before {
            background-color: rgba(40, 41, 46, 0.95);
        }

        .instagram-items li:hover .img-holder .overlay-style-two:before {
            opacity: 1;
            transform: perspective(400px) rotateX(0deg);
            transition: all 700ms ease 100ms;
        }

        .instagram-items li .img-holder .overlay-style-two:after {
            background-color: rgba(40, 41, 46, 0.95);
        }

        .instagram-items li:hover .img-holder .overlay-style-two:after {
            opacity: 1;
            transform: perspective(400px) rotateX(0deg);
            transition: all 700ms ease 300ms;
        }

        .instagram-items li .img-holder img {
            width: 100%;
            transform: scale(1.01);
            transition: all 700ms ease;
        }

        .instagram-items li:hover .img-holder img {
            transform: scale(1.2) rotate(2deg);
        }

        .instagram-items li .img-holder .overlay {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 10;
            transform: translate3d(0px, -100%, 0px);
            transition: all 700ms ease 300ms;
        }

        .instagram-items li:hover .img-holder .overlay {
            transition: all 700ms ease 500ms;
            transform: translate3d(0px, 0px, 0px);
        }

        .instagram-items li .img-holder .overlay .box {
            display: table;
            width: 100%;
            height: 100%;
        }

            .instagram-items li .img-holder .overlay .box .link-icon {
                display: table-cell;
                vertical-align: middle;
                text-align: center;
            }

                .instagram-items li .img-holder .overlay .box .link-icon a span:before {
                    display: inline-block;
                    color: #ffffff;
                    font-size: 30px;
                    line-height: 30px;
                    transition: all 500ms ease;
                }

                .instagram-items li .img-holder .overlay .box .link-icon a:hover span:before {
                    color: #e9212e;
                }

.footer-area.style2 {
    padding: 110px 0 100px;
    z-index: 10;
}

.single-footer-widget .title-style2 {
    position: relative;
    display: block;
    margin-top: -4px;
    padding-bottom: 33px;
}

    .single-footer-widget .title-style2 h3 {
        color: #ffffff;
        font-size: 24px;
        line-height: 30px;
        font-weight: 600;
        text-transform: capitalize;
    }


.single-footer-widget .our-info-box {
}

    .single-footer-widget .our-info-box .footer-logo {
        position: relative;
        display: block;
        padding-bottom: 34px;
    }

        .single-footer-widget .our-info-box .footer-logo a {
            display: inline-block;
        }

    .single-footer-widget .our-info-box .text {
        position: relative;
        display: block;
        padding-bottom: 23px;
    }

        .single-footer-widget .our-info-box .text p {
            color: #7c7e84;
            margin: 0;
        }

    .single-footer-widget .our-info-box .follow-us-social-links {
        position: relative;
        display: block;
    }

        .single-footer-widget .our-info-box .follow-us-social-links span {
            position: relative;
            display: inline-block;
            padding-right: 6px;
            color: #ffffff;
            font-size: 15px;
            line-height: 30px;
            float: left;
        }

        .single-footer-widget .our-info-box .follow-us-social-links ul {
            position: relative;
            display: inline-block;
            float: left;
            line-height: 30px;
        }

            .single-footer-widget .our-info-box .follow-us-social-links ul li {
                position: relative;
                display: inline-block;
                float: left;
                padding-right: 11px;
                margin-right: 10px;
            }

                .single-footer-widget .our-info-box .follow-us-social-links ul li:before {
                    position: absolute;
                    top: 10px;
                    right: 0;
                    width: 1px;
                    height: 11px;
                    background: #404146;
                    content: "";
                    transform: rotate(15deg);
                }

                .single-footer-widget .our-info-box .follow-us-social-links ul li:last-child {
                    padding-right: 0;
                    margin-right: 0;
                }

                .single-footer-widget .our-info-box .follow-us-social-links ul li a {
                    color: #7c7e84;
                    font-size: 15px;
                    transition: all 300ms ease 100ms;
                }

                    .single-footer-widget .our-info-box .follow-us-social-links ul li a:hover {
                        color: #ffffff;
                    }


.single-footer-widget .usefull-links {
    position: relative;
    display: block;
    overflow: hidden;
    margin-top: -12px;
}

    .single-footer-widget .usefull-links ul {
        position: relative;
        display: block;
        overflow: hidden;
    }

        .single-footer-widget .usefull-links ul.marleft30 {
            margin-left: 30px;
        }

        .single-footer-widget .usefull-links ul.borders-left {
            position: relative;
            margin-left: 80px;
            padding-left: 30px;
        }

        .single-footer-widget .usefull-links ul li {
            position: relative;
            display: block;
            line-height: 36px;
        }

            .single-footer-widget .usefull-links ul li a {
                color: #7c7e84;
                font-size: 15px;
                font-weight: 400;
                padding-left: 20px;
                transition: all 500ms ease;
            }

                .single-footer-widget .usefull-links ul li a:hover {
                    color: #ffffff;
                }

                .single-footer-widget .usefull-links ul li a:before {
                    position: absolute;
                    top: 0px;
                    left: 0;
                    content: "\f107";
                    font-family: "Flaticon";
                    color: #7c7e84;
                    font-size: 10px;
                    transition: all 500ms ease;
                    font-weight: 600;
                    line-height: 36px;
                    margin: 0px 0 0px;
                }

                .single-footer-widget .usefull-links ul li a:hover:before {
                    color: #ffffff;
                    content: "\f108";
                    transition: all 500ms ease;
                }

        .single-footer-widget .usefull-links ul.borders-left:before {
            position: absolute;
            top: 12px;
            left: 0;
            bottom: 7px;
            width: 1px;
            background: #404043;
            content: "";
        }

.single-footer-widget .subscribe-box {
    position: relative;
    display: block;
}

.single-footer-widget .subscribe-form {
    position: relative;
    display: block;
    max-width: 370px;
    width: 100%;
}

    .single-footer-widget .subscribe-form input[type="email"] {
        position: relative;
        display: block;
        background: #27282c;
        border: 1px solid #404043;
        color: #62656f;
        font-size: 15px;
        font-weight: 400;
        width: 100%;
        height: 52px;
        margin-bottom: 0px;
        padding: 0 20px;
        transition: all 500ms ease;
    }

    .single-footer-widget .subscribe-form input::-webkit-input-placeholder {
        color: #62656f;
    }

    .single-footer-widget .subscribe-form input:-moz-placeholder {
        color: #62656f;
    }

    .single-footer-widget .subscribe-form input::-moz-placeholder {
        color: #62656f;
    }

    .single-footer-widget .subscribe-form input:-ms-input-placeholder {
        color: #62656f;
    }

    .single-footer-widget .subscribe-form button {
        margin-top: 20px;
        line-height: 50px;
    }

    .single-footer-widget .subscribe-form input[type="email"]:focus {
        border: 1px solid #ffffff;
        background: #ffffff;
        color: #222222;
    }

        .single-footer-widget .subscribe-form input[type="email"]:focus + button,
        .single-footer-widget .subscribe-form button:hover {
            background: #191a1c;
            color: #fff;
        }

.single-footer-widget .subscribe-box .text {
    position: relative;
    display: block;
    padding-top: 14px;
}

    .single-footer-widget .subscribe-box .text p {
        color: #7c7e84;
        font-size: 15px;
        margin: 0;
    }

        .single-footer-widget .subscribe-box .text p span {
            color: #e9212e;
        }

.topbar-style3-area {
    position: relative;
    display: block;
    border-bottom: 1px solid #ededed;
    padding: 12px 0;
}

.topbar-style3-content {
    position: relative;
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
}

.topbar-style3-left {
    position: relative;
    display: block;
}

    .topbar-style3-left ul {
    }

        .topbar-style3-left ul li {
            display: inline-block;
            float: left;
            margin-right: 30px;
            line-height: 28px;
        }

            .topbar-style3-left ul li:last-child {
                margin-right: 0;
            }

            .topbar-style3-left ul li a {
                color: #7c7e84;
                font-size: 15px;
                font-weight: 400;
                transition: all 500ms ease;
            }

                .topbar-style3-left ul li a:hover {
                    color: #e9212e;
                }

.topbar-style3-right {
    position: relative;
    display: block;
    max-width: 270px;
    width: 100%;
}

    .topbar-style3-right ul {
        position: relative;
        display: block;
        overflow: hidden;
        float: left;
        border-right: 1px solid #dadada;
        padding-right: 20px;
    }

        .topbar-style3-right ul li {
            position: relative;
            display: inline-block;
            float: left;
            margin-right: 20px;
            line-height: 28px;
        }

            .topbar-style3-right ul li:last-child {
                margin-right: 0;
            }

            .topbar-style3-right ul li a {
                color: #7c7e84;
                font-size: 14px;
                font-weight: 400;
            }

                .topbar-style3-right ul li a:hover {
                    color: #e9212e;
                }

.header-style3-area {
    position: relative;
    display: block;
}

.header-style3-content {
    position: relative;
    display: block;
    overflow: hidden;
}

.logo-box-style3 {
    position: relative;
    display: block;
    margin: 30px 0;
}

    .logo-box-style3 a {
        display: inline-block;
    }

.header-contact-info.style2 {
    position: relative;
    display: block;
    padding-left: 90px;
    border-left: none;
    margin: 27px 0 28px;
}

    .header-contact-info.style2 li:last-child {
        margin-right: 0;
        padding-right: 0;
        border: none;
    }


.header-call-button {
    position: relative;
    display: block;
    width: 270px;
    background: #e9212e;
    text-align: right;
    padding: 30px 30px 30px;
    z-index: 1;
}

    .header-call-button:before {
        position: absolute;
        left: 30px;
        bottom: 0;
        right: 30px;
        height: 1px;
        background: #ea5f68;
        content: "";
    }

    .header-call-button .inner {
        position: relative;
        display: block;
        padding-right: 60px;
    }

        .header-call-button .inner .icon {
            position: absolute;
            top: 0;
            right: 0;
            transform: rotateY(180deg);
        }

            .header-call-button .inner .icon span:before {
                color: #ffffff;
                font-size: 40px;
                line-height: 50px;
            }

        .header-call-button .inner .title {
            position: relative;
            display: block;
        }

            .header-call-button .inner .title span {
                color: #ffffff;
                font-size: 15px;
                font-weight: 400;
            }

            .header-call-button .inner .title h3 {
                color: #ffffff;
                font-size: 18px;
                line-height: 22px;
                font-weight: 500;
                margin: 3px 0 0;
                font-family: 'Rubik', sans-serif;
            }

.mainmenu-style3-area {
    position: relative;
    display: block;
    background: #27282c;
}

    .mainmenu-style3-area.stricky-fixed {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 99999999;
        background: #27282C;
        margin: 0;
        animation-name: menu_sticky;
        animation-duration: 0.60s;
        animation-timing-function: ease-out;
        transition: all .25s ease-in-out;
        -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.10);
        -moz-box-shadow: 0 0 15px rgba(0,0,0,0.10);
        -ms-box-shadow: 0 0 15px rgba(0,0,0,0.10);
        -o-box-shadow: 0 0 15px rgba(0,0,0,0.10);
        box-shadow: 0 0 15px rgba(0,0,0,0.10);
    }

.main-menu.style3 {
    position: relative;
    display: inline-block;
    border-left: 1px solid #1a1b1f;
}

    .main-menu.style3 .navigation > li {
        position: relative;
        display: inline-block;
        float: left;
        margin-right: 0;
        border-left: 1px solid #3d3e42;
        border-right: 1px solid #1a1b1f;
    }

        .main-menu.style3 .navigation > li:last-child {
            border-right: none;
        }

        .main-menu.style3 .navigation > li > a {
            color: #ffffff;
            padding: 30px 35px 26px;
        }

        .main-menu.style3 .navigation > li:last-child > a {
            padding-right: 0;
        }

        .main-menu.style3 .navigation > li:hover > a,
        .main-menu.style3 .navigation > li.current > a {
            color: #e9212e;
        }

.mainmenu-right.style3 {
    position: relative;
    display: inline-block;
    float: right;
    margin: 0;
}

    .mainmenu-right.style3 .button a {
        line-height: 70px;
        width: 270px;
        padding: 0;
        text-align: center;
    }

        .mainmenu-right.style3 .button a:hover {
            background: #232427;
        }


.featured-area {
    position: relative;
    display: block;
    margin-top: -160px;
    z-index: 10;
    background: transparent;
}

.single-featured-box {
    position: relative;
    display: block;
    padding-top: 50px;
    max-width: 370px;
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
}

    .single-featured-box .inner {
        position: relative;
        display: block;
        background: #e9212e;
        transition: all 300ms ease 100ms;
    }

        .single-featured-box .inner .img-holder {
            position: relative;
            display: block;
            width: 255px;
            height: 270px;
            float: right;
        }

        .single-featured-box .inner .static-content {
            position: absolute;
            left: 0;
            bottom: 0;
            width: 100%;
            height: 100%;
            display: block;
            padding-top: 125px;
            padding-left: 30px;
            opacity: 1;
            visibility: visible;
            z-index: 1;
            transform: translateY(0px);
            transition: all 500ms ease 100ms;
        }

    .single-featured-box:hover .inner .static-content {
        opacity: 0;
        visibility: hidden;
        transform: translateY(50%);
        transition: all 900ms ease 100ms;
    }

    .single-featured-box .icon {
        position: relative;
        display: block;
        padding-bottom: 20px;
    }

        .single-featured-box .icon span:before {
            color: #ffffff;
            font-size: 60px;
            line-height: 60px;
        }

    .single-featured-box .title {
        position: relative;
        display: block;
    }

        .single-featured-box .title h3 {
            color: #ffffff;
            font-weight: 600;
        }

    .single-featured-box .inner .overlay-content {
        position: absolute;
        top: -50px;
        left: 0;
        bottom: 0;
        right: 0;
        display: block;
        padding-top: 50px;
        padding-left: 30px;
        padding-right: 30px;
        z-index: 3;
        background: #27282c;
        transition: all 300ms ease 100ms;
        opacity: 0;
        visibility: hidden;
        transform: translateY(100%);
        transition: all 500ms ease 100ms;
    }

    .single-featured-box:hover .inner .overlay-content {
        opacity: 1;
        visibility: visible;
        transform: translateY(0%);
        transition: all 900ms ease 100ms;
    }

    .single-featured-box .inner .overlay-content .icon span:before {
        color: #e9212e;
    }

    .single-featured-box .inner .overlay-content .text {
        position: relative;
        display: block;
        padding-top: 18px;
        padding-bottom: 0px;
    }

        .single-featured-box .inner .overlay-content .text p {
            color: #ffffff;
            margin: 0 0 26px;
        }

        .single-featured-box .inner .overlay-content .text a {
            color: #ffffff;
        }

    .single-featured-box .overlay-content .overlay-image {
        position: absolute;
        bottom: 0;
        right: 0;
        width: 255px;
        height: 00px;
        opacity: 0;
        transform: scale(0.5);
        transition: all 500ms ease 100ms;
    }

    .single-featured-box:hover .overlay-content .overlay-image {
        opacity: 1;
        height: 270px;
        transform: scale(1.0);
        transition: all 900ms ease 500ms;
    }


.about-style3-content {
    position: relative;
    display: block;
    padding-top: 110px;
    padding-bottom: 110px;
}

    .about-style3-content .sec-title {
        padding-bottom: 40px;
        margin: 0;
    }

        .about-style3-content .sec-title p {
            margin: 15px 0 27px;
        }

    .about-style3-content .button {
    }

        .about-style3-content .button a {
            padding: 0 40px;
            margin: 0 13px;
        }

            .about-style3-content .button a.black {
                background: #27282c;
            }

.about-style3-bg {
    position: absolute;
    left: 0;
    top: -60px;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    z-index: -1;
    opacity: 1;
}

@-webkit-keyframes banner-animate {
    0% {
        -webkit-transform: translateX(-300px);
        transform: translateX(-300px);
    }

    50% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px);
    }

    100% {
        -webkit-transform: translateX(-300px);
        transform: translateX(-300px);
    }
}

@keyframes banner-animate {
    0% {
        -webkit-transform: translateX(-300px);
        transform: translateX(-300px);
    }

    50% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px);
    }

    100% {
        -webkit-transform: translateX(-300px);
        transform: translateX(-300px);
    }
}

.banner-animate {
    animation-name: banner-animate;
    animation-duration: 70s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    -webkit-animation-name: banner-animate;
    -webkit-animation-duration: 70s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: banner-animate;
    -moz-animation-duration: 70s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: banner-animate;
    -ms-animation-duration: 70s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    -o-animation-name: banner-animate;
    -o-animation-duration: 70s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
}

.services-style2-area {
    position: relative;
    display: block;
    background: #f6f6f6;
    padding: 110px 0 108px;
    z-index: 1;
}

    .services-style2-area:before {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 407px;
        background: #ffffff;
        content: "";
        z-index: -1;
    }

.single-service-style2 .img-holder {
    position: relative;
    display: block;
    overflow: hidden;
    z-index: 1;
    border-top: 3px solid #e9212e;
}

    .single-service-style2 .img-holder img {
        width: 100%;
        transform: scale(1.01);
        transition: all 700ms ease;
        height: 250px;
    }

.single-service-style2:hover .img-holder img {
    transform: scale(1.2);
}

.single-service-style2:hover .overlay-style-two {
    opacity: 1;
}

.single-service-style2 .img-holder .overlay-style-two:before {
    background-color: rgba(40, 41, 46, 0.7);
}

.single-service-style2:hover .img-holder .overlay-style-two:before {
    opacity: 1;
    transform: perspective(400px) rotateX(0deg);
    transition: all 700ms ease 100ms;
}

.single-service-style2 .img-holder .overlay-style-two:after {
    background-color: rgba(40, 41, 46, 0.7);
}

.single-service-style2:hover .img-holder .overlay-style-two:after {
    opacity: 1;
    transform: perspective(400px) rotateX(0deg);
    transition: all 700ms ease 300ms;
}

.single-service-style2 .text-holder {
    position: relative;
    display: block;
    background: transparent;
    z-index: 10;
}

    .single-service-style2 .text-holder .icon-holder {
        position: relative;
        display: block;
        width: 110px;
        height: 110px;
        border-radius: 50%;
        margin: -55px auto 0;
        border: 4px dotted #c9c9c9;
        background: #ffffff;
        text-align: center;
        z-index: 2;
    }

        .single-service-style2 .text-holder .icon-holder span:before {
            display: block;
            color: #b3b3b3;
            font-size: 50px;
            line-height: 102px;
        }

    .single-service-style2 .text-holder .inner {
        position: relative;
        display: block;
        padding: 26px 0px 0px;
        text-align: center;
        background: #ffffff;
        z-index: 1;
    }

        .single-service-style2 .text-holder .inner:before {
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            background: #ffffff;
            content: "";
            z-index: -1;
            box-shadow: 0px 5px 25px -10px #8c8888;
        }

        .single-service-style2 .text-holder .inner h3 {
            color: #27282c;
            font-weight: 600;
            margin: 0 0 18px;
        }

        .single-service-style2 .text-holder .inner .text {
            position: relative;
            display: block;
            padding: 0 30px 32px;
        }

            .single-service-style2 .text-holder .inner .text p {
                margin: 0;
            }

        .single-service-style2 .text-holder .inner .read-more a {
            color: #ffffff;
            background: #e9212e;
            display: block;
        }


.services-style2-content {
    overflow: hidden;
}

    .services-style2-content .owl-carousel {
        display: block;
        max-width: 370px;
        width: 100%;
        margin: 0 auto;
    }

        .services-style2-content .owl-carousel .owl-stage-outer {
            overflow: visible;
            padding: 0px 0px 43px;
        }

            .services-style2-content .owl-carousel .owl-stage-outer .owl-item.active .overlay-style-two {
                opacity: 1;
            }

                .services-style2-content .owl-carousel .owl-stage-outer .owl-item.active .overlay-style-two:before {
                    opacity: 1;
                    transform: perspective(400px) rotateX(0deg);
                    transition: all 700ms ease 300ms;
                }

                .services-style2-content .owl-carousel .owl-stage-outer .owl-item.active .overlay-style-two:after {
                    opacity: 1;
                    transform: perspective(400px) rotateX(0deg);
                    transition: all 700ms ease 500ms;
                }

            .services-style2-content .owl-carousel .owl-stage-outer .owl-item.active .single-service-style2 .text-holder .icon-holder {
                border: 4px dotted #e9212e;
                transition: all 700ms ease 700ms;
            }

                .services-style2-content .owl-carousel .owl-stage-outer .owl-item.active .single-service-style2 .text-holder .icon-holder span:before {
                    color: #e9212e;
                    transition: all 700ms ease 800ms;
                }

            .services-style2-content .owl-carousel .owl-stage-outer .owl-item.active .single-service-style2 .text-holder .inner .read-more a {
                color: #ffffff;
                background: #e9212e;
                transition: all 700ms ease 900ms;
            }

.services-carousel .owl-dots {
    position: relative;
    display: block !important;
    margin-top: 0px !important;
    line-height: 14px;
}

    .services-carousel .owl-dots .owl-dot {
        background-image: none;
        width: 20px;
        height: 5px;
        margin: 0px 10px;
        background: #e1e1e1;
        border: 2px solid #e1e1e1;
        padding: 0px;
        border-radius: 0%;
        transition: all 500ms ease;
        display: inline-block;
    }

        .services-carousel .owl-dots .owl-dot span {
            display: none;
        }

        .services-carousel .owl-dots .owl-dot.active {
            background: #e9212e;
            border-color: #e9212e;
        }

.latest-projects-area {
    position: relative;
    display: block;
    background: #27282c;
    width: 100%;
    padding: 110px 60px 104px;
}

.latest-projects-v3 {
    padding: 0;
}

.single-project-style3 .img-holder {
    position: relative;
    display: block;
    overflow: hidden;
    z-index: 10;
}

    .single-project-style3 .img-holder img {
        width: 100%;
        transform: scale(1.01);
        transition: all 700ms ease;
    }

.single-project-style3:hover .img-holder img {
    transform: scale(1.2) rotate(2deg);
}

.single-project-style3 .overlay-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: rgba(0, 0, 0, 0.70);
    transform: scaleX(0);
    border: 4px solid #e9212e;
    transition: all 700ms ease 100ms;
    z-index: 3;
}

.single-project-style3:hover .overlay-content {
    transform: scaleY(1);
}

.single-project-style3 .overlay-content .inner-content {
    display: table;
    width: 100%;
    height: 100%;
}

    .single-project-style3 .overlay-content .inner-content .links-icons {
        display: table-cell;
        vertical-align: middle;
        text-align: center;
        transform: scale(0);
        transition: all 700ms ease 500ms;
    }

.single-project-style3:hover .overlay-content .inner-content .links-icons {
    transform: scale(1.0);
}

.single-project-style3 .overlay-content .inner-content .links-icons a span:before {
    position: relative;
    display: block;
    width: 35px;
    height: 35px;
    margin: 0 auto;
    color: #ffffff;
    font-size: 35px;
    line-height: 35px;
    font-weight: 400;
    transition: all 500ms ease;
}

.single-project-style3 .overlay-content .inner-content .links-icons a:hover span:before {
    color: #e9212e;
}

.single-project-style3 .title-holder {
    position: relative;
    display: block;
    padding-top: 24px;
}

    .single-project-style3 .title-holder span {
        color: #7c7e84;
    }

    .single-project-style3 .title-holder h3 {
        color: #ffffff;
        font-weight: 600;
        margin: 3px 0 0;
    }

.project-carousel-v3.owl-carousel .owl-nav {
    position: absolute;
    top: -115px;
    display: block;
    left: 0;
    right: 0;
    max-width: 1170px;
    width: 100%;
    margin: 0 auto;
}

    .project-carousel-v3.owl-carousel .owl-nav [class*="owl-"] {
        position: absolute;
        right: 0;
        display: inline-block;
        background: transparent;
        width: 55px;
        height: 55px;
        border: 1px solid #3f3f42;
        line-height: 54px;
        margin: 0;
        padding: 0;
        transition: all 700ms ease 100ms;
        border-radius: 50%;
    }

    .project-carousel-v3.owl-carousel .owl-nav .owl-prev {
        right: 65px;
    }

    .project-carousel-v3.owl-carousel .owl-nav [class*="owl-"] i:before {
        color: #5e5e5e;
        font-size: 20px;
        font-weight: 400;
    }

    .project-carousel-v3.owl-carousel .owl-nav .owl-next {
        margin-left: 10px;
    }

    .project-carousel-v3.owl-carousel .owl-nav [class*="owl-"]:hover {
        border-color: #e9212e;
    }

.team-area {
    position: relative;
    display: block;
    padding-top: 110px;
    padding-bottom: 60px;
}

.view-all-member {
    position: relative;
    display: block;
    margin-top: 39px;
}

.single-team-member {
    position: relative;
    display: block;
    margin-bottom: 50px;
    transition: all 500ms ease;
}

    .single-team-member .img-holder {
        position: relative;
        display: block;
        overflow: hidden;
    }

        .single-team-member .img-holder img {
            width: 100%;
            transform: scale(1.0);
            transition: all 700ms ease;
        }

    .single-team-member:hover .img-holder img {
        transform: scale(1.05) rotate(0deg);
    }

    .single-team-member .sociallinks {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        border-top: 4px solid #27282c;
        text-align: center;
        transition: all 900ms ease 100ms;
        transform-style: preserve-3d;
        transform: perspective(1200px) rotateX(-90deg) translateZ(-32px);
        opacity: 0;
    }

    .single-team-member:hover .sociallinks {
        opacity: 1;
        transform: perspective(1200px) rotateX(0deg) translateZ(0px);
        transition: all 900ms ease 300ms;
    }

    .single-team-member .sociallinks li {
        position: relative;
        display: inline-block;
        float: left;
        width: 20%;
        line-height: 60px;
        border-right: 1px solid #ededed;
    }

        .single-team-member .sociallinks li:last-child {
            border-right: none;
        }

        .single-team-member .sociallinks li a i {
            position: relative;
            display: block;
            background: #ffffff;
            color: #7c7e84;
            font-size: 14px;
            line-height: 60px;
            transition: all 500ms ease;
        }

        .single-team-member .sociallinks li a:hover i {
            color: #ffffff;
            background: #e9212e;
        }

    .single-team-member .overlay {
        position: absolute;
        top: 64px;
        left: 0;
        bottom: 0;
        right: 0;
        z-index: 3;
        background: rgba(0, 0, 0, 0.85);
        transition: all 900ms ease 100ms;
        opacity: 0;
        transform-style: preserve-3d;
        transform: perspective(1200px) rotateX(-90deg) translateZ(-32px);
    }

    .single-team-member:hover .overlay {
        opacity: 1;
        transform: perspective(1200px) rotateX(0deg) translateZ(0px);
        transition: all 900ms ease 300ms;
    }

    .single-team-member .overlay .box {
        display: table;
        width: 100%;
        height: 100%;
    }

        .single-team-member .overlay .box .link {
            display: table-cell;
            vertical-align: middle;
            text-align: center;
        }

            .single-team-member .overlay .box .link a {
                color: #ffffff;
            }

    .single-team-member .name {
        position: relative;
        display: block;
        background: #ffffff;
        padding: 24px 0 24px;
        transition: all 700ms ease 600ms;
        -webkit-box-shadow: 0px 3px 7px 1px #f3f3f3;
        box-shadow: 0px 3px 7px 1px #f3f3f3;
    }

    .single-team-member:hover .name {
        -webkit-box-shadow: 0px 3px 15px 1px #F3F3F3;
        box-shadow: 0px 3px 15px 1px #F3F3F3;
    }

    .single-team-member .name p {
        position: relative;
        display: inline-block;
        background: #ffffff;
        margin: 0;
        line-height: 20px;
        padding: 0 30px;
        z-index: 1;
    }

        .single-team-member .name p:before {
            position: absolute;
            top: 10px;
            left: 0;
            right: 0;
            height: 1px;
            background: #ededed;
            content: "";
            z-index: -1;
        }

        .single-team-member .name p span {
            position: relative;
            display: inline-block;
            background: #ffffff;
            padding: 0 10px;
            color: #828282;
            line-height: 20px;
            margin: 0;
            z-index: 2;
        }

    .single-team-member .name h3 {
        color: #27282c;
        font-weight: 600;
        margin: 8px 0 0;
    }

.testimonial-style3-area {
    position: relative;
    display: block;
    background: #f6f6f6;
    padding: 110px 0 60px;
}

.single-testimonial-style3 {
    position: relative;
    display: block;
    padding-left: 20px;
    z-index: 1;
}

    .single-testimonial-style3:before {
        position: absolute;
        top: 20px;
        left: 0;
        bottom: -20px;
        right: 20px;
        border: 1px solid #dadada;
        content: "";
        z-index: -1;
    }

    .single-testimonial-style3 .inner-content {
        position: relative;
        display: block;
        background: #ffffff;
        padding: 50px 40px 48px;
        z-index: 1;
    }

        .single-testimonial-style3 .inner-content:before {
            font-family: 'icomoon';
            position: absolute;
            bottom: 38px;
            right: 40px;
            content: "\e906";
            color: #f6f6f6;
            font-size: 120px;
            line-height: 90px;
            z-index: -1;
        }

    .single-testimonial-style3 .client-info {
        position: relative;
        display: block;
    }

        .single-testimonial-style3 .client-info .image {
            width: 50px;
        }

            .single-testimonial-style3 .client-info .image img {
                border-radius: 50%;
            }

        .single-testimonial-style3 .client-info .image,
        .single-testimonial-style3 .client-info .title {
            display: table-cell;
            vertical-align: middle;
        }

        .single-testimonial-style3 .client-info .title {
            padding-left: 20px;
        }

            .single-testimonial-style3 .client-info .title h3 {
                color: #27282c;
                font-size: 18px;
                font-weight: 600;
                margin: 0 0 2px;
            }

            .single-testimonial-style3 .client-info .title span {
                color: #e9212e;
            }

    .single-testimonial-style3 .text-box {
        position: relative;
        display: block;
        padding-top: 20px;
        padding-bottom: 21px;
    }

        .single-testimonial-style3 .text-box p {
            line-height: 28px;
            margin: 0;
        }

.testimonial-carousel-2.owl-carousel .owl-stage-outer {
    padding: 0px 0px 63px;
}

.testimonial-carousel-2 .owl-dots {
    position: relative;
    display: block !important;
    margin-top: 0px !important;
    line-height: 14px;
}

    .testimonial-carousel-2 .owl-dots .owl-dot {
        background-image: none;
        width: 20px;
        height: 5px;
        margin: 0px 10px;
        background: #e1e1e1;
        border: 2px solid #e1e1e1;
        padding: 0px;
        border-radius: 0%;
        transition: all 500ms ease;
        display: inline-block;
    }

        .testimonial-carousel-2 .owl-dots .owl-dot span {
            display: none;
        }

        .testimonial-carousel-2 .owl-dots .owl-dot.active {
            background: #e9212e;
            border-color: #e9212e;
        }

.testimonial-style3-area .owl-nav {
    display: none;
}


.brand-style3 {
    padding-top: 30px;
}

.single-brand-item.style3 {
    max-width: 170px;
    width: 100%;
    float: left;
    margin-right: 30px;
}

    .single-brand-item.style3 a {
        display: block;
        background: transparent;
        text-align: center;
        transition: all 700ms ease 200ms;
    }

    .single-brand-item.style3:last-child {
        margin-right: 0;
    }

    .single-brand-item.style3 a:hover {
        box-shadow: none;
    }


.latest-blog-area.style3 {
    padding-top: 110px;
    padding-bottom: 70px;
}

.single-blog-post.style2 {
    margin-bottom: 40px;
    -webkit-box-shadow: 0px 3px 9px 2px #ebebeb;
    box-shadow: 0px 3px 9px 2px #ebebeb;
}

    .single-blog-post.style2 .text-holder {
        padding: 25px 30px 20px;
    }

    .single-blog-post.style2 .meta-box {
        min-height: 30px;
        margin-top: 16px;
        margin-bottom: 0px;
    }

    .single-blog-post.style2 .img-holder {
        z-index: 1;
    }

        .single-blog-post.style2 .img-holder:before {
            position: absolute;
            left: 0;
            bottom: 0;
            right: 0;
            height: 40%;
            content: "";
            transition: all 300ms ease 100ms;
            z-index: 2;
            background: rgb(39,40,44);
            background: linear-gradient(180deg, rgba(39,40,44,0) 40%, rgba(39,40,44,0.8407738095238095) 78%, rgba(39,40,44,1) 94%, rgba(39,40,44,1) 100%, rgba(39,40,44,1) 100%, rgba(237,237,237,1) 100%, rgba(32,50,96,0) 100%);
        }

    .single-blog-post.style2 .overlay-title {
        position: absolute;
        left: 30px;
        bottom: 23px;
        right: 30px;
        z-index: 3;
    }

        .single-blog-post.style2 .overlay-title .blog-title {
            position: relative;
            display: block;
            font-size: 20px;
            line-height: 28px;
            font-weight: 600;
        }

            .single-blog-post.style2 .overlay-title .blog-title a {
                color: #ffffff;
                transition: all 500ms ease;
            }

                .single-blog-post.style2 .overlay-title .blog-title a:hover {
                    color: #e9212e;
                }


.home-google-map-area {
    position: relative;
    display: block;
}

    .home-google-map-area .container-fluid {
        padding: 0;
    }

#home-google-map {
    height: 550px;
    width: 100%;
}

.footer-area.style3 {
    padding: 110px 0 100px;
}

.single-footer-widget .our-info-box.style2 .text {
    padding: 0;
}

.single-footer-widget .our-info-box .more-info-about-company {
    color: #ffffff;
    margin-top: 26px;
    display: inline-block;
}

.single-footer-widget .work-gallery {
    position: relative;
    display: block;
    overflow: hidden;
    margin-left: -7.5px;
    margin-right: -7.5px;
}

    .single-footer-widget .work-gallery li {
        position: relative;
        display: inline-block;
        float: left;
        margin: 0 7.5px 15px;
    }

        .single-footer-widget .work-gallery li .img-holder {
            position: relative;
            display: block;
            overflow: hidden;
        }

            .single-footer-widget .work-gallery li .img-holder img {
                transition: all 0.5s ease-in-out 0.6s;
                width: 100%;
                transform: scale(1.1, 1.1);
            }

        .single-footer-widget .work-gallery li:hover .img-holder img {
            transform: scale(1.2, 1.2);
        }

        .single-footer-widget .work-gallery li:hover .img-holder .overlay-style-one {
            opacity: 1;
        }

        .single-footer-widget .work-gallery li .img-holder .overlay-style-one .content a i {
            color: #ffffff;
            font-size: 18px;
            filter: alpha(opacity=0);
            opacity: 0;
            transform: scale(3);
            transition: all 0.3s ease-in-out 0.3s;
        }

        .single-footer-widget .work-gallery li:hover .img-holder .overlay-style-one .content a i {
            filter: alpha(opacity=100);
            opacity: 1;
            transform: scale(1);
            transition-delay: 0.1s;
        }

        .single-footer-widget .work-gallery li .img-holder .overlay-style-one .content a:hover i {
            color: #222222;
        }


.footer-bottom-area.style2 {
    background: #1f1f23;
}

.footer-social-links.clr-white span {
    color: #ffffff;
}

.breadcrumb-area {
    position: relative;
    background-attachment: scroll;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 0px 0 0px;
    z-index: 10;
}

    .breadcrumb-area .inner-content {
        position: relative;
        display: block;
        padding: 360px 0 0;
    }

    .breadcrumb-area .title {
        position: relative;
        display: block;
        padding-top: 24px;
        padding-bottom: 47px;
    }

        .breadcrumb-area .title:before {
            position: absolute;
            top: 0;
            left: 0;
            width: 120px;
            height: 4px;
            background: #ffffff;
            content: "";
        }

        .breadcrumb-area .title h1 {
            color: #ffffff;
            font-size: 48px;
            line-height: 60px;
            font-weight: 700;
            text-transform: capitalize;
            margin: 0;
        }

    .breadcrumb-area .breadcrumb-menu {
        position: relative;
        display: inline-block;
        line-height: 10px;
    }

        .breadcrumb-area .breadcrumb-menu ul {
            position: relative;
            display: inline-block;
            line-height: 30px;
            padding-bottom: 20px;
        }

            .breadcrumb-area .breadcrumb-menu ul li {
                position: relative;
                display: inline-block;
                float: left;
                color: #ffffff;
                font-size: 15px;
                line-height: 30px;
                font-weight: 400;
                text-transform: capitalize;
                transition: all 500ms ease;
                margin-right: 10px;
                padding-right: 17px;
            }

                .breadcrumb-area .breadcrumb-menu ul li:before {
                    position: absolute;
                    top: 0;
                    bottom: 0;
                    right: 0px;
                    width: 7px;
                    height: 2px;
                    background: url(/images/arrow.png);
                    content: "";
                    margin: 14px 0;
                }

                .breadcrumb-area .breadcrumb-menu ul li:last-child:before {
                    display: none;
                }

                .breadcrumb-area .breadcrumb-menu ul li:last-child {
                    margin-right: 0;
                    padding-right: 0;
                }

                .breadcrumb-area .breadcrumb-menu ul li a {
                    color: #ffffff;
                    font-size: 15px;
                    font-weight: 400;
                    text-transform: capitalize;
                    transition: all 500ms ease;
                }

                .breadcrumb-area .breadcrumb-menu ul li.active {
                    font-weight: 500;
                }

                .breadcrumb-area .breadcrumb-menu ul li a:hover {
                    color: #e9212e;
                }

    .breadcrumb-area.style2 {
    }

    .breadcrumb-area .inner-content-box .title-s2 {
        position: relative;
        display: block;
        padding: 143px 0 86px;
    }

        .breadcrumb-area .inner-content-box .title-s2 span {
            color: #e9212e;
            font-size: 17px;
            line-height: 18px;
            font-weight: 500;
            text-transform: uppercase;
        }

        .breadcrumb-area .inner-content-box .title-s2 h1 {
            color: #ffffff;
            font-size: 38px;
            line-height: 62px;
            font-weight: 400;
            margin: 14px 0 0;
            text-transform: capitalize;
        }

.company-overview-area {
    position: relative;
    display: block;
    padding: 105px 0 116px;
    z-index: 1;
}

    .company-overview-area:before {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 580px;
        background: #f6f6f6;
        content: "";
        z-index: -1;
    }

.intro-box {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    margin-bottom: 70px;
}

    .intro-box .sec-title {
        position: relative;
        display: block;
        max-width: 530px;
        width: 100%;
        margin: 0;
        padding: 0;
    }

    .intro-box .text {
        position: relative;
        display: block;
        max-width: 640px;
        width: 100%;
    }

        .intro-box .text p {
            margin: 0;
        }


.history-content-box {
    position: relative;
    display: block;
}

.single-history-content {
    position: relative;
    display: block;
    overflow: hidden;
    width: 100%;
    background: #ffffff;
    -webkit-box-shadow: 4px 0px 9px 2px #f6f6f6;
    box-shadow: 4px 0px 9px 2px #f6f6f6;
}

    .single-history-content .img-box {
        position: relative;
        display: block;
        width: 50%;
        float: left;
    }

        .single-history-content .img-box .inner {
            padding-right: 15px;
        }

            .single-history-content .img-box .inner img {
                width: 100%;
            }

    .single-history-content .text-box {
        position: relative;
        display: block;
        width: 50%;
        float: left;
        padding-left: 65px;
        min-height: 450px;
    }

        .single-history-content .text-box .inner {
            position: relative;
            display: block;
            padding-top: 70px;
            padding-right: 50px;
        }

            .single-history-content .text-box .inner .date {
                position: relative;
                display: block;
                width: 130px;
                background: #e9212e;
                text-align: center;
                z-index: 1;
            }

                .single-history-content .text-box .inner .date:before {
                    position: absolute;
                    left: 0;
                    bottom: -9px;
                    width: 9px;
                    height: 10px;
                    background: url(/images/arrow-2.png);
                    content: "";
                    z-index: -1;
                }

                .single-history-content .text-box .inner .date h3 {
                    color: #ffffff;
                    font-size: 24px;
                    line-height: 42px;
                    font-weight: 500;
                    font-family: 'Rubik', sans-serif;
                }

            .single-history-content .text-box .inner .title {
                position: relative;
                display: block;
                padding: 43px 0 31px;
            }

                .single-history-content .text-box .inner .title h3 {
                    color: #27282c;
                    font-size: 24px;
                    line-height: 32px;
                    font-weight: 600;
                    text-transform: uppercase;
                }

            .single-history-content .text-box .inner .text {
                position: relative;
                display: block;
            }

                .single-history-content .text-box .inner .text p {
                    margin: 0 0 33px;
                }



.history-carousel.owl-carousel .owl-stage-outer {
    padding: 10px 0 40px;
    padding-right: 10px;
}

.history-carousel.owl-theme .owl-nav {
    position: relative;
    display: block;
    width: 200px;
    margin: 0 auto;
    text-align: center;
}

    .history-carousel.owl-theme .owl-nav [class*="owl-"] {
        position: absolute;
        top: 0;
        display: block;
        background: transparent;
        color: #a7a7a7;
        font-size: 20px;
        line-height: 30px;
        width: 30px;
        height: 30px;
        margin: 0;
        padding: 0;
        border: 0px solid;
        transition: all 700ms ease 0s;
    }

    .history-carousel.owl-theme .owl-nav .owl-prev {
        left: 0;
    }

    .history-carousel.owl-theme .owl-nav .owl-next {
        right: 0;
    }


.history-carousel .owl-dots {
    position: relative;
    display: block !important;
    margin-top: 0px !important;
    line-height: 30px;
    width: 140px;
    margin: 0 auto;
}

    .history-carousel .owl-dots .owl-dot {
        background-image: none;
        width: 8px;
        height: 8px;
        margin: 0px 7.5px;
        background: #dadada;
        border: 2px solid #dadada;
        padding: 0px;
        border-radius: 50%;
        transition: all 500ms ease;
        display: inline-block;
    }

        .history-carousel .owl-dots .owl-dot span {
            display: none;
        }

        .history-carousel .owl-dots .owl-dot.active {
            background: #e9212e;
            border-color: #e9212e;
        }

.fact-counter {
    padding-top: 90px;
}

.single-fact-counter {
    position: relative;
    display: block;
    width: 100%;
}

    .single-fact-counter .count-box {
        position: relative;
        width: 90px;
        padding-left: 35px;
        z-index: 1;
    }

        .single-fact-counter .count-box:before {
            position: absolute;
            top: -8px;
            left: 0;
            width: 70px;
            height: 70px;
            background: #ffffff;
            content: "";
            z-index: -1;
        }

        .single-fact-counter .count-box h1 {
            color: #27282c;
            font-size: 48px;
            line-height: 40px;
            font-weight: 400;
            font-family: 'Rubik', sans-serif;
        }

            .single-fact-counter .count-box h1 span {
                display: inline-block;
                float: left;
            }

            .single-fact-counter .count-box h1 img {
                display: inline-block;
                float: left;
                padding-left: 1px;
            }

    .single-fact-counter .count-box,
    .single-fact-counter .title {
        display: table-cell;
        vertical-align: middle;
    }

    .single-fact-counter .title {
        padding-left: 20px;
    }

        .single-fact-counter .title h3 {
            color: #27282c;
            font-size: 18px;
            line-height: 28px;
            font-weight: 600;
        }


.view-all-member.style2 {
    margin: 0px 0 0;
}

    .view-all-member.style2 a {
        line-height: 56px;
    }

.footer-area.style4 {
    padding: 110px 0 160px;
    z-index: 10;
}

.footer-contact-info-area {
    position: relative;
    display: block;
    background: transparent;
    margin: -60px 0 -60px;
    z-index: 100;
}

.footer-contact-info {
    position: relative;
    display: block;
    background: #ffffff;
}

.footer-contact-info {
}

.single-footer-contact-info {
    position: relative;
    display: block;
    float: left;
    width: 50%;
    height: 80px;
}

    .single-footer-contact-info:last-child {
        border-right: 0px solid;
    }

    .single-footer-contact-info .inner {
        position: relative;
        display: block;
        padding: 0px;
    }

    .single-footer-contact-info .icon {
        width: 60px;
    }

        .single-footer-contact-info .icon span:before {
            color: #e9212e;
            font-size: 50px;
            transition: all 500ms ease;
        }

    .single-footer-contact-info:hover .icon span:before {
        color: #e9212e;
    }

    .single-footer-contact-info .icon,
    .single-footer-contact-info .text {
        display: table-cell;
        vertical-align: middle;
    }

        .single-footer-contact-info .text p {
            color: #000000;
            margin: 0;
        }

            .single-footer-contact-info .text p span {
                color: #27282c;
            }


.footer-bottom-area.style3 {
    position: relative;
    display: block;
    padding: 88px 0 28px;
    background: #1f1f23;
    z-index: 10;
}

.faq-area {
    position: relative;
    display: block;
    padding: 110px 0 110px;
}

.faq-content-box {
    position: relative;
    display: block;
    background: #f6f6f6;
    padding: 60px 60px 40px;
}


.error-page-area {
    position: relative;
    display: block;
    background: #f6f6f6;
    padding: 145px 0 150px;
}

.error-content {
    position: relative;
    display: block;
    z-index: 3;
}

    .error-content span {
        color: #828282;
        font-size: 14px;
        font-weight: 700;
        text-transform: uppercase;
    }

    .error-content .title {
        position: relative;
        display: block;
        color: #e9212e;
        font-size: 180px;
        line-height: 150px;
        font-weight: 700;
        text-transform: uppercase;
        margin: 13px 0 14px;
    }

    .error-content p {
        font-size: 18px;
        line-height: 28px;
        margin: 0 0 32px;
    }

    .error-content .button {
    }

        .error-content .button a {
            width: 270px;
        }


.services-style2-service-page {
    position: relative;
    display: block;
    padding-top: 50px;
    padding-bottom: 50px;
}

    .services-style2-service-page .sec-title {
        position: relative;
        display: block;
    }

    .services-style2-service-page .text {
        position: relative;
        display: block;
        margin-bottom: 40px;
    }

        .services-style2-service-page .text p {
            font-size: 17px;
            line-height: 27px;
            margin: 0;
        }

.single-service-style2 {
    margin-bottom: 40px;
}

    .single-service-style2:hover .text-holder .icon-holder {
        border: 4px dotted #e9212e;
        transition: all 700ms ease 700ms;
    }

        .single-service-style2:hover .text-holder .icon-holder span:before {
            color: #e9212e;
            transition: all 700ms ease 800ms;
        }

    .single-service-style2:hover .text-holder .inner .read-more a {
        color: #ffffff;
        background: #110075;
        /* transition: all 700ms ease 900ms; */
    }

.services-style1-service-page {
    position: relative;
    display: block;
    background: #f6f6f6;
    padding: 110px 0 60px;
}

.single-service-style1 .text-holder.bg-white {
    position: relative;
    display: block;
    border: 1px solid #ededed;
    padding: 35px 30px 28px;
    background: #ffffff;
}

    .single-service-style1 .text-holder.bg-white .overlay-content .read-more a span:before {
        position: absolute;
        left: auto;
        right: 30px;
        transform: scale(0);
        transition: all 300ms ease 100ms;
    }

.single-service-style1:hover .text-holder.bg-white .overlay-content .read-more a span:before {
    transform: scale(1.0);
    transition: all 900ms ease 900ms;
}



.testimonial-style3-service-page {
    position: relative;
    display: block;
    background: #ffffff;
    padding: 110px 0 110px;
}

    .testimonial-style3-service-page .sec-title {
        padding-bottom: 40px;
    }

    .testimonial-style3-service-page .single-testimonial-style3:before {
        position: absolute;
        top: 20px;
        left: 0;
        bottom: -20px;
        right: 30px;
        border: 1px solid #ededed;
        content: "";
        z-index: -1;
    }

    .testimonial-style3-service-page .single-testimonial-style3 .inner-content {
        background: #ffffff;
        padding: 50px 40px 48px;
        -webkit-box-shadow: 0px 2px 7px 3px #f6f6f6;
        box-shadow: 0px 2px 7px 3px #f6f6f6;
        margin-top: 10px;
        margin-right: 10px;
    }

    .testimonial-style3-service-page .testimonial-carousel-2.owl-carousel .owl-stage-outer {
        padding: 0px 0px 20px;
    }

    .testimonial-style3-service-page .testimonial-carousel-2 .owl-dots {
        display: none !important;
    }

    .testimonial-style3-service-page .owl-carousel .owl-nav {
        position: absolute;
        top: -115px;
        left: auto;
        right: 10px;
        max-width: 1170px;
        width: 100%;
    }

        .testimonial-style3-service-page .owl-carousel .owl-nav [class*="owl-"] {
            position: absolute;
            right: 0;
            display: inline-block;
            background: transparent;
            width: 55px;
            height: 55px;
            border: 1px solid #ededed;
            line-height: 54px;
            margin: 0;
            padding: 0;
            transition: all 700ms ease 100ms;
            border-radius: 50%;
        }

        .testimonial-style3-service-page .owl-carousel .owl-nav .owl-prev {
            right: 65px;
        }

        .testimonial-style3-service-page .owl-carousel .owl-nav [class*="owl-"] i:before {
            color: #bfbfbf;
            font-size: 20px;
            font-weight: 400;
            transition: all 500ms ease;
        }

        .testimonial-style3-service-page .owl-carousel .owl-nav [class*="owl-"]:hover i:before {
            color: #ffffff;
        }

        .testimonial-style3-service-page .owl-carousel .owl-nav .owl-next {
            margin-left: 10px;
        }

        .testimonial-style3-service-page .owl-carousel .owl-nav [class*="owl-"]:hover {
            background: #e9212e;
            border-color: #e9212e;
        }

.single-service-area {
    position: relative;
    display: block;
    padding: 50px 0 50px;
}

.single-service-top {
    position: relative;
    display: block;
}
    .single-service-top .text .inner iframe:nth-child(2n+1) {
        clear: both;
        margin-bottom: 50px;
    }
.single-service-image-box {
    position: relative;
    display: block;
}

    .single-service-image-box img {
        width: 100%;
    }

.single-service-top .text {
    position: relative;
    display: block;
    padding-bottom: 26px;
}

    .single-service-top .text h2 {
        color: #27282c;
        font-size: 30px;
        line-height: 40px;
        font-weight: 700;
        text-transform: uppercase;
    }

    .single-service-top .text .inner {
        position: relative;
        display: block;
        text-align: justify;
    }


.advantages-content {
    position: relative;
    display: block;
}

.single-advantages-box {
    position: relative;
    display: block;
    border: 1px solid #ededed;
    text-align: center;
    transition: all 700ms ease 500ms;
}

    .single-advantages-box:hover {
        -webkit-box-shadow: 0px 4px 13px 0px #D4D4D4;
        box-shadow: 0px 4px 13px 0px #D4D4D4;
    }

    .single-advantages-box .inner {
        position: relative;
        display: block;
        padding: 29px 0 23px;
        overflow: hidden;
    }

    .single-advantages-box .static-content {
        position: relative;
        display: block;
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
        transition: all 700ms ease 200ms;
    }

    .single-advantages-box:hover .static-content {
        opacity: 0;
        transform: translateY(-40%);
        transition: all 700ms ease 200ms;
    }

    .single-advantages-box .icon-holder {
        position: relative;
        display: block;
        padding-bottom: 26px;
    }

        .single-advantages-box .icon-holder span:before {
            color: #e9212e;
            font-size: 65px;
            line-height: 65px;
        }

    .single-advantages-box .title {
        position: relative;
        display: block;
    }

        .single-advantages-box .title h3 {
            color: #27282c;
            font-size: 18px;
            line-height: 24px;
            font-weight: 600;
        }

    .single-advantages-box .overlay-text {
        position: absolute;
        top: -1px;
        left: -1px;
        bottom: -1px;
        right: -1px;
        background: #e9212e;
        opacity: 0;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        transition: all 700ms ease 200ms;
    }

    .single-advantages-box:hover .overlay-text {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        transition: all 700ms ease 200ms;
    }

    .single-advantages-box .overlay-text .box {
        display: table;
        width: 100%;
        height: 100%;
    }

        .single-advantages-box .overlay-text .box .inner-text {
            display: table-cell;
            vertical-align: middle;
            text-align: center;
            padding: 0 10px;
        }

            .single-advantages-box .overlay-text .box .inner-text p {
                color: #ffffff;
                margin: 0;
            }

.how-work-box {
    position: relative;
    display: block;
    padding-top: 80px;
}

    .how-work-box .image-box {
        position: relative;
        display: block;
    }

        .how-work-box .image-box img {
            width: 100%;
        }

    .how-work-box .how-works-content {
        position: relative;
        display: block;
    }

        .how-work-box .how-works-content h2 {
            color: #27282c;
            font-size: 24px;
            font-weight: 700;
            margin-top: -5px;
            text-transform: uppercase;
        }

        .how-work-box .how-works-content ul {
            position: relative;
            display: block;
            overflow: hidden;
            padding-top: 28px;
        }

            .how-work-box .how-works-content ul li {
                position: relative;
                display: block;
                padding-left: 20px;
                margin-bottom: 26px;
            }

                .how-work-box .how-works-content ul li:last-child {
                    margin-bottom: 0;
                }

                .how-work-box .how-works-content ul li .icon {
                    position: absolute;
                    top: 6px;
                    left: 1px;
                }

                    .how-work-box .how-works-content ul li .icon span:before {
                        color: #e9212e;
                        font-size: 20px;
                    }

                .how-work-box .how-works-content ul li .text {
                    position: relative;
                    display: block;
                    padding-left: 20px;
                }

                    .how-work-box .how-works-content ul li .text span {
                        color: #e9212e;
                        font-size: 14px;
                        font-weight: 600;
                        text-transform: uppercase;
                    }

                    .how-work-box .how-works-content ul li .text h3 {
                        color: #27282c;
                        font-size: 20px;
                        line-height: 28px;
                        font-weight: 600;
                        margin: 2px 0 12px;
                    }

                    .how-work-box .how-works-content ul li .text p {
                        margin: 0;
                    }


.concept-design-pricing-box {
    position: relative;
    display: block;
    padding-top: 64px;
}

    .concept-design-pricing-box .title {
        display: block;
        padding-bottom: 32px;
    }

        .concept-design-pricing-box .title h2 {
            color: #27282c;
            font-size: 24px;
            line-height: 32px;
            font-weight: 700;
            text-transform: uppercase;
        }

    .concept-design-pricing-box .inner-content {
        position: relative;
        display: block;
    }


.single-pricing-box {
    position: relative;
    display: block;
    max-width: 370px;
    width: 100%;
    margin: 0 auto 30px;
}

    .single-pricing-box .inner {
        position: relative;
        display: block;
        overflow: hidden;
    }

        .single-pricing-box .inner .img-box {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 1;
        }

            .single-pricing-box .inner .img-box:before {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                content: "";
                background: rgba(40, 41, 46, 0.95);
                z-index: 1;
            }

            .single-pricing-box .inner .img-box img {
                width: 100%;
                height: 100%;
            }

    .single-pricing-box .static-content {
        position: relative;
        display: block;
        overflow: hidden;
        z-index: 3;
        opacity: 1;
        transform: translateX(0%) translateY(0%) scale(1.0);
        transition: all 700ms ease 100ms;
    }

    .single-pricing-box:hover .static-content {
        opacity: 0;
        transform: translateX(0%) translateY(70%) scale(0.5);
        transition: all 900ms ease 100ms;
    }

    .single-pricing-box .static-content .table-header {
        position: relative;
        display: block;
        padding-top: 46px;
    }

        .single-pricing-box .static-content .table-header .top {
            position: relative;
            display: block;
            padding-bottom: 25px;
        }

            .single-pricing-box .static-content .table-header .top h3 {
                color: #ffffff;
                font-size: 20px;
                font-weight: 600;
                margin: 0 0 3px;
            }

            .single-pricing-box .static-content .table-header .top span {
                color: #ffffff;
            }

                .single-pricing-box .static-content .table-header .top span b {
                    color: #e9212e;
                }

        .single-pricing-box .static-content .table-header .package {
            position: relative;
            display: block;
        }

            .single-pricing-box .static-content .table-header .package h1 {
                color: #e9212e;
                font-size: 60px;
                line-height: 50px;
                font-weight: 500;
                font-family: 'Rubik', sans-serif;
            }

            .single-pricing-box .static-content .table-header .package span {
                position: relative;
                top: -17px;
                display: inline-block;
                font-size: 32px;
                line-height: 32px;
                padding-right: 2px;
            }

            .single-pricing-box .static-content .table-header .package p {
                color: #ffffff;
                font-size: 14px;
                font-weight: 600;
                text-transform: uppercase;
                margin: 8px 0 0;
                font-family: 'Poppins', sans-serif;
            }

    .single-pricing-box .static-content .button {
        position: relative;
        display: block;
        padding-top: 32px;
        padding-bottom: 50px;
    }

        .single-pricing-box .static-content .button a {
        }

    .single-pricing-box .inner .overlay-content {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: transparent;
        display: block;
        z-index: 10;
        padding: 40px 40px 0px;
        opacity: 0;
        transform-style: preserve-3d;
        transform: perspective(1200px) rotateY(90deg) translateX(-1200px);
        transition: all 700ms ease 100ms;
    }

    .single-pricing-box:hover .inner .overlay-content {
        opacity: 1;
        transform: perspective(1200px) rotateY(0deg) translateX(0px);
        transition: all 900ms ease 100ms;
    }

    .single-pricing-box .overlay-content ul {
        position: relative;
        display: block;
        padding-bottom: 33px;
    }

        .single-pricing-box .overlay-content ul li {
            position: relative;
            display: block;
            color: #ffffff;
            line-height: 42px;
            padding-left: 30px;
        }

            .single-pricing-box .overlay-content ul li:before {
                position: absolute;
                top: 0;
                left: 0;
                font-family: FontAwesome;
                content: "\f058";
                color: #b3b9c8;
                font-size: 16px;
            }

    .single-pricing-box .overlay-content a {
        color: #ffffff;
    }


.additional-information-box {
    position: relative;
    display: block;
    padding-top: 43px;
}

    .additional-information-box .title {
        display: block;
        padding-bottom: 32px;
    }

        .additional-information-box .title h2 {
            color: #27282c;
            font-size: 24px;
            line-height: 32px;
            font-weight: 700;
            text-transform: uppercase;
        }

    .additional-information-box .additional-info-content-box {
        position: relative;
        display: block;
        background: #f6f6f6;
        padding: 40px 30px 20px;
    }

.additional-info-content-box .accordion-box .accordion .accord-btn h4 {
    font-size: 17px;
}


.single-service-sidebar {
    position: relative;
    display: block;
    width: 100%;
    z-index: 1;
}

    .single-service-sidebar:before {
        position: absolute;
        top: -300px;
        right: -30px;
        bottom: 0;
        width: 1px;
        background: #ededed;
        content: "";
        z-index: -1;
    }

    .single-service-sidebar .single-sidebar {
        position: relative;
        display: block;
        margin-bottom: 50px;
    }

    .single-service-sidebar .service-pages {
        position: relative;
        display: block;
        border: 1px solid #ededed;
        border-bottom: none;
    }

        .single-service-sidebar .service-pages li {
            position: relative;
            display: block;
            height: 64px;
            border-bottom: 1px solid #ededed;
            transition: all 500ms ease;
            z-index: 5;
        }

            .single-service-sidebar .service-pages li.active,
            .single-service-sidebar .service-pages li:hover {
                -webkit-box-shadow: 0px 4px 7px 0px #ededed;
                box-shadow: 0px 4px 7px 0px #ededed;
            }

            .single-service-sidebar .service-pages li:before {
                position: absolute;
                top: 20px;
                left: -1px;
                bottom: 20px;
                width: 3px;
                background: #e9212e;
                content: "";
                z-index: 3;
                opacity: 0;
                transition: all 700ms ease 300ms;
                transform: translateX(0%) translateY(0%) scaleY(0.1);
            }

            .single-service-sidebar .service-pages li.active:before,
            .single-service-sidebar .service-pages li:hover:before {
                opacity: 1;
                transform: translateX(0%) translateY(0%) scaleY(1.0);
                transition: all 700ms ease 100ms;
            }

            .single-service-sidebar .service-pages li a {
                position: relative;
                display: block;
                padding-left: 30px;
                color: #27282c;
                font-size: 15px;
                font-weight: 600;
                text-transform: capitalize;
                transition: all 500ms ease;
                font-family: 'Poppins', sans-serif;
            }

                .single-service-sidebar .service-pages li a .title {
                    position: relative;
                    display: block;
                    z-index: 1;
                }

                    .single-service-sidebar .service-pages li a .title .overlay-title {
                        position: absolute;
                        top: 0;
                        left: 0;
                        bottom: 0;
                        width: 100%;
                    }

                        .single-service-sidebar .service-pages li a .title .overlay-title h3 {
                            color: #e9212e;
                            font-size: 16px;
                            line-height: 63px;
                            transform: scale(0.5);
                            opacity: 0;
                            transition: all 300ms ease 100ms;
                        }

                    .single-service-sidebar .service-pages li a .title h3.static {
                        font-size: 15px;
                        transform: scale(1.0);
                        line-height: 63px;
                        transition: all 300ms ease 100ms;
                    }

            .single-service-sidebar .service-pages li.active a .title .overlay-title h3,
            .single-service-sidebar .service-pages li:hover a .title .overlay-title h3 {
                opacity: 1;
                transform: scale(1.0);
            }

            .single-service-sidebar .service-pages li.active a .title h3.static,
            .single-service-sidebar .service-pages li:hover a .title h3.static {
                opacity: 0;
            }

.sidebar-contact-box {
    position: relative;
    display: block;
    padding-bottom: 50px;
}

    .sidebar-contact-box .inner-content {
        position: relative;
        display: block;
        padding: 48px 40px 50px;
        background: #27282c;
        z-index: 1;
    }

        .sidebar-contact-box .inner-content .icon-holder {
            position: relative;
            display: block;
            padding-bottom: 22px;
        }

            .sidebar-contact-box .inner-content .icon-holder span:before {
                color: #e9212e;
                font-size: 65px;
                line-height: 65px;
            }

        .sidebar-contact-box .inner-content h3 {
            color: #ffffff;
            font-size: 20px;
            line-height: 30px;
            font-weight: 600;
            margin: 0 0 22px;
        }

        .sidebar-contact-box .inner-content .bottom-box {
            position: relative;
            display: block;
            border-top: 1px solid #404043;
            padding-top: 25px;
        }

            .sidebar-contact-box .inner-content .bottom-box h2 {
                color: #ffffff;
                font-size: 24px;
                font-weight: 400;
                margin: 0 0 3px;
                font-family: 'Rubik', sans-serif;
            }

            .sidebar-contact-box .inner-content .bottom-box span {
                color: #ffffff;
            }

        .sidebar-contact-box .inner-content .button {
            position: relative;
            display: block;
            padding-top: 32px;
        }

            .sidebar-contact-box .inner-content .button a {
                display: block;
            }

.single-service-sidebar .service-pack-download {
    position: relative;
    display: block;
}

    .single-service-sidebar .service-pack-download li {
        position: relative;
        display: block;
        background: #e9212e;
        transition: all 500ms ease;
        padding: 17px 30px 17px;
    }

        .single-service-sidebar .service-pack-download li .title-holder {
            position: relative;
            display: block;
            float: left;
        }

            .single-service-sidebar .service-pack-download li .title-holder a {
                color: #ffffff;
                font-size: 15px;
                font-weight: 600;
                font-family: 'Poppins', sans-serif;
            }

                .single-service-sidebar .service-pack-download li .title-holder a span {
                    font-size: 14px;
                    font-weight: 400;
                }

        .single-service-sidebar .service-pack-download li .icon-holder {
            position: relative;
            display: block;
            float: right;
        }

            .single-service-sidebar .service-pack-download li .icon-holder i {
                position: relative;
                top: 2px;
                color: #ffffff;
                font-size: 18px;
                line-height: 26px;
            }



.main-project-area {
    position: relative;
    display: block;
    background: #ffffff;
    padding: 108px 0 80px;
}

.project-filter {
    position: relative;
    display: block;
    text-align: center;
    margin-bottom: 44px;
}

    .project-filter li {
        position: relative;
        display: inline-block;
    }

        .project-filter li + li {
        }

        .project-filter li .filter-text {
            color: #27282c;
            font-size: 13px;
            font-weight: 600;
            text-transform: uppercase;
            display: block;
            padding: 8px 10px 8px;
            padding-right: 26px;
            cursor: pointer;
            transition: all .4s ease;
        }

        .project-filter li:hover .filter-text,
        .project-filter li.active .filter-text {
            color: #e9212e;
        }

        .project-filter li .count {
            position: absolute;
            top: -13px;
            right: 15%;
            color: #e9212e;
            font-size: 12px;
            line-height: 20px;
            font-weight: 700;
            display: inline-block;
            opacity: 0;
            -webkit-transform: translate(-50%, 0%);
            transform: translate(-50%, 0%);
            -webkit-transition: all .4s ease;
            transition: all .4s ease;
            font-family: 'Poppins', sans-serif;
        }

        .project-filter li:hover .count,
        .project-filter li.active .count {
            opacity: 1;
            -webkit-transform: translate(-50%, 50%);
            transform: translate(-50%, 50%);
        }


.single-project-style4 {
    position: relative;
    display: block;
    max-width: 370px;
    min-width: 300px;
    width: 100%;
    margin: 0 auto 30px;
    border: 2px solid #8e8e8e;
}

    .single-project-style4 .img-holder {
        position: relative;
        display: block;
        overflow: hidden;
        z-index: 10;
    }

        .single-project-style4 .img-holder .inner {
            position: relative;
            display: block;
        }

            .single-project-style4 .img-holder .inner:before {
                position: absolute;
                top: -37px;
                left: -37px;
                bottom: -37px;
                right: -37px;
                content: '';
                border: 37px solid #ffffff;
                opacity: 1;
                transition: all 300ms ease 100ms;
                z-index: 1;
            }

    .single-project-style4:hover .img-holder .inner:before {
        left: 3px;
        top: 3px;
        bottom: 3px;
        right: 3px;
        transition: all 300ms ease 100ms;
    }

    .single-project-style4 .img-holder:before,
    .single-project-style4 .img-holder:after {
        position: absolute;
        top: 0;
        left: 0;
        content: '';
        width: 100%;
        height: 100%;
        -webkit-transform: scale(0);
        transform: scale(0);
        -webkit-transform-origin: left top;
        transform-origin: left top;
        transition: all 900ms ease 300ms;
        border-radius: 0px;
        z-index: 1;
    }

    .single-project-style4 .img-holder:before {
        transform: scale(0, 1);
        transform-origin: bottom center;
        border-top: 3px solid #27282c;
        border-bottom: 3px solid #27282c;
    }

    .single-project-style4:hover .img-holder:before {
        transform: scale(1, 1);
    }

    .single-project-style4 .img-holder:after {
        transform: scale(1, 0);
        transform-origin: left center;
        border-left: 3px solid #27282c;
        border-right: 3px solid #27282c;
    }

    .single-project-style4:hover .img-holder:after {
        transform: scale(1, 1);
    }

    .single-project-style4 .img-holder img {
        width: 100%;
        transform: scale(1.0);
        transition: all 700ms ease;
        max-height:500px !important;
    }

    .single-project-style4:hover .img-holder img {
        transform: scale(1.2) rotate(0deg);
    }

    .single-project-style4 .overlay-box {
        position: absolute;
        top: 40px;
        left: 40px;
        right: 40px;
        bottom: 40px;
        background: rgba(40, 41, 46, 0.90);
        z-index: 3;
        opacity: 0;
        transform: scale(0) rotate(0deg);
        transition: all 700ms ease 300ms;
    }

    .single-project-style4:hover .overlay-box {
        opacity: 1;
        transform: scale(1.0) rotate(0deg);
        transition: all 700ms ease 500ms;
    }

    .single-project-style4 .overlay-box .box {
        display: block;
        width: 100%;
        height: 100%;
    }

        .single-project-style4 .overlay-box .box .link {
            display: flex;
            flex-direction: column;
            justify-content: center;
            text-align: center;
            align-content: center;
            align-items: center;
            height: 100%;
        }

            .single-project-style4 .overlay-box .box .link a span:before {
                color: #ffffff;
                font-size: 40px;
                line-height: 40px;
                transition: all 500ms ease;
            }

            .single-project-style4 .overlay-box .box .link a:hover span:before {
                color: #e9212e;
            }

    .single-project-style4 .img-holder .overlay-content {
        position: absolute;
        left: 40px;
        right: 40px;
        /* bottom: 3px; */
        height: 117px;
        background: #ffffff;
        z-index: 11;
        text-align: center;
        transition: all 700ms ease 300ms;
        opacity: 0;
        transform-style: preserve-3d;
        transform: perspective(1200px) rotateX(90deg) translateZ(-32px);
    }

    .single-project-style4:hover .img-holder .overlay-content {
        opacity: 1;
        /* transform: perspective(1200px) rotateX(0deg) translateZ(0px); */
        transition: all 900ms ease 300ms;
    }

    .single-project-style4 .img-holder .overlay-content .title {
        position: relative;
        display: block;
        padding-top: 33px;
    }

        .single-project-style4 .img-holder .overlay-content .title span {
            color: #7c7e84;
        }

        .single-project-style4 .img-holder .overlay-content .title h3 {
            font-size: 20px;
            font-weight: 600;
            margin: 3px 0 0;
        }

            .single-project-style4 .img-holder .overlay-content .title h3 a {
                color: #27282c;
                transition: all 500ms ease;
            }

                .single-project-style4 .img-holder .overlay-content .title h3 a:hover {
                    color: #e9212e;
                }


.main-project-area.style2 {
    position: relative;
    display: block;
    padding-bottom: 110px;
}

.single-project-style5 {
    position: relative;
    display: block;
    margin-bottom: 30px;
    -webkit-box-shadow: 0px 4px 8px 2px #f3f3f3;
    box-shadow: 0px 4px 8px 2px #f3f3f3;
}

    .single-project-style5 .img-holder {
        position: relative;
        display: block;
        overflow: hidden;
    }

        .single-project-style5 .img-holder .inner {
            position: relative;
            display: block;
        }

        .single-project-style5 .img-holder img {
            width: 100%;
            transform: scale(1.0);
            transition: all 700ms ease;
        }

    .single-project-style5:hover .img-holder img {
        transform: scale(1.2) rotate(2deg);
    }

    .single-project-style5 .overlay-box {
        position: absolute;
        top: 0px;
        left: 0px;
        right: 0px;
        bottom: 0;
        background: rgba(40, 41, 46, 0.90);
        z-index: 3;
        opacity: 0;
        transform: scale(0) rotate(0deg);
        transition: all 700ms ease 300ms;
    }

    .single-project-style5:hover .overlay-box {
        opacity: 1;
        transform: scale(1.0) rotate(0deg);
        transition: all 700ms ease 200ms;
    }

    .single-project-style5 .overlay-box .box {
        display: table;
        width: 100%;
        height: 100%;
    }

        .single-project-style5 .overlay-box .box .link {
            display: table-cell;
            vertical-align: middle;
            text-align: center;
        }

            .single-project-style5 .overlay-box .box .link a span:before {
                color: #ffffff;
                font-size: 40px;
                line-height: 40px;
                transition: all 500ms ease;
            }

            .single-project-style5 .overlay-box .box .link a:hover span:before {
                color: #e9212e;
            }

    .single-project-style5 .title {
        position: relative;
        display: block;
        padding-top: 24px;
        padding-bottom: 24px;
        text-align: center;
    }

        .single-project-style5 .title span {
            color: #7c7e84;
        }

        .single-project-style5 .title h3 {
            font-size: 20px;
            font-weight: 600;
            margin: 3px 0 0;
        }

            .single-project-style5 .title h3 a {
                color: #27282c;
                transition: all 500ms ease;
            }

                .single-project-style5 .title h3 a:hover {
                    color: #e9212e;
                }


.main-project-area.style3 {
    position: relative;
    display: block;
    padding-bottom: 110px;
}

.main-project-style3 {
    padding: 0;
}

    .main-project-style3 .mar0 {
        margin: 0;
    }

    .main-project-style3 .pd0 {
        padding: 0;
    }

.single-project-style6 {
    position: relative;
    display: block;
}

    .single-project-style6 .img-holder {
        position: relative;
        display: block;
        overflow: hidden;
    }

        .single-project-style6 .img-holder img {
            width: 100%;
            transform: scale(1.01);
            transition: all 700ms ease;
        }

    .single-project-style6:hover .img-holder img {
        transform: scale(1.2) rotate(2deg);
    }

    .single-project-style6 .overlay-content {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        content: "";
        background: rgba(40, 41, 46, 0.95);
        transform: scaleX(0);
        transition: all 700ms ease 100ms;
    }

    .single-project-style6:hover .overlay-content {
        transform: scaleY(1);
    }

    .single-project-style6 .overlay-content .inner-content {
        display: table;
        width: 100%;
        height: 100%;
    }

        .single-project-style6 .overlay-content .inner-content .title-box {
            display: table-cell;
            vertical-align: middle;
            text-align: center;
            opacity: 0;
            transform-style: preserve-3d;
            transform: perspective(1200px) rotateX(90deg) translateZ(-45px);
            transition: all 300ms ease 100ms;
        }

    .single-project-style6:hover .overlay-content .inner-content .title-box {
        opacity: 1;
        transform: translate3d(0px, 0px, 0px);
        transition: all 700ms ease 500ms;
    }

    .single-project-style6 .overlay-content .inner-content .title-box span {
        color: #7c7e84;
    }

    .single-project-style6 .overlay-content .inner-content .title-box h3 {
        font-size: 20px;
        font-weight: 600;
        margin: 3px 0 0;
    }

    .single-project-style6 .overlay-content .inner-content .title-box a {
        color: #ffffff;
        transition: all 500ms ease;
    }

        .single-project-style6 .overlay-content .inner-content .title-box a:hover {
            color: #e9212e;
        }

.load-more-project-style3-button {
    position: relative;
    display: block;
    padding-top: 60px;
}

.main-project-area.style4 {
    position: relative;
    display: block;
    padding-bottom: 110px;
}

.main-project-style4 {
    padding-left: 60px;
    padding-right: 60px;
}

    .main-project-style4 .row {
        margin-left: -30px;
        margin-right: -30px;
    }

        .main-project-style4 .row [class*=col-] {
            padding-left: 30px;
            padding-right: 30px;
        }

.single-project-style7 {
    position: relative;
    display: block;
    margin-bottom: 31px;
}

    .single-project-style7 .img-holder {
        position: relative;
        display: block;
        overflow: hidden;
    }

        .single-project-style7 .img-holder img {
            width: 100%;
            transform: scale(1.01);
            transition: all 700ms ease;
        }

    .single-project-style7:hover .img-holder img {
        transform: scale(1.2) rotate(2deg);
    }

    .single-project-style7 .overlay-content {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        content: "";
        background: rgba(40, 41, 46, 0.95);
        transform: scaleX(0);
        transition: all 700ms ease 100ms;
    }

    .single-project-style7:hover .overlay-content {
        transform: scaleY(1);
    }

    .single-project-style7 .overlay-content .inner-content {
        display: table;
        width: 100%;
        height: 100%;
    }

        .single-project-style7 .overlay-content .inner-content .title-box {
            display: table-cell;
            vertical-align: middle;
            text-align: center;
            opacity: 0;
            transform-style: preserve-3d;
            transform: perspective(1200px) rotateX(90deg) translateZ(-45px);
            transition: all 300ms ease 100ms;
        }

    .single-project-style7:hover .overlay-content .inner-content .title-box {
        opacity: 1;
        transform: translate3d(0px, 0px, 0px);
        transition: all 700ms ease 500ms;
    }

    .single-project-style7 .overlay-content .inner-content .title-box span {
        color: #7c7e84;
    }

    .single-project-style7 .overlay-content .inner-content .title-box h3 {
        font-size: 20px;
        font-weight: 600;
        margin: 3px 0 0;
    }

        .single-project-style7 .overlay-content .inner-content .title-box h3 a {
            color: #ffffff;
            transition: all 500ms ease;
        }

    .single-project-style7 .overlay-content .inner-content .title-box a:hover {
        color: #e9212e;
    }

    .single-project-style7 .title {
        position: relative;
        display: block;
        padding-top: 24px;
        padding-bottom: 24px;
        text-align: center;
        opacity: 1;
        transform: translate3d(0px, 0px, 0px);
        transition: all 300ms ease 100ms;
    }

    .single-project-style7:hover .title {
        opacity: 0;
        transform-style: preserve-3d;
        transform: perspective(1200px) rotateX(-90deg) translateZ(-45px);
        transition: all 700ms ease 500ms;
    }

    .single-project-style7 .title span {
        color: #7c7e84;
    }

    .single-project-style7 .title h3 {
        font-size: 20px;
        font-weight: 600;
        margin: 3px 0 0;
    }

        .single-project-style7 .title h3 a {
            color: #27282c;
            transition: all 500ms ease;
        }

            .single-project-style7 .title h3 a:hover {
                color: #e9212e;
            }

.load-more-project-style4-button {
    position: relative;
    display: block;
    padding-top: 0px;
}



.main-project-area.style5 {
    position: relative;
    display: block;
    padding-top: 110px;
    padding-bottom: 50px;
    z-index: 1;
}

    .main-project-area.style5:before {
        position: absolute;
        top: -150px;
        left: 50%;
        bottom: -500px;
        width: 1px;
        background: #ededed;
        content: "";
        z-index: -1;
    }

.main-project-style5 {
    position: relative;
    display: block;
    z-index: 1;
}

    .main-project-style5:before {
        position: absolute;
        top: -150px;
        left: -80px;
        bottom: -500px;
        width: 1px;
        background: #ededed;
        content: "";
        z-index: -1;
    }

    .main-project-style5:after {
        position: absolute;
        top: -150px;
        right: -80px;
        bottom: -500px;
        width: 1px;
        background: #ededed;
        content: "";
        z-index: -1;
    }

    .main-project-style5 .row {
        margin-left: -45px;
        margin-right: -45px;
    }

        .main-project-style5 .row [class*=col-] {
            padding-left: 45px;
            padding-right: 45px;
        }

.single-project-style8 {
    position: relative;
    display: block;
    margin-bottom: 60px;
}

    .single-project-style8 .img-holder {
        position: relative;
        display: block;
        overflow: hidden;
        z-index: 10;
    }

        .single-project-style8 .img-holder:before,
        .single-project-style8 .img-holder:after {
            position: absolute;
            top: 0;
            left: 0;
            content: '';
            width: 100%;
            height: 100%;
            transform: scale(0);
            -webkit-transform-origin: left top;
            transform-origin: left top;
            transition: all 700ms ease 100ms;
            border-radius: 0px;
            z-index: 3;
        }

        .single-project-style8 .img-holder:before {
            transform: scale(0, 1);
            transform-origin: bottom center;
            border-top: 40px solid #ffffff;
            border-bottom: 40px solid #ffffff;
        }

    .single-project-style8:hover .img-holder:before {
        transform: scale(1, 1);
        transition: all 700ms ease 100ms;
    }

    .single-project-style8 .img-holder:after {
        transform: scale(1, 0);
        transform-origin: left center;
        border-left: 40px solid #ffffff;
        border-right: 40px solid #ffffff;
    }

    .single-project-style8:hover .img-holder:after {
        transform: scale(1, 1);
        transition: all 700ms ease 100ms;
    }

    .single-project-style8 .img-holder img {
        width: 100%;
        transform: scale(1.01);
        transition: all 700ms ease;
    }

    .single-project-style8:hover .img-holder img {
        transform: scale(1.2) rotate(2deg);
    }

    .single-project-style8 .overlay-content {
        position: absolute;
        top: 40px;
        left: 40px;
        bottom: 40px;
        right: 40px;
        content: "";
        background: rgba(40, 41, 46, 0.95);
        transform: scaleX(0);
        transition: all 700ms ease 100ms;
        z-index: 5;
    }

    .single-project-style8:hover .overlay-content {
        transform: scaleY(1);
    }

    .single-project-style8 .overlay-content .inner-content {
        display: table;
        width: 100%;
        height: 100%;
    }

        .single-project-style8 .overlay-content .inner-content .title-box {
            display: table-cell;
            vertical-align: middle;
            text-align: center;
            opacity: 0;
            transform-style: preserve-3d;
            transform: perspective(1200px) rotateX(90deg) translateZ(-45px);
            transition: all 300ms ease 100ms;
            z-index: 3;
        }

    .single-project-style8:hover .overlay-content .inner-content .title-box {
        opacity: 1;
        transform: translate3d(0px, 0px, 0px);
        transition: all 700ms ease 500ms;
    }

    .single-project-style8 .overlay-content .inner-content .title-box span {
        color: #7c7e84;
    }

    .single-project-style8 .overlay-content .inner-content .title-box h3 {
        font-size: 20px;
        font-weight: 600;
        margin: 3px 0 0;
    }

    .single-project-style8 .overlay-content .inner-content .title-box a {
        color: #ffffff;
        transition: all 500ms ease;
    }

        .single-project-style8 .overlay-content .inner-content .title-box a:hover {
            color: #e9212e;
        }


.main-project-area.style6 {
    position: relative;
    display: block;
    padding-top: 110px;
    padding-bottom: 40px;
    z-index: 1;
}

    .main-project-area.style6:before {
        position: absolute;
        top: -150px;
        left: 50%;
        bottom: -500px;
        width: 1px;
        background: #ededed;
        content: "";
        z-index: -1;
    }

.main-project-style6 {
    position: relative;
    display: block;
    z-index: 1;
}

    .main-project-style6:before {
        position: absolute;
        top: -150px;
        left: -100px;
        bottom: -500px;
        width: 1px;
        background: #ededed;
        content: "";
        z-index: -1;
    }

    .main-project-style6:after {
        position: absolute;
        top: -150px;
        right: -100px;
        bottom: -500px;
        width: 1px;
        background: #ededed;
        content: "";
        z-index: -1;
    }

    .main-project-style6 .row {
        margin-left: -115px;
        margin-right: -115px;
    }

        .main-project-style6 .row [class*=col-] {
            padding-left: 115px;
            padding-right: 115px;
        }


.single-project-style9 {
    position: relative;
    display: block;
    margin-bottom: 40px;
}

    .single-project-style9 .img-holder {
        position: relative;
        display: block;
        overflow: hidden;
    }

        .single-project-style9 .img-holder img {
            width: 100%;
            transform: scale(1.0);
            transition: all 700ms ease;
        }

    .single-project-style9:hover .img-holder img {
        transform: scale(1.2) rotate(2deg);
    }

    .single-project-style9 .overlay-box {
        position: absolute;
        top: 0px;
        left: 0px;
        right: 0px;
        bottom: 0;
        background: rgba(40, 41, 46, 0.95);
        z-index: 3;
        opacity: 0;
        transform: scale(0) rotate(0deg);
        transition: all 700ms ease 300ms;
    }

    .single-project-style9:hover .overlay-box {
        opacity: 1;
        transform: scale(1.0) rotate(0deg);
        transition: all 700ms ease 200ms;
    }

    .single-project-style9 .overlay-box .box {
        display: table;
        width: 100%;
        height: 100%;
    }

        .single-project-style9 .overlay-box .box .link {
            display: table-cell;
            vertical-align: middle;
            text-align: center;
        }

            .single-project-style9 .overlay-box .box .link a span:before {
                color: #ffffff;
                font-size: 40px;
                line-height: 40px;
                transition: all 500ms ease;
            }

            .single-project-style9 .overlay-box .box .link a:hover span:before {
                color: #e9212e;
            }

    .single-project-style9 .title {
        position: relative;
        display: block;
        padding-top: 24px;
        padding-bottom: 24px;
    }

        .single-project-style9 .title span {
            color: #7c7e84;
        }

        .single-project-style9 .title h3 {
            font-size: 20px;
            font-weight: 600;
            margin: 3px 0 0;
        }

            .single-project-style9 .title h3 a {
                color: #27282c;
                transition: all 500ms ease;
            }

                .single-project-style9 .title h3 a:hover {
                    color: #e9212e;
                }


.project-description-area {
    position: relative;
    display: block;
    margin-top: 110px;
    padding: 110px 0 50px;
}

    .project-description-area .pattern-bg {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
    }

.project-description-image-box {
    position: relative;
    display: block;
    z-index: 3;
}

    .project-description-image-box img {
        max-width: none;
        float: right;
    }

.project-description-content {
    position: relative;
    display: block;
    z-index: 3;
    padding-top: 45px;
    padding-left: 100px;
}

    .project-description-content .sec-title {
        padding-bottom: 32px;
    }

        .project-description-content .sec-title p {
            margin: 0 0 5px;
        }

        .project-description-content .sec-title .title {
            font-size: 30px;
        }

    .project-description-content .inner-content {
        position: relative;
        display: block;
    }

        .project-description-content .inner-content .bottpm-text {
            position: relative;
            display: block;
            padding-top: 10px;
        }

        .project-description-content .inner-content ul {
            position: relative;
            display: block;
            padding-top: 2px;
        }

            .project-description-content .inner-content ul li {
                position: relative;
                display: block;
                line-height: 41px;
                padding-left: 40px;
            }

                .project-description-content .inner-content ul li:before {
                    font-family: 'icomoon';
                    position: absolute;
                    top: 0;
                    left: 0;
                    bottom: 0;
                    content: "\e910";
                    color: #a7a7a7;
                    font-size: 25px;
                }

.project-info-area {
    position: relative;
    display: block;
    padding-top: 110px;
    padding-bottom: 110px;
}

    .project-info-area .pattern-bg {
        position: absolute;
        top: 0;
        right: 0;
        z-index: 1;
    }

.project-info-content {
    position: relative;
    display: block;
    max-width: 370px;
    width: 100%;
    margin: -6px auto 0;
    z-index: 3;
}

    .project-info-content .project-info-title {
        position: relative;
        display: block;
        padding-left: 70px;
        padding-bottom: 33px;
    }

        .project-info-content .project-info-title:before {
            position: absolute;
            top: 14px;
            left: 0;
            width: 70px;
            height: 1px;
            background: #e9212e;
            content: "";
        }

        .project-info-content .project-info-title h3 {
            position: relative;
            display: block;
            padding-left: 20px;
            color: #27282c;
            font-size: 24px;
            line-height: 30px;
            font-weight: 700;
            text-transform: uppercase;
        }

    .project-info-content .inner-content {
        position: relative;
        display: block;
        padding: 38px 50px 32px;
        box-shadow: 0px 0px 9px 3px #f6f6f6;
    }

        .project-info-content .inner-content ul {
            position: relative;
            display: block;
        }

            .project-info-content .inner-content ul li {
                position: relative;
                display: block;
                border-bottom: 1px solid #ededed;
                padding-bottom: 12px;
                margin-bottom: 17px;
            }

                .project-info-content .inner-content ul li:last-child {
                    border-bottom: none;
                    margin-bottom: 0;
                    padding-bottom: 0;
                }

                .project-info-content .inner-content ul li .icon {
                    width: 30px;
                }

                    .project-info-content .inner-content ul li .icon span:before {
                        color: #27282c;
                        font-size: 30px;
                        line-height: 30px;
                    }

                .project-info-content .inner-content ul li .icon,
                .project-info-content .inner-content ul li .title {
                    display: table-cell;
                    vertical-align: middle;
                }

                .project-info-content .inner-content ul li .title {
                    padding-left: 20px;
                }

                    .project-info-content .inner-content ul li .title h4 {
                        color: #27282c;
                        font-size: 16px;
                        line-height: 20px;
                        font-weight: 600;
                        margin: 0 0 4px;
                    }

                    .project-info-content .inner-content ul li .title span {
                    }


.project-info-image-box {
    position: relative;
    display: block;
    z-index: 3;
}

    .project-info-image-box img {
        max-width: none;
        float: left;
    }




.video-image-holder-area {
    position: relative;
    display: block;
}

    .video-image-holder-area .container-fluid {
        padding-right: 50px;
        padding-left: 50px;
    }

.video-holder-box {
    position: relative;
    display: block;
    width: 100%;
}

    .video-holder-box .img-holder {
        position: relative;
        display: block;
        overflow: hidden;
    }

        .video-holder-box .img-holder img {
            width: 100%;
        }

        .video-holder-box .img-holder .icon-holder {
            position: absolute;
            top: 0px;
            left: 0px;
            bottom: 0px;
            right: 0px;
            content: "";
            background: rgba(255, 255, 255, 0.02);
            transition: all 900ms ease;
            z-index: 3;
            opacity: 1;
        }

            .video-holder-box .img-holder .icon-holder .icon {
                display: table;
                width: 100%;
                height: 100%;
            }

                .video-holder-box .img-holder .icon-holder .icon .inner {
                    display: table-cell;
                    vertical-align: middle;
                }

                    .video-holder-box .img-holder .icon-holder .icon .inner a {
                        position: relative;
                        display: inline-block;
                        border: 4px solid rgba(255, 255, 255, 0.99);
                        color: #ffffff;
                        height: 100px;
                        width: 100px;
                        border-radius: 50%;
                        text-align: center;
                        transition: all 500ms ease;
                    }

                        .video-holder-box .img-holder .icon-holder .icon .inner a span:before {
                            position: relative;
                            display: block;
                            width: 100%;
                            height: 100%;
                            font-size: 40px;
                            line-height: 92px;
                            border-radius: 50%;
                            -webkit-animation: pulse 2s infinite;
                            -o-animation: pulse 2s infinite;
                            animation: pulse 2s infinite;
                            transition: all 1s ease;
                        }

@keyframes pulse {
    50% {
        box-shadow: 0 0 0 5px rgba(255,255,255,.1), 0 0 0 20px rgba(238, 238,238, 0.3000);
    }
}

.single-project-image-gallery {
    position: relative;
    display: block;
}

    .single-project-image-gallery img {
        width: 100%;
    }



.similar-projects-area {
    position: relative;
    display: block;
    padding: 103px 0 54px;
}

.similar-projects-content {
    padding-left: 60px;
    padding-right: 60px;
}

    .similar-projects-content .row {
        margin-left: -30px;
        margin-right: -30px;
    }

        .similar-projects-content .row [class*=col-] {
            padding-left: 30px;
            padding-right: 30px;
        }

.similar-project-title {
    position: relative;
    display: block;
    padding-bottom: 41px;
}

    .similar-project-title h2 {
        color: #27282c;
        font-size: 30px;
        line-height: 38px;
        font-weight: 700;
        text-transform: uppercase;
    }

.single-similar-project {
    position: relative;
    display: block;
    text-align: center;
    margin-bottom: 50px;
}

    .single-similar-project .img-holder {
        position: relative;
        display: block;
        overflow: hidden;
        z-index: 2;
    }

        .single-similar-project .img-holder::before {
            position: absolute;
            top: 0;
            left: -100%;
            width: 50%;
            height: 100%;
            content: '';
            background: linear-gradient(to right, rgba(233,33,48, 0) 0%, rgba(233,33,48, .3) 100%);
            transform: skewX(-25deg);
            z-index: 2;
        }

    .single-similar-project:hover .img-holder::before {
        -webkit-animation: shine 1.5s;
        animation: shine 1.5s;
    }

@-webkit-keyframes shine {
    100% {
        left: 125%;
    }
}

@keyframes shine {
    100% {
        left: 125%;
    }
}

.single-similar-project .img-holder img {
    width: 100%;
    transition: all 1500ms ease;
}

.single-similar-project:hover .img-holder img {
    transform: scale(1.3) rotate(0deg);
}

.single-similar-project .title-holder {
    position: relative;
    display: block;
    padding-top: 24px;
}

    .single-similar-project .title-holder span {
        color: #7c7e84;
    }

    .single-similar-project .title-holder h3 {
        font-size: 20px;
        line-height: 26px;
        font-weight: 600;
        margin: 3px 0 0;
    }

        .single-similar-project .title-holder h3 a {
            color: #27282c;
        }


#blog-area {
    position: relative;
    display: block;
    padding: 110px 0 110px;
}

    #blog-area.blog-default-area {
        position: relative;
        display: block;
        padding: 110px 0 40px;
    }

.single-blog-colum-style1 {
    position: relative;
    display: block;
    padding-left: 30px;
    z-index: 1;
}

    .single-blog-colum-style1:before {
        position: absolute;
        top: -300px;
        left: 0;
        bottom: -2000px;
        width: 1px;
        background: #ededed;
        content: "";
        z-index: -1;
    }

.single-blog-post.style3 {
    margin-bottom: 62px;
}

    .single-blog-post.style3 .img-holder .overlay {
        transform: translate3d(0px, 0%, 0px);
    }

    .single-blog-post.style3 .post-date {
        position: absolute;
        top: 20px;
        right: 20px;
        width: 70px;
        height: 80px;
        text-align: center;
        background: #e9212e;
        display: block;
        padding: 5px;
        transition: all 700ms ease 500ms;
        z-index: 3;
    }

        .single-blog-post.style3 .post-date h3 {
            color: #ffffff;
            font-size: 14px;
            line-height: 24px;
            font-weight: 500;
            text-transform: uppercase;
            font-family: 'Rubik', sans-serif;
        }

            .single-blog-post.style3 .post-date h3 span {
                font-size: 24px;
            }

    .single-blog-post.style3 .text-holder {
        position: relative;
        display: block;
        padding-top: 24px;
    }

        .single-blog-post.style3 .text-holder:before {
            position: absolute;
            top: 30px;
            left: -29px;
            width: 3px;
            height: 20px;
            background: #e9212e;
            content: "";
            z-index: 99;
        }

        .single-blog-post.style3 .text-holder:after {
            position: absolute;
            top: 30px;
            left: -29px;
            width: 3px;
            background: #e9212e;
            content: "";
            z-index: 99;
            bottom: 8px;
            transform: scaleY(0);
            transition: all 700ms ease 400ms;
        }

    .single-blog-post.style3:hover .text-holder:after {
        transform: scaleY(1);
    }

    .single-blog-post.style3 .meta-box {
        margin-top: 14px;
        margin-bottom: 0px;
    }

    .single-blog-post.style3 .text-holder .text {
        margin-top: 9px;
    }

        .single-blog-post.style3 .text-holder .text p {
            margin: 0 0 26px;
        }


#blog-area.blog-large-area {
    position: relative;
    display: block;
}

.single-blog-post.style4 {
    position: relative;
    display: block;
    padding-left: 30px;
    padding-right: 35px;
    margin-bottom: 80px;
    z-index: 1;
}

    .single-blog-post.style4:before {
        position: absolute;
        top: -300px;
        left: 0;
        bottom: -500px;
        width: 1px;
        background: #ededed;
        content: "";
        z-index: -1;
    }

    .single-blog-post.style4 .img-holder .overlay .box .link-icon a span:before {
        font-size: 55px;
        line-height: 55px;
    }

    .single-blog-post.style4 .text-holder {
        position: relative;
        display: block;
        padding-top: 32px;
    }

        .single-blog-post.style4 .text-holder:before {
            position: absolute;
            top: 40px;
            left: -29px;
            width: 3px;
            height: 20px;
            background: #e9212e;
            content: "";
            z-index: 99;
        }

        .single-blog-post.style4 .text-holder:after {
            position: absolute;
            top: 0px;
            left: -29px;
            width: 3px;
            background: #e9212e;
            content: "";
            z-index: 99;
            bottom: 0px;
            transform: scaleY(0);
            transition: all 700ms ease 400ms;
        }

    .single-blog-post.style4:hover .text-holder:after {
        transform: scaleY(1);
    }

    .single-blog-post.style4 .text-holder .blog-title {
        font-size: 30px;
        line-height: 40px;
    }

    .single-blog-post.style4 .meta-box {
        margin-top: 11px;
        margin-bottom: 0px;
        border-bottom: 1px solid #ededed;
        padding-bottom: 25px;
    }

    .single-blog-post.style4 .text-holder .text {
        margin-top: 24px;
    }

        .single-blog-post.style4 .text-holder .text p {
            margin: 0 0 32px;
        }



#blog-area .sidebar-wrapper {
    position: relative;
    display: block;
    max-width: 300px;
    margin-left: -30px;
}

.sidebar-title {
    position: relative;
    display: block;
    margin-top: -4px;
    padding-bottom: 6px;
}

    .sidebar-title:before {
        position: absolute;
        top: 10px;
        left: -30px;
        width: 10px;
        height: 5px;
        background: #e9212e;
        content: "";
    }

    .sidebar-title .title {
        color: #27282c;
        font-size: 20px;
        line-height: 24px;
        font-weight: 600;
        font-family: 'Poppins', sans-serif;
    }

.sidebar-wrapper .single-sidebar {
    position: relative;
    display: block;
    padding: 40px 30px 0;
    -webkit-box-shadow: 0px 0px 8px 2px #f6f6f6;
    box-shadow: 0px 0px 8px 2px #f6f6f6;
    margin-bottom: 50px;
}

.sidebar-search-box .search-form {
    position: relative;
    display: block;
    max-width: 300px;
    margin-bottom: 50px;
    -webkit-box-shadow: 0px 0px 8px 2px #f6f6f6;
    box-shadow: 0px 0px 8px 2px #f6f6f6;
}

    .sidebar-search-box .search-form input[type="text"] {
        position: relative;
        display: block;
        background: #ffffff;
        border: 1px solid #f6f6f6;
        color: #828282;
        font-size: 15px;
        font-weight: 400;
        height: 60px;
        width: 100%;
        padding-left: 20px;
        padding-right: 65px;
        border-radius: 0px;
        transition: all 500ms ease 0s;
    }

.sidebar-wrapper .search-form button {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    display: block;
    background: #e9212e;
    color: #ffffff;
    font-size: 14px;
    height: 60px;
    width: 60px;
    border: 0px solid #e9212e;
    line-height: 60px;
    text-align: center;
    border-radius: 0px;
    transition: all 500ms ease 0s;
    margin: 0;
}

    .sidebar-wrapper .search-form button i {
        font-size: 14px
    }

.sidebar-wrapper .search-form input[type="text"]:focus {
    border: 1px solid #e9212e;
    background: #fff;
    color: #000000;
}

    .sidebar-wrapper .search-form input[type="text"]:focus + button,
    .sidebar-wrapper .search-form button:hover {
        border-color: #e9212e;
        color: #ffffff;
    }


.single-sidebar .categories {
    position: relative;
    display: block;
    padding-bottom: 20px;
}

    .single-sidebar .categories li {
        position: relative;
        display: block;
    }

        .single-sidebar .categories li a {
            position: relative;
            display: block;
            padding-left: 20px;
            color: #828282;
            font-size: 15px;
            line-height: 50px;
            font-weight: 400;
            border-bottom: 1px solid #ededed;
            font-family: 'Rubik', sans-serif;
            transition: all 700ms ease;
            z-index: 1;
        }

            .single-sidebar .categories li a sup {
                font-size: 12px;
                display: inline-block;
                padding-left: 5px;
                transform: scaleX(0);
                transition: all 300ms ease 100ms;
            }

        .single-sidebar .categories li:hover a sup {
            transform: scaleX(1.0);
            transition: all 300ms ease 100ms;
        }

        .single-sidebar .categories li:last-child a {
            border: none;
        }

        .single-sidebar .categories li:hover a {
            color: #e9212e;
            transition: all 700ms ease;
        }

        .single-sidebar .categories li a:before {
            position: absolute;
            top: 0px;
            left: 0;
            content: "\f107";
            font-family: "Flaticon";
            color: #828282;
            font-size: 10px;
            transition: all 900ms ease;
            font-weight: 600;
            line-height: 50px;
            margin: 0px;
        }

        .single-sidebar .categories li:hover a:before {
            color: #e9212e;
            content: "\f108";
            transition: all 900ms ease;
        }



.single-sidebar .recent-post {
    position: relative;
    display: block;
    overflow: hidden;
    padding: 19px 0 35px;
}

    .single-sidebar .recent-post li {
        position: relative;
        display: block;
        border-bottom: 1px solid #ededed;
        min-height: 65px;
        padding-left: 60px;
        padding-bottom: 25px;
        margin-bottom: 30px;
    }

        .single-sidebar .recent-post li:last-child {
            padding-bottom: 0;
            margin-bottom: 0;
            border-bottom: none;
        }

        .single-sidebar .recent-post li .img-holder {
            position: absolute;
            top: 0px;
            left: 0;
            width: 60px;
            height: 60px;
            display: block;
            overflow: hidden;
        }

            .single-sidebar .recent-post li .img-holder img {
                transition: all 0.4s ease-in-out 0.5s;
                width: 100%;
                transform: scale(1.1, 1.1);
            }

        .single-sidebar .recent-post li:hover .img-holder img {
            transition-delay: 0s;
            transform: scale(1.2, 1.2);
        }

        .single-sidebar .recent-post li .img-holder .overlay-style-one {
            background: rgba(233, 33, 48, 0.90);
        }

            .single-sidebar .recent-post li .img-holder .overlay-style-one .box .content a {
                display: inline-block;
                width: 20px;
                height: 20px;
                filter: alpha(opacity=0);
                transform: scale(3);
                transition: all 0.3s ease-in-out 0.3s;
                opacity: 0;
                z-index: 5;
            }

        .single-sidebar .recent-post li:hover .img-holder .overlay-style-one .box .content a {
            filter: alpha(opacity=100);
            transform: scale(1);
            transition-delay: 0.1s;
            opacity: 1;
        }

        .single-sidebar .recent-post li .img-holder .overlay-style-one .box .content a span:before {
            color: #ffffff;
            font-size: 20px;
            line-height: 20px;
            transition: all 500ms ease;
        }

        .single-sidebar .recent-post li .img-holder .overlay-style-one .box .content a:hover span:before {
            color: #000000;
        }

        .single-sidebar .recent-post li:hover .img-holder .overlay-style-one {
            opacity: 1;
        }

        .single-sidebar .recent-post li .title-holder {
            padding-left: 20px;
        }

            .single-sidebar .recent-post li .title-holder span {
                display: block;
                line-height: 14px;
            }

            .single-sidebar .recent-post li .title-holder .post-title {
                font-size: 14px;
                line-height: 22px;
                font-weight: 600;
                margin: 7px 0 0;
                transition: all 500ms ease;
            }

                .single-sidebar .recent-post li .title-holder .post-title a {
                    color: #27282c;
                    transition: all 500ms ease;
                }

                    .single-sidebar .recent-post li .title-holder .post-title a:hover {
                        color: #e9212e;
                    }




.single-sidebar .instagram {
    position: relative;
    display: block;
    overflow: hidden;
    margin-left: -5px;
    margin-right: -5px;
    padding: 19px 0 4px;
}

    .single-sidebar .instagram li {
        position: relative;
        display: inline-block;
        float: left;
        margin: 0 5px 10px;
        transition: all 0.5s ease 0s;
    }

        .single-sidebar .instagram li .img-holder {
            position: relative;
            display: block;
            overflow: hidden;
            transition: all 0.5s ease 0s;
            z-index: 5;
        }

            .single-sidebar .instagram li .img-holder img {
                transform: scale(1.1, 1.1);
                transition: all 0.5s ease 0s;
                width: 100%;
            }

        .single-sidebar .instagram li:hover .img-holder img {
            transform: scale(1, 1);
        }

        .single-sidebar .instagram li .img-holder .overlay-style-one {
            background: rgba(40, 41, 46, 0.95);
        }

        .single-sidebar .instagram li:hover .img-holder .overlay-style-one {
            filter: alpha(opacity=100);
            opacity: 1;
            transition-delay: 0s;
        }

        .single-sidebar .instagram li .img-holder .overlay-style-one .box .content a {
            position: relative;
            display: block;
            float: none;
            margin: 0;
            color: #ffffff;
            font-size: 14px;
            line-height: 26px;
            font-family: 'Poppins', sans-serif;
            opacity: 0;
            transform: scale(3);
            transition: all 0.3s ease-in-out 0.3s;
            z-index: 5;
        }

        .single-sidebar .instagram li:hover .img-holder .overlay-style-one .box .content a {
            filter: alpha(opacity=100);
            opacity: 1;
            transform: scale(1);
            transition-delay: 0.1s;
        }

        .single-sidebar .instagram li .img-holder .overlay-style-one .box .content a span:before {
            display: inline-block;
            padding-right: 5px;
            font-size: 12px;
            filter: alpha(opacity=0);
        }

        .single-sidebar .instagram li .img-holder .overlay-style-one .box .content a:hover {
            color: #e9212e;
        }

.follow-us-button {
    position: relative;
    display: block;
    padding-bottom: 32px;
}


.single-sidebar .popular-tag {
    position: relative;
    display: block;
    margin-left: -2.5px;
    margin-right: -2.5px;
    padding: 19px 0 35px;
}

    .single-sidebar .popular-tag li {
        position: relative;
        display: inline-block;
        float: left;
        margin: 0 2.5px 5px;
    }

        .single-sidebar .popular-tag li a {
            position: relative;
            display: block;
            background: #f6f6f6;
            padding: 9px 10px 7px;
            color: #828282;
            font-size: 15px;
            font-weight: 400;
            transition: all 500ms ease 0s;
            z-index: 1;
        }

            .single-sidebar .popular-tag li a:hover {
                color: #ffffff;
                background: #27282c;
            }


.main-header.blog-single {
    -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.10);
    -moz-box-shadow: 0 0 15px rgba(0,0,0,0.10);
    -ms-box-shadow: 0 0 15px rgba(0,0,0,0.10);
    -o-box-shadow: 0 0 15px rgba(0,0,0,0.10);
    box-shadow: 0 0 15px rgba(0,0,0,0.10);
}


.single-post-info-area {
    position: relative;
    display: block;
    padding: 104px 0 96px;
}

.single-post-info-content {
    position: relative;
    display: block;
}

    .single-post-info-content .meta-box {
        position: relative;
        display: block;
        overflow: hidden;
    }

        .single-post-info-content .meta-box .meta-info {
            position: relative;
            display: block;
            overflow: hidden;
            text-align: center;
        }

            .single-post-info-content .meta-box .meta-info li {
                position: relative;
                display: inline-block;
                float: none;
                color: #e9212e;
                font-size: 15px;
                line-height: 20px;
                font-weight: 400;
                padding-right: 16px;
                margin-right: 11px;
            }

                .single-post-info-content .meta-box .meta-info li:before {
                    position: absolute;
                    top: 3px;
                    right: 0px;
                    width: 1px;
                    height: 12px;
                    background: #d3d9e0;
                    content: "";
                }

                .single-post-info-content .meta-box .meta-info li:last-child {
                    padding-right: 0;
                    margin-right: 0;
                }

                    .single-post-info-content .meta-box .meta-info li:last-child:before {
                        display: none;
                    }

                .single-post-info-content .meta-box .meta-info li a {
                    color: #828282;
                    font-size: 15px;
                    font-weight: 400;
                    text-transform: capitalize;
                    transition: all 500ms ease;
                }

                    .single-post-info-content .meta-box .meta-info li a:hover {
                        color: #e9212e;
                    }

    .single-post-info-content .blog-title {
        color: #26272b;
        font-size: 48px;
        line-height: 60px;
        font-weight: 600;
        margin: 22px 0 0;
    }


#blog-area.blog-single-area {
    position: relative;
    display: block;
    padding: 0 0 110px;
}

.blog-single-area .blog-post {
    position: relative;
    display: block;
    margin-right: 35px;
}

.blog-single-area .single-blog-post {
    position: relative;
    display: block;
}

.blog-single-area .main-image-box {
    position: relative;
    display: block;
    margin-bottom: 54px;
}

    .blog-single-area .main-image-box img {
        width: 100%;
    }

.single-blog-post .top-text-box {
    position: relative;
    display: block;
    overflow: hidden;
}

    .single-blog-post .top-text-box h3 {
        color: #27282c;
        font-size: 20px;
        font-weight: 600;
        margin: 27px 0 28px;
    }

.author-quote-box {
    position: relative;
    display: block;
    padding: 33px 40px 33px;
    background: #2b2b2b;
    margin-top: 36px;
}

    .author-quote-box:before {
        font-family: 'icomoon';
        position: absolute;
        bottom: -35px;
        right: 40px;
        width: 70px;
        height: 70px;
        border-radius: 50%;
        background: #e9212e;
        content: "\e939";
        color: #ffffff;
        font-size: 32px;
        line-height: 70px;
        text-align: center;
    }

    .author-quote-box .text {
        position: relative;
        display: block;
    }

        .author-quote-box .text p {
            color: #ffffff;
            font-size: 20px;
            line-height: 32px;
            margin: 0;
        }

        .author-quote-box .text .name {
            position: relative;
            display: block;
        }

            .author-quote-box .text .name h3 {
                color: #ffffff;
                font-size: 18px;
                font-weight: 500;
            }

                .author-quote-box .text .name h3 span {
                    color: #7c7e84;
                    font-size: 15px;
                    font-weight: 400;
                    font-family: 'Rubik', sans-serif;
                }

.quote-bottom-text {
    position: relative;
    display: block;
}

.blog-single-image-with-text-box {
    position: relative;
    display: block;
    margin-top: 52px;
}

    .blog-single-image-with-text-box .image-box {
        position: relative;
        display: block;
    }

        .blog-single-image-with-text-box .image-box li {
            position: relative;
            display: inline-block;
            float: left;
            margin-right: 35px;
        }

            .blog-single-image-with-text-box .image-box li:last-child {
                margin-right: 0;
            }

            .blog-single-image-with-text-box .image-box li img {
                width: 100%;
            }

    .blog-single-image-with-text-box .text-box {
        position: relative;
        display: block;
        margin-top: 54px;
    }

.blog-single-bottom-content-box {
    position: relative;
    display: block;
    margin-top: 45px;
}

    .blog-single-bottom-content-box h2 {
        color: #27282c;
        font-size: 24px;
        line-height: 32px;
        font-weight: 700;
        text-transform: uppercase;
        margin: 0 0 16px;
    }

    .blog-single-bottom-content-box p {
        margin: 0 0 20px;
    }

    .blog-single-bottom-content-box ul {
        position: relative;
        display: block;
    }

        .blog-single-bottom-content-box ul li {
            position: relative;
            display: block;
            padding-left: 40px;
            line-height: 36px;
        }

            .blog-single-bottom-content-box ul li:before {
                font-family: "Flaticon";
                position: absolute;
                top: 0;
                left: 0;
                content: "\f102";
                color: #e9212e;
                font-size: 25px;
            }


.tag-with-social-links-box {
    position: relative;
    display: block;
    overflow: hidden;
    border-top: 1px solid #ededed;
    margin-top: 20px;
    padding-top: 21px;
}

    .tag-with-social-links-box .inner-content {
        position: relative;
        display: block;
    }

    .tag-with-social-links-box .tag-box {
        position: relative;
        display: block;
    }

        .tag-with-social-links-box .tag-box p {
            position: relative;
            display: inline-block;
            float: left;
            color: #27282c;
            font-size: 16px;
            line-height: 30px;
            font-weight: 500;
            margin: 0;
            font-family: 'Poppins', sans-serif;
        }

        .tag-with-social-links-box .tag-box ul {
            position: relative;
            display: inline-block;
            float: left;
            padding-left: 10px;
        }

            .tag-with-social-links-box .tag-box ul li {
                position: relative;
                display: inline-block;
                float: left;
                line-height: 30px;
                padding: 0px;
            }

                .tag-with-social-links-box .tag-box ul li:last-child {
                    margin-right: 0;
                }

                .tag-with-social-links-box .tag-box ul li a {
                    position: relative;
                    display: block;
                    color: #ec1d25;
                    font-size: 15px;
                    font-weight: 400;
                    text-transform: capitalize;
                    transition: all 300ms ease 100ms;
                }

                    .tag-with-social-links-box .tag-box ul li a:hover {
                        color: #110075;
                    }

    .tag-with-social-links-box .social-links-box {
        position: relative;
        display: block;
    }

        .tag-with-social-links-box .social-links-box p {
            position: relative;
            display: inline-block;
            float: left;
            color: #27282c;
            font-size: 16px;
            line-height: 30px;
            font-weight: 500;
            margin: 0;
            font-family: 'Poppins', sans-serif;
        }

            .tag-with-social-links-box .social-links-box p i {
                position: relative;
                display: inline-block;
                padding-right: 8px;
                color: #e9212e;
            }

        .tag-with-social-links-box .social-links-box .sociallinks {
            position: relative;
            display: inline-block;
            float: left;
            padding-left: 10px;
        }

            .tag-with-social-links-box .social-links-box .sociallinks li {
                position: relative;
                display: inline-block;
                float: left;
                line-height: 30px;
                margin-right: 20px;
            }

                .tag-with-social-links-box .social-links-box .sociallinks li:last-child {
                    margin-right: 0;
                }

                .tag-with-social-links-box .social-links-box .sociallinks li a i {
                    position: relative;
                    display: block;
                    color: #b3b3b3;
                    font-size: 14px;
                    line-height: 30px;
                }

                .tag-with-social-links-box .social-links-box .sociallinks li a:hover i {
                    color: #e9212e;
                }


.blog-prev-next-option {
    position: relative;
    display: block;
    overflow: hidden;
    width: 100%;
    margin-top: 75px;
}

    .blog-prev-next-option .single {
        position: relative;
        display: block;
        max-width: 400px;
        width: 100%;
    }

        .blog-prev-next-option .single.prev {
            position: relative;
            display: block;
            overflow: hidden;
            float: left;
        }

        .blog-prev-next-option .single .image-thumb {
            position: relative;
            display: block;
            overflow: hidden;
        }

            .blog-prev-next-option .single .image-thumb img {
                transform: scale(1.1, 1.1);
                transition: all 0.5s ease 0s;
                width: 100%;
            }

        .blog-prev-next-option .single:hover .image-thumb img {
            transform: scale(1, 1);
        }

        .blog-prev-next-option .single .image-thumb .overlay {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(40, 41, 46, 0.95);
            transition: all 700ms ease 100ms;
            opacity: 0;
        }

        .blog-prev-next-option .single:hover .image-thumb .overlay {
            filter: alpha(opacity=100);
            opacity: 1;
            transition-delay: 0s;
        }

        .blog-prev-next-option .single .image-thumb .overlay .box {
            display: table;
            width: 100%;
            height: 100%;
        }

            .blog-prev-next-option .single .image-thumb .overlay .box .link {
                display: table-cell;
                vertical-align: middle;
                text-align: center;
            }

                .blog-prev-next-option .single .image-thumb .overlay .box .link a {
                    position: relative;
                    display: inline-block;
                    color: #ffffff;
                    font-size: 15px;
                    font-weight: 500;
                    text-transform: capitalize;
                    width: 100px;
                    height: 20px;
                    filter: alpha(opacity=0);
                    transform: scale(3);
                    transition: all 0.3s ease-in-out 0.3s;
                    opacity: 0;
                }

        .blog-prev-next-option .single:hover .image-thumb .overlay .box .link a {
            filter: alpha(opacity=100);
            transform: scale(1);
            transition-delay: 0.1s;
            opacity: 1;
        }

        .blog-prev-next-option .single .image-thumb .overlay .box .link a:hover {
            color: #e9212e;
        }

        .blog-prev-next-option .single .image-thumb .overlay .box .link a i {
            display: inline-block;
            padding-left: 5px;
        }

        .blog-prev-next-option .single .title {
            position: relative;
            display: block;
            padding: 14px 20px 0;
            text-align: center;
        }

            .blog-prev-next-option .single .title h3 {
                font-size: 18px;
                line-height: 26px;
                font-weight: 600;
            }

            .blog-prev-next-option .single .title a {
                color: #27282c;
                transition: all 500ms ease;
            }

                .blog-prev-next-option .single .title a:hover {
                    color: #e9212e;
                }

        .blog-prev-next-option .single.next {
            position: relative;
            display: block;
            overflow: hidden;
            float: right;
        }



.author-box-holder {
    position: relative;
    display: block;
    background: #ffffff;
    padding: 45px 40px 40px;
    margin: 73px 0 80px;
    box-shadow: 0px 4px 10px 3px #e0e4e6;
}

    .author-box-holder .inner-box {
        position: relative;
        display: block;
    }

        .author-box-holder .inner-box .img-box {
            width: 100px;
        }

            .author-box-holder .inner-box .img-box img {
                width: 100%;
                border-radius: 50%;
            }

        .author-box-holder .inner-box .img-box,
        .author-box-holder .inner-box .text {
            display: table-cell;
            vertical-align: middle;
        }

        .author-box-holder .inner-box .text {
            padding-left: 40px;
        }

            .author-box-holder .inner-box .text h3 {
                color: #222222;
                font-size: 20px;
                font-weight: 600;
                margin: 0;
            }

                .author-box-holder .inner-box .text h3 span {
                    color: #e9212e;
                    font-size: 15px;
                    font-weight: 400;
                    font-family: 'Rubik', sans-serif;
                }

            .author-box-holder .inner-box .text p {
                line-height: 25px;
                margin: 16px 0 23px;
            }

            .author-box-holder .inner-box .text .author-social-links {
                position: relative;
                display: block;
                overflow: hidden;
            }

                .author-box-holder .inner-box .text .author-social-links p {
                    position: relative;
                    display: inline-block;
                    float: left;
                    padding-right: 10px;
                    color: #27282c;
                    font-size: 15px;
                    font-weight: 500;
                    line-height: 30px;
                    margin: 0;
                }

                .author-box-holder .inner-box .text .author-social-links ul {
                    position: relative;
                    display: inline-block;
                    float: left;
                }

                    .author-box-holder .inner-box .text .author-social-links ul li {
                        position: relative;
                        display: inline-block;
                        float: left;
                        line-height: 30px;
                        padding-right: 11px;
                        margin-right: 10px;
                    }

                        .author-box-holder .inner-box .text .author-social-links ul li:before {
                            position: absolute;
                            top: 0;
                            bottom: 0;
                            right: 0;
                            width: 1px;
                            height: 12px;
                            background: #e3e3e3;
                            content: "";
                            transform: rotate(15deg);
                            line-height: 30px;
                            margin: 8px 0;
                        }

                        .author-box-holder .inner-box .text .author-social-links ul li:last-child:before {
                            display: none;
                        }

                        .author-box-holder .inner-box .text .author-social-links ul li:last-child {
                            padding-right: 0;
                            margin-right: 0;
                        }

                        .author-box-holder .inner-box .text .author-social-links ul li a {
                            color: #7c7e84;
                        }

                            .author-box-holder .inner-box .text .author-social-links ul li a:hover {
                                color: #e9212e;
                            }



.single-blog-title-box {
    position: relative;
    display: block;
    padding-bottom: 32px;
    margin-top: -7px;
}

    .single-blog-title-box h2 {
        color: #27282c;
        font-size: 24px;
        line-height: 32px;
        font-weight: 700;
        text-transform: uppercase;
    }

.blog-single-area .inner-comment-box {
    position: relative;
    display: block;
    overflow: hidden;
}

    .blog-single-area .inner-comment-box .single-comment-outer-box {
        position: relative;
        display: block;
        border: 1px solid #ededed;
        background: #ffffff;
        padding: 35px 40px 32px;
        margin-bottom: 40px;
    }

        .blog-single-area .inner-comment-box .single-comment-outer-box.mar-left {
            margin-left: 80px;
        }

    .blog-single-area .inner-comment-box .single-comment-box {
        position: relative;
        display: block;
        padding-left: 80px;
    }

        .blog-single-area .inner-comment-box .single-comment-box .img-box {
            position: absolute;
            top: 4px;
            left: 0;
            width: 80px;
            height: 80px;
        }

            .blog-single-area .inner-comment-box .single-comment-box .img-box img {
                border-radius: 50%;
                width: 100%;
            }

        .blog-single-area .inner-comment-box .single-comment-box .text-box {
            position: relative;
            display: block;
            margin-left: 30px;
        }

            .blog-single-area .inner-comment-box .single-comment-box .text-box .top {
                position: relative;
                display: block;
                overflow: hidden;
                margin-bottom: 16px;
            }

                .blog-single-area .inner-comment-box .single-comment-box .text-box .top .name {
                    position: relative;
                    display: block;
                    float: left;
                }

                    .blog-single-area .inner-comment-box .single-comment-box .text-box .top .name h3 {
                        color: #27282c;
                        font-size: 20px;
                        font-weight: 600;
                        margin: 0 0 3px;
                    }

                    .blog-single-area .inner-comment-box .single-comment-box .text-box .top .name span {
                        color: #e9212e;
                    }

                .blog-single-area .inner-comment-box .single-comment-box .text-box .top .reply-button {
                    position: relative;
                    display: block;
                    float: right;
                    top: -3px;
                }

                    .blog-single-area .inner-comment-box .single-comment-box .text-box .top .reply-button a {
                        color: #b3b3b3;
                        font-size: 14px;
                        font-weight: 700;
                        text-transform: uppercase;
                        font-family: 'Poppins', sans-serif;
                    }

                        .blog-single-area .inner-comment-box .single-comment-box .text-box .top .reply-button a:hover {
                            color: #e9212e;
                        }

                        .blog-single-area .inner-comment-box .single-comment-box .text-box .top .reply-button a span:before {
                            position: relative;
                            top: 1px;
                            display: inline-block;
                            padding-right: 10px;
                            font-size: 14px;
                            line-height: 14px;
                        }

            .blog-single-area .inner-comment-box .single-comment-box .text-box .text {
            }

                .blog-single-area .inner-comment-box .single-comment-box .text-box .text p {
                    margin: 0;
                }



.add-comment-box {
    position: relative;
    display: block;
    overflow: hidden;
    padding-top: 40px;
}

    .add-comment-box #add-comment-form {
    }

        .add-comment-box #add-comment-form input[type="text"],
        .add-comment-box #add-comment-form input[type="email"],
        .add-comment-box #add-comment-form textarea {
            position: relative;
            display: block;
            background: #f6f6f6 none repeat scroll 0 0;
            border: 1px solid #f6f6f6;
            color: #828282;
            font-size: 15px;
            font-weight: 400;
            height: 60px;
            padding: 0 30px;
            width: 100%;
            border-radius: 0px;
            margin-bottom: 30px;
            transition: all 500ms ease;
        }

        .add-comment-box #add-comment-form textarea {
            height: 170px;
            padding: 13px 30px;
            margin-bottom: 30px;
        }

        .add-comment-box #add-comment-form input[type="text"]:focus {
            border-color: #e9212e;
        }

        .add-comment-box #add-comment-form input[type="email"]:focus {
            border-color: #e9212e;
        }

        .add-comment-box #add-comment-form textarea:focus {
            border-color: #e9212e;
        }

        .add-comment-box #add-comment-form button {
        }

            .add-comment-box #add-comment-form button:hover {
            }

#shop-area {
    padding-top: 110px;
    padding-bottom: 110px;
}

.main-shop-area {
    position: relative;
    display: block;
    background: #ffffff;
}

#shop-area .shop-content {
    position: relative;
    display: block;
}

.showing-result-shorting {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    padding-bottom: 30px;
    border-bottom: 1px solid #ededed;
    margin-bottom: 50px;
}

    .showing-result-shorting .showing {
    }

    .showing-result-shorting .shorting {
    }

    .showing-result-shorting .showing p {
        color: #828282;
        font-size: 15px;
        font-weight: 400;
        margin: 0;
    }

.single-product-item {
    position: relative;
    display: block;
    transition: all 500ms ease;
    margin-bottom: 50px;
}

    .single-product-item .img-holder {
        position: relative;
        display: block;
        overflow: hidden;
        background-color: #110075;
        padding-bottom: 25px;
    }

        .single-product-item .img-holder::before {
            background: rgb(236, 29, 37);
            top: 0px;
            left: 0px;
            bottom: 0px;
            right: 0px;
            content: "";
            opacity: 0;
            position: absolute;
            /* z-index: 1; */
            transition: all 0.4s ease-in-out 0s;
        }

    .single-product-item:hover .img-holder::before {
        opacity: 1;
    }

    .single-product-item .img-holder img {
        transform: scale(1);
        transition: all 0.7s ease 0s;
        width: 100%;
    }

    .single-product-item:hover .img-holder img {
        transform: scale(1.1);
    }

    .single-product-item .title-holder {
        position: relative;
        background: #ffffff;
        padding: 10px 15px;
        -webkit-box-shadow: 0px 3px 8px 2px #f9f9f9;
        box-shadow: 0px 0px 20px -5px #bfbdbd;
        margin-left: 20px;
        margin-right: 20px;
        margin-top: -33px;
        z-index: 10;
        height: 80px;
        border-top: 3px solid #ec1d25;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        align-content: center;
    }

        .single-product-item .title-holder .static-content {
            position: relative;
        }

        .single-product-item .title-holder .title {
            position: relative;
            display: block;
            font-size: 15px;
            font-weight: 600;
            width: 100%;
        }

            .single-product-item .title-holder .title a {
                color: #27282c;
                transition: all 500ms ease;
                display: block;
                width: 100%;
            }

        .single-product-item .title-holder .static-content span {
            color: #828282;
            display: none;
        }

        .single-product-item .title-holder .overlay-content {
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            background: #ffffff;
            text-align: center;
            transform: scaleX(0);
            -webkit-transform: scaleX(0);
            transition: all 700ms ease 300ms;
        }

    .single-product-item:hover .title-holder .overlay-content {
        transform: scaleY(1);
        -webkit-transform: scaleY(1);
        transition: all 700ms ease 100ms;
    }

    .single-product-item .title-holder .overlay-content ul {
        position: relative;
        display: block;
        padding: 22px 0 23px;
        width: 153px;
        margin: 0 auto;
        transform: scale(0);
        transition: all 700ms ease 100ms;
    }

    .single-product-item:hover .title-holder .overlay-content ul {
        transform: scale(1);
        transition: all 700ms ease 600ms;
    }

    .single-product-item .title-holder .overlay-content ul li {
        position: relative;
        display: inline-block;
        float: left;
        width: 51px;
        text-align: center;
        border-right: 1px solid #ededed;
    }

        .single-product-item .title-holder .overlay-content ul li:last-child {
            border: none;
        }

        .single-product-item .title-holder .overlay-content ul li a {
            position: relative;
            display: block;
        }

            .single-product-item .title-holder .overlay-content ul li a span:before {
                position: relative;
                display: block;
                width: 100%;
                height: 35px;
                color: #b3b3b3;
                font-size: 18px;
                line-height: 35px;
                margin: 0;
                transition: all 500ms ease;
            }

            .single-product-item .title-holder .overlay-content ul li a:hover span:before {
                color: #e9212e;
            }

            .single-product-item .title-holder .overlay-content ul li a .toltip-content {
                position: absolute;
                left: -50%;
                right: 0;
                top: -25px;
                margin-left: -15px;
                opacity: 0;
                visibility: hidden;
                padding: 0;
                text-align: center;
                background-color: #27282c;
                transition: all 300ms ease 100ms;
                z-index: 999;
                min-width: 130px;
            }

                .single-product-item .title-holder .overlay-content ul li a .toltip-content:before {
                    font-family: FontAwesome;
                    position: absolute;
                    left: 0;
                    bottom: -8px;
                    right: 0;
                    content: "\f0d7";
                    color: #27282c;
                    font-size: 25px;
                    text-align: center;
                    line-height: 10px;
                }

                .single-product-item .title-holder .overlay-content ul li a .toltip-content p {
                    color: #ffffff;
                    font-size: 15px;
                    line-height: 30px;
                    margin: 0;
                }

            .single-product-item .title-holder .overlay-content ul li a:hover .toltip-content {
                top: -37px;
                visibility: visible;
                opacity: 1;
            }



.shop-sidebar-wrapper {
    position: relative;
    display: block;
    max-width: 270px;
    width: 100%;
}

    .shop-sidebar-wrapper .single-sidebar-box {
        position: relative;
        display: block;
        overflow: hidden;
    }

.single-sidebar-box.pdbtm {
    padding-bottom: 50px;
}

.shop-sidebar-wrapper .search-form {
    position: relative;
    display: block;
    max-width: 270px;
    width: 100%;
    margin-bottom: 50px;
}

    .shop-sidebar-wrapper .search-form input[type="text"] {
        position: relative;
        display: block;
        background: #fff;
        border: 1px solid #ededed;
        color: #7e8597;
        font-size: 15px;
        font-weight: 400;
        height: 50px;
        max-width: 270px;
        width: 100%;
        padding-left: 20px;
        padding-right: 60px;
        border-radius: 0px;
        transition: all 500ms ease 0s;
    }

    .shop-sidebar-wrapper .search-form button {
        position: absolute;
        top: 0;
        right: 0px;
        bottom: 0;
        display: block;
        background: #f6f6f6;
        color: #27282c;
        font-size: 14px;
        height: 50px;
        width: 50px;
        border: 0px solid #edf2f7;
        line-height: 48px;
        text-align: center;
        border-radius: 0px;
        transition: all 500ms ease 0s;
        margin: 0;
    }

        .shop-sidebar-wrapper .search-form button i {
            font-size: 14px
        }

    .shop-sidebar-wrapper .search-form input[type="text"]:focus {
        border: 1px solid #e9212e;
        background: #fff;
        color: #000000;
    }

        .shop-sidebar-wrapper .search-form input[type="text"]:focus + button,
        .shop-sidebar-wrapper .search-form button:hover {
            background: #e9212e;
            color: #fff;
        }

.shop-sidebar-title {
    position: relative;
    display: block;
    padding-bottom: 23px;
    margin-top: -6px;
}

    .shop-sidebar-title h3 {
        color: #303030;
        font-size: 18px;
        line-height: 26px;
        font-weight: 600;
        text-transform: capitalize;
    }

.single-sidebar-box .categories {
    position: relative;
    display: block;
    border: 1px solid #ededed;
    border-bottom: none;
}

    .single-sidebar-box .categories li {
        position: relative;
        display: block;
        padding-left: 20px;
        line-height: 50px;
        border-bottom: 1px solid #ededed;
        transition: all 500ms ease;
    }

        .single-sidebar-box .categories li:before {
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            width: 0px;
            background: #e9212e;
            content: "";
            transition: all 100ms ease;
            transition-delay: .3s;
            transform: perspective(0px) translateX(0px) rotate(0deg);
        }

        .single-sidebar-box .categories li:hover:before {
            width: 3px;
            transform: perspective(0px) translateX(0px) rotate(0deg);
        }

        .single-sidebar-box .categories li a {
            position: relative;
            display: block;
            color: #828282;
            font-size: 15px;
            font-weight: 400;
            font-family: 'Rubik', sans-serif;
            transition: all 500ms ease;
            transition-delay: .2s;
            transform: perspective(0px) translateX(0px) rotate(0deg);
        }

        .single-sidebar-box .categories li:hover a {
            color: #e9212e;
            transform: perspective(0px) translateX(10px) rotate(0deg);
        }


.shop-sidebar-wrapper .price-ranger {
    margin-top: 4px;
    margin-bottom: 0px;
}

    .shop-sidebar-wrapper .price-ranger .ui-widget-content {
        background: #edf2f7;
        border: none;
        height: 2px;
    }

    .shop-sidebar-wrapper .price-ranger .ui-slider-handle {
        position: absolute;
        top: -4px;
        background: #ffffff;
        border: 1px solid #eeeeee;
        border-radius: 50%;
        height: 10px;
        margin-left: -4px;
        outline: medium none;
        width: 10px !important;
        cursor: pointer;
        z-index: 2;
    }

        .shop-sidebar-wrapper .price-ranger .ui-slider-handle:before {
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            width: 4px;
            height: 4px;
            background: #e9212e;
            border-radius: 50%;
            content: "";
            margin: 2px;
        }

    .shop-sidebar-wrapper .price-ranger .ui-slider .ui-slider-range {
        background: #e9212e;
    }

    .shop-sidebar-wrapper .price-ranger #slider-range {
        margin-left: 4px;
        margin-right: 6px;
        margin-top: 0;
    }

    .shop-sidebar-wrapper .price-ranger .ranger-min-max-block {
        position: relative;
        display: block;
        margin-top: 30px;
    }

        .shop-sidebar-wrapper .price-ranger .ranger-min-max-block input {
            display: inline-block;
        }

            .shop-sidebar-wrapper .price-ranger .ranger-min-max-block input[type="submit"] {
                position: relative;
                display: inline-block;
                background: #f6f6f6;
                float: left;
                margin-right: 10px;
                padding: 6px 0 4px;
                text-align: center;
                width: 90px;
                border: none;
                color: #27282c;
                font-size: 15px;
                font-weight: 500;
                margin-top: 0;
                border-radius: 0;
                text-transform: capitalize;
                cursor: pointer;
            }

                .shop-sidebar-wrapper .price-ranger .ranger-min-max-block input[type="submit"]:hover {
                }

            .shop-sidebar-wrapper .price-ranger .ranger-min-max-block input[type="text"] {
                position: relative;
                display: inline-block;
                float: left;
                color: #828282;
                font-size: 15px;
                font-weight: 400;
                text-align: right;
                width: 40px;
                line-height: 35px;
                border: none;
                padding: 0;
            }

                .shop-sidebar-wrapper .price-ranger .ranger-min-max-block input[type='text'].max {
                }

        .shop-sidebar-wrapper .price-ranger .ranger-min-max-block span {
            position: relative;
            display: inline-block;
            color: #828282;
            font-size: 15px;
            font-weight: 400;
            line-height: 35px;
            float: left;
        }


.shop-sidebar-wrapper .products-post {
    position: relative;
    display: block;
    overflow: hidden;
}

    .shop-sidebar-wrapper .products-post li {
        position: relative;
        display: block;
        border-bottom: 1px solid #ededed;
        min-height: 70px;
        padding-left: 70px;
        padding-bottom: 25px;
        margin-bottom: 25px;
    }

        .shop-sidebar-wrapper .products-post li:last-child {
            padding-bottom: 0;
            margin-bottom: 0;
            border-bottom: none;
        }

        .shop-sidebar-wrapper .products-post li .img-holder {
            position: absolute;
            top: 0px;
            left: 0;
            width: 70px;
            height: 70px;
            display: block;
            overflow: hidden;
        }

            .shop-sidebar-wrapper .products-post li .img-holder img {
                transition: all 0.4s ease-in-out 0.5s;
                width: 100%;
                transform: scale(1.1, 1.1);
            }

        .shop-sidebar-wrapper .products-post li:hover .img-holder img {
            transition-delay: 0s;
            transform: scale(1.2, 1.2);
        }

        .shop-sidebar-wrapper .products-post li .img-holder .overlay-style-one {
            background: rgba(233, 33, 48, 0.90);
        }

            .shop-sidebar-wrapper .products-post li .img-holder .overlay-style-one .box .content a {
                display: inline-block;
                width: 20px;
                height: 20px;
                filter: alpha(opacity=0);
                transform: scale(3);
                transition: all 0.3s ease-in-out 0.3s;
                opacity: 0;
                z-index: 5;
            }

        .shop-sidebar-wrapper .products-post li:hover .img-holder .overlay-style-one .box .content a {
            filter: alpha(opacity=100);
            transform: scale(1);
            transition-delay: 0.1s;
            opacity: 1;
        }

        .shop-sidebar-wrapper .products-post li .img-holder .overlay-style-one .box .content a span:before {
            color: #ffffff;
            font-size: 20px;
            line-height: 20px;
            transition: all 500ms ease;
        }

        .shop-sidebar-wrapper .products-post li .img-holder .overlay-style-one .box .content a:hover span:before {
            color: #000000;
        }

        .shop-sidebar-wrapper .products-post li:hover .img-holder .overlay-style-one {
            opacity: 1;
        }

        .shop-sidebar-wrapper .products-post li .title-holder {
            padding-left: 30px;
            min-height: 70px;
        }

            .shop-sidebar-wrapper .products-post li .title-holder .post-title {
                font-size: 16px;
                line-height: 20px;
                font-weight: 600;
                margin: 0 0 14px;
                transition: all 500ms ease;
            }

                .shop-sidebar-wrapper .products-post li .title-holder .post-title a {
                    color: #27282c;
                    transition: all 500ms ease;
                }

                    .shop-sidebar-wrapper .products-post li .title-holder .post-title a:hover {
                        color: #e9212e;
                    }

            .shop-sidebar-wrapper .products-post li .title-holder span {
                display: block;
                line-height: 14px;
            }

#shop-area.single-shop-area {
    padding-top: 110px;
    padding-bottom: 60px;
}

.single-product-image-holder {
    margin-right: 35px;
}

    .single-product-image-holder img {
        width: auto;
    }

.single-shop-content .content-box {
    position: relative;
    display: block;
}

    .single-shop-content .content-box span.price {
        color: #828282;
        font-size: 24px;
        font-weight: 400;
    }

    .single-shop-content .content-box h2 {
        color: #27282c;
        font-size: 30px;
        font-weight: 600;
        margin: 6px 0 7px;
        text-transform: capitalize;
    }

    .single-shop-content .content-box .review-box {
    }

        .single-shop-content .content-box .review-box ul {
        }

            .single-shop-content .content-box .review-box ul li {
            }

                .single-shop-content .content-box .review-box ul li i {
                    color: #f13729;
                    font-size: 16px;
                }

    .single-shop-content .content-box .text {
        position: relative;
        display: block;
        overflow: hidden;
        padding: 22px 0 16px;
    }

        .single-shop-content .content-box .text p {
            margin: 0;
        }

    .single-shop-content .content-box .location-box {
        margin: 0 0 32px;
    }

        .single-shop-content .content-box .location-box p {
            color: #828282;
            font-size: 15px;
            margin: 0 0 12px;
        }

        .single-shop-content .content-box .location-box form {
            position: relative;
            display: block;
            overflow: hidden;
            margin-bottom: 9px;
        }

            .single-shop-content .content-box .location-box form input {
                position: relative;
                display: inline-block;
                float: left;
                border: 1px solid #ededed;
                height: 50px;
                padding-left: 10px;
                padding-right: 10px;
                width: 180px;
                transition: all 500ms ease;
                margin: 0;
            }

                .single-shop-content .content-box .location-box form input:focus {
                    border-color: #555555;
                }

            .single-shop-content .content-box .location-box form button {
                position: relative;
                display: inline-block;
                float: left;
                background: #f6f6f6;
                border: none;
                color: #27282c;
                font-size: 15px;
                font-weight: 500;
                line-height: 52px;
                height: 50px;
                width: 100px;
                margin: 0;
                padding: 0;
                text-align: center;
                text-transform: uppercase;
                transition: all 500ms ease 0s;
            }

                .single-shop-content .content-box .location-box form button:hover {
                    color: #fff;
                    background: #555555;
                }

        .single-shop-content .content-box .location-box span {
            color: #e9212e;
        }


    .single-shop-content .content-box .addto-cart-box {
    }

        .single-shop-content .content-box .addto-cart-box .input-group.bootstrap-touchspin {
            float: left;
            width: 46px;
        }

        .single-shop-content .content-box .addto-cart-box .bootstrap-touchspin .input-group-btn-vertical .btn {
            position: relative;
            display: block;
            float: none;
            margin-left: 0px;
            width: 100%;
            background: #f6f6f6;
            border: 1px solid #f6f6f6;
            color: #848484;
            padding: 12px 11px;
            cursor: pointer;
        }

        .single-shop-content .content-box .addto-cart-box .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up {
            border-radius: 0
        }

        .single-shop-content .content-box .addto-cart-box .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down {
            border-radius: 0;
            margin-top: -2px;
        }

        .single-shop-content .content-box .addto-cart-box .bootstrap-touchspin .input-group-btn-vertical .btn.bootstrap-touchspin-up:before {
            content: "\f0d8";
            font-family: FontAwesome;
            color: #848484;
            font-size: 14px;
            position: absolute;
            top: 0px;
            left: 0px;
            width: 100%;
            height: 100%;
            padding: 5px 5px 5px;
        }

        .single-shop-content .content-box .addto-cart-box .bootstrap-touchspin .input-group-btn-vertical .btn.bootstrap-touchspin-down:before {
            content: "\f0d7";
            font-family: FontAwesome;
            color: #848484;
            font-size: 14px;
            position: absolute;
            top: -1px;
            left: 0px;
            width: 100%;
            height: 100%;
            padding: 0px 5px 5px;
        }

        .single-shop-content .content-box .addto-cart-box button.addtocart {
            background: #e9212e;
            height: 50px;
            width: 170px;
            margin-left: 43px;
            color: #fff;
            padding: 0px 0 0px;
            cursor: pointer;
            border-radius: 0;
            line-height: 50px;
        }

            .single-shop-content .content-box .addto-cart-box button.addtocart:hover {
                background: #26272b;
            }

.share-products-socials {
    position: relative;
    display: block;
    overflow: hidden;
    margin-top: 46px;
}

    .share-products-socials h5 {
        position: relative;
        display: inline-block;
        float: left;
        color: #27282c;
        font-size: 16px;
        line-height: 40px;
        font-weight: 600;
        text-transform: capitalize;
    }

    .share-products-socials ul {
        position: relative;
        display: inline-block;
        float: left;
        margin-left: 20px;
    }

        .share-products-socials ul li {
            position: relative;
            display: inline-block;
            float: left;
            margin-right: 10px;
        }

            .share-products-socials ul li:last-child {
                margin-right: 0;
            }

            .share-products-socials ul li a i {
                position: relative;
                display: block;
                width: 40px;
                height: 40px;
                font-size: 18px;
                line-height: 42px;
                text-align: center;
                transition: all 500ms ease;
            }

                .share-products-socials ul li a i.fb {
                    background: #3b5998;
                    border-color: #3b5998;
                    color: #ffffff;
                }

            .share-products-socials ul li a:hover i.fb {
                background: #1d376f;
            }

            .share-products-socials ul li a i.tw {
                background: #55acee;
                border-color: #55acee;
                color: #ffffff;
            }

            .share-products-socials ul li a:hover i.tw {
                background: #1e7dc5;
            }

            .share-products-socials ul li a i.pin {
                background: #cb2027;
                border-color: #cb2027;
                color: #ffffff;
            }

            .share-products-socials ul li a:hover i.pin {
                background: #a81218;
            }

            .share-products-socials ul li a i.lin {
                background: #007ab9;
                border-color: #007ab9;
                color: #ffffff;
            }

            .share-products-socials ul li a:hover i.lin {
                background: #01537d;
            }


.product-tab-box {
    position: relative;
    display: block;
    overflow: hidden;
    margin-top: 66px;
}

    .product-tab-box .tab-btns {
        position: relative;
        display: block;
        text-align: center;
        border-bottom: 1px solid #ededed;
        margin-bottom: 35px;
        z-index: 1;
    }

        .product-tab-box .tab-btns .tab-btn {
            display: inline-block;
            float: none;
            text-align: center;
            margin: 0 2px;
        }

            .product-tab-box .tab-btns .tab-btn span {
                position: relative;
                display: block;
                background: transparent;
                border-radius: 0;
                cursor: pointer;
                margin: 0;
                padding: 15px 20px 13px;
                color: #27282c;
                font-size: 20px;
                font-weight: 600;
                text-transform: capitalize;
                transition: all 500ms ease;
                font-family: 'Poppins', sans-serif;
            }

            .product-tab-box .tab-btns .tab-btn.active-btn span,
            .product-tab-box .tab-btns .tab-btn:hover span {
                color: #e9212e;
            }

            .product-tab-box .tab-btns .tab-btn span:before {
                position: absolute;
                left: 0;
                bottom: -1px;
                right: 0;
                height: 1px;
                background: #e9212e;
                content: "";
                opacity: 0;
                transition: all 500ms ease;
                transition-delay: .3s;
            }

            .product-tab-box .tab-btns .tab-btn.active-btn span:before,
            .product-tab-box .tab-btns .tab-btn:hover span:before {
                opacity: 1;
            }

    .product-tab-box .tabs-content {
        position: relative;
        display: block;
        padding: 0;
    }

        .product-tab-box .tabs-content .tab {
            position: relative;
            padding: 0px;
            display: none;
        }

            .product-tab-box .tabs-content .tab.active-tab {
                display: block;
            }

.review-box-holder {
    position: relative;
    display: block;
}

    .review-box-holder .single-review-box {
        position: relative;
        display: block;
        padding-left: 70px;
        margin-bottom: 40px;
        border-bottom: 1px solid #ededed;
        padding-bottom: 32px;
    }

        .review-box-holder .single-review-box .image-holder {
            position: absolute;
            left: 0;
            top: 5px;
        }

            .review-box-holder .single-review-box .image-holder img {
                width: 100%;
                border-radius: 50%;
            }

        .review-box-holder .single-review-box .text-holder {
            position: relative;
            display: block;
            padding-left: 20px;
            padding-right: 40px;
        }

            .review-box-holder .single-review-box .text-holder .top {
                position: relative;
                display: block;
                overflow: hidden;
                margin: 0 0 17px;
            }

                .review-box-holder .single-review-box .text-holder .top .name h3 {
                    color: #27282c;
                    font-size: 18px;
                    font-weight: 600;
                    margin: 0 0 6px;
                    text-transform: capitalize;
                }

                    .review-box-holder .single-review-box .text-holder .top .name h3 span {
                        color: #e9212e;
                        font-size: 15px;
                        font-weight: 400;
                        font-family: 'Rubik', sans-serif;
                    }

                .review-box-holder .single-review-box .text-holder .top .review-box ul {
                    position: relative;
                    display: block;
                    overflow: hidden;
                }

                    .review-box-holder .single-review-box .text-holder .top .review-box ul li {
                        display: inline-block;
                        margin-right: 3px;
                    }

                        .review-box-holder .single-review-box .text-holder .top .review-box ul li:last-child {
                            margin-right: 0;
                        }

                        .review-box-holder .single-review-box .text-holder .top .review-box ul li i {
                            color: #e9212e;
                            font-size: 14px;
                        }

            .review-box-holder .single-review-box .text-holder .text p {
                margin: 0;
            }


.product-tab-box .review-form {
    padding-top: 33px;
}

    .product-tab-box .review-form .shop-page-title {
        padding-bottom: 28px;
    }

.shop-page-title {
    position: relative;
    display: block;
}

    .shop-page-title .title {
        color: #222222;
        font-size: 24px;
        line-height: 32px;
        font-weight: 700;
        margin: 0 0 6px;
        text-transform: uppercase;
        font-family: 'Poppins', sans-serif;
    }

        .shop-page-title .title span {
            font-weight: 400;
        }

    .shop-page-title p {
        margin: 0;
    }

        .shop-page-title p b {
            color: #e9212e;
            font-weight: 400;
        }

.product-tab-box .review-form .add-rating-box {
    position: relative;
    display: block;
    overflow: hidden;
    margin-bottom: 20px;
}

    .product-tab-box .review-form .add-rating-box .add-rating-title {
        position: relative;
        display: inline-block;
        float: left;
    }

        .product-tab-box .review-form .add-rating-box .add-rating-title h4 {
            color: #828282;
            font-size: 15px;
            font-weight: 400;
            line-height: 20px;
            margin: 0;
            text-transform: capitalize;
        }

    .product-tab-box .review-form .add-rating-box .review-box {
        position: relative;
        display: inline-block;
        float: left;
        padding-left: 20px;
    }

        .product-tab-box .review-form .add-rating-box .review-box ul li {
            position: relative;
            display: inline-block;
            float: left;
            line-height: 20px;
            margin-right: 5px;
        }

            .product-tab-box .review-form .add-rating-box .review-box ul li:last-child {
                margin-right: 0px;
            }

            .product-tab-box .review-form .add-rating-box .review-box ul li i {
                color: #b5b5b5;
                font-size: 16px;
                line-height: 20px;
                opacity: 1;
                transition: all 500ms ease 0s;
            }



.product-tab-box .review-form .input-box p {
    color: #828282;
    font-size: 15px;
    line-height: 20px;
    font-weight: 400;
    margin: 0 0 5px;
}

    .product-tab-box .review-form .input-box p span {
        color: #e9212e;
    }

.product-tab-box .review-form form input[type="text"],
.product-tab-box .review-form form input[type="email"],
.product-tab-box .review-form form textarea {
    position: relative;
    display: block;
    background: #ffffff;
    width: 100%;
    height: 60px;
    border: 1px solid #ededed;
    color: #252525;
    font-size: 15px;
    padding: 0 20px;
    margin-bottom: 30px;
    border-radius: 0px;
    transition: all 500ms ease;
}

.product-tab-box .review-form form textarea {
    height: 170px;
    padding: 10px 20px;
    margin-bottom: 40px;
}

.product-tab-box .review-form form button {
    padding: 0 50px;
}

    .product-tab-box .review-form form button:hover {
    }

.product-tab-box .review-form form input[type="text"]:focus {
    border-color: #e1dddd;
}

.product-tab-box .review-form form input[type="email"]:focus {
    border-color: #e1dddd;
}

.product-tab-box .review-form form textarea:focus {
    border-color: #e1dddd;
}

.related-product {
    padding-top: 73px;
}

    .related-product .shop-page-title {
        padding-bottom: 26px;
    }

    .related-product .single-product-item {
    }


.cart-area {
    padding-top: 110px;
    padding-bottom: 110px;
}

    .cart-area .table-outer {
        overflow-x: auto;
        position: relative;
        width: 100%;
    }

    .cart-area .cart-table {
        min-width: 1024px;
        width: 100%;
    }

        .cart-area .cart-table .cart-header {
            position: relative;
            background: #f6f6f6;
            color: #27282c;
            font-size: 16px;
            font-weight: 600;
            text-transform: capitalize;
            width: 100%;
            font-family: 'Poppins', sans-serif;
        }

        .cart-area .cart-table thead tr th {
            font-weight: 600;
            line-height: 24px;
            min-width: 110px;
            padding: 20px 25px;
        }

            .cart-area .cart-table thead tr th.prod-column {
                padding-left: 30px;
                text-align: left;
            }

            .cart-area .cart-table thead tr th.availability {
                padding: 0 40px
            }

        .cart-area .cart-table tbody tr {
            border-bottom: 1px solid #ededed;
        }

            .cart-area .cart-table tbody tr td {
                color: #27282c;
                font-size: 18px;
                font-weight: 600;
                line-height: 24px;
                min-width: 100px;
                padding: 30px 25px;
                font-family: 'Poppins', sans-serif;
            }

            .cart-area .cart-table tbody tr .prod-column .column-box {
                position: relative;
                min-height: 100px;
            }

                .cart-area .cart-table tbody tr .prod-column .column-box .prod-thumb {
                    width: 80px;
                }

                    .cart-area .cart-table tbody tr .prod-column .column-box .prod-thumb a {
                        position: relative;
                        display: block;
                        border-radius: 0px;
                    }

                        .cart-area .cart-table tbody tr .prod-column .column-box .prod-thumb a img {
                            width: 100%;
                        }

                .cart-area .cart-table tbody tr .prod-column .column-box .prod-thumb,
                .cart-area .cart-table tbody tr .prod-column .column-box .title {
                    display: table-cell;
                    vertical-align: middle;
                }

                .cart-area .cart-table tbody tr .prod-column .column-box .title {
                    padding-left: 20px;
                }

                    .cart-area .cart-table tbody tr .prod-column .column-box .title h3 {
                        color: #27282c;
                        font-size: 18px;
                        font-weight: 600;
                        line-height: 20px;
                        text-transform: capitalize;
                    }

            .cart-area .cart-table tbody tr .qty {
                padding-right: 25px;
                width: 120px;
            }

                .cart-area .cart-table tbody tr .qty .input-group.bootstrap-touchspin {
                    float: left;
                    width: 46px;
                }

                .cart-area .cart-table tbody tr .qty .bootstrap-touchspin .input-group-btn-vertical > .btn {
                    position: relative;
                    display: block;
                    float: none;
                    margin-left: 0px;
                    width: 100%;
                    background: #f6f6f6;
                    border: 1px solid #f6f6f6;
                    color: #848484;
                    padding: 12px 11px;
                    cursor: pointer;
                }

                .cart-area .cart-table tbody tr .qty .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up {
                    border-radius: 0
                }

                .cart-area .cart-table tbody tr .qty .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down {
                    border-radius: 0;
                    margin-top: -2px;
                }

                .cart-area .cart-table tbody tr .qty .bootstrap-touchspin .input-group-btn-vertical > .btn.bootstrap-touchspin-up:before {
                    content: "\f0d8";
                    font-family: FontAwesome;
                    color: #848484;
                    font-size: 14px;
                    position: absolute;
                    top: 0px;
                    left: 0px;
                    width: 100%;
                    height: 100%;
                    padding: 5px 5px 5px;
                }

                .cart-area .cart-table tbody tr .qty .bootstrap-touchspin .input-group-btn-vertical > .btn.bootstrap-touchspin-down:before {
                    content: "\f0d7";
                    font-family: FontAwesome;
                    color: #848484;
                    font-size: 14px;
                    position: absolute;
                    top: 0px;
                    left: 0px;
                    width: 100%;
                    height: 100%;
                    padding: 0px 5px 10px;
                }


            .cart-area .cart-table tbody tr td.unit-price {
                padding-left: 40px;
                padding-right: 20px;
            }

        .cart-area .cart-table tbody .available-info {
            position: relative;
            color: #828282;
            font-size: 15px;
            font-weight: 400;
            line-height: 20px;
            padding-left: 50px;
            font-family: 'Rubik', sans-serif;
        }

            .cart-area .cart-table tbody .available-info .icon {
                position: absolute;
                top: 0px;
                left: 0;
                width: 40px;
                height: 40px;
                background: #e9212e;
                border-radius: 50%;
                color: #ffffff;
                font-size: 18px;
                line-height: 40px;
                text-align: center;
            }

        .cart-area .cart-table tbody tr td.price {
            color: #828282;
            font-size: 15px;
            font-weight: 400;
            font-family: 'Rubik', sans-serif;
        }

        .cart-area .cart-table tbody tr .sub-total {
            color: #e9212e;
            font-size: 15px;
            font-weight: 400;
            font-family: 'Rubik', sans-serif;
        }

        .cart-area .cart-table tbody tr td .remove {
        }

            .cart-area .cart-table tbody tr td .remove .checkbox label {
                color: #828282;
                font-size: 15px;
                font-weight: 400;
            }

                .cart-area .cart-table tbody tr td .remove .checkbox label input[type="checkbox"] {
                    display: inline-block;
                    position: relative;
                    top: 1px;
                }


.cart-middle {
    padding-top: 30px
}

    .cart-middle .apply-coupon {
        padding-left: 245px;
        position: relative;
    }

        .cart-middle .apply-coupon input[type="text"] {
            position: absolute;
            top: 0;
            left: 0;
            width: 225px;
            height: 60px;
            border: 1px solid #ededed;
            color: #828282;
            font-size: 15px;
            font-weight: 400;
            padding: 0 15px;
            text-transform: capitalize;
            transition: all 500ms ease 0s;
            border-radius: 0px;
        }

            .cart-middle .apply-coupon input[type="text"]:focus {
                border: 1px solid #e9212e
            }

        .cart-middle .apply-coupon .apply-coupon-button button {
            color: #27282c;
            background: #f6f6f6;
        }

            .cart-middle .apply-coupon .apply-coupon-button button:hover {
                color: #ffffff;
                background: #e9212e
            }

    .cart-middle .update-cart button {
        color: #ffffff;
        background: #e9212e;
    }

        .cart-middle .update-cart button:hover {
            background: #26272b;
        }



.cart-bottom {
    overflow: hidden;
    padding-top: 70px;
}

    .cart-bottom .calculate-shipping {
    }

        .cart-bottom .calculate-shipping .shop-page-title {
            padding-bottom: 16px;
        }


        .cart-bottom .calculate-shipping .ui-state-default .ui-icon {
            background: none
        }

        .cart-bottom .calculate-shipping .ui-state-default {
            position: relative;
            display: block;
            background: #ffffff;
            border: 1px solid #ededed;
            border-radius: 0;
            color: #828282;
            font-size: 15px;
            font-weight: 400;
            height: 50px;
            margin-bottom: 30px;
            outline: medium none;
            width: 100%;
            font-family: 'Rubik', sans-serif;
        }

        .cart-bottom .calculate-shipping .ui-selectmenu-button span.ui-selectmenu-text {
            display: block;
            line-height: 18px;
            overflow: hidden;
            padding: 15px 19px;
            text-align: left;
        }

        .cart-bottom .calculate-shipping .ui-selectmenu-button span.ui-icon {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            border-left: 1px solid #ededed;
            display: block;
            width: 60px;
            height: 48px;
            text-indent: 0;
            margin: 0;
        }

            .cart-bottom .calculate-shipping .ui-selectmenu-button span.ui-icon::before {
                color: #9b9b9b;
                content: "\f107";
                font-family: FontAwesome;
                font-size: 20px;
                overflow: visible;
                position: absolute;
                right: 21px;
                top: 12px;
            }

        .cart-bottom .calculate-shipping input[type="text"] {
            position: relative;
            display: block;
            border: 1px solid #ededed;
            color: #828282;
            font-size: 15px;
            font-weight: 400;
            height: 50px;
            padding: 0 20px;
            width: 100%;
            margin-bottom: 30px;
            transition: all 500ms ease;
            font-family: 'Rubik', sans-serif;
        }

            .cart-bottom .calculate-shipping input[type="text"]:focus {
                border: 1px solid #1d1d1d;
            }

        .cart-bottom .calculate-shipping button {
            color: #27282c;
            background: #f6f6f6;
        }

            .cart-bottom .calculate-shipping button:hover {
                color: #ffffff;
                background: #e9212e;
            }

    .cart-bottom button.checkout-btn {
        color: #27282c;
        background: #f6f6f6;
        margin-top: 30px;
    }

        .cart-bottom button.checkout-btn:hover {
            color: #ffffff;
            background: #e9212e;
        }

.checkout-area {
    position: relative;
    display: block;
    padding-top: 110px;
}

    .checkout-area .exisitng-customer {
        position: relative;
        display: block;
        background: #f6f6f6;
        padding: 20px 28px 21px;
        margin-bottom: 20px;
        border-radius: 5px;
    }

        .checkout-area .exisitng-customer:before {
            position: absolute;
            top: 0;
            left: 0;
            width: 2px;
            height: 100%;
            background: #e9212e;
            content: "";
        }

        .checkout-area .exisitng-customer h5 {
            color: #27282c;
            font-size: 16px;
            font-weight: 500;
        }

            .checkout-area .exisitng-customer h5 a {
                color: #e9212e;
                font-weight: 600;
                display: inline-block;
                padding-left: 15px;
            }

    .checkout-area .coupon {
        position: relative;
        display: block;
        background: #f6f6f6;
        padding: 20px 28px 21px;
        margin-bottom: 53px;
        border-radius: 5px;
    }

        .checkout-area .coupon:before {
            position: absolute;
            top: 0;
            left: 0;
            width: 2px;
            height: 100%;
            background: #e9212e;
            content: "";
        }

        .checkout-area .coupon h5 {
            color: #27282c;
            font-size: 16px;
            font-weight: 500;
        }

            .checkout-area .coupon h5 a {
                color: #e9212e;
                font-weight: 600;
                display: inline-block;
                padding-left: 15px;
            }

    .checkout-area .form .shop-page-title {
        padding-bottom: 20px;
    }

    .checkout-area .form form .field-label {
        color: #27282c;
        font-size: 15px;
        font-weight: 400;
        margin: 0 0 2px;
        text-transform: capitalize;
    }

    .checkout-area .form form .field-input input[type="text"] {
        position: relative;
        display: block;
        border: 1px solid #ededed;
        color: #848484;
        font-size: 15px;
        height: 48px;
        margin-bottom: 25px;
        padding: 0 15px;
        width: 100%;
        border-radius: 0px;
        transition: all 500ms ease;
    }

        .checkout-area .form form .field-input input[type="text"]:focus {
            border: 1px solid #e9212e;
        }

    .checkout-area .create-acc .checkbox {
        margin: 7px 0 0;
    }

        .checkout-area .create-acc .checkbox label {
            color: #27282c;
            font-size: 16px;
            font-weight: 500;
            margin: 0;
            cursor: pointer;
            font-family: 'Poppins', sans-serif;
        }

        .checkout-area .create-acc .checkbox input {
            position: relative;
            top: 1px;
        }

    .checkout-area .shipping-info input[type="checkbox"] {
        cursor: pointer;
        display: inline-block;
        margin: 0 0 0 20px;
        position: relative;
        top: 0px;
        vertical-align: middle;
    }

    .checkout-area .form form .field-input textarea {
        position: relative;
        display: block;
        border: 1px solid #ededed;
        color: #848484;
        font-size: 15px;
        height: 121px;
        margin-bottom: 28px;
        padding: 10px 15px;
        width: 100%;
        border-radius: 0px;
        transition: all 500ms ease;
    }

        .checkout-area .form form .field-input textarea:focus {
            border-color: #e9212e;
        }


    .checkout-area .bottom {
        position: relative;
        display: block;
        background: #fbfbfb;
        padding-top: 93px;
        padding-bottom: 110px;
        margin-top: 82px;
    }

    .checkout-area .table {
        overflow-x: auto;
        position: relative;
        width: 100%;
        margin-bottom: 0;
    }

        .checkout-area .table .shop-page-title {
            padding-bottom: 26px;
        }

        .checkout-area .table .cart-table {
            min-width: auto;
            width: 100%;
        }

            .checkout-area .table .cart-table .cart-header {
                position: relative;
                background: #f6f6f6;
                color: #27282c;
                font-size: 16px;
                font-weight: 600;
                text-transform: capitalize;
                width: 100%;
                font-family: 'Poppins', sans-serif;
            }

            .checkout-area .table .cart-table thead tr th {
                font-weight: 600;
                line-height: 24px;
                min-width: 110px;
                padding: 19px 30px 17px;
                border-top: none;
                border-bottom: none;
            }

                .checkout-area .table .cart-table thead tr th.product-column {
                    padding-left: 30px;
                    text-align: left;
                }

            .checkout-area .table .cart-table tbody tr {
                border-bottom: 1px solid #f6f6f6;
            }

                .checkout-area .table .cart-table tbody tr td {
                    vertical-align: middle
                }

                .checkout-area .table .cart-table tbody tr td {
                    min-width: 110px;
                    padding: 30px 25px;
                    border-top: none;
                }

                .checkout-area .table .cart-table tbody tr .product-column .column-box {
                    min-height: 100px;
                }

                    .checkout-area .table .cart-table tbody tr .product-column .column-box .prod-thumb {
                        width: 80px;
                    }

                        .checkout-area .table .cart-table tbody tr .product-column .column-box .prod-thumb a {
                            display: block;
                        }

                        .checkout-area .table .cart-table tbody tr .product-column .column-box .prod-thumb img {
                            display: block;
                            width: 100%;
                        }

                    .checkout-area .table .cart-table tbody tr .product-column .column-box .prod-thumb,
                    .checkout-area .table .cart-table tbody tr .product-column .column-box .product-title {
                        display: table-cell;
                        vertical-align: middle;
                    }

                    .checkout-area .table .cart-table tbody tr .product-column .column-box .product-title {
                        padding-left: 20px;
                    }

                        .checkout-area .table .cart-table tbody tr .product-column .column-box .product-title h3 {
                            color: #27282c;
                            font-size: 18px;
                            font-weight: 600;
                            text-transform: capitalize;
                        }

                .checkout-area .table .cart-table tbody tr .qty {
                    padding-right: 30px;
                    width: 130px;
                }

                    .checkout-area .table .cart-table tbody tr .qty .input-group.bootstrap-touchspin {
                        float: left;
                        width: 46px;
                    }

                    .checkout-area .table .cart-table tbody tr .qty .form-control {
                        display: block;
                        background-color: #ffffff;
                        background-image: none;
                        border: 1px solid #f6f6f6;
                        border-right: none;
                        border-radius: 0 !important;
                        box-shadow: none;
                        color: #222222;
                        font-size: 18px;
                        font-weight: 500;
                        height: 50px;
                        padding: 6px 0;
                        text-align: center;
                        font-family: 'Poppins', sans-serif;
                    }

                    .checkout-area .table .cart-table tbody tr .qty .bootstrap-touchspin .input-group-btn-vertical > .btn {
                        position: relative;
                        display: block;
                        float: none;
                        margin-left: 0px;
                        width: 100%;
                        background: #ffffff;
                        border: 1px solid #f6f6f6;
                        color: #848484;
                        padding: 12px 11px;
                        cursor: pointer;
                    }

                    .checkout-area .table .cart-table tbody tr .qty .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up {
                        border-radius: 0
                    }

                    .checkout-area .table .cart-table tbody tr .qty .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down {
                        border-radius: 0;
                        margin-top: -2px;
                    }

                    .checkout-area .table .cart-table tbody tr .qty .bootstrap-touchspin .input-group-btn-vertical > .btn.bootstrap-touchspin-up:before {
                        content: "\f0d8";
                        font-family: FontAwesome;
                        color: #848484;
                        font-size: 14px;
                        position: absolute;
                        top: 0px;
                        left: 0px;
                        width: 100%;
                        height: 100%;
                        padding: 1px 5px 5px;
                    }

                    .checkout-area .table .cart-table tbody tr .qty .bootstrap-touchspin .input-group-btn-vertical > .btn.bootstrap-touchspin-down:before {
                        content: "\f0d7";
                        font-family: FontAwesome;
                        color: #848484;
                        font-size: 14px;
                        position: absolute;
                        top: 0px;
                        left: 0px;
                        width: 100%;
                        height: 100%;
                        padding: 2px 5px 8px;
                    }

                .checkout-area .table .cart-table tbody tr td.price {
                    color: #e9212e;
                    font-size: 15px;
                    font-weight: 500;
                    font-family: 'Rubik', sans-serif;
                }


.cart-total {
    position: relative;
    display: block;
}

    .cart-total .shop-page-title {
        padding-bottom: 26px;
    }

.cart-total-table {
    border: 1px solid #ededed
}

    .cart-total-table li {
        border-bottom: 1px solid #ededed
    }

        .cart-total-table li:last-child {
            border-bottom: none
        }

        .cart-total-table li span.col.col-title {
            position: relative;
            display: block;
            float: left;
            border-right: 1px solid #ededed;
            color: #27282c;
            font-size: 16px;
            font-weight: 600;
            line-height: 28px;
            padding: 10px 18px;
            width: 50%;
            font-family: 'Poppins', sans-serif;
        }

        .cart-total-table li span.col {
            position: relative;
            display: block;
            float: left;
            color: #828282;
            font-size: 16px;
            font-weight: 400;
            line-height: 28px;
            padding: 10px 18px;
            width: 50%;
            font-family: 'Rubik', sans-serif;
        }

.cart-total .payment-options {
    position: relative;
    display: block;
    overflow: hidden;
    background: #ffffff;
    margin-top: 30px;
    border: 1px solid #ededed;
    padding: 33px 30px 40px;
}

    .cart-total .payment-options .option-block {
        margin-bottom: 14px
    }

        .cart-total .payment-options .option-block .checkbox {
            margin: 0 0 5px;
        }

            .cart-total .payment-options .option-block .checkbox label {
                display: block;
                font-weight: 500;
                min-height: 20px;
                padding-left: 0px;
                margin: 0;
            }

                .cart-total .payment-options .option-block .checkbox label input {
                    position: relative;
                    top: 1px;
                }

                .cart-total .payment-options .option-block .checkbox label span {
                    color: #27282c;
                    font-size: 16px;
                    font-weight: 600;
                    padding-left: 10px;
                    font-family: 'Poppins', sans-serif;
                }

                    .cart-total .payment-options .option-block .checkbox label span b {
                        color: #27282c;
                        display: inline-block;
                        font-size: 15px;
                        font-weight: 400;
                        padding-left: 25px;
                        text-decoration: underline;
                        font-family: 'Rubik', sans-serif;
                    }

        .cart-total .payment-options .option-block .text {
            padding-left: 30px;
        }

            .cart-total .payment-options .option-block .text p {
                margin: 0;
                line-height: 28px;
            }

.placeorder-button button {
    line-height: 50px;
    padding: 0 50px;
    margin-top: 17px;
}

    .placeorder-button button:hover {
    }


.login-register-area {
    position: relative;
    display: block;
    padding-top: 103px;
    padding-bottom: 102px;
}

    .login-register-area .form .shop-page-title {
        padding-bottom: 26px;
    }

    .login-register-area .form form {
        width: 100%;
    }

    .login-register-area .form .input-field {
        position: relative;
    }

        .login-register-area .form .input-field input[type="text"] {
            position: relative;
            display: block;
            width: 100%;
            height: 50px;
            border: 1px solid #ededed;
            color: #83888d;
            font-size: 15px;
            margin-bottom: 30px;
            padding-left: 15px;
            padding-right: 50px;
            transition: all 700ms ease 0s;
        }

        .login-register-area .form .input-field .icon-holder {
            position: absolute;
            top: 15px;
            right: 20px;
        }

            .login-register-area .form .input-field .icon-holder i {
                color: #999999;
                font-size: 14px;
                font-weight: 400;
            }

    .login-register-area .form button {
        line-height: 50px;
        padding: 0 40px;
    }

        .login-register-area .form button:hover {
        }

    .login-register-area .form .remember-text {
        margin-top: 19px;
    }

        .login-register-area .form .remember-text .checkbox label {
            color: #27282c;
            font-size: 16px;
            font-weight: 600;
            margin: 0;
            cursor: pointer;
        }

        .login-register-area .form .remember-text .checkbox input {
            position: relative;
            top: 1px;
        }

        .login-register-area .form .remember-text .checkbox span {
            color: #27282c;
            font-size: 16px;
            font-weight: 600;
            font-family: 'Poppins', sans-serif;
        }


    .login-register-area .form .social-icon {
        position: relative;
        float: right;
        margin-right: -8px;
        margin-top: 10px;
    }

        .login-register-area .form .social-icon .login-with {
            position: absolute;
            left: -100px;
            top: 8px;
            margin: 0;
        }

        .login-register-area .form .social-icon li {
            display: inline-block;
            margin: 0 8px;
        }

            .login-register-area .form .social-icon li a i {
                background: #47588f none repeat scroll 0 0;
                border-radius: 50%;
                color: #fff;
                display: block;
                font-size: 14px;
                font-weight: 100;
                height: 40px;
                line-height: 24px;
                padding: 8px 0;
                text-align: center;
                transition: all 700ms ease 0s;
                width: 40px;
            }

                .login-register-area .form .social-icon li a i.twitter {
                    background: #33ccfe none repeat scroll 0 0;
                }

                .login-register-area .form .social-icon li a i.gplus {
                    background: #dd4b39 none repeat scroll 0 0;
                }


    .login-register-area .form .right {
        display: block;
        overflow: hidden;
        margin-left: -60px;
    }

        .login-register-area .form .right h6 {
            float: left;
            color: #828282;
            font-size: 14px;
            font-weight: 400;
            margin-top: 18px;
        }

            .login-register-area .form .right h6 span {
                color: #e9212e;
            }

    .login-register-area .form .input-field input[type="text"]:focus {
        border: 1px solid #1d1d1d;
    }

    .login-register-area .form .social-icon li a:hover i {
        background: #18387b;
    }

        .login-register-area .form .social-icon li a:hover i.twitter {
            background: #12addf;
        }

        .login-register-area .form .social-icon li a:hover i.gplus {
            background: #c62d1a;
        }



.breadcrumb-area.contact-page .inner-content-box .title-s2 {
    padding: 113px 0 220px;
}

.contact-address-area {
    position: relative;
    display: block;
    background: #f6f6f6;
    padding-bottom: 102px;
    z-index: 100;
}

.single-contact-address-box {
    position: relative;
    display: block;
    background: #ffffff;
    text-align: center;
    padding: 40px 30px 32px;
    -webkit-box-shadow: 0px -10px 25px -15px #000000;
    box-shadow: 0px 10px 25px -15px #000000;
    margin-top: -115px;
    margin-bottom: 30px;
    transition: all 900ms ease 600ms;
    height: 250px;
}

    .single-contact-address-box:hover {
        -webkit-box-shadow: 0px -10px 25px -15px #000000;
        box-shadow: 0px 10px 25px -15px #130276;
    }

    .single-contact-address-box span:before {
        color: #ed232b;
        font-size: 50px;
        line-height: 50px;
        transition: all 500ms ease;
    }

    .single-contact-address-box:hover span:before {
        color: #130276;
    }

    .single-contact-address-box h3 {
        color: #27282c;
        font-size: 20px;
        line-height: 28px;
        font-weight: 600;
        margin: 20px 0 12px;
    }

    .single-contact-address-box p {
        margin: 0;
        color: #484242;
        font-size: 16px;
    }

        .single-contact-address-box p a {
            color: #484242;
        }

.contact-address-area .bottom-text {
    position: relative;
    display: block;
    padding-top: 24px;
}

    .contact-address-area .bottom-text p {
        margin: 0;
    }

        .contact-address-area .bottom-text p a {
            color: #e9212e;
        }


.contact-info-area {
    position: relative;
    display: block;
    background: #ffffff;
    padding: 110px 0 110px;
}

.contact-form {
    position: relative;
    display: block;
    z-index: 3;
}

    .contact-form .inner-box {
        position: relative;
        display: block;
        background: #ffffff;
        border: 1px solid #ededed;
        padding: 20px 50px;
    }

    .contact-form form {
        position: relative;
        display: block;
    }

        .contact-form form .input-box {
            position: relative;
            display: block;
        }

            .contact-form form .input-box .icon {
                position: absolute;
                top: 19px;
                left: 20px;
            }

                .contact-form form .input-box .icon i {
                    color: #b6b6b6;
                    font-size: 16px;
                }

                .contact-form form .input-box .icon.envelop {
                    position: absolute;
                    top: 16px;
                    left: 20px;
                }

        .contact-form form input[type="text"],
        .contact-form form input[type="email"],
        .contact-form form input[type="tel"],
        .contact-form form textarea {
            position: relative;
            display: block;
            background: #ffffff;
            border: 1px solid #ededed;
            width: 100%;
            height: 60px;
            font-size: 15px;
            padding-left: 50px;
            padding-right: 20px;
            border-radius: 0px;
            margin-top: 30px;
            transition: all 500ms ease;
            outline: none;
        }

        .contact-form form textarea {
            height: 110px;
            padding-left: 50px;
            padding-right: 20px;
            padding-top: 14px;
            padding-bottom: 15px;
        }

        .contact-form form input[type="text"]:focus {
            border-color: #27282c;
            /* color: #222222; */
            box-shadow: none;
        }

        .contact-form form input[type="email"]:focus {
            border-color: #27282c;
            /* color: #222222; */
            box-shadow: none;
        }

        .contact-form form textarea:focus {
            border-color: #27282c;
            /* color: #222222; */
            box-shadow: none;
        }

        .contact-form form input[type="text"]::-webkit-input-placeholder {
            color: #828282;
        }

        .contact-form form input[type="text"]:-moz-placeholder {
            color: #828282;
        }

        .contact-form form input[type="text"]::-moz-placeholder {
            color: #828282;
        }

        .contact-form form input[type="text"]:-ms-input-placeholder {
            color: #828282;
        }

        .contact-form form input[type="email"]::-webkit-input-placeholder {
            color: #828282;
        }

        .contact-form form input[type="email"]:-moz-placeholder {
            color: #828282;
        }

        .contact-form form input[type="email"]::-moz-placeholder {
            color: #828282;
        }

        .contact-form form input[type="email"]:-ms-input-placeholder {
            color: #828282;
        }

        .contact-form form button {
            position: relative;
            display: block;
            width: 200px;
            float: right;
            margin-top: 30px;
        }

.contact-form-image-box {
    position: absolute;
    top: -110px;
    right: -350px;
    z-index: 1;
}

    .contact-form-image-box img {
        max-width: none;
        float: left;
    }


.job-career-brochures-area {
    position: relative;
    display: block;
}

    .job-career-brochures-area .container-fluid {
        padding: 0;
    }

    .job-career-brochures-area .row {
        margin: 0;
    }

        .job-career-brochures-area .row [class*=col-] {
            padding-left: 0;
            padding-right: 0;
        }

.job-career-brochures-box {
    position: relative;
    display: block;
}

    .job-career-brochures-box .img-holder {
        position: relative;
        display: block;
        overflow: hidden;
    }

        .job-career-brochures-box .img-holder img {
            width: 100%;
        }

    .job-career-brochures-box .overlay-content {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

        .job-career-brochures-box .overlay-content .innner {
            display: table;
            width: 100%;
            height: 100%;
        }

            .job-career-brochures-box .overlay-content .innner .box {
                display: table-cell;
                vertical-align: middle;
                text-align: center;
            }

                .job-career-brochures-box .overlay-content .innner .box h1 {
                    color: #ffffff;
                    font-size: 36px;
                    line-height: 44px;
                    font-weight: 700;
                    margin: 0 0 14px;
                }

                .job-career-brochures-box .overlay-content .innner .box p {
                    color: #ffffff;
                    margin: 0 0 42px;
                }

                .job-career-brochures-box .overlay-content .innner .box a {
                    color: #27282c;
                    padding: 0 50px 0;
                    background: #ffffff;
                }

                    .job-career-brochures-box .overlay-content .innner .box a:hover {
                        color: #ffffff;
                        background: #f13729;
                    }


.coming-soon-content-area {
    position: relative;
    display: block;
    background-attachment: fixed;
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    padding: 110px 0 420px;
    z-index: 1;
}

.coming-soon-content {
    position: relative;
    display: block;
}

    .coming-soon-content .logo-box {
        position: relative;
        display: block;
        padding-bottom: 50px;
    }

        .coming-soon-content .logo-box a {
            display: inline-block;
        }

    .coming-soon-content .title {
        color: #ffffff;
        font-size: 60px;
        line-height: 70px;
        font-weight: 700;
        font-family: 'Poppins', sans-serif;
    }

.timer-area {
    position: relative;
    display: block;
    z-index: 1;
}

    .timer-area:before {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: url(../images/pattern/timer-area-bg.jpg);
        background-repeat: repeat;
        background-size: auto;
        background-position: left;
        content: "";
        z-index: -1;
    }

.timer-box {
    position: relative;
    display: block;
    overflow: hidden;
    background: #e9212e;
    max-width: 770px;
    width: 100%;
    margin: 0 auto;
    padding: 74px 110px 72px;
    margin-top: -320px;
    z-index: 3;
}

    .timer-box h1 {
        color: #ffffff;
        font-size: 48px;
        line-height: 58px;
        font-weight: 700;
        text-transform: capitalize;
        margin: 0 0 47px;
    }

.countdown-timer {
}

    .countdown-timer .default-coundown {
    }

        .countdown-timer .default-coundown .box {
            overflow: hidden;
        }

    .countdown-timer li {
        position: relative;
        display: inline-block;
        float: none;
        padding: 0;
        text-align: center;
        margin: 0 23px;
    }

        .countdown-timer li:first-child {
            margin-left: 0;
        }

        .countdown-timer li:last-child {
            margin-right: 0;
        }

        .countdown-timer li span.days,
        .countdown-timer li span.hours,
        .countdown-timer li span.minutes,
        .countdown-timer li span.seconds {
            position: relative;
            display: block;
            background: #ffffff;
            width: 100px;
            height: 100px;
            color: #27282c;
            font-size: 48px;
            line-height: 100px;
            font-weight: 500;
            text-align: center;
            border-radius: 0px;
            font-family: 'Rubik', sans-serif;
        }

        .countdown-timer li span.hours {
        }

        .countdown-timer li span.minutes {
        }

        .countdown-timer li span.seconds {
        }

        .countdown-timer li span.timeRef {
            color: #ffffff;
            font-size: 20px;
            line-height: 20px;
            font-weight: 600;
            text-transform: capitalize;
            margin-top: 17px;
            display: block;
            font-family: 'Poppins', sans-serif;
        }

            .countdown-timer li span.timeRef.clr-1 {
            }

            .countdown-timer li span.timeRef.clr-2 {
            }

            .countdown-timer li span.timeRef.clr-3 {
            }

.timer-box .subscribe-box {
    position: relative;
    display: block;
    margin-top: 39px;
}

    .timer-box .subscribe-box .subscribe-form {
        position: relative;
        display: block;
        width: 100%;
    }

        .timer-box .subscribe-box .subscribe-form input[type="email"] {
            position: relative;
            display: block;
            background: #ffffff;
            border: 1px solid #ffffff;
            color: #828282;
            font-size: 15px;
            font-weight: 400;
            width: 100%;
            height: 60px;
            margin-bottom: 0px;
            padding: 0 30px;
            padding-right: 185px;
            transition: all 500ms ease;
        }

        .timer-box .subscribe-box .subscribe-form input::-webkit-input-placeholder {
            color: #e9212e;
        }

        .timer-box .subscribe-box .subscribe-form input:-moz-placeholder {
            color: #e9212e;
        }

        .timer-box .subscribe-box .subscribe-form input::-moz-placeholder {
            color: #e9212e;
        }

        .timer-box .subscribe-box .subscribe-form input:-ms-input-placeholder {
            color: #e9212e;
        }

        .timer-box .subscribe-box .subscribe-form button {
            position: absolute;
            top: 0;
            right: 0;
            color: #27282c;
            background: #ffffff;
            border-left: 1px solid #ededed;
            padding: 0;
            width: 170px;
        }

        .timer-box .subscribe-box .subscribe-form input[type="email"]:focus {
            color: #222222;
            border: 1px solid #191a1c;
            background: #ffffff;
        }

            .timer-box .subscribe-box .subscribe-form input[type="email"]:focus + button,
            .timer-box .subscribe-box .subscribe-form button:hover {
                background: #191a1c;
                color: #fff;
            }

    .timer-box .subscribe-box .text {
        position: relative;
        display: block;
        padding-top: 14px;
    }

        .timer-box .subscribe-box .text p {
            color: #ffffff;
            font-size: 15px;
            margin: 0;
        }

            .timer-box .subscribe-box .text p span {
                font-weight: 600;
            }

.top-lang a {
    color: #fff;
    margin: 0px 0px;
    border-right: 1px solid #f6f6f6;
    padding: 0px 10px;
}

    .top-lang a:last-child {
        border-right: none;
    }

    .top-lang a.active-lang {
        font-weight: 600;
    }

    .top-lang a img {
        margin-top: -4px;
    }

    .top-lang a span {
        margin-left: 5px;
        color: #fff;
    }

.main-menu .navigation > li.dropdown > a:after, .main-menu .navigation > li.dropdown-mega > a:after {
    font-family: FontAwesome;
    position: absolute;
    right: -14px;
    top: 0px;
    display: block;
    font-size: 15px;
    line-height: 80px;
    color: #919191;
    font-weight: 400;
    content: "\f107";
    z-index: 5;
}

.mainmenu-right .button {
    position: relative;
    display: inline-block;
    float: right;
    margin-left: 35px;
    padding: 15px 0;
}

    .mainmenu-right .button a {
        line-height: 50px;
        padding: 0 20px 0;
    }

/*.menu-right-contact .icon {
    display: block;
    float: left;
    height: 80px;
    line-height: 80px;
    font-size: 36px;
    color: #ec1d25;
}

.menu-right-contact .text {
    float: left;
    height: 80px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-left: 15px;
}*/
.menu-right-contact .contact-item {
    display: flex;
    flex-direction: row;
    justify-content: left;
    align-items: center;
    padding: 7px 10px;
}

    .menu-right-contact .contact-item .icon {
        color: #ec1d25;
        font-size: 20px;
        width: 25px;
        text-align: center;
    }

    .menu-right-contact .contact-item:first-child {
        border-bottom: 1px solid #dddddd;
    }

        .menu-right-contact .contact-item:first-child .icon {
        }

            .menu-right-contact .contact-item:first-child .icon i {
            }

    .menu-right-contact .contact-item h6 {
        font-weight: 500;
        padding-left: 15px;
    }

        .menu-right-contact .contact-item h6 a {
            color: #130276;
        }

.gallery-item {
    position: relative;
    margin-bottom: 30px;
}

    .gallery-item .img-holder {
    }

        .gallery-item .img-holder a {
            display: block;
        }

    .gallery-item:hover .img-holder {
    }

    .gallery-item .img-holder a:after {
        content: '\f002';
        font-family: FontAwesome;
        color: #fff;
        position: absolute;
        left: 0px;
        right: 0px;
        top: 0px;
        height: 100%;
        background-color: rgba(40, 41, 46, 0.90);
        text-align: center;
        padding-top: 30%;
        opacity: 0;
        transition: all 0.5s;
    }

    .gallery-item:hover .img-holder a:after {
        opacity: 1;
    }

.content-date {
    position: relative;
    padding: 20px 0px;
    width: 100%;
    overflow: hidden;
}

    .content-date span {
        color: #000000;
        padding: 15px 15px 15px 0px;
        font-size: 16px;
        font-weight: 500;
        width: 200px;
        text-align: center;
        margin-top: 10px;
        background-color: #ffffff;
    }

    .content-date:after {
        content: '';
        position: absolute;
        bottom: 50%;
        width: 100%;
        background-color: #ec1d25;
        height: 2px;
    }

    .content-date i {
        color: #ec1d25;
        font-weight: 700;
        font-size: 18px;
        margin-right: 5px;
    }

.align-left-title {
    text-align: left;
    margin-top: 100px;
}

a.lightbox {
    display: block;
}

.video-js {
    width: 100% !important;
    height: 250px !important;
    margin-bottom: 30px;
}

.img-holder a {
    display: flex;
    width: 100%;
    height: 100%;
    flex-direction: column;
    justify-content: center;
}

.btn-product {
}

    .btn-product a span:before {
        position: relative;
        top: 5px;
        font-size: 26px;
        line-height: 14px;
        display: inline-block;
        padding-left: 10px;
        color: #e9212e;
    }

.contact-title {
}

    .contact-title .title {
        font-weight: 700;
        font-size: 20px;
        color: #27282c;
    }

    .contact-title p.top-text {
        font-weight: 500;
        color: #ec1d25;
    }

    .contact-title p.bottom-text {
        color: #8a8484;
        margin-top: 5px;
    }

.d-block {
    display: block;
}

.sc_code {
    height: 40px;
    margin-top: 40px;
}

label.error {
    color: #e64545;
}

.p-content-box {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-color: #27282c;
    box-shadow: 27px 0px 0px -15px #ec1d25;
    z-index: -20;
}

    .p-content-box h2 {
        color: #ec1d25;
        text-align: center;
    }

    .p-content-box text {
    }

        .p-content-box text p {
        }

.padding-0 {
    padding: 0px !important;
}

.sep-product-image {
    margin-top: 50px;
    margin-bottom: 50px;
    clear: both;
    display: block;
    width: 100%;
    border-bottom: 1px solid #e8f2f9;
}
/*table*/
#shop-area table {
    border: 1px solid #ffffff;
    width: 50% !important;
    text-align: center;
    border-collapse: collapse;
    margin: auto;
}

    #shop-area table td, #shop-area table th {
        border: 1px solid #868686;
        padding: 3px 2px;
        color: #000;
    }

    #shop-area table tbody td {
        font-size: 16px;
    }

    #shop-area table tr:nth-child(even) {
        background: #1100751f;
    }

    #shop-area table thead {
        background: #A40808;
    }

        #shop-area table thead th {
            font-size: 19px;
            font-weight: bold;
            color: #FFFFFF;
            text-align: center;
            border-left: 2px solid #A40808;
        }

            #shop-area table thead th:first-child {
                border-left: none;
            }

    #shop-area table tfoot {
        font-size: 13px;
        font-weight: bold;
        color: #FFFFFF;
        background: #A40808;
    }

        #shop-area table tfoot td {
            font-size: 13px;
        }

        #shop-area table tfoot .links {
            text-align: right;
        }

            #shop-area table tfoot .links a {
                display: inline-block;
                background: #FFFFFF;
                color: #A40808;
                padding: 2px 8px;
                border-radius: 5px;
            }
/**/
.desc-content-box {
    line-height: 35px;
    font-size: 16px;
    color: #27282c;
}

.product-2 .img-holder {
    border: 1px solid #a2a2a2;
    box-shadow: 2px 2px 0px 20px #c9d1d6;
}
/*Product Gallery*/
.single-product-gallery-item {
    position: relative;
    display: block;
    max-width: 370px;
    min-width: 300px;
    width: 100%;
    margin: 0 auto 30px;
}

    .single-product-gallery-item .img-holder {
        position: relative;
        display: block;
        overflow: hidden;
        z-index: 10;
    }

        .single-product-gallery-item .img-holder .inner {
            position: relative;
            display: block;
            background-color: #f5f4f4;
        }

            .single-product-gallery-item .img-holder .inner:before {
                position: absolute;
                top: -37px;
                left: -37px;
                bottom: -37px;
                right: -37px;
                content: '';
                /* border: 37px solid #ffffff; */
                opacity: 1;
                transition: all 300ms ease 100ms;
                z-index: 1;
            }

    .single-product-gallery-item:hover .img-holder .inner:before {
        left: 3px;
        top: 3px;
        bottom: 3px;
        right: 3px;
        transition: all 300ms ease 100ms;
    }

    .single-product-gallery-item .img-holder:before,
    .single-product-gallery-item .img-holder:after {
        position: absolute;
        top: 0;
        left: 0;
        content: '';
        width: 100%;
        height: 100%;
        -webkit-transform: scale(0);
        transform: scale(0);
        -webkit-transform-origin: left top;
        transform-origin: left top;
        transition: all 900ms ease 300ms;
        border-radius: 0px;
        z-index: 1;
    }

    .single-product-gallery-item .img-holder:before {
        transform: scale(0, 1);
        transform-origin: bottom center;
        border-top: 3px solid #27282c;
        border-bottom: 3px solid #27282c;
    }

    .single-product-gallery-item:hover .img-holder:before {
        transform: scale(1, 1);
    }

    .single-product-gallery-item .img-holder:after {
        transform: scale(1, 0);
        transform-origin: left center;
        border-left: 3px solid #27282c;
        border-right: 3px solid #27282c;
    }

    .single-product-gallery-item:hover .img-holder:after {
        transform: scale(1, 1);
    }

    .single-product-gallery-item .img-holder img {
        width: 100%;
        transform: scale(1.0);
        transition: all 700ms ease;
    }

    .single-product-gallery-item:hover .img-holder img {
        transform: scale(1.2) rotate(0deg);
    }

    .single-product-gallery-item .overlay-box {
        position: absolute;
        top: 0px;
        left: 0px;
        right: 0px;
        height: 100%;
        background: rgba(255, 255, 255, 0.81);
        z-index: 2;
        opacity: 0;
        transform: scale(0) rotate(0deg);
        transition: all 700ms ease 300ms;
    }

    .single-product-gallery-item:hover .overlay-box {
        opacity: 1;
        transform: scale(1.0) rotate(0deg);
        transition: all 700ms ease 500ms;
    }

    .single-product-gallery-item .overlay-box .box {
        display: block;
        width: 100%;
        height: 100%;
    }

        .single-product-gallery-item .overlay-box .box .link {
            display: flex;
            flex-direction: column;
            justify-content: center;
            text-align: center;
            align-content: center;
            align-items: center;
            height: 100%;
        }

            .single-product-gallery-item .overlay-box .box .link a span:before {
                color: #ffffff;
                font-size: 40px;
                line-height: 40px;
                transition: all 500ms ease;
            }

            .single-product-gallery-item .overlay-box .box .link a:hover span:before {
                color: #e9212e;
            }

    .single-product-gallery-item .img-holder .overlay-content {
        position: absolute;
        left: 3px;
        right: 3px;
        bottom: 3px;
        background: #ffffff73;
        z-index: 11;
        text-align: center;
        transition: all 700ms ease 300ms;
        opacity: 0;
        transform-style: preserve-3d;
        transform: perspective(1200px) rotateX(90deg) translateZ(-32px);
        padding: 10px 0px;
    }

    .single-product-gallery-item:hover .img-holder .overlay-content {
        opacity: 1;
        transform: perspective(1200px) rotateX(0deg) translateZ(0px);
        transition: all 900ms ease 300ms;
    }

    .single-product-gallery-item .img-holder .overlay-content .title {
        position: relative;
        display: block;
    }

        .single-product-gallery-item .img-holder .overlay-content .title span {
            color: #7c7e84;
        }

        .single-product-gallery-item .img-holder .overlay-content .title h3 {
            font-size: 20px;
            font-weight: 600;
            height: 100%;
            display: block;
            line-height: normal;
        }

            .single-product-gallery-item .img-holder .overlay-content .title h3 a {
                color: #27282c;
                transition: all 500ms ease;
            }

                .single-product-gallery-item .img-holder .overlay-content .title h3 a:hover {
                    color: #e9212e;
                }

    .single-product-gallery-item .img-holder a span:before {
        color: #e9212e !important;
    }

    .single-product-gallery-item .img-holder .overlay-content {
        opacity: 1 !important;
        transform: perspective(1200px) rotateX(0deg) translateZ(0px) !important;
    }

.mobile-sidebar {
    display: none;
}
#shop-area .text p {
    width: 50%;
    display: block;
    margin: auto;
    text-align: justify;
}

/* Large Layout: 1200px. */
@media only screen and (min-width: 1200px) {
}

@media only screen and (min-width: 1200px) and (max-width: 1380px) {

    .top-style2-right .top-right-menu li {
        padding-right: 10px;
    }

    .top-style2-right .topbar-social-links li {
        padding-right: 20px;
    }

    .header-style2 .inner-container {
        position: relative;
        padding: 0 25px;
    }

    .main-menu.style2 .navigation > li {
        margin-right: 35px;
    }

    .mainmenu-right.style2 {
        margin-left: 0px;
    }
}



@media only screen and (min-width: 1200px) and (max-width: 1880px) {


    .instagram-title {
        margin-right: -30px;
        padding: 190px 0;
    }

        .instagram-title .pattern-bg {
            position: absolute;
            top: 0;
            left: -500px;
            bottom: -1000px;
            right: 0;
            background-repeat: repeat;
            z-index: -1;
        }

    .instagram-items {
        margin-right: 0;
    }

        .instagram-items li {
            width: 254px;
        }
}





/* Medium screen  */
@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .header-upper-style1 .inner-container {
        padding: 0 20px;
    }

    .main-menu .navigation > li {
        margin-right: 20px;
    }

    .header-lower-style1 .inner-content {
        border: none;
    }

    .header-contact-info {
        border-left: none;
        padding-left: 0;
        float: none !important;
        overflow: hidden;
        margin-bottom: 23px;
    }

        .header-contact-info li {
            border-right: none;
            padding-right: 0;
            margin-right: 50px;
        }

    .header-social-links-style1 {
        padding-right: 0;
        margin: 0;
        float: none !important;
        overflow: hidden;
        text-align: center;
    }

        .header-social-links-style1 li {
            float: none;
            margin-right: 0;
            margin: 0 8px;
        }


    .about-area {
        padding-top: 60px;
        padding-bottom: 146px;
    }

    .about-text {
        padding-left: 0px;
    }

    .about-carousel-box .owl-dots {
        margin-top: 80px !important;
    }


    .single-working-box .text-holder .outer-box .icon {
        width: 50px;
    }

    .single-working-box .text-holder .outer-box .text {
        padding-left: 0px;
        padding-right: 10px;
    }


    .single-working-process .inner {
        padding: 82px 10px 50px;
    }

    .single-footer-widget.marbtm50 {
        margin-bottom: 50px;
    }

    .top-bar-style2 {
        padding: 20px 20px;
    }

    .top-style2-left {
        overflow: hidden;
        text-align: center;
    }

        .top-style2-left p {
            display: block;
            float: none;
        }

        .top-style2-left ul {
            display: block;
            overflow: hidden;
            float: none;
            padding-left: 0;
        }

            .top-style2-left ul li {
                display: inline-block;
                float: none;
                padding-right: 16px;
                margin-right: 15px;
            }

    .top-style2-right {
        overflow: hidden;
        float: none;
        text-align: center;
        padding-top: 11px;
    }

        .top-style2-right .top-right-menu {
            display: block;
            overflow: hidden;
            float: none;
            padding-right: 0;
            margin-right: 0;
            text-align: center;
        }

            .top-style2-right .top-right-menu:before {
                display: none;
            }

            .top-style2-right .top-right-menu li {
                float: none;
                padding-right: 0px;
                margin: 0 5px;
            }

        .top-style2-right .topbar-social-links {
            display: block;
            float: none;
            overflow: hidden;
            text-align: center;
        }

            .top-style2-right .topbar-social-links li {
                float: none;
                padding-right: 0;
                margin: 0 13px;
            }


    .header-style2 .inner-container {
        position: relative;
        padding: 0 10px;
    }

    .main-menu.style2 .navigation > li {
        margin-right: 20px;
    }

        .main-menu.style2 .navigation > li.dropdown > a:after {
            display: none;
        }

    .mainmenu-right.style2 {
        margin-left: 0px;
    }

    .outer-search-box {
        margin-right: 10px;
    }

    .mainmenu-right.style2 .button {
        margin-left: 15px;
    }

        .mainmenu-right.style2 .button a {
            padding: 0 15px 0;
        }

            .mainmenu-right.style2 .button a.btn-one span:before {
                display: none;
            }


    .about-style2-image-box {
        margin-top: 170px;
    }

        .about-style2-image-box .pattern {
            top: -110px;
            left: 0;
            right: 0;
            bottom: -110px;
            width: 100%;
            height: auto;
        }


    .single-working-box-style2 {
        width: 50%;
        margin-bottom: 60px;
    }

    .working-style-bottom {
        padding-top: 24px;
    }

    .why-choose-content {
        max-width: 100%;
        width: 100%;
        display: flex;
        justify-content: center;
        flex-direction: row;
        flex-wrap: wrap;
    }


    .contact-details-form-box .title-box {
        padding-bottom: 25px;
    }

    .contact-details-form-box {
        padding: 30px 60px 0px;
        padding-left: 0;
    }

    .brand-area.style2 {
        padding-top: 110px;
        padding-bottom: 80px;
    }

    .single-brand-item.style2 {
        max-width: 280px;
        margin-right: 30px;
        margin-bottom: 30px;
    }


    .instagram-title {
        margin-right: 0;
        padding: 43px 0;
    }

        .instagram-title .pattern-bg {
            top: 0;
            left: -500px;
            bottom: -500px;
            right: -500px;
            background-repeat: repeat;
        }

    .instagram-items {
        margin-right: 0;
    }

        .instagram-items li {
            width: 154px;
        }

    .header-contact-info.style2 {
        padding-left: 30px;
        margin: 30px 0 30px;
        float: left !important;
    }

        .header-contact-info.style2 li {
            margin-right: 20px;
        }

            .header-contact-info.style2 li .single-item .icon {
                width: 40px;
            }

                .header-contact-info.style2 li .single-item .icon span:before {
                    top: 2px;
                    font-size: 40px;
                    line-height: 40px;
                }

            .header-contact-info.style2 li .single-item .text {
                padding-left: 10px;
            }

                .header-contact-info.style2 li .single-item .text h3 {
                    font-size: 16px;
                }

    .header-call-button {
        width: 210px;
        padding: 30px 10px 30px;
    }

        .header-call-button .inner {
            padding-right: 45px;
        }

            .header-call-button .inner .icon span:before {
                font-size: 30px;
            }

            .header-call-button .inner .title h3 {
                font-size: 16px;
                margin: 3px 0 0;
            }


    .main-menu.style3 .navigation > li > a {
        padding: 30px 17px 26px;
    }


    .single-brand-item.style3 {
        max-width: 130px;
    }


    .single-footer-widget .usefull-links ul {
        float: none !important;
    }

        .single-footer-widget .usefull-links ul.marleft30 {
            margin-left: 0px;
        }

    .company-overview-area {
        padding: 105px 0 86px;
    }

    .intro-box {
        position: relative;
        display: block;
        margin-bottom: 42px;
    }

        .intro-box .text {
            max-width: 770px;
            width: 100%;
            margin-top: 24px;
        }

    .single-history-content .text-box {
        padding-left: 20px;
        min-height: auto;
    }

        .single-history-content .text-box .inner {
            padding-top: 40px;
            padding-right: 20px;
        }

            .single-history-content .text-box .inner .title {
                position: relative;
                display: block;
                padding: 25px 0 20px;
            }

            .single-history-content .text-box .inner .text p {
                margin: 0 0 10px;
            }

    .single-fact-counter {
        margin-bottom: 30px;
    }


    .single-footer-widget.s4 .usefull-links ul {
        float: left !important;
    }

    li .single-footer-contact-info {
        max-width: 310px;
    }

        li .single-footer-contact-info .inner {
            padding: 35px 15px 30px;
        }

        li .single-footer-contact-info .text p br {
            display: none;
        }

    .services-style2-service-page .sec-title {
        padding-bottom: 13px;
    }

    .services-style2-service-page .text {
        margin-top: 0px;
        margin-bottom: 32px;
    }

    .single-service-style2 .text-holder .inner .text {
        padding: 0 20px 32px;
    }

        .single-service-style2 .text-holder .inner .text p {
            font-size: 15px;
            line-height: 25px;
        }


    .single-advantages-box {
        margin-bottom: 30px;
    }

    .how-work-box {
        padding-top: 50px;
    }

        .how-work-box .how-works-content {
            padding-top: 50px;
        }

    .project-description-image-box img {
        max-width: 100%;
        float: none;
        width: 100%;
    }

    .project-description-content {
        position: relative;
        display: block;
        z-index: 3;
        padding-top: 50px;
        padding-left: 0px;
    }


    .project-info-area {
        padding-top: 44px;
        padding-bottom: 110px;
    }

        .project-info-area .pattern-bg {
            top: auto;
            right: 0;
            bottom: 0;
        }

    .project-info-content {
        margin: -6px auto 30px;
    }

    .project-info-image-box img {
        max-width: 100%;
        float: none;
        width: 100%;
    }


    .blog-single-image-with-text-box .image-box li {
        margin-right: 30px;
        max-width: 270px;
        width: 100%;
    }

    .blog-prev-next-option .single {
        max-width: 270px;
        width: 100%;
    }


    .shop-sidebar-wrapper {
        float: right;
    }


    .login-register-area .form a.forgot-password {
        margin: 70px 0 0;
    }

    .login-register-area .form.register {
        overflow: hidden;
        margin-top: 50px;
    }

    .login-register-area .form h6 {
        margin: 28px 0 0;
    }


    .job-career-brochures-box .overlay-content .innner .box h1 {
        font-size: 28px;
        line-height: 38px;
        margin: 0 0 14px;
    }

    .single-blog-post.style4:before {
        bottom: 0;
    }
}



/* Tablet Layout: 768px. */
@media only screen and (min-width: 768px) and (max-width: 991px) {


    .header-upper-style1 .inner-container {
        position: relative;
        display: block;
        padding: 0 20px;
        margin-top: -45px;
    }

    .logo-box-style1 {
        position: absolute;
        margin: 15px 0;
        top: 0;
        left: 20px;
        float: none !important;
        z-index: 33;
    }

    .main-menu-box {
        position: relative;
        display: block;
        float: none !important;
    }

    .mainmenu-right {
        position: absolute;
        float: none;
        margin-left: 0;
        top: 0;
        right: 60px;
        z-index: 33;
    }

        .mainmenu-right .outer-search-box {
            padding: 15px 0;
            margin-right: 20px;
        }

        .mainmenu-right .cart-box {
            margin: 15px 0;
        }

    .header-upper-style1.fixed-header .inner-container {
        max-width: 690px;
    }

    .header-upper-style1.fixed-header .logo-box-style1 {
        margin: 15px 0;
    }

    .header-upper-style1.fixed-header .outer-search-box {
        padding: 15px 0;
    }

    .header-upper-style1.fixed-header .cart-box {
        margin: 15px 0;
    }


    .header-lower-style1 .inner-content {
        border: none;
    }

    .header-contact-info {
        border-left: none;
        padding-left: 0;
        float: none !important;
        overflow: hidden;
        margin-bottom: 23px;
        text-align: center;
        width: 290px;
        margin: 0 auto 23px;
    }

        .header-contact-info li {
            border-right: none;
            padding-right: 0;
            margin-right: 0;
            float: none;
            display: block;
            margin-bottom: 25px;
        }

            .header-contact-info li:last-child {
                margin-bottom: 0;
            }

    .header-social-links-style1 {
        padding-right: 0;
        margin: 0;
        float: none !important;
        overflow: hidden;
        text-align: center;
    }

        .header-social-links-style1 li {
            float: none;
            margin-right: 0;
            margin: 0 8px;
        }


    .about-area {
        padding-top: 60px;
        padding-bottom: 170px;
    }

    .about-text {
        padding-left: 0;
        margin-top: 60px;
    }

    .about-carousel-box .owl-dots {
        margin-top: 80px !important;
    }


    .slogan-area .flex-box-two {
        justify-content: center;
    }

    .slogan-area .title {
        margin-bottom: 22px;
        text-align: center;
    }


    .appointment-area {
        background: #27282c;
        background-position: unset;
        background-attachment: scroll;
        background-size: cover;
    }

    .appointment-box {
        padding: 44px 50px 50px;
        margin-top: 40px;
    }


    .brand-area .sec-title {
        padding-bottom: 130px;
    }

    .brand-items-carousel.owl-carousel .owl-nav {
        position: absolute;
        left: 0;
        right: auto;
        top: -100px;
    }


    .single-footer-widget.marbtm50 {
        margin-bottom: 50px;
    }


    .top-bar-style2 {
        padding: 20px 20px;
    }

    .top-style2-left {
        overflow: hidden;
        text-align: center;
    }

        .top-style2-left p {
            display: block;
            float: none;
        }

        .top-style2-left ul {
            display: block;
            overflow: hidden;
            float: none;
            padding-left: 0;
        }

            .top-style2-left ul li {
                display: inline-block;
                float: none;
                padding-right: 16px;
                margin-right: 15px;
            }

    .top-style2-right {
        overflow: hidden;
        float: none;
        text-align: center;
        padding-top: 11px;
    }

        .top-style2-right .top-right-menu {
            display: block;
            overflow: hidden;
            float: none;
            padding-right: 0;
            margin-right: 0;
            text-align: center;
        }

            .top-style2-right .top-right-menu:before {
                display: none;
            }

            .top-style2-right .top-right-menu li {
                float: none;
                padding-right: 0px;
                margin: 0 5px;
            }

        .top-style2-right .topbar-social-links {
            display: block;
            float: none;
            overflow: hidden;
            text-align: center;
        }

            .top-style2-right .topbar-social-links li {
                float: none;
                padding-right: 0;
                margin: 0 13px;
            }


    .header-style2 .inner-container {
        position: relative;
        padding: 0 20px;
    }

    .logo-box-style2 {
        position: absolute;
        margin: 0;
        top: 0px;
        left: 20px;
        margin: 15px 0;
        z-index: 33;
    }

    .mainmenu-right.style2 {
        position: absolute;
        top: 0;
        right: 60px;
        margin: 0;
    }

        .mainmenu-right.style2 .outer-search-box {
            padding: 15px 0;
            margin-right: 10px;
        }

        .mainmenu-right.style2 .cart-box {
            float: left;
            margin: 15px 0;
        }

        .mainmenu-right.style2 .button {
            margin-left: 15px;
            padding: 15px 0px;
        }

            .mainmenu-right.style2 .button a {
                padding: 0 15px 0;
            }

                .mainmenu-right.style2 .button a.btn-one span:before {
                    display: none;
                }


    .about-style2-image-box {
        margin-top: 170px;
    }

        .about-style2-image-box .pattern {
            top: -110px;
            left: 0;
            right: 0;
            bottom: -110px;
            width: 100%;
            height: auto;
        }


    .single-working-box-style2 {
        width: 50%;
        margin-bottom: 60px;
    }

    .working-style-bottom {
        padding-top: 24px;
    }


    .why-choose-content {
        max-width: 100%;
        width: 100%;
        display: flex;
        justify-content: center;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .content-info-box {
        min-height: 650px;
        margin-right: 5px;
    }

    .contact-details-form-box {
        padding: 65px 60px 110px;
        width: 100%;
    }


    .brand-area.style2 {
        padding-top: 110px;
        padding-bottom: 80px;
    }

        .brand-area.style2 .sec-title {
            padding-bottom: 50px;
        }

    .single-brand-item.style2 {
        max-width: 200px;
        margin-right: 30px;
        margin-bottom: 30px;
    }


    .instagram-title {
        margin-right: 0;
        padding: 43px 0;
    }

        .instagram-title .pattern-bg {
            top: 0;
            left: -500px;
            bottom: -500px;
            right: -500px;
            background-repeat: repeat;
        }

    .instagram-items {
        margin-right: 0;
    }

        .instagram-items li {
            width: 115px;
        }


    .single-footer-widget.pdtop50-s2 {
        padding-top: 50px;
    }

    .single-footer-widget .subscribe-form {
        max-width: 450px;
        width: 100%;
    }

    .logo-box-style3 {
        margin: 30px 0;
        float: none !important;
        text-align: center;
    }

    .header-contact-info.style2 {
        position: relative;
        display: block;
        padding: 0;
        margin: 0 auto;
        float: none !important;
        width: 265px;
    }

    .header-call-button {
        width: 270px;
        padding: 30px 30px 30px;
        float: none !important;
        margin: 25px auto 0;
    }


    .mainmenu-right.style3 {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 33;
        float: none !important;
        display: inline-block;
        right: auto;
        margin: 5px 0;
    }


    .about-style3-content .button a.black {
        margin-top: 20px;
    }

    .about-style3-bg.banner-animate {
        animation: none;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center bottom;
    }

    .single-brand-item.style3 {
        max-width: 200px;
    }


    .single-footer-widget.marbtm50-s3 {
        margin-bottom: 50px;
    }


    .company-overview-area {
        padding: 105px 0 86px;
    }

    .intro-box {
        position: relative;
        display: block;
        margin-bottom: 42px;
    }

        .intro-box .text {
            max-width: 770px;
            width: 100%;
            margin-top: 24px;
        }

    .single-history-content .img-box {
        width: 100%;
        float: none;
    }

        .single-history-content .img-box .inner {
            padding-right: 0;
        }

    .single-history-content .text-box {
        width: 100%;
        float: none;
        padding-left: 30px;
        min-height: auto;
    }

        .single-history-content .text-box .inner {
            position: relative;
            display: block;
            padding-top: 50px;
            padding-right: 30px;
            padding-bottom: 50px;
        }

    .single-fact-counter {
        margin-bottom: 30px;
    }

    .footer-area.style4 {
        padding: 110px 0 100px;
    }

    .single-footer-widget.pdtop50-s4 {
        padding-top: 50px;
    }


    .footer-contact-info-area {
        margin: 0;
        padding: 30px 0 20px;
    }

    li .single-footer-contact-info {
        display: block;
        float: none;
        max-width: 300px;
        width: 100%;
        border-right: none;
        overflow: hidden;
        margin: 0 auto;
    }

        li .single-footer-contact-info .inner {
            position: relative;
            display: block;
            padding: 15px 0px 15px;
        }

    .footer-bottom-area.style3 {
        padding: 29px 0 28px;
    }

    .countdown-timer li {
        margin: 0 3px;
    }

    .services-style2-service-page .sec-title {
        padding-bottom: 13px;
    }

    .services-style2-service-page .text {
        margin-top: 0px;
        margin-bottom: 32px;
    }

    .single-service-style2 .text-holder .inner .text {
        padding: 0 20px 32px;
    }


    .single-service-sidebar:before {
        display: none;
    }

    .single-service-top {
        margin-top: 50px;
    }

    .single-advantages-box {
        margin-bottom: 30px;
    }

    .how-work-box {
        padding-top: 50px;
    }

        .how-work-box .how-works-content {
            padding-top: 50px;
        }


    .single-project-style8 .overlay-content .inner-content .title-box h3 {
        font-size: 15px;
    }


    .project-description-image-box img {
        max-width: 100%;
        float: none;
        width: 100%;
    }

    .project-description-content {
        position: relative;
        display: block;
        z-index: 3;
        padding-top: 50px;
        padding-left: 0px;
    }

    .project-info-area {
        padding-top: 44px;
        padding-bottom: 110px;
    }

        .project-info-area .pattern-bg {
            top: auto;
            right: 0;
            bottom: 0;
        }

    .project-info-content {
        margin: -6px auto 30px;
    }

    .project-info-image-box img {
        max-width: 100%;
        float: none;
        width: 100%;
    }


    #blog-area.blog-large-area {
        padding-bottom: 60px;
    }

    .single-blog-post.style4 {
        padding-left: 30px;
        padding-right: 0px;
        margin-bottom: 50px;
    }

        .single-blog-post.style4:before {
            top: -300px;
            left: 0;
            bottom: 0;
        }

    #blog-area .sidebar-wrapper {
        position: relative;
        display: block;
        max-width: 300px;
        margin-left: 0px;
        z-index: 99;
        padding-top: 100px;
    }

    #blog-area.blog-single-area {
        position: relative;
        display: block;
        padding: 0 0 60px;
    }

    .blog-single-area .blog-post {
        margin-right: 0px;
    }

    .blog-single-image-with-text-box .image-box li {
        margin-right: 30px;
        max-width: 329px;
    }

    .blog-prev-next-option .single {
        max-width: 330px;
        width: 100%;
    }


    .shop-sidebar-wrapper {
        padding-top: 100px;
    }

    .single-product-image-holder {
        margin-right: 0;
    }

    .single-shop-content .content-box {
        margin-top: 40px;
    }


    .cart-area .cart-bottom .calculate-shipping {
        padding-bottom: 60px;
    }


    .checkout-area .form.shipping-info {
        padding-top: 60px;
    }

    .checkout-area .cart-total {
        padding-top: 60px;
    }


    .login-register-area .form a.forgot-password {
        margin: 70px 0 0;
    }

    .login-register-area .register {
        padding-top: 50px;
    }

    .login-register-area .form h6 {
        color: #797979;
        float: left;
        font-size: 14px;
        margin-bottom: 0;
        margin-right: 0;
        margin-top: 27px;
    }


    .contact-address-area {
        padding-bottom: 27px;
    }

    .single-contact-address-box {
        margin-top: -115px;
        margin-bottom: 155px;
    }

    .contact-address-area .bottom-text {
        padding-top: 0;
        margin-top: -100px;
    }

    .contact-form-image-box {
        position: relative;
        z-index: 1;
        top: -110px;
        right: 0;
    }


    .contact-info-area {
        padding: 30px 0 0px;
    }
}


/* Mobile Layout: 320px. */
@media only screen and (max-width: 767px) {
    .contact-form form button {
        margin: 30px auto !important;
        float: none !important;
    }
 
    .scroll-to-top-style2 {
        width: 25px;
        height: 25px;
        line-height: 18px;
        font-size: 20px;
        right: 10px;
        bottom: 10px !important;
    }

    /**/
    .header-upper-style1 .inner-container {
        position: relative;
        display: block;
        padding: 0 10px;
        margin-top: -45px;
    }

    .logo-box-style1 {
        position: absolute;
        margin: 0;
        top: 15px;
        left: 10px;
        float: none !important;
        z-index: 33;
    }

        .logo-box-style1 img {
            max-width: 75%;
        }

    .main-menu-box {
        position: relative;
        display: block;
        float: none !important;
        margin: 0px;
    }

    .mainmenu-right {
        z-index: 33;
    }

        .mainmenu-right .outer-search-box {
            padding: 15px 0;
            margin-right: 10px;
        }

        .mainmenu-right .cart-box {
            margin: 15px 0;
        }

    .header-upper-style1.fixed-header .inner-container {
        max-width: 350px;
    }

    .header-upper-style1.fixed-header .logo-box-style1 {
        margin: 22px 0 23px;
    }

    .header-upper-style1.fixed-header .outer-search-box {
        padding: 15px 0;
    }

    .header-upper-style1.fixed-header .cart-box {
        margin: 15px 0;
    }

    .header-lower-style1 .inner-content {
        border: none;
    }

    .header-contact-info {
        border-left: none;
        padding-left: 0;
        float: none !important;
        overflow: hidden;
        margin-bottom: 23px;
        text-align: center;
        width: 290px;
        margin: 0 auto 23px;
    }

        .header-contact-info li {
            border-right: none;
            padding-right: 0;
            margin-right: 0;
            float: none;
            display: block;
            margin-bottom: 25px;
        }

            .header-contact-info li:last-child {
                margin-bottom: 0;
            }

    .header-social-links-style1 {
        padding-right: 0;
        margin: 0;
        float: none !important;
        overflow: hidden;
        text-align: center;
    }

        .header-social-links-style1 li {
            float: none;
            margin-right: 0;
            margin: 0 8px;
        }

    .about-area {
        padding-top: 60px;
        padding-bottom: 170px;
    }

    .about-image-box {
        padding-top: 20px;
        padding-left: 20px;
    }

    .about-text {
        padding-left: 0;
        margin-top: 60px;
    }

    .about-carousel-box .single-box .icon-holder,
    .about-carousel-box .single-box .text-holder {
        display: block;
        vertical-align: middle;
    }

    .about-carousel-box .single-box .text-holder {
        padding-left: 0px;
        margin-top: 30px;
    }

    .about-carousel-box .owl-dots {
        margin-top: 80px !important;
    }


    .recently-project-area .sec-title {
        padding-bottom: 24px;
        float: none !important;
    }

    .more-project-button {
        float: none !important;
        margin: 0;
        padding-bottom: 52px;
    }


    .slogan-area .flex-box-two {
        justify-content: center;
    }

    .slogan-area .title {
        margin-bottom: 22px;
        text-align: center;
    }


    .testimonial-area .sec-title {
        padding-bottom: 24px;
        float: none !important;
    }

    .more-reviews-button {
        float: none !important;
        margin: 0;
        padding-bottom: 52px;
    }


    .appointment-area {
        background: #27282c;
        background-position: unset;
        background-attachment: scroll;
        background-size: cover;
    }

    .appointment-box {
        padding: 44px 30px 50px;
        margin-top: 40px;
    }


    .brand-area .sec-title {
        padding-bottom: 130px;
    }

    .brand-items-carousel.owl-carousel .owl-nav {
        position: absolute;
        left: 0;
        right: auto;
        top: -100px;
    }


    .single-footer-widget.marbtm50 {
    }

    .single-footer-widget.pdbtm50 {
        padding-bottom: 50px;
    }


    .footer-bottom-content.flex-box-two {
        justify-content: center;
    }

    .top-bar-style2 {
        padding: 20px 20px;
    }

    .top-style2-left {
        overflow: hidden;
        text-align: center;
    }

        .top-style2-left p {
            display: block;
            float: none;
        }

        .top-style2-left ul {
            display: block;
            overflow: hidden;
            float: none;
            padding-left: 0;
        }

            .top-style2-left ul li {
                display: inline-block;
                float: none;
                padding-right: 0;
                margin-right: 0;
                margin: 0 10px;
            }

                .top-style2-left ul li:before {
                    display: none;
                }

    .top-style2-right {
        overflow: hidden;
        float: none;
        text-align: center;
        padding-top: 11px;
    }

        .top-style2-right .top-right-menu {
            display: block;
            overflow: hidden;
            float: none;
            padding-right: 0;
            margin-right: 0;
            text-align: center;
        }

            .top-style2-right .top-right-menu:before {
                display: none;
            }

            .top-style2-right .top-right-menu li {
                float: none;
                padding-right: 0px;
                margin: 0 5px;
            }

        .top-style2-right .topbar-social-links {
            display: block;
            float: none;
            overflow: hidden;
            text-align: center;
        }

            .top-style2-right .topbar-social-links li {
                float: none;
                padding-right: 0;
                margin: 0 13px;
            }


    .header-style2 .inner-container {
        position: relative;
        padding: 0 10px;
    }

    .logo-box-style2 {
        position: absolute;
        margin: 0;
        top: 0px;
        left: 10px;
        margin: 22px 0 23px;
        z-index: 33;
    }

        .logo-box-style2 a img {
            width: 70%;
        }

    .mainmenu-right.style2 {
        position: absolute;
        top: 0;
        right: 60px;
        margin: 0;
    }

        .mainmenu-right.style2 .outer-search-box {
            padding: 15px 0;
            margin-right: 10px;
        }

        .mainmenu-right.style2 .cart-box {
            float: left;
            margin: 15px 0;
        }

        .mainmenu-right.style2 .button {
            display: none;
        }


    .about-style2-image-box {
        margin-top: 170px;
    }

        .about-style2-image-box .pattern {
            top: -110px;
            left: 0;
            right: 0;
            bottom: -110px;
            width: 100%;
            height: auto;
        }

    .about-style2-text .authorised-info .signature,
    .about-style2-text .authorised-info .name {
        display: block;
    }

    .about-style2-text .authorised-info .name {
        border-left: none;
        padding-left: 0;
        margin-top: 20px;
    }

    .about-style2-image-box .overlay-box {
        left: 40px;
        bottom: 30px;
        right: 40px;
        max-width: 300px;
        margin: 0 auto;
    }

        .about-style2-image-box .overlay-box .title {
            float: none;
            padding: 23px 0 20px;
            padding-left: 20px;
        }

        .about-style2-image-box .overlay-box .button {
            float: none;
        }

            .about-style2-image-box .overlay-box .button a span:before {
                margin: 0 auto;
            }


    .single-working-box-style2 {
        width: 100%;
        margin-bottom: 60px;
    }

    .working-style-bottom {
        padding-top: 24px;
    }

    .slogan-style2-area .inner-content .button a.call-us {
        margin-bottom: 20px;
    }

    .slogan-style2-area .inner-content .title.float-bob {
        animation: none;
    }


    .why-choose-title {
        padding-bottom: 60px;
        max-width: 100%;
        width: 100%;
    }

    .why-choose-content {
        max-width: 100%;
        width: 100%;
        display: flex;
        justify-content: center;
        flex-direction: row;
        flex-wrap: wrap;
    }

        .why-choose-content .single-box {
            padding: 50px 40px 42px;
            padding-right: 30px;
            width: 100%;
        }

    .working-process-style2-area .sec-title {
        padding-bottom: 125px;
    }

    .working-process-carousel.owl-carousel .owl-nav {
        position: absolute;
        left: 0;
        right: auto;
        top: -95px;
    }

    .single-working-process-style2 {
        max-width: 330px;
        min-width: 330px;
    }

        .single-working-process-style2 .top-box:after {
            width: 330px;
        }


    .content-info-box {
        min-height: 650px;
        margin-right: 5px;
    }

    .contact-details-form-box {
        padding: 65px 20px 110px;
        width: 100%;
    }


    .brand-area.style2 {
        padding-top: 110px;
        padding-bottom: 80px;
    }

        .brand-area.style2 .sec-title {
            padding-bottom: 50px;
        }

    .single-brand-item.style2 {
        max-width: 290px;
        float: none;
        margin: 0 auto 30px;
    }

        .single-brand-item.style2:last-child {
            margin-right: auto;
        }


    .instagram-title {
        margin-right: 0;
        padding: 43px 0;
        text-align: center;
    }

        .instagram-title .pattern-bg {
            display: none;
        }

    .instagram-items {
        margin-right: 0;
    }

        .instagram-items li {
            width: 270px;
            display: block;
            float: none;
            margin: 0 auto;
        }


    .single-footer-widget.pdtop50-s2 {
        padding-top: 50px;
    }

    .single-footer-widget.marbtm50-s2 {
        margin-bottom: 50px;
    }

    .single-footer-widget .usefull-links ul {
        float: none !important;
        display: block;
    }

        .single-footer-widget .usefull-links ul.borders-left {
            margin-left: 0;
            padding-left: 0;
            float: none !important;
            display: block;
        }

            .single-footer-widget .usefull-links ul.borders-left:before {
                display: none;
            }

    .single-footer-widget .subscribe-form {
        max-width: 450px;
        width: 100%;
    }

    .topbar-style3-content {
        justify-content: center;
        flex-direction: row;
        align-items: center;
        flex-wrap: wrap;
    }


    .logo-box-style3 {
        margin: 30px 0;
        float: none !important;
        text-align: center;
    }

    .header-contact-info.style2 {
        position: relative;
        display: block;
        padding: 0;
        margin: 0 auto;
        float: none !important;
        width: 265px;
    }

    .header-call-button {
        width: 270px;
        padding: 30px 30px 30px;
        float: none !important;
        margin: 25px auto 0;
    }


    .mainmenu-right.style3 {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 33;
        float: none !important;
        display: inline-block;
        right: auto;
        margin: 5px 0;
    }

        .mainmenu-right.style3 .button a {
            width: 230px;
        }


    .about-style3-content .button a.black {
        margin-top: 20px;
    }

    .about-style3-bg.banner-animate {
        animation: none;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center bottom;
    }


    .latest-projects-area .sec-title {
        padding-bottom: 115px;
    }

    .project-carousel-v3.owl-carousel .owl-nav {
        position: absolute;
        top: -90px;
        left: 0;
        right: 0;
        max-width: 120px;
        margin: 0 auto;
    }


    .team-area .sec-title {
        display: block;
        float: none !important;
        padding-bottom: 24px;
    }

    .view-all-member {
        margin-top: 0px;
        float: none !important;
        padding-bottom: 42px;
    }


    .single-brand-item.style3 {
        max-width: 170px;
        width: 100%;
        float: none;
        margin-right: 0;
        margin: 0 auto;
    }

        .single-brand-item.style3:last-child {
            margin-right: auto;
        }

    .latest-blog-area.style3 .sec-title {
        display: block;
        float: none !important;
        padding-bottom: 24px;
    }

    .more-blog-button {
        margin-top: 0px;
        float: none !important;
        padding-bottom: 42px;
    }


    .single-footer-widget.marbtm50-s3 {
        margin-bottom: 50px;
    }

    .single-footer-widget .usefull-links ul {
        float: none !important;
        display: block;
    }

        .single-footer-widget .usefull-links ul.marleft30 {
            margin-left: 0px;
        }

    .single-footer-widget.pdtop50-s3 {
        padding-top: 50px;
    }

    .footer-bottom-area .copyright-text {
        text-align: center;
        margin: 15px 0px;
    }


    .company-overview-area {
        padding: 105px 0 86px;
    }

    .intro-box {
        position: relative;
        display: block;
        margin-bottom: 42px;
    }

        .intro-box .text {
            max-width: 770px;
            width: 100%;
            margin-top: 24px;
        }

    .single-history-content {
        box-shadow: none;
    }

        .single-history-content .img-box {
            width: 100%;
            float: none;
        }

            .single-history-content .img-box .inner {
                padding-right: 0;
            }

        .single-history-content .text-box {
            width: 100%;
            float: none;
            padding-left: 0px;
            min-height: auto;
        }

            .single-history-content .text-box .inner {
                position: relative;
                display: block;
                padding-top: 50px;
                padding-right: 0px;
                padding-bottom: 50px;
            }

                .single-history-content .text-box .inner .title h3 br {
                    display: none;
                }

    .single-fact-counter {
        max-width: 270px;
        margin: 0 auto 30px;
    }


    .footer-area.style4 {
        padding: 110px 0 100px;
    }

    .single-footer-widget.marbtm50-s4 {
        margin-bottom: 50px;
    }

    .single-footer-widget.pdtop50-s4 {
        padding-top: 50px;
    }


    .footer-contact-info-area {
        margin: 0;
        padding: 30px 0 20px;
    }

    li .single-footer-contact-info {
        display: block;
        float: none;
        max-width: 300px;
        width: 100%;
        border-right: none;
        overflow: hidden;
        margin: 0 auto;
    }

        li .single-footer-contact-info .inner {
            position: relative;
            display: block;
            padding: 15px 0px 15px;
        }


    .footer-bottom-area.style3 {
        padding: 29px 0 28px;
    }


    .faq-content-box {
        padding: 60px 20px 40px;
    }

    .accordion-box .accordion .accord-btn h4 {
        font-size: 16px;
        line-height: 22px;
    }

    .accordion-box .accordion .accord-btn {
        padding-left: 20px;
        padding-right: 40px;
        padding-top: 22px;
        padding-bottom: 22px;
    }

        .accordion-box .accordion .accord-btn::after {
            right: 20px;
        }


    .coming-soon-content .title {
        font-size: 50px;
        line-height: 60px;
    }

    .timer-box {
        padding: 74px 15px 72px;
        margin-top: -320px;
    }

    .countdown-timer li {
        margin: 0 3px;
    }

    .timer-box .subscribe-box .subscribe-form button {
        width: 130px;
    }

    .timer-box .subscribe-box .subscribe-form input[type="email"] {
        padding: 0 10px;
        padding-right: 135px;
    }


    .error-content .title {
        font-size: 110px;
        line-height: 100px;
        margin: 13px 0 14px;
    }


    .services-style2-service-page .sec-title {
        padding-bottom: 13px;
    }

    .services-style2-service-page .text {
        margin-top: 0px;
        margin-bottom: 32px;
    }

    .single-service-style2 .text-holder .inner .text {
        padding: 0 20px 32px;
    }


    .testimonial-style3-service-page .sec-title {
        padding-bottom: 115px;
    }

    .testimonial-style3-service-page .owl-carousel .owl-nav {
        top: -95px;
        left: 0;
        right: auto;
    }

        .testimonial-style3-service-page .owl-carousel .owl-nav .owl-prev {
            left: 0px;
            right: 0;
        }

        .testimonial-style3-service-page .owl-carousel .owl-nav .owl-next {
            margin-left: 10px;
            right: auto;
            left: 60px;
        }

    .single-service-sidebar:before {
        display: none;
    }

    .single-service-top {
        margin-top: 50px;
    }

    .single-advantages-box {
        margin-bottom: 30px;
    }

    .how-work-box {
        padding-top: 50px;
    }

        .how-work-box .how-works-content {
            padding-top: 50px;
        }

    .sidebar-contact-box .inner-content {
        padding: 48px 15px 50px;
    }

    .additional-information-box .additional-info-content-box {
        padding: 40px 15px 20px;
    }


    .main-project-area.style5:before {
        display: none;
    }

    .single-project-style8 .overlay-content .inner-content .title-box h3 {
        font-size: 16px;
    }


    .main-project-area.style6:before {
        display: none;
    }


    .project-description-image-box img {
        max-width: 100%;
        float: none;
        width: 100%;
    }

    .project-description-content {
        position: relative;
        display: block;
        z-index: 3;
        padding-top: 50px;
        padding-left: 0px;
    }


    .project-info-area {
        padding-top: 44px;
        padding-bottom: 110px;
    }

        .project-info-area .pattern-bg {
            top: auto;
            right: 0;
            bottom: 0;
        }

    .project-info-content {
        margin: -6px auto 30px;
    }

    .project-info-image-box img {
        max-width: 100%;
        float: none;
        width: 100%;
    }


    #blog-area.blog-large-area {
        padding-bottom: 60px;
    }

    .single-blog-post.style4 {
        padding-left: 30px;
        padding-right: 0px;
        margin-bottom: 50px;
    }

        .single-blog-post.style4:before {
            top: -300px;
            left: 0;
            bottom: 0;
        }

        .single-blog-post.style4 .text-holder .blog-title {
            font-size: 24px;
            line-height: 32px;
        }

    #blog-area .sidebar-wrapper {
        position: relative;
        display: block;
        max-width: 300px;
        margin-left: 0px;
        z-index: 99;
        padding-top: 100px;
    }


    .breadcrumb-area .inner-content-box .title-s2 h1 {
        font-size: 40px;
        line-height: 52px;
    }


    #blog-area.blog-single-area {
        position: relative;
        display: block;
        padding: 0 0 60px;
    }

    .blog-single-area .blog-post {
        margin-right: 0px;
    }

    .blog-single-image-with-text-box .image-box li {
        margin-right: 30px;
        max-width: 329px;
    }

    .blog-prev-next-option .single {
        max-width: 330px;
        width: 100%;
    }


    .single-post-info-area {
        padding: 104px 0 99px;
    }

    .single-post-info-content .blog-title {
        font-size: 36px;
        line-height: 46px;
        margin: 22px 0 0;
    }

    .blog-single-image-with-text-box .image-box li {
        margin-right: 0;
        max-width: 100%;
        float: none;
        display: block;
        margin-bottom: 10px;
    }

        .blog-single-image-with-text-box .image-box li:last-child {
            margin-bottom: 0;
        }

    .tag-with-social-links-box .tag-box {
        float: none !important;
        overflow: hidden;
    }

    .tag-with-social-links-box .social-links-box {
        float: none !important;
        overflow: hidden;
        margin-top: 5px;
    }

    .blog-prev-next-option .single {
        max-width: 300px;
        width: 100%;
        float: none !important;
        margin: 0 auto;
    }

        .blog-prev-next-option .single.prev {
            margin-bottom: 30px;
        }

    .author-box-holder {
        padding: 45px 30px 40px;
    }

        .author-box-holder .inner-box .img-box,
        .author-box-holder .inner-box .text {
            display: block;
        }

        .author-box-holder .inner-box .text {
            padding-left: 0px;
            margin-top: 20px;
        }

    .blog-single-area .inner-comment-box .single-comment-outer-box {
        padding: 35px 30px 32px;
    }

    .blog-single-area .inner-comment-box .single-comment-box {
        padding-left: 0px;
    }

        .blog-single-area .inner-comment-box .single-comment-box .img-box {
            position: static;
            width: 80px;
            height: 80px;
        }

        .blog-single-area .inner-comment-box .single-comment-box .text-box {
            margin-top: 20px;
            margin-left: 0px;
        }

    .blog-single-area .inner-comment-box .single-comment-outer-box.mar-left {
        margin-left: 30px;
    }

    .author-quote-box {
        padding: 33px 25px 33px;
    }


    .shop-sidebar-wrapper {
        padding-top: 100px;
    }

    .showing-result-shorting {
        display: flex;
        justify-content: space-between;
        flex-direction: column;
        flex-wrap: wrap;
        align-items: center;
        padding-bottom: 30px;
        border-bottom: 1px solid #ededed;
        margin-bottom: 50px;
    }

        .showing-result-shorting .showing {
            margin: 14px 0 0;
        }


    .single-product-image-holder {
        margin-right: 0;
    }

    .single-shop-content .content-box {
        margin-top: 40px;
    }


    .cart-middle .apply-coupon {
        padding-left: 0;
    }

        .cart-middle .apply-coupon input[type="text"] {
            margin: 0 0 20px;
            position: static;
            width: 225px;
        }

    .cart-area .cart-bottom .calculate-shipping {
        padding-bottom: 60px;
    }

    .cart-middle .update-cart {
        float: left !important;
        margin: 20px 0 0;
    }

    .cart-bottom .calculate-shipping input[type="text"] {
        margin-bottom: 25px;
    }


    .checkout-area .form.shipping-info {
        padding-top: 60px;
    }

    .checkout-area .cart-total {
        padding-top: 60px;
    }

    .checkout-area .exisitng-customer h5 a {
        display: block;
        width: 100%;
        padding: 0;
        margin-top: 7px;
    }

    .checkout-area .coupon h5 a {
        display: block;
        width: 100%;
        padding: 0;
        margin-top: 7px;
    }


    .login-register-area .form a.forgot-password {
        float: left;
        margin: 35px 0 0;
    }

    .login-register-area .form.register {
        padding-top: 60px;
    }

    .login-register-area .form .social-icon {
        float: left;
        margin-right: 0;
        margin-top: 30px;
    }

        .login-register-area .form .social-icon span {
            left: 0;
            position: relative;
        }

        .login-register-area .form .social-icon .login-with {
            position: static;
        }

    .login-register-area .form h6 {
        margin: 20px 0 0;
    }

    .login-register-area .form .right {
        display: block;
        overflow: hidden;
        margin-left: 0px;
    }


    .contact-address-area {
        padding-bottom: 27px;
    }

    .single-contact-address-box {
        margin-top: -115px;
        margin-bottom: 155px;
    }

    .contact-address-area .bottom-text {
        padding-top: 0;
        margin-top: -100px;
    }

    .contact-form-image-box {
        position: relative;
        z-index: 1;
        top: -110px;
        right: 0;
    }


    .contact-info-area {
        padding: 15px 0 0px;
    }


    .job-career-brochures-box .overlay-content .innner .box h1 {
        font-size: 18px;
        line-height: 28px;
        margin: 0 0 11px;
    }

    .job-career-brochures-box .overlay-content .innner .box p {
        margin: 0 0 12px;
    }

    .job-career-brochures-box .overlay-content .innner .box a {
        padding: 0 30px 0;
        line-height: 50px;
    }
}



/* Wide Mobile Layout: 480px. */
@media (min-width: 992px) {

    .navbar-collapse.collapse {
        display: block !important;
        height: auto;
        padding-bottom: 0;
        overflow: visible !important;
    }

    .navbar-toggle {
        display: none !important;
    }
}



@media only screen and (max-width: 991px) {
    .main-menu .navbar-collapse .navigation > li.dropdown:hover ul {
        /*display: block !important;*/
    }
    .single-service-sidebar .service-pages {
        display: none;
    }
    .contact-form .inner-box {
        padding: 20px;
    }


    #shop-area table {
        width: 100% !important;
    }

    .mobile-sidebar {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        align-content: center;
        border-top: 1px solid #130276;
        padding-top: 20px;
    }

        .mobile-sidebar a {
            width: 45%;
            height: 35px;
            line-height: 35px;
            text-align: center;
            background-color: #ec1d25;
            margin: 0px 2.5%;
            color: #fff;
        }

    .main-menu .navigation > li.dropdown > a:after, .main-menu .navigation > li.dropdown-mega > a:after {
        right: 15px;
        top: 0;
        line-height: 38px;
    }

    .main-header .inner-container {
        padding: 15px;
        background: #ffffffcc;
    }

    .menu-right-contact {
        display: none;
    }

    .scroll-to-top-style2 {
        bottom: 80px;
    }

    .footer-area {
        padding-bottom: 15px;
        padding-top: 40px;
    }

    .latest-blog-area, .working-area {
        display: none;
    }

    .online-catalog .sec-title.with-text {
        width: 100%;
    }

    .online-catalog .sec-title a.file-icon {
        width: 150px;
    }

    .single-footer-contact-info {
        width: 100%;
    }

    .top-lang a {
        background-color: #fff;
        padding: 8px;
    }

        .top-lang a span {
            display: none;
        }

    .mainmenu-area .inner-content {
        position: relative;
        display: block;
    }

    .main-menu {
        display: block;
        float: none;
        padding-top: 0;
        padding-bottom: 0px;
        z-index: 5;
        width: 100%;
    }

        .main-menu .navigation li {
            margin-left: 0;
            margin-right: 0;
            padding: 0;
            float: none;
        }

        .main-menu .collapse {
            border: none;
            border-radius: 0px !important;
            float: none;
            margin: 0;
            height: auto;
            overflow: auto;
            padding: 0;
            width: 100%;
        }

            .main-menu .collapse.in,
            .main-menu .collapsing {
                border: none;
                border-radius: 0px;
                margin: 0;
                padding: 0;
                border-top: none;
            }

        .main-menu .navbar-header {
            position: relative;
            float: none;
            display: block;
            text-align: right;
            width: 100%;
            padding: 40px;
            right: 0px;
            z-index: 12;
        }

            .main-menu .navbar-header .navbar-toggle {
                background: #130276;
                border: 1px dashed #11045f;
                display: inline-block;
                border-radius: 3px;
                float: none;
                margin: 0;
                z-index: 7;
                width: 50px;
                height: 47px;
                cursor: pointer;
                padding: 0 9px;
                position: absolute;
                top: 7px;
                right: 0;
            }

                .main-menu .navbar-header .navbar-toggle .icon-bar {
                    display: block;
                    background: #e7e7e7;
                    width: 30px;
                    height: 2px;
                    border-radius: 1px;
                }

                    .main-menu .navbar-header .navbar-toggle .icon-bar + .icon-bar {
                        margin-top: 6px;
                    }

        .main-menu .navbar-collapse > .navigation {
            float: none !important;
            width: 100% !important;
            margin-top: 0px;
            margin-bottom: 0px;
        }

        .main-menu .navbar-collapse .navigation > li {
            display: block;
            margin: 0px !important;
            padding: 0;
            float: none !important;
            width: 100%;
        }

        .main-menu .navbar-collapse > .navigation > li > ul,
        .main-menu .navbar-collapse > .navigation > li > ul > li > ul {
            position: relative;
            float: none;
            visibility: visible;
            opacity: 1;
            display: none;
            margin: 0px;
            padding: 0;
            left: auto !important;
            right: auto !important;
            top: auto !important;
            width: 100%;
            background: none;
            border-radius: 0px;
            box-shadow: none;
            transition: none !important;
        }

        .main-menu .navbar-collapse .navigation li,
        .main-menu .navbar-collapse .navigation li ul li,
        .main-menu .navbar-collapse .navigation li ul li ul li {
            /* background: #e8e8e8; */
            border-top: 1px solid #c1c1c1;
            opacity: 1 !important;
            top: 0px !important;
            left: 0px !important;
            visibility: visible !important;
        }

            .main-menu .navbar-collapse .navigation li:last-child,
            .main-menu .navbar-collapse .navigation li ul li:last-child,
            .main-menu .navbar-collapse .navigation li ul li ul li:last-child {
                border-bottom: 1px solid #151618;
            }

            .main-menu .navbar-collapse .navigation li ul li {
                border-bottom: 0px solid #151618 !important;
            }

                .main-menu .navbar-collapse .navigation li ul li ul li {
                    border-bottom: 0px solid #151618 !important;
                }


            .main-menu .navbar-collapse .navigation li a {
                padding: 10px 10px !important;
                line-height: normal !important;
                color: #000000;
                text-align: left;
                height: auto;
                font-weight: 400;
            }

            .main-menu .navbar-collapse .navigation li ul li a {
                padding: 10px 10px !important;
                line-height: 22px;
                color: #ffffff;
                text-align: left;
                font-size: 14px;
                font-weight: 400;
                border: none !important;
                text-transform: capitalize;
                font-family: 'Rubik', sans-serif;
                background-color: #ec1d25;
            }

            .main-menu .navbar-collapse .navigation li a.active {
                color: #ffffff !important;
                background: #130276;
            }

        .main-menu .navbar-collapse > .navigation > li:hover > a,
        .main-menu .navbar-collapse > .navigation > li > ul > li:hover > a,
        .main-menu .navbar-collapse > .navigation > li > ul > li > ul > li:hover > a {
            /* display: none; */
        }

        .main-menu .navbar-collapse > .navigation > li.current > a {
            display: none;
        }

        .main-menu .navbar-collapse > .navigation li.dropdown .dropdown-btn {
            /* display: none; */
        }

        .main-menu .navbar-collapse .navigation > li > ul {
            border: none;
            padding: 0;
            margin: 0;
        }




        .main-menu .navigation > li > ul > li > a:after {
            display: none;
        }

        .main-menu.style2 .navigation > li.dropdown > a:after {
            display: none;
        }
}




@media only screen and (min-width: 1200px) and (max-width: 1500px) {
    .main-slider.style2 .tparrows {
        left: 30% !important;
    }

    .main-slider.style2 .tp-rightarrow {
        left: 38% !important;
    }
}


@media only screen and (min-width: 800px) and (max-width: 1199px) {
    .main-slider.style2 .tparrows {
        left: 25% !important;
    }

    .main-slider.style2 .tp-rightarrow {
        left: 35% !important;
    }
}

@media only screen and (max-width: 799px) {

    .main-slider.style2 .tparrows {
        display: none !important;
    }
}





@media only screen and (min-width: 1200px) and (max-width: 1300px) {
    .main-slider .slide-content.left-slide {
        margin-left: 50px;
    }



    .main-slider.style2 .slide-content.left-slide {
        margin-left: 0px;
    }
}


@media only screen and (max-width: 1199px) {
    .main-slider .slide-content.left-slide {
        margin-left: 50px;
    }



    .main-slider.style2 .slide-content .big-title {
        font-size: 40px;
        line-height: 1.2em;
    }

    .main-slider.style2 .slide-content .text {
        font-size: 16px;
        line-height: 1.6em;
    }
}









@media only screen and (max-width: 1039px) {

    .highlights-area {
        margin-top: 0;
        padding: 30px;
    }

    .featured-area {
        margin-top: 0px;
        padding-top: 60px;
        background: #ffffff;
    }

    .main-slider .tparrows {
        top: 50% !important;
    }

    .main-slider .slide-content.left-slide {
        margin-left: 50px;
    }

    .main-slider .slide-content .big-title {
        font-size: 50px;
        line-height: 1.1em;
    }



    .main-slider.style3 .slide-content .big-title {
        font-size: 50px;
        line-height: 1.2em;
    }

    .main-slider.style3 .slide-content .text {
        font-size: 16px;
        line-height: 1.6em;
    }
}



@media only screen and (max-width: 777px) {
    .main-slider .slide-content .big-title {
        font-size: 40px;
        line-height: 1.1em;
    }

    .main-slider .slide-content .text {
        font-size: 16px;
        line-height: 1.6em;
        font-weight: 400;
    }

        .main-slider .slide-content .text br {
            display: none;
        }

    .main-slider .slide-content .btn-box a.project-view-button {
        display: block;
        margin-left: 0;
        padding: 0;
        line-height: 50px;
    }

        .main-slider .slide-content .btn-box a.project-view-button:before {
            display: none;
        }




    .main-slider.style2 .slide-content .big-title {
        font-size: 30px;
        line-height: 1.2em;
    }

    .main-slider.style2 .slide-content .text {
        font-size: 15px;
        line-height: 1.6em;
    }



    .main-slider.style3 .slide-content .big-title {
        font-size: 30px;
        line-height: 1.2em;
    }

    .main-slider.style3 .slide-content .text {
        font-size: 14px;
        line-height: 1.6em;
    }
}


@media only screen and (max-width: 599px) {

    .main-slider .slide-content.left-slide {
        margin-left: 0px;
    }

    .main-slider .slide-content .big-title {
        font-size: 30px;
        line-height: 1.0em;
    }

    .main-slider .slide-content .text {
        font-size: 14px;
        line-height: 1.4em;
    }

    .main-slider .slide-content .btn-box a {
        line-height: 50px;
    }



    .main-slider.style2 .slide-content.left-slide {
        margin-left: 0px;
    }

    .main-slider.style2 .slide-content .big-title {
        font-size: 20px;
        line-height: 1.3em;
    }

    .main-slider.style2 .slide-content .text {
        font-size: 14px;
        line-height: 1.6em;
    }



    .main-slider.style3 .slide-content .big-title {
        font-size: 20px;
        line-height: 1.2em;
        font-weight: 600;
    }

    .main-slider.style3 .slide-content .text {
        font-size: 14px;
        line-height: 1.6em;
    }
}



@media only screen and (max-width: 479px) {

    .main-slider .slide-content.left-slide {
        margin-left: 0px;
    }

    .main-slider .slide-content .big-title {
        font-size: 25px;
        line-height: 1.3em;
        font-weight: 500;
    }

    .main-slider .slide-content .btn-box a {
        line-height: 50px;
        padding: 0 20px 0;
    }



    .main-slider.style2 .slide-content .big-title {
        font-size: 20px;
        line-height: 1.3em;
    }

    .main-slider.style2 .slide-content .text {
        font-size: 14px;
        line-height: 1.4em;
    }

    .main-slider.style2 .slide-content .btn-box a.slide-style2-button {
        margin-left: 5px;
        line-height: 70px;
    }

        .main-slider.style2 .slide-content .btn-box a.slide-style2-button:before {
            display: none;
        }



    .main-slider.style3 .slide-content .big-title {
        font-size: 20px;
        line-height: 1.2em;
        font-weight: 500;
    }

    .main-slider.style3 .slide-content .text {
        font-size: 14px;
        line-height: 1.6em;
    }
}




@media only screen and (max-width: 400px) {

    .main-slider .slide-content .big-title {
        font-size: 20px;
        line-height: 1.3em;
        font-weight: 500;
    }
}