@font-face {
    font-family: avenir;
    src: url('fonts/AvenirNextLTPro-Regular.otf');
}

@font-face {
    font-family: aveniheavy;
    src: url('fonts/AvenirNextLTPro-Heavy.otf');
}

@font-face {
    font-family: sign;
    src: url('fonts/SignPainter.ttc');
}

body {
    /* overflow-y:hidden; */
    font-family: avenir;
}

/* animacao de transicao entre as paginas */

.mobile{
    display: none;
}

.animate-in {
    -webkit-animation: fadeIn .5s ease-in;
    animation: fadeIn .5s ease-in;
}
.animate-out {
    -webkit-transition: opacity .5s;
    transition: opacity .5s;
    opacity: 0;
}
@-webkit-keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}
@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

/* fim animacao de transicao entre as paginas */

.overlay {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 4;
    top: 0;
    left: 100%;
    background-color: #fff;
    overflow-x: hidden;
    transition: 0.5s;
}

.overlay-content {
    position: relative;
    display: block;
    margin: auto 0;
    top: 30%;
    width: 100%;
    text-align: center;
    z-index: 8;
}

.overlay a {
    padding: 8px;
    text-decoration: none;
    font-weight: bold;
    text-transform: uppercase;
    font-family: "aveniheavy", Sans-serif;
    line-height: 80px;
    margin: auto 0;
    font-size: 6em;
    color: #404040;
    display: block;
    transition: 0.3s;
}

.overlay a:hover, .overlay a:focus {
    color: #ff0078;
}

.overlay .closebtn {
    position: absolute;
    top: 20px;
    right: 45px;
    font-size: 60px;
}

.icon-menu{
    width: 65px;
}

.dots{
    position: fixed;
    display: block;
    width: auto;
    height: auto;
    z-index: 7;
    right: 5%;
    top: 50%;
}

.logo{
    position: fixed;
    display: block;
    width: auto;
    height: auto;
    z-index: 5;
    right: 5%;
    top: 10%;
    transition: .5s
}

.logo:hover {
    transform: rotate(90deg);
    transition: .3s;
  }

.dots a{
    background: #ffff0000;
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    color: transparent;
}

.bullet{
    position: relative;
    margin: 0 auto;
    border: 2px solid #fff;
    width: 10px;
    height: 10px;
    border-radius: 50%;
}

.active, .bullet:hover{
    background: #fff;
}

.borda{
    position: absolute;
    width: 100%;
    height: 100vh;
    border: 30px solid #fff;
    z-index: 1;
}

.titlehome{
    position: relative;
    display: block;
    text-align: center;
    margin: 0 auto;
    top: -42%;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    font-family: "aveniheavy", Sans-serif;
    font-size: 7em;
    line-height: 95px;
    z-index: 3;
}

.titlehome a{
    color: #fff;
    text-decoration: none;
}

.parallax {
    position: absolute;
    width: 100%;
    height: 100vh;
    overflow: hidden;
    left: 0;
}

.sec {
    position: absolute;
    width: 100%;
    height: 800px;
    left:0;
    background-repeat: no-repeat;
    background-position: top center;
}

#job2 .borda{
    border: 30px solid #f7f7f7;
}

#job1, #job2, #job3, #job4, #job5, #job6, #job7, #job8, #job9, #job10, #job11, #job12, #job13{
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
    position: relative;
    height: 100vh;
}

#job1{
    background-image: url(imgs/home1.jpg);
}

#job2{
    background-image: url(imgs/home2.jpg);
}

#job3{
    background-image: url(imgs/home3.jpg);
}

#job4{
    background-image: url(imgs/home4.jpg);
}

#job5{
    background-image: url(imgs/home5.jpg);
}

#job6{
    background-image: url(imgs/home6.jpg);
}

#job7{
    background-image: url(imgs/home7.jpg);
}

#job8{
    background-image: url(imgs/home8.jpg);
}

#job9{
    background-image: url(imgs/home9.jpg);
}

.zntmobile{
    width: 100%;
    margin-top: -70%;
    display: none;
}


#job10{
    background-image: url(imgs/home10.jpg);
}

#job11{
    background-image: url(imgs/home11.jpg);
}

#job12{
    background-image: url(imgs/home12.jpg);
}

#job13{
    background-image: url(imgs/home13.jpg);
}

.naovisivel{
    display: none!important;
    visibility: hidden!important;
}

.visivel{
    display: block;
}

#job1 .imagem, #job2 .imagem, #job3 .imagem, #job4 .imagem, #job5 .imagem, #job6 .imagem, #job7 .imagem, #job8 .imagem, #job9 .imagem, #job10 .imagem, #job11 .imagem, #job12 .imagem, #job13 .imagem{
    position: relative;
    display: block;
    width: 100%;
    height: 100vh;
}

#job1 img{
    position: relative;
    display: block;
    margin: 0 auto;
    width: 80%;
    top: 10%;
}

#job2 img{
    position: relative;
    display: block;
    margin: 0 auto;
    width: 80%;
    top: 5%;
}

#job8 img{
    position: relative;
    display: block;
    margin: 0 auto;
    width: 80%;
    top: 10%;
}

#job2 .titlehome{
    top: -49%;
}

#job8 .titlehome{
    top: -47%;
}

#job9 .titlehome{
    top: -55%;
    /* top: -270%; */
}

#job3 .titlehome, #job4 .titlehome,#job5 .titlehome, #job6 .titlehome, #job7 .titlehome, #job10 .titlehome,#job11 .titlehome,#job12 .titlehome, #job13 .titlehome{
    top: 45%;
}

/* SECTIONS TRABALHOS REALIZADOS */
#camisinha {
    background-color: #eaeaea
}

#camisinha .bgcamisinha{
    background-image: url(imgs/bg_maquinacamisinha.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-position: 100% 100%; 
    position: relative;
    height: 100vh!important;
}

.texto{
    padding-right: 0!important;
    padding-left: 0!important;
    margin-top: 100px;
}

#camisinha .texto h1{
    font-weight: bold;
    text-transform: uppercase;
    font-family: "aveniheavy", Sans-serif;
    line-height: 105px;
}

.texto .um, .texto .tres{
    font-size: 122px;
    color: #c71fb1;
}

.texto .dois{
    font-size: 148px;
    color: #96d557;
}

.descricao{
    text-align: justify;
    color: #404040;
    font-size: 17px;
    line-height: 25px;
    margin-top: 20px;
    word-spacing: 1px;
}

#seta {
    /* position: relative;
    display: block; */
    width: 100%;
    height: 300px;
    background-image: url(imgs/seta.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    bottom: -640px;
}

.video{
    background-color: #efefef;
    padding: 220px 0 130px 0;
}

.video .container{
    padding-left: 0!important;
    padding-right: 0!important;
}

.video iframe{
    border: 25px solid #fff;
    width: 100%;
    height: 600px;
}

#camisinha .titlehome{
    top: 45%;
}

.vending img{
    margin-top: 60px
}

.sign{
    font-family: "sign";
    font-size: 53px;
    color: #c71fb1;
}

.sub-titulo{
    text-transform: uppercase;
    color: #404040;
    font-size: 21px;
    margin: -11px 0 0 0;;
}

.box{
    position: relative;
    display: block;
    margin: 0 auto;
    width: 550px;
    height: 1100px;
    overflow: hidden;
    margin-bottom: -350px;
    margin-top: 60px;
}

#camisinha .box-screen{
    height: 100vh;
    width: 88%;
    margin: 0 auto;
    overflow: hidden;
    margin-top: 106px;
    /* padding: 0 39px; */
    background-image: url(imgs/camisinha_telas.jpg);
    background-size: cover;
}

.screens{
    position: relative!important;
    display: block;
    margin: 0 auto;
    width: 90%;
    z-index: 0;
    margin-top: 35px;
}

#box img{
    position: absolute;
}

::-webkit-scrollbar {
    width: 0px;  /* remove scrollbar space */
    background: transparent;  /* optional: just make scrollbar invisible */
}
::-webkit-scrollbar-thumb {
}

.iphone{
    z-index: 1;
}

.mockup{
    margin-bottom: -350px;
    transform: scale(1.05);
    position: relative;
    display: block;
    margin: 0 auto;
    width: 550px;
    height: 800px;
}

#cross2{
    background: #96d44a;
    background-image: url(imgs/iconc.png);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
    padding-top: 450px;
    padding-bottom: 30px;
}

.foto-perfil{
    padding: 50px 35px;
}

#camisinhamg{
    background: #efefef;
    background-image: url(imgs/camisinhamg.png);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: bottom;
    background-size: contain;
    height: 600px;
}

#img-footer{
    background: #efefef;
    background-image: url(imgs/camisinha-footer.jpg);
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: cover;
    height: 350px;
}

#img-footer .container{
    padding: 0
}

.proximo{
    position: relative;
    display: block;
    width: 100%;
    text-transform: uppercase;
    color: #fff;
    margin-top: 25%;
}

.proximo img{
    float: left;
    margin-top: 3px;
    margin-right: 5px;
}

.proximo p{
    margin: 0;
    font-size: 23px;
}

.next-job{
    position: relative;
    display: block;
    width: 100%;
    text-transform: uppercase;
    color: #fff;
    margin-top: -10px;
}

.next-job p{
    font-size: 53px;
}

.logo-footer{
    position: relative;
    display: block;
    width: 100%;
    height: 290px;
    margin-top: 172px;
}

.logo-footer img{
    width: 40%;
    float: right;
    margin-right: 50px!important;
}

/* CSS PAGINA VACINAR E PROTEGER */

#vacinar {
    background-color: #eaeaea
}

#vacinar .bgvacinar{
    background-image: url(imgs/bg_vacinar.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-position: 100% -200px;
    position: relative;
    height: 1800px;
}

#vacinar .texto h1{
    font-weight: bold;
    text-transform: uppercase;
    font-family: "aveniheavy", Sans-serif;
    line-height: 105px;
}

#vacinar .titlehome{
    top: 25%;
}

#vacinar #seta {
    position: relative;
    display: block;
    width: 100%;
    height: 300px;
    background-image: url(imgs/seta.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    bottom: -1450px;
}

.vacinar-gotinha{
    position: relative;
    display: block;
    margin: 0 auto 0 auto;
    bottom: -600px!important
}

.vacinar-gotinha-img{
    position: relative;
    display: block;
    margin: 0 auto;
}

.mobiliario{
    background: #fff;
}

#vacinar .texto{
    margin-top: 185px;
}

#vacinar .vending img{
    margin-top: 110px;
}

#vacinar .um{
    color: #bcbdbd;
    font-size: 178px;
    margin: 0 0 0 -11px;
}

#vacinar .dois{
    color: #ffba00;
    font-size: 332px;
    margin: 120px 0 0 -22px;
}

#vacinar .tres{
    color: #ffba00;
    font-size: 248px;
    margin: 125px 0 0 0px;
}

#vacinar .quatro{
    color: #bcbdbd;
    margin: 40px 0 0 -5px;
    font-size: 115px;
}

#vacinar .sign{
    color: #bcbdbd;
}

#vacinar .box{
    margin-bottom: -550px
}

#vacinar .box-screen {
    height: 100%;
    margin-top: -3px
}

#vacinar .screens{
    border-bottom-left-radius: 45px;
    border-bottom-right-radius: 45px;
}

#cross3{
    background: #eaeaea;
    padding-top: 600px;
    padding-bottom: 100px;
}

/* FIM  CSS PAGINA VACINAR E PROTEGER */

/* CSS PAGINA TRANSITO AO VIVO */

#transito {
    background-color: #fff;
}

#transito .bgtransito{
    background-image: url(imgs/bg_transito.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-position: 100% 100%; 
    position: relative;
    height: 100vh!important;
}

#transito .texto h1{
    font-weight: bold;
    text-transform: uppercase;
    font-family: "aveniheavy", Sans-serif;
    line-height: 105px;
}

#transito .titlehome{
    top: 45%;
}

#transito .vending img{
    margin-top: 10px;
}

.best{
    position: relative;
    display: block;
    left: 84%;
    top: 28%;
    width: 140px;
    z-index: 1;
}

#transito .um{
    color: #158eff;
    font-size: 137px;
    margin: 0 0 0 -8px;
}

#transito .dois{
    color: #158eff;
    font-size: 263px;
    margin: 80px 0 0 -1px;
}

#transito .tres{
    color: #ffba00;
    font-size: 87px;
    margin: 30px 0 0 -5px;
}

#transito .sign {
    margin-top: 55px;
    color: #158eff;
}

#transito .box{
    height: 1150px;
    margin-bottom: -400px;
}

#cross4{
    background: #eaeaea;
    padding-top: 480px;
    padding-bottom: 100px;
}

#cross4 .descricao {
    margin-bottom: 80px;
}

/* FIM  CSS PAGINA TRANSITO AO VIVO */

/* CSS PAGINA CAÇA AOS ZEROS */

#cacazeros {
    background-color: #fff;
}

#cacazeros .bgcacazeros{
    background-image: url(imgs/bg_caca.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-position: 100% 100%; 
    position: relative;
    height: 100vh!important;
}

