@font-face {
	font-family: 'Material Symbols Outlined';
	font-style: normal;
	src: url('/static/fonts/MaterialSymbolsOutlined-Thin.ttf') format('trueType');
	font-weight: 100;
	font-display: swap;
}
/**
* Fonts Raleyaw
*/
@font-face {
	font-family: 'Raleway';
	font-style: normal;
	src: url('/static/fonts/Raleway-Thin.ttf') format('trueType');
	font-weight: 100;
	font-display: swap;
}
@font-face {
	font-family: 'Raleway';
	font-style: normal;
	src: url('/static/fonts/Raleway-ExtraLight.ttf') format('trueType');
	font-weight: 200;
	font-display: swap;
}
@font-face {
	font-family: 'Raleway';
	font-style: normal;
	src: url('/static/fonts/Raleway-Light.ttf') format('trueType');
	font-weight: 300;
	font-display: swap;
}
/**
* Fonts Media 
*/
@font-face {
	font-family: "Social Media Circled";
	src: url('/static/fonts/Social-Media-Circled.woff') format('woff');
	font-style: normal;
	font-weight: normal;
	font-display: swap;
}
 
/*-------------------------------------------------------------*/
/*					  FONT-FLUID 						       */
/*	Fluid font size variables, for browsers that support clamp */
/*-------------------------------------------------------------*/

@supports (font-size: clamp(1rem, 1vw, 1rem)) {
	:root {
		--font-size-h6: clamp(0.73rem, 0.38vw + 0.59rem, 0.89rem);
		--font-size-h5: clamp(0.88rem, 0.74vw + 0.6rem, 1.19rem);
		--font-size-h4: clamp(1.05rem, 1.25vw + 0.58rem, 1.58rem);
		--font-size-h3: clamp(1.26rem, 2vw + 0.51rem, 2.11rem);
		--font-size-h2: clamp(1.51rem, 3.06vw + 0.36rem, 2.81rem);
		--font-size-h1: clamp(1.81rem, 4.56vw + 0.1rem, 3.75rem);
		--font-size-h0: clamp(2.18rem, 6.65vw + -0.32rem, 5rem);
	}
}

/* Fallback variables for browsers that don't support clamp */
@supports not (font-size: clamp(1rem, 1vw, 1rem)) {
	:root {
		--font-size-h6: 0.73rem;
		--font-size-h5: 0.88rem;
		--font-size-h4: 1.05rem;
		--font-size-h3: 1.26rem;
		--font-size-h2: 1.51rem;
		--font-size-h1: 1.81rem;
		--font-size-h0: 2.18rem;
	}

	@media screen and (min-width: 1280px) {
		:root {
			--font-size-h6: 0.89rem;
			--font-size-h5: 1.19rem;
			--font-size-h4: 1.58rem;
			--font-size-h3: 2.11rem;
			--font-size-h2: 2.81rem;
			--font-size-h1: 3.75rem;
			--font-size-h0: 5rem;
		}
	}
}
/*-------------------------------------------------------------*/

/*-------------------------------------------------------------*/
/*					  Apply OpenStreetMap 					   */
/*-------------------------------------------------------------*/
.leaflet-map {
	min-height: 100%;
  	outline-style: none;
	position: relative;
	outline-style: none;
}
.content-map{
	position: relative;
	height: 1px;
}
.content-map > div {
	height: 100%;
  	width: 100%;
}

/*-------------------------------------------------------------*/


.content-canvas-chart{
  display: flex;
  height: 100%;
  justify-content: center;
  align-items: center;
}

@media (max-width: 768px) {
	.content-canvas-chart{
		height: 350px;
	}
}

/*-------------------------------------------------------------*/
/*               Apply errores y mensajes en Widgets 	   	   */
/*-------------------------------------------------------------*/
.widget-message,
.widget-error {
	text-align: center;
	background-color: #fff;
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0;
	bottom: 0px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	color: #ddd;
	z-index: 100;
	user-select:none;
  }
  .widget-message{
	color: inherit;
  }
  .widget-error h1 {
	color: #cbcbcb;
  }

/*-------------------------------------------------------------*/

/*-------------------------------------------------------------*/
/*					  Apply FONT-SYSTEM 					   */
/*	Fluid font size variables, for browsers that support clamp */
/*-------------------------------------------------------------*/
.mso {
	font: normal normal normal 24px/1 'Material Symbols Outlined';
	font-size: inherit !important ;  /* Preferred icon size */
	display: inline-block;
	line-height: 1;
	text-transform: none;
	letter-spacing: normal;
	word-wrap: normal;
	white-space: nowrap;
	direction: ltr;
	align-self: center;
	font-variation-settings: 'FILL' 0, 'wght' 100, 'GRAD' 200, 'opsz' 48;
	-moz-font-feature-settings: 'liga';
	font-feature-settings: 'liga';
	-moz-osx-font-smoothing: grayscale;	
}
.mso.mso-20,.media-font.smc-20{ font-size: 20px!important;width: 20px !important;}
.mso.mso-24,.media-font.smc-24{ font-size: 24px!important;width: 24px !important;}
.mso.mso-32,.media-font.smc-32{ font-size: 32px!important;width: 32px !important;}
.mso.mso-40,.media-font.smc-40{ font-size: 40px!important;width: 40px !important;}
.mso.mso-48,.media-font.smc-48{ font-size: 48px!important;width: 48px !important;}

#loading-modal {
	display: flex;
	justify-content: center !important;
	align-items: center !important;
}

body{
	font-family: 'Raleway', "Open Sans";
}

.media-font {
	font-family: "Social Media Circled";
	line-height: 1;
	font-style: normal;
	text-transform: none;
	letter-spacing: normal;
	word-wrap: normal;
	white-space: nowrap;
	direction: ltr;	
}
/*-------------------------------------------------------------*/
.redirect-login {
	height: 100vh!important;
}
.head-admin {
	background-color: #0762a2;
	color: #fff;
}


/*-------------------------------------------------------------*/
/*					  ESTRUCTURA DEL FRAME		       		   */
/*-------------------------------------------------------------*/
/******************	FLEX-BODY AND FLEX-MAIN	 **********************/
#topbar-common > nav {
	top:var(--navbar-top);
}
#content-module {
  height: 100%;	
}
#content-module #flex-body {
	background-color: #00020108;
}
#content-module > form {
    height: inherit;
}
#flex-wrapper {
    display: flex;
    flex-direction: column;
	height: 100%;
}
#flex-header {
    display: flex;
    flex: var(--toolbar-header);
    z-index: 1;
}
#flex-main{
    display: flex;
    flex: 1 1 200px;
	overflow: hidden;
	background:#faf9f8 none repeat scroll 0 0;
}
#flex-body {
    flex: 1 1 100px;
    order: 1;
    overflow: auto;
}
#flex-side {
    flex: 0 0 auto;
    order: 0;
    overflow-y: auto;
	overflow-x:hidden;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;	
}
#flex-side.hidde {
    overflow: hidden;
}

#flex-side.hidde > .box {
	margin-left: calc(-1 * var(--flex-side-bar));
}

#flex-side >.box {
  width: var(--flex-side-bar);
  margin: 18px;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  padding:10px!important;
}
.fixed-middel {
    bottom: 1px;
    overflow: hidden;
    position: fixed;
    top: var(--navbar-top);
    width: 100%;
}
.box-fluid-transparent {
	border: 1px transparent;
	background: inherit;
    margin: 18px;
}
#screen-common {
	height:100%;
}

@media (max-width: 576px) {
	.side-admin {
		width:auto!important;
	}
	#flex-side.hidde-sm.show-sm{
		--flex-side-bar: 100%;
		width: var(--flex-side-bar);
	}
	#flex-side.hidde-sm.show-sm > .box{
		width: var(--flex-side-bar);
		margin-left: 0;
	}
	#flex-side.hidde-sm:not([class~="show-sm"]) > .box {
		margin-left: calc(-1 * var(--flex-side-bar));
	}
	#flex-side.hidde-sm ~ #flex-body > #display-sidebar {
		visibility:visible ;
		opacity: 1;
	}


}

.tab-content > .active {
  visibility: visible;
}
/*-------------------------------------------------------------*/


/*-------------------------------------------------------------*/
/*					  		BOX RELATIO		       		   	   */
/*-------------------------------------------------------------*/
#form-relatio-edit,#form-relatio-display
{
    min-height: 90px;
}
#form-relatio-edit:empty::after,#form-relatio-display:empty::after {
	content: attr(data-empty);
	position: absolute;
	padding: 10px;
	background-color:#ffd700;
	color:#000;
    width: 90%;
    left: 5%;
    line-height: 1;
    text-align: center;
}
/*-------------------------------------------------------------*/




/*-------------------------------------------------------------*/
/*					  		BLOCK-ADMIN		       		   	   */
/*-------------------------------------------------------------*/
.block-admin-content h5 {
	padding-left: 15px;
}
.block-admin:hover {
    background-color: #EFEFEF;
    border: 1px solid #ddd;
    border-left: 4px solid #dbdbdb;
}
.block-property:hover {
    background-color: #fafafa;
    border: 1px solid #ddd;
    border-left: 4px solid #01417b;
}

.block-admin,.block-property {
	padding: 10px;
	margin-bottom: 50px;
	border: 1px solid transparent;
	-webkit-transition: all .7s ease-in-out !important;
    transition: all .7s ease-in-out !important;
	border-left: 4px solid transparent;	
}
/**********************************************************/

[data-notify="container"] {
	display: inline-block; 
	margin: 0px auto; 
	position: fixed; 
	transition: all 0.5s ease-in-out 0s; 
	z-index: 1051; 
	bottom: 20px; 
	right: 20px;
}

[data-notify="dismiss"] {
	position: absolute; 
	right: 10px; 
	top: 5px; 
	z-index: 1033;
}
[data-notify="progressbar"] {
	margin-bottom: 0px;
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 2px;
}

/*-------------------------------------------------------------*/
/*					  		PROGRESS BAR BOOTSTRAP	     		   	   */
/*-------------------------------------------------------------*/
.progress:has(.anime-inn){
	--bs-progress-bar-transition:none;
}
.progress-bar-success {
	--bs-progress-bar-bg: var(--bs-success);
}
.progress-bar-info {
	--bs-progress-bar-bg: var(--bs-info);
}
.progress-bar-warning {
	--bs-progress-bar-bg: var(--bs-warning);
}
.progress-bar-danger {
	--bs-progress-bar-bg: var(--bs-danger)!important;
}
/*-------------------------------------------------------------*/
/*		PROGRESS-KILL 		*/

.circle-progress {
	width: 150px;
	height: 150px;
	line-height: 150px;
	background: none;
	margin: 0 auto;
	box-shadow: none;
	position: relative;
}
.circle-progress:after {
	content: "";
	width: 100%;
	height: 100%;
	border-radius: 50%;
	border: 7px solid #eee;
	position: absolute;
	top: 0;
	left: 0;
}
.circle-progress > span {
	width: 50%;
	height: 100%;
	overflow: hidden;
	position: absolute;
	top: 0;
	z-index: 1;
}
.circle-progress .circle-progress-left {
	left: 0;
}
.circle-progress .circle-progress-bar {
	width: 100%;
	height: 100%;
	background: none;
	border-width: 7px;
	border-style: solid;
	position: absolute;
	top: 0;
	border-color: #ffb43e;
}
.circle-progress .circle-progress-left .circle-progress-bar {
	left: 100%;
	border-top-right-radius: 75px;
	border-bottom-right-radius: 75px;
	border-left: 0;
	-webkit-transform-origin: center left;
	transform-origin: center left;
}
.circle-progress .circle-progress-right {
	right: 0;
}
.circle-progress .circle-progress-right .circle-progress-bar {
	left: -100%;
	border-top-left-radius: 75px;
	border-bottom-left-radius: 75px;
	border-right: 0;
	-webkit-transform-origin: center right;
	transform-origin: center right;
}
.circle-progress .circle-progress-value {
	display: flex;
	border-radius: 50%;
	font-size: 36px;
	text-align: center;
	line-height: 20px;
	align-items: center;
	justify-content: center;
	height: 100%;
	font-weight: 300;
}
.circle-progress .circle-progress-value div {
	margin-top: 10px;
}
.circle-progress .circle-progress-value span {
	font-size: 12px;
	text-transform: uppercase;
	padding-top: 10px;
	display: block;
}
/* This for loop creates the 	necessary css animation names 
  Due to the split circle of progress-left and progress right, we must use the animations on each side. 
*/
.circle-progress[data-percentage="10"] .circle-progress-right .circle-progress-bar {
	animation: loading-1 1.5s linear forwards;
}
.circle-progress[data-percentage="10"] .circle-progress-left .circle-progress-bar {
	animation: 0;
}
.circle-progress[data-percentage="20"] .circle-progress-right .circle-progress-bar {
	animation: loading-2 1.5s linear forwards;
}
.circle-progress[data-percentage="20"] .circle-progress-left .circle-progress-bar {
	animation: 0;
}
.circle-progress[data-percentage="30"] .circle-progress-right .circle-progress-bar {
	animation: loading-3 1.5s linear forwards;
}
.circle-progress[data-percentage="30"] .circle-progress-left .circle-progress-bar {
	animation: 0;
}
.circle-progress[data-percentage="40"] .circle-progress-right .circle-progress-bar {
	animation: loading-4 1.5s linear forwards;
}
.circle-progress[data-percentage="40"] .circle-progress-left .circle-progress-bar {
	animation: 0;
}
.circle-progress[data-percentage="50"] .circle-progress-right .circle-progress-bar {
	animation: loading-5 1.5s linear forwards;
}
.circle-progress[data-percentage="50"] .circle-progress-left .circle-progress-bar {
	animation: 0;
}
.circle-progress[data-percentage="60"] .circle-progress-right .circle-progress-bar {
	animation: loading-5 1.5s linear forwards;
}
.circle-progress[data-percentage="60"] .circle-progress-left .circle-progress-bar {
	animation: loading-1 1.5s linear forwards 1.5s;
}
.circle-progress[data-percentage="70"] .circle-progress-right .circle-progress-bar {
	animation: loading-5 1.5s linear forwards;
}
.circle-progress[data-percentage="70"] .circle-progress-left .circle-progress-bar {
	animation: loading-2 1.5s linear forwards 1.5s;
}
.circle-progress[data-percentage="80"] .circle-progress-right .circle-progress-bar {
	animation: loading-5 1.5s linear forwards;
}
.circle-progress[data-percentage="80"] .circle-progress-left .circle-progress-bar {
	animation: loading-3 1.5s linear forwards 1.5s;
}
.circle-progress[data-percentage="90"] .circle-progress-right .circle-progress-bar {
	animation: loading-5 1.5s linear forwards;
}
.circle-progress[data-percentage="90"] .circle-progress-left .circle-progress-bar {
	animation: loading-4 1.5s linear forwards 1.5s;
}
.circle-progress[data-percentage="100"] .circle-progress-right .circle-progress-bar {
	animation: loading-5 1.5s linear forwards;
}
.circle-progress[data-percentage="100"] .circle-progress-left .circle-progress-bar {
	animation: loading-5 1.5s linear forwards 1.5s;
}
@keyframes loading-1 {
	0% {
	  -webkit-transform: rotate(0deg);
	  transform: rotate(0deg);
	}
	100% {
	  -webkit-transform: rotate(36);
	  transform: rotate(36deg);
	}
}
@keyframes loading-2 {
	0% {
	  -webkit-transform: rotate(0deg);
	  transform: rotate(0deg);
	}
	100% {
	  -webkit-transform: rotate(72);
	  transform: rotate(72deg);
	}
}
@keyframes loading-3 {
	0% {
	  -webkit-transform: rotate(0deg);
	  transform: rotate(0deg);
	}
	100% {
	  -webkit-transform: rotate(108);
	  transform: rotate(108deg);
	}
}
@keyframes loading-4 {
	0% {
	  -webkit-transform: rotate(0deg);
	  transform: rotate(0deg);
	}
	100% {
	  -webkit-transform: rotate(144);
	  transform: rotate(144deg);
	}
}
@keyframes loading-5 {
	0% {
	  -webkit-transform: rotate(0deg);
	  transform: rotate(0deg);
	}
	100% {
	  -webkit-transform: rotate(180);
	  transform: rotate(180deg);
	}
}
.circle-progress {
	margin-bottom: 1em;
}
  /*		END PROGRESS-KILL	*/


