@charset "UTF-8";
/*--------------------------------------------------------------------
ANIMATE

version:   1.0 - 2013
author:    Load Interactive (João Dias)
email:     joao.dias$load-interactive.com
website:   http://www.load-interactive.com
state:      production
description: Library of CSS3 Animations for use on web and mobile apps.

How to use: 1- Import this animate.scss file to your styles file.
      2- Comment the first and third lines of each function to unlock it. Like this

      Before:

        .fadeInDown(){
          @import "source/fadeInDown.scss";
        }

      After:

        //.fadeInDown(){
          @import "source/fadeInDown.scss";
        //};

      3- Add the animated and fadeInDown classes to your HTML either directly or by Javascript.

Note: Do not comment the $import line, otherwise it won't work.
      If you would like to change the duration of your animations individually, don't enter the animated class and create one for yourself instead.
-----------------------------------------------------------------------*/
body {
  -webkit-backface-visibility: hidden; }

.animated {
  -webkit-animation-duration: 500ms;
  -moz-animation-duration: 500ms;
  -o-animation-duration: 500ms;
  animation-duration: 500ms;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both; }

/**
 * Attention Seekers
 */
@-webkit-keyframes flash {
  0%, 50%, 100% {
    opacity: 1; }

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

@-moz-keyframes flash {
  0%, 50%, 100% {
    opacity: 1; }

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

@-o-keyframes flash {
  0%, 50%, 100% {
    opacity: 1; }

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

@keyframes flash {
  0%, 50%, 100% {
    opacity: 1; }

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

.flash {
  -webkit-animation-name: flash;
  -moz-animation-name: flash;
  -o-animation-name: flash;
  animation-name: flash; }

/**
 * Flippers
 * Current only Webkit,Firefox and IE 10
 */
@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: rotateX(0deg); }

  100% {
    -webkit-transform: rotateX(-180deg); } }

@-moz-keyframes flipInX {
  0% {
    -moz-transform: rotateX(0deg); }

  50% {
    -moz-transform: rotateX(-180deg); }

  100% {
    -moz-transform: rotateX(-180deg); } }

@-o-keyframes flipInX {
  0% {
    -o-transform: rotateX(0deg);
    opacity: 0; }

  50% {
    -o-transform: rotateX(-180deg); }

  100% {
    -o-transform: rotateX(-180deg);
    opacity: 1; } }

@keyframes flipInX {
  0% {
    transform: rotateX(0deg); }

  100% {
    transform: rotateX(-180deg); } }

.flipInX {
  -webkit-backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  -moz-backface-visibility: visible !important;
  -moz-animation-name: flipInX;
  -o-backface-visibility: visible !important;
  -o-animation-name: flipInX;
  backface-visibility: visible !important;
  animation-name: flipInX; }

@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: rotateX(-180deg); }

  100% {
    -webkit-transform: rotateX(0deg); } }

@-moz-keyframes flipOutX {
  0% {
    -moz-transform: rotateX(-180deg); }

  100% {
    -moz-transform: rotateX(0deg); } }

@-o-keyframes flipOutX {
  0% {
    -o-transform: rotateX(-180deg); }

  100% {
    -o-transform: rotateX(0deg); } }

@keyframes flipOutX {
  0% {
    transform: rotateX(-180deg); }

  100% {
    transform: rotateX(0deg); } }

.flipOutX {
  -webkit-animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  -moz-animation-name: flipOutX;
  -moz-backface-visibility: visible !important;
  -o-animation-name: flipOutX;
  -o-backface-visibility: visible !important;
  animation-name: flipOutX;
  backface-visibility: visible !important; }

@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    opacity: 1; }

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

@-moz-keyframes flipOutY {
  0% {
    -moz-transform: perspective(400px) rotateY(0deg);
    opacity: 1; }

  100% {
    -moz-transform: perspective(400px) rotateY(90deg);
    opacity: 0; } }

@-o-keyframes flipOutY {
  0% {
    -o-transform: perspective(400px) rotateY(0deg);
    opacity: 1; }

  100% {
    -o-transform: perspective(400px) rotateY(90deg);
    opacity: 0; } }

@keyframes flipOutY {
  0% {
    transform: perspective(400px) rotateY(0deg);
    opacity: 1; }

  100% {
    transform: perspective(400px) rotateY(90deg);
    opacity: 0; } }

.flipOutY {
  -webkit-backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  -moz-backface-visibility: visible !important;
  -moz-animation-name: flipOutY;
  -o-backface-visibility: visible !important;
  -o-animation-name: flipOutY;
  backface-visibility: visible !important;
  animation-name: flipOutY; }

/**
 * Fade In Entrances
 */
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px); }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  20% {
    opacity: .1; }

  30% {
    opacity: .2; }

  40% {
    opacity: .3; }

  50% {
    opacity: .4; }

  60% {
    opacity: .5; }

  70% {
    opacity: .6; }

  100% {
    opacity: 1; } }

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

  20% {
    opacity: .1; }

  30% {
    opacity: .2; }

  40% {
    opacity: .3; }

  50% {
    opacity: .4; }

  60% {
    opacity: .5; }

  70% {
    opacity: .6; }

  100% {
    opacity: 1; } }

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

  20% {
    opacity: .1; }

  30% {
    opacity: .2; }

  40% {
    opacity: .3; }

  50% {
    opacity: .4; }

  60% {
    opacity: .5; }

  70% {
    opacity: .6; }

  100% {
    opacity: 1; } }

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

  100% {
    opacity: 1; } }

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

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

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

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

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

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

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

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

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

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

/**
 * Fade Out Exits
 */
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1; }

  100% {
    opacity: 0; } }

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

  100% {
    opacity: 0; } }

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

  100% {
    opacity: 0; } }

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

  100% {
    opacity: 0; } }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/**
 * Bouncing Entrances
 */
@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3); }

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

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

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

@-moz-keyframes bounceIn {
  0% {
    opacity: 0;
    -moz-transform: scale(0.3); }

  50% {
    opacity: 1;
    -moz-transform: scale(1.05); }

  70% {
    -moz-transform: scale(0.9); }

  100% {
    -moz-transform: scale(1); } }

@-o-keyframes bounceIn {
  0% {
    opacity: 0;
    -o-transform: scale(0.3); }

  50% {
    opacity: 1;
    -o-transform: scale(1.05); }

  70% {
    -o-transform: scale(0.9); }

  100% {
    -o-transform: scale(1); } }

@keyframes bounceIn {
  0% {
    opacity: 0;
    transform: scale(0.3); }

  50% {
    opacity: 1;
    transform: scale(1.05); }

  70% {
    transform: scale(0.9); }

  100% {
    transform: scale(1); } }

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

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

  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px); }

  80% {
    -webkit-transform: translateY(10px); }

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

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

  60% {
    opacity: 1;
    -moz-transform: translateY(-30px); }

  80% {
    -moz-transform: translateY(10px); }

  100% {
    -moz-transform: translateY(0); } }

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

  60% {
    opacity: 1;
    -o-transform: translateY(-30px); }

  80% {
    -o-transform: translateY(10px); }

  100% {
    -o-transform: translateY(0); } }

@keyframes bounceInUp {
  0% {
    opacity: 0;
    transform: translateY(2000px); }

  60% {
    opacity: 1;
    transform: translateY(-30px); }

  80% {
    transform: translateY(10px); }

  100% {
    transform: translateY(0); } }

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  -moz-animation-name: bounceInUp;
  -o-animation-name: bounceInUp;
  animation-name: bounceInUp; }

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

  60% {
    opacity: 1;
    -webkit-transform: translateY(30px); }

  80% {
    -webkit-transform: translateY(-10px); }

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

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

  60% {
    opacity: 1;
    -moz-transform: translateY(30px); }

  80% {
    -moz-transform: translateY(-10px); }

  100% {
    -moz-transform: translateY(0); } }

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

  60% {
    opacity: 1;
    -o-transform: translateY(30px); }

  80% {
    -o-transform: translateY(-10px); }

  100% {
    -o-transform: translateY(0); } }

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

  60% {
    opacity: 1;
    transform: translateY(30px); }

  80% {
    transform: translateY(-10px); }

  100% {
    transform: translateY(0); } }

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

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

  60% {
    opacity: 1;
    -webkit-transform: translateX(30px); }

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

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

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

  60% {
    opacity: 1;
    -moz-transform: translateX(30px); }

  80% {
    -moz-transform: translateX(-10px); }

  100% {
    -moz-transform: translateX(0); } }

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

  60% {
    opacity: 1;
    -o-transform: translateX(30px); }

  80% {
    -o-transform: translateX(-10px); }

  100% {
    -o-transform: translateX(0); } }

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

  60% {
    opacity: 1;
    transform: translateX(30px); }

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

  100% {
    transform: translateX(0); } }

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

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

  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px); }

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

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

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

  60% {
    opacity: 1;
    -moz-transform: translateX(-30px); }

  80% {
    -moz-transform: translateX(10px); }

  100% {
    -moz-transform: translateX(0); } }

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

  60% {
    opacity: 1;
    -o-transform: translateX(-30px); }

  80% {
    -o-transform: translateX(10px); }

  100% {
    -o-transform: translateX(0); } }

@keyframes bounceInRight {
  0% {
    opacity: 0;
    transform: translateX(2000px); }

  60% {
    opacity: 1;
    transform: translateX(-30px); }

  80% {
    transform: translateX(10px); }

  100% {
    transform: translateX(0); } }

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

/**
 * Bouncing Exits
 */
@-webkit-keyframes bounceOut {
  0% {
    -webkit-transform: scale(1); }

  25% {
    -webkit-transform: scale(0.95); }

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

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

@-moz-keyframes bounceOut {
  0% {
    -moz-transform: scale(1); }

  25% {
    -moz-transform: scale(0.95); }

  50% {
    opacity: 1;
    -moz-transform: scale(1.1); }

  100% {
    opacity: 0;
    -moz-transform: scale(0.3); } }

@-o-keyframes bounceOut {
  0% {
    -o-transform: scale(1); }

  25% {
    -o-transform: scale(0.95); }

  50% {
    opacity: 1;
    -o-transform: scale(1.1); }

  100% {
    opacity: 0;
    -o-transform: scale(0.3); } }

@keyframes bounceOut {
  0% {
    transform: scale(1); }

  25% {
    transform: scale(0.95); }

  50% {
    opacity: 1;
    transform: scale(1.1); }

  100% {
    opacity: 0;
    transform: scale(0.3); } }

.bounceOut {
  -webkit-animation-name: bounceOut;
  -moz-animation-name: bounceOut;
  -o-animation-name: bounceOut;
  animation-name: bounceOut; }

@-webkit-keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0); }

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

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

@-moz-keyframes bounceOutUp {
  0% {
    -moz-transform: translateY(0); }

  20% {
    opacity: 1;
    -moz-transform: translateY(20px); }

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

@-o-keyframes bounceOutUp {
  0% {
    -o-transform: translateY(0); }

  20% {
    opacity: 1;
    -o-transform: translateY(20px); }

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

@keyframes bounceOutUp {
  0% {
    transform: translateY(0); }

  20% {
    opacity: 1;
    transform: translateY(20px); }

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

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

@-webkit-keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0); }

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

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

@-moz-keyframes bounceOutDown {
  0% {
    -moz-transform: translateY(0); }

  20% {
    opacity: 1;
    -moz-transform: translateY(-20px); }

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

@-o-keyframes bounceOutDown {
  0% {
    -o-transform: translateY(0); }

  20% {
    opacity: 1;
    -o-transform: translateY(-20px); }

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

@keyframes bounceOutDown {
  0% {
    transform: translateY(0); }

  20% {
    opacity: 1;
    transform: translateY(-20px); }

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

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  -moz-animation-name: bounceOutDown;
  -o-animation-name: bounceOutDown;
  animation-name: bounceOutDown; }

@-webkit-keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0); }

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

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

@-moz-keyframes bounceOutLeft {
  0% {
    -moz-transform: translateX(0); }

  20% {
    opacity: 1;
    -moz-transform: translateX(20px); }

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

@-o-keyframes bounceOutLeft {
  0% {
    -o-transform: translateX(0); }

  20% {
    opacity: 1;
    -o-transform: translateX(20px); }

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

@keyframes bounceOutLeft {
  0% {
    transform: translateX(0); }

  20% {
    opacity: 1;
    transform: translateX(20px); }

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

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  -moz-animation-name: bounceOutLeft;
  -o-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft; }

@-webkit-keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0); }

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

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

@-moz-keyframes bounceOutRight {
  0% {
    -moz-transform: translateX(0); }

  20% {
    opacity: 1;
    -moz-transform: translateX(-20px); }

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

@-o-keyframes bounceOutRight {
  0% {
    -o-transform: translateX(0); }

  20% {
    opacity: 1;
    -o-transform: translateX(-20px); }

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

@keyframes bounceOutRight {
  0% {
    transform: translateX(0); }

  20% {
    opacity: 1;
    transform: translateX(-20px); }

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

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  -moz-animation-name: bounceOutRight;
  -o-animation-name: bounceOutRight;
  animation-name: bounceOutRight; }

/**
 * Rotating Entrances
 */
@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    opacity: 0; }

  100% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(0);
    opacity: 1; } }

@-moz-keyframes rotateIn {
  0% {
    -moz-transform-origin: center center;
    -moz-transform: rotate(-200deg);
    opacity: 0; }

  100% {
    -moz-transform-origin: center center;
    -moz-transform: rotate(0);
    opacity: 1; } }

@-o-keyframes rotateIn {
  0% {
    -o-transform-origin: center center;
    -o-transform: rotate(-200deg);
    opacity: 0; }

  100% {
    -o-transform-origin: center center;
    -o-transform: rotate(0);
    opacity: 1; } }

@keyframes rotateIn {
  0% {
    transform-origin: center center;
    transform: rotate(-200deg);
    opacity: 0; }

  100% {
    transform-origin: center center;
    transform: rotate(0);
    opacity: 1; } }

.rotateIn {
  -webkit-animation-name: rotateIn;
  -moz-animation-name: rotateIn;
  -o-animation-name: rotateIn;
  animation-name: rotateIn; }

@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    opacity: 0; }

  100% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(0);
    opacity: 1; } }

@-moz-keyframes rotateInUpLeft {
  0% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(90deg);
    opacity: 0; }

  100% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(0);
    opacity: 1; } }

@-o-keyframes rotateInUpLeft {
  0% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(90deg);
    opacity: 0; }

  100% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(0);
    opacity: 1; } }

@keyframes rotateInUpLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(90deg);
    opacity: 0; }

  100% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1; } }

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  -moz-animation-name: rotateInUpLeft;
  -o-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft; }

@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    opacity: 0; }

  100% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(0);
    opacity: 1; } }

@-moz-keyframes rotateInDownLeft {
  0% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(-90deg);
    opacity: 0; }

  100% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(0);
    opacity: 1; } }

@-o-keyframes rotateInDownLeft {
  0% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(-90deg);
    opacity: 0; }

  100% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(0);
    opacity: 1; } }

@keyframes rotateInDownLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(-90deg);
    opacity: 0; }

  100% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1; } }

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  -moz-animation-name: rotateInDownLeft;
  -o-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft; }

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

  100% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(0);
    opacity: 1; } }

@-moz-keyframes rotateInUpRight {
  0% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(-90deg);
    opacity: 0; }

  100% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(0);
    opacity: 1; } }

@-o-keyframes rotateInUpRight {
  0% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(-90deg);
    opacity: 0; }

  100% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(0);
    opacity: 1; } }

@keyframes rotateInUpRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(-90deg);
    opacity: 0; }

  100% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1; } }

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  -moz-animation-name: rotateInUpRight;
  -o-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight; }

@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    opacity: 0; }

  100% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(0);
    opacity: 1; } }

@-moz-keyframes rotateInDownRight {
  0% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(90deg);
    opacity: 0; }

  100% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(0);
    opacity: 1; } }

@-o-keyframes rotateInDownRight {
  0% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(90deg);
    opacity: 0; }

  100% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(0);
    opacity: 1; } }

@keyframes rotateInDownRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(90deg);
    opacity: 0; }

  100% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1; } }

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  -moz-animation-name: rotateInDownRight;
  -o-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight; }

/**
 * Rotating Exits
 */
@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(0);
    opacity: 1; }

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

@-moz-keyframes rotateOut {
  0% {
    -moz-transform-origin: center center;
    -moz-transform: rotate(0);
    opacity: 1; }

  100% {
    -moz-transform-origin: center center;
    -moz-transform: rotate(200deg);
    opacity: 0; } }

@-o-keyframes rotateOut {
  0% {
    -o-transform-origin: center center;
    -o-transform: rotate(0);
    opacity: 1; }

  100% {
    -o-transform-origin: center center;
    -o-transform: rotate(200deg);
    opacity: 0; } }

@keyframes rotateOut {
  0% {
    transform-origin: center center;
    transform: rotate(0);
    opacity: 1; }

  100% {
    transform-origin: center center;
    transform: rotate(200deg);
    opacity: 0; } }

.rotateOut {
  -webkit-animation-name: rotateOut;
  -moz-animation-name: rotateOut;
  -o-animation-name: rotateOut;
  animation-name: rotateOut; }

@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(0);
    opacity: 1; }

  100% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    opacity: 0; } }

@-moz-keyframes rotateOutUpLeft {
  0% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(0);
    opacity: 1; }

  100% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(-90deg);
    opacity: 0; } }

@-o-keyframes rotateOutUpLeft {
  0% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(0);
    opacity: 1; }

  100% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(-90deg);
    opacity: 0; } }

@keyframes rotateOutUpLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1; }

  100% {
    -transform-origin: left bottom;
    -transform: rotate(-90deg);
    opacity: 0; } }

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  -moz-animation-name: rotateOutUpLeft;
  -o-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft; }

@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(0);
    opacity: 1; }

  100% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    opacity: 0; } }

