body{
  font-family: 'Open Sans', sans-serif;
}
#espaco, #resp{
  padding-top: 60px;
  padding-left: 50px;
}

#espaco2{
  padding-top: 300px;
  padding-left: 150px;
}
#espaco3{
  font-size: 36px;
  padding-top: 300px;
  padding-left: 150px;
}
#espaco4{
  font-size: 30px;
  padding-left: 150px;
  font-weight: 200;
  margin-top: -5px;
}
#espaco5 {
  padding-top: 10px;
  color: #067B82;
  font-size: 24px;
  font-weight: 700;
}
.avanco{
  margin-left: 150px;
  margin-right:150px;

}
.avanco2{
  margin-left: 150px;
}
.avanco3{
  margin-left: 100px;
}
.avanco4{
  margin-left: 150px;
}

#italico{
  font-size: 30px;
  font-style: italic;
  font-weight: 300;
}

#white{
  color: white;
  padding-top: 10px;
  padding-left: 50px;
  padding-right: 120px;
}
#logo{
  margin-top: 15px;
  padding-left: 65px;
  width: 90%;
}
.rodape{
  padding: 15px;
  color: white;
  background-color: #067B82;
}
.barra{
  border-bottom: 4px solid #FFF;
   color:white;
}
.barra5{
  border-bottom: 4px solid #067B82;
  color:#067B82;
}
.titulo_home{
  margin-top: 150px;
  margin-left: 150px;
  font-weight: 800;
  font-style: italic;
  color: #067B82;
}
.titulo_home2{
  margin-top: 130px;
  margin-left: 150px;
  font-weight: 800;
  font-style: italic;
  color: white;
}
.titulo_home2a{
  margin-top: -20px;
  margin-left: 150px;
  font-weight: 800;
  font-style: italic;
  color: white;
}
.titulo_home3{
  margin-top: 150px;
  margin-left: 150px;
  font-weight: 800;
  font-style: italic;
  color: #123e59;
}
.titulo_home5{
  margin-top: 240px;
  margin-left: 150px;
  font-weight: 800;
  font-style: italic;
  color: #123e59;
}
.titulo_home6{
  padding-top: 210px;
  margin-left: 150px;
  font-weight: 800;
  font-style: italic;
  color: #123e59;
}
#regions_div:focus{
  color: #123e59;
}
.barra_branca{
  margin-top: -120px;
  height: 250px;
  background-color: white;
  -webkit-clip-path: polygon(0 15%, 100% 0, 100% 100%, 0 85%);
                clip-path: polygon(0 15%, 100% 0, 100% 100%, 0 85%);
}
.btn-info{
  font-size: 14px;
}
.barra_branca5{
  background-color: white;
  margin-top: -30px;
}
.barra_brancaComp{
  background-color: white;
  -webkit-clip-path: polygon(0 2%, 100% 0, 100% 100%, 0 97%);
  clip-path: polygon(0 2%, 100% 0, 100% 100%, 0 97%);
}
.barra_branca2{
  background-color: white;
  -webkit-clip-path: polygon(0 15%, 100% 0, 100% 100%, 0 95%);
  clip-path: polygon(0 15%, 100% 0, 100% 100%, 0 95%);
}
.barra_branca3{
  margin-top: -150px;
  height: auto;
  background-color: white;
  -webkit-clip-path: polygon(0 13%, 100% 0, 100% 100%, 0 95%);
                clip-path: polygon(0 13%, 100% 0, 100% 100%, 0 95%);
}
.barra_branca5{
  margin-top: -250px;
  height: auto;
  background-color: white;
  -webkit-clip-path: polygon(0 13%, 100% 0, 100% 100%, 0 95%);
                clip-path: polygon(0 13%, 100% 0, 100% 100%, 0 95%);
}
.barra_branca6{
  margin-top: -230px;
  height: auto;
  background-color: white;
  -webkit-clip-path: polygon(0 10%, 100% 0, 100% 100%, 0 97%);
                clip-path: polygon(0 10%, 100% 0, 100% 100%, 0 97%);
}
.item_mapa{
  margin-top: 250px;
}
.local{
  width: 450px;
  height: 240px;
}
.barra_azul{
  height: 130px;
  background-color: #067B82;
  -webkit-clip-path: polygon(0 0, 100% 12%, 100% 90%, 0 100%);
  clip-path: polygon(0 0, 100% 12%, 100% 90%, 0 100%);
}