#cacazeros .video{
    background: #fff;
}

#cacazeros .texto h1{
    font-weight: bold;
    text-transform: uppercase;
    font-family: "aveniheavy", Sans-serif;
    line-height: 105px;
}

#cacazeros .titlehome{
    top: 30%;
}

#cacazeros #seta {
    bottom: -400px;
}

#cacazeros .video{
    padding: 140px 0 130px 0;
    position:relative;
    margin-bottom: 120px;
}

#cacazeros .videoplay{
    position: relative;
}

.videoplay object{
    position: relative;
    display: block;
    margin: 0 auto;
    border: none;
    width: 76%;
    height: 482px;
    z-index: 1;
}

#cacazeros .imac{
    position: absolute;
    left: 50%;
    top: 61.5%;
    transform: translate(-50%, -50%);
}

#cacazeros .um{
    color: #feb136;
    font-size: 230px;
    margin: 0 0 0 -20px;
}

#cacazeros .dois{
    color: #fc3203;
    font-size: 95px;
    margin-top: 35px;
}

.bounty{
    position: relative;
    margin-top: 100px;
    margin-bottom: -450px;
}

.mini-bounty{
    position: relative;
    display: block;
    width: 100%;
    height: 45px;
    margin-top: 90px;
    animation: minibounty 15s infinite alternate;
}

.mini-bounty img{
    float: right;
    height: 35px;;
}

#cacazeros .sign{
    color: #feb136;
}

@keyframes minibounty {
    0% {left: -50px; top: -10px; transform: skewY(5deg);}
    25% {left: -20px; top: 0; transform: skewY(-5deg);}
    75% {left: 10px; top: -10px; transform: skewY(5deg);}
    100% {left: 40px; top: 0; transform: skewY(-5deg);}
}

#cacazeros .descricao{
    padding: 0 30px 0 15px;
    margin-top: 65px;
}

.bounty-lixo{
    position: relative;
    display: block;
    width: 100%;
    height: 45px;
    margin-top: 5px;
}

.bounty-lixo img{
    float: right;
    height: 60px;
    padding-right: 30px;
}

#cross5{
    background: #eaeaea;
    padding-top: 500px;
    padding-bottom: 100px;

}

/* FIM  CSS PAGINA CAÇA AOS ZEROS */

/* CSS PAGINA CANETA DA LIBERDADE */

#caneta {
    background-color: #fff;
    padding-bottom: 120px;
}

#caneta .bgcaneta{
    background-image: url(imgs/bg_caneta.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-position: 100% 100%; 
    position: relative;
    height: 100vh!important;
}

#caneta .video{
    background: #fff;
}

#caneta .texto h1{
    font-weight: bold;
    text-transform: uppercase;
    font-family: "aveniheavy", Sans-serif;
    line-height: 105px;
}

#caneta .titlehome{
    top: 45%;
}

#caneta .video{
    background: #efefef;
}

.imgcaneta{
    margin-bottom: -142px;
    padding-top: 50px;
}

#caneta .texto{
    padding-left: 40px!important;
    padding-top: 50px;
}

#caneta .um{
    color: #335ca3;
    font-size: 109px;
    letter-spacing: -2px;
}

#caneta .dois{
    font-size: 198px;
    margin: 30px 0 0 -12px;
    color: #55abb3;
}

#caneta .descricao {
    padding-right: 35px;
    padding-top: 30px;
}

#cross6{
    background: #eaeaea;
    padding-top: 100px;
    padding-bottom: 100px;
}

#cross6 .sign{
    color: #55abb3;
}

#cross6 .descricao{
    margin-top: 50px;
}

/* FIM  CSS PAGINA CANETA DA LIBERDADE */

/* CSS PAGINA DESAFIO SEBRAE */

#desafio {
    background-color: #fff;
    /* padding-bottom: 120px; */
}

#desafio #seta{
    bottom: -600px!important;
    z-index: 1;
}

#desafio .bgdesafio{
    background-image: url(imgs/bg_desafio.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-position: 100% 100%; 
    position: relative;
    height: 100vh!important;
}

#desafio .video{
    background: #fff;
}

#desafio .texto h1{
    font-weight: bold;
    text-transform: uppercase;
    font-family: "aveniheavy", Sans-serif;
    line-height: 105px;
}

#desafio .titlehome{
    top: 45%;
}

#desafio .video{
    background: #efefef;
}

#desafio .texto{
    margin-top: 125px;
}

#desafio .descriaco{
    padding-right: 30px;
}

#desafio .um{
    font-size: 130px;
    color: #fed062;
}

#desafio .dois{
    color: #81859e;
    margin-top: -20px;
    font-size: 130px;
}

.lista-desafio{
    padding-left: 55px;
}

.div-left{
    position: relative;
    display: block;
    margin-left: 138px;
    width: 100%;
}

#cross7{
    background: #f6f6f6;
    padding-top: 100px;
    padding-bottom: 575px;
}

#cross7 .box-screen{
    height: 100vh;
    width: 66%;
    margin: 0 auto;
    overflow: hidden;
    margin-top: 106px;
    /* padding: 0 39px; */
    background-image: url(imgs/face-desafio.jpg);
    background-size: cover;
}

#cross7 .sign{
    color: #55abb3;
}

#cross7 .descricao{
    margin-top: 50px;
}

#cross7 #telas-iphone{
    position: relative;
    display: inline-flex;
    margin-top: -75px;
}

#cross7 .box{
    width: 100%;
    height: 550px;
}

#cross7 .box-screen{
    margin-top: -25px;
}

#cross7 .screens{
    width: 66%;
    margin-top: 65px;
}

#cross7 .sign, #cross8 .sign{
    color: #81859f;
    margin-top: 75px;
}

.viagenscursos{
    margin-top: 70px!important;
}

#cross8{
    background: #ececec;
    padding-top: 100px;
}

#cross8 .estatisticas{
    margin-top: -500px;
}

#cross8 .dados{
    margin-top: 120px;
    padding-left: 50px;
}

.dados h3{
    font-weight: bold;
    text-transform: uppercase;
    font-family: aveniheavy;
    letter-spacing: 1px;
}

.dados p{
    font-size: 17px;
    margin-top: -18px;
}

.dadostop{
    margin-top: 38px;
}

.bonus{
    margin-top: 145px;
}

.highlights{
    margin-top: 40px;
    padding-bottom: 75px;
}

.highlights p{
    margin-top: 60px;
    padding-left: 30px;
}
/* FIM  CSS PAGINA DESAFIO SEBRAE */

/* CSS PAGINA SPACE ADSERVER */

#space {
    background-color: #eaeaea
}

#space .bgspace{
    background-image: url(imgs/bg_space.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-position: 100% -200px;
    position: relative;
    height: 1600px;
}

#space .texto h1{
    font-weight: bold;
    text-transform: uppercase;
    font-family: "aveniheavy", Sans-serif;
    line-height: 105px;
}

#space .titlehome{
    top: 25%;
}

#space #seta {
    position: relative;
    display: block;
    width: 100%;
    height: 300px;
    background-image: url(imgs/seta.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    top: 500px;
}

.astronauta{
    position: relative;
    top: -750px;
}

.gravidade{
    position: relative;
    display: block;
    animation: gravidade0 10s ease infinite alternate;
}

#space .video{
    background: #ffffff;
    height: 630px;
}

#space .um{
    color: #404040;
    font-size: 90px;
}

#space .dois{
    color:#63aaed;
    font-size: 220px;
    margin-top: 40px;
    letter-spacing: -6px;
}

#space .descricao{
    font-size: 17px;
    line-height: 25px;
    margin-top: 75px;
    word-spacing: 1px;
}

#space .box{
    width: 100%;
    height: 550px;
    margin-bottom: -180px;
}

#space .box-screen{
    height: 100vh;
    overflow: hidden;
    margin-top: 40px;
}

#space .screens{
    position: relative!important;
    display: block;
    margin: 0 auto;
    width: 739px;
    z-index: 0;
    margin-top: -6px;
}

#space .carousel-inner {
    position: relative;
    margin: 0 auto;
    width: 737px;
    overflow: hidden;
    height: 550px;
}

#cross9{
    background: #eaeaea;
    padding-top: 250px;
    padding-bottom: 100px;
}

#cross9 img{
    margin-top: 75px;
    width: 70%;
}

#cross9 .descricao{
    margin-top: 75px;
}

.tecs{
    margin-left: 50px;
    margin-top: -12px;
    text-align: justify;
    color: #404040;
    font-size: 17px;
    line-height: 25px;
}

@keyframes gravidade0 {
    0% {left: -20px; top: -10px;}
    100% {left: 20px; top: 10px;}
}

/* FIM CSS PAGINA SPACE ADSERVER */

/* INICIO CSS PAGINA SONS DA CONQUISTA */

#sons {
    background-color: #eaeaea
}

#sons .bgsons{
    background-image: url(imgs/bg_sons.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-position: 100% -550px;
    position: relative;
    height: 1600px;
}

#sons .box-screen {
    height: 100vh;
    width: 67%;
    margin: 0 auto;
    overflow: hidden;
    margin-top: 106px;
    /* padding: 0 39px; */
    background-image: url(imgs/sons-tela.jpg);
    background-size: cover;
}

#sons .texto h1{
    font-weight: bold;
    text-transform: uppercase;
    font-family: "aveniheavy", Sans-serif;
    line-height: 105px;
}

#sons .titlehome{
    top: 25%;
}

#sons #seta {
    position: relative;
    display: block;
    width: 100%;
    height: 300px;
    background-image: url(imgs/seta.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    top: -525px;
    z-index: 1;
}

#sons .video{
    background: #efefef;
    /* height: 930px; */
    height: 200px;
}

#sons .um{
    color: #4e3623;
    font-size: 80px;
    margin-top: 75px;
}

#sons .dois{
    color: #f2bc80;
    font-size: 290px;
    margin-top: 75px;
    letter-spacing: -6px;
    margin-left: -18px;
}

#sons .descricao{
    font-size: 17px;
    line-height: 25px;
    margin-top: 75px;
    word-spacing: 1px;
}

#sons .box{
    width: 100%;
    height: 550px;
    margin-bottom: -180px;
}

#sons .box-screen{
    height: 100vh;
    overflow: hidden;
    margin-top: 40px;
}

#sons .screens{
    position: relative!important;
    display: block;
    margin: 0 auto;
    width: 739px;
    z-index: 0;
    margin-top: -6px;
}


#sons .carousel-inner {
    position: relative;
    margin: 0 auto;
    width: 737px;
    overflow: hidden;
    height: 550px;
}

#sons .mobiliario {
    background: #fff;
    padding-bottom: 750px;
}

.olimpic-zanetti{
    position: relative;
    display: block;
    margin: 0 auto 0 auto;
    /* bottom: -600px!important; */
    top: -550px;
}

#sons .lion{
    margin-top: 25%;
}

#cross10{
    background: #eaeaea;
    padding-bottom: 100px;
    padding-top: 100px;
}

#cross10 .container {
    position: relative;
    margin-top: -450px;
    z-index: 1;
}

#cross10 .row{
    margin-top: 75px;
}

#cross10 .descricao{
    margin-top: 75px;
}

.letter{
    position: relative;
    padding-left: 150px;
}

.lettering{
    position: relative;
    transform: scale(1.3);
    margin-top: 160px;
    left: -100px;
}
.atleta{
    animation: atleta 12s infinite alternate;
}
@keyframes atleta {
    0% {transform: scale(0.7);}
    100% {transform: scale(0.9);}
}
/* FIM CSS PAGINA SONS DA CONQUISTA */

/* INICIO CSS PAGINA QUEM TA CERTO? */
#quem {
    background-color: #fff;
    padding-bottom: 120px;
}

#quem #seta{
    position: relative;
    display: block;
    width: 100%;
    height: 300px;
    background-image: url(imgs/seta.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    bottom: -500px;
}

#quem .bgquem{
    background-image: url(imgs/bg_quem.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-position: 100% 0; 
    position: relative;
    height: 100vh!important;
}

#quem .video{
    background: #fff;
}

#quem .texto h1{
    font-weight: bold;
    text-transform: uppercase;
    font-family: "aveniheavy", Sans-serif;
    line-height: 105px;
}

#quem .titlehome{
    top: 45%;
}

#quem .video{
    background: #efefef;
}

.imgquem{
    margin-bottom: -142px;
    padding-top: 50px;
}

#quem .texto{
    padding-left: 40px!important;
    padding-top: 50px;
}

#quem .um{
    color: #ff6000;
    font-size: 313px;
    letter-spacing: -2px;
    margin-left: -20px;
    margin-top: 180px;
}

#quem .dois{
    font-size: 166px;
    margin: 80px 0 0 -12px;
    color: #ff6000;
}

#quem .tres{
    font-size: 177px;
    margin: 40px 0 0 -12px;
    color: #56369d;
}

#quem .descricao {
    padding-right: 35px;
    padding-top: 30px;
    margin-top: 80px;
}

