@font-face{font-family:'montserrathairline';src:url(https://md-producciones.com/wp-content/themes/kana-wp/fonts/montserrat-hairline-webfont.eot);src:url(https://md-producciones.com/wp-content/themes/kana-wp/fonts/montserrat-hairline-webfont.eot?#iefix) format('embedded-opentype') , url(https://md-producciones.com/wp-content/themes/kana-wp/fonts/montserrat-hairline-webfont.woff2) format('woff2') , url(https://md-producciones.com/wp-content/themes/kana-wp/fonts/montserrat-hairline-webfont.woff) format('woff') , url(https://md-producciones.com/wp-content/themes/kana-wp/fonts/montserrat-hairline-webfont.ttf) format('truetype') , url(https://md-producciones.com/wp-content/themes/kana-wp/fonts/montserrat-hairline-webfont.svg#montserrathairline) format('svg');font-weight:normal;font-style:normal}@font-face{font-family:'montserratlight';src:url(https://md-producciones.com/wp-content/themes/kana-wp/fonts/montserrat-light-webfont.eot);src:url(https://md-producciones.com/wp-content/themes/kana-wp/fonts/montserrat-light-webfont.eot?#iefix) format('embedded-opentype') , url(https://md-producciones.com/wp-content/themes/kana-wp/fonts/montserrat-light-webfont.woff2) format('woff2') , url(https://md-producciones.com/wp-content/themes/kana-wp/fonts/montserrat-light-webfont.woff) format('woff') , url(https://md-producciones.com/wp-content/themes/kana-wp/fonts/montserrat-light-webfont.ttf) format('truetype') , url(https://md-producciones.com/wp-content/themes/kana-wp/fonts/montserrat-light-webfont.svg#montserratlight) format('svg');font-weight:normal;font-style:normal}@font-face{font-family:'montserratregular';src:url(https://md-producciones.com/wp-content/themes/kana-wp/fonts/montserrat-regular-webfont.eot);src:url(https://md-producciones.com/wp-content/themes/kana-wp/fonts/montserrat-regular-webfont.eot?#iefix) format('embedded-opentype') , url(https://md-producciones.com/wp-content/themes/kana-wp/fonts/montserrat-regular-webfont.woff2) format('woff2') , url(https://md-producciones.com/wp-content/themes/kana-wp/fonts/montserrat-regular-webfont.woff) format('woff') , url(https://md-producciones.com/wp-content/themes/kana-wp/fonts/montserrat-regular-webfont.ttf) format('truetype') , url(https://md-producciones.com/wp-content/themes/kana-wp/fonts/montserrat-regular-webfont.svg#montserratregular) format('svg');font-weight:normal;font-style:normal}@font-face{font-family:'montserratbold';src:url(https://md-producciones.com/wp-content/themes/kana-wp/fonts/montserrat-bold-webfont.eot);src:url(https://md-producciones.com/wp-content/themes/kana-wp/fonts/montserrat-bold-webfont.eot?#iefix) format('embedded-opentype') , url(https://md-producciones.com/wp-content/themes/kana-wp/fonts/montserrat-bold-webfont.woff2) format('woff2') , url(https://md-producciones.com/wp-content/themes/kana-wp/fonts/montserrat-bold-webfont.woff) format('woff') , url(https://md-producciones.com/wp-content/themes/kana-wp/fonts/montserrat-bold-webfont.ttf) format('truetype') , url(https://md-producciones.com/wp-content/themes/kana-wp/fonts/montserrat-bold-webfont.svg#montserratbold) format('svg');font-weight:normal;font-style:normal}.animated-3s{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated{-webkit-animation-duration:.6s;animation-duration:.6s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}.animated.bounceIn,.animated.bounceOut{-webkit-animation-duration:.75s;animation-duration:.75s}.animated.flipOutX,.animated.flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

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

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

  90% {
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }
}@keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

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

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

  90% {
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }
}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash {
  from, 50%, to {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}@keyframes flash {
  from, 50%, to {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}@keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}.swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble {
  from {
    -webkit-transform: none;
    transform: none;
  }

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

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

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

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

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

  to {
    -webkit-transform: none;
    transform: none;
  }
}@keyframes wobble {
  from {
    -webkit-transform: none;
    transform: none;
  }

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

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

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

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

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

  to {
    -webkit-transform: none;
    transform: none;
  }
}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello {
  from, 11.1%, to {
    -webkit-transform: none;
    transform: none;
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}@keyframes jello {
  from, 11.1%, to {
    -webkit-transform: none;
    transform: none;
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}.jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

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

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

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

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

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }

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

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

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

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

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

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

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

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}@keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

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

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

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

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}@keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

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

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}@keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}@keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
}@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
}.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}@keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}@keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}@keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}@keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
    transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}@keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
    transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

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

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

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

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

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

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

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

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

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

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

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

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

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

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

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

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

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

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}@keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

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

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}.flipOutY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }

  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}@keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }

  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}@keyframes lightSpeedOut {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

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

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

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

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

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

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

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

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

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

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

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

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

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

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

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

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

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

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

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

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}.hinge{-webkit-animation-name:hinge;animation-name:hinge}@-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}@-webkit-keyframes rollOut {
  from {
    opacity: 1;
  }

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

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

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

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

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

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

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

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

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

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

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

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

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

  to {
    opacity: 0;
  }
}@keyframes zoomOut {
  from {
    opacity: 1;
  }

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

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

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

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }

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

  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
    transform: scale(.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }

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

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

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

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

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

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

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

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

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

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

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

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}*{margin:0;padding:0}body{background:#fff;font-weight:normal;position:relative;font-size:14px;font-family:'Montserrat',sans-serif}#wrap{position:relative;width:100%;overflow:hidden}h1,h2,h3,h4,h5,h6{font-weight:normal;color:#333;font-family:'Montserrat',sans-serif;font-weight:bold}h1{font-size:48px}h2{font-size:40px;font-weight:bold}h3{font-size:36px}h4{font-size:30px}h5{font-size:26px}h6{font-size:16px}p{font-family:inherit;color:#666;font-size:16px;line-height:30px;text-rendering:optimizeLegibility}a{-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;text-decoration:none!important;font-family:'Montserrat',sans-serif}img{-webkit-transition:.4s ease-in-out;-moz-transition:.4s ease-in-out;-ms-transition:.4s ease-in-out;-o-transition:.4s ease-in-out;transition:.4s ease-in-out;display:inline-block!important}ul{margin-bottom:0}li{list-style:none}a{text-decoration:none;color:#141414}.font-playfair{font-family:'Playfair Display',serif}.font-montserrat{font-family:'Montserrat',sans-serif}.font-montserrat{font-family:'Montserrat',sans-serif}.font-hair-line{font-family:'montserrathairline'}.font-light{font-family:'montserratlight'}.font-regular{font-family:'montserratregular'}.font-extra-bold{font-family:'montserratbold'}.text-transform-none{text-transform:none!important}.text-white{color:#fff!important}.text-bold{font-weight:bold!important}.text-normal{font-weight:normal!important}.font-12px{font-size:12px!important}.font-14px{font-size:14px!important}.font-16px{font-size:16px!important}.font-18px{font-size:18px!important}.font-20px{font-size:20px!important}.font-bold{font-weight:bold!important}.font-normal{font-weight:normal!important}.white-text{color:#fff!important}.font-italic{font-style:italic}.font-bold{font-weight:bold!important}a:hover,a:focus{}.text-color-primary{color:#f6b138}.border-bottom-1{border-bottom:1px solid #ededed}.position-center-center{left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.dark-pattern{background:url(https://md-producciones.com/wp-content/themes/kana-wp/images/portfolio/2/bg-parallax-1.png) repeat}.white-bg{background:#fff}.orange-bg{background:#f6772c}.light-gray-bg{background:#e5e9ea}.relative{position:relative}.line-height-24{line-height:24px!important}.dark-text p{color:#141414}section{position:relative;overflow:hidden;width:100%;background:#fff}.btn{background:none;display:inline-block;font-size:16px;text-transform:uppercase;padding:20px 60px;font-weight:normal;border-radius:0;letter-spacing:1px;color:#fff;position:relative;overflow:hidden;border:1px solid #fff;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out}.btn:hover{color:#131313;background:#fff}.btn-dark{color:#666;border:1px solid #666}.btn-dark:hover{background:#666;color:#fff}.heading-block{margin-bottom:50px;display:inline-block;width:100%}.heading-block h6{font-family:'Playfair Display',serif;text-transform:uppercase;font-weight:500;margin:0;margin-bottom:55px}.heading-block hr{width:90px;height:8px;border:none;margin:0;margin-left:-45px;background:#333;margin-bottom:48px}.heading-block h3{text-transform:uppercase;line-height:46px;margin:0;letter-spacing:2px;font-family:'montserratlight'}.heading-block h3 span{font-family:'montserratregular'}.heading-block.center hr{margin:0 auto;margin-bottom:45px}.top-bar{background:#ececec;height:43px}.top-bar p{font-size:11px;letter-spacing:1px;line-height:43px;margin:0}.top-bar ul li{display:inline-block}.top-bar .social-top a{line-height:43px;color:#909090;font-size:11px;margin:0 5px}header{display:inline-block;position:absolute;width:100%;z-index:999;margin:0 auto;left:0;right:0;margin-top:100px}header .sticky{padding:0 10%}header .logo{float:left;position:absolute;text-align:left;z-index:9999;margin-top:5px}header nav{display:inline-block;width:100%;float:right;position:relative;z-index:999;min-height:50px;text-align:right}header nav li a{padding:15px 0;margin:0;margin-top:1px;border-color:transparent;text-decoration:none;line-height:20px;text-transform:uppercase;color:#fff;letter-spacing:2px;float:left;font-size:13px;font-weight:normal;position:relative}header nav .simpleNav li{padding:0 15px}header nav li a:hover{color:#fff}header nav li.current-menu-item a{color:#fff}header nav li.current-menu-item a:after{width:15px}header nav li a:hover:after{width:15px}header nav li a:after{display:block;position:absolute;left:0;bottom:5px;width:0;height:2px;background-color:#fff;content:"";-webkit-transition:all .2s;-moz-transition:all .2s;-o-transition:all .2s;transition:all .2s}header .simpleNav li.current-menu-item .sub-menu a:after{opacity:0}header .simpleNav li.current-menu-item .sub-menu a:hover:after{opacity:1}header nav li .sub-menu a:after{height:1px;bottom:-1px}header .simpleNav li .sub-menu a:hover:after{width:100%}header nav li .megamenu a:after{height:1px;bottom:-1px}header .simpleNav ul.sub-menu{padding-bottom:0;background:#141414;padding:5px 0}header .simpleNav ul.sub-menu li a{text-transform:uppercase;line-height:20px;background:none;color:#6f6f6f!important;font-size:12px;display:inline-block;width:100%;font-weight:normal;letter-spacing:0;padding-right:0;text-align:left;padding:7px 20px;border-bottom:1px solid rgba(255,255,255,.06)}header .simpleNav ul.sub-menu li:nth-last-child(1) a{border-bottom:none}header .simpleNav ul.sub-menu li a:hover{color:#fff!important;background:none}header .simpleNav li>.megamenu li a:hover{color:#fff!important}header .simpleNav li>.megamenu li a{text-transform:uppercase;border:none!important;line-height:40px;background:none;color:#6f6f6f!important;font-size:12px;display:inline-block;width:100%;font-weight:normal;letter-spacing:0;padding-right:0;text-align:left;padding:0}header ul.sub-menu{}header .simpleNav .megamenu hr{width:23px;height:3px;background:#eeb013;margin:15px 0;border:none;display:inline-block}header ul.sub-menu li{padding:0}header ul.sub-menu li:hover{background:none}header .simpleNav .megamenu h6{color:#fff;font-size:12px;font-weight:normal;text-transform:uppercase;margin-top:0}header .simpleNav .megamenu img{width:auto;margin-top:-1px}header .simpleNav>li>.megamenu.full-width{background:#141414;padding:50px;padding-bottom:40px}header .simpleNav>li>.megamenu.full-width li{text-align:left}header nav .simpleNav .indicator{margin-left:5px;display:none}.sticky-wrapper{height:auto!important}.sticky-wrapper .sticky{width:100%}.is-sticky .sticky .logo{margin-top:0}.is-sticky .sticky{padding-top:15px;padding-bottom:15px;background:rgba(0,0,0,.9);-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out}.simpleNav ul.sub-menu{top:51px}.is-sticky .sticky .simpleNav ul.sub-menu{top:55px}.is-sticky .sticky .simpleNav ul.sub-menu li ul.sub-menu{top:inherit}.simpleNav>li>.megamenu{top:46px}.home-agency{text-align:center}.home-agency h1{font-size:110px;color:#fff;letter-spacing:-5px}.home-agency h3{font-size:36px;color:#fff;font-weight:normal}.home-agency p{font-size:16px;color:#fff;font-weight:normal}.home-agency{background:url(https://md-producciones.com/wp-content/themes/kana-wp/images/bg/xbg-agency.jpg.pagespeed.ic.0FG0UzMoI4.jpg) center center no-repeat;background-size:cover}.home-agency .ag-text{margin-top:100px}.sub-bnr{min-height:850px;text-align:center}.sub-bnr h3{color:#fff;font-size:50px;font-weight:normal;text-transform:uppercase;line-height:70px;margin-top:100px}.sub-bnr .position-center-center{width:100%}.sub-bnr h3 span{font-weight:bold}.sub-bnr small{font-size:36px;color:#fff;width:100%;display:inline-block}.sub-bnr p{color:#fff}.parallax-bg{background-size:cover!important}.who-we-are{background:url(https://md-producciones.com/wp-content/themes/kana-wp/images/bg/xbg-who-we.jpg.pagespeed.ic.5CNBFJm9f0.jpg) center top fixed no-repeat}.portfolio{background:none}.portfolio-in:before{content:"";position:absolute;margin-top:150px;width:100%;height:100%;top:0;background:#91a8ae}.portfolio-in .container{position:relative;z-index:2}.portfolio .port-item{position:relative;overflow:hidden;padding:22px;background:#fff}.portfolio .port-item img{width:100%}.portfolio article{position:relative;overflow:hidden;text-align:center}.portfolio .position-center-center{width:100%;padding:0 50px;display:none}.port-item-up{margin-top:-150px}.portfolio .port-hover{position:absolute;height:100%;width:100%;top:0;left:0;opacity:0;background:rgba(0,0,0,.9);-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out}.portfolio .hover-content{background:none;position:relative}.portfolio .hover-content .position-center-center{border:5px solid #fff;bottom:auto!important;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.portfolio .port-hover.no-bg{background:none!important}a.big-border{border:5px solid #fff;display:inline-block;padding:30px 0;font-size:30px;font-weight:bold}a.big-border:hover{border:5px solid #f6772c}.portfolio .port-item:hover .port-hover{opacity:1}.portfolio .port-item:hover .position-center-center{display:block}.portfolio .port-hover a{height:100%;width:100%;position:absolute;z-index:9;left:0;top:0}.portfolio .port-hover span{font-style:italic;font-size:14px;color:#f6772c;width:100%;display:inline-block}.portfolio .port-hover h6{color:#fff;margin:20px 0;line-height:30px;font-weight:normal}.portfolio .port-detail{width:100%;text-align:left}.portfolio .port-detail{margin-top:30px;min-height:80px}.portfolio .port-detail h6{margin-bottom:10px}.portfolio .port-detail h6 a{color:#333!important;font-size:15px;font-weight:normal}.portfolio .port-detail h6 a:hover{color:#f6772c!important}.portfolio .port-detail p{font-size:15px;margin:0}.col-2 .cbp-item{width:50%!important;padding:15px}.col-4 .cbp-item{width:25%!important}.col-3 .cbp-item{width:33.33333%!important}.col-5 .cbp-item{width:20%!important}.portfolio .w-80{width:80%!important}.portfolio .w-40{width:40%!important}.portfolio .w-20{width:20%!important}.portfolio .w-60{width:60%!important}.portfolio .text-left .position-center-center{text-align:left;bottom:20px;transform:none;left:0;top:auto}.portfolio .cbp-item h6 a{position:relative;height:auto;width:auto;color:#fff}.portfolio .cbp-item h6 a:hover{color:#f6772c}.portfolio .text-left .position-center-center{width:100%;display:inline-block}.portfolio a.cbp-lightbox{z-index:99;height:30px;width:40px;color:#f6772c;position:relative;margin-bottom:10px;float:left;display:inline-block;margin-right:5px}.portfolio .cbp-item a.link{z-index:99;height:30px;width:40px;color:#f6772c;position:relative;margin-bottom:10px;display:inline-block}.portfolio .cbp-item a.link:hover{color:#fff}.portfolio .cbp-item a.cbp-lightbox:hover{color:#fff}.no-space .port-item{padding:0}.with-space{margin:0 -15px}.portfolio .with-space .port-item{padding:0}.portfolio .with-space .cbp-item{padding:15px}.center-auto{margin:0 auto;float:none}.cbp-l-filters-buttonCenter .cbp-filter-item{background:none}.filter-style-1{border:1px solid #999;display:inline-block;margin-bottom:100px}.filter-style-1 .cbp-filter-item{margin:0;float:left;border:none;text-transform:uppercase;font-size:10px;letter-spacing:1px;font-family:'Montserrat',sans-serif;padding:5px 30px;border-right:1px solid #999!important}.filter-style-1 .cbp-filter-item:nth-last-child(1) {border-right:none!important}.filter-style-1 .cbp-filter-item.cbp-filter-item-active{color:#f6772c}.filter-style-1 .cbp-filter-item.cbp-filter-item-active:before{content:"\f0d7";position:absolute;font-family:'FontAwesome';bottom:-18px;font-size:30px;width:20px;left:0;right:0;margin:0 auto;color:#fff;text-shadow:0 1px 0 rgba(0,0,0,.9);-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out}.filter-style-1 .cbp-filter-item:hover{color:#f6772c}.filter-style-1 .cbp-filter-item:hover:before{content:"\f0d7";position:absolute;font-family:'FontAwesome';bottom:-18px;font-size:30px;width:20px;left:0;right:0;margin:0 auto;color:#fff;text-shadow:0 1px 0 rgba(0,0,0,.9);-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out}.cbp-l-filters-buttonCenter .cbp-filter-counter:before{border-top:4px solid #f6772c}.cbp-l-filters-buttonCenter .cbp-filter-counter{background:#f6772c}.filter-style-2{display:inline-block;margin-bottom:100px}.filter-style-2 .cbp-filter-item{margin:0;float:left;border:none;background:#333;text-transform:uppercase;font-size:10px;color:#fff;letter-spacing:1px;font-family:'Montserrat',sans-serif;padding:5px 30px;border-right:1px solid rgba(255,255,255,.3)!important}.filter-style-2 .cbp-filter-item:hover{background:#f6772d;color:#fff}.filter-style-2 .cbp-filter-item.cbp-filter-item-active{background:#f6772d;color:#fff}.filter-style-2{}.filter-style-3{display:inline-block;margin-bottom:100px}.filter-style-3 .cbp-filter-item{margin:0;float:left;border:none;text-transform:uppercase;font-size:13px;color:#666;letter-spacing:1px;font-family:'Montserrat',sans-serif;padding:5px 30px}.filter-style-3 .cbp-filter-item:hover:before{content:"";position:absolute;width:25px;bottom:0;background:#f6772d;height:2px;margin:0 auto;left:0;right:0}.filter-style-3 .cbp-filter-item.cbp-filter-item-active:before{content:"";position:absolute;width:25px;bottom:0;background:#f6772d;height:2px;margin:0 auto;left:0;right:0}.filter-style-3 .cbp-filter-item.cbp-filter-item-active{color:#f6772d}.filter-style-3 .cbp-filter-item:hover{color:#f6772d}.filter-style-4{border-bottom:1px solid #e5e9ea;display:inline-block;width:100%}.filter-style-4 .cbp-filter-item{margin:0;display:inline-block;border:none;background:none;text-transform:uppercase;font-size:10px;color:#999;letter-spacing:1px;font-family:'Montserrat',sans-serif;position:relative;padding:35px 20px;padding-bottom:10px}.filter-style-4 .cbp-filter-item.cbp-filter-item-active{color:#333}.filter-style-4 .cbp-filter-item.cbp-filter-item-active:before{content:"";position:absolute;width:100%;bottom:-21px;background:#f6772d;height:2px;margin:0 auto;left:0;right:0}.filter-style-4 .cbp-filter-item:hover:before{content:"";position:absolute;width:100%;bottom:-21px;background:#f6772d;height:2px;margin:0 auto;left:0;right:0}.filter-style-5{display:inline-block;border-radius:20px;border:1px solid rgba(0,0,0,.15);position:relative;padding:5px 10px}.filter-style-5 .cbp-filter-item{margin:0;display:inline-block;border:none;background:#fff;border-radius:20px;text-transform:uppercase;font-size:10px;color:#999;letter-spacing:1px;padding:0 30px;font-family:'Montserrat',sans-serif;position:relative}.filter-style-5 .cbp-filter-item:hover{background:#f6772c;color:#fff}.filter-style-5 .cbp-filter-item.cbp-filter-item-active{background:#f6772c;color:#fff}.cbp-popup-singlePage .cbp-popup-close{background:none}.cbp-popup-singlePage .cbp-popup-close:before{content:'\e082';font-family:'Simple-Line-Icons';color:#333;line-height:45px;font-size:20px}.cbp-popup-singlePage .cbp-popup-prev{background:none}.cbp-popup-singlePage .cbp-popup-prev:before{content:'\e07a';font-family:'Simple-Line-Icons';color:#333;line-height:45px;font-size:20px}.cbp-popup-singlePage .cbp-popup-next{background:none}.cbp-popup-singlePage .cbp-popup-next:before{content:'\e079';font-family:'Simple-Line-Icons';color:#333;line-height:45px;font-size:20px}.cbp-popup-singlePage .cbp-popup-navigation{position:relative;width:auto;height:100%;max-width:1170px;margin:0 auto}.cbp-popup-singlePage .cbp-popup-navigation-wrap{background:#fff;box-shadow:0 0 2px rgba(0,0,0,.5)}.cbp-popup-singlePage .cbp-popup-next{left:auto;right:0}.cbp-popup-singlePage .cbp-popup-prev{left:0;right:auto}.cbp-popup-singlePage-counter{left:0;right:0;top:60px;color:#333;font-family:'Montserrat',sans-serif;opacity:.3}.single-progect .heading-block h6{margin-bottom:40px}.single-progect .heading-block hr{margin:0 auto;margin-bottom:45px}.single-progect .project-info{margin-top:100px;margin-bottom:100px;display:inline-block;width:100%;border-top:1px solid #e5e9ea}.single-progect .project-info li{float:left;padding-top:50px;padding-bottom:50px;width:25%;border-right:1px solid #e5e9ea}.single-progect .project-info li:nth-last-child(1) {border:none}.single-progect .project-info li p{font-weight:bold;text-transform:uppercase;color:#333;letter-spacing:1px}.single-progect .project-info li span{color:#666;letter-spacing:1px;font-size:13px}.cbp-popup-singlePage .cbp-popup-content{width:100%;max-width:100%;text-align:center}.portfolio-details{}.portfolio-details .project-info{margin-top:270px;padding-left:30%}.portfolio-details .project-info li{margin-bottom:30px}.portfolio-details .project-info li p{font-weight:bold;text-transform:uppercase;color:#333;letter-spacing:1px;margin-bottom:0}.portfolio-details .project-info li span{color:#666;letter-spacing:1px;font-size:13px}.portfolio-details .project-info li a{color:#f6772c}.services{}.services .service-part li{margin-bottom:50px;padding-right:50px}.services .service-part h6{font-size:16px;font-weight:bold;text-transform:uppercase}.services .service-part p{font-size:13px;line-height:23px}.services .service-part{}.services .service-part i{font-size:22px;display:inline-block;margin-bottom:20px}.services.style-2 .content-we-are{padding-left:80px}.style-img-4{margin-left:-200px;float:left}.more-feature ul li{padding:15px 15px;width:20%;float:left;text-align:center;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out}.more-feature ul li:hover{background:#e5e9ea}.more-feature ul li h6{font-size:16px;font-weight:bold;width:70%;line-height:23px;margin:0 auto;margin-bottom:20px;text-transform:uppercase}.more-feature ul li article{border:1px solid #e5e9ea;padding:90px 60px}.more-feature ul li p{font-size:13px;line-height:23px}.more-feature ul li i{font-size:22px;display:inline-block;margin-bottom:20px}.lamd{position:absolute;top:0;right:20%}.content-we-are{padding-right:35%;padding-left:50px}.our-team{}.our-team article{position:relative}.our-team .avatar{height:300px;width:300px;position:relative;overflow:hidden;display:inline-block;border-radius:50%}.our-team .team-hover{background:rgba(246,119,44,.9);position:absolute;height:100%;width:100%;top:0;border-radius:50%;left:0%;opacity:0;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out}.our-team article:hover .team-hover{left:0;opacity:1}.our-team article:hover img{transform:scale(1.1)}.our-team .team-hover:hover{}.our-team .social-icons a{color:#fff;font-size:20px;margin:0 10px}.our-team .team-names{position:relative;margin-top:50px}.our-team .team-names h6{font-weight:bold;font-size:16px;margin-top:30px;text-transform:uppercase;margin-bottom:5px}.our-team .team-names:before{content:"";height:75px;width:1px;position:absolute;top:-90px;background:#333;margin:0 auto;left:0;right:0;z-index:99}.our-team .team-names p{color:#f6772c;font-size:13px}.blog{}section.blog:before{position:absolute;content:"";height:180px;background:#e5e9ea;width:100%;top:0;left:0}.post-content{padding-top:30px}.post-tittle{font-size:30px;font-weight:bold;text-transform:uppercase;width:100%;color:#333;display:inline-block;margin-top:20px}.post-tittle:hover{color:#f6772c}.post-content .tag{display:inline-block;width:100%;text-transform:uppercase;color:#f6772c;font-size:16px;letter-spacing:2px}.post-content hr{width:90px;height:8px;border:none;margin:50px 0;display:inline-block;background:#333;margin-bottom:48px}.post-content .date{margin-top:50px}.blog-post-home.style-2{margin-top:0;position:relative}.blog-post-home.style-2 .date{position:absolute;top:40px;right:40px;z-index:99;text-align:right}.blog-post-home.style-2 .post-content hr{margin:30px 0}.blog-post-home.style-2 .post-content .post-info li i{margin-left:0;margin-right:10px}.blog-post-home.style-2 .post-content .post-info li{margin-right:20px;margin-top:40px}.post-detail blockquote{font-size:30px;border:none;border-top:1px solid #e3e3e3;text-transform:uppercase;line-height:42px;padding-top:40px}.list-type h6{margin-bottom:30px}.list-type li{line-height:58px;position:relative;padding-left:30px}.list-type li:before{content:"\e080";font-family:'Simple-Line-Icons';position:absolute;left:0;font-size:10px;font-size:14px;color:#494949;top:0;line-height:26px}.post-tags{margin-top:80px;display:inline-block;width:100%}.post-tags li{display:inline-block;margin-right:20px}.post-tags li a{border:1px solid #666;color:#666;padding:5px 15px}.post-tags li a:hover{background:#666;color:#fff}.post-detail blockquote i{position:absolute;left:0;font-size:20px}.blog-post-home .date span{color:#999}.blog-post-home .date .huge{color:#333;line-height:80px;font-size:92px;display:inline-block;width:100%}.admin-info{border-bottom:1px solid #e0e0e0;border-top:1px solid #e0e0e0;margin-top:80px}.admin-info{}.admin-info li{padding:80px 0}.admin-info li:nth-child(1) {border-right:1px solid #e0e0e0}.admin-info li h6{text-transform:uppercase}.admin-info li p{margin:0}.admin-info span{color:#f6772c}.blog-post-home{margin-top:200px}.post-info{margin-bottom:30px}.post-info li{display:inline-block}.post-info li{font-size:13px;color:#666}.post-info li i{font-size:20px;margin-right:5px;margin-left:20px}.post-info.text-white li{color:#fff;margin-top:20px}.blog-list .post-content{padding-top:0}.text-left .post-info li{margin-right:20px}.text-left .post-info li i{margin-left:0;margin-right:5px}.paging{display:inline-block;width:100%;margin-top:100px;text-align:center}.paging li{display:inline-block;margin:0 10px;line-height:30px}.paging li i{font-size:12px}.paging li a:hover{color:#f6772c}.comments li{margin-bottom:80px}.comments li h6{margin-top:0;font-size:13px;margin-bottom:15px}.comments .avatar{width:70px;display:inline-block}.comments li h6 span{font-size:13px;color:#666;font-weight:normal}.comments li p{font-size:13px;line-height:23px}.add-comments{background:#e5e9ea}.add-comments li label{display:inline-block;width:100%;font-weight:normal}.add-comments li input[type="text"],.add-comments li input[type="email"],.add-comments li input[type="url"]{display:inline-block;width:100%;height:50px;padding:0;border:1px solid;border-color:transparent;background:none;font-size:16px;border:none;box-shadow:none;border-radius:0;background:none;color:rgba(101,100,100);padding:0;font-size:16px;margin-bottom:40px;border-bottom:1px solid #999;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out}.add-comments li textarea{display:inline-block;width:100%;height:150px;padding:0;border:1px solid;border-color:transparent;background:none;font-size:16px;border:none;box-shadow:none;border-radius:0;background:none;text-transform:uppercase;color:rgba(101,100,100,.99);padding:0;font-size:16px;border-bottom:1px solid #999;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out}.add-comments .form-control:focus{border-bottom:1px solid #000;text-shadow:none;box-shadow:none}.add-comments .btn{border-color:#666;color:#666;padding:15px 50px}.bg-black{background:#000}.bg-black .coming-soon h6{font-size:21px;color:#999;line-height:36px}.coming-soon h1{color:#f6772c;font-size:48px;color:#f6772c;text-transform:uppercase;letter-spacing:2px;font-weight:normal;margin-bottom:30px}.coming-soon .countdown{margin-top:30px}.coming-soon .countdown li{position:relative}.coming-soon .countdown.style-2 li:before{content:":";font-size:138px;color:#fff;right:-20px;position:absolute}.coming-soon .countdown.style-2 li:nth-last-child(1):before {display:none}.coming-soon .countdown span{font-size:138px;font-weight:normal;color:#000}.coming-soon .clock-icon{font-size:72px;color:#000;margin-top:50px;display:inline-block}.coming-soon .countdown li p{font-size:30px;color:#000;text-transform:uppercase}.coming-soon .countdown.text-white li p{color:#fff}.coming-soon .countdown.text-white li span{color:#fff}.coming-soon .social{margin-top:150px}.coming-soon .social li{display:inline-block}.coming-soon .social li a{color:#999;font-size:20px;margin:0 15px}.coming-soon .social li a:hover{color:#fff}.coming-soon .countdown.style-3 span{font-family:'Playfair Display',serif;font-size:138px}.coming-soon .countdown.style-3 p{font-size:30px;margin-top:20px}.coming-soon .countdown.style-3 li{border-right:1px solid rgba(255,255,255,.3);padding:50px 0;padding-top:0}.coming-soon .countdown.style-3 li:nth-last-child(1) {border-right:none}.coming-soon .newsletter{margin-top:80px}.coming-soon .newsletter .form-control{color:#fff;border-bottom:1px solid #fff}.coming-soon .newsletter button{border-color:#fff;color:#fff}.footer{background:#191b1f;padding:200px 0}.footer p{color:#666;line-height:36px}.footer .heading-block hr{background:#666}.footer .heading-block h6{color:#666}.footer .heading-block h3{color:#666}.footer .contact-info{color:#666}.footer .contact-info i{width:50px;display:inline-block;line-height:36px;font-size:20px}.footer .contact-info li{display:inline-block;width:100%;margin-bottom:10px}.footer .rights{display:inline-block;float:left;margin-top:-70px}.footer .rights a{color:#666;margin-right:10px;font-size:18px;display:inline-block;margin-bottom:10px}.footer .rights a:hover{color:#fff}.footer-links{text-align:center;margin-top:50px}.footer-links li{display:inline-block}.footer-links a{color:#666;margin-right:10px;font-size:13px;display:inline-block;margin-bottom:10px;text-transform:uppercase;margin:0 30px}.footer-links a:hover{color:#fff}.testimonial #testi-slide{width:85%;text-align:center;margin:0 auto}.testimonial .icon{color:#666;font-size:30px;text-align:center;margin-bottom:30px}.testimonial #testi-slide p{color:#666}.testimonial #testi-slide h6{color:#666;text-transform:uppercase;margin-top:30px}.testimonial #testi-slide span{color:#f6772c;margin-bottom:30px;display:inline-block}.testimonial .owl-controls .owl-dots div{display:inline-block;height:14px;width:14px;border-radius:50%;border:1px solid rgba(255,255,255,.3);margin:0 2px;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out}.testimonial .owl-controls .owl-dots div.active{background:#f6772c;border-color:#f6772c}.contact #contact_form{text-align:center}.contact .error{border:none;border-bottom:1px solid red!important}.contact .error:before{content:"\f071";font-family:'FontAwesome';position:absolute;color:red}.success-msg{background:#fff;border:1px solid #abd0a8;color:#589051;margin-bottom:30px;width:100%;display:inline-block;text-align:center;padding:11px 16px;border-radius:4px;display:none}.success-msg i{padding:10px;border-radius:50%;border:1px solid #abd0a8;margin-right:10px}#contact_form{}#contact_form p{text-align:left;margin-bottom:10px;display:inline-block;width:100%;margin-top:20px}#contact_form input[type="text"],#contact_form input[type="email"],#contact_form input[type="tel"],#contact_form input[type="number"],#contact_form input[type="file"],#contact_form textarea{display:inline-block;width:100%;height:50px;padding:0;border:1px solid;border-color:transparent;background:none;font-size:16px;border:none;box-shadow:none;border-radius:0;background:none;color:#666;padding:0;font-size:16px;border-bottom:1px solid #666;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out}#contact_form input[type="text"],#contact_form input[type="email"],#contact_form input[type="tel"],#contact_form input[type="number"],#contact_form input[type="file"],#contact_form textarea{border:none;box-shadow:none;border-radius:0;background:none;color:#666;padding:0;font-size:16px;background:none;border-bottom:1px solid #666;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;outline:none}#contact_form textarea{height:120px!important;text-transform:uppercase;background:none;padding:0;color:#666;padding:0;font-size:16px}#contact_form input[type="submit"]{text-transform:uppercase}.contact-form .tittle{text-align:center}.contact-form .tittle hr{width:28px;height:5px;margin:15px auto;background:#448aff;border:none}.contact-form .tittle p{text-transform:none;font-size:16px}.contact-form label{font-weight:normal;color:#fff;font-size:12px;text-transform:uppercase;display:inline-block;width:100%;margin:0;line-height:26px;position:relative;background:none}.contact-form label span{color:#fff}.contact-form textarea{display:inline-block;width:100%;position:relative;padding:10px 20px;color:#666}#contact_form input[type="text"]:focus,#contact_form input[type="email"]:focus,#contact_form input[type="tel"]:focus,#contact_form input[type="file"]:focus,#contact_form textarea:focus{border-bottom:1px solid #fff}.contact-form input[type="submit"]{border:1px solid #666;background:none;border-radius:0;color:#666;margin-top:0;letter-spacing:1px;padding:10px 50px;float:left;text-transform:uppercase;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out}.contact-form input[type="submit"]:hover{background:#fff;color:#333;border-color:#fff}.newsletter{}.newsletter label{font-weight:normal;color:#fff;font-size:12px;text-transform:uppercase;display:inline-block;width:100%;margin:0;line-height:26px;position:relative;background:none}.newsletter label span{color:#fff}.newsletter textarea{display:inline-block;width:100%;position:relative;padding:10px 20px}.newsletter button{float:right;border:1px solid #666;background:none;border-radius:0;color:#666;margin-top:0;letter-spacing:1px;padding:15px 50px;float:none;margin-top:50px;margin-bottom:150px;text-transform:uppercase;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out}.newsletter button:hover{background:#fff;color:#333;border-color:#fff}.newsletter form{width:50%;margin:0 auto}.newsletter input{display:inline-block;width:100%;height:50px;padding:0;border:1px solid;border-color:transparent;background:none;font-size:16px;border:none;box-shadow:none;border-radius:0;background:none;color:#fff;padding:0;box-shadow:none;font-size:16px;border-bottom:1px solid #666;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;margin:0 auto}.newsletter .form-control{border:none;box-shadow:none;border-radius:0;background:none;color:#fff;text-align:center;padding:0;font-size:16px;background:none;border-bottom:1px solid #666;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out}.newsletter .form-control:focus{border-bottom:1px solid #fff}#map{height:450px}.cd-top{display:inline-block;height:50px;z-index:9;width:50px;position:fixed;bottom:40px;right:40px;color:#ffbb42;border-radius:50%;font-size:26px;text-align:center;line-height:40px;border:3px solid #ffbb42;box-shadow:0 0 10px rgba(0,0,0,.05);overflow:hidden;white-space:nowrap;background:none;visibility:hidden;opacity:0;-webkit-transition:opacity .3s 0s , visibility 0s .3s;-moz-transition:opacity .3s 0s , visibility 0s .3s;transition:opacity .3s 0s , visibility 0s .3s;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out}.cd-top.cd-is-visible,.cd-top.cd-fade-out,.no-touch .cd-top:hover{-webkit-transition:opacity .3s 0s , visibility 0s 0s;-moz-transition:opacity .3s 0s , visibility 0s 0s;transition:opacity .3s 0s , visibility 0s 0s}.cd-top.cd-is-visible{visibility:visible;opacity:.5}.cd-top.cd-fade-out{opacity:.5}.no-touch .cd-top:hover{background-color:#ffbb42;opacity:1;color:#fff}#wrap.boxed-layout{max-width:1280px;margin:0 auto;background:#fff;box-shadow:0 0 20px rgba(0,0,0,.5)}#wrap.boxed-layout .is-sticky .sticky{left:0}.bg1-body{background:url(https://md-producciones.com/wp-content/themes/kana-wp/images/bg/xtexti-bg.jpg.pagespeed.ic.j57Nqy0ZeR.jpg) fixed no-repeat;background-size:cover}#wrap.boxed-layout .contact.style-2 .contact-right{padding-right:20px}#wrap.boxed-layout .more-feature ul li{width:33.3333%}#wrap.boxed-layout .more-feature ul li:nth-last-child(1) {width:50%}#wrap.boxed-layout .more-feature ul li:nth-last-child(2) {width:50%}#wrap.boxed-layout .more-feature ul li h6{width:100%}#wrap.boxed-layout .content-we-are{padding-right:20px;padding-left:20px}#wrap.boxed-layout .sticky{max-width:1280px;width:auto;margin:0 auto;left:0;right:0}#wrap.boxed-layout header .sticky{padding-left:20px;padding-right:20px}.dark-version .footer{background:#252525}.dark-version .portfolio-in:before{background:#252525}.dark-version section{background:#202020}.dark-version h1{color:#b3b3b3}.dark-version h2{color:#b3b3b3}.dark-version h3{color:#b3b3b3}.dark-version h4{color:#b3b3b3}.dark-version h5{color:#b3b3b3}.dark-version h6{color:#b3b3b3}.dark-version .post-tittle{color:#b3b3b3}.dark-version .blog-post-home .date .huge{color:#b3b3b3}.dark-version p{color:#959595}.dark-version .heading-block hr{background:#b3b3b3}.dark-version .post-content hr{background:#b3b3b3}.dark-version .more-feature ul li:hover{background:#000}.dark-version .more-feature ul li article{border-color:#000}.dark-version .light-gray-bg{background:#252525}.dark-version .blog:before{background:#252525}.dark-version{color:#959595}.dark-version .sub-bnr h3{color:#fff}.dark-version .sub-bnr p{color:#fff}.dark-version hr{border-color:#4d4d4d}.dark-version .paging li a{color:#959595}.dark-version .filter-style-1 .cbp-filter-item:hover:before{color:#202020}.dark-version .filter-style-1 .cbp-filter-item.cbp-filter-item-active:before{color:#202020}.dark-version .filter-style-1{border:1px solid rgba(255,255,255,.1)}.dark-version .filter-style-1 .cbp-filter-item{border-right:1px solid rgba(255,255,255,.1)!important}.dark-version .filter-style-1 .cbp-filter-item:hover:before{text-shadow:0 1px 0 rgba(255,255,255,.1)!important}.dark-version .filter-style-1 .cbp-filter-item.cbp-filter-item-active:before{text-shadow:0 1px 0 rgba(255,255,255,.1)!important}.dark-version .filter-style-2 .cbp-filter-item{background:#333}.dark-version .filter-style-2 .cbp-filter-item{border-right:1px solid rgba(255,255,255,.1)!important}.dark-version .filter-style-2 .cbp-filter-item.cbp-filter-item-active{background:#f6772d;color:#fff}.dark-version .filter-style-2 .cbp-filter-item:hover{background:#f6772d;color:#fff}.dark-version .portfolio .port-item{background:none}.dark-version .filter-style-4 .cbp-filter-item.cbp-filter-item-active{color:#fff}.dark-version .portfolio .cbp-item .port-detail h6 a{color:#b3b3b3!important}.dark-version .portfolio .cbp-item .port-detail h6 a:hover{color:#f6772c!important}.dark-version .filter-style-4{border-bottom:1px solid rgba(255,255,255,.2)}.dark-version .cbp-l-filters-buttonCenter .cbp-filter-item:hover{color:#fff}.dark-version .portfolio-details .project-info li p{color:#b3b3b3}.dark-version .filter-style-5{border:1px solid rgba(255,255,255,.2)}.dark-version .filter-style-5 .cbp-filter-item{background:rgba(255,255,255,.02)}.dark-version .filter-style-5 .cbp-filter-item:hover{background:#f6772c;color:#fff}.dark-version .filter-style-5 .cbp-filter-item.cbp-filter-item-active{background:#f6772c;color:#fff}.dark-version .filter-style-4 .cbp-filter-item{background:none!important}.dark-version .who-we-are{background:url(https://md-producciones.com/wp-content/themes/kana-wp/images/bg/xbg-who-we-dark.jpg.pagespeed.ic.jruLnn2dAe.jpg) fixed no-repeat}.dark-version section.port-item-up{background:none}.dark-version .portfolio .portfolio-in .port-item{background:rgba(255,255,255,.05)}.header-menu{margin-top:45px;padding:0 50px}.header-menu .sticky{}.fat-nav,.hamburger__icon,.hamburger__icon:after,.hamburger__icon:before{-moz-transition-duration:.4s;-o-transition-duration:.4s;-webkit-transition-duration:.4s}.hamburger{display:block;width:50px;height:45px;position:fixed;top:50px;right:50px;z-index:10000;padding:12px;padding-top:15px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-tap-highlight-color:transparent;-ms-touch-action:manipulation;touch-action:manipulation}.hamburger__icon{position:relative;margin-top:7px;margin-bottom:7px}.hamburger__icon,.hamburger__icon:after,.hamburger__icon:before{display:block;width:25px;height:2px;background-color:#000;-moz-transition-property:background-color , -moz-transform;-o-transition-property:background-color , -o-transform;-webkit-transition-property:background-color , -webkit-transform;transition-property:background-color , transform;transition-duration:.4s}.hamburger__icon:after,.hamburger__icon:before{position:absolute;content:""}.hamburger__icon:before{top:-7px}.hamburger__icon:after{top:7px}.hamburger.active .hamburger__icon{background-color:transparent}.hamburger.active .hamburger__icon:after,.hamburger.active .hamburger__icon:before{background-color:#fff}.hamburger.active .hamburger__icon:before{-moz-transform:translateY(7px) rotate(45deg);-ms-transform:translateY(7px) rotate(45deg);-webkit-transform:translateY(7px) rotate(45deg);transform:translateY(7px) rotate(45deg)}.hamburger.active .hamburger__icon:after{-moz-transform:translateY(-7px) rotate(-45deg);-ms-transform:translateY(-7px) rotate(-45deg);-webkit-transform:translateY(-7px) rotate(-45deg);transform:translateY(-7px) rotate(-45deg)}.fat-nav{top:0;left:0;z-index:9999;position:fixed;display:none;width:100%;height:100%;background:rgba(0,0,0,.8);-moz-transform:scale(1.4);-ms-transform:scale(1.4);-webkit-transform:scale(1.4);transform:scale(1.4);-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-webkit-transition-property:-webkit-transform;transition-property:transform;transition-duration:.4s;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.fat-nav__wrapper{width:100%;height:100%;display:table;table-layout:fixed}.fat-nav.active{-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}.fat-nav ul{display:table-cell;vertical-align:middle;margin:0;padding:0}.fat-nav li{list-style-type:none;text-align:center;padding:17px;font-size:2em}.fat-nav li,.fat-nav li a{color:#fff}.fat-nav li a{text-transform:uppercase;font-weight:bolder}.fat-nav li a{text-decoration:none}body.no-scroll{overflow-y:auto!important}.header-menu.is-sticky .sticky,.header-menu .sticky{background:none;top:auto!important;position:relative!important}header.header-menu .sticky{padding:0 0}.header.header-menu .simpleNav>li.showhide span.icon{display:none}