@-moz-keyframes rotateOutDownLeft {
  0% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(0);
    opacity: 1; }

  100% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(90deg);
    opacity: 0; } }

@-o-keyframes rotateOutDownLeft {
  0% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(0);
    opacity: 1; }

  100% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(90deg);
    opacity: 0; } }

@keyframes rotateOutDownLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1; }

  100% {
    transform-origin: left bottom;
    transform: rotate(90deg);
    opacity: 0; } }

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  -moz-animation-name: rotateOutDownLeft;
  -o-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft; }

@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(0);
    opacity: 1; }

  100% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    opacity: 0; } }

@-moz-keyframes rotateOutUpRight {
  0% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(0);
    opacity: 1; }

  100% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(90deg);
    opacity: 0; } }

@-o-keyframes rotateOutUpRight {
  0% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(0);
    opacity: 1; }

  100% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(90deg);
    opacity: 0; } }

@keyframes rotateOutUpRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1; }

  100% {
    transform-origin: right bottom;
    transform: rotate(90deg);
    opacity: 0; } }

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  -moz-animation-name: rotateOutUpRight;
  -o-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight; }

@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(0);
    opacity: 1; }

  100% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    opacity: 0; } }

@-moz-keyframes rotateOutDownRight {
  0% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(0);
    opacity: 1; }

  100% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(-90deg);
    opacity: 0; } }

@-o-keyframes rotateOutDownRight {
  0% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(0);
    opacity: 1; }

  100% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(-90deg);
    opacity: 0; } }

@keyframes rotateOutDownRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1; }

  100% {
    transform-origin: right bottom;
    transform: rotate(-90deg);
    opacity: 0; } }

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  -moz-animation-name: rotateOutDownRight;
  -o-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight; }

/**
 * Light Speed
 */
@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    opacity: 0; }

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

  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    opacity: 1; }

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

@-moz-keyframes lightSpeedIn {
  0% {
    -moz-transform: translateX(100%) skewX(-30deg);
    opacity: 0; }

  60% {
    -moz-transform: translateX(-20%) skewX(30deg);
    opacity: 1; }

  80% {
    -moz-transform: translateX(0%) skewX(-15deg);
    opacity: 1; }

  100% {
    -moz-transform: translateX(0%) skewX(0deg);
    opacity: 1; } }

@-o-keyframes lightSpeedIn {
  0% {
    -o-transform: translateX(100%) skewX(-30deg);
    opacity: 0; }

  60% {
    -o-transform: translateX(-20%) skewX(30deg);
    opacity: 1; }

  80% {
    -o-transform: translateX(0%) skewX(-15deg);
    opacity: 1; }

  100% {
    -o-transform: translateX(0%) skewX(0deg);
    opacity: 1; } }

@keyframes lightSpeedIn {
  0% {
    transform: translateX(100%) skewX(-30deg);
    opacity: 0; }

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

  80% {
    transform: translateX(0%) skewX(-15deg);
    opacity: 1; }

  100% {
    transform: translateX(0%) skewX(0deg);
    opacity: 1; } }

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  -moz-animation-name: lightSpeedIn;
  -o-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  -moz-animation-timing-function: ease-out;
  -o-animation-timing-function: ease-out;
  animation-timing-function: ease-out; }

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

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

@-moz-keyframes lightSpeedOut {
  0% {
    -moz-transform: translateX(0%) skewX(0deg);
    opacity: 1; }

  100% {
    -moz-transform: translateX(100%) skewX(-30deg);
    opacity: 0; } }

@-o-keyframes lightSpeedOut {
  0% {
    -o-transform: translateX(0%) skewX(0deg);
    opacity: 1; }

  100% {
    -o-transform: translateX(100%) skewX(-30deg);
    opacity: 0; } }

@keyframes lightSpeedOut {
  0% {
    transform: translateX(0%) skewX(0deg);
    opacity: 1; }

  100% {
    transform: translateX(100%) skewX(-30deg);
    opacity: 0; } }

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  -moz-animation-name: lightSpeedOut;
  -o-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  -moz-animation-timing-function: ease-in;
  -o-animation-timing-function: ease-in;
  animation-timing-function: ease-in; }

/**
 * Specials
 */
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg); }

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

@-moz-keyframes rollIn {
  0% {
    opacity: 0;
    -moz-transform: translateX(-100%) rotate(-120deg); }

  100% {
    opacity: 1;
    -moz-transform: translateX(0px) rotate(0deg); } }

@-o-keyframes rollIn {
  0% {
    opacity: 0;
    -o-transform: translateX(-100%) rotate(-120deg); }

  100% {
    opacity: 1;
    -o-transform: translateX(0px) rotate(0deg); } }

@keyframes rollIn {
  0% {
    opacity: 0;
    transform: translateX(-100%) rotate(-120deg); }

  100% {
    opacity: 1;
    transform: translateX(0px) rotate(0deg); } }

.rollIn {
  -webkit-animation-name: rollIn;
  -moz-animation-name: rollIn;
  -o-animation-name: rollIn;
  animation-name: rollIn; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg); }

  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg); } }

@-moz-keyframes rollOut {
  0% {
    opacity: 1;
    -moz-transform: translateX(0px) rotate(0deg); }

  100% {
    opacity: 0;
    -moz-transform: translateX(100%) rotate(120deg); } }

@-o-keyframes rollOut {
  0% {
    opacity: 1;
    -o-transform: translateX(0px) rotate(0deg); }

  100% {
    opacity: 0;
    -o-transform: translateX(100%) rotate(120deg); } }

@keyframes rollOut {
  0% {
    opacity: 1;
    transform: translateX(0px) rotate(0deg); }

  100% {
    opacity: 0;
    transform: translateX(100%) rotate(120deg); } }

.rollOut {
  -webkit-animation-name: rollOut;
  -moz-animation-name: rollOut;
  -o-animation-name: rollOut;
  animation-name: rollOut; }