/* NAV TAB*/
.nav-tabs.tagger {
	--bs-nav-tabs-link-active-border-color:transparent;
	--bs-nav-tabs-border-width:1px;
	--bs-nav-tabs-border-color:#5f656c;
	--bs-nav-tabs-link-active-bg:transparent;
	--bs-nav-tabs-link-hover-border-color:transparent;
	--bs-nav-tabs-link-active-color:#fff;
	--bs-nav-link-hover-color:inherit;
	--bs-nav-link-color:inherit;
	--inn-navbar-hover-bg: transparent;
	border-bottom:var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color);
}
.nav-tabs.tagger .nav-link{
	border-left: 0px;
	border-right: 0px;
}

.nav-tabs.tagger .nav-link.active,
.nav-tabs.tagger .nav-item.show .nav-link {
	background-color: transparent;
	border-bottom: 2px solid var(--emphasis-color,rgba(13, 13, 13, 0.51));
	color: var(--emphasis-color);
}
.nav-tabs.tagger .nav-item:hover .nav-link,
.nav-tabs.tagger .nav-item:active,
.nav-tabs.tagger .nav-item:active .nav-link:not(.dropdown-toggle),
.nav-tabs.tagger .nav-link:focus {
  outline: none;
  outline-color: transparent;
  --bs-nav-link-color: inherit;
}


/*
.nav-tabs.tagger .nav-item:hover .nav-link,
.nav-tabs.tagger .nav-link:focus,
.nav-tabs.tagger .nav-item:active .nav-link:not(.dropdown-toggle),
.nav-tabs.tagger .nav-item .nav-link:active,
.nav-tabs.tagger .nav-link.show {
	--bs-nav-link-color: var(--inn-head-color);
	background-color: transparent;
	outline:none;
}
*/

.emphasis-content {
background-color: var(--emphasis-color);
}

.emphasis-text {
 color: var(--emphasis-color);
}

/******************** ICONOS Y BOX CON TRANSICIÓN ***************/
/* Declarar --bicon-font y --bicon-size en el css del contenedor 			    */
/* Puede cambiar el --emphasis-color si se declara en el contenedor */
.i-box-icon{
	width: var(--bicon-size,64px);
	height: var(--bicon-size,64px);
	line-height: var(--bicon-size,64px);
	text-align: center;
	display: flex;
	font-size: var(--bicon-font,32px) !important;
}
.div-icon {
	width: var(--bicon-size,64px);
	height: var(--bicon-size,64px);
	line-height: var(--bicon-size,64px);
	text-align: center;
	display: flex;
	flex-grow: 0 !important;
}


.i-box-icon .mso,
.div-icon .mso{
	flex: content;
	font-size: var(--bicon-font,inherit) !important;
}
.a-icon-ib > .i-box-icon > i,
.a-icon-ob > .i-box-icon > i{
  line-height: var(--bicon-size,64px);
  font-size: var(--bicon-font,32px)!important;
  text-align: center;
}

.a-box-ib > .body >* {
color:inherit!important;
}
.a-box-ob,
.a-box-ib,
.a-icon-ib > .i-box-icon,
.a-icon-ob > .i-box-icon {
  transition: all 0.5s ease-in-out!important;
}

.a-box-ob,
.a-box-ib:hover,
.a-icon-ob > .i-box-icon,
.a-icon-ib:hover > .i-box-icon {
  color: var(--emphasis-color);
  background-color: #fff;
  outline: 1px solid var(--emphasis-color);
  outline-offset: -1px;
}
.a-box-ob:hover,
.a-box-ib,
.a-icon-ib > .i-box-icon,
.a-icon-ob:hover > .i-box-icon {
  color: #fff;
  background-color: var(--emphasis-color);
  outline: 1px solid var(--emphasis-color);
  outline-offset: -1px;
}
.a-box-ob.a-icon-ib:hover > .i-box-icon,
.a-box-ib.a-icon-ob > .i-box-icon{
	outline: 1px solid transparent;
	outline-offset: -1px;
}
.a-box-ob.a-icon-ob:hover > .i-box-icon{
	outline: 1px solid #fff;
	outline-offset: -1px;
}
.a-icon-ob:hover > .i-box-icon{
	outline: 1px solid var(--emphasis-color);
	outline-offset: -1px;
}
/*-------------------------------------------------------------*/


/*                       POINTED                               */

.pointed:hover::before {
	background-color:var(--emphasis-color);
}
.pointed::before {
	content:"";
	position:absolute;
	width:16px;
	height:16px;
	border-radius:50px;
	left:-9px;
	top:0;
	background-color:#fff;
	border:1px solid var(--emphasis-color);
	transition:background-color 0.5s ease-in-out;
}
.pointed > h4 {
	line-height:18px}
	.pointed{
	padding:0 0 20px 20px;
	padding-bottom:20px;
	margin-top:-2px;
	border-left:1px solid var(--emphasis-color);
	position:relative;
	margin-left:8px;
}
/*-------------------------------------------------------------*/	



/*-------------------------------------------------------------*/
/*					  		FONTS	     		   	   		   */
/*-------------------------------------------------------------*/
.f-xs{
	font-size: 50%;	
}

		/*    			Sin utilizar			*/
		.f-s{
			font-size: 70%;	
		}
		.m-small{
			font-size: 100% !important;
			line-height: 1.5;
			font-weight: 400 !important;
		}
		/*-------------------------------------*/

.x-small{
	font-size: 80% !important;
	line-height: 1.5;
	font-weight: 300 !important;
}
/*-------------------------------------------------------------*/




/*-------------------------------------------------------------*/
/*					  		UTILIDADES     		   	   		   */
/*-------------------------------------------------------------*/


/*          Para el widget contact_us importante      */
.contact-form .field-required >input:nth-child(2) {
    position: absolute;
    left: 0;
    top: 0;
}
/*----------------------------------------------------*/

.small, small {
	display: block;
}

.shadow-bottom {
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.24);
}
.float-center {
    margin-left:auto;
    margin-right:auto;
    display: table;
}
/*Complementa Bootstrap*/
.shadow-md {
	box-shadow: 0 0.375rem 0.75rem rgba(0, 0, 0, 0.125) !important;
}

/* 				         Clases de Design      				*/
/***********************	BORDER RADIUS	*****************/
.brtl-25{
	-webkit-border-top-left-radius: 25%;
	-moz-border-radius-topleft: 25%;
	border-top-left-radius: 25%;
}
.brtl-50{
	-webkit-border-top-left-radius: 50%;
	-moz-border-radius-topleft: 50%;
	border-top-left-radius: 50%;	
}
.brtl-75{
	-webkit-border-top-left-radius: 75%;
	-moz-border-radius-topleft: 75%;
	border-top-left-radius: 75%;	
}
.brtl-100{
	-webkit-border-top-left-radius: 100%;
	-moz-border-radius-topleft: 100%;
	border-top-left-radius: 100%;
}
.brtr-25{
	-webkit-border-top-right-radius: 25%;
	-moz-border-radius-topright: 25%;
	border-top-right-radius: 25%;
}
.brtr-50{
	-webkit-border-top-right-radius: 50%;
	-moz-border-radius-topright: 50%;
	border-top-right-radius: 50%;	
}
.brtr-75{
	-webkit-border-top-right-radius: 75%;
	-moz-border-radius-topright: 75%;
	border-top-right-radius: 75%;	
}
.brtr-100{
	-webkit-border-top-right-radius: 100%;
	-moz-border-radius-topright: 100%;
	border-top-right-radius: 100%;	
}
.brbl-25{
	-webkit-border-bottom-left-radius: 25%;
	-moz-border-radius-bottomleft: 25%;
	border-bottom-left-radius: 25%;
}
.brbl-50{
	-webkit-border-bottom-left-radius: 50%;
	-moz-border-radius-bottomleft: 50%;
	border-bottom-left-radius: 50%;	
}
.brbl-75{
	-webkit-border-bottom-left-radius: 75%;
	-moz-border-radius-bottomleft: 75%;
	border-bottom-left-radius: 75%;
}
.brbl-100{
	-webkit-border-bottom-left-radius: 100%;
	-moz-border-radius-bottomleft: 100%;
	border-bottom-left-radius: 100%;	
}
.brbr-25{
	-webkit-border-bottom-right-radius: 25%;
	-moz-border-radius-bottomright: 25%;
	border-bottom-right-radius: 25%;	
}
.brbr-50{
	-webkit-border-bottom-right-radius: 50%;
	-moz-border-radius-bottomright: 50%;
	border-bottom-right-radius: 50%;
}
.brbr-75{
	-webkit-border-bottom-right-radius: 75%;
	-moz-border-radius-bottomright: 75%;
	border-bottom-right-radius: 75%;	
}
.brbr-100{
	-webkit-border-bottom-right-radius: 100%;
	-moz-border-radius-bottomright: 100%;
	border-bottom-right-radius: 100%;
}
/**************************************************************/

/* Usado por imagenes en background junto a wiper importante */
.clearfix::before, .clearfix::after{
	content: " ";
	display: table;
}
.clearfix::after {
	clear: both;
}
.wipe {
	position: relative;
	overflow: hidden;
	height: 100%;
}
/*--------------------------------------------------*/


.py-10 {
	padding-top: 18rem;
  	padding-bottom: 18rem;
}
.py-9 {
	padding-top: 14rem;
  	padding-bottom: 14rem;
}
.py-8 {
	padding-top: 10rem;
  	padding-bottom: 10rem;
}
.py-7 {
	padding-top: 6.75rem;
  	padding-bottom: 6.75rem;
}
.py-6 {
	padding-top: 4.5rem;
  	padding-bottom: 4.5rem;
}
		/*                      Sin utilizar                 */
		a.link-inherit {
			color:inherit;
			text-decoration: none;
		}
		.pull-left-0 {
			position:absolute;
			line-height:inherit;
			left:18px;
			text-indent: 0px;
		}
		/*--------------------------------------------------*/

/* Crea un layer que imposibilita acceder al contenido lo usa dashboard */
.front-wall {
	width:100%!important;
	height:100%!important;
	z-index: 1500;
	position:absolute!important;
}
/*-----------------------------------------------------------------------*/

.side-admin{
	width:360px;
}

.sortable .placeholder {
    outline: 1px dashed #4183C4;
}

/*-------------------------------------------------------------*/


/*-------------------------------------------------------------*/
/*					  		ITEM-FLEX     		   	   		   */
/*-------------------------------------------------------------*/
.item-flex .article-figure,
.item-flex .card-body,
.item-flex .col,
.item-flex [class*="col-"]:not(.divider) {
	padding: 0 ;
}

.item-flex {
	display: -ms-flexbox;
	display: -webkit-box;
	-webkit-flex-flow:column nowrap;
	    -ms-flex-flow:column nowrap;
	      -webkit-gap: 0.75rem;
             -moz-gap: 0.75rem;
	-ms-flex-preferred-size: 0;
	-ms-flex-positive: 1;
	display: flex;	
	flex-flow: column nowrap;
	gap: 0.75rem;
	position: relative;
}
.item-flex > * {
	-ms-flex: 1;
	flex: 1;
}
.item-flex > .item-static {
	flex: 0 0 auto;
}
.item-flex > [class*="col-"] {
	flex-basis: 0;
}
/*-------------------------------------------------------------*/


/*------------------------------------------------------------*/
/*					     	ARTICLE			          	  	  */
/*------------------------------------------------------------*/
 
.article,
.article .article-body {
	display: -ms-flexbox;
	display: -webkit-box;
    -webkit-flex-flow: column nowrap;
        -ms-flex-flow: column nowrap;
	         -ms-flex: 1;
	display: flex;
	flex: 1;
	flex-flow: column nowrap;
	position:relative;
}
.article {
	-webkit-column-gap: 0.75rem;
	-webkit-row-gap: 0.75rem;
	-moz-column-gap: 0.75rem;
	-moz-row-gap: 0.75rem;
	row-gap: 0.75rem;
	column-gap: 0.75rem;
	gap: 0.75rem;
}
.article .article-body {
	-webkit-row-gap: 0.5rem;
	-moz-row-gap: 0.5rem;
	row-gap: 0.5rem;
}

.article-body .post-meta,
.article-body .post-text,
.article-body .post-title,
.article .article-body p {
	margin-bottom: 0;
}
.article .post-title {
  font-weight: 600;
  line-height: var(--line-height-2);
  font-size: var(--font-size-2);
  text-align: inherit;
  text-transform: none;
  display:flex;
}
.article .post-title a {
  width:100%;
}
.article .post-title > i {
  margin-right: 4px;
}
.article-body.border-more {
    border-left: 4px solid #ddd;
    padding-left: 10px;
    margin-bottom: 10px;
}
.article-body.border-more:hover {
	border-color: var(--e-color-bg,inherit);
}
.post-media-list .article-figure {
	flex:0 0 auto;
	width: auto;
}
.post-media-list {
	padding:0;
	margin:0;
}
.post-media-list .article .post-title {
	line-height: var(--line-height-3);
	font-size: var(--font-size-3);
}
.post-media-list .article {
	flex-direction:row!important;
}
.post-media-list .article .article-figure img {
    width: 64px;
    height: 64px;
}
.article-figure {
    display: table;
    position:relative;
    width:100%;
    padding:0px;
    align-self: flex-start !important;
    overflow:hidden;
	flex:1;
}
.article-figure img {
	max-width: 100%;
	height: auto;
	width:100%;
	position: relative;
}
.article-figure > a {
	display:block;	
}

		/*                 Sin utilizar                    */
		.article-figure-overlay > a {
			display: block;
			position: relative;
		}
		.article-figure-overlay > a:hover::before,
		a.article-figure:hover::before {
		opacity: 0.5;
		visibility: visible;
		}
		.article-figure-overlay > a::before,
		a.article-figure-overlay::before {
		content:"";
		position: absolute;
		display: block;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		-webkit-transition: all .4s ease-in-out;;
		transition: all .4s ease-in-out;
		opacity: 0;
		visibility: hidden;
		background-color: var(--e-color-bg);		
		}
		/*---------------------------------------------------*/

