@import url(font/stylesheet.css);

html{width: 100%;overflow-x: hidden;}
body {background: #fff;font-size: 12px;font-family: avantt_trialregular;overflow-x: hidden;background: url(../img/bg2.jpg) center no-repeat;background-size: 100% 100%;}
a {text-decoration: none;color: #000;}
a:hover{text-decoration: none;}

.clear { clear: both; }
.dn{display: none;}
.vh{visibility: hidden;}
.btn-back{cursor: pointer;}

header{height: 316px;background-color: #fff;}
header img{width: 100%;}

main{height: 1380px;}
main.white{background-color: rgba(255, 255, 255, 0.8);}
main.black{background-color: rgba(0, 0, 0, 0.3);}
main.orange{background-color: rgba(250, 189, 40, 0.7);}
main.gray{background-color: rgba(142, 142, 142, 0.7);}

/* BTNS TOP */
.bloq-data{padding-top:10px;height: 120px;background-color: #fff;}
.bloq-data .container-fluid{padding: 0px;}
.bloq-data .col{padding: 0 2px;}
.bloq-data .bloq{height: 97px;}
.bloq-data .bloq.date{padding-top: 22px;background-color: #d9b630;}
.bloq-data .bloq.date p{font-size: 1.6em;margin-bottom: 0;text-align: center;line-height: 1.1;color: #fff;letter-spacing: 2px;}
.bloq-data .bloq.date p.big{font-size: 3.8em;margin-bottom: 0;font-family: avantt_trialbold;margin-right: 10px;}
.bloq-data .bloq.date p.big i{color: #fff;font-size: 0.4em;}

.bloq-data .bloq.time{padding-top: 16px;background-color: #000000;}
.bloq-data .bloq.time p{font-size: 3.8em;margin-bottom: 0;text-align: center;color: #fff;letter-spacing: 2px;font-family: avantt_trialbold;}
.bloq-data .bloq.time p i{font-size: 0.7em;}

.bloq-data .bloq.weather{padding-top: 16px;background-color: #c4a145;}
.bloq-data .bloq.weather p{font-size: 3.8em;margin-bottom: 0;text-align: center;color: #fff;font-family: avantt_trialbold;}
.bloq-data .bloq.weather p i{font-size: 0.7em;}

.bloq-data .bloq.days{padding-top: 6px;background-color: #d9b630;}
.bloq-data .bloq.days p{font-size: 1.8em;margin-bottom: 0;text-align: center;color: #fff;font-family: avantt_trialbold;letter-spacing: 1px;line-height: 1.3;}
.bloq-data .bloq.days p span{font-size: 2.4em}

img.btn-action{transition: all 0.3s ease-out;}
img.btn-action.active{-webkit-box-shadow: 1px 4px 5px 8px rgba(0,0,0,0.15);
-moz-box-shadow: 1px 4px 5px 8px rgba(0,0,0,0.15);
box-shadow: 1px 4px 5px 8px rgba(0,0,0,0.15);}

/* HOME */
.bloq-banners{padding: 30px 180px 0;}

.bloq-btns{margin-top: 30px;}
.bloq-btns img{width: 100%;}
.bloq-btns p{overflow:hidden;margin-bottom: 30px;}

.bloq-btns.detail{margin-top: 60px;}
.bloq-btns.detail img{width: 100%;margin-bottom: 60px;}

.carousel-control-next {right: -120px;opacity: 1;}
.carousel-control-prev {left: -120px;opacity: 1;}

/* DETALLE */
.bloq-title{padding-top: 30px;}
.bloq-title .btn-home img{width: 100%;border-radius: 40px;}
.bloq-title .text h1{text-align: center;color: #000;margin: 0 60px;font-size: 3.2em;padding: 20px 0;text-transform: uppercase;font-family: avantt_trialbold;letter-spacing: 2px;}
.bloq-title .text h1.white{background-color: #fff;}
.bloq-title .text h1.black{background-color: #000;color: #fff;}
.bloq-title .text h1.orange{background-color: #fff;}
.bloq-title .text h1.gray{background-color: #fff;}

.bloq-btns-detail{margin-top: 120px;}

.bloq-btns-detail.color-white .btn-bg1{background-color: #d9b630;margin-bottom: 40px;}
.bloq-btns-detail.color-white .btn-bg1 p{padding: 10px 30px;overflow: hidden;padding: 10px 30px;text-align: left;color: #000;font-size: 3.4em;width: 100%;margin-bottom: 0;font-family: avantt_trialmedium;}

.bloq-btns-detail.color-black .btn-bg1{background-color: #d9b630;margin-bottom: 40px;}
.bloq-btns-detail.color-black .btn-bg1 p{padding: 10px 30px;overflow: hidden;text-align: left;color: #000;font-size: 3.4em;width: 100%;margin-bottom: 0;font-family: avantt_trialmedium;}

.bloq-btns-detail.color-orange .btn-bg1{background-color: #000;margin-bottom: 40px;}
.bloq-btns-detail.color-orange .btn-bg1 p{padding: 10px 30px;overflow: hidden;text-align: left;color: #d9b630;font-size: 3.4em;width: 100%;margin-bottom: 0;font-family: avantt_trialmedium;}

.bloq-btns-detail.color-gray .btn-bg1{background-color: #d9b630;margin-bottom: 40px;}
.bloq-btns-detail.color-gray .btn-bg1 p{padding: 10px 30px;overflow: hidden;text-align: left;color: #000;font-size: 3.4em;width: 100%;margin-bottom: 0;font-family: avantt_trialmedium;}

ul.pagination li a{background-color: #000; color: #fff;font-size: 2.4em;font-family: avantt_trialbold;}
.page-item.active .page-link {z-index: 3;color: #000;background-color: #d9b630;border-color: #d9b630;}
.page-link {padding: .8rem 1.55rem;}

.bloq-slide-detail{margin-top: 60px;height: 1100px;overflow: hidden;overflow-y: auto;}
.page-to{text-align: center;font-size: 3.0em;margin-top: 30px;}

#Sliders{margin: 0 60px;}

.fb-gallery .bloq{margin-bottom: 30px;}
.fb-gallery .bloq .item{background-color: rgba(0, 0, 0, 0.7);border-radius: 5px;}
.fb-gallery .bloq .item .top{text-align: right;font-size: 1.2em;color: #fff;padding: 5px 10px;text-transform: uppercase;font-family: avantt_trialbold;}
.fb-gallery .bloq .item .thumb img{width: 100%;}
.fb-gallery .bloq .item .title{font-family: avantt_trialmedium;text-align: center;font-size: 1.4em;color: #fff;padding: 10px;}


footer{height: 104px;text-align: center;background-color: rgba(0, 0, 0, 0.8);padding: 20px 0;}



/* Shine */
.hover14 figure {
	position: relative;
}
.hover14 figure::before {
	position: absolute;
	top: 0;
	left: -75%;
	z-index: 2;
	display: block;
	content: '';
	width: 50%;
	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);
}
.hover14.active figure::before {
	-webkit-animation: shine .75s;
	animation: shine .75s;
}
@-webkit-keyframes shine {
	100% {
		left: 125%;
	}
}
@keyframes shine {
	100% {
		left: 125%;
	}
}


/* Circle */
.hover15 p {
	position: relative;
}
.hover15 p::before {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 2;
	display: block;
	content: '';
	width: 0;
	height: 0;
	background: rgba(255,255,255,.2);
	border-radius: 100%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	opacity: 0;
}
.hover15.active p:hover::before {
	-webkit-animation: circle .75s;
	animation: circle .75s;
}
@-webkit-keyframes circle {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		width: 200%;
		height: 200%;
		opacity: 0;
	}
}
@keyframes circle {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		width: 200%;
		height: 200%;
		opacity: 0;
	}
}



@keyframes hide{
  0% { transform: translate(0);}
  20% { transform: translate(5px);}
  100% { transform: translate(-120vw);}
}

@keyframes show {
  0% { transform: translate(120vw);}
  80% { transform: translate(5px);}
  100% { transform: translate(0vw);}
}

.effect-hide {
  animation: hide 0.5s forwards ease-in-out;
  animation-delay: .8s;
}

.effect-show {
  animation: show 0.5s forwards ease-in-out;
}