@-moz-keyframes scale-one {
  0% {
    -moz-transform: scale(0);
    opacity: 0; }

  20% {
    -moz-transform: scale(1);
    opacity: 1; }

  80% {
    -moz-transform: scale(1);
    opacity: 1; }

  90% {
    -moz-transform: scale(0);
    opacity: 0; }

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

@-webkit-keyframes scale-one {
  0% {
    -webkit-transform: scale(0);
    opacity: 0; }

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

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

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

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

@-webkit-keyframes scale-two {
  0% {
    -webkit-transform: scale(0);
    opacity: 0; }

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

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

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

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

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

@-moz-keyframes scale-two {
  0% {
    -moz-transform: scale(0);
    opacity: 0; }

  20% {
    -moz-transform: scale(0);
    opacity: 0; }

  40% {
    -moz-transform: scale(1);
    opacity: 1; }

  80% {
    -moz-transform: scale(1);
    opacity: 1; }

  90% {
    -moz-transform: scale(0);
    opacity: 0; }

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

@-webkit-keyframes scale-three {
  0% {
    -webkit-transform: scale(0);
    opacity: 0; }

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

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

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

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

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

@-moz-keyframes scale-three {
  0% {
    -moz-transform: scale(0);
    opacity: 0; }

  40% {
    -moz-transform: scale(0);
    opacity: 0; }

  60% {
    -moz-transform: scale(1);
    opacity: 1; }

  80% {
    -moz-transform: scale(1);
    opacity: 1; }

  90% {
    -moz-transform: scale(0);
    opacity: 0; }

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

/*-------------------------------------------------------------------------
1. GENERAL CSS
-------------------------------------------------------------------------*/
* {
  margin: 0;
  padding: 0; }

html, body {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

html {
  font-size: em(16);
  -webkit-text-size-adjust: em(16);
  -ms-text-size-adjust: em(16);
  margin: 0;
  padding: 0; }

.positionFixed {
  position: fixed !important; }

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: em(16);
  font: inherit;
  vertical-align: baseline;
  font-family: sans-serif; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

ul, li, ol {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: left; }

video, source {
  z-index: 999999; }

input, select, textarea {
  border: 0;
  padding: 4px; }

.clear {
  clear: both; }

.cPointer {
  cursor: pointer; }

.chromeframe {
  margin: 0 0;
  width: 100%;
  background: #444444;
  color: #fff;
  font-family: 'sony-sans-regular', 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif;
  font-size: 75%;
  height: 25px;
  padding-top: 5px;
  text-align: center; }

.title {
  /*    padding: 20px 0px;
      color: blue;
      font-weight: bold;*/ }

a {
  text-decoration: none;
  color: #ffffff; }

/**
 * Colors - Begin
 */
/**
 * Colors - end
 */
/**
 * TYPOGRAPHY
 */
@font-face {
  font-family: 'geared-slab';
  src: url("../fonts/geared-slab/light/geared-slab-light.eot");
  src: url("../fonts/geared-slab/regular/geared-slab-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/geared-slab/regular/geared-slab-regular.woff") format("woff"), url("../fonts/geared-slab/regular/geared-slab-regular.ttf") format("truetype"), url("../fonts/geared-slab/regular/geared-slab-regular.svg#geared_slabthin") format("svg");
  font-weight: 200;
  font-style: normal; }

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

@font-face {
  font-family: 'openSansLight';
  src: url("../fonts/opensans/opensans-light.eot");
  src: url("../fonts/opensans/opensans-light.eot") format("embedded-opentype"), url("../fonts/opensans/opensans-light.woff") format("woff"), url("../fonts/opensans/opensans-light.ttf") format("truetype"), url("../fonts/opensans/opensans-light.svg#OpenSansLight") format("svg"); }

@font-face {
  font-family: 'openSansRegular';
  src: url("../fonts/opensans/opensans-regular.eot");
  src: url("../fonts/opensans/opensans-regular.eot") format("embedded-opentype"), url("../fonts/opensans/opensans-regular.woff") format("woff"), url("../fonts/opensans/opensans-regular.ttf") format("truetype"), url("../fonts/opensans/opensans-regular.svg#OpenSansRegular") format("svg"); }

@font-face {
  font-family: 'openSansItalic';
  src: url("../fonts/opensans/opensans-italic.eot");
  src: url("../fonts/opensans/opensans-italic.eot") format("embedded-opentype"), url("../fonts/opensans/opensans-italic.woff") format("woff"), url("../fonts/opensans/opensans-italic.ttf") format("truetype"), url("../fonts/opensans/opensans-italic.svg#OpenSansItalic") format("svg"); }

@font-face {
  font-family: 'openSansBold';
  src: url("../fonts/opensans/opensans-bold.eot");
  src: url("../fonts/opensans/opensans-bold.eot") format("embedded-opentype"), url("../fonts/opensans/opensans-bold.woff") format("woff"), url("../fonts/opensans/opensans-bold.ttf") format("truetype"), url("../fonts/opensans/opensans-bold.svg#OpenSansBold") format("svg"); }

@font-face {
  font-family: 'openSansSemiBold';
  src: url("../fonts/opensans/opensans-semibold.eot");
  src: url("../fonts/opensans/opensans-semibold.eot") format("embedded-opentype"), url("../fonts/opensans/opensans-semibold.woff") format("woff"), url("../fonts/opensans/opensans-semibold.ttf") format("truetype"), url("../fonts/opensans/opensans-semibold.svg#OpenSansSemibold") format("svg"); }

/*@font-face {
    font-family: 'droidSansRegular';
    src: url('../fonts/droidSansRegular/droidsans.eot');
    src: url('../fonts/droidSansRegular/droidsans.eot') format('embedded-opentype'),
         url('../fonts/droidSansRegular/droidsans.woff') format('woff'),
         url('../fonts/droidSansRegular/droidsans.ttf') format('truetype'),
         url('../fonts/droidSansRegular/droidsans.svg#DroisSansRegular') format('svg');
}*/
/*@font-face {
    font-family: 'droidSansRegular';
    src: url('../fonts/droidSansRegular/droidsans.eot');
    src: url('../fonts/droidSansRegular/droidsans.eot') format('embedded-opentype'),
         url('../fonts/droidSansRegular/droidsans.woff') format('woff'),
         url('../fonts/droidSansRegular/droidsans.ttf') format('truetype'),
         url('../fonts/droidSansRegular/droidsans.svg#DroidSansRegular') format('svg');
}

@font-face {
    font-family: 'droidSansBold';
    src: url('../fonts/droidSansBold/droidsans-bold.eot');
    src: url('../fonts/droidSansBold/droidsans-bold.eot') format('embedded-opentype'),
         url('../fonts/droidSansBold/droidsans-bold.woff') format('woff'),
         url('../fonts/droidSansBold/droidsans-bold.ttf') format('truetype'),
         url('../fonts/droidSansBold/droidsans-bold.svg#DroidSansBold') format('svg');
}*/
@font-face {
  font-family: 'ElegantIcons';
  src: url("../fonts/elegant_font/ElegantIcons.eot");
  src: url("../fonts/elegant_font/ElegantIcons.eot?#iefix") format("embedded-opentype"), url("../fonts/elegant_font/ElegantIcons.woff") format("woff"), url("../fonts/elegant_font/ElegantIcons.ttf") format("truetype"), url("../fonts/elegant_font/ElegantIcons.svg#ElegantIcons") format("svg");
  font-weight: normal;
  font-style: normal; }

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

/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before {
  font-family: 'ElegantIcons';
  content: attr(data-icon);
  speak: none;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

/* Use the following CSS code if you want to have a class per icon */
/*
Instead of a list of all class selectors,
you can use the generic selector below, but it's slower:
[class*="your-class-prefix"] {
*/
/* Use the following CSS code if you want to have a class per icon */
/*
Instead of a list of all class selectors,
you can use the generic selector below, but it's slower:
[class*="your-class-prefix"] {
*/
.arrow_up, .arrow_down, .arrow_left, .arrow_right, .arrow_left-up, .arrow_right-up, .arrow_right-down, .arrow_left-down, .arrow-up-down, .arrow_up-down_alt, .arrow_left-right_alt, .arrow_left-right, .arrow_expand_alt2, .arrow_expand_alt, .arrow_condense, .arrow_expand, .arrow_move, .arrow_carrot-up, .arrow_carrot-down, .arrow_carrot-left, .arrow_carrot-right, .arrow_carrot-2up, .arrow_carrot-2down, .arrow_carrot-2left, .arrow_carrot-2right, .arrow_carrot-up_alt2, .arrow_carrot-down_alt2, .arrow_carrot-left_alt2, .arrow_carrot-right_alt2, .arrow_carrot-2up_alt2, .arrow_carrot-2down_alt2, .arrow_carrot-2left_alt2, .arrow_carrot-2right_alt2, .arrow_triangle-up, .arrow_triangle-down, .arrow_triangle-left, .arrow_triangle-right, .arrow_triangle-up_alt2, .arrow_triangle-down_alt2, .arrow_triangle-left_alt2, .arrow_triangle-right_alt2, .arrow_back, .icon_minus-06, .icon_plus, .icon_close, .icon_check, .icon_minus_alt2, .icon_plus_alt2, .icon_close_alt2, .icon_check_alt2, .icon_zoom-out_alt, .icon_zoom-in_alt, .icon_search, .icon_box-empty, .icon_box-selected, .icon_minus-box, .icon_plus-box, .icon_box-checked, .icon_circle-empty, .icon_circle-slelected, .icon_stop_alt2, .icon_stop, .icon_pause_alt2, .icon_pause, .icon_menu, .icon_menu-square_alt2, .icon_menu-circle_alt2, .icon_ul, .icon_ol, .icon_adjust-horiz, .icon_adjust-vert, .icon_document_alt, .icon_documents_alt, .icon_pencil, .icon_pencil-edit_alt, .icon_pencil-edit, .icon_folder-alt, .icon_folder-open_alt, .icon_folder-add_alt, .icon_info_alt, .icon_error-oct_alt, .icon_error-circle_alt, .icon_error-triangle_alt, .icon_question_alt2, .icon_question, .icon_comment_alt, .icon_chat_alt, .icon_vol-mute_alt, .icon_volume-low_alt, .icon_volume-high_alt, .icon_quotations, .icon_quotations_alt2, .icon_clock_alt, .icon_lock_alt, .icon_lock-open_alt, .icon_key_alt, .icon_cloud_alt, .icon_cloud-upload_alt, .icon_cloud-download_alt, .icon_image, .icon_images, .icon_lightbulb_alt, .icon_gift_alt, .icon_house_alt, .icon_genius, .icon_mobile, .icon_tablet, .icon_laptop, .icon_desktop, .icon_camera_alt, .icon_mail_alt, .icon_cone_alt, .icon_ribbon_alt, .icon_bag_alt, .icon_creditcard, .icon_cart_alt, .icon_paperclip, .icon_tag_alt, .icon_tags_alt, .icon_trash_alt, .icon_cursor_alt, .icon_mic_alt, .icon_compass_alt, .icon_pin_alt, .icon_pushpin_alt, .icon_map_alt, .icon_drawer_alt, .icon_toolbox_alt, .icon_book_alt, .icon_calendar, .icon_film, .icon_table, .icon_contacts_alt, .icon_headphones, .icon_lifesaver, .icon_piechart, .icon_refresh, .icon_link_alt, .icon_link, .icon_loading, .icon_blocked, .icon_archive_alt, .icon_heart_alt, .icon_star_alt, .icon_star-half_alt, .icon_star, .icon_star-half, .icon_tools, .icon_tool, .icon_cog, .icon_cogs, .arrow_up_alt, .arrow_down_alt, .arrow_left_alt, .arrow_right_alt, .arrow_left-up_alt, .arrow_right-up_alt, .arrow_right-down_alt, .arrow_left-down_alt, .arrow_condense_alt, .arrow_expand_alt3, .arrow_carrot_up_alt, .arrow_carrot-down_alt, .arrow_carrot-left_alt, .arrow_carrot-right_alt, .arrow_carrot-2up_alt, .arrow_carrot-2dwnn_alt, .arrow_carrot-2left_alt, .arrow_carrot-2right_alt, .arrow_triangle-up_alt, .arrow_triangle-down_alt, .arrow_triangle-left_alt, .arrow_triangle-right_alt, .icon_minus_alt, .icon_plus_alt, .icon_close_alt, .icon_check_alt, .icon_zoom-out, .icon_zoom-in, .icon_stop_alt, .icon_menu-square_alt, .icon_menu-circle_alt, .icon_document, .icon_documents, .icon_pencil_alt, .icon_folder, .icon_folder-open, .icon_folder-add, .icon_folder_upload, .icon_folder_download, .icon_info, .icon_error-circle, .icon_error-oct, .icon_error-triangle, .icon_question_alt, .icon_comment, .icon_chat, .icon_vol-mute, .icon_volume-low, .icon_volume-high, .icon_quotations_alt, .icon_clock, .icon_lock, .icon_lock-open, .icon_key, .icon_cloud, .icon_cloud-upload, .icon_cloud-download, .icon_lightbulb, .icon_gift, .icon_house, .icon_camera, .icon_mail, .icon_cone, .icon_ribbon, .icon_bag, .icon_cart, .icon_tag, .icon_tags, .icon_trash, .icon_cursor, .icon_mic, .icon_compass, .icon_pin, .icon_pushpin, .icon_map, .icon_drawer, .icon_toolbox, .icon_book, .icon_contacts, .icon_archive, .icon_heart, .icon_profile, .icon_group, .icon_grid-2x2, .icon_grid-3x3, .icon_music, .icon_pause_alt, .icon_phone, .icon_upload, .icon_download, .social_facebook, .social_twitter, .social_pinterest, .social_googleplus, .social_tumblr, .social_tumbleupon, .social_wordpress, .social_instagram, .social_dribbble, .social_vimeo, .social_linkedin, .social_rss, .social_deviantart, .social_share, .social_myspace, .social_skype, .social_youtube, .social_picassa, .social_googledrive, .social_flickr, .social_blogger, .social_spotify, .social_delicious, .social_facebook_circle, .social_twitter_circle, .social_pinterest_circle, .social_googleplus_circle, .social_tumblr_circle, .social_stumbleupon_circle, .social_wordpress_circle, .social_instagram_circle, .social_dribbble_circle, .social_vimeo_circle, .social_linkedin_circle, .social_rss_circle, .social_deviantart_circle, .social_share_circle, .social_myspace_circle, .social_skype_circle, .social_youtube_circle, .social_picassa_circle, .social_googledrive_alt2, .social_flickr_circle, .social_blogger_circle, .social_spotify_circle, .social_delicious_circle, .social_facebook_square, .social_twitter_square, .social_pinterest_square, .social_googleplus_square, .social_tumblr_square, .social_stumbleupon_square, .social_wordpress_square, .social_instagram_square, .social_dribbble_square, .social_vimeo_square, .social_linkedin_square, .social_rss_square, .social_deviantart_square, .social_share_square, .social_myspace_square, .social_skype_square, .social_youtube_square, .social_picassa_square, .social_googledrive_square, .social_flickr_square, .social_blogger_square, .social_spotify_square, .social_delicious_square, .icon_printer, .icon_calulator, .icon_building, .icon_floppy, .icon_drive, .icon_search-2, .icon_id, .icon_id-2, .icon_puzzle, .icon_like, .icon_dislike, .icon_mug, .icon_currency, .icon_wallet, .icon_pens, .icon_easel, .icon_flowchart, .icon_datareport, .icon_briefcase, .icon_shield, .icon_percent, .icon_globe, .icon_globe-2, .icon_target, .icon_hourglass, .icon_balance, .icon_rook, .icon_printer-alt, .icon_calculator_alt, .icon_building_alt, .icon_floppy_alt, .icon_drive_alt, .icon_search_alt, .icon_id_alt, .icon_id-2_alt, .icon_puzzle_alt, .icon_like_alt, .icon_dislike_alt, .icon_mug_alt, .icon_currency_alt, .icon_wallet_alt, .icon_pens_alt, .icon_easel_alt, .icon_flowchart_alt, .icon_datareport_alt, .icon_briefcase_alt, .icon_shield_alt, .icon_percent_alt, .icon_globe_alt, .icon_clipboard {
  font-family: 'ElegantIcons';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased; }

.arrow_up:before {
  content: "\21"; }

.arrow_down:before {
  content: "\22"; }

.arrow_left:before {
  content: "\23"; }

.arrow_right:before {
  content: "\24"; }

.arrow_left-up:before {
  content: "\25"; }

.arrow_right-up:before {
  content: "\26"; }

.arrow_right-down:before {
  content: "\27"; }

.arrow_left-down:before {
  content: "\28"; }

.arrow-up-down:before {
  content: "\29"; }

.arrow_up-down_alt:before {
  content: "\2a"; }

.arrow_left-right_alt:before {
  content: "\2b"; }

.arrow_left-right:before {
  content: "\2c"; }

.arrow_expand_alt2:before {
  content: "\2d"; }

.arrow_expand_alt:before {
  content: "\2e"; }

.arrow_condense:before {
  content: "\2f"; }

.arrow_expand:before {
  content: "\30"; }

.arrow_move:before {
  content: "\31"; }

.arrow_carrot-up:before {
  content: "\32"; }

.arrow_carrot-down:before {
  content: "\33"; }

.arrow_carrot-left:before {
  content: "\34"; }

.arrow_carrot-right:before {
  content: "\35"; }

.arrow_carrot-2up:before {
  content: "\36"; }

.arrow_carrot-2down:before {
  content: "\37"; }

.arrow_carrot-2left:before {
  content: "\38"; }

.arrow_carrot-2right:before {
  content: "\39"; }

.arrow_carrot-up_alt2:before {
  content: "\3a"; }

.arrow_carrot-down_alt2:before {
  content: "\3b"; }

.arrow_carrot-left_alt2:before {
  content: "\3c"; }

.arrow_carrot-right_alt2:before {
  content: "\3d"; }

.arrow_carrot-2up_alt2:before {
  content: "\3e"; }

.arrow_carrot-2down_alt2:before {
  content: "\3f"; }

.arrow_carrot-2left_alt2:before {
  content: "\40"; }

.arrow_carrot-2right_alt2:before {
  content: "\41"; }

.arrow_triangle-up:before {
  content: "\42"; }

.arrow_triangle-down:before {
  content: "\43"; }

.arrow_triangle-left:before {
  content: "\44"; }

.arrow_triangle-right:before {
  content: "\45"; }

.arrow_triangle-up_alt2:before {
  content: "\46"; }

.arrow_triangle-down_alt2:before {
  content: "\47"; }

.arrow_triangle-left_alt2:before {
  content: "\48"; }

.arrow_triangle-right_alt2:before {
  content: "\49"; }

.arrow_back:before {
  content: "\4a"; }

.icon_minus-06:before {
  content: "\4b"; }

.icon_plus:before {
  content: "\4c"; }

.icon_close:before {
  content: "\4d"; }

.icon_check:before {
  content: "\4e"; }

.icon_minus_alt2:before {
  content: "\4f"; }

.icon_plus_alt2:before {
  content: "\50"; }

.icon_close_alt2:before {
  content: "\51"; }

.icon_check_alt2:before {
  content: "\52"; }

.icon_zoom-out_alt:before {
  content: "\53"; }

.icon_zoom-in_alt:before {
  content: "\54"; }

.icon_search:before {
  content: "\55"; }

.icon_box-empty:before {
  content: "\56"; }

.icon_box-selected:before {
  content: "\57"; }

.icon_minus-box:before {
  content: "\58"; }

.icon_plus-box:before {
  content: "\59"; }

.icon_box-checked:before {
  content: "\5a"; }

.icon_circle-empty:before {
  content: "\5b"; }

.icon_circle-slelected:before {
  content: "\5c"; }

.icon_stop_alt2:before {
  content: "\5d"; }

.icon_stop:before {
  content: "\5e"; }

.icon_pause_alt2:before {
  content: "\5f"; }

.icon_pause:before {
  content: "\60"; }

.icon_menu:before {
  content: "\61"; }

.icon_menu-square_alt2:before {
  content: "\62"; }

.icon_menu-circle_alt2:before {
  content: "\63"; }

.icon_ul:before {
  content: "\64"; }

.icon_ol:before {
  content: "\65"; }

.icon_adjust-horiz:before {
  content: "\66"; }

.icon_adjust-vert:before {
  content: "\67"; }

.icon_document_alt:before {
  content: "\68"; }

.icon_documents_alt:before {
  content: "\69"; }

.icon_pencil:before {
  content: "\6a"; }

.icon_pencil-edit_alt:before {
  content: "\6b"; }

.icon_pencil-edit:before {
  content: "\6c"; }

.icon_folder-alt:before {
  content: "\6d"; }

.icon_folder-open_alt:before {
  content: "\6e"; }

.icon_folder-add_alt:before {
  content: "\6f"; }

.icon_info_alt:before {
  content: "\70"; }

.icon_error-oct_alt:before {
  content: "\71"; }

.icon_error-circle_alt:before {
  content: "\72"; }

.icon_error-triangle_alt:before {
  content: "\73"; }

.icon_question_alt2:before {
  content: "\74"; }

.icon_question:before {
  content: "\75"; }

.icon_comment_alt:before {
  content: "\76"; }

.icon_chat_alt:before {
  content: "\77"; }

.icon_vol-mute_alt:before {
  content: "\78"; }

.icon_volume-low_alt:before {
  content: "\79"; }

.icon_volume-high_alt:before {
  content: "\7a"; }

.icon_quotations:before {
  content: "\7b"; }

.icon_quotations_alt2:before {
  content: "\7c"; }

.icon_clock_alt:before {
  content: "\7d"; }

.icon_lock_alt:before {
  content: "\7e"; }

.icon_lock-open_alt:before {
  content: "\e000"; }

.icon_key_alt:before {
  content: "\e001"; }

.icon_cloud_alt:before {
  content: "\e002"; }

.icon_cloud-upload_alt:before {
  content: "\e003"; }

.icon_cloud-download_alt:before {
  content: "\e004"; }

.icon_image:before {
  content: "\e005"; }

.icon_images:before {
  content: "\e006"; }

.icon_lightbulb_alt:before {
  content: "\e007"; }

.icon_gift_alt:before {
  content: "\e008"; }

.icon_house_alt:before {
  content: "\e009"; }

.icon_genius:before {
  content: "\e00a"; }

.icon_mobile:before {
  content: "\e00b"; }

.icon_tablet:before {
  content: "\e00c"; }

.icon_laptop:before {
  content: "\e00d"; }

.icon_desktop:before {
  content: "\e00e"; }

.icon_camera_alt:before {
  content: "\e00f"; }

.icon_mail_alt:before {
  content: "\e010"; }

.icon_cone_alt:before {
  content: "\e011"; }

.icon_ribbon_alt:before {
  content: "\e012"; }

.icon_bag_alt:before {
  content: "\e013"; }

.icon_creditcard:before {
  content: "\e014"; }

.icon_cart_alt:before {
  content: "\e015"; }

.icon_paperclip:before {
  content: "\e016"; }

.icon_tag_alt:before {
  content: "\e017"; }

.icon_tags_alt:before {
  content: "\e018"; }

.icon_trash_alt:before {
  content: "\e019"; }

.icon_cursor_alt:before {
  content: "\e01a"; }

.icon_mic_alt:before {
  content: "\e01b"; }

.icon_compass_alt:before {
  content: "\e01c"; }

.icon_pin_alt:before {
  content: "\e01d"; }

.icon_pushpin_alt:before {
  content: "\e01e"; }

.icon_map_alt:before {
  content: "\e01f"; }

.icon_drawer_alt:before {
  content: "\e020"; }

.icon_toolbox_alt:before {
  content: "\e021"; }

.icon_book_alt:before {
  content: "\e022"; }

.icon_calendar:before {
  content: "\e023"; }

.icon_film:before {
  content: "\e024"; }

.icon_table:before {
  content: "\e025"; }

.icon_contacts_alt:before {
  content: "\e026"; }

.icon_headphones:before {
  content: "\e027"; }

.icon_lifesaver:before {
  content: "\e028"; }

.icon_piechart:before {
  content: "\e029"; }

.icon_refresh:before {
  content: "\e02a"; }

.icon_link_alt:before {
  content: "\e02b"; }

.icon_link:before {
  content: "\e02c"; }

.icon_loading:before {
  content: "\e02d"; }

.icon_blocked:before {
  content: "\e02e"; }

.icon_archive_alt:before {
  content: "\e02f"; }

.icon_heart_alt:before {
  content: "\e030"; }

.icon_star_alt:before {
  content: "\e031"; }

.icon_star-half_alt:before {
  content: "\e032"; }

.icon_star:before {
  content: "\e033"; }

.icon_star-half:before {
  content: "\e034"; }

.icon_tools:before {
  content: "\e035"; }

.icon_tool:before {
  content: "\e036"; }

.icon_cog:before {
  content: "\e037"; }

.icon_cogs:before {
  content: "\e038"; }

.arrow_up_alt:before {
  content: "\e039"; }

.arrow_down_alt:before {
  content: "\e03a"; }

.arrow_left_alt:before {
  content: "\e03b"; }

.arrow_right_alt:before {
  content: "\e03c"; }

.arrow_left-up_alt:before {
  content: "\e03d"; }

.arrow_right-up_alt:before {
  content: "\e03e"; }

.arrow_right-down_alt:before {
  content: "\e03f"; }

.arrow_left-down_alt:before {
  content: "\e040"; }

.arrow_condense_alt:before {
  content: "\e041"; }

.arrow_expand_alt3:before {
  content: "\e042"; }

.arrow_carrot_up_alt:before {
  content: "\e043"; }

.arrow_carrot-down_alt:before {
  content: "\e044"; }

.arrow_carrot-left_alt:before {
  content: "\e045"; }

.arrow_carrot-right_alt:before {
  content: "\e046"; }

.arrow_carrot-2up_alt:before {
  content: "\e047"; }

.arrow_carrot-2dwnn_alt:before {
  content: "\e048"; }

.arrow_carrot-2left_alt:before {
  content: "\e049"; }

.arrow_carrot-2right_alt:before {
  content: "\e04a"; }

.arrow_triangle-up_alt:before {
  content: "\e04b"; }

.arrow_triangle-down_alt:before {
  content: "\e04c"; }

.arrow_triangle-left_alt:before {
  content: "\e04d"; }

.arrow_triangle-right_alt:before {
  content: "\e04e"; }

.icon_minus_alt:before {
  content: "\e04f"; }

.icon_plus_alt:before {
  content: "\e050"; }

.icon_close_alt:before {
  content: "\e051"; }

.icon_check_alt:before {
  content: "\e052"; }

.icon_zoom-out:before {
  content: "\e053"; }

.icon_zoom-in:before {
  content: "\e054"; }

.icon_stop_alt:before {
  content: "\e055"; }

.icon_menu-square_alt:before {
  content: "\e056"; }

.icon_menu-circle_alt:before {
  content: "\e057"; }

.icon_document:before {
  content: "\e058"; }

.icon_documents:before {
  content: "\e059"; }

.icon_pencil_alt:before {
  content: "\e05a"; }

.icon_folder:before {
  content: "\e05b"; }

.icon_folder-open:before {
  content: "\e05c"; }

.icon_folder-add:before {
  content: "\e05d"; }

.icon_folder_upload:before {
  content: "\e05e"; }

.icon_folder_download:before {
  content: "\e05f"; }

.icon_info:before {
  content: "\e060"; }

.icon_error-circle:before {
  content: "\e061"; }

.icon_error-oct:before {
  content: "\e062"; }

.icon_error-triangle:before {
  content: "\e063"; }

.icon_question_alt:before {
  content: "\e064"; }

.icon_comment:before {
  content: "\e065"; }

.icon_chat:before {
  content: "\e066"; }

.icon_vol-mute:before {
  content: "\e067"; }

.icon_volume-low:before {
  content: "\e068"; }

.icon_volume-high:before {
  content: "\e069"; }

.icon_quotations_alt:before {
  content: "\e06a"; }

.icon_clock:before {
  content: "\e06b"; }

.icon_lock:before {
  content: "\e06c"; }

.icon_lock-open:before {
  content: "\e06d"; }

.icon_key:before {
  content: "\e06e"; }

.icon_cloud:before {
  content: "\e06f"; }

.icon_cloud-upload:before {
  content: "\e070"; }

.icon_cloud-download:before {
  content: "\e071"; }

.icon_lightbulb:before {
  content: "\e072"; }

.icon_gift:before {
  content: "\e073"; }

.icon_house:before {
  content: "\e074"; }

.icon_camera:before {
  content: "\e075"; }

.icon_mail:before {
  content: "\e076"; }

.icon_cone:before {
  content: "\e077"; }

.icon_ribbon:before {
  content: "\e078"; }

.icon_bag:before {
  content: "\e079"; }

.icon_cart:before {
  content: "\e07a"; }

.icon_tag:before {
  content: "\e07b"; }

.icon_tags:before {
  content: "\e07c"; }

.icon_trash:before {
  content: "\e07d"; }

.icon_cursor:before {
  content: "\e07e"; }

.icon_mic:before {
  content: "\e07f"; }

.icon_compass:before {
  content: "\e080"; }

.icon_pin:before {
  content: "\e081"; }

.icon_pushpin:before {
  content: "\e082"; }

.icon_map:before {
  content: "\e083"; }

.icon_drawer:before {
  content: "\e084"; }

.icon_toolbox:before {
  content: "\e085"; }

.icon_book:before {
  content: "\e086"; }

.icon_contacts:before {
  content: "\e087"; }

.icon_archive:before {
  content: "\e088"; }

.icon_heart:before {
  content: "\e089"; }

.icon_profile:before {
  content: "\e08a"; }

.icon_group:before {
  content: "\e08b"; }

.icon_grid-2x2:before {
  content: "\e08c"; }

.icon_grid-3x3:before {
  content: "\e08d"; }

.icon_music:before {
  content: "\e08e"; }

.icon_pause_alt:before {
  content: "\e08f"; }

.icon_phone:before {
  content: "\e090"; }

.icon_upload:before {
  content: "\e091"; }

.icon_download:before {
  content: "\e092"; }

.social_facebook:before {
  content: "\e093"; }

.social_twitter:before {
  content: "\e094"; }

.social_pinterest:before {
  content: "\e095"; }

.social_googleplus:before {
  content: "\e096"; }

.social_tumblr:before {
  content: "\e097"; }

.social_tumbleupon:before {
  content: "\e098"; }

.social_wordpress:before {
  content: "\e099"; }

.social_instagram:before {
  content: "\e09a"; }

.social_dribbble:before {
  content: "\e09b"; }

.social_vimeo:before {
  content: "\e09c"; }

.social_linkedin:before {
  content: "\e09d"; }

.social_rss:before {
  content: "\e09e"; }

.social_deviantart:before {
  content: "\e09f"; }

.social_share:before {
  content: "\e0a0"; }

.social_myspace:before {
  content: "\e0a1"; }

.social_skype:before {
  content: "\e0a2"; }

.social_youtube:before {
  content: "\e0a3"; }

.social_picassa:before {
  content: "\e0a4"; }

.social_googledrive:before {
  content: "\e0a5"; }

.social_flickr:before {
  content: "\e0a6"; }

.social_blogger:before {
  content: "\e0a7"; }

.social_spotify:before {
  content: "\e0a8"; }

.social_delicious:before {
  content: "\e0a9"; }

.social_facebook_circle:before {
  content: "\e0aa"; }

.social_twitter_circle:before {
  content: "\e0ab"; }

.social_pinterest_circle:before {
  content: "\e0ac"; }

.social_googleplus_circle:before {
  content: "\e0ad"; }

.social_tumblr_circle:before {
  content: "\e0ae"; }

.social_stumbleupon_circle:before {
  content: "\e0af"; }

.social_wordpress_circle:before {
  content: "\e0b0"; }

.social_instagram_circle:before {
  content: "\e0b1"; }

.social_dribbble_circle:before {
  content: "\e0b2"; }

.social_vimeo_circle:before {
  content: "\e0b3"; }

.social_linkedin_circle:before {
  content: "\e0b4"; }

.social_rss_circle:before {
  content: "\e0b5"; }

.social_deviantart_circle:before {
  content: "\e0b6"; }

.social_share_circle:before {
  content: "\e0b7"; }

.social_myspace_circle:before {
  content: "\e0b8"; }

.social_skype_circle:before {
  content: "\e0b9"; }

.social_youtube_circle:before {
  content: "\e0ba"; }

.social_picassa_circle:before {
  content: "\e0bb"; }

.social_googledrive_alt2:before {
  content: "\e0bc"; }

.social_flickr_circle:before {
  content: "\e0bd"; }

.social_blogger_circle:before {
  content: "\e0be"; }

.social_spotify_circle:before {
  content: "\e0bf"; }

.social_delicious_circle:before {
  content: "\e0c0"; }

.social_facebook_square:before {
  content: "\e0c1"; }

.social_twitter_square:before {
  content: "\e0c2"; }

.social_pinterest_square:before {
  content: "\e0c3"; }

.social_googleplus_square:before {
  content: "\e0c4"; }

.social_tumblr_square:before {
  content: "\e0c5"; }

.social_stumbleupon_square:before {
  content: "\e0c6"; }

.social_wordpress_square:before {
  content: "\e0c7"; }

.social_instagram_square:before {
  content: "\e0c8"; }

.social_dribbble_square:before {
  content: "\e0c9"; }

.social_vimeo_square:before {
  content: "\e0ca"; }

.social_linkedin_square:before {
  content: "\e0cb"; }

.social_rss_square:before {
  content: "\e0cc"; }

.social_deviantart_square:before {
  content: "\e0cd"; }

.social_share_square:before {
  content: "\e0ce"; }

.social_myspace_square:before {
  content: "\e0cf"; }

.social_skype_square:before {
  content: "\e0d0"; }

.social_youtube_square:before {
  content: "\e0d1"; }

.social_picassa_square:before {
  content: "\e0d2"; }

.social_googledrive_square:before {
  content: "\e0d3"; }

.social_flickr_square:before {
  content: "\e0d4"; }

.social_blogger_square:before {
  content: "\e0d5"; }

.social_spotify_square:before {
  content: "\e0d6"; }

.social_delicious_square:before {
  content: "\e0d7"; }

.icon_printer:before {
  content: "\e103"; }

.icon_calulator:before {
  content: "\e0ee"; }

.icon_building:before {
  content: "\e0ef"; }

.icon_floppy:before {
  content: "\e0e8"; }

.icon_drive:before {
  content: "\e0ea"; }

.icon_search-2:before {
  content: "\e101"; }

.icon_id:before {
  content: "\e107"; }

.icon_id-2:before {
  content: "\e108"; }

.icon_puzzle:before {
  content: "\e102"; }

.icon_like:before {
  content: "\e106"; }

.icon_dislike:before {
  content: "\e0eb"; }

.icon_mug:before {
  content: "\e105"; }

.icon_currency:before {
  content: "\e0ed"; }

.icon_wallet:before {
  content: "\e100"; }

.icon_pens:before {
  content: "\e104"; }

.icon_easel:before {
  content: "\e0e9"; }

.icon_flowchart:before {
  content: "\e109"; }

.icon_datareport:before {
  content: "\e0ec"; }

.icon_briefcase:before {
  content: "\e0fe"; }

.icon_shield:before {
  content: "\e0f6"; }

.icon_percent:before {
  content: "\e0fb"; }

.icon_globe:before {
  content: "\e0e2"; }

.icon_globe-2:before {
  content: "\e0e3"; }

.icon_target:before {
  content: "\e0f5"; }

.icon_hourglass:before {
  content: "\e0e1"; }

.icon_balance:before {
  content: "\e0ff"; }

.icon_rook:before {
  content: "\e0f8"; }

.icon_printer-alt:before {
  content: "\e0fa"; }

.icon_calculator_alt:before {
  content: "\e0e7"; }

.icon_building_alt:before {
  content: "\e0fd"; }

.icon_floppy_alt:before {
  content: "\e0e4"; }

.icon_drive_alt:before {
  content: "\e0e5"; }

.icon_search_alt:before {
  content: "\e0f7"; }

.icon_id_alt:before {
  content: "\e0e0"; }

.icon_id-2_alt:before {
  content: "\e0fc"; }

.icon_puzzle_alt:before {
  content: "\e0f9"; }

.icon_like_alt:before {
  content: "\e0dd"; }

.icon_dislike_alt:before {
  content: "\e0f1"; }

.icon_mug_alt:before {
  content: "\e0dc"; }

.icon_currency_alt:before {
  content: "\e0f3"; }

.icon_wallet_alt:before {
  content: "\e0d8"; }

.icon_pens_alt:before {
  content: "\e0db"; }

.icon_easel_alt:before {
  content: "\e0f0"; }

.icon_flowchart_alt:before {
  content: "\e0df"; }

.icon_datareport_alt:before {
  content: "\e0f2"; }

.icon_briefcase_alt:before {
  content: "\e0f4"; }

.icon_shield_alt:before {
  content: "\e0d9"; }

.icon_percent_alt:before {
  content: "\e0da"; }

.icon_globe_alt:before {
  content: "\e0de"; }

.icon_clipboard:before {
  content: "\e0e6"; }

.glyph {
  float: left;
  text-align: center;
  padding: .75em;
  margin: .4em 1.5em .75em 0;
  width: 6em;
  text-shadow: none; }

.glyph_big {
  font-size: 128px;
  color: #59c5dc;
  float: left;
  margin-right: 20px; }

.glyph div {
  padding-bottom: 10px; }

.glyph input {
  font-family: consolas, monospace;
  font-size: 12px;
  width: 100%;
  text-align: center;
  border: 0;
  box-shadow: 0 0 0 1px #ccc;
  padding: .2em;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px; }

.centered {
  margin-left: auto;
  margin-right: auto; }

.glyph .fs1 {
  font-size: 2em; }

/*@import "lib/grid/grid.scss";*/
/*@import "lib/bourbon/_bourbon.scss";*/
.menuResponsive {
  height: 386px;
  /*display: none;*/
  position: absolute;
  width: 160px;
  color: #3f0505;
  margin-top: 65px;
  margin-left: -160px;
  background-color: #2c2a2c; }
  .menuResponsive ul.responsivePages, .menuResponsive ul.responsiveSubPagesCompany, .menuResponsive ul.responsiveSubPagesGama, .menuResponsive ul.responsiveSubPagesRede {
    float: left; }
    .menuResponsive ul.responsivePages li, .menuResponsive ul.responsiveSubPagesCompany li, .menuResponsive ul.responsiveSubPagesGama li, .menuResponsive ul.responsiveSubPagesRede li {
      width: 137px;
      height: 54px;
      background-color: #2c2a2c;
      background-repeat: repeat-x;
      background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#2c2a2c), to(#0d0b0d));
      background: -webkit-linear-gradient(top, #2c2a2c, #0d0b0d);
      background: -moz-linear-gradient(top, #2c2a2c, #0d0b0d);
      background: -ms-linear-gradient(top, #2c2a2c, #0d0b0d);
      background: -o-linear-gradient(top, #2c2a2c, #0d0b0d);
      color: #ffffff;
      font-size: 15px;
      font-family: 'Droid Sans', 'Arial';
      font-weight: normal;
      font-style: normal;
      line-height: 54px;
      padding-left: 22px;
      margin-top: 1px;
      cursor: pointer; }
      .menuResponsive ul.responsivePages li.active, .menuResponsive ul.responsiveSubPagesCompany li.active, .menuResponsive ul.responsiveSubPagesGama li.active, .menuResponsive ul.responsiveSubPagesRede li.active {
        border-right: 1px solid #ed1c24; }
  .menuResponsive ul.responsiveSubPagesCompany, .menuResponsive ul.responsiveSubPagesGama, .menuResponsive ul.responsiveSubPagesRede {
    float: right;
    display: none; }

header {
  width: 100%;
  height: 94px;
  background-color: #2a292a;
  background-repeat: repeat-x;
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#2c2a2c), to(#0d0c0d));
  background: -webkit-linear-gradient(top, #2c2a2c, #0d0c0d);
  background: -moz-linear-gradient(top, #2c2a2c, #0d0c0d);
  background: -ms-linear-gradient(top, #2c2a2c, #0d0c0d);
  background: -o-linear-gradient(top, #2c2a2c, #0d0c0d); }
  header .container {
    width: 100%;
    max-width: 960px;
    height: 94px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto; }
    header .container .left {
      float: left;
      margin-top: 30px; }
    header .container .right {
      float: right; }
      header .container .right ul.pages li.subMenuStyle {
        float: left;
        width: 107px;
        height: 94px;
        line-height: 100px;
        border-left: 1px solid #000000;
        text-align: center;
        color: #ffffff;
        font-size: 12px;
        font-family: 'Droid Sans', 'Arial';
        font-weight: normal;
        font-style: normal;
        cursor: pointer;
        background-color: #2a292a;
        background-repeat: repeat-x;
        background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#2c2a2c), to(#0d0c0d));
        background: -webkit-linear-gradient(top, #2c2a2c, #0d0c0d);
        background: -moz-linear-gradient(top, #2c2a2c, #0d0c0d);
        background: -ms-linear-gradient(top, #2c2a2c, #0d0c0d);
        background: -o-linear-gradient(top, #2c2a2c, #0d0c0d); }
        header .container .right ul.pages li.subMenuStyle a.button {
          display: block;
          width: 107px;
          height: 94px;
          line-height: 100px;
          color: #ffffff;
          font-size: 12px;
          font-family: 'Droid Sans', 'Arial';
          font-weight: normal;
          font-style: normal; }
        header .container .right ul.pages li.subMenuStyle.active {
          /*border-bottom: 2px solid #0e0c0e;*/ }
        header .container .right ul.pages li.subMenuStyle.background {
          background: #2c2c2c; }
        header .container .right ul.pages li.subMenuStyle:last-child {
          border-right: 1px solid #000000; }
        header .container .right ul.pages li.subMenuStyle .subMenuEmpresa {
          position: absolute;
          margin-top: 0px;
          z-index: 999999;
          background: #2c2c2c;
          height: 111px;
          display: none;
          margin-left: -312px; }
          header .container .right ul.pages li.subMenuStyle .subMenuEmpresa ul.subEmpresa {
            width: 960px; }
            header .container .right ul.pages li.subMenuStyle .subMenuEmpresa ul.subEmpresa li {
              float: left;
              width: 239px;
              height: 110px;
              line-height: 111px;
              text-align: center;
              border-left: 1px solid #000000;
              border-bottom: 1px solid #000000; }
              header .container .right ul.pages li.subMenuStyle .subMenuEmpresa ul.subEmpresa li a {
                display: block;
                color: #ffffff;
                font-size: 25px;
                font-family: 'Droid Sans', 'Arial';
                font-weight: 700;
                font-style: normal; }
              header .container .right ul.pages li.subMenuStyle .subMenuEmpresa ul.subEmpresa li:hover {
                background-color: #1c1a1c; }
        header .container .right ul.pages li.subMenuStyle .subMenuRede {
          position: absolute;
          margin-top: 0px;
          z-index: 999999;
          background: #2c2c2c;
          height: 111px;
          display: none;
          margin-left: -636px; }
          header .container .right ul.pages li.subMenuStyle .subMenuRede ul.subRede {
            width: 960px; }
            header .container .right ul.pages li.subMenuStyle .subMenuRede ul.subRede li {
              float: left;
              width: 49%;
              height: 110px;
              line-height: 111px;
              text-align: center;
              border-left: 1px solid #000000;
              border-bottom: 1px solid #000000; }
              header .container .right ul.pages li.subMenuStyle .subMenuRede ul.subRede li a {
                display: block;
                color: #ffffff;
                font-size: 25px;
                font-family: 'Droid Sans', 'Arial';
                font-weight: 700;
                font-style: normal; }
                header .container .right ul.pages li.subMenuStyle .subMenuRede ul.subRede li a span {
                  font-family: 'Droid Sans', 'Arial';
                  font-weight: 700;
                  font-style: normal; }
              header .container .right ul.pages li.subMenuStyle .subMenuRede ul.subRede li:hover {
                background-color: #1c1a1c; }
        header .container .right ul.pages li.subMenuStyle .subMenuGama {
          position: absolute;
          margin-top: 0px;
          z-index: 999999;
          background: #2c2c2c;
          height: 111px;
          display: none;
          margin-left: -420px; }
          header .container .right ul.pages li.subMenuStyle .subMenuGama ul.subGama {
            width: 960px; }
            header .container .right ul.pages li.subMenuStyle .subMenuGama ul.subGama li {
              float: left;
              width: 319px;
              height: 110px;
              line-height: 111px;
              text-align: center;
              border-left: 1px solid #000000;
              border-bottom: 1px solid #000000; }
              header .container .right ul.pages li.subMenuStyle .subMenuGama ul.subGama li a {
                height: 111px;
                line-height: 111px;
                display: block; }
              header .container .right ul.pages li.subMenuStyle .subMenuGama ul.subGama li:hover {
                background-color: #1c1a1c; }
              header .container .right ul.pages li.subMenuStyle .subMenuGama ul.subGama li span {
                float: left;
                margin-left: 49px;
                font-size: 25px;
                font-family: 'Droid Sans', 'Arial';
                font-weight: 700;
                font-style: normal;
                color: #ffffff; }
              header .container .right ul.pages li.subMenuStyle .subMenuGama ul.subGama li .backgroundImage {
                float: right;
                margin-right: 15px;
                margin-top: 16px; }
                header .container .right ul.pages li.subMenuStyle .subMenuGama ul.subGama li .backgroundImage.dmax {
                  background-image: url("../images/gama-D-MAX.png");
                  width: 115px;
                  height: 79px;
                  margin-top: 16px; }
                header .container .right ul.pages li.subMenuStyle .subMenuGama ul.subGama li .backgroundImage.serien {
                  background-image: url("../images/gama-SERIE-N.png");
                  width: 161px;
                  height: 82px;
                  margin-top: 14px; }
                header .container .right ul.pages li.subMenuStyle .subMenuGama ul.subGama li .backgroundImage.serief {
                  background-image: url("../images/gama-SERIE-F.png");
                  width: 149px;
                  height: 95px;
                  margin-top: 8px; }
    header .container .iconMenu {
      display: none;
      cursor: pointer; }

@media screen and (max-width: 1023px) {
  header {
    height: 65px; }
    header .container {
      width: 100%;
      max-width: 100%;
      height: 65px; }
      header .container .left {
        float: right;
        margin-top: 16px;
        margin-right: 11px; }
      header .container .right {
        display: none; }
      header .container .subMenuEmpresa, header .container .subMenuRede, header .container .subMenuGama {
        display: none; }
        header .container .subMenuEmpresa ul.subEmpresa, header .container .subMenuRede ul.subEmpresa, header .container .subMenuGama ul.subEmpresa {
          width: 960px; }
      header .container .iconMenu {
        display: block;
        margin-top: 8px;
        margin-left: 10px;
        float: left;
        font-size: 50px;
        color: #ffffff; } }
section#slider .swiper-container {
  height: 540px;
  width: 100%; }
  section#slider .swiper-container .swiper-slide {
    height: 540px;
    width: 100%;
    position: relative; }
    section#slider .swiper-container .swiper-slide .container {
      position: absolute;
      width: 960px;
      margin: 0 auto;
      z-index: 999999;
      margin-top: 105px;
      left: 0;
      right: 0;
      margin-left: auto;
      margin-right: auto; }
      section#slider .swiper-container .swiper-slide .container .title {
        max-width: 474px;
        width: auto;
        color: #ffffff;
        font-size: 57px;
        text-transform: uppercase;
        font-family: 'Droid Sans', 'Arial';
        font-weight: 700;
        font-style: normal; }
      section#slider .swiper-container .swiper-slide .container .text {
        max-width: 474px;
        width: auto;
        color: #ffffff;
        font-size: 16px;
        margin-top: 10px;
        margin-bottom: 20px;
        font-family: 'Droid Sans', 'Arial';
        font-weight: normal;
        font-style: normal; }
      section#slider .swiper-container .swiper-slide .container div.button {
        width: 133px;
        height: 35px;
        background: #ffcd00; }
        section#slider .swiper-container .swiper-slide .container div.button span:first-child {
          color: #ffffff;
          font-size: 14px;
          margin-left: 15px;
          margin-right: 5px;
          line-height: 35px;
          font-family: 'Droid Sans', 'Arial';
          font-weight: 700;
          font-style: normal; }
        section#slider .swiper-container .swiper-slide .container div.button span:last-child {
          position: absolute;
          margin-left: 13px;
          width: 21px;
          height: 35px;
          z-index: 999999; }
    section#slider .swiper-container .swiper-slide .backgroundImage {
      position: absolute;
      z-index: 1;
      background-repeat: no-repeat;
      height: 540px;
      width: 100%;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      background-position: center center;
      -ms-behavior: url("SIZE/backgroundsize.min.htc");
      behavior: url("SIZE/backgroundsize.min.htc"); }
section#slider .paginationSlider {
  display: none;
  position: relative;
  left: 0;
  text-align: center;
  bottom: -14px;
  width: 100%;
  z-index: 999; }
  section#slider .paginationSlider .swiper-pagination-switch {
    display: inline-block;
    width: 10px;
    height: 10px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    behavior: url("PIE/PIE.htc");
    /*                border: 1px solid white;*/
    margin: 13px 5px;
    cursor: pointer;
    z-index: 999;
    background: #fff0b2; }
  section#slider .paginationSlider .swiper-active-switch {
    background: #ffcd00; }
section#slider .thumbnails {
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
  margin-top: -110px; }
  section#slider .thumbnails .thumbnail {
    width: 301px;
    height: 224px;
    float: left;
    margin-left: 22px;
    cursor: pointer;
    /*width: 100%;*/
    background-repeat: no-repeat;
    position: relative;
    z-index: 9999;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center center;
    -ms-behavior: url("SIZE/backgroundsize.min.htc");
    behavior: url("SIZE/backgroundsize.min.htc");
    border: 2px solid transparent; }
    section#slider .thumbnails .thumbnail:first-child {
      margin-left: 0px; }
    section#slider .thumbnails .thumbnail.active {
      border: 2px solid #f4c50e; }
    section#slider .thumbnails .thumbnail .text {
      position: absolute;
      text-align: center;
      line-height: 224px;
      width: 304px;
      color: #ffffff;
      font-size: 22pt;
      font-family: 'Droid Sans', 'Arial';
      font-weight: 700;
      font-style: normal;
      background-color: rgba(0, 0, 0, 0.3);
      -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000)";
      /* IE8 */
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
      /* IE6 & 7 */
      margin-left: -1px; }

section#models {
  width: 100%;
  max-width: 743px;
  margin: 0 auto;
  margin-top: 94px; }
  section#models .header {
    border-bottom: 0px solid #e3e3e3; }
    section#models .header ul.models {
      width: 430px;
      margin: 0 auto; }
      section#models .header ul.models li {
        width: 142px;
        height: 46px;
        border-right: 1px solid #000000;
        background-color: #ffcd00;
        float: left;
        text-align: center;
        line-height: 46px;
        color: #fff;
        cursor: pointer;
        font-family: 'Droid Sans', 'Arial';
        font-weight: 700;
        font-style: normal; }
        section#models .header ul.models li.active {
          background-color: #2a292a;
          background-repeat: repeat-x;
          background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3b3b3b), to(#070707));
          background: -webkit-linear-gradient(top, #3b3b3b, #070707);
          background: -moz-linear-gradient(top, #3b3b3b, #070707);
          background: -ms-linear-gradient(top, #3b3b3b, #070707);
          background: -o-linear-gradient(top, #3b3b3b, #070707); }
          section#models .header ul.models li.active:before {
            position: absolute;
            content: "";
            width: 0;
            height: 0;
            border-left: 9px solid transparent;
            border-right: 9px solid transparent;
            border-top: 9px solid #070707;
            margin-top: 46px;
            margin-left: 16px; }
        section#models .header ul.models li:last-child {
          border-right: 0px; }
  section#models .title {
    clear: both;
    color: #0f0d0f;
    font-size: 30px;
    text-align: center;
    margin-bottom: 20px;
    margin-top: 24px;
    font-family: 'Droid Sans', 'Arial';
    font-weight: 700;
    font-style: normal; }
    section#models .title span {
      color: #0f0d0f;
      font-size: 30px;
      font-family: 'Droid Sans', 'Arial';
      font-weight: 700;
      font-style: normal; }
  section#models .device .swiper-container {
    height: 410px;
    width: 100%; }
    section#models .device .swiper-container .swiper-wrapper .swiper-slide {
      height: 410px;
      width: 100%;
      z-index: 1; }
      section#models .device .swiper-container .swiper-wrapper .swiper-slide .backgroundImage {
        z-index: 1;
        background-repeat: no-repeat;
        height: 410px;
        width: 100%;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        background-position: center center; }
  section#models .device .paginationModels {
    position: relative;
    left: 0;
    text-align: center;
    bottom: -14px;
    width: 100%;
    z-index: 999; }
    section#models .device .paginationModels .swiper-pagination-switch {
      display: inline-block;
      width: 10px;
      height: 10px;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      -o-border-radius: 50%;
      border-radius: 50%;
      behavior: url("PIE/PIE.htc");
      /*                border: 1px solid white;*/
      margin: 13px 5px;
      cursor: pointer;
      z-index: 999;
      background: #fff0b2; }
    section#models .device .paginationModels .swiper-active-switch {
      background: #ffcd00; }

section#redArea {
  margin-top: 32px;
  background: #ec1d23;
  width: 100%;
  height: 277px; }
  section#redArea .container {
    width: 100%;
    max-width: 960px;
    margin: 0 auto; }
    section#redArea .container ul.redArea li {
      width: 316px;
      height: 177px;
      margin-left: 6px;
      float: left;
      margin-top: 50px;
      background: blue;
      cursor: pointer;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      background-position: center center;
      /*background: rgba(0, 0, 0, 0.3);*/ }
      section#redArea .container ul.redArea li:first-child {
        margin-left: 0px; }
      section#redArea .container ul.redArea li .context {
        position: relative;
        width: 100%;
        height: 20%;
        text-align: center;
        margin-top: 16px;
        color: #ffffff;
        font-size: 15px;
        text-transform: uppercase;
        font-family: 'Droid Sans', 'Arial';
        font-weight: 700;
        font-style: normal;
        z-index: 999999; }
      section#redArea .container ul.redArea li .mask {
        display: block;
        height: 177px;
        width: 316px;
        position: relative;
        overflow: hidden;
        /*                    top: 1px;
                            left: 1px;*/
        /*background-color: rgba(0,0,0,0.3);*/
        background-color: #000000;
        -webkit-opacity: 0.3;
        -moz-opacity: 0.3;
        -khtml-opacity: 0.3;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=$value);
        filter: alpha(opacity=30);
        opacity: 0.3;
        z-index: 1;
        /*margin-top: -114px;*/ }
      section#redArea .container ul.redArea li .icon.first {
        width: 248px;
        height: 34px;
        /*margin-top: -90px;*/
        z-index: 999999;
        /*position: absolute;*/
        margin: 0 auto;
        margin-top: -105px;
        position: relative; }
      section#redArea .container ul.redArea li .icon.second {
        margin: 0 auto;
        margin-top: -125px;
        position: relative;
        width: 50px;
        height: 50px;
        z-index: 999999; }
      section#redArea .container ul.redArea li .icon.third {
        margin: 0 auto;
        margin-top: -125px;
        position: relative;
        width: 51px;
        height: 51px;
        z-index: 999999; }
      section#redArea .container ul.redArea li:hover .mask {
        -webkit-opacity: 0;
        -moz-opacity: 0;
        -khtml-opacity: 0;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=$value);
        filter: alpha(opacity=0);
        opacity: 0; }

@media screen and (max-width: 1023px) {
  section#slider .swiper-container {
    height: 540px;
    width: 100%; }
    section#slider .swiper-container .swiper-slide {
      height: 540px;
      width: 100%; }
      section#slider .swiper-container .swiper-slide .container {
        width: 720px; }
      section#slider .swiper-container .swiper-slide .backgroundImage {
        height: 540px;
        width: 100%; }
  section#slider .thumbnails {
    max-width: 720px; }
    section#slider .thumbnails .thumbnail {
      width: 221px;
      height: 164px; }
      section#slider .thumbnails .thumbnail .text {
        line-height: 164px;
        width: 221px;
        margin-left: 0px; }

  section#redArea {
    margin-top: 32px;
    background: #ec1d23;
    width: 100%;
    height: 232px; }
    section#redArea .container {
      max-width: 720px; }
      section#redArea .container ul.redArea li {
        width: 236px;
        height: 132px;
        margin-top: 50px; }
        section#redArea .container ul.redArea li .context {
          /*margin-top: -45px;*/ }
        section#redArea .container ul.redArea li .mask {
          height: 132px;
          width: 236px;
          position: relative;
          overflow: hidden;
          z-index: 1; }
        section#redArea .container ul.redArea li .icon.first {
          width: 198px;
          margin: 0 auto;
          margin-top: -95px; }
          section#redArea .container ul.redArea li .icon.first img {
            width: 100%; }
        section#redArea .container ul.redArea li .icon.second {
          margin: 0 auto;
          margin-top: -110px;
          position: relative;
          width: 50px;
          height: 50px;
          z-index: 999999; }
        section#redArea .container ul.redArea li .icon.third {
          margin: 0 auto;
          margin-top: -110px;
          position: relative;
          width: 51px;
          height: 51px;
          z-index: 999999; } }