#quem .sign{
    margin-top: 75px;
    color: #56369d;
}

#quem .sub-titulo{
    margin-bottom: 40px;
}

#cross11{
    background: #eaeaea;
    padding-top: 200px;
    padding-bottom: 200px;
}

#quem .foto-perfil{
    margin-bottom: -425px;
}

.mgtop{
    margin-top: 150px;
}
/* FIM CSS PAGINA QUEM TA CERTO? */

/* INICIO CSS PAGINA ANUNCIOS DIGITAIS */

#anuncio {
    background-color: #eaeaea
}

#anuncio .bganuncio{
    background-image: url(imgs/bg_anuncios.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-position: 100% -200px;
    position: relative;
    height: 1800px;
}

#anuncio .texto h1{
    font-weight: bold;
    text-transform: uppercase;
    font-family: "aveniheavy", Sans-serif;
    line-height: 105px;
}

#anuncio .titlehome{
    top: 15%;
}

#anuncio #seta {
    position: relative;
    display: block;
    width: 100%;
    height: 300px;
    background-image: url(imgs/seta.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    bottom: -350px;
}

#anuncio .um{
    color: #ffd900;
    font-size: 150px;
    letter-spacing: -2px;
    margin-left: -20px;
    margin-top: -140px;
}

#anuncio .dois{
    font-size: 80px;
    margin: -20px 0 0 -12px;
    color: #ffd900;
}

.azulbb{
    color:#15e1ff;
}

#anuncio .sign {
    margin-top: 75px;
}

.ipads{
    width: 95%;
    margin: 50px 0 30px 0;
}

.ctanuncios{
    height: 950px;
    background: #efefef;
    margin: 0;
    margin-top: -500px;
}

#cross12{
    background: #e4e4e4;
    padding-bottom: 100px;
    margin-top: -450px;
}
/* FIM CSS PAGINA ANUNCIOS DIGITAIS */

/* INICIO CSS PAGINA LAB 2 */

#lab {
    padding-bottom: 80px
}

#lab .bglab{
    background-image: url(imgs/bg_lab.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-position: 100% -200px;
    position: relative;
    height: 1200px;
}

#lab .texto h1{
    font-weight: bold;
    text-transform: uppercase;
    font-family: "aveniheavy", Sans-serif;
    line-height: 105px;
}

#lab .titlehome{
    top: 30%;
}

#lab #seta {
    position: relative;
    display: block;
    width: 100%;
    height: 300px;
    background-image: url(imgs/seta.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    bottom: -400px;
}

#lab .um{
    color: #ff1212;
    font-size: 130px;
    letter-spacing: -2px;
    margin-left: -20px;
    margin-top: 68px;
}

#lab .dois{
    font-size: 235px;
    position: relative;
    margin: 65px 0 0 -15px;
    color: #cde52e;
    z-index: 1!important;
}

#lab .tres{
    font-size: 235px;
    margin: 95px 0 0 -15px;
    color: #cde52e;
}

#lab .taz{
    position: relative;
    width: 100%;
    /* transform: scale(1.2); */
    width: 770px;
    /* max-width: 640px; */
    right: 90px;
    margin-top: 150px;
}

#lab .descricao {
    margin-top: 60px;
}

.taztxt{
    margin:0;
    padding: 0
}

.labct{
    padding: 0
}

.labc{
    background-color: #fff!important;
}

.labimbcam{
    width: 515px!important;
}

.mg0{
    margin-top: -125px;
    padding-bottom: 400px
}

#lab-imgs{
    background: #f3f3f3;
    padding-bottom: 120px;
}

.labimgs{
    margin-top: -350px;
}

.labimgs2{
    margin-top: 20px;
}

/* FIM CSS PAGINA LAB 2 */

/* INICIO CSS PAGINA SEXO OPOSTO */

#sexo {
    background-color: #fff;
}

#sexo .bgsexo{
    background-image: url(imgs/bg_oposto.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-position: 100% 0%; 
    position: relative;
    height: 100vh!important;
}

#sexo .texto h1{
    font-weight: bold;
    text-transform: uppercase;
    font-family: "aveniheavy", Sans-serif;
    line-height: 105px;
}

#sexo .titlehome{
    top: 44%;
}

#sexo #seta {
    position: relative;
    bottom: -640px;
    z-index: 2;
}

#sexo .video{
    padding: 300px 0;
    position:relative;
    margin-bottom: 120px;
    background: #eaeaea;
}

#sexo .imacsexo{
    margin-top: -575px
}

#sexo .um{
    color: #2fd9fd;
    font-size: 100px;
    letter-spacing: -2px;
    margin-left: -20px;
    margin-top: 68px;
}

#sexo .dois{
    font-size: 235px;
    position: relative;
    margin: 55px 0 0 -15px;
    color: #fc63b7;
    z-index: 1!important;
}

#sexo .tres{
    font-size: 100px;
    margin: 30px 0 0 -15px;
    color: #2fd9fd;
}

#sexo .iphonesex{
    position: relative;
    margin-top: 100px;
}

#cross13{
    background: #eaeaea;
    padding-top: 75px;
    padding-bottom: 75px;
}

/* FIM CSS PAGINA SEXO OPOSTO */

/* INICIO CSS PAGINA PROJETOS */
#projetos {
    background-color: #fff;
}

#projetos .bgprojetos{
    background-image: url(imgs/bg_projetos.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-position: 100% 0%; 
    position: relative;
    height: 100vh!important;
}

#projetos .titlehome{
    top: 44%;
}

#projetos #seta {
    position: relative;
    bottom: -640px;
    z-index: 2;
}

#projetos .esq{
    border: 20px solid #fff;
}

#projetos .p-camisinha{
    background-image: url(imgs/projetos/bg_camisinha.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
    border: 20px solid #fff;
    height: 488px;
    overflow: hidden;
    background-size: 120%;
}

#projetos .p-zegotinha{
    background-image: url(imgs/projetos/bg_gotinha.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
    border: 20px solid #fff;
    height: 488px;
    overflow: hidden;
    background-size: 120%;
}

#projetos .p-transito{
    background-image: url(imgs/projetos/bg_transito.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
    border: 20px solid #fff;
    height: 488px;
    overflow: hidden;
    background-size: 120%;
}

.maot{
    margin-top: 30px;
    transform: scale(1.3);
    transition: .5s;
}

#projetos .p-caca{
    background-image: url(imgs/projetos/bg_caca.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
    border: 20px solid #fff;
    height: 488px;
    overflow: hidden;
    background-size: 120%;
}

#projetos .p-caneta{
    background-image: url(imgs/projetos/bg_caneta.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
    border: 20px solid #fff;
    height: 1006px;
    overflow: hidden;
    background-size: 108%;
}

#projetos .p-sebrae{
    background-image: url(imgs/projetos/bg_sebrae.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
    border: 20px solid #fff;
    height: 488px;
    overflow: hidden;
    background-size: 108%;
}

.p-camisinha img, .p-zegotinha img{
    width: 80%;
    margin-top: 20px; 
    transition: .5s;
}

.pbg:hover img{
    transform: scale(1.1);
    transition: .5s;
}

.pbg:hover .maot{transform: scale(1.4); transition: .5s;}

.pbg p{
    position: absolute;
    top: 42%;
    left: 0;
    text-align: center;
    width: 100%;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 60px;
    line-height: 55px;
    font-family: aveniheavy;
    color: #fff;
}

.shadow{
    text-shadow: 1px 1px 100px #00000026;
}

.semmp{
    margin: 0;
    padding: 0;
}

.margint{
    margin-top: 30px;
}
/* FIM CSS PAGINA PROJETOS */

/* INICIO CSS PAGINA SOBRE */
#sobre {
    background-color: #fff;
}

#sobre .bgsobre{
    background-image: url(imgs/bg_projetos.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-position: 100% 0%; 
    position: relative;
    height: 100vh!important;
}

#sobre #seta {
    position: relative;
    bottom: -340px;
    left: 10px;
    z-index: 2;
}

.fullfull{
    height: 100vh;
}

.img2{
    position: relative;
    height: 100vh;
    padding-top: 200px;
    right: 80px;
}

#sobre-content .texto h1, #novos-negocios .texto h1{
    font-weight: bold;
    text-transform: uppercase;
    font-family: "aveniheavy", Sans-serif;
    line-height: 105px;
}

#sobre-content .um{
    color: #eb2040;
    font-size: 130px;
    letter-spacing: -2px;
    margin-left: -20px;
    margin-top: 30px;
}

#sobre-content .dois{
    font-size: 305px;
    position: relative;
    margin: 95px 0 0 -15px;
    color: #eb2040;
    z-index: 1!important;
}
#sobre-content .doisc {
    position: relative;
    margin: 0 0 0 -15px;
    color: #eb2040;
    z-index: 1!important;
    font-size: 135px!important;
}

#sobre-content .tres{
    color: #eb2040;
    font-size: 110px;
    letter-spacing: -2px;
    margin-left: -20px;
    margin-top: 0;
}

#sobre-content .quatro{
    font-size: 325px;
    position: relative;
    margin: 95px 0 100px -15px;
    color: #4e4ea1;
    z-index: 1!important;
}

#sobre-content .azul{
    color: #4e4ea1;
}

.machines{
    margin-top: 130px;
}

.totem{
    position: relative;
    margin-left: 130px;
    /* width: 85%; */
}

.mobi{
    width: 65%;
    position: relative;
    margin-top: 50px;
    z-index: 1;
}

.s-vending{
    position: relative;
    right: 130px;
    top: -35px;
    width: 85%;
}

#sobre-content .sign{
    color: #eb2040;
}

#sobre-content .descricao{
    margin-top: 60px;
}

#novos-negocios{
    background: #eaeaea;
    margin-top: 75px;
    padding-bottom: 100px;
}

#novos-negocios .um{
    color: #eb2040;
    font-size: 110px;
    letter-spacing: -2px;
    margin-left: 67px;
    /* margin-top: 30px; */
}

#novos-negocios .dois{
    font-size: 180px;
    position: relative;
    margin: 30px 0 20px -15px;
    color: #eb2040;
    z-index: 1!important;
}

#novos-negocios .tres{
    color: #a1a1a1;
    font-size: 110px;
    letter-spacing: -2px;
    margin-right: 74px;
}

#novos-negocios .quatro{
    color: #404040;
    font-size: 40px;
    margin-left: -5px;
    letter-spacing: 0;
}

#novos-negocios .descricao{
    margin-top: 65px
}

#novos-negocios .texto{
    margin-top: 100px;
}

#novos-negocios .texto2{
    margin-top: 30px;
}

.paddingleft{
    padding: 0!important;
    padding-right: 7px!important;
    filter: grayscale(100%);
    transition: .5s;
}

.paddingleft:hover{
    filter: grayscale(0%);
    transition: .5s;
}

.jotaerre{
    color: #ffffff;
    font-size: 133px;
    letter-spacing: 4px;
    /* margin-right: 74px; */
}

.tec{
    color: #ffffff;
    font-size: 70px;
    margin-left: -5px;
    letter-spacing: 0;
    margin-top: -15px
}

.imgsjr{
    padding-right: 0px;
    padding-left: 0px;
}

.jr{
    position: absolute;
    top: 35%;
    left: 0;
    text-align: center;
    width: 100%;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 60px;
    line-height: 55px;
    font-family: aveniheavy;
    color: #fff;
}

#novos-negocios .email{
    font-family: avenir;
    font-size: 25px;
    text-transform: lowercase;
    margin-top: 70px;
}

.espacoimgs .col-md-2{
    padding-right: 5px;
    padding-left: 5px;
    padding-top: 10px
}

#oque-fazemos{
    padding: 100px 0;
    background: #f7f7f7;
}

#oque-fazemos .sign{
    color: #eb2040;
}

.servicos{
    padding: 50px 0;
}

.linha{
    float: left;
    height: 87%;
}

.servicosp{
    padding-left: 45px;
    font-size: 21px;
}

.clientes .col-md-3{
    padding-right: 7px;
    padding-left: 7px;
    padding-top: 14px;
}

.jr{
    pointer-events:none!important;
}
/* FIM CSS PAGINA SOBRE */

.mapa{
    margin-top: 50px;
    border: 20px solid #f9f9f9;
    padding: 0;
    margin-bottom: 50px;
}

.mapa iframe{
    width: 100%;
    height: 400px;
    margin-bottom: -10px;
}

.email-contato a{
    width: 300px;;
    display: block;
    margin: 50px auto 0 auto;
    font-size: 30px;
}

/* INICIO CSS PAGINA VAGAS */
#vagas {
    background-color: #fff;
}

#vagas .bgvagas{
    background-image: url(imgs/bg_vagas.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-position: 100% 0%; 
    position: relative;
    height: 100vh!important;
}

#vagas .video{
    background: #fff;
}

#vagas .texto h1{
    font-weight: bold;
    text-transform: uppercase;
    font-family: "aveniheavy", Sans-serif;
    line-height: 105px;
}

#vagas .titlehome{
    top: 48%;
}

