html,
body {
height: 100%;
font-family: 'Open Sans','Helvetica Neue',Arial,sans-serif;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: 'Open Sans','Helvetica Neue',Arial,sans-serif;
}
.navbar {
border: 0px;
border-top: solid 3px #E7A222;
background-color: #FFF;
margin-bottom: 0px;
}
.navbar .navbar-brand {
height: 100px;
display: table;
}
.navbar .active {
font-weight: bold
}
.navbar .container {
/*border-bottom: solid 1px #DBDAD9;*/
color: #FFF
}
.navbar a {
/*border-bottom: solid 1px #DBDAD9;*/
color: #FFF
}
.nav>li>a:focus, .nav>li>a:hover {
background-color: transparent
}
.nav>li.active {
background-color: rgba(0,0,0,0.1)
}
.bg-navbar {
background-color: #098dbc
}
.navbar-toggle {
color: #000
}
.navbar-header {
width: 100%;
}
/**************************************************
LOGIN HEADER
***************************************************/
form.header-login {
margin: 22px 0;
}
form.header-login input {
background-color: #d4d4d4;
border: 0px;
border-radius: 0px;
color: #7b858e;
box-shadow: none;
}
form.header-login input:focus {
box-shadow: none;
}
form.header-login button {
background-color: #008DBC;
border: 1px solid #008DBC;
border-radius: 0px;
color: #adadad;
box-shadow: none;
}
form.header-login button:hover {
border: 1px solid #d4d4d4;
border-radius: 0px;
color: #adadad;
box-shadow: none;
}
form.header-login .row:first-child {
margin-bottom: 10px;
}
form.header-login .form-group {
width: 100%;
}
form.header-login .form-group input {
display: block;
width: inherit;
}
form.header-login button i {
color: #FFF;
}
form.header-login button:hover i {
color: #03003F;
}
#banner-home {
margin-top: 178px;
padding: 0px;
height: 480px;
}
#banner-home .carousel-control.right, #banner-home .carousel-control.left {
background: none;
}
.carousel,
.carousel .item,
.carousel .item .active {
height: 428px;
}
.carousel-inner {
height: 480px;
}
.acesso-controle {
background: url("../images/acesse-controle-01.jpg") center;
height: 111px;
width: 221px;
display: table;
float: right;
}
/* Background images are set within the HTML using inline CSS, not here */
.fill {
width: 100%;
height: 494px;
background-position: center;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
-o-background-size: cover;
}
#frota-print {
height: 300px;
}
#frota-print .carousel-inner {
height: 300px;
}
#frota-print .fill {
height: 300px;
}
/**************************************************
SECTION
***************************************************/
section {
padding: 100px 0;
}
.section-heading {
margin-top: 0;
}
h2.section-heading {
font-family: 'Oswald', sans-serif;
text-transform: uppercase;
}
hr {
max-width: 50px;
border-color: #f05f40;
border-width: 3px;
margin-bottom: 35px
}
/***************
NOSSA REDE
****************/
section#nossa-rede {
}
.box-rede-posto {
border: solid 1px #ebebec;
border-radius: 3px;
height: 360px;
position: relative
}
.box-rede-posto img {
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
height: 160px;
}
.box-rede-posto:hover {
-webkit-transition: box-shadow 0.2s ease-out;
-moz-transition: box-shadow 0.2s ease-out;
transition: box-shadow 0.2s ease-out;
box-shadow: rgba(0,0,0,0.25) 1px 1px 5px 0;
}
.box-rede-posto h3 {
font-size: 1.4em
}
.box-rede-posto .saber-mais {
background-color: #f5f4f4;
color: #636363;
height: 2.75em;
line-height: 2.75em;
cursor: pointer;
position: absolute;
bottom: 0px;
left: 0px;
right: 0px;
}
/***************
SOBRE
****************/
section#sobre {
color: #666666;
}
section#sobre p {
font-size: 1.2em;
margin-bottom: 25px
}
#equipe-print {
height: 500px;
}
#equipe-print .carousel-inner {
height: 500px;
}
#equipe-print .fill {
height: 500px;
}
/***************
CONTROLE DE FROTA
****************/
#controle-frota {
background-color: #DFE0DF;
}
#controle-frota p {
font-size: 1.2em;
margin-bottom: 25px
}
.btn-registro {
border: solid 2px #666666;
padding: 8px 12px;
color: #666666;
font-weight: 600;
display: inline-table;
margin-top: 35px;
font-size: 1.4em;
cursor: pointer
}
.btn-registro:hover {
text-decoration: none;
color: #03003F;
border-color: #03003F
}
/***************
NOSSOS POSTOS
****************/
/***************
DEPOIMENTOS
****************/
section#depoimentos {
background-color: #219145;
}
section#depoimentos .section-heading {
color: #FFF;
}
.testimonials blockquote {
background: #f8f8f8 none repeat scroll 0 0;
border: medium none;
color: #666;
display: block;
font-size: 14px;
line-height: 20px;
padding: 15px;
position: relative;
}
.testimonials blockquote::before {
width: 0;
height: 0;
right: 0;
bottom: 0;
content: " ";
display: block;
position: absolute;
border-bottom: 20px solid #fff;
border-right: 0 solid transparent;
border-left: 15px solid transparent;
border-left-style: inset; /*FF fixes*/
border-bottom-style: inset; /*FF fixes*/
}
.testimonials blockquote::after {
width: 0;
height: 0;
right: 0;
bottom: 0;
content: " ";
display: block;
position: absolute;
border-style: solid;
border-width: 20px 20px 0 0;
border-color: #e63f0c transparent transparent transparent;
}
.testimonials .carousel-info img {
border: 1px solid #f5f5f5;
border-radius: 150px !important;
height: 75px;
padding: 3px;
width: 75px;
}
.testimonials .carousel-info {
overflow: hidden;
}
.testimonials .carousel-info img {
margin-right: 15px;
}
.testimonials .carousel-info span {
display: block;
}
.testimonials span.testimonials-name {
color: #e6400c;
font-size: 16px;
font-weight: 300;
margin: 23px 0 7px;
}
.testimonials span.testimonials-post {
color: #656565;
font-size: 12px;
}
/***************
CONTATO
****************/
section#contato {
}
section#contato input, section#contato textarea, section#contato button, section#contato select {
border-radius: 0px;
border: 0px;
background-color: #F0F3F4;
border: 0px;
border-radius: 0px;
color: #7b858e;
box-shadow: none;
border-bottom: 1px solid #7b858e;
font-size: 1.2em
}
.btn-contato {
border: solid 2px #666666;
padding: 8px 12px;
color: #666666;
font-weight: 600;
display: inline-table;
margin-top: 10px;
font-size: 1.4em;
cursor: pointer
}
.btn-contato:hover {
text-decoration: none;
color: #03003F;
border-color: #03003F
}
/***************
TRABALHE
****************/
section#trabalhe-conosco {
background-color: #E7A222
}
/**************************************************
MODAL
***************************************************/
.modal-content {
border-radius: 0px;
box-shadow: none;
border: 0px;
}
.modal-header {
background-color: #E7A222 ;
}
.modal-header .close span {
font-size: 1.2em;
line-height: 1.5em;
}
.modal-header .modal-title {
font-family: 'Oswald', sans-serif;
text-transform: uppercase;
}
.modal-body h4 {
color: #666666;
border-bottom: solid 2px #666666;
display: block;
font-family: 'Oswald', sans-serif;
text-transform: uppercase;
margin: 0px;
padding-bottom: 4px;
}
footer {
background-color: #7b858e;
padding: 80px 0;
line-height: 2em;
}
footer a {
color: #FFF
}
footer a:hover {
text-decoration: none;
color: #e9a322
}
footer h4 {
color: #FFF;
}
footer .telefone-footer {
color: #CCC;
font-size: 1.5em;
margin-top: 25px;
}
footer .telefone-footer i {
color: #00FF00
}
.copyright {
padding: 12px 0;
font-size: 0.9em
}
/**************************************************
MODAL 2
***************************************************/
.modal-content2 {
border-radius: 0px;
box-shadow: none;
border: 0px;
background-color: #eeeeed;
padding-bottom: 25px;
}
.modal-content2 .modal-header {
background-color: #eeeeed ;
}
.modal-content2 .modal-header .close span {
font-size: 3em;
line-height: .8em;
font-weight: 100
}
.modal-content2 .modal-header .modal-title {
font-family: 'Open Sans','Helvetica Neue',Arial,sans-serif;
font-size: 2em;
}
.modal-content2 .modal-body row {
padding: 0 25px
}
.modal-content2 .modal-body h4 {
color: #666666;
border-bottom: solid 2px #666666;
display: block;
font-family: 'Oswald', sans-serif;
text-transform: uppercase;
margin: 0px;
padding-bottom: 4px;
background-color: #eeeeed
}
.modal-content2 input, .modal-content2 select {
border-radius: 0px;
line-height: 1.5em;
display: table;
height: 46px;
font-size: 1.1em
}
.modal-content2 .btn-envia-cadastro {
margin: 0 auto;
display: table;
margin-top: 20px;
cursor: pointer
}
.button{text-decoration:none;border:none;height:43px;-webkit-border-radius:5px;-webkit-background-clip:padding-box;-moz-border-radius:5px;-moz-background-clip:padding;border-radius:5px;background-clip:padding-box;font-size:18px;text-shadow:0 1px 1px rgba(0,0,0,0.2);line-height:43px;text-transform:uppercase;display:inline-block;white-space:nowrap;border-bottom:0;-webkit-transition:background-color .1s linear 0 .1s linear;-moz-transition:background-color .1s linear 0 .1s linear;-o-transition:background-color .1s linear box-shadow .1s linear;-ms-transition:background-color .1s linear box-shadow .1s linear;transition:background-color .1s linear box-shadow .1s linear;background-color:#95999b;-webkit-box-shadow:0 2px 0 rgba(0,0,0,0.15), 0 2px 0 #95999b;-moz-box-shadow:0 2px 0 rgba(0,0,0,0.15), 0 2px 0 #95999b;box-shadow:0 2px 0 rgba(0,0,0,0.15), 0 2px 0 #95999b;color:#fff;position:relative;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);padding:2px 25px 0;}
.button:hover{background-color:#9da1a2;}
.button:active{-webkit-box-shadow:0 0 0 rgba(0,0,0,0.15), 0 0 0 #95999b;-moz-box-shadow:0 0 0 rgba(0,0,0,0.15), 0 0 0 #95999b;box-shadow:0 0 0 rgba(0,0,0,0.15), 0 0 0 #95999b;-webkit-transform:translate3d(0,2px,0);-moz-transform:translate3d(0,2px,0);-o-transform:translate3d(0,2px,0);-ms-transform:translate3d(0,2px,0);transform:translate3d(0,2px,0);}
.button.blue{background-color:#3498db;-webkit-box-shadow:0 2px 0 rgba(0,0,0,0.15), 0 2px 0 #3498db;-moz-box-shadow:0 2px 0 rgba(0,0,0,0.15), 0 2px 0 #3498db;box-shadow:0 2px 0 rgba(0,0,0,0.15), 0 2px 0 #3498db;color:#fff;}
.button.blue:hover{background-color:#419fdd;}
.button.blue:active{-webkit-box-shadow:0 0 0 rgba(0,0,0,0.15), 0 0 0 #3498db;-moz-box-shadow:0 0 0 rgba(0,0,0,0.15), 0 0 0 #3498db;box-shadow:0 0 0 rgba(0,0,0,0.15), 0 0 0 #3498db;}
.button.blue span{color:#1D587E;text-shadow:0 2px 0 rgba(255,255,255,0.29);position:relative;}
.button.blue span.inline{display:block;color:#1D587E;font-size:12px;text-shadow:0 1px 0 rgba(255,255,255,0.29);position:relative;top:7px;line-height:4px;text-align:center;}
.button.green{background-color:#4ec067;-webkit-box-shadow:0 2px 0 rgba(0,0,0,0.15), 0 2px 0 #4ec067;-moz-box-shadow:0 2px 0 rgba(0,0,0,0.15), 0 2px 0 #4ec067;box-shadow:0 2px 0 rgba(0,0,0,0.15), 0 2px 0 #4ec067;color:#fff;}
.button.green:hover{background-color:#59c471;}
.button.green:active{-webkit-box-shadow:0 0 0 rgba(0,0,0,0.15), 0 0 0 #4ec067;-moz-box-shadow:0 0 0 rgba(0,0,0,0.15), 0 0 0 #4ec067;box-shadow:0 0 0 rgba(0,0,0,0.15), 0 0 0 #4ec067;}
.button.green strong{text-shadow:0 1px 1px rgba(15,146,70,0.75);display:block;}
.button.green span{color:#11773d;text-shadow:0 2px 0 rgba(255,255,255,0.29);position:relative;}
.button.green span.inline{display:block;color:#11773d;font-size:12px;text-shadow:0 1px 0 rgba(255,255,255,0.29);position:relative;top:7px;line-height:4px;text-align:center;}
.button.blue.big,.button.green.big{height:63px;line-height:63px;text-align:center;}
footer {
background-color: #7b858e;
padding: 80px 0;
line-height: 2em;
}
footer a {
color: #FFF
}
footer a:hover {
text-decoration: none;
color: #e9a322
}
footer h4 {
color: #FFF;
}
footer .telefone {
color: #CCC;
font-size: 1.5em;
margin-top: 25px;
}
footer .telefone i {
color: #00FF00
}
.copyright {
padding: 12px 0;
font-size: 0.9em
}
.testimonial_spch_babl_brdr_carousel_caption{padding:15px;padding-top:25px}
.testimonial_spch_babl_brdr_carousel_text>p{padding:15px;margin:1em 0 2em;position:relative;text-align:center;font-family:'Open Sans',sans-serif;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px}
.testimonial_spch_babl_brdr_carousel_text>p:before{left:30px;content:"";bottom:-14px;display:block;position:absolute;border-style:solid;border-width:14px 14px 0}
.testimonial_spch_babl_brdr_carousel_text>p:after{left:33px;content:"";bottom:-11px;display:block;position:absolute;border-style:solid;border-width:11px 11px 0}
.testimonial_spch_babl_brdr_carousel_text>p>i{margin-right:5px}
.testimonial_spch_babl_brdr_carousel_image img{width:100%;min-width:35px;-webkit-border-radius:100%;border-radius:100%;-webkit-filter:grayscale(70%);-moz-filter:grayscale(70%);-ms-filter:grayscale(70%);-o-filter:grayscale(70%);filter:grayscale(70%);-webkit-transition:all .3s ease 0s;-moz-transition:all .3s ease 0s;-ms-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s}
.testimonial_spch_babl_brdr_carousel_caption:hover .testimonial_spch_babl_brdr_carousel_image img{-webkit-filter:grayscale(0%);-moz-filter:grayscale(0%);-ms-filter:grayscale(0%);-o-filter:grayscale(0%);filter:grayscale(0%)}.testimonial_spch_babl_brdr_carousel_author{padding-left:5px;padding-right:5px}
.testimonial_spch_babl_brdr_carousel_author>h5{font-weight:600;margin:5px 0 5px 0;text-transform:capitalize;font-family:'Open Sans',sans-serif}.testimonial_spch_babl_brdr_carousel_author>a,.testimonial_spch_babl_brdr_carousel_author>a:visited{display:block;font-size:11px;letter-spacing:1px;text-decoration:none;margin:0 0 5px 0;text-transform:capitalize;font-family:'Raleway',sans-serif;-webkit-transition:color .3s ease 0s;transition:color .3s ease 0s}
.testimonial_spch_babl_brdr_rating{padding:0;list-style-type:none;margin:5px 0 5px 0}
.testimonial_spch_babl_brdr_rating li{display:inline}
.testimonial_spch_babl_brdr_carousel_wrapper{background:transparent}
.testimonial_spch_babl_brdr_carousel_text>p{color:#FFF;border:2px solid #FFF}
.testimonial_spch_babl_brdr_carousel_text>p:before{border-color:#FFF transparent}
.testimonial_spch_babl_brdr_carousel_text>p:after{border-color:#fff transparent}
.testimonial_spch_babl_brdr_carousel_author>h5{color:#FFF}
.testimonial_spch_babl_brdr_carousel_author>a,.testimonial_spch_babl_brdr_carousel_author>a:visited{color:#555}
/*.testimonial_spch_babl_brdr_carousel_author>a:hover,.testimonial_spch_babl_brdr_carousel_author>a:active{color:#feb600}*/
/*.testimonial_spch_babl_brdr_rating li i{color:#feb600}*/
.testim_spch_babl_box_botm_carousel_wrapper{padding:25px;overflow:hidden}
.testim_spch_babl_box_botm_carousel_wrapper>h1{font-weight:800;text-align:center;text-transform:uppercase;font-family:'Open Sans',sans-serif}