/* Theme Name: BauruCat Author: Lucas Leite Author URI: Description: Version: 1.0 License: GNU General Public License v3 or later License URI: http://www.gnu.org/licenses/gpl-3.0.html */ /* Helpers */ img {max-width:100%; height:auto;} /*Compatibilidade IE*/ body {margin:0px; padding:0px; overflow-x:hidden; max-width:100%; font-size:16px;} body {font-family: 'Roboto Condensed', sans-serif;} strong {font-weight:bold;} h1, h2, h3, h4, h5, h6 {font-family: 'Roboto Condensed', sans-serif;} span.amarelo {color:#ffd900;} header {position:absolute; top:0; left:0; width:100%; z-index:99; padding:45px 0;} header .box {background:#fff; border-radius:5px; display:table; width:100%; overflow:hidden; position:relative; box-shadow: 0 0 10px #00000012;} header .box .telefone {display:flex; align-items:center; position:absolute; right:0; top:0; height:100%; background:#202020; color:#fff; font-size:16px; font-weight:bold; line-height:100%; padding-left:45px; padding-right:27px;} header .box .telefone p {font-weight: normal; margin-bottom: 0px;} header .box .telefone i {position:absolute; left:-20px; top:50%; transform:translateY(-50%); color:#fff; background:#009f00; width:40px; height:40px; line-height:34px; text-align:center; font-size:18px; border-radius:50%; border:3px #fff solid;} header .box .telefone:hover {text-decoration:none; background:#000;} header .box .menu ul {display:table; width:100%;} header .box .menu > div {display:table; margin:0 auto; padding-right:190px;} header .box .menu ul {display:table; list-style:none; margin:0; padding:0; margin:15px auto;} header .box .menu ul li {float:left;} header .box .menu ul li a {display:block; color:#444444; text-transform:uppercase; font-size:16px; text-decoration:none; padding:10px 20px; margin:0 2px; position:relative;} header .box .menu ul li a:before {content:''; width:1px; height:30px; position:absolute; display:block; top:50%; right:-2px; background:#dedede; transform:translateY(-50%);} header .box .menu ul li:last-child a:before {display:none;} header .box .menu ul li a:hover {background:#f8a732; color:#000; border-radius:4px; color:#fff;} header.fixo {position:fixed; top:0; left:0; background:#fff; padding:0; padding-top: 11px!important; z-index:999; box-shadow: 0 0 10px #00000017;} header.fixo .row {align-items:center;} header.fixo .logo img {max-width:280px;} header.fixo .box {box-shadow:none; border-radius:0;} /* Slider */ #slider {position:relative;} #slider .owl-nav {position:absolute; top:50%; left:0px; display:block; width:100%; padding:0px; margin:0px; max-width:100%; height:0px; display: none;} #slider .owl-nav .owl-next {float:right; padding:0px; margin:0px; opacity:.5; margin-right:20px; width:55px !important; height:55px !important; background:url(/wp-content/uploads/2020/02/next.png) center center no-repeat !important; text-indent:-9999px;} #slider .owl-nav .owl-prev {float:left; padding:0px; margin:0px; opacity:.5; margin-left:20px; width:55px !important; height:55px !important; background:url(/wp-content/uploads/2020/02/prev.png) center center no-repeat !important; text-indent:-9999px;} #slider .background {display:block; width:100%;} #slider .container {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); padding-top:80px;} #slider .container h4 {color:#797979; font-size:28px; margin-bottom:0px; text-transform:uppercase;} #slider .container h3 {color:#202020; font-size:40px; font-weight:bold; text-transform:uppercase; line-height:44px; margin-left:-3px; margin-bottom:10px;} #slider .container p {color:#232323; font-size:22px; font-weight:300;} #slider .container a {background:#f8a732; display:table; border-radius:4px; padding:15px 40px; font-size:16px; line-height:16px; color:#000; position:relative; overflow:hidden; padding-left:85px;} #slider .container a:hover {text-decoration:none;} #slider .container a strong {display:block; font-size:24px; line-height:24px;} #slider .container a i {position:absolute; display:block; height:105%; width:65px; background:#202020; left:0; top:50%; transform:translateY(-50%);} #slider .container a i:before {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); color:#fff; font-size:24px;} #slider .container a:hover i:before {color:#f8a732;} #slider .textoSlider {padding: 36px; border-radius: 10px; background: #fff; max-width: 600px; } #slider .bloco_texto { padding: 15px 33px; } /* Serviços */ section.servicos {padding:120px 0; display:block; width:100%;} section.servicos .row.align {align-items:center;} section.servicos h4 {color:#6e6e6e; font-size:24px; margin-bottom:20px; font-weight:300; padding-left:70px; position:relative;} section.servicos h4:before {content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); background:#f8a732; height:4px; width:50px; border-radius:5px;} section.servicos h4 i {position:absolute; left:-1px; top:50%; transform:translateY(-50%); color:#f8a732;} section.servicos h4.voltar {cursor:pointer;} section.servicos h4.voltar:hover {color:#000;} section.servicos h3 {color:#202020; font-size:36px; line-height:36px; margin-bottom:20px; font-weight:bold;} section.servicos p {line-height:30px; font-size:16px; font-weight:normal; font-size:15px; margin-bottom:30px;} section.servicos ul {list-style:none; padding:0; margin:0; display:table; width:100%;} section.servicos ul li {width:50%; float:left; color:#646464; font-weight:bold; line-height:18px; padding:10px 0; background:url(/wp-content/uploads/2020/02/bg-list-sobre.png) 0 5px no-repeat; padding-left:45px; margin-bottom:10px;} section.servicos .box {cursor:pointer;} section.servicos .principal {padding:15px 15px;} section.servicos .principal .box {display:table; width:100%; height:100%; position:relative; background:#000; overflow:hidden; border-radius:5px;} section.servicos .principal .box:hover {outline: 1px solid #fff; outline-offset: -10px; background:#f8a732;} section.servicos .principal .box img {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); max-width:none !important; height:100%; opacity:.4; filter: blur(2px);} section.servicos .principal .box:hover img {filter:blur(0px) sepia(100%) opacity(.7);} section.servicos .item {padding:15px 0; outline:none;} section.servicos .slick-prev {background:url(/wp-content/uploads/2020/02/prev-slick.png) center center no-repeat; width:63px; height:33px; position: absolute; top: -50px; left: 50%; transform: translateX(-50%); display:block; -webkit-appearance: none !important; border:0; text-indent:-9999px; outline:none !important; cursor:pointer;} section.servicos .slick-next {background:url(/wp-content/uploads/2020/02/next-slick.png) center center no-repeat; width:63px; height:33px; position: absolute; bottom: -50px; left: 50%; transform: translateX(-50%); display:block; -webkit-appearance: none !important; border:0; text-indent:-9999px; outline:none !important; cursor:pointer;} section.servicos .box.servico {display:table; width:100%; height:500px; position:relative; background:#000; overflow:hidden; border-radius:5px;} section.servicos .box.servico:hover {outline: 1px solid #fff; outline-offset: -10px; background:#f8a732;} section.servicos .box.servico img {position:absolute; top:50%; left:50%; height:initial; transform:translate(-50%, -50%); width:100%; opacity:.4; filter: blur(2px); object-fit: fill; min-height: 100%;} section.servicos .box.servico:hover img {filter:blur(0px); } section.servicos .box h3 {position:absolute; top:50%; left:50%; height:initial; transform:translate(-50%, -50%); width:100%; color:#fff; font-size:27px; text-align:center; text-transform:uppercase; padding:0 50px; font-weight:bold; line-height:27px; z-index:99; text-shadow: 0px 3px 3px #000;} /* Sobre */ section.sobre {background:url(/wp-content/uploads/2020/02/bg-sobre.jpg) center center no-repeat; background-size:cover; padding:90px 0; display:block; width:100%; box-shadow: 0 0 50px #00000024; position:relative; z-index:2;} section.sobre .container {position:relative;} section.sobre .container .flutua {position:absolute; left:60%; top:50%; transform:translateY(-50%);} section.sobre h4 {color:#6e6e6e; font-size:24px; margin-bottom:20px; font-weight:300; padding-left:70px; position:relative;} section.sobre h4:before {content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); background:#f8a732; height:4px; width:50px; border-radius:5px;} section.sobre h3 {color:#202020; font-size:36px; line-height:36px; margin-bottom:20px; font-weight:bold;} section.sobre p {line-height:30px; font-size:16px; font-weight:normal; font-size:15px; margin-bottom:30px;} section.sobre .dados {display:table; width:100%; border-bottom:1px #dedede solid; border-top:1px #dedede solid; padding:40px 0;} section.sobre .dados .bloco {display:table-cell;} section.sobre .dados .bloco span {float:left;} section.sobre .dados .bloco span.valor {font-size:48px; color:#000; line-height:48px; font-weight:bold; color:#202020;} section.sobre .dados .bloco span.valor strong {font-size:24px; color:#666; float:left; line-height:48px; color:#f8a732;} section.sobre .dados .bloco span.texto {line-height:18px; font-size:18px; color:#5d5d5d; font-weight:300; padding:5px 0; padding-left:5px;} /* Premissas */ section.premissas {background:url(/wp-content/uploads/2020/02/bg-premissas.jpg) left top no-repeat #fff; padding:120px; padding-bottom:220px; position:relative; z-index:1;} section.premissas .relative-premissas {position:relative;} section.premissas .relative-premissas .terra {position:absolute; bottom:0; left:-220px; z-index:9;} section.premissas .relative-premissas .capacete {position:absolute; bottom:-90px; left:-100px; z-index:11;} section.premissas .box {background:#fff; border-radius:5px; overflow:hidden; box-shadow: 0 0 50px #00000024; position:relative; z-index:10;} section.premissas .box .title {background:#202020; padding:40px 50px;} section.premissas .box .title h4 {color:#fff; font-size:24px; margin-bottom:0; font-weight:300; padding-left:70px; position:relative;} section.premissas .box .title h4:before {content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); background:#f8a732; height:4px; width:50px; border-radius:5px;} section.premissas .box .title h3 {color:#f8a732; font-size:36px; line-height:36px; margin-bottom:20px; font-weight:bold; margin:0;} section.premissas .box .conteudo {padding:55px 60px; padding-bottom:85px;} section.premissas .box .conteudo p {padding-left:90px; margin-bottom:40px; color:#3f3f3f;} section.premissas .box .conteudo p:last-child {margin-bottom:0;} section.premissas .box .conteudo p.missao {background:url(/wp-content/uploads/2020/02/icone-missao.png) left center no-repeat;} section.premissas .box .conteudo p.visao {background:url(/wp-content/uploads/2020/02/icone-visao.png) left center no-repeat;} section.premissas .box .conteudo p.valores {background:url(/wp-content/uploads/2020/02/icone-valores.png) left center no-repeat;} /* Contato */ section.contato {background:url(/wp-content/uploads/2020/02/bg-contato.jpg) center bottom no-repeat; background-size:cover; display:table; width:100%; position:relative; z-index:10; border-top:1px #dedede solid;} section.contato .box {background:#fff; border-radius:5px; overflow:hidden; box-shadow: 0 0 50px #00000024; padding:55px 55px; margin-top:-70px; margin-bottom:70px;} section.contato h4 {color:#6e6e6e; font-size:24px; margin-bottom:10px; font-weight:300; padding-left:70px; position:relative;} section.contato h4:before {content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); background:#f8a732; height:4px; width:50px; border-radius:5px;} section.contato h3 {color:#202020; font-size:36px; line-height:36px; margin-bottom:40px; font-weight:bold;} section.contato .box br {display:none;} section.contato .box .col-md-6, section.contato .box .col-md-12 {position:relative; margin-bottom:30px;} section.contato .box .col-md-12.submit:last-child {margin-bottom:0;} section.contato label {color:#8b8b8b; text-transform:uppercase; font-size:16px; display:block; margin:0; background:#fff; padding:0 10px; position:absolute; left:30px; top:-10px; z-index:9;} section.contato input:not([type="submit"]), section.contato textarea {border:1px #d5d5d5 solid; border-radius:4px; background:#fff; padding:20px; width:100%; color:#666; font-family: 'Roboto Condensed', sans-serif; -webkit-appearance:none; outline:none;} section.contato textarea {height:160px;} section.contato button[type="submit"] {float:right; background:#f8a732; padding:20px 60px; color:#fff; text-transform:uppercase; font-weight:bold; border:0px; border-radius:5px; cursor:pointer; font-size:18px; line-height:28px;} section.contato button[type="submit"]:before {content:''; width:28px; height:28px; background:url(/wp-content/uploads/2020/02/icone-enviar.png) center center no-repeat; display:inline-block; margin-bottom: -5px; margin-right: 10px;} /* Footer */ footer {background:#f5f5f5; display:table; width:100%; background:url(/wp-content/uploads/2020/02/bg-footer.jpg) bottom center no-repeat; background-size:100%; padding-bottom:80px;} footer .inicial {display:table; width:100%; padding:75px 0;} footer .box {background:#fff; border-radius:5px; display:table; width:100%; overflow:hidden; position:relative; box-shadow: 0 0 10px #00000012;} footer .box .telefone {display:flex; align-items:center; position:absolute; right:0; top:0; height:100%; background:#202020; color:#fff; font-size:16px; font-weight:bold; line-height:100%; padding-left:45px; padding-right:27px;} footer .box .telefone p {font-weight: normal; margin-bottom: 0px;} footer .box .telefone i {position:absolute; left:-20px; top:50%; transform:translateY(-50%); color:#fff; background:#009f00; width:40px; height:40px; line-height:34px; text-align:center; font-size:18px; border-radius:50%; border:3px #fff solid;} footer .box .telefone:hover {text-decoration:none; background:#000;} footer .box .menu ul {display:table; width:100%;} footer .box .menu > div {display:table; margin:0 auto; padding-right:190px;} footer .box .menu ul {display:table; list-style:none; margin:0; padding:0; margin:15px auto;} footer .box .menu ul li {float:left;} footer .box .menu ul li a {display:block; color:#444444; text-transform:uppercase; font-size:16px; text-decoration:none; padding:10px 20px; margin:0 2px; position:relative;} footer .box .menu ul li a:before {content:''; width:1px; height:30px; position:absolute; display:block; top:50%; right:-2px; background:#dedede; transform:translateY(-50%);} footer .box .menu ul li:last-child a:before {display:none;} footer .box .menu ul li a:hover {background:#f8a732; color:#000; border-radius:4px; color:#fff;} footer .endereco {border-bottom:1px #dedede solid; border-top:1px #dedede solid; padding:30px 0; display:table; width:100%;} footer .endereco p {color:#737373; font-size:18px; float:right; margin:0; font-weight:300; padding-left:30px; background:url(/wp-content/uploads/2020/02/icone-endereco.png) left center no-repeat;} footer .copyright {display:table; width:100%; padding:35px 0;} footer .copyright p {float:left; color:#696969;} footer .copyright a {float:right;} footer .telefoneFooter a {display: block; background: #f8a732; padding: 20px; border-radius: 10px; text-align: center;} footer .telefoneFooter a {color:#fff; text-decoration: none;} .grecaptcha-badge {display: none;} .telefone-mobile {display:table; padding:5px 0px; background:#ffffff; width:100%; position:fixed; bottom:0px; left:0px; z-index:9999999;} .telefone-mobile .col-6 {padding:0 2px !important; position:relative;} .telefone-mobile i {position:absolute; display:table; width:100%; top:8px; right: 0px;} .telefone-mobile i:before {font-size:30px; color:#fff; display:table; margin:0 auto;} .telefone-mobile a {padding:40px 0px 5px 0px; display:table; width:100%; box-sizing:border-box; text-align:center; color:#fff; text-decoration:none; background:#2a559f; border-radius:10px; font-size:10px; text-transform:uppercase; border:1px #0e1d3b solid; border-bottom:4px #0e1d3b solid;} .telefone-mobile .telefone a {background:#000000; border-color:#000;} .telefone-mobile .whatsapp a {background:#22a200; border-color:#000;} @media all and (min-width:768px) { .telefone-mobile {display:none !important;} } /* Responsivo */ @media all and (max-width:1700px){ #slider .textoSlider {padding: 17px; border-radius: 10px; background: #fff; max-width: 500px; } } @media all and (max-width:1200px) { section#slider {padding-top: 140px;} header .box .menu ul li a, footer .box .menu ul li a {padding: 5px 15px;} section.sobre img.flutua {max-width: 70%;} #slider .container {top: 35%; left: 57%;} section.servicos .box h3 {padding: 0px; font-size: 21px;} } @media all and (max-width:992px) { header.fixo {display: none!important;} header.inicial { display: flex!important;} .menu {display: none;} #slider .container {top: 35%;} #slider .container h4 {font-size: 24px;} #slider .container h3 {font-size: 60px;} #slider .container p {padding-right: 50%;} #slider .container a {padding: 10px 20px; padding-left: 85px;} section.servicos .box.servico img {height: 100%;} .conteudo h3 {font-size: 30px !important; line-height: 30px !important;} footer .menu {display: none;} section.premissas {padding: 80px 0px; padding-bottom: 150px;} section.sobre {padding: 80px 0px;} section.servicos {padding: 80px 0px;} } @media all and (max-width:768px) { header { position: absolute; top: 0; left: 0; width: 100%; z-index: 99; padding: 15px 0; } section.servicos .box.servico img {height: initial;} section.servicos .lista-servicos .demais {padding: 10px 0px;} section.servicos .conteudo {margin-top: 30px;} section.servicos .principal .box {min-height: 200px;} section.servicos .principal .box img {height: initial; width: 100%;} #slider .container {left: 60%; top: 30%;} #slider .container h4 {font-size: 18px; line-height: 18px;} #slider .container h3 {font-size: 36px; line-height: 36px;} #slider .container p {margin-bottom: 5px; font-size: 18px;} #slider .container a {padding: 5px 10px;} #slider .container a i {display: none;} #slider .container a strong {font-size: 18px; line-height: 18px;} section.servicos {padding: 50px 0px;} section.sobre .container .flutua {display: none;} section.premissas {padding: 25px; padding-bottom: 150px;} section.premissas .box .conteudo {padding: 55px 15px; padding-bottom: 85px;} footer .col-md-4 img {display: block; margin: 0 auto;} section#slider {padding-top: 70px; margin-top: 70px;} section.sobre {background: none;} } @media all and (max-width:576px) { section#slider {display: none;} section.servicos .lista-servicos {padding: 0px 15px; padding-top: 47px;} section.servicos .principal {padding: 0px;} .conteudo h3 {font-size: 24px !important; line-height: 24px !important;} section.sobre .dados .bloco span.valor {font-size: 36px; line-height: 36px;} header .logo img {max-width: 200px;} section.premissas .box .title h3 {font-size: 24px; line-height: 24px;} section.premissas .box .title h4 {font-size: 18px; padding-left: 0px;} section.premissas .box .title h4:before {display: none;} section.premissas {padding: 20px 0px; padding-bottom: 100px;} section.contato h3 {font-size: 24px; line-height: 24px;} section.contato .box {padding: 25px;} section.sobre {padding: 40px 0px;} footer {padding-bottom: 20px;} section.premissas .relative-premissas .terra, section.premissas .relative-premissas .capacete {display: none;} }