@charset "utf-8";
/* 
Start CSS stylesheet version SW 0.1 
font-family: 'Monserrat', sans-serif;
font-family: 'Source Sans Pro', sans-serif;
font-family: 'Nunito Sans'; 
/************************************
Color wall
red ink theme: #cc0000;
gold: #FFD700
blue: #004F9D
*/
* {
	scroll-behavior: smooth;
	overflow-x: hidden;
}
html{
	margin: 0;
	padding: 0;
	overflow-x: hidden;
}
body {
  margin: 0; 
font-family: 'Monserrat', sans-serif;
	overflow-x: hidden;
}
#sideNav{
	display: none;
} 
/*▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓
0.x navbar
▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓*/	
#btnOpenNav{
			display: none;
		}
#navbar { 
	background-color: white;
  position: fixed;
	z-index: 9;
  top: 0;
  width: 100%;
  height: 70px;
  display: inline-flex;
  transition: top 0.3s;
  box-shadow: 0 0 21px 3px #ddd; 
	overflow: hidden;
}
.menuDesktop{
	width: auto;
	height: auto; 
	position: relative;
	float: right;
	display: inline-flex; 
	margin: auto 5% auto auto;  
}
#logo{
	width: 260px;
	height: 70px;
	margin-left: 5%;
}
.menuDesktop a{
	position: relative; 
	margin: auto 21px;
	text-decoration: none;
	color: #cc0000; 
	transition: ease 1s; 
	display: inline-flex;
	height: 70px;
} 
.menuDesktop a:hover{  
	margin: auto 21px;
	text-decoration: none;  
	color: #004F9D;
	background-color: #eee;
} 
.menuDesktop p{
	display: block;
	margin: auto 3px; 
	font-size: 17px;
	font-family: 'Source Sans Pro', sans-serif;
} 
.menuDesktop img{
	position: relative; 
	width: 50px;
	height: 50px;
	margin: 10px auto;
}   

/*##########################################################
	   0.0 Slider
##########################################################*/   
.home .slide:nth-child(1) {
	background-image: url("../bg0.jpg");
	background-size:100vw 100vh;
}
.home .slide:nth-child(2) {
	background-image: url("../bg2.jpg");
	background-size:100vw 100vh;
} 
.home .slide:nth-child(3) {
	background-image: url("../bg1.jpg");
	background-size:100vw 100vh;
} 
.home{ 
	height: 100vh;
	overflow:hidden;
	position: relative;
}
.home .slide{
	background-color: #000;
	position: absolute;
	left:0;
	top:0;
	width: 100vw;
	height: 100vh;
	background-size: cover;
	background-position: center;
	z-index:1; 
	display:none; 
	animation: slide 2s ease;
	overflow: hidden;
	padding: 0;
	margin: 0;
}
.home .slide video{
 
	animation: zoom 3s ease ;
	
	  position: absolute;
  z-index: 0;
  object-fit: cover;
  width:100%;
  height:100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);

}
.home .slide.active{
	display: flex;
}
.container{
	max-width: 1070px;
	margin:auto;
	
}
.home .container{ 
	width: 100%;
	height: auto;
}
.home .caption{
	width: 100vw; 
	height: 100vh; 
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	padding: 10%;
} 
.home .caption .title{ 
	font-family: 'Nunito Sans';    
	font-size:55px; 
	margin:0;
	width: 80%;
	height: auto;
	text-align: left;
  background: -webkit-linear-gradient(15rad,darkred,red);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
} 
.home .caption .text{ 
	width: 50%; 
	font-size: 33px;
	font-weight: 200;
	margin:0;
	color:  #000; 
	background-size: 600% 600%; 
	animation: fade linear 1.5s; 
font-family: 'Source Sans Pro', sans-serif;
	background-color: rgba(255,255,255,0.80);
} 
.home .caption .titleW{ 
	font-family: 'Nunito Sans';    
	font-size:55px;
	color: #fff;
	margin:0;
	width: 80%;
	height: auto;
	text-align: left;
	
} 
.home .caption .textW{ 
	width: 50%; 
	font-size: 33px;
	font-weight: 200;
	margin:0;
	color: #fff; 
	background-size: 600% 600%; 
	animation: fade linear 1.5s; 
font-family: 'Source Sans Pro', sans-serif;
} 
.home .slide.active .caption .title{
	opacity:0;
	animation: fade .5s ease forwards;
	animation-delay:0.3s;
	} 
