@charset "UTF-8";

html,

body {

    margin: 0;

    padding: 0

}

body {

  position: relative;

    font-family: 'Source Sans Pro', sans-serif;

  font-size: 16px;

  font-weight: 400;

  color: #161616;

  overflow-x: hidden;

}

a:link,

a:visited,

a:hover,

a:active {

    text-decoration: none

}

a:focus,

a:hover {

  color: inherit

}

img {

    max-width: 100%;

    border: 0

}

iframe {

  display: block;

}

.maps > iframe {

  border: 0;

  width: 100%;

  height: 250px;

}

footer {

  font-size: 85%;

  font-weight: 700;

  margin-top: 30px;

  padding-top: 30px;

  padding-bottom: 50px;

  background-color: #007bd1;

}

footer a,
footer {
  color: white;
}



/*============================

cores de fontes / bgs

==============================*/

.color-text,

.color-darker {

    color: #161616

}

.color-lighter {

    color: white

}

.color-feature {

    color: #0071b6

}

.color-light {

    color: #f10024

}

.color-secondary {

    color: #0071b6

}

.color-gray-medium {

    color: #e6e7e8

}

.color-gray-light {

    color: #f1f1f2

}

.bg-darker {

    background-color: #161616

}

.bg-lighter {

    background-color: white

}

.bg-feature {

    background-color: #0071b6

}

.bg-light {

    background-color: #f10024

}

.bg-secondary {

    background-color: #0071b6

}

.bg-gray-medium {

    background-color: #e6e7e8

}

.bg-gray-light {

    background-color: #ededed

}



/*============================

fontes e linhas

==============================*/

.lighter {

    font-weight: 300

}

.regular {

    font-weight: 400

}

.bold {

  font-weight: 700

}

.italic {

  font-style: italic

}

.line-sm {

  line-height: 0.7

}

.line-md {

    line-height: 1.5

}

.line-lg {

    line-height: 2.2

}

.fonte-1x4 {

  font-size: 14px

}

.fonte-2x {

  font-size: 15px

}

.fonte-3x {

  font-size: 21px

}

.fonte-4x {

  font-size: 28px

}

.vmiddle {

  vertical-align: middle;

}

.fa-fixed {

  width: 55px;

}



/*============================

estruturas de layout

==============================*/



/* icone de 360 - giro horizontal no hover */

.spinn:hover .spinning {

      animation: spinHorizontal .4s forwards linear;

     -o-animation: spinHorizontal .4s forwards linear;    

     -moz-animation: spinHorizontal .4s forwards linear;

    -webkit-animation: spinHorizontal .4s forwards linear;

}

@keyframes spinHorizontal {

    0% { transform: rotateY(0deg); }

    100% { transform: rotateY(360deg); }

}

.info-mapa {

  background: #0071b6;

  border-radius: 0 0 8px 8px;

  padding: 5px;

  color: white;

  text-align: center;

  font-weight: 700;

  width: 100%;

  text-transform: uppercase;

  margin: 0 auto 10px;

}

.ribbon {
  --f: 10px; /* control the folded part*/
  --r: 15px; /* control the ribbon shape */
  --t: 10px; /* the top offset */

  position: absolute;
  top: var(--t);
  right: 0;
  padding: 0 13px var(--f) calc(13px + var(--r));
  clip-path: 
    polygon(0 0,100% 0,100% calc(100% - var(--f)),
      calc(100% - var(--f)) calc(100% - var(--f)),
      0 calc(100% - var(--f)),
      var(--r) calc(50% - var(--f)/2));
  background: #f7f7f7;
  color: #007bd1;
  font-size: 12px;
  box-shadow: 0 calc(-1*var(--f)) 0 inset #0005;
  z-index: 20;
}

.titulo {

  color: #0071b6;

  font-size: 36px;

  font-weight: 700;

  text-transform: uppercase;

  margin-top: 25px;

  margin-bottom: 25px;

}

.position {

  -webkit-transform-style: preserve-3d;

  -moz-transform-style: preserve-3d;

  transform-style: preserve-3d;

}

.position--item {

  top: 50%;

  left: 50%;

  -webkit-transform: translate(-50%,-50%);

  -ms-transform: translate(-50%,-50%);

  transform: translate(-50%,-50%);

}

#vehicle-images .min img {

  max-width: 115px;

}

/* compartilhamento */

.sharelist {

  margin: 0;

  display: table;

  width: 100%;

}

.sharelist li {

  list-style: none;

  margin-bottom: 10px;

  display: table-cell;

}

.sharelist li+li {

  padding-left: 5px;

}

.btns {

  display: block;

  line-height: 1;

  font-weight: 300;

  font-size:1em;

  border-radius: 3px;

  box-shadow: rgba(0, 0, 0, 0.247059) 0px -2px 0px 0px inset;

  color: white;

  padding: 10px 5px;

  text-align: center;

  text-decoration: none;

}

.btns:hover {

  text-decoration: none;

  color: white;

}

.em {

  background: #006666;

}

.em:hover {

  background: #004f75;

}

.fb {

  background: rgb(50, 92, 153);

}

.fb:hover {

  background: #284a85;

}

.tw {

  background: rgb(2, 172, 236);

}

.tw:hover {

  background: #029be8;

}

.gp {

  background: rgb(221, 75, 57);

}

.gp:hover {

  background: #d63c2e;

}

.wp {

  background: #1DA110;

}

.wp:hover {

  background: #1a920e;

}

.btns i {

  margin-right:5px;

}

/* filtro showroom */

.filtros {

  position: relative;

  display: block;

  background-color: #e6e7e8;

  color: #161616;

}

.filtros select,

