.middle{
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
	.middle1{
		position: absolute;
		top: 50%;
		left: 10%;
		transform: translate(-50%, -50%);
	}
	.middle2{
		position: absolute;
		top: 50%;
		right: 20%;
		transform: translate(-50%, -50%);
	}
	.middle3{
		position: absolute;
		top: 50%;
		right: 30%;
		transform: translate(-50%, -50%);
	}
	/*.page-section__allies{
		padding: 10em 0;
	}*/
	.card-main{
		/*margin-top: 70px;*/
		cursor: pointer;
		width: 300px;
		height: 350px;
	}
	.front,.back{
		backface-visibility: hidden;
		overflow: hidden;
		width: 100%;
		height: 100%;
		position: absolute;
		transition: transform .6s linear;
	}
	.front img{
		height: 100%;
	}
	.front{
		transform: perspective(600px) rotateY(0deg);
	}
	.back{
		background: #f1f1f1;
		transform: perspective(600px) rotateY(180deg);
	}
	.back-content{
		color: #2c3e50;
		text-align: justify;
		width: 100%;
		padding: 0px 10px;
	}
	.title{
		text-align: center;
	}
	.card-main:hover > .front{
		transform: perspective(600px) rotateY(-180deg);
	}
	.card-main:hover > .back{
		transform: perspective(600px) rotateY(0deg);
	}
	/*.page-section:nth-child(odd){
		background: blue;
		padding: 0px;
		border: 1px solid black;
	}*/
	.main-menu__link{
		color: #002590;
	}
	/*.carousel-inner{
		height: 560px;
	}
	@media (min-width:768px ) {
		.carousel-inner{
			height: 560px;
		}
	}
	.my-section{
		margin-top: 1%;
	}*/



#carousel{
	margin-left: 0px;
}

#carousel .carousel-item.boat {
  background-image: url("assets/img/wallpaper/fiber.jpg");
}

#carousel .carousel-item.sea {
  background-image: url("assets/img/wallpaper/main-tech.jpg");
}

#carousel .carousel-item.river {
  background-image: url("assets/img/wallpaper/contact-background.jpg");
}

#carousel .carousel-item {
  height: 90vh;
  width: 100%;
  min-height: 350px;
  background: no-repeat center center scroll;
  background-size: cover;
}

#carousel .carousel-inner .carousel-item {
  transition: -webkit-transform 2s ease;
  transition: transform 2s ease;
  transition: transform 2s ease, -webkit-transform 2s ease;
}

#carousel .carousel-item .caption {
  /*background-color: rgba(0, 0, 0, 0.5);*/
  padding: 40px;
  color: white;
  animation-duration: 1s;
  animation-delay: 2s;
}

#carousel .carousel-item .captionImg {
  background-color: rgba(0, 0, 0, 0);
  padding: 10px;
  color: white;
  animation-duration: 1s;
  animation-delay: 2s;
}
.imgproduct{
	height: 350px;
	width: 800px;
}
.imgproduct2{
	height: 500px;
}

#carousel .caption h2 {
  animation-duration: 1s;
  animation-delay: 2s;
}

#carousel .caption p {
  animation-duration: 1s;
  animation-delay: 2.2s;
}

#carousel .caption a {
  animation-duration: 1s;
  animation-delay: 2.4s;
}

/*//Button*/

/*.delicious-btn {
  display: inline-block;
  min-width: 160px;
  height: 60px;
  color: #ffffff;
  border: none;
  border-left: 3px solid #1c8314;
  border-radius: 0;
  padding: 0 30px;
  font-size: 16px;
  line-height: 58px;
  font-weight: 600;
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
  text-transform: capitalize;
  background-color: #40ba37;
}

.delicious-btn.active, .delicious-btn:hover, .delicious-btn:focus {
  font-size: 16px;
  font-weight: 600;
  color: #ffffff;
  background-color: #1c8314;
  border-color: #40ba37;
}*/
.border-radius{
	border-radius: 5px;
}
/*IMAGEN 1*/
.card-img1{
	transition: 0.9s;
	background-image: url(assets/img/products/puntodeventa.png);
	background-size: 100% 100%;
	height: 220px;
}
.descrip{
	overflow: hidden;
	width: 100%;
	background-color: rgba(31,31,31,0.8);
	opacity: 0;
	height: 220px;
	z-index: 1;
	padding-left: 0px;
	transition: 0.7s;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.titulo{
	font-size: 1.3em;
	top: 15px;
	overflow: hidden;
	position: absolute;
	font-family: "Montserrat local", sans-serif;
	font-weight: bold;
	color: white;
	width: 90%;
	transform: translateX(-100%);
	transition: 0.3s;
	opacity: 0;
}
.descripcion{
	overflow: hidden;
	position: absolute;
	/*top: 50px;*/
	width: 90%;
	color: white;
	transform: translateX(100%);
	opacity: 0;
	transition: 0.7s;
	padding-left: 10px;
	padding-right: 10px;
}
.card-img1:hover .descrip{
	opacity: 1;
	transition: 0.7s;
	cursor: pointer;
}
.card-img1:hover .titulo{
	opacity: 1;
	transform: translateX(0%);
	transition: 0.9s;
}
.card-img1:hover .descripcion{
	opacity: 1;
	transform: translateX(0%);
	transition: 0.9s;
}
/*IMAGEN 2*/
.card-img2{
	transition: 0.9s;
	background-image: url(assets/img/products/tomapedido.png);
	background-size: 100% 100%;
  	background-repeat:no-repeat;
	height: 220px;
}
.card-img2:hover .descrip{
	opacity: 1;
	transition: 0.7s;
	cursor: pointer;
}
.card-img2:hover .titulo{
	opacity: 1;
	transform: translateX(0%);
	transition: 0.9s;
}
.card-img2:hover .descripcion{
	opacity: 1;
	transform: translateX(0%);
	transition: 0.9s;
}
/*IMAGEN 3*/
.card-img3{
	transition: 0.9s;
	background-image: url(assets/img/products/portal_estadistico.png);
	background-size: 100% 100%;
	height: 220px;
}
.card-img3:hover .descrip{
	opacity: 1;
	transition: 0.7s;
	cursor: pointer;
}
.card-img3:hover .titulo{
	opacity: 1;
	transform: translateX(0%);
	transition: 0.9s;
}
.card-img3:hover .descripcion{
	opacity: 1;
	transform: translateX(0%);
	transition: 0.9s;
}