/* ESTILOS PADRONIZADOS */

@-webkit-viewport   { width: device-width; }
@-moz-viewport      { width: device-width; }
@-ms-viewport       { width: device-width; }
@-o-viewport        { width: device-width; }
@viewport           { width: device-width; }

html, body {height: 100%;}
body, .no-margin {margin: 0;}
#marca {text-indent: -9999px;margin:0;}
#marca a {display: block;}
.absolute { position: absolute; }
.relative, .center { position: relative;}
a:hover, a:active, a:focus {text-decoration: none;}

/*  FIM - PADRONIZADOS */
/* ******************************* */


/* COMUNS/AGRUPADOS */

.navbar, .navbar.floating, .navbar-toggle, .floating.navbar-toggle, .btn-default, #instagram img:hover, #instagram img {
    -webkit-transition: all 200ms ;
    -moz-transition: all 200ms ;
    -ms-transition: all 200ms ;
    -o-transition: all 200ms ;
    transition: all 200ms ;
}

h1, h2, h3, nav li a, .more, .btn-default, .menu-title, .legenda {
	font-family: 'Montserrat', sans-serif;
	letter-spacing: -2px;
	font-weight: 700;
	text-transform: uppercase;
}

body, .form-control {font-family: 'Anaheim', sans-serif;}