#vagas #seta {
    position: relative;
    bottom: -640px;
    z-index: 2;
}

#vagas .video{
    padding: 100px 0 0 0;
    position:relative;
    margin-bottom: 120px;
    background: #f7f7f7;
    z-index: 0;
}

#vagas-desk .row{
    margin-left: 0;
    margin-right: 0
}

#vagas-desk .sign{
    color: #ff118c;
}

#vagas-desk .descricao{
    margin-top: 50px;
    padding: 0!important;
}

#vagas-desk .fotos{
    padding: 25px 0 0 0;
}

.eazul{
    color: #1b5ee5;
}

#vagas-desk .sign2{
    margin-top: 75px;
}

.vagasp{
    margin-top: 50px;
    font-size: 17px;
    padding-bottom: 60px;
}

.vagasp2{
    margin-top: 40px;
    font-size: 17px;
}

#cross14{
    background: #f7f7f7;
    padding-top: 35px;
    padding-bottom: 75px;
}

#cross14 .titulo{
    color: #404040;
    font-size: 20px;
    margin-left: -5px;
    letter-spacing: 0;
    font-weight: bold;
    font-family: "aveniheavy", Sans-serif;
}

.bt-enviar{
    transition: .3s;
}

.bt-enviar:hover{
    margin-left: 5px;
    transition: .3s;
}
/* FIM CSS PAGINA VAGAS */

.nodisplay{
    display: none;
}

footer{
    background: #4d4ba1;
    padding: 0 60px;
    color: #fff;
}

footer .container{
    padding: 0;
    height: 130px;
}

footer p{
    margin-left: 80px;
    padding-top: 55px
}
.wecanm{
    position: relative;
    z-index: 1;
}

/* CSS MOBILE ATE 767PX */