.figure-frame {
  width: 100%;
  margin: 0;
  float: none;
  display: block;
  overflow: hidden;
}
.figure-frame::before {
	content: " ";
	display: block;
	width: 100%;
	overflow: hidden;
	padding-top: 75%;
	opacity: 1;
}
.figure-frame .article-body {
	color: #fff;
	text-shadow: 1px 1px 3px rgb(0, 0, 0);
	padding: 20px;
	position: absolute;
	left: 0px;
	bottom: 0px;
	/*justify-content: end;*/
	right: 0px;
	/*height: 100%;*/
	pointer-events: none;
}
.figure-frame .post-title > span {
	width: 100%;
}
.figure-frame .post-meta {
	color: #fff !important;
}
/* Modifica el padding-top para los .figure-frame-*/
.pt50 .figure-frame::before {
	padding-top: 50% !important;
}
.pt150 .figure-frame::before {
	padding-top: 150% !important;
}
@media (max-width: 768px) {
	.pt50 .figure-frame::before,
	.pt150 .figure-frame::before {
		padding-top: 75% !important;
	}
}


a.figure-background{
	text-decoration: none !important;
}
		/*                   Sin utilizar                */
		.figure-picture {
			position: absolute;
			top: 0;
			left: 0;
			bottom: 0;
			width: 100%;
			max-width: 100%;
			line-height: 0;
		}
		/*-----------------------------------------------*/
.figure-background {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 100%;
	max-height: 100%;
	background-size: cover;
	background-position: center center;
	animation: none;
	background-repeat: no-repeat;
	background-color:#ddd;
}

.badge-ents {
    position: absolute;
    padding: 8px;
    display: table;
    border-radius: 0;
    -webkit-transition:none;
    transition:none;
}

.display-publisher{
	position: relative;
}
/*-----------------------------------------------------------*/





/*------------------------------------------------------------*/
/*					     	CUSTOM TABLE	          	  	  */
/*------------------------------------------------------------*/

