/*!

 * animate.css -http://daneden.me/animate

 * Version - 3.5.1

 * Licensed under the MIT license - http://opensource.org/licenses/MIT

 *

 * Copyright (c) 2016 Daniel Eden

 */

.animated {

  -webkit-animation-duration: 1s;

  animation-duration: 1s;

  -webkit-animation-fill-mode: both;

  animation-fill-mode: both; }



.animated.infinite {

  -webkit-animation-iteration-count: infinite;

  animation-iteration-count: infinite; }



.animated.hinge {

  -webkit-animation-duration: 2s;

  animation-duration: 2s; }



.animated.flipOutX,

.animated.flipOutY,

.animated.bounceIn,

.animated.bounceOut {

  -webkit-animation-duration: .75s;

  animation-duration: .75s; }



@-webkit-keyframes bounce {

  from, 20%, 53%, 80%, to {

    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0); }

  40%, 43% {

    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);

    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);

    -webkit-transform: translate3d(0, -30px, 0);

    transform: translate3d(0, -30px, 0); }

  70% {

    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);

    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);

    -webkit-transform: translate3d(0, -15px, 0);

    transform: translate3d(0, -15px, 0); }

  90% {

    -webkit-transform: translate3d(0, -4px, 0);

    transform: translate3d(0, -4px, 0); } }

@keyframes bounce {

  from, 20%, 53%, 80%, to {

    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0); }

  40%, 43% {

    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);

    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);

    -webkit-transform: translate3d(0, -30px, 0);

    transform: translate3d(0, -30px, 0); }

  70% {

    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);

    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);

    -webkit-transform: translate3d(0, -15px, 0);

    transform: translate3d(0, -15px, 0); }

  90% {

    -webkit-transform: translate3d(0, -4px, 0);

    transform: translate3d(0, -4px, 0); } }

.bounce {

  -webkit-animation-name: bounce;

  animation-name: bounce;

  -webkit-transform-origin: center bottom;

  transform-origin: center bottom; }



@-webkit-keyframes flash {

  from, 50%, to {

    opacity: 1; }

  25%, 75% {

    opacity: 0; } }

@keyframes flash {

  from, 50%, to {

    opacity: 1; }

  25%, 75% {

    opacity: 0; } }

.flash {

  -webkit-animation-name: flash;

  animation-name: flash; }



/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {

  from {

    -webkit-transform: scale3d(1, 1, 1);

    transform: scale3d(1, 1, 1); }

  50% {

    -webkit-transform: scale3d(1.15, 1.15, 1.15);

    transform: scale3d(1.15, 1.15, 1.15); }

  to {

    -webkit-transform: scale3d(1, 1, 1);

    transform: scale3d(1, 1, 1); } }

@keyframes pulse {

  from {

    -webkit-transform: scale3d(1, 1, 1);

    transform: scale3d(1, 1, 1); }

  50% {

    -webkit-transform: scale3d(1.15, 1.15, 1.15);

    transform: scale3d(1.15, 1.15, 1.15); }

  to {

    -webkit-transform: scale3d(1, 1, 1);

    transform: scale3d(1, 1, 1); } }

.pulse {

  -webkit-animation-name: pulse;

  animation-name: pulse; }



@-webkit-keyframes rubberBand {

  from {

    -webkit-transform: scale3d(1, 1, 1);

    transform: scale3d(1, 1, 1); }

  30% {

    -webkit-transform: scale3d(1.25, 0.75, 1);

    transform: scale3d(1.25, 0.75, 1); }

  40% {

    -webkit-transform: scale3d(0.75, 1.25, 1);

    transform: scale3d(0.75, 1.25, 1); }

  50% {

    -webkit-transform: scale3d(1.15, 0.85, 1);

    transform: scale3d(1.15, 0.85, 1); }

  65% {

    -webkit-transform: scale3d(0.95, 1.05, 1);

    transform: scale3d(0.95, 1.05, 1); }

  75% {

    -webkit-transform: scale3d(1.05, 0.95, 1);

    transform: scale3d(1.05, 0.95, 1); }

  to {

    -webkit-transform: scale3d(1, 1, 1);

    transform: scale3d(1, 1, 1); } }

@keyframes rubberBand {

  from {

    -webkit-transform: scale3d(1, 1, 1);

    transform: scale3d(1, 1, 1); }

  30% {

    -webkit-transform: scale3d(1.25, 0.75, 1);

    transform: scale3d(1.25, 0.75, 1); }

  40% {

    -webkit-transform: scale3d(0.75, 1.25, 1);

    transform: scale3d(0.75, 1.25, 1); }

  50% {

    -webkit-transform: scale3d(1.15, 0.85, 1);

    transform: scale3d(1.15, 0.85, 1); }

  65% {

    -webkit-transform: scale3d(0.95, 1.05, 1);

    transform: scale3d(0.95, 1.05, 1); }

  75% {

    -webkit-transform: scale3d(1.05, 0.95, 1);

    transform: scale3d(1.05, 0.95, 1); }

  to {

    -webkit-transform: scale3d(1, 1, 1);

    transform: scale3d(1, 1, 1); } }

.rubberBand {

  -webkit-animation-name: rubberBand;

  animation-name: rubberBand; }



@-webkit-keyframes shake {

  from, to {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0); }

  10%, 30%, 50%, 70%, 90% {

    -webkit-transform: translate3d(-10px, 0, 0);

    transform: translate3d(-10px, 0, 0); }

  20%, 40%, 60%, 80% {

    -webkit-transform: translate3d(10px, 0, 0);

    transform: translate3d(10px, 0, 0); } }

@keyframes shake {

  from, to {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0); }

  10%, 30%, 50%, 70%, 90% {

    -webkit-transform: translate3d(-10px, 0, 0);

    transform: translate3d(-10px, 0, 0); }

  20%, 40%, 60%, 80% {

    -webkit-transform: translate3d(10px, 0, 0);

    transform: translate3d(10px, 0, 0); } }

.shake {

  -webkit-animation-name: shake;

  animation-name: shake; }



@-webkit-keyframes headShake {

  0% {

    -webkit-transform: translateX(0);

    transform: translateX(0); }

  6.5% {

    -webkit-transform: translateX(-6px) rotateY(-9deg);

    transform: translateX(-6px) rotateY(-9deg); }

  18.5% {

    -webkit-transform: translateX(5px) rotateY(7deg);

    transform: translateX(5px) rotateY(7deg); }

  31.5% {

    -webkit-transform: translateX(-3px) rotateY(-5deg);

    transform: translateX(-3px) rotateY(-5deg); }

  43.5% {

    -webkit-transform: translateX(2px) rotateY(3deg);

    transform: translateX(2px) rotateY(3deg); }

  50% {

    -webkit-transform: translateX(0);

    transform: translateX(0); } }

@keyframes headShake {

  0% {

    -webkit-transform: translateX(0);

    transform: translateX(0); }

  6.5% {

    -webkit-transform: translateX(-6px) rotateY(-9deg);

    transform: translateX(-6px) rotateY(-9deg); }

  18.5% {

    -webkit-transform: translateX(5px) rotateY(7deg);

    transform: translateX(5px) rotateY(7deg); }

  31.5% {

    -webkit-transform: translateX(-3px) rotateY(-5deg);

    transform: translateX(-3px) rotateY(-5deg); }

  43.5% {

    -webkit-transform: translateX(2px) rotateY(3deg);

    transform: translateX(2px) rotateY(3deg); }

  50% {

    -webkit-transform: translateX(0);

    transform: translateX(0); } }

.headShake {

  -webkit-animation-timing-function: ease-in-out;

  animation-timing-function: ease-in-out;

  -webkit-animation-name: headShake;

  animation-name: headShake; }



@-webkit-keyframes swing {

  20% {

    -webkit-transform: rotate3d(0, 0, 1, 15deg);

    transform: rotate3d(0, 0, 1, 15deg); }

  40% {

    -webkit-transform: rotate3d(0, 0, 1, -10deg);

    transform: rotate3d(0, 0, 1, -10deg); }

  60% {

    -webkit-transform: rotate3d(0, 0, 1, 5deg);

    transform: rotate3d(0, 0, 1, 5deg); }

  80% {

    -webkit-transform: rotate3d(0, 0, 1, -5deg);

    transform: rotate3d(0, 0, 1, -5deg); }

  to {

    -webkit-transform: rotate3d(0, 0, 1, 0deg);

    transform: rotate3d(0, 0, 1, 0deg); } }

@keyframes swing {

  20% {

    -webkit-transform: rotate3d(0, 0, 1, 15deg);

    transform: rotate3d(0, 0, 1, 15deg); }

  40% {

    -webkit-transform: rotate3d(0, 0, 1, -10deg);

    transform: rotate3d(0, 0, 1, -10deg); }

  60% {

    -webkit-transform: rotate3d(0, 0, 1, 5deg);

    transform: rotate3d(0, 0, 1, 5deg); }

  80% {

    -webkit-transform: rotate3d(0, 0, 1, -5deg);

    transform: rotate3d(0, 0, 1, -5deg); }

  to {

    -webkit-transform: rotate3d(0, 0, 1, 0deg);

    transform: rotate3d(0, 0, 1, 0deg); } }

.swing {

  -webkit-transform-origin: top center;

  transform-origin: top center;

  -webkit-animation-name: swing;

  animation-name: swing; }



@-webkit-keyframes tada {

  from {

    -webkit-transform: scale3d(1, 1, 1);

    transform: scale3d(1, 1, 1); }

  10%, 20% {

    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);

    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }

  30%, 50%, 70%, 90% {

    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);

    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }

  40%, 60%, 80% {

    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);

    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }

  to {

    -webkit-transform: scale3d(1, 1, 1);

    transform: scale3d(1, 1, 1); } }

@keyframes tada {

  from {

    -webkit-transform: scale3d(1, 1, 1);

    transform: scale3d(1, 1, 1); }

  10%, 20% {

    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);

    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }

  30%, 50%, 70%, 90% {

    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);

    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }

  40%, 60%, 80% {

    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);

    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }

  to {

    -webkit-transform: scale3d(1, 1, 1);

    transform: scale3d(1, 1, 1); } }

.tada {

  -webkit-animation-name: tada;

  animation-name: tada; }



/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {

  from {

    -webkit-transform: none;

    transform: none; }

  15% {

    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);

    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }

  30% {

    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);

    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }

  45% {

    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);

    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }

  60% {

    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);

    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }

  75% {

    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);

    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); }

  to {

    -webkit-transform: none;

    transform: none; } }

@keyframes wobble {

  from {

    -webkit-transform: none;

    transform: none; }

  15% {

    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);

    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }

  30% {

    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);

    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }

  45% {

    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);

    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }

  60% {

    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);

    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }

  75% {

    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);

    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); }

  to {

    -webkit-transform: none;

    transform: none; } }

.wobble {

  -webkit-animation-name: wobble;

  animation-name: wobble; }



@-webkit-keyframes jello {

  from, 11.1%, to {

    -webkit-transform: none;

    transform: none; }

  22.2% {

    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);

    transform: skewX(-12.5deg) skewY(-12.5deg); }

  33.3% {

    -webkit-transform: skewX(6.25deg) skewY(6.25deg);

    transform: skewX(6.25deg) skewY(6.25deg); }

  44.4% {

    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);

    transform: skewX(-3.125deg) skewY(-3.125deg); }

  55.5% {

    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);

    transform: skewX(1.5625deg) skewY(1.5625deg); }

  66.6% {

    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);

    transform: skewX(-0.78125deg) skewY(-0.78125deg); }

  77.7% {

    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);

    transform: skewX(0.390625deg) skewY(0.390625deg); }

  88.8% {

    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);

    transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } }

@keyframes jello {

  from, 11.1%, to {

    -webkit-transform: none;

    transform: none; }

  22.2% {

    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);

    transform: skewX(-12.5deg) skewY(-12.5deg); }

  33.3% {

    -webkit-transform: skewX(6.25deg) skewY(6.25deg);

    transform: skewX(6.25deg) skewY(6.25deg); }

  44.4% {

    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);

    transform: skewX(-3.125deg) skewY(-3.125deg); }

  55.5% {

    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);

    transform: skewX(1.5625deg) skewY(1.5625deg); }

  66.6% {

    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);

    transform: skewX(-0.78125deg) skewY(-0.78125deg); }

  77.7% {

    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);

    transform: skewX(0.390625deg) skewY(0.390625deg); }

  88.8% {

    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);

    transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } }

.jello {

  -webkit-animation-name: jello;

  animation-name: jello;

  -webkit-transform-origin: center;

  transform-origin: center; }



@-webkit-keyframes bounceIn {

  from, 20%, 40%, 60%, 80%, to {

    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }

  0% {

    opacity: 0;

    -webkit-transform: scale3d(0.3, 0.3, 0.3);

    transform: scale3d(0.3, 0.3, 0.3); }

  20% {

    -webkit-transform: scale3d(1.1, 1.1, 1.1);

    transform: scale3d(1.1, 1.1, 1.1); }

  40% {

    -webkit-transform: scale3d(0.9, 0.9, 0.9);

    transform: scale3d(0.9, 0.9, 0.9); }

  60% {

    opacity: 1;

    -webkit-transform: scale3d(1.03, 1.03, 1.03);

    transform: scale3d(1.03, 1.03, 1.03); }

  80% {

    -webkit-transform: scale3d(0.97, 0.97, 0.97);

    transform: scale3d(0.97, 0.97, 0.97); }

  to {

    opacity: 1;

    -webkit-transform: scale3d(1, 1, 1);

    transform: scale3d(1, 1, 1); } }