@media screen and (max-width: 767px) {
  section#slider .swiper-container {
    height: 400px;
    width: 100%; }
    section#slider .swiper-container .swiper-slide {
      height: 540px;
      width: 100%; }
      section#slider .swiper-container .swiper-slide .container {
        width: 100%;
        margin-top: 153px;
        background-color: #000000;
        height: 263px; }
        section#slider .swiper-container .swiper-slide .container .title {
          font-size: 40px;
          margin-top: 20px;
          margin: 15px; }
        section#slider .swiper-container .swiper-slide .container .text {
          font-size: 14px;
          margin-top: 14px;
          margin-bottom: 25px;
          margin: 15px; }
        section#slider .swiper-container .swiper-slide .container div.button {
          margin: 15px; }
      section#slider .swiper-container .swiper-slide .backgroundImage {
        height: 153px; }
  section#slider .paginationSlider {
    display: block;
    bottom: 36px; }
    section#slider .paginationSlider .swiper-pagination-switch {
      width: 12px;
      height: 12px; }
  section#slider .thumbnails {
    max-width: 720px;
    display: none; }
    section#slider .thumbnails .thumbnail {
      width: 224px;
      height: 164px; }
      section#slider .thumbnails .thumbnail .text {
        line-height: 164px;
        width: 221px;
        margin-left: 0px; }

  section#models {
    width: 100%;
    max-width: 100%;
    margin-top: 24px; }
    section#models .header ul.models {
      width: 290px; }
      section#models .header ul.models li {
        width: 95px;
        height: 32px;
        border-right: 1px solid #000000;
        line-height: 32px;
        font-size: 14px; }
        section#models .header ul.models li.active:before {
          margin-top: 30px; }
    section#models .title {
      margin-top: 4px;
      font-size: 17px; }
      section#models .title span {
        font-size: 17px; }
    section#models .device {
      width: 95%;
      margin: 0 auto;
      /*            .swiper-container
                  {
                      height: 300px;
                      .swiper-slide
                      {
                          width: 100%;
                          
                          .backgroundImage
                          {
                              height: 100%;
                              width: 100%;
                          }
                      }
                  }*/ }
      section#models .device .swiper-container {
        height: 300px;
        width: 100%; }
        section#models .device .swiper-container .swiper-wrapper .swiper-slide {
          height: 300px;
          width: 100%; }
          section#models .device .swiper-container .swiper-wrapper .swiper-slide .backgroundImage {
            height: 300px; }
      section#models .device .paginationModels {
        bottom: 0px; }
        section#models .device .paginationModels .swiper-pagination-switch {
          width: 12px;
          height: 12px; }

  section#redArea {
    margin-top: -12px;
    background: #ec1d23;
    width: 100%;
    height: 691px; }
    section#redArea .container {
      max-width: 100%; }
      section#redArea .container ul.redArea {
        width: 316px;
        margin: 0 auto; }
        section#redArea .container ul.redArea li {
          width: 316px;
          height: 177px;
          margin-top: 30px;
          margin-left: 0px; }
          section#redArea .container ul.redArea li:first-child {
            margin-top: 50px; }
          section#redArea .container ul.redArea li .context {
            margin-top: 16px; }
          section#redArea .container ul.redArea li .mask {
            display: block;
            height: 177px;
            width: 316px;
            position: relative;
            overflow: hidden; }
          section#redArea .container ul.redArea li .icon.first {
            width: 248px;
            height: 34px;
            /*margin-top: -90px;*/
            z-index: 999999;
            /*position: absolute;*/
            margin: 0 auto;
            margin-top: -105px;
            position: relative; }
            section#redArea .container ul.redArea li .icon.first img {
              width: 100%; }
          section#redArea .container ul.redArea li .icon.second {
            margin: 0 auto;
            margin-top: -125px;
            position: relative;
            width: 50px;
            height: 50px;
            z-index: 999999; }
          section#redArea .container ul.redArea li .icon.third {
            margin: 0 auto;
            margin-top: -125px;
            position: relative;
            width: 51px;
            height: 51px;
            z-index: 999999; } }
