@charset "utf-8";
/* CSS Document */


@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500, 600,800&display=swap');
body {
	font-family: 'Montserrat', sans-serif;
	color: #fff;
}

.carousel-inner {
  height: 283px;
}

.carousel-fade .carousel-inner .item {
opacity: 0;
transition-property: opacity;
transition-duration: 2s;
transition-delay: 0s;
}
.carrousel-fade .carousel-inner .active {
opacity: 1;
transition-property: opacity;
transition-duration: 2s;
transition-delay: 0s;
}

.carrousel-fade .carousel-inner .active.left,
.carrousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
.carrousel-fade .carousel-inner .next.left,
.carrousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
@media all and (transform-3d), (-webkit-transform-3d) {
  .carousel-fade .carousel-inner > .item.next,
  .carousel-fade .carousel-inner > .item.active.right {
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  .carousel-fade .carousel-inner > .item.prev,
  .carousel-fade .carousel-inner > .item.active.left {
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  .carousel-fade .carousel-inner > .item.next.left,
  .carousel-fade .carousel-inner > .item.prev.right,
  .carousel-fade .carousel-inner > .item.active {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.carousel-caption {
  	font-size: 1.063em;
	padding: 0px 0px 0px 0px;
	width: 100%;
	text-align: left;
}
.carousel-caption h3 {
  font-size: 1.875em;
  font-family: "Open Sans", sans-serif;
}
.carrousel-fade .carrousel-control {
  z-index: 2;
}
.item:nth-child(1) {
  background: url("../images/ad_01.jpg");
  background-size: contain;
  background-position: top center;
  background-repeat: no-repeat;
}
.item:nth-child(2) {
  background: url("../images/ad_02.jpg");
  background-size: contain;
  background-position: top center;
  background-repeat: no-repeat;
}
.item:nth-child(3) {
  background: url("../images/ad_03.jpg");
  background-size: contain;
  background-position: top center;
  background-repeat: no-repeat;
}
.carousel-caption {
  margin: 0px;
  left: 60px;
}

/*-----------------------BANNER 1, 2-----------------------*/

.grid-container-ad {
	width: 100%;
	overflow: hidden;
	display: grid;
	grid-template-columns: repeat(2, 400px) 0px;
	grid-template-rows: 0px 400px 0px;
	}

.banner-text-ad {
	padding:80px 0px 0px 0px;
	display: flex;
	justify-content: flex-end;
	align-items: left;
	width: 120%;
}

.banner-text-ad h1 {
	font-size: 2.5em;
	font-weight: 900;
}

.grid-container-ad-2 { /*------------div texto banner 1-----------*/
	overflow: hidden;
	padding:110px 0px 0px 0px;
	}

.banner-text-ad-2 { /*------------div texto banner 1-----------*/
	display: flex;
	justify-content: flex-end;
	align-items: right;
	width: 93%;
	padding: 0px 75px 0px 0px;
}

.banner-text-ad-2 h1 { /*------------titulo texto banner 1-----------*/
	font-size: 2.3em;
	font-weight: 500;
}


.blurred-container-ad { /*------------caja fechas-----------*/
	padding: 12px 0px 0px 0px;
	display: flex;
	justify-content: flex-end;
	align-items: left;
}
.blurred-banner-ad {
	padding: 0px 50px 170px 20px;
	margin-top: 20px;
	background: #00000040;
	width: 66.666%;
	height: 100%;
	display: flex;
	justify-content: left;
	flex-direction: column;
	border: 10px solid #ffffff40;
	animation: blurredBanner 1s 2.8s ease-in-out forwards;
	box-sizing: border-box;
	filter: blur(10px);
	opacity: 0;
}
.blurred-banner-ad h2 {
	font-size: 3em;
	font-weight: 500;
}
.blurred-banner-ad h4 {
	font-size: 1.5em;
	font-weight: 500;
	letter-spacing: 0.1em;
	float: left;
	padding: 10px 10px 0px 0px;
}
.blurred-banner-ad {
	position: relative;
}

.blurred-banner-ad > *{
	margin-left: 0px;
	width: 22ch;
	letter-spacing: 0rem;
}
.orange-text {
	padding: 10px 0px 0px 0px;
	color: #2ca44b;
	font-weight: 600;
}

.blurred-banner-ad > p:not(.orange-text) {
	line-height: normal;
	font-size: 0.8em
}

@supports(backdrop-filter: blur(10px)) {
	.blurred-banner {
		backdrop-filter: blur(0px)
	}
}

.reveal, .reveal-2 {
	animation-name: text;
	animation-delay: 1.0s;
	animation-iteration-count: 1;
	animation-duration: 800ms;
	animation-fill-mode: both;
	animation-timing-function: cubic-bezier(0.0, 0.0, 0.2, 1);
}
.reveal-2 { 
	animation-delay: 1.2s;
}

@keyframes slide-down {
	to {
		opacity: 1;
		margin-top: 0px;
	}
}

 @keyframes text {
	from {
		clip-path: inset(0 100% 0 0);
	}
	to {
		clip-path: inset(0 0 0 0);
	}
}


@keyframes blurredBanner {
	0% {
/* 		opacity: 0; */
/* 		backdrop-filter: blur(0); */
	}
	60% {
		opacity: 1;
		filter: blur(10px);
	}
	100% {
		backdrop-filter: blur(10px);
		filter: blur(0px);
		opacity: 1;
	}
}

@keyframes slide-down-search {
	to {
		top: 0px;
	}
}


/*-----------------------BANNER 2-----------------------*/

#container-ad-3 {
color:#fff;
text-transform: uppercase;
font-size:3.75em;
font-weight:bold; 
position:fixed;
bottom:45%;
display:block;
width: 18vw; /*tamaño caja animada*/
height: 47vh;
top:60px;
left: 130px;
}

#flip-ad {
height:60px;
overflow:hidden;
line-height: 0.7em;
}

#flip-ad > div > div {
color:#fff;
padding:10px 10px;
height:60px;
margin-bottom:45px;
display:inline-block;
}

.text-ad {
width: 100%;
text-align: left;
}

#flip-ad div:first-child {
animation: show 5s linear infinite;
}