@keyframes bounceIn {

  from, 20%, 40%, 60%, 80%, to {

    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }

  0% {

    opacity: 0;

    -webkit-transform: scale3d(0.3, 0.3, 0.3);

    transform: scale3d(0.3, 0.3, 0.3); }

  20% {

    -webkit-transform: scale3d(1.1, 1.1, 1.1);

    transform: scale3d(1.1, 1.1, 1.1); }

  40% {

    -webkit-transform: scale3d(0.9, 0.9, 0.9);

    transform: scale3d(0.9, 0.9, 0.9); }

  60% {

    opacity: 1;

    -webkit-transform: scale3d(1.03, 1.03, 1.03);

    transform: scale3d(1.03, 1.03, 1.03); }

  80% {

    -webkit-transform: scale3d(0.97, 0.97, 0.97);

    transform: scale3d(0.97, 0.97, 0.97); }

  to {

    opacity: 1;

    -webkit-transform: scale3d(1, 1, 1);

    transform: scale3d(1, 1, 1); } }

.bounceIn {

  -webkit-animation-name: bounceIn;

  animation-name: bounceIn; }



@-webkit-keyframes bounceInDown {

  from, 60%, 75%, 90%, to {

    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }

  0% {

    opacity: 0;

    -webkit-transform: translate3d(0, -3000px, 0);

    transform: translate3d(0, -3000px, 0); }

  60% {

    opacity: 1;

    -webkit-transform: translate3d(0, 25px, 0);

    transform: translate3d(0, 25px, 0); }

  75% {

    -webkit-transform: translate3d(0, -10px, 0);

    transform: translate3d(0, -10px, 0); }

  90% {

    -webkit-transform: translate3d(0, 5px, 0);

    transform: translate3d(0, 5px, 0); }

  to {

    -webkit-transform: none;

    transform: none; } }

@keyframes bounceInDown {

  from, 60%, 75%, 90%, to {

    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }

  0% {

    opacity: 0;

    -webkit-transform: translate3d(0, -3000px, 0);

    transform: translate3d(0, -3000px, 0); }

  60% {

    opacity: 1;

    -webkit-transform: translate3d(0, 25px, 0);

    transform: translate3d(0, 25px, 0); }

  75% {

    -webkit-transform: translate3d(0, -10px, 0);

    transform: translate3d(0, -10px, 0); }

  90% {

    -webkit-transform: translate3d(0, 5px, 0);

    transform: translate3d(0, 5px, 0); }

  to {

    -webkit-transform: none;

    transform: none; } }

.bounceInDown {

  -webkit-animation-name: bounceInDown;

  animation-name: bounceInDown; }



@-webkit-keyframes bounceInLeft {

  from, 60%, 75%, 90%, to {

    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }

  0% {

    opacity: 0;

    -webkit-transform: translate3d(-3000px, 0, 0);

    transform: translate3d(-3000px, 0, 0); }

  60% {

    opacity: 1;

    -webkit-transform: translate3d(25px, 0, 0);

    transform: translate3d(25px, 0, 0); }

  75% {

    -webkit-transform: translate3d(-10px, 0, 0);

    transform: translate3d(-10px, 0, 0); }

  90% {

    -webkit-transform: translate3d(5px, 0, 0);

    transform: translate3d(5px, 0, 0); }

  to {

    -webkit-transform: none;

    transform: none; } }

@keyframes bounceInLeft {

  from, 60%, 75%, 90%, to {

    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }

  0% {

    opacity: 0;

    -webkit-transform: translate3d(-3000px, 0, 0);

    transform: translate3d(-3000px, 0, 0); }

  60% {

    opacity: 1;

    -webkit-transform: translate3d(25px, 0, 0);

    transform: translate3d(25px, 0, 0); }

  75% {

    -webkit-transform: translate3d(-10px, 0, 0);

    transform: translate3d(-10px, 0, 0); }

  90% {

    -webkit-transform: translate3d(5px, 0, 0);

    transform: translate3d(5px, 0, 0); }

  to {

    -webkit-transform: none;

    transform: none; } }

.bounceInLeft {

  -webkit-animation-name: bounceInLeft;

  animation-name: bounceInLeft; }



@-webkit-keyframes bounceInRight {

  from, 60%, 75%, 90%, to {

    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }

  from {

    opacity: 0;

    -webkit-transform: translate3d(3000px, 0, 0);

    transform: translate3d(3000px, 0, 0); }

  60% {

    opacity: 1;

    -webkit-transform: translate3d(-25px, 0, 0);

    transform: translate3d(-25px, 0, 0); }

  75% {

    -webkit-transform: translate3d(10px, 0, 0);

    transform: translate3d(10px, 0, 0); }

  90% {

    -webkit-transform: translate3d(-5px, 0, 0);

    transform: translate3d(-5px, 0, 0); }

  to {

    -webkit-transform: none;

    transform: none; } }

@keyframes bounceInRight {

  from, 60%, 75%, 90%, to {

    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }

  from {

    opacity: 0;

    -webkit-transform: translate3d(3000px, 0, 0);

    transform: translate3d(3000px, 0, 0); }

  60% {

    opacity: 1;

    -webkit-transform: translate3d(-25px, 0, 0);

    transform: translate3d(-25px, 0, 0); }

  75% {

    -webkit-transform: translate3d(10px, 0, 0);

    transform: translate3d(10px, 0, 0); }

  90% {

    -webkit-transform: translate3d(-5px, 0, 0);

    transform: translate3d(-5px, 0, 0); }

  to {

    -webkit-transform: none;

    transform: none; } }

.bounceInRight {

  -webkit-animation-name: bounceInRight;

  animation-name: bounceInRight; }



@-webkit-keyframes bounceInUp {

  from, 60%, 75%, 90%, to {

    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }

  from {

    opacity: 0;

    -webkit-transform: translate3d(0, 3000px, 0);

    transform: translate3d(0, 3000px, 0); }

  60% {

    opacity: 1;

    -webkit-transform: translate3d(0, -20px, 0);

    transform: translate3d(0, -20px, 0); }

  75% {

    -webkit-transform: translate3d(0, 10px, 0);

    transform: translate3d(0, 10px, 0); }

  90% {

    -webkit-transform: translate3d(0, -5px, 0);

    transform: translate3d(0, -5px, 0); }

  to {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0); } }

@keyframes bounceInUp {

  from, 60%, 75%, 90%, to {

    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }

  from {

    opacity: 0;

    -webkit-transform: translate3d(0, 3000px, 0);

    transform: translate3d(0, 3000px, 0); }

  60% {

    opacity: 1;

    -webkit-transform: translate3d(0, -20px, 0);

    transform: translate3d(0, -20px, 0); }

  75% {

    -webkit-transform: translate3d(0, 10px, 0);

    transform: translate3d(0, 10px, 0); }

  90% {

    -webkit-transform: translate3d(0, -5px, 0);

    transform: translate3d(0, -5px, 0); }

  to {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0); } }

.bounceInUp {

  -webkit-animation-name: bounceInUp;

  animation-name: bounceInUp; }



@-webkit-keyframes bounceOut {

  20% {

    -webkit-transform: scale3d(0.9, 0.9, 0.9);

    transform: scale3d(0.9, 0.9, 0.9); }

  50%, 55% {

    opacity: 1;

    -webkit-transform: scale3d(1.1, 1.1, 1.1);

    transform: scale3d(1.1, 1.1, 1.1); }

  to {

    opacity: 0;

    -webkit-transform: scale3d(0.3, 0.3, 0.3);

    transform: scale3d(0.3, 0.3, 0.3); } }

@keyframes bounceOut {

  20% {

    -webkit-transform: scale3d(0.9, 0.9, 0.9);

    transform: scale3d(0.9, 0.9, 0.9); }

  50%, 55% {

    opacity: 1;

    -webkit-transform: scale3d(1.1, 1.1, 1.1);

    transform: scale3d(1.1, 1.1, 1.1); }

  to {

    opacity: 0;

    -webkit-transform: scale3d(0.3, 0.3, 0.3);

    transform: scale3d(0.3, 0.3, 0.3); } }

.bounceOut {

  -webkit-animation-name: bounceOut;

  animation-name: bounceOut; }



@-webkit-keyframes bounceOutDown {

  20% {

    -webkit-transform: translate3d(0, 10px, 0);

    transform: translate3d(0, 10px, 0); }

  40%, 45% {

    opacity: 1;

    -webkit-transform: translate3d(0, -20px, 0);

    transform: translate3d(0, -20px, 0); }

  to {

    opacity: 0;

    -webkit-transform: translate3d(0, 2000px, 0);

    transform: translate3d(0, 2000px, 0); } }

@keyframes bounceOutDown {

  20% {

    -webkit-transform: translate3d(0, 10px, 0);

    transform: translate3d(0, 10px, 0); }

  40%, 45% {

    opacity: 1;

    -webkit-transform: translate3d(0, -20px, 0);

    transform: translate3d(0, -20px, 0); }

  to {

    opacity: 0;

    -webkit-transform: translate3d(0, 2000px, 0);

    transform: translate3d(0, 2000px, 0); } }

.bounceOutDown {

  -webkit-animation-name: bounceOutDown;

  animation-name: bounceOutDown; }



@-webkit-keyframes bounceOutLeft {

  20% {

    opacity: 1;

    -webkit-transform: translate3d(20px, 0, 0);

    transform: translate3d(20px, 0, 0); }

  to {

    opacity: 0;

    -webkit-transform: translate3d(-2000px, 0, 0);

    transform: translate3d(-2000px, 0, 0); } }

@keyframes bounceOutLeft {

  20% {

    opacity: 1;

    -webkit-transform: translate3d(20px, 0, 0);

    transform: translate3d(20px, 0, 0); }

  to {

    opacity: 0;

    -webkit-transform: translate3d(-2000px, 0, 0);

    transform: translate3d(-2000px, 0, 0); } }

.bounceOutLeft {

  -webkit-animation-name: bounceOutLeft;

  animation-name: bounceOutLeft; }



@-webkit-keyframes bounceOutRight {

  20% {

    opacity: 1;

    -webkit-transform: translate3d(-20px, 0, 0);

    transform: translate3d(-20px, 0, 0); }

  to {

    opacity: 0;

    -webkit-transform: translate3d(2000px, 0, 0);

    transform: translate3d(2000px, 0, 0); } }

@keyframes bounceOutRight {

  20% {

    opacity: 1;

    -webkit-transform: translate3d(-20px, 0, 0);

    transform: translate3d(-20px, 0, 0); }

  to {

    opacity: 0;

    -webkit-transform: translate3d(2000px, 0, 0);

    transform: translate3d(2000px, 0, 0); } }

.bounceOutRight {

  -webkit-animation-name: bounceOutRight;

  animation-name: bounceOutRight; }



@-webkit-keyframes bounceOutUp {

  20% {

    -webkit-transform: translate3d(0, -10px, 0);

    transform: translate3d(0, -10px, 0); }

  40%, 45% {

    opacity: 1;

    -webkit-transform: translate3d(0, 20px, 0);

    transform: translate3d(0, 20px, 0); }

  to {

    opacity: 0;

    -webkit-transform: translate3d(0, -2000px, 0);

    transform: translate3d(0, -2000px, 0); } }

@keyframes bounceOutUp {

  20% {

    -webkit-transform: translate3d(0, -10px, 0);

    transform: translate3d(0, -10px, 0); }

  40%, 45% {

    opacity: 1;

    -webkit-transform: translate3d(0, 20px, 0);

    transform: translate3d(0, 20px, 0); }

  to {

    opacity: 0;

    -webkit-transform: translate3d(0, -2000px, 0);

    transform: translate3d(0, -2000px, 0); } }

.bounceOutUp {

  -webkit-animation-name: bounceOutUp;

  animation-name: bounceOutUp; }



@-webkit-keyframes fadeIn {

  from {

    opacity: 0; }

  to {

    opacity: 1; } }

@keyframes fadeIn {

  from {

    opacity: 0; }

  to {

    opacity: 1; } }

.fadeIn {

  -webkit-animation-name: fadeIn;

  animation-name: fadeIn; }



@-webkit-keyframes fadeInDown {

  from {

    opacity: 0;

    -webkit-transform: translate3d(0, -150%, 0);

    transform: translate3d(0, -150%, 0); }

  to {

    opacity: 1;

    -webkit-transform: none;

    transform: none; } }

@keyframes fadeInDown {

  from {

    opacity: 0;

    -webkit-transform: translate3d(0, -150%, 0);

    transform: translate3d(0, -150%, 0); }

  to {

    opacity: 1;

    -webkit-transform: none;

    transform: none; } }

.fadeInDown {

  -webkit-animation-name: fadeInDown;

  animation-name: fadeInDown; }



@-webkit-keyframes fadeInDownBig {

  from {

    opacity: 0;

    -webkit-transform: translate3d(0, -2000px, 0);

    transform: translate3d(0, -2000px, 0); }

  to {

    opacity: 1;

    -webkit-transform: none;

    transform: none; } }

@keyframes fadeInDownBig {

  from {

    opacity: 0;

    -webkit-transform: translate3d(0, -2000px, 0);

    transform: translate3d(0, -2000px, 0); }

  to {

    opacity: 1;

    -webkit-transform: none;

    transform: none; } }

.fadeInDownBig {

  -webkit-animation-name: fadeInDownBig;

  animation-name: fadeInDownBig; }



@-webkit-keyframes fadeInLeft {

  from {

    opacity: 0;

    -webkit-transform: translate3d(-10%, 0, 0);

    transform: translate3d(-10%, 0, 0); }

  to {

    opacity: 1;

    -webkit-transform: none;

    transform: none; } }