.home .slide.active .caption .text{
	opacity:0;
	animation: fade 1.5s ease forwards;
	animation-delay:0.5s;
} 
.home .slide.active .caption .titleW{
	opacity:0;
	animation: fade .5s ease forwards;
	animation-delay:0.3s;
	} 
.home .slide.active .caption .textW{
	opacity:0;
	animation: fade 1.5s ease forwards;
	animation-delay:0.5s;
} 
 
@keyframes slide{
	0%{
		transform:scale(1.1);
	}
	100%{
		transform: scale(1);
	}
}
@keyframes upp{
	0%{
		opacity:0; 
		transform: translateY(-300px);
	}
	100%{
	 opacity:1; 
	 transform: translateY(0px);	
	}
    } 
@keyframes fade{ 
	0%{
		opacity: 0;
	}
	100%{
		opacity: 1;
	}
}
@keyframes zoom{ 
0%{
 opacity: 0;	
} 
	
100%{
 opacity: 1;
		
	} 
	
	 
}
.home .controls .prev,
.home .controls .next{
  font-family: monospace;
  cursor: pointer;
 position: absolute;
 z-index:2;
 top:50%;
 height:40px;
 width: 40px;
 margin-top: -20px;
 color: #cc0000;
background-color: #ddd;
font-weight: 900;
	border-radius: 0%;
 text-align: center;
 line-height: 40px;
 font-size:20px; 
 transition: all .5s ease;
margin: 0px;
}
.home .controls .prev:hover,
.home .controls .next:hover{
	color:  #000;
		background-color:#f3f3f3;
	
}
.home .controls .prev{
 left:0;
}
.home .controls .next{
 right:0;
}
.home .indicator{
	position: absolute;
	left:50%;
	bottom:30px;
	z-index: 2;
	transform: translateX(-50%);
}
.home .indicator div{
	display: none;
	width:20px;
	height: 20px;
	color:#bbb;
	background-color: #333;
	border-radius:50%;
	text-align: center;
	line-height: 25px;
	margin:0px 3px 0px 3px;
		transition: 0.5s ease;
}
.home .indicator div.active{
 background-color:  #b3d143;
		width:25px;
	height: 25px;
	margin:0px 3px -2.5px 3px;
} 