.grid-table{position: absolute;overflow: auto;overflow-y: hidden;}
.grid-head, .grid-td table,.grid-table{
	width:100%;
}
.grid-head th {font-weight: normal;text-align:center;padding: 10px 5px;border-left: 1px solid #fff;}
.grid-head thead {background-color:#fff;}
.grid-head span.border {background-color: black;border-radius: 3px 3px 3px 3px;color: white;padding: 4px;}
.grid-head .thside {min-width:15px;border-left: medium none;padding: 0 !important;}
.grid-head thead tr {border-top: 5px solid #064475;}
.grid-head thead tr th {border-bottom: 2px solid #dee2e6;}
.grid-row {font-size: 12px !important;background-color: #fff;border-collapse: collapse;border-spacing: 1px;}
.grid-row .tdside{ padding: 0px; margin: 0px;border-left: medium none;}
.grid-row tr {border-bottom: 1px solid #fff;}
.grid-row tr:hover td , .grid-row tr:hover th {background: none repeat scroll 0 0 #ececec;color: #000;}	
.grid-row tbody td  {border-left:1px solid #eeeeee; border-bottom: 1px solid #dee2e6;padding:5px;}
.grid-td {height: 250px;background-color:#fff;    overflow-x: hidden;overflow-y: scroll;width:100%;}

.grid-row tr:nth-child(2n) {background: #f8f9fa none repeat scroll 0 0;}
/*.grid-table tfoot tr td{}*/
	
/*------------------------------------------------------------*/


/***********	POST PUBLISHER COMMON	 **********/

.head-carousel,.text-carousel {
	-webkit-user-select: none; /* Safari */
  	-ms-user-select: none; /* IE 10 and IE 11 */
  	user-select: none; /* Standard syntax */
}
.post-title a[href=""] {
    background-color:#ddd;
    padding: 10px;
    display: block;
}

.text-carousel .placeholder,
.post-text .placeholder,
.post-title .placeholder {
	border-radius:4px;
}
.text-carousel .placeholder-glow,
.post-text .placeholder-glow{
	line-height: 1;
}
.text-carousel .placeholder,
.post-text .placeholder{
	min-height: 0.75em;
}



.active-ents.btn-link:not([disabled]).active,
.active-ents.btn-link:not([disabled]):hover,
.component-ents .post-title:not([disabled]):hover,
.component-ents .btn-link:not([disabled]):focus,
.component-ents .btn-link:not([disabled]):hover 
{
  color: var(--e-color-bg)!important;
}

.active-ents:not([class*="btn-link"]):not([disabled]).active,
.active-ents:not([class*="btn-link"]):not([disabled]):hover,
.component-ents .btn:not([class*="btn-link"]):not([disabled]):hover,
.component-ents .btn:not([class*="btn-link"]):not([disabled]):focus
{
	color:var(--e-color)!important;
	background-color:var(--e-color-bg)!important;
}
.component-ents .btn:not([class*="btn-link"]):not([disabled]):focus
{
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(180, 181, 183, 0.25);
}


.active-ents:not([disabled]),
.component-ents .post-title:not([disabled]),
.component-ents .post-title:not([disabled]) a::after,
.component-ents .btn:not([disabled]),
.component-ents .btn:not([disabled])::after {
	-webkit-transition: color .7s ease , background-color .7s ease;
	transition: color .7s ease , background-color .7s ease;
}
.article-body.border-more{
	-webkit-transition: border-color .7s ease ;
	transition: border-color .7s ease ;		
}

.publisher-pagination,.publisher-pagination:hover {
	color:inherit;	
	text-decoration: none!important;
}

.component-ents .btn:not([class*="btn-link"]) {
	color: rgba(138, 138, 138, 0.83) !important;
	border: 1px solid rgba(138, 138, 138, 0.33);
}

.component-ents a.badge-ents {
	color: var(--e-color,#fff);
	background-color: var(--e-color-bg,#bbb);
}

.tab-content {
	display: flex;
	flex-direction: column;
	flex-grow: 1;
}
.post-pagination {
	display: flex;
	padding: 0.25rem;	
}
.tab-title {
	position:relative;
	flex: 0 0 auto;
}
.tab-title a {
  color: inherit;
  text-decoration:none!important;
  font: inherit;
}
.active-title{
	font: inherit;	
	color: inherit !important
}

/*------------------------------------------------------*/


/*---------------------TITLE FRAME ---------------------*/
.title-frame {
	position: relative;
}
.title-frame::after{
	content: '';
	-webkit-transition: all .7s ease;
	transition: all .7s ease;
	position: absolute;
	top: -6px;
	left: -1px;
	right: 0;
	margin: 0;
	background-color: var(--e-color-bg,currentColor);
	height: 2px;
	border-radius: 3px;
}
.title-frame::before {
  flex: none;
  content: '';
  display: inline-block;
  height: 1px;
  position: absolute;
  top: 100%;
  left: -1px;
  width: 100%;
  opacity: 0.55;	
  background: rgba(138, 138, 138, 0.33);
}
.title-frame .active-title {
  font: inherit;
}
/*----------------------------------------------------------------*/


/*---------------------TITLE GROWER  ---------------------*/
.title-grower.active {
	flex-grow: 1;
	text-transform: uppercase;
	border: 1px solid var(--e-color-bg);
}
.title-grower {
	-webkit-transition: flex-grow 500ms ease-in-out 0.1s !important;
	transition: flex-grow 500ms ease-in-out 0.1s !important;
	flex-grow: 0.0001;
	position: relative;
}
.wrap-title.title-grower::before,
.title-grower.active-title.active::before {
	border-top: 10px solid;
	border-color: inherit;
}

.wrap-title.title-grower .active-title{
	border: 0px;
}

.tab-title .row,
.tab-title .row .wrap-title.title-grower,
.tab-title .row .title-grower.active-title {
	border-color: var(--e-color-bg,inherit);
}
.wrap-title.title-grower::before,
.title-grower.active-title::before,
.title-grower.active::before {
  content: '';
  display: inline-block;
  position: absolute;
  bottom: -10px;
  left: 50%;
  height: 0;
  width: 0;
  margin-left: -10.5px;
  border-left: 10px solid transparent !important;
  border-right: 10px solid transparent !important;
}
.title-grower.active::before {
	border-top: 10px solid var(--e-color-bg);
}
.title-grower::before {
	border-top: 10px solid;
	border-color: inherit;
}
.wrap-title.title-grower {
	width: 100%;
	text-transform: uppercase;
	text-align: center;
}
/***********               	END             **********/


/* Elegant Title */
.title-elegant.active > span::after,
.title-elegant:hover> span::after {
	background-color:var(--e-color-bg,currentColor);
}
.title-elegant > span::after {
	clear:both;
	display:block;
	float:left;
	content:"";
	position:relative !important;
	height:2px !important;
	width:70% !important;
	margin:10px 30% 0px 0px;
	border-radius:2px;
	padding:0;
	background-color:#ccc;
	border:1px transparent solid;
}
.wrap-title.title-elegant > .active-title{
	padding-bottom: 0px;
	padding-right: 0px;
	padding-left: 0px;
	text-decoration:none;
}
.title-elegant {
	width:auto;
	padding-right:30px;
	box-shadow:inset 0 -1px 0 #ddd !important;
	display:inline-table;
	padding-left:0px;
	padding-bottom:0px;
	text-decoration:none;
}
.title-elegant,
.title-elegant > span::after{
	transition: all .4s ease-in-out;
}





/************************	INIT TOOLTIPS	 **********************/
.tips span:before {
	border-bottom: 9px solid #000;
	border-right: 9px solid transparent;
	border-left: 12px solid transparent;	
	content: '';
	position: absolute;
	bottom: 100%;
	left: 21px;
	margin-left: -12px;
	width: 0; height: 0;
}

.tips span:after {
	border-bottom: 8px solid #000;
	border-right: 8px solid transparent;
	border-left: 8px solid transparent;
	content: '';
	position: absolute;
	bottom: 100%;
	left: 20px;
	margin-left: -8px;
	width: 0; height: 0;
}
.tips {
	outline: medium none;
}
.tips strong {
	line-height: 30px;
}
.tips:hover {
	text-decoration: none;
}
.tips span {
    position: fixed;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 300ms ease-in-out 0.2s;
    transition: all 300ms ease-in-out 0.2s;
    font-size: 12px !important;
    font-variant: normal !important;
    line-height: 16px !important;
    margin-top: 30px;
    max-width: 240px;
    padding: 6px;
    text-indent: 0;
    white-space: normal;
    width: auto;
    z-index: 1070;
    box-shadow: 2px 2px 6px #CCCCCC;
    border-radius: 4px 4px 4px 4px;
    background: none repeat scroll 0 0 #000;
    border: 1px solid #000;
    color: #fff;		      
}
.tips:hover span:not(:hover) {
	visibility: visible;
	opacity: 1;
}

.tips:focus span {
	visibility: hidden!important;
	opacity: 0!important;
}




/*------------------------------------------------------------*/
/*			   	COMPLEMENTOS DE BOOTSTRAP	          	  	  */
/*------------------------------------------------------------*/

/*	Nav-bar*/
.menu-custom-flat {
	--bs-dropdown-border-color: transparent !important;
	--bs-border-color-translucent: transparent !important;
}
/* Para overflow permite que los dropdow no queden tapados*/
.overflow-unset	{
	overflow:unset !important;
}

/* Navbar Menu*/
/*Variables generales para el NavBar*/
.navbar-nav {
		--bs-dropdown-mask-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
		--bs-dropdown-mask-icon-transition:transform 0.5s ease-in-out;
		--bs-dropdown-mask-icon-transform:rotate(-90deg)
}

/* FlexBox en dropdown-toggle del Navbar */
.nav-link.dropdown-toggle {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 5px;
}

/* Alineación de items en los dropdown VER*/
.dropdown-item.dropdown-toggle {
	align-items: center;
	justify-content: space-between;
}	

/* Alineación de submenus*/
.dropdown-submenu {
	position: relative;
}
.dropdown-submenu .dropdown-menu {
	top: 0;
	left: 100%;
}

/* Para el dropdown-toogle */
.dropdown-menu-end .navbar-nav .dropdown-toggle::before,
.navbar-nav .dropdown-toggle::after {
	content: "";
	display: inline-block;
	flex-shrink: 0;
	width: 1rem;
	height: 1rem;
	color: inherit !important;
	background-color: currentColor;
	-webkit-mask: var(--bs-dropdown-mask-icon);
	mask: var(--bs-dropdown-mask-icon);
	transition: var(--bs-dropdown-mask-icon-transition);
	transform: var(--bs-dropdown-mask-icon-transform);
	border: none;
}
.navbar-nav .dropdown-toggle::after {
	margin-left: auto;
}
.dropdown-menu-end .navbar-nav .dropdown-toggle::after{
	content: none;
}
/* Posición desplegada */
.dropdown-menu-end .navbar-nav .dropdown-toggle.show::before,	
.navbar-nav .dropdown-toggle.show::after {
	transform: none;
}
.dropdown-menu-end .navbar-nav .nav-link.dropdown-toggle[aria-expanded="true"]::before
.navbar-nav .nav-link.dropdown-toggle[aria-expanded="true"]::after {
	transform: none;
}
/* orientacion */
.dropdown-menu-end .dropdown-menu {
	--bs-position: end;
	right: 0; /* fuerza la posición*/
	left: auto;
}
.dropdown-menu-end .dropdown-menu[data-bs-popper] {
	right: 0;
	left: auto;
}
/* Bug de popper*/
.dropdown-menu[data-bs-popper] {
	margin-top: unset!important;
}	
/* Posicionamiento de Submenus dependientes de Submenus*/
.dropdown-menu-end .dropdown-submenu .dropdown-menu {
	right: 100% !important;
}
.dropdown-menu-end .nav-link.dropdown-toggle,
.dropdown-menu-end .dropdown-item.dropdown-toggle {
	justify-content: flex-start;
}
.dropdown-menu-end .navbar-nav {
	--bs-dropdown-mask-icon-transform:rotate(90deg)
}

/*---------------------------------End Navbar----------------------*/


	/*	Compementa y modifica la clase btn-* de Bootstrap   	   */
.btn[class*='btn-only-icon'] {
	--bs-btn-padding-x: var(--bs-btn-padding-y);
}
/* Class btn  excepto para los [.btn-link] */
.btn:not(.btn-link) {
	display: inline-flex;
	gap: .5rem !important;
}

/* Centra el after en los .btn.dropdown-toggle */
.btn.dropdown-toggle::after {
	align-self: center;
}

/* Class btn-link */
.btn.btn-link .mso {
	vertical-align: inherit;
}

/*Button normal*/
.btn .mso {
	font-size: 24px !important;
}

/*Button small*/
.btn.btn-sm:not(.btn-link) .mso {
	font-size: 20px !important;
	padding-top: 0.5px;
	padding-bottom: 0.5px;
}

/*Button large*/
.btn.btn-lg:not(.btn-link) .mso {
	font-size: 30px !important;
}

/*Button link*/
.btn.btn-link .mso {
	font-size: inherit !important;
}

.btn.btn-vanish {
	border-color: transparent;
	background-color: transparent;
	transition: all .4s ease-in-out;
	color: var(--bs-btn-border-color);
}

.btn.btn-vanish.btn-link {
	color: #352f2fc7;
}

.btn.btn-vanish.active {
	border-color: var(--bs-btn-hover-border-color);
}

.btn.btn-vanish:hover {
	color: var(--bs-btn-hover-color);
	background-color: var(--bs-btn-hover-bg);
	border-color: var(--bs-btn-hover-border-color);
}

.btn-outline-secondary:hover:not([disabled]) {
	color: #fff !important;
}
.btn-x-sm.btn-only-icon {
	padding:.15rem .15rem;
}
.btn-x-sm {
	padding: .35rem .5rem;
	font-size: .575rem;
	line-height: 1.5;
	border-radius: .2rem;
}


/* Complementa el Dropdown alineado a la derecha */
.navbar-expand-lg .navbar-nav.ms-auto .nav-item.dropdown:last-child .dropdown-menu {
	right: 0;
	left: auto;
}

.group-decoration-none a {
	text-decoration: none !important;
}

/*----- FIXED ----------*/
.fixed-top  {
	z-index: 1032!important;
}
.fixed-top,.fixed-bottom {
	/* add important*/
	position: fixed !important;
}
.sticky-top {
	/* add important*/
	position: -webkit-sticky !important;
	position: sticky !important;
	z-index: 1031!important;
}

/*  A	*/
a.disabled, fieldset:disabled a {
	pointer-events: none;
}
a.disabled, .a:disabled,fieldset:disabled a {
	opacity: 0.65;
}

/*--------------------- ICON ------------------------*/
.form-group > i:first-child {
	padding-right: 0px;
	padding-left: 15px;
}
.form-group > i:last-child {
	padding-left: 0px;
	padding-right: 15px;
}
.dropdown-item {
	display: flex;
	gap: 5px;
}
.dropdown-item > .icon-right {
	padding-left: 5px;
	float:right;
}


	/*------------------- CAROUSEL	----------------------*/

	.carousel-main .carousel,
	.carousel-inner,
	.carousel-item,
	.carousel-item .carousel-bg,
	.carousel-item .carousel-text {
		height: 100%;
	  }
	.carousel-item .carousel-text {
		position:relative;
		width: 80%;
	}
	.carousel-inner{
		overflow:hidden!important;	
	}
	.carousel-nav .carousel-control-prev,
	.carousel-nav .carousel-control-next {
		width: 10%;
	}
	.carousel-fade .carousel-item{
		display: block;
	}

	/**
	 * General para todos los carousel-text
	 */
	.carousel-item.active .carousel-text {
		display: flex;
	}
	.carousel-item:not(.active) .carousel-text {
		display: none;
	}

	/*   Carousel transition ZoomIn*/
	.carousel-zomm-in .carousel-item{
		transition: opacity 1.5s ease 0s!important;
		transform: scale(1)!important;
		opacity:1!important;
	}
	.carousel-zomm-in .carousel-item.active{
		z-index: 1;	
	}	
	.carousel-zomm-in .carousel-item .carousel-bg {
		transition: opacity 1.5s ease 0s,transform 1.5s ease 0s!important;
		transform: perspective(100vw) translateZ(25vw)!important;
		opacity: 0;
	}
	.carousel-zomm-in .carousel-item.active .carousel-bg {
		opacity: 1;
		transform: perspective(100vw) translateZ(0)!important;
	}

	/*   Carousel transition ZoomInFade */
	.carousel-zomm-in-fade .carousel-item{
		transition: opacity 1.5s ease 0s!important;
		transform: scale(1)!important;
		opacity:1!important;
		display: block;
	}
	.carousel-zomm-in-fade .carousel-item.active{
		z-index: 1;	
	}
	.carousel-zomm-in-fade .carousel-item .carousel-bg {
		transition: opacity 1.5s ease 0s,transform 1.5s ease 0s !important;
		transform: perspective(100vw) translateZ(25vw)!important;
		opacity: 0;
	}
	   .carousel-zomm-in-fade .carousel-item.active .carousel-bg {
		opacity: 1;
		transform: perspective(100vw) translateZ(0)!important;
	}


	/*   Carousel transition Blur */
	.carousel-blur .carousel-item{
		transition: opacity 0.9s ease-in-out, filter 0.9s ease-in-out;
		filter: blur(10px);
		opacity: 0;
		display:block;
	}
	.carousel-blur .carousel-item.active{
		filter: blur(0);
		opacity: 1;
		z-index: 1;	
	}


	/*   Carousel transition Blind */
	.carousel-blind .carousel-item.active {
		transform: scaleY(1);
		opacity: 1;
		transition: transform 0.6s ease-in-out, opacity 0.6s ease-in-out;
		z-index: 1;
	  }
	.carousel-blind .carousel-item:not(.active) {
		transition: transform 0s ease-in-out 0.6s,opacity 0.5s ease-in-out;
		transform: scaleY(0);
		opacity: 0.5;
		display: block;
	}


	/*   Carousel transition Scanning */
	.carousel-scanning .carousel-item.active {
		transform: translateX(0);
		opacity: 1;
		transition: transform 0.6s ease-in-out 0.2s, opacity 0.6s ease-in-out;
		z-index: 1;	
	}
	.carousel-scanning .carousel-item:not(.active) {
		transition: transform 0s ease-in-out 0.7s, opacity 1s ease-in-out;
		transform: translateX(100%);
		opacity: 0.5;
		display: block;
	}


	/* Carousel navigation*/	
	.carousel-inner .carousel-nav.c-n-hidde .carousel-control-prev-icon,
	.carousel-inner .carousel-nav.c-n-hidde .carousel-control-next-icon{
		position: absolute;
		transition: all .5s ease-in-out;
	}
	.carousel-nav.c-n-hidde .carousel-control-prev-icon {
		left: -70%;
	}
	.carousel-nav.c-n-hidde .carousel-control-next-icon {
		right: -70%;
	}
	.carousel-inner:hover .carousel-nav.c-n-hidde .carousel-control-prev-icon {
		left: 30%;
	}
	.carousel-inner:hover .carousel-nav.c-n-hidde .carousel-control-next-icon {
		right: 30%;
	}	

	/***********************************************************/

	/*-------Carousel Controls-------*/
	.carousel-wrap-indicator {
		position: absolute;
		z-index: 3;
		padding: 10px 15px;
		bottom: 0px;
	}
	.carousel-wrap-indicator .carousel-indicators{
		position: relative;
		margin: 0px;
	}
	.carousel-wrap-indicator .carousel-indicators li {
		background-color: currentColor !important;
	}
	/**********************************************************/
	

	/*------ DROPDOWN -------*/
	.dropdown-only-icon::after {
		content: none;
	}

	/*------   ol --------------------*/
	ol.sortable, ol.sortable ol	{
		list-style-type: none;
	}

	/*----------- MODAL ------------*/
	.modal-header {
		padding-bottom: .4rem;
		padding-top: .4rem;
	}
	.modal-sm {
		max-width: 350px;
	}
	.modal-full {
	padding-left: 0px!important;
	}
	.modal-full iframe {
		width: 100%;
		height: 100%;
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		vertical-align: top;
		background:
		transparent;
		text-decoration: none;
		color:
		#333;
		font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
		font-size: 14px;
		text-shadow: none;
		float: none;
		position: static;    
	}
	.modal-full .modal-body{
		padding:0;	
	}
	.modal-full.modal-dialog {
		width: 100%;
		height: 100%;
		padding: 0;
		margin: 0!important;
		min-width:100%!important;
		max-width:100%!important;
		left:0;
	}
	.modal-full .modal-open .modal {
		overflow-x: hidden;
		overflow-y: hidden;
	}
	.modal-full .modal-content {
		height: 100%!important;
		min-height: 100%;
		height: auto;
		border-radius: 0;
	}		

	/*-----------------------------CARD------------------------*/
	.card.box .card, .card.box {
		border: none;
	  }	
	.card-fill .card-header	{
		background-color:transparent;
		border-bottom:0;
	}
	.card-fill .card-title {
		font-size: 1rem;
	}
	.card-list {
		border:none;
	    border-left: 1px solid rgba(0, 0, 0, 0.125);
	    border-right: 1px solid rgba(0, 0, 0, 0.125);
	}
	.card-list:last-of-type	{
	    border-bottom: 1px solid rgba(0, 0, 0, 0.125)!important;
	}
	.menu-highlight {
		border: 1px dashed rgba(82, 79, 79, 0.349) !important;
		background: #f5f5f5;
		min-height: 50px; 
	}
/*------------------------------------------------------------*/



/*-----------------  NAV TAB     -------------------*/
	.nav-tabs[aria-orientation="vertical"] .nav-link {
	    border: 1px solid transparent;
	    border-top-left-radius: 0.25rem;
	    border-bottom-left-radius: 0.25rem;
	    border-top-right-radius: 0;
		border-bottom-right-radius: 0;
	}
	.nav-tabs[aria-orientation="vertical"] .nav-item.show .nav-link, .nav-tabs[aria-orientation="vertical"] .nav-link.active {
	    color: #495057;
		background-color: #fff;
		border-color: #dee2e6 #fff #dee2e6 #dee2e6 !important;
	}
	.nav-tabs[aria-orientation="vertical"] {
	    border-right: 1px solid #dee2e6 !important;
	    border-bottom: 1px solid transparent !important;
	    padding-top: 10px;
		padding-bottom: 10px;
	}
	.nav-tabs[aria-orientation="vertical"] .nav-link {
	    margin-right: -1px;
	}


	/*---------- LIST GROUP -----*/
	.list-group {
		--bs-list-group-bg: inherit;
		--bs-list-group-color: inherit;
		--bs-list-group-action-color:inherit; /*normal*/
		--bs-list-group-action-hover-color: currentcolor; /*hover & focus*/
		--bs-list-group-action-hover-bg:rgba(0, 0, 0, 0.07);  /*hover & focus*/
		--bs-list-group-action-active-bg:rgba(0, 0, 0, 0.17); /*:active*/
		--bs-list-group-action-active-color:currentcolor; /*:active*/
		--bs-list-group-active-color:inherit; /*.active*/
		--bs-list-group-active-bg:rgba(0, 0, 0, 0.10); /*.active*/
		--bs-list-group-active-border-color: rgba(0, 0, 0, 0.15); /*.active*/
		--bs-list-group-disabled-color: currentColor;
		--bs-list-group-disabled-bg: transparent;
		--bs-list-group-border-radius:0px;
		--bs-listgroup-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
		--bs-listgroup-btn-icon-width: 1.0rem;
		--bs-listgroup-btn-icon-transform: rotate(-180deg);
		--bs-listgroup-btn-icon-transition: transform 0.5s ease-in-out;
		--bs-listgroup-btn-active-icon: none;
	}

	.list-group-box {
		padding: 1px 0 0 0;
	}
	.list-group-item {
		display:flex;
		--list-group-gap :10px;
		gap: var(--list-group-gap);
		align-items: center;
	  	user-select: none;
	  	-webkit-transition: all .4s ease-in-out;
  	  	transition: all .4s ease-in-out;
		--bs-btn-color:currentcolor!important;
		--bs-link-hover-color:currentcolor!important;
	}

	.list-group-item.unfont[data-bs-toggle]::after {
		display: inline-block;
		margin-left: 0.155em;
		vertical-align: .155em;
		content: "" !important;
		border-top: 0;
		border-right: .2em solid transparent;
		border-bottom: .2em solid;
		border-left: .2em solid transparent;
		color:currentColor;
	}


	/*
	List Group Icons
	*/
	.list-group[list-group-icon='30'] .list-group-start .mso,
	.list-group[list-group-icon='30'] .list-group-end .mso,
	.list-group[list-group-media-size='30'] .list-group-start .media-font {
		font-size: 30px !important;
	}
	.list-group[list-group-icon='20'] .list-group-start .mso ,
	.list-group[list-group-icon='20'] .list-group-end .mso ,
	.list-group[list-group-media-size='20'] .list-group-start .media-font {
		font-size: 20px !important;
	}
	.list-group[list-group-icon='40'] .list-group-start .mso ,
	.list-group[list-group-icon='40'] .list-group-end .mso ,
	.list-group[list-group-media-size='40'] .list-group-start .media-font {
		font-size: 40px !important;
	}
	.list-group:not([list-group-icon]) .list-group-start .mso ,
	.list-group:not([list-group-icon]) .list-group-end .mso ,
	.list-group:not[list-group-media-size] .list-group-start .media-font {
		line-height: inherit;
	}
	.list-group[list-group-icon='20'] .list-group-start:empty,
	.list-group[list-group-icon='20'] .list-group-end:empty,
	.list-group[list-group-media-size='20'] .list-group-start:empty {	
		padding: calc((20px )/2 );
	}
	.list-group[list-group-icon='40'] .list-group-start:empty ,
	.list-group[list-group-icon='40'] .list-group-end:empty ,
	.list-group[list-group-media-size='40'] .list-group-start:empty {	
		padding: calc((40px )/2 );
	}
	.list-group[list-group-icon='30'] .list-group-start:empty ,
	.list-group[list-group-icon='30'] .list-group-end:empty ,
	.list-group[list-group-media-size='30'] .list-group-start:empty {	
		padding: calc((30px )/2 );
	}
	/*        End List Group Icons     */
	
	/* List Group Style */
	  .list-group-flush .list-group-item {
		border-width: 0 0 var(--bs-list-group-border-width);
	  }
	  .list-group-flat {
		--bs-list-group-border-color: transparent !important;
		--bs-list-group-border-radius:0px;
	  }

	.list-group-border-head .list-group-item[aria-expanded="true"]::before,
	.list-group-border-head .list-group-item[aria-expanded="false"]:hover::before {
		border-left: 5px solid rgba(0, 0, 0, 0.4);
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
	  }

	.list-group-item.disabled > *, .list-group-item:disabled > *, 
	.list-group-item.disabled::after,.list-group-item:disabled::after {
	  opacity: 0.5;
	}

	.list-group-card {
		padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);
		color: #000;
		background-color: #fff;
		border: 1px solid rgba(0, 0, 0, 0.19);
		border-top: none;
	}
	/* End List Group Style */


	/* List Group Widget  */
	.list-group-end,.list-group-start {
		display: flex;
	}
	.widget-hidden {
		transition: opacity .4s ease-in-out;
		opacity: 0;
	}
	.list-group-item:hover .widget-hidden {
		opacity: 1;
	}
	.list-group-item .widget-title {
		font-size: 1em;
		font-weight: 200 !important;
	}

	.list-group-item .list-group-body {
		margin-right: auto !important;
	}
	.list-group-item .widget-text {
		font-size: 0.82em;
	}
	.list-group-item:focus-visible {
		outline: 1px solid rgba(0, 0, 0, 0.05);
	}
	.list-group-item[data-bs-toggle] .list-group-end {
		margin-right: 0px;
		line-height: 1;
		align-self: center;
	}
	/* End List Group Widget  */


	.list-group-item[aria-expanded="true"] {
	  background-color: var(--bs-list-group-action-active-bg);
	  --bs-list-group-border-color: rgba(0, 0, 0, 0.19);
	}

	.list-group-item + .list-group-item:not([aria-expanded="true"]):not(:focus):not(.active) {
	  border-top: var(--bs-list-group-border-width) solid transparent!important;
	}
	.list-group-item + .list-group-item {
	  border-top-width: var(--bs-list-group-border-width)!important;
	}
	.list-group:not([class~="list-group-flush"]) .list-group-item.collapsed:not(:focus){
		border-bottom: var(--bs-list-group-border-width) solid transparent;
	}	
	.list-group > .list-group-item.collapsed:last-of-type{
		border-bottom: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color)!important;
	}
	.list-group .collapsing > .list-group-item:first-child,
	.list-group .collapse > .list-group-item:first-child{
		border-top: var(--bs-list-group-border-width) solid transparent !important;
	}
	.list-group .collapse > .list-group-item:only-child{
		border-bottom: var(--bs-list-group-border-width) solid transparent !important;
	}
	.list-group:not([class~="list-group-flush"]) .collapse .list-group-item:last-child:not(.active) {
		border-bottom: var(--bs-list-group-border-width) solid transparent !important;
	}
	.list-group > .collapse:last-of-type > .list-group-item.list-group-item-action:last-of-type{
		border-bottom: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color)!important;
	}
	.list-group > .collapse:last-of-type .collapse .list-group-item:last-of-type{
		border-bottom: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color)!important;
	}

	.list-group-item.collapsed[data-bs-toggle="collapse"]::after{
		transform: none;
	}
	
	.list-group-item[data-bs-toggle="collapse"]::after{
		content: "";
		display: inline-block;
		flex-shrink: 0;
		width: var(--bs-listgroup-btn-icon-width);
		height: var(--bs-listgroup-btn-icon-width);
		/*margin-left: auto;*/
		color: inherit!important;
		background-color: currentColor;
		-webkit-mask: var(--bs-listgroup-btn-icon);
		mask: var(--bs-listgroup-btn-icon);
		transition: var(--bs-listgroup-btn-icon-transition);
		transform: var(--bs-listgroup-btn-icon-transform);
	}
	/*---------- END LIST GROUP -----*/


	.dashboard-css {
	    border: 1px solid rgba(0, 0, 0, 0.125);
	    background: #fff;
	    transition: all .7s ease-in-out !important;
		-webkit-transition: all .7s ease-in-out !important;
		border-radius: 5px;
	}
	.dashboard-css > .list-group-item,
	.dashboard-css > .card {
	    border: none !important;
	    background-color: transparent !important;
	}
	.dashboard-css:hover, .dashborard-css:active {
	    background-color: rgba(0, 0, 0, 0.08) !important;
	}
	/*DISABLED - EXCEPCION A*/
	:not(a).list-group-item.disabled *,
	:not(a).list-group-item:disabled {
		opacity: 0.65;
	}

/*------------------------------VERIFICAR-----------------------------------------*/
	.media {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
	}
	.media-body {
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1;
	}

	.dashboard-css .badge ,.edit-dashboard .badge{
		color: inherit;
	}
	.list-group-item .badge.badge-xl {
	    font-weight: 300;
	    font-size: 155%;
	}
	.list-group .panel {
		margin-bottom:0px;
		border: 0px solid transparent;
	}
	.list-group .badge {
		text-indent:0px !important;
	}

	/*-------------  RADIO ------------*/
	.ios-check {
	  --color: var(--bs-success);
	  padding-left: 0;
	}
	.ios-check .ios-check-input {
	  display: none;
	}
	.ios-check .ios-check-input:active ~ .ios-check-point::after {
	  width: 20px;
	}
	.ios-check .ios-check-input:checked ~ .ios-check-point {
	  background-color: var(--color);
	}
	.ios-check .ios-check-input:checked ~ .ios-check-point::after {
	  top: 1px;
	  left: 13px;
	}
	.ios-check .ios-check-input:checked:active ~ .ios-check-point::after {
	  left: 0px;
	}
	.ios-check .ios-check-input:not(:checked) ~ .ios-check-point ~ .ios-check-caption::before {
		content: attr(data-uncheck);
	}
	.ios-check .ios-check-input:checked ~ .ios-check-point ~ .ios-check-caption::after {
		content: attr(data-check);
	}
	.ios-check .ios-check-point {
	  display: inline-block;
	  position: relative;
	  top: 4px;
	  width: 32px;
	  height: 20px;
	  border-radius: 16px;
	  -webkit-transition: 0.1s;
	  transition: 0.1s;
	  background: #fff;
	  border: 1px solid #ddd;
	}
	.ios-check .ios-check-point::after {
	  content: '';
	  display: block;
	  position: absolute;
	  width: 16px;
	  height: 16px;
	  border-radius: 16px;
	  background: #fff;
	  -webkit-transition: 0.1s;
	  transition: 0.1s;
	  top: 1px;
	  left: 0px;
	  box-shadow: 0 0 1px #aaa, 0 1px 4px #999;
	}

	.ios-check {
		position: relative;
		display: block;
		min-height: 1.5rem;
		/*padding-left: 1.5rem;*/
	  }
	  
	.form-check > .form-check-input:last-child,
	.form-check > .form-check-input:only-child {
		float: none;
		margin-left: 1.5em;
	}

	.form-check > .form-check-input:only-child {
		margin-left: 0;
	}

	.form-check:has(> .form-check-input:last-child),
	.form-check:has(> .form-check-input:only-child) {
		padding-left: 0;
	}




	/*----------   RANGE --------------*/
	.custom-range {
		width:100%;
		padding-left:0;
		background-color:transparent;
		border: 1px solid transparent;
		-webkit-appearance:none;
		-moz-appearance:none;
		appearance:none
	}
	.custom-range:focus {
		outline:0;
		border: 1px solid #ced4da;
	}
	.custom-range:focus::-webkit-slider-thumb {
	 	box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)
	}
	.custom-range:focus::-moz-range-thumb {
	 	box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)
	}
	.custom-range:focus::-ms-thumb {
	 	box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)
	}
	.custom-range::-moz-focus-outer {
	 	border:0;
	}
	.custom-range::-webkit-slider-thumb {
		width:1rem;
		height:1rem;
		margin-top:-.25rem;
		background-color:#007bff;
		border:0;
		border-radius:1rem;
		-webkit-transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
		transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
		-webkit-appearance:none;
		appearance:none
	}
	@media screen and (prefers-reduced-motion:reduce) {
	 .custom-range::-webkit-slider-thumb
	 {
		-webkit-transition: none;
		transition:none
	 }
	}
	.custom-range::-webkit-slider-thumb:active {
		 background-color:#b3d7ff
	}
	.custom-range::-webkit-slider-runnable-track {
		width:100%;
		height:.5rem;
		color:transparent;
		cursor:pointer;
		background-color:#dee2e6;
		border-color:transparent;
		border-radius:1rem
	}
	.custom-range::-moz-range-thumb	{
		width:1rem;
		height:1rem;
		background-color:#007bff;
		border:0;
		border-radius:1rem;
		-webkit-transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
		transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
		-moz-appearance:none;
		appearance:none
	}
	@media screen and (prefers-reduced-motion:reduce) {
		.custom-range::-moz-range-thumb {
		-webkit-transition: none;
		transition:none
		}
	}
	.custom-range::-moz-range-thumb:active {
	 	background-color:#b3d7ff
	}
	.custom-range::-moz-range-track {
		width:100%;
		height:.5rem;
		color:transparent;
		cursor:pointer;
		background-color:#dee2e6;
		border-color:transparent;
		border-radius:1rem
	}
	.custom-range::-ms-thumb {
		width:1rem;
		height:1rem;
		margin-top:0;
		margin-right:.2rem;
		margin-left:.2rem;
		background-color:#007bff;
		border:0;
		border-radius:1rem;
		-webkit-transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
		transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
		appearance:none
	}
	@media screen and (prefers-reduced-motion:reduce) {
	 .custom-range::-ms-thumb {
		-webkit-transition: none;
		transition:none;
	 }
	}
	.custom-range::-ms-thumb:active {
		 background-color:#b3d7ff
	}
	.custom-range::-ms-track {
		width:100%;
		height:.5rem;
		color:transparent;
		cursor:pointer;
		background-color:transparent;
		border-color:transparent;
		border-width:.5rem
	}
	.custom-range::-ms-fill-lower {
		background-color:#dee2e6;
		border-radius:1rem
	}
	.custom-range::-ms-fill-upper {
		margin-right:15px;
		background-color:#dee2e6;
		border-radius:1rem
	}
	.form-check-label::before,
	.custom-file-label,
	.form-select {
		-webkit-transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
		transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	}



/*-------------------------------- COMPLEMENTOS Y CLASES ----------------------------*/

h1 i.mso,h2 i.mso,h3 i.mso,h4 i.mso,h5 i.mso,h6 i.mso {
	vertical-align: -10%;
}

/*-----------EXTRAS ----------------*/
	.badge-cover {
		position:relative;
		display:block;
	}
	.pointer:not(:disabled):not(.disabled) {
	  cursor: pointer;
	}
	.overlay {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background-image: none;
		opacity: 1;
	}

	.radial-1 {
		background: radial-gradient(circle, rgb(255, 255, 255) 66%, rgb(235, 232, 232) 100%);
	}

	/*-------  POSITION  -------*/
	.float-start {
		left:0;
		top:0;
	}
	.float-end {
		right:0;
		top:0;
	}
	.float-start-bottom {
		float:left;
		bottom: 0px;
		left: 0px;
	}
	.float-end-bottom {
		float:right;
		bottom: 0px;
		right: 0px;
	}


	.lh-0 {
		line-height: 0 !important;
	}

	/*-----Propiedades heredadas ----*/

	.background-color-inherit {
		background-color:inherit !important;
	}
	.color-inherit {
		color:inherit !important;
	}
	.fw-inherit {
	    font-weight: inherit !important;
	}

	/*----Complementa el font-weigth	*/
	.fw-lighter {
		font-weight: 100 !important;
	}
	.fw-semilighter {
		font-weight: 200 !important;
	}
	/* .fw-light = 300*/
	/* .fw-normal = 400 */
	.fw-medium {
		font-weight: 500 !important;
	}	
	.fw-semibold {
		font-weight: 600 !important;
	}
	/* .fw-bold = 700 */
	.fw-extrabold {
		font-weight: 900 !important;
	}	

	/*------------------ overflow ----------------*/
	.overflow-unset	{
		overflow: unset !important;
	}
	.overflow-scroll {
		overflow: scroll !important;
	}
	.overflow-y-auto {
		overflow-y: auto !important;
	}
	.overflow-y-hidden {
		overflow-y: hidden !important;
	}
	.overflow-y-scroll {
		overflow-y: scroll !important;
	}
	.overflow-x-auto {
		overflow-x: auto !important;
	}
	.overflow-x-hidden {
		overflow-x: hidden !important;
	}
	.overflow-x-scroll {
		overflow-x: scroll !important;
	}

	  .my-6 {
		margin-top: 4.5rem !important;
		margin-bottom: 4.5rem !important;
	  }
	  .my-7 {
		margin-top: 6rem !important;
		margin-bottom: 6rem !important;
	  }
	  .my-8 {
		margin-top: 9rem !important;
		margin-bottom: 9rem !important;
	  }
	  .my-9 {
		margin-top: 12rem !important;
		margin-bottom: 12rem !important;
	  }
	  .my-10 {
		margin-top: 15rem !important;
		margin-bottom: 15rem !important;
	  }
	  .my-11 {
		margin-top: 18rem !important;
		margin-bottom: 18rem !important;
	  }	



	/*---------- ellipsis ----------*/
	.e-0 > span,.e-0 > p , .e-0 > a , p.e-0 , a.e-0,
	.e-sm-0 > span,.e-sm-0 > p, .e-sm-0 > a, p.e-sm-0, a.e-sm-0,
	.e-md-0 > span,.e-md-0 > p, .e-md-0 > a, p.e-md-0, a.e-md-0,
	.e-lg-0 > span,.e-lg-0 > p, .e-lg-0 > a, p.e-lg-0, a.e-lg-0,
	.e-xl-0 > span,.e-xl-0 > p, .e-xl-0 > a, p.e-xl-0, a.e-xl-0 {
		-webkit-line-clamp: none;
		line-clamp: none;
	}

	.e-1 > span,.e-1 > p,.e-1 > a, p.e-1 , a.e-1,
	.e-2 > span,.e-2 > p,.e-2 > a, p.e-2 , a.e-2,
	.e-3 > span,.e-3 > p,.e-3 > a, p.e-3 , a.e-3,
	.e-4 > span,.e-4 > p,.e-4 > a, p.e-4 , a.e-4,
	.e-5 > span,.e-5 > p,.e-5 > a, p.e-5 , a.e-5,
	.e-sm-1 > span,.e-sm-1 > p, .e-sm-1 > a, p.e-sm-1, a.e-sm-1,
	.e-sm-2 > span,.e-sm-2 > p, .e-sm-2 > a, p.e-sm-2, a.e-sm-2,
	.e-sm-3 > span,.e-sm-3 > p, .e-sm-3 > a, p.e-sm-3, a.e-sm-3,
	.e-sm-4 > span,.e-sm-4 > p, .e-sm-4 > a, p.e-sm-4, a.e-sm-4,
	.e-sm-5 > span,.e-sm-5 > p, .e-sm-5 > a, p.e-sm-5, a.e-sm-5,
	.e-md-1 > span,.e-md-1 > p, .e-md-1 > a, p.e-md-1, a.e-md-1,
	.e-md-2 > span,.e-md-2 > p, .e-md-2 > a, p.e-md-2, a.e-md-2,
	.e-md-3 > span,.e-md-3 > p, .e-md-3 > a, p.e-md-3, a.e-md-3,
	.e-md-4 > span,.e-md-4 > p, .e-md-4 > a, p.e-md-4, a.e-md-4,
	.e-md-5 > span,.e-md-5 > p, .e-md-5 > a, p.e-md-5, a.e-md-5,
	.e-lg-1 > span,.e-lg-1 > p, .e-lg-1 > a, p.e-lg-1, a.e-lg-1,
	.e-lg-2 > span,.e-lg-2 > p, .e-lg-2 > a, p.e-lg-2, a.e-lg-2,
	.e-lg-3 > span,.e-lg-3 > p, .e-lg-3 > a, p.e-lg-3, a.e-lg-3,
	.e-lg-4 > span,.e-lg-4 > p, .e-lg-4 > a, p.e-lg-4, a.e-lg-4,
	.e-lg-5 > span,.e-lg-5 > p, .e-lg-5 > a, p.e-lg-5, a.e-lg-5,
	.e-xl-1 > span,.e-xl-1 > p, .e-xl-1 > a, p.e-xl-1, a.e-xl-1,
	.e-xl-2 > span,.e-xl-2 > p, .e-xl-2 > a, p.e-xl-2, a.e-xl-2,
	.e-xl-3 > span,.e-xl-3 > p, .e-xl-3 > a, p.e-xl-3, a.e-xl-3,
	.e-xl-4 > span,.e-xl-4 > p, .e-xl-4 > a, p.e-xl-4, a.e-xl-4,
	.e-xl-5 > span,.e-xl-5 > p, .e-xl-5 > a, p.e-xl-5, a.e-xl-5 {
		display: block;
		display: -webkit-box;
		max-width: 100%;
		-webkit-box-orient: vertical;
		box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.e-0 > span,.e-0 > p,.e-0 > a, p.e-0, a.e-0	{
		-webkit-line-clamp: none;
		line-clamp: none;
	}
	.e-1 > span,.e-1 > p,.e-1 > a, p.e-1, a.e-1	{
	  	-webkit-line-clamp: 1;
		  line-clamp: 1;
	}
	.e-2 > span,.e-2 > p,.e-2 > a, p.e-2, a.e-2	{
	  	-webkit-line-clamp: 2;
		  line-clamp: 2;
	}
	.e-3 > span,.e-3 > p,.e-3 > a, p.e-3, a.e-3	{
	  	-webkit-line-clamp: 3;
		  line-clamp: 3;
	}
	.e-4 > span,.e-4 > p,.e-4 > a, p.e-4, a.e-4	{
	  	-webkit-line-clamp: 4;
		  line-clamp: 4;
	}
	.e-5 > span,.e-5 > p,.e-5 > a, p.e-5, a.e-5	{
	  	-webkit-line-clamp: 5;
		  line-clamp: 5;
	}	
	
	.e-0 > p > i,
	.e-1 > p > i,
	.e-2 > p > i,
	.e-3 > p > i,
	.e-4 > p > i,
	.e-5 > p > i,
	.e-sm-0 > p > i,
	.e-sm-1 > p > i,
	.e-sm-2 > p > i,
	.e-sm-3 > p > i,
	.e-sm-4 > p > i,
	.e-sm-5 > p > i,
	.e-md-0 > p > i,
	.e-md-1 > p > i,
	.e-md-2 > p > i,
	.e-md-3 > p > i,
	.e-md-4 > p > i,
	.e-md-5 > p > i,
	.e-lg-0 > p > i,
	.e-lg-1 > p > i,
	.e-lg-2 > p > i,
	.e-lg-3 > p > i,
	.e-lg-4 > p > i,
	.e-lg-5 > p > i,
	.e-xl-0 > p > i,
	.e-xl-1 > p > i,
	.e-xl-2 > p > i,
	.e-xl-3 > p > i,
	.e-xl-4 > p > i,
	.e-xl-5 > p > i	{
	    float: left;
	    margin-right: 2px;
	}

	@media (min-width: 576px) {
		.e-sm-0 > span,.e-sm-0 > p,.e-sm-0 > a, p.e-sm-0, a.e-sm-0 {
			-webkit-line-clamp: none;
			line-clamp: none;
		}		
		.e-sm-1 > span,.e-sm-1 > p,.e-sm-1 > a, p.e-sm-1, a.e-sm-1 {
			-webkit-line-clamp: 1;
			line-clamp: 1;
		}
		.e-sm-2 > span,.e-sm-2 > p,.e-sm-2 > a, p.e-sm-2, a.e-sm-2 {
			-webkit-line-clamp: 2;
			line-clamp: 2;
		}
		.e-sm-3 > span,.e-sm-3 > p,.e-sm-3 > a, p.e-sm-3, a.e-sm-3 {
			-webkit-line-clamp: 3;
			line-clamp: 3;
		}
		.e-sm-4 > span,.e-sm-4 > p,.e-sm-4 > a, p.e-sm-4, a.e-sm-4 {
			-webkit-line-clamp: 4;
			line-clamp: 4;
		}
		.e-sm-5 > span,.e-sm-5 > p,.e-sm-5 > a, p.e-sm-5, a.e-sm-5 {
			-webkit-line-clamp: 5;
			line-clamp: 5;
		}
		 .my-sm-6 {
			margin-top: 4.5rem !important;
			margin-bottom: 4.5rem !important;
		  }
		  .my-sm-7 {
			margin-top: 6rem !important;
			margin-bottom: 6rem !important;
		  }
		  .my-sm-8 {
			margin-top: 9rem !important;
			margin-bottom: 9rem !important;
		  }
		  .my-sm-9 {
			margin-top: 12rem !important;
			margin-bottom: 12rem !important;
		  }
		  .my-sm-10 {
			margin-top: 15rem !important;
			margin-bottom: 15rem !important;
		  }
		  .my-sm-11 {
			margin-top: 18rem !important;
			margin-bottom: 18rem !important;
		  }
	}

	@media (min-width: 768px) {
		.e-md-0 > span,.e-md-0 > p,.e-md-0 > a , p.e-md-0,a.e-md-0 {
			-webkit-line-clamp: none;
			line-clamp: none;
		}		
		.e-md-1 > span,.e-md-1 > p,.e-md-1 > a , p.e-md-1,a.e-md-1 {
			-webkit-line-clamp: 1;
			line-clamp: 1;
		}
		.e-md-2 > span,.e-md-2 > p,.e-md-2 > a, p.e-md-2,a.e-md-2 {
			-webkit-line-clamp: 2;
			line-clamp: 2;
		}
		.e-md-3 > span,.e-md-3 > p,.e-md-3 > a, p.e-md-3,a.e-md-3 {
			-webkit-line-clamp: 3;
			line-clamp: 3;
		}
		.e-md-4 > span,.e-md-4 > p,.e-md-4 > a, p.e-md-4,a.e-md-4 {
			-webkit-line-clamp: 4;
			line-clamp: 4;
		}
		.e-md-5 > span,.e-md-5 > p,.e-md-5 > a, p.e-md-5,a.e-md-5 {
			-webkit-line-clamp: 5;
			line-clamp: 5;
		}
		.my-md-6 {
			margin-top: 4.5rem !important;
			margin-bottom: 4.5rem !important;
		  }
		  .my-md-7 {
			margin-top: 6rem !important;
			margin-bottom: 6rem !important;
		  }
		  .my-md-8 {
			margin-top: 9rem !important;
			margin-bottom: 9rem !important;
		  }
		  .my-md-9 {
			margin-top: 12rem !important;
			margin-bottom: 12rem !important;
		  }
		  .my-md-10 {
			margin-top: 15rem !important;
			margin-bottom: 15rem !important;
		  }
		  .my-md-11 {
			margin-top: 18rem !important;
			margin-bottom: 18rem !important;
		  }

	}
	@media (min-width: 992px) {
		.e-lg-0 > span,.e-lg-0 > p,.e-lg-0 > a, p.e-lg-0, a.e-lg-0 {
			-webkit-line-clamp: none;
			line-clamp: none;
		}
		.e-lg-1 > span,.e-lg-1 > p,.e-lg-1 > a, p.e-lg-1, a.e-lg-1 {
			-webkit-line-clamp: 1;
			line-clamp: 1;
		}
		.e-lg-2 > span,.e-lg-2 > p,.e-lg-2 > a, p.e-lg-2, a.e-lg-2 {
			-webkit-line-clamp: 2;
			line-clamp: 2;
		}
		.e-lg-3 > span,.e-lg-3 > p,.e-lg-3 > a, p.e-lg-3, a.e-lg-3 {
			-webkit-line-clamp: 3;
			line-clamp: 3;
		}
		.e-lg-4 > span,.e-lg-4 > p,.e-lg-4 > a, p.e-lg-4, a.e-lg-4 {
			-webkit-line-clamp: 4;
			line-clamp: 4;
		}
		.e-lg-5 > span,.e-lg-5 > p,.e-lg-5 > a, p.e-lg-5, a.e-lg-5 {
			-webkit-line-clamp: 5;
			line-clamp: 5;
		}
		.my-lg-6 {
			margin-top: 4.5rem !important;
			margin-bottom: 4.5rem !important;
		  }
		  .my-lg-7 {
			margin-top: 6rem !important;
			margin-bottom: 6rem !important;
		  }
		  .my-lg-8 {
			margin-top: 9rem !important;
			margin-bottom: 9rem !important;
		  }
		  .my-lg-9 {
			margin-top: 12rem !important;
			margin-bottom: 12rem !important;
		  }
		  .my-lg-10 {
			margin-top: 15rem !important;
			margin-bottom: 15rem !important;
		  }
		  .my-lg-11 {
			margin-top: 18rem !important;
			margin-bottom: 18rem !important;
		  }		
	}
	@media (min-width: 1200px) {
		.e-xl-0 > span,.e-xl-0 > p,.e-xl-0 > a, p.e-xl-0, a.e-xl-0 {
			-webkit-line-clamp: none;
			line-clamp: none;
		}		
		.e-xl-1 > span,.e-xl-1 > p,.e-xl-1 > a, p.e-xl-1, a.e-xl-1 {
			-webkit-line-clamp: 1;
			line-clamp: 1;
		}
		.e-xl-2 > span,.e-xl-2 > p,.e-xl-2 > a, p.e-xl-2, a.e-xl-2 {
			-webkit-line-clamp: 2;
			line-clamp: 2;
		}
		.e-xl-3 > span,.e-xl-3 > p,.e-xl-3 > a, p.e-xl-3, a.e-xl-3 {
			-webkit-line-clamp: 3;
			line-clamp: 3;
		}
		.e-xl-4 > span,.e-xl-4 > p,.e-xl-4 > a, p.e-xl-4, a.e-xl-4 {
			-webkit-line-clamp: 4;
			line-clamp: 4;
		}
		.e-xl-5 > span,.e-xl-5 > p,.e-xl-5 > a, p.e-xl-5, a.e-xl-5 {
			-webkit-line-clamp: 5;
			line-clamp: 5;
		}
		.my-xl-6 {
			margin-top: 4.5rem !important;
			margin-bottom: 4.5rem !important;
		  }
		  .my-xl-7 {
			margin-top: 6rem !important;
			margin-bottom: 6rem !important;
		  }
		  .my-xl-8 {
			margin-top: 9rem !important;
			margin-bottom: 9rem !important;
		  }
		  .my-xl-9 {
			margin-top: 12rem !important;
			margin-bottom: 12rem !important;
		  }
		  .my-xl-10 {
			margin-top: 15rem !important;
			margin-bottom: 15rem !important;
		  }
		  .my-xl-11 {
			margin-top: 18rem !important;
			margin-bottom: 18rem !important;
		  }
	}
/*------------------------------------------------------------*/





/*------------------------------------------------------------*/
/*					FONT FLUID 	 						      */
/*------------------------------------------------------------*/
h0.font-fluid {
	font-size: var(--font-size-h0) !important;
}
h1.font-fluid,.h1.font-fluid {
	font-size: var(--font-size-h1) !important;
}
h2.font-fluid,.h2.font-fluid {
	font-size: var(--font-size-h2) !important;
}
h3.font-fluid,.h3.font-fluid {
	font-size: var(--font-size-h3) !important;
}
h4.font-fluid,.h4.font-fluid {
	font-size: var(--font-size-h4) !important;
}
h5.font-fluid,.h5.font-fluid {
	font-size: var(--font-size-h5) !important;
}
h6.font-fluid,.h6.font-fluid {
	font-size: var(--font-size-h6) !important;
}
/*------------------------------ END ------------------------------*/

/*------------------------------------------------------------*/
/*					     HEAD RESPONSIVE			          */
/*------------------------------------------------------------*/

.head-1 {
	font-size: var(--font-size-1) !important;
	line-height:var(--line-height-1) !important;
}
.head-2 {
	font-size: var(--font-size-2) !important;
	line-height:var(--line-height-2) !important;
}
.head-3 {
	font-size: var(--font-size-3) !important;
	line-height:var(--line-height-3) !important;
}
.head-4 {
	font-size: var(--font-size-4) !important;
	line-height:var(--line-height-4) !important;
}
.head-5 {
	font-size: var(--font-size-5) !important;
	line-height:var(--line-height-5) !important;
}
@media (min-width: 576px) {
	.head-sm-1 {
		font-size: var(--font-size-1)!important;
		line-height:var(--line-height-1)!important;
	}
	.head-sm-2 { 
		font-size: var(--font-size-2)!important;
		line-height:var(--line-height-2)!important;
	}
	.head-sm-3 {
		font-size: var(--font-size-3)!important;
		line-height:var(--line-height-3)!important;
	}
	.head-sm-4 {
		font-size: var(--font-size-4)!important;
		line-height:var(--line-height-4)!important;
	}
	.head-sm-5 {
		font-size: var(--font-size-5)!important;
		line-height:var(--line-height-5)!important;
	}
}

@media (min-width: 768px) {
	.head-md-1 {
		font-size: var(--font-size-1)!important;
		line-height:var(--line-height-1)!important;
	}
	.head-md-2 {
		font-size: var(--font-size-2)!important;
		line-height:var(--line-height-2)!important;
	}
	.head-md-3 {
		font-size: var(--font-size-3)!important;
		line-height:var(--line-height-3)!important;
	}
	.head-md-4 {
		font-size: var(--font-size-4)!important;
		line-height:var(--line-height-4)!important;
	}
	.head-md-5 {
		font-size: var(--font-size-5)!important;
		line-height:var(--line-height-5)!important;
	}		
}
@media (min-width: 992px) {
	.head-lg-1 {
		font-size: var(--font-size-1)!important;
		line-height:var(--line-height-1)!important;
	}
	.head-lg-2 {
		font-size: var(--font-size-2)!important;
		line-height:var(--line-height-2)!important;
	}
	.head-lg-3 {
		font-size: var(--font-size-3)!important;
		line-height:var(--line-height-3)!important;
	}
	.head-lg-4 {
		font-size: var(--font-size-4)!important;
		line-height:var(--line-height-4)!important;
	}
	.head-lg-5 {
		font-size: var(--font-size-5)!important;
		line-height:var(--line-height-5)!important;
	}			
}
@media (min-width: 1200px) {
	.head-xl-1 {
		font-size: var(--font-size-1)!important;
		line-height:var(--line-height-1)!important;
	}
	.head-xl-2 {
		font-size: var(--font-size-2)!important;
		line-height:var(--line-height-2)!important;
	}
	.head-xl-3 {
		font-size: var(--font-size-3)!important;
		line-height:var(--line-height-3)!important;
	}
	.head-xl-4 {
		font-size: var(--font-size-4)!important;
		line-height:var(--line-height-4)!important;
	}
	.head-xl-5 {
		font-size: var(--font-size-5)!important;
		line-height:var(--line-height-5)!important;
	}		
}
/*-------------------------------------------------------------------*/






/*------------------------------------------------------------*/
/*					  SOCIAL 	 						      */
/*------------------------------------------------------------*/
.social-widget,
.social-widget a,
.social-body {
	text-decoration: none!important;
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
	overflow: hidden;
}
.social-widget:hover {
	opacity: 0.80;
}
.social-box,.social-box:hover {
	text-align:center;
	display: block;
	color: #fff;
	text-decoration: none;
	font-size: small;
	background-color: #ddd;
}
.social-box i {
	font-size: 30px !important;
	display: block;
	width: 100%;
	height: 80px;
	line-height: 80px !important;
	background: rgba(255,255,255,.08) !important;
	border-bottom: 1px solid rgba(0,0,0,.09);
}
.social-box span {
	display:block;
}
.social-list {
	font-size: small;
	background-color: #ddd;
}
.social-list i {
	font-size: 22px !important;
	float: left;
	width: 50px;
	height: 50px;
	line-height: 50px !important;
	text-align: center;
	color:#fff;
	border: 1px solid rgba(0,0,0,.05);
	background: rgba(0,0,0,.14) !important;
}
.social-list span {
	display: block;
	color: #fff;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.social-icon i {
	width: 38px;
	height: 38px;
	display: inline-block;
	line-height: 38px !important;
	text-align: center;
	vertical-align: middle;
	color: #fff;
	font-size: 18px !important;
	background-color: #ddd;
}
.social-icon span {
	display:block;
}
.social-icon,.social-icon:hover	{
	text-align:center;
	display: block;
	color: inherit;
	font-size: small;
}
.facebook {
	background-color: #4a639f!important;
}
.youtube {
	background-color: #cc181e!important;
}
.twitter {
	background-color: #50bfee!important;
}
i.instagram {
  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
    background-color: rgba(0, 0, 0, 0);
    background-clip: border-box;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 38px!important;
}


/*-----------------------------------------------------------------*/


/*------------------------------------------------------------*/
/*					TESTIMONIAL	 						      */
/*------------------------------------------------------------*/
.testimonial p {
	font-style: oblique;
}
.testimonial .blockquote,.testimonial .blockquote {
	font-family: Georgia, serif;
	font-size: 60px;
	line-height: 1;
}
.testimonial .blockquote:first-child > span::before {
	content: "“";
	margin-right: 10px;
}
.testimonial .blockquote:last-child > span::before {
	content: "”";
	margin-left: 10px;
}
.testimonial img {
	height: auto;
	width: auto;
}
/*------------------------------------------------------------------------------*/


/*------------------------------------------------------------*/
/*					MENU CONTROL PANEL					      */
/*------------------------------------------------------------*/

.menu-admin-head {
	margin-top: -.65rem;
	margin-bottom: .65rem;
	position:relative;
	padding: 0.5rem !important;
	min-width: 340px;
}
.menu-admin-head .body {
	z-index: 10;
	position: relative;
	display: -ms-flexbox !important;
	display: flex !important;	
}
.menu-admin-head .avatar {
	width:40px;
}

.menu-admin-button {
	display: -ms-flexbox !important;
	display: flex !important;
	min-width: 235px;
	color:#e1e1e1;
}
.menu-admin-button:hover {
	color:#fff;
}

.menu-admin-button > img {
	width: 44px;
}
.menu-admin-button span,.menu-admin-head label	{
	margin-bottom:0px;	
	padding: 0px;
}
.menu-admin-button.dropdown-toggle::after {
	display:none!important;
}
.dropdown-fadeUp .dropdown-menu-end {
	right: 0;
	left: auto;
}
.dropdown-fadeUp .dropdown-menu {
	display:block;
	visibility: hidden;
	opacity:0;
	transform: translateY(50px);
	-webkit-transition: .5s ease all;
	transition: .5s ease all;
}
.dropdown-fadeUp .dropdown-menu.show {
	visibility: visible;
	opacity:1;
	transform: translateY(0px);
	-webkit-transition: .5s ease all;
	transition: .5s ease all;
}
@media (max-width: 768px) {
	.dropdown-fadeUp .dropdown-menu {
	display: none !important;
	}
	.dropdown-fadeUp .dropdown-menu.show {
		display: block !important;
	}
}
/*-------------------------------------------------------------------------------*/


/*------------------------------------------------------------*/
/*					     FLEX-GAP					          */
/*------------------------------------------------------------*/

.column-gap-0,.gap-0{
	column-gap:  0rem !important;
	-webkit-column-gap: 0rem !important;
    -moz-column-gap: 0rem !important;
}	
.column-gap-1,.gap-1{
	column-gap:  0.25rem !important;
	-webkit-column-gap: 0.25rem !important;
    -moz-column-gap: 0.25rem !important;
}	
.column-gap-2,.gap-2{
	column-gap: 0.5rem !important;
	-webkit-column-gap: 0.5rem !important;
    -moz-column-gap: 0.5rem !important;	
}
.column-gap-3,.gap-3 {
	column-gap: 1rem !important;
	-webkit-column-gap: 1rem !important;
    -moz-column-gap: 1rem !important;	
}
.column-gap-4,.gap-4 {
	column-gap: 1.75rem !important;
	-webkit-column-gap: 1.75rem !important;
    -moz-column-gap: 1.75rem !important;	
}
.column-gap-5,.gap-5 {
	column-gap: 2.25rem !important;
	-webkit-column-gap: 2.25rem !important;
    -moz-column-gap: 2.25rem !important;
}
.row-gap-0,.gap-0 {
	row-gap:  0rem !important;
	-webkit-row-gap: 0rem !important;
    -moz-row-gap: 0rem !important;
}	
.row-gap-1,.gap-1 {
	row-gap:  0.25rem !important;
	-webkit-row-gap: 0.25rem !important;
    -moz-row-gap: 0.25rem !important;
}	
.row-gap-2,.gap-2 {
	row-gap: 0.5rem !important;
	-webkit-row-gap: 0.5rem !important;
    -moz-row-gap: 0.5rem !important;	
}
.row-gap-3,.gap-3 {
	row-gap: 1rem !important;
	-webkit-row-gap: 1rem !important;
    -moz-row-gap: 1rem !important;	
}
.row-gap-4,.gap-4 {
	row-gap: 1.75rem !important;
	-webkit-row-gap: 1.75rem !important;
    -moz-row-gap: 1.75rem !important;	
}
.row-gap-5,.gap-5 {
	row-gap: 2.25rem !important;
	-webkit-row-gap: 2.25rem !important;
    -moz-row-gap: 2.25rem !important;
}
@media (min-width: 576px) {
	.column-gap-sm-0,.gap-sm-0{
		column-gap:  0!important;
		-webkit-column-gap: 0!important;
    	-moz-column-gap: 0!important;		
	}	
	.column-gap-sm-1,.gap-sm-1{
		column-gap:  0.25rem !important;
		-webkit-column-gap: 0.25rem !important;
    	-moz-column-gap: 0.25rem !important;
	}	
	.column-gap-sm-2,.gap-sm-2{
		column-gap: 0.5rem !important;
		-webkit-column-gap: 0.5rem !important;
    	-moz-column-gap: 0.5rem !important;	
	}
	.column-gap-sm-3,.gap-sm-3{
		column-gap: 1rem !important;
		-webkit-column-gap: 1rem !important;
    	-moz-column-gap: 1rem !important;
	}
	.column-gap-sm-4,.gap-sm-4{
		column-gap: 1.75rem !important;
		-webkit-column-gap: 1.75rem !important;
    	-moz-column-gap: 1.75rem !important;
	}
	.column-gap-sm-5,.gap-sm-5{
		column-gap: 2.25rem !important;
		-webkit-column-gap: 2.25rem !important;
    	-moz-column-gap: 2.25rem !important;	
	}
	.row-gap-sm-0,.gap-sm-0{
		row-gap:  0rem !important;
		-webkit-row-gap: 0rem !important;
	    -moz-row-gap: 0rem !important;
	}	
	.row-gap-sm-1,.gap-sm-1{
		row-gap:  0.25rem !important;
		-webkit-row-gap: 0.25rem !important;
	    -moz-row-gap: 0.25rem !important;
	}	
	.row-gap-sm-2,.gap-sm-2{
		row-gap: 0.5rem !important;
		-webkit-row-gap: 0.5rem !important;
	    -moz-row-gap: 0.5rem !important;	
	}
	.row-gap-sm-3,.gap-sm-3{
		row-gap: 1rem !important;
		-webkit-row-gap: 1rem !important;
	    -moz-row-gap: 1rem !important;	
	}
	.row-gap-sm-4,.gap-sm-4{
		row-gap: 1.75rem !important;
		-webkit-row-gap: 1.75rem !important;
	    -moz-row-gap: 1.75rem !important;	
	}
	
	.row-gap-sm-5,.gap-sm-5{
		row-gap: 2.25rem !important;
		-webkit-row-gap: 2.25rem !important;
	    -moz-row-gap: 2.25rem !important;
	}	
	
}

@media (min-width: 768px) {
	.column-gap-md-0,.gap-md-0{
		column-gap:  0rem !important;
		-webkit-column-gap: 0rem !important;
    	-moz-column-gap: 0rem !important;
	}		
	.column-gap-md-1,.gap-md-1{
		column-gap:  0.25rem !important;
		-webkit-column-gap: 0.25rem !important;
    	-moz-column-gap: 0.25rem !important;
	}	
	.column-gap-md-2,.gap-md-2{
		column-gap: 0.5rem !important;
		-webkit-column-gap: 0.5rem !important;
    	-moz-column-gap: 0.5rem !important;
	}
	.column-gap-md-3,.gap-md-3{
		column-gap: 1rem !important;
		-webkit-column-gap: 1rem !important;
    	-moz-column-gap: 1rem !important;	
	}
	.column-gap-md-4,.gap-md-4{
		column-gap: 1.75rem !important;
		-webkit-column-gap: 1.75rem !important;
    	-moz-column-gap: 1.75rem !important;
	}
	.column-gap-md-5,.gap-md-5{
		column-gap: 2.25rem !important;
		-webkit-column-gap: 2.25rem !important;
    	-moz-column-gap: 2.25rem !important;
	}
	
	.row-gap-md-0,.gap-md-0{
		row-gap:  0rem !important;
		-webkit-row-gap: 0rem !important;
	    -moz-row-gap: 0rem !important;
	}	
	.row-gap-md-1,.gap-md-1{
		row-gap:  0.25rem !important;
		-webkit-row-gap: 0.25rem !important;
	    -moz-row-gap: 0.25rem !important;
	}	
	.row-gap-md-2,.gap-md-2{
		row-gap: 0.5rem !important;
		-webkit-row-gap: 0.5rem !important;
	    -moz-row-gap: 0.5rem !important;	
	}
	.row-gap-md-3,.gap-md-3{
		row-gap: 1rem !important;
		-webkit-row-gap: 1rem !important;
	    -moz-row-gap: 1rem !important;	
	}
	.row-gap-md-4,.gap-md-4{
		row-gap: 1.75rem !important;
		-webkit-row-gap: 1.75rem !important;
	    -moz-row-gap: 1.75rem !important;	
	}
	.row-gap-md-5,.gap-md-5{
		row-gap: 2.25rem !important;
		-webkit-row-gap: 2.25rem !important;
	    -moz-row-gap: 2.25rem !important;
	}		
}
@media (min-width: 992px) {
	.column-gap-lg-0,.gap-lg-0{
		column-gap:  0rem !important;
		-webkit-column-gap: 0rem !important;
    	-moz-column-gap: 0rem !important;
	}	
	.column-gap-lg-1,.gap-lg-1{
		column-gap:  0.25rem !important;
		-webkit-column-gap: 0.25rem !important;
    	-moz-column-gap: 0.25rem !important;
	}	
	.column-gap-lg-2,.gap-lg-2{
		column-gap: 0.5rem !important;
		-webkit-column-gap: 0.5rem !important;
    	-moz-column-gap: 0.5rem !important;
	}
	.column-gap-lg-3,.gap-lg-3{
		column-gap: 1rem !important;
		-webkit-column-gap: 1rem !important;
    	-moz-column-gap: 1rem !important;
	}
	.column-gap-lg-4,.gap-lg-4{
		column-gap: 1.75rem !important;
		-webkit-column-gap: 1.75rem !important;
    	-moz-column-gap: 1.75rem !important;
	}
	.column-gap-lg-5,.gap-lg-5{
		column-gap: 2.25rem !important;
		-webkit-column-gap: 2.25rem !important;
    	-moz-column-gap: 2.25rem !important;
	}
	.row-gap-lg-0,.gap-lg-0{
		row-gap:  0rem !important;
		-webkit-row-gap: 0rem !important;
	    -moz-row-gap: 0rem !important;
	}	
	.row-gap-lg-1,.gap-lg-1{
		row-gap:  0.25rem !important;
		-webkit-row-gap: 0.25rem !important;
	    -moz-row-gap: 0.25rem !important;
	}	
	.row-gap-lg-2,.gap-lg-2{
		row-gap: 0.5rem !important;
		-webkit-row-gap: 0.5rem !important;
	    -moz-row-gap: 0.5rem !important;	
	}
	.row-gap-lg-3,.gap-lg-3{
		row-gap: 1rem !important;
		-webkit-row-gap: 1rem !important;
	    -moz-row-gap: 1rem !important;	
	}
	.row-gap-lg-4,.gap-lg-4{
		row-gap: 1.75rem !important;
		-webkit-row-gap: 1.75rem !important;
	    -moz-row-gap: 1.75rem !important;	
	}
	.row-gap-lg-5,.gap-lg-5{
		row-gap: 2.25rem !important;
		-webkit-row-gap: 2.25rem !important;
	    -moz-row-gap: 2.25rem !important;
	}
}
@media (min-width: 1200px) {
	.column-gap-xl-0,.gap-xl-0{
		column-gap:  0rem !important;
		-webkit-column-gap: 0rem !important;
    	-moz-column-gap: 0rem !important;
	}	
	.column-gap-xl-1,.gap-xl-1{
		column-gap:  0.25rem !important;
		-webkit-column-gap: 0.25rem !important;
    	-moz-column-gap: 0.25rem !important;
	}	
	.column-gap-xl-2,.gap-xl-2{
		column-gap: 0.5rem !important;
		-webkit-column-gap: 0.5rem !important;
    	-moz-column-gap: 0.5rem !important;
	}
	.column-gap-xl-3,.gap-xl-3{
		column-gap: 1rem !important;
		-webkit-column-gap: 1rem !important;
    	-moz-column-gap: 1rem !important;	
	}
	.column-gap-xl-4,.gap-xl-4{
		column-gap: 1.75rem !important;
		-webkit-column-gap: 1.75rem !important;
    	-moz-column-gap: 1.75rem !important;
	}
	.column-gap-xl-5,.gap-xl-5{
		column-gap: 2.25rem !important;
		-webkit-column-gap: 2.25rem !important;
    	-moz-column-gap: 2.25rem !important;
	}
	.row-gap-xl-0,.gap-xl-0{
		row-gap:  0rem !important;
		-webkit-row-gap: 0rem !important;
	    -moz-row-gap: 0rem !important;
	}	
	.row-gap-xl-1,.gap-xl-1{
		row-gap:  0.25rem !important;
		-webkit-row-gap: 0.25rem !important;
	    -moz-row-gap: 0.25rem !important;
	}	
	.row-gap-xl-2,.gap-xl-2{
		row-gap: 0.5rem !important;
		-webkit-row-gap: 0.5rem !important;
	    -moz-row-gap: 0.5rem !important;	
	}
	.row-gap-xl-3,.gap-xl-3{
		row-gap: 1rem !important;
		-webkit-row-gap: 1rem !important;
	    -moz-row-gap: 1rem !important;	
	}
	.row-gap-xl-4,.gap-xl-4{
		row-gap: 1.75rem !important;
		-webkit-row-gap: 1.75rem !important;
	    -moz-row-gap: 1.75rem !important;	
	}
	
	.row-gap-xl-5,.gap-xl-5{
		row-gap: 2.25rem !important;
		-webkit-row-gap: 2.25rem !important;
	    -moz-row-gap: 2.25rem !important;
	}				
}

/*-------------------------------------------------------------*/


/*------------------------------------------------------------*/
/*					     SLIDER					          	  */
/*------------------------------------------------------------*/
.form-slide { 
	top: 0;
	z-index: 1110;
	overflow-x: hidden;
	overflow-y: auto;
	width: 100%;
	background-color: #fff;
	transition: margin .4s ease-out;
	-webkit-transition: margin .4s ease-out;
	-moz-transition: margin .4s ease-out;
	-ms-transition: margin .4s ease-out;
	position: absolute;
	left: 0;
	bottom: 0;
	margin-left: -100%;
}
.form-slide .modal-header {
	padding-left: 0px;
	margin-bottom: 0.8rem;
	border-bottom: 1px solid #ddd;
}


/*------------------------------------------------------------*/

/*------------------------------------------------------------*/
/*					     HR					          	  	  */
/*------------------------------------------------------------*/
.divider {
	padding: 4px;
}
.divider > hr {
	border: 0;
	margin: 0.25rem 0 0.25rem 0;
	border-top: 1px solid;
	color: inherit;
}
/*------------------------------------------------------------*/


/*------------------------------------------------------------*/
/*					     		ALIGN		          	  	  */
/*------------------------------------------------------------*/
.align-inherit {
	text-align: inherit !important;
}
@media (min-width: 576px) {
	.navbar-expand-sm .navbar-nav .nav-link {
		padding-top: var(--bs-navbar-nav-link-padding-y);
		padding-bottom: var(--bs-navbar-nav-link-padding-y);
	}
	.navbar-expand-sm .dropdown-menu {
		--bs-dropdown-item-padding-x : var(--inn-dropdown-item-padding-x,1rem);
		--bs-dropdown-item-padding-y : var(--inn-dropdown-item-padding-y,0.25rem);	
		--bs-dropdown-padding-y: var(--inn-dropdown-padding-y);	
	}
	.text-sm-inherit {
		text-align: inherit !important;
	}
}
@media (min-width: 768px) {
	.navbar-expand-md .navbar-nav .nav-link {
		padding-top: var(--bs-navbar-nav-link-padding-y);
		padding-bottom: var(--bs-navbar-nav-link-padding-y);
	}
	.navbar-expand-md .dropdown-menu {
		--bs-dropdown-item-padding-x : var(--inn-dropdown-item-padding-x,1rem);
		--bs-dropdown-item-padding-y : var(--inn-dropdown-item-padding-y,0.25rem);	
		--bs-dropdown-padding-y: var(--inn-dropdown-padding-y);	
	}	
	.text-md-inherit {
		text-align: inherit !important;
	}
}
@media (min-width: 992px) {
	.navbar-expand-lg .navbar-nav .nav-link {
		padding-top: var(--bs-navbar-nav-link-padding-y);
		padding-bottom: var(--bs-navbar-nav-link-padding-y);
	}	
	.navbar-expand-lg .dropdown-menu {
		--bs-dropdown-item-padding-x : var(--inn-dropdown-item-padding-x,1rem);
		--bs-dropdown-item-padding-y : var(--inn-dropdown-item-padding-y,0.25rem);
		--bs-dropdown-padding-y: var(--inn-dropdown-padding-y);	
	}	
	.text-lg-inherit {
		text-align: inherit !important;
	}
}
@media (min-width: 1200px) {
	.navbar-expand-xl .navbar-nav .nav-link {
		padding-top: var(--bs-navbar-nav-link-padding-y);
		padding-bottom: var(--bs-navbar-nav-link-padding-y);
	}	
	.navbar-expand-xl .dropdown-menu {
		--bs-dropdown-item-padding-x : var(--inn-dropdown-item-padding-x,1rem);
		--bs-dropdown-item-padding-y : var(--inn-dropdown-item-padding-y,0.25rem);
		--bs-dropdown-padding-y: var(--inn-dropdown-padding-y);	
	}	
	.text-xl-inherit {
		text-align: inherit !important;
	}
}
/*--------------------------------------------------------------*/


/*------------------------------------------------------------*/
/*					     	EFFECTS			          	  	  */
/*------------------------------------------------------------*/

.bg-bottom-light > span::before,
.bg-bottom-dark > span::before,
.bg-dot > span::before,
.bg-diagonal > span::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.bg-bottom-light > span::before {
	background: -webkit-gradient(linear, left bottom, left top, color-stop(3%, rgba(255, 255, 255, 1)), color-stop(10%, rgba(255, 255, 255, 0.6)), color-stop(19%, rgba(255, 255, 255, 0.2)), to(rgba(255, 255, 255, 0)));
	background: -o-linear-gradient(bottom, rgba(255, 255, 255,1) 3%, rgba(255, 255, 255, 0.6) 10%, rgba(255, 255, 255, 0.2) 19%, rgba(255, 255, 255, 0) 100%);
	background: linear-gradient(to top, rgba(255, 255, 255, 1) 3%, rgba(255, 255, 255, 0.6) 10%, rgb(255, 255, 255,0.2) 19%, rgba(255, 255, 255, 0) 100%);
}
.bg-bottom-dark > span::before {
	background: -webkit-gradient(linear, left bottom, left top, color-stop(6%, rgba(0, 0, 0, 0.9)), color-stop(12%, rgba(0, 0, 0, 0.75)), color-stop(30%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0)));
	background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.9) 6%, rgba(0, 0, 0, 0.75) 12%, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0) 100%);
	background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 6%, rgba(0, 0, 0, 0.75) 12%, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0) 100%);
}