@media screen and (max-width: 480px) {
  section#models .title {
    margin-top: 4px;
    font-size: 17px; }
    section#models .title span {
      font-size: 17px; }
  section#models .device {
    width: 95%;
    margin: 0 auto; }
    section#models .device .swiper-container {
      height: 200px;
      width: 100%; }
      section#models .device .swiper-container .swiper-wrapper .swiper-slide {
        width: 100%;
        height: 200px; }
        section#models .device .swiper-container .swiper-wrapper .swiper-slide .backgroundImage {
          height: 100%;
          width: 100%; }
    section#models .device .paginationModels {
      bottom: 0px; }
      section#models .device .paginationModels .swiper-pagination-switch {
        width: 12px;
        height: 12px; } }
section#carroceiros {
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
  margin-top: 105px;
  margin-bottom: 56px; }
  section#carroceiros .title {
    color: #000000;
    font-size: 26px;
    font-family: 'Droid Sans', 'Arial';
    font-weight: 700;
    font-style: normal;
    margin-left: 204px; }
  section#carroceiros .description {
    color: #000000;
    font-size: 16px;
    font-family: 'Droid Sans', 'Arial';
    font-weight: 700;
    font-style: normal;
    margin-top: 43px;
    margin-bottom: 13px;
    margin-left: 204px; }
  section#carroceiros ul {
    margin-left: 204px; }
    section#carroceiros ul li {
      width: 100%;
      height: 57px;
      border-top: 1px solid #d9d9d9; }
      section#carroceiros ul li .title {
        color: #000000;
        font-size: 16px;
        font-family: 'Droid Sans', 'Arial';
        font-weight: normal;
        font-style: normal;
        float: left;
        line-height: 54px;
        width: 85%;
        margin-left: 0px; }
      section#carroceiros ul li div.button {
        float: right;
        width: 73px;
        height: 35px;
        background: #ffcd00;
        margin-top: 11px; }
        section#carroceiros ul li div.button span:first-child {
          color: #ffffff;
          font-size: 14px;
          margin-left: 15px;
          margin-right: 5px;
          line-height: 35px;
          font-family: 'Droid Sans', 'Arial';
          font-weight: 700;
          font-style: normal; }
        section#carroceiros ul li div.button span:last-child {
          /*                    color: #ffffff;
                              font-size: 60px;
                              position: absolute;
                              margin-top: -14px;
                              margin-left: -17px;*/
          position: absolute;
          margin-left: 7px;
          width: 21px;
          height: 35px;
          z-index: 999999; }
      section#carroceiros ul li:last-child {
        border-bottom: 1px solid #d9d9d9; }

@media screen and (max-width: 1023px) {
  section#carroceiros {
    max-width: 720px; }
    section#carroceiros .title {
      margin-left: 0px; }
    section#carroceiros .description {
      margin-left: 0px; }
    section#carroceiros ul {
      margin-left: 0px; } }
@media screen and (max-width: 767px) {
  section#carroceiros {
    max-width: 100%;
    width: 90%; }
    section#carroceiros ul li .title {
      width: 65%; } }
