html {scroll-behavior: smooth;}
body { background-color:#22274f;
	margin-left:0px;
	margin-right:0px;
	margin-top:-24px;
	margin-bottom:0px;
	line-height: 1.5;
	font-family: calibri,Helvetica, sans-serif;

} 

input::placeholder {
  color: #999; /* Change the text color */
  font-style: italic; /* Make the text italic */
  font-size: 0.8em; /* Adjust the font size */
  opacity: 0.7; /* Ensure full opacity (some browsers default to lower opacity) */
}


p {font-family:  calibri, sans-serif;}
a {font-family:  'Roboto Condensed' !important;}
h1 {color:#33cc66;font-weight: nbold;font-family:'Bebas Neue', cursive;}

@media screen and (min-width: 768px) {
    .contato {
        width:185px;
    }
}

@media screen and (max-width: 768px) {
    .contato {
        width:210px;
    }
}



h2 {color:#ffcc00;font-family:'Roboto Condensed', arial;}
h3 {color:#404040;font-family:'Roboto Condensed', sans-serif;}
h5 {font-family:'Roboto Condensed', sans-serif;}


@link-color {#ffffff !important;}
.navbar-nav a {font-size: 15px;font-family: 'Roboto Condensed', sans-serif !important;}
.navbar-nav > li > a {color:#eec007 !important;padding-left: 35px !important;padding-right: 35px !important;transition: border-top 1s;border-top:3px #ffffff solid;}
.navbar-nav > li > a:hover  {padding-left: 35px !important;padding-right: 35px !important;border-top:3px #eec007 solid;}

.navbar.navbar .navbar-toggler-icon {
background-image: url('images/icon.svg');
}

.corpo1 {font-family: 'Roboto Condensed', sans-serif;
 font-size: 20px;
 color:#000000;}
.corpo1m {font-family: 'Roboto Condensed', sans-serif;
 font-size: 12px;
 color:#808080;}

.btn {
   opacity: 1;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
   }

.btn:hover {opacity: 0.6 !important;
}

.btnd {
   font-family: 'Roboto Condensed', sans-serif;
 font-size: 16px;
 color:#000000;
   opacity: 1;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
   border:1px solid #000080;
   transition: border .50s ease-in-out;
   background-color:#e0e0e0;

   }

.btnd:hover {opacity: 0.6 !important;
   border:1px solid #008000;
}


.fade_corpo1 {font-family: 'Roboto Condensed', sans-serif !important;
 font-size: 13px;
 color:#eec007; text-decoration: none; font-weight: bold;
   opacity: 1;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
   }
.fade_corpo1:hover {text-decoration: none;color:#000000 !important;
      opacity: 0.6;
      }



#fade {font-family: 'Roboto Condensed', sans-serif !important; text-decoration: none;
 color:#ffffff;
   opacity: 1;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
   }

#fade:hover {
      opacity: 0.6;
      }


#fade2 {font-family: Helvetica; text-decoration: none;
 color:#454545;
   opacity: 1;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
   }

#fade2:hover {
      opacity: 0.6;
      }


#fade3 {font-family: Helvetica; text-decoration: none;
 color:#053d6e;
   opacity: 1;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
   }

#fade3:hover {
      opacity: 0.6;
      }







.fade-old {font-family:'Roboto Condensed', sans-serif; text-decoration: none;
 color:#ffffff;
   opacity: 1;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
   }

.fade-old:hover {
      opacity: 0.6;
      }


.fade2 {font-family: Helvetica; text-decoration: none;
 color:#454545;
   opacity: 1;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
   }

.fade2:hover {
      opacity: 0.6;
      }



.fade3 {font-family: Helvetica; text-decoration: none;
 color:#053d6e;
   opacity: 1;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
   }

.fade3:hover {
      opacity: 0.6;
      }


.rod1	{font-family: Helvetica;
 font-size: 14px;
 color:#ffffff; text-decoration: none;}
.rod2	{font-family: Helvetica;
 font-size: 12px;
 color:#ffffff; text-decoration: none;}




.linkb1	{font-family: Helvetica, sans-serif;
 font-size: 16px;
 color:#ffffff; text-decoration: none;}
.linkb2	{font-family: Helvetica, sans-serif;
 font-size: 14px;
 color:#ffffff; text-decoration: none;}
.top	{font-family: Helvetica;
 font-size: 14px;
 color:#ffffff; text-decoration: none;}
.top2	{font-family: Helvetica;
 font-size: 17px;
 color:#d3dfeb}
#top2	{font-family: Helvetica,sans-serif;
 font-size: 17px;
 color:#d3dfeb}
.corpo2 {font-family: Helvetica;
 font-size: 32px;
 color:#454545; text-decoration: none;}

.corpo3sup {font-family: Helvetica;
 font-size: 12px;
 color:#f2a509; text-decoration: none;}
.corpo3 {font-family: Helvetica;
 font-size: 16px;
 color:#939393; text-decoration: none;}
.corpo4 {font-family: Helvetica;
 font-size: 20px;
 color:#939393; text-decoration: none;}
#corpo4 {font-size: 20px;
 color:#939393;}


.corpo4b {font-family: Helvetica;
 font-size: 16px;
 color:#ffffff; text-decoration: none;}
.corpo5 {font-family: Helvetica;
 font-size: 28px;
 color:#ffffff; text-decoration: none;}
.corpo6 {font-family: Helvetica;
 font-size: 30px;
 color:#939393; text-decoration: none;}

.titulo1 {font-family: Helvetica;
 font-size: 33px;
 color:#024d87; text-decoration: none;}
.titulo1B {font-family: Helvetica;
 font-size: 33px;
 color:#E08711; text-decoration: none;}

.titulo2 {font-family: Helvetica;
 font-size: 44px;
 color:#ffffff; text-decoration: none;}
.csid {font-family: Helvetica;
 font-size: 56px;
 color:#67b03a; text-decoration: none;}
.csip {font-family: Helvetica;
 font-size: 56px;
 color:#ec8f25; text-decoration: none;}
.csaa {font-family: Helvetica;
 font-size: 56px;
 color:#994e8f; text-decoration: none;}
.csc {font-family: Helvetica;
 font-size: 56px;
 color:#014d89; text-decoration: none;}
.csaw {font-family: Helvetica;
 font-size: 25px;
 color:#924289; text-decoration: none;}
.csaw2 {font-family: Helvetica;
 font-size: 25px;
 color:#000000; text-decoration: none;}
.csaw3 {font-family: Helvetica;
 font-size: 22px;
 color:#000000; text-decoration: none;}
.csaw4 {font-family: Helvetica;
 font-size: 20px;
 color:#454545; text-decoration: none;}
.dep1 {font-family: Helvetica;
 font-size: 18px;
 color:#454545; text-decoration: none;}
.dep2 {font-family: Helvetica;
 font-size: 20px;
 color:#454545; text-decoration: none;}



select		{font-family: Helvetica;
 font-size: 22px;
 color:#939393;}
input		{font-family: Helvetica;
 font-size: 22px;
 color:#939393;}
input.ar	{font-family: Helvetica;
 font-size: 22px;
 color:#939393;}
textarea	{font-family: Helvetica;
 font-size: 22px;
 color:#939393;}
input.ok	{font-family: Helvetica;
 font-size: 22px;
 color:#939393;border:1px solid #e8e8e8;}
input.ok:hover	{background-color:#ffffff;border:1px solid #e8e8e8;}
input.upp	{text-transform:uppercase;font-family:"trebuchet ms";font-size:13px}
input.cap	{text-transform:capitalize;font-family:"trebuchet ms";font-size:13px}
input.low	{text-transform:lowercase;font-family:"trebuchet ms";font-size:13px}







.containerh {
  position: relative;
  width: 90%;
}

.imageh {
  display: block;
  width: 100%;
  height: auto;
}

.overlayh {
  position: absolute;
  bottom: 100%;
  left: 0;
  right: 0;
  background-color: #004256;
  opacity: 0.8;
  overflow: hidden;
  width: 100%;
  height: 0;
  transition: .5s ease;
}

.containerh:hover .overlayh {
  bottom: 0;
  height: 100%;
}

.texth {
  font-family: 'Raleway', sans-serif;
  white-space: nowrap; 
  color: white;
  font-size: 18px;
  position: absolute;
  overflow: hidden;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}


.suave {
  position:fixed;
  z-index:99999999;
  animation-name: aparece;
  animation-duration: 1s;
  top: 15px;
}

@keyframes aparece {
  from {top: -150px;}
  to {top: 15px;}
}