/**
 * @subpackage	Creactive
 * @copyright	Copyright (C) 2021 Creactive - All rights reserved.
 * @license		GNU General Public License version 2 or later; see LICENSE.txt
*/

/*	color: #7f8085; /* GRIS */
/*	color: #da9d30 - NARANJA CREACTIVE */
/* 	color: rgb(218,157,48, 0.8); - NARANJA CREACTIVE */

/* PRECARGA */

.loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url('../images/ajax-loader.gif') 50% 50% no-repeat rgb(249,249,249);
    opacity: .8;
	z-index: 9999;
}

.paginacion70 {
	display: block;
	width: 70%;
	margin: auto;
}

.paginacion75 {
	display: block;
	width: 75%;
	margin: auto;
	min-width: 1200px;
}

.paginacion80 {
	display: block;
	width: 80%;
	margin: auto;
}

.paginacion85 {
	display: block;
	width: 85%;
	margin: auto;
}

.paginacion90 {
	display: block;
	width: 90%;
	margin: auto;
}

.paginacion95 {
	display: block;
	width: 95%;
	margin: auto;
}

@media only screen and (max-width: 1000px) {
.paginacion70,
.paginacion75, 
.paginacion80,
.paginacion85,
.paginacion95 {
	width: 90%;
}
}


.min100vh {
	min-height: 100vh;
	width: 100%;
	position: relative;
	display: table;
}

.min90vh {
	min-height: 90vh;
	width: 100%;
	position: relative;
}

.min80vh {
	min-height: 80vh;
	width: 100%;
	position: relative;
}

.min70vh {
	min-height: 70vh;
	width: 100%;
	position: relative;
}

.min60vh {
	min-height: 60vh;
	width: 100%;
	position: relative;
}

.min50vh {
	min-height: 50vh;
	width: 100%;
	position: relative;
}

.min40vh {
	min-height: 40vh;
	width: 100%;
	position: relative;
}

.min30vh {
	min-height: 30vh;
	width: 100%;
	position: relative;
}

.flex-between {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-content: space-between;
	align-items: space-between;
}

.flex-center-end {
	display: flex;
	justify-content: flex-end;
	flex-wrap: wrap;
	align-items: center;
}

.flex-center-end-end {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: flex-end;
}


.flex-center-between {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between !important;
	align-items: center !important;
	align-content: center !important;
}

.flex-between-wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
	align-content: flex-start;
}

.flex-between-end {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-end;
}

.flex-center-start {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
}

.flex-start-center {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: flex-start;
}

.flex-start-start {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start;
	position: relative;
}

.flex-start-end {
	display: flex;
	flex-wrap: nowrap;
	align-items: flex-end;
	position: relative;
}

.flex-center-center {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	align-content: center;
}

.flex {
	display: flex;
	flex-wrap: wrap;
}

.flex-center-row {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
}

.flex-columna {
	flex-direction: column;
	flex-wrap: nowrap;
}

.flex-place-center {
	display: flex;
	place-items: center;
	justify-content: center;
	width: 100%;
	position: relative;
}

.flex-place-center-between {
	display: flex;
	place-items: center;
	justify-content: space-between;
	height: 100%;
	width: 100%;
	position: relative;
	overflow: hidden;
}

.flex-end-end {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	align-items: flex-end;
}

.h-margin-1 {
	margin-left: 1% !important;
	margin-right: 1% !important;
}

.h-margin-2 {
	margin-left: 2% !important;
	margin-right: 2% !important;
}

.h-margin-3 {
	margin-left: 3% !important;
	margin-right: 3% !important;
}

.h-margin-4 {
	margin-left: 4% !important;
	margin-right: 4% !important;
}

.h-margin-5 {
	margin-left: 5% !important;
	margin-right: 5% !important;
}

.nowrap {
	flex-wrap: nowrap !important;
}

.wrap {
	flex-wrap: wrap !important;
}

.absolute-center {
	position: absolute;
	top: 50%;
	left: 50%;
	height: 100%;
	width: 100%;
}

.absolute-left {
	position: absolute;
	top: 0;
	left: 0;
}


.img5 {
	width: 5% !important;
	height: auto;
	display: block;
	margin: auto;
}