@media (max-width: 767px) {
    #cross10 .container {
        position: relative;
        margin-top: -600px;
        z-index: 1;
    }
    #sons .box-screen {
        width: 180px;
    }
    html { overflow-x: hidden;
        white-space: nowrap;}
    body {overflow-x: hidden;
        white-space: nowrap;}
    .overlay .closebtn {
        top: 7px;
        right: 7px;
    }
    .overlay-content {
        top: 36%;
    }
    .overlay a {
        line-height: 45px;
        font-size: 45px;
    }
    #job1 .imagem, #job2 .imagem, #job3 .imagem, #job4 .imagem, #job5 .imagem, #job6 .imagem, #job7 .imagem, #job8 .imagem, #job9 .imagem, #job10 .imagem, #job11 .imagem, #job12 .imagem, #job13 .imagem{
        height: 100%;
    }
    .overlay{
        z-index: 6;
    }
    .icon-menu{
        width: 50px;
    }
    #camisinha .bgcamisinha{
        height: 600px!important;
        background-attachment: unset;
    }
    #seta {
        position: absolute;
        height: 230px;
        bottom: 0;
        transform: translate(-7%,50%);
    }
    .dots{
        right: 7%;
    }
    .dots p{
        margin: 7px 0 0 0;
    }
    .logo{
        right: 12%;
        top: 6%;
    }
    .logo img{
        width: 30px;
    }
    .borda{
        border: 15px solid #fff;
        height: 100vh;
    }
    #job2 .borda{
        border: 15px solid #fff;
    }
    .titlehome {
        top: 20%;
        left: 0;
        font-family: "aveniheavy", Sans-serif;
        font-size: 35px;
        line-height: 35px;
    }
    #job1 img{
        position: absolute;
        display: block;
        margin: 0 auto;
        width: 100%;
        transform: scale(2.7);
        bottom: 0;
        top: 51%;
    }

    #job2 img{
        position: absolute;
        display: block;
        margin: 0 auto;
        width: 100%;
        transform: scale(2.5);
        bottom: 0;
        top: 55%;
        left: -20%;
    }

    #job3 img{
        position: absolute;
        display: block;
        margin: 0 auto;
        width: 100%;
        bottom: 0;
        top: 38%;
        left: 0%;
    }

    #job4 img{
        position: absolute;
        display: block;
        margin: 0 auto;
        width: 100%;
        transform: scale(0.8);
        bottom: 0;
        top: 20%;
        left: 0%;
    }

    #job5 img{
        position: absolute;
        display: block;
        margin: 0 auto;
        width: 100%;
        transform: scale(0.2);
        bottom: 0;
        top: -95%;
        left: 0%;
    }

    #job6 img{
        position: absolute;
        display: block;
        margin: 0 auto;
        width: 100%;
        transform: scale(1);
        bottom: 0;
        top: 35%;
        left: 0%;
    }
    #job7 img{
        position: absolute;
        display: block;
        margin: 0 auto;
        width: 100%;
        transform: scale(1);
        bottom: 0;
        top: 35%;
        left: 0%;
    }

    #job8 img{
        position: absolute;
        display: block;
        margin: 0 auto;
        width: 100%;
        transform: scale(2.5);
        bottom: 0;
        top: 53%;
        left: 35%;
    }

    #job9 img{
        position: absolute;
        display: block;
        margin: 0 auto;
        width: 100%;
        transform: scale(1);
        bottom: 0;
        top: 0%;
        left: 0%;
    }

    #job10 img{
        position: absolute;
        display: block;
        margin: 0 auto;
        width: 100%;
        transform: scale(0.8);
        bottom: 0;
        top: 34%;
        left: 10%;
    }

    #job11 img{
        position: absolute;
        display: block;
        margin: 0 auto;
        width: 100%;
        transform: scale(0.8);
        bottom: 0;
        top: 30%;
        left: -11%;
    }

    #job12 img{
        position: absolute;
        display: block;
        margin: 0 auto;
        width: 100%;
        transform: scale(1);
        bottom: 0;
        top: 0;
        left: 0%;
    }

    .znt{
        display: none!important;
    }

    #job2 .titlehome, #job3 .titlehome, #job4 .titlehome, #job5 .titlehome, #job6 .titlehome, #job7 .titlehome, #job8 .titlehome, #job9 .titlehome, #job10 .titlehome, #job11 .titlehome, #job12 .titlehome, #job13 .titlehome, {
        font-family: "aveniheavy", Sans-serif;
        font-size: 35px;
        line-height: 35px;
    }
    
    #job1{
        background-image: none;
        background: #d31678; 
    }

    #job2{
        background-image: none;
        background: #7dc82c; 
    }

    #job2 .titlehome {
        top: 25%;
        left: 0;
    }
    #job3{
        background-image: none;
        background: #1b54bd;
    }

    #job3 .titlehome {
        top: 20%;
        left: 0;
    }

    #job4{
        background-image: none;
        background: #ff7800;
    }

    #job4 .titlehome {
        top: 20%;
        left: 0;
    }

    #job5{
        background-image: none;
        background: #89775f;
    }

    #job5 .titlehome {
        top: 20%;
        left: 0;
    }

    #job6{
        background-image: none;
        background: #00aeef;
    }

    #job6 .titlehome {
        top: 20%;
        left: 0;
    }

    #job7{
        background-image: none;
        background: #fbdf02;
    }

    #job7 .titlehome {
        top: 20%;
        left: 0
    }

    #job8{
        background-image: none;
        background: #202f57;
    }

    #job8 .titlehome {
        top: 20%;
        left: 0;
    }

    #job9{
        background-image: none;
        background: #436480;
    }

    #job9 .titlehome {
        top: 20%;
        left: 0;
    }

    #job10{
        background-image: none;
        background: #2e155b;
    }

    #job10 .titlehome {
        top: 22%;
        left: 0;
    }

    #job11{
        background-image: none;
        background: #191925;
    }

    #job11 .titlehome {
        top: 22%;
        left: 0;
    }

    #job12{
        background-image: none;
        background: #dedede;
    }

    #job12 .titlehome {
        top: 18%;
        left: 0;
    }
    #camisinha .texto h1 {
        line-height: 40px;
    }
    .texto .um, .texto .tres {
        font-size: 47px;
    }
    .texto .dois {
        font-size: 56px;
    }
    .descricao{
        white-space:normal!important;
    }
    .vending img {
        margin-top: 0;
        width: 140%;
    }
    .video iframe {
        height: auto;
    }
    .sign {
        font-size: 41px;
    }
    .sub-titulo {
        font-size: 15px;
        white-space: normal;
    }
    .box {
        width: 250px;
        height: 100%;
        border-radius: 42px;
    }
    #camisinha .box-screen {
        height: 499px;
        overflow: hidden;
        margin-top: 0;
    }
    .screens{
        margin-top: 0;
    }

    /* OUTROS JOBS MOBILE */

    #vacinar .bgvacinar {
        background-position: 50% 100%;
        height: 600px;
        background-attachment: unset;
    }
    #vacinar .titlehome {
        top: 35%;
    }
    #vacinar #seta {
        height: 230px;
        bottom: 0;
        transform: translate(0%, 180%);
    }
    #vacinar .texto h1 {
        line-height: 52px;
    }
    #vacinar .um {
        font-size: 75px;
        margin: 0;
    }
    #vacinar .dois {
        font-size: 140px;
        margin: 45px 0 0 -6px;
    }
    #vacinar .tres {
        font-size: 106px;
        margin: 48px 0 0 0px;
    }
    #vacinar .quatro {
        margin: 15px 0 0 2px;
        font-size: 48px;
    }
    #vacinar .texto {
        margin-top: 135px;
    }
    #vacinar #box img{
        position: relative;
    }
    #vacinar .vending img {
        margin-top: 50px;
        width: 100%;
    }

    #transito .bgtransito {
        background-position: 50% 100%;
        height: 600px!important;
        background-attachment: unset;
    }
    #transito .titlehome {
        top: 35%;
    }
    #transito #trampolink2{text-shadow: 1px 1px 8px #000000a6;}
    #transito #seta {
        height: 230px;
        bottom: 0;
        transform: translate(0%, 180%);
        position: relative;
    }
    .best {
        width: 70px!important;
    }
    #transito .vending img {
        margin-top: 30px;
        width: 100%;
    }
    #transito .texto {
        margin-top: 40px;
    }
    #transito .texto h1 {
        line-height: 45px;
    }
    #transito .um {
        font-size: 35px;
        margin: 0 0 0 -1px;
    }
    #transito .dois {
        font-size: 67px;
        margin: 0;
    }
    #transito .tres {
        font-size: 22px;
        margin: -10px 0 0 0;
    }
    #transito .box {
        height: 530px;
        margin-bottom: -185px;
    }
    #cross4 {
        padding-top: 250px;
    }

    #transito .foto-perfil {
        padding: 25px 35px;
    }
    /* caca aos zeros */
    #cacazeros .bgcacazeros {
        background-position: 50% 100%;
        height: 600px!important;
        background-attachment: unset;
    }
    #cacazeros #trampolink2{text-shadow: 1px 1px 8px #00000030;}
    #cacazeros .titlehome {
        top: 35%;
    }
    #cacazeros #seta {
        height: 230px;
        bottom: 0;
        transform: translate(0%, 180%);
        position: relative;
        bottom: 110px;
    }
    #cacazeros .video {
        padding: 85px 0;
        position: relative;
        margin-bottom: 0;
    }
    .videoplay object {
        width: 275px;
        height: auto;
        margin-top: 32px;
    }
    #cacazeros .imac img{
        width: 290px;
    }
    #cacazeros .texto h1 {
        line-height: 58px;
    }
    .texto {
        margin-top: 60px;
    }
    #cacazeros .um {
        font-size: 65px;
        margin: 0;
    }
    #cacazeros .dois {
        font-size: 68px;
        margin-top: 0;
    }
    #cacazeros .iphone {
        margin-top: -40px;
    }
    .mini-bounty {
        height: 45px;
        margin-top: 75px;
    }
    #cacazeros .sign {
        font-size: 33px;
    }
    #cacazeros .descricao {
        padding: 0;
        margin-top: 50px;
    }
    #cross5 {
        margin-top: -30px;
    }
    /* css caneta */
    #caneta .bgcaneta {
        background-position: 50% 100%;
        height: 600px!important;
        background-attachment: unset;
    }
    #caneta #trampolink2{text-shadow: 1px 1px 8px #00000030;}
    #caneta .titlehome {
        top: 40%;
    }
    #caneta #seta {
        height: 230px;
        bottom: 0;
        transform: translate(0%, 180%);
        position: relative;
        bottom: 5px;z-index: 1;
    }
    #cross7 .box-screen .screens{
        /* display: none */
        z-index: -1;
    }
    #cross7 .box-screen {
        height: 100vh;
        width: 70%;
        margin: 0 auto;
        overflow: hidden;
        margin-top: 1px;
        /* padding: 0 39px; */
        background-image: url(imgs/face-desafio.jpg);
        background-size: cover;
    }
    #caneta .video {
        padding: 185px 0 85px 0;
        position: relative;
        margin-bottom: 0;
    }
    #caneta .vending img {
        margin-top: 120px;
        margin-left: -20px;
    }
    #caneta .texto h1 {
        line-height: 60px;
    }
    #caneta .um {
        font-size: 55px;
        text-align: center;
    }
    #caneta .dois {
        font-size: 97px;
        margin: 0 0 0 -5px;
        text-align: center;
    }
    #caneta .texto {
        padding-left: 0!important;
        padding-top: 20px;
    }
    #caneta .descricao {
        padding-right: 0;
        padding-top: 20px;
    }
    /* desafio sebrae */
    #desafio .bgdesafio {
        background-position: 50% 100%;
        height: 600px!important;
        background-attachment: unset;
    }
    #desafio #trampolink2{text-shadow: 1px 1px 8px #00000030;}
    #desafio .titlehome {
        top: 40%;
    }
    #desafio #seta {
        height: 230px;
        bottom: 0;
        transform: translate(0%, 180%);
        position: relative;
        bottom: 5px!important;
        z-index: 1;
    }
    #desafio .video {
        padding: 185px 0 85px 0;
        position: relative;
        margin-bottom: 0;
    }
    #desafio .texto h1 {
        line-height: 45px;
    }
    #desafio .um {
        font-size: 56px;
        text-align: center;
    }
    .div-left {
        margin-left: 0;
    }
    #desafio .dois {
        margin-top: 0;
        font-size: 67px;
        text-align: center;
    }
    #desafio .texto {
        margin-top: 83px;
    }
    .lista-desafio {
        padding-left: 0;
    }
    #cross7 {
        padding-bottom: 480px;
    }
    #cross7 .box-screen {
        height: 143px;
        overflow: hidden;
    }
    #cross7 .box {
        height: 200px;
    }
    #cross7 .sign{
        font-size: 32px;
    }
    #cross7 .sign, #cross8 .sign {
        margin-top: 0;
    }
    #cross8 .dados {
        margin-top: 100px;
        padding-left: 15px;
    }
    .dados h3 {
        font-size: 23px;
    }
    .dados p {
        margin-top: -10px;
        white-space: normal;
    }
    .bonus {
        margin-top: 40px;
    }
    .highlights p {
        margin-top: 35px;
        padding-left: 0;
        white-space: normal;
    }
    /* sexo sebrae */
    #sexo .bgsexo {
        background-position: 50% 100%;
        height: 600px!important;
        background-attachment: unset;
    }
    #sexo .titlehome {
        top: 40%;
    }
    #sexo #seta {
        height: 230px;
        bottom: 0;
        transform: translate(0%, 180%);
        position: relative;
        bottom: 5px;z-index: 1;
    }
    #sexo .video {
        padding: 255px 0;
        margin-bottom: 185px;
    }
    #sexo .texto h1 {
        line-height: 50px;
    }
    #sexo .um {
        font-size: 65px;
        margin-left: 0;
        margin-top: 170px;
    }
    #sexo .dois {
        font-size: 70px;
        margin: 0 0 0 -5px;
    }
    #sexo .tres {
        font-size: 76px;
        margin: 14px 0 0 -5px;
    }
    #sexo .iphonesex {
        z-index: 0;
    }
    .wecanm{
        width: 90%;
        margin-top: 70px;
        margin-bottom: 0;
    }
    .iphonesex{
        width: 90%;
        margin-bottom: 100px;
    }
    /* space sebrae */
    #space .bgspace {
        background-position: 50% 100%;
        height: 600px!important;
        background-attachment: unset;
    }
    #space .video {;
        height: 435px;
    }
    #space .titlehome {
        top: 40%;
    }
    #space #seta {
        height: 230px;
        bottom: 0;
        transform: translate(0%, 180%);
        position: relative;
        bottom: 5px;
        z-index: 1;
        top: -147px;
    }
    #space .texto h1 {
        line-height: 25px;
    }
    #space .um {
        font-size: 40px;
    }
    #space .dois {
        font-size: 87px;
    }
    .astronauta {
        top: -150px;
    }
    #space .box {
        height: 250px;
        margin-bottom: 0;
    }
    #space .box-screen {
        position: relative;
        margin: 0 auto;
        height: 135px;
        width: 212px;
        overflow: hidden;
        margin-top: 10px;
    }
    #space .w-100 {
        width: 220px!important;
    }
    #cross9 {
        padding-top: 25px;
    }
    #cross9 .descricao {
        margin-top: 60px;
    }
    /* sons sebrae */
    #sons .bgsons {
        background-position: 50% 100%;
        height: 600px!important;
        background-attachment: unset;
    }
    #sons .video {
        height: 435px;
    }
    #sons .titlehome {
        top: 25%;
    }
    #sons #seta {
        height: 230px;
        bottom: 0;
        transform: translate(0%, 180%);
        position: relative;
        bottom: 5px;
        z-index: 1;
        top: -634px;
    }
    #sons .texto h1 {
        line-height: 25px;
    }
    #sons .olimpic-zanetti img{
        width: 100%;
        top: 400px;
    }
    #sons .video{
        padding: 175px 0 130px 0;
    }
    #sons .um {
        font-size: 41px;
        margin-top: 20px;
        text-align: center!important;
    }
    #sons .mobiliario {
        padding-bottom: 900px;
    }
    #sons .dois {
        font-size: 120px;
        margin-top: 50px;
        letter-spacing: -6px;
        margin-left: 0;
        text-align: center!important;
    }
    #sons .box {
        width: 100%;
        height: 135px;
    }
    #sons .carousel-inner {
        width: 182px;
        margin-top: 5px;
        left: 0;
    }
    #sons .box-screen {
            height: 120px;
            margin-top: 3px;
    }
    #sons .iphone {
        width: 265px;
        left: 20px;
        max-height: 450px;
        position: absolute;
        left: 0;
        right: 0;
        margin: 0 auto;
    }
    .ipm{
        position: relative;
        top: -150px;
    }
    #cross10 .descricao {
        margin-top: -75px;
    }
    .letter {
        padding-left: 0;
        padding: 50px;
    }
    .lettering {
        transform: scale(1);
        margin-top: 80px;
        left: 0;
    }
    /* quem sebrae */
    #quem .bgquem {
        background-position: 50% 100%;
        height: 600px!important;
        background-attachment: unset;
    }
    #quem .video {
        height: 435px;
    }
    #quem .titlehome {
        top: 30%;
    }
    #quem #seta {
        height: 230px;
        bottom: 0;
        transform: translate(0%, 180%);
        position: relative;
        bottom: 5px;
        z-index: 1;
        top: -110px;
    }
    #quem .texto h1 {
        line-height: 25px;
    }
    .mgtop {
        margin-top: 0;
    }
    #quem .texto {
        padding-left: 0px!important;
    }
    #quem .um {
        font-size: 144px;
        text-align: center;
        margin-left: -7px;
        margin-top: 30px;
    }
    #quem .dois {
        font-size: 75px;
        text-align: center;
        margin: 60px 0 0 0px;
    }
    #quem .tres {
        font-size: 80px;
        text-align: center;
        margin: 45px 0 0 0px;
    }
    #quem .vending{
        margin-top: 75px;
    }
    #quem .descricao {
        padding-right: 0;
        padding-top: 0;
        margin-top: 75px;
    }
    #quem .sign {
        margin-top: 30px;
    }
    #quem .sub-titulo {
        margin-bottom: 40px;
    }
    #quem .foto-perfil {
        margin-bottom: -50px;;
    }
    /* anuncio sebrae */
    #anuncio .bganuncio {
        background-position: 50% 100%;
        height: 600px!important;
        background-attachment: unset;
    }
    #anuncio .video {
        height: 435px;
    }
    #anuncio .titlehome {
        top: 30%;
    }
    #anuncio #seta {
        height: 230px;
        bottom: 0;
        transform: translate(0%, 180%);
        position: relative;
        bottom: 5px;
        z-index: 1;
        top: -110px;
    }
    #anuncio .texto h1 {
        line-height: 25px;
    }
    #anuncio .vending {
        padding: 100px 0;
        margin-bottom: 15px;
    }
    #anuncio .um {
        font-size: 48px;
        margin-left: -5px;
        margin-top: -180px;
    }
    #anuncio .dois {
        font-size: 24px;
        margin: -3px 0 0px 0px;
        padding-bottom: 30px;
    }
    #anuncio .sign {
        margin-top: 40px;
    }
    #anuncio .sign {
        font-size: 27px;
    }
    .alignj{
        white-space: normal;
        text-align: justify;
    }
    #cross11 {
        background: #eaeaea;
        padding-top: 0;
        padding-bottom: 0;
    }
    /* lab2 */
    #lab .bglab {
        background-position: 50% 100%;
        height: 600px!important;
        background-attachment: unset;
    }
    #lab .video {
        height: 435px;
    }
    #lab .titlehome {
        top: 30%;
    }
    #lab #seta {
        height: 230px;
        bottom: 0;
        transform: translate(0%, 180%);
        position: relative;
        bottom: 5px;
        z-index: 1;
        top: 0px;
    }
    #lab .texto h1 {
        line-height: 25px;
    }
    #lab .video {
        padding: 170px 0 130px 0;
    }
    #lab .texto, #lab .descricao, #camisinha .textom{
        padding-right: 15px!important;
        padding-left: 15px!important;
    }
    #caneta .textom, #vacinar .textom {
        padding-right: 30px!important;
        padding-left: 30px!important;
        white-space: normal;
        text-align: justify
    }
    .textomp{margin-top: 50px}
    #lab .um {
        font-size: 80px;
        margin-left: -6px;
    }
    #lab .dois {
        font-size: 100px;
        margin: 50px 0 0 -12px;
    }
    #lab .tres {
        font-size: 100px;
        margin: 57px 0 0 -13px;
    }
    #lab .taz {
        width: 100%;
        right: 0;
        margin-top: 85px;
    }
    .labimbcam {
        width: 140%!important;
        position: relative;
        top: 50px;
    }
    #vacinar .labimbcam {
        width: 100%!important;
        margin-top: 0!important;
    }
    #lab-imgs img{
        padding: 0 30px;
    }
    .txtc{
        text-align: center
    }
    /* projetos */
    #projetos .bgprojetos {
        background-position: 50% 100%;
        height: 600px!important;
        background-attachment: unset;
    }
    #projetos .video {
        height: 435px;
    }
    #projetos .titlehome {
        top: 30%;
    }
    #projetos #seta {
        height: 230px;
        bottom: 0;
        transform: translate(0%, 180%);
        position: relative;
        bottom: 5px;
        z-index: 1;
        top: 0px;
    }
    #projetos .texto h1 {
        line-height: 25px;
    }
    #projetos .video {
        height: auto;
    }
    .p-camisinha, .p-zegotinha, .p-transito, .p-caca, .p-caneta, .p-sebrae{
        height: 320px!important;
    }
    #projetos .col-md-12, #projetos .col-md-6{
        padding: 0 30px!important;
    }
    .p-camisinha img, .p-zegotinha img {
        width: 80%;
        margin-top: 60px;
    }
    #projetos .p-sebrae{
        background-size: 250%;
    }
    .maot {
        margin-top: 60px;
        transform: scale(1.7);
        transition: .5s;
    }
    .pbg p {
        font-size: 30px;
        line-height: 30px;
    }

    /* vagas */
    #vagas .bgvagas {
        background-position: 50% 100%;
        height: 600px!important;
        background-attachment: unset;
    }
    #vagas .video {
        height: 274px;
        overflow: hidden;
    }
    #vagas .titlehome {
        top: 30%;
    }
    #vagas #seta {
        height: 230px;
        bottom: 0;
        transform: translate(0%, 180%);
        position: relative;
        bottom: 5px;
        z-index: 1;
        top: 0px;
    }
    #vagas .texto h1 {
        line-height: 25px;
    }
    #vagas-desk .sign2 {
        margin-top: 60px;
    }
    #vagas-desk .sign {
        font-size: 27px;
    }
    .p-vagas{
        white-space: normal;
    }
    .imghard{
        width: 100%;
        padding: 0 15px;
        margin-top: 10px;
    }

    /* sobre */
    #sobre .bgsobre {
        background-position: 50% 100%;
        height: 600px!important;
        background-attachment: unset;
    }
    #sobre .video {
        height: 274px;
        overflow: hidden;
    }
    #sobre .titlehome {
        top: 30%;
    }
    #sobre #seta {
        height: 230px;
        bottom: 0;
        transform: translate(-5%, 180%);
        position: relative;
        bottom: 5px;
        z-index: 1;
        top: -300px;
    }
    #sobre-content .texto h1, #novos-negocios .texto h1 {
        line-height: 25px;
    }
    #sobre .img2 {
        position: relative;
        display: block;
        height: 30vh;
        padding-top: 0px;
        top: 180px;
        right: 0;
        margin: 0 auto;
    }
    #sobre-content .um {
        font-size: 45px;
        margin-left: 0;
        margin-top: 0;
    }
    #sobre-content .texto h1{
        font-weight: bold;
        text-transform: uppercase;
        font-family: "aveniheavy", Sans-serif;
        line-height: 25px;
    }
    #sobre-content .dois {
        font-size: 102px;
        margin: 45px 0 0 0;
    }
    #sobre-content .tres {
        font-size: 42px;
        margin-left: 0;
        margin-top: 50px;
    }
    #sobre-content .quatro {
        font-size: 99px;
        margin: 42px 0 70px 0px;
    }
    #sobre-content .totem {
        margin-left: 0;
        width: 90%;
    }
    #sobre-content .s-vending {
        position: relative;
        right: 0!important;
        left: 42px!important;
        top: 40px;
        width: 75%!important;
    }
    #sobre-content .sign {
        font-size: 35px;
    }
    #novos-negocios .um {
        font-size: 50px;
        margin-left: 0;
        text-align: center!important;
    }
    #novos-negocios .dois {
        font-size: 50px;
        margin: 25px 0 20px 0px;
    }
    #novos-negocios .tres {
        font-size: 40px;
        margin-right: 0;
        text-align: center!important;
    }
    #novos-negocios .quatro {
        font-size: 32px;
        margin-left: 0;
    }
    #novos-negocios .descricao{
        padding: 0 15px;
    }
    #novos-negocios .jotaerre2 {
        font-size: 40px;
        letter-spacing: 2px;
    }
    #novos-negocios .tec2 {
        font-size: 40px;
        margin-left: 0;
        margin-top: 0;
        padding-top: 10px;
    }
    #novos-negocios .email2 {
        font-family: avenir;
        font-size: 22px;
        text-transform: lowercase;
        margin-top: 70px;
    }
    .mobile{
        display: block;
    }
    .nomobile{
        display: none
    }
    #novos-negocios .paddingleft {
        filter: grayscale(0);
    }
    #oque-fazemos .sign {
        font-size: 28px;
    }
    .linha {
        height: 75%;
    }
    .servicosp {
        padding-left: 30px;
        font-size: 17px;
        white-space: normal;
    }

    /* FOOTER MOBILE */
    .proximo {
        margin-top: 100px;
    }
    .proximo p {
        font-size: 18px;
        text-align: center;
    }
    .proximo{width: 38%}
    .proximo img{
        display: none;
    }
    .next-job{width: 60%}
    .next-job p {
        font-size: 20px;
        text-align: center;
    }
    .div100{
        height: 141px;
    }
    .logo-footer {
        width: 100%;
        height: 141px;
        margin-top: 0;
        top: 0;
    }
    .logo-footer img {
        width: 79px;
        position: absolute;
        display: block;
        float: none;
        right: 0;
        top: unset;
        bottom: -31px;
    }
    #img-footer {
        /* height: 200px; */
    }
    .mdtop{
        top: 30%;
        height: 141px;
        margin-top: 68px;
    }
    footer {
        height: 120px;
    }
    footer .container {
        height: 0;
    }
    footer p {
        padding-top: 45px;
        margin: 0;
        white-space: normal;
        font-size: 13px;
        text-align: center;
    }
}

