/* Base -------------------------------------------------------------------------------------------------------------*/
*{
  margin: 0px;
  font-family: "Roboto";
  list-style: none;
  font-weight: normal;
}

a, p{
  text-decoration: none;
  color: #666;
  font-weight: normal;
}

li{
  text-decoration: none;
  color: #26a8e0 !important;
  font-weight: normal;
}

body{
  background: #ffffff;
  font-family: "Roboto";
  font-weight: normal;
}

/* Backgrouds -----------------------------------------------------------------------------------------------------*/

.bg-bordo1{  background: #7a2438;}
.bg-bordo2{  background: #8d2941;}
.bg-bordo3{  background: #a12f4b;}
.bg-bordo4{  background: #b53655;}
.bg-yellow{  background: rgb(252, 206, 0);}
.bg-cinza{  background: #C4C4C4;}
.bg-light_green{  background: #b5dbc2;}
.bg-green{  background: #47b549;}
.bg-green2{  background: #00a899;}
.bg-light_gray{  background: #3a5675;}
.bg-light_gray2{  background: #dad8d84b;}
.bg-dark_gray{ background: #F2F3F5;}
.bg-blue{ background: #26a8e0;}
.bg-dark_blue{ background: #114a9b;}
.bg-dark_green{ background: #41aa66;}
.bg-verde{background-color: #bfdec5; }

/*Color Txt ---------------------------------------------------------------------------------------------------------*/

.txt-cinza{ color:#666; }
.txt-cinza-escuro{ color:#665959; }
.txt-white{color:#fff; }
.txt-bordo{color: #9e274d}
.txt-bordo2{color: #cb2456}
.txt-turquesa{color: #005966}
.txt-rosa{color: #ec8376}
.txt-blue{ color: #26a8e0 !important; }
.txt-yellow{ color: rgb(252, 206, 0); }
.txt-yellow2{ color: #f8b427; }

/*Fonts -------------------------------------------------------------------------------------------------------------*/

.font3-5{	font-size:3.5em !important;}
.font3{	font-size:3em !important;}
.font2-5{	font-size:2.5em !important;}
.font2{	font-size:2em !important;}
.font1-7{	font-size:1.7em !important;}
.font1-5{	font-size:1.5em !important;}
.font1-2{	font-size:1.2em !important;}
.font1-1{	font-size:1.1em !important;}
.font0-9{	font-size:0.9em !important;}
.font0-8{	font-size:0.8em !important;}

/*tamanhos --------------------------------------------------------------------------------------------------------*/

.navbar{
  position: sticky !important;
  padding-top: 10px !important;
}

.w-90{ width: 90% ;}
.w-80{ width: 80% ;}
.w-70{ width: 70% ;}
.w-60{ width: 60% ;}
.w-45{ width: 45% ;}
.w-40{ width: 40% ;}
.w-30{ width: 30% ;}
.w-20{ width: 20% ;}
.w-10{ width: 10% ;}
.w-5{ width: 5% ;}

.logo{
  width: 40%;
}
.HideNav{
  height: 300px;
}

.imgServicos{
  min-height: 350px;
}

/*Medias -----------------------------------------------------------------------------------------------------------*/
@media(max-width: 2900px ){
  .font5-5{	font-size:6.5em !important;}
  .font5{	font-size:6em !important;}
  .font4-5{	font-size:5.5em !important;}
  .font4{	font-size:5em !important;}
  .font3-5{	font-size:4.5em !important;}
  .font3{	font-size:4em !important;}
  .font2-5{	font-size:3.5em !important;}
  .font2{	font-size:3em !important;}
  .font1-5{	font-size:3em !important;}
  .font1-4{	font-size:2em !important;}
  .font1-3{	font-size:1.9em !important;}
  .font1-2{	font-size:2.1em !important;}
  .font1-1{	font-size:1.7em !important;}
  .font0-9{	font-size:1.6em !important;}
  .font0-8{	font-size:1.5em !important;}
}

@media(max-width: 2000px ){
  .font5-5{	font-size:6em !important;}
  .font5{	font-size:5.5em !important;}
  .font4-5{	font-size:5em !important;}
  .font4{	font-size:4.5em !important;}
  .font3-5{	font-size:4em !important;}
  .font3{	font-size:3.5em !important;}
  .font2-5{	font-size:3em !important;}
  .font2{	font-size:2.5em !important;}
  .font1-5{	font-size:2.5em !important;}
  .font1-4{	font-size:1.9em !important;}
  .font1-3{	font-size:1.8em !important;}
  .font1-2{	font-size:2em !important;}
  .font1-1{	font-size:1.5em !important;}
  .font1{	font-size:1.3em !important;}
  .font0-9{	font-size:1.3em !important;}
  .font0-8{	font-size:1.2em !important;}
}

@media(max-width: 1600px ){
  .font5-5{	font-size:5.5em !important;}
  .font5{	font-size:5em !important;}
  .font4-5{	font-size:4.5em !important;}
  .font4{	font-size:4em !important;}
  .font3-5{	font-size:3.5em !important;}
  .font3{	font-size:3em !important;}
  .font2-5{	font-size:2.5em !important;}
  .font2{	font-size:2em !important;}
  .font1-5{	font-size:1.9em !important;}
  .font1-4{	font-size:1.4em !important;}
  .font1-3{	font-size:1.3em !important;}
  .font1-2{	font-size:1.5em !important;}
  .font1-1{	font-size:1.1em !important;}
  .font1{	font-size:1em !important;}
  .font0-9{	font-size:0.9em !important;}
  .font0-8{	font-size:0.8em !important;}
}

@media(max-width: 1200px ){
  .font5-5{	font-size:5.5em !important;}
  .font5{	font-size:5em !important;}
  .font4-5{	font-size:4.5em !important;}
  .font4{	font-size:4em !important;}
  .font3-5{	font-size:3.5em !important;}
  .font3{	font-size:3em !important;}
  .font2-5{	font-size:2.5em !important;}
  .font2{	font-size:2em !important;}
  .font1-5{	font-size:1.7em !important;}
  .font1-2{	font-size:1.5em !important;}
}

@media(max-width: 1150px ){
  .font5-5{	font-size:5.5em !important;}
  .font5{	font-size:5em !important;}
  .font4-5{	font-size:4.5em !important;}
  .font4{	font-size:4em !important;}
  .font3-5{	font-size:3.5em !important;}
  .font3{	font-size:3em !important;}
  .font2-5{	font-size:2.5em !important;}
  .font2{	font-size:2em !important;}
  .font1-5{	font-size:1.5em !important;}
  .font1-2{	font-size:1.2em !important;}
}

@media(max-width: 991px ){
  .font5-5{	font-size:4.5em !important;}
  .font5{	font-size:4em !important;}
  .font4-5{	font-size:3.5em !important;}
  .font4{	font-size:3em !important;}
  .font3-5{	font-size:2.5em !important;}
  .font3{	font-size:2em !important;}
  .font2-5{	font-size:1.5em !important;}
  .font2{	font-size:1em !important;}
  .font1-5{	font-size:1.4em !important;}
  .font1-4{	font-size:1.3em !important;}
  .font1-3{	font-size:1.2em !important;}
  .font1-2{	font-size:1.1em !important;}
  .font1-1{	font-size:1em !important;}
  .font1{	font-size:0.9em !important;}
  .font0-9{	font-size:0.9em !important;}
  .font0-8{	font-size:0.8em !important;}

  .OBJhide{
    opacity: 100% !important;
    display:block !important;
    visibility: visible !important;
  }

  .OBJshow{
    opacity: 0;
    display:none;
  }
  
  .txt-center-cell{
    text-align: center !important;
  }

  .margon-top-cell{
    margin-top: 10% !important;
  }
  .menu{
    border-bottom-right-radius: 50px !important;
    border-bottom-left-radius: 50px !important;
}
}

@media(max-width: 767.5px ){
  .font5-5{	font-size:4em !important;}
  .font5{	font-size:3.5em !important;}
  .font4-5{	font-size:3em !important;}
  .font4{	font-size:2.5em !important;}
  .font3-5{	font-size:2em !important;}
  .font3{	font-size:1.5em !important;}
  .font2-5{	font-size:1.9em !important;}
  .font2{	font-size:1.5em !important;}
  .font1-5{	font-size:1.3em !important;}
  .font1-4{	font-size:1.3em !important;}
  .font1-3{	font-size:1.2em !important;}
  .font1-2{	font-size:1.1em !important;}
  .font1-1{	font-size:1em !important;}
  .font1{	font-size:0.9em !important;}
  .font0-9{	font-size:0.8em !important;}
  .font0-8{	font-size:0.6em !important;}
  .hide2{
    opacity: 100% !important;
    display:block !important;
    visibility: visible !important;
  }
  .show2{
    opacity: 0;
    display:none;
  }
  .txt-center-cell2{
    text-align: center !important;
  }
  
}

@media(max-width: 576px ){
  .font5-5{	font-size:3em !important;}
  .font5{	font-size:2.5em !important;}
  .font4-5{	font-size:2em !important;}
  .font4{	font-size:2em !important;}
  .font3-5{	font-size:2em !important;}
  .font3{	font-size:1.9em !important;}
  .font2-5{	font-size:1.8em !important;}
  .font2{	font-size:1.3em !important;}
  .font1-5{	font-size:1.3em !important;}
  .font1-4{	font-size:1.3em !important;}
  .font1-3{	font-size:1.3em !important;}
  .font1-2{	font-size:1em !important;}
  .font1-1{	font-size:0.8em !important;}
  .font1{	font-size:0.8em !important;}
  .font0-9{	font-size:0.7em !important;}
  .font0-8{	font-size:0.6em !important;}
  
}

@media(max-width: 455px ){
  .font5-5{	font-size:3em !important;}
  .font5{	font-size:2.4em !important;}
  .font4-5{	font-size:2.3em !important;}
  .font4{	font-size:2.2em !important;}
  .font3-5{	font-size:1.5em !important;}
  .font3{	font-size:1.4em !important;}
  .font2-5{	font-size:1em !important;}
  .font2{	font-size:1em !important;}
  .font1-5{	font-size:1em !important;}
  .font1-4{	font-size:0.9em !important;}
  .font1-3{	font-size:0.9em !important;}
  .font1-2{	font-size:0.8em !important;}
  .font1-1{	font-size:0.8em !important;}
  .font1{	font-size:0.7em !important;}
  .font0-9{	font-size:0.7em !important;}
  .font0-8{	font-size:0.6em !important;}
}

@media(max-width: 455px ){
  .font5-5{	font-size:2.5em !important;}
  .font5{	font-size:2.1em !important;}
  .font4-5{	font-size:2em !important;}
  .font4{	font-size:1.9em !important;}
  .font3-5{	font-size:1.5em !important;}
  .font3{	font-size:1.2em !important;}
  .font2-5{	font-size:1em !important;}
  .font2{	font-size:1em !important;}
  .font1-5{	font-size:1em !important;}
  .font1-4{	font-size:0.9em !important;}
  .font1-3{	font-size:0.9em !important;}
  .font1-2{	font-size:0.8em !important;}
  .font1-1{	font-size:0.7em !important;}
  .font1{	font-size:0.6em !important;}
  .font0-9{	font-size:0.6em !important;}
  .font0-8{	font-size:0.5em !important;}
}
/*Nav --------------------------------------------------------------------------------------------------------------*/

.nav-item {
  margin: 0 20px;
}

/*Houvers ----------------------------------------------------------------------------------------------------------*/

.hoverServicos:hover{

}

/*Banner -----------------------------------------------------------------------------------------------------------*/



/*Efeitos -----------------------------------------------------------------------------------------------------------*/

.imagem {
  position: relative;
}
.capa {
  display: none;
}

.imagem:hover .capa {
  display: block;
}

.capa {
  background: rgba(255, 255, 255, 0.705);
  width: 90%;
  height: 100%;
  position: absolute;
  top: 0;
}

div.titulo {
  height: 3px;
  background-color: #C4C4C4;
  text-align: right;
}
div.titulo span {
  background-color: white;
  position: relative;
  top: -0.7em;
  padding: 0 10px;
}

.OBJhide{
  opacity: 0;
  display:none;
  visibility: hidden;
}

.hide2{
  opacity: 0;
  display:none;
  visibility: hidden;
}

.hide3{
  opacity: 0;
  display:none;
  visibility: hidden;
}

.show{
  opacity: 100% !important;
  display:block !important;
  visibility: visible !important;
}

/*!
 * Hover.css (http://ianlunn.github.io/Hover/)
 * Version: 2.3.2
 * Author: Ian Lunn @IanLunn
 * Author URL: http://ianlunn.co.uk/
 * Github: https://github.com/IanLunn/Hover
 * Hover.css Copyright Ian Lunn 2017. Generated with Sass.
 */
/* Underline From Center */
.hvr-underline-from-center {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
}
.hvr-underline-from-center:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 51%;
  right: 51%;
  bottom: 0;
  background: #26a8e0;
  height: 2px;
  -webkit-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-underline-from-center:hover:before{
  left: 0;
  right: 0;
}