.filtros button {

  border: 0;

  outline: none;

}

.filtros label {

  display: block;

  font-size: 15px;

  font-weight: 800;

  text-transform: uppercase;

  margin-bottom: 5px;

  margin-right: 5px;

}

.filtros select {

  width: 100%;

  font-size: 14px;

  padding: 6px 12px;

}

.filtros button {

  margin-top: 4px;

  background-color: #0071b6;

  color: white;

  padding: 6px 15px;

  font-size: 16px;

  font-weight: 800;

  text-transform: uppercase;

}

/* busca */

.busca input,

.busca button {

  border: 0;

}

.busca input {

  margin-top: -3px;

}

.busca input {

  padding: 2px 6px;

  outline: none;

  border: 1px solid #111;

  background-color: #111;

}

.busca input:active,

.busca input:focus {

  border: 1px solid #0071b6;

}

.busca button {

  background-color: #0071b6;

  color: white;

  padding: 3px 6px;

}

.buscablog input {

  width: 90px;

  background-color: #f1f1f2;

  border: 1px solid #f1f1f2;

}

/* autocompletar */

.autocomplete-w1 {

    position: absolute;

    top: 0;

    left: 0;

    margin: 12px 7px;

}

.autocomplete {

    color: #004e59;

    font-style: italic;

  font-size: 13px;

    border: 1px solid #cccccc;

    background: white;

    text-align: left;

  text-transform: capitalize;

    max-height: 350px;

    overflow: auto;

    margin: -6px 6px 6px -6px;

}

.autocomplete .selected {

    color: #ff5b35;

}

.autocomplete div {

    padding: 5px 10px;

    white-space: nowrap;

  cursor: pointer;

    overflow: hidden;

  text-overflow: ellipsis;

}

.autocomplete strong {

    font-weight: normal;

  font-style: italic;

}

/* carrossel de produtos */

.produto {

  position: relative;

  overflow: hidden;

  width: 100%;

  margin-bottom: 10px;

}

.produto,

.produto figcaption {

  height: 280px;

}

.produto img {

  position: absolute;

  max-width: none;

  width: 100%;

  height: 100%;

}

.produto a,

.produto figcaption {

  position: absolute;

  display: block;

  top: 0;

  bottom: 0;

  right: 0;

  left: 0;

}

.produto figcaption {

  opacity: 0;

  visibility: hidden;

  background-color: #0071b6;

  background-color: rgba(181,0,0,0.5);

  text-align: center;

  text-transform: uppercase;

    -webkit-transition: all .3s;

       -moz-transition: all .3s;

      transition: all .3s;

}

.produto figcaption > div {

  position: relative;

  width: 65%;

}

.produto figcaption h2 {

  color: white;

  font-size: 30px;

  font-weight: 600;

  margin-top: 0;

  margin-bottom: 0;

}

.produto figcaption p {

  background-color: white;

  display: table;

  color: #0071b6;

  margin: 20px auto 0;

  padding: 5px 15px;

  font-weight: 700;

  font-size: 19px;

}

.produto:hover figcaption,

.produto:focus figcaption {

  opacity: 1;

  visibility: visible;

}

/* listagem de produtos */

.produto-inner {

  position: relative;

  overflow: hidden;

  width: 100%;

  margin-bottom: 10px;

}

.produto-inner {

  height: 320px;

}

.produto-inner .bgs,

.produto-inner figcaption {

  height: 280px;

}

.produto-inner .nome {

  color: #0071b6;

  text-align: center;

  padding: 5px 10px;

  font-size: 20px;

  font-weight: 700;

  text-transform: uppercase;

}

.produto-inner .bgs {

  width: 100%;

  overflow: hidden;

  position: relative;

}

.produto-inner .bgs img {

  /*height: 100%;*/

    top: 50%;

    left: 50%;

    /*max-width: none;*/
    min-width: 100%;

    position: absolute;

  -webkit-transition: all 200ms ease-in;

    -webkit-transform: translate(-50%,-50%) scale(1);

    -ms-transition: all 200ms ease-in;

    -ms-transform: translate(-50%,-50%) scale(1);

    -moz-transition: all 200ms ease-in;

    -moz-transform: translate(-50%,-50%) scale(1);

    transition: all 200ms ease-in;

    transform: translate(-50%,-50%) scale(1);

}

.produto-inner:hover .bgs img,

.produto-inner:focus .bgs img {

  -webkit-transition: all 200ms ease-in;

    -webkit-transform: translate(-50%,-50%) scale(1.2);

    -ms-transition: all 200ms ease-in;

    -ms-transform: translate(-50%,-50%) scale(1.2);

    -moz-transition: all 200ms ease-in;

    -moz-transform: translate(-50%,-50%) scale(1.2);

    transition: all 200ms ease-in;

    transform: translate(-50%,-50%) scale(1.2);

}

.produto-inner a,

.produto-inner figcaption {

  position: absolute;

  display: block;

  top: 0;

  bottom: 0;

  right: 0;

  left: 0;

}

.produto-inner figcaption {

  opacity: 0;

  visibility: hidden;

  background-color: #0071b6;

  background-color: rgba(181,0,0,0.5);

  text-align: center;

  text-transform: uppercase;

    -webkit-transition: all .3s;

       -moz-transition: all .3s;

      transition: all .3s;

}

.produto-inner figcaption > div {

  position: relative;

  width: 65%;

}

.produto-inner figcaption h2 {

  color: white;

  font-size: 30px;

  font-weight: 600;

  margin-top: 0;

  margin-bottom: 0;

}