section#accessory {
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
  margin-top: 105px;
  margin-bottom: 56px; }
  section#accessory .title {
    color: #000000;
    font-size: 26px;
    font-family: 'Droid Sans', 'Arial';
    font-weight: 700;
    font-style: normal;
    margin-left: 198px; }
  section#accessory .description {
    color: #000000;
    font-size: 14px;
    font-family: 'Droid Sans', 'Arial';
    font-weight: normal;
    font-style: normal;
    margin-left: 198px;
    width: 70%;
    margin-top: 43px;
    margin-bottom: 40px; }
    section#accessory .description p {
      line-height: 20px;
      margin-bottom: 25px;
      font-family: 'Droid Sans', 'Arial';
      font-weight: normal;
      font-style: normal; }
  section#accessory .swiper-container.swiper-content {
    width: 100%;
    height: 540px; }
    section#accessory .swiper-container.swiper-content .swiper-wrapper .swiper-slide .backgroundImage {
      position: relative;
      z-index: 1;
      background-repeat: no-repeat;
      height: 540px;
      width: 100%;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      background-position: center center;
      -ms-behavior: url("SIZE/backgroundsize.min.htc");
      behavior: url("SIZE/backgroundsize.min.htc"); }
  section#accessory .swiper-container.swiper-nav {
    height: 112px;
    background: #2c2c2c;
    margin-top: 12px;
    padding: 10px 20px;
    width: 800px;
    float: left;
    position: relative; }
    section#accessory .swiper-container.swiper-nav .swiper-wrapper .swiper-slide {
      float: left;
      /*margin-left: 15px;*/
      height: 112px;
      width: 169px; }
      section#accessory .swiper-container.swiper-nav .swiper-wrapper .swiper-slide .backgroundImage {
        position: relative;
        z-index: 1;
        background-repeat: no-repeat;
        height: 112px;
        width: 154px;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        background-position: center center;
        -ms-behavior: url("SIZE/backgroundsize.min.htc");
        behavior: url("SIZE/backgroundsize.min.htc"); }
      section#accessory .swiper-container.swiper-nav .swiper-wrapper .swiper-slide.active-nav .backgroundImage {
        border: 1px solid #f4c50e; }
      section#accessory .swiper-container.swiper-nav .swiper-wrapper .swiper-slide.active-nav .mask {
        display: block;
        height: 112px;
        width: 154px;
        position: relative;
        overflow: hidden;
        top: 1px;
        left: 1px;
        background-color: rgba(0, 0, 0, 0.4);
        z-index: 999999;
        margin-top: -114px; }
      section#accessory .swiper-container.swiper-nav .swiper-wrapper .swiper-slide .mask {
        display: none; }
  section#accessory .navigation {
    float: left;
    width: 120px;
    margin-top: 12px;
    height: 132px;
    background: #2c2c2c; }
    section#accessory .navigation .numbers {
      text-align: center;
      color: #ffcd00;
      font-size: 14px;
      font-family: 'Droid Sans', 'Arial';
      font-weight: normal;
      font-style: normal;
      margin-top: 60px; }
    section#accessory .navigation .arrowLeft {
      color: #ffcd00;
      font-size: 74px;
      float: left;
      position: absolute;
      margin-left: 17px;
      margin-top: -25px;
      cursor: pointer;
      width: 20px;
      height: 37px; }
    section#accessory .navigation .arrowRight {
      color: #ffcd00;
      font-size: 74px;
      float: right;
      margin-right: 17px;
      position: relative;
      margin-top: -25px;
      cursor: pointer;
      width: 20px;
      height: 37px; }
  section#accessory .pagination {
    display: none;
    position: relative;
    left: 0;
    text-align: center;
    bottom: -12px;
    width: 100%;
    z-index: 999; }
    section#accessory .pagination .swiper-pagination-switch {
      display: inline-block;
      width: 10px;
      height: 10px;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      -o-border-radius: 50%;
      border-radius: 50%;
      behavior: url("PIE/PIE.htc");
      margin: 13px 5px;
      cursor: pointer;
      z-index: 999;
      background: #fff0b2; }
    section#accessory .pagination .swiper-active-switch {
      background: #ffcd00; }

@media screen and (max-width: 1023px) {
  section#accessory {
    max-width: 720px; }
    section#accessory .title {
      margin-left: 0px; }
    section#accessory .description {
      margin-left: 0px; }
    section#accessory .swiper-container.swiper-content {
      height: 540px;
      width: 100%; }
    section#accessory .swiper-container.swiper-nav {
      width: 560px; } }
@media screen and (max-width: 767px) {
  section#accessory {
    max-width: 95%;
    width: 95%; }
    section#accessory .description {
      width: 100%; }
    section#accessory .swiper-container.swiper-content {
      height: 400px;
      width: 100%; }
      section#accessory .swiper-container.swiper-content .swiper-wrapper .swiper-slide .backgroundImage {
        height: 400px; }
    section#accessory .swiper-container.swiper-nav {
      display: none; }
    section#accessory .navigation {
      display: none; }
    section#accessory .pagination {
      display: block; } }
@media screen and (max-width: 480px) {
  section#accessory .swiper-container.swiper-content {
    height: 200px;
    width: 100%; }
    section#accessory .swiper-container.swiper-content .swiper-wrapper .swiper-slide .backgroundImage {
      height: 200px; }
  section#accessory .swiper-container.swiper-nav {
    display: none; }
  section#accessory .navigation {
    display: none; } }
.header {
  height: 39px;
  border-bottom: 1px solid #e3e3e3; }
  .header .title {
    line-height: 38px;
    width: 550px;
    margin: 0 auto;
    font-size: 10px;
    color: #313031;
    font-family: 'Droid Sans', 'Arial';
    font-weight: normal;
    font-style: normal; }

section#empresaMission {
  max-width: 550px;
  width: 100%;
  margin: 0 auto;
  margin-top: 66px; }
  section#empresaMission .title {
    margin-bottom: 32px;
    font-family: 'Droid Sans', 'Arial';
    font-weight: 700;
    font-style: normal;
    font-size: 26px;
    color: #0f0d0f; }
  section#empresaMission .description p {
    margin-bottom: 26px;
    font-family: 'Droid Sans', 'Arial';
    font-weight: normal;
    font-style: normal;
    font-size: 14px;
    line-height: 20px; }
    section#empresaMission .description p strong {
      font-family: 'Droid Sans', 'Arial';
      font-weight: 700;
      font-style: normal; }

section#empresaNews {
  max-width: 960px;
  width: 100%;
  margin: 0 auto;
  margin-top: 66px; }
  section#empresaNews .news {
    margin-left: 204px; }
    section#empresaNews .news .title {
      margin-bottom: 32px;
      font-family: 'Droid Sans', 'Arial';
      font-weight: 700;
      font-style: normal;
      font-size: 26px;
      color: #0f0d0f; }
    section#empresaNews .news ul li {
      border-bottom: 1px solid #e3e3e3;
      margin-top: 8px; }
      section#empresaNews .news ul li:first-child {
        margin-top: 0px; }
      section#empresaNews .news ul li .left {
        width: 100px;
        height: 100px;
        float: left; }
        section#empresaNews .news ul li .left .backgroundImage {
          position: relative;
          z-index: 1;
          background-repeat: no-repeat;
          height: 100px;
          width: 100px;
          -webkit-background-size: cover;
          -moz-background-size: cover;
          -o-background-size: cover;
          background-size: cover;
          background-position: center center;
          -ms-behavior: url("SIZE/backgroundsize.min.htc");
          behavior: url("SIZE/backgroundsize.min.htc"); }
      section#empresaNews .news ul li .right {
        float: right;
        width: 84%; }
        section#empresaNews .news ul li .right .title {
          font-size: 14px;
          margin-bottom: 25px; }
        section#empresaNews .news ul li .right .description {
          font-size: 14px;
          font-family: 'Droid Sans', 'Arial';
          font-weight: normal;
          font-style: normal;
          line-height: 20px;
          width: 72%;
          float: left; }
          section#empresaNews .news ul li .right .description a, section#empresaNews .news ul li .right .description p {
            color: #000000;
            font-size: 14px;
            font-family: 'Droid Sans', 'Arial';
            font-weight: normal;
            font-style: normal; }
          section#empresaNews .news ul li .right .description a {
            color: #ec1d23; }
            section#empresaNews .news ul li .right .description a:hover {
              text-decoration: underline; }
        section#empresaNews .news ul li .right div.button {
          float: right;
          width: 73px;
          height: 35px;
          background: #ffcd00;
          margin-top: -11px; }
          section#empresaNews .news ul li .right div.button span:first-child {
            color: #ffffff;
            font-size: 14px;
            margin-left: 15px;
            margin-right: 5px;
            line-height: 35px;
            font-family: 'Droid Sans', 'Arial';
            font-weight: 700;
            font-style: normal; }
          section#empresaNews .news ul li .right div.button span:last-child {
            /*                            color: #ffffff;
                                        font-size: 60px;
                                        position: absolute;
                                        margin-top: -14px;
                                        margin-left: -17px;
                                        color: #ffffff;*/
            position: absolute;
            margin-left: 6px;
            width: 21px;
            height: 35px;
            z-index: 999999; }

section#empresaCampanhas {
  max-width: 960px;
  width: 100%;
  margin: 0 auto;
  margin-top: 66px; }
  section#empresaCampanhas .campanhas {
    margin-left: 204px; }
    section#empresaCampanhas .campanhas .title {
      margin-bottom: 32px;
      font-family: 'Droid Sans', 'Arial';
      font-weight: 700;
      font-style: normal;
      font-size: 26px;
      color: #0f0d0f; }
    section#empresaCampanhas .campanhas ul li {
      border-bottom: 1px solid #e3e3e3;
      margin-top: 8px; }
      section#empresaCampanhas .campanhas ul li:first-child {
        margin-top: 0px; }
      section#empresaCampanhas .campanhas ul li .left {
        width: 261px;
        height: 378px;
        float: left; }
        section#empresaCampanhas .campanhas ul li .left .backgroundImage {
          position: relative;
          z-index: 1;
          background-repeat: no-repeat;
          height: 378px;
          width: 261px;
          -webkit-background-size: cover;
          -moz-background-size: cover;
          -o-background-size: cover;
          background-size: cover;
          background-position: center center;
          -ms-behavior: url("SIZE/backgroundsize.min.htc");
          behavior: url("SIZE/backgroundsize.min.htc"); }
      section#empresaCampanhas .campanhas ul li .right {
        float: left;
        width: 60%;
        margin-left: 23px; }
        section#empresaCampanhas .campanhas ul li .right .title {
          font-size: 14px;
          margin-bottom: 25px; }
        section#empresaCampanhas .campanhas ul li .right .description {
          font-size: 14px;
          font-family: 'Droid Sans', 'Arial';
          font-weight: normal;
          font-style: normal;
          line-height: 20px;
          width: 100%; }

section#contact {
  max-width: 960px;
  width: 100%;
  margin: 0 auto;
  margin-top: 66px; }
  section#contact .contact {
    margin-left: 204px; }
    section#contact .contact .title {
      margin-bottom: 32px;
      font-family: 'Droid Sans', 'Arial';
      font-weight: 700;
      font-style: normal;
      font-size: 26px;
      color: #0f0d0f; }
  section#contact .left {
    float: left;
    width: 552px;
    margin-bottom: 100px; }
    section#contact .left #map {
      width: 100%;
      height: 656px; }
  section#contact .right {
    float: right;
    width: 360px; }
    section#contact .right .item {
      margin-bottom: 20px; }
      section#contact .right .item p {
        margin-bottom: 26px;
        font-family: 'Droid Sans', 'Arial';
        font-weight: normal;
        font-style: normal;
        font-size: 14px;
        line-height: 20px; }
        section#contact .right .item p a {
          font-family: 'Droid Sans', 'Arial';
          font-weight: normal;
          font-style: normal;
          color: #000000; }
        section#contact .right .item p a:hover {
          text-decoration: underline; }
        section#contact .right .item p strong {
          font-family: 'Droid Sans', 'Arial';
          font-weight: 700;
          font-style: normal; }

@media screen and (max-width: 1023px) {
  .header .title {
    width: 720px; }

  section#empresaMission {
    max-width: 720px; }

  section#empresaNews {
    max-width: 720px; }
    section#empresaNews .news {
      margin-left: 0px; }

  section#empresaCampanhas {
    max-width: 720px; }
    section#empresaCampanhas .campanhas {
      margin-left: 0px; }

  section#contact {
    max-width: 720px; }
    section#contact .contact {
      margin-left: 0px; }
    section#contact .left {
      float: left;
      width: 450px;
      margin-bottom: 100px; }
      section#contact .left #map {
        width: 100%;
        height: 510px; }
    section#contact .right {
      float: right;
      width: 230px; }
      section#contact .right .item p {
        margin-bottom: 26px;
        font-family: 'Droid Sans', 'Arial';
        font-weight: normal;
        font-style: normal;
        font-size: 14px;
        line-height: 20px; }
        section#contact .right .item p strong {
          font-family: 'Droid Sans', 'Arial';
          font-weight: 700;
          font-style: normal; } }
@media screen and (max-width: 767px) {
  .header .title {
    width: 95%; }

  section#empresaMission {
    max-width: 95%; }

  section#empresaNews {
    max-width: 95%; }
    section#empresaNews .news {
      margin-left: 0px; }
      section#empresaNews .news ul li {
        margin-top: 30px; }
        section#empresaNews .news ul li .left {
          display: none; }
        section#empresaNews .news ul li .right {
          float: left;
          width: 100%; }
          section#empresaNews .news ul li .right .description {
            width: 100%; }
          section#empresaNews .news ul li .right div.button {
            margin-bottom: 24px;
            float: left;
            margin-top: 20px; }

  section#empresaCampanhas {
    max-width: 95%; }
    section#empresaCampanhas .campanhas {
      margin-left: 0px; }
      section#empresaCampanhas .campanhas ul li {
        margin-top: 30px; }
        section#empresaCampanhas .campanhas ul li .left {
          display: none; }
        section#empresaCampanhas .campanhas ul li .right {
          float: left;
          width: 100%;
          margin-left: 0px;
          margin-bottom: 24px; }
          section#empresaCampanhas .campanhas ul li .right .description {
            width: 100%; }

  section#contact {
    max-width: 90%; }
    section#contact .contact {
      margin-left: 0px; }
    section#contact .left {
      float: left;
      width: 100%;
      margin-bottom: 100px; }
      section#contact .left #map {
        width: 100%;
        height: 510px; }
    section#contact .right {
      float: right;
      width: 100%; } }
.markerBox {
  min-width: 150px;
  height: 40px;
  background-color: #ffffff; }
  .markerBox .name {
    text-align: center;
    line-height: 40px;
    font-size: 16px;
    color: #626262;
    font-family: 'Droid Sans', 'Arial';
    font-weight: normal;
    font-style: normal; }
  .markerBox div.lineBreak {
    width: 100%;
    background-color: #FFF;
    clear: both; }
    .markerBox div.lineBreak div.line {
      margin: 0 auto;
      width: 60%;
      border: 1px solid #e0e0e0; }
  .markerBox div.arrow {
    width: 100%;
    clear: both;
    text-align: center; }
    .markerBox div.arrow img {
      display: block;
      margin-right: auto;
      margin-left: auto; }

section#contact {
  max-width: 960px;
  width: 100%;
  margin: 0 auto;
  margin-top: 66px; }
  section#contact .contact {
    margin-left: 204px; }
    section#contact .contact .title {
      margin-bottom: 32px;
      font-family: 'Droid Sans', 'Arial';
      font-weight: 700;
      font-style: normal;
      font-size: 26px;
      color: #0f0d0f; }
  section#contact .left {
    float: left;
    width: 552px;
    margin-bottom: 0px; }
    section#contact .left #map {
      width: 100%;
      height: 656px; }
  section#contact .right {
    float: right;
    width: 360px; }
    section#contact .right ul.zones li {
      width: 24%;
      float: left;
      background-color: #ffcd00;
      height: 39px;
      text-align: center;
      cursor: pointer;
      border-left: 1px solid #000000;
      margin-bottom: 32px;
      font-family: 'Droid Sans', 'Arial';
      font-weight: 700;
      font-style: normal;
      color: #ffffff;
      font-size: 14px;
      line-height: 39px; }
      section#contact .right ul.zones li.active {
        background-color: #2a292a;
        background-repeat: repeat-x;
        background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3b3b3b), to(#070707));
        background: -webkit-linear-gradient(top, #3b3b3b, #070707);
        background: -moz-linear-gradient(top, #3b3b3b, #070707);
        background: -ms-linear-gradient(top, #3b3b3b, #070707);
        background: -o-linear-gradient(top, #3b3b3b, #070707); }
        section#contact .right ul.zones li.active:before {
          position: absolute;
          content: "";
          width: 0;
          height: 0;
          border-left: 15px solid transparent;
          border-right: 15px solid transparent;
          border-top: 15px solid #070707;
          margin-top: 32px;
          margin-left: -12px; }
      section#contact .right ul.zones li:first-child {
        border-left: 0px; }
    section#contact .right .item {
      clear: both;
      margin-bottom: 10px;
      border-bottom: 1px solid #e3e3e3; }
      section#contact .right .item p {
        margin-bottom: 14px;
        font-family: 'Droid Sans', 'Arial';
        font-weight: normal;
        font-style: normal;
        font-size: 13px;
        line-height: 20px; }
        section#contact .right .item p strong {
          font-family: 'Droid Sans', 'Arial';
          font-weight: 700;
          font-style: normal; }
  section#contact .buttonLeft {
    width: 113px;
    height: 35px;
    background: #ffcd00;
    float: right;
    margin-right: 6px;
    cursor: pointer;
    display: none;
    margin-bottom: 100px; }
    section#contact .buttonLeft span:first-child {
      /*            color: #ffffff;
                  font-size: 55px;
                  position: absolute;
                  margin-top: -10px;
                  margin-left: -15px;*/
      position: absolute;
      margin-left: 5px;
      width: 21px;
      height: 37px;
      z-index: 999999; }
    section#contact .buttonLeft span:last-child {
      color: #ffffff;
      font-size: 14px;
      margin-left: 33px;
      margin-right: 5px;
      line-height: 35px;
      font-family: 'Droid Sans', 'Arial';
      font-weight: 700;
      font-style: normal; }
  section#contact .buttonRight {
    width: 113px;
    height: 35px;
    background: #ffcd00;
    float: right;
    cursor: pointer;
    margin-bottom: 100px; }
    section#contact .buttonRight span:first-child {
      color: #ffffff;
      font-size: 14px;
      margin-left: 15px;
      margin-right: 5px;
      line-height: 35px;
      font-family: 'Droid Sans', 'Arial';
      font-weight: 700;
      font-style: normal; }
    section#contact .buttonRight span:last-child {
      /*            color: #ffffff;
                  font-size: 55px;
                  position: absolute;
                  margin-top: -10px;
                  margin-left: -15px;*/
      position: absolute;
      margin-left: 5px;
      width: 21px;
      height: 37px;
      z-index: 999999; }

