:root {
  --color-highlight: #fff;
  --color-text-menu: #fff;
  --color-menu-bg: #03244a;
  --headers-color: #03244a;
  --background-color: #03244a;
  --background-secondary-color: #03244a;
  --title-color: #fff;
  --text-color: #f5f5f5;
  --title-secondary-color: #fff;
  --text-secondary-color: #f5f5f5;
  --title-cover-color: #fff;
  --text-cover-color: #fff;
  --inverted-title-color: #fff;
  --inverted-text-color: #fff;
  --input-border-color: #ccc;
  --input-text-color: #7b7b7b;
  --input-background-color: #fff;
  --input-border-secondary-color: #ccc;
  --input-text-secondary-color: #7b7b7b;
  --input-background-secondary-color: #fff;
  --invert-input-border-color: #ccc;
  --invert-input-text-color: #7b7b7b;
  --invert-input-background-color: #fff;
  --hr-color: transparent;
  --highlight-color: #fff;
  --highlight-text-color: #03244a;
  --btn-text-color: #03244a;
  --btn-background-color: #fff;
  --btn-text-secondary-color: #fff;
  --btn-background-secondary-color: #222;
  --menu-text-color: #fff;
  --menu-inverted-text-color: #fff;
  --menu-mobile-bg-color: #03244a;
  --menu-desktop-bg-color: #03244a;
  --font-title: Unica One, cursive;
  --font-default: Sarabun, sans-serif;
  --footer-color: #00001b;
  --footer-text-color: #fff;
  --footer-title-color: #fff;
  --menu-height-crop: 90px;
  --menu-align-left: 0px;
  --menu-align-top: 0px;
  --align-social: left;
  --footer-logo-size: 70px;
  --primary-font-weight: 300;
  --seccondary-font-weight: 300;
  --button-font-weight: 300; }

