@import url(https://fonts.googleapis.com/css?family=Raleway:300,400,600);.vh-wrapper-1 {
  height: calc(100vh - 40px);
}

html,
body {
  font-family: "Raleway";
  width: 100%;
  overflow-x: hidden;
}

.form-input {
  border-radius: 25px;
  color: #31bbac;
  background: #fff;
}

.video-institutional {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
  height: auto;
}

.video-institutional iframe,
.video-institutional object,
.video-institutional embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.modal-banner .modal-body #video-wrapper {
  float: none;
  display: block;
  clear: both;
  width: 100%;
  padding-bottom: 56%;
  height: 0;
  margin: -1px auto;
}

.modal-banner .modal-body #video-wrapper iframe {
  position: absolute;
  top: 1%;
  left: 1%;
  width: 98%;
  height: 98%;
}

@media screen and (max-width: 768px) {
  .mobile-none {
    display: none;
  }
}

header .header-top {
  background: #00527b;
  height: 30px;
  vertical-align: middle;
  line-height: 30px;
  font-size: 12px;
}

header .header-top #login-mobile {
  display: none;
}

header .header-top .separator {
  color: #80a9bd;
}

header .header-top span.phone1,
header .header-top span.phone2,
header .header-top span.open-at2 {
  color: #fff;
  font-weight: bold;
}

header .header-top a.email,
header .header-top span.open-at1 {
  color: #80a9bd;
}

header .header-top .box-language {
  background: #31bbac;
  padding: 5px 0;
  width: 85%;
  float: right;
  border-radius: 0 0 15px 15px;
}

header .header-top .box-language a {
  margin-right: 15px;
  text-decoration: none;
}

header .header-top .box-language a:last-child {
  margin-right: 0;
}

header .header-top .box-language img {
  width: 25px;
}

header .header-top .box-language .shopping-cart {
  display: none;
}

header .header-mid {
  background: #00669a;
  height: 90px;
  line-height: 90px;
}

header .header-mid #mobile-menu-button {
  display: none;
}

header .header-mid span.login-label {
  color: #fff;
  font-weight: bold;
  font-size: 16px;
}

header .header-mid input[type=text],
header .header-mid input[type=password] {
  padding: 0;
  background: transparent;
  font-size: 12px;
  color: #fff;
  border: none;
  width: 220px;
  border-radius: 0;
  border-bottom: 1px solid #80a9bd;
}

header .header-mid input[type=text]::-webkit-input-placeholder,
header .header-mid input[type=password]::-webkit-input-placeholder {
  color: #fff;
}

header .header-mid input[type=text]:-ms-input-placeholder,
header .header-mid input[type=password]:-ms-input-placeholder {
  color: #fff;
}

header .header-mid input[type=text]::-ms-input-placeholder,
header .header-mid input[type=password]::-ms-input-placeholder {
  color: #fff;
}

header .header-mid input[type=text]::placeholder,
header .header-mid input[type=password]::placeholder {
  color: #fff;
}

header .header-mid input[type=submit] {
  padding: 2px 10px;
  background: #fff;
  color: #00669a;
  font-size: 12px;
  border-radius: 25px;
  font-weight: bold;
  cursor: pointer;
}

header .header-mid .shopping-cart i {
  color: #fff;
  font-size: 30px;
  vertical-align: middle;
}

.header-bottom.menu-fixed {
  background: #31bbac;
  height: 40px;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  text-transform: uppercase;
  -webkit-box-shadow: 2px 1px 2px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 2px 1px 2px 0px rgba(0, 0, 0, 0.2);
  z-index: 999;
}

.header-bottom.menu-fixed .nav-center {
  text-align: center;
}

.header-bottom.menu-fixed .nav-center ul.nav {
  display: inline-block;
  line-height: 24px;
}

.header-bottom.menu-fixed .nav-center ul.nav li {
  display: inline-block;
  margin-right: -5px;
}

.header-bottom.menu-fixed .nav-center ul.nav li a:active {
  background: #00669a;
  border-radius: 0;
}

.header-bottom.menu-fixed .nav-item a {
  color: #fff;
  font-weight: bold;
  letter-spacing: 0.4px;
  font-size: 12px;
  border-radius: 0;
}

.header-bottom.menu-fixed .nav-item a:hover {
  background: #00669a;
  color: #31bbac;
}