@media screen and (max-width: 1023px) {
  section#contact {
    max-width: 720px; }
    section#contact .contact {
      margin-left: 0px; }
    section#contact .left {
      width: 450px; }
    section#contact .right {
      float: right;
      width: 230px; } }
@media screen and (max-width: 767px) {
  section#contact {
    max-width: 90%; }
    section#contact .contact {
      margin-left: 0px; }
    section#contact .left {
      width: 100%; }
      section#contact .left #map {
        height: 400px; }
    section#contact .right {
      float: right;
      width: 100%; }
    section#contact .buttonLeft {
      margin-bottom: 50px; }
    section#contact .buttonRight {
      margin-bottom: 50px; } }
.header {
  height: 39px;
  border-bottom: 1px solid #e3e3e3; }
  .header .title {
    line-height: 38px;
    width: 550px;
    margin: 0 auto;
    font-size: 10px;
    color: #313031;
    font-family: 'Droid Sans', 'Arial';
    font-weight: normal;
    font-style: normal; }

.mejs-poster {
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center center;
  -ms-behavior: url("SIZE/backgroundsize.min.htc");
  behavior: url("SIZE/backgroundsize.min.htc"); }

section#gama {
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
  margin-top: 25px;
  margin-bottom: 56px; }
  section#gama .sliderNormal {
    /*display: block;*/ }
  section#gama .sliderResponsive {
    /*display: block;*/ }
  section#gama .swiper-container.swiper-content {
    width: 100%;
    height: 540px; }
    section#gama .swiper-container.swiper-content .swiper-wrapper .swiper-slide .backgroundImage {
      position: relative;
      z-index: 1;
      background-repeat: no-repeat;
      height: 540px;
      width: 100%;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      background-position: center center;
      -ms-behavior: url("SIZE/backgroundsize.min.htc");
      behavior: url("SIZE/backgroundsize.min.htc"); }
    section#gama .swiper-container.swiper-content .swiper-wrapper .swiper-slide iframe {
      height: 540px;
      width: 960px; }
  section#gama .swiper-container.swiper-nav {
    height: 112px;
    background: #2c2c2c;
    margin-top: 12px;
    padding: 10px 20px;
    width: 800px;
    float: left;
    position: relative; }
    section#gama .swiper-container.swiper-nav .swiper-wrapper .swiper-slide {
      float: left;
      /*margin-left: 15px;*/
      height: 112px;
      width: 169px; }
      section#gama .swiper-container.swiper-nav .swiper-wrapper .swiper-slide .backgroundImage {
        position: relative;
        z-index: 1;
        background-repeat: no-repeat;
        height: 112px;
        width: 154px;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        background-position: center center;
        -ms-behavior: url("SIZE/backgroundsize.min.htc");
        behavior: url("SIZE/backgroundsize.min.htc"); }
      section#gama .swiper-container.swiper-nav .swiper-wrapper .swiper-slide.active-nav .backgroundImage {
        border: 1px solid #f4c50e; }
      section#gama .swiper-container.swiper-nav .swiper-wrapper .swiper-slide.active-nav .mask {
        display: block;
        height: 112px;
        width: 154px;
        position: relative;
        overflow: hidden;
        top: 1px;
        left: 1px;
        background-color: rgba(0, 0, 0, 0.4);
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000)";
        /* IE8 */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000);
        /* IE6 & 7 */
        z-index: 999999;
        margin-top: -114px; }
      section#gama .swiper-container.swiper-nav .swiper-wrapper .swiper-slide .mask {
        display: none; }
  section#gama .navigation {
    float: left;
    width: 120px;
    margin-top: 12px;
    height: 132px;
    background: #2c2c2c; }
    section#gama .navigation .numbers {
      text-align: center;
      color: #ffcd00;
      font-size: 14px;
      font-family: 'Droid Sans', 'Arial';
      font-weight: normal;
      font-style: normal;
      margin-top: 60px; }
    section#gama .navigation .arrowLeft {
      color: #ffcd00;
      font-size: 74px;
      float: left;
      position: absolute;
      margin-left: 17px;
      margin-top: -25px;
      cursor: pointer;
      width: 20px;
      height: 37px; }
    section#gama .navigation .arrowRight {
      color: #ffcd00;
      font-size: 74px;
      float: right;
      margin-right: 17px;
      position: relative;
      margin-top: -25px;
      cursor: pointer;
      width: 20px;
      height: 37px; }
  section#gama .typology .text {
    margin-top: 70px;
    color: #0f0d0f;
    font-size: 26px;
    font-family: 'Droid Sans', 'Arial';
    font-weight: 700;
    font-style: normal; }
    section#gama .typology .text span {
      color: #0f0d0f;
      font-size: 26px;
      font-family: 'Droid Sans', 'Arial';
      font-weight: 700;
      font-style: normal; }
  section#gama .typology .typologyNormal {
    display: block; }
  section#gama .typology .typologyResponsive {
    clear: both;
    display: none; }
  section#gama .typology .left {
    width: 755px;
    margin-top: 30px;
    float: left; }
    section#gama .typology .left ul.types li {
      width: 33.1%;
      float: left;
      background-color: #ffcd00;
      height: 65px;
      text-align: center;
      cursor: pointer;
      border-left: 1px solid #000000; }
      section#gama .typology .left ul.types li.active {
        background-color: #2a292a;
        background-repeat: repeat-x;
        background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3b3b3b), to(#070707));
        background: -webkit-linear-gradient(top, #3b3b3b, #070707);
        background: -moz-linear-gradient(top, #3b3b3b, #070707);
        background: -ms-linear-gradient(top, #3b3b3b, #070707);
        background: -o-linear-gradient(top, #3b3b3b, #070707); }
        section#gama .typology .left ul.types li.active:before {
          position: absolute;
          content: "";
          width: 0;
          height: 0;
          border-left: 15px solid transparent;
          border-right: 15px solid transparent;
          border-top: 15px solid #070707;
          margin-top: 65px;
          margin-left: -14px; }
      section#gama .typology .left ul.types li:first-child {
        border-left: 0px; }
      section#gama .typology .left ul.types li .title {
        font-family: 'Droid Sans', 'Arial';
        font-weight: 700;
        font-style: normal;
        color: #ffffff;
        font-size: 18px;
        line-height: 43px; }
      section#gama .typology .left ul.types li .subTitle {
        font-family: 'Droid Sans', 'Arial';
        font-weight: 700;
        font-style: normal;
        color: #ffffff;
        font-size: 14px;
        line-height: 0px; }
    section#gama .typology .left .headerTypology {
      margin-top: 10px; }
      section#gama .typology .left .headerTypology ul.headerTypologies li {
        background-color: #ffcd00;
        border-left: 1px solid #ddb200;
        float: left;
        height: 28px;
        margin-bottom: 6px;
        font-family: 'Droid Sans', 'Arial';
        font-weight: 700;
        font-style: normal;
        color: #000000;
        font-size: 14px;
        line-height: 28px;
        text-align: center; }
        section#gama .typology .left .headerTypology ul.headerTypologies li:nth-child(1) {
          border-left: 0px;
          width: 25%; }
        section#gama .typology .left .headerTypology ul.headerTypologies li:nth-child(2) {
          width: 33%; }
        section#gama .typology .left .headerTypology ul.headerTypologies li:nth-child(3) {
          width: 19%; }
        section#gama .typology .left .headerTypology ul.headerTypologies li:nth-child(4) {
          width: 22%; }
    section#gama .typology .left .descriptionTypology {
      margin-top: 10px; }
      section#gama .typology .left .descriptionTypology ul.descriptionTypologies:first-child {
        margin-top: 0px; }
      section#gama .typology .left .descriptionTypology ul.descriptionTypologies li {
        background-color: #f3f2f2;
        border-left: 1px solid #d1d0d0;
        float: left;
        min-height: 66px;
        height: auto;
        display: table;
        margin-top: 3px; }
        section#gama .typology .left .descriptionTypology ul.descriptionTypologies li:nth-child(1) {
          border-left: 0px;
          width: 22%;
          font-family: 'Droid Sans', 'Arial';
          font-weight: normal;
          font-style: normal;
          color: #000000;
          font-size: 15px;
          line-height: 22px;
          text-align: center;
          padding-left: 11px;
          padding-right: 11px; }
        section#gama .typology .left .descriptionTypology ul.descriptionTypologies li:nth-child(2) {
          width: 30%;
          font-family: 'Droid Sans', 'Arial';
          font-weight: normal;
          font-style: normal;
          color: #000000;
          font-size: 15px;
          line-height: 22px;
          text-align: center;
          padding-left: 12px;
          padding-right: 11px; }
        section#gama .typology .left .descriptionTypology ul.descriptionTypologies li:nth-child(3) {
          width: 16%;
          font-family: 'Droid Sans', 'Arial';
          font-weight: normal;
          font-style: normal;
          color: #000000;
          font-size: 15px;
          line-height: 22px;
          text-align: center;
          padding-left: 12px;
          padding-right: 11px; }
        section#gama .typology .left .descriptionTypology ul.descriptionTypologies li:nth-child(4) {
          width: 22%;
          background-color: #2c2c2c; }
          section#gama .typology .left .descriptionTypology ul.descriptionTypologies li:nth-child(4) .icon {
            background-image: url("../images/gama-tabela-icon.png");
            width: 28px;
            height: 36px;
            margin-top: 15px;
            margin-left: 69px; }
        section#gama .typology .left .descriptionTypology ul.descriptionTypologies li span {
          display: table-cell;
          vertical-align: middle;
          word-break: break-all; }
  section#gama .typology .right {
    float: right;
    margin-top: 30px; }
    section#gama .typology .right .container {
      width: 152px;
      height: 112px;
      cursor: pointer; }
      section#gama .typology .right .container .backgroundImage {
        position: relative;
        z-index: 1;
        background-repeat: no-repeat;
        height: 112px;
        width: 154px;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        background-position: center center; }
      section#gama .typology .right .container .mask {
        display: block;
        height: 112px;
        width: 154px;
        position: relative;
        overflow: hidden;
        top: 0px;
        left: 0px;
        background-color: rgba(0, 0, 0, 0.4);
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000)";
        /* IE8 */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000);
        /* IE6 & 7 */
        z-index: 999999;
        margin-top: -112px; }
      section#gama .typology .right .container .title {
        margin-top: -78px;
        margin-left: 27px;
        position: absolute;
        text-align: center;
        z-index: 999999;
        font-family: 'Droid Sans', 'Arial';
        font-weight: 700;
        font-style: normal;
        color: #ffffff;
        font-size: 14px;
        width: 98px; }
      section#gama .typology .right .container:hover .mask {
        display: none; }
      section#gama .typology .right .container:last-child {
        width: 152px;
        height: 112px;
        cursor: pointer;
        margin-top: 4px; }
        section#gama .typology .right .container:last-child .backgroundImage {
          position: relative;
          z-index: 1;
          background-repeat: no-repeat;
          height: 112px;
          width: 154px;
          -webkit-background-size: cover;
          -moz-background-size: cover;
          -o-background-size: cover;
          background-size: cover;
          background-position: center center; }
        section#gama .typology .right .container:last-child .mask {
          display: block;
          height: 112px;
          width: 154px;
          position: relative;
          overflow: hidden;
          top: 0px;
          left: 0px;
          background-color: rgba(0, 0, 0, 0.4);
          -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000)";
          /* IE8 */
          filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000);
          /* IE6 & 7 */
          z-index: 999999;
          margin-top: -112px; }
        section#gama .typology .right .container:last-child .title {
          margin-top: -65px;
          margin-left: 31px;
          position: absolute;
          text-align: center;
          z-index: 999999;
          font-family: 'Droid Sans', 'Arial';
          font-weight: 700;
          font-style: normal;
          color: #ffffff;
          font-size: 14px; }
        section#gama .typology .right .container:last-child:hover .mask {
          display: none; }
  section#gama .line {
    width: 100%;
    height: 1px;
    background-color: #e6e6e6; }
  section#gama .details {
    margin-top: 70px; }
    section#gama .details .title {
      margin-top: 70px;
      color: #0f0d0f;
      font-size: 26px;
      font-family: 'Droid Sans', 'Arial';
      font-weight: 700;
      font-style: normal; }
    section#gama .details .detailsNormal {
      display: block; }
    section#gama .details .detailsResponsive {
      display: none; }
    section#gama .details ul.detailsOptions {
      margin-bottom: 74px;
      margin-top: 45px;
      float: left; }
      section#gama .details ul.detailsOptions li {
        width: 125px;
        min-height: 24px;
        border: 1px solid  #ffcd00;
        font-size: 13px;
        font-family: 'Droid Sans', 'Arial';
        font-weight: 700;
        font-style: normal;
        line-height: 22px;
        margin-top: 10px;
        text-align: center;
        cursor: pointer;
        text-transform: uppercase; }
        section#gama .details ul.detailsOptions li:first-child {
          margin-top: 0px; }
        section#gama .details ul.detailsOptions li.active, section#gama .details ul.detailsOptions li:hover {
          background-color: #2c2c2c;
          color: #ffffff;
          border: 0px;
          height: 24px;
          border: 1px solid #2c2c2c; }
    section#gama .details ul.detailsOptionsDesc {
      margin-top: 45px;
      float: right;
      width: 76%; }
      section#gama .details ul.detailsOptionsDesc li {
        width: 100%;
        height: auto;
        font-size: 13px;
        font-family: 'Droid Sans', 'Arial';
        font-weight: normal;
        font-style: normal;
        display: none;
        margin-bottom: 74px; }
        section#gama .details ul.detailsOptionsDesc li h1 {
          color: #0f0d0f;
          font-family: "Droid Sans","Arial";
          font-size: 26px;
          font-style: normal;
          font-weight: 700;
          margin-bottom: 32px;}

section#gama .details ul.detailsOptionsDesc li p {
  font-family: "Droid Sans","Arial";
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  line-height: 20px;
  margin-bottom: 26px;
}

section#gama .details ul.detailsOptionsDesc li p strong {
  font-family: "Droid Sans","Arial";
  font-style: normal;
  font-weight: 700;
}

section#gama .details ul.detailsOptionsDesc li p img {
  height: auto!important;
  width: 100%!important;
}



@media screen and (max-width: 1023px) {
  video, .mejs-poster, .mejs-overlay {
    width: 720px; }

  .header .title {
    width: 720px; }

  section#gama {
    max-width: 720px; }
    section#gama .swiper-container.swiper-content .swiper-wrapper .swiper-slide iframe {
      height: 540px;
      width: 720px; }
    section#gama .swiper-container.swiper-nav {
      width: 560px; }
      section#gama .swiper-container.swiper-nav .swiper-wrapper .swiper-slide.active-nav .backgroundImage {
        border: 1px solid #f4c50e; }
    section#gama .typology .left {
      width: 720px; }
    section#gama .typology .right {
      float: left;
      margin-top: 30px; }
      section#gama .typology .right .container {
        float: left; }
        section#gama .typology .right .container:last-child {
          margin-top: 0px;
          float: left;
          margin-left: 20px; }
    section#gama .details {
      margin-top: 70px; }
      section#gama .details .title {
        margin-top: 70px;
        color: #0f0d0f;
        font-size: 26px;
        font-family: 'Droid Sans', 'Arial';
        font-weight: 700;
        font-style: normal; }
      section#gama .details ul.detailsOptions {
        margin-bottom: 74px;
        margin-top: 45px;
        float: left; }
        section#gama .details ul.detailsOptions li {
          width: 125px;
          height: 22px;
          border: 1px solid  #ffcd00;
          font-size: 13px;
          font-family: 'Droid Sans', 'Arial';
          font-weight: 700;
          font-style: normal;
          line-height: 22px;
          margin-top: 10px;
          text-align: center;
          cursor: pointer; }
          section#gama .details ul.detailsOptions li:first-child {
            margin-top: 0px; }
          section#gama .details ul.detailsOptions li.active, section#gama .details ul.detailsOptions li:hover {
            background-color: #2c2c2c;
            color: #ffffff;
            border: 0px;
            height: 24px; }
      section#gama .details ul.detailsOptionsDesc {
        margin-top: 45px;
        float: right;
        width: 76%; }
        section#gama .details ul.detailsOptionsDesc li {
          width: 100%;
          height: auto;
          font-size: 13px;
          font-family: 'Droid Sans', 'Arial';
          font-weight: normal;
          font-style: normal;
          display: none;
          margin-bottom: 74px; } }