.btn-secondary:hover, .btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show > .btn-secondary.dropdown-toggle {
  color: #fff;
  background-color: #151515;
  border-color: #151515; }

.btn-primary:hover, .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
  color: #03244a;
  background-color: #f2f2f2;
  border-color: #f2f2f2; }

.box-content-options a {
  color: #03244a !important; }

.items-menu-color {
  color: #fff; }
  .items-menu-color:hover:not(.notHover) {
    color: #03244a !important; }
/* ----- Menu position config -----  */
/* ----- Config para botões criado pelo TinyEditor------ */
.btn.btn-editor {
  border-radius: 0; }
/* ----- Menu Config Fonts ------ */
header.menu {
  height: 90px;
  display: flex;
  align-items: center;
  position: fixed !important;
  top: 0;
  left: 0;
  right: 0;
  /* Menu position config */
  /*se menu nao tiver transparencia, ele é relativo. senao, ele é absoluto em cima das fotos*/
  position: relative;
  background-color: rgba(3, 36, 74, 100);
  position: fixed;
  left: 0;
  right: 0;
  box-shadow: 0px 1px 10px 0px #000038; }
  header.menu .flex-wrapper {
    flex-flow: wrap; }
  header.menu li .items-menu {
    padding: 0.5em; }
  header.menu li:last-child .items-menu {
    background: unset;
    color: auto;
    padding: auto; }
    header.menu li:last-child .items-menu a, header.menu li:last-child .items-menu .items-menu {
      color: auto; }
  header.menu a {
    transition: all 200ms ease-in-out; }
    header.menu a:hover {
      color: #03244a !important; }
  header.menu .items-menu:hover {
    color: #03244a !important; }
  header.menu .content {
    justify-content: center; }
    header.menu .content .content-items {
      align-items: center; }
  header.menu .content-logo img {
    max-height: 70px;
    width: auto !important; }
  header.menu .items-menu {
    font-weight: normal;
    letter-spacing: 0px;
    font-style: unset;
    text-transform: normal; }

.style_one {
  border: 1px solid #fff;
  border-radius: 15px; }
  .style_one .search-input {
    color: #fff; }
/* ------ Menu-logo-centro Config ------ */
header.menu-logo-centro {
  height: 90px;
  display: flex;
  align-items: center;
  position: fixed !important;
  top: 0;
  left: 0;
  right: 0;
  position: relative;
  background-color: rgba(3, 36, 74, 100);
  position: fixed;
  left: 0;
  right: 0;
  box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.5);
  /*Menu position config*/ }
  header.menu-logo-centro .flex-wrapper {
    flex-flow: wrap; }
  header.menu-logo-centro .content-right, header.menu-logo-centro .content-left {
    max-width: 700px; }
  header.menu-logo-centro .content-right, header.menu-logo-centro .content-left, header.menu-logo-centro .content-logo {
    align-items: center; }
    header.menu-logo-centro .content-right .translate-lateral, header.menu-logo-centro .content-left .translate-lateral, header.menu-logo-centro .content-logo .translate-lateral {
      text-align: center;
      margin-right: auto;
      margin-left: auto; }
  header.menu-logo-centro .content {
    justify-content: space-evenly; }
    header.menu-logo-centro .content .content-items {
      align-items: center; }
  header.menu-logo-centro a {
    transition: all 200ms ease-in-out; }
    header.menu-logo-centro a:hover {
      color: #03244a !important; }
  header.menu-logo-centro .items-menu:hover {
    color: #03244a !important; }
  header.menu-logo-centro a {
    transition: all 200ms ease-in-out; }
    header.menu-logo-centro a:hover {
      color: #03244a !important; }
  header.menu-logo-centro .items-menu:hover {
    color: #03244a !important; }
  header.menu-logo-centro .content-logo img {
    max-height: 70px;
    width: auto !important; }
  header.menu-logo-centro .items-menu {
    font-weight: normal;
    letter-spacing: 0px;
    font-style: unset;
    text-transform: normal; }
/* ------- Menu-lateral config -------  */
header.menu-lateral.logo-align .content-logo {
  padding-left: 0px; }

header.menu-lateral {
  width: 90px;
  display: block;
  float: left;
  position: fixed !important;
  padding: 0.5em;
  height: 100vh;
  box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.5);
  /*se o menu é sidebar, ele usa o width como padrao de tamanho de logo, senao, ele usa o height como padrao*/
  /* @if $menu-opacity == 100{
   background-color: rgba($menu-desktop-bg-color, 1);
   @include itemHover;
   }*/
  position: relative;
  background-color: rgba(3, 36, 74, 100);
  position: fixed;
  left: 0;
  right: 0; }
  @media only screen and (min-width: 993px) {
  header.menu-lateral {
    padding: 2em; } }
  @media (max-width: 768px) {
  header.menu-lateral {
    height: 90px; } }
  header.menu-lateral .content {
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center; }
    header.menu-lateral .content .translate-lateral {
      text-align: center;
      margin-right: auto;
      margin-left: auto; }
  header.menu-lateral .content-items {
    justify-content: center; }
    header.menu-lateral .content-items ul {
      align-items: center; }
      header.menu-lateral .content-items ul .translate-lateral {
        text-align: center;
        margin-right: auto;
        margin-left: auto; }
  header.menu-lateral li .items-menu {
    padding: 0.5em; }
  header.menu-lateral li:last-child .items-menu {
    background: unset;
    color: auto;
    padding: auto; }
    header.menu-lateral li:last-child .items-menu a, header.menu-lateral li:last-child .items-menu .items-menu {
      color: auto; }
  header.menu-lateral .content-logo img {
    width: 70px;
    height: auto !important; }
  header.menu-lateral .items-menu {
    font-weight: normal;
    letter-spacing: 0px;
    font-style: unset;
    text-transform: normal; }
  header.menu-lateral .flex-flow {
    flex-flow: column; }
  header.menu-lateral a {
    transition: all 200ms ease-in-out; }
    header.menu-lateral a:hover {
      color: #03244a !important; }
  header.menu-lateral .items-menu:hover {
    color: #03244a !important; }

.item-carousel-text {
  color: var(--inverted-title-color); }

.footer-border-bottom {
  border-bottom: 2px solid #fff; }

.footer-border-right {
  border-right: 2px solid #fff; }