.bg-dot > span::before {
	background-image: url("/static/css/image/dot.png");
}

.bg-diagonal > span::before {
	background-image: url("/static/css/image/diagonal.png");
	background-repeat: repeat;
	opacity: 0.3;
	background-color: #000;
}




/* Parallax with js .anime-inn */
.bg-parallax {
    position: absolute!important;
    width: 100%;
    min-height: 100%;
    top: 0;
    left: 0;
    background-size: cover;
    background-position: center;
    overflow: hidden;
    will-change: transform,opacity,filter;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-repeat: no-repeat;
    z-index: 0;
}
/*-------------------------------------------------------------*/






.effect-blur img, .effect-blur .figure-background,
.effect-gray img, .effect-gray .figure-background,
.effect-sepia img, .effect-sepia .figure-background,
.effect-sature img, .effect-sature .figure-background,
.effect-opacity img, .effect-opacity .figure-background
 {
	-webkit-transition: 0.5s -webkit-filter linear; 
	transition: filter 0.5s linear;
}
/********** Blureado ************/
.effect-blur:hover img,
.effect-blur:hover .figure-background {
	filter: blur(2px);
	-webkit-filter: blur(2px);
	-moz-filter: blur(2px);	
	filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='2');
}
.effect-blur img,
.effect-blur .figure-background {
	filter: blur(0px);
	filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='0'); 
	-webkit-filter: blur(0px);
	-moz-filter: blur(0px);	
}
/******************************/



