/* LARGE 1200px */
@media (max-width: 1240px) {


}
@media (max-width: 1240px) and (min-width: 1048px) {

}
@media (max-width: 1240px) and (min-width: 992px) {

	
}
@media (min-width: 1300px){
	.container{
		max-width: 1270px;
	}
}

@media (min-width: 992px) {
	body{ padding-top: 224px;}
	.col5{ -ms-flex: 0 0 20%;flex: 0 0 20%;max-width: 20%;}

	.navbar-brand{max-width: 590px;transition: all .5s ease;}
		.navbar-brand>img{width: 100%; height: auto;transition: all .5s ease;}
		body.scrolled .navbar-brand{max-width: 400px;}

	.topbar-nav{display: flex; justify-content: space-between;}
		.topbar-nav>.navbar-collapse{justify-content: flex-end; }
			.topbar-nav>.navbar-collapse>ul{justify-content: flex-end;width: auto; background-color: #E30613; position: relative; margin-bottom: 0;}
				.topbar-nav>.navbar-collapse>ul::after{position: absolute;left: 100%;width: 25vw;height: 100%;background-color: #E30613;content: "";}
				.topbar-nav>.navbar-collapse>.decoracion{width: 150px; height: 90px; background-color: #E30613; position: relative;left: 100px;transform: skew(-40deg, 0deg);z-index: -1;}
					.topbar-nav>.navbar-collapse>.decoracion::before{width: 10px; height: 90px;background-color: #fff;position: absolute;top: 0;right: calc(100% + 0px);content: "";}
					.topbar-nav>.navbar-collapse>.decoracion::after{width: 10px; height: 90px;background-color: #9fc519;position: absolute;top: 0;right: calc(100% + 10px);content: "";}
					
					.topbar-nav>.navbar-collapse>ul>li a{line-height: 90px; padding: 0 15px 0 45px; position: relative; color:#fff; font-size: 16px; font-weight: 400; text-transform: uppercase; white-space: nowrap;}
					.topbar-nav>.navbar-collapse>ul>li:not(.sociales) a::after{position: absolute;right: 0;top: 50%;transform: translateY(-50%);font-family: fontAwesome;content: "\f105";color: #9fc519;}

					.topbar-nav>.navbar-collapse>ul>li a:hover,
					.topbar-nav>.navbar-collapse>ul>li:hover>a
					.topbar-nav>.navbar-collapse>ul>li.current-menu-item>a{color: #000;}
		.topbar-nav>.navbar-collapse>ul>li.sociales{display: flex; justify-content: flex-end; padding-left: 70px; gap: 30px;}
			.topbar-nav>.navbar-collapse>ul>li.sociales a{padding: 0 0px; font-size: 24px;}

	.mainbar{background-color: #606060;padding: 10px 0;}
		.mainbar .navbar-nav{justify-content: space-between; width: 100%; padding: 0px;}
			.mainbar .navbar-nav li{position: relative;}
			.mainbar .navbar-collapse>ul>li a{line-height: 1; padding: 8px 15px; position: relative; color:#fff; font-size: 16px; font-weight: 400; text-transform: uppercase; display: block; text-align: left;}
				.mainbar .navbar-collapse>ul>li .dropitem{display: none;}
			.mainbar .navbar-collapse>ul>li.menu-item-has-children>a::after{position:absolute; top: 4px; right: 0; font-family: fontAwesome; content: "\f107"; color: #fff;}	
			.mainbar .navbar-collapse>ul>li.menu-item-has-children .sub-menu{position:absolute; top: 100%; left: 0;background-color: #606060;padding: 10px 0;width: 100%; display: none;transition: all .6s ease; min-width: 250px;}
				.mainbar .navbar-collapse>ul>li.menu-item-has-children:last-child .sub-menu{left: auto;right: 0;}
			.mainbar .navbar-collapse>ul>li.menu-item-has-children:hover>.sub-menu{display: block; z-index:10;}
				

	/*#menuPrincipal{position: relative;padding: 15px 0;}
	.navbar-nav {justify-content: space-between;}
		.navbar-nav li{position: relative;}
			.navbar-nav li a{color: #f1f1f1; padding: 0 10px; line-height: 1.5; font-size: 18px; font-weight: 500;}
			.navbar-nav li:first-child>a{padding-left: 0;}
			.navbar-nav li:last-child>a{padding-right: 0;}
				.navbar-nav li a:hover,
				.navbar-nav li:hover>a,
				.navbar-nav li.current-menu-item>a{color: #fff;}
	/* Dropdown *
	.navbar-nav li.menu-item-has-children>a{padding-right: 15px;}
		.navbar-nav li.menu-item-has-children>a::after{position: absolute; right: 0; top: 0; font-family: fontAwesome; content: "\f107"; color: black;}
	
	.navbar-nav li.menu-item-has-children>ul.sub-menu{position: absolute;left: 0;top: 100%;z-index: 1;background-color: #fff;text-align: left; display: none;}

			.navbar .navbar-top ul.sub-menu li,.qtranxs-lang-menu>ul.sub-menu li{display: block;}
				.navbar .navbar-top ul.sub-menu li a,.qtranxs-lang-menu>ul.sub-menu li a{display: block; padding: 2px 15px; text-align: left;}
	.navbar .navbar-top li.menu-item-has-children:hover>ul.sub-menu,.qtranxs-lang-menu:hover>ul.sub-menu{display: block;}
	*/
}
@media (max-width: 991px) {
	body{ padding-top: 190px; }
	.navbar-brand{max-width: 400px;transition: all .5s ease;}
		body.scrolled .navbar-brand{max-width: 300px;}
	.topbar-nav{display: flex; justify-content: space-between; align-items: center; }
	.topbar-nav>.navbar-collapse>.decoracion{display: none;}/* Decoration */
		.topbar-nav .navbar-toggler{position: relative;padding: 0;border-radius: 0;height: 56px;width: 56px;background-color: #134395;position: relative; margin: 0; border:0;outline: none!important;}
		.topbar-nav .navbar-toggler::after{position: absolute;top:0;left: 100%;width: 25vw;height: 100%;background-color: #134395;content: ""; display:block ;}
		
		.topbar-nav>.navbar-toggler>.decoracion{width: 56px; height: 56px; background-color: #134395; position: absolute;right: 30px; top:0px;transform: skew(-40deg, 0deg);z-index: -1; display: block;}
			.topbar-nav>.navbar-toggler>.decoracion::before{width: 10px; height: 56px;background-color: #c20e1a;position: absolute;top: 0;right: calc(100% + 0px);content: "";}
			.topbar-nav>.navbar-toggler>.decoracion::after{width: 10px; height: 56px;background-color: #ffed00;position: absolute;top: 0;right: calc(100% + 10px);content: "";}

		.topbar-nav .navbar-toggler .navbar-toggler-icon {padding: 0;background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255,1)' stroke-width='3' stroke-linecap='square' stroke-miterlimit='0' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");}
			.topbar-nav .navbar-toggler:hover .navbar-toggler-icon {background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0,193,202,1)' stroke-width='3' stroke-linecap='square' stroke-miterlimit='0' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");}
	#top-menu{position: fixed; top: 80px; left: 0; z-index: 2; background-color: rgba(19, 67, 149,.85); width: 100%; padding:15px 30px}
		.topbar-nav>.navbar-collapse>ul{flex-direction: column; align-items: flex-end;}
		
		.topbar-nav>.navbar-collapse>ul>li a{line-height: 1; padding: 8px 15px; position: relative; color:#fff; font-size: 16px; font-weight: 400; text-transform: uppercase; display: block;}
		.topbar-nav>.navbar-collapse>ul>li.sociales a{font-size: 24px; display: inline-block; padding-left: 0; padding-right: 0;}
			.topbar-nav>.navbar-collapse>ul>li:not(.sociales) a::after{position: absolute;right: 0;top: 50%;transform: translateY(-50%);font-family: fontAwesome;content: "\f105";color: #00c1ca;}

	.mainbar{background-color: #134395;padding: 10px 0;}
	.mainbar .navbar-toggler .navbar-toggler-icon {padding: 0;background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255,1)' stroke-width='3' stroke-linecap='square' stroke-miterlimit='0' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");}
		.mainbar .navbar-toggler:hover .navbar-toggler-icon {background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0,193,202,1)' stroke-width='3' stroke-linecap='square' stroke-miterlimit='0' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");}
	
	.mainbar .navbar-collapse{background-color: rgba(19, 67, 149,.85); width: 100%; padding:15px 0px;}
		.mainbar .navbar-collapse>ul>li{position: relative;}
			.mainbar .navbar-collapse>ul>li a{line-height: 1; padding: 8px 15px; position: relative; color:#fff; font-size: 16px; font-weight: 400; text-transform: uppercase; display: block; text-align: left;}
				.mainbar .navbar-collapse>ul>li .dropitem{position: absolute; right: 0; top: 8px; color: #fff; width: 36px; height: 100%; z-index: 1; cursor: pointer; text-align: right; font-size: 18px;}
				.mainbar .navbar-collapse>ul>li .dropitem:hover{color: #00c1ca;}
				.mainbar .navbar-collapse>ul>li .dropitem.opened>i{transform: rotate(-180deg);}


			.mainbar .navbar-collapse>ul>li .sub-menu{width: 100%; padding-left: 30px; display: none;transition: all .6s ease;}
				.mainbar .navbar-collapse>ul>li .sub-menu li a{font-size: 15px;}
	/*
	.navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid {padding-right: 15px;padding-left: 15px;}
	.navbar-top{width: 100%; justify-content: center; gap: 15px;}
	.navbar-toggler-icon {background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0,0,0,1)' stroke-width='3' stroke-linecap='square' stroke-miterlimit='0' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");}
	.navbar-brand,
	.navbar-brand>img{max-width: 60vw;}
	#menuPrincipal{padding: 15px 0;}
	.navbar-nav{gap: 8px;}
	.navbar-nav li a{color: #f1f1f1; padding: 10px 0; line-height: 1.2; font-size: 18px; font-weight: 500;}
	*/
}

/* SMALL 768 */
@media (max-width: 767px) {
		


}

@media (max-width: 575px) {
	body{ padding-top: 167px; }
	.navbar-brand{max-width: 300px;transition: all .5s ease;}
		body.scrolled .navbar-brand{max-width: 250px;}

}
@media (max-width: 480px) {


}
@media (max-width: 400px) {
	.navbar-brand{max-width: 200px;transition: all .5s ease;}
		body.scrolled .navbar-brand{max-width: 180px;}

}


/* 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;}

.fs120{ font-size: calc(90px + (120 - 90) * ((100vw - 300px) / (1600 - 300)));}
.fs90{ font-size: calc(72px + (90 - 72) * ((100vw - 300px) / (1600 - 300)));}

.fs72{ font-size: calc(36px + (72 - 36) * ((100vw - 300px) / (1600 - 300)));}
.fs70{ font-size: calc(35px + (70 - 35) * ((100vw - 300px) / (1600 - 300)));}
.fs64{ font-size: calc(32px + (64 - 36) * ((100vw - 300px) / (1600 - 300)));}
.fs60{ font-size: calc(30px + (60 - 30) * ((100vw - 300px) / (1600 - 300)));}

.fs52{ font-size: calc(36px + (82 - 36) * ((1600px - 375px) / (1600 - 375)));}

.fs48{ font-size: calc(26px + (48 - 30) * ((100vw - 300px) / (1600 - 300)));}
.fs42{ font-size: calc(25px + (42 - 28) * ((100vw - 300px) / (1600 - 300))); }
.fs40{ font-size: calc(25px + (42 - 27) * ((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))); }
.fs35{ font-size: calc(24px + (35 - 24) * ((100vw - 300px) / (1600 - 300))); }
.fs32{ font-size: calc(23px + (32 - 24) * ((100vw - 300px) / (1600 - 300))); }

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

.fs28{ font-size: calc(22px + (28 - 22) * ((100vw - 300px) / (1600 - 300))); }
.fs26{ 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; }
.fs17{ font-size: 17px; }
.fs15,.fs16{ font-size: calc(13px + (15 - 13) * ((100vw - 300px) / (1600 - 300)))}
.fs14{ font-size: 14px; }
.fs13{ font-size: 13px; }
.fs12{ font-size: 12px;}
.fs11{ font-size: 11px;}
.fs10{ font-size: 10px;}

.lh1{ line-height: 1;}
.lh100{ line-height: 100%;}
.lh110{ line-height: 110%;}
.lh120{ line-height: 120%;}
.lh130{ line-height: 130%;}
.lh140{ line-height: 140%;}
.lh150{ line-height: 150%;}
.lh180{ line-height: 180%;}
.lh200{ line-height: 200%;}
.lh24{ line-height: 24px; }