body {
	background-color: #eb3237;
}

* {
	padding: 0;
	margin: 0;
	border: 0;
}

.map {
	width: 100%;
	height: 550px;
}

.map2 {
	display: none;
}

/*  Basic */

.nav-bar-index {
	background-color: #eb3237;
}

.logo2 {
	background-color: #eb3237;
}

.logos2 {
	width: 100%;
	max-width: 163.5px;
	float: left;
	
}

.menu_bar {
	display: none;
}



#index ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	background-color: #eb3237;
}

#index li {
	float: left;
}

#index li a {
	display: block;
	color: #FFFFFF;
	text-align: center;
	padding: 14px 16px;
	text-decoration: none;
	font-family: 'Karla', sans-serif;
	font-size: 90%;
}

.c1 {
	display: block;
}

.c2 {
	display: none;
}

#index .nl {
	padding: 0 5% 0 28%;
}

.nav2 li a {
	color: #FFFFFF;
	font-size: 150%;
}

@media screen and (max-width: 700px) {
	body {
		padding-top: 80px;
	}
	.icon-menu:before {
		position: absolute;
		padding: 2.5% 0 0 0;
	}
	.logos2 {
		padding: 0;
		margin: auto;
		display: block;
		float: none;
	}
	#index li {
		float: none;
	}
	.c1 {
		display: none;
	}
	.c2 {
		display: block;
	}
	.nl {
		display: none;
	}
	.menu_bar {
		display: block;
		width: 100%;
		position: fixed;
		top: 0;
		z-index: 1000;
	}
	.menu_bar .bt-menu {
		display: block;
		padding: 11px;
		overflow: hidden;
		font-size: 25px;
		font-weight: bold;
		text-decoration: none;
	}
	header nav {
		width: 40%;
		height: calc(100% - 80px);
		position: fixed;
		right: 100%;
		margin: 0;
		overflow: scroll;
		padding: 0;
		
	}
	header nav ul li {
		display: block;
		border-bottom: 1px solid rgba(255, 255, 255, .5);
	}
	header nav ul li a {
		display: block;
	}
}

@media screen and (max-width: 450px) {
	.icon-menu:before {
		padding: 5% 0 0 0;
	}
}

/* camion con fondo rojo*/

.bs {
	background-color: #eb3237;
	display: none;
}

.lr {
	width: 50%;
	background-color: #eb3237;
	align-content: center;
}

.lr .m1 {
	width: 100%;
	margin: auto;
	padding: 1% 0 1% 0;
}

.blr {
	width: 50%;
}

.blr .mm1 {
	width: 100%;
	margin: auto;
	padding: 0 0 0 0;
}

.sii {
	display: none;
}

/*Nosotros*/

.wi2 {
	background-color: #f5f5f5;
	overflow: hidden;
}

