/* Geral */
/*
@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Sansita+Swashed:wght@300;400;500;600;700;800;900&display=swap');
*/
@import url("base-pmm/layout-v1/assets/css/font-Rubik-300.css");
@import url("base-pmm/layout-v1/assets/css/font-Rubik-400.css");
@import url("base-pmm/layout-v1/assets/css/font-Rubik-500.css");
@import url("base-pmm/layout-v1/assets/css/font-Rubik-700.css");
@import url("base-pmm/layout-v1/assets/css/font-Rubik-900.css");
@import url("base-pmm/layout-v1/assets/css/font-Sansita_Swashed-300.css");
@import url("base-pmm/layout-v1/assets/css/font-Sansita_Swashed-400.css");
@import url("base-pmm/layout-v1/assets/css/font-Sansita_Swashed-500.css");
@import url("base-pmm/layout-v1/assets/css/font-Sansita_Swashed-600.css");
@import url("base-pmm/layout-v1/assets/css/font-Sansita_Swashed-700.css");
@import url("base-pmm/layout-v1/assets/css/font-Sansita_Swashed-800.css");
@import url("base-pmm/layout-v1/assets/css/font-Sansita_Swashed-900.css");

html, body {
    font-family: 'Rubik', sans-serif;
}

a,
a:hover,
a:focus {
    color: inherit;
    text-decoration: none;
    transition: all 0.3s;
}

::-webkit-input-placeholder { /* Edge */
  color: #1A1A1A !important;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #1A1A1A !important;
}

::placeholder {
  color: #1A1A1A !important;
  font-weight: 500;
}

input.form-control,
select.form-control,
textarea.form-control {
    padding-left: 0.5rem; 
    background-color: #DDDDDD;
}

input.form-control
{
    height: calc(1.5em + 1.5rem + 3px);
}

.inputfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

p {
    font-size: 1.1rem;
    font-weight: 400;
}

th {
    font-size: 1rem;
    text-transform: none;
    font-weight: 500;
}

td {
    font-size: 1.1rem;
    font-weight: 400;
}

hr.hr-busca {
    width: 25px;
    height: 2px;
}

.texto-destaque-container {
    max-height: 400px;
}

#wave-container {
  width: 100%;
  height: 100px;
  overflow: hidden;
}

.wave-1 {
  display: block;
  position: relative;
  height: 40px;
}

.wave-1:before {
  content: "";
  display: block;
  position: absolute;
  border-radius: 100%;
  width: 100%;
  height: 300px;
  background-color: white;
  right: -25%;
  top: 20px
}

.wave-1:after {
  content: "";
  display: block;
  position: absolute;
  border-radius: 100%;
  width: 100%;
  height: 300px;
  left: -25%;
  top: -240px;
}

.wave-2 {
   display: block;
   position: relative;
   height: 60px;
   top: 40px;
}

.wave-2:before {
   content: "";
   display: block;
   position: absolute;
   border-radius: 100%;
   width: 100%;
   height: 300px;
   background-color: #FFF;
   left: -25%;
   top: -280px
}

.wave-2:after {
    content: "";
   display: block;
   position: absolute;
   border-radius: 100%;
   width: 100%;
   height: 300px;
   right: -25%;
   top: -20px;
}

.form-control::-webkit-input-placeholder {
  color: #000000;
}

.form-control:-moz-placeholder {
  color: #000000;
}

.form-control::-moz-placeholder {
  color: #000000;
}

.form-control::placeholder {
  color: #000000;
}

.form-control:-ms-input-placeholder {
  color: #000000;
}

.my-label {
    font-size: 1.5rem;
    font-weight: 700;
    top: -1.8rem;
}

.my-breadcrumb {
    font-size: 1.8rem;
}

.alert {
    font-size: 1.1rem;
    font-weight: 500;
    color: #FFF;
}

