* {
  box-sizing: border-box;
}
@font-face {
  font-family: "Futura LT Regular";
  font-style: normal;
  font-weight: normal;
  src: local("Futura LT Regular"), url("../fonts/FuturaLT.woff") format("woff");
}

@font-face {
  font-family: "Futura LT Book";
  font-style: normal;
  font-weight: normal;
  src: local("Futura LT Book"),
    url("../fonts/FuturaLT-Book.woff") format("woff");
}

@font-face {
  font-family: "Futura LT Oblique";
  font-style: normal;
  font-weight: normal;
  src: local("Futura LT Oblique"),
    url("../fonts/FuturaLT-Oblique.woff") format("woff");
}

@font-face {
  font-family: "Futura LT BookOblique";
  font-style: normal;
  font-weight: normal;
  src: local("Futura LT BookOblique"),
    url("../fonts/FuturaLT-BookOblique.woff") format("woff");
}

@font-face {
  font-family: "Futura LT Light";
  font-style: normal;
  font-weight: normal;
  src: local("Futura LT Light"),
    url("../fonts/FuturaLT-Light.woff") format("woff");
}

@font-face {
  font-family: "FuturaBook";
  src: url("../fonts/FuturaLight.otf") format("truetype");
}

.slider {
  width: 50%;
  /* margin: 100px auto; */
}


.teste {
  position: relative;
  bottom: 60px;
  margin: 10px 0 0 -15px;
  width: 36px;
  height: 36px;
  border: 2px solid #fff;
  border-radius: 50%;
  background: #0390cd;
  background: -moz-linear-gradient(45deg, #0390cd 0, #16a6e4 100%);
  background: -webkit-linear-gradient(45deg, #0390cd 0, #16a6e4 100%);
  background: linear-gradient(45deg, #0390cd 0, #16a6e4 100%);
  font-size: 24px;
  text-align: center;
  line-height: 33px;
  color: #fff;
  z-index: 100;
}

.slider-header {
  width: 80vw;
  margin: 0 auto;
}

.img-carrosel {
  width: 100%;
}

i.fa.fa-angle-right {
  margin-left: 10px;
}

.slick {
  width: 80vw;
  background-color: #fff;
  height: 400px;
  margin-left: -10vw;
}

.slider-blog > .slick-dots {
  position: absolute;
  bottom: -55px;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}

.slider-blog > .slick-prev,
.slider-blog > .slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 95%;
  display: block;
  width: 30px;
  height: 50px;
  padding: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  color: blue;
  border: none;
  outline: none;
  background: #fff;
}

.slider-blog > .slick-prev {
  left: 450px;
  z-index: 2000;
}

.slider-blog > .slick-next {
  right: 450px;
  z-index: 2000;
}

section .slick-dots li button:before {
  color: #ded9d0;
}

.prev-arrow.slick-arrow,
.next-arrow.slick-arrow {
  position: absolute;
  top: 50%;
  z-index: 500000;
  cursor: pointer;
  width: 30px;
  height: 50px;
  background: #fff;
  color: #009ee3;
  visibility: hidden;
}

.slider-header:hover .slick-arrow {
  visibility: visible;
}

.next-arrow.slick-arrow {
  right: 0px;
}

.prev-arrow.slick-arrow > i,
.next-arrow.slick-arrow > i {
  font-size: 31px;
  margin-top: 8px;
  margin-left:10px;
  font-weight: 300;
}

.header-text {
  position: absolute;
  z-index: 1000000;
  top: 25%;
}

.header-text > .titulo > p {
  background-color: #fff;
  opacity: 0.8;
  font-size: 32px;
  color: #32bbed;
  /* width: 25vw; */
  padding: 30px 56px 10px 46px;
}

.header-text > .subtitulo > p {
  background-color: #01aded;
  opacity: 0.8;
  font-size: 15px;
  color: #fff;
  /* width: 25vw; */

  padding: 5px 46px;
}

.header-obras + .header-text {
    position: absolute;
    z-index: 1000000;
    top: 1%;
}

@media screen and (max-width: 800px) {
  
.slider-header img {
    margin-top: 7vh;
}

.slick {
    width: 100vw;
    height: 400px;
    margin-left: 0;
  }

  .slider-header {
    width: 100vw;
  }

  .header-text {
    top: 12vh;
  }

  .header-text > .titulo > p {
    font-size: 11px;
    width: 33vw;
    padding: 10px 26px 10px 26px;
  }

  .header-text > .subtitulo > p {
    font-size: 8px;
    width: 33vw;
    padding: 3px 25px;
  }
  .slider-header img {
    width: 100vw !important;
  }