/*▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓
0.x sime
▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓*/
#mensajeria-y-paqueteria{
	background-image: url("../sime.jpg");
	background-size:100vw 100vh;
	width: 100%;
	height: 100vh;
}
.insideSime{
	display: inline-flex;
}
.itemSime{
	width: 50%;
	height: 100%;
	display: block;
}
.itemSime h2{
	margin: 20% 10% 0 0;
	font-size: 2em;
  background: -webkit-linear-gradient(15rad,red, darkred);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.itemSime p{
	margin: 0 10% 10% 0;
	color: #000;
	font-size: 1.5em;
}
.itemSime img{
	width: 333px;
	height: 333px;
	margin: 10% auto;
	display: block;
}

/*▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓
0.x Acout US
▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓*/
.aboutUs{
	width: 100%;
	height: 100vh;
}
.aboutUs h3{ 
	text-align: center;
	font-size: 2em;
  background: -webkit-linear-gradient(15rad,red, blue);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.insideAboutUs{
	width: 100%;
	height: auto;
	display: inline-flex;
}
.itemAboutUs{
	width: 33.33%;
	height: auto;
}
.itemAboutUs img{
	width: 233px;
	height: 233px;
	margin: 10% auto;
	display: block;
}
.titleAU{ 
	text-align: center;
	font-size: 2em;
  background: -webkit-linear-gradient(15rad,red, blue);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.textAU{
	margin: auto ;
	text-align: center;
	color: #000;
	font-size: 1.2em;
	width: 90%;
}

/*▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓
0.x dx
▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓*/
.dx{
	width: 100%;
	height: 100vh;
	overflow: hidden;
}
.dxTitle{
	width: 100%;
	height: 30vh;
	background-image: linear-gradient(45rad,purple,#B3945B);
	overflow: hidden;
}
.dxTitle p{
	margin: 5% 10% auto 10%;
	font-size: 2em;
	color: white;
	display: block;
}
.insideDx{
	width: 100%;
	height: 70vh;
	display: inline-flex;
	padding: 0;
	margin: 0;
	overflow: hidden;
}
.itemDx{
	width: 50%;
	height: 100%;
	padding: 0;
	margin: 0;
	overflow: hidden;
}
.itemDx img{
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	overflow: hidden;
}
.itemDx p{
	margin: 5% 10% auto 10%;
	font-size: 1.9em;
	color: #333;
	display: block;
}

/*▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓
0.x dx
▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓*/
.dy{
	width: 100%;
	height: 100vh;
	overflow: hidden;
} 
.titleDy{
	margin: 15% 10% auto 10%;
	font-size: 2em; 
	display: block ;
  background: -webkit-linear-gradient(15rad,red, darkred);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.insideDy{
	width: 100%;
	height: 100vh;
	display: inline-flex;
	padding: 0;
	margin: 0;
	overflow: hidden;
}
.itemDy{
	width: 50%;
	height: 100%;
	padding: 0;
	margin: 0;
	overflow: hidden;
}
.itemDy img{
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	overflow: hidden;
}
.textDy{
	margin: 5% 10% auto 10%;
	font-size: 1.5em;
	color: #333;
	display: block;
}



/*▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓
0.x Rastrear
▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓*/
#rastrear{
	width: 100%;
	height: 100vh;
	background-image: url("../bg.jpg");
	background-size:100vw 100vh;
}
#rastrear h4{
	color: white;
	font-size: 2em;
	text-align: center;
}
.insideRastrear{
	width: 100%;
	margin: 5% 0 auto 0;
	height: auto;
	display: inline-flex;
}
.itemRastrear{
	width: 50%;
	height: auto;
}
.itemRastrear p{
	color: white;
	font-size: 1.5em;
	text-align: left;
	width: 80%;
	margin-right: 20%;
}
.itemRastrear form{
	display: inline-flex;
	width: 80%;
	margin: 0 10%;
}
.itemRastrear input{
	width: 80%;
	height: auto;
	font-size: 1.5em;
	padding: 13px;
}
.itemRastrear button{
	width: 10%;
	height: 10vh; 
	padding: 13px;
}
.icon{
	width: 21px;
	height: 21px;
	margin: auto;
}
.dog{
	width: 321px;
	height: 321px;
	margin: auto;
}


 /*********************************
0.x Cotizar
*********************************/
#cotizar{
		background-color: #eee;
	width: 100%;
	height: 100vh;
	overflow: hidden;
}
#cotizar h6{
		background: -webkit-linear-gradient(15rad,darkred,red);
	font-family: 'Nunito Sans';    
	font-size:33px; 
	margin:5% 10% 1% 10%;
	width: 80%;
	height: 20vh;
	text-align: center; 
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
	overflow: hidden;
}
.insideCotizar{
	width: 100%;
	height: auto;
	display: inline-flex;
	overflow: hidden;
}
.itemCotizar{
	width:  50%;
	height: 70vh;
	text-align: center;
	display: block;
}
.itemCotizar:nth-child(1) {
	background-image: url("../a.jpg");
	background-size:50vw 100vh;
}
.itemCotizar:nth-child(2) {
	background-image: url("../b.jpg");
	background-size:50vw 100vh;
}
.itemCotizar a{
	border: 1px solid #fff;
	color: #fff;
	text-align: center;
	text-decoration: none;
	font-family: 'Nunito Sans';    
	font-size:33px; 
	margin: 25% auto auto auto;
	padding: 13px;
	transition: 1s ease;
}
.itemCotizar a:hover{
	border: 1px solid #fff;
	color: darkred;
	background-color: white;
	text-align: center;
	text-decoration: none;
	font-family: 'Nunito Sans';    
	font-size:33px; 
	margin: 25% auto auto auto;
	padding: 13px;
}

/*▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓
0.x icons
▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓*/
.icons{
	width: 100%;
	height: auto;
	background-color: #eee;
}
.iconsInside{
	width: 100%;
	height: auto;
	display: flex;
}
.iconsItem{	
	width: 30%;
	margin: 3.33%;
	height: auto;
}
.iconsItem img{	
	width: 55px;
	height: 55px;
	margin: auto;
}
.titleI{	
	font-size: 27px;
	color: #444;
	margin: auto;
	text-align: left;
}
.textI{
	font-size: 17px;
	color: #444;
	margin: auto;
	text-align: left;
}

/*▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓
0.x Footer
▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓*/
.footer{
	width: 100%;
	height: 90vh;
}
.insideFooter{
	width: 90%;
	margin: 1% 5%;
	height: auto;
	display: flex;
}
.itemFooter{
	width: 20%;
	margin: 0 2.5%;
	display: grid;
}
.itemFooter a{
	color: #CC0000;
	margin: 0 13px 0 0;
	padding: 0;
	text-decoration: none;
}
.titleF{ 
	font-family: 'Nunito Sans';   
	margin: 21% 0 0 0;
	font-size: 2em;
	
  background: -webkit-linear-gradient(15rad,red, darkred);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.textF{
	color: #555;
	margin: 0;
	padding: 0;
	text-decoration: none;
}
#logoFooter{
	width: 133px;
	height: 133px;
}
.social{
	display: flex;
}
.socialIcon{
	width: 33px;
	height: 33px;
}
.bottom{
	width: 100%;
	height: 10vh;
	border-top: 1px solid #aaa;
}
.bottom a{
	margin: auto 55px;
	text-decoration: none;
	color: #aaa;
}


/*********************************
0.0.x Button WA 
/*********************************/ 
a.button_wa{ 
right:23px;
bottom: 55px;
position: fixed;	
background-image: url(../wa.png);
background-size: cover;	
width: 66px;
height: 66px;
z-index: 999;	
	}
a.button_wa:hover{
right:23px;
bottom: 55px;
position: fixed;	
background-image: url(../wa.png);
background-size: cover;	
width: 66px;
height: 66px;
z-index: 999;
	}


/* Mobile AND Small Tablets */
@media (max-width: 767px) { 
/*********************************************************************
	x.0 navBar
**********************************************************************/
.menuDesktop{ 
	display: none;
}	 
#logo{
	width: 260px;
	height: 70px;
	margin-left: 2%;
}
	#btnOpenNav{
			display: block;
			height: 50px;
			width: 50px;
			position: absolute; 
			padding:0;
			text-decoration: none;
			background-color: rgba(255,245,245,1);
		    border-radius:13px;
		    right: 2%;
			margin-top: 10px;overflow: hidden;
		}
	#btnOpenNav img{ 
		width: 40px;
		height: 40px;
		margin: 5px;
		}
	#sideNav{
		width: 100%;
		height: 100%; 
		display: none;
		position: fixed;
		z-index: -9;
		top: 0;
	    animation: sideNavAnimation 1s ease;
		background-image: -o-linear-gradient(37rad,rgba(135,0,0,0.80),rgba(86,0,1,0.50), rgba(255,112,112,0.61)); /*Opera*/
		background-image: -moz-linear-gradient(37rad,rgba(135,0,0,0.80),rgba(86,0,1,0.50), rgba(255,112,112,0.61)); /*Firefox*/
		background-image: -webkit-linear-gradient(37rad,rgba(135,0,0,0.80),rgba(86,0,1,0.50), rgba(255,112,112,0.61));/*Safari & Chrome*/
		background-image: -ms-linear-gradient(37rad,rgba(135,0,0,0.80),rgba(86,0,1,0.50), rgba(255,112,112,0.61)); /*IE/*/
	    
		backdrop-filter: blur(10px);
		-webkit-backdrop-filter: blur(10px);
	}	
	@keyframes sideNavAnimation{
	0%{ 
		  opacity: 0; 
		 
		width: 100%;
		height: 100%; 
	} 
	100%{ 
		   opacity: 1; 
		 
		width: 100%;
		height: 100%; 
	}
}
	#sideNavContent{
		width: 100%;
		height: 100%;  
	    animation: sideNavContentAnimation 2.5s ease;
		background-color: transparent; 
	}
	@keyframes sideNavContentAnimation{
	0%{ 
		opacity: 0; 
	}
	70%{ 
		  opacity: 0;  
	} 
	100%{ 
		  opacity: 1;  
	}
}
	.sideNavInside{
		width: 100%;
		height: 100%;
		margin: 0; 
		overflow: hidden;
		box-shadow: 0px 0px 13px 3px #ddd;
		background-color: transparent;
	}
	.sideNavTop{
		width: 100%;
		height: 10%;
		background-color: #fff;
		backdrop-filter: blur(2px);
		overflow-y: hidden;
	}
	 .sideNavTop img{
		width: 50px;
		height: 50px;
		overflow-y: hidden;
		top: auto;
		margin-left:  5%;
	} 
	.sideNavTopBar{
		width: auto;
		height: auto; 
		margin: 0;
		float: right;
		overflow-y: hidden;
		display: inline-flex;
	} 
	.sideNavTopBarCloseBall{
		margin: 5px; 
		width: 40px;
		height: 40px;
		float: right;
		background-color:rgba(222,0,0,0.10);
		border-radius: 8px;
		text-decoration: none;
		overflow: hidden;
	}
	.sideNavTopBarCloseBall img{
		margin: 5px; 
		width: 30px;
		height: 30px; 
	}
	.sideNavBody{ 
	width: 200%;
		height: 80%;
		background-color: transparent;
		display:inline-flex;
		border-top: 1px solid #ddd;
		overflow-y: hidden; 
	}
	#sideNaveFirstMenu{
		width: 100%;
		height:100%;
		background-color: transparent; 
		position: relative;
		overflow: hidden;
	}
	.sideNavItem{ 
		height: 60px;
		display: flex;
		text-decoration: none; 
		overflow-y: hidden;
		background-color: transparent;	padding: 5px;
	}
	.sideNavItem img{
		overflow-y: hidden;
		width: 33px;
		height: 33px;
		padding: 5px 5px;background-color: rgba(255,255,255,0.90);
		border-radius: 13px;
	}
	.sideNavItem p{
		margin-top: 8px;
		overflow-y: hidden;
		color: #fff;
		padding: 1px 13px 0px 13px;
		font-weight: 700;
		font-size: 21px;
		font-family: 'Rubik', sans-serif;
	}  
	.sideNavItem p:hover{
		color: #eee; 
		transition: ease 1s;
	}
	.sideNavBottom{
		width: 100%;
		height: 10%;
		background-color: #701212;
		margin: auto;
		text-align: center;
		overflow-y: hidden;
	}
	.sideNavBottomInside{
		width: auto;
		height: auto;
		margin: 8px;
		display: inline-flex;
	}
	.sideNavBottomInside a{
		text-decoration: none;
	}
	.sideNavBottomInside a:hover{
		text-decoration: none;
	}
	.sideNavBottomInside img{
		width: 33px;
		height: 33px;
		margin: 5px;
	}

