/* CSS Estilo ***********************************************************************************************************************************************************/
@font-face {
    font-family: 'exo_2regular';
    src: url('../fonts/exo2-regular-webfont.woff2') format('woff2'),
         url('../fonts/exo2-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'exo_2medium';
    src: url('../fonts/exo2-medium-webfont.woff2') format('woff2'),
         url('../fonts/exo2-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'exo_2semi_bold';
    src: url('../fonts/exo2-semibold-webfont.woff2') format('woff2'),
         url('../fonts/exo2-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'exo_2semi_bold_italic';
    src: url('../fonts/exo2-semibolditalic-webfont.woff2') format('woff2'),
         url('../fonts/exo2-semibolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'exo_2italic';
    src: url('../fonts/exo2-italic-webfont.woff2') format('woff2'),
         url('../fonts/exo2-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* GERAL */
.section { padding: 25px 0; }

.sec-grey { background: #f4f6f7; border-bottom: 1px solid #e6e6e6; }
.sec-grey:before {
	content: '';
	position: absolute;
	width: 20%;
	left: 40%;
	top: 0;
	border-top: 6px solid #f60100;
}

.sec-map { padding: 0; }
.sec-map .col-md-12 { padding: 0; }

h2 { font-family: 'exo_2italic'; font-size: 30px; color: #4b4e57; margin: 10px 0 15px 0; }
h3 { font-family: 'exo_2italic'; font-size: 24px; color: #4b4e57; margin: 20px 0 15px 0; }
h4 { font-family: 'exo_2italic'; font-size: 22px; color: #4b4e57; }

h3 span { font-family: 'exo_2semi_bold_italic'; color: #ed0000; }

p { font-family: 'exo_2italic'; font-size: 16px; line-height: 23px; color: #4b4e57; padding: 5px 0; margin-bottom: 10px; }

ul { padding-left: 20px; }
ul li { font-family: 'exo_2italic'; font-size: 16px; line-height: 23px; color: #4b4e57; padding: 5px 0; }

dl dt { font-family: 'exo_2semi_bold_italic'; font-size: 16px; color: #4b4e57; }
dl dd { font-family: 'exo_2italic'; font-size: 14px; color: #4b4e57; margin: 3px 0 10px 0; }

i.fa { color: #ed0000; }
a:hover i.fa { color: #c9302c; }

.img-thumbnail { margin: 5px 0; }

.btn { font-family: 'exo_2semi_bold_italic'; }
.btn-danger { background: #ed0000; border-color: #ed0000; }

/* HEADER */
header { margin-top: 10px; }
#p-logo-header { font-family: 'exo_2medium'; color: #ed0000; margin: 8px 10px 0 0; }
#p-logo-header strong { font-size: 18px; color: #4b4e57; }
#p-logo-header a { color: #ed0000; }

header #col-headphone { border-left: 1px solid #ccc; }
header i.fa { margin: 25px 17px 25px 0; }

.navbar { border: 0; background: #ebeef0; margin-top: 10px; }

.navbar-nav li { padding: 0; }
.navbar-nav li a { font-family: 'exo_2semi_bold_italic'; font-size: 17px; color: #4b4e57 !important; padding: 15px 16px; }
.navbar-nav li.active a, .navbar-nav li a:hover { color: #fff !important; background: #ed0000 !important; }

/* TEASER */
.carousel-caption { left: 60%; top: 34%; max-width: 450px; }
.carousel-caption h2 { font-family: 'exo_2italic'; font-size: 30px; color: #fff; }
.carousel-caption p { font-size: 18px; color: #fff; }

.teaser { min-height: 300px; }
.teaser h2 { font-size: 38px; color: #fff; margin-top: 95px; }
#teaser-services { background: url(../img/teaser/caminhao.jpg) center no-repeat; }

/* CONTENT */
.sec-home-2 { padding: 15px 0 31px 0; }
.sec-home-2 p { margin-bottom: 5px; }
.img-border { margin: 10px 0; }

/* MAPS */
#maps { position: relative; }
.panel-maps { display: none; position: absolute; width: 280px; }
.panel-maps ul { margin-bottom: 0; }

#rs { bottom: -5%; right: 23%; }
#sc { bottom: 1%; right: 20%; }
#pr { bottom: 6%; right: 20%; }
#sp { bottom: 1%; right: 17%; }
#mg { bottom: 20%; right: 13%; }
#ba { bottom: 33%; right: 10%; }
#pb { bottom: 45%; right: 4%; }
#rj { bottom: 14%; right: 12%; }
#ce { bottom: 55%; right: 7%; }
#pi { bottom: 55%; right: 11%; }

/* FORM */
fieldset { margin-top: 10px; }
label, input, textarea { font-family: 'exo_2italic'; color: #333; }
label { text-align: left !important; }

#col-contact dl { border-bottom: 1px solid #ccc; padding-bottom: 20px; margin-bottom: 30px; }
#col-contact dl dd { font-size: 16px; color: #ed0000; }
#col-contact dl dd a { color: #ed0000; }

#ifr-contact { margin-bottom: -5px; }

/* FOOTER */
footer { background: #34373e; padding: 25px 0 10px 0 !important; }
footer:before {
	content: '';
	position: absolute;
	width: 20%;
	left: 40%;
	top: -6px;
	border-top: 6px solid #f60100;
}


footer p { font-size: 14px; color: #a9abae; }
footer p strong { font-size: 18px; color: #fff; }
footer p a, footer p a:hover { color: #fff; }

footer img { margin-bottom: 15px; }
footer h3 { font-size: 18px; color: #fff; }

footer ul { margin-top: 20px; }
footer ul li { padding: 0; }
footer ul li a { font-size: 15px; color: #fff; padding: 8px 0 !important; }
footer ul li a:hover { color: #fff; background: none !important; }

.copyright { background: #202226; }
.copyright p { font-size: 12px; color: #a9abae; margin-bottom: 0; padding: 0; }
.copyright img { margin-top: 5px; }

.btn-whatsapp {
  position: fixed;
  width: 60px;
  height: 60px;
  bottom: 40px;
  right: 40px;
  background-color: #25d366;
  border-radius: 50px;
  text-align: center;
  font-size: 33px;
  box-shadow: 1px 1px 2px #888;
  z-index: 1000;
  padding-top: 5px;
}
.btn-whatsapp i { color: #fff !important; }