.parallax {
    height: 200px;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.nav-pills .nav-link {
    color: #333333;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #FFFFFF;
    border-radius: 0.25rem;
} 

.bootstrap-datetimepicker-widget.dropdown-menu {
width: 25rem;
}

.bootstrap-datetimepicker-widget table td.day {
width: 5px;
}

#overlayBuscar {
    display: none;
    position: fixed;
    width: 100vw;
    height: 100vh;
    background-color: #F2F2F2;
    z-index: 9999;
    opacity: 0;
}

#overlayBuscar.active {
    display: block;
    opacity: 1;
}

table.table.table-small tr th,
table.table.table-small tr td {
    font-size: 0.8rem;
}

.my-btn-search {
    top: 0;
    right: 0;
    height: calc(1.5rem + 1.5rem + 0px);
}

/* Menu Lateral */
#sidebar {
    width: 250px;
    position: fixed;
    top: 0;
    left: -250px;
    height: 100vh;
    z-index: 999;
    background: #FAFAFA;
    color: #000000;
    transition: all 0.3s;
    overflow-y: scroll;    
}

#sidebar.active {
    left: 0;
}

button#dismiss {
    font-size: 0.9rem;
}

#sidebar ul.components {
    padding-top: 10px 0;
}

#sidebar ul li a {
    text-transform: none;
    font-weight: 300;
    padding: 10px;
    font-size: 1.1rem;
    display: block;
}

a[data-toggle="collapse"] {
    position: relative;
}

#sidebar .dropdown-toggle::after {
    display: block;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
}

#sidebar ul ul a {
    font-size: 1rem !important;
    padding-left: 30px !important;
    background: #FAFAFA;
}

#sidebar ul li a:hover {
    background: #FAFAFA;
}

#sidebar ul li.active > a,
a[aria-expanded="true"] {
    background: #FAFAFA;
}

#sidebar ul ul a.accessibility {
    color: #FFFFFF;
    background: #000000;
}

#sidebar ul li a.accessibility:hover {
    color: #FFFFFF;
    background: #000000;
}

#sidebar ul li.active > a.accessibility,
a.accessibility[aria-expanded="true"] {
    color: #FFFFFF;
    background: #000000;
}

p > a.text-accessibility,
p.text-accessibility,
li.breadcrumb-item.text-accessibility,
.card-footer.text-accessibility span,
span.span-pill.text-accessibility
{
    color: #000000 !important;
}

.nav-pills .nav-link {
    font-weight: 500;
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    background-color: #32393B;
    color: #FFFFFF;    
}

/* Loader */
#preloader {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 999999;
    background: #FFFFFF;
    display: table;
}

.loader {
    text-align: center;
    display: table-cell;
    vertical-align: middle;
}

/* Menu Superior */
.navbar {
    padding: 15px 10px;
    background: #FFF;
    border: none;
    border-radius: 0;
    margin-bottom: 40px;
}

.navbar-btn {
    box-shadow: none;
    outline: none !important;
    border: none;
}

.dropdown-toggle::after {
    display: none;
}

.dropdown:hover > .dropdown-menu {
    display: block;
}

.btn:focus, .btn.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(26, 26, 26, 0.25);
}

.dropdown > .dropdown-toggle:active {
    pointer-events: none;
}

.dropdown-menu {
    margin-top: 0px;
}

.dropdown-menu a {
    font-weight: 700;
}

.dropdown-menu > a.dropdown-item {
    padding: 10px 20px;
    text-transform: uppercase;
}

.pagination > li > a
{
    background-color: transparent;
    color: #000;
    font-weight: 700;
}

.pagination > li > a:focus,
.pagination > li > a:hover,
.pagination > li > span:focus,
.pagination > li > span:hover
{
    color: #000;
    background-color: #EEE;
    border-color: #EEE;
}

.pagination > .active > a
{
    color: #FFF;    
    background-color: #F2B441 !important;
    border: solid 1px #F2B441 !important;
}

.pagination > .active > a:hover
{
    background-color: #F2B441 !important;
    border: solid 1px #F2B441;
}

/* Conteúdo */
#content {
    width: 100%;
    min-height: 100vh;
    transition: all 0.3s;
    position: absolute;
    top: 0;
    right: 0;
}