@keyframes fadeInLeft {

  from {

    opacity: 0;

    -webkit-transform: translate3d(-10%, 0, 0);

    transform: translate3d(-10%, 0, 0); }

  to {

    opacity: 1;

    -webkit-transform: none;

    transform: none; } }

.fadeInLeft {

  -webkit-animation-name: fadeInLeft;

  animation-name: fadeInLeft; }



@-webkit-keyframes fadeInLeftBig {

  from {

    opacity: 0;

    -webkit-transform: translate3d(-2000px, 0, 0);

    transform: translate3d(-2000px, 0, 0); }

  to {

    opacity: 1;

    -webkit-transform: none;

    transform: none; } }

@keyframes fadeInLeftBig {

  from {

    opacity: 0;

    -webkit-transform: translate3d(-2000px, 0, 0);

    transform: translate3d(-2000px, 0, 0); }

  to {

    opacity: 1;

    -webkit-transform: none;

    transform: none; } }

.fadeInLeftBig {

  -webkit-animation-name: fadeInLeftBig;

  animation-name: fadeInLeftBig; }



@-webkit-keyframes fadeInRight {

  from {

    opacity: 0;

    -webkit-transform: translate3d(10%, 0, 0);

    transform: translate3d(10%, 0, 0); }

  to {

    opacity: 1;

    -webkit-transform: none;

    transform: none; } }

@keyframes fadeInRight {

  from {

    opacity: 0;

    -webkit-transform: translate3d(10%, 0, 0);

    transform: translate3d(10%, 0, 0); }

  to {

    opacity: 1;

    -webkit-transform: none;

    transform: none; } }

.fadeInRight {

  -webkit-animation-name: fadeInRight;

  animation-name: fadeInRight; }



@-webkit-keyframes fadeInRightBig {

  from {

    opacity: 0;

    -webkit-transform: translate3d(2000px, 0, 0);

    transform: translate3d(2000px, 0, 0); }

  to {

    opacity: 1;

    -webkit-transform: none;

    transform: none; } }

@keyframes fadeInRightBig {

  from {

    opacity: 0;

    -webkit-transform: translate3d(2000px, 0, 0);

    transform: translate3d(2000px, 0, 0); }

  to {

    opacity: 1;

    -webkit-transform: none;

    transform: none; } }

.fadeInRightBig {

  -webkit-animation-name: fadeInRightBig;

  animation-name: fadeInRightBig; }



@-webkit-keyframes fadeInUp {

  from {

    opacity: 0;

    -webkit-transform: translate3d(0, 150%, 0);

    transform: translate3d(0, 150%, 0); }

  to {

    opacity: 1;

    -webkit-transform: none;

    transform: none; } }

@keyframes fadeInUp {

  from {

    opacity: 0;

    -webkit-transform: translate3d(0, 150%, 0);

    transform: translate3d(0, 150%, 0); }

  to {

    opacity: 1;

    -webkit-transform: none;

    transform: none; } }

.fadeInUp {

  -webkit-animation-name: fadeInUp;

  animation-name: fadeInUp; }



@-webkit-keyframes fadeInUpBig {

  from {

    opacity: 0;

    -webkit-transform: translate3d(0, 2000px, 0);

    transform: translate3d(0, 2000px, 0); }

  to {

    opacity: 1;

    -webkit-transform: none;

    transform: none; } }

@keyframes fadeInUpBig {

  from {

    opacity: 0;

    -webkit-transform: translate3d(0, 2000px, 0);

    transform: translate3d(0, 2000px, 0); }

  to {

    opacity: 1;

    -webkit-transform: none;

    transform: none; } }

.fadeInUpBig {

  -webkit-animation-name: fadeInUpBig;

  animation-name: fadeInUpBig; }



@-webkit-keyframes fadeOut {

  from {

    opacity: 1; }

  to {

    opacity: 0; } }

@keyframes fadeOut {

  from {

    opacity: 1; }

  to {

    opacity: 0; } }

.fadeOut {

  -webkit-animation-name: fadeOut;

  animation-name: fadeOut; }



@-webkit-keyframes fadeOutDown {

  from {

    opacity: 1; }

  to {

    opacity: 0;

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

    transform: translate3d(0, 100%, 0); } }

@keyframes fadeOutDown {

  from {

    opacity: 1; }

  to {

    opacity: 0;

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

    transform: translate3d(0, 100%, 0); } }

.fadeOutDown {

  -webkit-animation-name: fadeOutDown;

  animation-name: fadeOutDown; }



@-webkit-keyframes fadeOutDownBig {

  from {

    opacity: 1; }

  to {

    opacity: 0;

    -webkit-transform: translate3d(0, 2000px, 0);

    transform: translate3d(0, 2000px, 0); } }

@keyframes fadeOutDownBig {

  from {

    opacity: 1; }

  to {

    opacity: 0;

    -webkit-transform: translate3d(0, 2000px, 0);

    transform: translate3d(0, 2000px, 0); } }

.fadeOutDownBig {

  -webkit-animation-name: fadeOutDownBig;

  animation-name: fadeOutDownBig; }



@-webkit-keyframes fadeOutLeft {

  from {

    opacity: 1; }

  to {

    opacity: 0;

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

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

@keyframes fadeOutLeft {

  from {

    opacity: 1; }

  to {

    opacity: 0;

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

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

.fadeOutLeft {

  -webkit-animation-name: fadeOutLeft;

  animation-name: fadeOutLeft; }



@-webkit-keyframes fadeOutLeftBig {

  from {

    opacity: 1; }

  to {

    opacity: 0;

    -webkit-transform: translate3d(-2000px, 0, 0);

    transform: translate3d(-2000px, 0, 0); } }

@keyframes fadeOutLeftBig {

  from {

    opacity: 1; }

  to {

    opacity: 0;

    -webkit-transform: translate3d(-2000px, 0, 0);

    transform: translate3d(-2000px, 0, 0); } }

.fadeOutLeftBig {

  -webkit-animation-name: fadeOutLeftBig;

  animation-name: fadeOutLeftBig; }



@-webkit-keyframes fadeOutRight {

  from {

    opacity: 1; }

  to {

    opacity: 0;

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

    transform: translate3d(100%, 0, 0); } }

@keyframes fadeOutRight {

  from {

    opacity: 1; }

  to {

    opacity: 0;

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

    transform: translate3d(100%, 0, 0); } }

.fadeOutRight {

  -webkit-animation-name: fadeOutRight;

  animation-name: fadeOutRight; }



@-webkit-keyframes fadeOutRightBig {

  from {

    opacity: 1; }

  to {

    opacity: 0;

    -webkit-transform: translate3d(2000px, 0, 0);

    transform: translate3d(2000px, 0, 0); } }

@keyframes fadeOutRightBig {

  from {

    opacity: 1; }

  to {

    opacity: 0;

    -webkit-transform: translate3d(2000px, 0, 0);

    transform: translate3d(2000px, 0, 0); } }

.fadeOutRightBig {

  -webkit-animation-name: fadeOutRightBig;

  animation-name: fadeOutRightBig; }



@-webkit-keyframes fadeOutUp {

  from {

    opacity: 1; }

  to {

    opacity: 0;

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

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

@keyframes fadeOutUp {

  from {

    opacity: 1; }

  to {

    opacity: 0;

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

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

.fadeOutUp {

  -webkit-animation-name: fadeOutUp;

  animation-name: fadeOutUp; }



@-webkit-keyframes fadeOutUpBig {

  from {

    opacity: 1; }

  to {

    opacity: 0;

    -webkit-transform: translate3d(0, -2000px, 0);

    transform: translate3d(0, -2000px, 0); } }

@keyframes fadeOutUpBig {

  from {

    opacity: 1; }

  to {

    opacity: 0;

    -webkit-transform: translate3d(0, -2000px, 0);

    transform: translate3d(0, -2000px, 0); } }

.fadeOutUpBig {

  -webkit-animation-name: fadeOutUpBig;

  animation-name: fadeOutUpBig; }



@-webkit-keyframes flip {

  from {

    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);

    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);

    -webkit-animation-timing-function: ease-out;

    animation-timing-function: ease-out; }

  40% {

    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);

    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);

    -webkit-animation-timing-function: ease-out;

    animation-timing-function: ease-out; }

  50% {

    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);

    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);

    -webkit-animation-timing-function: ease-in;

    animation-timing-function: ease-in; }

  80% {

    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);

    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);

    -webkit-animation-timing-function: ease-in;

    animation-timing-function: ease-in; }

  to {

    -webkit-transform: perspective(400px);

    transform: perspective(400px);

    -webkit-animation-timing-function: ease-in;

    animation-timing-function: ease-in; } }

@keyframes flip {

  from {

    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);

    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);

    -webkit-animation-timing-function: ease-out;

    animation-timing-function: ease-out; }

  40% {

    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);

    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);

    -webkit-animation-timing-function: ease-out;

    animation-timing-function: ease-out; }

  50% {

    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);

    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);

    -webkit-animation-timing-function: ease-in;

    animation-timing-function: ease-in; }

  80% {

    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);

    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);

    -webkit-animation-timing-function: ease-in;

    animation-timing-function: ease-in; }

  to {

    -webkit-transform: perspective(400px);

    transform: perspective(400px);

    -webkit-animation-timing-function: ease-in;

    animation-timing-function: ease-in; } }

.animated.flip {

  -webkit-backface-visibility: visible;

  backface-visibility: visible;

  -webkit-animation-name: flip;

  animation-name: flip; }



@-webkit-keyframes flipInX {

  from {

    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

    -webkit-animation-timing-function: ease-in;

    animation-timing-function: ease-in;

    opacity: 0; }

  40% {

    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

    -webkit-animation-timing-function: ease-in;

    animation-timing-function: ease-in; }

  60% {

    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);

    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);

    opacity: 1; }

  80% {

    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);

    transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }

  to {

    -webkit-transform: perspective(400px);

    transform: perspective(400px); } }

@keyframes flipInX {

  from {

    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

    -webkit-animation-timing-function: ease-in;

    animation-timing-function: ease-in;

    opacity: 0; }

  40% {

    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

    -webkit-animation-timing-function: ease-in;

    animation-timing-function: ease-in; }

  60% {

    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);

    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);

    opacity: 1; }

  80% {

    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);

    transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }

  to {

    -webkit-transform: perspective(400px);

    transform: perspective(400px); } }

.flipInX {

  -webkit-backface-visibility: visible !important;

  backface-visibility: visible !important;

  -webkit-animation-name: flipInX;

  animation-name: flipInX; }



@-webkit-keyframes flipInY {

  from {

    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

    -webkit-animation-timing-function: ease-in;

    animation-timing-function: ease-in;

    opacity: 0; }

  40% {

    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);

    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);

    -webkit-animation-timing-function: ease-in;

    animation-timing-function: ease-in; }

  60% {

    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);

    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);

    opacity: 1; }

  80% {

    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);

    transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }

  to {

    -webkit-transform: perspective(400px);

    transform: perspective(400px); } }

@keyframes flipInY {

  from {

    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

    -webkit-animation-timing-function: ease-in;

    animation-timing-function: ease-in;

    opacity: 0; }

  40% {

    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);

    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);

    -webkit-animation-timing-function: ease-in;

    animation-timing-function: ease-in; }

  60% {

    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);

    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);

    opacity: 1; }

  80% {

    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);

    transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }

  to {

    -webkit-transform: perspective(400px);

    transform: perspective(400px); } }

.flipInY {

  -webkit-backface-visibility: visible !important;

  backface-visibility: visible !important;

  -webkit-animation-name: flipInY;

  animation-name: flipInY; }



@-webkit-keyframes flipOutX {

  from {

    -webkit-transform: perspective(400px);

    transform: perspective(400px); }

  30% {

    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

    opacity: 1; }

  to {

    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

    opacity: 0; } }

@keyframes flipOutX {

  from {

    -webkit-transform: perspective(400px);

    transform: perspective(400px); }

  30% {

    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

    opacity: 1; }

  to {

    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

    opacity: 0; } }

.flipOutX {

  -webkit-animation-name: flipOutX;

  animation-name: flipOutX;

  -webkit-backface-visibility: visible !important;

  backface-visibility: visible !important; }



@-webkit-keyframes flipOutY {

  from {

    -webkit-transform: perspective(400px);

    transform: perspective(400px); }

  30% {

    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);

    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);

    opacity: 1; }

  to {

    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

    opacity: 0; } }

@keyframes flipOutY {

  from {

    -webkit-transform: perspective(400px);

    transform: perspective(400px); }

  30% {

    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);

    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);

    opacity: 1; }

  to {

    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

    opacity: 0; } }

.flipOutY {

  -webkit-backface-visibility: visible !important;

  backface-visibility: visible !important;

  -webkit-animation-name: flipOutY;

  animation-name: flipOutY; }



@-webkit-keyframes lightSpeedIn {

  from {

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

    transform: translate3d(100%, 0, 0) skewX(-30deg);

    opacity: 0; }

  60% {

    -webkit-transform: skewX(20deg);

    transform: skewX(20deg);

    opacity: 1; }

  80% {

    -webkit-transform: skewX(-5deg);

    transform: skewX(-5deg);

    opacity: 1; }

  to {

    -webkit-transform: none;

    transform: none;

    opacity: 1; } }