@media (max-width: 320px) {
    #sons .box-screen {
        width: 59%;
    }

    .logo-footer {
        width: 100%;
        height: 141px;
        margin-top: 0;
        top: 0;
    }
    #space .box-screen {
        position: relative;
        margin: 0 auto;
        height: 125px;
        width: 178px;
        overflow: hidden;
        margin-top: 8px;
    }
    #space .w-100 {
        width: 180px!important;
    }
    #sons .box {
        width: 100%;
        height: 135px;
    }
    #sons .carousel-inner {
        width: 153px;
        margin-top: 5px;
    }
    #sons .box-screen {
        height: 100px;
        margin-top: 2px;
    }
    #cross10 .container {
        position: relative;
        margin-top: -600px;
        z-index: 1;
    }
    #sons .iphone {
        width: auto;
        height: 124px;
        left: 0;
    }
    .p-camisinha img, .p-zegotinha img {
        width: 80%;
        margin-top: 100px;
    }
    .maot {
        margin-top: 70px;
        transform: scale(2);
        transition: .5s;
    }
    #projetos .p-camisinha{
        background-size: 140%;
    }    
    #projetos .p-zegotinha{
        background-size: 140%;
    }    
    #projetos .p-transito{
        background-size: 140%;
    }
    #projetos .p-caca{
        background-size: 140%;
    }
    #projetos .p-caneta{
        background-size: 140%;
    }
    #projetos .p-sebrae{
        background-size: 270%;
    }
    #vagas .video {
        height: 250px;
    }
    #sobre .img2 {
        top: 200px;
    }
    .linha {
        height: 97%;
    }
    .servicosp {
        padding-left: 30px;
        font-size: 17px;
        white-space: normal;
    }
}