.img10 {
	width: 10% !important;
	height: auto;
	display: block;
	margin: auto;
}

.img15 {
	width: 15% !important;
	height: auto;
	display: block;
	margin: auto;
}

.img20 {
	width: 20% !important;
	height: auto;
	display: block;
	margin: auto;
}

.img25 {
	width: 25% !important;
	height: auto;
	display: block;
	margin: auto;
}

.img30 {
	width: 30% !important;
	height: auto;
	display: block;
	margin: auto;
}

.img30a {
	width: 30% !important;
	height: auto;
	min-width: 200px;
}
.img40 {
	width: 40% !important;
	height: auto;
	display: block;
}


.img50 {
	width: 50% !important;
	height: auto;
	display: block;
}

.img60 {
	width: 60% !important;
	height: auto;
	display: block;
}


.img70 {
	width: 70% !important;
	height: auto;
	display: block;
}

.img80 {
	width: 80% !important;
	height: auto;
	display: block;
}

.img90 {
	width: 90% !important;
	height: auto;
	display: block;
}

.img100 {
	width: 100%;
	height: auto;
	display: block;
}

.img120 {
	width: 120% !important;
	height: auto;
	display: table;
}

.right {
	float: right;
	clear: none;
}

.left {
	float: left;
	clear: none;
}

.text-right {
	text-align: right;
}

.text-center {
	text-align: center;
}

.text-justify {
	text-align: justify;
}

.text-italic {
	font-style: italic;
}

.text-blanco {
	color: #fff !important;
}

.text-shadow {
	text-shadow: 0 1px 10px #00093B;
}

.text-uppercase {
	text-transform: uppercase !important;
}


.columna5 {
	width: 5%;
	min-width: 170px;
	position: relative;
	overflow: hidden;
}


.columna10 {
	width: 10%;
	min-width: 170px;
	position: relative;
	overflow: hidden;
}

.columna16 {
	width: 16%;
	min-width: 170px;
	position: relative;
	overflow: hidden;
}

.columna20 {
	width: 20%;
	min-width: 170px;
	position: relative;
	overflow: hidden;
}

.columna24 {
	width: 24%;
	min-width: 170px;
	position: relative;
	overflow: hidden;
}

.columna245 {
	width: 24.5%;
	min-width: 170px;
	position: relative;
	overflow: hidden;
}

.columna25 {
	width: 25%;
	min-width: 170px;
	position: relative;
	overflow: hidden;
}

.columna25 .cont-img {
	width: 100% !important;
}

.columna30 {
	width: 30%;
	min-width: 320px;
	position: relative;
	overflow: hidden;
}

.columna33 {
	width: 33.33%;
/*	min-width: 320px; */
	position: relative;
	overflow: hidden;
}

.columna40 {
	width: 39%;
	position: relative;
	overflow: hidden;
}

.columna45 {
	width: 45%;
	position: relative;
	overflow: hidden;
}

.columna495 {
	width: 49.5%;
	position: relative;
	overflow: hidden;
}

.columna49 {
	width: 49%;
	position: relative;
	overflow: hidden;
}

.columna50 {
	width: 50%;
	position: relative;
	overflow: hidden;
}

.columna60 {
	width: 59%;
	position: relative;
	overflow: hidden;
}

.columna66 {
	width: 65%;
	position: relative;
	overflow: hidden;
}

.columna70 {
	width: 70%;
	position: relative;
	overflow: hidden;
}

.columna75 {
	width: 75%;
	position: relative;
	overflow: hidden;
}

.columna80 {
	width: 80%;
	position: relative;
	overflow: hidden;
}


.columna100 {
	width: 100%;
	position: relative;
	overflow: hidden;
}


@media only screen and (max-width: 600px) {
.columna24,
.columna245,
.columna25,
.columna33,
.columna40,
.columna495,
.columna49,
.columna50,
.columna60,
.columna66,
.columna70,
.columna75 {
	width: 100% !important;
	min-width: 100% !important;
}
}


esp05em {
	display: table;
	margin-bottom: 0.5em;
	width: 100%;
}

esp1em {
	display: table;
	margin-bottom: 1em;
	width: 100%;
}

esp2em {
	display: table;
	margin-bottom: 2em;
	width: 100%;
}

