body{
	 font-family: 'Helvetica Neue', Helvetica-Neue, HelveticaNeue, Arial, sans-serif!important;
}
.body{	max-width:1200px; margin:auto; }

h1{font-size: 3.5rem!important;font-weight:300;  letter-spacing:3px; }
h2{font-size: 2.2rem!important;}
h3{font-size: 1rem!important;}
h4{font-size: 2.5rem!important;font-weight:100;}
h5{font-size: 2.5rem!important;font-weight:300;}
h6{font-size: 1rem!important;font-weight:100;}
.breadcrumb h1, .breadcrumb a  {font-size:1rem!important; margin:0;     letter-spacing: 0px!important;}

.trans{

bottom: 0%;
 background: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.5), rgba(0,0,0,1));

    background: -o-linear-gradient(right, rgba(255,0,0,0),  rgba(0,0,0,.5), rgba(0,0,0,1));

    background: -moz-linear-gradient(right, rgba(255,0,0,0),  rgba(0,0,0,.5), rgba(0,0,0,1));

    background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,.5), rgba(0,0,0,1));

}
.border{
	border:1px solid #ccc!important;
}
.clickable:hover{cursor:pointer;}

	.subtitle{color:#64686A; text-transform: uppercase;}
a,p{font-size:1.7rem;font-weight:100;line-height: 1.1em;}
.impact{font-weight:700;}
.fluid{width:100%;}
.inline{display: inline-block;}
.input-underline{
	background: none;
	border: none;
	border-bottom: 3px solid   #cccccc;
	font-size: 28px;
	font-weight: 100;
/*	padding: .5em;*/
    padding: .1em;
    margin: 0.3em 0px;

}
.input-underline:focus{
	outline: none;
	border-color: black;
}
.btn-flat{
	/*background-color:  #02d6af;i*/
	background-color: #383838;
	border: none;

}
.separator{
	margin-top: 3em;
	margin-bottom: 3em;
	text-align: center;
}

.row.edition-search {
margin: 0px;
}
.row.edition-search > * {
padding: 0px;
}
.edition-search input{width:100%;}
.edition-search .btn-flat{width : 100%; height: 100%;}

/*touch*/
.touch{position: relative;}
.touch .left,.touch .right{
	position: absolute;
	top: 0;
	width: 10%;
	height: 100%;
	z-index: 9997;
}
.touch .left{left: 0;}
.touch .right{right: 0;}

 .overflow-hidden{
	 overflow: hidden!important;
 }
/*Header Nav*/
		header{
		/*	box-shadow:  0px 0.5em 3em #343434;
			position: fixed;
			top: 0px;
			z-index: 9999;
			width: 100%;*/
		}
			header img{	height: 1.5em;}
			.hidden{	display: none!important;}
			.visible{ display: unset!important;}
			header .menu-buttons{
				border-left: none!important;
				text-align: center;
			}
			header .menu-buttons button{padding: 0.5em;   outline: none;}

				nav{
					height:11em;
					padding: 1em;
				}
				nav.nav-sm{height:5em;}
					nav img.brand{height: 2.5em;}

@media only screen and (max-width: 1200px) {
 header .menu-buttons{
                                border-left: 3px solid  #cccccc;
                                text-align: center;
                        }
}

				
	

/*Page body*/
.content{ padding-top:3em;}

@media only screen and (max-width: 568px) {

.content{margin-top:3.5em; padding-top:0em;padding-top: 0em;
    padding-left: 1em;
    padding-right: 1em; }

.buscador .content{margin-top:6.7em; padding-top:0em;padding-top: 0em;
    padding-left: 1em;
    padding-right: 1em; }

.buscador .article-item{
margin: 0em;
height: auto;
}

.navbar{/*margin-left: -1em; padding-left: 1em!important;     padding-right: 1em!important;*/}

}

.inactive{  opacity: 0.1;filter: alpha(opacity=10); /* For IE8 and earlier */}
.article-click{  opacity: 0.1;filter: alpha(opacity=10); /* For IE8 and earlier */}
.portada{height: 4em;;}
.portada img {height:2.5em;  z-index: 9998; position: relative;transition: all .2s ease-in-out;}
.portada img:hover { cursor: pointer; height:3em;transform: translate(0%,-15%) scale(1.25); }
.portada div.img {height:2.5em;  z-index: 9998; position: relative;transition: all .2s ease-in-out; background-size: cover;}
.portada div.img:hover { cursor: pointer; height:3em;transform: translate(0%,-15%) scale(1.25);background-size: cover; }

.evento-destacado .cover-text h6{font-size:4rem;}

/*Cover page, jumbo*/
	.cover{
		height:70em;
		position: relative;
		color: white;
	}

	.cover.cover-sm{height:40em!important;}
	.cover.cover-md{height:60em;}
	.cover.cover-lg{height:80em;}
		.cover img, .cover .carousel-item{
			width: 100%;
			height: 100%;
			object-fit: cover;

		}
		.cover .carousel{height: 100%;}
		.cover .carousel-inner{height: 100%;}
		 .cover-text{
			position: absolute;
			
			bottom:1.5em;
			left: 0;
			line-height: .5em;
			text-transform: uppercase;
			letter-spacing: 2px;
			color:white;
		}
		.tag{
			display: inline-block;
			padding: 0.1em .3em 0.1em .3em;
			color:black;
			background-color: white;
			font-size:1rem!important;
		}
		
		.sliderMovil .cover-text .tag{;
			font-size:2.5rem!important;
		}
		.cover-text h5, .cover-text h5,.cover-text h1{line-height: 0.9em; /*    text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.5);*/}
		.text-shadow-cover{line-height: 0.9em;     text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.5);}
		.cover .switch-cont{

			z-index: 9998;
			position: absolute;
			top: 1em;
			right: 1em;}