/********** Gray scale ************/
.effect-gray:hover img,
.effect-gray:hover a,
.effect-gray:hover .figure-background { 
	filter: grayscale(0%);
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
}
.effect-gray img,
.effect-gray a,
.effect-gray .figure-background {
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
}
/******************************/


/********** Sepia ************/
.effect-sepia img,
.effect-sepia .figure-background {
	filter: sepia(80%);
	-webkit-filter: sepia(80%);
	-moz-filter: sepia(80%);	
}
.effect-sepia:hover img,
.effect-sepia:hover .figure-background { 
	filter: sepia(0%);
	-webkit-filter: sepia(0%);
	-moz-filter: sepia(0%);
}
/******************************/



/********** Sature ************/
.effect-sature img,
.effect-sature .figure-background {
	filter: saturate(100%);
	-webkit-filter: saturate(100%);
	-moz-filter: saturate(100%);
}

.effect-sature:hover img,
.effect-sature:hover .figure-background { 
	filter: saturate(200%);
	-webkit-filter: saturate(200%);
	-moz-filter: saturate(200%);	
}
/******************************/

/********** Opacity ************/

.effect-opacity img,
.effect-opacity .figure-background {
	filter: opacity(1);
	-webkit-filter: opacity(1);
	-moz-filter: opacity(1);
}
.effect-opacity:hover img,
.effect-opacity:hover .figure-background {
	filter: opacity(.65);
	-webkit-filter: opacity(.65);
	-moz-filter: opacity(.65);	
}
/******************************/

