html {scroll-behavior: smooth;}
body{overflow: hidden;}

/* body */
/* -------------- GERAL --------------*/
*, ::after, ::before {box-sizing: border-box;}
html,body {position: relative;overflow-x: hidden;margin: 0;padding: 0;}
body.overflow-hidden{overflow-y: hidden;}
body * {margin: 0;padding: 0;list-style-type: none;font-family: 'Open Sans', sans-serif;}
main{position:relative;overflow:hidden;z-index: 1;color:#707070}
main > .secao{position: relative;padding: 0px 0 0px 0;}
.container{max-width: 100%;margin-right:auto;margin-left:auto;width: 100%;display: flex;flex-wrap: wrap;align-content: center;justify-content: space-between;height: 100%;padding: 0 15px;}
.d-flex{display: flex}
.flex-wrap{flex-wrap:wrap}
.justify-content-center{justify-content: center;}
.align-items-center{align-items: center;align-content: center;}
.row{display: flex;flex-wrap: wrap;margin-right: -15px;margin-left: -15px;}
@media (min-width:576px){.container{max-width:540px;}}
@media (min-width:768px){.container{max-width:720px;padding: 0;} main > .secao {position: relative;padding: 0px 0 20px 0;}}
@media (min-width:992px){.container{max-width:960px;}}
@media (min-width:1200px){.container{max-width: 1160px;}}
/* fonts  */
h1,h2,h3,h4{position: relative;font-family: din-2014,sans-serif;}
h1{font-size: 30px;font-weight: 100;letter-spacing: 20px;color: #fff;}
h2{font-size: 25px;font-weight: bold;color: #fff;}
h3{font-size: 20px;font-weight: bold;color: #fff;}
h4{font-size: 18px;font-weight: 600;color: #fff;}
p{font-size:16px;font-weight: 400;color: #fff;}

@media (max-width:768px){
 h1{font-size: 20px;letter-spacing: 10px;text-align: center;width: min-content;min-width: 200px;}
 h3{font-size: 18px;}
}
/* end fonts  */

 /* links */
 a{text-decoration: none;}
/* end links */

/* Menu */
.menuPrincipal{position: absolute;width: 100%;display: flex;flex-wrap: wrap;align-items: center;z-index: 99;transition: .3s ease all;top: 0;}
.menuPrincipal.menu-fixo{position: fixed;background: rgb(103 38 225 / 60%);}
.menuPrincipal.menu-fixo:before{content:"";position: absolute;width: 100%;height: 100%;left: 0;top: 0;backdrop-filter: blur(8px);} 
.menuPrincipal .container{flex-wrap: wrap;padding: 0;align-items: center;max-width: 100%;}
.logo-menu{width: 200px;z-index: 3;display: flex;align-items: center;height: 100%;position: relative;margin: 0px 15px;} 
.logo-menu img{width: 100%;}
#btn-menu-mobile{position: relative;z-index: 3;width: 70px;height: 75px;margin-right: 15px;}
.navbarMenu-content-links{position: absolute;width: 100%;left: 0;top: 0;padding: 90px 15px 15px 15px;background: rgb(104 38 225 / 95%);transition: .5s ease all;transform: translateY(-150%);z-index: 1;}
.navbarMenu-content-links.menu-open{transform: translateY(0);}
ul.nav{text-align: center;}
.nav-item{margin-bottom: 15px;}
.nav-item:after{content:'';position: relative;width: 15%;max-width: 70px;height: 1px;bottom: -1px;margin: 0 auto;background: #fff;display: block;}
.nav-link{color: #fff;position: relative;margin-bottom: 8px;display: block;transition: .1s ease all;white-space: nowrap;font-size: 15px;}
.nav-link:hover{text-shadow: 0 0 1px #000000;}
.menu-compartilhe{position: relative;} 
.menu-compartilhe__content{position: relative;height: 40px;display: flex;align-items: center;justify-content: space-between;padding: 0 5px 0 190px;background: #fff;border-radius: 25px;box-shadow: 0 3px 10px rgb(84 0 255 / 25%);overflow: hidden;min-width: 330px;width: 330px;}
.menu-compartilhe__cta{cursor:pointer;height: 40px;align-items: center;display: flex;justify-content: end;width: 170px;position: absolute;left: 0;bottom: 0;background: #fff;color: #9F6DE7;font-weight: 700;transition: .3s ease all;}
.menu-compartilhe__rede{width: 30px;height: 40px;margin: 0 5px;cursor: pointer;background-repeat: no-repeat;background-position: center;display: block;}
.menu-compartilhe__rede span{position: absolute;left: 9px;top: 0;height: 100%;display: flex;align-items: center;justify-content: end;background: #fff;color: #9F6DE7;font-weight: 700;width: 155px;top: 100%;transition: .3s ease all;} 
.menu-compartilhe__rede:hover span{top:0;}
.menu-compartilhe__rede:hover ~ .menu-compartilhe__cta{bottom: 100%}
.menu-compartilhe__content:before{content:'';background:#FFD37B;width: 1px;height: 26px;display: block;position: relative;right: 0px;}
.menu-compartilhe__rede.rede-instagram{background-image: url(../img/icon-instagram.svg);}
.menu-compartilhe__rede.rede-facebook{background-image: url(../img/icon-facebook.svg);}
.menu-compartilhe__rede.rede-whatsapp{background-image: url(../img/icon-whatsapp.svg);}
@media only screen and (min-width: 992px){
 .menuPrincipal{height: 90px;} 
 .menuPrincipal .container{flex-wrap: nowrap;max-width: 1200px;padding: 0 15px;}
 .logo-menu{min-width: 215px;margin: 0;}
 #btn-menu-mobile,
 .menuPrincipal:after,
 .nav-item:after{display: none}
 .navbarMenu-content-links{transform: translateY(0px);position: relative;background: transparent;padding: 0 20px;display: flex;align-items: center;justify-content: end;}
  ul.nav{display: inline-flex;}
 .nav-item{padding: 0 10px;margin: 0;}
 ul.nav li:last-child{border: none}
 .nav-link{margin: 0;} 
}
@media only screen and (min-width: 1200px){
  .menu-compartilhe{margin-left: 0;}
  .logo-menu{min-width: 285px;}
}

@media only screen and (max-width: 991px){
 .menu-compartilhe{margin: 0 auto;width: 100%;display: flex;justify-content: center;align-items: center;position: relative;padding-bottom: 10px;top: 15px;position: absolute;}
}
@media only screen and (max-width: 768px){
 .menu-compartilhe{top:0;position:relative}
}
/* end menu */

/* titulo secoes */
.titulo-secao{position: relative;margin: 40px auto;padding: 10px 25px;border: 1px solid #ffffff4d;border-radius: 25px;display: flex;align-items: center;margin-top: 0;}
.titulo-secao:before,
.titulo-secao:after{content:'';width: 3000px;height: 1px;display: block;position: absolute;z-index: 2;background: #ffffff4d;}
.titulo-secao:before{right: 100%;}
.titulo-secao:after{left: 100%;}
@media only screen and (min-width: 768px){
 .titulo-secao{padding: 15px 50px;}
}
/* end titulo secoes */

/* o senai */
.corpo-secao__list-o-senai{display: flex;flex-wrap: wrap;justify-content: center;}
.item__o-senai{width: 330px;margin: 25px;}
.item-imagem__o-senai{display: flex;align-items: center;justify-content: center;position: relative;}
.item-imagem__o-senai img{width: 100%;object-fit: cover;}
.item-imagem__o-senai .bg-linhas{background-repeat: no-repeat;background-position: center;background-size: contain;position: absolute;width: 30px;height: 100px;left: -15px;}
.item-imagem__o-senai--titulo{position: absolute;width: 200px;height: 100px;display: flex;align-items: center;justify-content: center;font-size: 26px;word-break: break-word;text-align: center;line-height: 26px;}
.item-texto__o-senai{margin: 10px 0;}
.item-texto{text-align: center;color: #fff;line-height: 25px;}
@media only screen and (max-width: 768px){
 .item-imagem__o-senai .bg-linhas{width: 20px;left: -10px;}
 .item__o-senai{margin: 25px 0;padding: 0 30px;}
}
/* end o senai */

/* Nossos numeros */
.corpo-secao__nossos-numeros{width: 964px;margin: 0 auto;}
.corpo-secao__grupo{margin-bottom: 60px;}
.corpo-secao__grupo-titulo{color: #fff;padding-bottom: 30px;border-bottom: 1px solid #ffffff4d;}
.corpo-secao__list-nossos-numeros{display: flex;flex-wrap: wrap;justify-content: space-between;width: 100%;}
.item__nossos-numeros{display: flex;margin: 20px 0;}
.item-imagem__nossos-numeros{min-width: 80px;height: 80px;display: flex;border-radius: 50%;justify-content: center;align-items: center;position: relative;}
.item-imagem__nossos-numeros:before{content:'';display: block;position: absolute;left: 0;top: 0;border: 5px solid #fff;width: 100%;height: 100%;border-radius: 50%;z-index: 2;opacity: 0;}
.item-imagem__nossos-numeros svg{display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 2;}
.item-imagem__nossos-numeros svg circle{fill: none;stroke: #fff;stroke-width: 5px;stroke-dashoffset: 250.9;stroke-dasharray:250.9;}
.item-imagem__nossos-numeros .item-imagem__bg{display: block;width: 100%;height: 100%;background-repeat: no-repeat;background-position: center;background-size: contain;margin: 15px;z-index: 1;border-radius: 50%;}
.item-texto__nossos-numeros{margin: 0 10px;display: block;color: #fff;width: 190px;}
.item-nossos-numeros__flag{display: block;font-style: italic;text-align: left;font-size: 12px;font-weight: 300;margin-top: 5px;}
.item-nossos-numeros__qtde-count{font-size: 47px;font-weight: 700;font-family: din-2014,sans-serif;}
.corpo-secao__grupo2 .item__nossos-numeros{width: 235px;}
.corpo-secao__grupo2 .item-texto__nossos-numeros{display: flex;align-items: center;}
.corpo-secao__grupo2 .item-nossos-numeros__qtde-count{margin-right: 5px;}

@media only screen and (max-width: 768px){
 .item-texto__nossos-numeros{width: auto;}
 .corpo-secao__grupo1 .item-nossos-numeros__qtde-count{font-size: 30px;}
 .corpo-secao__list-nossos-numeros{justify-content: space-around;}
 .corpo-secao__grupo{margin-bottom: 30px}
 .item__nossos-numeros{width: 100%;}
}
/* End nossos numeros */

/* nossos servicos */
.corpo-secao__grupo-servicos .corpo-secao__grupo-titulo{padding: 0;border: 0;margin-bottom: 30px;}
.corpo-secao__grupo-servicos .corpo-secao__grupo-titulo h2{display: block;max-width: 390px;text-align: center;margin: 0 auto;font-weight: 700;line-height: 28px;}
.corpo-secao__list-nossos-servicos{display: flex;flex-wrap: wrap;justify-content: space-between;}
.item__nossos-servicos{width: 570px;height: 280px;background: rgba(255, 255, 255, 0.1);margin: 10px 0;display: block;}
.item__nossos-servicos--link{display: flex;width: 100%;height: 100%;align-items: center;position: relative;}
.item__nossos-servicos--link::before{content:"";position: absolute;left: 0;top: 0;height: 100%;background: #8d59be40;width: 0;z-index: -1;transition: .3s ease all;}
.item__nossos-servicos--link:hover::before{width: 100%;}
.item-imagem__nossos-servicos{display: flex;position: relative;height: 100%;min-width: 236px;width: 236px;justify-content: center;align-items: center;}
.item-imagem__nossos-servicos:before{content:'';width: 50px;height: 50px;background: #fff;position: absolute;right: -15px;transform: rotate(45deg);z-index: -1;}
.item-imagem__nossos-servicos .item-imagem__bg{width: 100%;height: 100%;background-repeat: no-repeat;background-position: center;background-size: cover;background-color: #fff;}
.item-texto__nossos-servicos{padding: 15px 25px 15px 40px;color: #fff;}
.item-nossos-servicos__titulo{font-size: 20px;font-family: din-2014,sans-serif;margin-bottom: 10px;}
.item-nossos-servicos__titulo p{font-size: 20px;}
.item-nossos-servicos__descricao{font-size: 15px;line-height: 20px;}
.corpo-secao__list-nossos-servicos--Grid .coluna1{width: 350px;height: 470px;}
.corpo-secao__list-nossos-servicos--Grid .coluna2{width: 790px;}
.corpo-secao__list-nossos-servicos--Grid .item__nossos-servicos{width: 100%;}
.corpo-secao__list-nossos-servicos--Grid .item__nossos-servicos2,
.corpo-secao__list-nossos-servicos--Grid .item__nossos-servicos3{margin-top: 0;height: 230px;}
.corpo-secao__list-nossos-servicos--Grid .item__nossos-servicos4{height: 220px;}
@media only screen and (max-width: 1200px){
 .item__nossos-servicos{width: 100%;}
 .corpo-secao__list-nossos-servicos--Grid .coluna1{width: 25%;}
 .corpo-secao__list-nossos-servicos--Grid .coluna2{width: 74%;}
 .corpo-secao__list-nossos-servicos--Grid .coluna3{width: 100%}
}

@media only screen and (max-width: 992px){
 .item__nossos-servicos{width: 100%;}
 .corpo-secao__list-nossos-servicos--Grid .coluna1{width: 100%;height: auto;}
 .corpo-secao__list-nossos-servicos--Grid .coluna2{width: 100%;height: auto;}
 .corpo-secao__list-nossos-servicos--Grid .coluna3{width: 100%}
}

@media only screen and (min-width: 992px){
 .corpo-secao__list-nossos-servicos--Grid .item__nossos-servicos1{width: 100%;height: 100%;margin: 0;}
 .corpo-secao__list-nossos-servicos--Grid .item__nossos-servicos1 .item-texto__nossos-servicos{padding: 30px;}
 .corpo-secao__list-nossos-servicos--Grid .item__nossos-servicos1 .item__nossos-servicos--link{flex-wrap: wrap;align-items: start;}
 .corpo-secao__list-nossos-servicos--Grid .item__nossos-servicos1 .item-imagem__nossos-servicos{width: 100%;height: 230px;}
 .corpo-secao__list-nossos-servicos--Grid .item__nossos-servicos1 .item-imagem__nossos-servicos:before{bottom: -15px;right: 150px;}
}
@media only screen and (max-width: 768px){
 .item__nossos-servicos{width: 100%;height: auto !important;margin: 0;margin-bottom: 30px;}
 .item__nossos-servicos .item-texto__nossos-servicos{padding: 30px;}
 .item__nossos-servicos .item__nossos-servicos--link{flex-wrap: wrap;align-items: start;}
 .item__nossos-servicos .item-imagem__nossos-servicos{width: 100%;height: 250px;}
 .item__nossos-servicos .item-imagem__nossos-servicos:before{bottom: -15px;right: auto;}
 .item__nossos-servicos--link::before{content:"";height: 0;width: 100%;}
 .item__nossos-servicos--link:hover::before{height: 100%;}
}
/* end nossos servicos */

/* sua historia */
.corpo-secao__sua-historia{width: 100%;}
.corpo-secao__grupo-sua-historia .corpo-secao__grupo-titulo{padding: 0;border: 0;margin-bottom: 30px;}
.corpo-secao__grupo-sua-historia .corpo-secao__grupo-titulo h2{display: block;text-align: center;margin: 0 auto;font-weight: 700;line-height: 28px;}
.slick-list{border-radius: 0;}
.item__sua-historia{width: 350px;padding: 0 15px;}
.item-imagem__sua-historia{height: 170px;width: 100%;}
.item-imagem__sua-historia .item-imagem__bg{background-repeat: no-repeat;background-position: center;background-size: cover;display: block;width: 100%;height: 100%;}
.item-texto__sua-historia{margin-top: 20px;padding: 0 15px;}
.item-sua-historia__subtitulo{font-size: 15px;font-weight: 300;margin-bottom: 20px;}
.corpo-secao__list-sua-historia{margin-top: 50px;}
.corpo-secao__grupo-sua-historia{
    margin-bottom: 15px;
}
@media only screen and (max-width: 1200px){
 .item__sua-historia{position: relative;}
}
@media only screen and (max-width: 992px){
 .corpo-secao__list-sua-historia{padding: 0 30px;margin-top: 80px;}
}
/* end sua historia */

/* compartilhar sua historia */
.secao-compartilhar-minha-historia{padding-top: 15px !important;}
.container--compartilhar-minha-historia{justify-content: center;}
.corpo-secao__grupo-compartilhar-minha-historia{position: relative;}
.corpo-secao__grupo-compartilhar-minha-historia .corpo-secao__grupo-titulo{padding: 0;border: 0;max-width: 770px;width: 100%;text-align: center;margin-bottom: 50px;}
.corpo-secao__grupo-compartilhar-minha-historia .corpo-secao__grupo-titulo h3{font-size: 30px;font-weight: 700;}
.corpo-secao__grupo-compartilhar-minha-historia .corpo-secao__grupo-titulo p{font-size: 30px;font-weight: 300;line-height: 35px;}
.corpo-secao__list-compartilhar-minha-historia{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-around;}
.corpo-secao__list-compartilhar-minha-historia:before{content:'';display: block;position: absolute;background-image: url(../img/background-compartilhe-sua-historia.svg);background-repeat: no-repeat;background-position: center;background-size: contain;width: 580px;height: 360px;left: -30px;top: 38px;z-index: -1;}
.cta-compartilhar-minha-historia{width: 245px;text-align: right;}
.cta-compartilhar-minha-historia h2{font-size: 30px;font-weight: 800;line-height: 35px;}
.redes-compartilhar-minha-historia{display: flex;flex-wrap: wrap;justify-content: space-between;max-width: 410px;width: 100%;}
.item__compartilhar-minha-historia{width: 100%;height: 50px;border: 1px solid rgb(255 255 255 / 30%);border-radius: 25px;margin-bottom: 15px;overflow: hidden;}
.item__compartilhar-minha-historia1,
.item__compartilhar-minha-historia2{width: 200px;}
.item__compartilhar-minha-historia a{display: flex;align-items: center;justify-content: start;height: 100%;width: 100%;padding: 0 20px;transition: .3s ease all;}
.item__compartilhar-minha-historia a:hover{background: #ffffff1f;}
.compartilhar-minha-historia__icon{display: block;margin-right: 10px;background-repeat: no-repeat;background-position: center;background-size: contain;height: 26px;width: 26px;}
.compartilhar-minha-historia__titulo{font-size: 18px;line-height: 20px;}
@media only screen and (max-width: 768px){
 .container--compartilhar-minha-historia{padding-top: 40px;}
 .corpo-secao__grupo-compartilhar-minha-historia .corpo-secao__grupo-titulo h3{font-size: 20px;}
 .corpo-secao__grupo-compartilhar-minha-historia .corpo-secao__grupo-titulo p{font-size: 18px;line-height: 22px;}
 .corpo-secao__grupo-compartilhar-minha-historia .corpo-secao__grupo-titulo{margin-bottom: 30px;}
 .cta-compartilhar-minha-historia{width: 100%;text-align: center;}
 .cta-compartilhar-minha-historia h2{font-size: 22px;margin-bottom: 15px;}
 .item__compartilhar-minha-historia1, .item__compartilhar-minha-historia2{width: 100%;}
}
/* end compartilhar sua historia */


/* nossas redes */
.corpo-secao__nossas-redes{margin: 0 auto;width: 100%;text-align: center;}
.logo-senai80anos{max-width: 400px;margin: 0 auto 20px auto;display: block;}
.logo-senai80anos img{width: 100%;display: block;}
.corpo-secao__list-nossas-redes{display: flex;justify-content: center;flex-wrap: wrap;flex-direction: column;}
.corpo-secao__list-nossas-redes .acompanhe-nossas-redes{margin-bottom: 20px;}
.list-nossas-redes{display: flex;justify-content: center;align-items: center;}
.content-nossa-rede a{display: flex;justify-content: center;align-items: center;height: 30px;width: 30px;margin: 0 10px;}
/* end nossas redes */


/* slick dots */
.numeroSlides{position: absolute;top: -45px;left: 35%;right: auto;width: 30%;margin: 0 auto;text-align: center;display: flex !important;align-items: center;justify-content: center;}
.numeroSlides li{width: 20px;height: 20px;margin: 0 5px;border-radius: 50%;background: #ffffff40;display: block;font-size: 14px;color: #fff;}
.numeroSlides li.slick-active{color: #000;background: #fff;}
.seta_esquerda.slick-arrow,
.seta_direita.slick-arrow{position: absolute;height: 30px;width: 30px;left: 30px;top: -50px;background-repeat: no-repeat;background-position: center;background-image: url(../img/arrow.svg);border-radius: 50%;}
.seta_esquerda.slick-arrow{transform: rotateY(180deg);}
.seta_direita.slick-arrow{right: 30px;left: auto;}
/* end slick dots */



