/* LARGE 1200px */
.col5{position: relative;width: 100%;min-height: 1px;padding-right: 15px;padding-left: 15px;}
article{position: relative;}
.embed-container {
    height:0;
    margin-bottom:18px;
    overflow:hidden;
    padding-bottom:56.25%; /* 16/9 ratio */
    padding-top:30px; /* IE6 workaround*/
    position:relative;
  }

  .embed-container iframe,
  .embed-container object,
  .embed-container embed {
    height:100% !important;
    left:0;
    position:absolute;
    top:0;
    width:100% !important;
  }


@media (max-width: 1420px) {
	.container-main{
		padding: 0 0;
	}
}
@media (max-width: 1240px) {
	.slider .carousel-item__image{padding-top: 45%;}
}
@media (max-width: 1080px) {
	.navbar .navbar-brand img {
		max-width: 250px;
	}
}

@media (min-width: 992px) {
	.navbar-container,.navbar .container{width:100%;max-width: 1380px; display: flex; flex-direction: row; justify-content: space-between; align-items: flex-end; margin: 0px auto;}
	.container-main{width:100%;max-width: 1380px; margin: 0px auto;}
		.navbar-container .organizadores{margin-right: 40px;display: flex; width: 100%; align-items: center; justify-content: flex-end; margin-bottom: 20px;}
		.navbar-container .organizadores>a,
		.navbar-container .organizadores>div{display: inline-flex;margin-left: 5px; padding-left: 5px;}
			.navbar-container .organizadores>:first-child{border: none;;}
			.navbar-container .organizadores>a>img,
			.navbar-container .organizadores>div>img{width: auto;max-width: 190px; height: 60px; object-fit: contain!important; display: block;}

	.maincolumn{justify-self: stretch;}
	.col5{ -ms-flex: 0 0 20%;flex: 0 0 20%;max-width: 20%; }
	.navbar-nav{display: flex; flex-direction: row;}
		.navbar-nav li{position: relative; display: inline-flex;}
			.navbar-nav li a{font-weight: 300;padding: 10px; white-space: nowrap; color: #ccc; font-size: 16px; line-height: 30px; position: relative;}
			.navbar-nav li a:hover{font-weight: 300;padding: 10px; white-space: nowrap; color: #fff; font-size: 16px; line-height: 30px; position: relative;}
			.dropitem{color: #fff; opacity: .75; line-height: 30px;display: flex;flex-direction: column;justify-content: center;}

	.collapse{display: block;z-index: 3;}
	.navbar{padding-left: 0; padding-right: 0;}
	.navbar-nav > li ul.sub-menu{width: 300px; position: absolute; top: 100%; left: 0; z-index: 3; display: none; background-color: #1a2e42;padding: 5px 0px;}
	.navbar-nav > li ul.sub-menu>li ul.sub-menu{width: 300px; position: absolute; top: 0%; left: 100%;}
		.navbar-nav > li:hover ul.sub-menu{display: block;}
			.navbar-nav > li>ul.sub-menu li:hover ul.sub-menu{display: block;}
		.sub-menu .menu-item-has-children:hover>.dropitem{transform: rotate(-90deg);}
			.navbar-nav > li ul.sub-menu li{display: block; width: 100%; text-align: left;}
				.navbar-nav > li ul.sub-menu li a{white-space: unset; font-size: 14px; display: block; border-bottom: 1px solid rgba(255,255,255,.25);}
					.navbar-nav > li ul.sub-menu li a::before{position: absolute; left: 5px; top: 0; width: 15px; height: 100%; background: url(../images/flechita.png) center left no-repeat; content: "";}




}

@media (max-width: 991px) {
	.fixed-top{position: relative!important;}
	body{ padding-top: 0;}
	.navbar-container,.navbar .container{padding: 0 30px;}
	.navbar{padding: 0 0;}
	.navbar-toggler{float: right;display: block;width: 32px;height: 32px;overflow: hidden; padding: 0 0; margin-top: 35px; position: relative;}
		.navbar-toggler .tline{width: 100%; height: 3px; background-color: #fff; margin-bottom: 5px; display: block;transition: all 600ms ease;}
		.navbar-toggler:hover>.tline{background-color: #1e73be;}
		.navbar-toggler[aria-expanded="true"]>.tline:first-child{transform: rotate(45deg);transform-origin: 40% 100%; background-color: #fff; margin-bottom: 0;}
		.navbar-toggler[aria-expanded="true"]>.tline:nth-child(2){display: none;}
		.navbar-toggler[aria-expanded="true"]>.tline:last-child{transform: rotate(-45deg);transform-origin: 50% 0%; background-color: #fff; margin-bottom: 0;}
	.navbar-container .organizadores{display: flex; width: 100%; align-items: center; justify-content: center; flex-wrap: wrap;}
		.organizadores a{margin: 0px 0px; padding: 0 15px; display: inline-flex; overflow: hidden;max-width: 25%;flex: 0 0 25%;}
		
			.organizadores a img{ max-width: 100%;}
	.widget-enlaces{display: flex; width: 100%; align-items: center; justify-content: space-between;}
		.widget-enlaces a > img, .widget-enlaces div > img {}
	.social{justify-content: center;}
	.sponsors{text-align: center;}
		.sponsors a, .sponsors div {max-width: 200px;}
	.col5{ -ms-flex: 0 0 33%;flex: 0 0 33;max-width: 33%; }
	.pageheader,.slider-caption{padding-top: 162px!important;}
	.topbar{position: relative;}
	.topbar .container,
	.contadores .container{max-width: none!important;}
		.topbar .topbar-nav > li{position: relative;}
			.topbar .topbar-nav > li ul.sub-menu{background-color: #000;width: 300px; position: absolute; top: 100%; left: 0; z-index: 1; display: none; padding-left: 0; z-index: 99;}
				.topbar .topbar-nav li:hover ul.sub-menu{display: block;}
	.carousel-caption .container{max-width: none;}
	.carousel-control-next, .carousel-control-prev {width: 24px;}
	.margined {padding-bottom: 25px;}
	.nav-container>.container{padding-left: 0; padding-right: 0; max-width: none;}

	.navbar-collapse{
		position: fixed;
		top: 160px;
		z-index: 3;
		left: 0px;
		width: 100%;
		background-color: #1a2e42;
		border-bottom: 1px solid rgba(255,255,255,0.06);
		max-height: 100dvh;
    	overflow: scroll;
	}
	.scrolled .navbar-collapse{top: 0;}

	.navbar .navbar-nav{max-width: 100vw;}
	.navbar li{
		border-top: 1px solid rgba(255,255,255,0.06);
		padding: 4px 0;
	}
	.navbar li a{
		padding: 0px 15px; color: #fff;
	}
	

}







/* SMALL 768 */

@media (max-width: 768px) {
	body{ padding-top: 0px;}
	.col5{ -ms-flex: 0 0 50%;flex: 0 0 50;max-width: 50%; }
	footer{text-align: center;}
	.slider .sociales a{font-size: 36px;}
	.pwd li,.pwd li a{ padding: 0 3px; font-size: 13px;}
	.servBlocks>.col i.fa{font-size: 54px;}
	footer .fooTitle::after{left: 50%;margin-left: -60px; width:120px}
	.img-container {float: none;clear: both;padding: 0 15px 0px 15px;width: 100%;}
	img.alignleft {height: auto; width: 100%;}
	.asideform{display: none;}
	.pestanias{flex-direction: column;}
	.pestanias>.btn{margin-bottom: 1px;}
	.slider .carousel-item__image {padding-top: 65vh;}


}

@media (max-width: 680px) {
 .navbar-brand {
    overflow: hidden;
    max-width: calc(100% - 50px);
  }
	
}

@media (max-width: 480px) {
	.navbar-brand{overflow: hidden; max-width: calc(100% - 50px);}
	.logo {float: left;padding: 10px 0; max-width: 100%;}
	.navbar-collapse{top: 100px;}
		.organizadores a{min-width: 50%; width: 50%; max-width: 50%;flex: 0 0 50%; margin-bottom: 15px;text-align: center;}
		.organizadores a img{margin: 0px auto; max-width: 80%;}
	.widget-enlaces{flex-direction: column;}
}

@media (max-width: 400px) {
	.col5{ -ms-flex: 0 0 100%;flex: 0 0 100;max-width: 100%; }
	.organizadores a{min-width: 100%; width: 100%; max-width: 100%;flex: 0 0 100%; text-align: center;}
		.organizadores a img{margin: 0px auto;max-width: 60%;}

}





/* FONTS */

.fw300,.light{ font-weight: 300;}

.fw400{ font-weight: 400;}

.fw500{ font-weight: 500;}

.fw600{ font-weight: 600;}

.fw700,strong{ font-weight: 700;}

.fw800{ font-weight: 800;}

.fw900{ font-weight: 900;}



.fs100{ font-size: calc(40px + (80 - 40) * ((100vw - 300px) / (1600 - 300)));}

.fs72{ font-size: calc(52px + (72 - 52) * ((100vw - 300px) / (1600 - 300)));}

.fs64{ font-size: calc(32px + (64 - 36) * ((100vw - 300px) / (1600 - 300)));}

.fs60{ font-size: calc(36px + (60 - 36) * ((100vw - 300px) / (1600 - 300)));}



.fs52{ font-size: calc(28px + (52 - 32) * ((100vw - 300px) / (1600 - 300)));}

.fs48{ font-size: calc(26px + (48 - 30) * ((100vw - 300px) / (1600 - 300)));}

.fs44{ font-size: calc(25px + (44 - 26) * ((100vw - 300px) / (1600 - 300))); }

.fs42{ font-size: calc(25px + (42 - 28) * ((100vw - 300px) / (1600 - 300))); }

.fs40{ font-size: calc(25px + (40 - 25) * ((100vw - 300px) / (1600 - 300))); }

.fs38{ font-size: calc(25px + (38 - 26) * ((100vw - 300px) / (1600 - 300))); }

.fs36{ font-size: calc(24px + (36 - 25) * ((100vw - 300px) / (1600 - 300))); }

.fs34{ font-size: calc(24px + (34 - 24) * ((100vw - 300px) / (1600 - 300))); }

.fs32,article h1{ font-size: calc(23px + (32 - 24) * ((100vw - 300px) / (1600 - 300))); }

.fs30{ font-size: calc(24px + (30 - 24) * ((100vw - 300px) / (1600 - 300))); }

.fs28,article h2{ font-size: calc(22px + (28 - 22) * ((100vw - 300px) / (1600 - 300))); }

.fs26,article h3{ font-size: calc(21px + (26 - 21) * ((100vw - 300px) / (1600 - 300))); }

.fs24{ font-size: calc(20px + (24 - 20) * ((100vw - 300px) / (1600 - 300))); }

.fs22{ font-size: calc(19px + (22 - 19) * ((100vw - 300px) / (1600 - 300))); }

.fs20{ font-size: calc(18px + (20 - 18) * ((100vw - 300px) / (1600 - 300))); }



.fs18{ font-size: 18px; }

.fs16{ font-size: 16px; }

.fs14{ font-size: 14px; }

.fs13{ font-size: 13px; }

.fs12{ font-size: 12px;}

.fs11{ font-size: 11px;}

.fs10{ font-size: 10px;}



.lh100{ line-height: 100%;}

.lh110{ line-height: 110%;}

.lh120{ line-height: 120%;}

.lh130{ line-height: 130%;}

.lh150{ line-height: 150%;}

.lh160{ line-height: 160%;}

.lh170{ line-height: 170%;}

.lh180{ line-height: 180%;}

.lh24{ line-height: 24px; }