@media only screen and (max-width:1024px) and (min-width: 768px)  {
    /* FOOTER MOBILE */
    .logo-footer {
        width: 100%;
        height: 0;
        /* margin-top: -20px */
    }
    .logo-footer img {
        width: 122px;
        position: relative;
        float: right;
        top: 80px;
        right: -25px;
    }
    #img-footer {
        /* height: 200px; */
    }
    footer {
        height: 85px;
    }
    footer .container {
        height: 0;
    }
    footer p {
        padding-top: 32px;
        width: 75%;
        font-size: 12px;
    }
    .titlehome, #job2 .titlehome, #job8 .titlehome {
        top: 8%;
        left: 0;
        font-family: "aveniheavy", Sans-serif;
        font-size: 80px;
        line-height: 90px;
    }
    .zntmobile{
        width: 100%;
        margin-top: 0;
    }
    #job9 .titlehome {
        top: -90%;
        left: 0;
        font-family: "aveniheavy", Sans-serif;
        font-size: 80px;
        line-height: 90px;
    }
    #job1 img {
        top: 64%;
    }
    #job2 img {
        top: 62%;
    }
    #job8 img {
        top: 64%;
    }
    html { overflow-x: hidden;
        white-space: nowrap;}
    body {overflow-x: hidden;
        white-space: nowrap;}
    .overlay .closebtn {
        top: 7px;
        right: 7px;
    }
    .overlay-content {
        top: 40%;
    }
    .overlay a {
        line-height: 45px;
        font-size: 45px;
    }
    .overlay{
        z-index: 6;
    }
    .icon-menu{
        width: 50px;
    }
    #camisinha .bgcamisinha{
        height: 600px!important;
        background-attachment: unset;
    }
    #seta {
        position: absolute;
        height: 230px;
        bottom: 0;
        transform: translate(-7%,50%);
    }
    .dots{
        right: 7%;
    }
    .dots p{
        margin: 7px 0 0 0;
    }
    .logo{
        right: 12%;
        top: 6%;
    }
    .logo img{
        width: 30px;
    }
    .borda{
        border: 15px solid #fff;
        height: 100vh;
    }
    #job2 .borda{
        border: 15px solid #fff;
    }
    .titlehome {
        top: 20%;
        left: 0;
        font-family: "aveniheavy", Sans-serif;
        font-size: 80px;
        line-height: 90px;
    }
    #job1 img{
        position: absolute;
        display: block;
        margin: 0 auto;
        width: 100%;
        transform: scale(2.7);
        bottom: 0;
        top: 51%;
    }

    #job2 img{
        position: absolute;
        display: block;
        margin: 0 auto;
        width: 100%;
        transform: scale(2.5);
        bottom: 0;
        top: 55%;
        left: -20%;
    }

    #job3 img{
        position: absolute;
        display: block;
        margin: 0 auto;
        width: 100%;
        bottom: 0;
        top: 38%;
        left: 0%;
    }

    #job4 img{
        position: absolute;
        display: block;
        margin: 0 auto;
        width: 100%;
        transform: scale(0.8);
        bottom: 0;
        top: 20%;
        left: 0%;
    }

    #job5 img{
        position: absolute;
        display: block;
        margin: 0 auto;
        width: 100%;
        transform: scale(0.2);
        bottom: 0;
        top: -170%;
        left: 0%;
    }

    #job6 img{
        position: absolute;
        display: block;
        margin: 0 auto;
        width: 100%;
        transform: scale(1);
        bottom: 0;
        top: 35%;
        left: 0%;
    }
    #job7 img{
        position: absolute;
        display: block;
        margin: 0 auto;
        width: 100%;
        transform: scale(1);
        bottom: 0;
        top: 35%;
        left: 0%;
    }

    #job8 img{
        position: absolute;
        display: block;
        margin: 0 auto;
        width: 100%;
        transform: scale(2.5);
        bottom: 0;
        top: 53%;
        left: 35%;
    }

    #job9 img{
        position: absolute;
        display: block;
        margin: 0 auto;
        width: 100%;
        transform: scale(1);
        bottom: 0;
        top: 0%;
        left: 0%;
    }

    #job10 img{
        position: absolute;
        display: block;
        margin: 0 auto;
        width: 100%;
        transform: scale(0.8);
        bottom: 0;
        top: 34%;
        left: 10%;
    }

    #job11 img{
        position: absolute;
        display: block;
        margin: 0 auto;
        width: 100%;
        transform: scale(0.8);
        bottom: 0;
        top: 30%;
        left: -11%;
    }

    #job12 img{
        position: absolute;
        display: block;
        margin: 0 auto;
        width: 100%;
        transform: scale(1);
        bottom: 0;
        top: 0;
        left: 0%;
    }

    .znt{
        display: none!important;
    }

    #job2 .titlehome, #job3 .titlehome, #job4 .titlehome, #job5 .titlehome, #job6 .titlehome, #job7 .titlehome, #job8 .titlehome, #job9 .titlehome, #job10 .titlehome, #job11 .titlehome, #job12 .titlehome, #job13 .titlehome, {
        font-family: "aveniheavy", Sans-serif;
        font-size: 80px;
        line-height: 90px;
    }
    #job1, #job2, #job3, #job4, #job5, #job6, #job7, #job8, #job9, #job10, #job11, #job12, #job13 {
        height: 100%!important;
    }
    
    #job1{
        background-image: none;
        background: #d31678; 
    }

    #job2{
        background-image: none;
        background: #7dc82c; 
    }

    #job2 .titlehome {
        top: 25%;
        left: 0;
    }
    #job3{
        background-image: none;
        background: #1b54bd;
    }

    #job3 .titlehome {
        top: 20%;
        left: 0;
    }

    #job4{
        background-image: none;
        background: #ff7800;
    }

    #job4 .titlehome {
        top: 20%;
        left: 0;
    }

    #job5{
        background-image: none;
        background: #89775f;
    }

    #job5 .titlehome {
        top: 20%;
        left: 0;
    }

    #job6{
        background-image: none;
        background: #00aeef;
    }

    #job6 .titlehome {
        top: 20%;
        left: 0;
    }

    #job7{
        background-image: none;
        background: #fbdf02;
    }

    #job7 .titlehome {
        top: 20%;
        left: 0
    }

    #job8{
        background-image: none;
        background: #202f57;
    }

    #job8 .titlehome {
        top: 20%;
        left: 0;
    }

    #job9{
        background-image: none;
        background: #436480;
    }

    #job9 .titlehome {
        top: 20%;
        left: 0;
    }

    #job10{
        background-image: none;
        background: #2e155b;
    }

    #job10 .titlehome {
        top: 22%;
        left: 0;
    }

    #job11{
        background-image: none;
        background: #191925;
    }

    #job11 .titlehome {
        top: 22%;
        left: 0;
    }

    #job12{
        background-image: none;
        background: #dedede;
    }

    #job12 .titlehome {
        top: 18%;
        left: 0;
    }
    #camisinha .texto h1 {
        line-height: 52px;
    }
    .texto .um, .texto .tres {
        font-size: 55px;
    }
    .texto .dois {
        font-size: 67px;
    }
    .descricao{
        white-space:normal!important;
    }
    .vending img {
        margin-top: 0;
        width: 140%;
    }
    .video iframe {
        height: 300px;
    }
    .sign {
        font-size: 41px;
    }
    .sub-titulo {
        font-size: 15px;
        white-space: normal;
    }
    .box {
        width: 250px;
        height: 100%;
        border-radius: 42px;
    }
    #camisinha .box-screen {
        height: 499px;
        overflow: hidden;
        margin-top: 0;
    }
    .screens{
        margin-top: 0;
    }

    /* OUTROS JOBS MOBILE */

    #vacinar .bgvacinar {
        background-position: 50% 100%;
        height: 600px;
        background-attachment: unset;
    }
    #vacinar .titlehome {
        top: 35%;
    }
    #vacinar #seta {
        height: 230px;
        bottom: 105px;
        transform: translate(0%, 180%);
    }
    #vacinar .texto h1 {
        line-height: 52px;
    }
    #vacinar .um {
        font-size: 75px;
        margin: 0;
    }
    #vacinar .dois {
        font-size: 140px;
        margin: 45px 0 0 -6px;
    }
    #vacinar .tres {
        font-size: 106px;
        margin: 48px 0 0 0px;
    }
    #vacinar .quatro {
        margin: 15px 0 0 2px;
        font-size: 48px;
    }
    #vacinar .texto {
        margin-top: 135px;
    }
    #vacinar #box img{
        position: relative;
    }
    #vacinar .vending img {
        margin-top: 50px;
        width: 100%;
    }

    #transito .bgtransito {
        background-position: 50% 100%;
        height: 600px!important;
        background-attachment: unset;
    }
    #transito .titlehome {
        top: 35%;
    }
    #transito #trampolink2{text-shadow: 1px 1px 8px #000000a6;}
    #transito #seta {
        height: 230px;
        bottom: 105px;
        transform: translate(0%, 180%);
        position: relative;
    }
    .best {
        width: 70px!important;
    }
    #transito .vending img {
        margin-top: 30px;
        width: 100%;
    }
    #transito .texto {
        margin-top: 40px;
    }
    #transito .texto h1 {
        line-height: 45px;
    }
    #transito .um {
        font-size: 35px;
        margin: 0 0 0 -1px;
    }
    #transito .dois {
        font-size: 67px;
        margin: 0;
    }
    #transito .tres {
        font-size: 22px;
        margin: -10px 0 0 0;
    }
    #transito .box {
        height: 530px;
        margin-bottom: -185px;
    }
    #cross4 {
        padding-top: 250px;
    }

    #transito .foto-perfil {
        padding: 25px 35px;
    }
    /* caca aos zeros */
    #cacazeros .bgcacazeros {
        background-position: 50% 100%;
        height: 600px!important;
        background-attachment: unset;
    }
    #cacazeros #trampolink2{text-shadow: 1px 1px 8px #00000030;}
    #cacazeros .titlehome {
        top: 35%;
    }
    #cacazeros #seta {
        height: 230px;
        transform: translate(0%, 180%);
        position: relative;
        bottom: 220px;
    }
    #cacazeros .video {
        padding: 85px 0;
        position: relative;
        margin-bottom: 0;
    }
    .videoplay object {
        max-width: 475px;
        height: 275px;
        margin-top: 30px;
    }
    #cacazeros .imac img{
        width: 500px;
    }
    #cacazeros .texto h1 {
        line-height: 58px;
    }
    .texto {
        margin-top: 60px;
    }
    #cacazeros .um {
        font-size: 65px;
        margin: 0;
    }
    #cacazeros .dois {
        font-size: 68px;
        margin-top: 0;
    }
    #cacazeros .iphone {
        margin-top: -40px;
    }
    .mini-bounty {
        height: 45px;
        margin-top: 75px;
    }
    #cacazeros .sign {
        font-size: 33px;
    }
    #cacazeros .descricao {
        padding: 0;
        margin-top: 50px;
    }
    #cross5 {
        margin-top: -30px;
    }
    /* css caneta */
    #caneta .bgcaneta {
        background-position: 50% 100%;
        height: 600px!important;
        background-attachment: unset;
    }
    #caneta #trampolink2{text-shadow: 1px 1px 8px #00000030;}
    #caneta .titlehome {
        top: 40%;
    }
    #caneta #seta {
        height: 230px;
        transform: translate(0%, 180%);
        position: relative;
        bottom: 105px;
        z-index: 1;
    }
    #caneta .video {
        padding: 185px 0 85px 0;
        position: relative;
        margin-bottom: 0;
    }
    #caneta .vending img {
        margin-top: 120px;
        margin-left: -20px;
    }
    #caneta .texto h1 {
        line-height: 60px;
    }
    #caneta .um {
        font-size: 55px;
        text-align: center;
    }
    #caneta .dois {
        font-size: 97px;
        margin: 0 0 0 -5px;
        text-align: center;
    }
    #caneta .texto {
        padding-left: 0!important;
        padding-top: 20px;
    }
    #caneta .descricao {
        padding-right: 0;
        padding-top: 20px;
    }
    /* desafio sebrae */
    #desafio .bgdesafio {
        background-position: 50% 100%;
        height: 600px!important;
        background-attachment: unset;
    }
    #desafio #trampolink2{text-shadow: 1px 1px 8px #00000030;}
    #desafio .titlehome {
        top: 40%;
    }
    #desafio #seta {
        height: 230px;
        transform: translate(0%, 180%);
        position: relative;
        bottom: 105px;
        z-index: 1;
    }
    #desafio .video {
        padding: 185px 0 85px 0;
        position: relative;
        margin-bottom: 0;
    }
    #desafio .vending img{
        margin-top: 103px;
    }
    #desafio .texto h1 {
        line-height: 45px;
    }
    #desafio .um {
        font-size: 56px;
        text-align: center;
    }
    .div-left {
        margin-left: 0;
    }
    #desafio .dois {
        margin-top: 0;
        font-size: 67px;
        text-align: center;
    }
    #desafio .texto {
        margin-top: 83px;
    }
    .lista-desafio {
        padding-left: 0;
    }
    #cross7 {
        padding-bottom: 480px;
    }
    #cross7 .box-screen {
        overflow: hidden;
        max-height: 265px;
        margin-top: 0px;
    }
    #cross7 .box {
        width: 100%;
        height: 340px;
    }
    #cross7 .iphone{
        width: 85%;
        left: 20px;
        max-height: 450px;
        position: absolute;
        left: 0;
        right: 0;
        margin: 0 auto;
    }
    #cross7 .screens {
        width: 57%;
        margin-top: 65px;
    }
    #cross7 .sign{
        font-size: 32px;
    }
    #cross7 .sign, #cross8 .sign {
        margin-top: 0;
    }
    #cross8 .dados {
        margin-top: 100px;
        padding-left: 15px;
    }
    .dados h3 {
        font-size: 23px;
    }
    .dados p {
        margin-top: -10px;
        white-space: normal;
    }
    .bonus {
        margin-top: 40px;
    }
    .highlights p {
        margin-top: 35px;
        padding-left: 0;
        white-space: normal;
    }
    /* sexo sebrae */
    #sexo .bgsexo {
        background-position: 50% 100%;
        height: 600px!important;
        background-attachment: unset;
    }
    #sexo .titlehome {
        top: 40%;
    }
    #sexo #seta {
        height: 230px;
        transform: translate(0%, 180%);
        position: relative;
        bottom: 105px;
        z-index: 1;
    }
    #sexo .video {
        padding: 255px 0;
        margin-bottom: 185px;
    }
    #sexo .texto h1 {
        line-height: 50px;
    }
    #sexo .um {
        font-size: 65px;
        margin-left: 0;
        margin-top: 170px;
    }
    #sexo .dois {
        font-size: 70px;
        margin: 0 0 0 -5px;
    }
    #sexo .tres {
        font-size: 76px;
        margin: 14px 0 0 -5px;
    }
    #sexo .iphonesex {
        z-index: 0;
    }
    .wecanm{
        width: 185%;
        margin-top: 70px;
        margin-bottom: 0;
    }
    .iphonesex{
        width: 90%;
        margin-bottom: 100px;
    }
    /* space sebrae */
    #space .bgspace {
        background-position: 50% 100%;
        height: 600px!important;
        background-attachment: unset;
    }
    #space .video {;
        height: 435px;
    }
    #space .titlehome {
        top: 40%;
    }
    #space #seta {
        height: 200px;
        bottom: 0;
        transform: translate(0%, 180%);
        position: relative;
        bottom: 5px;
        z-index: 1;
        top: -135px;
    }
    #space .texto h1 {
        line-height: 25px;
    }
    #space .um {
        font-size: 40px;
    }
    #space .dois {
        font-size: 87px;
    }
    .astronauta {
        top: -150px;
    }
    .astronauta img{
        width: 60%;
        margin: 0 auto;
    }
    #space .box {
        height: 340px;
        margin-bottom: 0;
        width: 100%;
    }
    #space .iphone{
        width: 580px;
        left: 20px;
        max-height: 450px;
        position: absolute;
        left: 0;
        right: 0;
        margin: 0 auto;
    }
    #space .box-screen {
        position: relative;
        margin: 0 auto;
        max-height: 450px;
        width: 100%;
        overflow: hidden;
        margin-top: 10px;
    }
    #space .w-100 {
        width: 400px!important;
    }
    #space .carousel-inner {
        width: 400px;
        margin-top: 8px;
        height: 550px;
    }
    #cross9 {
        padding-top: 25px;
    }
    #cross9 .descricao {
        margin-top: 60px;
    }
    /* sons sebrae */
    #sons .bgsons {
        background-position: 50% 100%;
        height: 600px!important;
        background-attachment: unset;
    }
    #sons .video {
        height: 550px;
    }
    #sons .titlehome {
        top: 25%;
    }
    #sons #seta {
        height: 230px;
        transform: translate(0%, 180%);
        position: relative;
        z-index: 1;
        top: -1035px;
    }
    #sons .texto h1 {
        line-height: 25px;
    }
    #sons .olimpic-zanetti img{
        width: 500px;
        top: 130px;
    }
    #sons .video{
        padding: 180px 0 130px 0;
    }
    #sons .um {
        font-size: 41px;
        margin-top: 80px;
        text-align: center!important;
    }
    #sons .mobiliario {
        padding-bottom: 900px;
    }
    #sons .dois {
        font-size: 120px;
        margin-top: 50px;
        letter-spacing: -6px;
        margin-left: 0;
        text-align: center!important;
    }
    #sons .box {
        width: 100%;
        height: 340px;
    }
    #sons .carousel-inner {
        width: 410px;
        margin-top: 10px;
        left: 0;
    }
    #sons .box-screen {
        max-height: 240px;
        margin-top: 0px;
    }
    #sons .box-screen {
        width: 325px
    }
    #sons .iphone {
        width: 490px;
        left: 20px;
        max-height: 365px;
        position: absolute;
        /* bottom: 0px; */
        left: 0;
        right: 0;
        margin: 0 auto;
    }
    .ipm{
        position: relative;
        top: -150px;
    }
    #cross10 .descricao {
        margin-top: -75px;
    }
    .letter {
        padding-left: 0;
        padding: 50px;
    }
    .lettering {
        transform: scale(1);
        margin-top: 80px;
        left: 0;
    }
    /* quem sebrae */
    #quem .bgquem {
        background-position: 50% 100%;
        height: 600px!important;
        background-attachment: unset;
    }
    #quem .video {
        height: 435px;
    }
    #quem .titlehome {
        top: 30%;
    }
    #quem #seta {
        height: 230px;
        transform: translate(0%, 180%);
        position: relative;
        z-index: 1;
        bottom: 220px;
    }
    #quem .texto h1 {
        line-height: 25px;
    }
    .mgtop {
        margin-top: 0;
    }
    #quem .texto {
        padding-left: 0px!important;
    }
    #quem .um {
        font-size: 144px;
        text-align: center;
        margin-left: -7px;
        margin-top: 170px;
    }
    #quem .dois {
        font-size: 75px;
        text-align: center;
        margin: 60px 0 0 0px;
    }
    #quem .tres {
        font-size: 80px;
        text-align: center;
        margin: 45px 0 0 0px;
    }
    #quem .vending{
        margin-top: 75px;
    }
    #quem .descricao {
        padding-right: 0;
        padding-top: 0;
        margin-top: 75px;
    }
    #quem .sign {
        margin-top: 30px;
    }
    #quem .sub-titulo {
        margin-bottom: 25px;
    }
    #quem .foto-perfil {
        margin-bottom: 0;
    }
    /* anuncio sebrae */
    #anuncio .bganuncio {
        background-position: 50% 100%;
        height: 600px!important;
        background-attachment: unset;
    }
    #anuncio .video {
        height: 435px;
    }
    #anuncio .titlehome {
        top: 30%;
    }
    #anuncio #seta {
        height: 230px;
        transform: translate(0%, 180%);
        position: relative;
        z-index: 1;
        bottom: 220px;
    }
    #anuncio .texto h1 {
        line-height: 25px;
    }
    #anuncio .vending {
        padding: 100px 0;
        margin-bottom: 15px;
    }
    #anuncio .um {
        font-size: 48px;
        margin-left: -5px;
        margin-top: -180px;
    }
    #anuncio .dois {
        font-size: 24px;
        margin: -3px 0 0px 0px;
        padding-bottom: 30px;
    }
    #anuncio .sign {
        margin-top: 40px;
    }
    #anuncio .sign {
        font-size: 27px;
    }
    .alignj{
        white-space: normal;
        text-align: justify;
    }
    #cross11 {
        background: #eaeaea;
        padding-top: 0;
        padding-bottom: 0;
    }
    /* lab2 */
    #lab .bglab {
        background-position: 50% 100%;
        height: 600px!important;
        background-attachment: unset;
    }
    #lab .video {
        height: 435px;
    }
    #lab .titlehome {
        top: 30%;
    }
    #lab #seta {
        height: 230px;
        transform: translate(0%, 180%);
        position: relative;
        z-index: 1;
        bottom: 220px;
    }
    #lab .texto h1 {
        line-height: 25px;
    }
    #lab .video {
        padding: 65px 0 130px 0;
    }
    #lab .texto, #lab .descricao, #camisinha .textom{
        padding-right: 15px!important;
        padding-left: 15px!important;
    }
    #caneta .textom, #vacinar .textom {
        padding-right: 30px!important;
        padding-left: 30px!important;
        white-space: normal;
        text-align: justify
    }
    .textomp{margin-top: 50px}
    #lab .um {
        font-size: 80px;
        margin-left: -6px;
    }
    #lab .dois {
        font-size: 100px;
        margin: 50px 0 0 -12px;
    }
    #lab .tres {
        font-size: 100px;
        margin: 57px 0 0 -13px;
    }
    #lab .taz {
        width: 100%;
        right: 0;
        margin-top: 85px;
    }
    .labimbcam {
        width: 140%!important;
        position: relative;
        top: 50px;
    }
    #vacinar .labimbcam {
        width: 100%!important;
        margin-top: 0!important;
    }
    #lab-imgs img{
        padding: 0 30px;
    }
    .txtc{
        text-align: center
    }
    /* projetos */
    #projetos .bgprojetos {
        background-position: 50% 100%;
        height: 600px!important;
        background-attachment: unset;
    }
    #projetos .video {
        height: 435px;
    }
    #projetos .titlehome {
        top: 30%;
    }
    #projetos #seta {
        height: 230px;
        bottom: 0;
        transform: translate(0%, 180%);
        position: relative;
        bottom: 5px;
        z-index: 1;
        top: -110px;
    }
    #projetos .texto h1 {
        line-height: 25px;
    }
    #projetos .video {
        height: auto;
    }
    .p-camisinha, .p-zegotinha, .p-transito, .p-caca, .p-sebrae{
        height: 320px!important;
    }
    .p-caneta{
        height: 100%!important;
    }
    #projetos .col-md-12, #projetos .col-md-6{
        padding: 0 30px!important;
    }
    .p-camisinha img, .p-zegotinha img {
        width: 80%;
        margin-top: 60px;
    }
    #projetos .p-sebrae{
        background-size: 250%;
    }
    .maot {
        margin-top: 60px;
        transform: scale(1.7);
        transition: .5s;
    }
    .pbg p {
        font-size: 30px;
        line-height: 30px;
    }

    /* vagas */
    #vagas .bgvagas {
        background-position: 50% 100%;
        height: 600px!important;
        background-attachment: unset;
    }
    #vagas .video {
        height: 455px;
        overflow: hidden;
    }
    #vagas .titlehome {
        top: 30%;
    }
    #vagas #seta {
        height: 230px;
        bottom: 0;
        transform: translate(0%, 180%);
        position: relative;
        bottom: 5px;
        z-index: 1;
        top: -18px;
    }
    #vagas .texto h1 {
        line-height: 25px;
    }
    #vagas-desk .sign2 {
        margin-top: 60px;
    }
    #vagas-desk .sign {
        font-size: 27px;
    }
    .p-vagas{
        white-space: normal;
    }
    .imghard{
        width: 100%;
        padding: 0 15px;
    }

    /* sobre */
    #sobre .bgsobre {
        background-position: 50% 100%;
        height: 600px!important;
        background-attachment: unset;
    }
    #sobre .video {
        height: 274px;
        overflow: hidden;
    }
    #sobre .titlehome {
        top: 30%;
    }
    #sobre #seta {
        height: 230px;
        bottom: 0;
        transform: translate(-5%, 180%);
        position: relative;
        bottom: 5px;
        z-index: 1;
        top: -195px;
    }
    #sobre-content .texto h1, #novos-negocios .texto h1 {
        line-height: 25px;
    }
    #sobre .img2 {
        position: relative;
        display: block;
        height: 30vh;
        padding-top: 0px;
        top: 180px;
        right: 0;
        margin: 0 auto;
    }
    #sobre-content .um {
        font-size: 45px;
        margin-left: 0;
        margin-top: 0;
    }
    #sobre-content .texto h1{
        font-weight: bold;
        text-transform: uppercase;
        font-family: "aveniheavy", Sans-serif;
        line-height: 25px;
    }
    #sobre-content .dois {
        font-size: 102px;
        margin: 45px 0 0 0;
    }
    #sobre-content .doisc {
        position: relative;
        margin: 95px 0 0 -15px;
        color: #eb2040;
        z-index: 1!important;
        font-size: 70px!important;
    }
    #sobre-content .tres {
        font-size: 42px;
        margin-left: 0;
        margin-top: 50px;
    }
    #sobre-content .quatro {
        font-size: 99px;
        margin: 42px 0 70px 0px;
    }
    #sobre-content .totem {
        margin-left: 0;
        width: 100%;
    }
    .mobi {
        width: 65%;
        position: relative;
        margin-top: 0;
        z-index: 1;
    }
    #sobre-content .s-vending {
        position: relative;
        right: 0!important;
        left: 0!important;
        top: 0;
        width: 75%!important;
    }
    #sobre-content .sign {
        font-size: 35px;
    }
    #novos-negocios .um {
        font-size: 50px;
        margin-left: 0;
        text-align: center!important;
    }
    #novos-negocios .dois {
        font-size: 50px;
        margin: 25px 0 20px 0px;
    }
    #novos-negocios .tres {
        font-size: 40px;
        margin-right: 0;
        text-align: center!important;
    }
    #novos-negocios .quatro {
        font-size: 32px;
        margin-left: 0;
    }
    #novos-negocios .descricao{
        padding: 0 15px;
    }
    #novos-negocios .jotaerre2 {
        font-size: 40px;
        letter-spacing: 2px;
    }
    #novos-negocios .tec2 {
        font-size: 40px;
        margin-left: 0;
        margin-top: 0;
        padding-top: 10px;
    }
    #novos-negocios .email2 {
        font-family: avenir;
        font-size: 22px;
        text-transform: lowercase;
        margin-top: 70px;
    }
    .mobile{
        display: none;
    }
    .nomobile{
        display: block;
    }
    .jotaerre{
        font-size: 100px;
        margin-top: -60px;
        margin-bottom: 60px;
    }
    #novos-negocios .paddingleft {
        filter: grayscale(0);
    }
    #oque-fazemos .sign {
        font-size: 28px;
    }
    .linha {
        height: 75%;
    }
    .servicosp {
        padding-left: 30px;
        font-size: 17px;
        white-space: normal;
    }
}