body, .navbar, .interna .amostra {background-color: #f5f5f5;}

/*  FIM - COMUNS/AGRUPADOS */
/* ******************************* */


html #wpadminbar {position: fixed;}

body {font-size: 18px; color: #000;}

#marca a {
	width: 360px; height: 110px;
	margin-top: 10px;
	background: url('../../imgs/bgs/marca-terradourada.png') no-repeat;
}

.navbar {margin: 0;	border: none;}
	.navbar-nav {margin-bottom: 50px;}
	.navbar-toggle {
		width: 56px;
		padding: 8px; margin-top: 80px;
		border: 2px solid #0a50aa; border-radius: 0;
	}
		.navbar-toggle .icon-bar {
			width: 100%; height: 2px;
			background: #0a50aa;
		}
		.navbar-toggle .icon-bar + .icon-bar {margin-top: 8px;}
	.navbar.floating {
		width: 100%;
		position: fixed;
		z-index: 999;
		padding: 20px 0 0px;
	}
		.floating .navbar-toggle {margin-top: 0;}
		.floating .nav {margin-top: 25px;}
		.floating #marca a {
			width: 120px; height: 48px;
			margin-bottom: 25px;
			background: url('../../imgs/bgs/marca-icon.jpg') no-repeat;
		}
	.nav {margin-top: 100px;}
	.nav li a {color: #0a50aa; border-right: 1px solid #0a50aa; padding: 0 15px;}
	.nav li:last-child a {border-right: none; padding: 0 15px 0;}

.menu-title {
	position: absolute;
    right: 65px;
    text-transform: uppercase;
    top: 29px;
    color: #0a50aa;
    font-size: 20px;
}

.divisor {
	width: 100%; height: 25px;
	background-repeat: repeat-x;
	background-position: bottom;
	box-shadow: 0px 5px 5px #989696;
}
.divisor.yll {background-image: url('../../imgs/bgs/yll.jpg');}
.interna .divisor.yll {background: #ffc801;}
.divisor.wt {background-image: url('../../imgs/bgs/wt.jpg');}
.divisor.bl {background-image: url('../../imgs/bgs/bl.jpg');}

.carousel-home {padding: 0;}

#destaques .item {height: 645px; background-position: center top;}
	.carousel-indicators li, .carousel-indicators li.active, .carousel-indicators a {
		width: 20px; height: 20px;
		border: none;
		opacity: .7;
	}
	.carousel-indicators li, .carousel-indicators a {background: #FFF;}
	.carousel-indicators li.active, .carousel-indicators a.activeSlide {background: #ffc800;}

section {padding: 100px 0; position: relative;}

.link-scroll {position: absolute; top: -120px;}

.main-title {
	margin: 0px 0 60px;
	font-size: 45px; color: #3c5578;
}

#sobre {border-bottom: 3px solid #000;}
	#sobre .text {background: url('../../imgs/bgs/sobre.png') no-repeat right bottom;}

.icon {background-image: url('../../imgs/icons/sprite.png') !important; background-repeat: no-repeat;}

#bus {
	width: 100%; height: 132px;
	background-position: left -214px;
	margin-top: 20px;
}

.icon-g {height: 102px;}

.servico {
	border: 2px solid #000; border-radius: 10px;
	margin-bottom: 35px;
}
	.servico .icon {margin: 65px auto 0; width: 270px;}
	.servico01 {background-position: -43px 0px;}
	.servico02 {background-position: -403px 0px;}
	.servico03 {background-position: -763px 0px;}
	.servico04 {background-position: -1123px 0px;}
	.servico05 {background-position: -1483px 0px;}
	.servico06 {background-position: -1843px 0px;}

	.second-title {
		font-size: 20px;
		border-bottom: 2px solid #000;
		padding: 20px 15px;
		margin: 0;
	}
		.second-title span {
			font-size: 15px;
			font-weight: 400;
			letter-spacing: 0;
			display: block;
		}
	.servico-title {margin-top: 50px;}
	.servico .text, .amostra .text {padding: 20px 15px;}
	.servico .text {height: 90px;line-height: 18px;}

#frota {
	padding-bottom: 0;
	border-top: 3px solid #adadaf;
	background-image: url('../../imgs/bgs/frotas.jpg');
}
	#frota .divisor, #instagram .divisor {margin-top: 75px;}
	.frotas-carousel {padding: 0 150px;}
	.amostra {
		padding-top: 20px; margin-bottom: 30px;
		border-radius: 10px;
		box-shadow: 0 0px 20px rgba(0, 0, 0, .175);
		background: #fff;
	}
		.amostra .img-amostra {display: block; text-align: center;}
		.amostra img {margin-top: 20px;}
		.amostra .text {line-height: 20px; height: 260px;}

	#frotas-carousel-xs .amostra .text {height: auto;}

#swipebox-overlay {background: rgba(13, 13, 13, 0.95);}

.carousel-control {
	width: 68px; height: 73px;
	top: 50%; bottom: 50%;
}
.carousel-control.left {background-position: -68px -141px;}
.carousel-control.right {background-position: 0px -141px;}

img {max-width: 100%; height: auto;}

.click {
	width: 20px; height: 20px;
	float: right;
	margin-right: 20px;
	background: -250px -114px;
}

#roteiros {background: url('../../imgs/bgs/rotas.jpg') no-repeat;}
	#roteiros .second-title {border-bottom: none; border-top: 2px solid #000;}
	#roteiros .amostra img {margin: 10px 0 20px;}

.icon-p {
	width: 40px; height: 38px;
	float: left;
	margin-left: 20px;
}
.icon-p.cat1 {background-position: 0 -104px;}
.icon-p.cat3 {background-position: -3px -104px;}
.icon-p.cat4 {background-position: -120px -104px;}
.icon-p.cat5 {background-position: -44px -104px;}
.icon-p.cat6 {background-position: -200px -104px;}

.more {color: #0a50aa; font-size: 20px;}

.ig-pic {margin-bottom: 30px;}

#instagram img:hover {
	width: 160px; height: 160px;
	border: 5px solid #FFF;
}

footer {position: relative; padding: 90px 0; }
footer iframe {position: absolute; top: 0; z-index: 4;}

#form {
	padding: 60px;
	z-index: 98;
	border-radius: 10px;
	box-shadow: 0 0px 20px rgba(0, 0, 0, .175);
	z-index: 5;
	position: relative;
	background: #f5f5f5;
}

.form-group {margin-bottom: 20px;}

.form-control {
	border: 2px solid #000;
	border-radius: 10px;
	margin-bottom: 10px;
	font-size: 18px;
	min-height: 50px;
	padding: 20px;
}

.form-control::-moz-placeholder {color: #000;}
.form-control:-ms-input-placeholder {color: #000;}
.form-control::-webkit-input-placeholder {color: #000;}

.btn-default {
	width: 100%;
	color: #ffc800; font-size: 20px;
	display: block;
	border: none;
	padding: 22px;
	border-radius: 10px;
	outline: none !important;
	background: #0a50aa;
}
textarea.form-control {height: 140px;}

#social a {
	width: 65px; height: 65px;
	display: inline-block;
	margin: 30px 0 20px;
}
#social a#fb {background-position: -324px -102px;}
#social a#ig {background-position: -396px -102px;}

#info {
	font-size: 23px;
	text-align: justify;
	border-top: 2px solid #000;
	padding-top: 20px;
}
#info span.text {font-size: 15px; display: inline-block;}

.wpp {
	width: 29px; height: 29px;
	display: inline-block;
	margin: 0 2px;
	background-position: -285px -105px;
}

#sig {background: #FFc800;}

#map-canvas {
	width: 100%; height: 1262px;
	position: absolute;
	top: 0px;
}
#map {height: 100%;}

#contato #form form div.wpcf7-response-output {    padding: 15px;
    margin: 10px 0px;
    border-radius: 4px;}