/*##########################################################
	   0.0 Slider
##########################################################*/   
.home .slide:nth-child(1) {
	background-image: url("../bg0M.jpg");
	background-size:100vw 100vh;
}
.home .slide:nth-child(2) {
	background-image: url("../bg2M.jpg");
	background-size:100vw 100vh;
} 
.home .slide:nth-child(3) {
	background-image: url("../bg1M.jpg");
	background-size:100vw 100vh;
} 
.home .caption{
	width: 100vw; 
	height: 100vh; 
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	padding: 25% 2% 0% 2%;
} 
.home .caption .title{ 
	font-family: 'Nunito Sans';    
	font-size:24px; 
	margin:0;
	width: 100%;
	height: auto;
	text-align: left; 
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
} 
.home .caption .text{ 
	width: 90%; 
	font-size: 21px;
	font-weight: 200;
	margin:0;
	color:  #000; 
	background-size: 600% 600%; 
	animation: fade linear 1.5s; 
font-family: 'Source Sans Pro', sans-serif;
} 
.home .caption .titleW{ 
	font-family: 'Nunito Sans';    
	font-size:24px;
	color: #fff;
	margin:0;
	width: 100%;
	height: auto;
	text-align: left;
	
} 
.home .caption .textW{ 
	width: 90%; 
	font-size: 21px;
	font-weight: 200;
	margin:0;
	color: #fff; 
	background-size: 600% 600%; 
	animation: fade linear 1.5s; 
font-family: 'Source Sans Pro', sans-serif;
} 
.home .controls .prev,
.home .controls .next{
 display: none;
}	
.home .indicator{
	position: absolute;
	left:50%;
	bottom:90px;
	z-index: 2;
	transform: translateX(-50%);
}
.home .indicator div{
	display:inline-flex;
	width: 20px;
	height: 20px;
	color:#bbb;
 background-color:  rgba(255,255,255,0.30);
	border-radius: 21px;
	text-align: center;
	line-height: 25px;
	margin:0px 13px 0px 13px;
		transition: 0.5s ease;
}
.home .indicator div.active{
 background-color:  rgba(255,255,255,0.90);
	width:66px;
	height: 25px;
	margin:0px 3px -2.5px 3px;
} 
	