/*.produto-inner:hover figcaption,

.produto-inner:focus figcaption {

  opacity: 1;

  visibility: visible;

}

.produto-inner:hover,

.produto-inner:focus {

  background-color: #0071b6;

  background-color: rgba(181,0,0,0.5);

}

.produto-inner:hover .nome,

.produto-inner:focus .nome {

  color: white;

}*/

/* blog */

.blog {

  position: relative;

  overflow: hidden;

  width: 100%;

  margin-bottom: 10px;

}

.blog,

.blog figcaption {

  height: 280px;

}

.blog img {

  position: absolute;

  max-width: none;

  height: 100%;

}

.blog a,

.blog figcaption {

  position: absolute;

  display: block;

  top: 0;

  bottom: 0;

  right: 0;

  left: 0;

}

.blog figcaption {

  opacity: 0;

  visibility: hidden;

  background-color: #161616;

  background-color: rgba(16,16,16,0.7);

  text-align: left;

  text-transform: uppercase;

    -webkit-transition: all .3s;

       -moz-transition: all .3s;

      transition: all .3s;

}

.blog figcaption > div {

  position: relative;

  width: 90%;

}

.blog figcaption h2 {

  color: white;

  font-size: 24px;

  font-weight: 300;

  margin-top: 0;

  margin-bottom: 0;

}

.blog figcaption p {

  color: white;

  display: table;

  background-color: #0071b6;

  margin-top: 20px;

  padding: 5px 15px;

  font-weight: 700;

  font-size: 19px;

}

.blog:hover figcaption,

.blog:focus figcaption {

  opacity: 1;

  visibility: visible;

}

.col-md-8 .produto img,

.col-md-8 .blog img {

  height: 200%;

}

/* showroom - categorias */

.categorias {

  display: table;

  border-collapse: separate;

  border-spacing: 5px;

  margin-top: 30px;

  padding-left: 0;

  width: 100%;

}

.categorias li {

  border-bottom: 2px solid #0071b6;

  border-radius: 6px;

  background-color: transparent;

  background-position: center;

  background-repeat: no-repeat;

  background-size: cover;

  display: inline-block;

  margin-right: 5px;

  margin-bottom: 10px;

  position: relative;

  width: 48%;

}

.categorias li a {

  color: white;

  display: block;

  font-size: 19px;

  font-weight: bold;

  padding: 25px 10px;

  text-align: center;

  text-transform: uppercase;

  background-color: #161616;

  background-color: rgba(16,16,16,0.7);

}

.categorias li.active a,

.categorias li:hover a,

.categorias li:focus a {

  background-color: #0071b6;

  background-color: rgba(66, 135, 245,0.5);

}

/* home - sobre */

.big-about {

  height: 200px;

  background-color: transparent;

  background-position: center;

  background-repeat: no-repeat;

  background-size: cover;

}

.big-about:after {

  position: absolute;

  z-index: 5;

  content: '';

  top: 0;

  bottom: 0;

  left: 0;

  right: 0;

  background: -moz-linear-gradient(left, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0) 100%);

  background: -webkit-linear-gradient(left, rgba(0,0,0,0.75) 0%,rgba(0,0,0,0) 100%);

  background: linear-gradient(to right, rgba(0,0,0,0.75) 0%,rgba(0,0,0,0) 100%);

  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 );

}

.big-about .position--item {

  z-index: 6;

  left: 10%;

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

    -ms-transform: translateX(-10%);

    transform: translateX(-10%);

  margin-top: -10px;

  color: white;

}

.neg-about {

  left: 0;

  right: 0;

  margin: auto;

  bottom: -55px;

  z-index: 7;

}

/* itens acima do rodape */

.pre-footer {

  overflow: hidden;

  position: relative;

  background-color: #282526;

}

.pre-footer .whats {

  padding: 5px;

}

.pre-footer .img {

  position: absolute;

  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");

    -webkit-filter: grayscale(100%);

    filter: gray;

  -webkit-transition: all .3s;

       -moz-transition: all .3s;

      transition: all .3s;

}

.pre-footer,

.pre-footer figcaption {

  width: 100%;

  height: 200px;

  text-align: center;

}

.pre-footer figcaption {

  background-color: black;

  background-color: rgba(0,0,0,0.7);

  color: white;

  padding: 20px;

  font-size: 32px;

  font-weight: 300;

  text-transform: uppercase;

}

.pre-footer figcaption > div {

  position: relative;

}

.pre-footer:hover .img,

.pre-footer:active .img,

.pre-footer:focus .img {

    -webkit-filter: grayscale(0);

    filter: none;

}

.pre-footer a,

.pre-footer figcaption {

  position: absolute;

  display: block;

  top: 0;

  bottom: 0;

  right: 0;

  left: 0;

}

/* cabecalhos comuns */

.top-page {

  background-color: transparent;

  background-position: center center;

  background-repeat: no-repeat;

  background-attachment: scroll;

  position: relative;

  height: 200px;

}

.mobile-center {

  text-align: center

}

.margin-mobile {

  margin-bottom: 20px

}

.ani {

  transition: all .3s;

    -moz-transition: all .3s;

    -webkit-transition: all .3s;

}

.relative {

  position: relative

}

.absolute {

  position: absolute

}

.pointer {

  cursor: pointer

}

.min-spc {

    padding: 5px

}

.spc {

    padding: 15px

}

.spc-top {

    padding-top: 15px

}

.spc-ver {

    padding-top: 10px;

    padding-bottom: 10px;

}

.spc-hor {

    padding-left: 10px;

    padding-right: 10px;

}

.big-spc {

  padding: 30px

}

.big-spc-hor {

    padding-left: 30px;

    padding-right: 30px;

}