@keyframes lightSpeedIn {

  from {

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

    transform: translate3d(100%, 0, 0) skewX(-30deg);

    opacity: 0; }

  60% {

    -webkit-transform: skewX(20deg);

    transform: skewX(20deg);

    opacity: 1; }

  80% {

    -webkit-transform: skewX(-5deg);

    transform: skewX(-5deg);

    opacity: 1; }

  to {

    -webkit-transform: none;

    transform: none;

    opacity: 1; } }

.lightSpeedIn {

  -webkit-animation-name: lightSpeedIn;

  animation-name: lightSpeedIn;

  -webkit-animation-timing-function: ease-out;

  animation-timing-function: ease-out; }



@-webkit-keyframes lightSpeedOut {

  from {

    opacity: 1; }

  to {

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

    transform: translate3d(100%, 0, 0) skewX(30deg);

    opacity: 0; } }

@keyframes lightSpeedOut {

  from {

    opacity: 1; }

  to {

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

    transform: translate3d(100%, 0, 0) skewX(30deg);

    opacity: 0; } }

.lightSpeedOut {

  -webkit-animation-name: lightSpeedOut;

  animation-name: lightSpeedOut;

  -webkit-animation-timing-function: ease-in;

  animation-timing-function: ease-in; }



@-webkit-keyframes rotateIn {

  from {

    -webkit-transform-origin: center;

    transform-origin: center;

    -webkit-transform: rotate3d(0, 0, 1, -200deg);

    transform: rotate3d(0, 0, 1, -200deg);

    opacity: 0; }

  to {

    -webkit-transform-origin: center;

    transform-origin: center;

    -webkit-transform: none;

    transform: none;

    opacity: 1; } }

@keyframes rotateIn {

  from {

    -webkit-transform-origin: center;

    transform-origin: center;

    -webkit-transform: rotate3d(0, 0, 1, -200deg);

    transform: rotate3d(0, 0, 1, -200deg);

    opacity: 0; }

  to {

    -webkit-transform-origin: center;

    transform-origin: center;

    -webkit-transform: none;

    transform: none;

    opacity: 1; } }

.rotateIn {

  -webkit-animation-name: rotateIn;

  animation-name: rotateIn; }



@-webkit-keyframes rotateInDownLeft {

  from {

    -webkit-transform-origin: left bottom;

    transform-origin: left bottom;

    -webkit-transform: rotate3d(0, 0, 1, -45deg);

    transform: rotate3d(0, 0, 1, -45deg);

    opacity: 0; }

  to {

    -webkit-transform-origin: left bottom;

    transform-origin: left bottom;

    -webkit-transform: none;

    transform: none;

    opacity: 1; } }

@keyframes rotateInDownLeft {

  from {

    -webkit-transform-origin: left bottom;

    transform-origin: left bottom;

    -webkit-transform: rotate3d(0, 0, 1, -45deg);

    transform: rotate3d(0, 0, 1, -45deg);

    opacity: 0; }

  to {

    -webkit-transform-origin: left bottom;

    transform-origin: left bottom;

    -webkit-transform: none;

    transform: none;

    opacity: 1; } }

.rotateInDownLeft {

  -webkit-animation-name: rotateInDownLeft;

  animation-name: rotateInDownLeft; }



@-webkit-keyframes rotateInDownRight {

  from {

    -webkit-transform-origin: right bottom;

    transform-origin: right bottom;

    -webkit-transform: rotate3d(0, 0, 1, 45deg);

    transform: rotate3d(0, 0, 1, 45deg);

    opacity: 0; }

  to {

    -webkit-transform-origin: right bottom;

    transform-origin: right bottom;

    -webkit-transform: none;

    transform: none;

    opacity: 1; } }

@keyframes rotateInDownRight {

  from {

    -webkit-transform-origin: right bottom;

    transform-origin: right bottom;

    -webkit-transform: rotate3d(0, 0, 1, 45deg);

    transform: rotate3d(0, 0, 1, 45deg);

    opacity: 0; }

  to {

    -webkit-transform-origin: right bottom;

    transform-origin: right bottom;

    -webkit-transform: none;

    transform: none;

    opacity: 1; } }

.rotateInDownRight {

  -webkit-animation-name: rotateInDownRight;

  animation-name: rotateInDownRight; }



@-webkit-keyframes rotateInUpLeft {

  from {

    -webkit-transform-origin: left bottom;

    transform-origin: left bottom;

    -webkit-transform: rotate3d(0, 0, 1, 45deg);

    transform: rotate3d(0, 0, 1, 45deg);

    opacity: 0; }

  to {

    -webkit-transform-origin: left bottom;

    transform-origin: left bottom;

    -webkit-transform: none;

    transform: none;

    opacity: 1; } }

@keyframes rotateInUpLeft {

  from {

    -webkit-transform-origin: left bottom;

    transform-origin: left bottom;

    -webkit-transform: rotate3d(0, 0, 1, 45deg);

    transform: rotate3d(0, 0, 1, 45deg);

    opacity: 0; }

  to {

    -webkit-transform-origin: left bottom;

    transform-origin: left bottom;

    -webkit-transform: none;

    transform: none;

    opacity: 1; } }

.rotateInUpLeft {

  -webkit-animation-name: rotateInUpLeft;

  animation-name: rotateInUpLeft; }



@-webkit-keyframes rotateInUpRight {

  from {

    -webkit-transform-origin: right bottom;

    transform-origin: right bottom;

    -webkit-transform: rotate3d(0, 0, 1, -90deg);

    transform: rotate3d(0, 0, 1, -90deg);

    opacity: 0; }

  to {

    -webkit-transform-origin: right bottom;

    transform-origin: right bottom;

    -webkit-transform: none;

    transform: none;

    opacity: 1; } }

@keyframes rotateInUpRight {

  from {

    -webkit-transform-origin: right bottom;

    transform-origin: right bottom;

    -webkit-transform: rotate3d(0, 0, 1, -90deg);

    transform: rotate3d(0, 0, 1, -90deg);

    opacity: 0; }

  to {

    -webkit-transform-origin: right bottom;

    transform-origin: right bottom;

    -webkit-transform: none;

    transform: none;

    opacity: 1; } }

.rotateInUpRight {

  -webkit-animation-name: rotateInUpRight;

  animation-name: rotateInUpRight; }



@-webkit-keyframes rotateOut {

  from {

    -webkit-transform-origin: center;

    transform-origin: center;

    opacity: 1; }

  to {

    -webkit-transform-origin: center;

    transform-origin: center;

    -webkit-transform: rotate3d(0, 0, 1, 200deg);

    transform: rotate3d(0, 0, 1, 200deg);

    opacity: 0; } }

@keyframes rotateOut {

  from {

    -webkit-transform-origin: center;

    transform-origin: center;

    opacity: 1; }

  to {

    -webkit-transform-origin: center;

    transform-origin: center;

    -webkit-transform: rotate3d(0, 0, 1, 200deg);

    transform: rotate3d(0, 0, 1, 200deg);

    opacity: 0; } }

.rotateOut {

  -webkit-animation-name: rotateOut;

  animation-name: rotateOut; }



@-webkit-keyframes rotateOutDownLeft {

  from {

    -webkit-transform-origin: left bottom;

    transform-origin: left bottom;

    opacity: 1; }

  to {

    -webkit-transform-origin: left bottom;

    transform-origin: left bottom;

    -webkit-transform: rotate3d(0, 0, 1, 45deg);

    transform: rotate3d(0, 0, 1, 45deg);

    opacity: 0; } }

@keyframes rotateOutDownLeft {

  from {

    -webkit-transform-origin: left bottom;

    transform-origin: left bottom;

    opacity: 1; }

  to {

    -webkit-transform-origin: left bottom;

    transform-origin: left bottom;

    -webkit-transform: rotate3d(0, 0, 1, 45deg);

    transform: rotate3d(0, 0, 1, 45deg);

    opacity: 0; } }

.rotateOutDownLeft {

  -webkit-animation-name: rotateOutDownLeft;

  animation-name: rotateOutDownLeft; }



@-webkit-keyframes rotateOutDownRight {

  from {

    -webkit-transform-origin: right bottom;

    transform-origin: right bottom;

    opacity: 1; }

  to {

    -webkit-transform-origin: right bottom;

    transform-origin: right bottom;

    -webkit-transform: rotate3d(0, 0, 1, -45deg);

    transform: rotate3d(0, 0, 1, -45deg);

    opacity: 0; } }

@keyframes rotateOutDownRight {

  from {

    -webkit-transform-origin: right bottom;

    transform-origin: right bottom;

    opacity: 1; }

  to {

    -webkit-transform-origin: right bottom;

    transform-origin: right bottom;

    -webkit-transform: rotate3d(0, 0, 1, -45deg);

    transform: rotate3d(0, 0, 1, -45deg);

    opacity: 0; } }

.rotateOutDownRight {

  -webkit-animation-name: rotateOutDownRight;

  animation-name: rotateOutDownRight; }



@-webkit-keyframes rotateOutUpLeft {

  from {

    -webkit-transform-origin: left bottom;

    transform-origin: left bottom;

    opacity: 1; }

  to {

    -webkit-transform-origin: left bottom;

    transform-origin: left bottom;

    -webkit-transform: rotate3d(0, 0, 1, -45deg);

    transform: rotate3d(0, 0, 1, -45deg);

    opacity: 0; } }

@keyframes rotateOutUpLeft {

  from {

    -webkit-transform-origin: left bottom;

    transform-origin: left bottom;

    opacity: 1; }

  to {

    -webkit-transform-origin: left bottom;

    transform-origin: left bottom;

    -webkit-transform: rotate3d(0, 0, 1, -45deg);

    transform: rotate3d(0, 0, 1, -45deg);

    opacity: 0; } }

.rotateOutUpLeft {

  -webkit-animation-name: rotateOutUpLeft;

  animation-name: rotateOutUpLeft; }



@-webkit-keyframes rotateOutUpRight {

  from {

    -webkit-transform-origin: right bottom;

    transform-origin: right bottom;

    opacity: 1; }

  to {

    -webkit-transform-origin: right bottom;

    transform-origin: right bottom;

    -webkit-transform: rotate3d(0, 0, 1, 90deg);

    transform: rotate3d(0, 0, 1, 90deg);

    opacity: 0; } }

@keyframes rotateOutUpRight {

  from {

    -webkit-transform-origin: right bottom;

    transform-origin: right bottom;

    opacity: 1; }

  to {

    -webkit-transform-origin: right bottom;

    transform-origin: right bottom;

    -webkit-transform: rotate3d(0, 0, 1, 90deg);

    transform: rotate3d(0, 0, 1, 90deg);

    opacity: 0; } }

.rotateOutUpRight {

  -webkit-animation-name: rotateOutUpRight;

  animation-name: rotateOutUpRight; }



@-webkit-keyframes hinge {

  0% {

    -webkit-transform-origin: top left;

    transform-origin: top left;

    -webkit-animation-timing-function: ease-in-out;

    animation-timing-function: ease-in-out; }

  20%, 60% {

    -webkit-transform: rotate3d(0, 0, 1, 80deg);

    transform: rotate3d(0, 0, 1, 80deg);

    -webkit-transform-origin: top left;

    transform-origin: top left;

    -webkit-animation-timing-function: ease-in-out;

    animation-timing-function: ease-in-out; }

  40%, 80% {

    -webkit-transform: rotate3d(0, 0, 1, 60deg);

    transform: rotate3d(0, 0, 1, 60deg);

    -webkit-transform-origin: top left;

    transform-origin: top left;

    -webkit-animation-timing-function: ease-in-out;

    animation-timing-function: ease-in-out;

    opacity: 1; }

  to {

    -webkit-transform: translate3d(0, 700px, 0);

    transform: translate3d(0, 700px, 0);

    opacity: 0; } }

@keyframes hinge {

  0% {

    -webkit-transform-origin: top left;

    transform-origin: top left;

    -webkit-animation-timing-function: ease-in-out;

    animation-timing-function: ease-in-out; }

  20%, 60% {

    -webkit-transform: rotate3d(0, 0, 1, 80deg);

    transform: rotate3d(0, 0, 1, 80deg);

    -webkit-transform-origin: top left;

    transform-origin: top left;

    -webkit-animation-timing-function: ease-in-out;

    animation-timing-function: ease-in-out; }

  40%, 80% {

    -webkit-transform: rotate3d(0, 0, 1, 60deg);

    transform: rotate3d(0, 0, 1, 60deg);

    -webkit-transform-origin: top left;

    transform-origin: top left;

    -webkit-animation-timing-function: ease-in-out;

    animation-timing-function: ease-in-out;

    opacity: 1; }

  to {

    -webkit-transform: translate3d(0, 700px, 0);

    transform: translate3d(0, 700px, 0);

    opacity: 0; } }

.hinge {

  -webkit-animation-name: hinge;

  animation-name: hinge; }



/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {

  from {

    opacity: 0;

    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);

    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); }

  to {

    opacity: 1;

    -webkit-transform: none;

    transform: none; } }

@keyframes rollIn {

  from {

    opacity: 0;

    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);

    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); }

  to {

    opacity: 1;

    -webkit-transform: none;

    transform: none; } }

.rollIn {

  -webkit-animation-name: rollIn;

  animation-name: rollIn; }



/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {

  from {

    opacity: 1; }

  to {

    opacity: 0;

    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);

    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } }

@keyframes rollOut {

  from {

    opacity: 1; }

  to {

    opacity: 0;

    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);

    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } }

.rollOut {

  -webkit-animation-name: rollOut;

  animation-name: rollOut; }



@-webkit-keyframes zoomIn {

  from {

    opacity: 0;

    -webkit-transform: scale3d(0.3, 0.3, 0.3);

    transform: scale3d(0.3, 0.3, 0.3); }

  50% {

    opacity: 1; } }

