html, body{
font-family: 'Lato', sans-serif;
}
.h2, h2 {
font-size: 26px;
}
header{
position: absolute;
top: 0px;
width: 100%;
margin-left: 0px !important;
margin-right: 0px !important;
}
#header{
margin-right: 100px;
z-index: 1;
}
#header > div{
margin-left: 0px ;
margin-right: 0px ;
padding-left: 0px ;
padding-right: 0px ;
}
.navbar {
margin-bottom: 2px;
}
.menu-pesquisa-login{
float:right;
color:white;
position: relative;
top: -40px;
margin-right: 50px;
}
.menu-pesquisa-login > a{
color:white;
margin:0px 10px;
}
#menu-holder{
background: rgba(45, 85, 126, 0.8);
/*
-webkit-clip-path: polygon(3% 0, 100% 0, 300% 1000%, 1% 300%);
clip-path: polygon(3% 0, 100% 0, 300% 1000%, 1% 300%);
*/
-webkit-clip-path: polygon(2% 0, 100% 0, 300% 1000%, 0% 300%);
clip-path: polygon(2% 0, 100% 0, 300% 1000%, 0% 300%);
/*width: 87%;*/
width: 83%;
max-width: 1593px;
position: fixed;
right: 0;
font-family: 'PT Sans Caption', sans-serif;
}
#logo-holder{
background: rgba(255, 255, 255, 0.8);
-webkit-clip-path: polygon(0% 0, 99% 0, 94% 100%, 0% 100%);
/*clip-path: polygon(0% 0, 100% 0, 86% 100%, 0% 100%);*/
clip-path: polygon(0% 0, 99% 0, 94% 100%, 0% 100%);
position: absolute;
left: 0;
/*width: 300px;*/
width: 19%;
max-width: 362px;
position: fixed;
left: 0;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
color: white;
background-color: transparent;
}
#logo-holder > a > img{
padding: 15px ;
/*margin-left: 55px;*/
margin: 0 auto;
}
.menu-pesquisa-login > a:hover, .menu-pesquisa-login > a.active{
color: #d9831e;
}
#menuheader{
border: none;
}
.navbar.navbar-default{
background: none;
border: none;
}
.navbar-default .navbar-nav>li>a{
color: white;
text-transform: uppercase;
}
.navbar-default .navbar-nav>li:hover>a, .navbar-default .navbar-nav>li>a.selected{
color: #d9831e;
}
.navbar{
margin-top: 20px;
}
li.open > a > span{
color: #d9831e;
}
.bannerHolder img{
width: 100%;
max-width: 100%;
min-height: 150px;
}
.bannerHolder{
z-index: -9;
max-width: 100%;
}
#banner_pagina .banner{
z-index:-2;
position:relative;
min-height: 550px;
background-position: center center;
background-size: cover;
}
#banner_pagina .homepage.banner{
z-index:-2;
position:relative;
min-height: 800px;
background-position: center center;
background-size: cover;
}
#banner_pagina .banner > .banner-text-holder{
position: absolute;
-webkit-clip-path: polygon(0% 0, 100% 0, 91% 100%, 0% 100%);
clip-path: polygon(0% 0, 100% 0, 91% 100%, 0% 100%);
background: rgba(255, 255, 255, 0.8);
bottom:100px;
width: 40%;
padding: 30px;
font-size: 25px;
}
ul#menu_id_1{
float: right;
margin-right: 30px;
}
.ctaHolder {
width: 100%;
height: 125px;
}
.ctaHolder > .cta-item {
float: left;
width: 27.996%;
min-height: 125px;
background-position: center center;
background-size: cover;
text-align: center;
line-height: 125px;
color: white;
font-size: 24px;
margin-left: -76px;
-webkit-clip-path: polygon(12% 0, 100% 0, 86% 100%, 0% 100%);
clip-path: polygon(12% 0, 100% 0, 86% 100%, 0% 100%);
text-transform: uppercase;
}
.grupo > div, .ferias > div {
background: rgba(45, 85, 126, 0.8);
width: 100%;
height: 100%;
max-height: 125px;
position: absolute;
}
.viagens > div, .saude > div {
background: rgba(217, 131, 30, 0.8);
width: 100%;
height: 100%;
max-height: 125px;
position: absolute;
}
.ctaHolder > .cta-item > a {
position: absolute;
color: white;
margin-left: -66px;
}
.ctaHolder > .cta-item:last-child > a {
position: absolute;
color: white;
margin-left: auto;
}
.ctaHolder > .cta-item:first-child {
margin-left: 0px;
-webkit-clip-path: polygon(0% 0, 100% 0, 86% 100%, 0% 100%);
clip-path: polygon(0% 0, 100% 0, 86% 100%, 0% 100%);
}
.ctaHolder > .cta-item:last-child {
-webkit-clip-path: polygon(100% 100%, 100% 0, 14% 0%, 0% 100%);
clip-path: polygon(100% 100%, 100% 0, 14% 0%, 0% 100%);
}
.container{
margin-top: 30px;
}
.title-orange{
border-left: solid 8px #d9831e;
}
.title-orange h1{
text-transform: uppercase;
padding-top: 15px;
padding-left: 15px;
line-height: 10px;
}
.title-orange .small{
padding-left: 15px;
padding-bottom: 15px;
font-size: 100%;
}
.productDestaques{
margin-top: 30px;
}
.productDestaques .text-holder h3{
text-transform: uppercase;
}
.productDestaques .text-holder p{
font-size: 90%;
}
a.more-info{
color: black;
}
a.more-info > span{
color: #d9831e;
}
.testemunhos{
margin-top: 30px;
background: #2d557e;
color: white;
}
.testemunhos h4{
text-transform: uppercase;
margin-bottom: 0px;
}
.testemunhos p{
margin-top: 20px;
}
.testemunhos > .row > div:first-child{
padding-top: 10px;
padding-bottom: 10px;
padding-left: 40px;
}
.bottom-banner{
margin-top: 30px;
}
.bottom-banner > div{
min-height: 280px;
background-size: cover;
background-position: center center;
position: relative;
width: 53.67%;
color: white;
}
.bottom-banner > div:first-child{
-webkit-clip-path: polygon(0% 0, 100% 0, 86% 100%, 0% 100%);
clip-path: polygon(0% 0, 100% 0, 86% 100%, 0% 100%);
float: left;
}
.bottom-banner > div:first-child > .text-holder{
-webkit-clip-path: polygon(0% 0, 100% 0, 89% 100%, 0% 100%);
clip-path: polygon(0% 0, 100% 0, 89% 100%, 0% 100%);
margin: 30px;
margin-right: 45px;
background: rgba(45, 85, 126, 0.8);
padding: 75px;
}
.bottom-banner > div:last-child > .text-holder{
-webkit-clip-path: polygon(12% 0, 100% 0, 100% 100%, 0% 100%);
clip-path: polygon(12% 0, 100% 0, 100% 100%, 0% 100%);
margin: 30px;
margin-left: 45px;
background: rgba(45, 85, 126, 0.8);
padding: 75px;
padding-left: 180px;
}
.bottom-banner > div:last-child{
-webkit-clip-path: polygon(14% 0, 100% 0, 100% 100%, 0% 100%);
clip-path: polygon(14% 0, 100% 0, 100% 100%, 0% 100%);
float: right;
margin-left: -140px;
}
.bottom-banner::after{
clear: both;
}
.social{
text-align: center;
padding: 15px 0px ;
}
#navbar-menu-bottom{
text-align: center;
padding-top: 15px;
}
#footer > .container:last-child{
margin-top: 0px;
}
footer{
clear: both;
background-color: #d9831e ;
color: black;
text-transform: uppercase;
font-weight: bold;
padding-bottom: 30px;
}
footer a{
background-color: #d9831e ;
color: black;
}
.output{
margin-top: 45px ;
margin-bottom: 30px ;
}
.bottom-banner .more-info{
color: white;
}
.bottom-banner .more-info > span{
color: white;
}
.bottom-banner .text-holder h2{
text-transform: uppercase;
}
/* INICIO DIV Over Banner*/
div.over-banner{
width: 600px;
margin: 0 auto;
margin-top: -111px;
background: white;
padding: 15px 45px;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
/* FIM DIV OVER BANNER */
.btn-blue-patamar{
background: rgb(45, 85, 126);
color: white;
text-align: center;
border: none;
padding: 10px 30px;
width: 100%;
text-transform: uppercase;
}
.map-hover{
background: rgba(45, 85, 126, 0.8);
color: white;
text-align: center;
padding: 50px;
position: absolute;
top: 0;
width: 80%;
margin: 41px 41px;
}
.map-hover > h2 {
margin-bottom: 45px;
}
.map-hover > p {
line-height: 32px;
}
#login{
margin-top: 15px;
}
#login p > a {
text-align: center;
color: rgb(45, 85, 126);
}
#login p {
text-align: center;
color: rgb(45, 85, 126);
}
#login input{
padding-top: 15px;
padding-bottom: 16px;
border: solid thin rgb(45, 85, 126);
border-radius: 0px;
}
#login input::placeholder{
color: rgb(45, 85, 126);
}
/*
#form_6, #form_7{
margin-top: 15px;
}
#form_6 .div_block_ele, #form_7 .div_block_ele{
width: 100%;
margin-bottom: 15px;
}
#form_6 input::placeholder , #form_6 textarea::placeholder, #form_7 input::placeholder , #form_7 textarea::placeholder {
color: rgb(45, 85, 126) ;
}
#form_6 input, #form_6 textarea, #form_7 input, #form_7 textarea {
z-index: 0;
padding-top: 15px;
padding-bottom: 16px;
border: solid thin rgb(45, 85, 126);
}
#form_7 select {
border: solid thin rgb(45, 85, 126);
color: rgb(45, 85, 126);
}
#form_6 #enviarform, #form_7 #enviarform {
background: #d9831e;
color: black;
border-radius: 0px;
}
#form_6 .separator, #form_7 .separator{
text-align: center;
color: rgb(45, 85, 126);
}
*/
/* START DEFAULT FORM */
form[id*="form_"]{
margin-top: 15px;
}
form[id*="form_"] .div_block_ele{
width: 100%;
margin-bottom: 15px;
}
form[id*="form_"] input::placeholder , form[id*="form_"] textarea::placeholder{
color: rgb(45, 85, 126) ;
}
form[id*="form_"] input, form[id*="form_"] textarea{
z-index: 0;
padding-top: 15px;
padding-bottom: 16px;
border: solid thin rgb(45, 85, 126);
z-index: 0 !important;
}
form[id*="form_"] select {
border: solid thin rgb(45, 85, 126);
color: rgb(45, 85, 126);
z-index: 0 !important;
}
form[id*="form_"] #enviarform{
background: #d9831e;
color: black;
border-radius: 0px;
}
form[id*="form_"] .separator{
text-align: center;
color: rgb(45, 85, 126);
}
form[id*="form_"] > div > div{
padding-right: 0px;
padding-left: 0px;
}
form[id*="form_"] > div {
padding-right: 0px;
padding-left: 0px;
}
/* END DEFAULT FORM */
.map:hover .map-hover{
display: none;
}
.cms-banner > img{
width: 100%;
}
.page-title{
margin-left: 30px;
}
#enviarform:hover{
background: #d9831e;
color: white;
}
ul.dropdown-menu.sub-menu{
top: 91px;
width: 86%;
position: fixed;
left: 14%;
padding-left: 31%;
background: rgba(45, 85, 126, 0.8);
color: white;
border: none;
}
.dropdown-menu > li > a {
color: white;
}
.dropdown-menu > li > a:hover {
color: #d9831e;
background: transparent;
}
.dropdown-menu > li {
width: 50%;
float: left;
}
.search-form{
position: fixed;
background: white;
right: 100px;
padding: 15px;
display: none;
}
#search input {
line-height: 45px;
height: 45px;
}
#search #submit{
background: rgb(45, 85, 126);
color: white;
border: none;
}
#palavra{
min-width: 260px;
}
.goweb-water{
font-family: "Font Awesome 5";
content: '\f368';
}
.goweb-water::before{
font-family: "Font Awesome 5";
content: '\f368';
}
.saude-item{
margin-bottom: 45px;
}
.saude-item h2{
color: rgb(45, 85, 126);
text-transform: uppercase;
font-size: 25px;
}
.saude-item h3{
color: rgb(45, 85, 126);
text-transform: uppercase;
font-size: 20px;
margin: 0px;
margin-bottom: 15px;
}
.saude-item .patamar-saude-icon{
font-size: 60px;
color: rgb(45, 85, 126);
}
.social{
text-align: center;
}
.patamar-social-icon{
font-size: 40px;
color: #242424;
cursor: pointer;
max-width: 100px;
display: inline-block;
}
.saude-item a.saude-btn{
background: rgb(45, 85, 126);
color: white;
text-transform: uppercase;
padding: 10px 15px;
margin-top: 20px;
}
.saude-item a.saude-btn:hover{
background: #d9831e;
color: white;
text-decoration: none;
}
p.saude-subtitle{
margin-bottom: 30px;
}
.destaque .text{
min-height: 141px;
}
.shadow{
box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.25) ;
-webkit-box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.25) ;
-moz-box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.25) ;
}
.slider-button-holder{
padding-top: 75px;
}
.slider-prev{
font-size: 40px;
width: 40px;
height: 40px;
}
.slider-next{
font-size: 40px;
width: 40px;
height: 40px;
}
.partners{
-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
filter: grayscale(100%);
}
.partners img{
height: 99px;
width: auto;
}
.partners:hover{
-webkit-filter: none;
filter: none;
}
#slick1{
display: none;
}
.banner-links-holder > div{
width: 32px;
height: 32px;
color: rgb(45, 85, 126);
cursor: pointer;
}
.banner-links-holder > div {
float: right;
margin-right: 15px;
margin-top: 10px;
}
a.back-history{
text-transform: uppercase;
color: black;
}
a.back-history::before {
color: #d9831e;
content: "<";
font-size: 25px;
position: absolute;
margin-top: -8px;
margin-left: -17px;
}
.input-group-addon {
padding: 0px;
padding-right: 15px;
font-size: inherit;
font-weight: normal;
line-height: 1;
color: #555;
/* text-align: center; */
background: none;
border:none;
border-radius: 0px;
}
.LV_validation_message.LV_valid{
position: absolute;
right: 8px;
top: 2px;
}
.LV_validation_message.LV_invalid{
position: absolute;
right: 8px;
top: 5px;
}
.invalid_txt{
display: none;
}
#form_7 textarea, #form_8 textarea{
max-height: 300px;
}