#flip-ad div div {
width: 100%;
height:60px;
background:#42c58a;
}
#flip-ad div:first-child div {
width: 100%;
height:60px;
background:#234581;
}
#flip-ad div:last-child div {
width: 100%;
height:60px;
background:#569ADD;
}

@keyframes show {
  0% {margin-top:-270px;}
  5% {margin-top:-180px;}
  33% {margin-top:-180px;}
  38% {margin-top:-90px;}
  66% {margin-top:-90px;}
  71% {margin-top:0px;}
  99.99% {margin-top:0px;}
  100% {margin-top:-270px;}
}

.container-ad p {
  position:fixed;
  width:100%;
  bottom:30px;
  font-size:0.75em;
  color:#999;
  margin-top:200px;
	}

.grid2-container-ad {
	width: 100%;
	overflow: hidden;
	display: grid;
	grid-template-columns: repeat(2, 200px) 0px;
	grid-template-rows: 0px 400px 0px;
	margin: 0px 0px 0px 373px;
	}

.banner2-text-ad {
	padding:124px 0px 0px 0px;
	display: flex;
	justify-content: flex-end;
	align-items: left;
	width: 120%;
	}

.banner2-text-ad h1 {
	font-size: 1.5em;
	font-weight: 900;
	}

.banner2-horario1-ad {
	font-size: 0.7em;
	font-weight: 500;
	padding: 15px 0px 0px 0px;
	text-transform: uppercase;
	}
.banner2-horario2-ad {
	font-size: 1.5em;
	font-weight: 500;
	padding: 0px 0px 0px 0px;
	text-transform: uppercase;
	}
.banner3-horario1-ad {
	font-size: 0.7em;
	font-weight: 500;
	padding: 15px 0px 0px 0px;
	margin-left: 140px;
	text-transform: uppercase;
	}
.banner3-horario2-ad { /*------------ signo + -----------*/
	font-size: 2em;
	font-weight: 500;
	padding: 10px 0px 0px 17px;
	opacity: 0.5
	}
.banner3-horario3-ad {
	font-size: 1.5em;
	font-weight: 500;
	padding: 0px 0px 0px 0px;
	text-transform: uppercase;
	}





@media(max-width:1200px) {/*------------IPAD-----------*/
	.carousel-inner {
	height: 180px;
	}
	.controles-izq {   /*------------Flechas slider-----------*/
	margin-top: -60px; 
	margin-left: 30px; 
	position: absolute;
	}
	.controles-der {
	margin-top: -60px; 
	margin-left: 60px; 
	position: absolute;
	}
	
	.grid-container-ad { /*------------div texto banner 1-----------*/
	grid-template-columns: repeat(2, 280px) 0px;
	}
		.banner-text-ad {
		padding:60px 0px 0px 0px;
		margin-left: -70px;
		}

		.banner-text-ad h1 {
		font-size: 1.5em;
		}
	
	.blurred-banner-ad {
	padding: 0px 50px 120px 15px;
	margin-top: 15px;
	height: 100%;
	margin-right: 70px;
	}
		.blurred-banner-ad h2 {
		font-size: 1.5em;
		}
		.blurred-banner-ad h4 {
		font-size: 1.0em;
		}
		.orange-text {
		padding: 10px 0px 0px 0px;
		font-size: 0.9em;
		}
		.blurred-banner-ad > p:not(.orange-text) {
		font-size: 0.6em;
		padding: 0px;
		}
	
	#container-ad-3 { /*------------div texto banner 2-----------*/
  	font-size:2.5em;
  	bottom:30%;
	top:15px;
	left: 80px;
	}
	
	.grid2-container-ad {
	width: 100%;
	margin: 0px 0px 0px 140px;
	}
	
	.banner2-text-ad {
	padding: 0px 0px 0px 0px;
	margin: 90px 0px 0px 0px;
	width: 120%;
	}
	.banner2-text-ad h1 {
	font-size: 1.0em;
	}
	.banner2-horario1-ad {
	font-size: 0.7em;
	padding: 15px 0px 0px 0px;
	}
	.banner2-horario2-ad {
	font-size: 1.0em;
	padding: 0px 0px 0px 0px;
	}
	.banner3-horario1-ad {
	font-size: 0.7em;
	padding: 15px 0px 0px 0px;
	margin-left: 100px;
	}
	.banner3-horario2-ad { /*------------ signo + -----------*/
	font-size: 1.5em;
	font-weight: 500;
	padding: 10px 0px 0px 17px;
	opacity: 0.5
	}
	.banner3-horario3-ad {
	font-size: 1.0em;
	font-weight: 500;
	padding: 0px 0px 0px 0px;
	text-transform: uppercase;
	}
	
#flip-ad > div > div {
height:60px;
margin-bottom:45px;
display:inline-block;
}
	
	.grid-container-ad-2 { /*------------div texto banner 3-----------*/
	padding:76px 0px 0px 0px;
	}
		.banner-text-ad-2 {
		align-items: right;
		width: 93%;
		padding: 0px 70px 0px 0px;
		}
		.banner-text-ad-2 h1 {
		font-size: 1.5em;
		}

}