@media(max-width: 576px){
	.d-xs-none{ display: none; }
}
@media(min-width: 1400px){
	.d-xxl-none{ display: none; }
}

/*==================	RESET & TOOLS	============================*/

	.bug-chrome-IOS{ max-width: 100% !important; overflow-x: hidden !important; }
	body{ min-width: 360px; }
	ol, ul { margin: 0; padding: 0; list-style: none;}

	img{ width:100%; height: auto;max-width: 100%; display: inline-block}

	a, a:active, a:focus, a:hover { text-decoration: none !important; outline: none; cursor: pointer;}
	a:focus, a:hover { color: #666666; }
	img.gris{ filter: grayscale(1);}
	.DEBUG{ border: 2px dashed violet}
/*=== max-width ===*/
	[class^='mw-'],[class*='mw-'] { margin: auto auto; }
	.mw-100px{ max-width: 100px !important; }
	.mw-150px{ max-width: 150px !important; }
	.mw-200px{ max-width: 200px !important; }
	.mw-250px{ max-width: 250px !important; }
	.mw-300px{ max-width: 300px !important; }
	.mw-350px{ max-width: 350px !important; }
	.mw-400px{ max-width: 400px !important; }
	.mw-450px{ max-width: 450px !important; }
	.mw-500px{ max-width: 500px !important; }
	.mw-550px{ max-width: 550px !important; }
	.mw-600px{ max-width: 600px !important; }
	.mw-650px{ max-width: 650px !important; }
	.mw-700px{ max-width: 700px !important; }
	.mw-750px{ max-width: 750px !important; }
	.mw-800px{ max-width: 800px !important; }
	.mw-850px{ max-width: 850px !important; }
	.mw-900px{ max-width: 900px !important; }
	.mw-950px{ max-width: 950px !important; }
	.mw-1000px{ max-width: 1000px !important; }
	.mw-1050px{ max-width: 1050px !important; }
	.mw-1100px{ max-width: 1100px !important; }
	.mw-1150px{ max-width: 1150px !important; }
	.mw-1200px{ max-width: 1200px !important; }
	.mw-1250px{ max-width: 1250px !important; }
	.mw-1300px{ max-width: 1300px !important; }
	.mw-1350px{ max-width: 1350px !important; }
	.mw-1400px{ max-width: 1400px !important; }
	.mw-1450px{ max-width: 1450px !important; }

/*=== NONES	===*/
	.noBorder{ border: none !important;}
	.noPadding{ padding:0 !important;}
	.noMargin{ margin:0 !important;}
	@media(max-width: 767px){
		.NOMOVIL,.noMovil{ display: none !important; }
	}
	@media(min-width: 768px){
		.NOPC, .noPc{ display: none !important;}
	}
	@media(min-width: 768px) and (max-width: 991px){
		.noTablet{ display: none; }
	}

/*=== positions=*/
	.RELATIVE{position: relative !important; }
	.ABSOLUTE{position: absolute !important; }
	.FIXED{position: fixed !important; }
/*=== visibilidad=*/
	.OVERHIDDEN{ overflow:hidden; }
	.NOWRAP{ white-space: nowrap !important; display: inline-block}

/*=== ALINEACIONES VERTICALES ===*/
	.VALIGN{ white-space: nowrap;}
	.VALIGN:before{ content:""; display: inline-block;  height: 100%; vertical-align: middle; }
	.VCENTER{ display: inline-block; vertical-align: middle; white-space: normal; width: calc(100% - 15px); }
/*=====	 SOMBRAS		=================*/
	.BOX_SHADOW{
		-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
		-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
		box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
	}

/*================== FORMULARIOS ==============*/
	#LEGALES p{ margin-bottom: 20px; max-width:100%; }
	#LEGALES ul{
		padding-left: 40px;
		font-size: 16px;
		line-height: 1.5em;
		font-weight: normal;
		font-family: 'Mulish', sans-serif;
		margin-top: 0px;
		margin-bottom:40px;
	}
	#LEGALES ul li{	list-style-type: disc; }

	#LEGALES h2{ font-size: 20px; text-align: left; margin-bottom:20px;}