/*##########################################################
	   0.0 Sime
##########################################################*/  	
#mensajeria-y-paqueteria{
	background-image: url("../simeM.jpg");
	background-size:100vw 100vh;
	width: 100%;
	height: 100vh;
	overflow: hidden;
}
.insideSime{
	display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column-reverse;
  flex-direction: column-reverse;
}
.itemSime{
	width: 100%;
	height: 100%;
	display: block;
	overflow: hidden;
}
.itemSime h2{
	margin: 8% 2% 0 2%;
	font-size:2em; 
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.itemSime p{
	margin:  2%;
	color: #000;
	font-size: 1.5em;
}
.itemSime img{
	width: 233px;
	height: 233px;
	margin: 1% auto;
	display: block;
}	
	
	
/*▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓
0.x Acout US
▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓*/
.aboutUs{
	width: 100%;
	height: auto;
	overflow: hidden;
}
.aboutUs h3{ 
	text-align: center;
	font-size: 2em;
  background: -webkit-linear-gradient(15rad,red, blue);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.insideAboutUs{
	width: 100%;
	height: auto;
	display: inline-grid;
}
.itemAboutUs{
	width: 100%;
	height: auto;
} 
.itemAboutUs img{
	width: 233px;
	height: 233px;
	margin: 0% auto;
	display: block;
}	
.titleAU{ 
	text-align: center;
	font-size: 2em;
  background: -webkit-linear-gradient(15rad,red, blue);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
	
	margin: 19% auto 0 auto ;
}
.textAU{
	margin:  0 auto ;
	text-align: center;
	color: #000;
	font-size: 1.2em;
	width: 90%;
}
	

/*▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓
0.x dx
▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓*/
.dx{
	width: 100%;
	height: auto;
	overflow: hidden;
}
.dxTitle{
	width: 100%;
	height: auto;
	background-image: linear-gradient(45rad,purple,#B3945B);
	overflow: hidden;
}
.dxTitle p{
	margin: 3% 10% auto 10%;
	font-size: 2em;
	color: white;
	display: block;
}
.insideDx{
	width: 100%;
	height: auto;
	display: inline-flex;
	padding: 0;
	margin: 0;
	overflow: hidden;
}
.itemDx{
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	overflow: hidden;
}
.itemDx img{
	width: 300px;
	height: 300px;
	padding: 0;
	margin: 0;
	overflow: hidden;
}
.itemDx p{
	margin: 10% 10% auto 10%;
	font-size: 1.1em;
	color: #333;
	display: block;
}	
	
/*▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓
0.x dy
▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓*/
.dy{
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-top: -13px;
} 
.titleDy{
	margin: 15% 10% auto 10%;
	font-size: 1.9em; 
	display: block ;
  background: -webkit-linear-gradient(15rad,red, darkred);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.insideDy{
	width: 100%;
	height: auto;
	display: inline-grid;
	padding: 0;
	margin: 0;
	overflow: hidden;
}
.itemDy{
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	overflow: hidden;
}
.itemDy img{
	width: 100%;
	height: 300px;
	padding: 0;
	margin: 0;
	overflow: hidden;
}
.textDy{
	margin: 5% 10% 0 10%;
	font-size: 1.1em;
	color: #333;
	display: block;
}	
	
	
/*▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓
0.x Rastrear
▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓*/
#rastrear{
	width: 100%;
	height: 100vh;
	background-image: url("../bgM.jpg");
	background-size:100vw 100vh;
	overflow: hidden;
	margin-top: -13px;
}
#rastrear h4{
	color: white;
	font-size: 1.5em;
	text-align: center;
}
.insideRastrear{
	width: 100%;
	margin: 5% 0 auto 0;
	height: auto;
	display: inline-grid;
	overflow: hidden;
}
.itemRastrear{
	width: 100%;
	height: auto;
}
.itemRastrear p{
	color: white;
	font-size: 1.1em;
	text-align: left;
	width: 80%;
	margin-right: 10%;
	margin-left: 10%;
}
.itemRastrear form{
	display: inline-flex;
	width: 98%;
	margin: 0 1%;
}
.itemRastrear input{
	width: 80%;
	height: auto;
	font-size: 1.2em;
	padding: 13px;
}
.itemRastrear button{
	width: 20%;
	height: 10vh; 
	padding: 13px;
}
.icon{
	width: 21px;
	height: 21px;
	margin: auto;
}
.dog{
	width: 255px;
	height: 255px;
	margin: auto;
	text-align: center;
}

/*********************************
0.x Cotizar
*********************************/
#cotizar{
		background-color: #eee;
	width: 100%;
	height: 100vh;
	overflow: hidden;
}
#cotizar h6{
		background: -webkit-linear-gradient(15rad,darkred,red);
	font-family: 'Nunito Sans';    
	font-size:27px; 
	margin:10vh 10% 10vh 10%;
	width: 80%;
	height: auto;
	text-align: center; 
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
	overflow: hidden;
}
.insideCotizar{
	width: 100%;
	height: auto;
	display: inline-grid;
	overflow: hidden;
}
.itemCotizar{
	width:  100%;
	height: 35vh;
	text-align: center;
	display: block;
}
.itemCotizar:nth-child(1) {
	background-image: url("../a.jpg");
	background-size:100vw 100vh;
}
.itemCotizar:nth-child(2) {
	background-image: url("../b.jpg");
	background-size:100vw 100vh;
}
.itemCotizar a{
	border: 1px solid #fff;
	color: #fff;
	text-align: center;
	text-decoration: none;
	font-family: 'Nunito Sans';    
	font-size:33px; 
	margin: 25% auto auto auto;
	padding: 13px;
	transition: 1s ease;
}
.itemCotizar a:hover{
	border: 1px solid #fff;
	color: darkred;
	background-color: white;
	text-align: center;
	text-decoration: none;
	font-family: 'Nunito Sans';    
	font-size:33px; 
	margin: 25% auto auto auto;
	padding: 13px;
}
	
	
	
 