.header-bottom.menu-fixed .nav-item.dropdown .dropdown-menu a {
  border-bottom: 1px solid #fff;
  border-top: 1px solid transparent;
  padding: 5px 0;
}

.header-bottom.menu-fixed .nav-item.dropdown .dropdown-menu a:hover {
  color: #31bbac;
  border-bottom: 1px solid #31bbac;
}

.header-bottom.menu-fixed .nav-item.dropdown .dropdown-menu a:last-child {
  border-top: 1px solid transparent;
  border-bottom: none;
  padding-bottom: 0;
}

.header-bottom.menu-fixed .nav-pills .show > .nav-link {
  background: #00669a;
}

.header-bottom.menu-fixed .dropdown-toggle::after {
  display: none;
}

.header-bottom.menu-fixed .nav-item:hover {
  background: #00669a !important;
}

.header-bottom.menu-fixed .dropdown-menu {
  background: #00669a;
  border-radius: 0;
  border: none;
  margin: 0;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  padding: 10px 15px;
}

.header-bottom.menu-fixed .dropdown-menu a {
  font-weight: bold;
  padding: 0;
}

@media screen and (max-width: 768px) {
  header.opened {
    position: fixed;
    z-index: 999;
  }

  header .header-top {
    height: 193px;
    line-height: 20px;
    text-align: center;
    padding: 5px 0;
  }

  header .header-top #login-mobile {
    display: block;
    margin-top: 5px;
  }

  header .header-top #login-mobile form {
    padding: 5px 15px;
  }

  header .header-top #login-mobile form #senha {
    display: inline-block;
    width: 76%;
    margin-right: 5px;
    margin-top: 5px;
  }

  header .header-top #login-mobile form input[type=text],
  header .header-top #login-mobile form input[type=password] {
    padding: 0;
    background: transparent;
    font-size: 12px;
    color: #fff;
    border: none;
    width: 100%;
    border-radius: 0;
    border-bottom: 1px solid #80a9bd;
  }

  header .header-top #login-mobile form input[type=text]::-webkit-input-placeholder,
  header .header-top #login-mobile form input[type=password]::-webkit-input-placeholder {
    color: #fff;
  }

  header .header-top #login-mobile form input[type=text]:-ms-input-placeholder,
  header .header-top #login-mobile form input[type=password]:-ms-input-placeholder {
    color: #fff;
  }

  header .header-top #login-mobile form input[type=text]::-ms-input-placeholder,
  header .header-top #login-mobile form input[type=password]::-ms-input-placeholder {
    color: #fff;
  }

  header .header-top #login-mobile form input[type=text]::placeholder,
  header .header-top #login-mobile form input[type=password]::placeholder {
    color: #fff;
  }

  header .header-top #login-mobile form input[type=submit] {
    padding: 2px 10px;
    background: #fff;
    color: #00669a;
    font-size: 12px;
    border-radius: 25px;
    font-weight: bold;
    cursor: pointer;
  }

  header .header-top #login-mobile form input[type="submit"] {
    margin-top: 5px;
  }

  header .header-top #login-mobile .login-label {
    font-size: 16px;
    color: #fff;
  }

  header .header-top .box-language {
    background: transparent;
    margin: 0 auto;
    float: none;
  }

  header .header-top .box-language .shopping-cart {
    display: inline-block;
    position: absolute;
    color: #fff;
  }

  header .header-mid #mobile-menu-button {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center;
  }

  header .header-mid #mobile-menu-button a {
    -ms-flex-item-align: end;
        align-self: flex-end;
  }

  header .header-mid #mobile-menu-button img {
    width: 90%;
  }

  .header-bottom.menu-fixed {
    position: relative;
    display: none;
  }

  .header-bottom.menu-fixed.opened {
    display: block;
    width: 100vw;
    position: fixed;
    top: 195px;
    background: #00527b;
    z-index: 999;
    height: 100vh;
  }

  .header-bottom.menu-fixed .nav-center ul.nav {
    margin-top: 0;
    width: 100%;
    border-bottom: 1px solid #00527b;
  }

  .header-bottom.menu-fixed .nav-center ul.nav li {
    display: block;
    margin: 10px auto;
    text-align: center;
  }

  .header-bottom.menu-fixed .nav-center ul.nav li a {
    font-size: 16px;
  }

  .header-bottom.menu-fixed .nav-center ul.nav li .dropdown-menu {
    margin: 0 auto;
    font-size: 16px;
    margin-left: -6px;
    width: 100%;
    text-align: center;
  }
}