/*================== FORMULARIOS ==============*/
	

	.form-teayudamos form textarea{ height: 164px; }

	form	.fondo-select{ position: relative; background: white; min-height: 40px;border-radius:2px;}
	form	select{ position: relative ; position: relative; z-index: 1; background: transparent; color:#555 !important; margin-bottom:0}
	form	i.fa-caret-down{ color: #000; position: absolute; top: 17px; right: 10px;z-index:0}
	form{ max-width: 90%; margin: auto auto; }
	form a{ color:#000361;}
	input[type=text],
	input[type=password],
	textarea,
	select{ 
		box-shadow: none;
		padding: 10px;
		width: 100%;
		background: #FFF;
		border: 1px solid #eee;
		border-radius: 5px;
		margin-bottom: 10px;
		outline: none; 
		-webkit-appearance: none;
		-moz-appearance: none; 
	}
	textarea{ height:130px;}
	select{ color: #A60000 !important}
	#VALIDA_ROBOTS,
	#VALIDA_ROBOTS2{position:absolute;visibility:hidden }
	
	label.error{ display: none !important; }
	.check-legales label.error{ display: block !important; }

	@media(min-width: 768px) and (max-width: 911px){
		form{ max-width: 100%; }
		form .check-politica label.label{ font-size: 13px;line-height: 1.25em;}
	}
	@media(max-width: 440px){
		form{ max-width: 100%; }
		form .check-politica label.label{ font-size: 13px;line-height: 1.25em;}
	}	
	input.error{ background:#a60000; }
	select.error{ background:#a60000 !important; color:#fff !important;}

	input.error::placeholder ,
	select.error::placeholder { color: #fff;  opacity: 1;  }

	input.error:-ms-input-placeholder,
	select.error:-ms-input-placeholder{ color: #fff; }

	input.error::-ms-input-placeholder,
	select.error::-ms-input-placeholder{ color: #fff; }
	
	.check-legales input[type=checkbox]{
		-ms-transform: scale(1.2); /* IE */
		-moz-transform: scale(1.2); /* FF */
		-webkit-transform: scale(1.2); /* Safari and Chrome */
		-o-transform: scale(1.2); /* Opera */
		padding: 10px;
		margin-left:10px;
		position: relative;
		top:3px;
	}
	
	.check-legales label.error{ 
		text-align: center;
		display: block;
		color:#a60000;
		font-family: "BiennaleBoldIt";
	}
	input[name="submit"]:hover{ background: #000361; border-color: #000361; cursor: pointer; }

/*=== embellecedores ===*/
	.flip-img img{
	   -webkit-transition: all .7s ease-in .3s;
	   -o-transition: all .7s ease-in .3s;
	   transition: all .7s ease-in .3s;
	   -webkit-transform-style: preserve-3d;
	   transform-style: preserve-3d;
	}
	.flip-img:hover img{
	    -webkit-transform: rotateY(180deg);
	    -o-transform: rotateY(180deg);
	    transform: rotateY(180deg);
	}

	.hover-effect::before,
	.hover-effect::after {
	    content: "";
	    background: #ffffff;
	    height: 0;
	    width: 0;
	    z-index: 1;
	    position: absolute;
	    -webkit-transition-duration: 1.3s !important;
	    -o-transition-duration: 1.3s;
	    transition-duration: 1.3s !important;
	}
	.hover-effect::before { right: 0; opacity: 1; top: 0; }
	.hover-effect::after { bottom: 0; opacity: .7; left: 0;}
	.hover-effect:hover::after, .hover-effect:hover::before { height: 100%; opacity: 0; width: 100%;}

/*==================== ANIMACIONES	==================================*/
	.animado{
		-webkit-transition: all .5s ease-in-out;
		-moz-transition:    all .5s ease-in-out;
		-ms-transition:     all .5s ease-in-out;
		-o-transition:      all .5s ease-in-out;
		transition:         all .5s ease-in-out;
	}
/*custom swiper*/
	.gallery{ padding:0;position: relative;}
	.gallery .numPics{ 
		position: absolute; 
		z-index: 10;
		right: 10px; top: 10px; width: 48px;text-align: center; height: 26px;color:#fff !important; border-radius: 15px
	}
	.gallery .swiper-pagination-fraction{ bottom: auto; }

	.greyscale{
	  filter: grayscale(100%);
	}

/*************** COVERS HTML ELEMENTS	**********************/
	img.COVER{	position: absolute; height: 100%; left: 50%; top: 50%; transform: translate(-50%, -50%);  object-fit: cover; }
	
	@media(min-width: 992px){
		.COVER{ min-height: 440px; display: inline-block; height:100%; width:100%}
		.COVER img{	position: absolute; height: 100%; left: 50%; top: 50%; transform: translate(-50%, -50%);  object-fit: cover; }
	}

	video.COVER {
	    position: absolute;
	    height: 100%;
	    width: 177.77777778vh; 
	    min-width: 100%;
	    min-height: 56.25vw; 
	    left: 50%; 
	    top: 50%;
	    transform: translate(-50%, -50%); 
	    object-fit: cover;
	}

/*************** iconos animados collapse	(2021-08-24) **********************/
			.ico-animado,
			.ico-animado-hover{ -webkit-transition: all .3s ease-in-out;-moz-transition:    all .3s ease-in-out;	-ms-transition:     all .3s ease-in-out;	-o-transition:      all .3s ease-in-out;	transition:         all .3s ease-in-out;	}
			[aria-expanded='true'] .ico-animado{ transform: rotate(90deg); }
			.ico-animado-hover:hover{ transform: rotate(90deg); }
			

/* ==================2021-09-15 - ADMIN TOOL FRONTEND	=======================*/

	#admin-tools{ position:fixed; width: auto; z-index:99999; color:#fff; bottom: 10px !important}
	#admin-tools a { color: white;display: block; text-align: center}

	#admin-tools a i{ width: 50px; height: 50px; border: 2px solid white; background: rgba(27,68,116,1); text-align: center; font-size: 20px; line-height: 46px; border-radius: 50%; margin-top:10px; }
	#admin-tools a span{ font-size:13px;background: rgba(144,144,144,0.5); display: inline-block; border-radius:3px; padding: 2px 5px;}
	
	#admin-tools i.fa-sign-in{ 
		-webkit-transform:rotate(180deg);
		-moz-transform:rotate(180deg);
		-o-transform:rotate(180deg);
		-ms-transform:rotate(180deg);
		transform:rotate(180deg);
}