/* Overlay */
.overlay {
    display: none;
    position: fixed;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.5);
    z-index: 998;
    opacity: 0;
    transition: all 0.5s ease-in-out;
}

.overlay.active {
    display: block;
    opacity: 1;
}

/* Home */
#header-parallax {
    height: 400px;
    background-attachment: fixed;
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
}

.header-container {
    width: 100%;
}

.header-container.header-container-position-top 
{
    top: 5%;
}

.header-container.header-container-position-bottom 
{
    bottom: 5%;
}

.cookiealert {
  background-image: none;
}

/* Custom Card */
.my-card {
    position: relative;
    z-index: 1;
    display: block;
    background: #FFFFFF;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
}

.my-card:hover .thumbnail img,
.hover .thumbnail img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    transform: scale(1.1);
    opacity: 0.6;
}

.my-card .thumbnail {
    background: #FFFFFF;
    min-height: 450px;
    overflow: hidden;
}

.my-card .thumbnail .date {
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 1;
    width: 55px;
    height: 55px;
    padding: 12.5px 0;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    color: #FFFFFF;
    font-weight: 700;
    text-align: center;
    -webkti-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.my-card .thumbnail .date .day {
    font-size: 18px;
    line-height: 18px;
}

.my-card .thumbnail .date .month {
    font-size: 12px;
    text-transform: uppercase;
}

.my-card .thumbnail img {
    display: block;
    width: 120%;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
}

.my-card .content {
    position: absolute;
    bottom: 0;
    background: #FFFFFF;
    width: 100%;
    padding: 30px;
    -webkti-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.3s cubic-bezier(0.37, 0.75, 0.61, 1.05) 0s;
    -moz-transition: all 0.3s cubic-bezier(0.37, 0.75, 0.61, 1.05) 0s;
    -ms-transition: all 0.3s cubic-bezier(0.37, 0.75, 0.61, 1.05) 0s;
    -o-transition: all 0.3s cubic-bezier(0.37, 0.75, 0.61, 1.05) 0s;
    transition: all 0.3s cubic-bezier(0.37, 0.75, 0.61, 1.05) 0s;
}

.my-card .content .category {
    position: absolute;
    top: -44px;
    left: 0;
    padding: 10px 15px;
    color: #FFFFFF;
    font-size: 1rem;
    font-weight: 600;
    text-transform: uppercase;
}

.my-card .content .title {
    margin: 0;
    padding: 0 0 10px;
    font-weight: 500;
}

.my-card .content .sub_title {
    margin: 0;
    padding: 0 0 20px;
    font-weight: 400;
}

.my-card .content .description {
    display: none;
}

.my-card .hover .content .description {
    display: block !important;
    height: auto !important;
    opacity: 1 !important;
}

.btn.btn-accessibility ,.bg-accessibility  {background-color: #000000 !important;}
.btn.btn-accessibility ,.bg-accessibility {color: #FFFFFF !important;}
.text-acessibility {color: #000000 !important;}

.btn.btn-light {color: #000000 !important;}
.bg-light {border: 0;}

.dropdown-menu > a.dropdown-item.active {
    background-color: transparent;
}

.dropdown-menu > a.dropdown-item {
    background-color: transparent;
    color: #000000;
}

.dropdown-menu > a.dropdown-item:hover {
    background-color: transparent;
}

/* Efeito Hoover Geral */
.grid {
    width: 100%;
    list-style: none;
    text-align: center;
}

.grid figure {
    position: relative;
    float: left;
    overflow: hidden;
    max-width: 100%;
    width: 100%;
    background: #3085A3;
    text-align: center;
    cursor: pointer;
    margin: 0;
}

.grid figure img {
    position: relative;
    display: block;
    max-width: 100%;
    opacity: 0.8;
}

.grid figure figcaption {
    padding: 0em;
    color: #000;
    text-transform: uppercase;
    font-size: 1.25em;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
    pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption > a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.grid figure figcaption > a {
    z-index: 1000;
    text-indent: 200%;
    white-space: nowrap;
    font-size: 0;
    opacity: 0;
}

.grid figure h2 {
    word-spacing: -0.15em;
    font-weight: 300;
}

.grid figure h2 span {
    font-weight: 800;
}

.grid figure h2,
.grid figure p {
    margin: 0;
}

.grid figure p {
    letter-spacing: 1px;
    font-size: 68.5%;
}

/* Efeito Hoover */

figure.effect-bubba {
    background: #333;
}

figure.effect-bubba img {
    opacity: 1;
    -webkit-transition: opacity 0.35s;
    transition: opacity 0.35s;
}

figure.effect-bubba:hover img {
    opacity: 0.4;
}

figure.effect-bubba figcaption::before,
figure.effect-bubba figcaption::after {
    position: absolute;
    top: 30px;
    right: 30px;
    bottom: 30px;
    left: 30px;
    content: '';
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
}

figure.effect-bubba figcaption::before {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transform: scale(0,1);
    transform: scale(0,1);
}

figure.effect-bubba figcaption::after {
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
    -webkit-transform: scale(1,0);
    transform: scale(1,0);
}

figure.effect-bubba h2 {
    padding-top: 30%;
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    -webkit-transform: translate3d(0,-20px,0);
    transform: translate3d(0,-20px,0);
}

figure.effect-bubba p {
    padding: 20px 2.5em;
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(0,20px,0);
    transform: translate3d(0,20px,0);
}

figure.effect-bubba:hover figcaption::before,
figure.effect-bubba:hover figcaption::after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

figure.effect-bubba:hover h2,
figure.effect-bubba:hover p {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

.timeline {
    position: relative;
}

.timeline::before {
    content: '';
    background: #C5CAE9;
    width: 5px;
    height: 95%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.timeline-item {
    width: 100%;
    margin-bottom: 25px;
}

.timeline-item:nth-child(even) .timeline-content {
    float: right;
    padding: 40px 30px 10px 30px;
}

.timeline-item:nth-child(even) .timeline-content .date {
    right: auto;
    left: 0;
}

.timeline-item:nth-child(even) .timeline-content::after {
    content: '';
    position: absolute;
    border-style: solid;
    width: 0;
    height: 0;
    top: 30px;
    left: -15px;
    border-width: 10px 15px 10px 0;
    border-color: transparent #FFFFFF transparent transparent;
}

.timeline-item::after {
    content: '';
    display: block;
    clear: both;
}

.timeline-content {
    position: relative;
    width: 45%;
    padding: 10px 30px;
    border-radius: 4px;
    background: #FFFFFF;
}

.timeline-content::after {
    content: '';
    position: absolute;
    border-style: solid;
    width: 0;
    height: 0;
    top: 30px;
    right: -15px;
    border-width: 10px 0 10px 15px;
    border-color: transparent transparent transparent #FFFFFF;  
}

.timeline-img {
    width: 30px;
    height: 30px;
    background: #3F51B5;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    margin-top: 25px;
    margin-left: -15px;
}

.timeline-card {
    padding: 0 !important;
}

.timeline-card p {
    padding: 0 20px;
}

.timeline-card a {
    margin-left: 20px;
}

.timeline-img-header {
    height: 500px;
    position: relative;
    margin-bottom: 20px;
}

.timeline-img-header h2 {
    color: #FFFFFF;
    position: absolute;
    bottom: 5px;
    left: 20px;
}

.timeline blockquote {
    margin-top: 30px;
    color: #757575;
    border-left-color: #3F51B5;
    padding: 0 20px;
}

.date {
    display: inline-block;
    padding: 10px;
    position: absolute;
    top: 0;
    right: 0;
}

.nav-tabs > li.nav-item {
    margin-right: 0;
}

.nav-tabs > li > a {
    font-size: 1.1rem;
    font-weight: 400;
}

.nav-tabs {
    border-bottom: 1px solid #EEEEEE;
} 

.nav-tabs .nav-link {
    border-width: 0;
}

/*.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
    border-bottom: 1px solid #EEEEEE   ;
}*/

.slider-labels {
    margin-top: 10px;
}

.noUi-target,.noUi-target * {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-touch-action: none;
    touch-action: none;
    -ms-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.noUi-target {
    position: relative;
    direction: ltr;
}

.noUi-base {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
}

.noUi-origin {
    position: absolute;
    right: 0;
    top: 0;
    left: 0;
    bottom: 0;
}

.noUi-handle {
    position: relative;
    z-index: 1;
}

.noUi-stacking .noUi-handle {
    z-index: 10;
}

.noUi-state-tap .noUi-origin {
    -webkit-transition: left 0.3s,top .3s;
    transition: left 0.3s,top .3s;
}

.noUi-state-drag * {
    cursor: inherit !important;
}

.noUi-base,.noUi-handle {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

.noUi-horizontal {
    height: 4px;
}

.noUi-horizontal .noUi-handle {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    left: -7px;
    top: -7px;
}

.noUi-background {
    background: #F2B441;
}

.noUi-connect {
    -webkit-transition: background 450ms;
    transition: background 450ms;
}

.noUi-origin {
    border-radius: 2px;
}

.noUi-target {
    border-radius: 2px;
}

.noUi-target.noUi-connect {
}

.noUi-draggable {
    cursor: w-resize;
}

.noUi-vertical .noUi-draggable {
    cursor: n-resize;
}

.noUi-handle {
    cursor: default;
    -webkit-box-sizing: content-box !important;
    -moz-box-sizing: content-box !important;
    box-sizing: content-box !important;
}

.noUi-handle:active {
    border: 8px solid #345DBB;
    border: 8px solid rgba(53,93,187,0.38);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    left: -14px;
    top: -14px;
}

[disabled].noUi-connect,[disabled] .noUi-connect {
    background: #B8B8B8;
}

[disabled].noUi-origin,[disabled] .noUi-handle {
    cursor: not-allowed;
}

.pagination > li > a
{
    background-color: transparent;
    color: #000000;
    font-weight: 400;
    margin-right: 5px;
}

.pagination > li > a:focus,
.pagination > li > a:hover,
.pagination > li > span:focus,
.pagination > li > span:hover
{
    color: #000000;
    background-color: #F2F2F2;
    border-color: #F2F2F2;
    border-radius: 0.25rem !important;
}

.pagination > .active > a
{
    color: #FFF;    
    background-color: #69AAF5 !important;
    border: solid 1px #69AAF5 !important;
    border-radius: 0.25rem !important;
}

.pagination > .active > a:hover
{
    background-color: #69AAF5 !important;
    border: solid 1px #69AAF5;
    border-radius: 0.25rem !important;
}

@media screen and (max-width: 768px) {
    .timeline::before {
        left: 50px;
    }

    .timeline .timeline-img {
        left: 50px;
    }

    .timeline .timeline-content {
        max-width: 100%;
        width: auto;
        margin-left: 70px;
    }

    .timeline .timeline-item:nth-child(even) .timeline-content {
        float: none;
    }

    .timeline .timeline-item:nth-child(odd) .timeline-content::after {
        content: '';
        position: absolute;
        border-style: solid;
        width: 0;
        height: 0;
        top: 30px;
        left: -15px;
        border-width: 10px 15px 10px 0;
        border-color: transparent #F5F5F5 transparent transparent;
    }

    .display-4 { font-size: 2rem; }
    .fa-sm-hidden { display: inline-block; }
    .text-sm-hidden { display: none; }

    #no-more-tables table, 
    #no-more-tables thead, 
    #no-more-tables tbody, 
    #no-more-tables th, 
    #no-more-tables td, 
    #no-more-tables tr { 
        display: block; 
    }

    #no-more-tables thead tr { 
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    #no-more-tables tr { border: 1px solid #EEE;}

    #no-more-tables tr td { 
        border: none;
        border-bottom: 1px solid #EEE; 
        position: relative;
        padding-left: 50%; 
        white-space: normal;
        text-align:left;
    }

    #no-more-tables.option-table tr td {
        padding-left: 5%;
    }

    #no-more-tables tr td:before { 
        position: absolute;
        top: 6px;
        left: 6px;
        width: 100%; 
        padding-right: 10px;
        padding-top: 6px;
        white-space: normal;
        text-align:left;
        font-weight: 500;
        z-index: -1;
    }

    #no-more-tables tr td:before { content: attr(data-title); }

    #no-more-tables-alt table, 
    #no-more-tables-alt thead, 
    #no-more-tables-alt tbody, 
    #no-more-tables-alt th, 
    #no-more-tables-alt td, 
    #no-more-tables-alt tr { 
        display: block; 
    }

    #no-more-tables-alt thead tr { 
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    #no-more-tables-alt tr { border: 1px solid #EEE;}

    #no-more-tables-alt tr td { 
        border: none;
        border-bottom: 1px solid #EEE; 
        position: relative;
        padding-left: 5%; 
        white-space: normal;
        text-align:left;        
    }

    #no-more-tables-alt.option-table tr td {
        padding-left: 5%;
    }

    #no-more-tables-alt tr td:before { 
        position: absolute;
        top: 6px;
        left: 6px;
        width: 100%; 
        padding-right: 10px;
        padding-top: 6px;
        white-space: normal;
        text-align:left;
        font-weight: bold;
    }

    #no-more-tables-alt tr td:before { content: attr(data-title); }

    #header-parallax {
        height: 600px;
        background-attachment: fixed;
        background-position: top;
        background-repeat: no-repeat;
        background-size: cover;
    }
}

/* alto contraste */
.contrast,
.contrast nav,
.contrast hr,
.contrast div,
.contrast li,
.contrast ol,
.contrast header,
.contrast footer,
.contrast section,
.contrast main,
.contrast aside,
.contrast article
.contrast legend {
    background: black !important;
    color: white !important;
}

.contrast h1,
.contrast h2,
.contrast h3,
.contrast h4,
.contrast h5,
.contrast h6,
.contrast p,
.contrast label,
.contrast strong,
.contrast em,
.contrast cite,
.contrast q,
.contrast i,
.contrast b,
.contrast u,
.contrast span {
    color: white !important;
}

.contrast a{
    color: yellow !important;
}

.contrast button,
.contrast input[type=button],
.contrast input[type=reset],
.contrast input[type=submit] {
    background: black !important;
    color: yellow !important;
    border: 1px solid yellow !important;
    /* border: none !important; */
}

.contrast img.on-contrast-force-gray {
    filter: grayscale(100%) contrast(120%);
}

.contrast img.on-contrast-force-white {
    filter: brightness(0) invert(1);
}

.contrast input[type=text],
.contrast input[type=password],
.contrast input[type=url],
.contrast input[type=search],
.contrast input[type=email],
.contrast input[type=tel],
.contrast input[type=date],
.contrast input[type=time],
.contrast input[type=month],
.contrast input[type=week],
.contrast input[type=datetime],
.contrast input[type=datetime-local],
.contrast textarea,
.contrast input[type=number] {
    background: black !important;
    border-bottom: 1px solid white !important;
    border-left: 1px solid white !important;
    border-right: 1px solid white !important;
    color: white !important;
}

.contrast th,
.contrast td{
    background: black !important;
    border: 1px solid white !important;
    color: white !important;
}


.contrast input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 30px black inset; /* Cor de fundo do autocomplete */
    box-shadow: 0 0 0 30px black inset;
}

.contrast input:-webkit-autofill {
    -webkit-text-fill-color: white !important; /* Cor do texto do autocomplete */
}
/* fim alto contraste */

.animacao {
    animation-duration: 0.3s;
    -webkit-animation-duration: 0.3s;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
}

@keyframes slideIn {
  0% {
    transform: translateY(1rem);
    opacity: 0;
  }
  100% {
    transform:translateY(0rem);
    opacity: 1;
  }
  0% {
    transform: translateY(1rem);
    opacity: 0;
  }
}

@-webkit-keyframes slideIn {
  0% {
    -webkit-transform: transform;
    -webkit-opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    -webkit-opacity: 1;
  }
  0% {
    -webkit-transform: translateY(1rem);
    -webkit-opacity: 0;
  }
}

.slideIn {
  -webkit-animation-name: slideIn;
  animation-name: slideIn;
}