body {
color: #646464;
font-family: 'Raleway', sans-serif;
}
.banner{height: 600px;position: relative;}
.banner .imagem{
height: 600px;
}
.banner img{
width: 100%;
height: 600px;
object-fit: cover;
}
.banner .legenda{
position: absolute;
width: 100%;
top: 150px;
}
.banner .dentro{
position: relative;
float: left;
}
.banner .texto{
float: left;
width: 50%;
padding-right: 40px;
position: relative;
top: 100px;
}
.banner .texto h2{
color: #4c4b4d;
font-weight: 700;
font-size: 40px;
line-height: 42px;
}
.banner-portaria .texto h2{
color: #fff;
}
.banner .texto p{
padding-right: 200px;
position: relative;
top: 40px;
font-weight: 300;
line-height: 20px;
}
.banner-portaria .texto p{
color: #fff;
}
.formulario{
width: 50%;
float: left;
padding: 0 0 0 70px;
}
.formulario ::placeholder{
color: #fff;
font-weight: 100;
}
.formulario p{
margin: 0;
text-align: center;
color: #fff;
}
.formulario p.obs{
font-size: 9px;
margin-top: 10px;
}
.form-dentro{
background-color: #ff7704;
padding: 20px;
box-shadow: -1px 1px 10px #464646bf;
}
.formulario .campo{width: 100%;margin-top: 10px;background-color: transparent;border: 1px solid #fff;padding: 6px 12px;color: #fff;font-weight: 100;}
.formulario .campo-m{resize: none;height: 110px;}
.formulario .enviar{
cursor: pointer;
background-color: #5082d5;
color: #fff;
text-align: center;
text-transform: uppercase;
width: 90%;
margin: 10px auto 0;
display: block;
border: none;
padding: 10px;
font-weight: 400;
box-shadow: -1px 1px 10px #464646bf;
}
.formulario .enviar:hover{
}
.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{
position: absolute;
width: 100%;
z-index: 999;
margin: auto;
padding: 0;
transition: 0.4s all ease;
}
.navbar-brand {
position: absolute;
top: 0;
left: 0;
padding: 0;
z-index: 9;
}
.navbar-collapse {
position: absolute;
right: 6%;
top: 30px;
}
.navbar-inverse .navbar-nav .nav-item {
position: relative;
z-index: 999;
padding: 20px 9px;
}
.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.header-portaria .navbar-nav .nav-link{
color: #fff;
}
.navbar-inverse .navbar-nav .nav-link:focus, .navbar-inverse .navbar-nav .nav-link:hover{
color: #fff;
position: relative;
}
.navbar-inverse.header-portaria .navbar-nav .nav-link:focus, .navbar-inverse.header-portaria .navbar-nav .nav-link:hover{
color: #fff;
position: relative;
}
.home1{position: relative;padding: 50px 0;}
.home1 .box{position: absolute;top: -75px;width: 400px;right: 0;}
.home1-portaria .box {
border: 2px solid #fa7806;
padding: 30px;
}
.home1 .box img{
width: 100%;
}
.home1 .box h3{color: #fb7500;text-align: center;font-weight: 800;text-transform: uppercase;}
.home1 .box h3 span {
font-weight: 800;
font-size: 22px;
background-color: #5082d5;
color: #fff;
display: block;
padding: 7px;
border-radius: 1px;
margin: 10px;
}
.home1 .box p{color: #fb7500;text-align: center;}
.home1-portaria .box p{
line-height: 20px;
}
.home1 .video {
position: relative;
padding-bottom: 56.25%;
padding-top: 25px;
height: 0;
top: 250px;
}
.home1 .video .responsive-video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.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;
height: 290px;
}
.home1 .todos .cada .dentro h3{
color: #ff7500;
font-weight: 800;
text-align: center;
margin-bottom: 25px;
}
.home1-portaria .todos .cada .dentro h3{
margin-bottom: 10px;
}
.home1 .todos .cada .dentro p{
color: #ff7500;
text-align: center;
padding: 0 20px;
font-size: 16px;
line-height: 18px;
font-weight: 400;
}
.home1 .todos.todos-landing2 {
position: relative;
padding-top: 130px;
}
.home1 .todos.todos-landing2 .cada .dentro {
height: 490px;
}
.home1 .todos.todos-landing2 .cada .dentro.small {
height: 200px;
}
.home1 .todos.todos-landing2 .cada .dentro ul{
margin: 10px 0;
padding-left: 20px;
list-style: disc;
list-style-position: inside;
}
.home1 .todos.todos-landing2 .cada .dentro ul li{
color: #ff7401;
line-height: 24px;
}
.home1 .todos.todos-solucoes .cada .dentro p{
text-align: left;
line-height: 22px;
}
.home1 .todos .cada .dentro h4{
margin: 15px 0 5px;
padding: 0 20px;
color: #ff7401;
}
.home1 .promocao .dentro{
padding: 20px 0;
background-color: #fa7501;
position: relative;
}
.home1 .promocao h4 {
text-align: center;
color: #fff;
font-weight: 300;
font-size: 25px;
}
.home1 .promocao h5 {
font-size: 16px;
color: #fff;
font-weight: 300;
text-align: center;
margin-top: 20px;
}
.home1 .promocao .legenda{
position: relative;
top: 16%;
}
.home1 .todos.todos-solucoes{
padding-top: 30px;
}
.home1 .texto{
}
.home1 .texto h2 {
color: #ff7401;
margin: 30px 0 0;
}
.home1 .texto p{
}
.home1 .texto h4 {
color: #666;
margin: 0;
}
.home2{background-image: url(//grupoextrema.com.br/wp-content/themes/grupo-extrema/assets/img/faixa.png);background-repeat: no-repeat;background-size: cover;padding: 88px 0;}
.home2-portaria{
background-image: url(//grupoextrema.com.br/wp-content/themes/grupo-extrema/assets/img/sobre-portaria.jpg);
}
.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 h5{
text-align: center;
font-size: 13px;
color: #fff;
}
.home4 p{text-align: center;color: #fff;padding: 0 20px;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;
}
.fixed-top{
position: fixed;
background-color: #fff;
border-bottom: 1px solid #ff740178;
}
.fixed-top .navbar-nav .nav-link{
color: #222 !important;
}
.fixed-top .navbar-nav .nav-link:hover{
color: #ff7500 !important;
}
.fixed-top .navbar-nav .nav-item.orcamento a{
color: #fff !important;
}
.navbar-inverse .navbar-nav .nav-item.orcamento:hover{
background-color: transparent;
}
.navbar-inverse .navbar-nav .nav-item.orcamento a:hover{
background-color: #5082d5;
}
.desktop{
display: block;
}
.mobile{
display: none;
}
.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;
}
.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;
}
::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;
}
.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;
}
.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;
}
.home-blog {
padding: 100px 0 50px;
height: auto;
overflow: hidden;
}
.home-blog .blog {
background-color: #f1f1f1;
margin-bottom: 30px;
overflow: hidden;
height: 360px;
}
.home-blog .blog .texto {
width: 50%;
float: left;
height: 360px;
padding: 68px 40px;
}
.home-blog .blog .texto h2 {
color: #212121;
margin-bottom: 20px;
font-size: 30px;
font-weight: 700;
}
.home-blog .blog .texto p {
color: #212121;
}
.home-blog .blog .imagem {
width: 50%;
float: left;
height: 360px;
}
.home-blog .blog .imagem img {
width: 100%;
height: 360px;
object-fit: cover;
}
.home-blog .blog a{
text-decoration: none;
color: inherit;
}
.home-blog .blog p.leia{
background-color: #fa7600;
color: #fff;
padding: 10px 20px;
text-transform: uppercase;
font-weight: 600;
border-radius: 2px;
display: block;
width: fit-content;
margin: 20px 0;
border-radius: 1px;
}
.home-blog .blog:hover{
box-shadow: 0 0 10px #66666638;
}
.home-blog .blog:hover p.leia{
background-color: #4772b9;
}
.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;margin: 50px 0;}
.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{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{
}
.banner-single{
position: relative;
background-position: 50% 50%;
height:400px;
background-repeat: no-repeat;
background-size: cover;
}
.overlay{
position: absolute;
background-color: #0a0a0a80;
content: ' ';
top: 0;
bottom: 0;
right: 0;
left: 0;
}
.home1-portaria .texto h1{
color: #ff7401;
margin: 30px 0;
text-align: center;
}
.home1-portaria .conteudo{
}
.home1-portaria .conteudo h1{
text-align: left;
color: #333;
font-size: 24px;
margin-bottom: 15px;
}
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: 0;
font-size: 16px;
color: #000;
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;
}
.desktop{
display: block;
}
.mobile{
display: none;
}
.texto_landing{
padding: 40px 0;
}
.texto_landing h2{
text-align: center;
text-transform: uppercase;
font-weight: 600;
color: #333;
margin-bottom: 30px;
}
.texto_landing p{
color: #333;
font-size: 16px;
}
.texto_landing a{
color: #333;
text-decoration: underline;
}
.texto_landing ul{
}
.texto_landing ul li{
color: #333;
font-size: 16px;
}
.caixas_landing .cada{
width: 25% !important;
}
.caixas_landing .cada h3{
font-size: 22px;
margin-bottom: 20px;
}