.effect-zoom-in img,
.effect-zoom-in .figure-background {
	-webkit-transition: 0.5s -webkit-filter linear; 
	transition: transform 0.5s linear;
}
/********** Zoom ************/
.effect-zoom-in:hover img,
.effect-zoom-in:hover .figure-background
{
	-webkit-transform:scale(1.1);
	transform:scale(1.1);
}

.effect-zoom-out img,
.effect-zoom-out .figure-background {
	max-width: none;
	width: -webkit-calc(100% + 60px);
	width: calc(100% + 60px);
	opacity: 1;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-15px,0,0) scale(1.12);
	transform: translate3d(-15px,0,0) scale(1.12);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.effect-zoom-out:hover img,
.effect-zoom-out:hover .figure-background {
	opacity: 0.9;
	-webkit-transform: translate3d(0,0,0) scale(1);
	transform: translate3d(0,0,0) scale(1);
}



/******************************/







/*------------------------------------------------------------*/
/*					     	FANCY BOX		          	  	  */
/*------------------------------------------------------------*/
.box-fancy-shield {
	position: relative;
	padding: 1px !important;
    -webkit-clip-path: polygon(50% 0%, 100% 0px, 100% 90%, 50% 100%, 0px 90%, 0px 0px);
	clip-path: polygon(50% 0%, 100% 0px, 100% 90%, 50% 100%, 0px 90%, 0px 0px);
}
.box-fancy-flag {
	position: relative;
	padding: 1px !important;	
	-webkit-clip-path: polygon(50% 0%, 100% 0px, 100% 100%, 50% 95%, 0px 100%, 0px 0px);
	clip-path: polygon(50% 0%, 100% 0px, 100% 100%, 50% 95%, 0px 100%, 0px 0px);
}