.big-spc-ver {

    padding-top: 30px;

    padding-bottom: 30px;

}

.min-margin-top {

    margin-top: 5px

}

.min-spc-bottom {

    padding-bottom: 5px

}

.med-margin-top {

    margin-top: 10px

}

.margin-top {

    margin-top: 15px

}

.margin-right {

    margin-right: 15px

}

.min-margin-right {

    margin-right: 5px

}

.big-margin-ver {

    margin-top: 30px;

    margin-bottom: 30px;

}

.margin-ver {

    margin-top: 15px;

    margin-bottom: 15px;

}

.margin-bottom-mobile,

.margin-bottom {

    margin-bottom: 15px

}

.big-margin-bottom {

    margin-bottom: 30px

}

.no-padding {

    padding-right: 0;

    padding-left: 0

}

.filter-on-form {

    display: none

}

.no-margin-hor {

  margin-left: 0;

  margin-right: 0

}

.no-margin-ver {

  margin-top: 0;

  margin-bottom: 0

}

.no-border {

  border: 0;

  border-radius: 0;

}

.submete {

  width: 100%

}



/*============================

estilo do form de login (admin)

==============================*/

.login {

    max-width: 300px;

    margin: 0 auto

}

.login form {

    padding: 6% 4%

}

.login input {

    width: 100%;

    margin-bottom: 4%;

    padding: 4%;

    font-size: 120%

}

.login input[type="text"],

.login input[type="password"] {

    background: white;

    border: 1px solid #0071b6;

    color: #444443

}

.login input[type="submit"] {

    background-color: #0071b6;

    color: white;

    border: 0;

    cursor: pointer;

}

.login input[type="submit"]:hover {

    background-color: #0071b6

}



/*============================

magnific popup

==============================*/

.mfp-bg {

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: 1042;

  overflow: hidden;

  position: fixed;

  background: #0b0b0b;

  opacity: 0.8; }

.mfp-wrap {

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: 1043;

  position: fixed;

  outline: none !important;

  -webkit-backface-visibility: hidden; }

.mfp-container {

  text-align: center;

  position: absolute;

  width: 100%;

  height: 100%;

  left: 0;

  top: 0;

  padding: 0 8px;

  box-sizing: border-box; }

.mfp-container:before {

  content: '';

  display: inline-block;

  height: 100%;

  vertical-align: middle; }

.mfp-align-top .mfp-container:before {

  display: none; }

.mfp-content {

  position: relative;

  display: inline-block;

  vertical-align: middle;

  margin: 0 auto;

  background-color: white;

  padding: 0 5px;

  text-align: left;

  z-index: 1045; }

.mfp-inline-holder .mfp-content,

.mfp-ajax-holder .mfp-content {

  width: 100%;

  cursor: auto; }