/*▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓
0.x Footer
▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓*/
.footer{
	width: 100%;
	height: auto;
}
.insideFooter{
	width: 90%;
	margin: 1% 5%;
	height: auto;
	display: grid;
}
.itemFooter{
	width: 97%;
	margin:  1.5%;
	display: grid;
}
.itemFooter a{
	color: #CC0000;
	margin: 13px ;
	padding: 0;
	text-decoration: none;
}
.titleF{ 
	font-family: 'Nunito Sans';   
	margin: 2% 0 0 0;
	font-size: 2em;
	
  background: -webkit-linear-gradient(15rad,red, darkred);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.textF{
	color: #555;
	margin: 13px ;
	padding: 0;
	text-decoration: none;
}
#logoFooter{
	width: 133px;
	height: 133px;
}
.social{
	display: flex;
}
.socialIcon{
	width: 33px;
	height: 33px;
}
.bottom{
	width: 100%;
	height: 10vh;
	border-top: 1px solid #aaa;
}
.bottom a{
	margin: auto 55px;
	text-decoration: none;
	color: #aaa;
}
	
/*▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓
0.x icons
▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓*/
.icons{
	width: 100%;
	height: auto;
	background-color: #eee;
}
.iconsInside{
	width: 100%;
	height: auto;
	display: grid;
}
.iconsItem{	
	width: 95%;
	margin: 3.33%;
	height: auto;
}
.iconsItem img{	
	width: 55px;
	height: 55px;
	margin: auto;
}
.titleI{	
	font-size: 27px;
	color: #444;
	margin: auto;
	text-align: left;
}
.textI{
	font-size: 17px;
	color: #444;
	margin: auto;
	text-align: left;
}
	
	
}