.barra_azul4{
  height: 230px;
  background-color: #067B82;
  -webkit-clip-path: polygon(0 0, 100% 9%, 100% 90%, 0 100%);
  clip-path: polygon(0 0, 100% 9%, 100% 90%, 0 100%);
}
.barra_azul_4t{
  margin-top: 40px;
  margin-left: 150px;
  margin-right: 250px;
  font-size: 22px;
  font-style: italic;
  color: white;
  text-align: center;
}
.barra_azulao{
  margin-top: -120px;
  height: auto;
  background-color: #123e59;
  -webkit-clip-path: polygon(0 10%, 100% 0, 100% 100%, 0 97%);
                clip-path: polygon(0 10%, 100% 0, 100% 100%, 0 97%);
}
.barra_azulao_t{
  margin-top: 40px;
  margin-left: 150px;
  margin-right: 250px;
  font-size: 22px;
  color: white;
  text-align: justify;
}
.barra_azulao2_t{
  font-size: 16px;
  color: white;
  text-align: justify;
}
.barra_azulao3t{
  margin-left: 150px;
  font-size: 18px;
  color: white;
  text-align: justify;
}
.barrinha{
  margin-left: 5px;
}
.barra_azul_t{
  margin-top: 20px;
  margin-left: 150px;
  margin-right: 250px;
  font-size: 22px;
  font-style: italic;
  color: white;
  text-align: center;
}
.barra_branca2t{
  margin-top: 140px;
  font-size: 16px;
  font-weight: 200;
  margin-left: 150px;
  margin-right: 250px;
  text-align: justify;
}
.barra_branca3t{
  margin-top: 50px;
  font-size: 16px;
  font-weight: 200;
  margin-left: 150px;
  margin-right: 250px;
  text-align: justify;
  /* color: #123e59; */
}
.barra_branca4t{
  margin-top: 20px;
  font-size: 16px;
  font-weight: 200;
  margin-right: 250px;
  text-align: justify;
  /* color: #123e59; */
}
.barra_branca5t{
  font-size: 16px;
  font-weight: 200;
  margin-left: 150px;
  margin-right: 250px;
  text-align: justify;
  /* color: #123e59; */
}
.homepage-container{
  float: left;
  display: block;
  width: 100%;
}
.homepage-container2{
  float: left;
  display: block;
  width: 100%;
  margin-top: 470px;
}
.tabela{
  margin-left: 200px;
}
.tabela2{
  margin-left: 160px;
}
.topo{
  margin-top: 45px;
}
.homepage1-caption-container {
  background-color: transparent;
  position: absolute;
  background-image: -webkit-linear-gradient(left, #067B82 0%,#086F7A 50%,#067B82 100%);
  background-image: -moz-linear-gradient(top, #067B82 0%,#086F7A 50%,#067B82 100%);
  background-image: linear-gradient(to right,#067B82 0%,#086F7A 50%,#067B82 100%);
}
.homepage11 {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  width: 100%;
  height: 600px;
  position: relative;
  z-index: 9;
  background-color: white;
  background-image: url(img/sobre.jpg);
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 80%, 0 100%);
  clip-path: polygon(0 0, 100% 0, 100% 80%, 0 100%);
}
.homepage12 {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  width: 100%;
  height: 600px;
  position: relative;
  z-index: 9;
  background-color: #123e59;
  background-image: url(img/homepage2.png);
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 80%, 0 100%);
  clip-path: polygon(0 0, 100% 0, 100% 80%, 0 100%);
}
.homepage13 {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  width: 100%;
  height: 600px;
  position: relative;
  z-index: 9;
  background-color: #white;
  background-image: url(img/homepage3.png);
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 80%, 0 100%);
  clip-path: polygon(0 0, 100% 0, 100% 80%, 0 100%);
}
.homepage14 {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  width: 100%;
  height: 600px;
  position: relative;
  z-index: 9;
  background-color: white;
  background-image: url(img/homepage4.jpg);
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 80%, 0 100%);
  clip-path: polygon(0 0, 100% 0, 100% 80%, 0 100%);
}
.homepage15 {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  width: 100%;
  height: 600px;
  position: relative;
  z-index: 9;
  background-color: white;
  background-image: url(img/home3.jpg);
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 80%, 0 100%);
  clip-path: polygon(0 0, 100% 0, 100% 80%, 0 100%);
}
.homepage16 {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  width: 100%;
  height: 600px;
  position: relative;
  z-index: 9;
  background-color: white;
  background-image: url(img/homepage5.jpg);
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 80%, 0 100%);
  clip-path: polygon(0 0, 100% 0, 100% 80%, 0 100%);
}
.homepage17 {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  width: 100%;
  height: 600px;
  position: relative;
  z-index: 9;
  background-color: #FFF;
  background-image: url(img/slide2w.png);
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 80%, 0 100%);
  clip-path: polygon(0 0, 100% 0, 100% 80%, 0 100%);
}
.homepage1 {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  width: 100%;
  margin-top: -460px;
  height: 600px;
  position: relative;
  background-color: #067B82;
  //background-image: url(img/homepage1.jpg);
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 80%, 0 100%);
  clip-path: polygon(0 0, 100% 0, 100% 80%, 0 100%);

}
.homepage1>img.hover, .homepage1>img:hover, .homepage3.hover, .homepage3:hover, .homepage4.hover, .homepage4:hover, .homepage6.hover, .homepage6:hover{
  opacity: 0.6;
}
.opaco{
  margin-top: -200px;
}
.homepage1-caixa {
  position: relative;
    margin-top: 450px;
    padding: 1em 1.5em 2.5em;
    width: 40%;
    background-color: #067B82;
    font-weight: bold;
    z-index: 1000;
    background: transparent;
}
.homepage2{
  background-repeat: no-repeat;
  margin-top: -60px;
  height: 385px;
  -webkit-clip-path: polygon(0 13%, 100% 0, 100% 100%, 0 84%);
                clip-path: polygon(0 13%, 100% 0, 100% 100%, 0 84%);
  background: rgb(2,0,36);
  background: -moz-linear-gradient(150deg, rgba(2,0,36,1) 0%, rgba(17,121,128,1) 49%, rgba(24,161,170,1) 99%);
  background: -webkit-linear-gradient(150deg, rgba(2,0,36,1) 0%, rgba(17,121,128,1) 49%, rgba(24,161,170,1) 99%);
  background: linear-gradient(150deg, rgba(2,0,36,1) 0%, rgba(17,121,128,1) 49%, rgba(24,161,170,1) 99%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#020024",endColorstr="#18a1aa",GradientType=1);
}

.homepage3{
  background-image: url(img/homepage2.png);
  background-repeat: no-repeat;
 background-position: center center;
  margin-top: -121px;
  height: 510px;
  -webkit-clip-path: polygon(0 12%, 100% 0, 100% 100%, 0 87%);
  clip-path: polygon(0 12%, 100% 0, 100% 100%, 0 87%);
}
.homepage4{
  background-image: url(img/homepage3.png);
  background-repeat: no-repeat;
  background-position: center center;
  margin-top: -129px;
  height: 420px;
  -webkit-clip-path: polygon(0 0, 100% 15%, 100% 91%, 0 100%);
  clip-path: polygon(0 0, 100% 15%, 100% 91%, 0 100%);

}
.homepage5{
  background-color: #067B82;
  background-repeat: no-repeat;
  margin-top: -67px;
  height: 325px;
  -webkit-clip-path: polygon(0 0, 100% 12%, 100% 90%, 0 100%);
  clip-path: polygon(0 0, 100% 12%, 100% 90%, 0 100%);
    background: rgb(2,0,36);
    background: -moz-linear-gradient(300deg, rgba(2,0,36,1) 0%, rgba(17,121,128,1) 49%, rgba(24,161,170,1) 99%);
    background: -webkit-linear-gradient(300deg, rgba(2,0,36,1) 0%, rgba(17,121,128,1) 49%, rgba(24,161,170,1) 99%);
    background: linear-gradient(300deg, rgba(2,0,36,1) 0%, rgba(17,121,128,1) 49%, rgba(24,161,170,1) 99%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#020024",endColorstr="#18a1aa",GradientType=1);
}
.homepage6{
  background-image: url(img/homepage4.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  height: 420px;
  margin-top: -73px;
  -webkit-clip-path: polygon(0 17%, 100% 0, 100% 100%, 0 100%);
  clip-path: polygon(0 17%, 100% 0, 100% 100%, 0 100%);
  background-size: cover;
}
.w-25{
  width: 80%;
}
.w-50{
  width: 100%;
}