@keyframes zoomIn {

  from {

    opacity: 0;

    -webkit-transform: scale3d(0.3, 0.3, 0.3);

    transform: scale3d(0.3, 0.3, 0.3); }

  50% {

    opacity: 1; } }

.zoomIn {

  -webkit-animation-name: zoomIn;

  animation-name: zoomIn; }



@-webkit-keyframes zoomInDown {

  from {

    opacity: 0;

    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);

    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);

    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }

  60% {

    opacity: 1;

    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);

    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);

    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomInDown {

  from {

    opacity: 0;

    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);

    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);

    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }

  60% {

    opacity: 1;

    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);

    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);

    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomInDown {

  -webkit-animation-name: zoomInDown;

  animation-name: zoomInDown; }



@-webkit-keyframes zoomInLeft {

  from {

    opacity: 0;

    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);

    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);

    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }

  60% {

    opacity: 1;

    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);

    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);

    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomInLeft {

  from {

    opacity: 0;

    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);

    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);

    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }

  60% {

    opacity: 1;

    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);

    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);

    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomInLeft {

  -webkit-animation-name: zoomInLeft;

  animation-name: zoomInLeft; }



@-webkit-keyframes zoomInRight {

  from {

    opacity: 0;

    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);

    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);

    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }

  60% {

    opacity: 1;

    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);

    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);

    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomInRight {

  from {

    opacity: 0;

    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);

    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);

    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }

  60% {

    opacity: 1;

    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);

    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);

    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomInRight {

  -webkit-animation-name: zoomInRight;

  animation-name: zoomInRight; }



@-webkit-keyframes zoomInUp {

  from {

    opacity: 0;

    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);

    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);

    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }

  60% {

    opacity: 1;

    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);

    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);

    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomInUp {

  from {

    opacity: 0;

    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);

    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);

    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }

  60% {

    opacity: 1;

    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);

    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);

    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomInUp {

  -webkit-animation-name: zoomInUp;

  animation-name: zoomInUp; }



@-webkit-keyframes zoomOut {

  from {

    opacity: 1; }

  50% {

    opacity: 0;

    -webkit-transform: scale3d(0.3, 0.3, 0.3);

    transform: scale3d(0.3, 0.3, 0.3); }

  to {

    opacity: 0; } }

@keyframes zoomOut {

  from {

    opacity: 1; }

  50% {

    opacity: 0;

    -webkit-transform: scale3d(0.3, 0.3, 0.3);

    transform: scale3d(0.3, 0.3, 0.3); }

  to {

    opacity: 0; } }

.zoomOut {

  -webkit-animation-name: zoomOut;

  animation-name: zoomOut; }



@-webkit-keyframes zoomOutDown {

  40% {

    opacity: 1;

    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);

    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);

    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }

  to {

    opacity: 0;

    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);

    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);

    -webkit-transform-origin: center bottom;

    transform-origin: center bottom;

    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomOutDown {

  40% {

    opacity: 1;

    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);

    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);

    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }

  to {

    opacity: 0;

    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);

    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);

    -webkit-transform-origin: center bottom;

    transform-origin: center bottom;

    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomOutDown {

  -webkit-animation-name: zoomOutDown;

  animation-name: zoomOutDown; }



@-webkit-keyframes zoomOutLeft {

  40% {

    opacity: 1;

    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);

    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }

  to {

    opacity: 0;

    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);

    transform: scale(0.1) translate3d(-2000px, 0, 0);

    -webkit-transform-origin: left center;

    transform-origin: left center; } }

@keyframes zoomOutLeft {

  40% {

    opacity: 1;

    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);

    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }

  to {

    opacity: 0;

    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);

    transform: scale(0.1) translate3d(-2000px, 0, 0);

    -webkit-transform-origin: left center;

    transform-origin: left center; } }

.zoomOutLeft {

  -webkit-animation-name: zoomOutLeft;

  animation-name: zoomOutLeft; }



@-webkit-keyframes zoomOutRight {

  40% {

    opacity: 1;

    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);

    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }

  to {

    opacity: 0;

    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);

    transform: scale(0.1) translate3d(2000px, 0, 0);

    -webkit-transform-origin: right center;

    transform-origin: right center; } }

@keyframes zoomOutRight {

  40% {

    opacity: 1;

    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);

    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }

  to {

    opacity: 0;

    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);

    transform: scale(0.1) translate3d(2000px, 0, 0);

    -webkit-transform-origin: right center;

    transform-origin: right center; } }

.zoomOutRight {

  -webkit-animation-name: zoomOutRight;

  animation-name: zoomOutRight; }



@-webkit-keyframes zoomOutUp {

  40% {

    opacity: 1;

    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);

    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);

    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }

  to {

    opacity: 0;

    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);

    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);

    -webkit-transform-origin: center bottom;

    transform-origin: center bottom;

    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomOutUp {

  40% {

    opacity: 1;

    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);

    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);

    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }

  to {

    opacity: 0;

    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);

    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);

    -webkit-transform-origin: center bottom;

    transform-origin: center bottom;

    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomOutUp {

  -webkit-animation-name: zoomOutUp;

  animation-name: zoomOutUp; }



@-webkit-keyframes slideInDown {

  from {

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

    transform: translate3d(0, -100%, 0);

    visibility: visible; }

  to {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0); } }

@keyframes slideInDown {

  from {

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

    transform: translate3d(0, -100%, 0);

    visibility: visible; }

  to {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0); } }

.slideInDown {

  -webkit-animation-name: slideInDown;

  animation-name: slideInDown; }



@-webkit-keyframes slideInLeft {

  from {

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

    transform: translate3d(-100%, 0, 0);

    visibility: visible; }

  to {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0); } }

@keyframes slideInLeft {

  from {

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

    transform: translate3d(-100%, 0, 0);

    visibility: visible; }

  to {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0); } }

.slideInLeft {

  -webkit-animation-name: slideInLeft;

  animation-name: slideInLeft; }



@-webkit-keyframes slideInRight {

  from {

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

    transform: translate3d(100%, 0, 0);

    visibility: visible; }

  to {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0); } }

@keyframes slideInRight {

  from {

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

    transform: translate3d(100%, 0, 0);

    visibility: visible; }

  to {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0); } }

.slideInRight {

  -webkit-animation-name: slideInRight;

  animation-name: slideInRight; }



@-webkit-keyframes slideInUp {

  from {

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

    transform: translate3d(0, 100%, 0);

    visibility: visible; }

  to {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0); } }

@keyframes slideInUp {

  from {

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

    transform: translate3d(0, 100%, 0);

    visibility: visible; }

  to {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0); } }

.slideInUp {

  -webkit-animation-name: slideInUp;

  animation-name: slideInUp; }



@-webkit-keyframes slideOutDown {

  from {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0); }

  to {

    visibility: hidden;

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

    transform: translate3d(0, 100%, 0); } }

@keyframes slideOutDown {

  from {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0); }

  to {

    visibility: hidden;

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

    transform: translate3d(0, 100%, 0); } }

.slideOutDown {

  -webkit-animation-name: slideOutDown;

  animation-name: slideOutDown; }



@-webkit-keyframes slideOutLeft {

  from {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0); }

  to {

    visibility: hidden;

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

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

@keyframes slideOutLeft {

  from {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0); }

  to {

    visibility: hidden;

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

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

.slideOutLeft {

  -webkit-animation-name: slideOutLeft;

  animation-name: slideOutLeft; }



@-webkit-keyframes slideOutRight {

  from {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0); }

  to {

    visibility: hidden;

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

    transform: translate3d(100%, 0, 0); } }

@keyframes slideOutRight {

  from {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0); }

  to {

    visibility: hidden;

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

    transform: translate3d(100%, 0, 0); } }

.slideOutRight {

  -webkit-animation-name: slideOutRight;

  animation-name: slideOutRight; }



