@import url(bootstrap.css);
@import url(animate.css);
@import url(slick.css);


@font-face {
	font-family: 'gtWalsheinBold';
	src: url('../fonts/gt-walsheim-bold.woff');
}

@font-face {
	font-family: 'gtWalsheinRegular';
	src: url('../fonts/gt-walsheim-regular.woff');
}

body, *{
	margin: 0;
	padding: 0;
}

h2{
	font-family: 'gtWalsheinBold';
	font-size: 45px;
}


h3{
	font-family: 'gtWalsheinBold';
	font-size: 28px;
}

h5{
	font-family: 'gtWalsheinBold';
	font-size: 20px;
}

h6{
	font-family: 'gtWalsheinBold';
	font-size: 18px;
}


p{
	font-family: 'gtWalsheinRegular';
	font-size: 16px;	
}

nav a{
	font-family: 'gtWalsheinRegular' !important;
	font-size: 14px !important;
	color: #3F491E !important;
}

.logo{
	font-family: 'gtWalsheinBold';
	font-size: 16px;
	color: #3F491E;
}

.bg-light{
	background-color: #fff !important;
}



.cover{
	background-image: url(../img/slider-uno.jpg);
	width: 100%;
	height: 100vh;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}


.cover2{
	background-image: url(../img/slider-dos.jpg);
	width: 100%;
	height: 100vh;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}


.section1{
	width: 100%;
	background-image: url(../img/brujula.png);
	background-color: #3F491E;
	background-repeat: no-repeat;
	background-position: right center;
	overflow: hidden;
}

.section1 h3{
	color: #fff;
	margin-top: 150px;
	margin-bottom: 95px;
}
.section1 p{
	color: #fff;
}

.section1 .text{
	margin-bottom: 145px;
}

/**********************************************************************************/

.about{
	height: 313px;
	background-color: #fff;
	box-shadow: 0 15px 40px rgba(0,0,0,0.16);
	margin-top: 194px;
	margin-bottom: 242px;
	text-align: center;
	overflow: hidden;
}

.about h5, .about p{
	color: #3F491E;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}

.about h5{
	margin-top: 72px;
	margin-bottom: 40px;
}

.politica h3, .politica p{
	color: #3F491E;
	text-align: center;
}

.politica p{
	margin-top: 42px;
	margin-bottom: 219px;
}

/**********************************************************************************/

.flota{
	background-image: url(../img/flota.jpg);
	width: 100%;
	height: 100vh;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
}

.flota .degradado{
	width: 100%;
	position: relative;
	height: 100%;
	background: rgba(0,0,0,0);
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 49%, rgba(0,0,0,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(49%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,1)));
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 49%, rgba(0,0,0,1) 100%);
	background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 49%, rgba(0,0,0,1) 100%);
	background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 49%, rgba(0,0,0,1) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 49%, rgba(0,0,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );
}

.degradado>div{
	position: absolute;
	width: 100%;
	left: 0;
	right: 0;
	bottom: 0;
}

.flota h3, .flota p{
	text-align: center;
	color: #fff;
}

.flota p{
	margin-top: 40px;
	margin-bottom: 80px;
}

/**********************************************************************************/

.section4 h3, .section4 p, .section4 h5, .section4 h6{
	text-align: center;
	color: #3F491E;
}

.section4 h3{
	margin-top: 171px;
	margin-bottom: 41px;
}

.section4 h5{
	margin-top: 120px;
	margin-bottom: 120px;
}

.section4 h6{
	margin-top: 50px;
	margin-bottom: 180px;
}

.detalles>div{
	width: 100%;
	height: 255px;
	background-color: #3F491E;
	margin-bottom: 40px;
}

.detalles>p{
	margin-bottom: 64px;
}

/**********************************************************************************/

.datos{
	height: 262px;
	background-color: #fff;
	box-shadow: 0 15px 40px rgba(0,0,0,0.16);
	text-align: center;
	overflow: hidden;
	margin-top: 80px;
	margin-bottom: 80px;
}

.datos h5, .datos p, .section5 h3{
	color: #3F491E;
}

.datos h5{
	margin-top: 72px;
	margin-bottom: 35px;
}

.datos p{
	width: 80%;
	margin: 0 auto;
}

.miniDatos{
	height: 212px;
	background-color: #3F491E;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	margin-bottom: 20px;
}

.miniDatos p{
	font-family: 'gtWalsheinBold' !important;
	width: 80%;
	color: #fff;
}

