@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;900&display=swap');

:root {
  --bgcolor:#FFCC00;
  --regular: 300;
  --bold: 600;
  --bolder: 900;
  --cor1: #001f86;
  --cor2: #001558;
  --cor3: #2c2c2c;
  --white: #FFFFFF;
  --tblue: #001f86;
  --bluetitle: #00a2ff;
}



.top{ background-color: var(--cor1);}
.ttitle{color: var(--white);}
.twhite{color: var(--white);}
.tblue{color: var(--cor2);}


.bluetitle{
    color: var(--bluetitle);
}

body{
  font-family: 'Poppins', sans-serif;
  padding:0;
  margin:0;
  font-size:16px;
  font-weight: var(--regular);
  color: var(--cor3);
}
.left15{  
  padding: 25px 15px;
  line-height: 12px;
}

.safe{
  padding: 35px 25px 55px 25px;
  border-radius: 15px 0 0 15px;
  margin-top: 37px;
  margin-top: 37px;
}

.lower{
  text-transform: capitalize !important;
}


.box{
  box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
  }

.mg50{
  margin-top: 50px;
  margin-bottom: 50px;

}

.page{
  font-size: 17px;
  line-height: 29px;
}

.btn-shine {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
padding: 12px 48px;
color: #fff;
border: 1px solid #3cac08;
background: linear-gradient(to right, #2d8f00 0, #3cac08 10%, #2d8f00 20%);
animation: shine 3s infinite linear;
animation-fill-mode: forwards;
-webkit-text-size-adjust: none;
font-weight: 600;
font-size: 16px;
text-decoration: none;
white-space: nowrap;
-webkit-animation: shine 3s infinite linear;
display: flex;
border-radius: 25px;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
-ms-border-radius: 25px;
-o-border-radius: 25px;
}
@-moz-keyframes shine {
0% {
  background-position: 0;
}
60% {
  background-position: 127px;
}
100% {
  background-position: 250px;
}
}
@-webkit-keyframes shine {
0% {
  background-position: 0;
}
60% {
  background-position: 127px;
}
100% {
  background-position: 250px;
}
}
@-o-keyframes shine {
0% {
  background-position: 0;
}
60% {
  background-position: 127px;
}
100% {
  background-position: 250px;
}
}
@keyframes shine {
0% {
  background-position: 0;
}
60% {
  background-position: 127px;
}
100% {
  background-position: 250px;
}
}

h1,h2,h3,h4, h5, h6{
font-family: 'Poppins', sans-serif;
font-weight: var(--bolder);
color: var(--cor1);
}
.vertical-align {
display: flex;
align-items: center;
}

.bolder{
font-weight: var(--bolder);
}

/*navbar*/
.nav-pill li a{
color: #2c2c2c;
}

nav{
background-color: var(--cor2);
}

.navbar-default {
border: none;
background-color: var(--cor2);  
}

.navbar-nav  {
border: none;
background-color: var(--cor2);

}

.navbar-nav li a{
background-color: var(--cor2);
color: var(--white) !important;
}

.navbar-nav li a:hover{
background-color: var(--cor1);
color: #FFFFFF!important;
}

.navbar-nav > li > .dropdown-menu {
background-color: var(--cor2);
border: none;
}

.rounded{
overflow: hidden;
border-radius: 12px;
}
.navbar{
padding-bottom: 20px !important;
padding-top: 20px !important;
margin-bottom: 0;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
background-color: var(--cor1);
border-radius: 12px;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
-ms-border-radius: 12px;
-o-border-radius: 12px;
}

.navbar-default .navbar-nav > a:hover{
background-color: var(--cor1);
border-radius: 12px;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
-ms-border-radius: 12px;
-o-border-radius: 12px;
}

.nopad{
padding: 0 !important;
}

.navbarr{
background-color: var(--bgcolor) !important;
border-color:none !important;
}

.bgcolor3{
background-color: var(--cor2);
}

.bgbluetwo{
  background-color: var(--bluetitle);
}
.fixed{ 
position: fixed;
overflow: hidden;
width: 100%;
}
.overflow{
  overflow: hidden;
}


.responsive-img{
  width: 100%;
  height: auto;
}


.svg {
width:  23%;
height: auto;
}

.half-row{
padding: 45px 0;
}

.half-row2{
padding: 35px 0;
}

.half-row5{
  padding: 85px 0;
}

.rodape a{
  color: var(--white);
}


.icons a i {
color: var(--white) !important;
font-size: 23px;
padding: 3px;
}

.logo{
min-width: 180px;
max-width: 250px;
display: block;
}

.bgcolor1{background-color: var(--cor1);
color: #FFFFFF !important;}


.bgcolor2{background-color: #FFFFFF !important ;
color: var(--cor1) !important;}


.same {
  padding: 25px 15px 25px 15px;
  min-height: 355px;
  border-radius:12px;
  -webkit-border-radius:12px;
  -moz-border-radius:12px;
  -ms-border-radius:12px;
  -o-border-radius:12px;
}