body { width: 100%; height: 100vh; font-family: 'Lato', sans-serif; font-size: 17px; font-weight: 400; padding-bottom: 0px; color: #5a5a5a;   }


.navbar-fixed-top { background: url("../images/bg-header.png") left top repeat-x; border-bottom: 0; box-shadow: 0px 5px 50px -24px #000000; font-size: 14px;  }
.navbar-brand { padding: 0; height: auto;}

.navbar-nav, h1, .h1, h2, .h2, h3, .h3, h4, h5, h6, .btn { font-family: 'Lato', sans-serif; font-weight: 900; font-style: italic; text-transform: uppercase;  }
.navbar-nav, h1 span, h2 span, h3 span, h4 span, h5 span, h6 span { color: #efa922; }

.navbar-toggle { background-color: #0d1115; margin-top: 20px; }
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { background-color: #555555; }

.navbar-default .navbar-toggle .icon-bar { background-color: #efa922;}

.list-group-item { border: 0; }


.home h2 { font-size: 28px; }
.page { margin-bottom: 80px; }
.page h1, .page .h1 { font-size: 32px;  }
.page h2 { font-size: 24px;  }
#servicios.page { background-color: #fff;  }
#cobertura.page { background-image: url("../images/mapa-mexico.png"); background-size: 43%;  }
#contacto.page { padding-bottom: 80px; }

.btn { border: 0; }
.btn span { color: #efa922;  }
.btn-primary { background-color: #efa922;  }
.btn-primary:hover { background-color: #0d1115;  }
.btn-primary span { color: #ffffff;  }
.btn-link { font-family: 24px; text-transform: none;  }

.jumbotron { background-color: transparent; text-align: center; margin-bottom: 0; }
.jumbotron h2 { font-size: 34px; }
.jumbotron p { font-weight: inherit; }
.jumbotron .lead { font-weight: 300; }

.lead { font-weight: 300; }
 
.container .jumbotron, 
.container-fluid .jumbotron { border-radius: 0; }
.jumbotron.black { color:#fff; }
.jumbotron.black .h1, .jumbotron.black h1,
.jumbotron.black .h2, .jumbotron.black h2{ font-size: 28px; color: #fff; }
.jumbotron.black .h3, .jumbotron.black h3{ font-size: 21px; color: #fff; text-transform: none; font-style: normal;}
.jumbotron.black .h1 span, .jumbotron.black h1 span,
.jumbotron.black .h2 span, .jumbotron.black h2 span,
.jumbotron.black .h2 span, .jumbotron.black h3 span { font-size: 28px; color:#efa922 ; }


#frase { background-color: #000;  padding:10px 0; margin-top: 0px;}
#frase .jumbotron { margin: 0; padding: 0; }

#introduccion { padding: 50px 0; }

#servicios { background-color: #e1e5e9; text-align: center; padding-bottom: 80px; }
#servicios .list-group-item { padding: 20px; background-color: transparent; }


#cobertura { background: url("../images/map.png") center top no-repeat; background-size: contain; margin-bottom: 80px; }
#cobertura ul { list-style-type: none; margin-bottom: 50px; }
#cobertura ul li { background: url("../images/pin.png") left 4px no-repeat; padding: 10px 0 10px 40px; }

#flotilla.header { background: url("../images/flotilla-3.jpg") center 95% no-repeat fixed; background-size: cover; margin-bottom: 0px;  }
#flotilla { background: url("../images/flotilla.jpg") center 0% no-repeat fixed; background-size: cover;  }
#flotilla .jumbotron { background: rgba(0, 0, 0, 0.8); text-align: left; margin-bottom: 0; margin-left: -15px; padding-top: 80px; padding-bottom: 80px }

#clientes { background: url("../images/bg-clientes.png") right center no-repeat; background-size: 65%; }
#clientes .jumbotron { margin-bottom: 0; }



#vehiculos .thumbnail { position: relative; border: 0; }
#vehiculos .img-thumbnail { position: absolute;width: 100px; right: 20px; bottom: 20px; }


/* Carousel base class */
#carouselHome.carousel { height: 100vh; margin-bottom: 0px; }
#carouselHome .carousel-caption { z-index: 10; text-shadow: 2px 4px 4px rgba(0,0,0,.6) }
#carouselHome.carousel h2 { font-size: 34px; color: #ccc; }
#carouselHome.carousel .item { height: 100vh; background: url("../images/banner.jpg") center no-repeat; background-size: cover; } 
.carousel-indicators li { border-color: #8D8D8D; background-color: #ededed; }
.carousel-indicators .active { border-width: 0; background-color: #efa922; }

#carouselClientes.carousel { height: 400px; }
#carouselClientes.carousel .item { height: 400px; }
#carouselClientes.carousel h3 { color: #efa922; text-transform: none; font-style: normal; font-weight: 600;  }
#carouselClientes .carousel-caption { background-color: #000; padding: 25px; top: 0px; margin: 25px 250px; border-radius: 15px; box-shadow: 0px 5px 25px #000000; }
#carouselClientes .carousel-control { background-image: none; }


footer { background-color: #0d1115; color: #9d9d9d; margin-top: 80px; padding-bottom: 50px;  }
footer a { color: #efa922; }
footer .navbar-inverse { background-color: transparent; }


@media (max-width: 1199px) {
}
	

@media (max-width: 767px) {
#carouselHome { top: -71px; }	
#frase { margin-top: -71px;}
#cobertura { background-size: 250%;  }
#flotilla .jumbotron { margin: 0px -15px; padding: 40px; } 
#flotilla .jumbotron p {font-size: 18px; } 
#carouselClientes .carousel-caption { position: relative; left: auto; right: auto; margin-left:0; margin-right: 0;  }
footer img { height: 60px; }
.navbar-fixed-top { position: relative;  margin-bottom: 0; background-position: left -50px; background-color: #c0cad1; }
.navbar-brand { height: 50px; margin: 10px; }
}

@media (min-width: 768px) {
body { margin-top:50px }
.home { margin-top:0; }
.navbar-nav > li + li:before { padding: 0 5px; color: #efa922; content: "/\00a0"; position: absolute; top: 15px; left: -8px; }
.navbar-nav > li a { color: #0d1115; }
.navbar-nav > li a:hover { color: #efa922; }
.navbar-nav > li a.active { color: #0d1115; }
footer .navbar-inverse li:first-child a { padding-left: 0; }
#navbarfooter { padding-left: 0; }
.carousel-indicators { bottom: 0px; }
}


@media (min-width: 768px) and (max-width: 991px)  {
	.navbar-fixed-top , .navbar-inverse .navbar-nav>li>a, .navbar-inverse .navbar-nav>li>a { font-size: 12px; }
	.navbar-default .navbar-brand { height: 60px; }
	.navbar-nav {margin-top: 8px; }
	.nav>li>a { padding: 15px 8px; }
	#carouselClientes .carousel-caption { position: relative; left: auto; right: auto; margin: 0; }
	#flotilla .jumbotron { margin: 0px -15px; } 
	footer img { height: 50px; } 
	
}

@media (min-width: 992px) and (max-width: 1999px)  {
	body { margin-top:50px }
	.navbar-default .navbar-brand { height: 90px; }
	.navbar-fixed-top , .navbar-inverse .navbar-nav>li>a, .navbar-inverse .navbar-nav>li>a { font-size: 12px; }
	.nav>li>a { padding: 15px 8px; }
	.navbar-nav {margin-top: 20px; }}

@media (min-width: 992px) {
	.page { margin-top:121px }
}

@media (min-width: 1200px) {
#navbar { margin-top: 40px; }
}

@media (min-width: 1300px) {
}