@font-face{font-family:bold;src:url(../fontes/bold.otf)}
@font-face{font-family:italic;src:url(../fontes/italic.otf)}
@font-face{font-family:regular;src:url(../fontes/regular.otf)}

@font-face{font-family:light;src:url(../fontes/light.otf)}



/*@font-face{font-family:texta;src:url(../fontes/texta_bold.otf)}
@font-face{font-family:extenda;src:url(../fontes/extenda.otf)}
@font-face{font-family:extenda2;src:url(../fontes/extenda2.otf)}*/

@font-face{font-family:extenda;src:url(../fontes/Oswald-Bold.ttf)}
@font-face{font-family:extenda2;src:url(../fontes/Oswald-Bold.ttf)}
@font-face{font-family:texta;src:url(../fontes/NotoSans-Regular.ttf)}



#sumir-mobile{
  display: block;
}


.header{background:#000000;position:fixed;padding:15px 0px 7px 0px!important;z-index:10000;top:0;width:100%}
.esquerda img,.direita img,.direita i,.animacao,.detalhe_header,.redes_sociais{float:right}
.logo_mobile{display:none}
.face i,.instagram i{background-color:#FFFFFF;border-radius:100%;color:black;margin-left:20px;margin-top:8px}
.face i{padding:6px 10px;font-size:18px}
.instagram i{padding:4px 6px;font-size:22px}
.detalhe_header img{padding:20px 35px 15px 35px}
.hover_amarelo {
  font-family: extenda;
  font-size: 15px;
  color: #FFFFFF;
  position: relative;
  top: 12px;
}
.espaco,.esquerda{padding-bottom:15px}
.hover_amarelo:hover,#myBtn:hover{color:#F1CB13;cursor:pointer;transition:all 0.3s ease-in-out;text-decoration:none}
.face i:hover,.instagram i:hover{background-color:#F1CB13;transition:all 0.3s ease-in-out}
a{text-decoration:none}dl{margin:0;margin-bottom:10px}dd{position:relative;left:20%;top:-20px}
dd a{position:relative;left:20px;top:-8px!important}
.menu{border-radius:50%;width:60px;height:35px}
.hamburguer{position:relative;display:block;background:#FFFFFF;width:40px;height:5px;top:20px;transition:.5s ease-in-out;z-index:99}
.hamburguer:before,.hamburguer:after{background:#FFFFFF;content:'';display:block;width:100%;height:100%;position:absolute;transition:.5s ease-in-out}
.hamburguer:before{top:-9px}
.hamburguer:after{bottom:-9px}
.animacao {
  margin-left: 20px;
}
.animacao input{display:none}
.animacao input:checked~label .hamburguer{transform:rotate(45deg);z-index:150}
.animacao input:checked~label .hamburguer:before{transform:rotate(90deg);top:0}
.animacao input:checked~label .hamburguer:after{transform:rotate(90deg);bottom:0}
.animacao2 input{display:none}
.animacao2 input:checked~label .hamburguer{transform:rotate(90deg);z-index:99}
.animacao2 input:checked~label .hamburguer:before{transform:rotate(45deg);top:0}
.animacao2 input:checked~label .hamburguer:after{transform:rotate(45deg);bottom:0}



*{box-sizing:border-box;z-index:1}
/*@font-face{font-family:regular;src:url(../fontes/regular.otf)}
@font-face{font-family:bold;src:url(../fontes/bold.otf)}*/
body{margin:0;height:100%}
.voltar{
  position: absolute;
  right: 5%;
  top:10%;
}
#myVideo{width:100%;height:auto;margin-bottom:-4px;margin-top:70px}
.gif{display:none}
.gif img{max-width:100%;height:auto;display:block}
.bottom-animation{text-align:center;position:absolute;left:0;right:0;bottom:0;margin:auto}
.bottom-animation i{font-size:35px;color:white}
.video-mobile{display:none}
.texto{background-color:#FFFFFF;color:#000000;text-align:center;padding-top:8%;padding-bottom:5%}
.texto img{padding-right:10px;position:relative;bottom:-5px;z-index:0}
.texto p{font-size:14px;line-height:1.42857143;padding-top:45px;font-family:texta;}
.texto h1{font-family:extenda2;}
.texto h1 b{font-family:extenda;}
.texto h1, .texto h1 b{
  text-transform: uppercase;font-weight: 100;
}
.texto p,.texto h1{margin:0}
.texto p{
  padding-left: 25%;
  padding-right: 25%;
}
.parallax2mobile{display:none;max-width:100%;height:auto}
.setas{padding:50px}
.setas,.facebook{
  background-color: #000000;
}
.setas a{color:white;text-decoration:none;font-family:regular;font-size:16px}
.setas .esquerda{float:left}.setas .direita{float:right}
.setas .direita i,.setas .esquerda i{padding-left:15px;padding-right:15px;font-size:16px}
.container{display:flex;align-content:center;align-items:center;flex-direction:column;flex-wrap:nowrap;height:100%;justify-content:space-around;position:relative;width:100%}
.container section{width:100%;flex:1;display:flex;text-align:center;position:relative;overflow:hidden;background-color:#000}
.container section .image{background-attachment:fixed;background-size:cover;width:100%;height:100%;position:absolute;z-index:500}
.container section .stuff{display:flex;flex-direction:column;flex-wrap:nowrap;height:100%;width:100%;max-width:70%;justify-content:center;text-align:center;z-index:100;margin:0 auto;position:relative}
.container section .stuff:before,.container section .stuff:after{width:100%;height:1px;content:"";margin:24% 0}
.facebook{text-align:center}
.centralizar{text-align:center}
.fecha{
  position: fixed;
  top: 10%;
  right: 2.5%;
  z-index: 5;
}
.fecha a{
  color: black;
  font-size: 30px;
}

@-webkit-keyframes "upDown" {
  0% {
    bottom: 30px
  }
  100% {
    bottom: 10px
  }
}

@-moz-keyframes "upDown" {
  0% {
    bottom: 30px
  }
  100% {
    bottom: 10px
  }
}

@-o-keyframes "upDown" {
  0% {
    bottom: 30px
  }
  100% {
    bottom: 10px
  }
}

@keyframes "upDown" {
  0% {
    bottom: 30px
  }
  100% {
    bottom: 10px
  }
}


.texto a{
  color:black;
}
.portfolio .seta {
  width: 30px;
  height: 30px;
  position: absolute;
  z-index: 2;
  bottom: 20px;
  left: 50%;
  margin-left: -15px;
  animation-name: upDown;
  animation-duration: 0.5s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  text-align: center;
  background-image: url("menu_vertical/seta.svg");
  background-repeat: no-repeat;
  background-size: 100%
}

.portfolio .seta:hover {
  cursor: pointer
}

.portfolio .seta.setaBlack {
  background-image: url("menu_vertical/seta-black.svg")
}

.portfolio .slideCase {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  align-items: center;
  background-position: center center;
  background-size: cover
}

@media screen and (max-width: 767px) {
  .portfolio .slideCase {
    height: auto
  }
}

.portfolio .slideCase .txtBlock p {
  color: #000;
  font-weight: bold;
  font-size: 16px;
  text-transform: uppercase;
  line-height: 32px;
  margin-bottom: 30px
}



.portfolio .pageSlide {
  position: fixed;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 1.4em;
  z-index: 10
}

@media screen and (max-width: 767px) {
  .portfolio .pageSlide {
    display: none
  }
}

.portfolio .pageSlide li {
  list-style-type: none
}

.portfolio .pageSlide a {
  display: block;
  height: 20px;
  margin-bottom: 5px;
  color: #FFF;
  position: relative;
  padding: 4px
}

.portfolio .pageSlide a.active:after {
  box-shadow: inset 0 0 0 5px
}

.portfolio .pageSlide a .hover-text {
  position: absolute;
  right: 15px;
  top: 7px;
  opacity: 0;
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
  padding-right: 15px
}

.portfolio .pageSlide a:hover .hover-text {
  opacity: 1
}

.portfolio .pageSlide a:after {
  -webkit-transition: box-shadow 0.5s ease;
  transition: box-shadow 0.5s ease;
  width: 10px;
  height: 10px;
  display: block;
  border: 1px solid;
  border-radius: 50%;
  content: '';
  position: absolute;
  margin: auto;
  top: 0;
  right: 4px;
  bottom: 0
}

.portfolio .pageSlide.branco a {
  color: #FFF
}

.portfolio .pageSlide.preto a {
  color: #666
}

.portfolio .btnMaisPortfolio {
  position: relative;
  display: table;
  width: 100%;
  height: auto;
  padding: 20px 0
}



@media only screen and (max-width:1650px){.container iframe{height:50%}.header{padding:15px 0px 7px 0px!important}dd{position:relative;left:15%;top:-20px}}

@media only screen and (max-width:1366px){.content i{padding:30px 100px 0 30px}.content2 img{padding:17px 20px 17px 100px}.header{padding:15px 0px 7px 0px!important}dd{position:relative;left:10%;top:-20px}}
@media only screen and (max-width:992px){#sumir-mobile,.bottom-animation{display:none}.texto p{padding-top:25px}.video-mobile{display:block}.container{display:none}
  .parallax2mobile{display:block}.header{padding:8px 0px 4px 0px!important}.redes_sociais{display:none}dd{position:relative;left:5%;top:-20px}#myVideo{margin-top:60px}}@media only screen and (max-width:768px){video{display:none}.gif{display:block}#myVideo{margin-bottom:0}.setas span{display:none}.detalhe_header{display:none}.gif img{margin-top:78px}}@media only screen and (max-width:480px){.logo{display:none}.logo_mobile{display:block;position:absolute;top:10px;left:10px}.header{padding:10px 10px 12px 10px!important}.hover_amarelo{font-size:15px;top:5px}dd{position:relative;left:10%;top:-20px}.gif img{margin-top:70px}}@media only screen and (max-width:400px){dd{position:relative;left:0%;top:-20px}}.responsive{max-width:100%;height:auto;display:block}

/*@font-face{font-family:titulo_job;src:url(../fontes/titulo_job.otf)}*/
#myVideo{margin-bottom:-6px}
.texto h1{font-size:30px;}

.texto i {
  text-align: center;
  font-size:25px;
  /*position: relative;*/
  /*-webkit-animation: mymove 3s infinite;*/ /* Safari 4.0 - 8.0 */
  /*animation: mymove 4s infinite;*/
}
.texto i.hover {
  cursor: pointer;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes mymove {
  0%    { top:15px;}
  50%  {  top:65px;}
  100% {  top:15px;}
}

@keyframes mymove {
  0%    { top:15px;}
  50%  {  top:65px;}
  100% {  top:15px;}
}
.titulo_job h1{
  font-family:bold;
}
.detalhe_job{
 float: right;
 position: relative;
 right: 220px;
}
.movimento {
  position: relative;
  bottom: -20px!important;
}

.fb-like{
  position:relative;
  bottom:50px;
}
@media only screen and (max-width:1200px){
  .detalhe_job{
    right: 135px;
  }
}
@media only screen and (max-width:992px){
  .sumir{
    display:none;
  }
  .texto{
    padding-top: 10%;
    padding-bottom: 5%;
  }
  .texto p {
    padding-left: 5%;
    padding-right: 5%;
  }
 /* .texto h1 {
    font-size: 35px;
}*/
}
@media only screen and (max-width:768px){.hamburguer{width:40px;height:4px}.hamburguer:before{top:-10px}.hamburguer:after{bottom:-10px}.menu{padding-top:0}}
@media screen and (max-width: 767px) {
  .portfolio .btnMaisPortfolio a {
    width: 100%;
    margin-bottom: 10px
  }
}
@media screen and (max-width: 650px) {
.texto {
    padding-top: 22.5%;
}
}
@media screen and (max-width: 450px) {
.texto {
    padding-top: 27.5%;
}
}
@media screen and (max-width: 400px) {
.texto {
    padding-top: 30%;
}
}
@media screen and (max-width: 375px) {
.texto {
    padding-top: 32.5%;
}
}
@media only screen and (max-width:480px){.menu{width:40px}}
/*@media only screen and (max-width:1440px){
#sumir-mobile,.bottom-animation{display:none}
.video-mobile{display:block}
.container{display:none}
.parallax2mobile{display:block}
}*/