@media only screen and (max-width: 1365px) and (min-width: 992px)  {
    .zntmobile{
        width: 100%;
        margin-top: -70%;
        display: none;
    }
    #job9{
        overflow: hidden
    }
}

@media (min-width: 1981px) {
    .titlehome {
        top: -60%;
        font-family: "aveniheavy", Sans-serif;
        font-size: 7em;
        line-height: 95px;
    }
    #job2 .titlehome{
        top: -65%;
    }
    
    #job8 .titlehome{
        top: -67%;
    }
    
    #job9 .titlehome{
        top: -55%;
    }
    
    #job3 .titlehome, #job4 .titlehome,#job5 .titlehome, #job6 .titlehome, #job7 .titlehome, #job10 .titlehome,#job11 .titlehome,#job12 .titlehome, #job13 .titlehome{
        top: 45%;
    }
    #job1, #job2, #job3, #job4, #job5, #job6, #job7, #job8, #job9, #job10, #job11, #job12, #job13{
        height: 100vh!important;
    }
    .borda {
        height: 100vh;
    }
}

@media only screen and (max-width: 1439px) and (min-width: 1025px)  {
    .bullet{
        position: relative;
        margin: 0 auto;
        border: 2px solid #fff;
        width: 10px;
        height: 10px;
        border-radius: 50%;
    }

    .dots p{
        margin: 7px 0 0 0;
    }

    #job1, #job2, #job3, #job4, #job5, #job6, #job7, #job8, #job9, #job10, #job11, #job12, #job13{
        height: 100vh!important;
    }

    .borda {
        height: 100vh;
    }

    #job1 img, #job2 img, #job8 img {
        position: absolute;
        bottom: 0;
        left: 0; 
        right: 0; 
        margin-left: auto; 
        margin-right: auto;
        display: block;
        /* margin: 0 auto; */
        width: 80%;
        top: initial;
    }

    #job1 .titlehome{
        top: 40%;
    }

    #job2 .titlehome{
        top: 40%
    }

    #job8 .titlehome{
        top: 40%;
    }

    #job9 .titlehome{
        top: -85%;
    }

    #seta {
        bottom: -420px;
    }

    #vacinar .titlehome {
        top: 18%;
    }

    #cacazeros #seta {
        bottom: -260px;
    }

    #sexo #seta {
        bottom: -420px;
    }

    #space .titlehome {
        top: 22%;
    }
    
    #sons .titlehome {
        top: 22%;
    }

    #quem #seta {
        bottom: -350px;
    }

    #lab .titlehome {
        top: 27%;
    }

    #projetos #seta {
        bottom: -420px;
    }

    #sexo .bgsexo{
        background-size: cover;
        background-position: 100% 0%; 
    }

    #sexo .bgsons{
        background-size: cover;
        background-position: 100% 0; 
    }
    
}

@media only screen and (max-width: 1600px) and (min-width: 1440px)  {
    .bullet{
        position: relative;
        margin: 0 auto;
        border: 2px solid #fff;
        width: 10px;
        height: 10px;
        border-radius: 50%;
    }

    .dots p{
        margin: 7px 0 0 0;
    }

    #job1, #job2, #job3, #job4, #job5, #job6, #job7, #job8, #job9, #job10, #job11, #job12, #job13{
        height: 100vh!important;
    }

    .borda {
        height: 100vh;
    }

    #job1 img, #job2 img, #job8 img {
        position: absolute;
        bottom: 0;
        left: 0; 
        right: 0; 
        margin-left: auto; 
        margin-right: auto;
        display: block;
        /* margin: 0 auto; */
        width: 80%;
        top: initial;
    }

    #job1 .titlehome{
        top: 40%;
    }

    #job2 .titlehome{
        top: 40%;
    }

    #job8 .titlehome{
        top: 40%;
    }

    #job9 .titlehome{
        top: -67%;
    }

    #seta {
        bottom: -420px;
    }

    #vacinar .titlehome {
        top: 18%;
    }

    #cacazeros #seta {
        bottom: -260px;
    }

    #sexo #seta {
        bottom: -420px;
    }

    #space .titlehome {
        top: 22%;
    }
    
    #sons .titlehome {
        top: 22%;
    }

    #quem #seta {
        bottom: -350px;
    }

    #lab .titlehome {
        top: 27%;
    }

    #projetos #seta {
        bottom: -420px;
    }

    #sexo .bgsexo{
        background-size: cover;
        background-position: 100% 0%; 
    }

    #sexo .bgsons{
        background-size: cover;
        background-position: 100% 0; 
    }
    
}

@media only screen and (max-width: 1919px) and (min-width: 1601px)  {
    #job1 img, #job2 img, #job8 img {
        position: absolute;
        bottom: 0;
        left: 0; 
        right: 0; 
        margin-left: auto; 
        margin-right: auto;
        display: block;
        /* margin: 0 auto; */
        width: 80%;
        top: initial;
    }

    #job1 .titlehome{
        top: 40%;
    }

    #job2 .titlehome{
        top: 40%;
    }

    #job8 .titlehome{
        top: 40%;
    }

    #job9 .titlehome{
        top: -265%;
    }
}

@media (width: 1080px) and (height: 1920px ) {
    #job1 img, #job2 img, #job8 img {
        position: relative;
        display: block;
        margin: 0 auto;
        width: 100%;
        top: 68%;
    }
    #job1 .titlehome {
        top: -5%;
    }
    #job2 .titlehome {
        top: -5%;
    }
    #job8 .titlehome {
        top: -5%;
    }
    #job9 .titlehome {
        top: -75%;
    }
    .znt {
        display: none;
    }
    .zntmobile {
        width: 100%;
        margin-top: 0;
    }
    .texto .um, .texto .tres {
        font-size: 100px;
    }
    .texto .dois {
        font-size: 122px;
    }
    #camisinha .vending img{
        width: 94%;
        margin-top: 225px;
    }
    .box {
        height: 1096px;
        border-bottom-left-radius: 100px;
        border-bottom-right-radius: 100px;
    }
    #vacinar .bgvacinar {
        background-position: 47% -200px;
    }
    #vacinar .um {
        font-size: 150px;
    }
    #vacinar .dois {
        font-size: 280px;
        margin: 90px 0 0 -22px;
    }
    #vacinar .tres {
        font-size: 206px;
        margin: 90px 0 0 0px;
    }
    #vacinar .quatro {
        font-size: 94px;
        margin: 22px 0 0 -5px;
    }
    #vacinar .vending img {
        margin-top: 140px;
        width: 78%;
    }
    #seta {
        bottom: 0;
        top: 1000px;
    }
    #transito .um {
        font-size: 110px;
    }
    #transito .dois {
        font-size: 219px;
    }
    #transito .tres {
        font-size: 73px;
    }
    .best {
        left: 80%;
    }
    .mini-bounty {
        width: 90%;
    }
    .videoplay object {
        width: 90%;
    }
    #cross7 .box {
        height: 465px;
    }
    #space .box-screen {
        margin-top: 25px;
    }
    #space .carousel-inner {
        width: 630px;
    }
    #sons .box-screen {
        margin-top: 25px;
    }
    #sons .carousel-inner {
        width: 630px;
    }
}