@-webkit-keyframes slideOutUp {

  from {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0); }

  to {

    visibility: hidden;

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

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

@keyframes slideOutUp {

  from {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0); }

  to {

    visibility: hidden;

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

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

.slideOutUp {

  -webkit-animation-name: slideOutUp;

  animation-name: slideOutUp; }



/**/

@-webkit-keyframes blurFadeIn {

  0% {

    opacity: 0;

    transform: scale(1.3); }

  50% {

    opacity: 0.5; }

  100% {

    opacity: 1;

    transform: scale(1); } }

@keyframes blurFadeIn {

  0% {

    opacity: 0;

    transform: scale(1.3); }

  50% {

    opacity: 0.5; }

  100% {

    opacity: 1;

    transform: scale(1); } }

.blurFadeIn {

  -webkit-animation-name: blurFadeIn;

  animation-name: blurFadeIn; }



@-webkit-keyframes blurFadeInDown {

  0% {

    opacity: 0;

    -webkit-transform: translateY(-10px);

    -moz-transform: translateY(-10px);

    -ms-transform: translateY(-10px);

    -o-transform: translateY(-10px);

    transform: translateY(-10px); }

  100% {

    opacity: 1;

    -webkit-transform: translateY(0);

    -moz-transform: translateY(0);

    -ms-transform: translateY(0);

    -o-transform: translateY(0);

    transform: translateY(0); } }

@keyframes blurFadeInDown {

  0% {

    opacity: 0;

    -webkit-transform: translateY(-10px);

    -moz-transform: translateY(-10px);

    -ms-transform: translateY(-10px);

    -o-transform: translateY(-10px);

    transform: translateY(-10px); }

  100% {

    opacity: 1;

    -webkit-transform: translateY(0);

    -moz-transform: translateY(0);

    -ms-transform: translateY(0);

    -o-transform: translateY(0);

    transform: translateY(0); } }

.blurFadeInDown {

  -webkit-animation-name: blurFadeInDown;

  animation-name: blurFadeInDown; }



@-webkit-keyframes passing {

  0% {

    -webkit-transform: translateX(-50%);

    transform: translateX(-50%);

    opacity: 0; }

  50% {

    -webkit-transform: translateX(0%);

    transform: translateX(0%);

    opacity: 1; }

  100% {

    -webkit-transform: translateX(50%);

    transform: translateX(50%);

    opacity: 0; } }

@keyframes passing {

  0% {

    -webkit-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    transform: translateX(-50%);

    opacity: 0; }

  50% {

    -webkit-transform: translateX(0%);

    -ms-transform: translateX(0%);

    transform: translateX(0%);

    opacity: 1; }

  100% {

    -webkit-transform: translateX(50%);

    -ms-transform: translateX(50%);

    transform: translateX(50%);

    opacity: 0; } }

@-webkit-keyframes passing-reverse {

  0% {

    -webkit-transform: translateX(50%);

    transform: translateX(50%);

    opacity: 0; }

  50% {

    -webkit-transform: translateX(0%);

    transform: translateX(0%);

    opacity: 1; }

  100% {

    -webkit-transform: translateX(-50%);

    transform: translateX(-50%);

    opacity: 0; } }

@keyframes passing-reverse {

  0% {

    -webkit-transform: translateX(50%);

    -ms-transform: translateX(50%);

    transform: translateX(50%);

    opacity: 0; }

  50% {

    -webkit-transform: translateX(0%);

    -ms-transform: translateX(0%);

    transform: translateX(0%);

    opacity: 1; }

  100% {

    -webkit-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    transform: translateX(-50%);

    opacity: 0; } }

@keyframes jackInTheBox {

  from {

    opacity: 0;

    transform: scale(0.1) rotate(30deg);

    transform-origin: center bottom; }

  50% {

    transform: rotate(-10deg); }

  70% {

    transform: rotate(3deg); }

  to {

    opacity: 1;

    transform: scale(1); } }

.jackInTheBox {

  animation-name: jackInTheBox; }



.contact-display-1-row .title-contact{

  display: inline;

}

@media (max-width: 1600px) and (min-width: 1024px){

  .banner-left{

    max-width: 52%;

  }

  .banner-right{

    max-width: 46%;

  }

}

.med-bestsale .product-miniature{

  border-bottom: none;

  border-left: none;

  border-right: none;

  padding-left: 0;

  padding-right: 0;

  margin: 0 20px !important;

}

.med-bestsale .product-miniature:hover{

  border-color: #ebebeb;

}

.med-bestsale .pos-product-widget .slick-arrow{

  top: -2.957rem !important;

}

.med-bestsale .pos-product-widget .slick-next{

  right: 1rem !important;

}

.med-bestsale .pos-product-widget .slick-prev{

  right: 3.5rem !important;

}

.toy-bestsale .product-miniature{

  border-bottom: none;

  border-left: none;

  border-right: none;

  padding-left: 0;

  padding-right: 0;

  margin: 0 20px;

  border-radius:0;

}

.toy-bestsale .product-miniature:hover{

  border-color: #ebebeb;

}

.toy-bestsale .pos-product-widget .slick-slide > *:not(:last-child) {

    margin-bottom: 0;

}

.toy-bestsale .pos-product-widget .slick-next{

  right: 1rem !important;

}

.toy-bestsale .pos-product-widget .slick-prev{

  right: 3.5rem !important;

}

/*# sourceMappingURL=animate.css.map */



.list-bigger-image .style_product_list .img_block{

  max-width: 170px;

}



.has-section-inner .elementor-widget-wrap{

  display: block !important;

}

.elementor-widget-wrap > section{

  width: 100% !important;

}

.elementor-editor-active .elementor.elementor-edit-mode .elementor-top-column .elementor-widget-wrap .elementor-inner-section{

  margin-top: 0;

}

#manufacturer #main ul .brand {    display: flex;    flex-direction: column;       border: 1px solid #ebebeb; margin-bottom: 25px;}

.brand-content .brand-products {    display: flex;    flex-direction: column;}

.brand-content .brand-products a:last-child{background:#f5f2f2;padding:5px 10px}

ul.brand-content {    justify-content: flex-start;}

.brand-content .brand .brand-products a:first-child {display:none}

.i4ewOd-pzNkMb-haAclf {    display: none !important;}

p.menu-btn a {    background: #1c1c1c;    padding: 5px 25px 7px 25px;}

p.menu-btn a {    color: white;    border-radius: 3px;}

p.menu-btn a:hover {    background: #da251c;}

.brands-carousel button.slick-prev.slick-arrow , .brands-carousel button.slick-next.slick-arrow {    background: #da251c!important;}

.main-menu .pos-menu-horizontal .menu-content .menu-item .menu-dropdown .pos-sub-inner {    padding: 30px 0px 0px 0px;}

.js-product-miniature .product_desc .product_name:hover {    color: #da251c;}

.blockreassurance_product .block-title:after{display:none}

.blockreassurance_product {    display: flex;    justify-content: space-between;    width: 100%;}

.blockreassurance_product div {display:flex;width: 33%;flex-direction: column;margin: 0 10px;}

.blockreassurance_product p.block-title {    line-height: 20px;    text-align: center;}

.blockreassurance_product .item-product {    margin-right: 0!important;    margin-bottom: 10px;}

.blockreassurance_product > div:empty,

.product-add-to-cart.js-product-add-to-cart .buy {    display: none;}

.product-container .cover-item {  border: 1px solid black;}

.product-images {    max-width: 100%;}

.product-container.product-layout1 label.label:after {    content: ":";}

.product-container.product-layout1 .product-reference span {  font-weight:bold;color:#da251c }

.product-container .col-md-6 .product-manufacturer {margin-top:50px}

.product-container .col-md-6 .product-manufacturer img{width:150px}

.page-manufacturer h1 {text-transform: none;}

.pos_title h2 {    text-transform: none;}

.ver-menu-cust-ttl h3 {text-transform: none;margin-bottom: 20px;display: inline-block;height: 35px;box-shadow: 0 13px 0 -11px #da251c;}

.car-brand-logo-wrap .car-brand-logo {display: flex;width: 107px;justify-content: space-between;}

.car-brand-logo-wrap {display: flex;flex-direction: row;flex-wrap: wrap;width: 100%;}

.box-image {margin: 20px;}

.ver-menu-cust-ttl {text-align: center;}

.pos-sub-menu.menu-dropdown.col-xs-12.col-lg-0.menu_noanimation ,

.pos-menu-col.col-xs-12.col-lg-12.vr-menu-car-brands-list{   max-width: 1200px!important;    width: calc(100vw - 310px)!important;}



.menu-prod-search-by-model {    background: #efefef;    padding: 15px;    text-align: center;    margin-bottom: 0!important;}

.menu-prod-search-by-model a ,.attachment-button{

    text-transform: none!important;

    font-size: 20px!important;

    background: #da251c;

    color: white!important;

    width: fit-content;

    margin: 0 auto 10px auto!important;

    padding: 10px 20px;

    filter: drop-shadow(2px 4px 3px #0000003e);

    border-style: solid;

    border-width: 2px;

    border-color: #da251c;

    border-radius: 5px;

}



li.menu-item a {    font-weight: 500!important;}

.pos-sub-inner {    border-bottom: 2px solid #da251c;}



.pos-menu-col.col-xs-6.col-sm-3.hor-menu-prod-cat.hor-menu-prod-cat-multimedia{     background: url("/img/menu-images/multimedia.jpg");}

.pos-menu-col.col-xs-6.col-sm-3.hor-menu-prod-cat.hor-menu-prod-cat-enisxites {    background: url("/img/menu-images/amplifier.jpg");}

.pos-menu-col.col-xs-6.col-sm-3.hor-menu-prod-cat.hor-menu-prod-cat-hxeia{    background: url("/img/menu-images/hxeia.jpg");}

.pos-menu-col.col-xs-6.col-sm-3.hor-menu-prod-cat.hor-menu-prod-cat-fotismos {background: url("/img/menu-images/subwoofer.jpg");}



.pos-menu-col.col-xs-6.col-sm-3.hor-menu-prod-cat.hor-menu-prod-cat-aksesouar-egkat {background: url("/img/menu-images/aksesouar-egkatastasis.jpg");}

.pos-menu-col.col-xs-6.col-sm-3.hor-menu-prod-cat.hor-menu-prod-cat-ixomonotika {background: url("/img/menu-images/ixomonotika.jpg");}

.pos-menu-col.col-xs-6.col-sm-3.hor-menu-prod-cat.hor-menu-prod-cat-home-audio {background: url("/img/menu-images/home-audio.jpg");}

.pos-menu-col.col-xs-6.col-sm-3.hor-menu-prod-cat.hor-menu-prod-cat-mpataries {background: url("/img/menu-images/mpataries.jpg");}







.pos-menu-col.col-xs-6.col-sm-3.hor-menu-prod-cat.hor-menu-prod-cat-multimedia ,

.pos-menu-col.col-xs-6.col-sm-3.hor-menu-prod-cat.hor-menu-prod-cat-enisxites,

.pos-menu-col.col-xs-6.col-sm-3.hor-menu-prod-cat.hor-menu-prod-cat-hxeia,

.pos-menu-col.col-xs-6.col-sm-3.hor-menu-prod-cat.hor-menu-prod-cat-fotismos,

.pos-menu-col.col-xs-6.col-sm-3.hor-menu-prod-cat.hor-menu-prod-cat-aksesouar-egkat ,

.pos-menu-col.col-xs-6.col-sm-3.hor-menu-prod-cat.hor-menu-prod-cat-ixomonotika ,

.pos-menu-col.col-xs-6.col-sm-3.hor-menu-prod-cat.hor-menu-prod-cat-home-audio ,

.pos-menu-col.col-xs-6.col-sm-3.hor-menu-prod-cat.hor-menu-prod-cat-mpataries  {

    min-height: 204px;

    margin: 0 20px 0 0px;

    width:calc(26% - 40px);

    background-size: contain;

    background-repeat: no-repeat;

    background-position: right;

    text-align: right;

    padding-right: 220px;

}



.main-menu .pos-menu-horizontal .menu-content .menu-item .menu-dropdown .ul-column.column_dropdown .submenu-item > a:hover, .main-menu .pos-menu-horizontal .menu-content .menu-item .menu-dropdown .submenu-item .category-sub-menu a:hover {

    -moz-transform: translateX(-10px);

    -webkit-transform: translateX(-10px);

    -o-transform: translateX(-10px);

    -ms-transform: translateX(-10px);

    transform: translateX(-10px);



}

.submenu-item  a.column_title {    text-decoration: underline;    text-decoration-color: #da251c;}



.page-category .container-filter { padding: 0;}

.page-category .field-search .value-search {  max-width: 100%!important;}

.page-category  .wrapper {   margin-bottom: 40px;}

.page-category #left-column .filter-head-title ,

#search_filters .text-uppercase.h6

 {    color: #ffffff;    font-size: 22px;    padding:10px 20px;    font-weight: 200!important;    background:#da251c;    text-align:center;    border-radius: 4px 4px 0px 0px;     margin-bottom: 20px;   }

.page-category .container-filter {    margin-top: 0;}



#module-leopartsfilter-search .filter-type ul li a.active, .filter-type ul li a.active:hover {  background: #da251c;border:1px solid #870d07}

#module-leopartsfilter-search .filter-type ul li a:not([href]):not([tabindex]):not(.active) {border:1px solid black}





#module-leopartsfilter-search  #js-product-list-top .sort-by-row .products-sort-order .select-title,

#module-leopartsfilter-search  #products .btn.dropdown-toggle.btn-default{    border: 1px solid #ebebeb;   padding: 2px 15px;    line-height: 1.5rem;    margin: 0;    border-radius: 1.875rem;    color: #253237;    box-shadow: none;}

#module-leopartsfilter-search #js-product-list-top .col-md-6 {
  display: flex;
  width: 50%;
  align-items: center;
}

#module-leopartsfilter-search .container-filter {      margin-bottom: 50px;  background: #f8f8f8;}



.desc_contact-inner {padding:40px;   background:  url(/img/ps-audio-logo-opacity.png); background-size: contain;background-repeat:no-repeat;background-position:center;}

.desc_contact {    width: 100%;    margin: auto;    margin-bottom: 50px;    background: #f8f8f8 ;    padding: 20px;    max-width: 800px;    font-size: 16px;}



.cont-sec-wrap{display:flex;align-items: center;margin: 50px 0;}

.contact-form-wrap {    background: #f8f8f8;    padding: 25px;}

.contact-form-ps { padding: 30px;}

.js-product-miniature.style_product1 .manufacturer a {font-size: 18px;}

.js-product-miniature .img_block img {   /* max-width: 220px;*/}

#js-product-list .product_content.list .js-product-miniature .product_desc .product-desc {      padding: 0;}

.wrapper {   display: flex;}

.container-filter {    width: 100%;    margin: 0;}

.block.ets_block_search.ets_blog_ltr_mode,.block.ets_block_archive.ets_blog_ltr_mode {    display:none}

.page-content.page-not-found p {    text-align: center;    margin-top: 100px;    background: #efefef;    padding: 10px;}

.page-content.page-not-found h4 {    text-transform: none;}





a.attachment-button {    display: flex;      min-width: 250px;  width: 100%;flex-direction: column;    align-items: center;    text-align: left;}

section.b2b-attachments {    display: flex;    align-items: center;    flex-direction: column;}

.att-size {    font-size: 15px;}





.btn.btn-primary.full-left.ets-cb-btn-not-ok:hover {

    background: #253237 !important;

    color: #fff !important;

    border-color: #253237 !important;

}



.ets_cookie_banber_block.bottom {

    padding: 10px;

    display: flex;

    align-items: center;

    border: none;

    border-radius: 0;

}



.ets_cookie_banner_content p {    margin-bottom: 0;}



.ets_cookie_banber_block.bottom .ets_cookie_banner_footer {    margin-top: 0;}

a.btn.btn-primary.full-left.ets-cb-btn-not-ok {    margin-right: 15px;}

.ets_cookie_banber_block {

    width: 350px;

     border: none;

    border-top: 1px solid #000000!important;

    background: #000000a8!important;

    border-radius: 0;

    box-shadow: 0 0 7px -2px #ffffff;

}

.ets_cookie_banner_content p {color:white}

.ets_cookie_banner_content a {    color: #da251c;}

.ets_cookie_banner_footer a {    padding: 5px 15px;}



.b2b-attachments-wrap {

    background-image: url(/img/cms/car%20background-2.jpg);

    background-position: center right;

    background-repeat: no-repeat;

    margin-top: 20px;

    background-size: cover;

    padding: 60px;

    z-index: 1;

    position: relative;

}

.b2b-attachments-wrap .card-body {

    display: flex;

    justify-content: center;

}

h2.b2b-heading-title {

    color: white;

    text-align: center;

    text-transform: none;

    margin-bottom: 40px;

    font-size: 35px;

    padding: 40px 0;

}



section.b2b-attachments {

    display: flex;

    flex-wrap: wrap;

    flex-direction: row;

    justify-content: center;

justify-content: space-between;

    

}





section.b2b-attachments .attachment{

        width: calc(33% - 20px);

    margin-bottom: 20px;    margin-right: 20px;

}

.attachment-button{padding:10px;}

.b2b-rect{max-width: 520px!important;margin:auto;text-align: center;}

.b2b-rect h2{margin-bottom:0!important;}

.b2b-man img {

    width: 480px;

    position: absolute;

    left: 0;

    bottom: -190px;

    z-index: 0;

}



.elementor-5010000 .elementor-element.elementor-element-fzlomzv .pos-slideshow .slider-item {    background-position: right !important;}

.page-cart .page-title-wrapper .page-header h1{text-align:left;margin: 25px 0;}

.att-link {

    display: flex;    align-items: flex-end;

    justify-content: space-between;

}

.product-container a.dnl-bt {    background: #253237;    padding: 10px 20px;    color: white;    border-radius: 3px;    filter: drop-shadow(2px 4px 6px #0000003e);}

.product-container a.dnl-bt:hover {    background: #da251c;}

.product-container .tabs .nav-tabs .nav-item .nav-link {    background: white;    padding: 5px 10px;    border: 1px solid #ebebeb;    border-bottom: 0;}

.product-container .tabs .nav-tabs .nav-item .nav-link:hover, .tabs .nav-tabs .nav-item .nav-link.active {    background: #da251c;    color: white;    border-bottom: none;}

.product-container .tabs .nav-tabs .nav-item .nav-link:hover:after, .tabs .nav-tabs .nav-item .nav-link.active:after {    display: none;}

.product-container  ul.nav.nav-tabs {    display: flex;    justify-content: center;    width: 100%;}

.product-container .tabs .nav-tabs .nav-item {    width: 33.33%;}

.product-container .tabs .nav-tabs .nav-item:first-child .nav-link {    margin-left: 0;}

.product-container .tabs .nav-tabs .nav-item:nth-child(3) .nav-link {    margin-right: 0;}

.product-container ul.nav.nav-tabs li:nth-child(4) {    display: none;}

.post-description {    width: 100%;}

.ets-blog-list .post-wrapper {    display: flex;    align-items: center;}

.icon-rt-Agenda:before {    color: #da251c;    margin-right: 10px;    font-size: 17px;}

.smart-blog-post-readmore-btn a,a.r_more.btn.btn-default.button.button-small,.smart-blog-posts-info .comment-count-number{background:#253237}

.smart-blog-post-readmore-btn a:hover,a.r_more.btn.btn-default.button.button-small:hover{background:#da251c}

.smart-blog-posts-header-area .smart-blog-posts-info {   display: flex;    justify-content: center;    background: #ebebeb;    padding: 5px 0;}

.smart-blog-posts-header-area .smart-blog-posts-info span {    margin-right: 15px;}

.smart-blog-posts-header-area .smart-blog-posts-info i{color:#da251c}

.sdsreadMore.smart-blog-post-readmore-btn {    text-align: center;}

.block-categories .category-sub-menu li[data-depth='0'] > a {    padding: 0!important;    border-bottom: 1px solid #F5F5F5 !important;margin-bottom: 0 !important;}

.ets-blog-wrapper-detail {    padding-top: 0;}

h4.smart_blog_sidebar_title.hidden-sm-down {    text-transform: uppercase;}

.sdsarticleHeader.smart-blog-posts-header-area {    min-height: 190px;}

.smart-blog-posts-title a,a.ets_title_block{    color: #000000;    font-size: 22px;    line-height: 26px !important;text-transform: none;}

#_desktop_vegamenu .menu-item a span { width: 200px;  display: block;}

#manufacturer #main ul .brand-img {    border: none;    padding: 20px;}



#left-column .filter-type ul li a:not([href]):not([tabindex]){    border:1px solid black;    padding: 5px;}

#left-column .filter-type ul li a.active{    background: #da251c!important;    padding: 5px;    color:white;    border:1px solid #da251c!important;}

#left-column .filter-type ul li a:not([href]):not([tabindex]):hover,#left-column .filter-type ul li a.active:hover{border:1px solid #da251c;color:white;background:#da251c}

#left-column .container-filter .filter-type ul {    display: flex;    justify-content: space-between;}

#left-column #filter-type-2.leo-partsfilter .leo-partsfilter-submit .label {    padding: 10px 5px;    height: 53px;}

#left-column #filter-type-2 input{  padding: 15px 25px;}

#left-column .free-search-input {width: calc(100% - 100px)!important;}

#left-column div#filter-type-2 {    margin-bottom: 50px;    box-shadow: 2px 2px 11px 0 rgba(0, 0, 0, 0.1);    padding: 30px 10px;}

#left-column #filter-type-2 > div.block_content {    margin-bottom: 0;}

.leo-partsfilter .leo-partsfilter-submit .label:hover {    background: #da251c;}

.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) button {    height: 41px;}

#filter-type-2.leo-partsfilter .leo-partsfilter-submit .label{    height:53px;}

#search_filters .ui-slider .ui-slider-handle {    filter: drop-shadow(2px 4px 6px #0000003e);}

#left-column .filter-head-title {    padding-top: 0px;}

h6{text-transform:none}

table.TeknSpec_Tabell {   width: 100%!important;max-width:650px; background: #f1f1f1 !important;}

table.TeknSpec_Tabell td{padding:10px!important}

#poscookielaw { background-color: #00000096;padding: 10px;}

#poscookielaw #poscookielaw-accept {padding: 5px 10px;margin-right:10px;font-size:13px  ;background-color:#da251c ;border:none}

#posnewsletterpopup .pnp-newsletter-form .newsletter-input{    filter: drop-shadow(2px 4px 6px #0000003e);}

.breadcrumb.smart-blog-breadcrumb {    box-shadow: none;    margin: 0;    padding: 0!important;}

#wrapper .breadcrumb.smart-blog-breadcrumb li:last-child, 

#wrapper .breadcrumb.smart-blog-breadcrumb li:last-child a {    color: var(--hovercolor)!important;}

ul.ets-blog-list.row.blog-main-page {    border: 1px solid #ebebeb;    margin-bottom: 1.875rem;    padding: 1.25rem;}

span.icon-drop-mobile {    transform: none;}





.mob-menu-burg #mobile_vegamenu .car-brand-logo-wrap {    display: flex;    flex-direction: row;    width: 100%;}

.mobile-menu   .menu-content  .menu-item .vr-menu-car-brands-list li a {    padding: 0;}

.mobile-menu .menu-content .menu-item .vr-menu-car-brands-list a {    border: none;}

.vr-menu-car-brands-list .box-image {margin:10px}

.car-brand-logo-wrap .car-brand-logo{    width: 70px;}

.mob-menu-burg #mobile_vegamenu .vr-menu-car-brands-list .car-brand-logo-wrap {    margin-top: 20px;}

.mob-menu-burg #mobile_vegamenu .ver-menu-cust-ttl h3 {    height: unset;    margin-bottom: 0;    padding-bottom: 10px;}

.mobile-menu .menu-content .menu-item  .menu-sunergates a {    color: white;}

.fr-offer-banner figure .banner-title {    text-align: center;}

#product .product-description h2 {    font-weight: 400;}

.blog_view_all, .view_all_link{min-width:unset;}

a.view_all_link,

.blog_view_all, .view_all_link{

    text-transform: none;

    font-weight: 400;

    box-shadow: none;

    padding: 10px 30px;

    border-radius: 3px;

    display: inline-block;

    background: #253237;

    color: #ffffff;

    font-size: 0.875rem;

    line-height: 1.5;

}

.product-container a.dnl-bt {    text-align: center;}

.product-information-inner {    float: right;width: 50%;    padding: 0 25px;}

.payment-detail img {    max-width: 300px;    width: 100%;}

.social-links-footer img{width: 50px;}

.leofilter-pagination ul li a,
.leofilter-pagination ul li span{
    font-weight: 400;
    color: #253237;
    padding: 0;
    height: 2.25rem;
    background: #f6f6f6;
    font-size: 0.875rem;
    display: inline-flex;
    width: 2.25rem;
    border-radius: 100%;
    align-items: center;
    justify-content: center;
    margin: 0 2px;
    border:none;
}
.leofilter-pagination ul li span{ background: var(--hovercolor);    color: #ffffff;}
#search_filters_wrapper #search_filters .h6 {   line-height: 34px;   text-transform: uppercase !important;}
.block.leo-partsfilter .bootstrap-select.btn-group .dropdown-menu li a {    cursor: pointer;    width: 100%;    display: block;}
a.rt-banner-link {    width: 100%;    height: 100%;    display: block;}
#js-product-list .product-flag .out_of_stock,
.product_categoryslide  .product-flag .out_of_stock{    font-size: 18px;    padding: 10px;    height: 40px;    font-weight: 400;    margin-top: 7%;    display: block;    text-align: center;    background: #da251ce8;filter: drop-shadow(2px 4px 6px #0000003e);}
#js-product-list ul.product-flag,.product_categoryslide  ul.product-flag  {    width: calc(100% - 20px);    text-align: left;}

.stat-b2b-top .b2b-header{
    width: 100vw !important;
    left: calc((-1*(100vw - 100%) / 2)) !important;
    position: relative;
    background-image: url(/img/cms/b2bcarbackground.jpg);
    background-position: center center;
    background-attachment: fixed;
    background-size: cover;
    padding: 100px;
}
.stat-b2b-top .b2b-header h2{    color: #da251c;    font-family: "Roboto", sans-serif;    font-weight: 400;text-align:center;    font-size: 49px;}
.b2b-l {    width: 50%;    margin-top: -35px;    z-index: 1;    position: relative;}
.b2b-r {    width: 40%;    margin-left: 40px;}
.b2br-l-wrap {    display: flex;    align-items: center;}
h2 {    color: #da251c;    font-weight: 400;    font-size: 26px;    margin-bottom: 25px;    text-transform: none;}
.b2b-l  {  text-align:right;}
.b2b-l img {  max-width: 480px;}
.b2b-virt.product-description a {
    text-align: center;
    text-transform: none !important;
    font-size: 20px !important;
    background: #da251c;
    color: white !important;
    padding: 10px 20px;
    filter: drop-shadow(2px 4px 3px #0000003e);
    border-style: solid;
    border-width: 2px;
    border-color: #da251c;
    border-radius: 5px;
    margin: 20px;
    width: 100%!important;
    min-width: 200px !important;
        display: flex;
    align-items: center;
    justify-content: center;
}
.b2b-virt.product-description p {    display: flex;    width: 33.3%;    margin: 0;    flex-direction: row;    flex-wrap: wrap;}
.b2b-virt.product-description {    width: 100%;    display: flex;    flex-wrap: wrap;}
.b2b-desc {
    width: 100vw !important;
    left: calc((-1*(100vw - 100%) / 2)) !important;
    position: relative;
    background: #f4f4f4;
    margin-bottom: 100px;
    padding: 60px 40px;
}
a.attachment-button:hover,.b2b-virt.product-description a:hover{    background: white;    border-color: #ffffff;    color: black!important;}
#search .filter-head-title {    display: none;}
#search .container-filter {padding: 0 15px 0!important;}
#mobile-megamenu .pos-menu-horizontal .hor-menu-prods-wrap {display: none!important; }
.category-oem-othones .block-categories{display:none}
.ets-blog-wrapper-content img {   padding: 20px 0;}
.ets-blog-wrapper-content p {    font-size: 15px!important;    font-family: 'Open Sans'!important;}
a.ets_title_block {    font-weight: 400;}
#cart .page-title-wrapper.p_tilte_small {   padding-bottom: 0;}
#cart .product-line-grid-body.col-md-8.col-xs-8 {    width: 89%;}
#cart .col-md-4.col-xs-12.product-price-and-shipping.product-price.h5.has-discount {    width: 50%;}
#cart .col-md-3.col-xs-12.qty {    width: 50%;}
.product-description img {    width: auto!important;height: 250px !important;}
.row.product-container.product-layout1 .col-lg-12 {    float: left;    width: 100%;}
.es-general-summary-card .es-general-summary-card-buttons {align-items: stretch;}
button.es-button.es-button-medium.es-general-summary-card-button-secondary {flex: 1;display: flex;align-items: center;}
.manufacturer {    margin: 25px 0;}
.delivery-note {
    background: #feeaea;
    text-align: center;
    color: red;
    padding: 5px;
}
.fr-antal-kateg img {    display: none;}
.product-container.product-layout1  ul.product-flag li {    margin-right: 10px;}
button.lgcookieslaw-button.lgcookieslaw-reject-button,button.lgcookieslaw-button.lgcookieslaw-accept-button {font-size:12px}

#lgcookieslaw_banner{padding:10px 0}
section.product-attachments .att-link {margin-bottom:20px}
#search .block-categories {    display: none;}






@media(max-width:1689px){

.pos-menu-col.col-xs-6.col-sm-3.hor-menu-prod-cat.hor-menu-prod-cat-multimedia, .pos-menu-col.col-xs-6.col-sm-3.hor-menu-prod-cat.hor-menu-prod-cat-enisxites, .pos-menu-col.col-xs-6.col-sm-3.hor-menu-prod-cat.hor-menu-prod-cat-hxeia, .pos-menu-col.col-xs-6.col-sm-3.hor-menu-prod-cat.hor-menu-prod-cat-fotismos,

.pos-menu-col.col-xs-6.col-sm-3.hor-menu-prod-cat.hor-menu-prod-cat-aksesouar-egkat ,

.pos-menu-col.col-xs-6.col-sm-3.hor-menu-prod-cat.hor-menu-prod-cat-ixomonotika ,

.pos-menu-col.col-xs-6.col-sm-3.hor-menu-prod-cat.hor-menu-prod-cat-home-audio ,

.pos-menu-col.col-xs-6.col-sm-3.hor-menu-prod-cat.hor-menu-prod-cat-mpataries  {

    margin-left: 10px;

}

.pos-menu-row.row.hor-menu-prods-wrap {    display: flex;    justify-content: space-between;}

}
@media(max-width:1689px) and (min-width:1343px) {
.pos-menu-col.col-xs-6.col-sm-3.hor-menu-prod-cat.hor-menu-prod-cat-mpataries {    margin-left: -25%;}
}


@media(max-width:1686px){

.pos-menu-col.col-xs-6.col-sm-3.hor-menu-prod-cat.hor-menu-prod-cat-multimedia, .pos-menu-col.col-xs-6.col-sm-3.hor-menu-prod-cat.hor-menu-prod-cat-enisxites, .pos-menu-col.col-xs-6.col-sm-3.hor-menu-prod-cat.hor-menu-prod-cat-hxeia, .pos-menu-col.col-xs-6.col-sm-3.hor-menu-prod-cat.hor-menu-prod-cat-fotismos,

.pos-menu-col.col-xs-6.col-sm-3.hor-menu-prod-cat.hor-menu-prod-cat-aksesouar-egkat ,

.pos-menu-col.col-xs-6.col-sm-3.hor-menu-prod-cat.hor-menu-prod-cat-ixomonotika ,

.pos-menu-col.col-xs-6.col-sm-3.hor-menu-prod-cat.hor-menu-prod-cat-home-audio ,

.pos-menu-col.col-xs-6.col-sm-3.hor-menu-prod-cat.hor-menu-prod-cat-mpataries {

    padding-right: 190px;    background-size:180px;    background-position:bottom 8px right -10px;}

}



@media(max-width:1550px){

    .elementor-5010000 .elementor-element.elementor-element-fzlomzv .pos-slideshow .slider-item {    background-position: right 17% center !important;}

}



@media(max-width:1536px){

.pos-menu-col.col-xs-6.col-sm-3.hor-menu-prod-cat.hor-menu-prod-cat-multimedia, .pos-menu-col.col-xs-6.col-sm-3.hor-menu-prod-cat.hor-menu-prod-cat-enisxites, .pos-menu-col.col-xs-6.col-sm-3.hor-menu-prod-cat.hor-menu-prod-cat-hxeia, .pos-menu-col.col-xs-6.col-sm-3.hor-menu-prod-cat.hor-menu-prod-cat-fotismos,

.pos-menu-col.col-xs-6.col-sm-3.hor-menu-prod-cat.hor-menu-prod-cat-aksesouar-egkat ,

.pos-menu-col.col-xs-6.col-sm-3.hor-menu-prod-cat.hor-menu-prod-cat-ixomonotika ,

.pos-menu-col.col-xs-6.col-sm-3.hor-menu-prod-cat.hor-menu-prod-cat-home-audio ,

.pos-menu-col.col-xs-6.col-sm-3.hor-menu-prod-cat.hor-menu-prod-cat-mpataries {

    padding-right: 190px;    background-size:180px;    background-position:top 45px right -10px;}

}

@media(max-width:1460px){#lgcookieslaw_banner .container{width:100%}

.lgcookieslaw-button-container .lgcookieslaw-reject-button,
.lgcookieslaw-button-container .lgcookieslaw-accept-button{min-height: 30px;}
}





@media(max-width:1342px){

.pos-menu-col.hor-menu-prod-cat {width: calc(480px - 40px)!important;position: relative;margin-bottom: 50px!important;}

.pos-menu-row.row.hor-menu-prods-wrap {    display: flex;    flex-direction: row;    align-items: center;    flex-wrap: wrap;    justify-content: center;}

}



@media(max-width:1199px) and (min-width:768px){

    .fr-bst-carousel .style_product_list {    display: flex;    flex-direction: column;    width: 100%;    align-items: center;}

    .fr-bst-carousel .style_product_list .product_desc {width: 100%;    display: flex;    align-items: center;}

    .fr-bst-carousel .js-product-miniature .product_desc .product_name {    width: 100%;    white-space: normal;    text-align: center;    margin-bottom: 0;}

    .fr-bst-carousel .product-price-and-shipping .price{font-size:20px;color:#da251c}

    .fr-bst-carousel .slick-slide > div:last-child {display: none;}

}

@media(max-width:1150px){
    .prod-inner-reass {  display: none;}
}

@media(max-width:1139px) and (min-width:890px){

span.smart-bg-views {    display: block;    width: 100%;    text-align: center;}

.smart-blog-posts-header-area .smart-blog-posts-info {    display: flex;    flex-direction: row;    flex-wrap: wrap;}

.smart-blog-posts-title a, a.ets_title_block {    display: -webkit-box;    -webkit-line-clamp: 3;    -webkit-box-orient: vertical;    overflow: hidden;}

}

@media (max-width: 1099px) {

    .product-information-inner {        float: left;        padding: 30px;        width: 100%;    }

}

@media(max-width:1024px){

    .ftr-col-2r{margin-top:40px}
    .has-quickmenu #footer {padding-bottom: 0;    }
}
@media(max-width:991px){
.not-show-in-mob {display: none;}
.show-in-mob {    text-align: center;}
.cart-more-products {    display: none;}
}

@media(max-width:989px){

    .product-manufacturer {    text-align: center;}

}
@media(max-width:980px){
    section.b2b-attachments .attachment {  width: calc(50% - 20px);}
}


@media(max-width:942px) and (min-width:768px){

.home-four-points .elementor-image-box-wrapper {    display: flex;    flex-direction: column;    flex-wrap: wrap;}

.home-four-points .elementor-image-box-content {    text-align: center;}

.home-four-points .elementor-image-box-wrapper .elementor-image-box-img {    width: 100px!important;    text-align: center;    margin: 15px;    margin-top: 0;}

}









@media(max-width:889px){

    div#smartblogcat .sdsarticleCat {    width: 100%;    margin-right: 0;}

    .sdsarticleHeader.smart-blog-posts-header-area {    min-height: unset!important;}

}
@media(max-width:880px){
    .b2br-l-wrap {    display: flex;    flex-direction: column-reverse;}
    .b2b-r{width:100%;margin:50px 0}
    .b2b-l{width:100%;text-align: center;}
    }
@media(max-width:767px){

    .home-four-points .elementor-row .elementor-column{width: 50%;margin:20px 0}

    .fr-offer-banner figure {    margin-top:40px; height: 350px;    }

    .fr-texn-them .elementor-widget-container {    padding: 30px!important;}

    .fr-texn-them .elementor-image-box-img{width:100%!important}

    .ftr-col-1r .elementor-column-wrap .elementor-widget-wrap {    display: flex;    justify-content: center;}

    .ftr-col-1r .elementor-image-box-wrapper {    text-align: center!important;}

    .ftr-col-1r img{width:200px}

    .ftr-col-1r {margin-bottom:30px}

    .ftr-3col-foot{text-align:center;}

    .ftr-3col-foot .elementor-column-wrap .elementor-widget-wrap{display: flex;justify-content: center;}

    .ftr-3col-foot .elementor-widget-wrap img{text-align:center}

    .ftr-col-2r .pos-socials-widget ul {    display: flex;    justify-content: center;}

    .company-top-sec img {    width: 120px;}

    .company-top-sec .elementor-widget-container{    padding:0!important;}

    .page-title-wrapper {    margin-bottom: 0;}

    #search_filters_wrapper {    padding: 30px;    filter: drop-shadow(2px 4px 6px #0000003e);    margin-bottom: 40px;}

    #category #left-column #search_filters_wrapper:before {    background: #f3f3f3;    content: "";    width: 100vw;    height: 100%;    position: absolute;    z-index: -2;    top: 0;    left: 15px;    filter: drop-shadow(2px 1px 6px #0000003e);}
    
    .social-links-footer .elementor-row {    display: flex;    flex-direction: row;    flex-wrap: nowrap;}
.footer-bottom-links  .ftr-3col-foot{order:2}
.footer-bottom-links  .ftr-3col-foot.ftr-cards{order:1;}
.footer-bottom-links  .ftr-3col-foot.ftr-cards .elementor-widget-wrap{display:flex;justify-content: center!important;}
.product-information-inner {    z-index: 999;    position: relative;}

}

@media (max-width:767px) and (min-width:576px){
    .smart-blog-posts-title a, a.ets_title_block {    font-size: 17px;}
    ul.ets-blog-list.row.blog-main-page li {   padding: 0;margin-bottom:50px}
    .ets_blog_layout_list .post-wrapper {    display: flex;    flex-direction: column;}
 }
 
@media (max-width:767px) and (min-width:400px){
.lgcookieslaw-button-container button {    width: calc(49% - 10px)!important;}
button.lgcookieslaw-button.lgcookieslaw-reject-button button {    width: 50%!important;}
.lgcookieslaw-button-container {    display: flex!important;    flex-direction: row;}
button.lgcookieslaw-button.lgcookieslaw-reject-button {    margin-bottom: 0;}
}

@media(max-width:760px){
    .b2b-virt.product-description p {       width: 100%;}
}
@media(max-width:680px){
    section.b2b-attachments .attachment { width: calc(100% - 20px);}
    .b2b-attachments-wrap {    padding: 20px;}
}

@media (max-width: 639px){

    .product-container .tabs .nav-tabs .nav-item .nav-link {    border: 1px solid #ebebeb;}

        .home-four-points .elementor-row .elementor-column figure {    width: 50px!important;    margin-right: 10px!important;}

    .product-container .tabs .nav-tabs .nav-item .nav-link{border-bottom:none;font-size: 1rem;}

    .tabs .nav-tabs .nav-item:not(:last-child) {     margin-bottom: 0;     }

    .product-container .tabs .nav-tabs .nav-item {    width: 33.33%;}

    .tabs .nav-tabs .nav-item .nav-link {        margin:unset;              display: block;    }

}



@media(max-width:575px)

{

#category #js-product-list-top .col-sm-9.col-xs-8.col-md-9.products-sort-order.dropdown{width: 100%;max-width: unset!important;margin: 10px 0;}

#category #js-product-list-top  .row.sort-by-row.flex-end {    display: flex;    flex-direction: row;    width: 100%;}

#category #js-product-list-top  .row.flex-layout.center-vertical {    display: flex;    flex-wrap: nowrap;}

#category #js-product-list-top .row.flex-layout.center-vertical .total-products {width: 100px;}

#category #js-product-list-top.products-selection .sort-by-row {    padding-TOP: 0;}

#category #js-product-list-top  .row.flex-layout.center-vertical .col-xs-12.col-sm-8.col-md-6:last-child{display:flex;justify-content: space-between;}

#category #left-column #search_filters_wrapper:before {   left: 0;}

 span.smart-bg-views {    display: block;    width: 100%;    text-align: center;}

.smart-blog-posts-header-area .smart-blog-posts-info {    display: flex;    flex-direction: row;    flex-wrap: wrap;}   

 .ets-blog-list .post-wrapper {display: flex;    flex-direction: column;}   

    

}



@media (max-width:560px){

.mob-menu-burg ,.mob-user-cart{width: 100px!important;}

.mob-logo{width:calc(100% - 200px)!important;}

.mob-logo img{width:120px;}

.mob-logo .elementor-column-wrap{padding:10px 0!important}

}



@media (max-width:535px){

.home-four-points .elementor-row .elementor-column .elementor-widget-container .elementor-image-box-wrapper {

    display: flex;

    flex-direction: column;

    align-items: center;

    text-align: center;

}

.home-four-points .elementor-row .elementor-column figure{width: 100%!important;margin-right: 0!important;}

.product-description .woocommerce-product-attributes.shop_attributes {width: 100%!important;}

.attachment .att-link {    display: flex;    flex-direction: column;    align-items: center;}

.product-attachments .h3 {    margin-bottom: 40px;}    

.tabs .tab-content {    padding: 2.125rem 0.875rem 1.125rem 0.875rem;}

    

}


@media(max-width:480px){
.b2b-l img{max-width:unset;width:100%}
h2.b2b-heading-title {   font-size: 25px;}
.stat-b2b-top .b2b-header h2 { font-size: 35px;}
.stat-b2b-top .b2b-header {    padding: 80px 20px;}
}


@media (max-width:460px){

    .home-four-points .elementor-row .elementor-column .elementor-widget-container .elementor-image-box-wrapper {

    display: flex;

    flex-direction: row;

    align-items: center;

    text-align: center;

    flex-wrap: nowrap;

}

.home-four-points .elementor-row .elementor-column {    width: 100%;background: white;    padding: 15px 0;    margin: 10px 0px;}

.home-four-points .elementor-row .elementor-column figure {    width: 80px!important;    margin-right: 0 !important;}

.home-four-points .elementor-widget-image-box .elementor-image-box-content {    max-width: unset;}

.product-container .tabs .nav-tabs .nav-item .nav-link {    font-size: 14px;}

    

}



@media (max-width:440px){

        .fr-bst-carousel .style_product_list {    display: flex;    flex-direction: column;    width: 100%;    align-items: center;}

    .fr-bst-carousel .style_product_list .product_desc {width: 100%;    display: flex;    align-items: center;}

    .fr-bst-carousel .js-product-miniature .product_desc .product_name {    width: 100%;    white-space: normal;    text-align: center;    margin-bottom: 0;}

    .fr-bst-carousel .product-price-and-shipping .price{font-size:20px;color:#da251c}

}





@media(max-width:420px){

    .fr-offer-banner .banner-title {font-size: 40px!important;}

    .fr-texn-them  .elementor-image-box-title{    font-size:28px!important}

.fr-texn-them .elementor-widget-container {    padding: 15px!important;}

#poscookielaw {display: flex;justify-content: center;}

#poscookielaw p {    width:100%;    margin-right: 0px;}

#poscookielaw #poscookielaw-accept { margin-top:15px;   width: 90px;}

 .product-information-inner {        padding: 10px;    }

}



























@media (min-width:420px){

#poscookielaw {    display: flex;    justify-content: space-between;}

#poscookielaw p {    width: calc(100% - 110px);    margin-right: 10px;}

#poscookielaw #poscookielaw-accept {    width: 90px;}

}

@media (min-width: 768px){

    .pos-search.pos-search-categories .search-clear {    right: 12.75rem;}

    .fr-offer-banner figure {    height: 500px;}
.lgcookieslaw-reject-button-enabled .lgcookieslaw-button-container{width:20%}
.lgcookieslaw-reject-button-enabled .lgcookieslaw-banner-message {    width: calc(80% - 10px);}
}

@media (min-width: 1024px){

    table.TeknSpec_Tabell {    width: 100%!important;    background: #f1f1f1 !important;}

}

@media (min-width: 984px){

#js-product-list-top .sort-by-row .products-sort-order {    width: 250px;}

#js-product-list-top .total-products{    width: 50%;}

#js-product-list-top .col-xs-12.col-sm-8.col-md-6 {width:48%}

#js-product-list-top .sort-by-row .sort-by{width: 155px;}

}
@media(min-width:992px){
.show-in-mob {display: none;}
}
@media(min-width:1151px){
    .prod-inner-reass-mob {  display: none;}
}
@media (min-width: 1200px){

   .fr-offer-banner figure {    height: 240px;}

}

@media(min-width:1343px){

.pos-menu-row.row.hor-menu-prods-wrap {        display: flex;        justify-content: space-between;        flex-wrap: wrap;    }

.main-menu .pos-menu-horizontal .menu-content .menu-item .menu-dropdown .pos-menu-row .pos-menu-col {   max-height: 210px; margin-bottom: 3.25rem;}

}



@media (min-width: 1399px){

   .fr-offer-banner figure {    height: 290px;}

}