#contato #form form div.wpcf7-mail-sent-ok {color: #3c763d;
    background-color: #dff0d8;
    border: 1px solid #d6e9c6;}

#contato #form form div.wpcf7-validation-errors, div.wpcf7-spam-blocked {color: #8a6d3b;
    background-color: #fcf8e3;
    border: 1px solid #faebcc;}

#contato #form form div.wpcf7-mail-sent-ng {color: #a94442;
    background-color: #f2dede;
    border: 1px solid #ebccd1;}

/* INTERNA */

.interna #roteiros {background: none;}

.interna .amostra {box-shadow: none; border: 2px solid #000;}

#relacionados {border-top: 2px solid #000; margin-top: 100px;}

#relacionados .more {margin-bottom: 50px;}

.gallery {height: 600px; overflow: hidden;}

#destaques {width: 100%; /* overflow: hidden;*/ padding: 0; position: relative;}
	.interna .carousel-indicators {bottom: 60px;}
	#destaques img {max-width: none;}

.legenda {
	position: absolute;
	width: 100%;
	color: #fff;
	letter-spacing: normal;
	text-shadow: 1px 1px 6px #9e7c00;
	bottom: 0;
	height: 45px;
    background: #ffc801;
    padding-top: 10px;
}

.carousel-indicators a {
	display: inline-block;
    text-indent: -9999px;
    border-radius: 50px;
    margin: 0 5px;
}

#roteiros .second-title {height: 90px;}
#roteiros .creditos {margin-top: 10px;}

.interna .divisor.yll {background: #ffc801; height: 7px;}

.creditos {text-align: right;font-size: 12px; text-shadow: none;}

/*  FIM - INTERNA */
/* ******************************* */


/* RESOLUÇÕES DIVERSAS */

@media all and (min-width: 768px) and (max-width: 991px) {
	.nav {margin-top: 25px;}
	#roteiros .second-title {height: 110px;}
	header {height: 120px;}
	.dropdown-menu {width: 130px;}
}

@media all and (max-width: 1200px) {
	#marca a {width: 280px; background: #f5f5f5 url('../../imgs/bgs/marca-terradourada280.png') no-repeat;}
}
@media all and (min-width: 992px) and (max-width: 1200px) {
	header {height: 157px;}
	.nav {margin-top: 62px;}
}

@media all and (max-width: 991px) {
	#roteiros {background: url('../../imgs/bgs/rotas.jpg') fixed;}
	#frota {background: url('../../imgs/bgs/frotas.jpg') fixed;}
	#sobre .text {background: none;}
	#destaques img {
		margin-left: -50%;
	    margin-right: -50%;
	}
	#destaques .item {height: 312px; background-size: 1000px;}
	#marca a {
		width: 120px; height: 48px;
		margin-bottom: 25px;
		background: #f5f5f5 url('../../imgs/bgs/marca-icon.jpg') no-repeat;
	}
}

@media all and (max-width: 767px) {
	header {height: 128px;}
	section {background-position: fixed;}
	.navbar{
		width: 100%;
		position: fixed;
		z-index: 99;
		padding: 20px 0 0px;
	}
		.navbar-toggle {margin-top: 0;}
		.dropdown-menu {top: -2px;}
		#navbar .nav {margin-top: 0; margin-bottom: 0;}
		.nav li:last-child a, .nav li a {padding-top: 10px; padding-bottom: 10px;}
	#form {padding: 30px;}
	#form .main-title {margin-bottom: 30px;}
	#roteiros .second-title {height: auto;}
	.servico .text {height: auto;}
	.legenda {height: auto;}
}