@media screen and (max-width: 767px) {
  .header .title {
    width: 90%; }

  section#gama {
    max-width: 90%; }
    section#gama .swiper-container.swiper-content {
      height: 300px; }
      section#gama .swiper-container.swiper-content .swiper-wrapper .swiper-slide .backgroundImage {
        height: 300px; }
      section#gama .swiper-container.swiper-content .swiper-wrapper .swiper-slide iframe {
        height: 300px;
        width: 720px; }
    section#gama .swiper-container.swiper-nav {
      display: none; }
      section#gama .swiper-container.swiper-nav .swiper-wrapper .swiper-slide.active-nav .backgroundImage {
        border: 1px solid #f4c50e; }
    section#gama .navigation {
      display: none; }
    section#gama .paginationGama {
      display: block;
      position: relative;
      left: 0;
      text-align: center;
      bottom: -12px;
      width: 100%;
      z-index: 999; }
      section#gama .paginationGama .swiper-pagination-switch {
        display: inline-block;
        width: 10px;
        height: 10px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        border-radius: 50%;
        behavior: url("PIE/PIE.htc");
        margin: 13px 5px;
        cursor: pointer;
        z-index: 999;
        background: #fff0b2; }
      section#gama .paginationGama .swiper-active-switch {
        background: #ffcd00; }
    section#gama .typology .text {
      margin-top: 30px;
      font-size: 20px; }
      section#gama .typology .text span {
        font-size: 20px; }
    section#gama .typology .typologyNormal {
      display: none; }
    section#gama .typology .typologyResponsive {
      clear: both;
      display: block;
      margin-top: 45px; }
      section#gama .typology .typologyResponsive .buttonTypology {
        margin-top: 10px;
        background-color: #2a292a;
        background-repeat: repeat-x;
        background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3b3b3b), to(#070707));
        background: -webkit-linear-gradient(top, #3b3b3b, #070707);
        background: -moz-linear-gradient(top, #3b3b3b, #070707);
        background: -ms-linear-gradient(top, #3b3b3b, #070707);
        background: -o-linear-gradient(top, #3b3b3b, #070707);
        width: 100%;
        height: 65px;
        text-align: center;
        cursor: pointer; }
        section#gama .typology .typologyResponsive .buttonTypology .title {
          font-family: 'Droid Sans', 'Arial';
          font-weight: 700;
          font-style: normal;
          color: #ffffff;
          font-size: 18px;
          line-height: 43px; }
        section#gama .typology .typologyResponsive .buttonTypology .arrowTypologyResp {
          position: absolute;
          color: #ffcd00;
          font-size: 50px;
          right: 0;
          margin-right: 50px;
          margin-top: 4px; }
        section#gama .typology .typologyResponsive .buttonTypology .subTitle {
          font-family: 'Droid Sans', 'Arial';
          font-weight: 700;
          font-style: normal;
          color: #ffffff;
          font-size: 14px;
          line-height: 0px; }
      section#gama .typology .typologyResponsive .container {
        display: none; }
        section#gama .typology .typologyResponsive .container .typology {
          margin-top: 10px;
          background-color: #ffcd00;
          width: 100%;
          height: 65px;
          text-align: center;
          cursor: pointer; }
          section#gama .typology .typologyResponsive .container .typology.active {
            background-color: #2a292a;
            background-repeat: repeat-x;
            background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3b3b3b), to(#070707));
            background: -webkit-linear-gradient(top, #3b3b3b, #070707);
            background: -moz-linear-gradient(top, #3b3b3b, #070707);
            background: -ms-linear-gradient(top, #3b3b3b, #070707);
            background: -o-linear-gradient(top, #3b3b3b, #070707); }
          section#gama .typology .typologyResponsive .container .typology .title {
            font-family: 'Droid Sans', 'Arial';
            font-weight: 700;
            font-style: normal;
            color: #ffffff;
            font-size: 18px;
            line-height: 43px; }
          section#gama .typology .typologyResponsive .container .typology .subTitle {
            font-family: 'Droid Sans', 'Arial';
            font-weight: 700;
            font-style: normal;
            color: #ffffff;
            font-size: 14px;
            line-height: 0px; }
      section#gama .typology .typologyResponsive .typologuGroupResp {
        display: none; }
        section#gama .typology .typologyResponsive .typologuGroupResp.active {
          display: block; }
        section#gama .typology .typologyResponsive .typologuGroupResp .descriptionTypologyResponsive {
          width: 100%;
          border: 1px solid #e0e0e0;
          margin-top: 10px; }
          section#gama .typology .typologyResponsive .typologuGroupResp .descriptionTypologyResponsive .title {
            float: left;
            width: 160px;
            margin-bottom: 10px;
            font-family: 'Droid Sans', 'Arial';
            font-weight: 700;
            font-style: normal;
            font-size: 14px; }
          section#gama .typology .typologyResponsive .typologuGroupResp .descriptionTypologyResponsive .description {
            width: 100%;
            margin-bottom: 10px;
            font-family: 'Droid Sans', 'Arial';
            font-weight: normal;
            font-style: normal;
            font-size: 14px;
            line-height: 18px; }
          section#gama .typology .typologyResponsive .typologuGroupResp .descriptionTypologyResponsive .downloadPdf {
            width: 57px;
            height: 36px;
            background-color: #2c2c2c;
            margin-left: 160px;
            padding: 10px; }
            section#gama .typology .typologyResponsive .typologuGroupResp .descriptionTypologyResponsive .downloadPdf .icon {
              background-image: url("../images/gama-tabela-icon.png");
              width: 28px;
              height: 36px;
              margin-left: 15px; }
          section#gama .typology .typologyResponsive .typologuGroupResp .descriptionTypologyResponsive .type, section#gama .typology .typologyResponsive .typologuGroupResp .descriptionTypologyResponsive .motor, section#gama .typology .typologyResponsive .typologuGroupResp .descriptionTypologyResponsive .price, section#gama .typology .typologyResponsive .typologuGroupResp .descriptionTypologyResponsive .pdf {
            margin: 20px; }
    section#gama .typology .left {
      width: 720px; }
    section#gama .typology .right {
      float: left;
      margin-top: 30px; }
      section#gama .typology .right .container {
        float: left; }
        section#gama .typology .right .container:last-child {
          margin-top: 0px;
          float: left;
          margin-left: 20px; }
    section#gama .details {
      margin-top: 30px; }
      section#gama .details .title {
        margin-top: 50px;
        color: #0f0d0f;
        font-size: 20px;
        font-family: 'Droid Sans', 'Arial';
        font-weight: 700;
        font-style: normal; }
      section#gama .details .detailsNormal {
        display: none; }
      section#gama .details .detailsResponsive {
        display: block; }
        section#gama .details .detailsResponsive .buttonDetails {
          background-color: #2c2c2c;
          color: #ffffff;
          border: 0px;
          height: 30px;
          text-align: center;
          line-height: 30px;
          font-size: 13px;
          font-family: 'Droid Sans', 'Arial';
          font-weight: 700;
          font-style: normal;
          margin-top: 20px;
          cursor: pointer; }
        section#gama .details .detailsResponsive .arrowTypologyResp {
          position: absolute;
          color: #ffcd00;
          font-size: 30px;
          right: 0;
          margin-right: 50px;
          margin-top: -31px; }
        section#gama .details .detailsResponsive .containerButtonDetails {
          display: none; }
          section#gama .details .detailsResponsive .containerButtonDetails div {
            border: 1px solid  #ffcd00;
            height: 30px;
            text-align: center;
            line-height: 30px;
            font-size: 13px;
            font-family: 'Droid Sans', 'Arial';
            font-weight: 700;
            font-style: normal;
            margin-top: 10px;
            cursor: pointer;
            color: #2c2c2c; }
      section#gama .details ul.detailsOptionsDesc {
        margin-top: 25px;
        float: left;
        width: 100%; }
        section#gama .details ul.detailsOptionsDesc li {
          width: 100%;
          height: auto;
          font-size: 13px;
          font-family: 'Droid Sans', 'Arial';
          font-weight: normal;
          font-style: normal;
          display: none;
          margin-bottom: 74px; } }
@media screen and (max-width: 479px) {
  section#gama {
    max-width: 90%; }
    section#gama .swiper-container.swiper-content {
      height: 200px; }
      section#gama .swiper-container.swiper-content .swiper-wrapper .swiper-slide .backgroundImage {
        height: 200px; }
      section#gama .swiper-container.swiper-content .swiper-wrapper .swiper-slide iframe {
        height: 200px;
        width: 720px; }
    section#gama .swiper-container.swiper-nav {
      display: none; }
      section#gama .swiper-container.swiper-nav .swiper-wrapper .swiper-slide.active-nav .backgroundImage {
        border: 1px solid #f4c50e; }
    section#gama .navigation {
      display: none; }
    section#gama .paginationGama {
      display: block;
      position: relative;
      left: 0;
      text-align: center;
      bottom: -12px;
      width: 100%;
      z-index: 999; }
      section#gama .paginationGama .swiper-pagination-switch {
        display: inline-block;
        width: 10px;
        height: 10px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        border-radius: 50%;
        behavior: url("PIE/PIE.htc");
        margin: 13px 5px;
        cursor: pointer;
        z-index: 999;
        background: #fff0b2; }
      section#gama .paginationGama .swiper-active-switch {
        background: #ffcd00; }
    section#gama .typology .text {
      margin-top: 30px;
      font-size: 20px; }
      section#gama .typology .text span {
        font-size: 20px; }
    section#gama .typology .typologyNormal {
      display: none; }
    section#gama .typology .typologyResponsive {
      clear: both;
      display: block;
      margin-top: 45px; }
      section#gama .typology .typologyResponsive .buttonTypology {
        margin-top: 10px;
        background-color: #2a292a;
        background-repeat: repeat-x;
        background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3b3b3b), to(#070707));
        background: -webkit-linear-gradient(top, #3b3b3b, #070707);
        background: -moz-linear-gradient(top, #3b3b3b, #070707);
        background: -ms-linear-gradient(top, #3b3b3b, #070707);
        background: -o-linear-gradient(top, #3b3b3b, #070707);
        width: 100%;
        height: 65px;
        text-align: center;
        cursor: pointer; }
        section#gama .typology .typologyResponsive .buttonTypology .title {
          font-family: 'Droid Sans', 'Arial';
          font-weight: 700;
          font-style: normal;
          color: #ffffff;
          font-size: 18px;
          line-height: 43px; }
        section#gama .typology .typologyResponsive .buttonTypology .subTitle {
          font-family: 'Droid Sans', 'Arial';
          font-weight: 700;
          font-style: normal;
          color: #ffffff;
          font-size: 14px;
          line-height: 0px; }
      section#gama .typology .typologyResponsive .container {
        display: none; }
        section#gama .typology .typologyResponsive .container .typology {
          margin-top: 10px;
          background-color: #ffcd00;
          width: 100%;
          height: 65px;
          text-align: center;
          cursor: pointer; }
          section#gama .typology .typologyResponsive .container .typology.active {
            background-color: #2a292a;
            background-repeat: repeat-x;
            background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3b3b3b), to(#070707));
            background: -webkit-linear-gradient(top, #3b3b3b, #070707);
            background: -moz-linear-gradient(top, #3b3b3b, #070707);
            background: -ms-linear-gradient(top, #3b3b3b, #070707);
            background: -o-linear-gradient(top, #3b3b3b, #070707); }
          section#gama .typology .typologyResponsive .container .typology .title {
            font-family: 'Droid Sans', 'Arial';
            font-weight: 700;
            font-style: normal;
            color: #ffffff;
            font-size: 18px;
            line-height: 43px; }
          section#gama .typology .typologyResponsive .container .typology .subTitle {
            font-family: 'Droid Sans', 'Arial';
            font-weight: 700;
            font-style: normal;
            color: #ffffff;
            font-size: 14px;
            line-height: 0px; }
      section#gama .typology .typologyResponsive .typologuGroupResp {
        display: none; }
        section#gama .typology .typologyResponsive .typologuGroupResp.active {
          display: block; }
        section#gama .typology .typologyResponsive .typologuGroupResp .descriptionTypologyResponsive {
          width: 100%;
          border: 1px solid #e0e0e0;
          margin-top: 10px; }
          section#gama .typology .typologyResponsive .typologuGroupResp .descriptionTypologyResponsive .title {
            float: left;
            width: 160px;
            margin-bottom: 10px;
            font-family: 'Droid Sans', 'Arial';
            font-weight: 700;
            font-style: normal;
            font-size: 14px; }
          section#gama .typology .typologyResponsive .typologuGroupResp .descriptionTypologyResponsive .description {
            width: 100%;
            margin-bottom: 10px;
            font-family: 'Droid Sans', 'Arial';
            font-weight: normal;
            font-style: normal;
            font-size: 14px;
            line-height: 18px; }
          section#gama .typology .typologyResponsive .typologuGroupResp .descriptionTypologyResponsive .downloadPdf {
            width: 57px;
            height: 36px;
            background-color: #2c2c2c;
            margin-left: 160px;
            padding: 10px; }
            section#gama .typology .typologyResponsive .typologuGroupResp .descriptionTypologyResponsive .downloadPdf .icon {
              background-image: url("../images/gama-tabela-icon.png");
              width: 28px;
              height: 36px;
              margin-left: 15px; }
          section#gama .typology .typologyResponsive .typologuGroupResp .descriptionTypologyResponsive .type, section#gama .typology .typologyResponsive .typologuGroupResp .descriptionTypologyResponsive .motor, section#gama .typology .typologyResponsive .typologuGroupResp .descriptionTypologyResponsive .price, section#gama .typology .typologyResponsive .typologuGroupResp .descriptionTypologyResponsive .pdf {
            margin: 20px; }
    section#gama .typology .left {
      width: 720px; }
    section#gama .typology .right {
      float: left;
      margin-top: 30px; }
      section#gama .typology .right .container {
        float: left; }
        section#gama .typology .right .container:last-child {
          margin-top: 20px;
          float: left;
          margin-left: 0px;
          clear: both; }
    section#gama .details {
      margin-top: 30px; }
      section#gama .details .title {
        margin-top: 50px;
        color: #0f0d0f;
        font-size: 20px;
        font-family: 'Droid Sans', 'Arial';
        font-weight: 700;
        font-style: normal; }
      section#gama .details .detailsNormal {
        display: none; }
      section#gama .details .detailsResponsive {
        display: block; }
        section#gama .details .detailsResponsive .buttonDetails {
          background-color: #2c2c2c;
          color: #ffffff;
          border: 0px;
          height: 30px;
          text-align: center;
          line-height: 30px;
          font-size: 13px;
          font-family: 'Droid Sans', 'Arial';
          font-weight: 700;
          font-style: normal;
          margin-top: 20px;
          cursor: pointer; }
        section#gama .details .detailsResponsive .containerButtonDetails {
          display: none; }
          section#gama .details .detailsResponsive .containerButtonDetails div {
            border: 1px solid  #ffcd00;
            height: 30px;
            text-align: center;
            line-height: 30px;
            font-size: 13px;
            font-family: 'Droid Sans', 'Arial';
            font-weight: 700;
            font-style: normal;
            margin-top: 10px;
            cursor: pointer;
            color: #2c2c2c; }
      section#gama .details ul.detailsOptionsDesc {
        margin-top: 25px;
        float: left;
        width: 100%; }
        section#gama .details ul.detailsOptionsDesc li {
          width: 100%;
          height: auto;
          font-size: 13px;
          font-family: 'Droid Sans', 'Arial';
          font-weight: normal;
          font-style: normal;
          display: none;
          margin-bottom: 74px; } }
footer {
  clear: both;
  border-top: 1px solid #b2b2b2;
  /*margin-top: 20px;*/ }
  footer .copyright {
    width: 100%;
    height: 110px;
    background-color: #d3d1d1;
    clear: both; }
    footer .copyright .text {
      font-size: 12px;
      color: #000000;
      padding: 18px 0px;
      text-align: right;
      font-family: 'Droid Sans', 'Arial';
      font-weight: 700;
      font-style: normal;
      width: 100%;
      max-width: 900px;
      margin: 0 auto; }
  footer .contact {
    max-width: 960px;
    width: 100%;
    margin: 0 auto; }
    footer .contact .left {
      width: 49%;
      float: left;
      margin-top: 27px; }
      footer .contact .left .address {
        float: left;
        margin-left: 55px;
        width: 187px; }
        footer .contact .left .address .title {
          font-family: 'Droid Sans', 'Arial';
          font-weight: 700;
          font-style: normal;
          color: #4b4b4b;
          font-size: 12px; }
        footer .contact .left .address .description {
          font-family: 'Droid Sans', 'Arial';
          font-weight: normal;
          font-style: normal;
          color: #4b4b4b;
          font-size: 12px;
          margin-top: 27px; }
          footer .contact .left .address .description p {
            margin-bottom: 10px; }
            footer .contact .left .address .description p:last-child {
              margin-bottom: 40px; }
      footer .contact .left .email {
        float: left; }
        footer .contact .left .email .title {
          font-family: 'Droid Sans', 'Arial';
          font-weight: 700;
          font-style: normal;
          color: #4b4b4b;
          font-size: 12px;
          margin-bottom: 22px; }
        footer .contact .left .email a {
          font-family: 'Droid Sans', 'Arial';
          font-weight: normal;
          font-style: normal;
          color: #4b4b4b;
          font-size: 12px;
          cursor: pointer; }
    footer .contact .right {
      width: 49%;
      float: right;
      margin-top: 27px; }
      footer .contact .right .title {
        font-family: 'Droid Sans', 'Arial';
        font-weight: 700;
        font-style: normal;
        color: #4b4b4b;
        font-size: 12px;
        margin-bottom: 22px;
        display: none; }
      footer .contact .right .normal {
        display: block; }
      footer .contact .right .ipad {
        display: none; }
      footer .contact .right .mobile {
        display: none; }

@media screen and (max-width: 1023px) {
  footer .copyright .text {
    max-width: 660px; }
  footer .contact {
    max-width: 720px; }
    footer .contact .right .title {
      display: none; }
    footer .contact .right .normal {
      display: none; }
    footer .contact .right .ipad {
      display: block; } }
@media screen and (max-width: 767px) {
  footer .copyright .text {
    text-align: center;
    max-width: 100%; }
  footer .contact {
    max-width: 100%; }
    footer .contact .left {
      width: 100%; }
      footer .contact .left .address {
        float: left;
        margin-left: 0px;
        width: 100%;
        text-align: center;
        border-bottom: 1px solid #d3d1d1; }
        footer .contact .left .address .description p:last-child {
          margin-bottom: 20px; }
      footer .contact .left .email {
        float: left;
        width: 100%;
        text-align: center;
        border-bottom: 1px solid #d3d1d1;
        height: 92px; }
        footer .contact .left .email .title {
          margin-top: 20px; }
    footer .contact .right {
      float: left;
      width: 100%;
      text-align: center;
      margin-bottom: 33px; }
      footer .contact .right .title {
        margin-top: 20px;
        display: block; }
      footer .contact .right .ipad {
        display: none; }
      footer .contact .right .mobile {
        display: block; } }