@import url(../../bower_components/normalize-css/normalize.css);
@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,300italic,400italic,700,700italic);
@font-face {
  font-family: "Oswald";
  src: url("../fonts/Oswald-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

* {
  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%; }

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%; } }

.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: 0 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: 20px 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: 20px 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 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    height: 90px; }

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

@media only screen and (min-width: 580px) {
  header .navbar .site-logo img {
    width: 530px;
    height: auto; } }

@media only screen and (max-width: 579px) {
  header .navbar .site-logo img {
    width: 82%;
    margin-right: 14px; } }

@media only screen and (max-width: 1017px) {
  header .navbar .menu-icon {
    left: 0; }
  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; }

footer {
  width: 100%;
  display: block;
  margin: 40px 0 0 0; }
  footer .wrapper {
    width: 100%;
    max-width: 1024px !important;
    margin: 0 auto !important;
    padding: 0 20px !important; }
  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 !important; }
    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="rgba(204,0,0,1)" 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__container {
    margin: 0 auto;
    max-width: 100%;
    position: relative;

    @media only screen and (min-width: 768px) {
      display: flex;
      flex-direction: row;
      align-items: center;
      max-width: 1920px;
    }
  }

  .info-notification__title {
    color: #ffffff;
    font-size: 18px;
    font-weight: 700;
    max-height: 145px;
    padding: 10px 20px;

    @media only screen and (min-width: 768px) {
      align-items: center;
      display: flex;
      font-size: 24px;
      flex-direction: row;
      max-height: initial;
    }
  }

  .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%;

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

    @media only screen and (min-width: 768px) {
      font-size: 14px;
      border: none;
      max-height: initial;
      padding: 26px 70px 20px 30px;
      text-transform: initial;
    }
  }

  .info-notification__close {
    cursor: pointer;
    position: absolute;
    right: 20px;
    top: 15px;

    @media only screen and (min-width: 768px) {
      height: 28px;
      position: initial;
      right: initial;
      top: initial;
      transform: translate(-30px, 0);
    }

    &: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) {
        height: 2px;
        top: 5px;
        width: 39px;
      }
    }

    &: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) {
        height: 2px;
        width: 39px;
      }
    }
  }
}

.notification-title {
  padding: 25px 0;
  position: relative;

  @media only screen and (min-width: 768px) {
    padding: 0 0 0 42px;
  }

  .notification-title__icon {
    //margin-bottom: 10px;
    display: inline-block;
    vertical-align: middle;
    width: 50px;

    @media only screen and (min-width: 768px) {
      margin: initial;
      padding-right: 10px;
      width: auto;
    }
  }

  .notification-title__text {
    font-size: 18px;
    margin: initial;
    text-align: center;
    display: inline-block;

    @media only screen and (min-width: 768px) {
      border-right: 1px solid #ffffff;
      font-size: 24px;
      line-height: 40px;
      padding: 0 42px 0 0;
      width: max-content;
    }
  }

  &: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) {
      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;
} */
.path-user .tabs {
  display: none; }

.user-login-form {
  margin: 0 auto;
  min-height: 300px;
  padding: 100px 0;
  width: 50%; }
  .user-login-form input {
    width: 100%; }
    .user-login-form input.button.form-submit {
      width: auto; }

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