/* LARGE 1200px */
.col5{position: relative;width: 100%;min-height: 1px;padding-right: 15px;padding-left: 15px;}
body:not(.home){ padding-top: 120px;}
	body:not(.home) header{background-color: transparent;}

@media (max-width: 1240px) {

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


}

@media (min-width: 992px) {
	.col5{ -ms-flex: 0 0 20%;flex: 0 0 20%;max-width: 20%; }
	
	.navbar .navbar-nav > li a{padding: 10px 25px;}
	.topbar .topbar-nav > li{position: relative;}
	.topbar .topbar-nav > li ul.sub-menu,
	.navbar .navbar-nav > li ul.sub-menu{width: 350px; position: absolute; top: 100%; left: 0; z-index: 1; display: none; background-color: #0171b9; padding-left: 0;}
		.navbar .navbar-nav > li ul.sub-menu>li ul.sub-menu{width: 300px; position: absolute; top: 0%; left: 100%; z-index: 1; display: none; background-color: #0171b9; padding-left: 0;}

		.topbar .topbar-nav > li ul.sub-menu{background-color: #000;}
		.topbar .topbar-nav li:hover ul.sub-menu,
		.navbar .navbar-nav > li:hover ul.sub-menu{display: block;}
		
		.navbar .navbar-nav > li>ul.sub-menu li:hover ul.sub-menu{display: block;}
		
		.sub-menu .menu-item-has-children:hover>.dropitem{transform: rotate(-90deg);}

			.topbar .topbar-nav > li ul.sub-menu li,
			.navbar .navbar-nav > li ul.sub-menu li{display: block; width: 100%; text-align: left;}
				.topbar .topbar-nav > li ul.sub-menu li>a,
				.navbar .navbar-nav > li ul.sub-menu>li> a{display: block; width: 100%; padding: 4px 15px; color: #fff; font-size: 14px; text-align: left;}
					.navbar .navbar-nav > li ul.sub-menu>li> a{display: block; width: 100%; padding: 8px 15px; color: #fff; font-size: 14px; text-align: left; border-bottom: 1px solid #ffffff27;}
					.navbar .navbar-nav li a::after{background-color: #54595f; right: auto;left:15px;}


}
@media (max-width: 991px) {
	body:not(.home){ padding-top: 130px;}
	body.home{ padding-top: 0px;}
	header .container{position: unset;}
	.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;}

	
	.navbar .navbar-brand{ z-index: 999; padding: 15px}
	.navbar-collapse{ position: fixed;top: 142px;right: -320px;width: 320px;padding: 15px 15px;z-index: 20;display: block!important; background-color: #fff; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; transition: all 400ms ease; max-height: calc(100vh - 142px); overflow: scroll; overflow-x: hidden;}
		.navbar-collapse.show{right: 0px;}
		
	.navbar .navbar-nav li a{ line-height: 1.2; font-size: 18px!important; padding: 10px; color: #000;}
		.navbar .navbar-nav li.menu-item-has-children .dropitem {top: 0px;right: 0px;font-size: 16px;padding: 3px 8px;border: 1px solid #484a57;cursor: pointer;position: absolute; color: #484a57;}
			.navbar .navbar-nav li.menu-item-has-children .dropitem.activo>i {transform: rotate(180deg);}
	.navbar .navbar-nav .sub-menu {display: none;}
		.navbar .navbar-nav .sub-menu li a{font-size: 15px; text-transform: none; text-align: left; padding-left: 15px; line-height: 1.4; min-height: 20px; margin-bottom: 0px;}

	.carousel-caption .container{max-width: none; padding-left: 0; padding-right: 0;}
	.carousel-control-next, .carousel-control-prev {width: 24px;}
	
	.margined {padding-bottom: 25px;}
}



/* SMALL 768 */
@media (max-width: 768px) {
	body{ padding-top: 110px;}
	.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;}
	article table tbody,article table thead,article table tr{display: flex; flex-direction: column; width: 100%;}
	.filtros{flex-wrap: wrap;}
	.filtros .btn{margin-bottom: 15px;}
	.carousel-item.conform .container{max-width: none;}
	.carousel-item.conform .carousel-caption{display: flex; flex-direction: column; justify-content: flex-end; padding-bottom: 0!important;}
	.contador {padding: 10px 10px 10px 50px;}
	.contador img{max-width: 40px;}
	.counters:nth-child(2){border-right: none;}
	
	

}
@media (max-width: 575px) {
	.carousel-item.conform img.img-responsive.d-lg-none{height: 100vh; object-fit: cover;}
	.counters{border-right:none!important; border-bottom: 1px solid #0088cc;}

}
@media (max-width: 480px) {
	.navbar .navbar-brand img{ max-width: 150px;}
	
	/*.navbar-collapse{ top: 105px;}*/
}
@media (max-width: 400px) {
	.col5{ -ms-flex: 0 0 100%;flex: 0 0 100;max-width: 100%; }
}


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