.box-fancy-shield .item-flex {
	padding-bottom: 2rem !important;
}
.box-fancy-shield.showcase,
.box-fancy-flag.showcase {
	background-color: #e6e6e6 !important;  
	border: none;
}
.box-fancy-shield .inside,
.box-fancy-flag .inside {
	height: 100%;
	display: flex;
	color: inherit !important;
}
.box-fancy-shield.showcase .inside,
.box-fancy-flag.showcase .inside {
	position: relative;
	background-color: #fff;
	color: #000;
}
.box-fancy-shield.showcase .inside {
	-webkit-clip-path: polygon(50% 0%, 100% 0px, 100% 90%, 50% 100%, 0px 90%, 0px 0px);
	clip-path: polygon(50% 0%, 100% 0px, 100% 90%, 50% 100%, 0px 90%, 0px 0px);
}
.box-fancy-flag.showcase .inside {
	-webkit-clip-path: polygon(50% 0%, 100% 0px, 100% 100%, 50% 95%, 0px 100%, 0px 0px);
	clip-path: polygon(50% 0%, 100% 0px, 100% 100%, 50% 95%, 0px 100%, 0px 0px);
}
.box-fancy-drop {
	border-top-left-radius: 57px;
	border-top-right-radius: 57px;
	border-bottom-right-radius: 57px;	
}
.box-fancy-ticket,
.box-fancy-picture {
	position: relative;
}
.box-fancy-ticket .box-fancy-bottom-ticket,
.box-fancy-picture .box-fancy-bottom-picture{
	fill:inherit;
	background-color: #fff;
	line-height: 0;
}
.box-fancy-bottom-ticket > svg,
.box-fancy-bottom-picture > svg {
	fill:inherit;
	background-color: inherit;
}
/*-----------------------------------------------------------*/

/*
«Start opplasting»
*/

/*
<div class="video-background-holder" data-cover="height">
<video autoplay="autoplay" muted="muted" loop="loop" playsinline="playsinline" class="border-0">
    <source src="https://flex.aplikko.com/images/videos/sunlight-flare.mp4" type="video/mp4">
  </video>
</div>

style
.video-background-holder {
  position: relative;
  background-color: black;
  min-height: 25rem;
  width: 100%;
  overflow: hidden;
}

.video-background-holder video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto !important;
  z-index: 0;
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

*/