article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}button,html,input,select,textarea{font-family:sans-serif}body,figure,form{margin:0}a:active,a:focus,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}h2{font-size:1.5em;margin:.83em 0}h3{font-size:1.17em;margin:1em 0}h4{font-size:1em}h6{font-size:.67em;margin:2.33em 0}h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{text-decoration:none;color:#333}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}blockquote{margin:1em 40px}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}dl,menu,ol,p,pre,ul{margin:1em 0}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:after,q:before{content:'';content:none}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}dd{margin:0 0 0 40px}menu,ol,ul{padding:0}nav ol,nav ul{list-style:none}img{border:0;-ms-interpolation-mode:bicubic;max-width:100%;height:auto}svg:not(:root){overflow:hidden}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline}button,input{line-height:normal;border:1px solid #ccc;padding:5px}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}audio,canvas,img,video{vertical-align:middle}address{font-style:normal}ul{list-style:none;margin:0;padding:0}/* VARS */
:root {
  --border-color: #ccc;
  --box-shadow: 0 15px 10px -15px #111;
  --border-radius: 0.25em;
  --primary-light-color: #8eb7d8;
}

/* GLOBAL CLASSES PAGES */

.htmlchars p {
  line-height: 1.8;
}

.htmlchars p.btn a{
  color: #FFF;
}

/* BARRA-INC */
  /* BOTÃO CARRINHO FIXO */
  .widget__cart { width: max-content; position: fixed; top: 12%; right: 0; z-index: 9999; }
  .widget__cart--btn { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 20px 10px; border-radius: var(--border-radius) 0 0 var(--border-radius); font-size: 12px; text-align: center; color: #fff; background-color: var(--primary-color); -webkit-transition: .3s; transition: .3s; }
  .widget__cart--btn i { display: block; font-size: 1em; margin-bottom: 3px; }
  .widget__cart--btn:hover { background-color: var(--dark); }

  /* BOTÃO BUSCA */
.searchIcon { padding: 0; margin: 0; border: none; outline: none; border-radius: var(--border-radius); display: flex; align-items: center; justify-content: center; background-color: transparent; max-width: 175px; width: 100%; position: relative; }
.searchIcon:after { content: ''; position: absolute; top: 0; right: 0; transform: translateX(-3px); width: 1px; height: 100%; background-color: var(--primary-color); border-radius: var(--border-radius); z-index: 0; opacity: 0; overflow: hidden; transition: .3s; }
.searchIcon:hover:after { width: 100%; opacity: 1; transform: translateX(0) }
.searchIcon :is(span, i) { display: flex; align-items: center; height: 40px; font-size: 1em; transition: .3s; }
.searchIcon span { padding-left: 0.5em; border: 1px solid var(--border-color); border-radius: var(--border-radius) 0 0 var(--border-radius); justify-content: space-between; width: 70%; text-transform: uppercase; color: #ccc; font-size: 12px; z-index: 1; }
.searchIcon:hover span { color: #fff; border-color: var(--primary-color); }
.searchIcon i { border: 1px solid var(--primary-color); border-radius: 0 var(--border-radius) var(--border-radius) 0; justify-content: center; width: 30%; background-color: var(--primary-color); color: #fff; z-index: 1; }
.searchModal { display: none; }

.widget__search { width: 100vw; height: 100vh; position: fixed; top: 0; left: 0; display: flex; align-items: center; justify-content: center; z-index: 9999; background-color: rgba(0, 0, 0, 95%); }
.widget__search .search { width: 50%; display: flex; align-items: center; justify-content: center; }
.widget__search .search input { width: 90%; height: 57.3px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 30px; border-radius: var(--border-radius) 0 0 var(--border-radius); border: none; font-size: 1em; background-color: #fff; }
.widget__search .search input::placeholder { font-size: 1em; color: #999; }
.widget__search .search__buttons { display: flex; align-items: center; justify-content: center; gap: 10px; width: 20%; height: 57.3px; border-radius: 0 var(--border-radius) var(--border-radius) 0; background-color: #fff; }
.widget__search .search button { border: none; background-color: transparent; }
.widget__search .search i { color: var(--grey); -webkit-transition: .3s; transition: .3s; }
.widget__search .search button:hover i, .widget__search .search span:hover i { color: var(--dark); }
.widget__search .search i.fa-search { font-size: 20px; }
.widget__search .search i.fa-close { font-size: 24px; cursor: pointer; }

  /* SMALL DEVICE */
  @media only screen and (max-width:576px) {
    .widget__search .search { width: 95%; }
    .widget__search .search__buttons { -webkit-box-shadow: -5px 0 0 #fff; box-shadow: -5px 0 0 #fff; }
  }

  /* BOTÕES GTRANSLATE */
  .widget__lang { width: max-content; display: flex; align-items: center; justify-content: center; }
  body { top: 0 !important; }
  #goog-gt-tt { display: none !important; }
  #google_translate_element2 { display: none !important; }
  .goog-te-banner-frame { display: none !important; }
  .goog-te-menu-value:hover { text-decoration: none !important; }
  .translate-container { display: flex; align-items: center; justify-content: flex-end; gap: 10px; }
  .translate-container img { width: 32px; }

  .skiptranslate {
    display: none;
  }

  /* SMALL DEVICE */
  @media only screen and (max-width:576px) {
    .widget__lang {
      width: 100%;
      padding: 24px 10px;
    }
    .translate-container {
      display: flex;
      justify-content: center;
      width: 100%;
    }

    .translate-container img { width: 30px; }
  }

/* END BARRA-INC */

/* BREADCRUMB */
#breadcrumb li {display: inline-block; }
#breadcrumb i, #breadcrumb li:not(.bread__column) { margin: 0 5px; }

/* MODAL CARRINHO */
.alertCart { z-index: 999; display: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 80%; width: 100%; border: 1px solid var(--border-color); border-radius: var(--border-radius);   padding: 1em; background: #fff; }
.alertCart h2 { font-size: 1.2em; text-align: center; color: var(--primary-color); }
.alertCart .btn { border: none; outline: none;}
.alertCart .btn:hover { border: none; outline: none; }


/* CARRINHO */
  /* **TABELA** */
  .carrinho .carrinho__head { padding: 1em 0; border-bottom: 2px solid var(--border-color); color: var(--dark); font-size: 1.2em; margin-bottom: 24px; }
  .carrinho .carrinho__body .carrinho__row { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 1.5em; height: 100%; display: flex; flex-direction: column; justify-content: center; border-bottom: 1px solid var(--border-color); }
  .carrinho .carrinho__body .carrinho__row span { color: var(--dark); font-size: 1.2em; line-height: 1.6em; color:var(--dark); }

  /* **INPUT QUANTIDADE** */
  .carrinho .qtdCart {max-width: 70px; width: 100%; line-height: 24px; }
  
  /* **BUTTON TRASH** */
  .carrinho .removeCart { display: block; height: 40px; text-align: center; line-height: 30px; outline: none; border: none; background: none; cursor: pointer; }
  .carrinho .removeCart i { color: red; font-size: 24px; transition: 0.3s;}

  .carrinho .removeCart:hover i {
    color: var(--dark);
  }

  /* FIM CART SELECT */
  
  .cart-table-container {
    width: 100%;
  }
  
  .cart-table {
    width: 100%;
    margin: 12px 0;
    border-radius: 4px;
    overflow: hidden;
  }
  
  .cart-table thead {
    background-color: var(--primary-color);
  }
  
  .cart-table :is(tbody, thead, tr) {
    width: 100%;
  }
  
  .cart-table tr {
    display: grid;
    grid-template-columns: 1fr 1fr 4fr 1fr 0.5fr;
    gap: 0;
  }

  .cart-table :is(th, td) {
    padding: 16px;
    text-align: center;
    border: 1px solid rgba(0, 0, 0, 0.1);
  }
  
  .cart-table :is(th) {
    font-size: 16px;
    color: #FFF;
  }
  
  
  .cart-table :is(td) {
    color: var(--grey);
    font-size: 14px;
  }

  .cart-table-modelos span {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #F6F6F6;
    border: 1px solid rgba(0, 0, 0, 0.1);
  }

  .cart-table-qtd input {
    flex: 1;
    background-color: #F6F6F6;
    border: 1px solid rgba(0, 0, 0, 0.1);
  }
  
  @media only screen and (max-width: 1200px) {
    .cart-table-container {
      overflow-x: auto;
    }
  
    .cart-table {
      width: 1200px;
    }
  }

  /* **FORMULÁRIO** */
  .formulario { width: 100%; }
  .formulario.j_formulario { display: none; }
  .formulario :is(input, textarea, select) { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 1em; width: 100%; margin: 0.5em 0; border: 1px solid var(--border-color); font: 1em/1.5em var(--primary-font); color: var(--dark); background-color: #fff; -webkit-transition: .3s; transition: .3s; }
  .formulario :is(input, textarea, select):focus { color: var(--dark); background-color: #fff; border-color: #80bdff; outline: 0; box-shadow: 0 0 0 0.2em rgb(0 123 255 / 25%); }
  .formulario label, .formulario :is(input, textarea)::placeholder { font: 1em/1.5em var(--primary-font); color: var(--dark); }
  .formulario [type="submit"] { max-width: 280px; width: 100%; margin-top: 1em; border: 1px solid var(--primary-color); font-size: 16px; text-transform: uppercase; color: #fff; background-color: var(--primary-color); cursor: pointer; }
  .formulario [type="submit"]:hover { background-color: var(--dark); border: 1px solid var(--dark); }
  .formulario__obrigatory { display: block; margin: 1em 0; font-size: 12px; color: var(--grey); }

  /* SMALL DEVICE */
  @media only screen and (max-width:576px) {
    .carrinho .carrinho__body .carrinho__row { padding: 0.8em; }
    .carrinho .inputNumber * { font-size: 1em !important; }
  }
/* END CARRINHO */

/* PAGINAÇÃO */
.form__pages { display: flex; align-items: center; justify-content: end; }
.form__pages .search__pages, .form__pages .view__pages { display: flex; align-items: center; }
.form__pages .search__pages { width: 70%; }
.form__pages .search__pages input[type="search"] { width: 95%; height: 35px; background-color: #fff; color: var(--grey); padding: 0 5px; font-size: 1em; border: 1px solid var(--border-color); border-radius: 5px 0 0 5px; border-right-width: 0;  }
.form__pages .search__pages input[type="search"]::placeholder { font-size: 1em; color: var(--grey); }
.form__pages .search__pages button[type="submit"] { width: 5%; height: 37px; background-color: #fff; color: var(--grey); padding: 0; font-size: 1em; border: 1px solid var(--border-color); border-radius: 0 5px 5px 0; border-left-width: 0; }
.form__pages .view__pages { width: 30%; gap: 10px; justify-content: flex-end; }
.form__pages .view__pages select { max-width: 100px; border: 1px solid var(--border-color); border-radius: var(--border-radius); color: var(--grey); height: 35px;  }

/* SMALL DEVICE */
@media only screen and (max-width:576px) {
  .form__pages { flex-direction: column; gap: 10px; }
  .form__pages .search__pages { width: 100%; }
  .form__pages .search__pages input[type="search"] { width: 90%; }
  .form__pages .search__pages button[type="submit"] { width: 10%; }
  .form__pages .view__pages { width: 100%; }
}

/* BOTÕES PAGINAÇÃO */
.btn-group button { display: inline-table; width: auto; outline: 1px solid var(--border-color); }
.btn-group button.active { background: var(--primary-color); color: #fff; }
.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { border-radius: 0; }
.btn-group > .btn:first-child { margin-left: 0; }
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { border-bottom-right-radius: 0; border-top-right-radius: 0; }
.btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) { border-bottom-left-radius: 0; border-top-left-radius: 0; }
.btn-group > .btn-group { float: left; }
.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; }
.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle { border-bottom-right-radius: 0; border-top-right-radius: 0; }
.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child { border-bottom-left-radius: 0; border-top-left-radius: 0; }
.btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle { outline: 0; }
.btn-group > .btn + .dropdown-toggle { padding-left: 8px; padding-right: 8px; }
.btn-group > .btn-lg + .dropdown-toggle { padding-left: 12px; padding-right: 12px; }
.btn-group.open .dropdown-toggle { -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }
.btn-group.open .dropdown-toggle.btn-link { -webkit-box-shadow: none; box-shadow: none; }
.btn .caret { margin-left: 0; }
.btn-lg .caret { border-width: 5px 5px 0; border-bottom-width: 0; }
.dropup .btn-lg .caret { border-width: 0 5px 5px; }
.btn-group-vertical > .btn, .btn-group-vertical > .btn-group, .btn-group-vertical > .btn-group > .btn { display: block; float: none; width: 100%; max-width: 100%; }
.btn-group-vertical > .btn-group > .btn { float: none; }
.btn-group-vertical > .btn + .btn, .btn-group-vertical > .btn + .btn-group, .btn-group-vertical > .btn-group + .btn, .btn-group-vertical > .btn-group + .btn-group { margin-top: -1px; margin-left: 0; }
.btn-group-vertical > .btn:not(:first-child):not(:last-child) { border-radius: 0; }
.btn-group-vertical > .btn:first-child:not(:last-child) { border-top-right-radius: 4px; border-top-left-radius: 4px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; }
.btn-group-vertical > .btn:last-child:not(:first-child) { border-top-right-radius: 0; border-top-left-radius: 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; }
.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; }
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle { border-bottom-right-radius: 0; border-bottom-left-radius: 0; }
.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child { border-top-right-radius: 0; border-top-left-radius: 0; }
.btn-group-justified { display: table; width: 100%; table-layout: fixed; border-collapse: separate; }
.btn-group-justified > .btn, .btn-group-justified > .btn-group { float: none; display: table-cell; width: 1%; }
.btn-group-justified > .btn-group .btn { width: 100%; }
.btn-group-justified > .btn-group .dropdown-menu { left: auto; }

/* PÁGINA PESQUISA */
.search-card { border-radius: 5px; }
.search-card .search-card__cover { width: 100%; height: 300px; object-fit: cover; -webkit-transition: .3s; transition: .3s; }
.search-card:hover .search-card__cover { opacity: .8; }
.search-card .search-card__title { background-color: var(--primary-color); margin: 0; height: 60px; display: flex; align-items: center; justify-content: center; color: #fff; text-align: center; border-radius: 0 0 5px 5px; font-size: 14px; -webkit-transition: .3s; transition: .3s; }
.search-card:hover .search-card__title { background-color: var(--dark); }

/* ASIDE */
.aside-sig { border: 1px solid var(--border-color);  border-radius: var(--border-radius); overflow: hidden; margin: 25px 0 25px 5%;}
.aside-sig h2 { background-color: var(--primary-color); font-size: 1em; color: #fff; margin: 0px; padding: 1em; }
.aside-sig h2 a { color: #fff; }
.aside-sig li { margin: 0; }
.aside-sig .sub-menu { display: block; margin: 0;}
.aside-sig .sub-menu--first { display: block; }
.aside-sig .submenu-item { display: block; margin: 0; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 5px; color: var(--grey); font-size: 1em; -webkit-transition: .3s; transition: .3s; }
.aside-sig .submenu-item--first { border-left: 2px solid var(--grey); }
.aside-sig .submenu-item--first:hover { border-left-color: var(--primary-color); }
.aside-sig .submenu-item--last { padding-left: 15px; }
.aside-sig .submenu-item:hover, 
.aside-sig .submenu-item.active-menu-aside { color: var(--primary-color); background-color: #f7f7f7; }
.aside-sig .aside__contact .btn { display: block; margin: 0 auto; padding: 1em; text-align: center; border-radius: 0; border-top: 1px solid var(--border-color); }
.aside-sig .fb-page { margin: 0 auto; }

/* SMALL DEVICE */
@media only screen and (max-width: 576px) {
  .aside-sig { margin: 15px auto; }
}

/* ASIDE SIG FIXED */

.aside-sig-fixed {
  background-color: rgba(255, 255, 255, 0.95);
  border-top: 6px solid var(--primary-color);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  border-left: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0px 4px 6px -2px rgba(0, 0, 0, 0.05), 0px 10px 15px -3px rgba(0, 0, 0, 0.10);
  border-radius: 16px 0 0 16px;
  margin: 0;
  box-sizing: border-box;
  padding: 32px 24px;
  position: fixed;
  z-index: 9998;
  height: auto;
  width: 280px;
  right: -280px;
  top: 50%;
  transform: translateY(-50%);
  color: #fff;
  transition: .5s ease-in-out;
  display: flex;
  flex-flow: column;
  justify-content: space-between;
}

.aside-sig-fixed::before {
  content: '\f0c9';
  font-family: 'FontAwesome';
  width: 40px;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--primary-color);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -40px;
  cursor: pointer;
  transition: .3s;
  color: #FFF;
  border-radius: 16px 0 0 16px;
  border-width: 1px 0px 1px 1px;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.1);
  box-shadow: 0px 4px 6px -2px rgba(0, 0, 0, 0.05), 0px 10px 15px -3px rgba(0, 0, 0, 0.10);
}

.aside-sig-fixed:hover {
  right: 0;
}

.aside-sig-fixed:hover::before {
  opacity: 0;
}

.aside-sig-fixed :is(.aside__menu, .aside__contact) {
  transition-duration: 0.5s;
  transition-delay: 0.4s;
  opacity: 0;
  transform: translateX(80px);
}

.aside-sig-fixed:hover :is(.aside__menu, .aside__contact) {
  opacity: 1;
  transform: translateX(0);
}

.aside-sig-fixed nav::-webkit-scrollbar {
  width: 3px;
}

.aside-sig-fixed nav::-webkit-scrollbar-thumb {
  background-color: var(--primary-color);
}

.aside-sig-fixed nav {
  max-height: 300px;
  overflow-y: scroll;
}

.aside-sig-fixed .aside__menu .aside-title {
  margin: 0 0 16px 0;
  font-size: 18px;
  position: relative;
  padding-bottom: 16px;
}

.aside-sig-fixed .aside__menu .aside-title::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 50px;
  height: 2px;
  background-color: var(--dark);
  display: block;
}

.aside-sig-fixed .aside__menu .aside-title a {
  transition: 0.3s;
  display: block;
  color: var(--primary-color);
}

.aside-sig-fixed .aside__menu .aside-title:hover a {
  color: var(--dark);
}

.aside-sig-fixed .aside__nav ul {
  padding-right: 4px;
}

.aside-sig-fixed .aside__nav ul li {
  margin: 4px 0;
}

.aside-sig-fixed .aside__nav li a {
  display: block;
  padding: 12px;
  margin: 0;
  font-size: 12px;
  transition: .3s;
  color: var(--grey);
  background-color: #F0F0F0;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 4px;
}

.aside-sig-fixed .aside__contact {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 24px;
}

.aside-sig-fixed .aside__contact-item {
  width: 100%;
  padding: 12px;
  border-radius: 32px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--primary-color);
  color: #FFF;
  flex: 1;
  transition: 0.3s;
  border: 1px solid var(--primary-color);
}

.aside-sig-fixed .aside__contact-item i {
  font-size: 16px;
}

.aside-sig-fixed .aside__contact-item.whatsapp {
  background-color: #25D366;
  border: 1px solid #25D366;
}

.aside-sig-fixed .aside__contact-item:hover {
  background-color: transparent;
  color: var(--primary-color);
}

.aside-sig-fixed .aside__contact-item.whatsapp:hover {
  background-color: transparent;
  color: #25D366;
}

.aside-sig-fixed .aside__nav li a:hover, .aside-sig-fixed .aside__nav li a.active-menu-aside {
  background-color: var(--primary-color);
  color: #FFF;
}

/* FIM ASIDE SIG FIXED */

/* ASIDE HIDDEN */
.aside-hidden { box-sizing: border-box; border-radius: var(--border-radius) 0 0 var(--border-radius); width: 300px; height: auto; margin: 0; padding: 15px 30px; background-color: var(--primary-color); color: #fff; position: fixed; right: -300px; top: 50%; transform: translateY(-50%); z-index: 999; display: flex; flex-flow: column; justify-content: space-between; transition: .5s ease-in-out; }

.aside-hidden::before { content: '\f100'; font-family: 'FontAwesome'; background-color: var(--primary-color); border-radius: var(--border-radius) 0 0 var(--border-radius); box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.5); width: 50px; height: 100px; display: flex; align-items: center; justify-content: center; position: absolute; top: 50%; transform: translateY(-50%); left: -50px; cursor: pointer; transition: .3s; }
.aside-hidden:hover { right: 0; }
.aside-hidden:hover::before { opacity: 0; }

.aside-hidden h2 { margin-top: 15px; margin-bottom: 0; font-size: 1.5em; }
.aside-hidden h2 a { color: #fff; }

.aside-hidden nav::-webkit-scrollbar { width: 3px; }
.aside-hidden nav::-webkit-scrollbar-thumb { background-color: var(--dark); }
.aside-hidden nav { max-height: 300px; height: auto; overflow-y: auto; }

.aside-hidden :is(nav, .aside__cta) { display: block; width: 100%; margin: 15px auto; }
.aside-hidden:hover :is(nav, .aside__cta) { animation-name: anima__aside; animation-duration: .7s; animation-timing-function: ease-in-out; }

.aside-hidden .sub-menu li a { display: block; padding: 5px; margin: 5px 0; font-size: 12px; border-left: 1.5px solid #fff; color: #fff; transition: .3s; }
.aside-hidden .sub-menu li a:hover,
.aside-hidden .sub-menu li a.active-menu-aside { border-left: 3px solid var(--dark); color: var(--dark); }

.aside__cta .btn { display: block; width: 100%; margin: 5px auto; background-color: var(--primary-light-color); border-radius: var(--border-radius); border: 2px solid transparent; }
.aside__cta .btn:hover { border-color: var(--primary-light-color); background-color: var(--primary-color); }

@keyframes anima__aside {
  0% { transform: translateX(1000px); }
  100% { transform: translateX(0); }
}

/* *****PRODUTOS***** */

  /* **PRODUTO THUMB** */
  

  /* **PRODUTO INC COVER** */
  .prod-inc-cover img { display: block; margin: 0 auto; width: 100%; aspect-ratio: 1/1; object-fit: contain; border: 1px solid var(--border-color); border-radius: var(--border-radius); }

  /* SMALL DEVICE */
  @media only screen and (max-width:576px) {
    .prod-inc-cover img { height: calc(380px - 15vh); }
  }

  /* **PRODUTO INC GALLERY -- DEFAULT** */
  .prod-inc-default-gallery .gallery__item img { display: block; margin: 0 auto; max-width: 100%; aspect-ratio: 1/1; object-fit: cover; cursor: pointer;}

  /* **PRODUTO INC GALLERY -- CUSTOM** */
  .prod-inc-custom-gallery .gallery__main { width: 100%; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 4px; overflow: hidden; }

.prod-inc-custom-gallery .gallery__main .slick-prev,
.prod-inc-custom-gallery .gallery__main .slick-next {
    background-color: var(--primary-color);
    width: 32px;
    height: 32px;
    transition: 0.3s;
    border-radius: 50%;
}

.prod-inc-custom-gallery .gallery__main .slick-prev {
    left: 8px;
}
.prod-inc-custom-gallery .gallery__main .slick-next {
    left: initial;
    right: 8px;
}

.prod-inc-custom-gallery .gallery__main .slick-prev::before,
.prod-inc-custom-gallery .gallery__main .slick-next::before {
    color: #FFF;
    font-size: 14px;
    box-sizing: border-box;
    opacity: 1;
}

.prod-inc-custom-gallery .gallery__main .slick-prev:focus,
.prod-inc-custom-gallery .gallery__main .slick-next:focus {
    background-color: var(--primary-color);
}

.prod-inc-custom-gallery .gallery__main .slick-prev:hover,
.prod-inc-custom-gallery .gallery__main .slick-next:hover {
    background-color: var(--dark);
}

  .prod-inc-custom-gallery .gallery__main a { aspect-ratio: 5/4; width: 100%; display: flex !important; align-items: center; justify-content: center; overflow: hidden; }
  .prod-inc-custom-gallery .gallery__main img { margin: 0; width: 100%; height: 100%; max-width: 100%; max-height: 100%; object-fit: contain; }

  .prod-inc-custom-gallery .gallery__nav {
    overflow: hidden;
  }

  .prod-inc-custom-gallery .gallery__nav .slick-arrow + .slick-list {
    margin: 0 24px;
  }
  
  .prod-inc-custom-gallery .gallery__nav { width: 100%; }
  .prod-inc-custom-gallery .gallery__nav .gallery__item { margin: 0.5em; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 4px; width: 100%; max-width: 200px; cursor: pointer; aspect-ratio: 1/1; }
  .prod-inc-custom-gallery .gallery__nav .gallery__item img { display: block; margin: 0 auto; width: 100%; height: 100%; object-fit: contain; }
  
  .prod-inc-custom-gallery .gallery__nav .slick-list .slick-track { display: flex; justify-content: flex-end; align-items: center; }

  :is(.prod-layout-03, .prod-layout-01) .prod-inc-custom-gallery .gallery__nav .slick-list .slick-track { justify-content: flex-start; }

  /* SMALL DEVICE */
  @media only screen and (max-width:576px) {
    .prod-inc-custom-gallery .gallery__main img { height: calc(380px - 15vh); }
  }

  /* **PRODUTO INC CARRINHO** */
  .prod-inc-cart .cart { display: block; width: 100%; font-size: 1em; }
  .prod-inc-cart .cart fieldset { border: 1px solid var(--border-color); border-radius: var(--border-radius); -webkit-box-sizing: border-box; box-sizing: border-box; padding: 1em; margin: 0;}
  .prod-inc-cart .cart label:not(.radio-option) { display: block; font-size: 1em; color: var(--grey); }
  .prod-inc-cart .cart label.radio-option { display: flex; align-items: center; justify-content: flex-start; margin: 0.5em 1em; }
  .prod-inc-cart .cart input[type="radio"] { margin-right: 0.5em; max-width: 1em; }
  .prod-inc-cart .cart input[type="submit"]:hover { background-color: var(--dark); }

  /* **INPUT NUMBER** */

  .prod-inc-cart .inputNumber { position: relative; overflow: hidden; display: flex; align-items: center; justify-content: center; width: 100%; margin: 0; background-color: #fff; border: 1px solid var(--border-color); border-radius: var(--border-radius);  }
  .prod-inc-cart .inputNumber input, .inputNumber .inputNumberBtn { position: relative; width: 40%; height: 50px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 5px; font-size: 1.6em; text-align: center; line-height: 40px; outline: 0; border: 0px; }
  .prod-inc-cart .inputNumber .inputNumberBtn { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; transition: .3s; }
  .prod-inc-cart .inputNumber .inputNumberBtn:hover, .inputNumber .inputNumberBtn:active { color: var(--dark); }
  .prod-inc-cart .inputNumber .inputNumberBtn.disabled { cursor: default; color: rgba(116, 116, 116, 0.5); }
  .prod-inc-cart .inputNumber input { border-left: 0; border-right: 0; color: var(--dark); font: bold 1.3em var(--primary-font); }
  .prod-inc-cart .inputNumber input:focus { outline: 0; }
  .prod-inc-cart .inputNumber input[type=number]::-webkit-inner-spin-button, .inputNumber input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }

  /* **PRODUTO INC CONTENT** */
  .prod-inc-tab { display: flex; align-items: flex-end; justify-content: flex-start; flex-wrap: wrap; gap: 8px; }
  .prod-inc-tab .tab__link { -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 16px 16px 0 0; padding: 12px 24px; background-color: #FAFCFE; border: 1px solid var(--border-color); margin: 0; z-index: 0; position: relative; top: 1px; cursor: pointer; transition: 0.3s; font-size: 14px; color: var(--grey) }
  .prod-inc-tab .tab__link.active,
  .prod-inc-tab .tab__link:hover { z-index: 1; border-bottom-color: #fff; background-color: var(--primary-color); color: #FFF; border-bottom-color: var(--primary-color); }

  .prod-inc-content {
    background-color: #FAFCFE;
  }
  .prod-inc-content .tab__content { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 1em; border: 1px solid var(--border-color); border-radius: 0 var(--border-radius) var(--border-radius) var(--border-radius); }

@media only screen and (max-width: 576px) {
  .prod-inc-tab {
    flex-direction: column;
    gap: 4px;
    margin-bottom: 8px;
  }

  .prod-inc-tab .tab__link {
    width: 100%;
    border-radius: 0;
    text-align: center;
  }
}

/* *****END PRODUTOS***** */

/* SERVIÇOS */

.service-inc__gallery .gallery__item {
  aspect-ratio: 1/1;
  margin: 1rem;
  overflow: hidden;
}

.service-inc__gallery .gallery__item img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}



/* FIM SERVICOS */

/* BLOG */

.blog-card {
  overflow: hidden;
}
.blog-card .blog-card__image { overflow: hidden; aspect-ratio: 4/3; }
.blog-card__image img { width: 100%; height: 100%; object-fit: cover; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; }
.blog-card .blog-card__info { z-index: 2; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 20px; width: 100%; margin: 0 auto; }
.blog-card .blog-card__date { font-size: 10px; color: var(--grey); font-weight: bold; }
.blog-card .blog-card__title { color: var(--dark); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; margin: 0;}
.blog-card:hover .blog-card__title { color: var(--primary-color); }
.blog-card .blog-card__description p { font-size: 14px; color: var(--grey); margin: 16px 0 32px 0; }
.blog-card .blog-card__content-text { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }

.blog-card__author {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
}

.blog-card__author a {
  transition: 0.3s
}

.blog-card__author a:hover {
  color: var(--dark);
}

.blog-card__btn {
  background-color: var(--primary-color);
  color: #FFF;
  padding: 12px 24px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  width: fit-content;
  transition: 0.3s;
  margin-left: auto;
}

.blog-card__btn i {
  font-size: 12px;
}

.blog-card__btn:hover {
  background-color: var(--dark);
}

.blog-card__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin: 16px 0;
}

.blog-card__tags a {
  background-color: var(--primary-color);
  color: #FFF;
  padding: 4px 8px;
  font-size: 12px;
  border-radius: 4px;
  display: inline-block;
  transition: 0.3s;
}

.blog-card__tags a:hover {
  background-color: var(--dark);
}

/* BLOG.INC */
.blog-inc__date { font-size: 10px; color: var(--grey); font-weight: bold; }
.blog-inc__cover img { margin-bottom: 15px; }

.blog-inc__gallery {
  margin-bottom: 24px;
}

.blog-inc__gallery .slick-list {
  margin: 0 24px;
}

.blog-inc__gallery .gallery__item {
  margin: 0 8px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  aspect-ratio: 4/3;
}

.blog-inc__gallery .gallery__item a {
  padding: 8px;
  display: block;
  width: 100%;
  height: 100%;
}

.blog-inc__gallery .gallery__item img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

/* NEWSLETTER */
.newsletter-form { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 32px 0; }
.newsletter-form input:not([type="checkbox"]) { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 16px; border-radius: 4px; width: 100%; font: 14px/normal var(--primary-font); border: none; }
.newsletter-form input:not([type="checkbox"])::placeholder { font: 14px/normal var(--primary-font); }
.newsletter-form input[type="submit"] { background-color: #FFF; color: var(--primary-color); -webkit-transition: .3s; transition: .3s; border: 1px solid var(--primary-color); width: fit-content; padding: 16px 32px; text-transform: uppercase; letter-spacing: 1px; font-weight: bold; }
.newsletter-form input[type="submit"]:hover { background-color: transparent; color: #FFF; border: 1px solid #FFF; }
.j_load { z-index: 99999; display: none; top: 0px; left: 0px; bottom: 0px; right: 0px; background: url('https://www.resfrilar.com.br/imagens/loading.gif') 50% 50% no-repeat rgba(0, 0, 0, 0.5); background-size: 50px auto; position: fixed; width: 100%; height: 100%; }

.newsletter-form input[type="checkbox"] { border: none; }

.newsletter-form h2 {
  color: #FFF;
  margin: 0 0 24px 0;
  font-size: 40px;
  line-height: 1.2;
  letter-spacing: 1px;
}

.newsletter-form__side i {
  color: #FFF;
  font-size: 80px;
  margin-bottom: 32px;
}

.newsletter-form__fields {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
}

.newsletter-form .label-consentimento {
  color: #FFF;
}

@media only screen and (max-width: 576px) {
  .newsletter-form input[type="submit"] { width: 100%; }
}

/* DOWNLOADS */
.download-card { margin-bottom: 25px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 25px; border: 1px solid #ccc; border-radius: 3px; -webkit-transition: .3s; transition: .3s; }
.download-card:hover { border-color: var(--dark); }
.download-card__link { display: flex; }
.download-card .download-card__icon { width: 10%; display: flex; align-items: center; justify-content: flex-start; font-size: 32px; color: var(--primary-color); -webkit-transition: .3s; transition: .3s; }
.download-card:hover .download-card__icon { color: var(--dark); }
.download-card .download-card__description { width: 90%; }
.download-card .download-card__title { margin-top: 0; font-size: 14px; color: var(--primary-color); -webkit-transition: .3s; transition: .3s; }
.download-card:hover .download-card__title { color: var(--dark) }
.download-card .download-card__text { font-size: 12px; color: var(--grey); margin: 0; }

/* CASES */
.case-card { position: relative; display: block; width: 100%; height: 100%; overflow: hidden; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 10%); box-shadow: 0 0 10px rgba(0, 0, 0, 10%); border-radius: 5px; }
.case-card .case-card__cover { width: 100%; height: 300px; object-fit: cover; -webkit-transition: 1s; transition: 1s; }
.case-card:hover .case-card__cover { transform: scale(1.5); }
.case-card .case-card__overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; opacity: 0; background-color: rgb(33, 114, 179, 90%); -webkit-transition: .5s; transition: .5s; }
.case-card:hover .case-card__overlay { opacity: 1; }
.case-card .case-card__title { position: relative; top: -25%; text-align: center; margin: 25px; font-size: 18px; color: #fff; -webkit-transition: .5s; transition: .5s; }
.case-card:hover .case-card__title { top: 0; }

/* CASES.INC */
.cases-inc__cover { float: left; padding-right: 10px; padding-bottom: 10px; width: 300px; }

/* PANEL */
.panel { margin-bottom: 20px; background-color: #fff; border: 1px solid transparent; border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05); box-shadow: 0 1px 1px rgba(0, 0, 0, .05); }
.panel-body { padding: 15px; }
.panel-heading { padding: 10px 15px; border-bottom: 1px solid transparent; border-top-left-radius: 3px; border-top-right-radius: 3px; }
.panel-heading > .dropdown .dropdown-toggle { color: inherit; }
.panel-title { margin-top: 0; margin-bottom: 0; font-size: 16px; color: inherit; }
.panel-title > a, .panel-title > small, .panel-title > .small, .panel-title > small > a, .panel-title > .small > a { color: inherit; }
.panel-footer { padding: 10px 15px; background-color: #f5f5f5; border-top: 1px solid #ddd; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; }
.panel > .list-group, .panel > .panel-collapse > .list-group { margin-bottom: 0; }
.panel > .list-group .list-group-item, .panel > .panel-collapse > .list-group .list-group-item { border-width: 1px 0; border-radius: 0; }
.panel > .list-group:first-child .list-group-item:first-child, .panel > .panel-collapse > .list-group:first-child .list-group-item:first-child { border-top: 0; border-top-left-radius: 3px; border-top-right-radius: 3px; }
.panel > .list-group:last-child .list-group-item:last-child, .panel > .panel-collapse > .list-group:last-child .list-group-item:last-child { border-bottom: 0; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; }
.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child { border-top-left-radius: 0; border-top-right-radius: 0; }
.panel-heading + .list-group .list-group-item:first-child { border-top-width: 0; }
.list-group + .panel-footer { border-top-width: 0; }
.panel > .table, .panel > .table-responsive > .table, .panel > .panel-collapse > .table { margin-bottom: 0; }
.panel > .table caption, .panel > .table-responsive > .table caption, .panel > .panel-collapse > .table caption { padding-right: 15px; padding-left: 15px; }
.panel > .table:first-child, .panel > .table-responsive:first-child > .table:first-child { border-top-left-radius: 3px; border-top-right-radius: 3px; }
.panel > .table:first-child > thead:first-child > tr:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child { border-top-left-radius: 3px; border-top-right-radius: 3px; }
.panel > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child { border-top-left-radius: 3px; }
.panel > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child { border-top-right-radius: 3px; }
.panel > .table:last-child, .panel > .table-responsive:last-child > .table:last-child { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; }
.panel > .table:last-child > tbody:last-child > tr:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; }
.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child { border-bottom-left-radius: 3px; }
.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child { border-bottom-right-radius: 3px; }
.panel > .panel-body + .table, .panel > .panel-body + .table-responsive, .panel > .table + .panel-body, .panel > .table-responsive + .panel-body { border-top: 1px solid #ddd; }
.panel > .table > tbody:first-child > tr:first-child th, .panel > .table > tbody:first-child > tr:first-child td { border-top: 0; }
.panel > .table-bordered, .panel > .table-responsive > .table-bordered { border: 0; }
.panel > .table-bordered > thead > tr > th:first-child, .panel > .table-responsive > .table-bordered > thead > tr > th:first-child, .panel > .table-bordered > tbody > tr > th:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child, .panel > .table-bordered > tfoot > tr > th:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child, .panel > .table-bordered > thead > tr > td:first-child, .panel > .table-responsive > .table-bordered > thead > tr > td:first-child, .panel > .table-bordered > tbody > tr > td:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child, .panel > .table-bordered > tfoot > tr > td:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child { border-left: 0; }
.panel > .table-bordered > thead > tr > th:last-child, .panel > .table-responsive > .table-bordered > thead > tr > th:last-child, .panel > .table-bordered > tbody > tr > th:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child, .panel > .table-bordered > tfoot > tr > th:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child, .panel > .table-bordered > thead > tr > td:last-child, .panel > .table-responsive > .table-bordered > thead > tr > td:last-child, .panel > .table-bordered > tbody > tr > td:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child, .panel > .table-bordered > tfoot > tr > td:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child { border-right: 0; }
.panel > .table-bordered > thead > tr:first-child > td, .panel > .table-responsive > .table-bordered > thead > tr:first-child > td, .panel > .table-bordered > tbody > tr:first-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td, .panel > .table-bordered > thead > tr:first-child > th, .panel > .table-responsive > .table-bordered > thead > tr:first-child > th, .panel > .table-bordered > tbody > tr:first-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th { border-bottom: 0; }
.panel > .table-bordered > tbody > tr:last-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td, .panel > .table-bordered > tfoot > tr:last-child > td, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td, .panel > .table-bordered > tbody > tr:last-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th, .panel > .table-bordered > tfoot > tr:last-child > th, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th { border-bottom: 0; }
.panel > .table-responsive { margin-bottom: 0; border: 0; }
.panel-group { margin-bottom: 20px; }
.panel-group .panel { margin-bottom: 0; border-radius: 4px; }
.panel-group .panel + .panel { margin-top: 5px; }
.panel-group .panel-heading { border-bottom: 0; }
.panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group { border-top: 1px solid #ddd; }
.panel-group .panel-footer { border-top: 0; }
.panel-group .panel-footer + .panel-collapse .panel-body { border-bottom: 1px solid #ddd; }
.panel-default { border-color: #ddd; }
.panel-default > .panel-heading { color: #333; background-color: #f5f5f5; border-color: #ddd; }
.panel-default > .panel-heading + .panel-collapse > .panel-body { border-top-color: #ddd; }
.panel-default > .panel-heading .badge { color: #f5f5f5; background-color: #333; }
.panel-default > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #ddd; }
.panel-primary { border-color: #337ab7; }
.panel-primary > .panel-heading { color: #fff; background-color: #337ab7; border-color: #337ab7; }
.panel-primary > .panel-heading + .panel-collapse > .panel-body { border-top-color: #337ab7; }
.panel-primary > .panel-heading .badge { color: #337ab7; background-color: #fff; }
.panel-primary > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #337ab7; }
.panel-success { border-color: #d6e9c6; }
.panel-success > .panel-heading { color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; }
.panel-success > .panel-heading + .panel-collapse > .panel-body { border-top-color: #d6e9c6; }
.panel-success > .panel-heading .badge { color: #dff0d8; background-color: #3c763d; }
.panel-success > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #d6e9c6; }
.panel-info { border-color: #999; }
.panel-info > .panel-heading { color: #ffffff; background-color: #999; }
.panel-info > .panel-heading + .panel-collapse > .panel-body { border-top-color: #bce8f1; }
.panel-info > .panel-heading .badge { color: #d9edf7; background-color: #31708f; }
.panel-info > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #bce8f1; }
.panel-warning { border-color: #faebcc; }
.panel-warning > .panel-heading { color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc; }
.panel-warning > .panel-heading + .panel-collapse > .panel-body { border-top-color: #faebcc; }
.panel-warning > .panel-heading .badge { color: #fcf8e3; background-color: #8a6d3b; }
.panel-warning > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #faebcc; }
.panel-danger { border-color: #ebccd1; }
.panel-danger > .panel-heading { color: #a94442; background-color: #f2dede; border-color: #ebccd1; }
.panel-danger > .panel-heading + .panel-collapse > .panel-body { border-top-color: #ebccd1; }
.panel-danger > .panel-heading .badge { color: #f2dede; background-color: #a94442; }
.panel-danger > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #ebccd1; }
.embed-responsive { position: relative; display: block; height: 0; padding: 0; overflow: hidden; }

/* ******************************** PUT YOUR CSS BELOW ******************************** */

/* BLOG TAGS */

.blog-tag-list__cards {
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.blog-tag-list--aside {
  padding: 8px;
}

.blog-tag-list--aside .blog-tag-list__cards {
  max-height: 200px;
  overflow-y: auto;
  padding: 8px;
}

.blog-tag-list p {
  width: 100%;
}

.blog-tag-list a {
  background-color: var(--primary-color);
  display: inline-block;
  padding: 4px 8px;
  color: #FFF;
  border-radius: 4px;
  transition: 0.3s;
  text-align: center;
  white-space: nowrap;
}

.blog-tag-list:not(.blog-tag-list--aside) a {
  padding: 8px 16px;
}

.blog-tag-list.blog-tag-list--aside a {
  padding: 8px;
}

.blog-tag-list a:hover {
  background-color: var(--dark);
}

/* FIM BLOG TAGS */

/* BLOG AUTHOR */

.blog-inc__author {
  margin: 24px 0;
  display: flex;
  align-items: center;
  gap: 8px;
}

/* FIM BLOG AUTHOR */

/* AUTHOR */

#author .bread {
  margin-bottom: 0;
}

.author__heading {
  padding: 32px 0;
  margin-bottom: 32px;
}

.author__cover {
  aspect-ratio: 1/1;
  width: 100%;
  border-radius: 50%;
  overflow: hidden;
  border: 1px solid rgba(0, 0, 0, 0.1);
}

.author__image {
  display: block;
  width: 100%;
  height: 100%;
}

.author__info {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.author__title {
  font-size: 28px;
  margin: 0;
  color: var(--dark);
  font-weight: bold;
}

.author__text {
  margin: 0;
  font-size: 16px;
}

.author__role {
  text-transform: uppercase;
  color: var(--primary-color);
  font-weight: bold;
  letter-spacing: 1px;
  font-size: 14px;
  margin: 0;
}

/* FIM AUTHOR */

/* BLOG HOME */

.blog-home {
  padding: 16px 0;
}

.blog-home__title {
  color: #FFF;
  font-weight: bold;
  text-align: center;
  margin: 0;
}

.blog-home__title span {
  display: block;
  text-align: center;
  color: #EEE;
  font-size: 18px;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-weight: 400;
}

/* FIM BLOG HOME */

/* BLOG PAGINATION */

.blog-pagination {
  margin: 24px 0;
}

.blog-pagination .btn-group button {
  outline: none;
  border: none;
  margin: 1px;
  padding: 14px 28px;
}

.blog-pagination .btn-group button.active,
.blog-pagination .btn-group button:hover {
  background-color: var(--dark);
}

@media only screen and (min-width: 768px) {
  .blog-pagination .btn-group button:first-of-type {
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
  }

  .blog-pagination .btn-group button:last-of-type {
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
  }
}

/* FIM BLOG PAGINATION */

/* BLOG SECTIONS */

.article-container {
	float: left;
	width: 67.5%;
}


.article-container.full {
	width: 100%;
}

/* SMALL DEVICE */
@media only screen and (max-width:576px) {
	.article-container {
		float: none;
		width: 100%;
	}
}

/* FIM BLOG SECTION */

/* SLICK BANNER SIG */

.slick-banner-sig .slick-banner-sig__inner {
  width: 100%;
  max-width: var(--wrapper-width);
  margin: 0 auto;
  padding: 0 10px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 16px;
  animation-delay: 0.25s;
  animation-duration: 0.75s;
  animation-timing-function: cubic-bezier(.19, .66, .56, 1);
  animation-fill-mode: forwards;
  opacity: 0;
}

.slick-banner-sig .slick-banner-sig__title {
  color: #FFF;
  margin: 0;
  font-size: 3rem;
}

.slick-banner-sig .slick-banner-sig__text {
  color: #DDD;
  margin: 0;
  font-size: 1.2rem;
}

.slick-banner-sig .slick-slide.slick-current .slick-banner-sig__inner  {
  animation-name: fadeText;
}

.slick-banner-sig .slick-thumb {
  width: 100% !important;
  height: auto !important;
  max-width: 300px;
  aspect-ratio: 1/1;
  object-fit: contain !important;
  border-radius: var(--border-radius);
  display: block;
  margin: 0 auto;
}

.slick-banner-sig .fade {
  opacity: 0;
  animation-duration: 1s;
  animation-delay: 0.5s;
  animation-fill-mode: forwards;
  animation-timing-function: ease;
}

.slick-banner-sig .delay-750 {
  animation-delay: 0.75s
}

.slick-banner-sig .delay-1000 {
  animation-delay: 1s
}

.slick-banner-sig .delay-1250 {
  animation-delay: 1.25s
}

.slick-banner-sig.slick-current .fade-default { animation-name: fadeDefault; }
.slick-banner-sig.slick-current .fade-left { animation-name: fadeLeft; }
.slick-banner-sig.slick-current .fade-right { animation-name: fadeRight; }
.slick-banner-sig.slick-current .fade-up { animation-name: fadeUp; }
.slick-banner-sig.slick-current .fade-down { animation-name: fadeDown; }

@keyframes fadeDefault {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes fadeLeft {
  from { opacity: 0; transform: translateX(-50px); }
  to { opacity: 1; transform: translateX(0); }
}

@keyframes fadeUp {
  from { opacity: 0; transform: translateY(-50px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes fadeRight {
  from { opacity: 0; transform: translateX(50px); }
  to { opacity: 1; transform: translateX(0); }
}

@keyframes fadeDown {
  from { opacity: 0; transform: translateY(50px); }
  to { opacity: 1; transform: translateY(0); }
}

/* FIM SLICK BANNER SIG */

/* POP UP */

[data-modal-dialog] { width: calc(100% - 20px); max-width: 800px; left: 50%; top: 50%; transform: translate(-50%, -50%);  background-color: transparent; }
[data-modal-dialog]::backdrop { background-color: rgba(0, 0, 0, 0.3); backdrop-filter: blur(5px); }
[data-modal-dialog] { animation-fill-mode: forwards; animation-duration: 1s; animation-timing-function: ease; opacity: 0; }
[data-modal-dialog][open] { animation-name: fadeDialog; }
.modalcontent { background-color: #FFF; position: relative; box-shadow: 0 5px 15px rgba(0,0,0,.5); max-height: 90vh; overflow-y: auto; padding: 48px 24px; display: flex; flex-direction: column; align-items: center; gap: 24px; border-radius: 4px; }
.modalcontent::-webkit-scrollbar-track { background-color: #FFF; }

.modalcontent__image {
  max-width: 100%;
  margin: 0 auto;
}

.modalcontent__title {
  text-align: center;
  margin: 0;
  color: var(--primary-color);
}

.modalcontent__text {
  text-align: center;
  margin: 0;
  line-height: 1.8;
}

.modalclose { position: absolute; right: 4px; top: 4px; border: none; background-color: transparent; }
.modalclose i { color: var(--dark); font-size: 32px; transition: 0.3s; }
.modalclose:hover i { color: var(--primary-color); }
@keyframes fadeDialog { from { opacity: 0; } to { opacity: 1; } }

.active-modal {
    overflow: hidden;
    touch-action: none;
}

@media only screen and (min-width: 992px) {
    .active-modal,
    .active-modal .headerFixed {
        padding-right: 8px;
    }
}

.fancy-card-overlay {
    position: relative;
    overflow: hidden;
}

.fancy-card-overlay::before {
    content: "\f002";
    font-family: "FontAwesome";
    position: absolute;
    left: 50%;
    top: 50%;
    width: calc(100% - 8px);
    height: calc(100% - 8px);
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.5);
    color: #FFF;
    text-align: center;
    font-size: 28px;
    transition: 0.3s;
    opacity: 0;
    z-index: 10;
    box-sizing: border-box;
    border-radius: 4px;
}

.fancy-card-overlay--plus::before {
    content: "\2b";
}

.fancy-card-overlay:hover::before {
    opacity: 1;
}

.prod-grid {
  display: grid;
  align-items: start;
  grid-template-columns: repeat(8, 1fr);
  gap: 40px;
}

.prod-cover { grid-area: covr; }
.prod-info { grid-area: info; }
.prod-cart { grid-area: cart; }
.prod-gallery { grid-area: galr; }
.prod-content { grid-area: cont; }

[class*="prod-grid__"] {
  overflow: hidden;
}/* BASE STYLES CSS */
*,*::after,*::before{margin:0;padding:0;border:0;box-sizing:border-box}

/* SCROLL LATERAL */
::-webkit-scrollbar-track { background-color: #f0f0f0; }
::-webkit-scrollbar { width: 8px; background-color: var(--primary-color); }
::-webkit-scrollbar-thumb { background-color: var(--primary-color); }

/*CUSTOMIZE THEME*/
:root {

	/* COLORS */
	--primary-color: #0000A1;
	--secondary-color: #01014d;
	--grey: #5c5c5c;
	--dark: #343a40;
	--light: #f0f0f0;
	--alert: #b31610;
	--success: #4caf50;		

	/* DEFAULT BORDER RADIUS */
	--default-border-radius: var(--default-border-radius);
	--custom-border-radius: 10px;
	--border-color: #dee2e6; 

	/* SPACING */
	--wrapper-width: 1440px;
	--container-width: 120rem;
	--container-spacing: 2.5rem;	

	/* SLICK BANNER */
	--slider-height: 700px;
	--transition: .3s ease-out;	

	/* FONT-SIZE */
	--title: 2.5rem;       /* h1 - título principal */
	--subtitle1: 2rem;     /* h2 - subtítulo importante */
	--subtitle2: 1.75rem;  /* h3 - subtítulo secundário */
	--subtitle3: 1.5rem;   /* h4 - subtítulo terciário */
	--text: 1rem;          /* p, li - texto padrão */
	--text-color: var(--grey); /* cor padrão do texto */
}

body { width: 100%; margin: 0 auto; font-family: var(--primary-font); color: var(--grey); text-decoration: none; }

/* SMALL DEVICE */
@media screen and (max-width: 768px) {
    html {
        font-size: 87.5%; /* equivale a 14px */
    }
}

h1, h2, h3, h4 { font-family: var(--primary-font); color: var(--primary-color); margin: 1rem 0; }
h1 { font-size: var(--title); }
h2 { font-size: var(--subtitle1);}
h3 { font-size: var(--subtitle2); }
p { font-size: var(--text); font-family: var(--primary-font); line-height: 1.5; margin: 1rem 0; color: var(--text-color); }
a { color: var(--primary-color); text-decoration: none; }

hr { display: block; margin: 1em 0; height: 1px; border-top: 1px solid #ccc; }


/* COOKIES */
#cookies-message p {
	color: #FFF;
}

/* FIM COOKIES */

/* PAGE LOADING */

.page-loading {
	position: fixed;
	background-color: var(--dark);
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 50px;
	width: 100%;
	height: 100%;
	z-index: 999999999;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	padding: 16px;
	overflow: hidden;
}

.page-loading__spinner {
	width: 60px;
	height: auto;
	aspect-ratio: 1/1;
	position: relative;
}

.page-loading__spinner::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	border-radius: 50%;
	animation-name: pageloadingRotate;
	animation-duration: 1s;  
	animation-iteration-count: infinite;
	animation-fill-mode: forwards;
	animation-timing-function: linear;
	border: 4px solid var(--light);
	border-top: 4px solid var(--primary-color);
}

.page-loading__logo {
	width: 100%;
	max-width: 250px;
	transition: 0.5s;
	position: relative;
	bottom: 0;
	opacity: 1;
}

.page-loading__logo--fade {
	opacity: 0;
	transform: scale(1.5);
}

@keyframes pageloadingRotate {
	from {
		transform: rotate(0);
	}
	to {
		transform: rotate(360deg);
	}
}

/* FIM PAGE LOADING */

/* HEADER */

/* header fixo */
.headerFixed { position: fixed !important; width: 100%; z-index: 999; top: 0px; box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px; }
.headerFixed .topo { display: none; }

.headerFixed .logo img {
	max-width: 66px;
    margin: 5px auto;;
}

.headerFixed:is(.headerSlide, .headerFade) {
	animation-delay: 0.5s; animation-duration: 0.30s; animation-timing-function: ease-out; animation-fill-mode: forwards;
}

/* header fixo - efeito slide */
.headerSlide { animation-name: headerSlide; transform: translateY(-100%); }

@keyframes headerSlide {
	from { transform: translateY(-100%); }
	to { transform: translateY(0); }
}

/* header fixo - efeito fade */
.headerFade { animation-name: headerFade; opacity: 0; }

@keyframes headerFade {
	from { opacity: 0; }
	to { opacity: 1; }
}

/* LARGE DEVICE */
@media only screen and (max-width: 912px) {
	
	header .topo.show-mobile {
		background-color: #222222;
	}

	.flex-top-icons {
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.flex-top-icons a {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 50px;
		height: 50px;
		margin: 5px;
		background: var(--primary-color);
		color: #fff;
		border-radius: 50%;
		font-size: 22px;
	}

}

/* MENU */
header #menu {
	text-align: center;
}

header #menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

header #menu li {
	position: relative;
	display: inline-block;
}

header #menu a {
	display: block;
	padding: 8px 12px;
	text-align: center;
	transition: .3s;
}

/* ACTIVE MENU TOPO */
.active-menu-topo {
	color: var(--primary-color);
}

/* SUB MENU */
header #menu .dropdown :is(.sub-menu, .sub-menu-info) {
	display: none;
	margin: 0;
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 7;
	width: 230px;
	height: auto;
	background-color: var(--primary-color);
	box-shadow: rgba(0, 0, 0, 0.15) 2.4px 2.4px 3.2px;
}

header #menu ul > li.dropdown:hover > :is(.sub-menu, .sub-menu-info) {
	display: block;
}

header #menu ul > li.dropdown > :where(.sub-menu, .sub-menu-info) > li.dropdown > :where(.sub-menu, .sub-menu-info) {
	display: none;
	top: 0;
	left: 100%;
}

header #menu > ul > li:nth-last-child(-n+3).dropdown > :is(.sub-menu, .sub-menu-info) {
	left: initial;
	right: 0;
}

header #menu > ul > li:nth-last-child(-n+3).dropdown > :is(.sub-menu, .sub-menu-info) :is(.sub-menu, .sub-menu-info) {
	left: initial;
	right: 100%;
}

header #menu ul > li.dropdown > :is(.sub-menu, .sub-menu-info) > li.dropdown:hover > :is(.sub-menu, .sub-menu-info) {
	display: block;
}

header #menu .dropdown :is(.sub-menu, .sub-menu-info) li {
	position: relative;
	display: block;
	margin: 0;
	width: 100%;
	padding: 0 10px;
}

header #menu .dropdown :is(.sub-menu, .sub-menu-info) li:first-of-type {
	padding-top: 10px;
}

header #menu .dropdown :is(.sub-menu, .sub-menu-info) li:last-of-type {
	padding-bottom: 10px;
}

header #menu .dropdown :is(.sub-menu, .sub-menu-info) li a {
	display: block;
	width: 100%;
	font-size: 12px;
	padding: 10px;
	text-align: left;
	text-decoration: none;
	color: #fff;
}

header #menu .dropdown > :is(.sub-menu, .sub-menu-info) > li:hover > a {
	background-color: #fff;
	color: var(--primary-color);
}

/* SUB MENU SCROLL */
header #menu .dropdown :is(.sub-menu, .sub-menu-info).sub-menu-scroll {
	max-height: 400px;
	height: auto;
	overflow-y:auto;
	overflow-x:hidden;
}

/* BROWSE HAPPY PROMPT */
.browsehappy { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; }

/* SCROLL UP BUTTON */
#scrollUp{position:fixed;bottom:-100px;right:24px;z-index:9999;width:56px;height:56px;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:var(--secondary-color);cursor:pointer;opacity:0;transition:.3s;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}
#scrollUp::after{content:'\f077';font:18px FontAwesome;color:#fff}
#scrollUp.is-active{transition:.5s;bottom:16px;opacity:1}
#scrollUp.is-active:hover{background-color:var(--primary-color)}

/* SMALL DEVICE */
@media only screen and (max-width: 576px) {
	#scrollUp { width: 48px; height: 48px; right: 28px; }
	#scrollUp.is-active { bottom: 8px; }
	#scrollUp::after { font-size: 12px; }	
}

/* BODY */
.wrapper {
    width: 100%;
    margin: 0 auto;
    padding: 0 1rem;
    max-width: var(--wrapper-width);
}

@media (min-width: 540px) {
    .wrapper {
        --wrapper-width: 540px;
    }
}

@media (min-width: 720px) {
    .wrapper {
        --wrapper-width: 720px;
    }
}

@media (min-width: 960px) {
    .wrapper {
        --wrapper-width: 960px;
    }
}

@media (min-width: 1140px) {
    .wrapper {
        --wrapper-width: 1140px;
    }
}

@media (min-width: 1320px) {
    .wrapper {
        --wrapper-width: 1320px;
    }
}

.container {
	max-width: var(--container-width);
	width: 100%;
	display: block;
	margin-left: auto;
	margin-right: auto;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding: var(--container-spacing) 0;
	clear: both;
}

section {
	float: left;
	width: 100%;
}

article {
	float: left;
	width: 67.5%;
}

article.full {
	width: 100%;
}

/* SMALL DEVICE */
@media only screen and (max-width: 576px) {
	article { float: none; width: 100%; }
}

/* BREADCRUMB BASE */
.bread { padding: 1.25rem 0;
background: var(--Black-50, #F6F6F6)}
.bread__title { margin: 1rem 0 0 0; color: var(--dark); }

#breadcrumb {
	display: inline-flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 5px;
	clear: both;
	margin: 0;
}

#breadcrumb * {
	-webkit-transition: .3s;
	transition: .3s;
}

#breadcrumb a {
	display: inline-flex;
	align-items: center;
	height: fit-content;
}

#breadcrumb a:hover {
	color: var(--primary-color);
}

#breadcrumb .bread__column {
	display: inline-flex;
	align-items: center;
}

#breadcrumb :is(li, a) {
	font: 14px var(--primary-font);
	color: var(--grey);
}
.bread:is(.bread--default, .bread--mpi) .bread__column:first-child:before {
	content: "\e3af";
	font-family: "FontAwesome";
	font-size: 12px;
	margin-right: 4px;
	color: var(--grey);
}

.bread:is(.bread--default, .bread--mpi) .bread__column:not(:last-child)::after {
	content: "❱";
	margin-left: 6px;
	font-size: 14px;
	color: var(--grey);
}

.bread--mpi {
	margin-bottom: 32px;
}

/* SMALL DEVICE */
@media only screen and (max-width: 576px) {
	#breadcrumb :is([itemprop="title"], [itemprop="name"]) {
		display: inline-block;
		max-width: 82px;
		-webkit-line-clamp: 1;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
}

/* ASIDE */
aside { float: left; width: 27.5%; margin-left: 5%; }
aside nav { list-style: none; list-style-type: none; margin: 0; padding: 0; max-height: 400px; height: auto; overflow-y: auto; overflow-x: hidden; }
aside nav > ul > li > ul { display: none; }
aside li { margin: 5px 0 0 0; }
aside .active-menu-aside { color: var(--primary-color); }

/* SMALL DEVICE */
@media only screen and (max-width:576px) {
	aside { width: 100%; float: none; margin: 15px 0; }
}

/* =============================== ASIDE =============================== */

.aside-04 nav::-webkit-scrollbar {
	width: 3px;
}

.aside-04 nav::-webkit-scrollbar-thumb {
	background-color: var(--dark);
}

.aside-04 {
	background-color: var(--primary-color);
	border-radius: 5px 0 0 5px;
	margin: 0;
	padding: 3em;
	position: fixed;
	z-index: 999999;
	height: auto;
	width: 18.75rem;
	right: -300px;
	top: 50%;
	transform: translateY(-50%);
	color: #fff;
	transition: 0.5s ease-in-out;
	display: flex;
	flex-flow: column;
	justify-content: space-between;
}

.aside-04::before {
	content: "\f0c9";
	font-family: "FontAwesome";
	width: 40px;
	height: 70px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 5px 0 0 5px;
	background-color: var(--primary-color);
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: -40px;
	cursor: pointer;
	box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.5);
	transition: 0.3s;
}

.aside-04:hover {
	right: 0;
}

.aside-04:hover::before {
	opacity: 0;
}

.aside-04 h2 {
	margin: 0 0 32px 0;
}

.aside-04 h2,
.aside-04 a {
	color: #fff;
}

.aside-04:hover .aside__menu,
.aside-04:hover .aside__contato {
	animation-name: anima__aside;
	animation-duration: 0.7s;
	animation-timing-function: ease-in-out;
}

.aside-04 .aside__menu li a {
	display: block;
	padding: 5px;
	margin: 5px 0;
	font-size: 12px;
	border-left: 1.5px solid #fff;
	transition: 0.3s;
}

.aside-04 .aside__menu li a:hover,
.aside-04 .aside__menu li a.active-menu-aside {
	border-left: 3px solid var(--dark);
	color: var(--dark);
}

@keyframes anima__aside {
	0% {
		transform: translateX(1000px);
	}

	100% {
		transform: translateX(0);
	}
}

/* CARDS */
.card-group { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.card { border-radius: 4px; width: 100%; position: relative; overflow: hidden; transition: .3s; }
.card__image { display: block; width: 100%; object-fit: cover; transition: .3s; }
.card__title { font-size: 16px; color: var(--grey); transition: .3s; }
.card__text { font-size: 14px; color: var(--grey); }
.card__btn { display: inline-block; padding: 10px 15px; border-radius: 3px; font-size: 14px; background-color: var(--primary-color); color: #fff; transition: .3s; }
.card__overlay { position: absolute; opacity: 0; width: 100%; height: 100%; transition: .5s; }
.card:hover .card__overlay { opacity: 1; }

@media only screen and (max-width: 992px) {
	.card-group { grid-template-columns: repeat(3, 1fr); }
}

@media only screen and (max-width: 768px) {
	.card-group { grid-template-columns: repeat(2, 1fr); }
}

@media only screen and (max-width: 480px) {
	.card-group { grid-template-columns: 1fr; }
}

/* CARD MPI */
.card--mpi{display:block;color:#fff;outline:transparent solid 2px!important;outline-offset:1px;border-radius:.5rem;background-color:var(--primary-color);transition:var(--transition);overflow:hidden}
.card--mpi:hover{background-color:var(--secondary-color)}
.card--mpi:active,.card--mpi:focus{outline:var(--secondary-color) solid 2px!important;outline-offset:1px;background-color:var(--secondary-color)}
.card--mpi .card__image{aspect-ratio:1/1;object-fit:cover;width:100%}
.card--mpi:hover .card__image{opacity:.8}
.card--mpi .card__title{align-items:center;color:inherit;display:flex;font-size:.875rem;line-height:1.3;min-height:calc((.875rem * 3) * 1.3);justify-content:center;margin:0;padding:.5rem .75rem;text-align:center; color:#FFF;}


.card--mod-23 {
	position: relative;
	background-color: var(--secondary-color);
	border-radius: .5rem
}

.card--mod-23 .card__image {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
	object-fit: cover;
	filter: grayscale(1);
	mix-blend-mode: multiply;
	transition: .3s ease-out;
}

.card--mod-23:focus-within,
.card--mod-23:hover {
	background-color: var(--secondary-color);
	box-shadow: 0 0 0 2px var(--secondary-color)
}

.card--mod-23 .card__description {
	position: relative;
	z-index: 1;
	display: flex;
	flex-flow: column nowrap;
	justify-content: space-between;
	gap: .75rem;
	padding: 1rem;
	height: 100%
}

.card--mod-23 .card__title {
	color: #fff;
	font-size: 1.125rem;
	text-shadow: 0 0 .25rem var(--dark);
	line-height: 1.3;
	margin: 0
}

.card--mod-23 .card__link {
	width: 2.5rem;
	height: 2.5rem;
	border-radius: 999px;
	background-color: #fff;
	color: var(--primary-color);
	font-size: 1.125rem;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 2px solid transparent;
	transition: .3s ease-out;
}

.card--mod-23 .card__link:active,
.card--mod-23 .card__link:focus,
.card--mod-23 .card__link:hover {
	background-color: var(--primary-color);
	color: #fff;
	border-color: currentColor
}


/* BTN */
.btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-flow: row nowrap;
	gap: .5rem;
	margin: .5rem 0;
	padding: .8rem 1.2rem;
	text-align: center;
	text-decoration: none;
	font-size: 0.9rem;
	font-weight: 500;
	outline: transparent solid 2px;
	outline-offset: 1px;
	transition: var(--transition);
}

/* 1 */

.btn--primary {
	background-color: var(--primary-color);
	color: #fff;
	border-radius: var(--custom-border-radius);
	border: 2px solid var(--primary-color);
}

.btn--primary:hover {
	background-color: var(--secondary-color);
	border: 2px solid var(--secondary-color);
}

.btn--primary:active, .btn--primary:focus {
	background-color: var(--secondary-color);
	outline: var(--secondary-color) solid 2px;
}

/* 2 */

.btn--secondary {
	background-color: var(--secondary-color);
	color: #fff;
	border-radius: var(--custom-border-radius);
	border: 2px solid var(--secondary-color);
}

.btn--secondary:hover {
	background-color: var(--primary-color);
	border: 2px solid var(--primary-color);
}

.btn--secondary:active, .btn--secondary:focus {
	background-color: var(--secondary-color);
	outline: var(--secondary-color) solid 2px;
}

/* 3 */

.btn--outline {
	background-color: transparent;
	color: var(--primary-color);
	border-radius: var(--custom-border-radius);
	border: 2px solid var(--primary-color);
}

.btn--outline:hover {
	background-color: var(--primary-color);
	color: #fff;
}

.btn--outline:active, .btn--secondary:focus {
	background-color: var(--secondary-color);
	outline: var(--secondary-color) solid 2px;
}
/* ==================== BTN DARK ==================== */
.btn--dark {
	background-color: var(--dark);
	color: var(--light);
	border-radius: var(--custom-border-radius);
	border: 2px solid var(--dark);
}

.btn--dark:hover {
	background-color: var(--light);
	color: var(--dark);
	border: 2px solid var(--light);
}

.btn--dark:active {
	background-color: var(--light);
	color: var(--dark);
	outline: var(--light) solid 2px;
}
/* ================== FIM BTN DARK ================== */

/* ==================== BTN LIGHT ==================== */
.btn--light {
	background-color: var(--light);
	color: var(--dark);
	border-radius: var(--custom-border-radius);
	border: 2px solid var(--light);
}

.btn--light:hover {
	background-color: var(--dark);
	color: var(--light);
	border: 2px solid var(--dark);
}

.btn--light:active {
	background-color: var(--dark);
	color: var(--light);
	outline: var(--dark) solid 2px;
}
/* ================== FIM BTN LIGHT ================== */

/* BTN WHATSAPP */

.btn--whatsapp {
	background-color: #25D366;
	color: #fff;
	border-radius: var(--custom-border-radius);
	border: 2px solid #25D366;
}

.btn--whatsapp:hover {
	background-color: transparent;
	color: #25D366;
}

.btn--whatsapp:active, .btn--whatsapp:focus {
	background-color: #25D366;
	outline: #25D366 solid 2px;
	color: #25D366;
}


@media only screen and (max-width: 576px) {
	.btn {
		display: block;
		width: 100%
	}

}

/* SOCIAL ICONS */
.social { display: flex; align-items: center; gap: 1em; }
.social__icons { color: #fff; font-size: 1em; transition: .3s; }

/* TABELA */
.table { border-collapse: collapse; border-spacing: 0; table-layout: fixed; width: 100%; }
.table td { font-size: 12px; text-align: center; line-height: 30px; border-style: solid; border-width: 1px; overflow: hidden; word-break: normal; color: #000; }
.table th { font-size: 14px; font-weight: normal; padding: 10px 5px; border-style: solid; border-width: 1px; overflow: hidden; word-break: normal; }

/* LIST */
.list { margin: 0 0 20px 40px; }
.list li { list-style: disc; margin: 5px 0; font-size: 1em; line-height: 1.5em; text-align: left; }
.list--no-ls li { list-style: none; }
.list li::first-letter {
	text-transform: uppercase;
}

/* LAZY LOAD VIDEO */
[data-video] { cursor: pointer; position: relative; aspect-ratio: 16/9; background-color: #000; overflow: hidden; }
.ytvideo[data-video]::before { content: ''; position: absolute; top: 0; left: 0; height: 100%; width: 100%; cursor: pointer; background-color: rgba(0, 0, 0, 0.2);}
.ytvideo[data-video]::after { content: '\f167'; position: absolute; z-index: 1; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); font: 70px/normal FontAwesome; color: var(--light); transition: .3s; }
[data-video]:hover::after { color: red; }
[data-video] * {
	width: 100%;
	height: 100%;
}

/* SWEET ALERT */
.sweet-alert .lead.text-muted {
	text-align: center;
}

/* FIM SWEET ALERT */

/* SEARCH PAGE */
.search { position: relative; }
.search input { width: 100%; padding: 10px 12px; border: 1px solid #ccc; border-radius: 3px; color: var(--grey); font: normal 14px/normal var(--primary-font); }
.search input::placeholder { font: normal 14px/normal var(--primary-font); color: var(--grey);}
.search button { border: none; outline: none; text-decoration: none; background-color: transparent; color: var(--grey); font-size: 18px; transition: .3s; }
.search--topo button { position: absolute; top: 50%; transform: translateY(-50%); right: 10px; }
.search button:hover { color: var(--dark); }

.search .button-group { position: absolute; top: 50%; transform: translateY(-50%); right: 10px; display: flex; align-items: center; justify-content: center; }

/* FORMULÁRIO / CONTATO PAGE */
.form{display:flex;flex-direction:column;width:100%}
.form :is(input,textarea,select){width:100%;padding:.75rem 1rem;margin:.5rem 0 .875rem;border:1px solid var(--grey);font-size:.875rem;font-family:var(--primary-font);background-color:#fff;color:var(--grey);transition:var(--transition)}
.form :is(input,textarea,select):hover,.form :is(input,textarea,select):active,.form :is(input,textarea,select):focus{border-color:var(--secondary-color)}
.form :is(input,textarea)::placeholder,.form label{font-size:.875rem;font-family:var(--primary-font);color:var(--grey)}
.form [type=submit]{max-width:12.5rem;width:100%;margin-top:1rem;padding:.75rem 1.25rem;border:none;border-radius:10px;color:var(--dark);font-size:1rem;font-weight:700;background-color:var(--secondary-color);cursor:pointer;transition:var(--transition)}
.form [type=submit]:hover{background-color:var(--grey)}
.form [type=submit]:active,.form [type=submit]:focus{background-color:var(--dark)}
.form__obrigatory{display:block;margin:.75rem 0;font-size:.75rem;color:var(--alert)}
.address-map{width:100%;height:450px;margin:15px 0 0}
.g-recaptcha{transform:scale(.8);transform-origin:0 0}

/* FOOTER */
footer {
	padding: 15px;
	clear: both;
}

.copyright-footer {
	padding: 15px 100px;
	background-color: var(--primary-color);
}

.copyright-footer .wrapper {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.copyright-footer * {
	color: #eee;
	font-size: 10px;
}

.copyright-footer .selos {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 10px;
}

.copyright-footer .selos a {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 5px;
}

.copyright-footer .selos i {
	font-size: 14px;
}

.copyright-footer .selos strong {
	background: #fff;
	color: #363b36;
	padding: 1px 6px;
}

/* SMALL DEVICE */
@media only screen and (max-width:576px) {
  .copyright-footer *,footer *{text-align:center}
  footer .social{justify-content:center}
  .copyright-footer{padding:15px}
  .copyright-footer .wrapper{flex-direction:column}
  footer .footer__menu nav ul li a{background-color:var(--primary-color);text-align:center;margin:5px 0;color:var(--light);width:100%}
}

/* WHATSAPP BUTTON 1*/
.wpp-container {
	position: relative;
} 

/* BUTTONS */
.wppButton {
	position: fixed;
	right: 24px;
	z-index: 9998;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 56px;
	height: 56px;
	border-radius: 50%;
	background-color: #25D366;
	box-shadow: 0px 20px 25px -5px rgba(0, 0, 0, 0.1), 0px 10px 10px -5px rgba(0, 0, 0, 0.04);
	transition: all .2s ease;
	cursor: pointer;
	text-align: center;
}

.wppButton__image {
	width: 60%;
}

.wppButton:hover {
	transform: scale(1.1);
}

/* POP-UP */
.wppPopup {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 999999998;
}

.wppPopup__inner {
	max-width: 400px; 
	width: 100%;
	position: absolute; 
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 999;
	border-radius: .5rem;
	background-color: #ccc;
	transition: transform .3s;
}

.wppPopup :is(.wppPopup__head, .wppPopup__body) {
 padding: 1.25rem;
}

/* POP-UP HEAD */

.wppPopup .wppPopup__head {
	background-color: #009688;
	border-radius: .5rem .5rem 0 0;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 1.25rem;
}

.wppPopup .wppPopup__head .wppPopup__icon i { color: #fff; }

.wppPopup .wppPopup__head .wppPopup__info span {
	display: block;
	color: #fff;
	font-size: .85em;
	margin: 5px 0;
}

.wppPopup .wppPopup__head .wppPopup__info span:nth-child(0n + 3) {
	display: flex;
	align-items: center;
	gap: 8px;
}

.wppPopup .wppPopup__head .wppPopup__info span:nth-child(0n + 3):before {
	content: '';
	display: inline-block;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background-color: green;
}

/* POP-UP BODY */

.wppPopup .wppPopup__body .wppPopup__label {
	display: block;
	background-color: #fcf8e3;
	font-size: .85em;
	padding: .35em .5em;
	border-radius: 1em;
	line-height: 15px;
	text-align: center;
	margin-bottom: .75rem;
}

.wppPopup .wppPopup__body .wppPopup__alert {
	display: block;
	width: 100%;
	background-color: var(--alert);
	color: #fff;
	font-size: .85em;
	padding: .35em .5em;
	border-radius: 1em;
	line-height: 15px;
	text-align: center;
	margin-bottom: .75rem;
}

/* POP-UP BODY FORM */
.wppPopup .wppPopup__body .wppPopup__form {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: .75rem;
}

.wppPopup .wppPopup__body .wppPopup__form .wppPopup__form-input {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  background-color: #fff;
  max-width: 100%; width: 100%;
  height: 40px;
  border-radius: 50px;
  overflow: hidden;
}

.wppPopup .wppPopup__body .wppPopup__form .wppPopup__form-input :is(span, input) {
	width: 100%;
	display: block;
	border: none;
	outline: none;
	padding: .25em;
}

.wppPopup .wppPopup__body .wppPopup__form .wppPopup__form-input span {
	max-width: 32px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.wppPopup .wppPopup__body .wppPopup__form .wppPopup__form-input input,
.wppPopup .wppPopup__body .wppPopup__form .wppPopup__form-input input::placeholder {
	font-size: .85em;
}

.wppPopup .wppPopup__body .wppPopup__form .wppPopup__form-submit button {
	background: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #666;
	font-size: 14px;
	padding: 0.5em 1.25em;
	border-radius: 50px;
	box-shadow: 0px 2px 0px #999;
	transition: .3s;
}

.wppPopup .wppPopup__body .wppPopup__form .wppPopup__form-submit button:hover {
	background-color: #57b846;
	color: #fff;
	box-shadow: unset;
	transform: translateY(2px);
}

.wppPopup .wppPopup__body .wppPopup__form .wppPopup__form-submit button:hover svg path {
	fill: #fff;
}

/* POP-UP MESSAGE */
.wppPopup .wppPopup__message p {
	text-align: center;
	font-size: .85em;
}

/* POP-UP CLOSE BUTTON */
.wppPopup .wppClose {
	position: fixed;
	top: -48px;
	right: -48px;
	font-size: 2em;
	border-radius: 50%;
	color: #fff;
	background: #ccc;
	width: 48px;
	height: 48px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #222;
	cursor: pointer;
	transition: 0.3s;
}

.wppPopup .wppClose:hover {
	background-color: #222;
	color: #FFF;
}

@media only screen and (max-width: 576px) {
	.wppPopup .wppClose {
		top: -56px;
		right: 4px;
	}
}

/* POP-UP STATES */
.wppPopup.wppActive {
	display: block;
	animation: showWpp .3s;
}

.wppPopup .wppError::placeholder {
	color: var(--alert);
}

/* KEYFRAMES */
@keyframes animateWpp {
	from { box-shadow: 0 0 0 0px rgba(85, 205, 108, 0.10); }
	to { box-shadow: 0 0 0 8px rgba(85, 205, 108, 0.50); }
}

@keyframes showWpp {
	from { opacity: 0; }
	to { opacity: 1; }
}


/* ANIMATE */
.scrollanimation:not(.fadeIn, .fadeInLeft, .fadeInRight) { animation: none !important; }

@media only screen and (max-width: 768px) {
 .scrollanimation { animation: none !important; }
}

/* FIM ANIMATE */

/* *** RULES CSS *** */
	/* MARGIN */
	.m-auto { margin-left: auto !important ; margin-right: auto !important }
	.m-0 { margin: 0 !important }
	.m-1 { margin: .25rem !important }
	.m-2 { margin: .5rem !important }
	.m-3 { margin: .75rem !important }
	.m-4 { margin: 1rem !important }
	.m-5 { margin: 1.25rem !important }
	.mx-0 { margin-left: 0 !important ; margin-right: 0 !important }
	.mx-1 { margin-left: .25rem !important ; margin-right: .25rem !important }
	.mx-2 { margin-left: .5rem !important ; margin-right: .5rem !important }
	.mx-3 { margin-left: .75rem !important ; margin-right: .75rem !important }
	.mx-4 { margin-left: 1rem !important ; margin-right: 1rem !important }
	.mx-5 { margin-left: 1.25rem !important ; margin-right: 1.25rem !important }
	.my-0 { margin-top: 0 !important ; margin-bottom: 0 !important }
	.my-1 { margin-top: .25rem !important ; margin-bottom: .25rem !important }
	.my-2 { margin-top: .5rem !important ; margin-bottom: .5rem !important }
	.my-3 { margin-top: .75rem !important ; margin-bottom: .75rem !important }
	.my-4 { margin-top: 1rem !important ; margin-bottom: 1rem !important }
	.my-5 { margin-top: 1.25rem !important ; margin-bottom: 1.25rem !important }
	.mt-0 { margin-top: 0 !important }
	.mt-1 { margin-top: .25rem !important }
	.mt-2 { margin-top: .5rem !important }
	.mt-3 { margin-top: .75rem !important }
	.mt-4 { margin-top: 1rem !important }
	.mt-5 { margin-top: 1.25rem !important }
	.mb-0 { margin-bottom: 0 !important }
	.mb-1 { margin-bottom: .25rem !important }
	.mb-2 { margin-bottom: .5rem !important }
	.mb-3 { margin-bottom: .75rem !important }
	.mb-4 { margin-bottom: 1rem !important }
	.mb-5 { margin-bottom: 1.25rem !important }
	.ml-0 { margin-left: 0 !important }
	.ml-1 { margin-left: .25rem !important }
	.ml-2 { margin-left: .5rem !important }
	.ml-3 { margin-left: .75rem !important }
	.ml-4 { margin-left: 1rem !important }
	.ml-5 { margin-left: 1.25rem !important }
	.mr-0 { margin-right: 0 !important }
	.mr-1 { margin-right: .25rem !important }
	.mr-2 { margin-right: .5rem !important }
	.mr-3 { margin-right: .75rem !important }
	.mr-4 { margin-right: 1rem !important }
	.mr-5 { margin-right: 1.25rem !important }

	/* PADDING */
	.p-0 { padding: 0 !important }
	.p-1 { padding: .25rem !important }
	.p-2 { padding: .5rem !important }
	.p-3 { padding: .75rem !important }
	.p-4 { padding: 1rem !important }
	.p-5 { padding: 1.5rem !important }
	.px-0 { padding-left: 0 !important ; padding-right: 0 !important }
	.px-1 { padding-left: .25rem !important ; padding-right: .25rem !important }
	.px-2 { padding-left: .5rem !important ; padding-right: .5rem !important }
	.px-3 { padding-left: .75rem !important ; padding-right: .75rem !important }
	.px-4 { padding-left: 1rem !important ; padding-right: 1rem !important }
	.px-5 { padding-left: 1.25rem !important ; padding-right: 1.25rem !important }
	.py-0 { padding-top: 0 !important ; padding-bottom: 0 !important }
	.py-1 { padding-top: .25rem !important ; padding-bottom: .25rem !important }
	.py-2 { padding-top: .5rem !important ; padding-bottom: .5rem !important }
	.py-3 { padding-top: .75rem !important ; padding-bottom: .75rem !important }
	.py-4 { padding-top: 1rem !important ; padding-bottom: 1rem !important }
	.py-5 { padding-top: 1.25rem !important ; padding-bottom: 1.25rem !important }
	.pt-0 { padding-top: 0 !important }
	.pt-1 { padding-top: .25rem !important }
	.pt-2 { padding-top: .5rem !important }
	.pt-3 { padding-top: .75rem !important }
	.pt-4 { padding-top: 1rem !important }
	.pt-5 { padding-top: 1.25rem !important }
	.pb-0 { padding-bottom: 0 !important }
	.pb-1 { padding-bottom: .25rem !important }
	.pb-2 { padding-bottom: .5rem !important }
	.pb-3 { padding-bottom: .75rem !important }
	.pb-4 { padding-bottom: 1rem !important }
	.pb-5 { padding-bottom: 1.25rem !important }
	.pl-0 { padding-left: 0 !important }
	.pl-1 { padding-left: .25rem !important }
	.pl-2 { padding-left: .5rem !important }
	.pl-3 { padding-left: .75rem !important }
	.pl-4 { padding-left: 1rem !important }
	.pl-5 { padding-left: 1.25rem !important }
	.pr-0 { padding-right: 0 !important }
	.pr-1 { padding-right: .25rem !important }
	.pr-2 { padding-right: .5rem !important }
	.pr-3 { padding-right: .75rem !important }
	.pr-4 { padding-right: 1rem !important }
	.pr-5 { padding-right: 1.25rem !important }

	/* EXTRA LARGE DEVICE */
	@media only screen and (min-width: 1024px) {

		/* WIDTH/HEIGHT */
		.w-100 { width: 100% }
		.mw-100 { max-width: 100% }
		.h-100 { height: 100% }
		.mh-100 { max-height: 100% }
		.w-75 { width: 75% }
		.mw-75 { max-width: 75% }
		.h-75 { height: 75% }
		.mh-75 { max-height: 75% }
		.w-50 { width: 50% }
		.mw-50 { max-width: 50% }
		.h-50 { height: 50% }
		.mh-50 { max-height: 50% }
		.w-25 { width: 25% }
		.mw-25 { max-width: 25% }
		.h-25 { height: 25% }
		.mh-25 { max-height: 25% }
		.w-0 { width: 0% }
		.mw-0 { max-width: 0% }
		.h-0 { height: 0% }
		.mh-0 { max-height: 0% }
	}

	/* IMAGE ALIGN */
	.picture-center { display: block; margin-left: auto; margin-right: auto; }
	.picture-left { float: left; }
	.picture-right { float: right; }

	/* FONT SIZE */
	.large { font-size: large }
	.larger { font-size: larger }
	.x-large { font-size: x-large }
	.xx-large { font-size: xx-large }
	.medium { font-size: medium }
	.small { font-size: small }
	.smaller { font-size: smaller }
	.x-small { font-size: x-small }
	.xx-small { font-size: xx-small }
	.display-1 { font-size: 6rem }
	.display-2 { font-size: 5.5rem }
	.display-3 { font-size: 4.5rem }
	.display-4 { font-size: 3.5rem }

	/* RESPONSIVE FONT-SIZE */
	.fs-14 { font-size: 1rem}
	.fs-16 { font-size: 1.14rem}
	.fs-18 { font-size: 1.28rem}
	.fs-20 { font-size: 1.42rem}
	.fs-22 { font-size: 1.57rem}
	.fs-24 { font-size: 1.71rem}
	.fs-26 { font-size: 1.85rem}

	.fs-28 { font-size: 2rem}
	.fs-30 { font-size: 2.14rem}
	.fs-32 { font-size: 2.28rem}
	.fs-34 { font-size: 2.42rem}
	.fs-36 { font-size: 2.57rem}
	.fs-38 { font-size: 2.71rem}
	.fs-40 { font-size: 2.85rem}

	.fs-42 { font-size: 3rem}
	.fs-44 { font-size: 3.14rem}
	.fs-46 { font-size: 3.28rem}
	.fs-48 { font-size: 3.42rem}
	.fs-50 { font-size: 3.57rem}
	.fs-52 { font-size: 3.71rem}
	.fs-54 { font-size: 3.85rem}

	.fs-56 { font-size: 4rem}
	.fs-58 { font-size: 4.14rem}
	.fs-60 { font-size: 4.28rem}
	.fs-62 { font-size: 4.42rem}
	.fs-64 { font-size: 4.57rem}
	.fs-66 { font-size: 4.71rem}
	.fs-68 { font-size: 4.85rem}

	.fs-70 { font-size: 5rem}
	.fs-72 { font-size: 5.14rem}
	.fs-74 { font-size: 5.28rem}
	.fs-76 { font-size: 5.42rem}
	.fs-78 { font-size: 5.57rem}
	.fs-80 { font-size: 5.71rem}
	.fs-82 { font-size: 5.85rem}

	.fs-84 { font-size: 6rem}
	.fs-86 { font-size: 6.14rem}
	.fs-88 { font-size: 6.28rem}
	.fs-90 { font-size: 6.42rem}
	.fs-92 { font-size: 6.57rem}
	.fs-94 { font-size: 6.71rem}
	.fs-96 { font-size: 6.85rem}

	.fs-98 { font-size: 7rem}
	.fs-100 { font-size: 7.14rem}
	.fs-102 { font-size: 7.28rem}
	.fs-104 { font-size: 7.42rem}
	.fs-106 { font-size: 7.57rem}
	.fs-108 { font-size: 7.71rem}
	.fs-110 { font-size: 7.85rem}


	/* SMALL DEVICE */
	@media only screen and (max-width: 576px) {

		[class*='fs-3'] {
			font-size: calc(2.14rem - 0.14vw - 0.14vh);
		}

		[class*='fs-4'] {
			font-size: calc(2.85rem - 0.85vw - 0.85vh);
		}

		[class*='fs-5'] {
			font-size: calc(3.57rem - 0.57vw - 0.57vh);
		}

		[class*='fs-6'], [class*='fs-7'], [class*='fs-8'], [class*='fs-9'], [class*='fs-10'], [class*='fs-11']:not(.fs-11) {
			font-size: calc(4.28rem - 0.28vw - 0.28vh);
		}
	}

	/* FONT WEIGHT */
	.fw-normal { font-weight: 400 }
	.fw-bold { font-weight: 700 }

	.fw-200 { font-weight: 200; }
	.fw-300 { font-weight: 300; }
	.fw-400 { font-weight: 400; }
	.fw-500 { font-weight: 500; }
	.fw-600 { font-weight: 600; }
	.fw-700 { font-weight: 700; }
	.fw-800 { font-weight: 800; }
	.fw-900 { font-weight: 900; }

	/* TEXT TRANSFORM */
	.text-lowercase { text-transform: lowercase }
	.text-uppercase { text-transform: uppercase }
	.text-capitalize { text-transform: capitalize }
	.text-left { text-align: left }
	.text-center { text-align: center }
	.text-right { text-align: right }
	.text-justify { text-align: justify }

	@media screen and (max-width: 576px) {
		.mb-text-center{
			text-align: center;
		}
	}

	/* DISPLAY */
	.d-none { display: none }
	.d-inline { display: inline }
	.d-inline-block { display: inline-block }
	.d-block { display: block }
	.d-table { display: table }
	.d-table-cell { display: table-cell }
	.d-table-row { display: table-row }
	.d-flex { display: flex }
	.d-flex-wrap { flex-wrap: wrap }
	.d-inline-flex { display: inline-flex }

	/* JUSTIFY CONTENT */
	.justify-content-center { justify-content: center }
	.justify-content-start { justify-content: flex-start }
	.justify-content-end { justify-content: flex-end }
	.justify-content-between { justify-content: space-between }
	.justify-content-around { justify-content: space-around }

	/* MEDIUM DEVICE */
	@media only screen and (max-width: 768px) {
		.justify-content-md-center { justify-content: center }
		.justify-content-md-start { justify-content: flex-start }
		.justify-content-md-end { justify-content: flex-end }
		.justify-content-md-between { justify-content: space-between }
		.justify-content-md-around { justify-content: space-around }
		.text-md-center {text-align: center;}
	}

	/* SMALL DEVICE */
	@media only screen and (max-width: 576px) {
		.justify-content-sm-center { justify-content: center }
		.justify-content-sm-start { justify-content: flex-start }
		.justify-content-sm-end { justify-content: flex-end }
		.justify-content-sm-between { justify-content: space-between }
		.justify-content-sm-around { justify-content: space-around }
	}

	/* ALIGN ITEMS */
	.align-items-center { align-items: center }
	.align-items-start { align-items: flex-start }
	.align-items-end { align-items: flex-end }

	/* MEDIUM DEVICE */
	@media only screen and (max-width: 768px) {
		.align-items-md-center { align-items: center }
		.align-items-md-start { align-items: flex-start }
		.align-items-md-end { align-items: flex-end }
	}

	/* SMALL DEVICE */
	@media only screen and (max-width: 576px) {
		.align-items-sm-center { align-items: center }
		.align-items-sm-start { align-items: flex-start }
		.align-items-sm-end { align-items: flex-end }
	}

	/* FLEX DIRECTION */
	.flex-row { flex-direction: row }
	.flex-column { flex-direction: column }
	.flex-column-reverse { flex-direction: column-reverse }
	.flex-row-reverse { flex-direction: row-reverse }

	/* MEDIUM DEVICE */
	@media only screen and (max-width: 768px) {
		.flex-md-row { flex-direction: row }
		.flex-md-column { flex-direction: column }
		.flex-md-column-reverse { flex-direction: column-reverse }
		.flex-md-row-reverse { flex-direction: row-reverse }
	}

	/* SMALL DEVICE */
	@media only screen and (max-width: 576px) {
		.flex-sm-row { flex-direction: row }
		.flex-sm-column { flex-direction: column }
		.flex-sm-column-reverse { flex-direction: column-reverse }
		.flex-sm-row-reverse { flex-direction: row-reverse }
	}

	/* FLOAT */
	.float-left { float: left }
	.float-right { float: right }
	.float-none { float: none }

	/* POSITION */
	.position-relative { position: relative }
	.position-absolute { position: absolute }
	.position-fixed { position: fixed }
	.t-0 { top: 0 }
	.b-0 { bottom: 0 }
	.l-0 { left: 0 }
	.r-0 { right: 0 }
	.t-50 { top: 50% }
	.b-50 { bottom: 50% }
	.l-50 { left: 50% }
	.r-50 { right: 50% }

	/* Z-INDEX */
	.z-minus-1 { z-index: -1; }
	.z-0 { z-index: 0; }
	.z-1 { z-index: 1; }
	.z-2 { z-index: 2; }
	.z-3 { z-index: 3; }
	.z-4 { z-index: 4; }
	.z-5 { z-index: 5; }
	.z-6 { z-index: 6; }
	.z-7 { z-index: 7; }
	.z-8 { z-index: 8; }
	.z-9 { z-index: 9; } 
	.z-999 { z-index: 999; } 

	/* OBJECT FIT */
	.object-fit-cover { object-fit: cover }
	.object-fit-contain { object-fit: contain }

	/* BORDER */
	.rounded { border-radius: 20px }
	.rounded-circle { border-radius: 50% }

	.border { border: 1px solid #dee2e6 }
	.border-top { border-top: 1px solid #dee2e6 }
	.border-bottom { border-bottom: 1px solid #dee2e6 }
	.border-left { border-left: 1px solid #dee2e6 }
	.border-right { border-right: 1px solid #dee2e6 }
	.border-dark { border-color: var(--dark) }
	.border-light { border-color: var(--light) }

	/* COLORS */
	.primary-color { color: var(--primary-color); }
	.secondary-color { color: var(--secondary-color); }
	.grey { color: var(--grey); }
	.black { color: #000; }
	.white { color: #FFF; }
	.dark { color: var(--dark); }
	.light { color: var(--light); }

	/* BG COLORS */
	.bg-primary-color { background-color: var(--primary-color); }
	.bg-secondary-color { background-color: var(--secondary-color); }
	.bg-grey { background-color: var(--grey); }
	.bg-black { background-color: #000; }
	.bg-white { background-color: #FFF; }
	.bg-dark { background-color: var(--dark); }
	.bg-light { background-color: var(--light); }

	/* HIDDEN */
	.hidden { display: none; visibility: hidden }
	.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px }
	.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto }
	.invisible { visibility: hidden }

	/* CLEAR */
	.clearfix { overflow: auto }
	.clearfix::after { content: ""; clear: both; display: block }
	.clear { clear: both }

	/* HIDDEN/SHOW DEVICES */
	.show-mobile { display: none }
	.show-desk { display: block }
	.hide-mobile { display: block }
	.hide-desk { display: none }

	/* MEDIUM DEVICE */
	@media only screen and (max-width: 768px) {
		.show-mobile { display: block }
		.show-desk { display: none }
		.hide-desk { display: block }
		.hide-mobile { display: none }
	}

	/* COL SYSTEM */
	.row { display: flex; flex-wrap: wrap; gap: 0px; --spacing: 0px; }
	.row::after, .row::before { clear: both }
		
	.col-1 { flex: 1 0 calc(8.33% - var(--spacing)); max-width: calc(8.33% - var(--spacing) / 2); }
	.col-2 { flex: 1 0 calc(16.66% - var(--spacing)); max-width: calc(16.66% - var(--spacing) / 2); }
	.col-3 { flex: 1 0 calc(25% - var(--spacing)); max-width: calc(25% - var(--spacing) / 2); }
	.col-4 { flex: 1 0 calc(33.33% - var(--spacing)); max-width: calc(33.33% - var(--spacing) / 2); }
	.col-5 { flex: 1 0 calc(41.66% - var(--spacing)); max-width: calc(41.66% - var(--spacing) / 2); }
	.col-6 { flex: 1 0 calc(50% - var(--spacing)); max-width: calc(50% - var(--spacing) / 2); }
	.col-7 { flex: 1 0 calc(58.33% - var(--spacing)); max-width: calc(58.33% - var(--spacing) / 2); }
	.col-8 { flex: 1 0 calc(66.66% - var(--spacing)); max-width: calc(66.66% - var(--spacing) / 2); }
	.col-9 { flex: 1 0 calc(75% - var(--spacing)); max-width: calc(75% - var(--spacing) / 2); }
	.col-10 { flex: 1 0 calc(83.33% - var(--spacing)); max-width: calc(83.33% - var(--spacing) / 2); }
	.col-11 { flex: 1 0 calc(91.66% - var(--spacing)); max-width: calc(91.66% - var(--spacing) / 2); }
	.col-12 { flex: 1 0 100%; max-width: 100%; }

	/* EXTRA LARGE DEVICE */
	@media only screen and (max-width: 1024px) {
		.col-xl-1 { flex: 1 0 calc(8.33% - var(--spacing)); max-width: calc(8.33% - var(--spacing) / 2); }
		.col-xl-2 { flex: 1 0 calc(16.66% - var(--spacing)); max-width: calc(16.66% - var(--spacing) / 2); }
		.col-xl-3 { flex: 1 0 calc(25% - var(--spacing)); max-width: calc(25% - var(--spacing) / 2); }
		.col-xl-4 { flex: 1 0 calc(33.33% - var(--spacing)); max-width: calc(33.33% - var(--spacing) / 2); }
		.col-xl-5 { flex: 1 0 calc(41.66% - var(--spacing)); max-width: calc(41.66% - var(--spacing) / 2); }
		.col-xl-6 { flex: 1 0 calc(50% - var(--spacing)); max-width: calc(50% - var(--spacing) / 2); }
		.col-xl-7 { flex: 1 0 calc(58.33% - var(--spacing)); max-width: calc(58.33% - var(--spacing) / 2); }
		.col-xl-8 { flex: 1 0 calc(66.66% - var(--spacing)); max-width: calc(66.66% - var(--spacing) / 2); }
		.col-xl-9 { flex: 1 0 calc(75% - var(--spacing)); max-width: calc(75% - var(--spacing) / 2); }
		.col-xl-10 { flex: 1 0 calc(83.33% - var(--spacing)); max-width: calc(83.33% - var(--spacing) / 2); }
		.col-xl-11 { flex: 1 0 calc(91.66% - var(--spacing)); max-width: calc(91.66% - var(--spacing) / 2); }
		.col-xl-12 { flex: 1 0 100%; max-width: 100%; }
	}

	/* LARGE DEVICE */
	@media only screen and (max-width: 992px) {
		.col-lg-1 { flex: 1 0 calc(8.33% - var(--spacing)); max-width: calc(8.33% - var(--spacing) / 2); }
		.col-lg-2 { flex: 1 0 calc(16.66% - var(--spacing)); max-width: calc(16.66% - var(--spacing) / 2); }
		.col-lg-3 { flex: 1 0 calc(25% - var(--spacing)); max-width: calc(25% - var(--spacing) / 2); }
		.col-lg-4 { flex: 1 0 calc(33.33% - var(--spacing)); max-width: calc(33.33% - var(--spacing) / 2); }
		.col-lg-5 { flex: 1 0 calc(41.66% - var(--spacing)); max-width: calc(41.66% - var(--spacing) / 2); }
		.col-lg-6 { flex: 1 0 calc(50% - var(--spacing)); max-width: calc(50% - var(--spacing) / 2); }
		.col-lg-7 { flex: 1 0 calc(58.33% - var(--spacing)); max-width: calc(58.33% - var(--spacing) / 2); }
		.col-lg-8 { flex: 1 0 calc(66.66% - var(--spacing)); max-width: calc(66.66% - var(--spacing) / 2); }
		.col-lg-9 { flex: 1 0 calc(75% - var(--spacing)); max-width: calc(75% - var(--spacing) / 2); }
		.col-lg-10 { flex: 1 0 calc(83.33% - var(--spacing)); max-width: calc(83.33% - var(--spacing) / 2); }
		.col-lg-11 { flex: 1 0 calc(91.66% - var(--spacing)); max-width: calc(91.66% - var(--spacing) / 2); }
		.col-lg-12 { flex: 1 0 100%; max-width: 100%; }
	}

	/* MEDIUM DEVICE */
	@media only screen and (max-width: 768px) {
		.col-md-1 { flex: 1 0 calc(8.33% - var(--spacing)); max-width: calc(8.33% - var(--spacing) / 2); }
		.col-md-2 { flex: 1 0 calc(16.66% - var(--spacing)); max-width: calc(16.66% - var(--spacing) / 2); }
		.col-md-3 { flex: 1 0 calc(25% - var(--spacing)); max-width: calc(25% - var(--spacing) / 2); }
		.col-md-4 { flex: 1 0 calc(33.33% - var(--spacing)); max-width: calc(33.33% - var(--spacing) / 2); }
		.col-md-5 { flex: 1 0 calc(41.66% - var(--spacing)); max-width: calc(41.66% - var(--spacing) / 2); }
		.col-md-6 { flex: 1 0 calc(50% - var(--spacing)); max-width: calc(50% - var(--spacing) / 2); }
		.col-md-7 { flex: 1 0 calc(58.33% - var(--spacing)); max-width: calc(58.33% - var(--spacing) / 2); }
		.col-md-8 { flex: 1 0 calc(66.66% - var(--spacing)); max-width: calc(66.66% - var(--spacing) / 2); }
		.col-md-9 { flex: 1 0 calc(75% - var(--spacing)); max-width: calc(75% - var(--spacing) / 2); }
		.col-md-10 { flex: 1 0 calc(83.33% - var(--spacing)); max-width: calc(83.33% - var(--spacing) / 2); }
		.col-md-11 { flex: 1 0 calc(91.66% - var(--spacing)); max-width: calc(91.66% - var(--spacing) / 2); }
		.col-md-12 { flex: 1 0 100%; max-width: 100%; }
	}

	/* SMALL DEVICE */
	@media only screen and (max-width: 576px) {
		[class*=col-] { flex: 1 0 100%; max-width: 100%; }
		.col-sm-1 { flex: 1 0 calc(8.33% - var(--spacing)); max-width: calc(8.33% - var(--spacing) / 2); }
		.col-sm-2 { flex: 1 0 calc(16.66% - var(--spacing)); max-width: calc(16.66% - var(--spacing) / 2); }
		.col-sm-3 { flex: 1 0 calc(25% - var(--spacing)); max-width: calc(25% - var(--spacing) / 2); }
		.col-sm-4 { flex: 1 0 calc(33.33% - var(--spacing)); max-width: calc(33.33% - var(--spacing) / 2); }
		.col-sm-5 { flex: 1 0 calc(41.66% - var(--spacing)); max-width: calc(41.66% - var(--spacing) / 2); }
		.col-sm-6 { flex: 1 0 calc(50% - var(--spacing)); max-width: calc(50% - var(--spacing) / 2); }
		.col-sm-7 { flex: 1 0 calc(58.33% - var(--spacing)); max-width: calc(58.33% - var(--spacing) / 2); }
		.col-sm-8 { flex: 1 0 calc(66.66% - var(--spacing)); max-width: calc(66.66% - var(--spacing) / 2); }
		.col-sm-9 { flex: 1 0 calc(75% - var(--spacing)); max-width: calc(75% - var(--spacing) / 2); }
		.col-sm-10 { flex: 1 0 calc(83.33% - var(--spacing)); max-width: calc(83.33% - var(--spacing) / 2); }
		.col-sm-11 { flex: 1 0 calc(91.66% - var(--spacing)); max-width: calc(91.66% - var(--spacing) / 2); }
		.col-sm-12 { flex: 1 0 100%; max-width: 100%; }
	}

	/* EXTRA SMALL DEVICE */
	@media only screen and (max-width: 320px) {
		.col-xs-1 { flex: 1 0 calc(8.33% - var(--spacing)); max-width: calc(8.33% - var(--spacing) / 2); }
		.col-xs-2 { flex: 1 0 calc(16.66% - var(--spacing)); max-width: calc(16.66% - var(--spacing) / 2); }
		.col-xs-3 { flex: 1 0 calc(25% - var(--spacing)); max-width: calc(25% - var(--spacing) / 2); }
		.col-xs-4 { flex: 1 0 calc(33.33% - var(--spacing)); max-width: calc(33.33% - var(--spacing) / 2); }
		.col-xs-5 { flex: 1 0 calc(41.66% - var(--spacing)); max-width: calc(41.66% - var(--spacing) / 2); }
		.col-xs-6 { flex: 1 0 calc(50% - var(--spacing)); max-width: calc(50% - var(--spacing) / 2); }
		.col-xs-7 { flex: 1 0 calc(58.33% - var(--spacing)); max-width: calc(58.33% - var(--spacing) / 2); }
		.col-xs-8 { flex: 1 0 calc(66.66% - var(--spacing)); max-width: calc(66.66% - var(--spacing) / 2); }
		.col-xs-9 { flex: 1 0 calc(75% - var(--spacing)); max-width: calc(75% - var(--spacing) / 2); }
		.col-xs-10 { flex: 1 0 calc(83.33% - var(--spacing)); max-width: calc(83.33% - var(--spacing) / 2); }
		.col-xs-11 { flex: 1 0 calc(91.66% - var(--spacing)); max-width: calc(91.66% - var(--spacing) / 2); }
		.col-xs-12 { flex: 1 0 100%; max-width: 100%; }
	}

	/* GRID SYSTEM */
	.grid { display: grid; }
  [class*=grid-col-] { display: grid; gap: 25px; width: 100%; }

	.grid-col-2 { grid-template-columns: repeat(2, 1fr); }
	.grid-col-3 { grid-template-columns: repeat(3, 1fr); }
	.grid-col-4 { grid-template-columns: repeat(4, 1fr); }
	.grid-col-5 { grid-template-columns: repeat(5, 1fr); }
	.grid-col-6 { grid-template-columns: repeat(6, 1fr); }
	.grid-col-7 { grid-template-columns: repeat(7, 1fr); }
	.grid-col-8 { grid-template-columns: repeat(8, 1fr); }

	.grid-col-1-2 { grid-template-columns: 1fr 2fr; }
	.grid-col-2-1 { grid-template-columns: 2fr 1fr; }

	.grid-col-1-3 { grid-template-columns: 1fr 3fr; }
	.grid-col-3-1 { grid-template-columns: 3fr 1fr; }

	.grid-col-1-4 { grid-template-columns: 1fr 4fr; }
	.grid-col-4-1 { grid-template-columns: 4fr 1fr; }

	.grid-col-1-5 { grid-template-columns: 1fr 5fr; }
	.grid-col-5-1 { grid-template-columns: 5fr 1fr; }

	.grid-col-2-3 { grid-template-columns: 2fr 3fr; }
	.grid-col-3-2 { grid-template-columns: 3fr 2fr; }

	/* SMALL DEVICE TO LARGE DEVICE */
	@media only screen and (min-width: 577px) and (max-width: 992px) {
		[class*="grid-col"]:not(.grid-col-3) { grid-template-columns: repeat(2, 1fr) }
	}

	/* SMALL DEVICE */
	@media only screen and (max-width: 576px) {
		[class*="grid-col-"] { grid-template-columns: 100%; }
	}

/* GAP FOR FLEX and GRID ELEMENTS */
.gap-0 { gap: 0rem; --spacing: 0rem; }
.gap-10 { gap: 0.625rem; --spacing: 0.625rem; }
.gap-20 { gap: 1.25rem; --spacing: 1.25rem; }
.gap-30 { gap: 1.875rem; --spacing: 1.875rem; }
.gap-40 { gap: 2.5rem; --spacing: 2.5rem; }
.gap-50 { gap: 3.125rem; --spacing: 3.125rem; }
.gap-60 { gap: 3.75rem; --spacing: 3.75rem; }
.gap-70 { gap: 4.375rem; --spacing: 4.375rem; }
.gap-80 { gap: 5rem; --spacing: 5rem; }
.gap-90 { gap: 5.625rem; --spacing: 5.625rem; }
.gap-100 { gap: 6.25rem; --spacing: 6.25rem; }

/* ROW GAP */

.rgap-0 { row-gap: 0rem; }
.rgap-10 { row-gap: 0.625rem; }
.rgap-20 { row-gap: 1.25rem; }
.rgap-30 { row-gap: 1.875rem; }
.rgap-40 { row-gap: 2.5rem; }
.rgap-50 { row-gap: 3.125rem; }
.rgap-60 { row-gap: 3.75rem; }
.rgap-70 { row-gap: 4.375rem; }
.rgap-80 { row-gap: 5rem; }
.rgap-90 { row-gap: 5.625rem; }
.rgap-100 { row-gap: 6.25rem; }

/* COLUMN GAP */

.cgap-0 { column-gap: 0rem; --spacing: 0rem; }
.cgap-10 { column-gap: 0.625rem; --spacing: 0.625rem; }
.cgap-20 { column-gap: 1.25rem; --spacing: 1.25rem; }
.cgap-30 { column-gap: 1.875rem; --spacing: 1.875rem; }
.cgap-40 { column-gap: 2.5rem; --spacing: 2.5rem; }
.cgap-50 { column-gap: 3.125rem; --spacing: 3.125rem; }
.cgap-60 { column-gap: 3.75rem; --spacing: 3.75rem; }
.cgap-70 { column-gap: 4.375rem; --spacing: 4.375rem; }
.cgap-80 { column-gap: 5rem; --spacing: 5rem; }
.cgap-90 { column-gap: 5.625rem; --spacing: 5.625rem; }
.cgap-100 { column-gap: 6.25rem; --spacing: 6.25rem; }


	/* SMALL DEVICE */
	
	/* ADDRESS */
	.address { font-style: normal; }
	.address :is(span, a):not(.btn) { display: block; font: .925rem/22px var(--primary-font); color: var(--light);}
	.address a:hover:not(.btn) { color: var(--primary-color); }
	

	/* *** PULL YOUR CUSTOM SITE CSS *RULES* BELLOW *** */

/* *** END RULES CSS *** */
/* =============================== HEADER =============================== */

header {
  background-color: #fff;
}
header .logo img {
  display: block;
  margin: 0.2rem auto;
  width: 100%;
  max-width: 88px;
  height: auto;
}

header .logo .logo-placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 4/1;
  background-color: var(--light);
  color: var(--primary-color);
  width: 250px;
  border-radius: 4px;
  font-weight: bold;
  margin: 1.75rem auto;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: bold;
}

/* TOPO */
header .topo {
  background-color: var(--primary-color);
  padding: 8px 0;
  font-size: 13px;
  color: #fff;
}
header .topo :is(span, a) {
  font: 13px var(--primary-font);
  color: #fff;
  transition: 0.3s;
}
header .topo a:hover {
  opacity: 0.75;
}

/* MENU */
header #menu > ul {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  gap: 4px;
}
header #menu > ul > li {
  margin: 0;
}
header #menu > ul > li > a {
  color: var(--grey);
  padding: 11px 15px;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 12px;
}

header #menu > ul > li:focus-within > a,
header #menu > ul > li:hover > a,
header #menu > ul > li > a.active-menu-topo {
  color: var(--primary-color);
}

header #menu > ul > li.dropdown [class*="sub-menu"] {
  background-color: var(--primary-color);
}
header #menu > ul > li.dropdown [class*="sub-menu"] > li:hover > a,
header #menu > ul > li.dropdown [class*="sub-menu"] > li > a.active-menu-topo {
  background-color: #fff;
  color: var(--primary-color);
}

/* MENU DROPDOWN ARROWS */
header #menu > ul > li.dropdown:not([data-icon-menu]) > a::after {
  content: "\f107";
  font-family: FontAwesome;
  margin-left: 4px;
  font-size: 12px;
}

/* ASIDE */
.aside .aside__btn,
.aside .aside__menu h2,
.aside .aside__contato h2 {
  font-size: 14px;
  background-color: var(--primary-color);
  padding: 10px;
  display: block;
  transition: 0.3s;
  color: #fff;
}
.aside .aside__btn {
  color: #fff;
  text-align: center;
  border-radius: 3px;
}
.aside .aside__btn:hover {
  background-color: var(--dark);
}
.aside .aside__menu h2 a {
  color: #fff;
}
.aside .aside__menu nav ul li {
  border-left: 2px solid var(--primary-color);
  margin: 10px 0;
  padding: 5px;
  transition: 0.2s;
}
.aside .aside__menu nav ul li a {
  color: var(--dark);
  font-size: 12px;
  border-left: 0;
  padding: 0;
  transition: 0.3s;
}
.aside .aside__menu nav ul li:hover {
  border-left-color: var(--dark);
  background-color: #f0f0f0;
}
.aside .aside__menu nav ul li a.active-menu-aside {
  color: var(--primary-color);
  font-weight: bold;
}
.aside .aside__contato h2 {
  text-align: center;
}
.aside .aside__contato a {
  color: var(--dark);
  text-align: center;
  display: block;
  margin: 10px;
  transition: all 0.2s ease;
}
.aside .aside__contato a:hover {
  color: #5492c3;
}
.aside .fb-page {
  display: block;
  margin-bottom: 25px;
}

/* =============================== FOOTER =============================== */
footer {
  border-top: solid 2px var(--primary-color);
  background-color: #fff;
  padding: 25px 0;
}
footer h3 {
  margin-top: 0;
  font-size: 18px;
  color: var(--dark);
}

footer .footer__menu li a {
  display: block;
  padding: 5px 0;
  margin: 5px 0;
  font-size: 12px;
  font-weight: 900;
  color: var(--dark);
  transition: 0.3s;
  text-transform: uppercase;
}
footer .footer__menu li a i {
  font-size: 10px;
}
footer .footer__menu li a:hover {
  color: var(--primary-color);
}
footer .address :is(span, a):not(.btn) {
  color: var(--dark);
  font-size: 14px;
  line-height: 25px;
  transition: 0.3s;
}
footer .address a:not(.btn):hover {
  color: var(--primary-color);
}
footer .social {
  gap: 10px;
  margin-top: 15px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
footer .social__icons {
  font-size: 18px;
  opacity: 0.75;
  color: #fff;
  border: solid 2px var(--primary-color);
  background-color: var(--primary-color);
  border-radius: 50%;
  width: 35px;
  height: 35px;
  text-align: center;
  justify-content: center;
  display: flex;
  align-items: center;
}
footer .social__icons:hover {
  opacity: 1;
}
/* MEDIUM DEVICE */
@media only screen and (max-width: 768px) {
  footer img {
    display: block;
    margin: 0 auto;
  }
}
/* SMALL DEVICE */
@media only screen and (max-width: 576px) {
  footer h3:after {
    margin-left: auto;
    margin-right: auto;
  }
  footer .address .btn {
    display: inline-block;
    margin: 1rem auto;
    width: auto;
  }
  footer .social {
    justify-content: center;
  }
}

/* DESTAQUES */

.destaques-mpi {
  margin: 32px 0;
}

.destaques-mpi__title {
  margin: 0 0 30px 0;
  color: var(--primary-color);
}

.destaques-mpi__title span {
  color: var(--dark);
}

/* FIM DESTAQUES */

/* CLIENTES */

.clientes {
  padding: 32px 0;
}

.clientes__title {
  margin: 0 0 30px 0;
}
.clientes__item {
  display: flex !important;
  justify-content: center;
  align-items: center;
  width: 100%;
  aspect-ratio: 1/1;
  padding: 8px;
  margin: 0 10px;
  background-color: #fff;
  padding: 30px;
}

.clientes__carousel {
  padding: 0 16px;
}

.clientes__image {
  max-width: 100%;
  max-height: 100%;
}

/* FIM CLIENTES */

/* ==================== Cards mod-21 ==================== */

.card.card--mod-21 {
  position: relative;
  border-radius: 0.25rem;
  overflow: hidden;
}
.card.card--mod-21 .card__image {
  display: block;
  width: 100%;
  aspect-ratio: 4/4;
  object-fit: cover;
}
.card.card--mod-21 .card__title {
  margin: 0;
  padding: 0.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: calc((1.125rem * 3) * 1.3);
  font-size: 1.125rem;
  text-align: center;
  color: #fff;
  background-color: var(--primary-color);
  line-height: 1.3;
}
.card.card--mod-21 .card__title::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  border: 2px solid #fffc;
  opacity: 0;
  border-radius: 0.25rem;
  transition: all 0.3s ease-out;
  transition-delay: 0s;
}
.card.card--mod-21:focus .card__title,
.card.card--mod-21:hover .card__title {
  height: 100%;
}
.card.card--mod-21:hover .card__title::after {
  width: calc(100% - 2rem);
  height: calc(100% - 2rem);
  margin: 1rem;
  opacity: 1;
  transition-delay: 0.2s;
}

/* ================== FIM Cards mod-21 ================== */

.card.card--mod-21 {
  position: relative;
  border-radius: 0.25rem;
  overflow: hidden;
}

.card.card--mod-21 .card__image {
  display: block;
  width: 100%;
  aspect-ratio: 4/4;
  object-fit: cover;
}

.card.card--mod-21 .card__title {
  margin: 0;
  padding: 0.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: calc((1.125rem * 3) * 1.3);
  font-size: 1.125rem;
  text-align: center;
  color: #fff;
  background-color: rgba(22, 51, 176, 0.841);
  line-height: 1.3;
}

.card.card--mod-21 .card__title::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  border: 2px solid #fffc;
  opacity: 0;
  border-radius: 0.25rem;
  transition: all 0.3s ease-out;
  transition-delay: 0s;
}

.card.card--mod-21:focus .card__title,
.card.card--mod-21:hover .card__title {
  height: 100%;
}

.card.card--mod-21:hover .card__title::after {
  width: calc(100% - 2rem);
  height: calc(100% - 2rem);
  margin: 1rem;
  opacity: 1;
  transition-delay: 0.2s;
}

.desc-empresa {
  font-size: 14px;
}
.flout-sol {
  width: 280px;
  height: 280px;
  position: absolute;
  z-index: -3;
  top: -99px;
  left: -130px;
}

.flocos-sobre {
  width: 257px;
  position: absolute;
  bottom: -98px;
  right: -99px;
}
@media screen and (max-width: 576px) {
  .flocos-sobre {
    display: none;
  }
}
.card-102 {
  display: flex;
  flex-direction: column;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
  border-radius: 20px;
  padding: 30px 20px;
  margin: 15px;
  width: 350px;
  height: 100%;
}

.card-102 .peplo {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.card-102 .peplo i {
  font-size: 70px;
  padding: 5px;
}
.card-102 blockquote {
  margin: 5px 10px;
  font-size: 14px;
  min-height: 150px;
}
.line-empresa {
  display: block;
  width: 40%;
}
.line-empresa hr {
  height: 4px;
  border-top: 2px solid #ccc;
}
.sub-title {
  display: block;
  text-align: center;
  text-transform: uppercase;
  color: var(--Black-600, #5d5d5d);
  font-weight: 600;
  letter-spacing: 0.43125rem;
}
.flout-sol-right {
  width: 220px;
  height: 220px;
  position: absolute;
  z-index: -3;
  top: -58px;
  right: 183px;
}

@media screen and (max-width: 576px) {
  .flout-sol-right {
    display: none;
  }
}

.card-130 {
  background: var(--Black-50, #f6f6f6);
  overflow: hidden;
}
.card-130 img {
  aspect-ratio: 4/3;
  object-fit: cover;
}
.card-130 h2 {
  font-size: 18px;
  color: var(--Black-600, #5d5d5d);
  font-weight: 700;
}
.card-130 .content-card {
  padding: 20px;
}
.btn-servicos {
  text-transform: uppercase;
  font-weight: 900;
  color: var(--primary-color);
  background-color: transparent;
  border: solid 2px var(--primary-color);
  border-radius: 5px;
  font-size: 12px;
  padding: 5px 14px;
}
.card-130:hover {
  background-color: #e2dddd;
  transform: translateY(5px);
  transition: all 0.4s ease;
}
.card-130:hover h2 {
  color: var(--primary-color);
}
.sol-servico {
  position: absolute;
  top: -36px;
  left: 6px;
  z-index: -3;
  display: block;
  width: 250px;
  height: 250px;
}
.floco-servicos {
  position: absolute;
  bottom: 0;
  right: 10px;
  z-index: -3;
  display: block;
  width: 280px;
  height: 280px;
}
@media screen and (max-width: 576px) {
  .sol-servico,
  .floco-servicos {
    display: none;
  }
}
.cta-pages {
  background-image: var(--background);
  display: block;
  width: 100%;
  height: auto;
  padding: 60px 10px;
}
.btn-cta {
  border-radius: 0.5rem;
  background: var(--Black-100, #e7e7e7);
  color: var(--primary-color);
  text-transform: uppercase;
  padding: 12px 24px;
  font-weight: 900;
  font-size: 12px;
}
.btn-cta:hover {
  background-color: #ccc6c6;
  transition: all 0.4s;
}
.bg-color {
  background-color: #fafafa;
}
.floco-home {
  position: absolute;
  bottom: -99px;
  left: -18px;
  width: 250px;
  height: 250px;
  display: block;
}
.floco-home-topo {
  position: absolute;
  top: -66px;
  right: 63px;
  width: 260px;
  height: 260px;
  display: block;
  transform: rotate(-62deg);
}
.floco-servico-home {
  position: absolute;
  top: -205px;
  left: -20px;
  display: block;
  transform: rotate(107deg);
  z-index: -3;
}
@media screen and (max-width: 576px) {
  .floco-home,
  .floco-home-topo,
  .floco-servico-home {
    display: none;
  }
}

.btn-servicos-home {
  text-transform: uppercase;
  font-size: 12px;
  color: #fff;
  padding: 10px 16px;
  background-color: var(--primary-color);
  border-radius: 4px;
  transition: all 0.4s ease;
  margin: 30px 0;
}
.btn-servicos-home:hover {
  background-color: var(--secondary-color);
}

.margin-btn-home {
  margin-top: 60px;
}
@keyframes showSweetAlert {
  0% {
    transform: scale(0.7);
  }
  45% {
    transform: scale(1.05);
  }
  80% {
    transform: scale(0.95);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes hideSweetAlert {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.5);
  }
}
@keyframes slideFromTop {
  0% {
    top: 0%;
  }
  100% {
    top: 50%;
  }
}
@keyframes slideToTop {
  0% {
    top: 50%;
  }
  100% {
    top: 0%;
  }
}
@keyframes slideFromBottom {
  0% {
    top: 70%;
  }
  100% {
    top: 50%;
  }
}
@keyframes slideToBottom {
  0% {
    top: 50%;
  }
  100% {
    top: 70%;
  }
}
.showSweetAlert {
  animation: showSweetAlert 0.3s;
}
.showSweetAlert[data-animation=none] {
  animation: none;
}
.showSweetAlert[data-animation=slide-from-top] {
  animation: slideFromTop 0.3s;
}
.showSweetAlert[data-animation=slide-from-bottom] {
  animation: slideFromBottom 0.3s;
}
.hideSweetAlert {
  animation: hideSweetAlert 0.3s;
}
.hideSweetAlert[data-animation=none] {
  animation: none;
}
.hideSweetAlert[data-animation=slide-from-top] {
  animation: slideToTop 0.3s;
}
.hideSweetAlert[data-animation=slide-from-bottom] {
  animation: slideToBottom 0.3s;
}
@keyframes animateSuccessTip {
  0% {
    width: 0;
    left: 1px;
    top: 19px;
  }
  54% {
    width: 0;
    left: 1px;
    top: 19px;
  }
  70% {
    width: 50px;
    left: -8px;
    top: 37px;
  }
  84% {
    width: 17px;
    left: 21px;
    top: 48px;
  }
  100% {
    width: 25px;
    left: 14px;
    top: 45px;
  }
}
@keyframes animateSuccessLong {
  0% {
    width: 0;
    right: 46px;
    top: 54px;
  }
  65% {
    width: 0;
    right: 46px;
    top: 54px;
  }
  84% {
    width: 55px;
    right: 0px;
    top: 35px;
  }
  100% {
    width: 47px;
    right: 8px;
    top: 38px;
  }
}
@keyframes rotatePlaceholder {
  0% {
    transform: rotate(-45deg);
  }
  5% {
    transform: rotate(-45deg);
  }
  12% {
    transform: rotate(-405deg);
  }
  100% {
    transform: rotate(-405deg);
  }
}
.animateSuccessTip {
  animation: animateSuccessTip 0.75s;
}
.animateSuccessLong {
  animation: animateSuccessLong 0.75s;
}
.sa-icon.sa-success.animate::after {
  animation: rotatePlaceholder 4.25s ease-in;
}
@keyframes animateErrorIcon {
  0% {
    transform: rotateX(100deg);
    opacity: 0;
  }
  100% {
    transform: rotateX(0deg);
    opacity: 1;
  }
}
.animateErrorIcon {
  animation: animateErrorIcon 0.5s;
}
@keyframes animateXMark {
  0% {
    transform: scale(0.4);
    margin-top: 26px;
    opacity: 0;
  }
  50% {
    transform: scale(0.4);
    margin-top: 26px;
    opacity: 0;
  }
  80% {
    transform: scale(1.15);
    margin-top: -6px;
  }
  100% {
    transform: scale(1);
    margin-top: 0;
    opacity: 1;
  }
}
.animateXMark {
  animation: animateXMark 0.5s;
}
@keyframes pulseWarning {
  0% {
    border-color: #F8D486;
  }
  100% {
    border-color: #F8BB86;
  }
}
.pulseWarning {
  animation: pulseWarning 0.75s infinite alternate;
}
@keyframes pulseWarningIns {
  0% {
    background-color: #F8D486;
  }
  100% {
    background-color: #F8BB86;
  }
}
.pulseWarningIns {
  animation: pulseWarningIns 0.75s infinite alternate;
}
@keyframes rotate-loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
body.stop-scrolling {
  height: 100%;
  overflow: hidden;
}
.sweet-overlay {
  background-color: rgba(0, 0, 0, 0.4);
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: none;
  z-index: 1040;
}
.sweet-alert {
  background-color: #ffffff;
  width: 478px;
  padding: 17px;
  border-radius: 5px;
  text-align: center;
  position: fixed;
  left: 50%;
  top: 50%;
  margin-left: -256px;
  margin-top: -200px;
  overflow: hidden;
  display: none;
  z-index: 2000;
}
@media all and (max-width: 767px) {
  .sweet-alert {
    width: auto;
    margin-left: 0;
    margin-right: 0;
    left: 15px;
    right: 15px;
  }
}
.sweet-alert .form-group {
  display: none;
}
.sweet-alert .form-group .sa-input-error {
  display: none;
}
.sweet-alert.show-input .form-group {
  display: block;
}
.sweet-alert .sa-confirm-button-container {
  display: inline-block;
  position: relative;
}
.sweet-alert .la-ball-fall {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -27px;
  margin-top: -9px;
  opacity: 0;
  visibility: hidden;
}
.sweet-alert button[disabled] {
  opacity: .6;
  cursor: default;
}
.sweet-alert button.confirm[disabled] {
  color: transparent;
}
.sweet-alert button.confirm[disabled] ~ .la-ball-fall {
  opacity: 1;
  visibility: visible;
  transition-delay: 0s;
}
.sweet-alert .sa-icon {
  width: 80px;
  height: 80px;
  border: 4px solid gray;
  border-radius: 50%;
  margin: 20px auto;
  position: relative;
  box-sizing: content-box;
}
.sweet-alert .sa-icon.sa-error {
  border-color: #d43f3a;
}
.sweet-alert .sa-icon.sa-error .sa-x-mark {
  position: relative;
  display: block;
}
.sweet-alert .sa-icon.sa-error .sa-line {
  position: absolute;
  height: 5px;
  width: 47px;
  background-color: #d9534f;
  display: block;
  top: 37px;
  border-radius: 2px;
}
.sweet-alert .sa-icon.sa-error .sa-line.sa-left {
  transform: rotate(45deg);
  left: 17px;
}
.sweet-alert .sa-icon.sa-error .sa-line.sa-right {
  transform: rotate(-45deg);
  right: 16px;
}
.sweet-alert .sa-icon.sa-warning {
  border-color: #eea236;
}
.sweet-alert .sa-icon.sa-warning .sa-body {
  position: absolute;
  width: 5px;
  height: 47px;
  left: 50%;
  top: 10px;
  border-radius: 2px;
  margin-left: -2px;
  background-color: #f0ad4e;
}
.sweet-alert .sa-icon.sa-warning .sa-dot {
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  margin-left: -3px;
  left: 50%;
  bottom: 10px;
  background-color: #f0ad4e;
}
.sweet-alert .sa-icon.sa-info {
  border-color: #46b8da;
}
.sweet-alert .sa-icon.sa-info::before {
  content: "";
  position: absolute;
  width: 5px;
  height: 29px;
  left: 50%;
  bottom: 17px;
  border-radius: 2px;
  margin-left: -2px;
  background-color: #5bc0de;
}
.sweet-alert .sa-icon.sa-info::after {
  content: "";
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  margin-left: -3px;
  top: 19px;
  background-color: #5bc0de;
}
.sweet-alert .sa-icon.sa-success {
  border-color: #4cae4c;
}
.sweet-alert .sa-icon.sa-success::before,
.sweet-alert .sa-icon.sa-success::after {
  content: '';
  border-radius: 50%;
  position: absolute;
  width: 60px;
  height: 120px;
  background: #ffffff;
  transform: rotate(45deg);
}
.sweet-alert .sa-icon.sa-success::before {
  border-radius: 120px 0 0 120px;
  top: -7px;
  left: -33px;
  transform: rotate(-45deg);
  transform-origin: 60px 60px;
}
.sweet-alert .sa-icon.sa-success::after {
  border-radius: 0 120px 120px 0;
  top: -11px;
  left: 30px;
  transform: rotate(-45deg);
  transform-origin: 0px 60px;
}
.sweet-alert .sa-icon.sa-success .sa-placeholder {
  width: 80px;
  height: 80px;
  border: 4px solid rgba(92, 184, 92, 0.2);
  border-radius: 50%;
  box-sizing: content-box;
  position: absolute;
  left: -4px;
  top: -4px;
  z-index: 2;
}
.sweet-alert .sa-icon.sa-success .sa-fix {
  width: 5px;
  height: 90px;
  background-color: #ffffff;
  position: absolute;
  left: 28px;
  top: 8px;
  z-index: 1;
  transform: rotate(-45deg);
}
.sweet-alert .sa-icon.sa-success .sa-line {
  height: 5px;
  background-color: #5cb85c;
  display: block;
  border-radius: 2px;
  position: absolute;
  z-index: 2;
}
.sweet-alert .sa-icon.sa-success .sa-line.sa-tip {
  width: 25px;
  left: 14px;
  top: 46px;
  transform: rotate(45deg);
}
.sweet-alert .sa-icon.sa-success .sa-line.sa-long {
  width: 47px;
  right: 8px;
  top: 38px;
  transform: rotate(-45deg);
}
.sweet-alert .sa-icon.sa-custom {
  background-size: contain;
  border-radius: 0;
  border: none;
  background-position: center center;
  background-repeat: no-repeat;
}
.sweet-alert .btn-default:focus {
  border-color: #cccccc;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(204, 204, 204, 0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(204, 204, 204, 0.6);
}
.sweet-alert .btn-success:focus {
  border-color: #4cae4c;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(76, 174, 76, 0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(76, 174, 76, 0.6);
}
.sweet-alert .btn-info:focus {
  border-color: #46b8da;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(70, 184, 218, 0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(70, 184, 218, 0.6);
}
.sweet-alert .btn-danger:focus {
  border-color: #d43f3a;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(212, 63, 58, 0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(212, 63, 58, 0.6);
}
.sweet-alert .btn-warning:focus {
  border-color: #eea236;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(238, 162, 54, 0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(238, 162, 54, 0.6);
}
.sweet-alert button::-moz-focus-inner {
  border: 0;
}
/*!
 * Load Awesome v1.1.0 (http://github.danielcardoso.net/load-awesome/)
 * Copyright 2015 Daniel Cardoso <@DanielCardoso>
 * Licensed under MIT
 */
.la-ball-fall,
.la-ball-fall > div {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.la-ball-fall {
  display: block;
  font-size: 0;
  color: #fff;
}
.la-ball-fall.la-dark {
  color: #333;
}
.la-ball-fall > div {
  display: inline-block;
  float: none;
  background-color: currentColor;
  border: 0 solid currentColor;
}
.la-ball-fall {
  width: 54px;
  height: 18px;
}
.la-ball-fall > div {
  width: 10px;
  height: 10px;
  margin: 4px;
  border-radius: 100%;
  opacity: 0;
  -webkit-animation: ball-fall 1s ease-in-out infinite;
  -moz-animation: ball-fall 1s ease-in-out infinite;
  -o-animation: ball-fall 1s ease-in-out infinite;
  animation: ball-fall 1s ease-in-out infinite;
}
.la-ball-fall > div:nth-child(1) {
  -webkit-animation-delay: -200ms;
  -moz-animation-delay: -200ms;
  -o-animation-delay: -200ms;
  animation-delay: -200ms;
}
.la-ball-fall > div:nth-child(2) {
  -webkit-animation-delay: -100ms;
  -moz-animation-delay: -100ms;
  -o-animation-delay: -100ms;
  animation-delay: -100ms;
}
.la-ball-fall > div:nth-child(3) {
  -webkit-animation-delay: 0ms;
  -moz-animation-delay: 0ms;
  -o-animation-delay: 0ms;
  animation-delay: 0ms;
}
.la-ball-fall.la-sm {
  width: 26px;
  height: 8px;
}
.la-ball-fall.la-sm > div {
  width: 4px;
  height: 4px;
  margin: 2px;
}
.la-ball-fall.la-2x {
  width: 108px;
  height: 36px;
}
.la-ball-fall.la-2x > div {
  width: 20px;
  height: 20px;
  margin: 8px;
}
.la-ball-fall.la-3x {
  width: 162px;
  height: 54px;
}
.la-ball-fall.la-3x > div {
  width: 30px;
  height: 30px;
  margin: 12px;
}
/*
 * Animation
 */

@keyframes ball-fall {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-145%);
    -moz-transform: translateY(-145%);
    -o-transform: translateY(-145%);
    transform: translateY(-145%);
  }
  10% {
    opacity: .5;
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  80% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  90% {
    opacity: .5;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(145%);
    -moz-transform: translateY(145%);
    -o-transform: translateY(145%);
    transform: translateY(145%);
  }
}


         article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}button,html,input,select,textarea{font-family:sans-serif}body,figure,form{margin:0}a:active,a:focus,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}h2{font-size:1.5em;margin:.83em 0}h3{font-size:1.17em;margin:1em 0}h4{font-size:1em}h6{font-size:.67em;margin:2.33em 0}h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{text-decoration:none;color:#333}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}blockquote{margin:1em 40px}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}dl,menu,ol,p,pre,ul{margin:1em 0}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:after,q:before{content:'';content:none}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}dd{margin:0 0 0 40px}menu,ol,ul{padding:0}nav ol,nav ul{list-style:none}img{border:0;-ms-interpolation-mode:bicubic;max-width:100%;height:auto}svg:not(:root){overflow:hidden}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline}button,input{line-height:normal;border:1px solid #ccc;padding:5px}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}audio,canvas,img,video{vertical-align:middle}address{font-style:normal}ul{list-style:none;margin:0;padding:0}/* VARS */
:root {
  --border-color: #ccc;
  --box-shadow: 0 15px 10px -15px #111;
  --border-radius: 0.25em;
  --primary-light-color: #8eb7d8;
}

@keyframes ball-fall {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-145%);
    -moz-transform: translateY(-145%);
    -o-transform: translateY(-145%);
    transform: translateY(-145%);
  }
  10% {
    opacity: .5;
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  80% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  90% {
    opacity: .5;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(145%);
    -moz-transform: translateY(145%);
    -o-transform: translateY(145%);
    transform: translateY(145%);
  }
}
        
            :is(h1, h2, h3, h4, h5)::first-letter { text-transform: uppercase } 

/* ASIDE */
.mpi-aside .aside__btn{display:flex;width:100%}
.mpi-aside .aside__contato h2{display:block; padding:.75rem 1rem;color:#fff;font-size:1rem;background-color:var(--primary-color);transition:.3s ease-out; border-radius: 24px; font-weight: 200; font-size: 1.3rem; transition: 0.35s;}
.mpi-aside .aside__menu .aside-title {border-bottom: 3px solid var(--primary-color);}
.mpi-aside .aside__menu h2 a {transition: 0.35s;}
.mpi-aside .aside__menu h2 a:focus,.mpi-aside .aside__menu h2 a:hover{color: grey;}
.mpi-aside .aside__menu nav{margin:.5rem 0}
.mpi-aside .aside__menu nav ul li a{display:block;padding:.5rem;color:var(--grey);font-size:.875rem;border-left:2px solid #ccc;margin:.5rem 0;transition:.3s ease-out}
.mpi-aside .aside__menu nav ul li a.active-menu-aside,.mpi-aside .aside__menu nav ul li a:focus,.mpi-aside .aside__menu nav ul li a:hover{color:var(--primary-color);border-color:currentColor;background-color:var(--light)}
.mpi-aside .aside__menu nav ul li a.active-menu-aside{font-weight:700}
.mpi-aside .aside__contato{text-align:center; background-color: var(--primary-color); padding: 2rem; border-radius: 24px;}
.mpi-aside .aside__contato h2{margin: 0;}
.mpi-aside .aside__contato a{color:var(--light);display:block;margin:10px;transition:.3s ease-out}
.mpi-aside .aside__contato a:focus,.mpi-aside .aside__contato a:hover{color:var(--secondary-color)}


/* SAIBA MAIS */
.more { margin-bottom: 20px; }
.more h2 strong { font-size: 16px; }

/* GALLERY */
p.alerta{font-weight:700}

.mpi-gallery { display: grid; grid-template-columns: repeat(auto-fill, minmax(145px, 1fr)); gap: 10px; }
.mpi-gallery li { border-radius: 3px; overflow: hidden; }
.mpi-gallery li a { display: block; width: 100%; height: 100%; position: relative; }
.mpi-gallery li a::before { content: "\f002"; font-family: "FontAwesome"; position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding-top: 20px; opacity: 0; transition: 0.3s; color: #FFF; font-size: 36px; display: flex; justify-content: center; align-items: center; background-color: rgba(0, 0, 0, 0.5); }
.mpi-gallery li:hover a::before { padding-top: 0; opacity: 1; }
.mpi-gallery li img { z-index: 2; width: 100%; aspect-ratio: 1/1; object-fit: cover; display: block; margin: 0 auto; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }

/* PAGINAS RELACIONADAS */
  .related-posting .related-posting__row { clear: both; display: block; background: #eee; border-left: 3px solid #ccc; padding: 10px 20px; transition: all .3s linear; min-height: 85px; margin: 0 0 2px 0; overflow: hidden; }
  .related-posting .related-posting__row:hover { border-color: var(--dark); }
  .related-posting .related-posting__row img { display: block; border: 1px solid #ccc; aspect-ratio: 1/1; object-fit: cover; }
  .related-posting__cover { width: 100%; height: 100%; }
  .related-posting__title { text-align: left; font-size: 16px; text-transform: uppercase; }

/* ORGANICTABS REGIOES */
.organictabs--regioes { margin: 10px 0; }
.organictabs--regioes .organictabs__menu { display: grid; grid-template-columns: repeat(auto-fit, minmax(100px, 1fr)); }
.organictabs--regioes.brasil .organictabs__menu { grid-template-columns: repeat(auto-fit, minmax(35px, 1fr)); }
.organictabs--regioes .organictabs__menu span { width: 100%; height: 60px; display: flex; align-items: center; justify-content: center; background-color: #ccc; color: var(--dark); text-align: center; font-size: 14px; cursor: pointer; transition: 0.3s; }
.organictabs--regioes.brasil .organictabs__menu span { height: 40px; font-size: 10px; font-weight: bold; }
.organictabs--regioes .organictabs__menu span.active-tab { background-color: var(--dark); color: #fff; }
.organictabs--regioes .organictabs__content { padding: 20px; background-color: #eee; overflow: hidden; padding: 10px; }
.organictabs--regioes .organictabs__content ul { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 7px; }
.organictabs--regioes .organictabs__content ul li { height: auto; display: flex; align-items: center; justify-content: flex-start; font-size: 12px; padding: 5px 0; border-bottom: 1px solid #ccc; color: var(--dark); }

/* COPYRIGHT */
.copyright { font-size: 10px; color: #999; margin-bottom: 15px; }
.copyright a { font-size: 10px; color: #999; }

/* ==================== CTA mpi ==================== */

/* ==================== CTA MPI MOCKUP 1.0 ==================== */

.content {
    overflow: hidden;
}

.saiba-mais-mpi-10 {
    background-color: var(--primary-color);
    width: 110%;
    transform: translateX(-5%);
    left: 0;
    text-align: center;
    font-size: 1.5em;
    padding: 4rem 0;
}

.saiba-mais-mpi-10 h2 {
    color: var(--light);
}

.saiba-mais-mpi-10::after {
    content: "";
    width: 300%;
    height: 100%;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    background-color: var(--primary-color);
    position: absolute;
    z-index: -1;
}

.content-saiba-mais {
    border: 1px solid rgba(255, 255, 255, 0);
}

@media only screen and (min-width: 576px) {
    .saiba-mais-mpi-10 {
        width: 190%;
        transform: translateX(-10%);
    }

}
body.compensate-for-scrollbar{overflow:hidden}
.fancybox-active{height:auto}
.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}
.fancybox-container{-webkit-backface-visibility:hidden;backface-visibility:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;height:100%;left:0;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-webkit-transform:translateZ(0);transform:translateZ(0);width:100%;z-index:999999999;}
.fancybox-container *{box-sizing:border-box}
.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}
.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}
.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}
.fancybox-is-open .fancybox-bg{opacity:.87;transition-timing-function:cubic-bezier(.22,.61,.36,1)}
.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s,visibility 0s linear .25s;visibility:hidden;z-index:99997}
.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s,visibility 0s;visibility:visible}
.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;text-align:center;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.fancybox-toolbar{right:0;top:0}
.fancybox-stage{direction:ltr;overflow:visible;-webkit-transform:translateZ(0);z-index:99994}
.fancybox-is-open .fancybox-stage{overflow:hidden}
.fancybox-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;white-space:normal;width:100%;z-index:99994}
.fancybox-slide:before{content:"";display:inline-block;height:100%;margin-right:-.25em;vertical-align:middle;width:0}
.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}
.fancybox-slide--next{z-index:99995}
.fancybox-slide--image{overflow:visible;padding:44px 0}
.fancybox-slide--image:before{display:none}
.fancybox-slide--html{padding:6px 6px 0}
.fancybox-slide--iframe{padding:44px 44px 0}
.fancybox-content{background:#fff;display:inline-block;margin:0 0 6px;max-width:100%;overflow:auto;padding:0;padding:24px;position:relative;text-align:left;vertical-align:middle}
.fancybox-slide--image .fancybox-content{-webkit-animation-timing-function:cubic-bezier(.5,0,.14,1);animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;margin:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;-webkit-transform-origin:top left;transform-origin:top left;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}
.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}
.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}
.fancybox-can-drag .fancybox-content{cursor:-webkit-grab;cursor:grab}
.fancybox-is-dragging .fancybox-content{cursor:-webkit-grabbing;cursor:grabbing}
.fancybox-container [data-selectable=true]{cursor:text}
.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}
.fancybox-spaceball{z-index:1}
.fancybox-slide--html .fancybox-content{margin-bottom:6px}
.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;margin:0;overflow:visible;padding:0;width:100%}
.fancybox-slide--video .fancybox-content{background:#000}
.fancybox-slide--map .fancybox-content{background:#e5e3df}
.fancybox-slide--iframe .fancybox-content{background:#fff;height:calc(100% - 44px);margin-bottom:44px}
.fancybox-iframe,.fancybox-video{background:transparent;border:0;height:100%;margin:0;overflow:hidden;padding:0;width:100%}
.fancybox-iframe{vertical-align:top}
.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}
.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}
.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;cursor:pointer;display:inline-block;height:44px;margin:0;outline:none;padding:10px;transition:color .2s;vertical-align:top;width:44px}
.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}
.fancybox-button:focus,.fancybox-button:hover{color:#fff}
.fancybox-button.disabled,.fancybox-button.disabled:hover,.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default}
.fancybox-button svg{display:block;overflow:visible;position:relative;shape-rendering:geometricPrecision}
.fancybox-button svg path{fill:transparent;stroke:currentColor;stroke-linejoin:round;stroke-width:3px}
.fancybox-button--pause svg path:nth-child(1),.fancybox-button--play svg path:nth-child(2){display:none}
.fancybox-button--play svg path,.fancybox-button--share svg path,.fancybox-button--thumbs svg path{fill:currentColor}
.fancybox-button--share svg path{stroke-width:1px}
.fancybox-navigation .fancybox-button{height:38px;opacity:0;padding:6px;position:absolute;top:50%;width:38px}
.fancybox-show-nav .fancybox-navigation .fancybox-button{transition:opacity .25s,visibility 0s,color .25s}
.fancybox-navigation .fancybox-button:after{content:"";left:-25px;padding:50px;position:absolute;top:-25px}
.fancybox-navigation .fancybox-button--arrow_left{left:6px}
.fancybox-navigation .fancybox-button--arrow_right{right:6px}
.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#555;cursor:pointer;height:44px;margin:0;padding:6px;position:absolute;right:0;top:0;width:44px;z-index:10}
.fancybox-close-small svg{fill:transparent;opacity:.8;stroke:currentColor;stroke-width:1.5px;transition:stroke .1s}
.fancybox-close-small:focus{outline:none}
.fancybox-close-small:hover svg{opacity:1}
.fancybox-slide--iframe .fancybox-close-small,.fancybox-slide--image .fancybox-close-small,.fancybox-slide--video .fancybox-close-small{color:#ccc;padding:5px;right:-12px;top:-44px}
.fancybox-slide--iframe .fancybox-close-small:hover svg,.fancybox-slide--image .fancybox-close-small:hover svg,.fancybox-slide--video .fancybox-close-small:hover svg{background:transparent;color:#fff}
.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-drag .fancybox-close-small{display:none}
.fancybox-caption{bottom:0;color:#fff;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:25px 44px;right:0}
.fancybox-caption:before{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAEtCAQAAABjBcL7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHRJREFUKM+Vk8EOgDAIQ0vj/3+xBw8qIZZueFnIKC90MCAI8DlrkHGeqqGIU6lVigrBtpCWqeRWoHDNqs0F7VNVBVxmHRlvoVqjaYkdnDIaivH2HqZ5+oZj3JUzWB+cOz4G48Bg+tsJ/tqu4dLC/4Xb+0GcF5BwBC0AA53qAAAAAElFTkSuQmCC);background-repeat:repeat-x;background-size:contain;bottom:0;content:"";display:block;left:0;pointer-events:none;position:absolute;right:0;top:-25px;z-index:-1}
.fancybox-caption:after{border-bottom:1px solid hsla(0,0%,100%,.3);content:"";display:block;left:44px;position:absolute;right:44px;top:0}
.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}
.fancybox-caption a:hover{color:#fff;text-decoration:underline}
.fancybox-loading{-webkit-animation:a .8s infinite linear;animation:a .8s infinite linear;background:transparent;border:6px solid hsla(0,0%,39%,.5);border-radius:100%;border-top-color:#fff;height:60px;left:50%;margin:-30px 0 0 -30px;opacity:.6;padding:0;position:absolute;top:50%;width:60px;z-index:99999}
@-webkit-keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}
}
@keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}
}
.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}
.fancybox-fx-slide.fancybox-slide--previous{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
.fancybox-fx-slide.fancybox-slide--next{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
.fancybox-fx-slide.fancybox-slide--current{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}
.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}
.fancybox-fx-fade.fancybox-slide--current{opacity:1}
.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;-webkit-transform:scale3d(1.5,1.5,1.5);transform:scale3d(1.5,1.5,1.5)}
.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;-webkit-transform:scale3d(.5,.5,.5);transform:scale3d(.5,.5,.5)}
.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}
.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}
.fancybox-fx-rotate.fancybox-slide--next{opacity:0;-webkit-transform:rotate(1turn);transform:rotate(1turn)}
.fancybox-fx-rotate.fancybox-slide--current{opacity:1;-webkit-transform:rotate(0deg);transform:rotate(0deg)}
.fancybox-fx-circular.fancybox-slide--previous{opacity:0;-webkit-transform:scale3d(0,0,0) translate3d(-100%,0,0);transform:scale3d(0,0,0) translate3d(-100%,0,0)}
.fancybox-fx-circular.fancybox-slide--next{opacity:0;-webkit-transform:scale3d(0,0,0) translate3d(100%,0,0);transform:scale3d(0,0,0) translate3d(100%,0,0)}
.fancybox-fx-circular.fancybox-slide--current{opacity:1;-webkit-transform:scaleX(1) translateZ(0);transform:scaleX(1) translateZ(0)}
.fancybox-fx-tube.fancybox-slide--previous{-webkit-transform:translate3d(-100%,0,0) scale(.1) skew(-10deg);transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}
.fancybox-fx-tube.fancybox-slide--next{-webkit-transform:translate3d(100%,0,0) scale(.1) skew(10deg);transform:translate3d(100%,0,0) scale(.1) skew(10deg)}
.fancybox-fx-tube.fancybox-slide--current{-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}
.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}
.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}
.fancybox-share p{margin:0;padding:0}
.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}
.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}
.fancybox-share__button:hover{text-decoration:none}
.fancybox-share__button--fb{background:#3b5998}
.fancybox-share__button--fb:hover{background:#344e86}
.fancybox-share__button--pt{background:#bd081d}
.fancybox-share__button--pt:hover{background:#aa0719}
.fancybox-share__button--tw{background:#1da1f2}
.fancybox-share__button--tw:hover{background:#0d95e8}
.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}
.fancybox-share__button svg path{fill:#fff}
.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}
.fancybox-thumbs{background:#fff;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:transparent;top:0;width:212px;z-index:99995}
.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}
.fancybox-show-thumbs .fancybox-thumbs{display:block}
.fancybox-show-thumbs .fancybox-inner{right:212px}
.fancybox-thumbs>ul{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}
.fancybox-thumbs-x>ul{overflow:hidden}
.fancybox-thumbs-y>ul::-webkit-scrollbar{width:7px}
.fancybox-thumbs-y>ul::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}
.fancybox-thumbs-y>ul::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}
.fancybox-thumbs>ul>li{-webkit-backface-visibility:hidden;backface-visibility:hidden;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}
.fancybox-thumbs-loading{background:rgba(0,0,0,.1)}
.fancybox-thumbs>ul>li{background-position:50%;background-repeat:no-repeat;background-size:cover}
.fancybox-thumbs>ul>li:before{border:4px solid #4ea7f9;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}
.fancybox-thumbs .fancybox-thumbs-active:before{opacity:1}
@media (max-width:800px){.fancybox-thumbs{width:110px}
.fancybox-show-thumbs .fancybox-inner{right:110px}
.fancybox-thumbs>ul>li{max-width:calc(100% - 10px)}
}

    /* TOPO */
.mpi-rules .mpi-topo {
    background: var(--primary-color);
    padding: .25em 0;
    position: sticky;
    top: 0;
    z-index: 999;
}

.mpi-rules .mpi-topo span {
    font-size: 1.25em;
    color: #fff;
}

.mpi-rules .topo {
    display: none !important;
}


.mpi-rules article.full * {
    text-align: center;
}

.mpi-rules article.full :is(h2, h3) {
    text-transform: uppercase;
    font-size: 18px;
}

.mpi-rules article.full .list {
    display: flex;
    flex-flow: column;
    align-items: center;
}

/* HIDDEN CONTENT */
.mpi-rules .expand-content {
    color: #9a9a9a;
    background-image: linear-gradient(transparent 11px, #9a9a9a 11px, #9a9a9a 12px, transparent 1px);
    margin: 10px 0;
    display: block;
    cursor: pointer;
}

.mpi-rules .expand-content span {
    background: white;
    padding: 10px;
}

/* ARTICLE */
.mpi-rules .mpi-article {
    float: left;
    width: 67.5%;
}

.mpi-rules .mpi-article p {
    margin: 1em 0;
}

.mpi-rules .mpi-article strong, body article *:not(h2):not(h3) strong:not(.font-weight-bold) {
    font-weight: normal;
}

/* GALLERY */
.mpi-rules .mpi-gallery {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(145px, 1fr));
    gap: 10px;
}

.mpi-rules .mpi-gallery li {
    border-radius: 3px;
    overflow: hidden;
}

.mpi-rules .mpi-gallery li a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
}

.mpi-rules .mpi-gallery li a::before {
    content: "\f002";
    font-family: "FontAwesome";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding-top: 20px;
    opacity: 0;
    transition: 0.3s;
    color: #FFF;
    font-size: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(0, 0, 0, 0.5);
}

.mpi-rules .mpi-gallery li:hover a::before {
    padding-top: 0;
    opacity: 1;
}

.mpi-rules .mpi-gallery li img {
    z-index: 2;
    width: 100%;
    aspect-ratio: 1/1;
    object-fit: cover;
    display: block;
    margin: 0 auto;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

/* TABS REGIOES */
.mpi-rules .organictabs--regioes {
    margin: 10px 0;
}

.mpi-rules .organictabs--regioes .organictabs__menu {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
}

.mpi-rules .organictabs--regioes.brasil .organictabs__menu {
    grid-template-columns: repeat(auto-fit, minmax(35px, 1fr));
}

.mpi-rules .organictabs--regioes .organictabs__menu span {
    width: 100%;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #ccc;
    color: var(--dark);
    text-align: center;
    font-size: 14px;
    cursor: pointer;
    transition: 0.3s;
}

.mpi-rules .organictabs--regioes.brasil .organictabs__menu span {
    height: 40px;
    font-size: 10px;
    font-weight: bold;
}

.mpi-rules .organictabs--regioes .organictabs__menu span.active-tab {
    background-color: var(--dark);
    color: #fff;
}

.mpi-rules .organictabs--regioes .organictabs__content {
    padding: 20px;
    background-color: #eee;
    overflow: hidden;
    padding: 10px;
}

.mpi-rules .organictabs--regioes .organictabs__content ul {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 7px;
}

.mpi-rules .organictabs--regioes .organictabs__content ul li {
    height: auto;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: 12px;
    padding: 5px 0;
    border-bottom: 1px solid #ccc;
    color: var(--dark);
}

/* FORMS */
.mpi-rules .mpi-form {
    display: flex;
    flex-direction: column;
    text-align: center;
    background-color: #fff;
}

.mpi-rules .mpi-form label {
    display: block;
    font-size: .75em;
    text-transform: none;
    margin-bottom: .5em;
    text-align: start;
}

.mpi-rules .mpi-form :is(input, textarea) {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    font-family: var(--primary-font);
    font-size: .75em;
    font-weight: 400;
    line-height: 1.5;
    text-align: start;
    box-sizing: border-box;
    padding: .375rem .75rem;
    color: #495057;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: 16px;
    margin-bottom: .8em;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    -webkit-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.mpi-rules .mpi-form--topo :is(input, textarea, label) {
    width: 340px;
    text-align: left;
}

/* SMALL DEVICE */
@media only screen and (max-width: 576px) {
    .mpi-rules .mpi-form--topo :is(input, textarea, label) {
        max-width: 260px;
        width: 100%;
    }
}

.mpi-rules .mpi-form textarea {
    height: 100px;
}

.mpi-rules .mpi-form input.ir {
    height: auto;
    color: #fff;
    border-radius: 50px;
    background: var(--primary-color);
    padding: .5rem;
    font-size: .9rem;
    font-weight: bold;
    transition: .3s;
    text-align: center;
    margin-top: 1rem;
}


.mpi-rules .mpi-form--topo input.ir {
    text-align: center;
}

.mpi-rules .mpi-form input.ir:hover {
    filter: saturate(0.5);
}

/* ASIDE */
.mpi-rules .mpi-aside {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px;
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
}

.mpi-rules .mpi-aside h2 {
    font-size: 1.15em;
    text-align: center;

/* ASIDE LINKS */
.mpi-rules .mpi-aside .collapse-aside {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: .5rem;
    background-color: #fff;
    border-radius: 50px;
    letter-spacing: .03em;
    font-size: 1em;
    font-weight: bold;
    text-align: center;
    user-select: none;
    cursor: pointer;
}

.mpi-rules .mpi-aside .collapse-aside i {
    transition: 0.5s;
}

.collapse-aside-active {
    transform: rotate(-180deg);
}

.mpi-rules .mpi-aside nav {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: .25em;
    background-color: #fff;
}

.mpi-rules .mpi-aside li {
    margin: 0;
    padding: 10px;
}

.mpi-rules .mpi-aside li:not(:last-child) {
    border-bottom: 1px solid #e1e1e1;
}

.mpi-rules .mpi-aside li a {
    border-left: 0;
    padding: 0;
    font-size: 12px;
}

.mpi-rules .mpi-aside nav li a:hover, .mpi-rules aside nav li a.active-menu-aside {
    background-color: transparent;
    color: var(--dark);
    border: 0;
}

/* TABS */
.mpi-rules .tabs .tabs-btn * {
    display: inline-block;
    cursor: pointer;
    padding: .5em 1em;
    border-bottom: 3px solid transparent;
    margin: 0;
    font-size: 1em;
    font-weight: normal;
    color: #555;
    transition: 0.3s;
}

.mpi-rules .tabs .tabs-btn {
    margin: 30px 0;
    border-bottom: 1px solid #dee2e6;
    font-weight: bold;
}

.mpi-rules .tabs .tabs-btn *.active-tab {
    color: var(--primary-color);
    border-color: var(--primary-color);
}

.mpi-rules .tabs .tabs-btn *:hover {
    color: var(--primary-color);
}

/* PAGINAS RELACIONADAS */
.mpi-rules .mpi-related a {
    position: relative;
    display: block;
}

.mpi-rules .mpi-related a .mpi-related__title {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    background: var(--primary-color);
    color: #fff;
    text-transform: uppercase;
    font-weight: 200;
    transition: 0.3s;
    opacity: 0;
    color: white;
    padding: 15px;
    text-align: center;
}

.mpi-rules .mpi-related a:hover .mpi-related__title {
    opacity: 1;
}

.mpi-rules .mpi-related .mpi-related__cover {
    width: 100%;
    height: 240px;
    object-fit: cover;
    display: block;
    margin: 0 auto;
}

/* COPYRIGHT */
.mpi-copyright {
    font-size: 10px;
    color: #999;
    margin-bottom: 15px;
}

.mpi-copyright a {
    font-size: 10px;
    color: #999;
}

/* SMALL DEVICE */
@media only screen and (max-width:576px) {
    .mpi-rules .mpi-topo span {
        display: block;
        text-align: center;
        font-size: 14px;
    }


    .mpi-rules .mpi-article {
        width: 100%;
    }

    .mpi-rules .article-call {
        flex-flow: column;
    }

@media only screen and (max-width: 576px) {
    .mpi-rules .mpi-topo {
        position: static;
    }
}

.saiba-mais-mpi-20 {
    z-index: 2;
    position: relative;
    min-height: 250px;
    
}
.content-saiba-mais {
    min-height: 200px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-bottom: 2rem;
}

.saiba-mais-mpi-20::after {
    content: "";
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    background-color: var(--primary-color);
    position: absolute;
    width: 300%;
    height: 100%;
    z-index: -1;
}