.section5 h3{
	text-align: center;
	margin-top: 135px;
	margin-bottom: 83px;
}

.ser1{
	height: 376px;
	background-image: url(../img/servicio-uno.jpg);
	background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.ser2{
	height: 376px;
	background-image: url(../img/servicio-dos.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.transportes h5, .transportes p, .fraseTransportes p{
	color: #3F491E;
	text-align: center;
}

.transportes h5{
	margin-top: 32px;
	margin-bottom: 32px;
}

.transportes p{
	width: 90%;
	margin: 0 auto;
}

.fraseTransportes p{
	margin-top: 133px;
	margin-bottom: 133px;
}



/**********************************************************************************/


.trans{
	background-image: url(../img/plataforma.jpg);
	width: 100%;
	height: 100vh;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.trans>div{
	background-color: rgba(0,0,0,0.2);
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
}

.trans h2, .trans p{
	color: #fff;
}


/**********************************************************************************/

.section7 h3{
	text-align: center;
	color: #3F491E;
	margin-top: 130px;
	margin-bottom: 50px;
}

.section7 p{
	text-align: center;
	color: #3F491E;
}


.section7 a{
	height: 133px;
	background-color: #fff;
	box-shadow: 0 15px 40px rgba(0,0,0,0.16);
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: center;
	overflow: hidden;
	text-decoration: none;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #3F491E;
}

.cer{
	font-size: 12px;
	width: 80%;
	color: #3F491E;
}

.gestion{
	width: 100%;
	background-image: url(../img/gps.jpg);
	height: 487px;
	background-position: center;
	overflow: hidden;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	margin-top: 90px;
}

.colaborador1>div{
	background-image: url(../img/colaboradores1.png);
	height: 241px;
	width: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.colaborador2>div{
	background-image: url(../img/colaboradores2.jpg);
	height: 241px;
	width: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.colaborador3>div{
	background-image: url(../img/colaboradores3.png);
	height: 241px;
	width: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}



.colaborador1>h6, .colaborador2>h6, .colaborador3>h6{
	text-align: center;
	color: #3F491E;
	margin-top: 20px;
}

.colaborador1,.colaborador2, .colaborador3{
	margin-top: 80px;
	margin-bottom: 140px;
}


/**********************************************************************************/

.section8{
	background-color: #3F491E;
}

.section8 h3{
	text-align: center;
	color: #fff;
	margin-top: 130px;
	margin-bottom: 90px;
}

.section8 .datosContacto{
	font-size: 14px;
	text-align: center;
	color: #fff;
}

.enunciadoContacto{
	text-align: center;
	color: #fff;
	margin-top: 90px;
	margin-bottom: 90px;
}

input[type=text], textarea{
	width: 100%;
	border:none;
	font-family: 'gtWalsheinRegular';
	font-size: 16px;
	background-color: #3F491E;
	color: #fff;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #fff;
}

input[type=submit]{
	width: 100%;
	background-color: #fff;
	border: none;
	height: 52px;
	border-radius: 5px;
	font-family: 'gtWalsheinRegular';
	font-size: 16px;
	margin-top: 10px;
	margin-bottom: 150px;
}

::placeholder {
	color: #fff;
}


#map
{
	width: 100%;
	height: 80vh;
}

/***********************************************************/

.infoCamion h5{
	margin-top: 72px !important;
	margin-bottom: 35px !important;
}

.infoCamion{
	height: 343px;
	background-color: #fff;
	box-shadow: 0 15px 40px rgba(0,0,0,0.16);
	margin-top: 80px;
	margin-bottom: 242px;
	text-align: center;
	overflow: hidden;
}


.infodetallCamion{
	font-size: 14px;
}

.fotoCamion img{
	width: 100%;
	margin-top: 100px;
	transform: scale(1.3,1.3);
}

/***********************************************************/

.icon-menu{
	background-image: url(../img/back.svg);
	width: 10px;
	display: inline-block;
	background-repeat: no-repeat;
	height: 10px;
	transform: translateY(2px);
}





/********************/


@media screen and (max-width: 992px) {
	.about {
	    margin-top: 50px !important;
	    margin-bottom: 50px !important;
	}

	.infoCamion{
		margin-bottom: 50px;
	}


	.colaborador1, .colaborador2, .colaborador3 {
    	margin-bottom: 30px;
    }

	.colaborador3 {
    	margin-bottom: 80px;
    }

    .transportes{
    	margin-bottom: 50px;
    }

}


.slider-mancargo{
	width: 100%;
	height: 100vh;
}