esp3em {
	display: table;
	margin-bottom: 3em;
	width: 100%;
}

esp4em {
	display: table;
	margin-bottom: 4em;
	width: 100%;
}

esp5em {
	display: table;
	margin-bottom: 5em;
	width: 100%;
}

esp5 {
	display: table;
	margin: 2.5px 0;
	width: 100%;
}

esph05em {
	display: block;
	width: 0.5%;
}

esph1em {
	display: block;
	width: 1%;
}

esph2em {
	display: block;
	width: 2%;
}

esph3em {
	display: block;
	width: 3%;
}

esph4em {
	display: block;
	width: 4%;
}

esph5em {
	display: block;
	width: 5%;
}

.boxpadding1-0em {
	padding: 1em 0;
}

.boxpadding2-0em {
	padding: 2em 0;
}

.boxpadding3-0em {
	padding: 3em 0;
}

.boxpadding4-0em {
	padding: 4em 0;
}

.boxpadding5-0em {
	padding: 5em 0;
}

.boxpadding0-1em {
	padding: 0 1em;
}

.boxpadding0-2em {
	padding: 0 2em;
}

.boxpadding0-3em {
	padding: 0 3em;
}

.boxpadding0-4em {
	padding: 0 4em;
}

.boxpadding0-5em {
	padding: 0 5em;
}



.boxpadding05em {
	padding: 0.5em;
}

.boxpadding1em {
	padding: 1em;
}

.boxpadding2em {
	padding: 2em;
}

.boxpadding3em {
	padding: 3em;
}

.boxpadding4em {
	padding: 4em;
}

.boxpadding5em {
	padding: 5em;
}

.boxpadding1em,
.boxpadding2em,
.boxpadding3em,
.boxpadding4em,
.boxpadding5em,
.boxpadding1-0em,
.boxpadding2-0em,
.boxpadding3-0em,
.boxpadding4-0em,
.boxpadding5-0em,
.boxpadding0-1em,
.boxpadding0-2em,
.boxpadding0-3em,
.boxpadding0-4em,
.boxpadding0-5em {
	box-sizing: border-box;
}

.padding05em {
	padding: 0.5em;
}

.padding1em {
	padding: 1em;
}

.padding2em {
	padding: 2em;
}

.padding3em {
	padding: 3em;
}

.padding4em {
	padding: 4em;
}

.padding5em {
	padding: 5em;
}

.blend-multiply {
	background-blend-mode: multiply;
}

/* OVERLAY COLOR */

.filter-blanco {
	filter: invert(100%) sepia(0%) saturate(11%) hue-rotate(203deg) brightness(103%) contrast(102%);
}

.filter-naranja {
	filter: invert(91%) sepia(26%) saturate(5520%) hue-rotate(336deg) brightness(91%) contrast(87%);
}

.hover-blanco:hover {
	filter: invert(100%) sepia(0%) saturate(11%) hue-rotate(203deg) brightness(103%) contrast(102%);
	transition: 0.3s;
}

.hover-naranja:hover {
	filter: invert(91%) sepia(26%) saturate(5520%) hue-rotate(336deg) brightness(91%) contrast(87%);
	transition: 0.3s ease-in-out;
}

.hover-filter-naranja:hover {
	filter: invert(91%) sepia(26%) saturate(5520%) hue-rotate(336deg) brightness(91%) contrast(87%) !important;
	transition: 0.3s;
}

.img-over-naranja:hover {
	filter: invert(91%) sepia(26%) saturate(5520%) hue-rotate(336deg) brightness(91%) contrast(87%);
	transition: 0.3s;
	cursor: pointer;
}

.cursor-pointer {
	cursor: pointer;
	transition: 0.3s;
}

/**ICONOS**/

.simbolo-mas::before {
	font-family: 'creactive-iconset', sans-serif;
	content: "\e9f7";
	color: #FFF;
	font-size: 36px;
}



@keyframes cambio-color2 {
	0% {
        opacity: 0.1;
	}
	20% {
        opacity: 1;
	}
	100% {
        opacity: 0.1;
	}
}

.esp-menu {
	display: none;
}

@media only screen and (max-width: 600px) {
	
.esp-menu {
	display: block;
	padding-top: 40px;
}
	
}