.donslide {
z-index:9998;
height: 600px;
}
	.donslide .item:hover{cursor:pointer;}
	.donslide .item,.photo{
object-fit:cover;
		 -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 20%;
}
.donslide .donslide-title{
	color:white;
	text-shadow:2px 2px 0px rgba(0,0,0,0.5);
}

.more img {
	height:100%;
}
.sliderExplorerSafari{background:#292b2c}
.accordian{
background:url("../images/bannerlook5.png") no-repeat;
background-position:center;
background-size:100% 100% ;
}
		/* single slide at once */

			.cover .cont{height: 100%;}
#covermovil .carousel-inner .active.left {left: -33%;}
#covermovil .carousel-inner .next        {left:  33%;}
#covermovil .carousel-inner .prev        {left: -33%;}
#covermovil .carousel-item.active.left   {opacity:0.3;}
#covermovil .carousel-item.active.right  {opacity:0.3;}

 #covermovil .carousel-item.active.left > div:not(:first-child) {
    display:none;
}
#covermovil .carousel-item.active.right > div:not(:first-child) {
    display:none;
}

#covermovil .carousel-control {
    color:#333;
 }
#covermovil .carousel-control.left,
#covermovil .carousel-control.right {background-image:none;}


		.truncate {
  width: 90%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/*Article list*/
	.article-item{
		margin: 1.5em;
		height: 16em;
	}
	.article-item h3 {font-size:1.2rem!important;}
	.article-item:hover{
		cursor: pointer;
		opacity: 0.8;filter: alpha(opacity=10);
	}
						.article-item .article-content{padding: 0.5em 0 0 0;	/*padding: .1em 1.5em .1em 2em;*/}
							.texthover{color:#a5a5a5!important; }

						.article-item .article-content .title{color: #000000;}
						.article-item img{
							width:100%;
							height:100%;
							object-fit: cover;
						}
						.article-list .photo {height:15em;}
						.article-item .photo .sponsor{
							position: absolute;
							width:5em;
							height:5em;
							top:0.5em;
							left:0.5em;
							z-index: 9888;
						}
						.article-item p{	
    padding-right: 2em;
    font-size: 1.2rem;
    float: left;
    position: relative;
    width: 85%;
/*padding-right:2em;     font-size: 1.2rem;*/}

					  .more{float: right; height:15%; }
						.article .more{margin:  2em;}
						.article .more:hover{cursor:pointer;}
					.more img{height:100%;}
	/*Side Nav*/
	.side-nav{
		margin-top:0em;
		overflow: scroll;
		position: fixed;
		z-index: 9998;
		background-color: #f7f7f7;
		text-decoration: none;
		text-transform: uppercase;
		padding: 0.5em;
		width: 80%;
		height: 90%;
		display: inline-block;
		font-size: 1.2rem;
		left: -60%;
		z-index:9999;
	}

					.side-nav .close-menu{position:absolute; left:85%;}
					.side-nav a {color: gray; font-size: 0.7em;}
					.side-nav ol, .side-nav ul{list-style-type: none;}
					.side-nav li h6 b{padding: 2px 0;
    font-size: 1.4rem; }


.side-nav li li {
    padding: 2px 0;
    font-size: 1.5rem;
}
					.side-nav ol{	border-top: 5px solid  #383838 ;     margin-bottom: 1.5rem;}
					.side-nav .side-nav-footer{
						padding: 1em;
						border-top: 5px solid #383838  ;
					}
					.side-nav .side-nav-footer img{
					width: 2em;
					height: 2em;
					margin: 0.5em;
					}
					.input-underline.green-underline{
						background: none;
						border: none;
						border-bottom: 8px solid   #02d6af;
						font-size: 2rem;
						font-weight: 100;
						padding: .2em;
					}

		/*article*/
	.article .article-content{padding: 3em 1em;}
					.article .article-content p{font-size: 1.3rem;}
					.article .article-content h6.subtitle{
						font-size: 1em!important;
						margin-bottom: 1em;
					}
					.article .article-video{
						padding: 3em;
						text-align: center;
					}
					.article .article-video embed{
						width: 100%;
						height: 25em;
					}
					.article .add{
						width: 100%;
						height: 20em;
						padding:   2em 0  2em 0;

					}
					.article .add img{
						object-fit: cover;
						width: 100%;
						height: 100%;
					}

		/*gallery*/
.gallery{background-color:transparent;color: white!important;}
		.gallery-header,.gallery-footer{
			overflow: hidden;
			padding: 3em;
		}
					.gallery-header a{
						font-size: 3rem;
						font-weight: 300;
					}
					.gallery-header .input-underline{
						font-size: 1.5rem!important;
						color: white;
						text-align: right;
					}
					.gallery-header .input-underline:focus{border-bottom: 3px solid   #02d6af !important;}

			.gallery-header img{	width:2em;	height: 2em;}


			.search-btn:hover,.menu-btn:hover{	transition: all .2s ease-in-out;}
			.search-btn:hover,.menu-btn:hover{transform: scale(1.5); cursor: pointer;}
			.search-btn,.menu-btn{transform: scale(1);}
					.camera_thumb{height:1em!important;width:1em!important;}

					.gallery-footer a, .gallery-footer h5{color: white!important;}

					.gallery-footer img{width:50px ; height:50px;}

					.carousel-item img{width: 100%; height:100%}
					.camera_wrap{height: 100%;}
					#camera_wrap_2{z-index: 9998;}
					a.carousel-control-prev,a.carousel-control-next{z-index: 99;}

					.gallery .event-gallery .carousel-inner, .gallery .event-gallery .carousel-item{
						height: 35em;
					}

					.fa {
						color: #02d6af!important;
								}

.footer-look{
color: rgb(53, 53, 53);
    text-align: center;
    background-color: #f9f9f9;
    border-top: .05rem solid #e5e5e5;}

.redes-sociales{
	height:55px;
	line-height:0px;
}
/*parallax*/
.parallax-sm{
	height: 15em;
}

/*Tabs*/
.nav-pills .nav-item.show .nav-link, .nav-pills .nav-link.active{
	background-color: #383838;
}

.portada-thumbnail{position:absolute; top:15%; left:30%;width:3em;height:5em;}

/*SEPARADOR*/

.separador{
	height:0.5em;
/*	background-color:#02c6af;*/
background-color:#383838;

}

.mainSlider{
	height:550px;

}

/**Resize*/

@media screen and (min-width: 992px) {

	.content{margin-top: 5em;}
	#input-underline{font-size:1rem;}
	
	.cover.cover-sm{height:30em;}
	.cover.cover-md{height:40em;}
	.cover{height:50em;}
	.cover.cover-lg{height:60em;}
	.cover .cover-text{
		bottom:0.5em;
		left: 0.5em;
	}
	header img{	height: 1.5em;}
	img.brand{height:3.5em!important;}
		.gallery-header,.gallery-footer{font-size:  1em;}
		.gallery-header a,.gallery-footer{font-size: 1.5em;}
		.gallery-header h6 {font-size: 1rem!important; margin: 0px;}
	.gallery-header,.gallery-footer{padding: 1em;}
	.switch-cont > *{display: hidden;}
	.side-nav a { font-size: 0.8em;}
	.side-nav h6 { font-size: 1rem!important;}
	.side-nav li{padding:0em;}

	.viewer .carousel-item{height: 50em;}

	.article .article-content p{font-size:1.2rem!important;}
	.evento-destacado{height:100%!important;}
	.evento-destacado .cover-text h6{font-size:2rem!important;}
	
}
@media screen and (max-width: 992px) {
h1 {    
    font-size: 2.5rem!important;
    font-weight: 300;
    letter-spacing: 3px;
}
}
@media screen and (orientation: landscape) {
	nav{height:6em;}
	.navbar-toggler{font-size:1rem;}
	.content{margin-top: 3.5em;}
	
 }

@media screen and (max-width:2000px) {.mainSlider{	height:550px!important;}	}
@media screen and (max-width:1500px) {.mainSlider{	height:500px!important;}	}
@media screen and (max-width:1200px) {.mainSlider{	height:450px!important;}	}

@media screen and (max-width:992px) {.mainSlider{	height:400px!important;}	}



.eventoLayout img{
/*	width:100%;*/
}

.html-layout{
   line-height:1.5!important;
}


.html-layout img{
        margin:15px;
}

.html-layout p{
	overflow:hidden;
	line-height:1.5!important;
}

/*Switch*/
/* The switch - the box around the slider */
				.switch {
				position: relative;
				display: inline-block;
				width: 60px;
				height: 34px;
				}

/* Hide default HTML checkbox */
		.switch input {display:none;}

/*Viewer*/
.modal-content {
	 background-color:  #f7f7f7;
}
	.viewer{
	margin-top: 1em;
	margin-bottom: 1em;
	font-size: 1rem;
	color: #64686A;

 }
	 .viewer-header{
		 background-color:  #f7f7f7;
		 	padding: 1em;
			border-bottom: 0.1em solid #cccccc;

	 }
	 .viewer-modal .modal-body{
		 max-height: 30em;

	 }
	 .modal-body .viewer{
		 height: 100%;
	 }
	 .viewer-content{

	 

}



.breadcrumb {
    
    padding: .5rem .5rem!important;

margin-bottom: 1rem;
    list-style: none;
    background-color: rgba(236, 238, 239, 0.29);
    border-radius: 0;
color: rgba(56, 56, 56, 0.55);

    margin-top: 1rem;
}






}