/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 7.0
*/
@font-face {
  font-family: 'font_broker';
  src: url('../fonts/font_broker.eot');
  src: url('../fonts/font_broker.eot#iefix') format('embedded-opentype'),
       url('../fonts/font_broker.woff2') format('woff2'),
       url('../fonts/font_broker.woff') format('woff'),
       url('../fonts/font_broker.ttf') format('truetype'),
       url('../images/font_broker.svg#font_broker') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'font_broker';
    src: url('../font/font_broker.svg?30691557#font_broker') format('svg');
  }
}
*/
[class^="iconm-"]:before, [class*=" iconm-"]:before {
  font-family: "font_broker";
  font-style: normal;
  font-weight: normal;
  speak: never;

  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */

  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;

  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;

  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;

  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */

  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.iconm-acciones:before { content: '\e800'; } /* '' */
.iconm-analisis:before { content: '\e801'; } /* '' */
.iconm-aplacamiento:before { content: '\e802'; } /* '' */
.iconm-barra:before { content: '\e803'; } /* '' */
.iconm-bitcoin:before { content: '\e804'; } /* '' */
.iconm-bolsa:before { content: '\e805'; } /* '' */
.iconm-commodites:before { content: '\e806'; } /* '' */
.iconm-condiciones:before { content: '\e807'; } /* '' */
.iconm-divisas:before { content: '\e808'; } /* '' */
.iconm-ebooks:before { content: '\e809'; } /* '' */
.iconm-ejecucion:before { content: '\e80a'; } /* '' */
.iconm-estrategia:before { content: '\e80b'; } /* '' */
.iconm-estrellas:before { content: '\e80c'; } /* '' */
.iconm-express:before { content: '\e80d'; } /* '' */
.iconm-facebook:before { content: '\e80e'; } /* '' */
.iconm-flecha-abajo:before { content: '\e80f'; } /* '' */
.iconm-flecha-arriba:before { content: '\e810'; } /* '' */
.iconm-flecha-derecha:before { content: '\e811'; } /* '' */
.iconm-flecha-derecha-2:before { content: '\e812'; } /* '' */
.iconm-flecha-izquierda:before { content: '\e813'; } /* '' */
.iconm-flecha-izquierda-2:before { content: '\e814'; } /* '' */
.iconm-gps:before { content: '\e815'; } /* '' */
.iconm-horas:before { content: '\e816'; } /* '' */
.iconm-indices:before { content: '\e817'; } /* '' */
.iconm-infinity:before { content: '\e818'; } /* '' */
.iconm-informacion:before { content: '\e819'; } /* '' */
.iconm-instagram:before { content: '\e81a'; } /* '' */
.iconm-instagram-2:before { content: '\e81b'; } /* '' */
.iconm-laureles:before { content: '\e81c'; } /* '' */
.iconm-linea:before { content: '\e81d'; } /* '' */
.iconm-linkedin:before { content: '\e81e'; } /* '' */
.iconm-linkedin-2:before { content: '\e81f'; } /* '' */
.iconm-metales:before { content: '\e820'; } /* '' */
.iconm-quantum:before { content: '\e821'; } /* '' */
.iconm-recurso-13:before { content: '\e822'; } /* '' */
.iconm-recurso:before { content: '\e823'; } /* '' */
.iconm-reloj:before { content: '\e824'; } /* '' */
.iconm-seguridad:before { content: '\e825'; } /* '' */
.iconm-seminarios:before { content: '\e826'; } /* '' */
.iconm-soporte:before { content: '\e827'; } /* '' */
.iconm-spreeds:before { content: '\e828'; } /* '' */
.iconm-tecnologia:before { content: '\e829'; } /* '' */
.iconm-tiktok:before { content: '\e82a'; } /* '' */
.iconm-trading:before { content: '\e82b'; } /* '' */
.iconm-trading-2:before { content: '\e82c'; } /* '' */
.iconm-tutoriales:before { content: '\e82d'; } /* '' */
.iconm-twitter-2:before { content: '\e82e'; } /* '' */
.iconm-usuario:before { content: '\e82f'; } /* '' */
.iconm-usuario-1:before { content: '\e830'; } /* '' */
.iconm-ventanas:before { content: '\e831'; } /* '' */
.iconm-ventanas-2:before { content: '\e832'; } /* '' */
.iconm-video:before { content: '\e833'; } /* '' */
.iconm-whatsapp-2:before { content: '\e834'; } /* '' */
.iconm-xtreme:before { content: '\e835'; } /* '' */
.iconm-youtube:before { content: '\e836'; } /* '' */
.iconm-recurso-fondo:before { content: '\e837'; } /* '' */

.icon-angle-right:before{
    font-family: "font_broker";
    content: '\e810';
}
.button:not(.icon)>span+i {
    font-size: .6rem;
}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}
/* GENERAL */

    :root {
        --colorPrimario: #01A9FF;
        --colorSecundario: #000;
    }
    /*BALLOON 1 4*/
            @-webkit-keyframes balloon1 {
                0%, 100% {
                    -webkit-transform: translateY(0) rotate(-6deg);
                }
                50% {
                    -webkit-transform: translateY(-20px) rotate(8deg);
                }
            }
            @-moz-keyframes balloon1 {
                0%, 100% {
                    -moz-transform: translateY(0) rotate(-6deg);
                }
                50% {
                    -moz-transform: translateY(-20px) rotate(8deg);
                }
            }
            @-o-keyframes balloon1 {
                0%, 100% {
                    -o-transform: translateY(0) rotate(-6deg);
                }
                50% {
                    -o-transform: translateY(-20px) rotate(8deg);
                }
            }
            @keyframes balloon1 {
                0%, 100% {
                    transform: translateY(0) rotate(-6deg);
                }
                50% {
                    transform: translateY(-20px) rotate(8deg);
                }
            }
            /* BAllOON 2 5*/
            @-webkit-keyframes balloon2 {
                0%, 100% {
                    -webkit-transform: translateY(0) rotate(6eg);
                }
                50% {
                    -webkit-transform: translateY(-30px) rotate(-8deg);
                }
            }
            @-moz-keyframes balloon2 {
                0%, 100% {
                    -moz-transform: translateY(0) rotate(6deg);
                }
                50% {
                    -moz-transform: translateY(-30px) rotate(-8deg);
                }
            }
            @-o-keyframes balloon2 {
                0%, 100% {
                    -o-transform: translateY(0) rotate(6deg);
                }
                50% {
                    -o-transform: translateY(-30px) rotate(-8deg);
                }
            }
            @keyframes balloon2 {
                0%, 100% {
                    transform: translateY(0) rotate(6deg);
                }
                50% {
                    transform: translateY(-30px) rotate(-8deg);
                }
            }
            /* BAllOON 0*/
            @-webkit-keyframes balloon3 {
                0%, 100% {
                    -webkit-transform: translate(0, -10px) rotate(6eg);
                }
                50% {
                    -webkit-transform: translate(-20px, 30px) rotate(-8deg);
                }
            }
            @-moz-keyframes balloon3 {
                0%, 100% {
                    -moz-transform: translate(0, -10px) rotate(6eg);
                }
                50% {
                    -moz-transform: translate(-20px, 30px) rotate(-8deg);
                }
            }
            @-o-keyframes balloon3 {
                0%, 100% {
                    -o-transform: translate(0, -10px) rotate(6eg);
                }
                50% {
                    -o-transform: translate(-20px, 30px) rotate(-8deg);
                }
            }
            @keyframes balloon3 {
                0%, 100% {
                    transform: translate(0, -10px) rotate(6eg);
                }
                50% {
                    transform: translate(-20px, 30px) rotate(-8deg);
                }
            }
            /* BAllOON 4*/
            @-webkit-keyframes balloon4 {
                0%, 100% {
                    -webkit-transform: translate(10px, -10px) rotate(-8eg);
                }
                50% {
                    -webkit-transform: translate(-15px, 20px) rotate(10deg);
                }
            }
            @-moz-keyframes balloon4 {
                0%, 100% {
                    -moz-transform: translate(10px, -10px) rotate(-8eg);
                }
                50% {
                    -moz-transform: translate(-15px, 10px) rotate(10deg);
                }
            }
            @-o-keyframes balloon4 {
                0%, 100% {
                    -o-transform: translate(10px, -10px) rotate(-8eg);
                }
                50% {
                    -o-transform: translate(-15px, 10px) rotate(10deg);
                }
            }
            @keyframes balloon4 {
                0%, 100% {
                    transform: translate(10px, -10px) rotate(-8eg);
                }
                50% {
                    transform: translate(-15px, 10px) rotate(10deg);
                }
            }
            /* BAllOON 5*/
            @-webkit-keyframes balloon5 {
                0%, 100% {
                    -webkit-transform: translate(10px, -10px) rotate(0eg);
                }
                50% {
                    -webkit-transform: translate(-25px, 20px) rotate(0deg);
                }
            }
            @-moz-keyframes balloon5 {
                0%, 100% {
                    -moz-transform: translate(10px, -10px) rotate(0eg);
                }
                50% {
                    -moz-transform: translate(-25px, 10px) rotate(0deg);
                }
            }
            @-o-keyframes balloon5 {
                0%, 100% {
                    -o-transform: translate(10px, -10px) rotate(0eg);
                }
                50% {
                    -o-transform: translate(-25px, 10px) rotate(0deg);
                }
            }
            @keyframes balloon5 {
                0%, 100% {
                    transform: translate(0px, -20px) rotate(0eg);
                }
                50% {
                    transform: translate(0px, 20px) rotate(0deg);
                }
            }
            /* BAllOON 6*/
            @-webkit-keyframes balloon6 {
                0%, 100% {
                    -webkit-transform: translate(10px, -10px) rotate(0eg);
                }
                50% {
                    -webkit-transform: translate(-10px, 20px) rotate(0deg);
                }
            }
            @-moz-keyframes balloon6 {
                0%, 100% {
                    -moz-transform: translate(10px, -10px) rotate(0eg);
                }
                50% {
                    -moz-transform: translate(-10px, 10px) rotate(0deg);
                }
            }
            @-o-keyframes balloon6 {
                0%, 100% {
                    -o-transform: translate(10px, -10px) rotate(0eg);
                }
                50% {
                    -o-transform: translate(-10px, 10px) rotate(0deg);
                }
            }
            @keyframes balloon6 {
                0%, 100% {
                    transform: translate(0px, -10px) rotate(0eg);
                }
                50% {
                    transform: translate(0px, 10px) rotate(0deg);
                }
            }
            /* BAllOON 7*/
            @-webkit-keyframes balloon7 {
                0%, 100% {
                    -webkit-transform: translate(10px, -10px) rotate(0eg);
                }
                50% {
                    -webkit-transform: translate(-25px, 20px) rotate(0deg);
                }
            }
            @-moz-keyframes balloon7 {
                0%, 100% {
                    -moz-transform: translate(10px, -10px) rotate(0eg);
                }
                50% {
                    -moz-transform: translate(-25px, 10px) rotate(0deg);
                }
            }
            @-o-keyframes balloon7 {
                0%, 100% {
                    -o-transform: translate(10px, -10px) rotate(0eg);
                }
                50% {
                    -o-transform: translate(-25px, 10px) rotate(0deg);
                }
            }
            @keyframes balloon7 {
                0%, 100% {
                    transform: translate(0px, -20px) rotate(0eg);
                }
                50% {
                    transform: translate(0px, 20px) rotate(0deg);
                }
            }
    /*FIN BALLOON 1 4*/
    .ani-01 {
        position: absolute;
        z-index: -1;
        left: 10%;
        top: 0;
        -webkit-animation: balloon1 6s ease-in-out infinite;
        -moz-animation: balloon1 6s ease-in-out infinite;
        -o-animation: balloon1 6s ease-in-out infinite;
        animation: balloon1 6s ease-in-out infinite;
    }
    .ani-02 {
        position: absolute;
        z-index: -2;
        left: 50%;
        top: -30px;
        -webkit-animation: balloon2 6s ease-in-out infinite;
        -moz-animation: balloon2 6s ease-in-out infinite;
        -o-animation: balloon2 6s ease-in-out infinite;
        animation: balloon2 6s ease-in-out infinite;
    }
    .ani-03 {
        position: absolute;
        z-index: -1;
        left: 47%;
        top: 0px;
        -webkit-animation: balloon3 6s ease-in-out infinite;
        -moz-animation: balloon3 6s ease-in-out infinite;
        -o-animation: balloon3 6s ease-in-out infinite;
        animation: balloon3 6s ease-in-out infinite;
    }
    .ani-04 {
        position: absolute;
        z-index: -1;
        left: 0%;
        top: 20%;
        -webkit-animation: balloon5 4s ease-in-out infinite;
        -moz-animation: balloon5 4s ease-in-out infinite;
        -o-animation: balloon5 4s ease-in-out infinite;
        animation: balloon5 4s ease-in-out infinite;
    }
    .ani-up {
        -webkit-animation: balloon5 6s ease-in-out infinite;
        -moz-animation: balloon5 6s ease-in-out infinite;
        -o-animation: balloon5 6s ease-in-out infinite;
        animation: balloon5 6s ease-in-out infinite;
    }
    .moneda{
        padding-top: 90px;
        padding-bottom: 100px;
    }
	.ani-cel-01 {
        position: absolute;
        z-index: 1;
        left: 0%;
        top: 6%;
        -webkit-animation: balloon5 4s ease-in-out infinite;
        -moz-animation: balloon5 4s ease-in-out infinite;
        -o-animation: balloon5 4s ease-in-out infinite;
        animation: balloon5 4s ease-in-out infinite;
    }
	.ani-cel-02 {
        position: absolute;
        z-index: 0;
        left: 0%;
        top: 25%;
        -webkit-animation: balloon6 4s ease-in-out infinite;
        -moz-animation: balloon6 4s ease-in-out infinite;
        -o-animation: balloon6 4s ease-in-out infinite;
        animation: balloon6 4s ease-in-out infinite;
    }
	.ani-cel-03 {
        position: absolute;
        z-index: -1;
        left: 0%;
        top: 40%;
        -webkit-animation: balloon7 4s ease-in-out infinite;
        -moz-animation: balloon7 4s ease-in-out infinite;
        -o-animation: balloon7 4s ease-in-out infinite;
        animation: balloon7 4s ease-in-out infinite;
    }
    /*
    .button.primary:after {
        font-family: "font_broker";
        content: '\e810';
        margin-left: -26px;
        color: #000;
        padding: 6px 7px;
        border-radius: 20px;
        font-size: 0.5rem;
        visibility:hidden;
        opacity: 0;
        transition: all 0.5s;
        
    }

    .button.primary.is-outline:after {
        color: #01A9FF;
    }
    .button.secondary.is-outline:after {
        font-family: "font_broker";
        content: '\e810';
        margin-left: -26px;
        color: #000;
        padding: 6px 7px;
        border-radius: 20px;
        font-size: 0.5rem;
        visibility:hidden;
        opacity: 0;
        transition: all 0.5s;
        
    }
    
    .button.primary:hover:after,.button.secondary:hover:after{
        transition: all 0.5s;
        visibility:inherit;
        opacity: 1;
        margin-left: 10px;
        
    }
    */
	.pb-0.fondo-img {
		padding-bottom: 0px !important;
	}
    .button.primary:hover,.button.secondary:hover{
        transition: all 0.5s;
        color: #000;
    }
    .is-outline:hover, .primary.is-outline:hover {
        background-color: #01A9FF00;
        color: #01A9FF;
    }
    .secondary.is-outline:hover {
        background-color: #00000000;
    }
    h1 strong,h3 strong{
    	color: #01A9FF;
    }
    h1 {
        font-size: 2.6em;
    }
    h2 {
        font-size: 1.25em;
        color: #9C9C9C!important;
    }
    h3 {
        font-size: 1.1em;
    }
    
    .mb-0 h1{
        margin-bottom: 0px;
    }
    .button, button, input[type=button], input[type=reset], input[type=submit] {
        font-size: .97em;
        letter-spacing: .0em;
        line-height: 2.2em;
        min-height: 2.2em;
        padding: 1em 2.2em;
        border: 2px solid transparent;

    }
    .button.is-outline {
        line-height: 2.2em;
    }
    .dark .button,primary {
        color: #000;
    }
    .dark .primary.is-outline{
        color: var(--fs-color-primary);
    }
    .button{
        color: #000;
    }
    .button:hover{
        box-shadow: inset 0 0 0 0px rgba(0,0,0,.0);
    }
    .dark a:hover {
        color: #000;
    }
    .dark .primary.is-outline{
        color: var(--fs-color-primary)!important;
        background: #000;
    }
    .centrar{
        justify-content: center;
        display: flex;
    }
    .tradingview-widget-container{
        justify-content: center;
        display: grid;
    }
    .slider-nav-light .flickity-prev-next-button .arrow,
    .slider-nav-light .flickity-prev-next-button svg {
        fill: #01A9FF;
    }

    .slider-nav-circle .flickity-prev-next-button .arrow,
    .slider-nav-circle .flickity-prev-next-button svg {
        border: 2px solid #01A9FF;
    }
    .textos p{
        color: #9c9c9c;
    }
    .textos p strong{
        color: #000;
    }
    .video.video-fit{
        padding-top: 0%!important;
    }
    .accordion .toggle {
        left: auto;
        right: 0;
        top: 0em;
    }
    .accordion-title.active {
        background-color: rgb(1, 169, 255);
        border-color: var(--fs-color-primary);
        color: #000000;
        font-weight: 700;
        border-radius: 50px;
        border: 1px solid #01A9FF;
    }
	.hotspots-container.loaded .hotspots-placeholder, .hotspots-container.loaded .hotspots-image-container {
		border-radius: 20px 20px 10px 100px;
	}
	.hotspot-content{
		text-align: center;
	}
	.hotspot-thumb img {
		border-radius: 5px;
	}
	#hotspot-967 .hotspot-title {
		color: #ffffff!Important;
	}
    .call>.col-inner{
        margin-left: -80px;
    }