.mfp-ajax-cur {

  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {

  cursor: -moz-zoom-out;

  cursor: -webkit-zoom-out;

  cursor: zoom-out; }

.mfp-zoom {

  cursor: pointer;

  cursor: -webkit-zoom-in;

  cursor: -moz-zoom-in;

  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {

  cursor: auto; }

.mfp-close,

.mfp-arrow,

.mfp-preloader,

.mfp-counter {

  -webkit-user-select: none;

  -moz-user-select: none;

  user-select: none; }

.mfp-loading.mfp-figure {

  display: none; }

.mfp-hide {

  display: none !important; }

.mfp-preloader {

  color: #CCC;

  position: absolute;

  top: 50%;

  width: auto;

  text-align: center;

  margin-top: -0.8em;

  left: 8px;

  right: 8px;

  z-index: 1044; }

  .mfp-preloader a {

    color: #CCC; }

    .mfp-preloader a:hover {

      color: #FFF; }

.mfp-s-ready .mfp-preloader {

  display: none; }

.mfp-s-error .mfp-content {

  display: none; }

button.mfp-close,

button.mfp-arrow {

  overflow: visible;

  cursor: pointer;

  background-color: transparent;

  border: 0;

  -webkit-appearance: none;

  display: block;

  outline: none;

  padding: 0;

  z-index: 1046;

  box-shadow: none;

  touch-action: manipulation; }

button::-moz-focus-inner {

  padding: 0;

  border: 0; }

.mfp-close {

  width: 44px;

  height: 44px;

  line-height: 44px;

  position: absolute;

  right: 0;

  top: 0;

  text-decoration: none;

  text-align: center;

  opacity: 0.65;

  padding: 0 0 18px 10px;

  color: #FFF;

  font-style: normal;

  font-size: 28px;

  font-family: Arial, Baskerville, monospace; }

  .mfp-close:hover,

  .mfp-close:focus {

    opacity: 1; }

  .mfp-close:active {

    top: 1px; }

.mfp-close-btn-in .mfp-close {

  color: #333; }

.mfp-image-holder .mfp-close,

.mfp-iframe-holder .mfp-close {

  top: -36px;

  color: #FFF;

  text-align: right;

  padding-right: 6px;

  width: 100%; }

.mfp-counter {

  position: absolute;

  top: 0;

  right: 0;

  color: #CCC;

  font-size: 12px;

  line-height: 18px;

  white-space: nowrap; }

.mfp-arrow {

  position: absolute;

  opacity: 0.65;

  margin: 0;

  top: 50%;

  margin-top: -55px;

  padding: 0;

  width: 90px;

  height: 110px;

  background-position: center;

  background-repeat: no-repeat;

  -webkit-tap-highlight-color: transparent; }

  .mfp-arrow:active {

    margin-top: -54px; }

  .mfp-arrow:hover,

  .mfp-arrow:focus {

    opacity: 1; }

  .mfp-arrow:before,

  .mfp-arrow:after {

    display: block;

    width: 0;

    height: 0;

    position: absolute;

    left: 0;

    top: 0;

    margin-top: 35px;

    margin-left: 35px;

    border: medium inset transparent;

}

  .mfp-arrow:after {

    border-top-width: 13px;

    border-bottom-width: 13px;

    top: 8px; }

  .mfp-arrow:before {

    border-top-width: 21px;

    border-bottom-width: 21px;

    opacity: 0.7; }

.mfp-arrow-left {

  left: 0;

  background-image: url(/content/static/bt-prev.png);

  }

  .mfp-arrow-left:after {

    border-right: 17px solid #FFF;

    margin-left: 31px; }

  .mfp-arrow-left:before {

    margin-left: 25px;

    border-right: 27px solid #3F3F3F; }

.mfp-arrow-right {

  right: 0;

  background-image: url(/content/static/bt-next.png);

  }

  .mfp-arrow-right:after {

    border-left: 17px solid #FFF;

    margin-left: 39px; }

  .mfp-arrow-right:before {

    border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder {

  padding-top: 40px;

  padding-bottom: 40px; }

  .mfp-iframe-holder .mfp-content {

    line-height: 0;

    width: 100%;

    max-width: 900px; }

  .mfp-iframe-holder .mfp-close {

    top: -40px; }

.mfp-iframe-scaler {

  width: 100%;

  height: 0;

  overflow: hidden;

  padding-top: 56.25%; }

.mfp-iframe-scaler iframe {

    position: absolute;

    display: block;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);

    background: #000; }

img.mfp-img {

  width: auto;

  max-width: 100%;

  height: auto;

  display: block;

  line-height: 0;

  box-sizing: border-box;

  padding: 5px 0;

  margin: 0 auto; }

  .mfp-figure small {

    color: #BDBDBD;

    display: block;

    font-size: 12px;

    line-height: 14px; }

  .mfp-figure figure {

    margin: 0; }

.mfp-bottom-bar {

  margin-top: -36px;

  position: absolute;

  top: 100%;

  left: 0;

  width: 100%;

  background-color: transparent;

  cursor: auto; }

.mfp-title {

  text-align: left;

  line-height: 0;

  font-size:0;

  color: #F3F3F3;

  word-wrap: break-word;

  padding: 20px 36px; }

.mfp-image-holder .mfp-content {

  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {

  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {

  .mfp-img-mobile .mfp-image-holder {

    padding-left: 0;

    padding-right: 0; }

  .mfp-img-mobile img.mfp-img {

    padding: 0; }

  .mfp-img-mobile .mfp-figure small {

    display: inline;

    margin-left: 5px; }

  .mfp-img-mobile .mfp-bottom-bar {

    background: rgba(0, 0, 0, 0.6);

    bottom: 0;

    margin: 0;

    top: auto;

    padding: 3px 5px;

    position: fixed;

    box-sizing: border-box; }

    .mfp-img-mobile .mfp-bottom-bar:empty {

      padding: 0; }

  .mfp-img-mobile .mfp-counter {

    right: 5px;

    top: 3px; }

  .mfp-img-mobile .mfp-close {

    top: 0;

    right: 0;

    width: 35px;

    height: 35px;

    line-height: 35px;

    background: rgba(0, 0, 0, 0.6);

    position: fixed;

    text-align: center;

    padding: 0; }

}

@media all and (max-width: 900px) {

  .mfp-arrow {

    -webkit-transform: scale(0.75);

    transform: scale(0.75); }

  .mfp-arrow-left {

    -webkit-transform-origin: 0;

    transform-origin: 0; }

  .mfp-arrow-right {

    -webkit-transform-origin: 100%;

    transform-origin: 100%; }

  .mfp-container {

    padding-left: 6px;

    padding-right: 6px; }

}



/*============================

bootstrap override

==============================*/

.no-gutter > [class*='col-'] {

  padding-right: 0;

  padding-left: 0;

}

.min-gutter > [class*='col-'] {

  padding-right: 5px;

  padding-left: 5px;

}

.menu-over a {

  color: white;

  display: block;

  padding: 10px;

  font-size: 11px;

  font-weight: 600;

  position: relative;

  text-align: center;

  text-decoration: none;

  text-transform: uppercase;

  border-radius: 12px 12px 0 0;

  background-color: #161616;

}

.menu-over .locar a {

  color: #0071b6;

  background-color: hsla(0,0%,90%,1);  

  background-image: linear-gradient(10deg, hsla(0,0%,0%,0), hsla(0,0%,0%,.05) );

  background-size: 1px 2px;

  margin-left: 2px;

}

.menu-over .frota a {

  background-color: #0071b6;

}

.menu-topo {

  width: 100%;

  padding-top: 30px;

  padding-bottom: 10px;

  background-color: #fff;

}

.navbar-default .navbar-collapse,

.navbar-default {

  -webkit-box-shadow: none;

  box-shadow: none;

  border: 0;

  width: 100%;

}

.navbar-default {

  border: 0;

  border-radius: 0;

  margin-bottom: 0;

  /*margin-top: 5px;*/

  background: transparent;

}

.navbar-default .navbar-brand {

  background-image: url(../../content/static/logo.png);

  background-position: center;

  background-repeat: no-repeat;

  background-size: contain;

  width: 100%;

  height: 65px;

}

.navbar-default .nav > li {

  text-align: center;

  position: relative;

}

.navbar-default .nav > li > a {

  color: #111;

  font-size: 17px;

  text-transform: uppercase;

  background-color: transparent;

}

.navbar-default .nav > li > a.min-spc {

    padding: 5px

}

.navbar-default .navbar-nav>li>a:focus,

.navbar-default .navbar-nav>li>a:hover,

.navbar-default .navbar-nav>li>a:active,

.navbar-default .navbar-nav>.active>a,

.navbar-default .navbar-nav>.active>a:focus,

.navbar-default .navbar-nav>.active>a:hover,

.navbar-default .navbar-nav>.active>a:active {

  background-color: transparent;

  color: #0071b6;

}

.navbar-collapse.in {

  overflow-y: hidden;

}

.navbar-default .navbar-toggle {

  border: 0;

  margin-top: 15px;

  margin-right: 0;

  margin-bottom: 0;

}

.navbar-default .navbar-toggle,

.navbar-default .navbar-toggle:focus,

.navbar-default .navbar-toggle:hover {

  background-color: transparent;

}

.navbar-default .navbar-toggle .icon-bar {

  background-color: #0071b6;

}

.navbar-default .navbar-toggle:focus .icon-bar,

.navbar-default .navbar-toggle:hover .icon-bar {

  background-color: #e6e7e8;

}

.contato {

  padding: 10px;

}

.contato .form-control {

  border-radius: 0;

  position: relative;

  border: 0;

  color: #161616;

  font-size: 17px;

  background-color: white;

  box-shadow: none;

  outline: none;

}

.contato .form-group label {

  display: block;

  text-transform: uppercase;

  color: #161616;

  font-size: 16px;

  font-weight: 400;

  z-index: 4;

  width: 100%;

  text-align: left;

  pointer-events: none;

  transition: all .3s;

    -moz-transition: all .3s;

    -webkit-transition: all .3s;

}

.contato .botao {

  padding: 9px 20px;

  display: block;

  font-weight: bold;

  border: 0;

  color: white;

  text-transform: uppercase;

  background-color: #0071b6;

}



/*============================

atualize seu navegador

==============================*/

.atualize {

  position: absolute;

  position: fixed;

  z-index: 111111;

  width: 100%;

  top: 0;

  left: 0;

  border-bottom: 1px solid #a29330;

  background-color: #fdf2ab;

  text-align: center;

  cursor: pointer;

  color: black;

  font-size: 12px;

}

.atualize div {

  padding: 5px 36px 5px 40px

}

.atualize a,

.atualize a:visited {

  color:#e25600;

  text-decoration: underline;

}



/*============================

estilos icone voltar ao topo

==============================*/

.cd-top {

    width: 40px;

    height: 40px;

  display: inline-block;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  border-radius: 50%;

    position: fixed;

    bottom: 5px;

    right: 5px;

    overflow: hidden;

    text-indent: 100%;

    white-space: nowrap;

    visibility: hidden;

    opacity: 0;

    -webkit-transition: all .3s;

    -moz-transition: all .3s;

    transition: all .3s;

  border: 1px solid #161616;

    background: url(../../content/static/fixed/top.png) no-repeat center;

  background-size: contain;

}

.cd-top.cd-is-static {

  position: relative;

  float: right;

}

.cd-top.cd-is-visible {

    visibility: visible;

    opacity: 0.7;

    z-index: 100

}

.cd-top.cd-is-visible:hover {

  opacity: 1;

}



/*============================

swiper

==============================*/

.swiper-container {

  margin: 0 auto;

  position: relative;

  overflow: hidden;

  z-index: 1;

  width: 100%;

}

.swiper-container-no-flexbox .swiper-slide {

  float: left;

}

.swiper-wrapper {

  position: relative;

  width: 100%;

  height: 100%;

  z-index: 1;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  -webkit-transition-property: -webkit-transform;

  -moz-transition-property: -moz-transform;

  -o-transition-property: -o-transform;

  -ms-transition-property: -ms-transform;

  transition-property: transform;

  -webkit-box-sizing: content-box;

  -moz-box-sizing: content-box;

  box-sizing: content-box;

}

.swiper-container-android .swiper-slide,

.swiper-wrapper {

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

  -moz-transform: translate3d(0px, 0, 0);

  -o-transform: translate(0px, 0px);

  -ms-transform: translate3d(0px, 0, 0);

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

}

.swiper-slide {

  -webkit-flex-shrink: 0;

  -ms-flex: 0 0 auto;

  flex-shrink: 0;

  width: 100%;

  height: 100%;

  position: relative;

  text-align: center;

}

/* IE10 Windows Phone 8 Fixes */

.swiper-wp8-horizontal {

  -ms-touch-action: pan-y;

  touch-action: pan-y;

}

/* Arrows */

.swiper-button-prev,

.swiper-button-next {

  position: absolute;

  top: 50%;

  width: 42px;

  height: 69px;

  margin-top: -38px;

  z-index: 10;

  cursor: pointer;

  background-position: center;

  background-repeat: no-repeat;

}

.swiper-button-prev.swiper-button-disabled,

.swiper-button-next.swiper-button-disabled {

  opacity: 0.02;

  cursor: auto;

  pointer-events: none;

}

.swiper-button-prev {

  background-image: url(../../content/static/bt-prev.png);

  left: 20px;

  right: auto;

}

.swiper-button-next {

  background-image: url(../../content/static/bt-next.png);

  right: 20px;

  left: auto;

}

/* Pagination Styles */

.swiper-pagination {

  position: absolute;

  text-align: center;

  -webkit-transition: 300ms;

  -moz-transition: 300ms;

  -o-transition: 300ms;

  transition: 300ms;

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

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

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

  transform: translate3d(0, 0, 0);

  z-index: 10;

}

.swiper-pagination.swiper-pagination-hidden {

  opacity: 0;

}

/* Common Styles */

.swiper-pagination-fraction,

.swiper-pagination-custom,

.swiper-container-horizontal > .swiper-pagination-bullets {

  bottom: 20px;

  left: 0;

  width: 100%;

}

/* Bullets */

.swiper-pagination-bullet {

  width: 15px;

  height: 15px;

  display: inline-block;

  border-radius: 100%;

  background: transparent;

  opacity: 1;

}

button.swiper-pagination-bullet {

  border: none;

  margin: 0;

  padding: 0;

  box-shadow: none;

  -moz-appearance: none;

  -ms-appearance: none;

  -webkit-appearance: none;

  appearance: none;

}

.swiper-pagination-clickable .swiper-pagination-bullet {

  cursor: pointer;

}

.swiper-pagination .swiper-pagination-bullet,

.swiper-pagination-white .swiper-pagination-bullet {

  background: transparent;

  border: 1px solid white;

}

.swiper-pagination-bullet-active {

  background: #fff;

}

.swiper-pagination .swiper-pagination-bullet-active,

.swiper-pagination-white .swiper-pagination-bullet-active {

  background: #fff;

}

.swiper-pagination-black .swiper-pagination-bullet-active {

  background: #000;

}

.swiper-container-vertical > .swiper-pagination-bullets {

  right: 10px;

  top: 50%;

  -webkit-transform: translate3d(0px, -50%, 0);

  -moz-transform: translate3d(0px, -50%, 0);

  -o-transform: translate(0px, -50%);

  -ms-transform: translate3d(0px, -50%, 0);

  transform: translate3d(0px, -50%, 0);

}

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {

  margin: 5px 0;

  display: block;

}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {

  margin: 0 5px;

}

.gallery-thumbs .swiper-slide {

  opacity: 0.3;

}

.gallery-thumbs .swiper-slide-active {

  opacity:1;

}

.shorw .slide,

#no-banner .swiper-slide {

  height: 160px;

  background-color: white;

  background-size: cover;

  background-position: center;

  background-repeat: no-repeat;

}

.showr .slide .cnt-bnr,

#no-banner .swiper-slide .cnt-bnr {

  opacity: 0;

  visibility: hidden;

  -webkit-transition: all .3s ease .3s;

    -moz-transition: all .3s ease .3s;

    transition: all .3s ease .3s;

}

.banners {

  color: white;

  text-align: left;

  line-height: 1.5;

  padding: 25px;

  background-color: #0071b6;

  background-color: rgba(181,0,0,0.7);

  position: relative;

}

.banners h2 {

  text-transform: uppercase;

  font-size: 31px;

  margin-top: 0;

}

.banners h4 {

  font-size: 16px;

  font-weight: 200;

}

.banners .vm {

  color: white;

  text-transform: uppercase;

  font-weight: 700;

  margin-top: 10px;

  display: table;

  padding: 5px 10px;

  background-color: #0071b6;

}

.showr .slide .cnt-bnr,

#no-banner .swiper-slide-active .cnt-bnr {

  opacity: 1;

  visibility: visible;

}

/* autocompletar - typeahead */

.tt-query,

.tt-hint {

  margin-top: -3px;

  width: 100%;

  background: transparent !important;

  padding: 8px 12px;

  font-size: 20px;

  line-height: 30px;

  border: 2px solid #ccc;

  outline: none;

  -webkit-border-radius: 8px;

       -moz-border-radius: 8px;

            border-radius: 8px;

}

.tt-query {

  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);

     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);

          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);

}

.tt-input {

  background: white !important;

}

.tt-hint {

  color: transparent;

}

.tt-menu {

    width: 100%;

    margin: 7px 0;

    padding: 8px 0;

    background-color: #fff;

    border: 0;

    border-bottom: 2px solid #0071b6;

    -webkit-border-radius: 6px;

     -moz-border-radius: 6px;

        border-radius: 6px;

    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);

     -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);

        box-shadow: 0 5px 10px rgba(0,0,0,.2);

}

.tt-dataset h3 {

  margin: 0 10px 5px;

    border-bottom: 1px solid #ddd;

    padding: 5px 0;

    text-align: left;

}

.tt-suggestion {

  padding: 3px 20px;

  font-size: 16px;

  line-height: 1.3;

  text-align: left;

}

.tt-suggestion:hover {

  cursor: pointer;

  color: #fff;

  background-color: #0097cf;

}

.tt-suggestion.tt-cursor {

  color: #fff;

  background-color: #0097cf;

}

.tt-suggestion p {

  margin: 0;

}



/*==============================

preloader

==============================*/

.pl {

  display: block;

  position: absolute;

    top: 0;

    right: 10px;

  z-index: 99;

}

.ready .pl,

.ready .pl > * {

  display: none;

}



/*==============================

media queries

==============================*/

@media screen and (max-width: 767px) {

  .menu-topo {

    padding-top: 15px;

    padding-bottom: 15px;

  }

  .navbar-header {

    float: left;

    width: 80%;

  }

  .navbar-default .navbar-brand {

    background-position: left;

    height: 50px;

  }

  .navbar-nav {

    margin-top: 20px;

  }

  .navbar-default .navbar-toggle {

    margin-top: 9px;

  }

  #no-banner .swiper-slide-active .cnt-bnr {

    margin-top: 70px;

  }

}

