@charset "UTF-8";
@import url(../../bower_components/normalize-css/normalize.css);
@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,300italic,400italic,700,700italic);
/*
 * jquery.selectBoxIt.css 3.8.1
 * Author: @gregfranko
 */
/*
  Common CSS Properties
  ---------------------
  These properties will be applied to any themes that you use
*/
/* SelectBoxIt container */
.selectboxit-container {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  /* Styles that apply to all SelectBoxIt elements */
  /* Button */
  /* Height and Vertical Alignment of Text */
  /* Disabled Mouse Interaction */
  /* Button Text */
  /* Options List */
  /* Individual Option Optgroup Header */
  /* The first Drop Down option */
  /* The first Drop Down option optgroup */
  /* The last Drop Down option */
  /* Drop Down optgroup headers */
  /* Drop Down down arrow container */
  /* Drop Down individual option icon positioning */
  /* Drop Down individual option icon positioning */ }
  .selectboxit-container * {
    /* Prevents text selection */
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    outline: none;
    white-space: nowrap; }
  .selectboxit-container .selectboxit {
    width: 220px;
    /* Width of the dropdown button */
    cursor: pointer;
    margin: 0;
    padding: 0;
    overflow: hidden;
    display: block;
    position: relative;
    /* Focus pseudo selector */
    /* Disabled Mouse Interaction */ }
    .selectboxit-container .selectboxit:focus {
      outline: 0; }
    .selectboxit-container .selectboxit.selectboxit-disabled, .selectboxit-container .selectboxit .selectboxit-options .selectboxit-disabled {
      opacity: 0.65;
      filter: alpha(opacity=65);
      box-shadow: none;
      cursor: default; }
    .selectboxit-container .selectboxit .selectboxit-option-icon-container {
      margin-left: 5px; }
  .selectboxit-container span, .selectboxit-container .selectboxit-options a {
    height: 30px;
    /* Height of the drop down */
    line-height: 30px;
    /* Vertically positions the drop down text */
    display: block; }
  .selectboxit-container .selectboxit.selectboxit-disabled, .selectboxit-container .selectboxit-options .selectboxit-disabled {
    opacity: 0.65;
    filter: alpha(opacity=65);
    box-shadow: none;
    cursor: default; }
  .selectboxit-container .selectboxit-text {
    text-indent: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    float: left; }
  .selectboxit-container .selectboxit-options {
    box-sizing: border-box;
    min-width: 100%;
    /* Minimum Width of the dropdown list box options */
    *width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    overflow-x: hidden;
    overflow-y: auto;
    cursor: pointer;
    display: none;
    z-index: 9999999999999;
    text-align: left;
    box-shadow: none;
    /* Individual options */
    /* Individual Option Hover Action */ }
    .selectboxit-container .selectboxit-options .selectboxit-option-anchor {
      padding: 0 2px; }
    .selectboxit-container .selectboxit-options .selectboxit-option-anchor:hover {
      text-decoration: none; }
  .selectboxit-container .selectboxit-option, .selectboxit-container .selectboxit-optgroup-header {
    text-indent: 5px;
    /* Horizontal Positioning of the select box option text */
    margin: 0;
    list-style-type: none; }
  .selectboxit-container .selectboxit-optgroup-header {
    font-weight: bold;
    /* Drop Down optgroup header hover psuedo class */ }
    .selectboxit-container .selectboxit-optgroup-header:hover {
      cursor: default; }
  .selectboxit-container .selectboxit-arrow-container {
    /* Positions the down arrow */
    width: 30px;
    position: absolute;
    right: 0;
    /* Drop Down down arrow */ }
    .selectboxit-container .selectboxit-arrow-container .selectboxit-arrow {
      /* Horizontally centers the down arrow */
      margin: 0 auto;
      position: absolute;
      top: 50%;
      right: 0;
      left: 0;
      /* Drop Down down arrow for jQueryUI and jQuery Mobile */ }
      .selectboxit-container .selectboxit-arrow-container .selectboxit-arrow.ui-icon {
        top: 30%; }
  .selectboxit-container .selectboxit-option-icon-container {
    float: left; }
  .selectboxit-container .selectboxit-option-icon {
    margin: 0;
    padding: 0;
    vertical-align: middle; }
  .selectboxit-container .selectboxit-option-icon-url {
    width: 18px;
    background-size: 18px 18px;
    background-repeat: no-repeat;
    height: 100%;
    background-position: center;
    float: left; }
  .selectboxit-container .selectboxit-rendering {
    display: inline-block !important;
    *display: inline !important;
    zoom: 1 !important;
    visibility: visible !important;
    position: absolute !important;
    top: -9999px !important;
    left: -9999px !important; }

/* jQueryUI and jQuery Mobile compatability fix - Feel free to remove this style if you are not using jQuery Mobile */
.jqueryui .ui-icon {
  background-color: inherit; }

/* Another jQueryUI and jQuery Mobile compatability fix - Feel free to remove this style if you are not using jQuery Mobile */
.jqueryui .ui-icon-triangle-1-s {
  background-position: -64px -16px; }

/*
  Default Theme
  -------------
  Note: Feel free to remove all of the CSS underneath this line if you are not using the default theme
*/
.selectboxit-btn {
  background: #ffffff;
  border: solid 1px #d8d8d8;
  box-shadow: none;
  color: #5c5c5c;
  padding: 10px;
  transition: box-shadow .2s ease-in-out; }
  .selectboxit-btn.selectboxit-enabled:hover .selectboxit-arrow-container, .selectboxit-btn.selectboxit-enabled:active .selectboxit-arrow-container, .selectboxit-btn.selectboxit-enabled:focus .selectboxit-arrow-container {
    background: #f0f0f0; }

.selectboxit-default-arrow {
  width: 0;
  height: 0;
  border-top: 4px solid #cc0000;
  border-bottom: 0;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent; }

.selectboxit-open.selectboxit-btn {
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2); }