/* FIN GENERAL */
	.plomo{
    	padding: 30px 30px 30px;
	}
	.plomo-01{
		background-color: #efefef;
    	padding: 30px 30px 0px;
	}  
	.plomo-01 p{
		margin-bottom:0;
	}
	.plomo ul li{
		list-style:none;
		position:relative;
	}
	.plomo ul li:before {
		position: absolute;
		z-index: 0;
		content: "";
		left: -20px;
		top: 8px;
		width: 12px;
		height: 4px;
		background-color: #01A9FF;
	}
	.plomo-02 {
		background-color: #efefef;
		padding: 0px 30px 30px;
		border-radius: 0 0 20px 20px;
	}

	.negro{
    	padding: 30px 30px 30px;
	}
	.negro ul li{
		list-style:none;
		position:relative;
	}
	.negro ul li:before {
		position: absolute;
		z-index: 0;
		content: "";
		left: -20px;
		top: 8px;
		width: 12px;
		height: 4px;
		background-color: #01A9FF;
	}
	.negro-01{
		background-color: #000000;
    	padding: 30px 30px 0px;
	}  
	.negro-01 p{
		margin-bottom:0px;
	}
	.negro-02 {
		background-color: #000000;
		padding: 0px 30px 30px;
		border-radius: 0 0 20px 20px;
	}
	.ib>.col-inner{
		/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#776f6f+0,000000+100 */
		background: linear-gradient(45deg, rgba(119,111,111,1) 0%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	}
	.sombra>.col-inner{
		box-shadow: 0 0 10px #d5d5d5;
	}
	.bene {
		box-shadow: 0 0 10px #d5d5d5;
		border-radius: 20px;
		padding: 15px 25px;
		background-color: #f8f8f8;
		transition:all 0.5s;
		height: 100px;
	}
	.bene:hover{
		/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ebb62b+0,e28720+100 */
        background: linear-gradient(45deg, rgba(38, 173, 241, 1) 0%, rgba(28, 156, 220, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		transition:all 0.5s;
	}
	.bene h3{
		margin-bottom:0;
		transition:all 0.5s;
		   
	}
	.bene:hover h3{
		color:#fff;
		transition:all 0.5s;
	}
	.bene:hover svg{
    filter: invert(0%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(2000%) contrast(2000%);
	}
.socios .hovertextos{
    position: absolute;
    left: 50%;
    width: 100%;
    transform: translate(-50%, -70%);
    top: 50%;
}
.socios .hovertextos p{
	display:none;
    width: 85%;
    margin: auto;
}
.socios:hover .hovertextos p{
	display:inherit;
}
.socios .hovertextos h3{
	display:initial;
}
.socios:hover .hovertextos h3{
	display:none;
}
	.socios{
		background-color: rgb(255 255 255 / 10%);
		border-radius: 20px;
		padding: 5px;
		height:360px;
	}
	.socios:hover{
		/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ebb62b+0,e28720+100&0.5+0,0.5+100 */
		background: linear-gradient(45deg, rgba(38, 173, 241, 0.5) 0%,rgba(28, 156, 220, 0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	}
	.socios h1{
		color:#01A9FF;
		font-size:5rem;
		margin-bottom:0px;
		position: absolute;
    	bottom: 0;
		left: 20px;
	}
	.socios:hover h1{
		color:#ffffff;
	}
	.socios h3{
		margin-bottom: 3rem;
		margin-top: 3rem;
		line-height: 1.4rem;
	}
	.socios.icon-box-center .icon-box-img {
		margin: 10px 10px 1em auto;
	}
	.socios.icon-box-center .icon-box-img:before{
		position: absolute;
		z-index: 0;
		content: "";
		right: -10px;
		top: -7px;
		width: 46px;
		height: 46px;
		border-radius: 50px;
		background: transparent;
		border: 2px solid #01A9FF;
	}
	.socios.icon-box-center:hover .icon-box-img:before{
		background: linear-gradient(45deg, rgba(38, 173, 241,1) 0%,rgba(28, 156, 220,1) 100%);/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		border: 2px solid transparent;
	}
	.socios .icon-box-img svg {
		transform: rotate(-45deg);
	}
	.socios:hover svg{
		filter: invert(0%) sepia(85%) saturate(0%) hue-rotate(117deg) brightness(103%) contrast(201%);
	}
	.socios:hover .icon-box-img svg {
		transform: rotate(140deg);
	}
	.fondo-img .bg-fill {
		background-position: 100% 100%!important;
		background-size: 50%!important;
	}
	.fondo-img{
		padding-bottom: 50px!important;
	}
/* HEADER */
    .header .flex-row {
        max-width: 100%;
		padding-left: 5.5555em;
   		padding-right: 5.5555em;
    }
    #logo {
		width:calc((100% - 61.88rem)/2)!important;
	}
    .nav>li>a {
        font-size: 1em;
        color: hsl(0deg 0% 100%)!important;
    }
    .nav>li>a {
        color: hsl(0deg 0% 100% / 85%);
    }
    .nav>li>a:hover {
        color: var(--fs-color-primary);
    }
    .nav-uppercase>li>a {
        letter-spacing: .0em;
    }
    .nav-spacing-xlarge>li {
        margin: 0px 20px;
    }
    .nav-tabs+.tab-panels {
        border: 0px solid #ddd;
    }
    .nav-vertical+.tab-panels{
        border-left: 0px solid #ddd;
    }
    .nav-vertical>li+li {
        border-top: 0px solid #ececec;
    }
    .header-wrapper .button.is-outline {
        line-height: 2.6em;
    }
    .header-wrapper .button{
        line-height: 2.6em;
        min-height: 2.6em;
        padding: 0.5em 2.2em;
    }
    .nav-right.nav-spacing-xlarge>li {
        margin: 0px 10px;
    }
    .header-wrapper.stuck {
        box-shadow: 0px 0px 0px rgba(0,0,0,.15);
    }
    .header-wrapper.stuck .header-bg-container.fill {
        border-radius: 0 0 40px 40px;
    }
    .header-wrapper.stuck .header-bg-color {
        background-color: hsl(0deg 0% 0%);
        border-radius: 0 0 40px 40px;
    }
    .header-wrapper .fill {
        border-radius: 0 0 40px 40px;
    }
    .header-bg-color {
        background-color: hsl(0deg 0% 0%);
    }
    .nav-dropdown-default {
        padding: 10px;
    }
    .nav-dropdown {
        background-color: #1E1E1E;
        color: #fff;
        border-radius: 12px;
        min-width: 200px;
    }
    .nav-dropdown-has-arrow li.has-dropdown:after {
        border-color: hsla(0,0%,87%,0) hsla(0,0%,87%,0) #1e1e1e;
    }
    .nav-dropdown-has-arrow.nav-dropdown-has-border li.has-dropdown:before {
        border-bottom-color: #1e1e1e;
    }
    .nav-dropdown>li>a {
        color: hsl(0deg 0% 100% / 85%);
    }
    .nav-column li>a, .nav-dropdown>li>a {
        padding: 6px 20px;
    }
    .nav-dropdown.nav-dropdown-default>li>a {
        border-bottom: 0px solid #ececec;
    }
    .nav-dropdown>li>a:hover{
        color: var(--colorPrimario);
    }
    .nav-dropdown-has-border .nav-dropdown {
        border: 0px solid #ddd;
    }
    .nav-dropdown li.active>a{
        color: hsl(43.23deg 100% 49.8%);
    }
    .html.custom.html_topbar_left a {
        color: #fff!important;
        font-size: 1rem;
        background-color: #1E1E1E;
        height: 45px;
        width: 45px;
        text-align: center;
        justify-content: center;
        border-radius: 60px;
        align-content: center;
    }
    .html.custom.html_topbar_left a:hover{
        color: #000!important;
        background-color: var(--colorPrimario);
    }
    .html.custom.html_topbar_right{
        width: 50px;
        height: 42px;
        margin: 0px 5px;
    }
    .html.custom.html_topbar_right .gtranslate_wrapper{
        position: absolute;
        top: -2.5px;
        right: 0;
    }
    .html.custom.html_topbar_right .gt_float_switcher .gt-selected .gt-current-lang {
        color: #fff;
        font-weight: 400;
        font-size: 9px;
        padding: 0px 15px;
        text-align: center;
        line-height: 17px;
    }
    .html.custom.html_topbar_right .gt_float_switcher .gt-selected {
        background-color: #1e1e1e;
    }
    .html.custom.html_topbar_right .gt_float_switcher {
        color: #fff;
        background: #1e1e1e;
        border-radius: 60px;
    }
    .gt_float_switcher .gt_options a {
        color: #fff;
        font-size: 12px;
    }
    .html.custom.html_topbar_right .gt-current-lang{
        display: grid;
    }
    .html.custom.html_topbar_right .gt-current-lang img{
        order: 2;
    }
    .html.custom.html_topbar_right .gt-lang-code{
        order: 1;
    }
    .html.custom.html_topbar_right .gt_float_switcher-arrow{
        order: 3;
    }
    .html.custom.html_topbar_right .gt_float_switcher img {
        width: 20px;
        margin: 0 0px 0 0;
    }
    .html.custom.html_topbar_right .nturl{
        font-size: 0!important;
    }
    .html.custom.html_topbar_right .gt_float_switcher .gt-selected .gt-current-lang span.gt_float_switcher-arrow {
        height: 18px;
        width: 15px;
        background-size: 9px;
        filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%);
        margin: auto;
    }
    #soporte.lightbox-content {
        border-radius: 12px;
    }
	.header.has-sticky.sticky-jump{
			background-color: rgb(246, 246, 246);
	}
	.header.has-transparent.has-sticky.sticky-jump.transparent{
		background-color: rgb(246 246 246 / 0%);
	}
    .sombra .bg:before{
        position: absolute;
        z-index: 1;
        content: "";
        width: 100%;
        height: 150px;
        left: 0px;
        bottom: 0px;
        background-color: #000;
        /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.65+100 */
        background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgb(0 0 0 / 285%) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

    }
    .sombra-asociaciones{
        box-shadow: 0 0 10px #e2e2e2;
        border-radius: 10px;
        padding: 20px;
        height: 100%;
    }
    .call-action .col-01>.col-inner{
        background-color: #000;
        border-radius: 15px 0px 0px 200px;
        padding: 30px 35px 40px 100px;
    }
    .call-action .col-02>.col-inner{
        background-color: #fff;
        padding: 60px 30px 30px;
        border-radius: 0px 15px 15px 0px;
        box-shadow: 0 0 10px #e2e2e2;
    }
	.tradingview-widget-container p{
		margin-bottom:0px!important
	}
	.tradingview-widget-container iframe{

		border-radius: 0 0 150px 150px;

	}

/* FIN HEADER */

/* INICIO */
    .full-seccion{
        height: 90vh;
    }
    .full-seccion:before {
        position: absolute;
        z-index: 0;
        content: "";
        width: 300px;
        height: 300px;
        left: -150px;
        top: 200px;
        border-radius: 400px;
        background: radial-gradient(ellipse at center, #01A9FF 0%,#00000000 70%);
        transition: all 0.5s;
        animation: zoom-in-zoom-out 10s ease infinite;
    }
    .full-seccion.slider-inicio:before{
        display: none;
    }

    @keyframes zoom-in-zoom-out {
      0% {
        transform: scale(1, 1);
      }
      50% {
        transform: scale(1.5, 1.5);
      }
      100% {
        transform: scale(1, 1);
      }
    }
    .recurso-00>.col-inner:after{
        position: absolute;
        z-index: 1;
        content: '\e823';
        font-family: "font_broker";
        font-size: 2.1rem;
        bottom: -80px;
        left: 0px;
        color: #2b2b2b;
    }
    .recurso-01:after{
        position: absolute;
        z-index: 1;
        content: '\e823';
        font-family: "font_broker";
        font-size: 2.1rem;
        bottom: -40px;
        left: 15px;
        color: #2b2b2b;
    }
    .recurso-02:after {
        position: absolute;
        z-index: 1;
        content: '\e823';
        font-family: "font_broker";
        font-size: 2.1rem;
        bottom: -40px;
        left: 15px;
        color: #e3e3e3;
    }
    .recurso-03:after {
        position: absolute;
        z-index: 1;
        content: '\e823';
        font-family: "font_broker";
        font-size: 2.1rem;
        bottom: -40px;
        left: 50%;
        transform: translate(-50%,0);
        color: #5c5c5c;
    }
    .video-slider>.col-inner,.imagen-slider>.col-inner{
        height: 620px;
        display: flex;
    }
    .video-slider .mejs-controls{
        display: none;
    }
    video::-webkit-media-controls {
      display: none;
    }
    /*
    .video-slider>.col-inner{
        height: 100vh;
        display: flex;
        align-content: flex-end;
        align-items: flex-end;
        justify-content: flex-end;
    }
    .video-slider .video-button-wrapper{
        position: absolute;
        z-index: 2;
        left: 0;
        top: 60%;
        background-color: transparent;
        width: 160px;
        height: 160px;
        background-image: url(https://brokermfx.com/wp-content/uploads/2023/11/elderly-man-is-using-mobile-phone.webp);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        text-align: center;
        justify-content: center;
        display: flex;
        align-items: center;
    }
    .video-slider .video-button-wrapper:before {
        position: absolute;
        z-index: 0;
        content: "";
        width: 148px;
        height: 148px;
        left: 6px;
        top: 4px;
        border-radius: 160px;
        background-color: rgb(0 0 0 / 50%);
        opacity: 0;
        transition: all 0.5s;
    }
    .video-slider .video-button-wrapper:hover:before {
        opacity: 1;
        transition: all 0.5s;
    }
    .video-slider .video-button-wrapper a{
        color: #fff;
        border-radius: 10px!important;
        height: 26px;
        line-height: 26px;
        margin-bottom: 0;
        align-items: center;
        justify-content: center;
        display: flex;
        width: 40px;
    }*/
/* FIN INICIO */

/* TRADING */
    .trading{
        z-index: 1;
    }
    .datos-trading .col-inner{
        border-radius: 12px;
        padding: 20px 26px;
        overflow: hidden;
    }
    .datos-trading p{
    	color: #9c9c9c;
    	padding-bottom: 1.8rem!important;
    }
    .datos-trading .icon-inner:before{
    	position: absolute;
    	z-index: 0;
    	content: "";
    	width: 40px;
    	height: 40px;
    	left: 0;
    	top: 0;
    	background-color: #1e1e1e;
    	border-radius: 40px;
    }
    .datos-trading .icon-inner{
    	display: flex;
        width: 40px;
    }
    .datos-trading .icon-inner{
        -webkit-transition: all 0.5s ease-out;
        -moz-transition: all 0.5s ease-out;
        -ms-transition: all 0.5s ease-out;
        -o-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
    }
    .datos-trading:hover .icon-inner {
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2);
    }
    .datos-trading .icon-box-img svg,.datos-trading .icon-box-img img{
        z-index: 1;
        height: 30px;
        margin-top: 4px;
        width: 25px;
        margin: auto;
        margin-top: 4px;
    }
    .mt-40{
    	margin-top: 40px;
    }

    .mt-060{
    	margin-top: -60px;
    }
    .mt-040{
        margin-top: -40px;
    }
    .datos-trading>.col-inner:before {
        position: absolute;
        z-index: 0;
        content: "";
        width: 200px;
        height: 200px;
        right: -200px;
        top: -200px;
        border-radius: 120px;
        background: radial-gradient(ellipse at center, #000000 0%,#00000000 70%);
        transition: all 0.5s;
    }
    .datos-trading>.col-inner:hover:before {
        background: radial-gradient(ellipse at center, #01A9FF 0%,#00000000 70%);
        transition: all 0.5s;
        right: -100px;
        top: -100px;
    }
    .datos-trading>.col-inner p:after {
        position: absolute;
        z-index: 0;
        content: "";
        width: 0px;
        height: 3px;
        left: 26px;
        bottom: 1.2em;
        transition: all 0.5s;
        background-color: #01A9FF;
    }
    .datos-trading>.col-inner:hover p:after {
        width: 100px;
        transition: all 0.5s;
    }
/* FIN TRADING */

/* RECONOCIMIENTOS */
    .reconocimientos{
    	padding-top: 30px!important;
    }
    .reconocimientos .large-2 {
        flex-basis: 20%;
        max-width: 20%;
    }
    .reconocimientos .accordion-title {
        border-top: 1px solid #01A9FF;
        padding: 0.6em 1.3em;

    }
    .reconocimientos  .accordion .toggle {
        height: 4.5em;
        width: 1em;
    }
    .reconocimientos .accordion-inner {
        padding: 1em 0.3em;
    }
    .reconocimientos .toggle i {
        font-size: 1.2em;
    }
/* FIN RECONOCIMIENTOS*/

/* IMPORTANTES */
    .importantes:before{
        position: absolute;
        z-index: 1;
        content: '\e837';
        font-family: "font_broker";
        font-size: 8rem;
        top: -50px;
        right: 17%;
        color: #fff;
        animation: loader 6s infinite;
    }
    .importantes .icon-inner:before {
        position: absolute;
        z-index: 0;
        content: "";
        width: 70px;
        height: 70px;
        left: -17px;
        top: -14px;
        background-color: #1e1e1e;
        border: 7px solid #002436;
        border-radius: 40px;
        transition: all 0.5s;
    }
    .importantes .icon-box:hover .icon-inner:before {
        border: 12px solid #003956;
        transition: all 0.5s;
        width: 80px;
        height: 80px;
        left: -22px;
        top: -19px;    
    }
    .importantes .icon-inner{
        display: flex;
    }
    .importantes .icon-box-img svg {
        z-index: 1;
        height: 35px;

    }
    .importantes .icon-box-right .icon-box-img+.icon-box-text {
        padding-right: 3em;
    }
    .importantes .icon-box-left .icon-box-img+.icon-box-text{
        padding-left: 3em;
    }
/* FIN IMPORTANTES */

/* CUENTAS */
    .cuentas:before{
        position: absolute;
        z-index: 2;
        content: "";
        width: 500px;
        height: 500px;
        left: -200px;
        top: 40px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        
        -webkit-animation: rotateInfinite 10s linear infinite;
        animation: rotateInfinite 10s linear infinite;
    }
    .cuentas .section-content{
        z-index: 2;
    }
    .cuentas .section-content:before{
        position: absolute;
        z-index: 0;
        content: "";
        width: 250px;
        height: 250px;
        right: -80px;
        bottom: 200px;
        background-color: #1e1e1e;
        border-radius: 250px;
        -webkit-animation: balloon3 6s ease-in-out infinite;
        -moz-animation: balloon3 6s ease-in-out infinite;
        -o-animation: balloon3 6s ease-in-out infinite;
        animation: balloon3 6s ease-in-out infinite;
    }
    .cuentas .section-content:after{
        position: absolute;
        z-index: 0;
        content: "";
        width: 50px;
        height: 50px;
        right: 62px;
        bottom: 410px;
        background-color: rgba(1, 169, 255, 0.4);
        border-radius: 50px;
        -webkit-animation: balloon4 6s ease-in-out infinite;
        -moz-animation: balloon4 6s ease-in-out infinite;
        -o-animation: balloon4 6s ease-in-out infinite;
        animation: balloon4 6s ease-in-out infinite;
    }
    @-webkit-keyframes rotateInfinite {
      0% {
        transform: rotate(0);
      }
      100% {
        transform: rotate(360deg);
      }
    }
    @keyframes rotateInfinite {
      0% {
        transform: rotate(0);
      }
      100% {
        transform: rotate(360deg);
      }
    }
    .animate {
      -webkit-animation-duration: 0.5s;
              animation-duration: 0.5s;
      -webkit-animation-timing-function: ease-in;
              animation-timing-function: ease-in;
      -webkit-animation-fill-mode: both;
              animation-fill-mode: both;
      -webkit-animation-direction: alternate;
              animation-direction: alternate;
    }
    .agm>.col-inner .icon-box {
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px);
        background-color: rgba(255, 255, 255, 0.2);
        padding: 20px 18px;
        
        border-radius: 12px;
        border: 1px solid transparent;
        transition: all 0.5s;
        overflow: hidden;
    }

    .agm>.col-inner:hover .icon-box {
        border: 1px solid var(--colorPrimario);
        transition: all 0.5s;
    }
    .agm>.col-inner .icon-box:before {
        position: absolute;
        z-index: 0;
        content: "";
        width: 250px;
        height: 250px;
        right: -250px;
        top: -250px;
        border-radius: 300px;
        background: radial-gradient(ellipse at center, #01A9FF 0%,#00000000 70%);
        transition: all 0.5s;
    }
    .agm>.col-inner:hover .icon-box:before {
        background: radial-gradient(ellipse at center, #01A9FF 0%,#00000000 70%);
        transition: all 0.5s;
        right: -120px;
        top: -120px;
    }
    .agm.cent100>.col-inner .icon-box:after{
        position: absolute;
        content: "CENT X 100";
        z-index: 1;
        right: 0;
        top: 76px;
        padding: 5px 12px 5px 20px;
        border-radius: 20px 0 0 20px;
        background-color: #C12121;
        font-weight: 700;
        font-size: 1.0rem;
    }
    .agm .icon{ 
        width: 50px;
        text-align: center;
        margin-top: 10px;
    }
    .agm .icon-box .icon-box-img {
        margin-bottom: 2em;
    }
    .agm .info{
        height: 90px;
    }
    .agm .detalles span{
        position: relative;
    }
    .agm .detalles i{
        background-color: #9C9C9C;
    }
    .agm .detalles span:after{
        position: absolute;
        z-index: 0;
        content: "Puede variar de acuerdo al horario";
        width: 120px;
        height: 50px;
        border-radius: 10px;
        top: -60px;
        left: 50%;
        transform: translate(-50%, 0px);
        background-color: #fff;
        color: #000;
        font-style: normal;
        font-weight: 400;
        font-size: 11px;
        text-align: center;
        line-height: 15px;
        padding-top: 8px;
        opacity: 0;
        transition: all 0.5s;
    }
    .agm .detalles span:before{
        position: absolute;
        z-index: 0;
        content: "";
        width: 0px;
        height: 0px;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-top: 6px solid #fff;
        bottom: 23px;
        left: 5%;
        opacity: 0;
        transition: all 0.5s;
    }
    .agm .detalles span:hover:before,
    .agm .detalles span:hover:after{
        opacity: 1;
        transition: all 0.5s;
    }
    .agm ul li{
        list-style: none;
        color: #9c9c9c;
        margin-left: 0;
        width: 100%;
        display: flex;
        margin-bottom: 0.2em;
    }
    .agm p{
        list-style: none;
        display: block;
        color:#9c9c9c;
    }
    .agm ul {
        margin-bottom: 2.2em!important;
    }
    .agm ul li strong{
        color: #fff;
        margin-left: auto;
    }
    .agm.lote ul:after{
        position: absolute;
        content: "por lote y dirección";
        z-index: 1;
        font-size: 0.6rem;
        right: 18px;
        bottom: 36px;
        color: #9c9c9c;
    }
    .agm .deposito strong{
        color: var(--colorPrimario);
        font-size: 1.5rem;
    }
    .agm .deposito p{
        color: #fff;
    }
    .agm .deposito sup {
        font-size: 0.9rem;
    }
    .agm a {
        width: 86%;
        display: block;
        margin-top: -27px!important;
        margin-left: auto;
        margin-right: auto;
    }
    .agm .icon-inner:before{
        position: absolute;
        z-index: 0;
        content: "";
        width: 50px;
        height: 50px;
        left: 0;
        top: -7px;
        background-color: #000;
        border-radius: 50px;
    }
    .agm .icon-inner{
        display: flex;
    }
    .agm .icon-box-img svg {
        z-index: 1;
        height: 30px;

    }
    .logos-bancos{
        margin-bottom: -100px;
    }
    .logos-bancos .logos img{
        border-radius: 100px;
        margin-bottom: 0;
		width:70px;
    }
    .logos-bancos .logos>.col-inner{
        box-shadow: 0 2px 8px #cacaca;
        padding-left: 30px;
        padding-right: 30px;
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .logos-bancos .gallery-col{
        padding: 30px;
    }
    .rombo{
        position: relative;
    }
    .rombo:before{
        position: absolute;
        z-index: 1;
        content: '\e837';
        font-family: "font_broker";
        font-size: 8rem;
        top: -102px;
        right: 15%;
        color: #fff;
        animation: loader 6s infinite;
    }
    .quantum:before{
        position: absolute;
        z-index: 2;
        content: "";
            width: 400px;
    height: 400px;
    right: -200px;
    top: calc(50% - 200px);
        transform: rotate(45deg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        background-image: url(../images/quantum.svg);
        opacity: 0.4;
        transition: all 0.5s;
    }
    .quantum:hover:before{
        transform: rotate(0deg);
        transition: all 0.5s;
    }
    .quantum .bg:before,.infinity .bg:before,.xtreme .bg:before,.equilibrium .bg:before{
        position: absolute;
        z-index: 1;
        content: "";
        width: 500px;
        height: 500px;
        left: -200px;
        top: 100px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        
        -webkit-animation: rotateInfinite 10s linear infinite;
        animation: rotateInfinite 10s linear infinite;
    }
    .infinity{
        z-index: 2;
    }
    
    .infinity:before{
        position: absolute;
        z-index: 2;
        content: "";
            width: 400px;
    height: 400px;
    right: -200px;
    top: calc(50% - 200px);
        transform: rotate(45deg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        background-image: url(../images/infinity.svg);
        opacity: 0.4;
        transition: all 0.5s;
    }
    .infinity:hover:before{
        transform: rotate(0deg);
        transition: all 0.5s;
    }
    .equilibrium:before{
        position: absolute;
        z-index: 2;
        content: "";
            width: 400px;
    height: 400px;
    right: -200px;
    top: calc(50% - 200px);
        transform: rotate(45deg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        background-image: url(../images/aplacamiento.svg);
        opacity: 0.4;
        transition: all 0.5s;
    }
    .equilibrium{
        z-index: 2;
    }
    .equilibrium:hover:before{
        transform: rotate(0deg);
        transition: all 0.5s;
    }
    .xtreme:before{
        position: absolute;
        z-index: 2;
        content: "";
            width: 400px;
    height: 400px;
    right: -200px;
    top: calc(50% - 200px);
        transform: rotate(45deg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        background-image: url(../images/xtreme.svg);
        opacity: 0.4;
        transition: all 0.5s;
    }
    .xtreme:hover:before{
        transform: rotate(0deg);
        transition: all 0.5s;
    }
    .xtreme{
        z-index: 2;
    }
    .xtreme .col-01 a,
    .equilibrium .col-01 a,
    .infinity .col-01 a,
    .quantum .col-01 a{
        margin: auto;
        display: block;
        width: 250px;
        padding-top: 15px;
        padding-bottom: 15px;
        margin-top: 30px;
        line-height: 1rem;
    }
    .zoom .icon-inner {
        -webkit-transition: all 0.5s ease-out;
        -moz-transition: all 0.5s ease-out;
        -ms-transition: all 0.5s ease-out;
        -o-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
    }
    .zoom:hover .icon-inner {
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2);
    }
    .comision{
        background-color: #000;
        border-radius: 20px 20px 0 0;
        padding-top: 30px;
        padding-bottom: 30px;
        border: 1px solid  #01A9FF;
    }
    .comision h3 {
        font-size: 2.0em;
    }
    .comision h3 strong{
        font-size: 2.4em;
    }

    .comision .row-divided>.col+.col:not(.large-12) {
        border-left: 1px solid  #01A9FF;
    }
    .ingreso{
        background-color: #000;
        border-radius: 0 0 20px 20px;
        padding-top: 30px;
        padding-bottom: 30px;
        border: 1px solid  #01A9FF;
    }
    .ingreso p{
           margin-bottom: 0px;
    }
    .amarillo>.col-inner {
        background-color: #01A9FF;
        padding: 15px 40px 15px 70px;
        border-radius: 20px 0px 0px 120px;
    }
    .blanco>.col-inner{
        background-color: #fff;
        padding: 30px;
        border-radius: 0px 20px 20px 0px;
    }
/* FIN CUENTAS */

/* ENFOQUE */
    .mt-200{
        margin-top: -80px;
    }
    .enfoque .nav-vertical.nav-tabs>li>a span {
        font-size: 1.0rem;
        display: block;
        width: 100%;
    }
    .enfoque .nav-vertical.nav-tabs>li.active>a span {
        margin-bottom: 8px;
    }
    .enfoque .nav-vertical.nav-tabs>li>a strong{
        opacity:0;
        height: 0;
        transition: all 0.5s;
        font-weight: 400!important;
    }

    .enfoque .nav-vertical.nav-tabs>li.active>a strong{
        opacity: 1;
        height: auto;
        transition: all 0.5s;
    }
    .enfoque .tabbed-content .nav-vertical {
        width: 45%;
        justify-content: end;
        margin-bottom: 10px;
    }
    .enfoque .nav-vertical.nav-tabs>li.active>a {
        border-left: 3px solid #000000;
        background-color: #fff;
    }
    .enfoque .nav-vertical.nav-tabs>li.active>a:before{
        transition: all 0.5s;
        background-color: #01A9FF;
        border:1px solid #01A9FF;
    }
    .enfoque .nav-vertical.nav-tabs>li>a {
        border-left: 3px solid #9c9c9c;
        color: #000!important;
        background-color: #f5f5f5;
        border-radius: 0 40px 40px 0;
        padding-left: 50px;
        text-align: left;
    }
    .enfoque .nav-vertical.nav-tabs>li>a:before {
        position: absolute;
        z-index: 0;
        content: "";
        width: 20px;
        height: 20px;
        left: 20px;
        top: 13px;
        transition: all 0.5s;
        background-color: #f5f5f5;
        border-radius: 10px;
        border: 1px solid #9c9c9c;
        opacity: 1;
    }
    .enfoque .nav.nav-vertical li {
        margin-bottom: 8px;
    }

    .enfoque .nav-vertical+.tab-panels {
        border-left: 0px solid #ddd;
    }
    .regulaciones{
        padding-top: 40px!important;
    }
	.regulaciones .marco-01 .icon-box{
	    height: 100%;
		display: flex;
		flex-flow: column;
	}
.regulaciones  .marco-01>.col-inner .icon-box-text {
    height: 100%;
}
    .marco-01 h2{
        color: #01A9FF;
    }
    .marco-01 .icon-box-img img,.marco-01 .icon-box-img svg {
        padding-top: 0em;
    }
    .marco-01 .icon-box-center .icon-box-img {
        margin-bottom: -30px;
        z-index: 1;
    }
    .marco-01>.col-inner .icon-box-text{
        background-color: #fff;
        border-radius: 12px;
        padding: 50px 20px 20px;
        transition: all 0.5s;
        overflow: hidden;
        position: relative;
    }
    .marco-01>.col-inner:hover .icon-box-text{
        background-color: #000;
        transition: all 0.5s;
    }
    .marco-01>.col-inner:hover p{
        color: #9c9c9c;
    }

    .marco-01>.col-inner .icon-box-text:before {
        position: absolute;
        z-index: 0;
        content: "";
        width: 200px;
        height: 200px;
        right: -200px;
        top: -200px;
        border-radius: 120px;
        background: radial-gradient(ellipse at center, #000000 0%,#00000000 70%);
        transition: all 0.5s;
    }
    .marco-01>.col-inner:hover .icon-box-text:before {
        background: radial-gradient(ellipse at center, #01A9FF 0%,#00000000 70%);
        transition: all 0.5s;
        right: -100px;
        top: -100px;
    }
    .marco-01>.col-inner .icon-box-text:after {
        position: absolute;
        z-index: 0;
        content: "";
        width: 0px;
        height: 3px;
        left: 0px;
        bottom: 10px;
        transition: all 0.5s;
        background-color: #01A9FF;
    }
    .marco-01>.col-inner:hover .icon-box-text:after {
        width: 100px;
        transition: all 0.5s;
        left: 50%;
        transform: translate(-50%,0);
    }
    .marco-01>.col-inner .icon-box-img svg {
        height: 40px;
    }
    .marco-01>.col-inner .icon-inner{
        border-radius: 50px;
        border: 7px solid #01A9FF7a;
        transition: all 0.5s;
    }

    .marco-01>.col-inner:hover .icon-inner{
        border: 7px solid #01A9FF;
        transition: all 0.5s;
    }
/* FIN ENFOQUE */

/* BLOG */
    .blog:before{
        position: absolute;
        z-index: 1;
        content: "";
        width: 500px;
        height: 500px;
        left: -280px;
        top: 40px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        
        -webkit-animation: rotateInfinite 10s linear infinite;
        animation: rotateInfinite 10s linear infinite;
    }
    .blog .section-content:before{
        position: absolute;
        z-index: 0;
        content: "";
        width: 250px;
        height: 250px;
        right: -80px;
        bottom: 20px;
        background-color: #1e1e1e;
        border-radius: 250px;
        -webkit-animation: balloon1 6s ease-in-out infinite;
        -moz-animation: balloon1 6s ease-in-out infinite;
        -o-animation: balloon1 6s ease-in-out infinite;
        animation: balloon1 6s ease-in-out infinite;

    }
    .blog .section-content:after{
        position: absolute;
        z-index: 0;
        content: "";
        width: 50px;
        height: 50px;
        right: 62px;
        bottom: 240px;
        background-color: rgba(1, 169, 255, 0.4);
        border-radius: 50px;
        -webkit-animation: balloon2 6s ease-in-out infinite;
        -moz-animation: balloon2 6s ease-in-out infinite;
        -o-animation: balloon2 6s ease-in-out infinite;
        animation: balloon2 6s ease-in-out infinite;

    }
    .blog .section-content>.row:before{
        position: absolute;
        z-index: 1;
        content: '\e837';
        font-family: "font_broker";
        font-size: 8rem;
        top: -102px;
        right: 13%;
        color: #fff;
        animation: loader 6s infinite;
    }
    @keyframes loader {
      0% {
        rotate: 0deg;
        color: #fff;
      }
      33% {
        rotate: 90deg;
        color: var(--colorPrimario);
      }
      66% {
        rotate: 180deg;
        color: #fff;
      }
      100% {
        rotate: 360deg;
        color: var(--colorPrimario);
      }
    }

    .blog .section-content>.row:after{
        position: absolute;
        z-index: 1;
        content: '\e837';
        font-family: "font_broker";
        font-size: 8rem;
        bottom: -150px;
        right: 33%;
        color: #fff;
    }

    .blog .tabbed-content .uppercase.text-center {
        text-transform: initial;
        position: absolute;
        right: 0;
        top: 50px;
        width: 35%;
        font-size: 1.8rem;
        z-index: 1;
        letter-spacing: 0;
    }
    .blog .tabbed-content .uppercase.text-center:after{
        content: " de prensa";
        color: var(--colorPrimario);
    }
    .blog .tabbed-content {
        position: relative;
    }
    .blog .nav.nav-vertical {
        background-color: #262626;
    }
    .blog .tabbed-content .nav-vertical {
        width: 35%;
        display: block;
        border-radius: 12px;
        padding-top: 100px;
        margin-left: 60px;
    }
    .blog .nav.nav-vertical li {
        width: 50%;
        float: left;
    }
    .blog .nav.nav-vertical li a{
        justify-content: center;
        padding: 25px 0;
    }
    .blog .nav:hover>li:not(:hover)>a:before {
        opacity: 1;
    }
    .blog .nav.nav-vertical li a.peru:before{
        content: url(../images/peru21.webp);
        opacity: 0.4;
        transform: scale(.7);
    }
    .blog .nav.nav-vertical li a.gestion:before{
        content: url(../images/gestion.webp);
        opacity: 0.4;
        transform: scale(.7);
    }
    .blog .nav.nav-vertical li a.andina:before{
        content: url(../images/andina.webp);
        opacity: 0.4;
        transform: scale(.7);
    }
    .blog .nav.nav-vertical li a.expreso:before{
        content: url(../images/Grupo-2924.webp);
        opacity: 0.4;
        transform: scale(.7);
    }
    .blog .nav.nav-vertical li a.comercio:before{
        content: url(../images/el-comercio.webp);
        opacity: 0.4;
        transform: scale(.7);
    }
    .blog .nav.nav-vertical li a.republica:before{
        content: url(../images/la-republica.webp);
        opacity: 0.4;
        transform: scale(.7);
    }
    .blog .nav.nav-vertical li a:hover:before{
        opacity: 1;
    }
    .blog .tab-panels .row .post-item:last-child{
        padding-bottom: 0;
    }
    
    .blog .nav.nav-vertical li a strong,.blog .nav.nav-vertical li a span{
        display: none;
    }
    .blog .tab-panels{
        order: 1;
    }
    .blog .nav-simple{
        order: 2;
    }
    .blog .nav-vertical+.tab-panels{ 
        padding: 0 0px 0px;
    }
    .blog .box a.button {
        display: inline;
        color: var(--colorPrimario);
    }
    .blog .box a.button:hover{
        color: var(--colorPrimario);
    }
    .blog .box-text {
        padding-bottom: 0em;
        padding-top: 0em;
    }
    .blog .button.primary:after {
        font-family: "font_broker";
        content: '\e811';
        margin-left: 0px;
        color: var(--colorPrimario);
        padding: 6px 7px;
        font-size: 0.5rem;
        visibility: inherit;
        opacity:1;
        transition: all 0.5s;
    }
    .blog .button.primary:hover:after {
        margin-left: 5px;
        transition: all 0.5s;
    }
    .blog .box-vertical .box-image{
        border-radius: 12px;
    }
    .badge.post-date {
        top: 4%;
    }
    .post-date-day{
        font-size: 1.4rem;
    }
    .badge-inner {
        padding: 10px 15px;
    }
    .blog.dark .has-shadow .box:not(.box-overlay):not(.box-shade),
    .blog.dark .has-shadow.box:not(.box-overlay):not(.box-shade) {
        background-color: transparent;
    }
    .blog .has-shadow>.col>.col-inner {
        background-color: transparent;
    }
    .blog .row-box-shadow-2 .col-inner{
        box-shadow: 0 0px 0px 0px rgba(0,0,0,.16), 0 0px 0px rgba(0,0,0,.23);
    }
    .blog .is-xxsmall {
        font-size: .9em;
    }
    .filtros-categoria .box-image {
        border-radius: 12px;
    }
    .filtros-categoria .row .post-item:last-child{
        padding-bottom: 0;
    }
    .filtros-categoria .nav-pills>li.active>a{
        color: #000!important;
    }
    .filtros-categoria .nav-pills>li>a{
        color: #9C9C9C!important;
        font-size: 0.8rem;
        line-height: 2.5em;
        padding: 0 2.75em;
        padding-top: 8px;
        padding-bottom: 8px;
    }
    .filtros-categoria .tab-panels {
        padding-top: 2em;
    }
    .spb-0{
        padding-bottom: 0px!important;
    }
    #comments .comment-respond {
        background-color: rgb(0 0 0);;
        padding: 30px 40px 30px;
        color: #9C9C9C;
        border-radius: 15px;
    }
    #comments .comment-respond .comment-reply-title {
        color: #fff;
    }
    #comments .comment-respond label,#comments .comment-respond a {
        color: #9C9C9C;
    }
    #comments input[type=text],
    #comments input[type=url],
    #comments input[type=email],
    #comments textarea {
        border-radius: 10px;
    }
    #comments input[type=submit]{
        color: #000;
        padding-bottom: 0;
        padding-top: 0;
        border-radius: 30px;
        text-transform: none;
    }
    .author-name{
        color: var(--colorPrimario);
    }
    .blog-share .social-icons .button.icon.circle {
        padding-left: 0;
        padding-right: 0;
        color: #9C9C9C;
        border: 1px solid;
        padding-top: 4px;
        padding-bottom: 4px;
        margin-left: 1.5em;
        margin-right: 1.5em;
        width: 45px;
        font-size: 1.2em;
        line-height: 2.6em;
    }
    .row-divided>.col+.col:not(.large-12) {
        border-left: 0px solid #ececec;
    }
    .entry-image img {
        border-radius: 12px;
    }
    .blog-wrapper .large-9 {
        flex-basis: 65%;
        max-width: 65%;
    }
    .blog-wrapper .large-3 {
        flex-basis: 35%;
        max-width: 35%;
        padding: 0 0px 30px;
    }
    .blog-wrapper.page-wrapper {
        padding-top: 80px;
    }
    .recent-blog-posts-li .badge {
        height: 6em;
        width: 6em;
    }
    .recent-blog-posts-li .badge .badge-inner {
        border-radius: 10px;
    }
    .recent-blog-posts a {
        font-weight: 700;
        font-size: 0.8rem;
    }
    .recent-blog-posts {
        align-items: center!important;
    }
    .widget>ul>li+li, ul.menu>li+li {
        border-top: 0px solid #ececec;
    }
    .blog-wrapper .entry-content img{
        border-radius: 10px;
    }
    blockquote {
        border-left: 3px solid #000000;
        color: #333;
        font-size: 1.1em;
        font-style: initial;
        margin: 0 0 1.25em;
        padding: 1rem 2.25em 1rem 1.875em;
        position: relative;
        background-color: #F5F5F5;
        border-radius: 0 4rem 4rem 0;
    }
/* FIN BLOG */

/* AGENDAR */
    .formulario{
        background-color: #000;
        border-radius: 12px;
        padding: 20px;
    }
    .boton-full{
        width: 100%!important;
    }
    .forminator-ui.forminator-custom-form[data-design=flat] .forminator-input,
    .forminator-ui.forminator-custom-form[data-design=flat] .forminator-textarea{
        border-radius: 6px!important;
    }
    .forminator-ui.forminator-custom-form[data-design=default] .forminator-input,
    .forminator-ui.forminator-custom-form[data-design=default] .forminator-textarea{
        border-radius: 6px!important;
    }
    .forminator-ui.forminator-custom-form[data-design=flat] select.forminator-select2+.forminator-select .selection span[role=combobox].select2-selection--single{
        border-radius: 6px!important;
    }
    .forminator-ui.forminator-custom-form[data-design=flat] {
        margin: 10px 0!important;
    }
    .forminator-edit-module{
        display: none;
    }
    .forminator-ui.forminator-custom-form[data-design=flat] .forminator-button,
    .forminator-ui.forminator-custom-form[data-design=default] .forminator-button{
        border-radius: 30px!important;
        font-weight: 700!important;
    }
    .forminator-ui#forminator-module-507.forminator-design--default .forminator-button-submit{
        margin: auto!important;
        display: block!important;
    }
    .forminator-ui#forminator-module-62.forminator-design--flat .forminator-button-submit {
        width: 48%!important;
    }

    .formulario .button.white{
		padding: 1em 0.2em;
        padding-top: 10px;
        padding-bottom: 10px;
        line-height: 1.60rem;
        border-radius: 99px;
        width: 48%;
        display: block;
        margin-right: 0;
        position: absolute;
        right: 0;
        bottom: -14px;
    }
/* FIN AGENDAR */

/* FOOTER*/
    .footer-wrapper {
        font-size: 85%;
    }
    .absolute-footer {
        padding: 0px 0 0px;
    }
    .footer-wrapper p{
        color: #9c9c9c;
    }
    .footer-wrapper a{
        color: #9c9c9c;
    }
    .footer-wrapper a:hover{
        color: var(--colorPrimario);
    }
    .footer-wrapper .politicas a{
        margin-right: 20px;
        text-decoration: underline;
    }
    .pie{
        padding-top: 60px!important;
        padding-bottom: 0px!important;
        border-radius: 40px 40px 0 0!important;
    }
    .pie .social-icons a{
        color: #01A9FF;
    }
    .pie ul li{
        list-style: none;
        margin-left: 0;
    }
    .p-0 p{
        margin-bottom: 0;
    }
/* FIN FOOTER*/

/* CABECERA INTERNAS */
    .mercados:after{
        position: absolute;
        z-index: 0;
        content: "";
        width: 500px;
        height: 500px;
        left: -200px;
        bottom: -100px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        
        -webkit-animation: rotateInfinite 10s linear infinite;
        animation: rotateInfinite 10s linear infinite;
    }
    .cabecera h1 {
        font-size: 4.8em;
        line-height: 4rem;
        margin-bottom: 0.2em;
    }
	.cabecera strong{
		color:#01A9FF;
		font-weight:normal!important;
    }
    .cabecera.interna:before {
        position: absolute;
        z-index: 1;
        content: "";
        width: 300px;
        height: 300px;
        left: -150px;
        top: 200px;
        border-radius: 400px;
        background: radial-gradient(ellipse at center, #01A9FF 0%,#00000000 70%);
        transition: all 0.5s;
        animation: zoom-in-zoom-out 10s ease infinite;
    }
    .cabecera.interna:after{
        position: absolute;
        z-index: 0;
        content: "";
        width: 500px;
        height: 500px;
        right: -200px;
        bottom: -100px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        
        -webkit-animation: rotateInfinite 10s linear infinite;
        animation: rotateInfinite 10s linear infinite;
    }
    .cabecera.bordes,.slider-inicio,.border-inferior{
        border-radius: 0 0 45px 45px;
    }
    .slider-inicio .bg{
        border-radius: 0 0 45px 45px;
    }
    .slider-inicio .section-content {
        height: 100vh;
        display: contents;
    }
    .slider-inicio .datos-slider{
        position: absolute;
        bottom: 0;
        width: 100%;
        left: 0;
    }
    .border-blanco{
        background-color: #ffffff;
        border-radius: 0 0 45px 45px;
    }
    .border-inferior .section-bg{
        border-radius: 0 0 45px 45px;
    }
    .border-blanco:before{
        position: absolute;
        z-index: 0;
        content: "";
        width: 100%;
        height: 60px;
        bottom: 0;
        left: 0;
        background-color: #000;

    }
     .border-blanco:after{
        position: absolute;
        z-index: 1;
        content: "";
        width: 100%;
        height: 60px;
        bottom: 0;
        left: 0;
        border-radius: 0 0 45px 45px;
        background-color: #fff;

    }

    .slider-inicio:after {
        position: absolute;
        z-index: 0;
        content: "";
        width: 500px;
        height: 500px;
        left: -200px;
        bottom: -100px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        
        -webkit-animation: rotateInfinite 10s linear infinite;
        animation: rotateInfinite 10s linear infinite;
		opacity:1;
    }
    .slider-inicio .flickity-page-dots {
        bottom: -60px;
    }
    .slider-inicio h1 {
        font-size: 53px;
        line-height: 53px;
    }
    .slider-inicio p{
        font-size: 16px;
    }
    .barras {
        display: flex;
        position: relative;
    }
    .barras div{
        width: 7px;
        height: 40px;
        position: relative;
        margin-top: 20px;
    }
    .barras div:nth-child(2n+0):before{
        position: absolute;
        z-index: 1;
        content: "";
        height: 20px;
        width: 2px;
        background-color: #2b2b2b;
        left: 50%;
        top: 10px;
        -webkit-animation: balloon6 2s ease-in-out infinite;
        -moz-animation: balloon6 2s ease-in-out infinite;
        -o-animation: balloon6 2s ease-in-out infinite;
        animation: balloon6 2s ease-in-out infinite;
    }
    
    .barras div:nth-child(2n+1):before{
        position: absolute;
        z-index: 1;
        content: "";
        height: 40px;
        width: 1px;
        background-color: #2b2b2b;
        left: 50%;
        top: 0px;
        -webkit-animation: balloon6 2s ease-in-out infinite;
        -moz-animation: balloon6 2s ease-in-out infinite;
        -o-animation: balloon6 2s ease-in-out infinite;
        animation: balloon6 2s ease-in-out infinite;
    }
    .barras.centro {
        justify-content: center;
    }
    .barras.centro div:nth-child(2n+0):before{
        background-color: #5c5c5c;
    }
    .barras.centro div:nth-child(2n+1):before{
        background-color: #5c5c5c;
    }
    .barras.gris div:nth-child(2n+0):before{
        background-color: #e3e3e3;
    }
    .barras.gris div:nth-child(2n+1):before{
        background-color: #e3e3e3;
    }
    .barras div:nth-child(1):before{
        animation-delay: 0s;
    }
    .barras div:nth-child(2):before{
        animation-delay: 0.2s;
    }
    .barras div:nth-child(3):before{
        animation-delay: 0.5s;
    }
    .barras div:nth-child(4):before{
        animation-delay:  0.7s;
    }
    .barras div:nth-child(5):before{
        animation-delay: 1s;
    }
    .barras div:nth-child(6):before{
        animation-delay: 1.2s;
    }
    .barras div:nth-child(7):before{
        animation-delay: 1.5s;
    }
    .barras div:nth-child(8):before{
        animation-delay: 1.7s;
    }
    .barras div:nth-child(9):before{
        animation-delay: 2s;
    }
    .barras div:nth-child(10):before{
        animation-delay: 2.2s;
    }
    .barras div:nth-child(11):before{
        animation-delay: 2.5s;
    }
    .barras div:nth-child(12):before{
        animation-delay: 2.7s;
    }
    .barras div:nth-child(13):before{
        animation-delay: 3s;
    }
    .barras div:nth-child(14):before{
        animation-delay:  3.2s;
    }
    .barras div:nth-child(15):before{
        animation-delay: 3.5s;
    }
    .barras div:nth-child(16):before{
        animation-delay: 3.7s;
    }
    .barras div:nth-child(17):before{
        animation-delay: 4s;
    }
    .barras div:nth-child(18):before{
        animation-delay: 4.2s;
    }
    .barras div:nth-child(19):before{
        animation-delay: 4.5s;
    }
    .barras div:nth-child(20):before{
        animation-delay: 4.7s;
    }
    .barras div:nth-child(21):before{
        animation-delay: 5s;
    }
    .barras div:nth-child(22):before{
        animation-delay: 5.2s;
    }
    .barras div:nth-child(23):before{
        animation-delay: 5.5s;
    }
    .barras div:nth-child(24):before{
        animation-delay:  5.7s;
    }
    .barras div:nth-child(25):before{
        animation-delay: 6s;
    }
    .barras div:nth-child(26):before{
        animation-delay: 6.2s;
    }
    .barras div:nth-child(27):before{
        animation-delay: 6.5s;
    }
    .barras div:nth-child(28):before{
        animation-delay: 6.7s;
    }
    .barras div:nth-child(29):before{
        animation-delay: 7s;
    }
    .barras div:nth-child(30):before{
        animation-delay: 7.2s;
    }
    .barras div:nth-child(31):before{
        animation-delay: 7.5s;
    }
    .barras div:nth-child(32):before{
        animation-delay: 7.7s;
    }
    .barras div:nth-child(33):before{
        animation-delay: 8s;
    }
    .barras div:nth-child(34):before{
        animation-delay:  8.2s;
    }
    .barras div:nth-child(35):before{
        animation-delay: 8.5s;
    }
    .barras div:nth-child(36):before{
        animation-delay: 8.7s;
    }
    .barras div:nth-child(37):before{
        animation-delay: 9s;
    }
    .barras div:nth-child(38):before{
        animation-delay: 9.2s;
    }
    .barras div:nth-child(39):before{
        animation-delay: 9.5s;
    }
    .barras div:nth-child(40):before{
        animation-delay: 9.7s;
    }
    .datos-slider .tradingview-widget-container {
        display: block;
    }
    .pb-10{
        padding-bottom: 10px!important;
    }
/* FIN CABECERA */

/* MAPA */
    .mapa .tooltip,
    .mapa .tooltip:before,
    .mapa .tooltip:after{
        -webkit-animation: ripple 3s infinite;
        animation: ripple 3s infinite;
        border-radius: 100%;
        box-shadow: 0 0 0 0 rgb(254 183 0 / 50%);
        top: 0;
        height: 22px;
        position: absolute;
        width: 22px;
        left: 0;
    }

    .mapa .tooltip:before{-webkit-animation-delay:.9s;animation-delay:.9s;content:"";position:absolute;top:0}
    .mapa .tooltip:after{-webkit-animation-delay:.6s;animation-delay:.6s;content:"";position:absolute;top:0}
    @-webkit-keyframes ripple{70%{box-shadow:0 0 0 25px rgba(27,215,65,0)}100%{box-shadow:0 0 0 0 rgba(27,215,65,0)}}
    @keyframes ripple{70%{box-shadow:0 0 0 25px rgba(27,215,65,0)}100%{box-shadow:0 0 0 0 rgba(27,215,65,0)}}

    .tooltipster-sidetip.tooltipster-default .tooltipster-box {
        background: #000;
        border: 2px solid #000;
    }
    .tooltipster-sidetip.tooltipster-default.tooltipster-top .tooltipster-arrow-border {
        border-top-color: #000;
    }
    .tooltipster-sidetip.tooltipster-default.tooltipster-top .tooltipster-arrow-background {
        border-top-color: #000;
  
    }
    .mapa a.hotspot i {
        font-size: .8em;
        color: transparent;
    }
    .mapa a.hotspot {
        opacity: 1;
    }
    .mapa a.hotspot:hover {
        background-color: var(--colorPrimario)!important;
    }
	#new-york,#londres,#tokio,#sindey{
		max-width: 400px;
		padding: 20px;
		border-radius: 10px;
	}
/* FIN MAPA */

/* CONTENIDO INTERNO */

    .datos h4{
        color: var(--colorPrimario);
        font-size: 1.8em;
    }
    .datos>.col-inner{
        border-radius: 25px;
        overflow: hidden;
    }
    .datos>.col-inner .large-2 {
        flex-basis: 20%;
        max-width: 20%;
    }
    .datos>.col-inner .large-2>.col-inner{
        padding-top: 40px;
        padding-bottom: 20px;
    }
    .datos .row:not(.row-collapse) {
        margin-left: auto;
        margin-right: auto;
    }
    .datos>.col-inner:before {
        position: absolute;
        z-index: 0;
        content: "";
        width: 200px;
        height: 200px;
        left: -100px;
        top: 20px;
        border-radius: 400px;
        background: radial-gradient(ellipse at center, #01A9FF 0%,#00000000 70%);
        transition: all 0.5s;
        animation: zoom-in-zoom-out 10s ease infinite;
    }
    .datos>.col-inner:after {
        position: absolute;
        z-index: 0;
        content: '\e837';
        font-family: "font_broker";
        font-size: 7rem;
        bottom: -22px;
        left: 27%;
        color: #fff;
        animation: loader 6s infinite;
    }
    .datos>.col-inner .row:before {
        position: absolute;
        z-index: 0;
        content: "";
        width: 200px;
        height: 200px;
        right: -60px;
        bottom: -70px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        background-image: url(../images/Trazado-200x200-1.webp);
        -webkit-animation: rotateInfinite 10s linear infinite;
        animation: rotateInfinite 10s linear infinite;
    }
    .noticias .row:not(.row-collapse) {
        margin-left: auto;
        margin-right: auto;
    }
    .noticias .box a.button {
        display: inline;
        color: var(--colorPrimario);
    }
    .noticias .button.primary:after {
        font-family: "font_broker";
        content: '\e811';
        margin-left: 0px;
        color: var(--colorPrimario);
        padding: 6px 7px;
        font-size: 0.5rem;
        visibility: inherit;
        opacity:1;
        transition: all 0.5s;
    }
    .noticias .button.primary:hover:after {
        margin-left: 5px;
        transition: all 0.5s;
    }
    .noticias .box-image {
        border-radius: 12px;
    }
    .noticias .box-text p {
        color: #9C9C9C;
        margin-bottom: 1.1em;
    }
    .numeracion h4 {
        color: var(--colorPrimario);
        font-size: 1.8em;
        margin-bottom: 3rem;
    }
    .numeracion h4:before {
        position: absolute;
        z-index: -1;
        content: "";
        width: 65px;
        height: 65px;
        left: calc(50% - 33px);
        top: -14px;
        
        background-color: #1e1e1e;
        border: 7px solid rgb(255 239 197);
        border-radius: 40px;
        transition: all 0.5s;
        -webkit-transition: all 0.5s ease-out;
        -moz-transition: all 0.5s ease-out;
        -ms-transition: all 0.5s ease-out;
        -o-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
    }

    .numeracion:hover h4:before {
        border: 7px solid var(--colorPrimario);
        transition: all 0.5s;
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2);
    }
    .numeracion p strong{
        color: var(--colorPrimario);
    }
    .numeracion:before {
        position: absolute;
        z-index: 1;
        content: "";
        width: 72%;
        right: -36%;
        top: 8%;
        height: 1px;
        background-color: #9C9C9C;
    }
    .numeracion.ultimo:before {
        display: none;
    }
    .historia{
        padding-bottom: 60px!important;
    }
    .periodo h4 {
        color: var(--colorPrimario);
        margin-bottom: 3rem;
        margin-left: 1rem;
        padding-top: 2.2rem;
    }
    .periodo h4:before {
        position: absolute;
        z-index: -1;
        content: "";
        width: 65px;
        height: 65px;
        left: 0;
        top: 14px;
        
        background-color: #1e1e1e;
        border: 7px solid rgb(255 239 197);
        border-radius: 40px;
        transition: all 0.5s;
        -webkit-transition: all 0.5s ease-out;
        -moz-transition: all 0.5s ease-out;
        -ms-transition: all 0.5s ease-out;
        -o-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
    }

    .periodo:hover h4:before {
        border: 7px solid var(--colorPrimario);
        transition: all 0.5s;
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2);
    }

    .periodo:before {
        position: absolute;
        z-index: 1;
        content: "";
        width: 72%;
        left: 26%;
        top: 17%;
        height: 1px;
        background-color: #9C9C9C;
    }
    .inversionistas .icon-box-left {
        border-left: 4px solid #000;
    }
    .importantes.fortalezas h4{
        color: var(--colorPrimario);
    }
    .circulo:before {
        position: absolute;
        z-index: 0;
        content: "";
        width: 300px;
        height: 300px;
        left: calc(50% - 150px);
        top: 62px;
        background-color: #1e1e1e;
        border-radius: 250px;
        -webkit-transition: all 0.5s ease-out;
        -moz-transition: all 0.5s ease-out;
        -ms-transition: all 0.5s ease-out;
        -o-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
    }
    .fortalezas:hover .circulo:before {
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2);
    }
    .mision>.col-inner{
        padding: 20px;
        border-radius: 12px;
    }
    .mision>.col-inner h1 {
        font-size: 2.2em;
    }
    .mision>.col-inner p {
        color: #9C9C9C;
    }
    .mision>.col-inner p strong{
        color: #fff;
    }
    .estadisticas h4{
        font-size: 1.8em;
        color: var(--colorPrimario);
    }
    .estadisticas{
        margin-top: 40px;
    }
    .estadisticas .large-2 {
        flex-basis: 20%;
        max-width: 20%;
    }
    .circulo-01:after {
        position: absolute;
        z-index: 0;
        content: "";
        width: 50px;
        height: 50px;
        left: 200px;
        top: 0px;
        background-color: rgba(1, 169, 255, 0.4);
        border-radius: 50px;
        -webkit-animation: balloon4 6s ease-in-out infinite;
        -moz-animation: balloon4 6s ease-in-out infinite;
        -o-animation: balloon4 6s ease-in-out infinite;
        animation: balloon4 6s ease-in-out infinite;
    }
    .facil h3{
        font-weight: 400;
		font-size: 1.4em;
    }
    .facil h3 strong{
        font-weight: 700;
    }
    .facil .col-01 .texto{
        padding-right: 250px;
    }
    .facil .col-04 .texto{
        padding-right: 200px;
    }
    .facil .col-01:before {
        position: absolute;
        z-index: 1;
        content: "";
        width: 315px;
        height: 190px;
        right: -8px;
        top: 20px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        background-image: url(../images/main_account_image5.webp);
    }
    .facil .col-04:before {
        position: absolute;
        z-index: 1;
        content: "";
        width: 280px;
        height: 280px;
        right: -30px;
        top: -70px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        background-image: url(../images/original.webp);
    }
    .destacamos .banner h1 {
        font-size: 2.5em;
    }
    .destacamos .banner h3 {
        font-size: 1.5em;
    }
    .destacamos>.col-inner{
        border-radius: 20px;
        box-shadow: 0 0 10px #d5d5d5;
        padding: 30px;
    }
	.destacamos .row-divided>.col+.col:not(.large-12) {
		border-left: 1px solid #ececec;
	}
    .fuente-6 p{
        font-size: 0.7em;
    }
    .color-1{
        background-color: rgb(0 0 0 / 40%);
        border-radius: 10px;
        padding: 10px 20px;
        margin-bottom: 5px;
        height: 95px;
        align-items: center;
        transition: all 0.5s;
        margin-left: 0px;
    }
    .color-2{
        background-color: rgb(0 0 0 / 60%);
        border-radius: 10px;
        padding: 10px 20px;
        margin-bottom: 5px;
        height: 95px;
        align-items: center;
        transition: all 0.5s;
        margin-left: 0px;
    }
    .color-3{
        background-color: rgb(0 0 0 / 80%);
        border-radius: 10px;
        padding: 10px 20px;
        margin-bottom: 5px;
        height: 95px;
        align-items: center;
        transition: all 0.5s;
        margin-left: 0px;
    }
    .color-4{
        background-color: rgb(0 0 0 / 100%);
        border-radius: 10px;
        padding: 10px 20px;
        height: 95px;
        align-items: center;
        transition: all 0.5s;
        margin-left: 0px;
    }
    .color-1.icon-box-left .icon-box-img+.icon-box-text,
    .color-2.icon-box-left .icon-box-img+.icon-box-text,
    .color-3.icon-box-left .icon-box-img+.icon-box-text,
    .color-4.icon-box-left .icon-box-img+.icon-box-text {
        padding-left: 2em;
    }
    .color-1 h3,
    .color-2 h3,
    .color-3 h3,
    .color-4 h3{
        margin-bottom: 0;
    }
    .color-1:hover{
        margin-left: 10px;
        transition: all 0.5s;
    }
    .color-2:hover{
        margin-left: -10px;
        transition: all 0.5s;
    }
    .color-3:hover{
        margin-left: 10px;
        transition: all 0.5s;
    }
    .color-4:hover{
        margin-left: -10px;
        transition: all 0.5s;
    }
/* FIN CONTENIDO INTERNO */

/* WEBINAR */
    .cabecera-webinar .fecha>.col-inner{
        box-shadow: 0 0 10px #646464;
        border-radius: 12px;
    }
    .cabecera-webinar .fecha h1{
        margin-bottom: 0.5rem;
        font-size: 3.8em;
        line-height: 3rem;
    }
    .cabecera-webinar .fecha h3{
        font-size: 1.4rem;
        margin-bottom: 0;
        line-height: 1rem;
    }
    .cabecera-webinar .fecha{
        margin-top: -50px;
        background-color: #000;
        border-radius: 12px;
    }
    .cabecera-webinar .fecha .col-01>.col-inner{
        background-color: #fff;
        padding-bottom: 18px;
        padding-top: 18px;
        border-radius: 10px;
    }
    .webinar .box-image,
    .webinar .portfolio-box-category,
    .webinar .boton-eventos,
    .webinar .badge-inner{
        display: none;
    }
    .webinar .nav-pills>li.active>a{
        color: hsla(0,0%,7%,.85);
        background-color: var(--fs-color-primary);
    }
    .webinar .nav-pills>li>a{
        color: hsla(0,0%,7%,.85)!important;
        background-color: #F5F5F5;
        line-height: 1.5em;
        padding: 1.5em 0.75em;
        margin-bottom: 2rem;
        width: 165px;
        justify-content: center;
        margin-right: 5px;
        margin-left: 5px;
    }
    .portfolio-featured-title{
        display: none;
    }

    .user-webinar {
        position: absolute;
        z-index: 1;
        left: 30px;
        top: 20px;
        width: fit-content;
        background-color: #fff;
        border-radius: 30px;
        padding: 9px 30px 9px 5px;
    }
    .user-webinar.icon-box-left .icon-box-img+.icon-box-text {
        padding-left: 1.8em;
    }
    .user-webinar .icon-box-img:before{
        position: absolute;
        z-index: -1;
        content: "";
        left: -12px;
        top: -9px;
        width: 44px;
        height: 44px;
        background-color: #000;
        border-radius: 50px;
    }
    .portfolio-share {
        justify-content: center;
        display: flex;
        border-bottom: 1px solid #9C9C9C;
        padding: 30px;
    }
    .portfolio-share .button.icon.circle {
        padding-left: 0;
        padding-right: 0;
        color: #9C9C9C;
        border: 1px solid;
        padding-top: 4px;
        padding-bottom: 4px;
        margin-left: 1.5em;
        margin-right: 1.5em;
        width: 45px;
        font-size: 1.2em;
        line-height: 2.6em;
    }
    .contenido-webinar{
        padding-bottom: 0px!important;
    }
    .contenido-webinar h3{
        font-size: 1.6rem;
    }
    .contenido-webinar h4{
        font-size: 1.4rem;
    }
    .formulario-webinar>.col-inner {
        background-color: #000;
        border-radius: 12px;
        padding: 40px;
        
    }
    .formulario-webinar>.col-inner p{
        color: #c9c9c9;
    }
    .forminator-ui.forminator-custom-form[data-design=flat] .forminator-checkbox .forminator-checkbox-box {
        border: 1px solid var(--colorPrimario)!important;
        border-radius: 4px!important;
    }
    .forminator-ui.forminator-custom-form[data-design=flat] .forminator-button{
        padding: 14px 25px!important;
    }
    .cabecera-webinar .img-inner{
        border-radius: 12px;
    }
    .portfolio-bottom {
        text-align: center;
        padding-bottom: 80px;
        padding-top: 50px;
    }
    .volver-webinar{
        font-size: 2.6rem;
        font-weight: 700;
    }
    .volver-webinar i{
        font-size: 2rem;
        margin-right: 1rem;
    }
    .portfolio-element-wrapper .col:nth-child(2n+1) .portfolio-box {
        background-color: #F5F5F5;
        border-left: 3px solid #000;
        border-radius: 0 100px 100px 0;
    }
    .portfolio-element-wrapper .col:nth-child(2n+1) .lista-flecha i{
        background-color: #01A9FF;
        width: 30px;
        height: 30px;
        display: block;
        text-align: center;
        line-height: 28px;
        border-radius: 30px;
        border: 1px solid #01A9FF;
    }
    .portfolio-element-wrapper .col:nth-child(2n+0) .lista-flecha i{
        background-color: transparent;
        width: 30px;
        height: 30px;
        display: block;
        text-align: center;
        line-height: 28px;
        border-radius: 30px;
        border: 1px solid #01A9FF;
    }
    .portfolio-box .box-text{
        display: flex;
        align-content: center;
        align-items: center;
        padding-bottom: 2em;
        padding-top: 2em;
    }
    .portfolio-element-wrapper .col{
        padding-bottom: 0;
    }
    .portfolio-element-wrapper .col a:hover{
        color: #9c9c9c;
    }
    .lista-fecha{
        text-align: center;
        width: 18%;
    }
    .lista-titulo{
        width: 45%;
        padding-left: 30px;
        border-left: 1px solid #9C9C9C;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .lista-estado{
        width: 20%;
    }
    .lista-estado span{
        background-color: #C12121;
        color: #fff;
        border-radius: 20px;
        padding: 10px 20px;
    }
    .lista-expositor{
        width: 25%;
        padding-left: 30px;
        border-left: 1px solid #9C9C9C;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    

    .lista-fecha h1 {
        font-size: 2.4em;
        margin-bottom: 0;
        line-height: 1.5rem;
    }
    .lista-flecha{
        width: 10%;
        display: flex;
        justify-content: center;
    }
/* FIN WEBINAR */

/* EVENTOS */
    .eventos .nav-pills>li.active>a{
        color: hsla(0,0%,7%,.85);
        background-color: var(--fs-color-primary);
    }
    .eventos .nav-pills>li>a{
        color: hsla(0,0%,7%,.85)!important;
        background-color: #F5F5F5;
        line-height: 1.5em;
        padding: 1.5em 0.75em;
        margin-bottom: 2rem;
        width: 165px;
        justify-content: center;
        margin-right: 5px;
        margin-left: 5px;
    }
    .featured-item-category-eventos .portfolio-bottom{
        display: none;
    }
    .featured-item-category-eventos  .portfolio-share {
        border-bottom: 0px solid #9C9C9C;
    }
    .border-12 img{
        border-radius: 12px;
    }
    .featured-item-category-eventos .box-image{
        border-radius: 12px;
    }
    .eventos .lista-fecha,
    .eventos .lista-estado,
    .eventos .lista-expositor,
    .eventos .lista-flecha{
        display: none;
    }
    .eventos .lista-titulo {
        width: 100%;
        padding-left: 0px;
        border-left: 0px solid #9C9C9C;
        padding-top: 10px;
        padding-bottom: 10px;
        font-size: 1rem;
    }
    .eventos .portfolio-element-wrapper .col:nth-child(2n+1) .portfolio-box {
        background-color: #F5F5F5;
        border-left: 0px solid #000;
        border-radius: 12px;
    }
    .eventos .portfolio-element-wrapper .col:nth-child(2n+0) .portfolio-box {
        background-color: #F5F5F5;
        border-left: 0px solid #000;
        border-radius: 12px;
    }
    .eventos .overlay {
        background-color: rgba(0,0,0,.3);
    }
    .eventos .badge-circle-inside .badge-inner {
        border-radius: 8px 0 0 0;
    }
    .eventos .box-image {
        padding: 0px;
    }
    .eventos .image-cover{
        border-radius: 10px;
    }
    .eventos .portfolio-box .box-text {
        padding-bottom: 1em;
        padding-top: 0em;
    }
    .eventos .portfolio-box-category{
        color: #01A9FF;
    }
    .eventos .badge.post-date {
        top: 0%;
    }
    .eventos .badge-circle-inside {
        margin-left: 0em;
    }
    .eventos .box-text p {
        font-weight: 600;
    }
    .boton-eventos{
        font-weight: 800;
        font-size: .8em;
    }
    .boton-eventos i{
        font-size: 0.6rem;
    }
    .featured-item-category-eventos .video.video-fit{
        padding-top: 0!important;
    }
/* FIN EVENTOS */

/* TABLA */
    .tablepress>:where(thead,tfoot)>*>th {
        background-color: #01A9FF;
        text-align: center;
    }
    .tablepress>:not(caption)>*>* {
        text-align: center;
    }
    .tablepress {
        border: 1px solid #f0f3fa;
    }
    .tablepress td,.tablepress th {
        padding-top: 0.8rem;
        padding-bottom: 0.8rem;
    }
/* FIN TABLAS */

/* HORARIOS */
    .horarios{
        padding-bottom: 40px!important;
    }
/* FIN HORARIOS */

/* MARQUEE */
    .marquee-wrapper{
      background:#fff;
      text-align:center;
    }
    .marquee-wrapper .container{
      overflow:hidden;
    }
    .marquee-inner span{
      float:left;
      width:50%;
    }
    .marquee-wrapper .marquee-block{
      --total-marquee-items:9;
      height: 50px;
      width: calc(180px * (var(--total-marquee-items)));
      overflow: hidden;
      box-sizing: border-box;
      position: relative;
      margin: 0px auto;
        background: #ffffff;
        padding: 0px 0;
    }
    .marquee-inner{
      display: block;
      width: 200%;
      position: absolute;
    }
    .marquee-inner p{
      font-weight: 800;
      font-size: 30px;
      font-family: cursive;
    }
    .marquee-inner.to-left{
      animation: marqueeLeft 25s linear infinite;
    }
    .marquee-inner.to-right{
      animation: marqueeRight 25s linear infinite;
    }
    .marquee-item{
      width: 160px;
      height: auto;
      display: inline-block;
      margin: 0 10px;
      float: left;
      transition: all .2s ease-out;

    }
    @keyframes marqueeLeft{
      0% {
        left: 0;
      }
      100% {
        left: -100%;
      }
    }
    @keyframes marqueeRight{
      0% { 
        left: -100%; 
      }
      100% {
       left: 0; 
      }
    }
/* FIN MARQUEE */

/* PROMOCIONES */
    .formulario-promociones>.col-inner{
        padding: 40px;
        background-color: #fff;
        border-radius: 20px;
        box-shadow: 0 0 10px #e2e2e2;
    }
    .promociones.cabecera h1 {
        margin-top: 1rem;
    }
    .promociones .pricing-table .price {
        font-size: 1.5em;
    }
    .promociones .pricing-table .title {
        background-color: rgb(0 0 0);
        color: #fff;
        border-radius: 10px 10px 0 0;
        padding: 1.5em 15%;
    }
    .promociones .pricing-table{
        border-radius: 10px;
    }

/* PROMOCIONES */

/*RECURSOS*/

    .text-box-content {
        font-size: initial!important;
    }
    .large-4 .res-text {
        font-size: initial!important;
    }
    .recursos .dark .banner a {
        color: #01A9FF;
    }
    .recursos .dark .banner a.button.primary {
        color: #000;
    }
    .recursos .banner strong{
        color: #01A9FF;
    }
    .recursos .banner ul li{
        margin-bottom: 0em;
    }
    #opera-mfx,#intense-trading,#mentoring-mfx{
        border-radius: 20px;
    }
    .full-ancho{
        width: 100%!important;
    }
/*FIN RECURSOS*/

/*LEGALES*/
    .pb-40{
        padding-bottom: 40px!important;
    }
    .legales .nav.nav-line-bottom.nav-vertical>li>a{
        color: hsla(0,0%,7%,.85)!important;
    }
    .legales .nav.nav-line-bottom.nav-vertical>li>a:after{ 
        content: '\e812'; 
        font-family: "font_broker";
        position: absolute;
        right: 0;
    }
    .legales .nav:hover>li:not(:hover)>a:before {
        opacity: 1;
    }
    .legales .nav-line-bottom>li>a:before{
        background-color: #e2e2e2;
        height: 1px;
        opacity: 1;
    }
    .legales .nav-line-bottom>li.active>a:before{
        opacity: 1;
        background-color: var(--fs-color-primary);
        height: 3px;
    }
    .descarga-legales{
        border: 1px solid #000;
        border-radius: 10px;
        padding: 20px 20px 20px 10px;
    }
/*FIN LEGALES*/


.slider-landing .flickity-page-dots {
    left: 1%;
    right: auto;
}
.bene .hovertextos p{
	display:none;
    width: 100%;
    margin: auto;
	color:#ffffff;
}
.bene:hover .hovertextos p{
	display:inherit;
}
.bene .hovertextos h3{
	display:initial;
}
.bene:hover .hovertextos h3{
	display:none;
}


@media only screen and (max-width: 1680px) {
		.header .flex-row{
			padding-left: 2.75em;
			padding-right: 2.75em;
		}
	}

@media only screen and (max-width: 1500px) {
    /*************** ADD MOBILE ONLY CSS HERE  ***************/


}

@media only screen and (max-width: 1300px) {
    /*.header .flex-row {
        max-width: 98%;
    }*/
    .full-seccion {
        height: 820px;
    }
	.header .flex-row{
		padding-left: 15px;
		padding-right: 15px;
	}
}

@media only screen and (max-width: 1200px) {
	#logo {
        width: calc((100% - 54.88rem)/2)!important;
    }
	.nav-spacing-xlarge>li {
		margin: 0px 12px;
	}
	.header-wrapper .button {
		padding: 0.5em 1.2em;
	}
}

@media only screen and (max-width: 1024px) {
    .cabecera h1 {
        font-size: 2.8em;
        margin-bottom: 0.2em;
        line-height: 3rem;
    }
    h1 {
        font-size: 2.0em;
    }
    .mt-200 {
        margin-top: 0px;
    }
	.lista-fecha h1 {
		font-size: 2.0em;
	}
}

@media only screen and (max-width: 900px) {
    .mt-200 {
        margin-top: 0px;
    }
    .enfoque .tabbed-content .nav-vertical {
        width: 100%;
    }

}

@media only screen and (max-width: 849px) {
    #logo {
        width: 70px!important;
    }
    .blog .tabbed-content .nav-vertical {
        width: 100%;
        padding-top: 70px;
        margin-left: 0px;
        margin-bottom: 20px;
    }
    .blog .tabbed-content .uppercase.text-center {
        text-transform: initial;
        position: relative;
        right: 0;
        top: 80px;
        width: 100%;
    }
    .blog .nav.nav-vertical li a {
        justify-content: center;
        padding: 0px 0;
    }
    .blog .nav-simple {
        order: 0;
    }
    .estadisticas .large-2 {
        flex-basis: 20%;
        max-width: 20%;
    }
}

@media only screen and (max-width: 48em) {
    /*************** ADD MOBILE ONLY CSS HERE  ***************/
    .datos>.col-inner .large-2>.col-inner p{
        font-size: 0.8rem!important;

    }
    .estadisticas .large-2 {
        flex-basis: 33%;
        max-width: 33%;
    }
	.portfolio-element-wrapper .col:nth-child(2n+1) .portfolio-box {
		float: left;
	}
	.portfolio-box .box-text {
		float: left;
		display: flow-root;
	}
	.lista-fecha {
		width: 40%;
		float: left;
	}
	.lista-titulo {
		width: 60%;
		padding-top: 15px;
		padding-bottom: 15px;
		float: left;
	}
	.lista-estado {
		width: 40%;
		float: left;
		text-align: center;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.lista-expositor {
		width: 50%;
		float: left;
	}
	.lista-flecha {
		width: 10%;
		float: left;
	}
}

@media only screen and (max-width: 600px) {

    .datos>.col-inner .large-2 {
        flex-basis: 33%;
        max-width: 33%;
        padding-bottom: 10px;
    }
}

@media only screen and (max-width: 549px) {
	 .pb-10.fondo-ventajas{
		padding-bottom: 150px !important;
		background-color: #f8f8f8;
	}
	.fondo-ventajas .bg-fill {
		background-position: 50% 100%;
		background-repeat: no-repeat !important;
		background-size: contain!important;
	}
	.slider-landing .flickity-page-dots {
		left: 20%;
		right: 20%;
		bottom: 0px;
	}
	.fondo-img {
		padding-top: 100px !important;
		padding-bottom: 250px !important;
	}
	.fondo-img .bg-fill {
		background-position: 100% 100% !important;
		background-size: 100% !important;
	}
	.destacamos .row-divided>.col+.col:not(.large-12) {
		border-left: 0px solid #ececec;
	}
	.accordion-title {
		padding: .6em 2.3em .6em 1em;
	}
	.accordion .toggle {
		top: 1em;
	}
	.socios {
		height: 260px;
	}
	.h1, .h2, h1, h2 {
		line-height: 1.0;
	}
	.facil .col-01 .texto {
		padding-right: 0px;
		padding-bottom: 130px;
	}
	.facil .col-01:before {
		left: calc(50% - 150px);
		right: auto;
		top: auto;
		bottom: 50px;
	}
	.facil .col-04 .texto {
		padding-right: 0px;
		padding-bottom: 200px;
	}
	.facil .col-04:before {
		right: auto;
		left: calc(50% - 140px);
		top: auto;
		bottom: 0px;
	}
	.destacamos .banner h1 {
		font-size: 2.0em;
	}
	.lista-estado {
		width: 100%;
		float: left;
		text-align: center;
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.lista-fecha {
		width: 35%;
		float: left;
	}
	.lista-titulo {
		width: 65%;
		padding-top: 5px;
		padding-bottom: 5px;
		float: left;
		padding-left: 10px;
	}
	.lista-expositor {
		width: 80%;
		float: left;
		border-left: 0px solid #9C9C9C;
	}
	.portfolio-element-wrapper .col:nth-child(2n+1) .portfolio-box {
		border-radius: 0 50px 50px 0;
	}
    .mt-40 {
        margin-top: 0px;
    }
    .mt-040 {
        margin-top: 0px;
    }
    .reconocimientos .divider{
        display: none;
    }
    .reconocimientos .icon-box-img{
        width: 140px!important;
    }
    .button.is-outline {
        line-height: 2.2em;
    }
    .button, button, input[type=button], input[type=reset], input[type=submit] {
        line-height: 2.2em;
        min-height: 2.2em;
        padding: 1em 1.2em;
        margin-bottom: 1rem;
        margin-right: 0rem;
        display: block;
    }
    .full-seccion {
        height: auto;
    }
    .slider-inicio .button{
        display: inline;
        margin-right: 0.2rem;
    }
    .slider-inicio .col-inner{
        text-align: center;
    }
    .datos>.col-inner .large-2 {
        flex-basis: 50%;
        max-width: 50%;
    }
    .datos>.col-inner .large-2>.col-inner {
        text-align: center;
    }
    .logos-bancos {
        margin-bottom: -100px;
    }
    .numeracion:before{
        display: none;
    }
    .numeracion h4:before {
        width: 75px;
        height: 75px;
        left: calc(50% - 37px);
        top: -15px;
    }
    .cabecera h1 {
        font-size: 2.2em;
        margin-bottom: 0.2em;
    }
    h2 {
        font-size: 1.0em;
    }
    .estadisticas .large-2 {
        flex-basis: 50%;
        max-width: 50%;
    }
    .estadisticas .large-2>.col-inner{
        text-align: center;
    }
    .filtros-categoria .tab-panels {
        padding-top: 2em;
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media only screen and (min-width: 1680px) {
	.slider-inicio .section-content>.row {
		max-width: 1280px;
	}
	.slider-inicio .section-content>.row .row.row-collapse {
		max-width: 1250px;
	}
    .section .row {
        max-width: 1100px;
    }
    .section .row.row-collapse {
        max-width: 1100px;
    }
    .section .row.row-large {
        max-width: 1100px;
    }
	#logo {
		width: calc((100% - 71.88rem)/2)!important;
	}
}

@media only screen and (max-width: 849px) {
    #logo {
        width: 150px !important;
    }

    .transparent #logo {
        width: fit-content !important;
    }
}