
.main_slider_2 {
	margin-top: 80px;
}

@media screen and (max-width: 767px) {
	.main_slider_2 {
		margin-top: 50px;
	}
}


.item img {
	width: 100%;
	height: auto;
}

.container_slider {
	margin: auto;
	position: absolute;
	bottom: 2vw;
	left: 0;
	right: 0;
}

.carousel-control {
	z-index: 10;
}


.btn-more {
	position: relative;
	z-index: 100;
}




#main-slider .carousel .item {
	height: auto;
}
.col-sm-6 {
	width: auto;
}

#main-slider .carousel .slide-margin {
	margin-top: auto;
}

#main-slider {
	position: absolute;
	bottom: 2vw;
	right: 0;
	left: 0;
}




.tooltip-carousel {
	position: absolute;
	z-index: 11;
	border-radius: 50%;
}

.caraousel-tooltip-item {
	display: none;
}

.caraousel-tooltip-item.active {
	display: block;
}


/* Para hacer responsive el texto y el botón */

@media screen and (max-width: 960px) {
	.carousel-control {
		display: none;
	}
	.btn-slide {
		margin-top: 2vw !important;
	}
}
 /* botones */
@media screen and (max-width: 767px) {
	.carousel-indicators {
		display: none;
	}
}

@media screen and (max-width: 500px) {
	.carousel h2, p, a {
		margin: 0 !important;
	}
	.carousel h2 {
		font-size: 3em !important;
	}
	.carousel p {
		font-size: 1em !important;
	}
	.carousel a {
		font-size: 0.8em !important;
	}
	.btn-slide {
		padding: 0.5em 2.2em !important;
	}
}

@media screen and (max-width: 400px) {
	.carousel h2 {
		font-size: 2.5em !important;
	}
	.carousel p {
		font-size: 0.8em !important;
	}
	.carousel a {
		font-size: 0.7em !important;
	}
	.btn-slide {
		padding: 0.4em 2em !important;
	}
}