@media screen and (min-width: 479px) {

  .fonte-2x {

    font-size: 19px

  }

  .buscablog input {

    width: auto;

  }

}

@media screen and (min-width: 639px) {

  .contato {

    padding: 30px;

  }

  .navbar-default .navbar-brand {

    width: 160px

  }

  .menu-over a,

  .busca {

    margin-top: 10px;

  }

  .buscablog {

    margin-top: 15px;

  }

  .buscablog input {

    float: none;

  }

  .fonte-2x {

    font-size: 20px

  }

}

@media screen and (min-width: 992px) {

  #vehicle-images .min img {

    height: 65px;

  }

  .caracteristicas .col-xs-12 {

    min-height: 65px;

  }

  .spc-left {

    padding-left: 15px

  }

  footer {

    padding-bottom: 30px;

  }

  .tt-menu {

    width: 200%;

  }

  .filtros select {

    width: auto;

  }

  .filtros label {

    display: inline-block;

    float: left;

    margin-top: 5px;

  }

  .filtros button {

    padding: 6px;

  }

  .categorias li {

    display: table-cell;

    width: 1%;

  }

  .categorias li a {

    font-size: 21px;

  }

  .info-mapa {

    width: 550px;

  }

  .big-about {

    height: 300px;

  }

  .floater {

    border: 0;

    outline: none;

    padding: 20px;  

    position: fixed;

    cursor: pointer;

    top: 35%;

    right: 0;

    z-index: 13;

    display: block;

  }

  .floater .dados {

    opacity: 0;

    top: 0;

    position: absolute;

    height: 100%;

    padding: 8px;

  }

  .floater:hover .dados,

  .floater:focus .dados,

  .floater:active .dados {

    opacity: 1;

    right: 83px;

    width: 180px;

    line-height: 1.6;

    font-size: 14px;

    font-weight: 700;

  }

  .contato .form-group label {

    display: none;

  }

  .menu-over a {

    padding: 15px 25px;

    font-size: 16px;

  }

  .menu-over .active a {
    background: #0071b6;
    margin-top: 0;
    padding: 15px;
    font-size: 23px;
  }

  .menu-over a:after {

    content: '';

    position: absolute;

    top: 8px;

    right: 8px;

    width: 0;

    height: 0;

    border-style: solid;

    border-width: 0 20px 20px 0;

    border-color: transparent #0071b6 transparent transparent;

    -webkit-transform:rotate(360deg);

    border-style: inset;

    transition: all .2s;

    -moz-transition: all .2s;

    -webkit-transition: all .2s;

  }

  .menu-over .active a:after {
    border-color: transparent #fff transparent transparent;
  }

  .menu-over a:hover::after {

    top: 0;

    right: 0;

    opacity: 0;

  }

  .menu-topo {
    border-top: 1px solid #0071b6;
    border-bottom: 1px solid #0071b6;
    padding-bottom: 30px;

  }

  /*.page-home .navbar-default,*/

  .page-showroom .navbar-default {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    z-index: 98;

  }

  .page-home .pl,

  .page-showroom .pl {

    top: 10px;

  }

  .cnt-mrg {

    margin-top: 100px;

  }

  #no-banner .swiper-slide {

    height: 375px;

    background-position: bottom center;

    /*height: 650px;*/

    /*background-size: unset;*/

  }

  .showr .slide {

    height: 400px

  }

  .banners::after {

    color: #0071b6;

    content: '+';

    display: block;

    font-size: 60px;

    font-weight: 700;

    position: absolute;

    line-height: 0;

    bottom: -10px;

    right: -25px;

  }

  .banners.side-right::after {

    right: auto;

    left: -25px;

  }

  .navbar-nav {

    margin-top: 7px;

  }

  .margin-mobile {

    margin-bottom: 0

  }

  .text-left.mobile-center {

    text-align: left

    }

  .text-right.mobile-center {

    text-align: right

    }

  .produto-inner {

    height: 350px;

  }

  /*.produto-inner .bgs,

  .produto-inner figcaption,

  .produto,

  .produto figcaption {

    height: 380px;

  }*/

    .login {

        max-width: 500px;

    margin: 50px auto;

    }

  .margin-bottom-mobile {

    margin-bottom: 0

  }

  .vertical {

    -webkit-transform-style: preserve-3d;

    -moz-transform-style: preserve-3d;

    transform-style: preserve-3d;

  }

  .vertical--item {

    position: relative;

    top: 50%;

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

    -ms-transform: translateY(-50%);

    transform: translateY(-50%);

  }

  .fl {

    float: left

  }

  .fr {

    float: right

  }

  .no-pad-left {

    padding-left: 0

  }

  .no-pad-right {

    padding-right: 0

  }

  .no-mar-top {

    margin-top: 0

  }

  .no-mar-right {

    margin-right: 0

  }

  .no-mar-left {

    margin-left: 0

  }

  .submete {

    width: auto

  }

  .fonte-4x {

    font-size: 36px

  }

  .top-page {

    height: 305px;

  }

  .page-home footer {

    margin-top: 0;

  }

  #over-footer {

    position: relative;

  }

  .shadowed::after,

  #over-footer::after {

    content: '';

    display: block;

    position: absolute;

    left: 0;

    bottom: -10px;

    width: 100%;

    height: 70px;

    background-color: #007bd1;

    z-index: -1;

  }

  .shadowed::after {

    background-color: #161616;

    height: 60px;

    bottom: 0;

  }

  .pre-footer,

  .pre-footer figcaption {

    height: 180px;

  }

  .pre-footer .whats {

    width: 140px;

    height: 110px;

  }

}

@media screen and (min-width: 1000px) and (max-width: 1100px){

  .navbar-default .nav > li > a {

    font-size: 16px;

  }

  .busca input {

    width: 100px;

  }

}

@media screen and (min-width: 1200px) {

  #no-banner .swiper-slide {

    height: 500px;

  }

}

@media screen and (min-width: 1400px) {

  .filtros select {

    width: 70%;

  }

}