.wi2-1 {
	background-image: url(http://res.cloudinary.com/dis4vcmtr/image/upload/v1521138306/grupo%20reyes/index/Franja_Tampique%C3%B1os-01.png);
	background-size: 290px 100px;
	background-repeat: no-repeat;
	width: 50%;
	height: 630px;
	float: left;
}

.wi2-1 p {
	text-align: justify;
	padding: 5% 20% 0 25%;
	font-size: 110%;
	font-family: 'Karla', sans-serif;
	color: #8c8989;
}

.wi2-1 h1 {
	padding: 25% 0 0 35%;
	font-family: 'PT Sans Narrow', sans-serif;
	font-weight: bold;
	font-size: 350%;
	color: #9c2c24;
}

.wi2-2 {
	background-image: url(http://res.cloudinary.com/dis4vcmtr/image/upload/v1526313393/tampique%C3%B1os/nuevas/nosotros.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	width: 50%;
	height: 630px;
	float: left;
}

/*Servicios*/

.wi3 {
	margin-top: 3px;
	overflow: hidden;
}

.wi3-1 {
	background-image: url(http://res.cloudinary.com/dis4vcmtr/image/upload/v1526313394/tampique%C3%B1os/nuevas/Servicios_carga_completa.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	width: 50%;
	height: 630px;
	float: left;
}

.wi3-2 {
	background-image: url(http://res.cloudinary.com/dis4vcmtr/image/upload/v1526669415/tampique%C3%B1os/nuevas/1.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	width: 50%;
	height: 630px;
	float: left;
}

.wi3-2 h1 {
	padding: 15% 0 0 25%;
	text-align: justify;
	font-family: 'PT Sans Narrow', sans-serif;
	font-weight: bold;
	font-size: 350%;
	color: white;
}

.lin1 {
	width: 100%;
	height: 7px;
	padding: 1% 0 0 0;
	float: right;
}

.cami {
	width: 50px;
	float: right;
	padding: 8% 33% 0 0;
}

.ache2 {
	padding: 10% 0 0 25%;
	text-align: justify;
	font-family: 'PT Sans Narrow', sans-serif;
	font-weight: bold;
	font-size: 170%;
	color: white;
}

.telefonoo {
	color: #eb3237;
	text-decoration: none;
}

.wi3-2 p {
	padding: 6% 0 0 35%;
	font-size: 120%;
	font-family: 'PT Sans Narrow', sans-serif;
	color: #FFFFFF;
}

.wi3-2 .cotiza {
	padding: 13% 25% 0 25%;
	font-size: 120%;
	font-family: 'PT Sans Narrow', sans-serif;
	color: #FFFFFF;
}

/*PAuqteria y arga consolidad*/

.pycc {
	display: none;
}

.wi22 {
	margin-top: 3px;
	overflow: hidden;
}

.wi2-11 {
	background-image: url(http://res.cloudinary.com/dis4vcmtr/image/upload/v1526669415/tampique%C3%B1os/nuevas/2.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	height: 630px;
	width: 50%;
	float: left;
}

.pyc {
	width: 50px;
	float: right;
	padding: 22% 19% 0 0;
}

.lin2 {
	width: 100%;
	height: 7px;
	float: left;
	padding: 1% 0 0 0;
}

.wi2-11 p {
	text-align: justify;
	padding: 15% 0 0 31%;
	font-size: 110%;
	font-family: 'PT Sans Narrow', sans-serif;
	color: white;
}

.achee2 {
	padding: 24% 0 0 22.5%;
	font-family: 'PT Sans Narrow', sans-serif;
	font-weight: bold;
	font-size: 170%;
	color: white;
}

.wi2-22 {
	background-image: url(http://res.cloudinary.com/dis4vcmtr/image/upload/v1526313393/tampique%C3%B1os/nuevas/Paqueteri%CC%81a.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	width: 50%;
	height: 630px;
	float: left;
}

.wi2-11 .cotiza {
	padding: 18% 25% 0 25%;
	font-size: 120%;
	font-family: 'PT Sans Narrow', sans-serif;
	color: #FFFFFF;
}

.wi33 {
	margin-top: 3px;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	overflow: hidden;
}

.wi3-11 {
	background-image: url(http://res.cloudinary.com/dis4vcmtr/image/upload/v1526313395/tampique%C3%B1os/nuevas/cross_dock.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	width: 50%;
	height: 630px;
	float: left;
}

.wi3-222 {
	display: none;
}

.wi3-22 {
	background-image: url(http://res.cloudinary.com/dis4vcmtr/image/upload/v1526669415/tampique%C3%B1os/nuevas/3.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	height: 630px;
	width: 50%;
	float: left;
}

.lin3 {
	width: 100%;
	height: 7px;
	float: left;
	padding: 1% 0 0 0;
}

.ca {
	width: 50px;
	float: left;
	padding: 13% 0 0 25%;
}

.acheee2 {
	padding: 15% 0 0 38%;
	font-family: 'PT Sans Narrow', sans-serif;
	font-weight: bold;
	font-size: 170%;
	color: white;
}

.wi3-22 p {
	padding: 5% 0 0 25%;
	font-size: 120%;
	text-align: left;
	font-family: 'PT Sans Narrow', sans-serif;
	color: #FFFFFF;
}

.wi3-22 .cotiza {
	padding: 5% 25% 0 25%;
	font-size: 120%;
	font-family: 'PT Sans Narrow', sans-serif;
	color: #FFFFFF;
}

.imgwi3-11 {
	width: 100%;
	max-width: 300px;
	padding: 5% 25% 0 25%;
}

.imgwi3-22 {
	padding: 10% 0 5% 0;
	float: right;
	width: 100%;
	max-width: 450px;
}

.wii22 {
	background-color: #f5f5f5;
	background-position: 100% 10%;
	background-repeat: no-repeat;
	overflow: hidden;
}

/*EL pie de pagina*/

.footer {
	padding: 1.5% 0 4% 0;
	background-color: #f5f5f5;
	overflow: hidden;
	background-image: url(http://res.cloudinary.com/dis4vcmtr/image/upload/v1521489445/tampique%C3%B1os/Linea_Final.png);
	background-position: 0% 100%;
	background-repeat: no-repeat;
	background-size: 100%, cover;
}

.footer p {
	color: #8c8989;
	font-family: 'Karla', sans-serif;
}

.fp1 {
	width: 33.3%;
	float: left;
	text-align: center;
}

.fp2 {
	width: 33.3%;
	float: left;
}

.fp3 {
	width: 33.3%;
	float: right;
}

h1 {
	padding-top: 12%;
	font-size: 400%;
	color: #9c2c24;
	font-family: 'PT Sans Narrow', sans-serif;
}

.footer2 {
	display: none;
}

/*Responsive*/

@media screen and (max-width: 750px) {
	.telefonoo {
		color: #eb3237;
		text-decoration: none;
	}
	/*Camion fondo rojo*/
	.bs {
		background-color: #eb3237;
		display: block;
	}
	.lr {
		width: 100%;
		background-color: #eb3237;
		align-content: center;
	}
	.lr .m1 {
		width: 100%;
		margin: auto;
		padding-top: 3%;
	}
	.sii {
		display: block;
		width: 100%;
	}
	/*Nostros*/
	.wi2 {
		width: 100%;
		background-color: #f5f5f5;
	}
	.wi2-1 {
		width: 100%;
		height: 100%;
		float: left;
		background-color: none;
		background-image: url(http://res.cloudinary.com/dis4vcmtr/image/upload/v1521138306/grupo%20reyes/index/Franja_Tampique%C3%B1os-01.png);
		background-size: 110px 50px;
		background-repeat: no-repeat;
	}
	.wi2-2 {
		display: none;
	}
	.wi2 h1 {
		font-size: 25px;
		padding: 20% 0 0 15%;
	}
	.wi2 p {
		color: #000000;
		font-size: 14px;
		padding: 2% 20% 10% 20%;
	}
	/*Servicios*/
	.wi3 {
		margin-top: 0;
	}
	.wi3-1 {
		display: none;
	}
	.wi3-2 {
		background-image: url(http://res.cloudinary.com/dis4vcmtr/image/upload/v1526669415/tampique%C3%B1os/nuevas/1.png);
		height: 100%;
		width: 100%;
		float: left;
	}
	.wi3-2 h1 {
		padding: 10% 0 0 0;
		text-align: justify;
		font-family: 'PT Sans Narrow', sans-serif;
		font-weight: bold;
		font-size: 200%;
		color: white;
		text-align: center;
	}
	.wi3-2 .lin1 {
		width: 100%;
		height: 7px;
		padding: 0 0 0 0;
	}
	.cami {
		width: 45px;
		float: right;
		padding: 10% 25% 0 0;
	}
	.ache2 {
		padding: 8% 45% 0 25%;
		text-align: justify;
		font-family: 'PT Sans Narrow', sans-serif;
		font-weight: bold;
		font-size: 170%;
		color: white;
	}
	.wi3-2 p {
		padding: 8% 0 0 25%;
		font-size: 14px;
		font-family: 'PT Sans Narrow', sans-serif;
		color: #FFFFFF;
	}
	.wi3-2 .cotiza {
		padding: 15% 0 5% 15%;
		font-size: 14px;
		font-family: 'PT Sans Narrow', sans-serif;
		color: #FFFFFF;
	}
	/*Paqueteria*/
	.wi22 {
		display: none;
	}
	.pycc {
		display: block;
		background-color: #000008;
		overflow: hidden;
	}
	.pyc2 {
		float: none;
	}
	.pyc1 {
		background-image: url(http://res.cloudinary.com/dis4vcmtr/image/upload/v1526669415/tampique%C3%B1os/nuevas/2.png);
		background-size: 100% 100%;
		background-repeat: no-repeat;
	}
	.pyyc {
		width: 45px;
		float: right;
		padding: 12% 12% 0 0;
	}
	.lin22 {
		width: 100%;
		height: 7px;
		padding: 2% 0 0 0;
	}
	.pyc1 p {
		text-align: justify;
		padding: 5% 0 0 25%;
		font-size: 14px;
		font-family: 'PT Sans Narrow', sans-serif;
		color: white;
	}
	.achee222 {
		padding: 10% 15% 0 15%;
		font-family: 'PT Sans Narrow', sans-serif;
		font-weight: bold;
		font-size: 160%;
		color: white;
	}
	.pyc1 {
		width: 100%;
		float: left;
	}
	.pyc1 .cotiza {
		padding: 15% 0 5% 15%;
		font-size: 14px;
		font-family: 'PT Sans Narrow', sans-serif;
		color: #FFFFFF;
	}
	/*Cross Dock*/
	.wi33 {
		margin-top: 0;
		background-color: #000008;
		overflow: hidden;
	}
	.wi3-11 {
		display: none;
	}
	.wi3-11 img {
		width: 100%;
		padding: 0 0 0 0;
	}
	.wi3-22 {
		display: none;
	}
	.wi3-222 {
		display: block;
		background-image: url(http://res.cloudinary.com/dis4vcmtr/image/upload/v1526669415/tampique%C3%B1os/nuevas/3.png);
		background-repeat: no-repeat;
		background-size: 100% 100%;
		width: 100%;
		float: left;
	}
	.lin3 {
		display: block;
		width: 100%;
		height: 7px;
		padding: 3% 0 0 0;
	}
	.ca {
		width: 45px;
		float: right;
		padding: 15% 25% 0 0;
	}
	.acheee2 {
		padding: 10% 25% 0 15%;
		font-family: 'PT Sans Narrow', sans-serif;
		font-weight: bold;
		font-size: 170%;
		color: white;
	}
	.wi3-222 p {
		padding: 10% 0 0 15%;
		font-size: 14px;
		font-family: 'PT Sans Narrow', sans-serif;
		color: #FFFFFF;
	}
	.imgwi3-11 {
		width: 100%;
		max-width: 300px;
		padding: 5% 25% 0 25%;
	}
	.imgwi3-22 {
		padding: 0 0 0 0;
	}
	.wi3-222 .cotiza {
		padding: 15% 0 5% 15%;
		font-size: 14px;
		font-family: 'PT Sans Narrow', sans-serif;
		color: #FFFFFF;
	}
	.wii22 {
		background-color: #f5f5f5;
		overflow: hidden;
	}
	/*EL pie de pagina*/
	.footer {
		display: none;
	}
	.footer2 {
		display: block;
		background-color: #f5f5f5;
		overflow: hidden;
		background-image: url(http://res.cloudinary.com/dis4vcmtr/image/upload/v1521489445/tampique%C3%B1os/Linea_Final.png);
		background-position: 0% 100%;
		background-repeat: no-repeat;
		background-size: 100% 2.5%;
	}
	.fp1 .achhe {
		padding: 5% 0 0 0;
		font-size: 40px;
		color: #9c2c24;
		font-family: 'PT Sans Narrow', sans-serif;
	}
	.fp1 .ser {
		color: #8c8989;
		font-size: 14px;
		font-family: 'Karla', sans-serif;
		padding: 0 0 0 0;
	}
	.fp1 .ser1 {
		color: #8c8989;
		font-size: 14px;
		font-family: 'Karla', sans-serif;
		padding: 0 0 0 0;
	}
	.fp2 .ser2 {
		color: #8c8989;
		font-size: 14px;
		font-family: 'Karla', sans-serif;
		padding: 10% 0 0 3%;
	}
	.fp2 .ser3 {
		color: #8c8989;
		font-size: 14px;
		font-family: 'Karla', sans-serif;
		padding: 10% 0 0 0;
		text-align: center;
	}
	.fp2 .ser4 {
		color: #8c8989;
		font-size: 14px;
		font-family: 'Karla', sans-serif;
		padding: 0 0 0 15%;
		text-align: left;
		text-align: justify;
	}
	.fp2 .ser5 {
		color: #8c8989;
		font-size: 14px;
		font-family: 'Karla', sans-serif;
		padding: 0 0 0 15%;
		text-align: left;
		text-align: justify;
	}
	.fp2 .ser55 {
		color: #8c8989;
		font-size: 14px;
		font-family: 'Karla', sans-serif;
		padding: 0 0 0 15%;
		text-align: left;
		text-align: justify;
	}
	.fp2 .ser6 {
		color: #8c8989;
		font-size: 14px;
		font-family: 'Karla', sans-serif;
		padding: 0 0 0 15%;
		text-align: left;
		text-align: justify;
	}
	.fp2 .ser7 {
		color: #8c8989;
		font-size: 14px;
		font-family: 'Karla', sans-serif;
		padding: 5% 0 0 0;
		text-align: center;
	}
	.fp2 .ser8 {
		color: #8c8989;
		font-size: 14px;
		font-family: 'Karla', sans-serif;
		padding: 0 0 0 15%;
		text-align: justify;
	}
	.fp2 .ser88 {
		color: #8c8989;
		font-size: 14px;
		font-family: 'Karla', sans-serif;
		padding: 0 0 0 15%;
		text-align: justify;
	}
	.fp2 .ser9 {
		color: #8c8989;
		font-size: 14px;
		font-family: 'Karla', sans-serif;
		padding: 0 0 0 15%;
		text-align: justify;
	}
	.fp2 .ser10 {
		color: #8c8989;
		font-size: 14px;
		font-family: 'Karla', sans-serif;
		padding: 0 0 0 15%;
		text-align: justify;
	}
	.fp3 .ser11 {
		color: #8c8989;
		font-size: 14px;
		font-family: 'Karla', sans-serif;
		padding: 5% 0 0 0;
		text-align: center;
	}
	.fp3 .ser12 {
		color: #8c8989;
		font-size: 14px;
		font-family: 'Karla', sans-serif;
		padding: 0 0 0 15%;
		text-align: justify;
	}
	.fp3 .serr12 {
		color: #8c8989;
		font-size: 14px;
		font-family: 'Karla', sans-serif;
		padding: 0 0 0 15%;
		text-align: justify;
	}
	.fp3 .ser13 {
		color: #8c8989;
		font-size: 14px;
		font-family: 'Karla', sans-serif;
		padding: 0 0 0 15%;
		text-align: justify;
	}
	.fp3 .ser14 {
		color: #8c8989;
		font-size: 14px;
		font-family: 'Karla', sans-serif;
		padding: 0 0 0 15%;
		text-align: justify;
	}
	.fp3 .ser15 {
		color: #8c8989;
		font-size: 14px;
		font-family: 'Karla', sans-serif;
		padding: 5% 0 0 0;
		text-align: center;
	}
	.fp3 .ser16 {
		color: #8c8989;
		font-size: 14px;
		font-family: 'Karla', sans-serif;
		padding: 0 0 0 15%;
		text-align: justify;
	}
	.fp3 .ser17 {
		color: #8c8989;
		font-size: 14px;
		font-family: 'Karla', sans-serif;
		padding: 0 0 0 15%;
		text-align: justify;
	}
	.fp3 .serr17 {
		color: #8c8989;
		font-size: 14px;
		font-family: 'Karla', sans-serif;
		padding: 0 0 0 15%;
		text-align: justify;
	}
	.fp3 .ser18 {
		color: #8c8989;
		font-size: 14px;
		font-family: 'Karla', sans-serif;
		padding: 0 0 0 15%;
		text-align: justify;
	}
	.fp3 .ser19 {
		color: #8c8989;
		font-size: 14px;
		font-family: 'Karla', sans-serif;
		padding: 5% 0 0 0;
		text-align: center;
	}
	.fp3 .ser20 {
		color: #8c8989;
		font-size: 14px;
		font-family: 'Karla', sans-serif;
		padding: 0 0 0 15%;
		text-align: justify;
	}
	.fp3 .ser21 {
		color: #8c8989;
		font-size: 14px;
		font-family: 'Karla', sans-serif;
		padding: 0 0 0 15%;
		text-align: justify;
	}
	.fp3 .serr21 {
		color: #8c8989;
		font-size: 14px;
		font-family: 'Karla', sans-serif;
		padding: 0 0 0 15%;
		text-align: justify;
	}
	.fp3 .ser22 {
		color: #8c8989;
		font-size: 14px;
		font-family: 'Karla', sans-serif;
		padding: 0 0 15% 15%;
		text-align: justify;
	}
	.fp1 {
		width: 100%;
		float: left;
		text-align: center;
	}
	.fp2 {
		width: 100%;
		float: left;
	}
	.fp3 {
		width: 100%;
		float: right;
	}
	.map1 {
		display: none;
	}
	.map {
		height: 400px;
	}
	.map2 {
		display: block;
	}
}