.selectboxit-open .selectboxit-default-arrow {
  width: 0;
  height: 0;
  border-top: 0;
  border-bottom: 4px solid #cc0000;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent; }

.selectboxit-list {
  background-color: #ffffff;
  border-left: solid 1px #d8d8d8;
  border-right: solid 1px #d8d8d8;
  border-bottom: solid 1px #d8d8d8; }

.selectboxit-list > .selectboxit-focus > .selectboxit-option-anchor {
  background: #f0f0f0; }

.selectboxit-container {
  margin-bottom: 0; }
  .selectboxit-container span, .selectboxit-container .selectboxit-options a {
    height: 40px;
    /* Height of the drop down */
    line-height: 40px;
    /* Vertically positions the drop down text */
    display: block; }

.selectboxit-container .selectboxit-options {
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2); }

.selectboxit .selectboxit-arrow-container {
  width: 28px;
  border-left: solid 1px #d8d8d8;
  margin: 0 0 0 10px; }
  .selectboxit .selectboxit-arrow-container .selectboxit-arrow {
    top: 45%; }

@media only screen and (max-width: 1017px) {
  .selectboxit {
    width: 100%; }
    .selectboxit .selectboxit-options {
      width: 100%; } }

/* Slider */
.slick-loading .slick-list {
  background: #fff url("../img/ajax-loader.gif") center center no-repeat; }

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

/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
  z-index: 2; }
  .slick-prev:hover, .slick-prev:focus,
  .slick-next:hover,
  .slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent; }
    .slick-prev:hover:before, .slick-prev:focus:before,
    .slick-next:hover:before,
    .slick-next:focus:before {
      opacity: 1; }
  .slick-prev.slick-disabled:before,
  .slick-next.slick-disabled:before {
    opacity: 1; }
  .slick-prev:before,
  .slick-next:before {
    font-family: "slick";
    font-size: 20px;
    line-height: 1;
    color: #ffffff;
    opacity: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

.slick-prev {
  left: 15px; }
  [dir="rtl"] .slick-prev {
    left: auto;
    right: 15px; }
  .slick-prev:before {
    content: "←"; }
    [dir="rtl"] .slick-prev:before {
      content: "→"; }

.slick-next {
  right: 15px; }
  [dir="rtl"] .slick-next {
    left: 15px;
    right: auto; }
  .slick-next:before {
    content: "→"; }
    [dir="rtl"] .slick-next:before {
      content: "←"; }

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 0 !important; }

.slick-dots {
  position: absolute;
  bottom: 0;
  list-style: none;
  display: block;
  text-align: center;
  padding: 10px 0;
  margin: 0;
  width: 100%; }
  .slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer; }
    .slick-dots li button {
      border: 0;
      background: transparent;
      display: block;
      height: 20px;
      width: 20px;
      outline: none;
      line-height: 0px;
      font-size: 0px;
      color: transparent;
      padding: 5px;
      cursor: pointer; }
      .slick-dots li button:hover, .slick-dots li button:focus {
        outline: none; }
        .slick-dots li button:hover:before, .slick-dots li button:focus:before {
          opacity: 1; }
      .slick-dots li button:before {
        position: absolute;
        top: 0;
        left: 0;
        content: "•";
        width: 20px;
        height: 20px;
        font-family: "slick";
        font-size: 15px;
        line-height: 20px;
        text-align: center;
        color: #ffffff;
        opacity: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
    .slick-dots li.slick-active button:before {
      color: #ed1c24;
      opacity: 1; }

.ui-datepicker {
  width: 260px;
  background: #ffffff;
  border: solid 1px #d8d8d8;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  display: none;
  font-size: 13px;
  font-weight: 400;
  margin-top: -1px; }
  .ui-datepicker a {
    color: #5c5c5c;
    text-decoration: none; }
  .ui-datepicker .ui-datepicker-header {
    height: 40px;
    background: #f0f0f0;
    color: #cc0000;
    font-size: 16px;
    line-height: 40px;
    text-align: center; }
  .ui-datepicker .ui-datepicker-title {
    font-weight: 700; }
  .ui-datepicker .ui-datepicker-prev,
  .ui-datepicker .ui-datepicker-next {
    cursor: pointer;
    height: 40px;
    line-height: 40px;
    width: 30px; }
  .ui-datepicker .ui-datepicker-prev {
    float: left;
    text-align: center; }
    .ui-datepicker .ui-datepicker-prev:before {
      width: 5px;
      height: 8px;
      content: url(/dist/img/icons/datepicker-arrow-prev.svg); }
  .ui-datepicker .ui-datepicker-next {
    float: right;
    text-align: center; }
    .ui-datepicker .ui-datepicker-next:before {
      width: 5px;
      height: 8px;
      content: url(/dist/img/icons/datepicker-arrow-next.svg); }
  .ui-datepicker .ui-icon {
    display: none; }
  .ui-datepicker .ui-datepicker-calendar {
    width: 100%;
    padding: 5px;
    table-layout: fixed; }
    .ui-datepicker .ui-datepicker-calendar th, .ui-datepicker .ui-datepicker-calendar td {
      text-align: center; }
    .ui-datepicker .ui-datepicker-calendar th {
      height: 30px;
      color: #cc0000; }
      .ui-datepicker .ui-datepicker-calendar th.ui-datepicker-week-end {
        color: #e57f7f; }
    .ui-datepicker .ui-datepicker-calendar td a {
      width: 30px;
      height: 30px;
      border-radius: 50%;
      display: inline-block;
      line-height: 30px;
      text-decoration: none;
      transition: background .2s ease-in-out, color .2s ease-in-out; }
      .ui-datepicker .ui-datepicker-calendar td a:hover {
        background: #f0f0f0; }
    .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-week-end a {
      color: #d8d8d8; }
    .ui-datepicker .ui-datepicker-calendar .ui-datepicker-current-day a {
      background: #cc0000;
      color: #ffffff; }
      .ui-datepicker .ui-datepicker-calendar .ui-datepicker-current-day a:hover {
        background: #8d0005; }

* {
  box-sizing: border-box; }

html, body {
  overflow-x: hidden;
  overflow-y: scroll; }

html, body, .general {
  width: auto; }

body, .general {
  overflow-y: hidden; }

body {
  color: #5c5c5c;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: 300;
  margin: 0;
  padding: 0; }

.toolbar {
  z-index: 9999; }

.layout-container {
  margin-top: 90px !important; }

.path-cronologia .layout-container {
  margin-top: 0 !important; }

.no-scroll {
  overflow: hidden; }

.general {
  width: 100%; }

.wrapper {
  width: 100%;
  max-width: 1024px;
  margin: 0 auto;
  padding: 0 20px; }

a {
  color: #5c5c5c;
  text-decoration: none;
  cursor: pointer; }
  a:hover {
    text-decoration: underline; }

h1 {
  color: #cc0000;
  font-size: 2rem; }

.btn:focus, .form-submit:focus {
  outline: none;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2); }

.btn, .form-submit {
  background: #ed1c24;
  border: 0;
  border-bottom: solid 1px #8d0005;
  color: #ffffff;
  cursor: pointer;
  display: inline-block;
  font-size: 1rem;
  font-weight: 400;
  padding: 10px;
  text-decoration: none;
  text-align: center;
  vertical-align: middle;
  transition: background .2s ease-in-out, border .2s ease-in-out, color .2s ease-in-out; }
  .btn:hover, .form-submit:hover {
    text-decoration: none; }
  .btn:not(:disabled):not(.btn-disabled):hover, .form-submit:not(:disabled):not(.btn-disabled):hover {
    background: #ffffff;
    border-bottom: solid 1px #d8d8d8;
    color: #cc0000; }
  .btn:disabled, .btn.btn-disabled, .form-submit:disabled, .form-submit.btn-disabled {
    cursor: default;
    opacity: .7; }
  .btn.btn-default, .form-submit.btn-default {
    width: 180px;
    height: 40px; }
  .btn.btn-dense, .form-submit.btn-dense {
    width: 180px;
    height: 30px;
    font-size: .875rem;
    padding: 6px; }

@media only screen and (max-width: 1017px) {
  input[type="button"].btn-default, input[type="submit"].btn-default, button.btn-default, .btn.btn-default, .form-submit.btn-default {
    width: 100%; }
  input[type="button"].btn-dense, input[type="submit"].btn-dense, button.btn-dense, .btn.btn-dense, .form-submit.btn-dense {
    width: 100%; } }

.form--inline .form-item {
  float: none !important;
  display: inline-block !important;
  margin-right: 20px !important; }

.form-item, .form-actions {
  margin: 0 !important; }

input, button, textarea {
  border-radius: 0;
  box-shadow: none;
  -webkit-appearance: none;
  transition: box-shadow .2s ease-in-out; }
  input:focus, button:focus, textarea:focus {
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
    outline: none; }

label {
  max-width: 100%;
  color: #5c5c5c;
  display: inline-block;
  font-weight: 400;
  font-size: .875rem;
  vertical-align: middle; }
  label > span {
    display: block;
    margin-bottom: 10px; }
  label.error {
    font-size: .75rem;
    color: #ed1c24;
    padding: 10px 0 10px 26%; }

input[type="text"], input[type="password"], input[type="date"], input[type="email"], input[type="number"], input[type="search"], textarea {
  height: 40px;
  border: solid 1px #d8d8d8;
  color: #5c5c5c;
  padding: 10px;
  vertical-align: middle; }
  input[type="text"].error, input[type="password"].error, input[type="date"].error, input[type="email"].error, input[type="number"].error, input[type="search"].error, textarea.error {
    border: solid 1px #d8d8d8 !important; }

input[type="checkbox"] {
  position: absolute;
  left: -9999px; }
  input[type="checkbox"] + label {
    cursor: pointer;
    padding: 2px 0 0 30px;
    margin: 10px 20px 10px 0;
    position: relative;
    transition: color .2s ease-in-out; }
    input[type="checkbox"] + label:before {
      width: 16px;
      height: 16px;
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      background: #cc0000;
      border: solid 2px #cc0000;
      border-radius: 3px;
      box-shadow: none;
      transition: background .2s ease-in-out, border .2s ease-in-out, box-shadow .2s ease-in-out; }
    input[type="checkbox"] + label:after {
      width: 16px;
      content: url(../img/check.svg);
      position: absolute;
      top: 2px;
      left: 2px;
      display: inline-block;
      transition: opacity .2s; }
  input[type="checkbox"]:not(:checked) + label:before {
    background: transparent;
    border: solid 2px #9e9e9e; }
  input[type="checkbox"]:not(:checked) + label:after {
    opacity: 0; }
  input[type="checkbox"]:checked + label {
    color: #cc0000; }
    input[type="checkbox"]:checked + label:after {
      opacity: 1; }
  input[type="checkbox"]:disabled + label:before {
    border: solid 2px #d8d8d8; }
  input[type="checkbox"]:disabled:checked + label:before {
    background: #d8d8d8; }
  input[type="checkbox"]:disabled + label {
    color: #d8d8d8; }
  input[type="checkbox"]:focus + label:before {
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
    outline: none; }
  input[type="checkbox"].full + label {
    width: 100%; }

input[type="radio"] {
  position: absolute;
  left: -9999px; }
  input[type="radio"] + label {
    cursor: pointer;
    padding: 4px 0 0 30px;
    margin: 10px 20px 10px 0;
    position: relative;
    transition: color .2s ease-in-out; }
    input[type="radio"] + label:before {
      width: 18px;
      height: 18px;
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      border: solid 2px #cc0000;
      border-radius: 50%;
      box-shadow: none;
      transition: background .2s ease-in-out, border .2s ease-in-out, box-shadow .2s ease-in-out; }
    input[type="radio"] + label:after {
      width: 10px;
      height: 10px;
      content: ' ';
      position: absolute;
      top: 6px;
      left: 6px;
      background: #cc0000;
      border-radius: 50%;
      display: inline-block;
      transition: opacity .2s; }
  input[type="radio"]:not(:checked) + label:before {
    background: transparent;
    border: solid 2px #9e9e9e; }
  input[type="radio"]:not(:checked) + label:after {
    opacity: 0; }
  input[type="radio"]:checked + label {
    color: #cc0000; }
    input[type="radio"]:checked + label:after {
      opacity: 1; }
  input[type="radio"]:disabled + label:before {
    border: solid 2px #d8d8d8; }
  input[type="radio"]:disabled:checked + label:after {
    background: #d8d8d8; }
  input[type="radio"]:disabled + label {
    color: #d8d8d8; }
  input[type="radio"]:focus + label:before {
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
    outline: none; }
  input[type="radio"].full + label {
    width: 100%; }

.tabbed .tabbed-container {
  width: 100%;
  display: none; }
  .tabbed .tabbed-container.active {
    display: inline-block; }

.path-noticias main.wrapper {
  max-width: 100%;
  padding: 0; }

.page-node-type-imprensa main.wrapper {
  max-width: 100%;
  padding: 0; }

.path-frontpage main.wrapper {
  max-width: 100%;
  padding: 0; }

.path-contato main.wrapper {
  max-width: 100%;
  padding: 0; }

.path-institucional.context-institucional-sustentabilidade-politicas-ambientais main.wrapper {
  max-width: 100%;
  padding: 0; }

.path-institucional.context-institucional-sustentabilidade main.wrapper {
  max-width: 100%;
  padding: 0; }

.path-institucional.context-institucional-nossa-historia main.wrapper {
  max-width: 100%;
  padding: 0; }

.path-institucional.context-institucional-honda-no-brasil main.wrapper {
  max-width: 100%;
  padding: 0; }

.path-institucional.context-institucional-compromisso-com-a-seguranca-educacao-no-transito main.wrapper,
.path-institucional.context-institucional-compromisso-com-a-seguranca-seguranca-automoveis main.wrapper,
.path-institucional.context-institucional-compromisso-com-a-seguranca-seguranca-motocicletas main.wrapper {
  max-width: 100%;
  padding: 0; }

.path-carreiras-desenvolvimento main.wrapper {
  max-width: 100%;
  padding: 0; }

.path-carreiras main.wrapper {
  max-width: 100%;
  padding: 0; }

.path-carreirasmain.wrapper {
  max-width: 100%;
  padding: 0; }

.path-carreiras .slide .wrapper {
  padding: 0 4%; }

.path-recall main.wrapper, .path-recall-consulta-interna main.wrapper {
  max-width: 100%;
  padding: 0; }

.path-concessionarias main.wrapper {
  max-width: 100%;
  padding: 0; }

.path-salaodoautomovel main.wrapper {
  max-width: 100%;
  padding: 0; }

.path-institucional.context-institucional-inovacao-cronologia .layout-container,
.path-institucional.context-institucional-honda-no-brasil-cronologia .layout-container {
  margin-top: 0px !important; }

.path-institucional.context-institucional-inovacao-cronologia main.wrapper,
.path-institucional.context-institucional-honda-no-brasil-cronologia main.wrapper {
  max-width: 100%;
  padding: 0; }

.path-institucional.context-institucional-inovacao-asimo main.wrapper,
.path-institucional.context-institucional-inovacao-hondajet main.wrapper,
.path-institucional.context-institucional-inovacao-tecnologias-sustentaveis main.wrapper {
  max-width: 100%;
  padding: 0; }

.path-institucional.context-institucional-racing-spirit main.wrapper {
  max-width: 100%;
  padding: 0; }

.path-pesquisa-tsi main.wrapper, .path-pesquisa main.wrapper {
  max-width: 100%;
  padding: 0; }

.path-busca .search-container {
  top: 90px;
  opacity: 1;
  transition: top .5s ease-in-out, opacity .3s ease-in-out .2s; }

.path-busca .region.region-content {
  min-height: 600px; }

.path-busca header .navbar .search-icon {
  display: none; }

header {
  height: 90px;
  text-align: center;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999; }
  header .navbar {
    width: 100%;
    height: 90px;
    background: #ffffff;
    border-bottom: solid 1px #d8d8d8;
    padding: 20px;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99; }
    header .navbar .menu-icon {
      width: 50px;
      height: 50px;
      background: transparent;
      display: block;
      position: absolute;
      overflow: hidden;
      margin: 0;
      padding: 0;
      -webkit-appearance: none;
         -moz-appearance: none;
              appearance: none;
      box-shadow: none;
      border-radius: none;
      border: none;
      cursor: pointer; }
      header .navbar .menu-icon:focus {
        outline: none; }
      header .navbar .menu-icon .hamb {
        display: block;
        position: absolute;
        top: 24px;
        left: 10px;
        right: 10px;
        height: 2px;
        background: #5c5c5c;
        transition: background 0s 0.3s; }
        header .navbar .menu-icon .hamb:before, header .navbar .menu-icon .hamb:after {
          position: absolute;
          display: block;
          left: 0;
          width: 100%;
          height: 2px;
          background: #5c5c5c;
          content: ""; }
        header .navbar .menu-icon .hamb:before {
          top: -10px;
          transition: top .3s ease-in-out .3s, transform .3s ease-in-out 0s; }
        header .navbar .menu-icon .hamb:after {
          bottom: -10px;
          transition: bottom .3s ease-in-out .3s, transform .3s ease-in-out 0s; }
      header .navbar .menu-icon .menu-text {
        font-size: 10px;
        position: absolute;
        bottom: 0;
        left: 10px; }
      header .navbar .menu-icon.active span {
        background: none; }
        header .navbar .menu-icon.active span:before {
          transform: rotate(45deg);
          top: 0;
          transition: top .3s ease-in-out 0s, transform .3s ease-in-out .3s; }
        header .navbar .menu-icon.active span:after {
          transform: rotate(-45deg);
          bottom: 0;
          transition: bottom .3s ease-in-out 0s, transform .3s ease-in-out .3s; }
    header .navbar .menu-container {
      position: fixed;
      top: 90px;
      left: 0; }
      header .navbar .menu-container .menu {
        width: 200px;
        height: calc(100% - 90px);
        background: #ffffff;
        position: fixed;
        transform: translateX(-100%);
        top: 90px;
        z-index: 90;
        transition: transform .3s ease-in-out; }
        header .navbar .menu-container .menu > nav {
          height: 100%;
          overflow-y: scroll;
          -ms-overflow-style: none; }
          header .navbar .menu-container .menu > nav::-webkit-scrollbar {
            display: none; }
          header .navbar .menu-container .menu > nav > li {
            border-bottom: 1px solid #f0f0f0;
            border-left: 1px solid #f0f0f0;
            border-right: 1px solid #f0f0f0;
            list-style-type: none;
            position: relative; }
            header .navbar .menu-container .menu > nav > li:before {
              width: 40px;
              position: absolute;
              top: 50%;
              left: 10px;
              transform: translateY(-50%); }
            header .navbar .menu-container .menu > nav > li.menu-item--collapsed, header .navbar .menu-container .menu > nav > li.menu-item--expanded {
              list-style: none; }
            header .navbar .menu-container .menu > nav > li:nth-child(1):before {
              content: url(../img/icons/icon-home.svg); }
            header .navbar .menu-container .menu > nav > li:nth-child(1):hover:before, header .navbar .menu-container .menu > nav > li:nth-child(1).active:before {
              content: url(../img/icons/icon-home-active.svg); }
            header .navbar .menu-container .menu > nav > li:nth-child(2):before {
              content: url(../img/icons/icon-moto.svg); }
            header .navbar .menu-container .menu > nav > li:nth-child(2):hover:before, header .navbar .menu-container .menu > nav > li:nth-child(2).active:before {
              content: url(../img/icons/icon-moto-active.svg); }
            header .navbar .menu-container .menu > nav > li:nth-child(3):before {
              content: url(../img/icons/icon-auto.jpg); }
            header .navbar .menu-container .menu > nav > li:nth-child(3):hover:before, header .navbar .menu-container .menu > nav > li:nth-child(3).active:before {
              content: url(../img/icons/icon-auto-active.png); }
            header .navbar .menu-container .menu > nav > li:nth-child(4):before {
              content: url(../img/icons/icon-power.svg); }
            header .navbar .menu-container .menu > nav > li:nth-child(4):hover:before, header .navbar .menu-container .menu > nav > li:nth-child(4).active:before {
              content: url(../img/icons/icon-power-active.svg); }
            header .navbar .menu-container .menu > nav > li:nth-child(5):before {
              content: url(../img/icons/icon-tools.svg); }
            header .navbar .menu-container .menu > nav > li:nth-child(5):hover:before, header .navbar .menu-container .menu > nav > li:nth-child(5).active:before {
              content: url(../img/icons/icon-tools-active.svg); }
            header .navbar .menu-container .menu > nav > li:nth-child(6):before {
              content: url(../img/icons/icon-financial-services.svg); }
            header .navbar .menu-container .menu > nav > li:nth-child(6):hover:before, header .navbar .menu-container .menu > nav > li:nth-child(6).active:before {
              content: url(../img/icons/icon-financial-services-active.svg); }
            header .navbar .menu-container .menu > nav > li:nth-child(7):before {
              content: url(../img/icons/icon-institutional.svg); }
            header .navbar .menu-container .menu > nav > li:nth-child(7):hover:before, header .navbar .menu-container .menu > nav > li:nth-child(7).active:before {
              content: url(../img/icons/icon-institutional-active.svg); }
            header .navbar .menu-container .menu > nav > li:nth-child(8):before {
              content: url(../img/icons/icon-dealership.svg); }
            header .navbar .menu-container .menu > nav > li:nth-child(8):hover:before, header .navbar .menu-container .menu > nav > li:nth-child(8).active:before {
              content: url(../img/icons/icon-dealership-active.svg); }
            header .navbar .menu-container .menu > nav > li:nth-child(9):before {
              content: url(../img/icons/icon-news.svg); }
            header .navbar .menu-container .menu > nav > li:nth-child(9):hover:before, header .navbar .menu-container .menu > nav > li:nth-child(9).active:before {
              content: url(../img/icons/icon-news-active.svg); }
            header .navbar .menu-container .menu > nav > li:nth-child(10):before {
              content: url(../img/icons/icon-recall.svg); }
            header .navbar .menu-container .menu > nav > li:nth-child(10):hover:before, header .navbar .menu-container .menu > nav > li:nth-child(10).active:before {
              content: url(../img/icons/icon-recall-active.svg); }
            header .navbar .menu-container .menu > nav > li:nth-child(11):before {
              content: url(../img/icons/icon-myhonda.svg); }
            header .navbar .menu-container .menu > nav > li:nth-child(11):hover:before, header .navbar .menu-container .menu > nav > li:nth-child(11).active:before {
              content: url(../img/icons/icon-myhonda-active.svg); }
            header .navbar .menu-container .menu > nav > li a {
              width: 100%;
              height: 100%;
              display: block;
              padding: 30px 0;
              position: relative;
              text-align: left;
              vertical-align: middle; }
              header .navbar .menu-container .menu > nav > li a span {
                display: inline-block;
                margin-left: 60px; }
              header .navbar .menu-container .menu > nav > li a:hover {
                text-decoration: none; }
                header .navbar .menu-container .menu > nav > li a:hover span {
                  color: #ed1c24; }
            header .navbar .menu-container .menu > nav > li.active {
              border-right: 0; }
              header .navbar .menu-container .menu > nav > li.active > a span {
                color: #ed1c24; }
            header .navbar .menu-container .menu > nav > li .submenu {
              width: 200px;
              height: 100%;
              background: #ffffff;
              position: fixed;
              transform: translateX(-100%);
              opacity: 0;
              top: 0;
              margin-top: 0;
              z-index: 80;
              transition: visibility 0s linear, opacity .3s ease-in-out, transform .3s ease-in-out .15s; }
              header .navbar .menu-container .menu > nav > li .submenu.active {
                transform: translateX(199px);
                opacity: 1;
                transition: visibility 0s linear, opacity .3s ease-in-out .1s, transform .3s ease-in-out; }
                @media only screen and (max-width: 1017px) {
                  header .navbar .menu-container .menu > nav > li .submenu.active {
                    transform: translateX(0); } }
              header .navbar .menu-container .menu > nav > li .submenu ul {
                width: 100%;
                height: 100%;
                padding-left: 0;
                margin-top: 0;
                overflow-x: hidden;
                overflow-y: scroll; }
                header .navbar .menu-container .menu > nav > li .submenu ul::-webkit-scrollbar {
                  display: none; }
                header .navbar .menu-container .menu > nav > li .submenu ul.active {
                  visibility: visible; }
                header .navbar .menu-container .menu > nav > li .submenu ul li {
                  list-style-type: none;
                  position: relative;
                  border: none; }
                  header .navbar .menu-container .menu > nav > li .submenu ul li a span {
                    margin-left: 30px; }
                  header .navbar .menu-container .menu > nav > li .submenu ul li:not(:first-child) {
                    border-top: 0; }
                  header .navbar .menu-container .menu > nav > li .submenu ul li:hover > a {
                    color: #ed1c24; }
                    header .navbar .menu-container .menu > nav > li .submenu ul li:hover > a:before {
                      content: '';
                      position: absolute;
                      left: 10px;
                      top: 50%;
                      transform: translateY(-50%);
                      width: 0;
                      height: 0;
                      display: inline-block;
                      border-top: 6px solid transparent;
                      border-bottom: 6px solid transparent;
                      border-left: 6px solid #ed1c24; }
      header .navbar .menu-container .overlay {
        width: 100vw;
        height: 100vh;
        visibility: hidden;
        background: rgba(0, 0, 0, 0.6);
        opacity: 0;
        position: fixed;
        transition: visibility 0s linear .6s, opacity .6s ease-in-out; }
      header .navbar .menu-container.active .menu {
        transform: translateX(0%); }
      header .navbar .menu-container.active .overlay {
        opacity: 1;
        visibility: visible;
        transition: visibility 0s linear 0s, opacity .6s ease-in-out; }
    header .navbar a.my-honda-header {
      width: 125px;
      height: 20px;
      background: transparent;
      display: block;
      position: absolute;
      margin: 0;
      padding: 0;
      border: none;
      cursor: pointer;
      right: 80px;
      font-size: 12pt;
      text-align: left;
      top: 35px; }
      header .navbar a.my-honda-header:before {
        content: url(/sites/cbw/themes/custom/honda/dist/img/icons/icon-myhonda.svg);
        width: 40px;
        position: absolute;
        left: -50px;
        top: -10px; }
      @media only screen and (max-width: 1017px) {
        header .navbar a.my-honda-header {
          display: none; } }
    header .navbar .search-icon {
      width: 25px;
      height: 50px;
      background: transparent;
      display: block;
      position: absolute;
      overflow: hidden;
      margin: 0;
      padding: 0;
      font-size: 0;
      -webkit-appearance: none;
         -moz-appearance: none;
              appearance: none;
      box-shadow: none;
      border-radius: none;
      border: none;
      cursor: pointer;
      right: 30px; }
      header .navbar .search-icon span:before {
        width: 25px;
        height: 25px;
        content: url("../img/icon-lupe-search.svg");
        display: block;
        opacity: 1;
        position: absolute;
        right: 0;
        transform: translateY(-50%);
        top: 50%;
        transition: opacity .15s ease-in-out .15s; }
      header .navbar .search-icon span:after {
        width: 20px;
        height: 20px;
        content: url("../img/icon-close-menu.svg");
        display: block;
        opacity: 0;
        position: absolute;
        left: 0;
        transform: translateY(-50%);
        top: 50%;
        transition: opacity .15s ease-in-out; }
      header .navbar .search-icon.active span:before {
        opacity: 0;
        transition: opacity .15s ease-in-out; }
      header .navbar .search-icon.active span:after {
        opacity: 1;
        transition: opacity .15s ease-in-out .15s; }
      header .navbar .search-icon span {
        width: 100%;
        height: 100%;
        display: block; }
  header .search-container {
    width: 100%;
    height: 50px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 80;
    background: #f0f0f0;
    box-shadow: inset 0 10px 10px -10px rgba(0, 0, 0, 0.1);
    opacity: 0;
    padding: 0 20px;
    text-align: left;
    transition: top .5s ease-in-out, opacity .3s ease-in-out; }
    header .search-container.active {
      top: 90px;
      opacity: 1;
      transition: top .5s ease-in-out, opacity .3s ease-in-out .2s; }
    header .search-container form {
      height: 100%; }
      header .search-container form input[type=text], header .search-container form input[type=search] {
        width: calc(100% - 80px);
        height: 100%;
        background: transparent;
        border: 0;
        box-shadow: none;
        font-size: 1.1rem;
        padding: 0;
        margin-right: -4px; }
      header .search-container form .button-container {
        width: 80px;
        height: 100%;
        display: inline-block;
        margin-right: -4px;
        position: relative; }
        header .search-container form .button-container:after {
          width: 20px;
          content: url("../img/icon-arrow-right-round-red.svg");
          display: block;
          position: absolute;
          right: 0;
          top: 50%;
          transform: translateY(-50%); }
        header .search-container form .button-container input[type=submit] {
          width: 100%;
          height: 100%;
          border: 0;
          background: transparent;
          box-shadow: none;
          color: #9e9e9e;
          cursor: pointer;
          padding: 0 30px 0 0;
          text-align: right; }
  header .site-logo img {
    width: 205px;
    height: auto; }

.ie header .navbar .menu-container .menu > nav > li .submenu {
  top: 90px; }

@media only screen and (max-width: 1017px) {
  header .navbar .menu-icon {
    left: 0; }
  header .navbar .site-logo img {
    width: auto;
    height: 40px;
    margin-top: 10px; }
  header .search-container form input[type=text], header .search-container form input[type=search] {
    width: calc(100% - 30px); }
  header .search-container form .button-container {
    width: 30px; }
    header .search-container form .button-container input[type=submit] {
      padding: 0;
      text-indent: 9999px; } }

.vjs-poster {
  background-size: cover !important; }

@font-face {
  font-family: 'Oswald';
  src: url("../fonts/Oswald-Light.ttf");
  font-weight: 300;
  font-style: normal; }

@font-face {
  font-family: 'Oswald';
  src: url("../fonts/Oswald-Regular.ttf");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: 'Oswald';
  src: url("../fonts/Oswald-Heavy.ttf");
  font-weight: 700;
  font-style: normal; }

.video-js {
  width: 100% !important;
  height: 510px !important; }

.slide {
  width: 100%;
  min-height: 400px;
  overflow: hidden;
  position: relative; }
  .slide .recall__banner-icon {
    width: auto;
    display: block;
    position: relative;
    margin: auto; }
  .slide .overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: 0.4;
    z-index: 19;
    background-image: url("../img/bg_pattern_banner.png");
    background-repeat: repeat;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.02) 1%, rgba(0, 0, 0, 0.65) 37%, rgba(0, 0, 0, 0.65) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);
    /* IE6-9 */ }
  .slide .image-full {
    display: block; }
  .slide .image-mobile {
    display: none; }
  .slide img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    position: absolute;
    z-index: -1; }
  .slide .wrapper {
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    padding: 0 5%;
    z-index: 20; }
  .slide h1 {
    font-size: 3em;
    padding: 0;
    margin: 0;
    color: #ffffff;
    padding: 0 20px;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.7); }
  .slide h2 {
    font-size: 1.5em;
    font-weight: 400;
    color: #ffffff;
    padding: 0 20px;
    text-shadow: 1px 1px 6px black; }
  .slide.video {
    height: 510px !important; }
    .slide.video .cover {
      height: 100%;
      width: 100%; }
    .slide.video video {
      width: 100%;
      height: 100%;
      background-color: #000; }
    .slide.video .wrapper {
      display: none; }
    .slide.video .overlay {
      background: url(../img/play.png) no-repeat center center;
      opacity: 1;
      transition: opacity .3s ease-in-out;
      z-index: 19; }
      .slide.video .overlay.loaded {
        opacity: 1;
        cursor: pointer; }
    .slide.video .youtube-container--responsive {
      height: 400px;
      margin: 0 !important;
      padding-bottom: 0 !important;
      visibility: hidden;
      opacity: 0;
      transition: visibility 0s linear .8s, opacity .8s ease-in-out, height .8s ease-in-out; }
      .slide.video .youtube-container--responsive.active {
        visibility: visible;
        opacity: 1;
        height: 510px;
        transition: visibility 0s linear, opacity .8s ease-in-out, height .8s ease-in-out; }
      .slide.video .youtube-container--responsive iframe {
        height: 100%; }

.path-frontpage .video-js {
  width: 100%;
  height: 510px; }

.path-frontpage .slide.video .youtube-container--responsive {
  height: 510px; }

.slider.banner .slide _:-ms-lang(x), .slider.banner .slide .cover img,
.slider.banner .slide _:-ms-lang(x), .slider.banner .slide > img {
  width: auto;
  height: auto;
  left: 50%;
  margin-left: -960px; }

@media only screen and (max-width: 1017px) {
  .slide .image-full {
    display: none; }
  .slide .image-mobile {
    display: block; }
  .slide h1 {
    font-size: 1.8em; }
  .slide h2 {
    font-size: 1em; }
  .slide.bigger {
    min-height: 600px; } }

.overlay-video {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column nowrap;
      flex-flow: column nowrap;
  -ms-flex-align: center;
      align-items: center;
  padding-top: 4rem;
  background: rgba(0, 0, 0, 0.55) !important; }
  .overlay-video__title {
    margin-bottom: 0 !important;
    font-weight: 700 !important;
    font-size: 3.2rem !important;
    font-family: 'Oswald';
    text-align: center; }
    @media (min-width: 768px) {
      .overlay-video__title {
        padding-top: 6rem;
        font-size: 5rem !important; } }
  .overlay-video__subtitle {
    margin-bottom: 5rem;
    font-family: 'Oswald';
    font-weight: 300;
    font-size: 1.1rem;
    text-align: center;
    letter-spacing: .7px;
    color: #fff; }
    @media (min-width: 768px) {
      .overlay-video__subtitle {
        font-size: 1.25rem !important; } }
  .overlay-video__text {
    margin-top: 1rem;
    font-family: 'Oswald', sans-serif;
    font-weight: 400;
    letter-spacing: .7px;
    color: #fff; }
  .overlay-video__icon {
    position: static !important;
    width: 40px !important;
    height: auto !important; }

.breadcrumbs {
  width: 100%;
  color: #5c5c5c;
  margin: 50px 0; }
  .breadcrumbs li {
    display: inline-block;
    list-style-type: none; }
    .breadcrumbs li:not(:last-child):after {
      content: '>';
      display: inline-block;
      margin: 0 10px; }

@media only screen and (max-width: 1017px) {
  .breadcrumbs li {
    margin: 5px 0; } }

footer {
  width: 100%;
  display: block;
  margin: 40px 0 0 0; }
  footer .get-in-touch {
    border-top: 1px solid #d8d8d8;
    border-bottom: 1px solid #d8d8d8;
    padding: 15px 0; }
    footer .get-in-touch .wrapper {
      display: table; }
    footer .get-in-touch .newsletter, footer .get-in-touch .social {
      display: table-cell;
      vertical-align: middle; }
    footer .get-in-touch .newsletter {
      width: 60%; }
      footer .get-in-touch .newsletter span {
        padding: 0 20px 0 0; }
      footer .get-in-touch .newsletter form {
        height: 40px;
        background: #d8d8d8;
        display: inline-block;
        padding: 0 10px;
        vertical-align: middle; }
        footer .get-in-touch .newsletter form input[type="text"], footer .get-in-touch .newsletter form input[type="email"] {
          width: 186px;
          background: transparent;
          border: 0;
          display: inline-block;
          font-size: .875rem;
          padding: 10px;
          margin: 0;
          vertical-align: middle; }
          footer .get-in-touch .newsletter form input[type="text"]:focus, footer .get-in-touch .newsletter form input[type="email"]:focus {
            box-shadow: none; }
        footer .get-in-touch .newsletter form .icon-newsletter {
          height: 100%;
          display: inline-block;
          vertical-align: middle; }
        footer .get-in-touch .newsletter form .btn-newsletter {
          width: 25px;
          height: 100%;
          background: url(../img/icon-arrow-right-round.svg) no-repeat center center transparent;
          background-size: 25px;
          border: 0;
          display: inline-block;
          cursor: pointer;
          text-indent: -9999px;
          vertical-align: middle; }
          footer .get-in-touch .newsletter form .btn-newsletter:focus {
            box-shadow: none; }
    footer .get-in-touch .social {
      width: 40%;
      text-align: right; }
      footer .get-in-touch .social span {
        display: inline-block;
        vertical-align: middle; }
      footer .get-in-touch .social a {
        display: inline-block;
        margin: 0 0 0 5px;
        vertical-align: middle; }
        footer .get-in-touch .social a img {
          height: 20px; }
  footer nav {
    padding: 20px 0 40px 0; }
  footer .my-honda-container {
    display: none; }
    @media only screen and (max-width: 1017px) {
      footer .my-honda-container {
        width: 100% !important;
        display: block;
        padding: 0;
        margin: 0;
        text-align: center;
        min-height: 0; } }
  footer a.my-honda-header {
    display: none; }
    @media only screen and (max-width: 1017px) {
      footer a.my-honda-header {
        padding: 20px;
        display: inline-block;
        position: relative; }
        footer a.my-honda-header:before {
          content: url(/sites/cbw/themes/custom/honda/dist/img/icons/icon-myhonda.svg);
          width: 40px;
          position: absolute;
          left: -30px;
          top: 8px; } }
  footer ul {
    width: 20%;
    border-left: 1px solid #d8d8d8;
    display: inline-block;
    vertical-align: top;
    margin-right: -4px;
    padding: 0 20px;
    min-height: 160px; }
    footer ul:nth-child(4), footer ul:nth-child(2) {
      width: 16%; }
    footer ul:first-child {
      border-left: none;
      padding-left: 0; }
    footer ul:last-child {
      margin-right: 0;
      width: 28%; }
    footer ul h2 {
      font-size: 1em;
      padding: 0;
      margin: 0 0 20px 0; }
    footer ul li {
      list-style: none;
      padding: 5px 0;
      font-size: .875rem; }
  footer .copyright {
    background: black;
    color: #ffffff;
    font-size: 0.875em;
    padding: 10px 0; }
    footer .copyright .wrapper {
      display: table; }
    footer .copyright img {
      height: 50px;
      vertical-align: middle; }
    footer .copyright .info, footer .copyright .legal {
      display: table-cell; }
      footer .copyright .info a, footer .copyright .legal a {
        color: #ffffff; }
    footer .copyright .legal {
      text-align: right; }

@media only screen and (max-width: 1017px) {
  footer .get-in-touch {
    border: 0;
    padding: 0; }
    footer .get-in-touch .newsletter {
      width: 100%;
      display: inline-block;
      padding: 10px 0;
      text-align: center; }
      footer .get-in-touch .newsletter span {
        display: block;
        margin: 0 0 20px 0;
        padding: 0; }
      footer .get-in-touch .newsletter form {
        width: auto; }
    footer .get-in-touch .social {
      width: 100%;
      display: inline-block;
      padding: 10px 0;
      text-align: center; }
      footer .get-in-touch .social span {
        display: block;
        margin: 0 0 20px 0;
        padding: 0; }
      footer .get-in-touch .social a {
        margin: 0 10px; }
        footer .get-in-touch .social a img {
          height: 40px; }
  footer nav {
    padding: 20px 0 0 0; }
    footer nav .wrapper {
      padding: 0; }
    footer nav ul {
      width: 100% !important;
      display: block;
      padding: 0;
      margin: 0;
      text-align: center;
      min-height: 0; }
      footer nav ul:first-child, footer nav ul:last-child {
        border: none;
        margin: 0;
        padding: 0; }
      footer nav ul li a {
        padding: 10px 0;
        display: inline-block; }
      footer nav ul h2 {
        background: #d8d8d8;
        padding: 20px 0;
        margin: 0 0 1px 0; }
      footer nav ul h2:after {
        width: 15px;
        height: 15px;
        padding: 3px;
        content: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"\a    width="15px" height="15px" viewBox="0 0 396.85 396.851" enable-background="new 0 0 396.85 396.851"\a    xml:space="preserve"><path fill="#ed1c24" d="M314.39,176.177L154.405,19.741c-5.876-6.104-13.248-9.136-22.073-9.136c-8.846,0-16.217,3.032-22.093,9.136\a   L91.593,37.764c-6.063,5.917-9.074,13.123-9.074,21.615c0,8.348,3.011,15.615,9.074,21.886l119.248,116.548L91.593,314.61\a   c-6.063,5.938-9.095,13.144-9.095,21.636c0,8.326,3.032,15.615,9.095,21.864l18.646,18.023c6.042,5.938,13.413,8.887,22.072,8.887\a   c8.68,0,16.051-2.949,22.094-8.887L314.39,219.677c6.042-6.25,9.074-13.538,9.074-21.864C323.464,189.32,320.433,182.115,314.39,176.177z"/></svg>');
        border-radius: 20px;
        border: 1px solid #5c5c5c;
        position: absolute;
        right: 25px;
        line-height: 1rem;
        transform: rotateZ(90deg);
        transition: 500ms; }
      footer nav ul.active h2:after {
        transform: rotateZ(-90deg); }
      footer nav ul .container {
        max-height: 0;
        overflow: hidden;
        transition: 500ms; }
      footer nav ul.active .container {
        max-height: 600px;
        padding: 20px 0;
        transition: 500ms; }
  footer .copyright {
    padding: 0; }
    footer .copyright .info {
      padding: 20px 0; }
    footer .copyright .info, footer .copyright .legal {
      width: 100%;
      display: block;
      text-align: center; }
    footer .copyright .legal {
      border-top: 1px solid #ffffff;
      letter-spacing: 2px; }
    footer .copyright span {
      vertical-align: middle; } }

.info-notification {
  bottom: -1000px;
  left: 0;
  position: fixed;
  right: 0;
  z-index: 21; }
  .info-notification .info-notification__container {
    margin: 0 auto;
    max-width: 100%;
    position: relative; }
    @media only screen and (min-width: 768px) {
      .info-notification .info-notification__container {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
            flex-direction: row;
        -ms-flex-align: center;
            align-items: center;
        max-width: 1920px; } }
  .info-notification .info-notification__title {
    color: #ffffff;
    font-size: 18px;
    font-weight: 700;
    max-height: 145px;
    padding: 10px 20px; }
    @media only screen and (min-width: 768px) {
      .info-notification .info-notification__title {
        -ms-flex-align: center;
            align-items: center;
        display: -ms-flexbox;
        display: flex;
        font-size: 24px;
        -ms-flex-direction: row;
            flex-direction: row;
        max-height: initial; } }
  .info-notification .info-notification__text {
    color: #fff;
    font-size: 11px;
    font-weight: normal;
    margin: initial;
    max-height: 333px;
    padding: 0 20px 20px 20px;
    vertical-align: center;
    text-align: justify;
    width: 100%; }
    .info-notification .info-notification__text a {
      color: #ffffff;
      text-decoration: underline; }
    @media only screen and (min-width: 768px) {
      .info-notification .info-notification__text {
        font-size: 14px;
        border: none;
        max-height: initial;
        padding: 26px 70px 20px 30px;
        text-transform: initial; } }
  .info-notification .info-notification__close {
    cursor: pointer;
    position: absolute;
    right: 20px;
    top: 15px; }
    @media only screen and (min-width: 768px) {
      .info-notification .info-notification__close {
        height: 28px;
        position: initial;
        right: initial;
        top: initial;
        transform: translate(-30px, 0); } }
    .info-notification .info-notification__close:before {
      background: #ffffff;
      content: "";
      display: block;
      height: 5px;
      margin-top: 3px;
      position: relative;
      top: 8px;
      transform: rotate(45deg);
      width: 25px; }
      @media only screen and (min-width: 768px) {
        .info-notification .info-notification__close:before {
          height: 2px;
          top: 5px;
          width: 39px; } }
    .info-notification .info-notification__close:after {
      background: #ffffff;
      content: "";
      display: block;
      height: 5px;
      margin-top: 3px;
      position: relative;
      top: 0;
      transform: rotate(135deg);
      width: 25px; }
      @media only screen and (min-width: 768px) {
        .info-notification .info-notification__close:after {
          height: 2px;
          width: 39px; } }

.notification-title {
  padding: 25px 0;
  position: relative; }
  @media only screen and (min-width: 768px) {
    .notification-title {
      padding: 0 0 0 42px; } }
  .notification-title .notification-title__icon {
    display: inline-block;
    vertical-align: middle;
    width: 50px; }
    @media only screen and (min-width: 768px) {
      .notification-title .notification-title__icon {
        margin: initial;
        padding-right: 10px;
        width: auto; } }
  .notification-title .notification-title__text {
    font-size: 18px;
    margin: initial;
    text-align: center;
    display: inline-block; }
    @media only screen and (min-width: 768px) {
      .notification-title .notification-title__text {
        border-right: 1px solid #ffffff;
        font-size: 24px;
        line-height: 40px;
        padding: 0 42px 0 0;
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content; } }
  .notification-title:after {
    border-color: #CB000A transparent transparent transparent;
    border-style: solid;
    border-width: 25px;
    bottom: -50px;
    content: "";
    margin-top: -17px;
    position: absolute;
    display: none; }
    @media only screen and (min-width: 768px) {
      .notification-title:after {
        display: none; } }

.info-notification-mask {
  background-color: rgba(255, 255, 255, 0.5);
  display: none;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 4; }

.pager {
  border-top: solid 1px #d8d8d8;
  margin-top: 20px; }

.notification-bar {
  width: 100%;
  font-size: 14px;
  position: relative; }
  .notification-bar .super-title {
    width: auto;
    background: #ed1c24;
    color: #ffffff;
    display: inline-block;
    font-weight: 400;
    margin-right: -4px;
    padding: 20px 20px 20px 70px;
    position: relative;
    vertical-align: top; }
    .notification-bar .super-title a {
      color: #ffffff; }
    .notification-bar .super-title:before {
      content: url(../img/icons/icon-recall-white.svg);
      position: absolute;
      left: 20px;
      top: 50%;
      transform: translateY(-50%); }
    .notification-bar .super-title:after {
      width: 50px;
      height: 100%;
      background: #ed1c24;
      content: '';
      position: absolute;
      right: -10px;
      top: 0;
      z-index: -1;
      transform: skew(-20deg); }
  .notification-bar .recall-notification {
    width: auto;
    display: inline-block;
    margin-right: -4px;
    padding: 20px 20px 20px 40px;
    vertical-align: top; }
    .notification-bar .recall-notification .more {
      color: #ed1c24;
      margin-left: 20px; }
  .notification-bar .all {
    position: absolute;
    background-color: #ffffffd9;
    padding: 20px;
    top: 0;
    right: 0; }

@media only screen and (min-width: 1366px) {
  .notification-bar {
    font-size: 16px; } }

@media only screen and (max-width: 1017px) {
  .super-title {
    width: 100% !important; }
    .super-title:after {
      display: none; }
  .recall-notification {
    width: 100% !important;
    padding: 20px 20px 0 20px !important; }
    .recall-notification a {
      width: 100%;
      display: block;
      margin-left: 0 !important;
      padding: 10px 0 0 0;
      text-align: center; }
  .all {
    width: 100%  !important;
    position: relative !important;
    float: none  !important;
    display: inline-block;
    text-align: center;
    border-bottom: 1px solid #d8d8d8; } }

.after-sale {
  overflow: hidden;
  padding: 50px 0; }
  .after-sale .box {
    width: 49%;
    font-family: helvetica, arial, sans-serif;
    display: inline-block; }
    .after-sale .box:first-child {
      border-right: 1px solid #d2d2d2; }
    .after-sale .box .item {
      width: 100%;
      position: relative;
      height: 350px; }
    .after-sale .box .image-container {
      position: absolute;
      top: -50%;
      z-index: -1; }
    .after-sale .box:nth-child(odd) .image-container {
      right: 100%; }
    .after-sale .box:nth-child(even) .image-container {
      left: 100%; }
    .after-sale .box .image-container img {
      height: 350px;
      width: auto; }
    .after-sale .box:nth-child(odd) .btn {
      position: absolute;
      right: 0; }
    .after-sale .box:nth-child(even) .image-container img {
      margin-right: 0;
      width: auto; }
    .after-sale .box .text-container {
      width: 260px;
      position: absolute;
      top: 0;
      bottom: 0;
      margin: auto auto;
      height: 50%; }
      .after-sale .box .text-container .content {
        display: inline-block; }
      .after-sale .box .text-container .btn {
        display: block; }
    .after-sale .box:nth-child(odd) .text-container {
      right: 10%;
      text-align: right; }
    .after-sale .box:nth-child(even) .text-container {
      left: 10%;
      text-align: left; }
    .after-sale .box h2 {
      text-transform: uppercase;
      font-weight: 400;
      font-size: 1.3em;
      margin: 0;
      padding: 0; }
    .after-sale .box h3 {
      color: #ed1c24;
      text-transform: uppercase;
      font-weight: 600;
      margin: 0;
      padding: 0;
      font-size: 2em; }
    .after-sale .box p {
      width: 220px;
      display: inline-block;
      color: #999;
      padding: 1em 0;
      font-size: 1.2em;
      font-weight: 300; }

@media only screen and (max-width: 1017px) {
  .after-sale {
    padding: 20px; }
    .after-sale .box {
      display: block;
      width: 100%;
      margin: 0 20px;
      margin: 0 0 20px 0; }
      .after-sale .box:first-child {
        border: none; }
      .after-sale .box:last-child {
        margin: 0; }
      .after-sale .box:nth-child(odd) .image-container img, .after-sale .box:nth-child(even) .image-container img {
        margin: 0;
        width: 100%; }
      .after-sale .box:nth-child(odd) .text-container, .after-sale .box:nth-child(even) .text-container {
        left: inherit;
        right: inherit;
        text-align: left; }
      .after-sale .box:nth-child(odd) .btn {
        position: relative; }
      .after-sale .box .item {
        height: auto; }
      .after-sale .box .text-container {
        display: block;
        width: 100%;
        position: relative;
        text-align: left; }
        .after-sale .box .text-container .content {
          width: 100%; }
        .after-sale .box .text-container p {
          width: 100%;
          padding: 0 0 10px 0;
          margin: 0; }
      .after-sale .box .image-container {
        width: 100%;
        display: block;
        position: relative;
        left: 0 !important;
        right: 0 !important; }
        .after-sale .box .image-container img {
          -o-object-fit: contain;
             object-fit: contain;
          width: 100%;
          height: auto; } }

.brands .box {
  width: 33.33%;
  margin: 0 auto;
  margin-right: -4px;
  padding: 6vh;
  background-size: cover;
  border: 1px solid #e1e1e1;
  display: inline-block;
  position: relative;
  text-align: center; }
  .brands .box:nth-child(odd) {
    border-left: 0;
    border-right: 0; }
  .brands .box .image-container {
    width: 161px;
    height: 107px;
    display: inline-block;
    position: relative; }
    .brands .box .image-container img {
      max-width: 100%;
      max-height: 80px;
      height: auto;
      display: block;
      position: absolute;
      left: 0;
      right: 0;
      margin: 0 auto;
      top: 50%;
      transform: translateY(-50%);
      -o-object-fit: contain;
         object-fit: contain; }
      .brands .box .image-container img.over {
        display: none; }
    .brands .box .image-container.hover img {
      display: none; }
      .brands .box .image-container.hover img.over {
        display: block; }
  .brands .box img.over {
    opacity: 0;
    visibility: hidden; }
    .brands .box img.over.hover {
      opacity: 1;
      visibility: visible; }
  .brands .box p {
    height: 50px;
    transition: color .3s ease-in-out;
    font-size: 1.1rem; }
    .brands .box p.hover {
      color: #ffffff; }
  .brands .box .background {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -10; }
    .brands .box .background img {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover; }
      .brands .box .background img.over {
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
        transition: opacity .3s ease-in-out; }
        .brands .box .background img.over.hover {
          opacity: 1; }

@media only screen and (max-width: 1024px) and (min-width: 1024px) {
  .brands .box {
    vertical-align: top;
    min-height: 433px; }
    .brands .box p {
      height: auto; }
    .brands .box .btn {
      position: absolute;
      left: 0;
      right: 0;
      margin: auto;
      bottom: 40px; } }

@media only screen and (max-width: 1017px) {
  .brands {
    padding: 20px; }
    .brands .box {
      width: 100%;
      padding: 3vh;
      margin: 0 0 20px 0; }
      .brands .box:last-child {
        margin: 0; }
      .brands .box p {
        height: auto; } }

.financial-services {
  border-top: 1px solid #d8d8d8;
  padding: 20px 0; }
  .financial-services .region-financial-services-header img {
    display: block;
    margin: 10px auto;
    height: auto; }
  .financial-services .box {
    width: 30%;
    height: 160px;
    position: relative;
    border: 1px solid #d8d8d8;
    display: inline-block;
    margin: 0 44px 0 0;
    vertical-align: top;
    text-align: center; }
    .financial-services .box:last-child {
      margin: 0; }
    .financial-services .box img {
      width: 100%;
      max-width: 290px;
      height: auto; }
    .financial-services .box img.over {
      width: 100%;
      height: auto;
      display: none;
      position: absolute;
      opacity: 0;
      top: 0;
      left: 0;
      transition: opacity .3s ease-in-out; }
      .financial-services .box img.over.active {
        opacity: 1; }
    .financial-services .box .btn-arrow {
      width: 100%;
      position: absolute;
      bottom: 0;
      left: 0;
      text-align: left;
      background: #ffffff;
      color: #ed1c24;
      padding: 25px 20px;
      border: none;
      margin: 0; }
      .financial-services .box .btn-arrow:after {
        content: url(../img/icon-arrow-right-round-red.svg);
        position: absolute;
        right: 10px;
        width: 20px;
        height: 20px; }
      .financial-services .box .btn-arrow:hover {
        background: #ed1c24;
        border-bottom: 0;
        color: #ffffff; }
        .financial-services .box .btn-arrow:hover:after {
          content: url(../img/icon-arrow-right-round-white.svg); }

@media only screen and (max-width: 1017px) {
  .financial-services {
    padding: 20px 0; }
    .financial-services .logo {
      width: 80%;
      height: auto; }
    .financial-services .box {
      width: 100%;
      height: auto;
      margin: 0 0 20px 0;
      padding-bottom: 50px; }
      .financial-services .box:last-child {
        margin: 0; } }

.updates {
  padding: 20px 0;
  border-top: 1px solid #d8d8d8; }
  .updates .container {
    height: 100%;
    width: 100%;
    display: block; }
  .updates .media {
    width: 50%;
    display: inline-block;
    vertical-align: top;
    position: relative;
    margin-right: -4px; }
    .updates .media img {
      width: 100%;
      height: auto; }
    .updates .media .youtube-container--responsive,
    .updates .media .youtube-container {
      padding-top: 25px;
      margin: 0;
      height: 320px; }
    .updates .media iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
    .updates .media:last-child {
      padding: 0; }
  .updates .block-views-blocknovidades-home-posts-novidades-home {
    margin: 0 5px 0 10px; }
  .updates .teaser {
    width: 94%;
    height: 320px;
    display: inline-block;
    vertical-align: top;
    border: 1px solid #d8d8d8;
    position: relative;
    margin: 0 6px 0 10px; }
    .updates .teaser img {
      width: 100%;
      height: 155px;
      -o-object-fit: contain;
         object-fit: contain; }
    .updates .teaser .content {
      color: #5c5c5c; }
      .updates .teaser .content h2 {
        color: #5c5c5c;
        font-size: 1em;
        margin: 0;
        padding: 10px; }
      .updates .teaser .content p {
        font-size: 0.875em;
        margin: 0;
        padding: 10px; }
  .updates .social {
    width: calc(25% - 10px);
    display: inline-block;
    vertical-align: top; }
    .updates .social article {
      width: 100%;
      height: 50%;
      position: relative;
      padding: 2px 0 0 0;
      overflow: hidden; }
      .updates .social article img {
        width: 100%;
        height: 155px;
        display: block;
        -o-object-fit: cover;
           object-fit: cover; }
      .updates .social article:first-child {
        padding: 0 0 5px 0; }
      .updates .social article.Facebook:after {
        content: '';
        background-image: url("../img/updates-facebook-icon.svg");
        background-repeat: no-repeat;
        background-position: center center;
        position: absolute;
        left: 15px;
        bottom: 25px;
        background-color: #ed1c24;
        border-radius: 50%;
        width: 40px;
        height: 40px;
        text-align: center;
        display: block; }

@media only screen and (max-width: 1017px) {
  .updates .media, .updates .teaser, .updates .social {
    width: 100%;
    display: inline-block;
    margin: 0 0 10px 0; }
    .updates .media:last-child, .updates .teaser:last-child, .updates .social:last-child {
      margin: 0; }
  .updates .teaser {
    text-align: center; }
    .updates .teaser img {
      max-width: 100%;
      width: auto;
      height: auto; }
    .updates .teaser .content {
      text-align: left; }
  .updates .social img {
    width: 100% !important;
    height: auto !important; } }

.contacts {
  padding: 40px 0; }
  .contacts .box {
    width: 33%;
    margin: 0 auto 40px auto;
    display: inline-block;
    text-align: left;
    vertical-align: top;
    margin-right: -4px;
    padding: 0 20px 0 0; }
    .contacts .box .image-container {
      width: 50%;
      height: 100px;
      position: relative;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: center;
          justify-content: center; }
      .contacts .box .image-container img {
        max-width: 100%;
        max-height: 100%;
        height: auto;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        -o-object-fit: cover;
           object-fit: cover; }
    .contacts .box h2 {
      color: #cc0000;
      margin: 30px 0 10px 0; }
    .contacts .box p {
      line-height: 1.5em;
      margin: 0; }

.dealership {
  padding: 40px 0;
  border-top: 1px solid #d8d8d8; }
  .dealership h2 {
    color: #cc0000; }
  .dealership .box {
    width: 66%;
    display: inline-block;
    margin-right: -4px;
    vertical-align: top;
    padding: 0 20px 0 0; }
    .dealership .box:last-child {
      width: 33%;
      margin: 0 auto; }

.featured .wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  text-align: center;
  line-height: 1.5em; }

@media only screen and (max-width: 1017px) {
  .contacts {
    padding: 20px 0; }
    .contacts .box {
      width: 100%;
      padding: 20px 0;
      text-align: center; }
  .dealership {
    padding: 20px 0; }
    .dealership .box {
      width: 100%;
      padding: 20px 0;
      text-align: center;
      display: block; }
      .dealership .box:last-child {
        width: 33%; } }

.view-busca {
  padding: 70px 0 0 0; }
  .view-busca .view-filters {
    display: none; }

.search-header {
  border-bottom: 2px solid #9e9e9e;
  padding: 0 0 30px 0;
  margin: 0 0 10px 0; }
  .search-header .text-container {
    padding: 0 0 0 8%;
    position: relative; }
    .search-header .text-container h2 {
      font-size: 1em;
      font-weight: 400;
      padding: 0;
      margin: 0; }
    .search-header .text-container h3 {
      font-weight: 200;
      font-size: 1.5em;
      color: #cc0000;
      display: inline-block;
      padding: 20px 0 0 0;
      margin: 0; }
    .search-header .text-container h4 {
      font-weight: 400;
      display: inline-block;
      float: right;
      padding: 20px 0 0 0;
      margin: 0; }
      .search-header .text-container h4 span {
        color: #cc0000;
        font-weight: 200;
        font-size: 1.5em; }
    .search-header .text-container p {
      color: #9e9e9e;
      padding: 10px 0 0 0;
      margin: 0;
      width: 200px; }
  .search-header .tips {
    position: absolute;
    right: 0;
    top: 0; }
    .search-header .tips h4 {
      float: none;
      font-size: 1.2em;
      font-weight: 400;
      margin: 0;
      padding: 0 0 10px 0; }
    .search-header .tips ul {
      padding: 0;
      margin: 0; }
    .search-header .tips li {
      margin-left: 20px; }

.search-results {
  padding: 0 8%; }
  .search-results article {
    border-bottom: 1px solid #d8d8d8;
    padding: 20px 0; }
    .search-results article h1 {
      font-size: 1em;
      color: #5c5c5c; }
    .search-results article .date {
      font-size: 0.875em; }
    .search-results article span {
      color: #cc0000;
      font-weight: 600; }
  .search-results .pagination {
    width: 100%;
    text-align: center;
    padding: 30px 0 0 0; }
    .search-results .pagination ul {
      margin: 0;
      padding: 0; }
    .search-results .pagination li {
      list-style: none;
      display: inline-block; }
      .search-results .pagination li.active a {
        color: #cc0000;
        font-weight: 400; }
      .search-results .pagination li:after {
        content: '―';
        padding: 0 10px; }
      .search-results .pagination li:first-child:after, .search-results .pagination li:last-child:after {
        content: ''; }

@media only screen and (max-width: 1017px) {
  .search-header {
    display: inline-block; }
    .search-header .tips {
      position: relative;
      padding: 0;
      margin: 40px 0 0 0; }
  .search-results {
    padding: 0; } }

.dealership-header {
  padding: 40px 0 20px 0; }
  .dealership-header h1 {
    color: #5c5c5c;
    font-size: 1.5rem;
    font-weight: 300;
    margin-top: 5px; }
    .dealership-header h1 span {
      color: #cc0000;
      display: block;
      font-weight: 400;
      margin: 0 0 0 20px; }

.view-concessionaria__container {
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  display: flex; }

.view-concessionaria .form--inline {
  position: relative; }

.view-concessionaria .form-checkboxes {
  display: block;
  padding: 5px 0;
  vertical-align: top; }
  .view-concessionaria .form-checkboxes[id^="edit-field-servicos-target-id"] {
    width: 100%;
    display: inline-block;
    padding: 20px 0 10px 0;
    vertical-align: top;
    margin: 20px 0 0 0;
    border-top: solid 1px #d8d8d8; }

.view-concessionaria .form-submit {
  width: 180px;
  margin: 0px auto 20px auto;
  display: inherit; }

@media screen and (min-width: 960px) {
  .dealership__st-ct {
    display: -ms-flexbox;
    display: flex; }
    .dealership__st-ct .dealership__state {
      width: 12.5rem;
      margin-right: 2rem; }
    .dealership__st-ct .dealership__city {
      width: 100%;
      max-width: 18.75rem; } }

.disabled {
  background: url(/sites/cbw/themes/custom/honda/dist/img/icons/ico-expand.svg) no-repeat #F4F4F4 !important;
  color: #000000 !important;
  background-position: right 0.9375rem center !important;
  filter: grayscale(100%);
  opacity: 0.6; }

.is-loading {
  background: url(/sites/cbw/themes/custom/honda/dist/img/spinner.svg) no-repeat #F4F4F4 !important;
  background-position: right 0.9375rem center !important;
  background-size: 2.25rem !important;
  filter: grayscale(100%);
  opacity: 0.6; }

.form-label {
  font-size: 1rem;
  margin: 0.5rem 0; }

.dealership__state__select, .dealership__city__select {
  background-color: white;
  border: 1px solid #BDBDBD;
  height: 3rem;
  border-radius: 0.25rem;
  color: #414141;
  font-size: 0.875rem;
  line-height: 1.1875rem;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  width: 100%;
  padding-left: 1em;
  background: url(/sites/cbw/themes/custom/honda/dist/img/icons/ico-expand.svg) no-repeat white;
  background-position: right 0.9375rem center;
  margin-bottom: 1rem; }

.dealership-form .form-item {
  min-width: 100%;
  max-width: 25rem; }

.dealership-form__container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 20px 0; }

.dealership-form__title {
  color: #5c5c5c;
  font-weight: bold;
  padding: 10px 0; }

.dealership-form__item {
  padding: 10px 10px 10px 0; }

.dealership-form form input[type=text] {
  width: 46%;
  margin: 0 20px 0 0; }

.dealership-form form .first-line, .dealership-form form .second-line {
  width: 100%; }

.dealership-form form .first-line {
  border-bottom: solid 1px #d8d8d8;
  padding: 0 0 20px 0; }

.dealership-form form .second-line {
  padding: 20px 0 0 0; }

.dealerships-container {
  width: 100%;
  padding: 20px 0; }
  .dealerships-container h1 {
    border-bottom: solid 1px #5c5c5c;
    color: #5c5c5c;
    font-size: 1.25rem;
    font-weight: 400;
    padding-bottom: 10px;
    margin: 20px 0; }
  .dealerships-container .box {
    width: 33.33%;
    display: inline-block;
    margin-right: -4px;
    padding: 20px;
    vertical-align: top; }
    .dealerships-container .box:hover {
      background: #f0f0f0; }
    .dealerships-container .box h2 {
      font-size: 1rem;
      font-weight: 400;
      margin: 0; }
    .dealerships-container .box p {
      font-size: .875rem; }
      .dealerships-container .box p span {
        font-weight: 400; }

.contacts-container {
  width: 100%;
  background: #f0f0f0;
  border-top: solid 1px #d8d8d8;
  border-bottom: solid 1px #d8d8d8;
  padding: 40px 0; }
  .contacts-container .general {
    width: 34%;
    border-right: solid 1px #d8d8d8;
    display: inline-block;
    padding: 0 40px 0 0;
    margin-right: -4px;
    vertical-align: middle; }
    .contacts-container .general h1 {
      color: #5c5c5c;
      font-size: 1.5rem;
      font-weight: 300;
      margin-top: 5px; }
      .contacts-container .general h1 span {
        color: #cc0000;
        display: block;
        font-weight: 400;
        margin: 0 0 0 20px; }
    .contacts-container .general h2 {
      font-size: 1rem;
      font-weight: 700;
      margin: 40px 0 0 0; }
    .contacts-container .general p {
      font-size: 1rem;
      font-weight: 300; }
  .contacts-container .brands {
    width: 66%;
    display: inline-block;
    padding: 0 0 0 40px;
    margin-right: -4px;
    vertical-align: middle; }
    .contacts-container .brands .item {
      width: 33.33%;
      display: inline-block;
      margin-right: -4px;
      padding: 0 10px;
      vertical-align: top; }
      .contacts-container .brands .item .image-container {
        width: 100%;
        min-height: 100px;
        position: relative; }
      .contacts-container .brands .item img {
        max-width: 100%;
        height: auto;
        display: inline-block;
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%); }
      .contacts-container .brands .item h2 {
        font-size: 1rem;
        color: #cc0000; }
      .contacts-container .brands .item h3 {
        font-size: 1rem;
        margin-bottom: 0; }
      .contacts-container .brands .item p {
        font-size: 1rem;
        margin-top: 0; }

.view-id-concessionaria div[id^='edit-field-segment-target-id'] {
  display: inline-block;
  margin-left: 10px;
  padding: 10px 0;
  vertical-align: top; }
  .view-id-concessionaria div[id^='edit-field-segment-target-id'] .form-type-radio {
    margin-right: 0 !important; }

.view-id-concessionaria .form-type-checkbox {
  padding: 10px 0; }

.view-id-concessionaria fieldset[id^='edit-field-programs-dealerships-target-id--'],
.view-id-concessionaria fieldset[id^='edit-field-services-dealerships-target-id--'] {
  padding-top: 10px;
  border-top: solid 1px #dddddd;
  margin-top: 10px !important; }

@media only screen and (max-width: 1017px) {
  .view-concessionaria__container {
    -ms-flex-direction: column;
        flex-direction: column; }
  .view-concessionaria .form-submit {
    width: 100%;
    margin: 0 0 10px 0; }
  form input[type=text] {
    width: 100%; }
  form .form-checkboxes[id^="edit-field-servicos-target-id"] .form-item, form .form-checkboxes[id^="edit-field-produto-value"] .form-item {
    width: 100%;
    margin-bottom: 20px !important; }
    form .form-checkboxes[id^="edit-field-servicos-target-id"] .form-item:last-child, form .form-checkboxes[id^="edit-field-produto-value"] .form-item:last-child {
      margin-bottom: 0 !important; }
  .dealerships-container .box {
    width: 100%; }
  .contacts-container {
    width: 100%;
    background: #f0f0f0;
    border-top: solid 1px #d8d8d8;
    border-bottom: solid 1px #d8d8d8;
    padding: 40px 0; }
    .contacts-container .general {
      width: 100%;
      border: 0;
      padding: 0; }
    .contacts-container .brands {
      width: 100%;
      padding: 0; }
      .contacts-container .brands .item {
        width: 100%;
        padding: 20px 0;
        text-align: center; }
        .contacts-container .brands .item .image-container {
          text-align: center; }
          .contacts-container .brands .item .image-container img {
            right: 0;
            left: 0;
            margin: 0 auto; } }

.recall .view-filters {
  width: 100%;
  background: #fafafa;
  border-bottom: solid 1px #d8d8d8;
  padding: 30px 0; }
  .recall .view-filters .views-exposed-form {
    width: 100%;
    max-width: 1024px;
    margin: 0 auto;
    padding: 0 20px; }
  .recall .view-filters form p {
    width: 100%;
    color: #cc0000;
    display: inline-block;
    margin: 0; }
  .recall .view-filters form .static {
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px; }
  .recall .view-filters form .third-row {
    padding: 10px 0 0 0; }
    .recall .view-filters form .third-row .selectboxit-container {
      vertical-align: middle; }
    .recall .view-filters form .third-row input {
      vertical-align: middle; }
    .recall .view-filters form .third-row input[type=text] {
      width: 260px; }
    .recall .view-filters form .third-row .selectboxit-btn {
      width: 630px !important; }
    .recall .view-filters form .third-row .selectboxit-options, .recall .view-filters form .third-row .selectboxit-list {
      width: 630px !important; }

.recall.content .view-content, .recall .content .view-content {
  width: 1024px;
  margin: 0 auto; }

.recall.content li.recall-list-item, .recall .content li.recall-list-item {
  width: 100%;
  display: inline-block;
  margin: 20px 0;
  padding: 0 0 0 50px;
  position: relative; }
  .recall.content li.recall-list-item .field--name-field-data-publicacao, .recall .content li.recall-list-item .field--name-field-data-publicacao {
    display: inline-block; }
  .recall.content li.recall-list-item span, .recall .content li.recall-list-item span {
    display: block;
    padding: 5px 0; }
  .recall.content li.recall-list-item.recall-list-item-internal, .recall .content li.recall-list-item.recall-list-item-internal {
    margin: 40px 0; }
  .recall.content li.recall-list-item:before, .recall .content li.recall-list-item:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0; }
  .recall.content li.recall-list-item.automoveis:before, .recall .content li.recall-list-item.automoveis:before {
    content: url(../img/icons/icon-recall-car.svg);
    width: 40px;
    position: absolute;
    left: 0;
    top: 0; }
  .recall.content li.recall-list-item.motocicletas:before, .recall .content li.recall-list-item.motocicletas:before {
    content: url(../img/icons/icon-recall-moto.svg);
    width: 40px;
    position: absolute;
    left: 0;
    top: 0; }
  .recall.content li.recall-list-item h1, .recall .content li.recall-list-item h1 {
    color: #5c5c5c;
    font-size: 1rem;
    font-weight: 400;
    margin: 0; }
  .recall.content li.recall-list-item span, .recall .content li.recall-list-item span {
    color: #5c5c5c;
    font-size: .876rem; }

.recall.content img, .recall .content img {
  max-width: 100%;
  display: block;
  margin: 60px auto; }

.recall.content table, .recall .content table {
  width: 100%;
  border: solid 1px #d8d8d8;
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1); }
  .recall.content table thead tr, .recall .content table thead tr {
    text-transform: uppercase;
    background: #ffffff; }
    .recall.content table thead tr th, .recall .content table thead tr th {
      padding: 15px; }
  .recall.content table tbody tr, .recall .content table tbody tr {
    background: #f0f0f0; }
    .recall.content table tbody tr:nth-child(even), .recall .content table tbody tr:nth-child(even) {
      background: #d8d8d8; }
    .recall.content table tbody tr td, .recall .content table tbody tr td {
      padding: 15px; }

.recall.content h2, .recall .content h2 {
  color: #ed1c24;
  font-size: 1rem; }

.recall.content h3, .recall .content h3 {
  margin: 30px 0 0 0;
  font-weight: 700;
  display: block; }

.recall.content p, .recall .content p {
  margin: 0;
  line-height: 1.5rem; }

.recall.content .btn, .recall .content .btn {
  margin-top: 30px; }

.recall .form-item-field-modelo-target-id, .recall .form-item-field-modelo-target-id-1 {
  display: none !important; }
  .recall .form-item-field-modelo-target-id.active, .recall .form-item-field-modelo-target-id-1.active {
    display: inline-block !important; }

.path-recall .slide, .path-recall-consulta-interna .slide {
  min-height: 210px; }
  .path-recall .slide .overlay, .path-recall-consulta-interna .slide .overlay {
    background: #000000;
    opacity: 0.5; }
  .path-recall .slide .wrapper h1, .path-recall-consulta-interna .slide .wrapper h1 {
    font-size: 2.2em; }
    @media only screen and (max-width: 1017px) {
      .path-recall .slide .wrapper h1, .path-recall-consulta-interna .slide .wrapper h1 {
        font-size: 1.5em; } }

.path-recall .content .btn, .path-recall-consulta-interna .content .btn {
  margin-top: 10px; }

.path-recall .content .know-more, .path-recall-consulta-interna .content .know-more {
  margin: 0 10px;
  display: inline-block;
  color: #8d0005;
  font-weight: normal;
  text-decoration: underline; }

.path-recall .consulta-chassi, .path-recall-consulta-interna .consulta-chassi {
  width: 100%;
  min-height: 100px;
  background: #e8e8e8;
  display: block;
  padding: 40px 0 30px 0;
  position: relative; }
  .path-recall .consulta-chassi .ajax-overlay, .path-recall-consulta-interna .consulta-chassi .ajax-overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    background: rgba(0, 0, 0, 0.3);
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s linear .3s, opacity .3s ease-in-out; }
    .path-recall .consulta-chassi .ajax-overlay.active, .path-recall-consulta-interna .consulta-chassi .ajax-overlay.active {
      visibility: visible;
      opacity: 1;
      transition: visibility 0s linear 0s, opacity .3s ease-in-out; }
    .path-recall .consulta-chassi .ajax-overlay img, .path-recall-consulta-interna .consulta-chassi .ajax-overlay img {
      position: absolute;
      left: 0;
      right: 0;
      margin: 0 auto;
      top: 50%;
      transform: translateY(-50%); }
  .path-recall .consulta-chassi .form-consulta-chassi, .path-recall-consulta-interna .consulta-chassi .form-consulta-chassi {
    text-align: center; }
    .path-recall .consulta-chassi .form-consulta-chassi .or, .path-recall-consulta-interna .consulta-chassi .form-consulta-chassi .or {
      vertical-align: top;
      font-weight: bold;
      padding: 0 20px;
      margin: 40px 0 10px 0;
      display: inline-block; }
      @media only screen and (max-width: 1017px) {
        .path-recall .consulta-chassi .form-consulta-chassi .or, .path-recall-consulta-interna .consulta-chassi .form-consulta-chassi .or {
          margin: 10px 0 10px 0; } }
    .path-recall .consulta-chassi .form-consulta-chassi label, .path-recall-consulta-interna .consulta-chassi .form-consulta-chassi label {
      text-align: left;
      width: 30%;
      vertical-align: top; }
      @media only screen and (max-width: 1017px) {
        .path-recall .consulta-chassi .form-consulta-chassi label, .path-recall-consulta-interna .consulta-chassi .form-consulta-chassi label {
          width: 100%; } }
      .path-recall .consulta-chassi .form-consulta-chassi label > span, .path-recall-consulta-interna .consulta-chassi .form-consulta-chassi label > span {
        display: block; }
    .path-recall .consulta-chassi .form-consulta-chassi #consulta_placa-error, .path-recall .consulta-chassi .form-consulta-chassi #consulta_chassi-error, .path-recall-consulta-interna .consulta-chassi .form-consulta-chassi #consulta_placa-error, .path-recall-consulta-interna .consulta-chassi .form-consulta-chassi #consulta_chassi-error {
      padding: 10px 0 0 5px;
      width: 100%; }
    .path-recall .consulta-chassi .form-consulta-chassi input[type=text], .path-recall-consulta-interna .consulta-chassi .form-consulta-chassi input[type=text] {
      margin: 0;
      width: 100%;
      text-transform: uppercase; }
    .path-recall .consulta-chassi .form-consulta-chassi input[type=submit], .path-recall-consulta-interna .consulta-chassi .form-consulta-chassi input[type=submit] {
      display: block;
      padding: 15px 80px;
      text-transform: uppercase;
      margin: 20px auto; }
      .path-recall .consulta-chassi .form-consulta-chassi input[type=submit]:hover, .path-recall-consulta-interna .consulta-chassi .form-consulta-chassi input[type=submit]:hover {
        background-color: darkred;
        color: #ffffff; }
  .path-recall .consulta-chassi .list-consulta-chassi, .path-recall-consulta-interna .consulta-chassi .list-consulta-chassi {
    background: #9e9e9e;
    color: #ffffff;
    visibility: hidden;
    margin: 0;
    opacity: 0;
    transition: visibility 0s linear, opacity .4s ease-in-out, margin .2s linear; }
    .path-recall .consulta-chassi .list-consulta-chassi.active, .path-recall-consulta-interna .consulta-chassi .list-consulta-chassi.active {
      opacity: 1;
      margin: 20px 0 0 0;
      visibility: visible; }
    .path-recall .consulta-chassi .list-consulta-chassi a, .path-recall-consulta-interna .consulta-chassi .list-consulta-chassi a {
      color: #ffffff;
      font-weight: 700; }
    .path-recall .consulta-chassi .list-consulta-chassi ul, .path-recall-consulta-interna .consulta-chassi .list-consulta-chassi ul {
      list-style: none;
      margin: 0;
      padding: 0; }
      .path-recall .consulta-chassi .list-consulta-chassi ul li, .path-recall-consulta-interna .consulta-chassi .list-consulta-chassi ul li {
        padding: 0 20px 20px 20px; }
        .path-recall .consulta-chassi .list-consulta-chassi ul li:first-child, .path-recall-consulta-interna .consulta-chassi .list-consulta-chassi ul li:first-child {
          padding: 20px; }
        .path-recall .consulta-chassi .list-consulta-chassi ul li.error, .path-recall-consulta-interna .consulta-chassi .list-consulta-chassi ul li.error {
          color: #ffffff;
          font-weight: 700; }

@media only screen and (max-width: 1017px) {
  .recall form .form-item {
    width: 100%;
    padding: 10px 0; }
  .recall form .selectboxit-container {
    width: 100%; }
    .recall form .selectboxit-container .selectboxit {
      width: 100%; }
  .recall form .button {
    width: 100%;
    margin-right: 0;
    margin-left: 0; }
  .recall.content .view-content, .recall .content .view-content {
    width: 100%;
    padding: 0 10px; }
  .recall .form form .static {
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px; }
  .recall .form form .third-row input[type=text] {
    width: 100%;
    margin: 0 0 10px 0; }
  .recall .form form .third-row .btn {
    width: 100%; }
  .recall .form form .third-row .static {
    width: 100%;
    margin: 10px 0;
    text-align: center; }
  .recall .form form .third-row .selectboxit-btn {
    width: calc(100vw - 40px) !important; }
  .recall .form form .third-row .selectboxit-options, .recall .form form .third-row .selectboxit-list {
    width: 100% !important; }
  .path-recall .consulta-chassi .form-consulta-chassi input[type=text], .path-recall-consulta-interna .consulta-chassi .form-consulta-chassi input[type=text] {
    width: 100%;
    margin: 0 0 10px 0; }
  .path-recall .consulta-chassi .form-consulta-chassi .btn, .path-recall-consulta-interna .consulta-chassi .form-consulta-chassi .btn {
    width: 100%; }
  .path-recall .content .know-more, .path-recall-consulta-interna .content .know-more {
    padding: 10px 0 0; } }

.recall__search {
  background-color: #e8e8e8;
  padding: 30px 0; }
  .recall__search .wrapper {
    max-width: 720px;
    margin: auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center; }
    .recall__search .wrapper > span {
      text-transform: uppercase;
      color: #4a4a4a;
      font-weight: 700;
      margin: 20px 29px 0; }
  .recall__search .btn {
    text-transform: uppercase;
    width: 300px;
    background-color: #dd102e;
    border-bottom: 0;
    padding: 15px 0;
    font-weight: 700; }
    .recall__search .btn:hover {
      border-bottom: 0 !important; }

.recall__recaptcha {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  text-align: center;
  margin: 20px 0; }

.recall__request {
  max-width: 100%;
  margin: auto;
  display: none;
  padding: 40px 0; }
  .recall__request.is-active {
    display: block; }
  .recall__request-box {
    background-color: #f6f6f6;
    border: 1px solid #4a494a;
    padding: 0 25px; }
  .recall__request-model {
    font-size: 14px;
    color: #dd112e;
    font-style: italic;
    text-transform: uppercase; }
  .recall__request-error {
    font-size: 16px;
    color: #dd112e;
    font-style: italic;
    padding: 20px 20px 40px;
    font-weight: bold;
    display: none; }
    .recall__request-error.is-active {
      display: block; }
  .recall__request-title {
    color: #000000;
    font-size: 16px; }
  .recall__request-recall {
    text-transform: uppercase;
    padding-left: 20px;
    background-repeat: no-repeat;
    background-position: left 35%;
    font-size: 14px; }
    @media only screen and (max-width: 1017px) {
      .recall__request-recall {
        background-position: left 10px; } }
    .recall__request-recall a {
      border-radius: 4px;
      background-color: #4a494a;
      color: #ffffff;
      font-size: 12px;
      text-transform: none;
      padding: 5px;
      padding-left: 30px;
      padding-right: 15px;
      text-decoration: none;
      display: inline-block;
      background-image: url("../img/icons/icon-recall-download.png");
      background-repeat: no-repeat;
      background-position: 7% center;
      margin: 0 0 0 20px; }
      @media only screen and (max-width: 1017px) {
        .recall__request-recall a {
          margin: 10px 0 10px 0; } }
    .recall__request-recall.realizado {
      background-image: url("../img/icons/icon-recall-done.png"); }
    .recall__request-recall.pendente {
      background-image: url("../img/icons/icon-recall-pending.png"); }

.recall .input-holder {
  width: 300px; }

.recall .input__label {
  display: block;
  margin-bottom: 6px;
  font-size: 16px; }

.recall .input__field {
  height: auto;
  padding: 15px 20px;
  width: 100%; }

.recall-video {
  display: -ms-flexbox;
  display: flex;
  margin-top: 30px;
  width: 100%;
  transition: opacity 0.6s ease;
  -ms-flex-direction: column;
      flex-direction: column; }
  .recall-video > a {
    display: inline-block;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    position: relative; }
    .recall-video > a:after {
      content: '';
      position: absolute;
      width: 33px;
      height: 44px;
      background-image: url("../img/recall/play.png");
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      margin: auto;
      z-index: 10; }
    .recall-video > a img {
      margin: 0 !important; }
  .recall-video h3 {
    color: #CC0000;
    font-size: 18px;
    margin-left: 30px !important; }
    .recall-video h3 a {
      color: inherit;
      text-decoration: none; }

@media only screen and (min-width: 1024px) {
  .recall__request {
    max-width: 100%; }
    .recall__request-box {
      border: 1px solid #4a494a; }
    .recall__request-model {
      font-size: 18px; }
    .recall__request-title {
      font-size: 18px; }
  .recall-videos {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-direction: column;
        flex-direction: column;
    width: 700px;
    margin: auto; }
    .recall-videos a {
      min-width: 198px;
      height: auto; }
    .recall-videos:hover .recall-video {
      opacity: 0.5; }
  .recall-video {
    display: -ms-flexbox;
    display: flex;
    margin-top: 30px;
    width: 100%;
    transition: opacity 0.6s ease;
    -ms-flex-direction: row;
        flex-direction: row; }
    .recall-video:hover {
      opacity: 1 !important; }
    .recall-video > a {
      display: inline-block;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: center;
          justify-content: center;
      -ms-flex-align: center;
          align-items: center;
      position: relative; }
      .recall-video > a:after {
        content: '';
        position: absolute;
        width: 33px;
        height: 44px;
        background-image: url("../img/recall/play.png");
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        z-index: 10; }
      .recall-video > a img {
        margin: 0 !important; }
    .recall-video h3 {
      color: #CC0000;
      font-size: 18px;
      margin-left: 30px !important; }
      .recall-video h3 a {
        color: inherit;
        text-decoration: none; } }

.path-recall .recall__side, .path-recall-consulta-interna .recall__side {
  display: inline-block;
  width: 49%;
  vertical-align: top; }

.path-recall .recall__interesse .option, .path-recall-consulta-interna .recall__interesse .option {
  font-size: 0.8rem;
  padding-left: 20px;
  padding-bottom: 0px;
  display: inline-block;
  width: 23%; }

.path-recall .form, .path-recall-consulta-interna .form {
  position: relative; }
  .path-recall .form.inactive, .path-recall-consulta-interna .form.inactive {
    opacity: 0.5; }
  .path-recall .form .form-overlay, .path-recall-consulta-interna .form .form-overlay {
    z-index: 10;
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: 0;
    display: none; }
    .path-recall .form .form-overlay.active, .path-recall-consulta-interna .form .form-overlay.active {
      display: block; }
  .path-recall .form .form-item, .path-recall-consulta-interna .form .form-item {
    margin: 10px 0 !important; }
    .path-recall .form .form-item.form-item__linha_produtos, .path-recall-consulta-interna .form .form-item.form-item__linha_produtos {
      display: none; }
    .path-recall .form .form-item.form-item--submit, .path-recall-consulta-interna .form .form-item.form-item--submit {
      padding: 20px 0 0 0; }
    .path-recall .form .form-item .option, .path-recall-consulta-interna .form .form-item .option {
      padding: 2px 0 0 25px;
      margin: 10px 5px 10px 0; }
    .path-recall .form .form-item .text-strong, .path-recall-consulta-interna .form .form-item .text-strong {
      font-weight: bold; }
    .path-recall .form .form-item .form-item, .path-recall-consulta-interna .form .form-item .form-item {
      display: inline-block;
      width: 33% !important;
      margin-right: -4px !important; }
      @media only screen and (max-width: 1017px) {
        .path-recall .form .form-item .form-item, .path-recall-consulta-interna .form .form-item .form-item {
          width: 100% !important;
          display: block !important; } }
      .path-recall .form .form-item .form-item .form-label, .path-recall-consulta-interna .form .form-item .form-item .form-label {
        display: inline-block !important;
        width: 100% !important;
        margin-bottom: 10px; }
      .path-recall .form .form-item .form-item .selectboxit-container, .path-recall-consulta-interna .form .form-item .form-item .selectboxit-container {
        width: 95% !important;
        font-size: 12px; }
  .path-recall .form .form-label, .path-recall-consulta-interna .form .form-label {
    width: 25%;
    display: inline-block;
    vertical-align: middle; }
  .path-recall .form .form-input, .path-recall .form .form-select + .selectboxit-container, .path-recall-consulta-interna .form .form-input, .path-recall-consulta-interna .form .form-select + .selectboxit-container {
    display: inline-block;
    vertical-align: middle;
    width: 65%; }
  .path-recall .form .selectboxit-container .selectboxit, .path-recall-consulta-interna .form .selectboxit-container .selectboxit {
    width: 100% !important; }

.path-recall .response-message, .path-recall-consulta-interna .response-message {
  text-align: center;
  visibility: hidden;
  margin: 0;
  opacity: 0;
  transition: visibility 0s linear, opacity .4s ease-in-out, margin .2s linear;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 900;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5); }
  .path-recall .response-message.active, .path-recall-consulta-interna .response-message.active {
    opacity: 1;
    visibility: visible; }
  .path-recall .response-message.neutral > p, .path-recall-consulta-interna .response-message.neutral > p {
    background-color: #d8d8d8; }
  .path-recall .response-message.warning > p, .path-recall-consulta-interna .response-message.warning > p {
    background-color: #ffe8bf; }
  .path-recall .response-message.error > p, .path-recall-consulta-interna .response-message.error > p {
    background-color: #5c5c5c;
    color: #ffffff; }
  .path-recall .response-message p, .path-recall-consulta-interna .response-message p {
    background-color: #ffffff;
    padding: 30px;
    color: #222222;
    width: 40%;
    height: 120px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto; }
    .path-recall .response-message p .recall-response__close, .path-recall-consulta-interna .response-message p .recall-response__close {
      position: absolute;
      top: -30px;
      right: 0;
      fill: #cc0000;
      cursor: pointer; }

@media only screen and (max-width: 1017px) {
  .path-pos-venda .layout-sidebar-first {
    display: none; }
  .page-tenho-interesse .form {
    width: 100%;
    margin-left: 0; }
    .page-tenho-interesse .form .form-label {
      width: 100%;
      margin-bottom: 10px; }
    .page-tenho-interesse .form input[type=radio] + label,
    .page-tenho-interesse .form input[type=checkbox] + label {
      display: inline-block; }
    .page-tenho-interesse .form .selectboxit-container {
      width: 100%; }
    .page-tenho-interesse .form select {
      width: 100%; }
  .path-recall .form .form-label, .path-recall-consulta-interna .form .form-label {
    width: 100%;
    margin-bottom: 10px; }
  .path-recall .form .form-input, .path-recall .form .selectboxit-container, .path-recall-consulta-interna .form .form-input, .path-recall-consulta-interna .form .selectboxit-container {
    width: 100%; }
  .path-recall .form .option[for=opt_in_email], .path-recall-consulta-interna .form .option[for=opt_in_email] {
    display: block; }
  .path-recall .recall__side, .path-recall-consulta-interna .recall__side {
    width: 100%; }
  .path-recall .recall__interesse .option, .path-recall-consulta-interna .recall__interesse .option {
    margin: 10px 0 10px 0 !important;
    width: 40%; }
  .path-recall .response-message p, .path-recall-consulta-interna .response-message p {
    width: 80%;
    height: auto;
    bottom: auto;
    top: 160px; } }

.path-recall .concessionarias, .path-recall-consulta-interna .concessionarias {
  margin: 40px 0;
  display: none; }
  .path-recall .concessionarias.is-active, .path-recall-consulta-interna .concessionarias.is-active {
    display: block; }

.path-recall .concessionarias-form, .path-recall-consulta-interna .concessionarias-form {
  margin-bottom: 20px; }
  .path-recall .concessionarias-form-actions, .path-recall-consulta-interna .concessionarias-form-actions {
    display: -ms-flexbox;
    display: flex;
    width: 100%; }
  .path-recall .concessionarias-form input[type="search"], .path-recall-consulta-interna .concessionarias-form input[type="search"] {
    width: 100%;
    margin-right: 10px; }
  .path-recall .concessionarias-form button, .path-recall-consulta-interna .concessionarias-form button {
    background-color: #4a494a;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    border: none;
    padding: 20px 30px; }

.path-recall .concessionarias-title, .path-recall-consulta-interna .concessionarias-title {
  margin: 0 0 20px 0;
  padding: 0;
  font-size: 1.2em; }

.path-recall .concessionarias-error, .path-recall-consulta-interna .concessionarias-error {
  display: none;
  color: red;
  font-size: 16px; }
  .path-recall .concessionarias-error.is-active, .path-recall-consulta-interna .concessionarias-error.is-active {
    display: block; }

.path-recall .resultado, .path-recall-consulta-interna .resultado {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: justify;
      justify-content: space-between;
  width: 100%;
  height: 0;
  overflow-y: scroll; }
  .path-recall .resultado.active, .path-recall-consulta-interna .resultado.active {
    height: 400px; }
    .path-recall .resultado.active.error, .path-recall-consulta-interna .resultado.active.error {
      height: auto; }

.path-recall .concessionaria, .path-recall-consulta-interna .concessionaria {
  cursor: pointer;
  border-radius: 4px;
  padding: 20px;
  margin: 0 0 20px 0;
  width: 32%;
  display: inline-block;
  vertical-align: top;
  transition: background-color 300ms ease; }
  @media only screen and (max-width: 1017px) {
    .path-recall .concessionaria, .path-recall-consulta-interna .concessionaria {
      width: 100%;
      margin: 0; } }
  .path-recall .concessionaria:hover, .path-recall-consulta-interna .concessionaria:hover {
    background-color: #f5f5f5; }
  .path-recall .concessionaria.active, .path-recall-consulta-interna .concessionaria.active {
    border: 2px solid #dd102e;
    background: #f5f5f5; }
  .path-recall .concessionaria h3, .path-recall-consulta-interna .concessionaria h3 {
    margin: 0;
    padding: 0; }
  .path-recall .concessionaria p, .path-recall-consulta-interna .concessionaria p {
    padding: 0;
    margin: 5px 0; }

.path-recall .submit-form-final, .path-recall-consulta-interna .submit-form-final {
  padding: 20px 30px;
  font-size: 1em;
  text-transform: uppercase;
  background: #dd102e;
  border: none;
  color: #fff;
  font-weight: 400;
  margin: 0 auto;
  display: none; }
  .path-recall .submit-form-final:disabled, .path-recall-consulta-interna .submit-form-final:disabled {
    background-color: #4e4e4e; }
  .path-recall .submit-form-final.is-active, .path-recall-consulta-interna .submit-form-final.is-active {
    display: block; }

.path-recall .view-id-recall .view-content, .path-recall-consulta-interna .view-id-recall .view-content {
  width: 700px; }
  @media only screen and (max-width: 1017px) {
    .path-recall .view-id-recall .view-content, .path-recall-consulta-interna .view-id-recall .view-content {
      width: 100%; } }

.path-recall .views-exposed-form .fieldgroup.form-wrapper, .path-recall-consulta-interna .views-exposed-form .fieldgroup.form-wrapper {
  width: 70%;
  text-align: center;
  margin: 0 auto !important;
  position: relative;
  display: block !important;
  color: #000000; }
  @media only screen and (max-width: 1017px) {
    .path-recall .views-exposed-form .fieldgroup.form-wrapper, .path-recall-consulta-interna .views-exposed-form .fieldgroup.form-wrapper {
      width: 100%;
      text-align: left; } }
  .path-recall .views-exposed-form .fieldgroup.form-wrapper legend, .path-recall-consulta-interna .views-exposed-form .fieldgroup.form-wrapper legend {
    position: relative;
    display: inline-block;
    margin: 0;
    padding: 0;
    float: left;
    vertical-align: middle;
    width: 130px; }
    @media only screen and (max-width: 1017px) {
      .path-recall .views-exposed-form .fieldgroup.form-wrapper legend, .path-recall-consulta-interna .views-exposed-form .fieldgroup.form-wrapper legend {
        width: 100%;
        text-align: left;
        margin-bottom: 10px; } }
  .path-recall .views-exposed-form .fieldgroup.form-wrapper .fieldset-wrapper, .path-recall-consulta-interna .views-exposed-form .fieldgroup.form-wrapper .fieldset-wrapper {
    display: inline-block;
    width: 70%;
    position: relative;
    vertical-align: middle; }

.menu-pos-venda {
  width: 100%;
  background: #f0f0f0;
  border-bottom: solid 1px #d8d8d8;
  padding: 15px 0 !important;
  margin: 0 0 30px 0 !important;
  text-align: center !important; }
  .menu-pos-venda li {
    border-right: solid 1px #d8d8d8;
    display: inline-block;
    padding: 0 30px 0 26px; }
    .menu-pos-venda li:first-child {
      padding: 0 30px 0 0; }
    .menu-pos-venda li:nth-child(2) {
      border-right: none; }
    .menu-pos-venda li:last-child {
      border-right: 0;
      padding: 0 0 0 26px;
      position: absolute;
      right: 20px; }

.menu-pos-venda-sub {
  width: 200px;
  background: #f0f0f0;
  border: solid 1px #d8d8d8;
  display: inline-block;
  margin: 0 !important; }
  .menu-pos-venda-sub li {
    list-style: none !important;
    padding: 0 !important;
    position: relative; }
    .menu-pos-venda-sub li a {
      color: #cc0000;
      font-weight: 400;
      display: block;
      padding: 20px 10px 20px 60px; }

.menu-pos-venda-sub-motocicletas li:before {
  content: url("../img/icons/icon-moto-active.svg");
  position: absolute;
  top: 10px;
  left: 10px; }

.menu-pos-venda-sub-automoveis li:before {
  content: url("../img/icons/icon-auto-active.svg");
  position: absolute;
  top: 10px;
  left: 10px; }

ul.menu-pos-venda-sub-sub {
  width: 100%;
  max-height: 0;
  background: #ffffff;
  border: 0;
  margin: 0 !important;
  overflow: hidden;
  transition: max-height .5s ease-out; }
  ul.menu-pos-venda-sub-sub:after {
    content: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"\a    width="15px" height="15px" viewBox="0 0 396.85 396.851" enable-background="new 0 0 396.85 396.851"\a    xml:space="preserve"><path fill="#ed1c24" d="M314.39,176.177L154.405,19.741c-5.876-6.104-13.248-9.136-22.073-9.136c-8.846,0-16.217,3.032-22.093,9.136\a   L91.593,37.764c-6.063,5.917-9.074,13.123-9.074,21.615c0,8.348,3.011,15.615,9.074,21.886l119.248,116.548L91.593,314.61\a   c-6.063,5.938-9.095,13.144-9.095,21.636c0,8.326,3.032,15.615,9.095,21.864l18.646,18.023c6.042,5.938,13.413,8.887,22.072,8.887\a   c8.68,0,16.051-2.949,22.094-8.887L314.39,219.677c6.042-6.25,9.074-13.538,9.074-21.864C323.464,189.32,320.433,182.115,314.39,176.177z"/></svg>');
    border-radius: 15px;
    border: 1px solid #5c5c5c;
    position: absolute;
    width: 15px;
    height: 15px;
    transform: rotateZ(90deg);
    transition: 500ms;
    padding: 2px;
    top: 20px;
    right: 10px;
    display: none; }
  ul.menu-pos-venda-sub-sub.active {
    max-height: 900px;
    transition: max-height .4s ease-in; }
    ul.menu-pos-venda-sub-sub.active:after {
      transform: rotateZ(-90deg); }
  ul.menu-pos-venda-sub-sub li {
    border-bottom: solid 1px #d8d8d8; }
    ul.menu-pos-venda-sub-sub li:before {
      content: ''; }
    ul.menu-pos-venda-sub-sub li:last-child {
      border-bottom: 0; }
    ul.menu-pos-venda-sub-sub li.menu-item--active-trail a {
      color: #f0f0f0;
      background-color: #cc0000; }
    ul.menu-pos-venda-sub-sub li a {
      color: #5c5c5c;
      font-weight: 300;
      padding: 20px 10px; }
      ul.menu-pos-venda-sub-sub li a.active {
        color: #cc0000; }

@media only screen and (max-width: 1017px) {
  .menu-pos-venda li {
    padding: 0 30px 0 26px;
    width: 70%;
    margin-top: 20px; }
    .menu-pos-venda li:first-child {
      padding: 0; }
    .menu-pos-venda li:nth-child(2) {
      border-right: none;
      padding: 0; }
    .menu-pos-venda li:last-child {
      border-right: 0;
      padding: 0;
      position: relative;
      right: 0; }
  .menu-pos-venda-sub-sub {
    max-height: 900px; }
    .menu-pos-venda-sub-sub.active {
      max-height: 0; }
      .menu-pos-venda-sub-sub.active:after {
        transform: rotateZ(90deg); }
    .menu-pos-venda-sub-sub:after {
      display: inline-block;
      transform: rotateZ(-90deg); } }

.page-node-type-pos-vendas .messages--error, .path-pos-venda .messages--error {
  display: none !important; }

.page-node-type-pos-vendas .layout-sidebar-first, .path-pos-venda .layout-sidebar-first {
  display: inline-block;
  margin-right: -4px;
  vertical-align: top; }

.page-node-type-pos-vendas .layout-content, .path-pos-venda .layout-content {
  width: calc(100% - 200px);
  display: inline-block;
  margin-right: -4px;
  vertical-align: top; }

.path-pos-venda .view-empty {
  padding: 20px 0px 0 60px; }

.path-pos-venda .view-manuais {
  position: relative; }

.path-pos-venda .view-header {
  width: 50%;
  display: inline-block;
  margin-right: -4px;
  padding: 0 30px;
  vertical-align: top; }
  .path-pos-venda .view-header .image-container {
    width: 100%; }
    .path-pos-venda .view-header .image-container img {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover; }

.path-pos-venda .view-filters {
  width: 100%;
  display: inline-block;
  margin-right: -4px;
  vertical-align: top;
  padding-top: 40px;
  padding-left: 65px; }
  @media only screen and (max-width: 1017px) {
    .path-pos-venda .view-filters {
      padding: 0; } }
  .path-pos-venda .view-filters .form--inline .form-item {
    width: 43%;
    margin: 10px 0 !important;
    float: left !important; }
    @media only screen and (max-width: 1017px) {
      .path-pos-venda .view-filters .form--inline .form-item {
        width: 100%;
        display: block !important; } }
    .path-pos-venda .view-filters .form--inline .form-item label {
      margin-right: 5%;
      width: 18%; }
    .path-pos-venda .view-filters .form--inline .form-item .selectboxit-container {
      width: 70% !important; }
      .path-pos-venda .view-filters .form--inline .form-item .selectboxit-container .selectboxit, .path-pos-venda .view-filters .form--inline .form-item .selectboxit-container .selectboxit-options {
        width: 100% !important;
        max-width: 100% !important; }

.path-pos-venda .view-content {
  padding: 0 0 0 30px; }
  .path-pos-venda .view-content article {
    border-bottom: solid 1px #f0f0f0;
    padding: 10px 0; }
    .path-pos-venda .view-content article:last-child {
      border-bottom: 0; }
  .path-pos-venda .view-content h1 {
    font-size: 1.25rem;
    color: #5c5c5c; }
  .path-pos-venda .view-content a {
    font-size: .875rem;
    padding: 10px 0; }

.path-pos-venda .view-footer {
  font-size: 0.875em;
  color: #999;
  position: relative;
  padding: 0 0 0 80px;
  margin-top: 30px; }
  .path-pos-venda .view-footer:before {
    width: 40px;
    height: 40px;
    content: url("../img/icons/icon-manual-alert.svg");
    position: absolute;
    left: 30px;
    top: 0;
    z-index: 1; }

.path-pos-venda .views-exposed-form {
  display: inline-block;
  width: 100%; }
  .path-pos-venda .views-exposed-form input[type=submit] {
    margin: 10px 20px 0 0;
    float: right;
    width: 80px; }

.path-pos-venda .form-pos-venda-lead .form-item .selectboxit-container {
  width: 65%; }

@media only screen and (max-width: 1017px) {
  .path-pos-venda .form-pos-venda-lead .form-item input[type='text'],
  .path-pos-venda .form-pos-venda-lead .form-item .selectboxit-container {
    width: 100%; } }

.pos-venda-content {
  padding: 0 0 0 30px;
  text-align: justify; }

@media only screen and (max-width: 1017px) {
  .page-node-type-pos-vendas .view-content, .path-pos-venda .view-content {
    padding-left: 0; }
  .page-node-type-pos-vendas .layout-sidebar-first, .path-pos-venda .layout-sidebar-first {
    width: 100%; }
    .page-node-type-pos-vendas .layout-sidebar-first .menu-pos-venda-sub, .path-pos-venda .layout-sidebar-first .menu-pos-venda-sub {
      width: 100%; }
  .page-node-type-pos-vendas .layout-content, .path-pos-venda .layout-content {
    width: 100% !important; }
  .page-node-type-pos-vendas .pos-venda-content, .path-pos-venda .pos-venda-content {
    margin: 0; }
  .pos-venda-content {
    padding: 0; } }

.pos-venda-content-faq {
  padding: 30px 0;
  border-bottom: solid 1px #d8d8d8; }
  .pos-venda-content-faq:last-child {
    border-bottom: 0; }
  .pos-venda-content-faq h1 {
    color: #5c5c5c;
    font-size: 1.25rem; }
  .pos-venda-content-faq p {
    color: #5c5c5c;
    font-size: .875rem; }

.page-tenho-interesse .form {
  display: inline-block;
  width: 70%;
  margin-left: 5%;
  position: relative; }
  .page-tenho-interesse .form.inactive {
    opacity: 0.5; }
  .page-tenho-interesse .form .form-overlay {
    z-index: 10;
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: 0;
    display: none; }
    .page-tenho-interesse .form .form-overlay.active {
      display: block; }
  .page-tenho-interesse .form .form-item {
    margin: 10px 0 !important; }
  .page-tenho-interesse .form .form-label {
    width: 25%;
    display: inline-block;
    vertical-align: middle; }
  .page-tenho-interesse .form .form-input, .page-tenho-interesse .form .form-select + .selectboxit-container {
    display: inline-block;
    vertical-align: middle;
    width: 65%; }
  .page-tenho-interesse .form .selectboxit-container .selectboxit {
    width: 100% !important; }

.page-tenho-interesse .response-message {
  padding: 20px;
  width: 80%;
  text-align: center;
  visibility: hidden;
  margin: 0;
  opacity: 0;
  transition: visibility 0s linear, opacity .4s ease-in-out, margin .2s linear; }
  .page-tenho-interesse .response-message.active {
    opacity: 1;
    margin: 20px 0 0 0;
    visibility: visible; }
  .page-tenho-interesse .response-message.neutral {
    background-color: #d8d8d8; }
  .page-tenho-interesse .response-message.warning {
    background-color: #ffe8bf; }
  .page-tenho-interesse .response-message.error {
    background-color: #5c5c5c;
    color: #ffffff; }

@media only screen and (max-width: 1017px) {
  .path-pos-venda .layout-sidebar-first {
    display: none; }
  .page-tenho-interesse .form {
    width: 100%;
    margin-left: 0; }
    .page-tenho-interesse .form .form-label {
      width: 100%;
      margin-bottom: 10px; }
    .page-tenho-interesse .form input[type=radio] + label,
    .page-tenho-interesse .form input[type=checkbox] + label {
      display: inline-block; }
    .page-tenho-interesse .form .selectboxit-container {
      width: 100%; }
    .page-tenho-interesse .form select {
      width: 100%; } }

.path-contato-imprensa .dealership {
  border: 0;
  padding: 0; }

.path-contato-imprensa .contacts .box .image-container {
  width: 100%; }
  .path-contato-imprensa .contacts .box .image-container img {
    -o-object-fit: contain;
       object-fit: contain; }

.path-contato-imprensa .contacts .box h2 {
  font-size: 1.2rem; }

.path-contato-imprensa .contacts .box .image-container img {
  top: auto;
  bottom: 20px;
  transform: translateY(0); }

.news {
  width: 70%;
  border-left: solid 1px #8d0005;
  display: inline-block;
  padding: 0 50px;
  vertical-align: top;
  margin-right: -4px; }
  .news a.btn:first-of-type {
    margin-right: 16px; }
  @media only screen and (max-width: 1017px) {
    .news a.btn:first-of-type {
      margin-right: -4px;
      margin-bottom: 20px; } }
  .news h2 {
    font-size: 1.25rem; }
  .news .yt {
    width: 100%; }
  .news .date {
    font-size: .875rem; }
  .news img {
    max-width: 100%; }
  .news table {
    border: 0 !important;
    border-collapse: collapse;
    border-color: transparent;
    width: 100% !important; }
    .news table tr {
      border-color: transparent;
      border-bottom: 1px solid #d8d8d8; }
    .news table th, .news table td {
      padding: 5px; }
    .news table th {
      background-color: #f0f0f0;
      border-top: 1px solid #d8d8d8;
      text-align: left; }
  .news .text-formatted {
    text-align: justify; }
  .news .social {
    border-top: solid 1px #d8d8d8;
    border-bottom: solid 1px #d8d8d8;
    display: inline-block;
    padding: 20px 0; }
    .news .social span {
      display: inline-block;
      vertical-align: middle; }
    .news .social a {
      display: inline-block;
      padding: 0 5px;
      vertical-align: middle;
      font-size: .75rem; }
    .news .social img.download-icon {
      width: 25px;
      vertical-align: middle; }

.related-news {
  width: 30%;
  display: inline-block;
  font-size: .875rem;
  vertical-align: top;
  margin-right: -4px; }
  .related-news > h3 {
    background-color: #CC0000;
    color: #ffffff;
    text-align: center;
    text-transform: uppercase;
    padding: 18px; }
  .related-news ul {
    padding: 0; }
    .related-news ul li {
      width: 100%;
      border-bottom: solid 1px #d8d8d8;
      display: inline-block;
      padding: 20px 0;
      list-style-type: none; }
      .related-news ul li .content {
        width: 65%;
        display: inline-block;
        margin-right: -4px;
        padding: 0 20px 0 0;
        vertical-align: top; }
        .related-news ul li .content h1 {
          font-size: 1rem;
          margin: 0; }
        .related-news ul li .content h2 {
          font-size: .75rem;
          display: inline-block;
          margin: 0; }
        .related-news ul li .content .date {
          font-size: .75rem;
          display: inline-block;
          margin: 0 0 10px 0; }
        .related-news ul li .content p {
          margin: 0; }
      .related-news ul li .img {
        width: 35%;
        display: inline-block;
        margin-right: -4px;
        text-align: right;
        vertical-align: top; }
        .related-news ul li .img a {
          display: inline-block; }
  .related-news .recall-videos {
    width: 100%; }
  .related-news .recall-video {
    -ms-flex-direction: column;
        flex-direction: column; }
    .related-news .recall-video h3 {
      margin-left: 0 !important; }
    .related-news .recall-video img {
      width: 100%; }

@media only screen and (max-width: 1017px) {
  .news {
    width: 100%;
    border: 0;
    display: block;
    padding: 0;
    word-break: break-word; }
    .news .social {
      width: 100%; }
  .related-news {
    width: 100%;
    display: block;
    padding: 0; } }

.press-highlight article {
  border-bottom: 1px solid #d8d8d8;
  padding: 50px 0; }
  .press-highlight article .media {
    border: 1px solid #d2d2d2;
    height: 370px;
    width: 50%;
    display: inline-block;
    overflow: hidden; }
    .press-highlight article .media img {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover; }
      @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
        .press-highlight article .media img {
          height: auto !important; } }
    .press-highlight article .media > div {
      height: 100%; }
    .press-highlight article .media .youtube-container {
      position: relative;
      padding-bottom: 56.25%;
      /* 16:9 */
      padding-top: 25px;
      height: 100%;
      margin: 0; }
      .press-highlight article .media .youtube-container iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%; }
  .press-highlight article .content {
    display: inline-block;
    width: 49%;
    padding: 20px;
    vertical-align: top; }
  .press-highlight article .date {
    display: inline;
    color: #5c5c5c;
    margin-left: 10px; }
  .press-highlight article h1 {
    font-size: 2em;
    color: #cc0000;
    padding: 0;
    margin: 0; }
  .press-highlight article h2 {
    display: inline-block;
    margin: 0;
    padding: 0;
    font-size: 1.2em;
    font-weight: 400;
    color: #5c5c5c;
    text-transform: uppercase; }

.press-list {
  padding: 40px 0 0 0;
  display: block; }
  .press-list .form-item, .press-list .form-actions {
    margin: 0 20px 30px 0 !important; }
  .press-list article {
    width: 32%;
    height: 420px;
    border: 1px solid #d8d8d8;
    display: inline-block;
    margin: 10px 1% 10px 0;
    min-height: 370px;
    vertical-align: top;
    transition: box-shadow 500ms;
    overflow: hidden; }
    .press-list article:last-child {
      margin: 10px 0 10px 0; }
    .press-list article:hover {
      box-shadow: 0px 0px 30px #d2d2d2;
      transition: box-shadow 500ms; }
    .press-list article:hover img {
      transform: scale(1.1);
      transition: transform 500ms; }
    .press-list article .image-container {
      height: 230px;
      width: 100%;
      overflow: hidden; }
    .press-list article img {
      height: 230px;
      max-width: 100%;
      min-width: 100%;
      -o-object-fit: cover;
         object-fit: cover;
      transition: transform 500ms; }
    .press-list article .date {
      display: inline-block;
      font-size: 0.875em;
      color: #5c5c5c;
      margin-left: 10px; }
    .press-list article h2 {
      display: inline-block;
      margin: 0;
      padding: 0;
      font-size: 0.875em;
      font-weight: 400;
      color: #5c5c5c; }
    .press-list article h1 {
      font-size: 1em;
      color: #cc0000; }
    .press-list article p {
      color: #5c5c5c;
      line-height: 1.2em;
      font-size: .9em; }
    .press-list article .content {
      padding: 10px; }
    .press-list article.static {
      position: relative;
      background: url(../img/bg-press-static.png) no-repeat center center; }
      .press-list article.static .image-container, .press-list article.static .date, .press-list article.static h2 {
        display: none; }
      .press-list article.static .content {
        position: absolute;
        bottom: 0; }
    .press-list article.highlight {
      width: 65.4%;
      position: relative; }
      .press-list article.highlight .content {
        width: 100%;
        position: absolute;
        bottom: 0;
        height: 45%;
        background-color: #fff; }
        .press-list article.highlight .content .text {
          width: 90%; }
      .press-list article.highlight img {
        position: absolute;
        left: 0;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
           object-fit: cover; }
      .press-list article.highlight h2 a, .press-list article.highlight .date {
        color: #5c5c5c; }

@media only screen and (max-width: 1017px) {
  .banner img {
    height: 100%; }
  .press-highlight {
    padding: 20px 0 0 0; }
    .press-highlight article {
      width: 100%;
      margin: 0;
      padding: 0; }
      .press-highlight article .media {
        width: 100%;
        max-height: 200px;
        margin: 0;
        padding: 0; }
      .press-highlight article .content {
        width: 100%;
        margin: 0;
        padding-left: 0;
        padding-right: 0; }
        .press-highlight article .content h1, .press-highlight article .content p {
          padding: 0 10px; }
  .press-list .button {
    margin: 0 !important;
    width: 100%; }
  .press-list .selectboxit-container {
    width: 100%; }
    .press-list .selectboxit-container .selectboxit {
      width: 100%; }
  .press-list .form-item, .press-list .form-actions {
    width: 100%;
    margin: 0 0 30px 0 !important; }
  .press-list article {
    width: 100%;
    height: auto;
    margin: 10px 0;
    padding: 0; }
    .press-list article:first-child {
      margin: 20px 0; }
    .press-list article:last-child {
      margin: 20px 0; }
    .press-list article.highlight {
      width: 100%; }
    .press-list article img {
      width: 100%; }
    .press-list article.static {
      background-size: cover; } }

.menu--produtos-de-forca, .menu-categories {
  background-color: #f0f0f0;
  border-bottom: 1px solid #d8d8d8;
  text-align: center;
  padding: 10px 0; }
  .menu--produtos-de-forca .categories-item, .menu-categories .categories-item {
    display: inline-block;
    font-weight: 400;
    padding: 0 20px;
    vertical-align: top;
    position: relative;
    margin-right: -4px; }
    .menu--produtos-de-forca .categories-item a, .menu-categories .categories-item a {
      color: #5c5c5c; }
      .menu--produtos-de-forca .categories-item a:hover, .menu-categories .categories-item a:hover {
        text-decoration: none; }
    .menu--produtos-de-forca .categories-item:hover a, .menu--produtos-de-forca .categories-item--active a, .menu-categories .categories-item:hover a, .menu-categories .categories-item--active a {
      color: #cc0000; }
    .menu--produtos-de-forca .categories-item:hover:after, .menu--produtos-de-forca .categories-item--active:after, .menu-categories .categories-item:hover:after, .menu-categories .categories-item--active:after {
      content: '';
      width: 0;
      height: 0;
      position: absolute;
      bottom: -11px;
      right: 0;
      left: 0;
      margin: auto;
      border-right: 6px solid transparent;
      border-left: 6px solid transparent;
      border-bottom: 6px solid #ed1c24; }

@media only screen and (max-width: 1017px) {
  .menu--produtos-de-forca {
    text-align: left;
    padding: 0;
    padding-left: 20px; }
    .menu--produtos-de-forca .categories-item {
      width: 100%;
      position: relative; }
      .menu--produtos-de-forca .categories-item a {
        display: block;
        padding: 10px 0; }
      .menu--produtos-de-forca .categories-item:hover:after, .menu--produtos-de-forca .categories-item--active:after {
        bottom: auto;
        right: auto;
        left: -20px;
        margin: auto;
        top: 50%;
        margin: 0;
        transform: translateY(-50%);
        border-top: 6px solid transparent;
        border-bottom: 6px solid transparent;
        border-left: 6px solid #ed1c24; } }

.view-grouping-header h2 {
  font-weight: 400;
  color: #9e9e9e; }

.category-description {
  margin-bottom: 80px; }
  .category-description ul {
    list-style-type: none;
    padding: 0 0 0 10px; }
    .category-description ul li {
      position: relative;
      padding: 7px 0;
      color: #9e9e9e; }
      .category-description ul li:before {
        content: '';
        width: 0;
        height: 0;
        position: absolute;
        left: -20px;
        top: 12px;
        border-right: 6px solid transparent;
        border-left: 6px solid transparent;
        border-bottom: 6px solid #ed1c24;
        transform: rotateZ(90deg); }

.products-list {
  margin-top: 35px;
  margin-bottom: 120px; }
  .products-list .product-item {
    display: inline-block;
    font-weight: 400;
    width: 30%;
    text-align: center;
    position: relative;
    color: #cc0000;
    margin-right: -4px;
    padding: 0 30px 40px 30px; }
    .products-list .product-item p {
      color: #5c5c5c;
      font-weight: 300;
      margin: 20px 0; }
    .products-list .product-item img {
      width: 100%;
      height: auto;
      -o-object-fit: cover;
         object-fit: cover; }

.product-name {
  font-size: 1.75rem;
  margin: 0 0 30px 0;
  font-weight: 700;
  color: #cc0000; }
  .product-name a {
    color: #cc0000; }
    .product-name a:hover {
      text-decoration: none; }

.product-img {
  display: inline-block;
  vertical-align: middle;
  margin-top: 30px;
  margin-right: -4px; }
  .product-img img {
    max-width: 100%;
    height: auto;
    -o-object-fit: cover;
       object-fit: cover; }

.page-node-type-produto-de-forca .product-img {
  width: 50%;
  vertical-align: top;
  margin-top: 60px; }

.page-node-type-produto-de-forca .product-info {
  vertical-align: top;
  margin-top: 60px; }

.product-info {
  display: inline-block;
  width: 50%;
  vertical-align: middle;
  padding-left: 60px;
  margin-right: -4px; }
  .product-info .product-name {
    font-size: 2em; }
  .product-info .product-btn {
    width: 40%; }

.datasheet {
  margin-top: 50px; }
  .datasheet .extra-content {
    padding-left: 40px;
    margin: 20px 0; }
    .datasheet .extra-content p {
      margin: 5px 0;
      font-size: 0.9em; }
  .datasheet-heading {
    padding-bottom: 10px;
    border-bottom: 1px solid #5c5c5c;
    margin-bottom: 30px; }
    .datasheet-heading li {
      width: 20%;
      display: inline-block;
      margin: 10px 2% 0;
      cursor: pointer;
      font-weight: 400;
      position: relative;
      text-align: center; }
      .datasheet-heading li:hover, .datasheet-heading li.active {
        color: #cc0000; }
        .datasheet-heading li:hover:after, .datasheet-heading li.active:after {
          content: '';
          width: 0;
          height: 0;
          position: absolute;
          bottom: -11px;
          right: 0;
          left: 0;
          margin: auto;
          border-right: 6px solid transparent;
          border-left: 6px solid transparent;
          border-bottom: 6px solid #ed1c24; }
  .datasheet table {
    border: 0 !important;
    border-collapse: collapse;
    border-color: transparent;
    width: 100% !important; }
    .datasheet table tr {
      border-color: transparent;
      border-bottom: 1px solid #d8d8d8; }
    .datasheet table th, .datasheet table td {
      padding: 20px 40px; }
    .datasheet table th {
      background-color: #f0f0f0;
      border-top: 1px solid #d8d8d8;
      text-align: left; }
  .datasheet-tab ~ .datasheet-tab {
    display: none; }

@media only screen and (max-width: 1017px) {
  .products-list .product-item {
    width: 100%;
    text-align: center;
    margin: 0; }
  .datasheet {
    margin-top: 20px; }
    .datasheet .extra-content {
      padding-left: 0; }
    .datasheet-table th, .datasheet-table td {
      padding: 10px; }
    .datasheet-heading {
      border-top: solid 1px #5c5c5c;
      padding-bottom: 0; }
      .datasheet-heading li {
        width: 100%;
        text-align: left;
        margin: 0;
        padding: 10px 0 10px 20px;
        position: relative; }
        .datasheet-heading li:hover:after, .datasheet-heading li.active:after {
          bottom: auto;
          right: auto;
          left: 0;
          margin: auto;
          top: 50%;
          margin: 0;
          transform: translateY(-50%);
          border-top: 6px solid transparent;
          border-bottom: 6px solid transparent;
          border-left: 6px solid #ed1c24; }
  .product-img {
    width: 100% !important;
    margin-bottom: 30px; }
  .product-info {
    padding-left: 0;
    width: 100%; }
    .product-info .product-btn {
      width: 100%; } }

.menu-categories, .menu--menu-carreiras, .menu--menu-institucional, .menu--menu-inovacao, .menu--menu-seguranca, .menu--menu-sustentabilidade {
  background-color: #f0f0f0;
  border-bottom: 1px solid #d8d8d8;
  text-align: center;
  padding: 15px 0; }
  .menu-categories .wrapper, .menu--menu-carreiras .wrapper, .menu--menu-institucional .wrapper, .menu--menu-inovacao .wrapper, .menu--menu-seguranca .wrapper, .menu--menu-sustentabilidade .wrapper {
    position: relative; }
  .menu-categories .categories-item, .menu--menu-carreiras .categories-item, .menu--menu-institucional .categories-item, .menu--menu-inovacao .categories-item, .menu--menu-seguranca .categories-item, .menu--menu-sustentabilidade .categories-item {
    display: inline-block;
    font-weight: 400;
    vertical-align: top;
    position: relative;
    margin-right: -4px;
    padding: 0 20px; }
    .menu-categories .categories-item a, .menu--menu-carreiras .categories-item a, .menu--menu-institucional .categories-item a, .menu--menu-inovacao .categories-item a, .menu--menu-seguranca .categories-item a, .menu--menu-sustentabilidade .categories-item a {
      display: block;
      color: #5c5c5c; }
      .menu-categories .categories-item a:hover, .menu--menu-carreiras .categories-item a:hover, .menu--menu-institucional .categories-item a:hover, .menu--menu-inovacao .categories-item a:hover, .menu--menu-seguranca .categories-item a:hover, .menu--menu-sustentabilidade .categories-item a:hover {
        text-decoration: none; }
    .menu-categories .categories-item:hover a, .menu-categories .categories-item--active a, .menu--menu-carreiras .categories-item:hover a, .menu--menu-carreiras .categories-item--active a, .menu--menu-institucional .categories-item:hover a, .menu--menu-institucional .categories-item--active a, .menu--menu-inovacao .categories-item:hover a, .menu--menu-inovacao .categories-item--active a, .menu--menu-seguranca .categories-item:hover a, .menu--menu-seguranca .categories-item--active a, .menu--menu-sustentabilidade .categories-item:hover a, .menu--menu-sustentabilidade .categories-item--active a {
      color: #cc0000; }
    .menu-categories .categories-item:hover:after, .menu-categories .categories-item--active:after, .menu--menu-carreiras .categories-item:hover:after, .menu--menu-carreiras .categories-item--active:after, .menu--menu-institucional .categories-item:hover:after, .menu--menu-institucional .categories-item--active:after, .menu--menu-inovacao .categories-item:hover:after, .menu--menu-inovacao .categories-item--active:after, .menu--menu-seguranca .categories-item:hover:after, .menu--menu-seguranca .categories-item--active:after, .menu--menu-sustentabilidade .categories-item:hover:after, .menu--menu-sustentabilidade .categories-item--active:after {
      content: '';
      width: 0;
      height: 0;
      position: absolute;
      bottom: -16px;
      right: 0;
      left: 0;
      margin: auto;
      border-right: 6px solid transparent;
      border-left: 6px solid transparent;
      border-bottom: 6px solid #ed1c24; }
  .menu-categories .linkedin, .menu--menu-carreiras .linkedin, .menu--menu-institucional .linkedin, .menu--menu-inovacao .linkedin, .menu--menu-seguranca .linkedin, .menu--menu-sustentabilidade .linkedin {
    width: 49px;
    height: 49px;
    display: block;
    position: absolute;
    right: 49px;
    top: -15px; }
    .menu-categories .linkedin a, .menu--menu-carreiras .linkedin a, .menu--menu-institucional .linkedin a, .menu--menu-inovacao .linkedin a, .menu--menu-seguranca .linkedin a, .menu--menu-sustentabilidade .linkedin a {
      width: 100%;
      height: 100%;
      display: block; }
      .menu-categories .linkedin a img, .menu--menu-carreiras .linkedin a img, .menu--menu-institucional .linkedin a img, .menu--menu-inovacao .linkedin a img, .menu--menu-seguranca .linkedin a img, .menu--menu-sustentabilidade .linkedin a img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
           object-fit: cover; }
  .menu-categories .vagaspontocom, .menu--menu-carreiras .vagaspontocom, .menu--menu-institucional .vagaspontocom, .menu--menu-inovacao .vagaspontocom, .menu--menu-seguranca .vagaspontocom, .menu--menu-sustentabilidade .vagaspontocom {
    width: 49px;
    height: 49px;
    display: block;
    position: absolute;
    right: 0;
    top: -15px; }
    .menu-categories .vagaspontocom a, .menu--menu-carreiras .vagaspontocom a, .menu--menu-institucional .vagaspontocom a, .menu--menu-inovacao .vagaspontocom a, .menu--menu-seguranca .vagaspontocom a, .menu--menu-sustentabilidade .vagaspontocom a {
      width: 100%;
      height: 100%;
      display: block; }
      .menu-categories .vagaspontocom a img, .menu--menu-carreiras .vagaspontocom a img, .menu--menu-institucional .vagaspontocom a img, .menu--menu-inovacao .vagaspontocom a img, .menu--menu-seguranca .vagaspontocom a img, .menu--menu-sustentabilidade .vagaspontocom a img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
           object-fit: cover; }

@media only screen and (max-width: 1017px) {
  .menu-categories, .menu--menu-carreiras, .menu--menu-institucional, .menu--menu-inovacao, .menu--menu-seguranca, .menu--menu-sustentabilidade {
    text-align: left;
    padding: 0;
    padding-left: 20px; }
    .menu-categories .categories-item, .menu--menu-carreiras .categories-item, .menu--menu-institucional .categories-item, .menu--menu-inovacao .categories-item, .menu--menu-seguranca .categories-item, .menu--menu-sustentabilidade .categories-item {
      width: 100%;
      position: relative; }
      .menu-categories .categories-item a, .menu--menu-carreiras .categories-item a, .menu--menu-institucional .categories-item a, .menu--menu-inovacao .categories-item a, .menu--menu-seguranca .categories-item a, .menu--menu-sustentabilidade .categories-item a {
        display: block;
        padding: 10px 0;
        width: 100%; }
      .menu-categories .categories-item:hover:after, .menu-categories .categories-item--active:after, .menu--menu-carreiras .categories-item:hover:after, .menu--menu-carreiras .categories-item--active:after, .menu--menu-institucional .categories-item:hover:after, .menu--menu-institucional .categories-item--active:after, .menu--menu-inovacao .categories-item:hover:after, .menu--menu-inovacao .categories-item--active:after, .menu--menu-seguranca .categories-item:hover:after, .menu--menu-seguranca .categories-item--active:after, .menu--menu-sustentabilidade .categories-item:hover:after, .menu--menu-sustentabilidade .categories-item--active:after {
        bottom: auto;
        right: auto;
        left: -20px;
        margin: auto;
        top: 50%;
        margin: 0;
        transform: translateY(-50%);
        border-top: 6px solid transparent;
        border-bottom: 6px solid transparent;
        border-left: 6px solid #ed1c24; }
    .menu-categories .linkedin, .menu--menu-carreiras .linkedin, .menu--menu-institucional .linkedin, .menu--menu-inovacao .linkedin, .menu--menu-seguranca .linkedin, .menu--menu-sustentabilidade .linkedin {
      top: 50%;
      margin-top: -49px; }
    .menu-categories .vagaspontocom, .menu--menu-carreiras .vagaspontocom, .menu--menu-institucional .vagaspontocom, .menu--menu-inovacao .vagaspontocom, .menu--menu-seguranca .vagaspontocom, .menu--menu-sustentabilidade .vagaspontocom {
      top: 50%;
      right: 0; } }

.institutional {
  text-align: justify; }
  .institutional .block {
    width: 100%;
    display: inline-block; }
    .institutional .block.padded {
      margin: 0 0 40px 0; }
      .institutional .block.padded:first-child {
        margin: 40px 0; }
    .institutional .block _:-ms-lang(x), .institutional .block .col {
      overflow: hidden; }
    .institutional .block .col {
      display: inline-block;
      margin-right: -4px;
      vertical-align: middle;
      position: relative; }
      .institutional .block .col .countries {
        padding-left: 30px;
        border-left: 1px solid #cc0000;
        width: 70%; }
        .institutional .block .col .countries .country-content {
          display: none;
          margin-top: 60px; }
          .institutional .block .col .countries .country-content:first-child {
            display: block; }
      .institutional .block .col.south-america-content {
        padding-right: 10%;
        margin-top: 90px; }
      .institutional .block .col h2, .institutional .block .col p, .institutional .block .col a {
        color: #ffffff; }
      .institutional .block .col h2, .institutional .block .col p {
        margin: 10px 0; }
      .institutional .block .col p {
        line-height: 1.5rem; }
      .institutional .block .col a {
        font-weight: 400; }
      .institutional .block .col iframe {
        width: 100%;
        height: 100%; }
      .institutional .block .col .field--name-field-video {
        height: 100%; }
        .institutional .block .col .field--name-field-video .youtube-container--responsive {
          height: 100%; }
      .institutional .block .col figure {
        margin: 0; }
      .institutional .block .col.text {
        padding: 40px; }
      .institutional .block .col.media {
        height: 100%; }
      .institutional .block .col.arrow-right:after {
        content: '';
        display: inline-block;
        position: absolute;
        right: -19px;
        border-left: solid 20px transparent;
        border-top: solid 20px transparent;
        border-bottom: solid 20px transparent;
        top: 50%;
        transform: translateY(-50%);
        z-index: 10; }
      .institutional .block .col.arrow-left:after {
        content: '';
        display: inline-block;
        position: absolute;
        left: -19px;
        border-right: solid 20px transparent;
        border-top: solid 20px transparent;
        border-bottom: solid 20px transparent;
        top: 50%;
        transform: translateY(-50%);
        z-index: 10; }
      .institutional .block .col img {
        width: 100%;
        height: 100%;
        display: block;
        -o-object-fit: cover;
           object-fit: cover; }
        .institutional .block .col img.flag {
          width: auto;
          height: auto;
          max-width: 100%; }
      .institutional .block .col.col-100 {
        width: 100%; }
      .institutional .block .col.col-70 {
        width: 64%; }
      .institutional .block .col.col-30 {
        width: 36%; }
      .institutional .block .col.col-50 {
        width: 50%; }
      .institutional .block .col.col-midia a {
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2;
        text-indent: -9999px; }
      .institutional .block .col .logo {
        max-width: 60%;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 0;
        right: 0;
        margin: 0 auto; }
      .institutional .block .col .cta {
        width: 80%;
        position: absolute;
        bottom: 40px;
        left: 0;
        right: 0;
        margin: 0 auto;
        text-align: center; }
        .institutional .block .col .cta p {
          font-size: 1.250rem;
          font-weight: 400;
          color: #ffffff;
          text-align: center;
          margin-bottom: 10px; }
        .institutional .block .col .cta .btn {
          color: #ffffff; }
          .institutional .block .col .cta .btn:hover {
            color: #ed1c24; }
    .institutional .block.south-america {
      margin-top: 60px; }
      .institutional .block.south-america .col {
        vertical-align: top; }
    .institutional .block.red {
      background: #cc0000; }
      .institutional .block.red .col:after {
        border-left-color: #cc0000;
        border-right-color: #cc0000; }
    .institutional .block.blue {
      background: #0283cc; }
      .institutional .block.blue .col:after {
        border-left-color: #0283cc;
        border-right-color: #0283cc; }
    .institutional .block.white {
      background: #ffffff; }
      .institutional .block.white h2 {
        color: #cc0000; }
      .institutional .block.white p {
        color: #5c5c5c; }
      .institutional .block.white a {
        color: #cc0000; }
      .institutional .block.white .col:after {
        border-left-color: #ffffff;
        border-right-color: #ffffff; }
    .institutional .block.grey {
      background: #f1f2f2; }
      .institutional .block.grey h2 {
        color: #cc0000; }
      .institutional .block.grey p {
        color: #5c5c5c; }
      .institutional .block.grey a {
        color: #cc0000; }
      .institutional .block.grey .col:after {
        border-left-color: #f1f2f2;
        border-right-color: #f1f2f2; }
    .institutional .block.grey-dark {
      background: #85868d; }
      .institutional .block.grey-dark .col:after {
        border-left-color: #85868d;
        border-right-color: #85868d; }
    .institutional .block.grey-darker {
      background: #5c5c5c; }
      .institutional .block.grey-darker .col:after {
        border-left-color: #5c5c5c;
        border-right-color: #5c5c5c; }
    .institutional .block .image-full, .institutional .block .image-mobile {
      width: 100%;
      display: inline-block;
      margin-right: -4px;
      vertical-align: top;
      position: relative; }
      .institutional .block .image-full img, .institutional .block .image-mobile img {
        width: 100%;
        height: auto;
        -o-object-fit: cover;
           object-fit: cover; }
    .institutional .block .image-mobile {
      display: none; }
  .institutional _:-ms-lang(x), .institutional .inline-image-gallery {
    overflow: hidden;
    position: relative; }
    .institutional _:-ms-lang(x) img, .institutional .inline-image-gallery img {
      border: 1px solid;
      width: auto !important;
      height: auto !important;
      zoom: 0.7;
      position: absolute;
      top: -60%;
      left: 0px; }
  @media only screen and (max-width: 1017px) {
    .institutional .block.south-america {
      margin-top: 0; }
    .institutional .block .col {
      width: 100% !important; }
      .institutional .block .col.south-america-content {
        margin-top: 0; }
      .institutional .block .col.south-america-map {
        text-align: center; }
        .institutional .block .col.south-america-map svg {
          padding: 20px; }
      .institutional .block .col.arrow-right:after {
        right: 0;
        left: 0;
        margin: auto;
        border-left: solid 20px transparent;
        border-right: solid 20px transparent;
        border-top: solid 20px transparent;
        border-bottom: 0;
        bottom: -29px;
        z-index: 10;
        width: 0px;
        top: auto; }
      .institutional .block .col.arrow-left:after {
        right: 0;
        left: 0;
        margin: auto;
        border-left: solid 20px transparent;
        border-right: solid 20px transparent;
        border-bottom: solid 20px transparent;
        border-top: 0;
        top: -9px;
        z-index: 10;
        width: 0px;
        bottom: auto; }
      .institutional .block .col.red:after {
        border-left-color: transparent;
        border-right-color: transparent;
        border-top-color: #cc0000;
        border-bottom-color: #cc0000; }
      .institutional .block .col.blue:after {
        border-left-color: transparent;
        border-right-color: transparent;
        border-top-color: #0283cc;
        border-bottom-color: #0283cc; }
      .institutional .block .col.white:after {
        border-left-color: transparent;
        border-right-color: transparent;
        border-top-color: #ffffff;
        border-bottom-color: #ffffff; }
      .institutional .block .col.grey:after {
        border-left-color: transparent;
        border-right-color: transparent;
        border-top-color: #f1f2f2;
        border-bottom-color: #f1f2f2; }
      .institutional .block .col.grey-dark:after {
        border-left-color: transparent;
        border-right-color: transparent;
        border-top-color: #85868d;
        border-bottom-color: #85868d; }
      .institutional .block .col.grey-darker:after {
        border-left-color: transparent;
        border-right-color: transparent;
        border-top-color: #5c5c5c;
        border-bottom-color: #5c5c5c; }
    .institutional .block .image-full {
      display: none; }
    .institutional .block .image-mobile {
      display: inline-block; }
    .institutional .wrapper {
      padding: 0; } }

.path-institucional.context-institucional-compromisso-com-a-seguranca-educacao-no-transito .institutional:nth-child(2) .block .col _:-ms-lang(x), .path-institucional.context-institucional-compromisso-com-a-seguranca-educacao-no-transito .institutional:nth-child(2) .block .col > img {
  width: auto;
  height: auto;
  margin-left: -177px;
  zoom: 0.6; }

.path-institucional.context-institucional-compromisso-com-a-seguranca-educacao-no-transito .institutional .block.red .col _:-ms-lang(x), .path-institucional.context-institucional-compromisso-com-a-seguranca-educacao-no-transito .institutional .block.red .col > img {
  width: auto;
  height: auto; }

.path-institucional.context-institucional-nossa-historia .institutional .block .col _:-ms-lang(x), .path-institucional.context-institucional-nossa-historia .institutional .block .col > img {
  width: auto;
  height: auto; }

.institutional .video-js {
  width: 100% !important;
  height: 510px !important; }

.institutional .block-content {
  text-align: center; }
  .institutional .block-content.alt {
    background: #f0f0f0;
    border-top: solid 1px #d8d8d8;
    border-bottom: solid 1px #d8d8d8; }
  .institutional .block-content .col {
    display: inline-block;
    margin-right: -4px;
    vertical-align: top;
    position: relative;
    text-align: left;
    padding: 40px -0; }
    .institutional .block-content .col h2 {
      color: #cc0000; }
    .institutional .block-content .col p {
      color: #5c5c5c;
      text-align: justify; }
    .institutional .block-content .col a {
      color: #cc0000; }
    .institutional .block-content .col a {
      font-weight: 400; }
    .institutional .block-content .col iframe {
      width: 100%;
      height: 100%; }
    .institutional .block-content .col.text {
      padding: 40px; }
    .institutional .block-content .col img {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover; }
    .institutional .block-content .col .inline-image-gallery {
      width: 100%;
      margin-top: 20px; }
      .institutional .block-content .col .inline-image-gallery img {
        width: 33.33%;
        display: inline-block;
        margin-right: -4px; }
      .institutional .block-content .col .inline-image-gallery.full {
        height: 350px; }
        .institutional .block-content .col .inline-image-gallery.full img {
          width: 100%; }
    .institutional .block-content .col.col-100 {
      width: 100%; }
    .institutional .block-content .col.col-70 {
      width: 70%; }
    .institutional .block-content .col.col-30 {
      width: 30%; }
    .institutional .block-content .col.col-50 {
      width: 50%; }

.politicas-ambientais .institutional .block .col.col-30 {
  padding: 50px 0 0 0;
  text-align: center;
  vertical-align: top; }
  .politicas-ambientais .institutional .block .col.col-30 img {
    height: auto; }

.politicas-ambientais .block-region-second-section {
  background: #f1f2f2; }
  .politicas-ambientais .block-region-second-section .col-30 img {
    width: 60% !important;
    margin: 0 auto !important;
    text-align: center !important;
    padding: 0 0 40px 0; }
  @media only screen and (max-width: 1017px) {
    .politicas-ambientais .block-region-second-section {
      padding: 0 0 40px 0; }
      .politicas-ambientais .block-region-second-section .institutional .block .col.col-30 {
        padding: 0; } }

.institutional .tabbed-slideshow {
  width: 100%;
  padding: 40px 0; }
  .institutional .tabbed-slideshow .tabbed-tabs {
    width: 100%;
    display: inline-block;
    list-style: none; }
    .institutional .tabbed-slideshow .tabbed-tabs li {
      width: 33.33%;
      background: #f0f0f0;
      border-top: solid 1px #d8d8d8;
      border-right: solid 1px #d8d8d8;
      cursor: pointer;
      display: inline-block;
      font-size: .875rem;
      font-weight: 400;
      padding: 15px 0;
      text-align: center;
      vertical-align: bottom; }
      .institutional .tabbed-slideshow .tabbed-tabs li:first-child {
        border-left: solid 1px #d8d8d8; }
      .institutional .tabbed-slideshow .tabbed-tabs li:hover, .institutional .tabbed-slideshow .tabbed-tabs li.active {
        background: #ffffff; }
  .institutional .tabbed-slideshow .tabbed-container {
    width: 100%; }
    .institutional .tabbed-slideshow .tabbed-container .slideshow-gallery .slideshow-gallery-single {
      height: 500px;
      overflow: hidden; }
      .institutional .tabbed-slideshow .tabbed-container .slideshow-gallery .slideshow-gallery-single .slide {
        min-height: 500px;
        max-height: 500px; }
      .institutional .tabbed-slideshow .tabbed-container .slideshow-gallery .slideshow-gallery-single .slick-prev:after {
        content: '';
        width: 50px;
        height: 140px;
        background: #cc0000;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        z-index: -1;
        left: -15px; }
      .institutional .tabbed-slideshow .tabbed-container .slideshow-gallery .slideshow-gallery-single .slick-next:after {
        content: '';
        width: 50px;
        height: 140px;
        background: #cc0000;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        z-index: -1;
        right: -15px; }
      .institutional .tabbed-slideshow .tabbed-container .slideshow-gallery .slideshow-gallery-single .slick-slide {
        min-height: 500px;
        max-height: 500px; }
      .institutional .tabbed-slideshow .tabbed-container .slideshow-gallery .slideshow-gallery-single img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
           object-fit: cover; }
      .institutional .tabbed-slideshow .tabbed-container .slideshow-gallery .slideshow-gallery-single _:-ms-lang(x), .institutional .tabbed-slideshow .tabbed-container .slideshow-gallery .slideshow-gallery-single img {
        width: auto;
        height: auto; }
    .institutional .tabbed-slideshow .tabbed-container .slideshow-gallery .slideshow-gallery-nav {
      height: 120px;
      overflow: hidden; }
      .institutional .tabbed-slideshow .tabbed-container .slideshow-gallery .slideshow-gallery-nav .slick-slide {
        min-height: 120px;
        max-height: 120px; }
      .institutional .tabbed-slideshow .tabbed-container .slideshow-gallery .slideshow-gallery-nav img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
           object-fit: cover; }
      .institutional .tabbed-slideshow .tabbed-container .slideshow-gallery .slideshow-gallery-nav _:-ms-lang(x), .institutional .tabbed-slideshow .tabbed-container .slideshow-gallery .slideshow-gallery-nav img {
        width: auto;
        height: auto;
        zoom: .5; }
    .institutional .tabbed-slideshow .tabbed-container .text {
      padding: 20px 30px;
      background: #f0f0f0; }
      .institutional .tabbed-slideshow .tabbed-container .text h2 {
        color: #cc0000; }
      .institutional .tabbed-slideshow .tabbed-container .text p {
        color: #5c5c5c; }
      .institutional .tabbed-slideshow .tabbed-container .text a {
        color: #cc0000; }
      .institutional .tabbed-slideshow .tabbed-container .text a {
        font-weight: 400; }
      .institutional .tabbed-slideshow .tabbed-container .text ul {
        list-style: none; }
        .institutional .tabbed-slideshow .tabbed-container .text ul li {
          position: relative;
          margin-bottom: 5px; }
          .institutional .tabbed-slideshow .tabbed-container .text ul li:before {
            content: '';
            width: 0;
            height: 0;
            position: absolute;
            left: -20px;
            top: 5px;
            border-right: 6px solid transparent;
            border-left: 6px solid transparent;
            border-bottom: 6px solid #ed1c24;
            transform: rotateZ(90deg); }

@media only screen and (max-width: 1017px) {
  .institutional .tabbed-slideshow .tabbed-tabs li {
    width: 100% !important;
    padding: 10px;
    border-top: solid 1px #d8d8d8;
    border-right: solid 1px #d8d8d8;
    border-left: solid 1px #d8d8d8; } }

.action {
  cursor: pointer; }

.sec {
  display: inline-block;
  margin: 20px;
  padding: 10px;
  background: #f0f0f0;
  border: solid 1px #d8d8d8;
  border-radius: 5px; }
  .sec .subsec {
    display: inline-block;
    margin: 20px;
    padding: 10px;
    background: #ffffff;
    border: solid 1px #e9e9e9;
    border-radius: 5px; }
    .sec .subsec > span {
      display: block; }

@media only screen and (max-width: 1017px) {
  .sec {
    width: 100%;
    margin: 10px 0; }
    .sec .subsec {
      width: 100%;
      margin: 10px 0; } }

.pro-honda-landing-page {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  text-align: center; }
  .pro-honda-landing-page--title {
    padding: 0;
    margin: 50px 0 0; }
  .pro-honda-landing-page .vehicle {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: center;
        align-items: center;
    padding: 0px 70px; }
    .pro-honda-landing-page .vehicle-options-container {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: justify;
          justify-content: space-between;
      -ms-flex-direction: row;
          flex-direction: row;
      -ms-flex-align: center;
          align-items: center;
      padding: 70px 0; }
      @media only screen and (max-width: 1017px) {
        .pro-honda-landing-page .vehicle-options-container {
          padding: 20px 0; } }
    @media only screen and (max-width: 1017px) {
      .pro-honda-landing-page .vehicle {
        padding: 0 10vw; } }
    .pro-honda-landing-page .vehicle:first-child {
      border-right: 1px solid #ECEBED; }
    .pro-honda-landing-page .vehicle img {
      padding: 0 0 10px 0; }

/*# sourceMappingURL=all.css.map */