body {
color: #4a494b;
font-family: 'Raleway', sans-serif;
}
.desktop{
display: block;
}
.mobile{
display: none;
}
.banner{height: 700px;}
.banner .imagem{
height: 700px;
width: 100%;
position: relative;
}
.banner img {
width: 100%;
height: 700px;
object-fit: cover;
object-position: top;
}
.banner .legenda{
position: absolute;
width: 100%;
top: 200px;
}
.banner .legenda.baixo{
top: 260px;
}
.banner p{
color: #fff;
margin: 40px 0;
width: 30%;
font-size: 20px;
line-height: 26px;
}
.banner .legenda p strong{
}
.banner .imagem:after{
position: absolute;
content: '';
background-color: #0000003b;
right: 0;
left: 0;
top: 0;
bottom: 0;
}
.banner .dentro{
position: relative;
float: left;
}
.banner .texto{
float: left;
width: 50%;
padding-right: 40px;
position: relative;
top: 100px;
}
.banner h2 {
color: #fff;
font-weight: 800;
font-size: 32px;
line-height: 36px;
width: 42%;
text-transform: uppercase;
}
.banner a{display: block;text-transform: uppercase;color: #fff;background-color: #ff7501;padding: 15px;text-align: center;width: 300px;box-shadow: -3px 3px 6px #545454bf;margin-top: 50px;text-decoration: none;}
.navbar-inverse .navbar-nav .nav-item.orcamento a{
background-color: #ff7501;
color: #fff;
text-align: center;
display: block;
width: 200px;
text-transform: uppercase;
text-decoration: none;
transition: 0.4s all ease;
}
.navbar-inverse .navbar-nav .nav-item.orcamento:hover{
background-color: transparent;
}
.navbar-inverse .navbar-nav .nav-item.orcamento a:hover{
background-color: #5082d5 !important;
color: #fff !important;
}
.navbar{
position: absolute;
width: 100%;
z-index: 999;
margin: auto;
padding: 0;
transition: 0.4s all ease;
}
.navbar-inverse .navbar-nav .nav-item {
position: relative;
z-index: 999;
padding: 20px 9px;
}
.navbar-brand{
position: absolute;
top: 0;
left: 0;
padding: 0;
}
.navbar-collapse{
position: absolute;
right: 6%;
top: 30px;
}
.navbar-inverse .navbar-nav .nav-item:hover {
background-color: rgba(111, 111, 111, .5);
}
.navbar-inverse .navbar-nav .nav-item:last-child{
background-image: none;
}
.navbar-inverse .navbar-nav .nav-link {
color: #333;
font-size: 14px;
position: relative;
font-weight: 700;
text-transform: uppercase;
}
.navbar-inverse .navbar-nav .nav-link:focus, .navbar-inverse .navbar-nav .nav-link:hover{
color: #fff;
position: relative;
}
.home1{position: relative;padding: 50px 0;}
.home1 .box{border: 5px solid #ff7500;padding: 30px 20px;position: absolute;top: -75px;width: 400px;right: 0;}
.home1 .box h3{color: #fb7500;text-align: right;font-weight: 800;text-transform: uppercase;}
.home1 .box p{color: #fb7500;text-align: right;}
.home1 .video{position: absolute;bottom: 0;}
.home1 .video img{width: 100%;}
.home1 .todos{
}
.home1 .todos .cada{
float: left;
width: 50%;
padding: 0 15px;
}
.home1 .todos .cada .dentro{
padding: 25px 10px;
box-shadow: 0 0 10px #666666a8;
margin-bottom: 40px;
}
.home1 .todos .cada .dentro h3{
color: #ff7500;
font-weight: 800;
text-align: center;
margin-bottom: 25px;
}
.home1 .todos .cada .dentro p{
color: #ff7500;
text-align: center;
padding: 0 25px;
font-size: 16px;
line-height: 18px;
font-weight: 400;
}
.home2{background-image: url(//grupoextrema.com.br/wp-content/themes/grupo-extrema/assets/img/faixa.jpg);background-repeat: no-repeat;background-size: cover;padding: 88px 0;}
.home2 .dentro{width: 50%;}
.home2 h3{color: #fff;text-transform: uppercase;margin-bottom: 38px;font-size: 32px;line-height: 36px;}
.home2 a{background-color: #5084d8;color: #fff;text-transform: uppercase;padding: 12px;width: 300px;display: block;text-align: center;
box-shadow: -1px 1px 10px #464646bf;}
.home2 a:hover{
}
.home3{padding: 50px;}
.home3 h3{color: #d8690b;text-transform: uppercase;font-weight: 800;margin-bottom: 20px;}
.home3 .clientes{
}
.home3 .clientes img{
width: 100%;
height: 100px;
object-fit: contain;
margin: 0 20px;
}
.home4{padding: 50px 0;}
.home4 h3{
color: #d8690b;
text-transform: uppercase;
font-weight: 800;
margin-bottom: 20px;
}
.home4 .depoimentos{
}
.home4 .cada{padding: 0 30px;}
.home4 .imagem{
}
.home4 .imagem img{width: 100%;}
.home4 .linha{width: 185px;margin: 15px auto;height: 13px;background-image: url(//grupoextrema.com.br/wp-content/themes/grupo-extrema/assets/img/linha.jpg);background-repeat: no-repeat;background-size: contain;}
.home4 h4{
color: #fff;
font-weight: 700;
text-align: center;
margin: 15px 0 0;
}
.home4 p{text-align: center;color: #fff;padding: 0 50px;font-size: 16px;line-height: 20px;font-weight: 200;}
.home4 .texto{
background-color: #ff7500;
padding: 10px;
}
.rodape{
padding: 50px 0 0;
background-color: #fe7f16;
height: auto;
overflow: hidden;
}
.rodape .logo{
padding-right: 40px;
}
.rodape .logo img{
}
.rodape .cada{float: left;width: 20%;}
.rodape .menu{
text-align: center;
}
.rodape h3{
color: #fff;
font-weight: 400;
font-size: 18px;
margin-bottom: 16px;
text-transform: uppercase;
text-align: left;
}
.rodape .menu ul{
list-style: none;
padding-left: 0;
text-align: left;
}
.rodape .menu ul li{
font-size: 12px;
}
.rodape .menu ul li a{
color: #fff;
font-weight: 300;
text-transform: uppercase;
}
.rodape .redes{
padding-right: 10px;
}
.rodape .redes ul{
height: auto;
overflow: hidden;
}
.rodape .redes ul li{
float: left;
margin: 0 5px;
}
.rodape .redes ul li .rede{
background-repeat: no-repeat;
background-size: contain;
width: 35px;
height: 35px;
}
.rodape .redes ul li.fb .rede{
background-image: url(//grupoextrema.com.br/wp-content/themes/grupo-extrema/assets/img/fb.png);
}
.rodape .redes ul li.ig .rede{
background-image: url(//grupoextrema.com.br/wp-content/themes/grupo-extrema/assets/img/ig2.png);
}
.rodape .redes p {
color: #fff;
text-align: left;
font-size: 13px;
display: block;
clear: both;
margin: 20px 0;
font-weight: 600;
}
.rodape .redes a.solicite {
display: block;
text-transform: uppercase;
color: #fff;
background-color: #5081d4;
padding: 10px 0;
text-align: center;
width: 100%;
box-shadow: -3px 3px 6px #545454bf;
margin-left: auto;
font-size: 12px;
font-weight: 500;
transition: 0.4s all ease;
}
.rodape .redes a.solicite:hover{
text-decoration: none;
background-color: #fafafa;
color: #5081d4;
}
.rodape .dados ul{
list-style: none;
padding-left: 0;
text-align: left;
}
.rodape .dados ul li{
color: #fff;
font-weight: 600;
font-size: 13px;
margin-bottom: 10px;
}
.copy{
background-image: url(//grupoextrema.com.br/wp-content/themes/grupo-extrema/assets/img/bg-rodape.png);
background-repeat: no-repeat;
background-size: 50%;
background-position: left bottom;
background-color: #fe7f16;
padding: 10px 0;
}
.copy p{
text-align: right;
margin-bottom: 0;
color: #fff;
font-size: 12px;
font-weight: 200;
}
.copy p a{color: #fefb00;}
.slick-dots li.slick-active button:before{
top: 0px;
}
.slick-dots li button:before{
background-color: #fa7202;
opacity: 1 !important;
color: transparent;
content: ' ' !important;
border-radius: 30px;
width: 15px;
height: 15px;
top: 10px;
}
.slick-dots{
bottom: -40px;
}
.solucoes{padding: 50px 0;height: auto;overflow: hidden;}
.solucoes h2{text-align: center;text-transform: uppercase;font-size: 30px;margin-bottom: 30px;}
.solucoes h3{text-align: center;font-size: 16px;line-height: 20px;padding: 0 20%;margin-bottom: 30px;}
.solucoes .cada{float: left;width: 25%;padding: 20px;position: relative;height: 400px;}
.solucoes .cada.a{
background-color: #d26406;
}
.solucoes .cada.b{background-color: #df7923;}
.solucoes .cada.c{background-color: #e0873b;}
.solucoes .cada.d{background-color: #e09b60;}
.solucoes a{text-decoration: none;color: inherit;}
.solucoes .icone{text-align: center;margin-bottom: 20px;}
.solucoes .icone img{width: 100%;height: 80px;object-fit: contain;}
.solucoes h4{text-align: center;text-transform: uppercase;margin-bottom: 20px;color: #fff;}
.solucoes p{color: #fff;}
.solucoes p.saiba{
text-align: center;
text-transform: uppercase;
bottom: 20px;
right: 0;
left: 0;
position: absolute;
margin: 0;
font-size: 20px;
font-weight: 600;
}
.metodos{padding: 50px 0;}
.metodos h2{text-align: center;margin-bottom: 50px;text-transform: uppercase;font-weight: 600;font-size: 30px;}
.metodos .icone{text-align: center;margin-bottom: 20px;}
.metodos .icone img{width: 100%;height: 100px;object-fit: contain;}
.metodos h3{text-align: center;text-transform: uppercase;font-size: 20px;font-weight: 700;margin-bottom: 30px;}
.metodos p{
text-align: center;
line-height: 20px;
font-weight: 600;
}
.ligue{padding: 50px 0;}
.ligue h2{margin-bottom: 45px;color: #ff7603;font-weight: 800;}
.ligue h3{margin-bottom: 45px;color: #4a494b;font-weight: 700;}
.ligue p{
font-size: 20px;
font-weight: 600;
line-height: 28px;
}
.ligue h4{
font-size: 24px;
line-height: 34px;
}
.ligue .formulario{
width: 88%;
margin-left: auto;
}
.ligue .formulario ::placeholder{
color: #fff;
font-weight: 100;
}
.ligue .formulario h2{color: #fff;text-align: center;width: 80%;margin: 0 auto 30px;}
.ligue .formulario h3{
font-size: 16px;
color: #fff;
font-weight: 200;
text-align: center;
}
.ligue .formulario p{
text-align: center;
color: #fff;
font-size: 13px;
line-height: 18px;
width: 70%;
margin: auto;
font-weight: 200;
}
.ligue .form-dentro{
background-color: #ff7704;
padding: 20px;
box-shadow: -1px 1px 10px #464646bf;
}
.ligue .formulario .campo{width: 100%;margin-top: 10px;background-color: transparent;border: 1px solid #fff;padding: 6px 12px;color: #fff;font-weight: 100;}
.ligue .formulario .campo-m{resize: none;height: 110px;}
.ligue .formulario .enviar{
cursor: pointer;
margin: 30px auto;
display: block;
text-transform: uppercase;
color: #fff;
background-color: #5081d4;
padding: 15px;
text-align: center;
width: 300px;
box-shadow: -3px 3px 6px #545454bf;
border: none;
}
.ligue .formulario .enviar:hover{
}
.home-cta1 {
height: auto;
overflow: hidden;
padding: 0; background-repeat: no-repeat;
margin: 50px 0;
background-size: cover;
background-position: 66% 59%;
background-color: #fb8701;
}
.home-cta1 .esquerda{float: left;width: 50%;position: relative;background-image: url(//grupoextrema.com.br/wp-content/themes/grupo-extrema/assets/img/bg-cta1.png);height: 453px;padding: 40px;}
.home-cta1 .esquerda h2{padding-left: 5%;text-transform: uppercase;color: #fff;font-size: 27px;font-weight: 600;line-height: 34px;margin-bottom: 40px;}
.home-cta1 .esquerda p{padding-left: 5%;color: #fff;font-weight: 500;line-height: 22px;}
.home-cta1 .esquerda a{display: block;margin: 40px 0 0 5%;background-color: #4f82d4;width: 387px;padding: 24px 20px;text-decoration: none;color: inherit;height: auto;overflow: hidden;}
.home-cta1 .esquerda a p{
padding-left: 0;
font-size: 16px;
line-height: 30px;
margin-bottom: 0;
float: left;
}
.home-cta1 .video{float: left;margin-left: 20px;}
.home-cta1 .video img {
width: 116px;
border: 1px solid #fff;
}
.home-cta1 .esquerda a p strong{display: block;font-size: 28px;}
.home-cta1 .direita {float: left;width: 50%;height: 453px;}
.home-cta1 .direita .cada{height: auto;overflow: auto;padding: 26px 50px 26px 70px;position: relative;overflow: hidden;}
.home-cta1 .direita .cada.a{background-color: #878688;}
.home-cta1 .direita .cada.b{background-color: #6f6d71;}
.home-cta1 .direita .cada.c{background-color: #514f52;}
.home-cta1 .direita .cada.a:before {
content: '';
position: absolute;
top: 0;
border-top: 514px solid #fa7b00;
border-right: 70px solid #868588;
width: 0px;
left: 0;
}
.home-cta1 .direita .cada.b:before {
content: '';
position: absolute;
top: 0;
border-top: 310px solid #fa7b00;
border-right: 50px solid #6e6c71;
width: 0px;
left: 0;
}
.home-cta1 .direita .cada.c:before {
content: '';
position: absolute;
top: 0;
border-top: 160px solid #fa7b00;
border-right: 24px solid #504e52;
width: 0px;
left: 0;
}
.home-cta1 .direita .icone{position: absolute;}
.home-cta1 .direita .icone img{height: 85px;width: 100%;object-fit: contain;}
.home-cta1 .direita h3 {
color: #fff;
text-transform: uppercase;
text-align: center;
margin-left: 100px;
font-size: 28px;
}
.home-cta1 .direita h3 strong{display: block;font-size: 49px;}
.home-cta1 .direita h3 strong.numero{
font-size: 60px;
}
.home-cta2{padding: 100px 0;background-image: url(//grupoextrema.com.br/wp-content/themes/grupo-extrema/assets/img/bg-cta2.png);background-repeat: no-repeat;background-size: contain;}
.home-cta2 .texto{width: 50%;margin-left: auto;}
.home-cta2 h2{color: #fff;text-transform: uppercase;margin-bottom: 40px;}
.home-cta2 p{color: #fff;}
.home-cta2 .app{float: left;margin-right: 20px;margin-top: 30px;margin-bottom: 45px;}
.home-cta2 .app img{width: 100%;}
.home-cta2 a.especialista{clear: both;display: block;text-transform: uppercase;color: #fff;background-color: #5081d4;padding: 15px;text-align: center;width: 300px;box-shadow: -3px 3px 6px #545454bf;}
.home-cta2 a:hover{
text-decoration: none;
}
.home-cta3{margin-top: 50px;padding: 100px 0;background-image: url(//grupoextrema.com.br/wp-content/themes/grupo-extrema/assets/img/bg-cta3.png);background-repeat: no-repeat;background-size: cover;}
.home-cta3 .texto{width: 50%;margin-right: auto;}
.home-cta3 h2{text-transform: uppercase;font-weight: 900;color: #fff;font-size: 40px;margin-bottom: 50px;}
.home-cta3 h3{margin-bottom: 50px;font-style: italic;font-size: 32px;text-transform: uppercase;color: #fff;}
.home-cta3 p{margin-bottom: 60px;font-size: 20px;line-height: 24px;padding-right: 240px;color: #fff;}
.home-cta3 a{
display: block;
text-transform: uppercase;
color: #fff;
background-color: #5081d4;
padding: 15px;
text-align: center;
width: 300px;
box-shadow: -3px 3px 6px #545454bf;
transition: 0.4s all ease;
}
.home-cta3 a:hover{
background-color: #fff;
color: #5081d4;
text-decoration: none;
}
.depoimentos{padding: 50px 0 0;}
.depoimentos h2{text-align: center;color: #dc6c0e;text-transform: uppercase;font-weight: 700;margin-bottom: 40px;font-size: 28px;}
.depoimentos .depoimento{
height: 400px;
position: relative;
padding-top: 10px;
margin-top: 10px;
}
.depoimentos .cada{
padding: 10px;
position: relative;
top: 40px;
height: 317px;
}
.depoimentos .depoimento h2{color: #fff;text-transform: capitalize;margin-bottom: 10px;text-align: left;}
.depoimentos .texto {
background-image: url(//grupoextrema.com.br/wp-content/themes/grupo-extrema/assets/img/bg-depoimento.png);
background-repeat: no-repeat;
background-size: cover;
padding: 40px 30px 40px 140px;
width: 70%;
margin: auto;
}
.depoimentos h3{color: #fff;text-transform: capitalize;font-size: 16px;margin-bottom: 30px;}
.depoimentos p{color: #fff;font-size: 12px;line-height: 16px;margin-bottom: 0;padding-right: 60px;}
.depoimentos .icone{position: absolute;right: 126px;top: -30px;}
.depoimentos .icone img{width: 150px;height: 150px;object-fit: contain;}
.depoimentos .logo {
float: left;
position: absolute;
left: 85px;
padding: 20px;
top: 25px;
}
.depoimentos .logo img {
width: 160px;
height: 160px;
border-radius: 160px;
}
.clientes{padding: 0 0 100px;}
.clientes h2{
text-align: center;
color: #dc6c0e;
text-transform: uppercase;
font-weight: 700;
margin-bottom: 50px;
}
.clientes .cliente{
}
.clientes .cada{
}
.clientes img {
width: 160px;
height: 130px;
object-fit: contain;
margin: auto;
}
.slick-list{
width: 90%;
margin: auto;
}
.home-cta4{padding: 150px 0;background-image: url(//grupoextrema.com.br/wp-content/themes/grupo-extrema/assets/img/bg-cta4.png);background-repeat: no-repeat;background-size: cover;}
.home-cta4 .texto{width: 50%;margin-left: auto;}
.home-cta4 h2{text-align: right;width: 50%;margin-left: auto;text-transform: uppercase;margin-bottom: 40px;color: #fff;font-weight: 600;}
.home-cta4 h3{text-align: right;width: 80%;margin-left: auto;font-size: 30px;line-height: 36px;margin-bottom: 40px;color: #fff;}
.home-cta4 a{
display: block;
text-transform: uppercase;
color: #fff;
background-color: #5081d4;
padding: 15px;
text-align: center;
width: 300px;
box-shadow: -3px 3px 6px #545454bf;
margin-left: auto;
}
.home-cta4 a:hover{
}
.informacoes{padding: 50px 0;}
.informacoes .caixa {
background-color: #ff7500;
position: relative;
padding: 65px 20px 0 20px;
height: 180px;
}
.informacoes .icone{text-align: center;position: absolute;top: -48px;right: 0;left: 0;background-color: #878688;padding: 10px;width: 100px;height: 100px;border-radius: 100px;margin: auto;}
.informacoes .icone img{width: 65px;height: 65px;object-fit: contain;position: relative;top: 10%;}
.informacoes h2{text-align: center;color: #fff;margin-bottom: 0;font-weight: 700;}
.informacoes p{
text-align: center;
color: #fff;
margin-bottom: 0;
font-size: 16px;
line-height: 20px;
font-weight: 600;
}
.slick-prev, .slick-prev:hover, .slick-prev:focus{
background-image: url(//grupoextrema.com.br/wp-content/themes/grupo-extrema/assets/img/seta-e.png);
background-repeat: no-repeat;
background-size: contain;
height: 60px;
width: 50px;
left: 0;
position: absolute;
z-index: 9;
text-indent: -9999px;
}
.slick-next, .slick-next:hover, .slick-next:focus{
background-image: url(//grupoextrema.com.br/wp-content/themes/grupo-extrema/assets/img/seta-d.png);
background-repeat: no-repeat;
background-size: contain;
height: 60px;
width: 50px;
right: 0;
position: absolute;
z-index: 9;
text-indent: -9999px;
}
.contato {
background-image: url(//grupoextrema.com.br/wp-content/themes/grupo-extrema/assets/img/bg-contato.png);
background-repeat: no-repeat;
background-size: 80%;
padding: 200px 0;
background-position: right;
margin-bottom: 50px;
}
.contato .conteudo{
}
.contato .form {
background-color: #ff7500;
width: 60%;
padding: 30px 30px 60px;
position: relative;
}
.contato .form h2 {
color: #fff;
text-align: center;
font-weight: 700;
font-size: 36px;
}
.contato .form p {
color: #fff;
text-align: center;
line-height: 20px;
font-weight: 500;
}
.contato .form .campo{width: 100%;margin-top: 10px;background-color: transparent;border: 1px solid #fff;padding: 6px 12px;color: #fff;font-weight: 100;}
.contato .form .campo-m{resize: none;height: 110px;}
.contato .form .enviar {
cursor: pointer;
margin: 30px auto;
display: block;
text-transform: uppercase;
color: #fff;
background-color: #5081d4;
padding: 10px;
text-align: center;
width: 300px;
box-shadow: -3px 3px 6px #545454bf;
border: none;
font-size: 26px;
position: absolute;
bottom: -117px;
right: 0;
left: 0;
}
::placeholder{
color: #fff;
}
.menu-drop{
}
.menu-drop ul{
padding-left: 0;
list-style: none;
background-color: #fff;
border-top: 8px solid #ff7500;
padding: 10px;
width: 190px;
display: none;
position: absolute;
top: 72px;
left: 0;
}
.menu-drop:hover ul{
display: block;
}
.menu-drop ul li{
text-transform: uppercase;
margin-bottom: 5px;
}
.menu-drop ul li a{
font-size: 12px;
font-weight: 700;
color: #434246;
}
.menu-drop ul li a:hover{
text-decoration: none;
color: #ff7500;
}
.cinza {
position: absolute;
top: 0;
height: 30px;
background-color: #858484;
width: 100%;
margin-bottom: 14px;
padding-bottom: 16px;
}
.cinza a {
color: #fff;
float: right;
position: relative;
right: 3%;
font-weight: 500;
padding: 5px 0 0;
font-size: 15px;
transition: 0.4s all ease;
}
.cinza a:hover{
text-decoration: none;
font-weight: 800;
}
.fixed-top{
position: fixed;
height: 105px;
width: 100%;
background-color: #fff;
}
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing, div.wpcf7-mail-sent-ng, div.wpcf7-aborted, div.wpcf7-mail-sent-ok{
border: none !important;
position: relative;
font-weight: 300;
padding: 0 !important;
margin: 0 !important;
width: auto;
bottom: 10px;
font-size: 16px;
color: #fff;
font-weight: 400;
right: 0;
left: 0;
text-align: center;
}
span.wpcf7-not-valid-tip{
display: none !important;
}
.wpcf7-not-valid{
border: 1px solid red !important;
}
.modal_extrema .modal-dialog{
max-width: 400px;
float: right;
margin: 0;
}
.modal_extrema .modal-body img{
width: 100%;
}
.modal_extrema .modal-header{
padding: 10px 20px;
}