/*********************************************
 * DPF CONTENT GLOBAL STYLES FCV: 27/11/2019
 *********************************************/
html {
  padding:0;
  margin: 0;
  overflow: hidden;
  scroll-behavior: smooth;
  height:100%;
  height: calc( var(--vh, 1vh) * 100);
  width:100%;
  -webkit-font-smoothing:antialiased;
  -webkit-tap-highlight-color:rgba(255,255,255,0);
  -webkit-tap-highlight-color:transparent;
  -webkit-overflow-scrolling: touch;
}
body {
  height: 100%;
  overflow: hidden;
  position: relative;
  line-height: 1;
  margin: 0;
  background-color: #eee;/*transparent;*/
  color: white;
  user-select: none;
}
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
*:before, *:after {
    box-sizing: border-box;
}
/*********************************************
 * GLOBAL FONTS
 *********************************************/
@font-face{
    font-family:SourceSansPro;
    font-weight:normal;
    font-style:normal;
    src:url(../assets/fonts/sourcesanspro/sourcesanspro-regular-webfont.eot);
    src:url(../assets/fonts/sourcesanspro/sourcesanspro-regular-webfont.eot?#iefix) format("embedded-opentype"),
        url(../assets/fonts/sourcesanspro/sourcesanspro-regular-webfont.woff) format("woff"),
        url(../assets/fonts/sourcesanspro/sourcesanspro-regular-webfont.ttf) format("truetype"),
        url(../assets/fonts/sourcesanspro/sourcesanspro-regular-webfont.svg#SourceSansPro) format("svg")
}
@font-face{
    font-family:SourceSansProBold;
    font-weight:bold;
    font-style:normal;
    src:url(../assets/fonts/sourcesanspro/sourcesanspro-bold-webfont.eot);
    src:url(../assets/fonts/sourcesanspro/sourcesanspro-bold-webfont.eot?#iefix) format("embedded-opentype"),
        url(../assets/fonts/sourcesanspro/sourcesanspro-bold-webfont.woff) format("woff"),
        url(../assets/fonts/sourcesanspro/sourcesanspro-bold-webfont.ttf) format("truetype"),
        url(../assets/fonts/sourcesanspro/sourcesanspro-bold-webfont.svg#SourceSansProBold) format("svg")
}
@font-face{
    font-family:SourceSansProLight;
    font-weight:normal;
    font-style:normal;
    src:url(../assets/fonts/sourcesanspro/sourcesanspro-light-webfont.eot);
    src:url(../assets/fonts/sourcesanspro/sourcesanspro-light-webfont.eot?#iefix) format("embedded-opentype"),
        url(../assets/fonts/sourcesanspro/sourcesanspro-light-webfont.woff) format("woff"),
        url(../assets/fonts/sourcesanspro/sourcesanspro-light-webfont.ttf) format("truetype"),
        url(../assets/fonts/sourcesanspro/sourcesanspro-light-webfont.svg#SourceSansProLight) format("svg")
}
@font-face{
    font-family:Lato;
    font-weight:normal;
    font-style:normal;
    src:url(../assets/fonts/Lato/Lato-Regular.ttf) format("truetype")
}
@font-face{
    font-family:LatoBold;
    font-weight:bold;
    font-style:normal;
    src:url(../assets/fonts/Lato/Lato-Bold.ttf) format("truetype")
}
@font-face{
    font-family:LatoLight;
    font-weight:normal;
    font-style:normal;
    src:url(../assets/fonts/Lato/Lato-Light.ttf) format("truetype")
}
@font-face{
    font-family:Montserrat;
    font-weight:normal;
    font-style:normal;
    src:url(../assets/fonts/Montserrat/Montserrat-Regular.ttf) format("truetype")
}
@font-face{
    font-family:MontserratBold;
    font-weight:bold;
    font-style:normal;
    src:url(../assets/fonts/Montserrat/Montserrat-Bold.ttf) format("truetype")
}
@font-face{
    font-family:MontserratLight;
    font-weight:normal;
    font-style:normal;
    src:url(../assets/fonts/Montserrat/Montserrat-Light.ttf) format("truetype")
}
@font-face{
    font-family:OpenSansLight;
    font-weight:normal;
    font-style:normal;
    src:url(../assets/fonts/Opensans/OpenSans-Light.ttf) format("truetype")
}
@font-face{
    font-family:OpenSansMedium;
    font-weight:normal;
    font-style:normal;
    src:url(../assets/fonts/Opensans/OpenSans-Medium.ttf) format("truetype")
}
@font-face{
    font-family:OpenSansRegular;
    font-weight:normal;
    font-style:normal;
    src:url(../assets/fonts/Opensans/OpenSans-Regular.ttf) format("truetype")
}
@font-face{
    font-family:Roboto;
    font-weight:normal;
    font-style:normal;
    src:url(../assets/fonts/Roboto/Roboto-Light.ttf) format("truetype")
}
@font-face{
    font-family:CenturyGothic;
    font-weight:normal;
    font-style:normal;
    src:url(../assets/fonts/century/GothicA1-Light.ttf) format("truetype")
}
/*********************************************
 * SCROLLBARS AND HTML COMPONENTS CLASSES
 *********************************************/
::-webkit-scrollbar {
  display: none;
  width: 5px;
}
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px transparent; 
  border-radius: 10px;
}
::-webkit-scrollbar-thumb {
  background: transparent; 
  border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
  background: transparent; 
}
::selection{
	
}
[contenteditable]:focus {
    outline: none;
}
div:focus {
  outline: none;
}
button, input, select, textarea {
    display: inline-block;
    background: transparent;
    font-family: var(--title-font-family);
    font-size: inherit;
    font-weight: inherit;
    border: none;
    margin: 0;
    user-select: none;
    cursor: pointer;
    appearance: none;
}
button {
    touch-action: manipulation;
}
img {
    vertical-align: middle;
    -ms-interpolation-mode: bicubic;
    max-width: 100%;
    height: auto;
    border: 0;
}
svg {
    vertical-align: top;
    overflow: hidden;
    stroke:  white; 
}
svg.black  {
    fill: #fff;
}
svg.white {
    fill: #fff;
}
svg.invalid{
    stroke: red!important;
}
figure {
    height: inherit;/*100%;*/
    width: 100%;
    pointer-events: all;
    cursor: pointer;
	position: relative;
    z-index: 1;
}
figure {
    margin: 0;
    display: flex!important;
    flex-flow: column;
}
figure figcaption {
    user-select: text;
	position: relative;
    display: flex;
    flex-direction: row;
	z-index: 1;
}
figure figcaption .credits {
    font-family: var(--font-family);
    font-size: 0.75em;
    text-align: left;
    text-align: -webkit-left;
    line-height: 1;
	margin-top: 6px;
	margin-bottom: 1em;
	flex: 80%;
}
figure figcaption .credits .copyright{
	text-align: -webkit-center;
}
figure figcaption .duration {
	font-family: var(--font-family);
    font-size: 0.75em;
    text-align: -webkit-left;
    line-height: 1;
    margin-top: 6px;
    margin-bottom: 1em;
    flex: 2%;
    display: flex;
    justify-content: end;
}
p + figure{
	margin-top: 1em!important;
}
button:disabled {
  opacity: 0.25;
  cursor: not-allowed;
}
li {
    list-style: none;
}
h3, h4 {
    margin: 0;
    line-height: 1;
    font-family: var(--font-family);
}
h3 {
    margin: 20px 0 20px;
    font-size: 1rem!important;
	line-height: 2;
    /*
	background-color: darkgrey;
    border: 1px #2b445a solid;
    border-radius: 4px;
	*/
	border-bottom: 1px var(--primary) solid;
    border-top: 1px var(--primary) solid;
}
.filtered h3{
	border-bottom: 1px white solid;
    border-top: 1px white solid;
}
h3.sticky{
    position: -webkit-sticky;
    position: sticky;
    z-index: 3;
    top: 3em;
    background-color: #ccc;
    padding: 20px 0;
}
p + h3,
figure + h3 {
	margin: 1em 0 !important;
}
h4 {
    margin: 20px 0 20px;
    font-size: 1rem;
    font-weight: 100;
}
/*h1 {
    font-size: 1.25rem;
    border-bottom: 1px #666 solid;
    border-top: 1px #666 solid;
    margin-bottom: 1em;
    background: #ddd;
}*/
h1{
	font-size: 2em!important;
	font-weight: 400;
}
figure + h1 {
	margin-top: 1em!important;
}
h1::first-letter {
  
}
h1 .tagline {
    font-size: 1.5rem;
    text-transform: uppercase;
    display: block;
    font-weight: normal;
    line-height: normal;
    margin-top: 0;
    letter-spacing: 0;
    max-width: 600px;
    width: 80%;
}
.rise h1{
    line-height: 1.1;
    margin: 60px 0 !important;
}
h1 .title {
    display: block;
    letter-spacing: 0.063em;
    max-width: 700px;
    width: 90%;
}
h1 .subtitle {
    display: block;
    font-size: 1.1rem;
    font-weight: normal;
    line-height: normal;
    margin-top: 0;
    margin-bottom: 1.875em;
    max-width: 500px;
    width: 60%;
}
h2 {
    font-family: var(--font-family);
    font-size: 1.375em;
}
h2 .tagline {
    display: block;
    font-size: 1.3rem;
    line-height: normal;
    margin-top: 0;
    letter-spacing: 0;
    max-width: 600px;
    width: 80%;
}
h2 .title {
    display: block;
    margin-top: 0.4em;
    margin-bottom: 0.4em;
    letter-spacing: 0;
    font-size: clamp(20px, 10vmin, 2rem);/*2rem;*//*3rem;*//*5vmin;*//*2.5rem;*/
    line-height: 1;
    letter-spacing: 1px;
    max-width: 700px;
    width: 90%;
}
h2 .subtitle {
    display: block;
    font-size: 1.275rem;
    line-height: normal;
    margin-top: 0;
    max-width: 600px;
    width: 70%;
}
a {
    color: #1A5A7A;
    color: #fff;
    outline: none;
    text-decoration: none;
}
a.s {
	color: #2b445a!important;
    transition: all .2s;
    background: linear-gradient(to bottom,#ffb600 0,#ffb600 100%);
    background-position: 0 0;
    background-repeat: repeat-y;
    background-size: 0 0;
	font-weight: 600;
}
a.s:hover {
    background-size: 100% 100%;
}
pre {
	position: relative;
    margin: 1em 0em !important;
    align-items: center;
    justify-content: center;
    padding: 1%;
    margin: 0 0 10px;
    font-family: monospace !important;
    color: #666;
    line-height: 1.45 !important;
    background-color: #f9f9f9;
    border: 1px solid #bbb;
    border-radius: 2px;
    white-space: pre-wrap !important;
    word-wrap: break-word;
    overflow: visible;
}
hr{
	background-color: currentColor;
    border: 0;
    max-width: 25%;
    opacity: 1;
    margin: 1em auto!important;
    height: 1px;
}
/* GLOBAL STYLES */
.page-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    perspective: 1000px;
    perspective-origin: center center;
}
.main-wrapper {
    height: 100%;
    width: 100%;
    position: absolute;
    overflow: clip;/*for scrollintoview*/
}
.main-wrapper.filtered {
    background-color: black!important;
    --text: white!important;
}
.main-wrapper .content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 2;
    -webkit-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
    transition: 0.5s ease;
}
.main-wrapper .content--scroll {
    width: 100%;
    height: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none;
    overflow-x: hidden;
    overflow-y: auto;
    outline: 0;    
}
.desktop.landscape .content--scroll{
    height: 80vh;
}
.desktop.portrait .content--scroll{
    height: 80vh;
}
.ipad.landscape .content--scroll{
    height: 69vh;
}
.ipad.portrait .content--scroll{
    height: 74vh;
}
.android.mobile.landscape .content--scroll{
    height: 67vh;
}
.android.mobile.portrait .content--scroll{
    height: 80vh;
}
.android.tablet.portrait .content--scroll{
    height: 83vh;
}
.main-wrapper .content .contentWrapper{
    -webkit-transition:1.8s ease !important;
    -moz-transition:1.8s ease !important;
    -ms-transition:1.8s ease !important;
    transition:1.8s ease !important;
    user-select: none;
    margin-bottom: 2em;
}
.columns {
    display: flex;
    position: relative;
    flex-direction: row-reverse;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    height: 100%;
	flex: 1 0 100%;
}   
.columns.reverse{
	flex-direction: row;
}
.columns.switchR{
	flex-direction: row-reverse;
}
.columns.switchR .onethird{
	flex: 1 1 65%;
}
.columns.switchR .twothird{
	flex: 1 1 35%;
}
.columns.switchL{
	flex-direction: row;
}
.columns.switchL .onethird{
	flex: 1 1 65%;
}
.columns.switchL .twothird{
	flex: 1 1 35%;
}
.columns.switchR .onehalf{
	flex: 1 1 41.66vw;
}
.columns.switchR .twohalf{
	flex: 1 1 59vw;
}
.columns.switchL .onehalf{
	flex: 1 1 41.66vw;
}
.columns.switchL .twohalf{
	flex: 1 1 59vw;
}
.portrait .columns{
	flex-direction: column;/*column-reverse;*/
}
.media {
    position: relative;
    height: 100vh;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    transition: all 0.2s linear 0s !important;
}
.twothird {
    display: flex;
    flex: 1 1 65%;
}
.onethird {
    display: flex;
    flex: 1 1 35%;
} 
.onehalf,
.twohalf {
    display: flex;
    flex: 1 1 50%;
}
.mobile.portrait .twothird {
    left: 0;
}
.media-wrapper{
  position: absolute; 
  width: 100%;
  height: 100%;
  /*pointer-events: none; OJO CAMBIADO 8/JUN/2024*/
}
/* SHADOW STYLES */
.shadow-wrapper{
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 2;
	/* Si hay un problema con la descarga de videos poner all */
	pointer-events: none!important;
}
.overlay{
    position:absolute;
    width:100%;
    min-height:100%;
}
/* Sombra de izquierda a derecha para texto a la izquierda */
.shadowLR{
    -webkit-transition:opacity 0.2s linear, visibility 0.2s linear;
    -moz-transition:opacity 0.2s linear, visibility 0.2s linear;
    transition:opacity 0.2s linear, visibility 0.2s linear;
    background:-moz-linear-gradient(left, #000 0%, transparent 100%);
    background:-webkit-gradient(linear, left top, right top, color-stop(0%, #000),color-stop(100%, transparent));
    background:-webkit-linear-gradient(left, #000 0%, transparent 100%); /*100%*/
    background:-o-linear-gradient(left, #000 0%, transparent 100%);
    background:-ms-linear-gradient(left, #000 0%, transparent 100%);
    background:linear, to right, black 0%, transparent 100%;
    pointer-events:none
}
/* Sombra de izquierda a derecha igual que LR pero para fragment */
.shadowFragment{
	width: 35%;
    opacity: 0.85;
	display: block;
    visibility: visible;
    -webkit-transition:opacity 0.2s linear, visibility 0.2s linear;
    -moz-transition:opacity 0.2s linear, visibility 0.2s linear;
    transition:opacity 0.2s linear, visibility 0.2s linear;
    background:-moz-linear-gradient(left, #000 0%, transparent 100%);
    background:-webkit-gradient(linear, left top, right top, color-stop(0%, #000),color-stop(100%, transparent));
    background:-webkit-linear-gradient(left, #000 0%, transparent 100%);
    background:-o-linear-gradient(left, #000 0%, transparent 100%);
    background:-ms-linear-gradient(left, #000 0%, transparent 100%);
    background:linear, to right, black 0%, transparent 100%;
    pointer-events:none
}
/* Sombra de derecha a izquierda para texto a la derecha */
.shadowRL{
    -webkit-transition:opacity 0.2s linear, visibility 0.2s linear;
    transition:opacity 0.2s linear, visibility 0.2s linear;
    background: linear-gradient(to left, #000, transparent 75%);
    pointer-events:none
}
/* Sombra de izquierda a derecha degrada a blanco  para texto EN NEGRO, combinar con contentwrapper black */
.shadowBW{
    -webkit-transition:opacity 0.2s linear, visibility 0.2s linear;
    -moz-transition:opacity 0.2s linear, visibility 0.2s linear;
    transition:opacity 0.2s linear, visibility 0.2s linear;
    background:-webkit-linear-gradient(0deg, white, transparent 30%);
    background: linear-gradient(0deg, white, transparent 30%);
    pointer-events:none
}
/* Sombra de abajo a arriba degradada a negro  para texto EN NEGRO, combinar con contentwrapper black */
.shadowBU{
    -webkit-transition:opacity 0.2s linear, visibility 0.2s linear;
    -moz-transition:opacity 0.2s linear, visibility 0.2s linear;
    transition:opacity 0.2s linear, visibility 0.2s linear;
    background:-moz-linear-gradient(bottom, #000 0%, transparent 45%);
    background:-webkit-gradient(linear, bottom top, bottom top, color-stop(0%, #000),color-stop(45%, transparent));
    background:-webkit-linear-gradient(bottom, #000 0%, transparent 45%);
    background:-o-linear-gradient(bottom, #000 0%, transparent 45%);
    background:-ms-linear-gradient(bottom, #000 0%, transparent 45%);
    background:linear, to top, black 0%, transparent 45%;
    pointer-events:none
}
/* Sombra de arriba a abajo degradada a negro para texto EN NEGRO, combinar con contentwrapper black */
.shadowUB {
    -webkit-transition: opacity 0.2s linear, visibility 0.2s linear;
    -moz-transition: opacity 0.2s linear, visibility 0.2s linear;
    transition: opacity 0.2s linear, visibility 0.2s linear;
    background: -moz-linear-gradient(top, #000 0%, transparent 45%);
    background: -webkit-gradient(linear, top bottom, top bottom, color-stop(0%, #000), color-stop(45%, transparent));
    background: -webkit-linear-gradient(top, #000 0%, transparent 45%);
    background: -o-linear-gradient(top, #000 0%, transparent 45%);
    background: -ms-linear-gradient(top, #000 0%, transparent 45%);
    background: linear, to bottom, black 0%, transparent 45%;
    pointer-events: none;
}
.shadowDpfCB{
    -webkit-transition:transform 0.3s ease-in-out;
    -moz-transition:transform 0.3s ease-in-out;
    transition:transform 0.3s ease-in-out;
    background:-webkit-linear-gradient(rgba(0,0,0,0), rgb(1 1 1 / 65%));
    background:-o-linear-gradient(rgba(0,0,0,0), rgb(1 1 1 / 65%));
    background:-ms-linear-gradient(rgba(0,0,0,0), rgb(1 1 1 / 65%));
    
    background: linear-gradient(rgba(0,0,0,0), rgb(1 1 1 / 65%));
}
.shadowHV {
    -webkit-transition: opacity 0.2s linear, visibility 0.2s linear;
    -moz-transition: opacity 0.2s linear, visibility 0.2s linear;
    transition: opacity 0.2s linear, visibility 0.2s linear;
    background: -moz-linear-gradient(bottom, #000 0%, transparent 45%);
    background: -webkit-linear-gradient(bottom, #000 -100%, #00000033 100%);
    pointer-events: none;
}
/* Animaciones de contenido
.animate .shadow-wrapper {
    opacity:0;
    -webkit-animation:fade_in ease forwards 1s 0s;
    -moz-animation:fade_in ease forwards 1s 0s;
    animation:fade_in ease forwards 1s 0s
}
.animate .media-wrapper {
    opacity:0;
    -webkit-animation:fade_in ease forwards 1s 0.5s;
    -moz-animation:fade_in ease forwards 1s 0.5s;
    animation:fade_in ease forwards 1s 0.5s
}
.animate .tagline{
    opacity:0;
    -webkit-animation:fade_in ease forwards 1s 0.5s;
    -moz-animation:fade_in ease forwards 1s 0.5s;
    animation:fade_in ease forwards 1s 0.5s;
}
.animate .title {
    opacity:0;
    -webkit-animation:fade_in ease forwards 1s 0.75s;
    -moz-animation:fade_in ease forwards 1s 0.75s;
    animation:fade_in ease forwards 1s 0.75s;
}
.animate .subtitle{
    opacity:0;
    -webkit-animation:fade_in ease forwards 1s 1s;
    -moz-animation:fade_in ease forwards 1s 1s;
    animation:fade_in ease forwards 1s 1s;
}
.animate .contentText{
    opacity:0;
	width: 95%;
    -webkit-animation:fade_in ease forwards 1s 1.5s;
    -moz-animation:fade_in ease forwards 1s 1.5s;
    animation:fade_in ease forwards 1s 1.5s;
}
.animate .ln2-span-header-number { 
	opacity:0;
    -webkit-animation:fade_in ease forwards 1s 1.25s;
    -moz-animation:fade_in ease forwards 1s 1.25s;
    animation:fade_in ease forwards 1s 1.25s;
}
.animate .ln2-span-header-title { 
    opacity:0;
    -webkit-animation:fade_in ease forwards 1s 1.25s;
    -moz-animation:fade_in ease forwards 1s 1.25s;
    animation:fade_in ease forwards 1s 1.25s;
}
 */
 /* Animaciones de contenido */
.animate .shadow-wrapper {
    opacity:0;
    -webkit-animation:fade_in ease forwards 1s 0s;
    -moz-animation:fade_in ease forwards 1s 0s;
    animation:fade_in ease forwards 1s 0s
}
.animate .media-wrapper {
    opacity:0;
    -webkit-animation:fade_in ease forwards 1s 0.25s;
    -moz-animation:fade_in ease forwards 1s 0.25s;
    animation:fade_in ease forwards 1s 0.15s
}
.animate .tagline{
    opacity:0;
    -webkit-animation:fade_in ease forwards 1s 0.25s;
    -moz-animation:fade_in ease forwards 1s 0.25s;
    animation:fade_in ease forwards 1s 0.25s;
}
.animate .title {
    opacity:0;
    -webkit-animation:fade_in ease forwards 1s 0.5s;
    -moz-animation:fade_in ease forwards 1s 0.5s;
    animation:fade_in ease forwards 1s 0.5s;
}
.animate .subtitle{
    opacity:0;
    -webkit-animation:fade_in ease forwards 1s 0.75s;
    -moz-animation:fade_in ease forwards 1s 0.75s;
    animation:fade_in ease forwards 1s 0.75s;
}
.animate .contentText{
    opacity:0;
	width: 95%;
    /*-webkit-animation:fade_in ease forwards 750ms 750ms;
    -moz-animation:fade_in ease forwards 750ms 750ms;
    animation:fade_in ease forwards 750ms 750ms;*/
	 -webkit-animation:fade_in ease forwards 250ms 250ms;
    -moz-animation:fade_in ease forwards 250ms 250ms;
    animation:fade_in ease forwards 250ms 250ms;
	/*animation-play-state: paused;*/
}
.animate .ln2-span-header-number { 
	opacity:0;
    -webkit-animation:fade_in ease forwards 500ms 500ms;
    -moz-animation:fade_in ease forwards 500ms 500ms;
    animation:fade_in ease forwards 500ms 500ms;
}
.animate .ln2-span-header-title { 
    opacity:0;
    -webkit-animation:fade_in ease forwards 500ms 600ms;
    -moz-animation:fade_in ease forwards 500ms 600ms;
    animation:fade_in ease forwards 500ms 600ms;
}
.page-header {
    user-select: none;
}
.onehalf .page-header,
.onethird .page-header{
	margin-bottom: 2em;
}
.contentText > * {
    font-family: var(--font-family);/*'var(--title-font-family)Light';*/
    font-size: 1rem;
    margin-top: 0;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    line-height: 1.7;
	user-select: text;
}
.contentText p:first-child {
	margin-top: 0em!important;
}
.contentText p a{
	color: var(--primary)!important;
    font-weight: 700;
}
.contentText, .tagline, .title, .subtitle{
    pointer-events: all;
}
/* LISTS */
.contentText p + ul {
	margin: 1em 0 0px 2em
}
.contentText figure + ul,
.contentText figure + ol {
	margin: 1em 0 25px 0;
}
.contentText ul {
    margin: 0 0 25px 0;
    padding: 0;
    list-style: none;
}     
.contentText ul li{
    font-weight: 400;
    text-align: left;
    position: relative;
    margin-bottom: 15px;
    margin-left: 22px;
    padding: unset!important;
}
.contentText ul li:before {
    background-color: var(--primary);
    top: 0.65em;
    width: 0.5rem;
    height: 0.5rem;
	margin-left: -1rem;
    content: '';
    position: absolute;
    display: inline-block;
}
.filtered .contentText ul li:before {
	background-color: white;
}
.contentText ul.e li:before {
	background-color: white;
}
.onehalf .contentText li:before ,
.onethird .contentText li:before {
    background-color: currentColor;
	top: 13px;
    border-radius: 50%;
}
.contentText li:first-child {
    /*margin-top: 1em;*/
}
.contentText li b {
    margin-left: 10px;
}
.desktop.landscape .contentText p {
    max-width: 100%;
}
.tablet.portrait .contentText ul{
    margin-left: 10%!important;
}
.contentText p + ol {
	margin: 1em 0 25px 2em
}
.contentText ol {
    margin: 0 0 25px 0;
    padding: 0;
    list-style: none;
}   
.contentText ol li{
    font-weight: 400;
    text-align: left;
    position: relative;
    margin-bottom: 15px;
    /*margin-left: 22px;*/
    padding: unset!important;
}
.contentText ol li::marker {
  display: list-item;
  content:  counters(items, ".") ". ";
  color: currentColor;
  font-family: sans-serif;
  font-size: 1rem;
}
.contentText ol li:before {
	position: absolute;
    display: inline-block;
}
.contentText ol > li {
  counter-increment: items;
  list-style-position: inside;
}
.contentText ol {
  list-style: none;
  counter-reset: items;
}
/* TIPOS DE LISTA */
.contentText.tabcontent ul {
	width: 100%;
}
.contentText ul.a li,
.contentText.tabcontent ul.a li{
	border: unset;
}
.contentText ul.a li:before,
.contentText.tabcontent ul.a li::before {
	top: 16px;
    height: 2px;
}
.contentText ul.b li:before,
.contentText.tabcontent ul.b li:before {
	border-radius: 50%;
}
.contentText ul.c li:before,
.contentText.tabcontent ul.c li:before {
	background-color: unset;
    border-radius: 50%;
    border: 1px var(--primary) solid;
}
/* UL Columnas Para muchos elementos en poco espacio */
.contentText ul.d,
.contentText.tabcontent ul.d {
	display: flex!important;
	flex-wrap: wrap;
    column-gap: 2em;
	width: auto;
}
.contentText ul.d li,
.contentText.tabcontent ul.d li{
	flex: 1 1 40%!important;
	border: unset;
}
.contentText ul.d li:first-child,
.contentText.tabcontent ul.d li:first-child {
    margin-top: 0em!important;
}
.contentText ol.d,
.contentText.tabcontent ol.d {
  display: flex;
  flex-wrap: wrap;
  column-gap: 2em;
}
.contentText ol.d li:first-child,
.contentText.tabcontent ol.d li:first-child {
    margin-top: 0em!important;
}
.contentText ol.c.d li:first-child,
.contentText.tabcontent ol.c.d li:first-child {
    margin-top: 0em!important;
}
.contentText ol.d li,
.contentText.tabcontent ol.d li{
	flex: 0 0 44%!important;
    /*margin-left: -40px!important;*/
}
.standard .contentText ol.d li,
.standard .contentText.tabcontent ol.d li{
	flex: 0 0 40%;
}
/* OLs */
/* ol tipo a es alfabetica */
.contentText p + ol.a,
.contentText.tabcontent p + ol.a {
	margin: 1em 0 25px 2em
}
.contentText ol.a,
.contentText.tabcontent ol.a {
  list-style: upper-alpha;
  counter-reset: items;
  padding: 0;
}
.contentText ol.a li,
.contentText.tabcontent ol.a li {
	list-style: upper-alpha;
	display: flex;
	counter-increment: items; 
	margin-left: 0;	
	flex: 1 0 100%;
}
.contentText ol.a li::before,
.contentText.tabcontent ol.a li::before {
	content: counter(items, upper-alpha);
	position: relative;
    border-radius: 50%;
    padding: 8px;
    height: 1em;
    width: 1em;
    background-color: var(--primary);
    text-align: center;
    color: white;
    font-size: 1em;
    box-sizing: content-box;
    justify-content: center;
    display: flex;
	flex: 0 0 1em;
    align-items: center;
    font-weight: 600;
    margin-right: 0.5em;
    top: unset;
}
/* Alfa Transparente */
.contentText p + ol.at,
.contentText.tabcontent p + ol.at {
	margin: 1em 0 25px 2em
}
.contentText ol.at,
.contentText.tabcontent ol.at {
  list-style: upper-alpha;
  counter-reset: items;
  padding: 0;
}
.contentText ol.at li,
.contentText.tabcontent ol.at li {
	list-style: upper-alpha;
	display: flex;
	counter-increment: items; 
	margin-left: 0;	
}
.contentText ol.at li::before,
.contentText.tabcontent ol.at li::before {
    content: counter(items, upper-alpha);
    position: relative;
    border-radius: 50%;
    padding: 8px;
    height: 1em;
    width: 1em;
    background-color: transparent;
    text-align: center;
    color: #333;
    font-size: 1em;
    box-sizing: content-box;
    justify-content: center;
    display: flex;
    flex: 0 0 1em;
    align-items: center;
    font-weight: 600;
    margin-right: 0.5em;
    top: unset;
    border: 2px currentColor solid;
}
/* TIPO B numero en caja */
.contentText p + ol.b,
.contentText.tabcontent p + ol.b {
	margin: 1em 0 25px 2em
}
.contentText ol.b,
.contentText.tabcontent ol.b {
  list-style: none;
  counter-reset: items;
  margin: 0;
}
.contentText ol.b li,
.contentText.tabcontent ol.b li {
	margin: 0em 0 1em 0em;
    margin-left: unset;
	counter-increment: items;
    position: relative;
    line-height: 1.6;
    font-size: 1em;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
}
.contentText ol.b li::marker,
.contentText.tabcontent ol.b li::marker {
	content: unset;
}
.contentText ol.b li:before,
.contentText.tabcontent ol.b li:before {
	content: counter(items);
    position: relative;
    border-radius: 50%;
    padding: 10px;
    height: 1em;
    width: 1em;
    background-color: var(--primary);
    text-align: center;
    color: white;
    font-size: 1em;
    box-sizing: content-box;
    justify-content: center;
    display: flex;
    align-items: center;
	flex: 0 0 1em;
    font-weight: 600;
    margin-right: 0.5em;
    top: unset;
}
/* B transparente */
.contentText p + ol.bt,
.contentText.tabcontent p + ol.bt {
	margin: 1em 0 25px 2em
}
.contentText ol.bt,
.contentText.tabcontent ol.bt {
  list-style: none;
  counter-reset: items;
  margin: 0;
}
.contentText ol.bt li,
.contentText.tabcontent ol.bt li {
	margin: 0em 0 1em 0em;
    counter-increment: items;
    position: relative;
    line-height: 2;
    font-size: 1em;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
}
.contentText ol.bt li::marker,
.contentText.tabcontent ol.bt li::marker {
	content: unset;
}
.contentText ol.bt li::before,
.contentText.tabcontent ol.bt li::before {
    content: counter(items);
    position: relative;
    border-radius: 50%;
    padding: 8px;
    height: 1em;
    width: 1em;
    background-color: transparent;
    text-align: center;
    color: #333;
    font-size: 1em;
    box-sizing: content-box;
    justify-content: center;
    display: flex;
    flex: 0 0 1em;
    align-items: center;
    font-weight: 600;
    margin-right: 0.5em;
    top: unset;
    border: 2px currentColor solid;
}
/* TIPO C Como b pero cuadrada */
.contentText p + ol.c,
.contentText.tabcontent p + ol.c {
	margin: 1em 0 25px 2em
}
.contentText ol.c,
.contentText.tabcontent ol.c {
  list-style: none;
  counter-reset: items;
  margin: 0;
}
.contentText ol.c li,
.contentText.tabcontent ol.c li {
	margin: 0em 0 1em 0em;
    counter-increment: items;
    position: relative;
    line-height: 1.6;
    font-size: 1em;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
}
.contentText ol.c li::marker,
.contentText.tabcontent ol.c li::marker{
	content: unset;
}
.contentText ol.c li:before,
.contentText.tabcontent ol.c li:before {
	content: counter(items);
    position: relative;
    border-radius: 4px;
    padding: 10px;
    height: 1em;
    width: 1em;
    background-color: var(--primary);
    text-align: center;
    color: white;
    font-size: 1em;
    box-sizing: content-box;
    justify-content: center;
    display: flex;
    align-items: center;
	flex: 0 0 1em;
    font-weight: 600;
    margin-right: 0.75em;
    top: unset;
}
/* Listas en listas */
.contentText ul ul,
.contentText.tabcontent ul ul {
	margin:13px 0 25px 1em!important;
}
.contentText ul ul li:before,
.contentText.tabcontent ul ul li:before{
	background-color: var(--primary);
    top: 16px!important;
    width: 10px!important;
    height: 2px!important;
    content: '';
    position: absolute;
    display: inline-block;
}
.contentText ul ol,
.contentText.tabcontent ul ol{
	margin: 10px 0 0 1em;
}
.contentText ul ol li:before,
.contentText.tabcontent ul ol li:before{
	display: none;
}
.contentText ol ul,
.contentText.tabcontent ol ul{
	margin:0px 0 0 4em;
}
.contentText ol ul li::marker,
.contentText.tabcontent ol ul li::marker{
	content: unset;
}
.contentText ol ul li{
	counter-reset: items;
	margin-left: 2em;
}
.contentText.tabcontent ol ul li{
	counter-reset: items;
	margin-left: -22px;
}
.contentText ol ul li:first-child,
.contentText.tabcontent ol ul li:first-child{
	margin-top: 10px;
}
.contentText ol ul li:before,
.contentText.tabcontent ol ul li:before{
	content: ' '!important;
    height: 0px!important;
    width: 10px!important;
    padding: 1px!important;
    top: 15px!important;
    left: 16px!important;
    flex: 0 0 1%!important;
    margin-right: 1.5em!important;
    margin-left: -36px!important;
    border-radius: unset!important;
}
.contentText ol ol,
.contentText.tabcontent ol ol{
	margin: 13px 0 0 1em;
}
.contentText ol.a ol
.contentText.tabcontent ol.a ol{
	margin: 0em 0 0em 1em;
    display: inline-flex;
}
/* LISTS IN ONETHIRD ONEHALF */
.onethird .contentText ol.at li::before, 
.onethird .contentText.tabcontent ol.at li::before,
.onethird .contentText ol.bt li::before, 
.onethird .contentText.tabcontent ol.bt li::before  {
	color: currentColor;
	top: -3px;
}
/* MEDIA STYLES IN TEXT */
.showingText div >.contentText img {
	object-fit:contain;
}
div >.contentText img {
	/*Defaults*/
    object-fit: contain;
    /*background-color: currentColor;*/
    position: relative;
    max-width: 100%;
	width: 100%;
    vertical-align: middle;
    max-height: 50vh;
    height: auto;
    border-radius: 1px;
}
div >.contentText .small-img {
    margin: 0px 0 0 30px;
    height: 25vh;
    max-height: 25vh;
    float: right;
}
div >.contentText .medium-img {
	position: relative;
    max-width: 100%;
    float: right;
    width: 34%;
    margin: 0px 0 10px 2em;
    height: 24vh;
    max-height: 30vh;
    border-radius: 1%;
	object-fit: cover;
}
div >.contentText .small-img.left {
    left: 0vw;
    float: left!important;
    margin: 0px 30px 0 0px;
}
div >.contentText video{
    left: 50%;
    position: relative;
    transform: translate(-50%, 0);
    border: unset;
    outline: none;
	max-width: 100%;
    border-radius: 1px;
    height: 50vh;
    width: 100vw;
    object-fit: contain;
	max-height: 50vh;
}
div >.contentText.stack1 video{
	height: auto;
}
div >.contentText.stack2 video{
	height: auto;
}
div >.contentText.stack3 video{
	height: auto;
}
div >.contentText.stack4 video{
	height: auto;
}
div >.contentText.stack5 video{
	height: auto;
}
div >.contentText.stack6 video{
	height: auto;
}
.mediaOver {
    position: absolute;
	cursor: default;
	top: 0;
    left: 50%;
    transform: translate(-50%, 0);
	height: 100%;
    width: 100%;
	z-index: 1;
}
.mediaOver.active {
	background: linear-gradient(180deg, #080808 40%, transparent);
    opacity: 0.5;
}
/*
.textOver{
	position: absolute;
    top: 50%;
    left: 50%;
    width: 90%;
    z-index: 2;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
}
*/
.textOver{
	background: rgba(0, 0, 0, 0.3);
    color: white;
    width: 500px;
    bottom: 0;
	cursor: default;
    margin: 2rem;
    font-size: 1.2rem;
    position: absolute;
    z-index: 2;
}
.textOver .textOverContent{
	height: 7vh;
    overflow-y: auto;
    position: relative;
	will-change: height;
	transition: height 0.25s ease-in;
}
.textOver .textOverContent.active{
	height: 40vh;
}
.textOver button.playControl{
    display: flex;
    flex: 1 1 50%;
    justify-content: center;
    width: 100%;
    padding: .4rem;
    border: none;
    margin: 0 1rem;
    font-size: 1rem;
    background: rgba(255, 255, 255, 0.23);
    color: #fff;
    border-radius: 3px;
    cursor: pointer;
    transition: .3s background;
}
.textOver button.playControl:hover {
    background: rgba(0, 0, 0, 0.5);
}
.textOver .textOverContent button{
    width: 3.5rem;
    height: 3.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    position: absolute;
    position: sticky;
    top: 0;
    left: 100%;
	z-index: 2;
	outline: none;
	transform: rotate(180deg);
	will-change: transform;
    transition: transform 0.25s ease-in;
}
.textOver .textOverContent button.active{
	transform: rotate(0deg);
}
.textOver .textOverContent button svg{
	width: 1.5em;
    height: 1.5em;
}
.textOver h1{
	background: transparent;
	border-bottom: 1px #fff solid;
    border-top: 1px #fff solid;
	font-family: var(--title-font-family);
    font-weight: 700;
    line-height: 2;
    margin-bottom: 0;
    color: white;
    max-width: 100%;
    margin: 0 auto;
    font-size: 2em;
}
.textOver h2{
	margin: 1em 0 !important;
    color: white;
    width: auto !important;
    left: unset !important;
    transform: unset !important;
    flex-direction: column;
	position: absolute !important;
    top: 0em;
	padding: 0 1.75rem;
}
.textOver h2 p{
	text-align: left !important;
    padding: 1em 0 0 0 !important;
    margin-bottom: 0em !important;
	line-height: 1.666;
    font-weight: 200;
    font-size: 1rem;
}
div >.contentText iframe{
    left: 50%;
    position: relative;
    transform: translate(-50%, 0);
    border-bottom: var(--primary);
    border-radius: 1px;
    height: 50vh;/*35em;*/
    top: 0!important;
    width: 100vw;
    max-width: 100%;
}
.mobile.portrait div >.contentText iframe{
	height: 30vh!important;
}
div >.contentText audio {
    left: 50%;
    position: relative;
    transform: translate(-50%, 0);
    border: unset;
    outline: none;
    max-width: 100%;
    border-radius: 1px;
    height: 10em;
    width: 100%;
}
div >.contentText h2{
    display: inline-flex;
    position: relative;
    margin-bottom: 1em;/*1rem;*/
}
.background--text {
    position: absolute;
    top: 15vh;
    left: 0;
    width: 100%;
    height: 76vh;
    overflow-y: auto;
    padding: 0;
}
.fragmentActive{
	background: var(--fragmentActive);
    animation: fading 5s ease 0s infinite;
    border-radius: 4px;
}
.fragment.background--text {
    top: 10%;
    height: 82.5vh;
}
.fragment.full.background--text {
    top: 0%;
    height: 95.5vh;
	padding: unset;
}
.fragment.full.background--text .contentText.bgImage{
	padding: unset!important;
    margin: unset!important;
    min-height: 12em;
    margin-bottom: 1em!important;
	background-size: cover;
}
.fragment.full.background--text .contentText.bgImage h2{
	max-width: 90%;
    margin-left: 2rem;
}
.fragment.full.background--text .contentText.bgImage h2 .ln2-span-header-title{
	font-size: 1.5em;
    line-height: 1.6;
}
.fragment.full .row:first-of-type {
	margin:0;
	max-width: 100%;
}
.fragment.full .row .stack6:nth-of-type(1) {
	margin-right: 0em!important;  
}
.fragment.full .row .stack1:first-child, 
.fragment.full .row .stack2:first-child, 
.fragment.full .row .stack3:first-child, 
.fragment.full .row .stack4:first-child, 
.fragment.full .row .stack5:first-child, 
.fragment.full .row .stack6:first-child {
	max-width: 100%;
}
.fragment.full .row .stack1:last-child, 
.fragment.full .row .stack2:last-child,
.fragment.full .row .stack3:last-child,
.fragment.full .row .stack4:last-child,
.fragment.full .row .stack5:last-child,
.fragment.full .row .stack6:last-child {
	max-width: 100%;
}
.portrait .background--text {
    position: absolute;
    top: 5vh;
    left: 0;
    width: 100%;
    height: 76vh;
    overflow-y: auto;
    padding: 0px 10px 0px 10px;
}
.fragment h2{
    border-bottom: 2px var(--primary) solid!important;/*2px #2b445a solid;*/
    font-family: var(--font-family);
    font-size: 1.375rem;
    display: inline-flex;
    width: 100%;
    margin-top: 10px;/*5%;*/					 
}
.filtered .fragment h2{
	border-bottom: 2px #666 solid!important;
}
.fragment h2 .ln2-span-header-number{
	margin-right: 0.5em;
	font-size: 1.25em;
	line-height: 1.6;
}
.fragment h2 .ln2-span-header-title{
	font-size: 1.25em;
	line-height: 1.6;
}
div >.fragment.background--text .contentText h2{
   border-radius: unset;
   border: unset;
}
div >.fragment.background--text .contentText p:nth-of-type(1) {
    margin-bottom: 0em;
}
div >.fragment.background--text .contentText figure:nth-of-type(1) {
    /*margin-top: 1em;*/
}
div >.fragment.background--text .contentText p + ul {
	margin: 1em 0 25px 2em!important;
}
div >.fragment.background--text .contentText ul {
    margin: 0 0 1em 0em;									 
}
div >.fragment.background--text .contentText .box.free p + ul {
	margin: 0 0 1em 0em!important;
}
.background--image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    transition: all 0.4s ease-in-out;
    user-select: none
}
.background--image iframe{
    height: calc(100% - 60px)!important;
    top: 60px;
}
.background--image video{
    height: calc(100% - 60px)!important;
    top: 60px;
}
.background--image.inlineIframe{
    height: 100%!important;
    top: 0px!important;
}
.intro--video{
    width:100%;
    height:100vh; 
    background-color: black;
}
.intro--video.white{
    background-color: white;    
}
/* Comportamientos a pantalla completa*/
:-webkit-full-screen .intro--video{
    height: 100vh;
}
:-moz-full-screen .intro--video{
    object-fit: contain;
}
:-ms-full-screen .intro--video{
   object-fit: contain;
}
:fullscreen .intro--video{
    height: 100vh;
}
:-webkit-full-screen .contentText iframe{
    /*height: 50vh!important;*/
}
:fullscreen .contentText iframe{
    /*height: 50vh!important;*/
}
:fullscreen .landscape div .intro--video {
    object-fit: cover;
}
.background--image.intro--video.viewed{
    z-index: 1;
}
.contentText.bgImage {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    height: auto;
    min-height: 10em;
    position: relative;
    width: 100%;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    background-position: 50%;
    background-size: 100%;
    background-repeat: no-repeat;
    border-bottom: 3px var(--primary) solid;
	margin-bottom: 1em;
	-webkit-animation: fade_in ease forwards 1s 0.15s;
    -moz-animation: fade_in ease forwards 1s 0.15s;
    animation: fade_in ease forwards 1s 0.15s;											   
}
.filtered .contentText.bgImage {
	border-bottom: 3px #fff solid;
}
.portrait .contentText.bgImage {
    left: 0;
    background-size: cover;
}
.contentText.bgImage >div{
    opacity: 0.5;
    background: linear-gradient(90deg,rgba(0, 0, 0, 0.95) 50%, transparent 100%);/*linear-gradient(90deg,black 60%, transparent 70%);*/
	position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
	transition: opacity 0.500s linear;
}
.contentText.bgImage >span::first-of-type{
	/*display: flex;
     height: auto;
    justify-content: flex-start;
    align-items: center; */
}
.contentText.bgImage h2{
	margin-left: 0em;
    color: white;
    height: auto;
    align-items: flex-start;
	justify-content: end;
    font-size: 1.25em!important;
	flex-wrap: nowrap;
    flex-direction: column;
	border: unset!important;
}
div >.fragment.background--text .contentText.bgImage h2 {
    border: none;
	color: white;
    height: 100%;
	max-width: 80%;
    align-items: flex-start;
    justify-content: end;
    display: flex;
	font-size: 1.375rem;
	margin-left:unset;
}
.contentText.bgImage ul li:before {
    background-color: currentColor;
	border-radius: 50%;
}
/*   bgImage mode1    */
.contentText.bgImage.mode1 {
	height: 25em;
	max-height: 25em;
    background-size: cover;
	background-position: right center;
    border-bottom: unset;
	margin-bottom: 1em;
}
.portrait .contentText.bgImage.mode1 {
    left: 0;
    background-size: cover!important;
}
.portrait .contentText.bgImage.mode1 >div{
	background: rgba(0, 0, 0, 0.3);
    width: 100%;
	height: auto;
	opacity: 0.5;
}
.contentText.bgImage.mode1 >div{
    opacity: 1 !important;
    width: 50%;
    background: linear-gradient(90deg,rgba(0, 0, 0, 0.75) 0%, transparent 100%);
}
.contentText.bgImage.mode1 span:nth-child(even){
	position: relative;
    height: 100%;
    width: 50%;
    padding: 2%;
	color: white;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: flex-start;
	overflow-y: auto;
	margin-bottom: 1em;
}
.contentText.bgImage.mode1.start span:nth-child(even) {
	justify-content: flex-start;
}
.contentText.bgImage.mode1.end span:nth-child(even) {
	justify-content: flex-end;
}
.portrait .contentText.bgImage.mode1 span:nth-child(even){
	width: 100%;
}
.contentText.bgImage.mode1 span:nth-child(even) h2,
.contentText.bgImage.mode2 span:nth-child(even) h2,
.contentText.bgImage.mode2 span:nth-child(even) h2{
	
}
div >.fragment.background--text .contentText.bgImage.mode1 h2,
div >.fragment.background--text .contentText.bgImage.mode2 h2,
div >.fragment.background--text .contentText.bgImage.mode8 h2{
	max-width: 100%;
	height: auto;
	margin-left: unset !important;
}
.contentText.bgImage.mode1 span:nth-child(even) p{
	width: 95%;
	margin-bottom: 0em!important;
    text-align: left;
}
.contentText.bgImage.mode1.medium {
	height: 20em;
	min-height: 20em!important;
}
.contentText.bgImage.mode1.small {
	height:10em;
	min-height: 10em!important;
}
div >.fragment.background--text .contentText.bgImage.mode1.medium span:nth-child(even),
div >.fragment.background--text .contentText.bgImage.mode2.medium span:nth-child(even),
div >.fragment.background--text .contentText.bgImage.mode1.small span:nth-child(even),
div >.fragment.background--text .contentText.bgImage.mode2.small span:nth-child(even) {
	padding-top: 2em;
}
div >.fragment.background--text .contentText.bgImage.mode8 >div:nth-child(even){
	padding-top: unset;
}
/*   bgImage mode2    */
.contentText.bgImage.mode2 {
	height: 25em;
	max-height: 25em;
    background-size: cover;
	background-position: right center;
    border-bottom: unset;
	margin-bottom: 1em;
}
.contentText.bgImage.mode2.medium {
	height: 20em;
}
.contentText.bgImage.mode2.small {
	height:10em;
	min-height: 10em;
}
.portrait .contentText.bgImage.mode2 {
    left: 0;
    background-size: cover!important;
}
.contentText.bgImage.mode2 >div{
   opacity: 1!important;
   background: linear-gradient(90deg,rgba(0, 0, 0, 0.85) 0%, transparent 70%);
}
.contentText.bgImage.mode2 span:nth-child(even){
	position: relative;
    height: 100%;
    width: 50%;
    padding: 2%;
	color: white;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: flex-start;
	overflow-y: auto;
	max-height: 25em;
    margin-bottom: 1em;
}
.portrait .contentText.bgImage.mode2 span:nth-child(even){
	width: 100%;
}
.contentText.bgImage.mode2 span:nth-child(even) h2{
	/*font-size: 1.375rem!important;*/
	max-width: 100%;
	margin-left: 0em;
	height: auto;
}
.contentText.bgImage.mode2 span:nth-child(even) p{
	width: 100%;
	max-width: 90%!important;
	margin-bottom: 0em!important;
    text-align: left;
}
.contentText.bgImage.mode2.start span:nth-child(even) {
	justify-content: flex-start;
}
.contentText.bgImage.mode2.end span:nth-child(even) {
	justify-content: flex-end;
}
/*   bgImge mode3  */
.contentText.bgImage.mode3 {
	min-height: 90vh!important;
    background-size: cover;
}
.page-content.dpfCB .main-wrapper .content .scroller .content--scroll .contentWrapper .contentText.bgImage.mode3 >div {
    opacity: 1;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.95) 0%, transparent 50%);
}
.page-content.dpfCB .main-wrapper .content .scroller .content--scroll .contentWrapper .contentText.bgImage.mode3 >span {
    height: 90vh;
    position: absolute;
    top: 0%;
	left: 3%;
    display: flex;
    flex-direction: column;
    justify-content: center;
	width: 70%;
}
.page-content.dpfCB .main-wrapper .content .scroller .content--scroll .contentWrapper .contentText.bgImage.mode3 span > h2 {
    height: auto;
    max-width: 100%;
}
.page-content.dpfCB .main-wrapper .content .scroller .content--scroll .contentWrapper .contentText.bgImage.mode3 span > p {
    color: white;
	text-align: -webkit-left;
}
/*   bgImge mode4    */
.contentText.bgImage.mode4 {
	min-height: 50vh!important;
    background-size: cover;
}
.page-content.dpfCB .main-wrapper .content .scroller .content--scroll .contentWrapper .contentText.bgImage.mode4 >div {
    opacity: 0.5;
}
.page-content.dpfCB .main-wrapper .content .scroller .content--scroll .contentWrapper .contentText.bgImage.mode4 >span {
    height: 50vh;
    position: absolute;
    width: 70%;
    top: 0%;
	left: 3%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.page-content.dpfCB .main-wrapper .content .scroller .content--scroll .contentWrapper .contentText.bgImage.mode4 span > h2 {
    height: auto;
    max-width: 100%;
}
.page-content.dpfCB .main-wrapper .content .scroller .content--scroll .contentWrapper .contentText.bgImage.mode4 span > p {
    color: white;
	text-align: -webkit-left;
}
/*   bgImge mode5    */
.contentText.bgImage.mode5 {
	min-height: 75vh!important;
    background-size: cover;
}
.page-content.dpfCB .main-wrapper .content .scroller .content--scroll .contentWrapper .contentText.bgImage.mode5 >div {
    opacity: 0.5;
}
.page-content.dpfCB .main-wrapper .content .scroller .content--scroll .contentWrapper .contentText.bgImage.mode5 >span {
    height: 75vh;
    position: absolute;
    width: 70%;
    top: 0%;
	left: 3%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.page-content.dpfCB .main-wrapper .content .scroller .content--scroll .contentWrapper .contentText.bgImage.mode5 span > h2 {
    height: auto;
    max-width: 100%;
}
.page-content.dpfCB .main-wrapper .content .scroller .content--scroll .contentWrapper .contentText.bgImage.mode5 span > p {
    color: white;
	text-align: -webkit-left;
}
/*   bgImge mode6    */
.contentText.bgImage.mode6 {
	min-height: 100vh!important;
    background-size: cover;
}
.contentText.bgImage.mode6 video{
	z-index: -1;
    top: 0;
    position: absolute;
    height: 100vh !important;
    max-height: 100vh !important;
}
.contentText.bgImage.mode6 .pauseVideo{
	position: absolute;
    bottom: 80px;
    background-image: url(../css/ui/icons/play.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 75%;
    cursor: pointer;
    top: 92%;
    left: 0px;
    z-index: 1;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    border: 2px white solid;
    filter: grayscale(1);
    opacity: 0.5;
}
.contentText.bgImage.mode6 .pauseVideo.active {
	opacity: 1;
    filter: unset;
	transform: rotate(90deg);
    background-image: url(../css/ui/icons/playingOrange.svg);
}
.contentText.bgImage.mode6 .pauseVideo:hover {
    opacity: 1;
    filter: unset;
}
.contentText.bgImage.mode6 .item4{
	position: absolute;
    bottom: 90px;
}
.page-content.dpfCB .main-wrapper .content .scroller .content--scroll .contentWrapper .contentText.bgImage.hide >div:first-of-type{
	opacity: 0;
}
.page-content.dpfCB .contentText.stack6.bgImage.hide span:first-of-type{
	transform: translateX(-100vw);
}
.page-content.dpfCB .main-wrapper .content .scroller .content--scroll .contentWrapper .contentText.bgImage.mode6 >div {
    opacity: 1;
	background: linear-gradient(90deg, rgba(0, 0, 0, 0.95) 0%, transparent 50%);
	transition: opacity 0.500s linear;
}
.page-content.dpfCB .main-wrapper .content .scroller .content--scroll .contentWrapper .contentText.bgImage.mode6 >span {
    height: 100vh;
    position: absolute;
	width: 35%;
    top: 0%;
	left: 3%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-bottom: 10vh;
	will-change: transform;
    transition: transform 0.500s linear;
}
.page-content.dpfCB .main-wrapper .content .scroller .content--scroll .contentWrapper .contentText.bgImage.mode6 span > h2 {
    height: auto;
    max-width: 90%;
}
.page-content.dpfCB .main-wrapper .content .scroller .content--scroll .contentWrapper .contentText.bgImage.mode6 span > p {
    color: white;
	max-width: 90%;
	text-align: -webkit-left;
}
.page-content.dpfCB .main-wrapper .content .scroller .content--scroll .contentWrapper .contentText.bgImage.mode6 span > svg {
    width: 50px;
    height: 25px;
    position: absolute;
    bottom: 5%;
    animation: scrollArrowPulse 1.5s infinite ease-in-out;
}
/*   bgImge mode7    */
.contentText.bgImage.end span:first-of-type{
	justify-content: flex-end!important;
}
.contentText.bgImage.start span:first-of-type{
	justify-content: flex-start!important;
	padding-top: 8vh;
}
/*   bgImage mode8    */
.contentText.bgImage.mode8 {
	display: flex;
    flex-direction: row-reverse;
    flex-wrap: nowrap;
    height: 25em;
    border: unset;
    justify-content: flex-start;
    align-items: center;
	background: black;
    color: white;
	/*top: 1em!important;*/
	/*box-shadow: 0px 5px 20px var(--primary);*/
}
.contentText.bgImage.mode8.medium {
	height: 20em;
	max-height: 20em !important;
    min-height: unset !important;
}
.contentText.bgImage.mode8.small {
	height: 10em;
	max-height: 10em !important;
    min-height: unset !important;
}
.portrait .contentText.bgImage.mode8 {
    left: 0;
    background-size: cover!important;
}
.contentText.bgImage.mode8.banner {
	
}
.contentText.bgImage.half >div:first-child {
	flex: 1 1 50%!important;
}
.contentText.bgImage.half >div:nth-child(even) {
	flex: 1 1 50%!important;
}
.contentText.bgImage.mode8.banner >div:first-child {
	flex: 1 1 100%!important;
	opacity: 0.75!important;
	pointer-events: none;
}
.contentText.bgImage.mode8.banner >div:nth-child(even) {
	flex: 1 1 100%;
    position: absolute;
	padding-top: unset;
    justify-content: center;
	width: 90%;
}
.contentText.bgImage.mode8.banner1 >div:first-child {
	flex: 1 1 0%;
	display: none;
}
.contentText.bgImage.mode8.banner1 >div:nth-child(even) {
	flex: 1 1 100%;
	align-items: center;
	justify-content: center;
	padding-top: unset;
}
.contentText.bgImage.mode8.banner1 >div p {
	text-align: center;
}
.contentText.bgImage.mode8 >div:first-child {
	background-image: unset;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    left: 0px;
    top: 0px;
    height: 100%;
    position: relative;
    display: flex;
    flex: 1 1 65%;
	opacity: 1!important;
	/*animation: 5s leFadeInRight 1 ease-in-out;*/
}
.contentText.bgImage.mode8 >div:nth-child(even) {
	background: unset;
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 1!important;
    flex: 1 1 35%;
    /*max-height: 27em;*/
    margin: 1em 0;
    overflow-y: auto;
    width: 100%;
    padding: 1em;
	margin-top: auto;
    display: flex;
    flex-direction: column;
	justify-content: center;
}
.contentText.bgImage.mode8.end >div:nth-child(even) {
	justify-content: flex-end;
}
.contentText.bgImage.mode8.start >div:nth-child(even) {
	justify-content: flex-start;
}
.contentText.bgImage.mode8 >div h2 {
	color: currentColor;
	height: auto;
	max-width: 90% !important;
}
.contentText.bgImage.mode8 >div h2 .ln2-span-header-title{
	font-size: 3vmax;
    line-height: normal;
}
.contentText.bgImage.mode8 >div p {
	text-align: left!important;
    word-break: break-word;
	max-width: 90% !important;
}
.contentText.stack6.bgImage.mode8.shadow{
	left: 0;/*15px;*/
	flex: 0 1 100%;/*98%;*/
}
.contentText.stack1.bgImage.mode8.shadow,
.contentText.stack2.bgImage.mode8.shadow,
.contentText.stack3.bgImage.mode8.shadow,
.contentText.stack4.bgImage.mode8.shadow,
.contentText.stack5.bgImage.mode8.shadow{
	left: 5px;	
}
.contentText.stack1.bgImage.mode8.shadow:last-of-type,
.contentText.stack2.bgImage.mode8.shadow:last-of-type,
.contentText.stack3.bgImage.mode8.shadow:last-of-type,
.contentText.stack4.bgImage.mode8.shadow:last-of-type,
.contentText.stack5.bgImage.mode8.shadow:last-of-type{
	left: -5px;
}
.arrowDown{
	width: 50px;
    height: 25px;
    position: absolute;
    bottom: 5%;
    animation: scrollArrowPulse 1.5s infinite ease-in-out;
}
/* end bgImage 		*/ 
.background--video {
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw!important;
    height: initial!important;
}
.image-in-modal {
    width: 100vw;
    max-width: 100%;
    max-height: 100%;
    height: 61vh;
    padding: unset;
}
.iframe-into{
    position: absolute;
    top: 0;
    left: 0;
    width: 0%;
    height: 0%;
    transform: scale(0);
}
.mc-modal.active .iframe-into{
    transform: scale(1);  
    width: 100%;
    height: 100%; 
	background: white!important;
	top:0!important;
}
/* MAIN TEXT STYLES */
h2 .subtitle {
    width: unset;
    /*line-height: 50px;*/
}
.mobile h2 .tagtitle {
    font-size: 0.8rem;
}
.mobile h2 .title {
    margin-top: 0.4em;
    margin-bottom: 0.2em;
    letter-spacing: 0;
    font-size: 1.8rem;
    line-height: 1.5em;
}
.mobile h2 .subtitle {
    margin-bottom: unset;
    font-size: 1.25rem;
    line-height: normal;
    margin-bottom: unset;
}
.mobile.landscape .contentText p:first-child {
    margin-top: 1em;
}
.mobile.portrait .contentText p:first-child {
    margin-top: 2em;
}
.mobile .contentText >* {
    font-size: 1rem;
}
.mobile .text--inline h3 {
    font-size: 0.6rem!important;
    line-height: 0.5em;
}
.mobile.portrait .text--inline h3 {
    font-size: 1rem!important;
    line-height: 1.5em;
}
.mobile.landscape h2 .subtitle {
    font-size: 1.25rem;
}
.mobile .fragment h2 {
    font-size: 1.25rem;
}
.karaoke h2{
    text-align: center;
    margin-bottom: 1em;
    line-height: 2rem;
    border-bottom: 1px white solid;
}
.karaoke .track li{
    font-weight: 400;
    text-align: left;
    position: relative;
    text-align: justify;
    padding: 2%;
    border-radius: 20px;
}
.fragment-text{
    opacity: 0;
    transition: opacity 550ms linear 100ms,transform 950ms cubic-bezier(.315,.565,.11,1.005) 0ms;
}
.mobile.portrait div .zoom-description{
    width: 45vw!important   
}   
/* INLINE CONTENT */
.iC{
    width: 50%!important;
    height: auto!important;
    border-radius: 4px;
    float: right!important;
    margin: 5px 0em 1em 1em;
}
.iCL{
    width: 50%!important;
    height: auto!important;
    border-radius: 4px;
    float: left!important;
    margin: 5px 2em 1em 0em;
}
.iC.shadow{
	box-shadow: 0px 0px 10px 0px #333;
	margin-right: 5px!important;
}
.iCL.shadow{
	box-shadow: 0px 0px 10px 0px #333;
	margin-left: 5px!important;
}
.iC.auto,
.iCL.auto{
	width: auto!important;
}
.iC.smaller,
.iCL.smaller{
	width: 25%!important;
	height: 25vh !important;
}
.iC.small,
.iCL.small{
	width: 35%!important;
	height: 30vh !important;
}
.iC.large,
.iCL.large{
	/*width: 70%!important;*/
	max-height: 60vh !important;
}
.iC.mediaObject .anchor,
.iCL.mediaObject .anchor {
	width: 100%!important;
    height: auto!important;
}
.fragment .iC{
	margin: 5px 0 0em 1em!important;
}
.fragment p + p + figure.iC{
	margin-top: 1em!important;
}
.fragment .iCL{
	margin: 5px 2em 0em 0em!important;
}
.fragment p + p + figure.iCL{
	margin-top: 1em!important;
}
.iC.circled figcaption .credits,
.iCL.circled figcaption .credits{
	text-align: -webkit-center;
}
p + img.iC {
	margin: 5px 0px 0em 1em;/*9px 0 1em 2em;*/
}
p + img.iCL {
	margin: 5px 1em 0px 0px;/*5px 1em 1em 0em;9px 1em 1em 0em;*/
}
ul li img.iC, ol li img.iC{
	margin: 24px 0em 0em 1em;
}
ul li img.iCL, ol li img.iCL{
	margin: 24px 2em 0em 0em;
}
/*
p + img.iC.medium {
	margin: 0 0 1em 2em;
}
p + img.iCL.medium {
	margin: 5px 1em 0em 0px;
}
*/
.portrait .iC,
.portrait .iCL{
	width: 100% !important;
    float: none !important;
    margin: 1em 0;
}
.portrait .iC.shadow,
.portrait .iCL.shadow{
	width: 98% !important;
}
.portrait > ol.a li{
	align-items: flex-start!important;
}
.portrait ol.at li{
	align-items: flex-start!important;
}
.portrait ol.b li{
	align-items: flex-start!important;
}
.portrait ol.bt li{
	align-items: flex-start!important;
}
.portrait ol.a li{
	align-items: flex-start!important;
}
/* MODAL Y BANNERS */
.mc-modal {
    display: block;
    /* Set higher than avg top nav index */
    z-index: 9;
    position: fixed;
    background: transparent;
    right: -20px;
    margin-top: 7%;
    height: 65vh;
    max-height: 65vh;
    width: 55%;
    opacity: 1;
    transform: translate(100%, 0%) scale(0);
    /*transition: transform 1.4s,opacity .4s;*/
    transition: transform 0.6s;
}
.mc-modal.active {
    opacity: 1;
    transform:  translate(-10%, 10%) scale(1);
}
.mc-layout-modalContent {
    display: block;
    background: #FFFFFF;
    border-radius: 18px;
    overflow-y: auto;
    overflow-x: hidden;
    position: relative;
    -webkit-overflow-scrolling: touch;
    max-height: 480px !important;
}
.mc-layout-modalContent p {
    padding: 20px;
    font-size: 1rem;
    line-height: 1.2;
    font-family: var(--title-font-family);
}
.mc-layout-modalContent h2 {
    padding: 20px;
    font-size: 1.2rem;
    line-height: 1.2;
    font-family: var(--title-font-family);
}
@keyframes slideIn {
    from { right: -650px; }
    to { right: 20px; }
}
@keyframes slideOut {
    from { right: 20px; }
    to { right: -650px; }
}
.mc-modal-close {
    width: 30px;
    height: 30px;
    background-color: #fff;
    border-radius: 100%;
    box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.2);
    cursor: pointer;
    position: absolute;
    right: -10px;
    top: -15px;
    z-index: 12;
}
.mc-modal-close:before {
    transform: rotate(45deg);
}
.mc-modal-close:after {
    transform: rotate(-45deg);
}
.mc-modal-close:before, .mc-modal-close:after {
    background-color: #414141;
    content: '';
    position: absolute;
    left: 14px;
    height: 14px;
    top: 8px;
    width: 2px;
}
.reveal-banner {
    height: 40px;
    z-index: 10;
    cursor: pointer;
    position: fixed;
    top: 59%;
    background-color: var(--primary);
    background-image: url(ui/icons/cerebro_blanco.svg);
    background-size: 30px;
    background-position: center bottom;
    background-repeat: no-repeat;
    width: 40px;
    color: #fff;
    right: 0;
    border: 1px white solid;
    border-radius: 20px 0px 0px 20px;
	box-shadow: 0 10px 40px 0 #7d7d7d;
	transition: all .3s linear;
    /*transition: background .3s linear;*/
}
.mobile.portrait .reveal-banner {
	top: 50%;
}
.reveal-banner.active {
    background-image: url(ui/icons/close.svg);
    background-size: 20px;
    background-position: center;
}
/* NATS BRAIN */
.svg-container {
    position: fixed;
    top: 0;
    cursor: move;
    background: darkred;
    border: 20px white solid;
    border-radius: 18px;
    z-index: 9;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    box-shadow: 0 10px 40px 0 #0c0c0c;
}
.svg-container:after {
    content: "";
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    z-index: 1;
    width: 100%;
    height: 100%;
    opacity: 0.75;
    filter: brightness(0.75);
    overflow: hidden;
    background-image: url('ui/icons/f6.svg');
    background-repeat: no-repeat;
    background-size: 10%;
    display: inline-block;
    background-position: center center;
    display: block;
    background-color: #04040400;
    animation: lightning  4s ease-in-out infinite;
    transition: all 0.6s ease;
    border-radius: 20px;
}
.svg-container.active:after {
    content: unset;
}
.mc-modal .mc-layout-modalContent iframe:focus {
    outline: none;
}
.mc-modal .mc-layout-modalContent video:focus {
    outline: none;
}
.desktop.portrait .mc-modal.active,
.tablet.portrait .mc-modal.active,
.mobile.portrait .mc-modal.active {
    right: 5%;
    height: 70%;
    max-height: 70vh;
    width: 80%;
}
.desktop.portrait .mc-modal.active iframe,
.tablet.portrait .mc-modal.active iframe,
.mobile.portrait .mc-modal.active iframe {
    max-width: 100%;
    height: 100%;
}
.desktop.portrait .mc-modal.active .mc-layout-modalContent p,
.tablet.portrait .mc-modal.active .mc-layout-modalContent p,
.mobile.portrait .mc-modal.active .mc-layout-modalContent p {
    font-size: 12px;
}
.text-container {
    position: fixed;
    width: 100%;
    height: 100%;
    background: #2b445afa;
    max-height: 65vh;
    overflow-y: auto;
	border: 4px white solid;
    border-radius: 4px;
    z-index: 9;
    box-shadow: 0 10px 40px 0 #0c0c0c;
}
.text-container .contentText{
	padding: 2em;
	overflow-y: auto;
	position: absolute;
	height: auto;
}
.text-container .contentText img{
	max-height: initial;
}
.text-container .contentText ul {
	margin: 0 0 25px 1em;
}
.text-container .contentText ul li:before {
    background-color: white;
    border-radius: 50%;
}
.mobile.portrait .media {
    width: 100vw;   
}
.tablet.portrait .media, .desktop.portrait .media {
    width: 100vw;
}
.hideText .main-wrapper .content .contentWrapper{
    -webkit-transform:translate3d(-200%, 0, 0);
    -moz-transform:translate3d(-200%, 0, 0);
    -ms-transform:translate3d(-200%, 0, 0);
    -o-transform:translate3d(-200%, 0, 0);
    transform:translate3d(-200%, 0, 0)
}
.fcv .main-wrapper .content .contentWrapper{
  transform: translate3d(0px,-300%,0px);
}
.fcvleft .main-wrapper .content figcaption{
  transform: translate3d(-300%,0%,0px);
}
.fcvleft .main-wrapper .content .twothird.fullWidth figcaption{
	transform: unset;
}
.fcvleft .main-wrapper .content .contentWrapper{
  transform: translate3d(-300%,0%,0px);
}
/* FCV Para desplazar el texto de DPFCB*/
.fcvleft .main-wrapper .content .page-header {
	transform: translate3d(-300%,0%,0px);
}
.fcvright .main-wrapper .content .contentWrapper{
  transform: translate3d(300%,0%,0px);
}
.fcvdown .main-wrapper .content .contentWrapper{
  transform: translate3d(0px,300%,0px);
}
.fcv .shadowLR{
    display: none!important;
    opacity: 0 !important;
    visibility: hidden!important;
}
.fcvdown .shadowLR{
    display: none!important;
    opacity: 0 !important;
    visibility: hidden!important;
}
.fcvleft .shadowLR{
    opacity: 0 !important;
    visibility: hidden!important;
}
.fcv .shadowFragment{
    display: none!important;
    opacity: 0 !important;
    visibility: hidden!important;
}
.fcvdown .shadowFragment{
    display: none!important;
    opacity: 0 !important;
    visibility: hidden!important;
}
.fcvleft .shadowFragment{
    opacity: 0 !important;
    visibility: hidden!important;
}
.fcvleft .shadowHV{
/*    display: none!important;*/
    opacity: 0 !important;
    visibility: hidden!important;
}
.fcvleft .shadowFragment{
    opacity: 0 !important;
    visibility: hidden!important;
}
.fcvleft .shadowDpfCB{
   transform: translate(0%, 100%);
}
.fcv .shadowRL{
    display: none!important;
    opacity: 0 !important;
    visibility: hidden!important;
}
.fcvdown .shadowRL{
    display: none!important;
    opacity: 0 !important;
    visibility: hidden!important;
}
.fcvleft .shadowRL{
    display: none!important;
    opacity: 0 !important;
    visibility: hidden!important;
}
.fcvright .shadowRL{
    display: none!important;
    opacity: 0 !important;
    visibility: hidden!important;
}
.fcv .shadowBW{
    display: none!important;
    opacity: 0 !important;
    visibility: hidden!important;
}
.fcvdown .shadowBW{
    display: none!important;
    opacity: 0 !important;
    visibility: hidden!important;
}
.fcvleft .shadowBW{
    display: none!important;
    opacity: 0 !important;
    visibility: hidden!important;
}
.fcvright .shadowBW{
    display: none!important;
    opacity: 0 !important;
    visibility: hidden!important;
}
.fcv .shadowBU{
    display: none!important;
    opacity: 0 !important;
    visibility: hidden!important;
}
.fcvdown .shadowBU{
    display: none!important;
    opacity: 0 !important;
    visibility: hidden!important;
}
.fcvleft .shadowBU{
    display: none!important;
    opacity: 0 !important;
    visibility: hidden!important;
}
.fcvright .shadowBU{
    display: none!important;
    opacity: 0 !important;
    visibility: hidden!important;
}
/* Video buttons 
.standard .item4 {
    position: absolute;
    bottom: 9vh;
	z-index: 5;
	left: 5px;
}
*/
.standard .pauseVideo {
    position: absolute;
    left: 0;
    background-image: url(../css/ui/icons/play.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 75%;
    cursor: pointer;
    position: absolute;
    top: 92%;
    left: 5px;
    z-index: 5;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    border: 2px white solid;
    filter: grayscale(1);
    opacity: 0.5;
}
.standard .pauseVideo.active {
	opacity: 1;
    filter: unset;
    transform: rotate(90deg);
    background-image: url(../css/ui/icons/playingOrange.svg);
}
/* TEXT HEADER POSITIONS*/
.standard div > .contentWrapper.text-center {
	position: relative;
    left: 50%;
    transform: translateX(-50%);
	padding-left: 0%!important;
    padding-right: 0%!important;
    max-width: 50%;
}
.standard div > .contentWrapper.text-center .page-header{
	border: unset;
}
.standard div .contentWrapper.text-center .contentText {
	max-width: 100%;
    text-align: -webkit-center;
}
.contentWrapper.text-center .page-header h2 .tagline{
	text-align: -webkit-center;
    max-width: 100%;
}
.contentWrapper.text-center .page-header h2 .title{
    text-align: -webkit-center;
    max-width: 100%;
}
.contentWrapper.text-center .page-header  h2 .subtitle {
    text-align: -webkit-center;
    max-width: 100%;
}
.desktop.landscape .main-wrapper .content .scroller .contentWrapper.text-center .page-header h2{
	text-align: -webkit-center;
}
.standard div > .contentWrapper.text-center .row{ 
	justify-content: center;
}
.standard div > .contentWrapper.text-center .row p{ 
	text-align: -webkit-center;
}
.standard div > .contentWrapper.text-right{ 
	padding-right: 0%!important;
	float: right;
	margin-right: 60px;
	width: 50%;
}
.standard div > .contentWrapper.text-right .row{ 
	justify-content: end;
}
.standard div .contentWrapper.text-right .contentText {
	max-width: 70%;
}
/* ROW BOXES */
.dpf2v div .contentWrapper.text-right.boxed .contentText,
.standard div .contentWrapper.text-right.boxed .contentText {
	max-width: 100%;
}
.dpf2v div .contentWrapper.text-right.boxedWhite .contentText,
.standard div .contentWrapper.text-right.boxedWhite .contentText {
	max-width: 100%;
}
.page-content .main-wrapper .content .scroller .content--scroll .contentWrapper .boxedWhite .contentText {
	
}
.page-content.dpf1bt.rise .main-wrapper .content .scroller .content--scroll .contentWrapper .row.boxedWhite .contentText h2 {
	width: auto;
    left: auto;
    transform: unset;
}
.page-content.dpf1bt.rise .main-wrapper .content .scroller .content--scroll .contentWrapper .row.boxedWhite .contentText p {
	width: auto!important;
    left: auto!important;
    transform: unset!important;
}
/* Text positions */
.contentWrapper.text-right .page-header h2 .tagline{
	text-align: -webkit-right;
}
.contentWrapper.text-right .page-header h2 .title{
    text-align: -webkit-right;
}
.contentWrapper.text-right .page-header  h2 .subtitle {
    text-align: -webkit-right;
}
.desktop.landscape .main-wrapper .content .scroller .contentWrapper.text-right .page-header h2{
	text-align: -webkit-right;
	margin-right: 1em;
}
.desktop.landscape .main-wrapper .content .scroller .contentWrapper.text-right .page-header {
	border-right: solid 5px var(--primary);
	border-left: unset;
}
.page-content.standard.showingText .text-right{
	left:0;
}
.tablet.portrait h1,
.desktop.portrait h1{
  font-size: 1.1rem;
}  
.mobile.landscape h1{
   font-size: 1.1rem; 
}
.mobile.portrait h1{
    font-size: 1.1rem;   
}
.fullWidth .desktop.landscape .contentText p {
	max-width: unset;
}
.desktop.landscape .contentText p {
    width: 100%;
    text-align: justify;
    word-spacing: 0.05em;
    user-select: text;
	margin-top: 1em;
}
.row .contentText p:first-of-type{
	margin-top: 0em;
}
.row .contentText h2 + p:first-of-type{
	margin-top: 0em!important;
}
.portrait .row .contentText p:last-of-type{
	margin-bottom: 1em!important;
}
.desktop.landscape .col3 .contentText p, 
.desktop.landscape .col4 .contentText p {
  max-width: 100%;
  width: 100%;
  text-align: justify;
}
.content_text p{
    font-family: var(--title-font-family);
    font-size: 1rem;
    line-height: 1.5em;
    margin-top: 0;
    margin-bottom: 5%;
    text-align: justify;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
}
.tablet.landscape .contentText p {
  text-align: justify;
}
/* Media queries para el texto */
@media screen and (max-width: 900px){
.contentText p {
    max-width: 90vw;
    width: auto;
    text-align: justify;
	margin-top: 1em;
  }
.contentWrapper {
    padding-right: 10%!important;
  }  
}
@media screen and (max-width: 900px) and (orientation: landscape){
.contentWrapper {
    padding-right: 10%!important;
  }  
}
.image--inline {
    position: absolute;
    left: 0;
	top: 0px;
    width: 100%;
    height: 100%; 
    z-index: 3;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 75%;
    opacity: 1;
    /*transition: opacity 900ms linear 0ms;*/
}
.desktop.portrait .image--inline{
    position: fixed;
    background-color: black;
	top: 0;
}
.mobile.portrait .image--inline{
	position: fixed;
    background-color: black;
	top: 0;
	background-size: contain;
	background-position: center center!important;
}
.portrait .image--inline{
    height: calc(100vh - 0px);
    top: 0px!important;    
    background-position: center;
}
.text--inline{
	position: absolute;
	pointer-events: none;
    overflow-y: auto;
    width: 100%;
    text-align: left;
    bottom: 0%;
    color: white;
    background: linear-gradient(to top, #000000bb 35%, transparent 100%);
    z-index: 7;
    height: auto;
	max-height: 15vh;
    padding: 1%;
    /* padding-bottom: 0em; */
    opacity: 1;
    transition: opacity 700ms linear 0ms;
}

.text--inline h3 {
    margin: 10px 3%;
    width: 95%;
    color: white;
    display: inline-block;
    line-height: 1em;
    font-size: 0.8rem!important;
	border: unset;
} 
.text--inline .text--footer {
	-moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    display: block;
    font-family: source sans pro,sans-serif;
    max-width: 90%;
    
    /* letter-spacing: 1px; */
    margin: 10px 3%;
    font-size: 0.7rem;
    line-height: 1.5em;
    -webkit-font-smoothing: auto;
    user-select: none;
    color: #fff;
    position: relative;
    display: inline-block;
} 
.mobile.portrait .text--inline {
	max-height: 30vh;
    overflow-y: auto;
    text-align: left;
    bottom: 0%;
    height: auto;
	width: 100%;
    color: white;
    background: linear-gradient(to top, black 40%, transparent 100%);
    z-index: 3;
}
.mobile.landscape .text--inline {
	overflow-y: auto;
    text-align: left;
    bottom: 0%;
    height: 28vh;
    color: white;
    background: linear-gradient(to top, black 40%, transparent 100%);
    z-index: 3;
	max-height: 25vh;
}
.desktop.portrait .text--inline,
.tablet.portrait .text--inline{
    max-height: 25vh;
    overflow-y: auto;
	text-align: left;
    bottom: 0%;
    color: white;
    background: linear-gradient(to top, black 40%, transparent 100%);
    z-index: 3;
}
.tablet.portrait .text--inline,
.desktop.portrait .text--inline {
	max-width: 100%;
    position: absolute;
	padding: 5%;
}	
.tablet.portrait .text--inline h3,
.desktop.portrait .text--inline h3 {
	margin-left: 3%;	
    width: 100%;
}
.desktop.portrait .text--inline .text--footer,
.tablet.portrait .text--inline .text--footer,
.mobile.portrait .text--inline .text--footer {
	max-width: 90%;
    margin: 15px 3%;
    font-size: 0.9rem;
    line-height: 2em;
}	
.page-content .main-wrapper .content .scroller {
    position: absolute;
    display: flex;
    flex-direction: row;
	column-gap: 1em;
    flex-wrap: nowrap;
    width: 100%;
	z-index: 3;
    transform: translateX(0vw) scale(1);  
    transition: .5s linear all;
}
.page-content .main-wrapper .content .scroller.reverse {
	flex-direction: row-reverse;
}
.content--scroll {
    position: relative;
}
.content--scroll:focus {
    outline: 0
}
.full_height{
  height: 100vh; 
}
.half_height{
  height: 50vh; 
}
.half_width{
 width: 50vw;    
}
.full-dark {
    color: #92929c;
    background: #2b2b35;
}
.full-light{
    color: #92929c;
    background: #ffffff;
}  
/*********************************************************************************/
/* 							2 COLUMNAS RESPONSIVE								 */
/*********************************************************************************/
.row {
	display: flex;
    flex-direction: row;
    position: relative;
	margin: 0 auto;
	padding: 0;
	margin-bottom: 1em;
}
.row.active {
	
}
.row.three,
.row.four{
	/*flex-wrap: wrap;*/
}
.fragment .row {
	max-width: 95%;
    left: 0;
	margin: 0em 3em 1em 2em;/*1em 3em 0em 2em;*/
	
}
.fragment .row.cardGallery {
	max-width: 95%;
    margin: 1em auto;
    display: flex;
    flex-direction: row;
    column-gap: 1%;
    justify-content: center;
    align-items: flex-start;
}
.row:after {
    display: block;
    clear: both;
    content: "";
}
.row .stack1 {
	flex: 25%;
}
.row .stack2 {
	flex: 35%;
}
.row .stack3 {
	flex: 50%;
}
.row .stack4 {
	flex: 65%;
}
.row .stack5 {
	flex: 75%;	
}
.row .stack6 {
	flex: 100%; 
	margin-right: unset!important;
}
.row .stack1, .row .stack2, .row .stack3, .row .stack4, .row .stack5, .row .stack6 {
    margin-right: 2em;
	z-index: inherit;
}
.row .stack1.card, .row .stack2.card, .row .stack3.card, .row .stack4.card, .row .stack5.card, .row .stack6.card {
    margin-right: 1em;
	flex-direction: row;
    display: flex;
    row-gap: 1em;
	column-gap: 1em;
    flex-wrap: wrap;
	max-width: 99%;
	margin-bottom: 1em;
}
.portrait .row .stack1, .portrait .row .stack2, .portrait .row .stack3, .portrait .row .stack4, .portrait .row .stack5 {
    margin-bottom: 1em;
}
.portrait .row .stack1.slider{
	width: inherit;
} 
.portrait .row .stack2.slider{
	width: inherit;
}  
.portrait .row .stack3.slider{
	width: inherit;
}  
.portrait .row .stack4.slider{
	width: inherit;
}  
.portrait .row .stack5.slider {
   width: inherit;
}
.row .stack1:last-of-type, .row .stack2:last-of-type, .row .stack3:last-of-type, .row .stack4:last-of-type, .row .stack5:last-of-type {
    margin-right: 0em;
}
.dpf1bt .row .stack1:last-of-type.card, .dpf1bt .row .stack2:last-of-type.card, .dpf1bt .row .stack3:last-of-type.card, .dpf1bt .row .stack4:last-of-type.card, .dpf1bt .row .stack5:last-of-type.card {
    margin-right: 0em;
}
.row .stack1 h2:first-of-type, .row .stack2 h2:first-of-type, .row .stack3 h2:first-of-type,
.row .stack4 h2:first-of-type, .row .stack5 h2:first-of-type, .row .stack6 h2:first-of-type {
	font-family: var(--font-family);
    font-size: 1rem;
    line-height: normal;
	margin-top: 0em;
}
@media screen and (max-width: 768px){
    .row  {
		flex-direction: column;
    }
	.x12 .row{
		margin: 0;
	}
}
.row.center{
	align-items: center;
}
.row.end{
	align-items: end;
}
/* END ROW STUFF */
.close_text {
    position: absolute;
    left: 160px;
    top: 15px;
    color: #ddd;
}  
.close_button {
    cursor: pointer;
    background-position: 0 0;
    background-repeat: no-repeat;
    width: 26px;
    height: 26px;
    position: relative;
    top: 14px;
    right: -119px;
    z-index: 10;
    background-image: url(ui/icons/close.svg);
}   

/* Estilos de las cajas con DPFA - bordes primary */
/*********************************************
 * DPFBLOX DPFA THEME FCV: 27/11/2019
 *********************************************/
.contentWrapper.dpfA {
    border: 2px var(--primary) solid;
    width: 60vw!important;
    background: transparent;
    /* color: white; */
    margin-left: 2.5em;
    border-radius: 20px;
    padding-top: 7em!important;
    padding-left: 3em!important;
    padding-right: 3em!important;
    padding-bottom: 2em!important;
}
.desktop.landscape .main-wrapper .content .scroller .contentWrapper.dpfA.text-right {
    float: right;
    margin-right: 6vw;
}
.desktop.landscape .main-wrapper .content .scroller .contentWrapper.dpfA a {
	color: white;
	text-decoration: underline;
}
.desktop.portrait .main-wrapper .content .scroller .contentWrapper.dpfA.text-right {
    margin-left: 10%;
    width: 80vw!important;
}
.desktop.portrait .main-wrapper .content .scroller .contentWrapper.dpfA a {
	color: white;
	text-decoration: underline;
}


.video--inline {
	max-width: 100%;
	height: auto;
	margin-bottom: 20px;
}

.video--title {
    position: absolute;
    background-image: linear-gradient(#000,transparent);
    color: #f1f1f1;
    width: 100vw;
    height: auto;
    top: 60px;
    left: 0px;
    padding: 0px 20px 0px 20px;
    z-index: 2;
    opacity: 1;
}
.track-info{
    font-size: 1.2rem;
}
.track {
    list-style: none;
    font-size: 20px;
    line-height: 1.3rem;
    text-align: center;
}
/* Voice paragraphs*/
p.voice {
    margin-left: -40px;
    padding-left: 40px;
    transition: background .6s;
    -webkit-box-decoration-break: clone;
}
.playback-btn {
    position: absolute;
    width: 25px;
    height: 25px;
    margin: 3px 0 0 -35px;
    background: #c5c2cc url(data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22white%22%20d%3D%22m7.5%206.17v11.66a1.12%201.12%200%200%200%201.73.94l9.16-5.77a1.13%201.13%200%200%200%200-1.91l-9.16-5.86a1.12%201.12%200%200%200%20-1.73.94z%22%2F%3E%3C%2Fsvg%3E) 1px 1px no-repeat;
    background-size: 20px;
    cursor: pointer;
    pointer-events: none;
    opacity: 0;
    transform: scale(0);
    transition: opacity .2s, background .2s, transform .2s;
}
.sentence {
    background-image: linear-gradient(rgba(253,140,0,.3),rgba(253,140,0,.3));
    background-repeat: no-repeat;
    background-size: 0 100%;
    transition: background .6s;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
}
.sentence.speaking {
    background-size: 100% 100%;
    border-radius: 4px;
    padding: 0 4px;
    margin: 0 -4px;
}
.sentence.isPlaying {
    background-size: 100% 100%;
    border-radius: 2px;
    margin: 0 -2px;
    padding: 0 2px;
}
.playback-btn.active,
.playback-btn:focus,
.voice:hover>.playback-btn {
    opacity: 1;
    transform: scale(1);
    pointer-events: all;
}
.voice:hover>.playback-btn:hover {
    transform: scale(1.2)
}
.playback-btn:focus,
.playback-btn:hover {
    background-color: #656073
}
.playback-btn.active {
    background: #fd8c00 url(data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22white%22%20d%3D%22m8%2019a2%202%200%200%200%202-2v-10a2%202%200%200%200%20-2-2%202%202%200%200%200%20-2%202v10a2%202%200%200%200%202%202zm6-12v10a2%202%200%200%200%202%202%202%202%200%200%200%202-2v-10a2%202%200%200%200%20-2-2%202%202%200%200%200%20-2%202z%22%2F%3E%3C%2Fsvg%3E) 1px 0px no-repeat;
    background-size: 20px;
    border: 1px solid transparent;
}   
.glossaryModal {
	display: block;
    z-index: 2;
    position: absolute;
    width: 30%;
    top: 50%;
    left: 95%;
	transform: translate(-95%, -50%);
    visibility: hidden;
    opacity: 0;
    -webkit-user-select: text;
    -ms-user-select: text;
    user-select: text;
    border: 1px white solid;
    border-radius: 12px;
    box-shadow: 0 6px 32px rgb(0 0 0 / 80%);
    font-size: 16px;
    background: #363636;
	transition: all 250ms linear;
}
.mobile.portrait .glossaryModal {
	width: 50%;
    top: 50%;
    left: 50%;
}
.glossaryModal.active {
    visibility: visible;
    opacity: 1;
}    
.glossaryLeft {
    width: 100%;
    display: flex;
    flex-direction: column;
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
}
.glossaryModal h2 {
    color: #fff;
    padding: 1em;
    border-bottom: 1px white solid;
    margin-bottom: 10px; 
}
.glossarySearch {
    position: relative;
}
.glossarySearch .icon {
    position: absolute;
    top: 9px;
    fill: #fff;
    display: inline-block;
}
.glossarySearch input {
    width: 75%;
    margin-left: 20px;
    margin-bottom: 10px;
    color: #fff;
    padding: 10px;
    box-sizing: border-box;
    transition: background .2s;
    background: black;
    cursor: text;
}
.glossaryTerms {
    flex: 1 1;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
    margin-top: -1px;
    border-bottom-left-radius: 12px;
    max-height: 300px;
}
.glossaryItem {
    cursor: pointer;
    line-height: 1.3;
    font-weight: 400;
    font-family: sans-serif;
    transition: background .2s,color .2s;
    color: hsla(0,0%,100%,.8);
    position: relative;
    padding: 8px 12px 8px 24px;
	user-select: none;
}
.glossaryItem.active, .glossaryItem.on {
    background: hsla(0,0%,100%,.32);
}
.glossaryItem.active, .glossaryItem.on, .glossaryItem:focus, .glossaryItem:hover {
    background: hsla(0,0%,100%,.2);
    color: #fff;
}
.glossaryItem:before {
    content: " ";
    display: block;
    height: 1px;
    background: hsl(0deg 0% 100% / 10%);
    transition: background-color .2s;
    position: absolute;
    width: calc(100% - 36px);
    top: 0;
}
.glossaryRight {
    max-height: 35vh;
    width: 100%;
    overflow: auto;
    margin-bottom: 10px;
    font-family: sans-serif;
    color: white;
    line-height: 1.666;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
    padding: 0.5em 1em;
}
.glossaryRight ul {
    margin-left: 15px;
    padding-left: 0;
}
.glossaryRight ul li{
    list-style: disc;
}
/*Invisible Scrollbar */
/* width */
.glossaryTerms::-webkit-scrollbar  {
  display: block;
  width: 10px;
}
/* Track */
.glossaryTerms::-webkit-scrollbar-track  {
  box-shadow: inset 0 0 5px black; 
  border-radius: 10px;
}
 /* Handle */
.glossaryTerms::-webkit-scrollbar-thumb {
  background: green; 
  border-radius: 10px;
}
/* Handle on hover */
.glossaryTerms::-webkit-scrollbar-thumb:hover {
  background: darkgreen; 
}
.elements::-webkit-scrollbar  {
  display: block!important;
  width: 10px!important;
  height: 10px!important;
}
/* Track */
.elements::-webkit-scrollbar-track  {
  box-shadow: inset 0 0 5px transparent;/*black; */
  border-radius: 1px;
}
/* Handle */
.elements::-webkit-scrollbar-thumb {
  background: #738ca2; 
  border-radius: 1px;
  cursor: pointer;
}
/* Handle on hover */
.elements::-webkit-scrollbar-thumb:hover {
  background: orange; 
}
/* IQ FROM MATHIGON */
.clearfix::after {
      content: "";
      clear: both;
      display: table;
}
.clearfix{
    clear: both;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.forwards.on {
    height: auto;
    opacity: 1;
    overflow: visible;
    pointer-events: auto;
    transform: none;
}
.portrait .forwards.on {
	margin-bottom: 1em;
}
.forwards {
    display: block;
    height: 0;
    line-height: 1.7;
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
    position: relative;
    word-spacing: 0.05em;
    z-index: 1;
    transform: none;
    transition: opacity .8s linear,transform .8s cubic-bezier(.165,.84,.44,1);
    will-change: opacity,transform;
	text-align: justify;
}
.forwards:after, .forwards:before {
    clear: both;
    content: " ";
    display: table;
}
.forwards h2 {
    border-bottom: 2px solid #ddd;
    font-size: 1.6em;
    margin: 2em 0 1em;
    padding-bottom: 6px;
    color: #333;
    font-weight: 600;
    line-height: 1.15;
    text-rendering: optimizelegibility;
    display: block!important;
}
.forwards p {
    margin: 0 0 1em;
}
.forwards p strong {
    color: #333;
    font-weight: 700;
}
.x12 .forwards{
	padding: 1em !important;
}
/*
.forwards .row.padded {
    margin: -0.5em -24px 0.5em;
}    
.column.padded>*, .row.padded>* {
    margin: 24px;
}
.forwards .row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.forwards .caption {
    color: #aaa;
    font-size: .85em;
    line-height: 1.5;
    margin: 0.5em 0 0;
    text-align: center;
    vertical-align: top;
}
*/
span.innerQuestions{
	user-select: text;
}
.fill, .test {
    display: inline-block;
    position: relative;
}
.fill.notCompleted, .test.notCompleted {
    /* Desactivo la animacion por usabilidad...
    animation: lightning 4s ease-in-out infinite;
    */
}
.fill.notCompleted label, .test.notCompleted label,
.fill.notCompleted span, .test.notCompleted span{
    background: darkred;
}
.test .innerQuestion, .fill .innerQuestion {
    -webkit-touch-callout: none;
    background: transparent;
    background: var(--primary);
    border-radius: 6px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    line-height: 28px;
    margin: -3px 2px;
    padding: 0 6px;
    position: relative;
    text-align: center;
    transition: all 0.2s;
}
.test .innerQuestion {
    min-width: 70px;
    padding: 2px 12px;
	font-family: var(--title-font-family);
}
.test .innerQuestion:before, .fill .innerQuestion:before {
    background: none;
    bottom: 1px;
    content: " ";
    height: 3px;
    left: 5px;
    position: absolute;
    right: 5px;
}
.test .popup {
    background: var(--primary);/*#0e75da;*/
    border-radius: 0 6px 6px 6px;
    box-shadow: 0 0 20px rgb(0 0 0 / 30%);
    font-style: normal;
    left: 2px;
    min-width: 150px;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    text-align: left;
    top: 90%;
    transform: scale(.5);
    transform-origin: left top;
    transition: opacity .2s,transform .2s;
    white-space: normal;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
}
.test.left .popup {
    border-radius: 6px 0 6px 6px;
    left: auto;
    right: 2px;
    transform-origin: right top;
}
.test button, input, select, textarea {
    background: transparent;
    display: inline-block;
    /*font-family: inherit;*/
    font-size: inherit;
    font-weight: inherit;
    line-height: 1.5;
    border-radius: unset;
    border: unset;
}
.test .choice {
    box-sizing: border-box;
    color: hsla(0,0%,100%,.8);
    cursor: pointer;
    display: block;
    font-size: 16px;
    line-height: 22px;
    padding: 6px 16px 6px 12px;
    text-align: left;
    transition: color .2s,background .2s,box-shadow .2s;
    width: 100%;
}
.test .choice:first-child {
    border-top-right-radius: 6px;
}
.test .choice:before {
    background: hsla(0,0%,100%,.5);
    content: " ";
    display: block;
    height: 1px;
    left: 12px;
    margin-top: -6px;
    position: absolute;
    right: 16px;
    transition: background .2s;
}
.test .choice:first-child:before, .test .choice:focus+.choice:before, .test .choice:focus:before, .test .choice:hover+.choice:before, .test .choice:hover:before {
    background: transparent;
}
.test.on, .test:focus-within {
    z-index: 100;
}
.test.on .innerQuestion, .test:hover .innerQuestion, .fill.on .innerQuestion, .fill:hover .innerQuestion {
    box-shadow: 0 0 10px rgb(0 0 0 / 20%);
}
.test.on .innerQuestion, .test:focus-within .innerQuestion {
    border-radius: 5px 5px 0 0;
}
.test.on .popup, .test:focus-within .popup {
    opacity: 1;
    pointer-events: all;
    transform: none;
}
.test .choice:focus, .test .choice:hover {
    background: hsla(0,0%,100%,.2);
    color: #fff;
}
.test.done, .fill.done {
    display: inline;
    white-space: normal;
    animation: unset;
}
.test.done .innerQuestion, .fill.done .innerQuestion {
    background: transparent;
    background-image: none;
    box-shadow: none;
    /*color: var(--primary);*/
    color: inherit;
    text-transform: uppercase;
    font-weight: 600;
    cursor: default;
    display: inline;
    margin: 0;
    min-width: 0;
    padding: 1px 0 0;
}
.test.viewed, .fill.viewed {
    display: inline;
    white-space: normal;
    animation: unset;
	color: var(--secondary);
    background-color: darkorange;/*var(--primary);*/
    border-radius: 5px;
    padding: 1%;
}
.test.viewed .innerQuestion, .fill.viewed .innerQuestion {
    background: transparent;
    background-image: none;
    box-shadow: none;
    /*color: var(--primary);*/
    color: inherit;
    font-weight: 600;
    cursor: default;
    display: inline;
    margin: 0;
    min-width: 0;
    padding: 1px 0 0;
}
.test.invalid .innerQuestion {
    padding-left: 30px;
}
.test.invalid .innerQuestion:before, .fill.invalid .innerQuestion:before {
    background: #cd0e66;
    border-radius: 5px 0 0 5px;
    bottom: 0;
    color: #fff;
    content: "×";
    display: block;
    font-weight: 700;
    height: auto;
    left: 0;
    line-height: 1;
    padding: 4px 0 3px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 20px;
}
.fill.invalid .innerQuestion {
    padding-left: 20px;
}
.fill .innerQuestion {
    cursor: text;
    padding: 0;
}
.fill input {
    background: none!important;
    color: inherit;
    margin: 0;
    min-width: 60px;
    text-align: center;
    width: 80px;
    outline: none!important;
}
.fill input:focus {
    color: #fff;
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
      color: white;
      opacity: 1; /* Firefox */
}
/* THUMBS */
.thumbs{
	flex-wrap: wrap;
    justify-content: space-evenly;
	margin-top: 0em !important;
}
.row.thumbs h2:first-child{
    width: 100%;
	margin-bottom: 1em;
}
.row.thumbs h2 {
    font-family: var(--font-family);
    font-size: 0.75rem;
}
.row.thumbs >* {
    flex: 1 1 25%; /*1 1 25% para 3 */
    margin: 0.5em 1em 0 1em;
}
.row.thumbs.one >* {
	flex: 1 1 50%;
}
.row.thumbs.two >* {
	flex: 1 1 35%;
}
.row.thumbs.four >* {
	flex: 1 1 20%;
}
.thumbs figure{ 
	height: 11em!important;
	padding-bottom: unset!important;
}
.mobile.portrait .thumbs figure{
	height: 12em!important;
}
.thumbs figure figcaption .credits,
.thumbs figure figcaption .duration{
	font-size: 0.5em;
}
.row.thumbs img {
    max-width: 100%;
    height: 10em;
}
.thumbs .mediaObject{
	/*border-radius: 8px;*/
}
.thumbs .mediaObject .anchor{
	border-radius: 4px;
}
.thumbs .mediaObject .anchor{
	justify-content: center;
}
.thumbs .mediaObject .anchor:after{
	background-size: 2em;
	width: 100%;
    height: 100%;
}
.portrait .row.thumbs >* {
	max-width: 100%;
}
/* DPF QUIZ */
.quiz{
    top: 5vh; 
    left: 2%;    
    position: absolute;    
    width: 90vw;
}
.portrait .quiz{
    top: 15vh;
    left: 0%;
}
.quizDPF {
    position: absolute;
    max-width: 95%;
    width: inherit;
    top: 60px;
    height: calc(100vh - 60px);
    overflow-y: auto;
}

.onehalf .quizDPF{
    width: 35vw;
    max-width: 35vw;
}
.twohalf .quizDPF{
    width: 42vw;
    max-width: 42vw;
}

.quizScore {
    font-size: 3vw;
    color: white;
    padding: 20px;
}
.quizLevel {
    font-size: 4vw;
    color: white;
    padding: 20px;
}
.portrait .quizDPF {
    left: 5%;
    top: 10%;
}
.quizHeader{
    background-image: unset;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.dpf250vA .quiz{
    left: 6%;
    top: -13vh;
}
.dpf250vA .quizHeader {
    height: unset;
}
.dpf250vA .quizDescription {
    background: unset; 
    height: 10vh;
}
.dpf250vA .questionCount{
    display: none;
}
.dpf250vA .scroller.active{
    transform: translate(-100vw,0)!important;
}

.portrait .dpf250vA .quiz{
    left: 10%;
    top: -5vh;
}
.portrait .twohalf .quizDPF {
    width: 80vw;
    max-width: 80vw;
}

.questions p{
    display: flex;
    flex-direction: column;
}
.questions img{
    max-height: 40vh;
    height: 40vh;
    padding: 20px;
}
/************************************************
*		DPF CARD								*
************************************************/
.dpfCard {
    position: relative;
    width: 100%;
    max-width: 100%;
    height: 20em;
	max-height: 20em;
	display: flex;
    flex: 1 1 30%; /* aqui cambiar el 30% por si quieres 50% para solo 2 o 100% para una */
	box-shadow: 0px 0px 10px 0px #666;
}
.dpfCard.large {
	height: 75vh;
	max-height: 75vh;
}
.portrait .dpfCard{
	flex: 100%;
}
.dpfCard.active {
	max-width: 50%;
}
.dpfCard .imageCover {
    position: relative;
    width: inherit;
    height: inherit;
    overflow: hidden;
    background-color: #eee;
    border-radius:0;
    top: 0;
	z-index: 2;
	/*box-shadow: 8px 8px 10px 0px rgba(0,0,0,0.3);*/
    -webkit-transition: all 0.5s;
    transition: all 0.5s; 
	display: flex;
    flex-direction: column-reverse;
}
.dpfCard .imageCover > .bg {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius:0;
    background-size: contain;
	background-color: white;
    background-repeat: no-repeat;
    background-position: center!important;
}
.dpfCard.large .imageCover > .bg {
	background-size: 100%;
}
.dpfCard .imageCover > .title {
    position: relative;
    min-height: 2em;
    display: flex;
    width: 100%;
    text-align: center;
    color: white;
    display: flex;
    border: unset;
    
	justify-content: flex-start;
    flex-direction: column;
    align-items: center;
    height: 100%;
    padding: 10px;
    background: linear-gradient(180deg, black, transparent 20%);
}
.dpfCard .imageCover > .title h2{
    margin-top: 5px;
	border-bottom: unset !important;
	display: flex;
	flex-direction: column;
	align-items: center;
    gap: 1em;
	width: 100%;
	margin: 0em 2em;
	opacity: 1;
	transition: opacity 0.25s linear;
}
.dpfCard.active .imageCover > .title h2{
	opacity: 0;
}
.dpfCard .infoWrapper .openCmd {
	position: absolute;
	right: 10px;
	bottom: 4%;
}
.dpfCard .infoWrapper .openCmd > a {
	display: block;
    top: 0;
    width: 35px;
    height: 35px;
    background-color: #ED2460;
    border-radius:50% ;
    color: #fff;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    transform: rotate(180deg);
}
.dpfCard .infoWrapper {
    position: absolute;
    width: 0px;
    top: 0;
    left: 100%;
    height: inherit;
    border-radius:0;
    z-index: 3;
    background: rgba(0, 0, 0, 0.65);
    -webkit-transition: width 0.5s linear;
	transition: width 0.5s linear; 
}
.dpfCard .infoWrapper > .title {
    color: white;
    border-bottom: 1px white solid;
	padding: 10px;
    text-align: center;
    position: relative;
    font-size: 1.25em;
    font-family: var(--title-font-family);
    left: 0%;
    overflow: hidden;
	visibility: hidden;
}
.dpfCard .infoWrapper > .title h2{
	display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    column-gap: 1em;
	border: unset;
	margin: 0;
	font-size: 1.05rem;
    font-family: var(--title-font-family);
	border-bottom: unset !important;
}
.dpfCard.active .infoWrapper > .title h2 img{
	max-height: 1.25em;
}
.dpfCard .infoWrapper .footer{
    bottom: 0%;
    height: 3em;
    width: 100%;
    /*background-image: url(ui/icons/down.svg);*/
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background: linear-gradient(0deg, black 50%, transparent);
    position: absolute;
}
.dpfCard .infoWrapper .infoContent {
    position: relative;
    float: left;
    left: 0;
	top: 0;
    width: 100%;
    height: calc(20em - 110px);
    overflow: hidden;
    overflow-y: auto;
}
.dpfCard.large .infoWrapper .infoContent {
	height: calc(75vh - 110px);
}
.page-content.dpf2btf .main-wrapper .content .scroller .content--scroll .contentWrapper {
	width:100%;
}
.dpfCard .infoWrapper .infoContent .data {
    font-family: var(--font-family);
    font-size: 0.85em;
    line-height: 1.666;
    padding: 1em 50px;
    text-align: left;
    color: #eee;
	margin-bottom: 1em;
}
.dpfCard .infoWrapper .infoContent .data ul li{
	list-style: disc;
    margin-left: 40px
}
.dpfCard .infoWrapper .infoContent .data ol li{
	list-style: decimal;
    margin-left: 40px
}
.dpfCard.active > .infoWrapper  > .openCmd > a {
    transform: rotate(0deg);
}
.dpfCard.active > .infoWrapper{
   
}
.dpfCard.active > .imageCover {
   
}
.dpfCard.active > .imageCover > .minutes  {
    opacity: 1;
}
.dpfCard.active > .imageCover  > .description{
    bottom: 0px;
    opacity: 1;
}
.dpfCard .collapsible {
    top: 50%;
    left: 45%;
    transform: translate(-50%, -50%) rotate(90deg);
    padding: 0;
    height: 35px;
    width: 35px;
    cursor: pointer;
    position: absolute;
    transition: all 250ms linear;
}
/* B */
.dpfCard.b.active {
	max-width: 100%;
}
.dpfCard.b .infoWrapper {
	-webkit-transition: 0.1s linear; 
    -o-transition: 0.1s linear;
    transition: 0.1s linear;
}
.dpfCard.b.active > .infoWrapper{
    width: inherit;
    left: 0;
    z-index: 3;  
}
.dpfCard.b.active > .infoWrapper .title{
	left: 0;
	visibility: visible;
}
/* c */
.dpfCard.c {
	height:10em;
	flex: 1 1 17%; /* 5 */
}
.dpfCard.c .infoContent{
	height: calc(10em - 110px);
}
/* e */
.dpfCard.e {
	height: 15em;
    max-height: 15em;
	flex: 1 1 20%; /* 4 */
}
.dpfCard.e .infoContent{
	height: calc(15em - 110px);
}
/* F */
.dpfCard.f .imageCover > .title {
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
	padding: unset;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 90%, rgba(0, 0, 0, 0.65) 100%);
}
/* Standard cards and slider*/
.card {
    background-color: transparent;/*#f4f4f4;*/
    width: auto;
	height: auto!important;
    margin: 0px 0em 0px 5px;
}
/* Slider Cards*/
.slider .swiper-slide.card {
    margin: 5px 1em 0 4px;
	box-shadow: 0px 0px 10px 0px #666;
    margin-bottom: 1em;
}
.slider .round .swiper-slide.card {
	box-shadow: unset;
}
.slider .swiper-slide.card.textFit {
    margin: 5px 1em 4px 1px;
}
.card-header {
  overflow: hidden;
  width: 100%;
  max-height: 200px;
}
.card-header img{
  width: 100%;
  min-height: 9em;
}
.card-content {
	position: relative;
    z-index: 0;/*-1;*/
    text-align: center;
    max-height: 10em;
    overflow-y: auto;
}
.card-content h3 {
	font-family: 'Montserrat', sans-serif;
	margin: unset;
	z-index: 2;
	/*margin-bottom: 1em;*/
	position: sticky;
    position: -webkit-sticky;
    top: 0;
	min-height: 3em;
	background-color: white;
    padding: 15px;
	border-bottom: 1px #ccc solid;
	border-top: 1px #ccc solid;
}
.filtered .card-content h3 {
	background-color: transparent;
}
.card-content p {
	text-align: -webkit-left!important;
	padding: 0em 1em;
    margin-top: 1em !important;
    margin-bottom: 1em !important;
}
.portrait .card-content h3 {
	font-size: 4vmin;
}
.card-content h4 {
	display: none;
	font-size: 14px;
	margin-top: 0;
	color: #FF5252;
	font-family: 'Montserrat', sans-serif;
}
.card-content span {
	/*overflow-y: auto;
    height: 18.5em;
    max-height: 16.5em;
    display: block;*/
}
.card-content p {
	/*color: #727272;*/
    font-size: 1em; /*18px*/
    font-family: var(--font-family);
    line-height: 1.5rem; /*unset*/
}
.contentText .card-content p + ul,
.contentText .card-content p + ol {
	
}
.card-content ul,
.card-content ol {
	color: #727272;
    /*font-size: 18px;*/
    font-family: var(--font-family);
    line-height: 1.5rem;
    padding: 0em 1em;
}
.card-content ul li::before{
	background-color: #666;
    top: 12px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    margin-left: -16px;
    content: '';
    position: absolute;
    display: inline-block;
}
.card.sameHeight .card-content{
	max-height: 30em;
}
.card.sameHeight .unitCover >div >img,
.card.sameHeight .unitCover >div >video{
	height: auto!important;
}
.contentSwiper .card.small.fullHalf.sameHeight .card-content,
.contentSwiper .card.smallTop.fullHalf.sameHeight .card-content{
	height: 11.75em;
}
.card.fullTop .card-content p ,
.card.full .card-content p {
	padding: 0 1em;
    text-align: left !important;
}
.card.textFit .card-content {
    width: 100%;
    margin-top: 0em;
    text-align: -webkit-left;
    position: absolute;
    z-index: 2;
	border: unset!important;
    margin-left: 0;
	color: white;
	padding: 1em 5em 1em 2em;
    bottom: 0px;
    height: auto;
	max-height: 10em;
    /*overflow-y: auto;*/
    background: linear-gradient(360deg, black , transparent);
	margin-bottom: unset;
}
.card.textFit .card-content h3{
	border:unset;
	max-width: 60%;
    line-height: 1.666;
	position: relative;
    background-color: unset;
    padding: unset;	
}
.card.textFit .card-content p{
	text-align: -webkit-left!important;
	color: inherit!important;
	width: 80%;
	transform: unset!important;
    left: unset!important;
	padding: 0;
}
.card.textFit .card-content ul{
	color: white;
}
.card.textFit .card-content ol{
	color: white;
}
.card.textFit .card-content li::before{
	background: white;
}
.card.smallTop.textFit .card-content,
.card.mediumTop.textFit .card-content {
	/*overflow-y: auto;*/
    height: -webkit-fill-available;
    max-height: 30em!important;
	border:unset;
	margin-bottom: 0em;
	left: 0;
    bottom: unset;
	width: 50%;
    background: linear-gradient(90deg, black , #00000000);
}
.card.fullTop.textFit .card-content {
	max-height: 30em;
}
.contentSwiper .card.full.textFit .unitCover img,
.contentSwiper .card.full.textFit .unitCover video ,
.contentSwiper .card.full.textFit .unitCover iframe {
	height: 30em!important;
    max-height: 30em;
}
.card.mediumTop.textFit .card-content{
	top: 0;
	width: 50%;
}
.card.fullTop.textFit .card-content{
	width: 45%;
    top: 0;
    background: linear-gradient(90deg, black, transparent);
}
.card.full.textFit.fullHalf .card-content{
	width: 45%;
    top: 0;
	left: 0;
    padding: 1em 1em 1em 2em;
	margin-bottom: 1em;
    background: linear-gradient(90deg, black, transparent);
}
.card.smallTop.textFit.fullHalf .card-content,
.card.mediumTop.textFit.fullHalf .card-content,
.card.fullTop.textFit.fullHalf .card-content{
	top: 0;
    background: linear-gradient(90deg, transparent, black);
    /*padding: 1em 1em 1em 15%;*/
	padding: 0;
}
.card.smallTop.textFit.fullHalf .card-content,
.card.mediumTop.textFit.fullHalf .card-content{
	left: 50%;
	top: auto !important;
}
.contentSwiper .card.smallTop.textFit .card-content h3,
.contentSwiper .card.mediumTop.textFit .card-content h3, 
.contentSwiper .card.fullTop.textFit .card-content h3 {
	border: unset;
	padding: 1% 0
}
.card-footer {
	border-top: solid 1px #B6B6B6;
	padding: 1em;
	display: none;
}
.contentSwiper .card.fullHalf{
	max-height: 30em;
    margin-bottom: 1em;
	display: flex;
    flex-direction: row-reverse;
}
.contentSwiper .card.fullTop.textFit.fullHalf {
	flex-direction: row-reverse;
}
.contentSwiper .card.full.textFit.fullHalf {
	flex-direction: row;
}
.contentSwiper .card.fullHalf .unitCover{
	display: flex;
    flex-wrap: nowrap;
	justify-content: center;
    position: relative;
    width: auto;
    max-width: 100%;
    cursor: pointer;
}
.contentSwiper .card.fullHalf .unitCover.reverse{
	flex-direction: row-reverse;
}
.contentSwiper .card.fullHalf .card-content {
	flex: 1 0 35%;
	border: unset;
	border-right: 1px #ccc solid;
}
.contentSwiper .card.fullHalf .card-content h3{
	border-top: unset;
}
.contentSwiper .card.medium.fullHalf .card-content,
.contentSwiper .card.mediumTop.fullHalf .card-content {
	height: 23.5em;
    max-height: 23.5em;
	width: 50%;
    left: 0;
}
.contentSwiper .card.medium.fullHalf.textFit .card-content{
	background: linear-gradient(90deg, black, transparent)
}
.contentSwiper .card.mediumTop.fullHalf.textFit .card-content {
	left: 50%;
    background: linear-gradient(90deg, transparent, black)
}
.contentSwiper .card.mediumTop.fullHalf .card-content {
	border: unset;
    border-left: 1px #ccc solid;
}
.contentSwiper .card.full.fullHalf .card-content,
.contentSwiper .card.fullTop.fullHalf .card-content {
	max-height: 27.5em;
    height: 27.5em;
    margin-bottom: 0;
    border: unset;
    border-right: 1px #ccc solid;
}
.contentSwiper .card.full.fullHalf.textFit .card-content,
.contentSwiper .card.fullTop.fullHalf.textFit .card-content {
	max-height: 30em;
    height: 30em;
}
.contentSwiper .card.fullTop.fullHalf .card-content {
	border-left: 1px #ccc solid;
	z-index: 2;
}
.contentSwiper .card.fullTop.fullHalf.texFit .card-content {
	padding: 1em 1em 1em 5em;
    background: linear-gradient(90deg, transparent, black);
}
.contentSwiper .card.fullHalf .unitCover{
	flex: 1 0 65%;
}
.dpf1bt .stack6.slider {
	margin-right: 1em!important;
}
.dpf1bt .stack5:last-of-type.slider {
	margin-right: 1em!important;
}
.dpf1bt .stack4:last-of-type.slider {
	margin-right: 1em!important;
}
.dpf1bt .stack3:last-of-type.slider {
	margin-right: 1em!important;
}
.dpf1bt .stack2:last-of-type.slider {
	margin-right: 1em!important;
}
.dpf1bt .stack1:last-of-type.slider {
	margin-right: 1em!important;
}
.dpf1bt .stack5:last-of-type.slider .contentSwiper{
	width: 94%;
}
.dpf1bt .stack2.slider .contentSwiper,
.dpf1bt .stack3.slider .contentSwiper{
	width: 90%;
}
.stack6.slider{
	width: 100%;
	height: 100%;
	margin-top: 0;/*1em;*/
	position: relative;
	margin-bottom: 1em;
}
.stack5.slider{
	width: 75%;
	height: 100%;
	margin-top: 0em;
	position: relative;
}
.stack4.slider{
	width: 70%;
	height: 100%;
	margin-top: 0em;
	position: relative;
}
.stack3.slider{
	width: 50%;
	height: 100%;
	margin-top: 0em;
	position: relative;
}
.stack2.slider{
	width: 35%;
	height: 100%;
	margin-top: 0em;
	position: relative;
} 
.stack1.slider{
	width: 25%;
	height: 100%;
	margin-top: 0em;
	position: relative;
} 
.stack1.slider h2,
.stack2.slider h2,
.stack3.slider h2,
.stack4.slider h2,
.stack5.slider h2,
.stack6.slider h2{
	margin-bottom: 1em;
}
.fragment .stack1.slider h2,
.fragment .stack2.slider h2,
.fragment .stack3.slider h2,
.fragment .stack4.slider h2,
.fragment .stack5.slider h2,
.fragment .stack6.slider h2{
	border-bottom: 1px var(--primary) solid!important;	
}
/*.portrait .stack5.slider,
.portrait .stack4.slider,
.portrait .stack3.slider,
.portrait .stack2.slider,*/
.portrait .stack1.slider{
	width: 100%;
}
.portrait .stack6.slider h2,
.portrait .stack5.slider h2,
.portrait .stack4.slider h2,
.portrait .stack3.slider h2,
.portrait .stack2.slider h2,
.portrait .stack1.slider h2{
	display: flex;
}
.contentSwiper{
	user-select: none;
    box-sizing: border-box;
    overflow: hidden;
    width: 90%;/*100%; fcv 22/02/2023*/
	margin-left: 38px!important;/*2em!important;*/
	margin-top: 0em;
	height: 100%;
    padding-top: 0px;
    padding-bottom: 0px;
}
.portrait .contentSwiper{
	margin-left: 2px!important;
	width: 95%;
}
.mobile.portrait .card.fullTop .unitCover img{
	height: 31vh!important;
}
.dpf1bt .contentSwiper{
	width: 95%;
}
.dpfCB .contentSwiper{
	width: 94%;
}
.slider.full,
.slider.fullTop{
	margin-top: unset!important;
}
.dpf1bt .stack6.slider.full,
.dpf1bt .stack6.slider.fullTop {
    margin-right: 0em!important;
}
.slider.full .contentSwiper,
.slider.fullTop .contentSwiper{
	width: 100%!important;
    margin: unset!important;
}
.slider.full .swiper-button-next, .slider.full .swiper-button-prev,
.slider.fullTop .swiper-button-next, .slider.fullTop .swiper-button-prev{
    left: unset;
    background: var(--primary);/*#93939317;*/
	background-position: 50%;
    background-repeat: no-repeat;
    background-size: 40%;
    border: 1px solid rgba(245, 245, 245, .15);
    border-radius: 100%;
    width: 2rem;
    height: 2rem;
}
.slider.full .swiper-button-next, .slider.full .swiper-button-prev {
	
}
.slider.medium .swiper-button-next, .slider.medium .swiper-button-prev {
	
}
.slider.full .swiper-button-next, .slider.fullTop .swiper-button-next {
	margin-right: 10px;
}
.slider.full .swiper-button-prev, .slider.fullTop .swiper-button-prev {
	margin-left: 10px;
}
.slider.full .swiper-button-prev:after, .slider.full .swiper-rtl .swiper-button-next:after,
.slider.fullTop .swiper-button-prev:after, .slider.fullTop .swiper-rtl .swiper-button-next:after  {
    font-size: 1.25rem;
	color: orange;
}
.slider.full .swiper-button-next:after, .slider.full .swiper-rtl .swiper-button-prev:after,
.slider.fullTop .swiper-button-next:after, .slider.fullTop .swiper-rtl .swiper-button-prev:after {
    font-size: 1.25rem;
	color: orange;
}
.contentSwiper .unitCover {
    display: flex;
	flex-wrap: nowrap;
    justify-content: center;/*flex-start; 2023 17 03 center;*/
	position: relative;
    width: auto;
    max-width: 100%;
    cursor: pointer;
}
.contentSwiper .unitCover h2 {
    position: absolute;
    display: flex;
    background: linear-gradient(180deg, black, transparent);
    user-select: none;
    cursor: pointer;
    z-index: 2;
    width: 100%;
    border-bottom: 1px white solid;
    font-size: 1rem;
    pointer-events: all;
}
.contentSwiper .unitCover img{
    vertical-align: middle;
    max-width: 100%;
    height: 15em; /* 2023 17 03 14em*/
    border: 0;
    object-fit: cover;
	user-select: none;
}
.contentSwiper.swiper-vertical{
	height: 30em;
	margin-left: unset!important;
	width: 100%;
	margin-bottom: 1em;
}
.contentSwiper.swiper-vertical .card{
	height: auto!important;
    width: 100%;
    margin: unset;
    background-color: black;
}
.contentSwiper.swiper-vertical .unitCover{
	justify-content: center;
	background-color: white;
}
.contentSwiper.swiper-vertical .unitCover img,
.contentSwiper.swiper-vertical .unitCover video,
.contentSwiper.swiper-vertical .unitCover iframe{
	height: 30em!important;
    max-height: 65vh!important;
    border: 0;
    object-fit: cover;
    object-position: center;
}
.portrait .contentSwiper.swiper-vertical .unitCover img {
	max-height: 30em!important;
}
.contentSwiper.swiper-vertical .unitCover video{
	z-index: 0!important;
}
.contentSwiper.swiper-vertical .card-content {
	position: absolute;
    bottom: 0;
    color: white;
    height: auto;
	width: 100%;		 
	z-index: 2;
    background: linear-gradient(0deg, black, transparent);
}
.contentSwiper.swiper-vertical .card.fullTop .card-content {
	padding: 1em 0 0 0;
    z-index: 1;
    top: 0;
    bottom: unset;
    background: linear-gradient(90deg, black, transparent);
    left: 0;
    text-align: -webkit-left;
    padding-left: 1em;
    max-width: 40%;
    height: -webkit-fill-available;
}
.contentSwiper.swiper-vertical .card .card-content h3{
	border:unset!important;
	padding: 1% 0!important;
	background-color: transparent;
	position: relative;
	margin-top: 1em;
}
.contentSwiper.swiper-vertical .card .card-content p{
	color: currentColor;
}
.contentSwiper.swiper-vertical .card.fullTop .card-content p{
	color: currentColor;
	text-align: -webkit-left!important;
    width: 75%;
	padding: unset;
}
.swiper-button-prev{
  left: 0;
}
.swiper-button-next {
    right: 0;/*-15%;*/
	left: 99%;/*95%;*/
}
.dpf1bt .swiper-button-next {
    /*left: 99%;*//*95%;*/
}
.swiper-button-next, .swiper-button-prev {
	/*color: currentColor;*/
}
.slider .swiper-pagination-bullet {
    background-color: rgba(0, 0, 0, 0);
}
.slider .swiper-pagination span {
    margin-bottom: 2em!important;
    font-family: "Montserrat", sans-serif;
    font-size: 1rem;
	color: white;/*var(--primary);*/
    width: 100%;
    letter-spacing: 0.07em;
	user-select: none;
}
.slider .swiper-pagination {
	font-weight: 600;
	background: #2b445ab8;
	/*
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    position: absolute;
    width: 100%;
    height: 3em;
	height: 2em;
    top: 103%!important;
    left: 0em;
    color: white;
    background: linear-gradient(0deg, black, transparent);
	*/
}
/*CARD SIZES */
.card.small,
.card.smallTop{
	width: 25%;
}
.portrait .card.small,
.portrait .card.smallTop{
	width: 100%;
}
.contentSwiper .card.small .unitCover img,
.contentSwiper .card.smallTop .unitCover img {
	height: 11.75em;/*10em;*/
    min-height: 11.75em;
    max-height: 11.75em;/*10em;*/
}
.contentSwiper .card.smallTop .unitCover img {
	object-position: top center;
}
.contentSwiper .card.small .unitCover video,
.contentSwiper .card.smallTop .unitCover video {
	height: 11.75em;
	max-height: 11.75em;
	object-fit: cover;
}
.contentSwiper .card.small .unitCover iframe,
.contentSwiper .card.smallTop .unitCover iframe {
	height: 11.75em;
	max-height: 11.75em;
}
.contentSwiper .card.smallTop .card-content {
	top:0;
	border: unset;
    border-left: 1px #ccc solid;
}
.contentSwiper .card.smallTop .card-content h3{
	
}
.card.smallTop .card-content{
	margin-top: 0;
	border-bottom: 1px #ccc solid;
}
.card.mediumTop .card-content{
	margin-top: 0;
	border-bottom: 1px #ccc solid;
}
.card.mediumTop .unitCover{
	align-items: flex-end;
	height: -webkit-fill-available;
}
.portrait .card.medium,
.portrait .card.mediumTop{
	width: 100%;
}
.contentSwiper .card.medium .unitCover img,
.contentSwiper .card.mediumTop .unitCover img {
	object-fit: cover;
	height: 23.5em;
    max-height: 23.5em;
    width: 100%;
	min-width: 100%;
}
.contentSwiper .card.medium .unitCover video,
.contentSwiper .card.mediumTop .unitCover video {
	height: 23.5em;
    max-height: 23.5em;
    width: 100%;
	object-fit: cover;
}
.contentSwiper .card.medium .unitCover iframe,
.contentSwiper .card.mediumTop .unitCover iframe {
	height: 23.5em;
    max-height: 23.5em;
	width: 100%;
}
.contentSwiper .card .unitCover figure figcaption,
.contentSwiper .card .unitCover figure figcaption {
	user-select: text;
    position: absolute;
    display: flex;
    flex-direction: row;
    z-index: 2;
    color: white;
    overflow-y: auto;
    background: linear-gradient(180deg, black, transparent);
    height: 2em;
    max-height: 2em;
    width: 100%;
    left: 0;
    top: 0;
    padding: 2%;
}
.contentSwiper .card .unitCover figure figcaption .credits,
.contentSwiper .card .unitCover figure figcaption .credits{
	font-family: var(--font-family);
    font-size: 0.75em;
    text-align: left;
    text-align: -webkit-left;
    line-height: 1;
    margin-top: unset;
    margin-bottom: unset; 
    flex: unset;
}.mobile.portrait .contentSwiper .card .unitCover img,
.mobile.portrait .contentSwiper .card .unitCover img {
	object-fit: contain;
	object-position: top center;
	height: unset!important;
}
.standard .contentSwiper .card.mediumTop .card-content h3,
.dpf2v .contentSwiper .card.mediumTop .card-content h3,
.dpfSA .contentSwiper .card.mediumTop .card-content h3,
.dpf1ph .contentSwiper .card.mediumTop .card-content h3{
	background-color: transparent;
}
.card.medium,
.card.mediumTop{
	width: 46%;/*35%;*/
}
.slider.full .card.small,
.slider.full .card.smallTop,
.slider.full .card.medium,
.slider.full .card.mediumTop{
	width: calc(100% - 5px);
}
.card.full,
.card.fullTop{
	width: calc(100% - 5px);
	max-height: 38em;
	margin-bottom: 1em;
}
.onethird .slider.full .card.small,
.onethird .slider.full .card.smallTop,
.onethird .slider.full .card.medium,
.onethird .slider.full .card.mediumTop,
.onethird .slider.full .card.full,
.onethird .slider.full .card.fullTop{
	width: calc(100% - 6px);
}
.card.fullTop{
}
.card.fullTop .card-content {
   border-bottom: 1px #ccc solid; 
}
.contentSwiper .card.full .card-content,
.contentSwiper .card.fullTop .card-content {
	/*max-height: 30em;*/
}
.contentSwiper .card.full .unitCover img {
	height: 28em!important;
    max-height: 28em;
    object-fit: cover;
}
.contentSwiper .card.full .unitCover video {
	height: 28em!important;
    max-height: 28em;
    object-fit: cover;
	margin: unset !important;
    max-width: 100% !important;
}
.contentSwiper .card.full .unitCover iframe {
	height: 28em!important;
    max-height: 28em;
}
.contentSwiper .card.fullTop .unitCover img,
.contentSwiper .card.fullTop .unitCover video,
.contentSwiper .card.fullTop .unitCover iframe {
	height: 27.5em!important;/*auto;*/
    max-height: 27.5em;
    width: 100%;
	object-fit: cover;
	margin-top: 0em;
}
.contentSwiper.swiper-vertical .card.full .unitCover img,
.contentSwiper.swiper-vertical .card.full .unitCover video,
.contentSwiper.swiper-vertical .card.full .unitCover iframe{
	height: 30em!important;
}
.onethird .contentSwiper .card.full .unitCover img,
.onethird .contentSwiper .card.full .unitCover video,
.onethird .contentSwiper .card.full .unitCover iframe{
	
}
.twothird .contentSwiper .card.full .unitCover img,
.twothird .contentSwiper .card.full .unitCover video,
.twothird .contentSwiper .card.full .unitCover iframe{
	
}
.onethird .contentSwiper .card.fullTop .unitCover img,
.onethird .contentSwiper .card.fullTop .unitCover video,
.onethird .contentSwiper .card.fullTop .unitCover iframe{
	height: 25em!important;
    max-height: 25em;
}
.twothird .contentSwiper .card.fullTop .unitCover img,
.twothird .contentSwiper .card.fullTop .unitCover video,
.twothird .contentSwiper .card.fullTop .unitCover iframe{
	height: 25em!important;
    max-height: 25em;
}
.contentSwiper .card.fullTop.textFit .unitCover img,
.contentSwiper .card.fullTop.textFit .unitCover video,
.contentSwiper .card.fullTop.textFit .unitCover iframe {
	height: 30em!important;/*auto;*/
    max-height: 30em;
	margin-top: 0;
}
.contentSwiper .card.mediumTop.textFit .unitCover img,
.contentSwiper .card.mediumTop.textFit .unitCover video,
.contentSwiper .card.mediumTop.textFit .unitCover iframe {
	
}
.contentSwiper .card.fullTop .card-content h3{	
}
.contentSwiper .card.fullTop.fullHalf .unitCover img,
.contentSwiper .card.fullTop.fullHalf .unitCover video,
.contentSwiper .card.fullTop.fullHalf .unitCover iframe{
	object-position: left center !important;
}

.contentSwiper .card.full.fullHalf .unitCover img,
.contentSwiper .card.full.fullHalf .unitCover video,
.contentSwiper .card.full.fullHalf .unitCover iframe {
	object-position: right center !important;
}
/* TEXT MODE */
.slider.full .contentSwiper .card .card-content.text p{
	margin-left: 2em;
    width: 90% !important;
}
/* ROUND IMAGES */
.contentSwiper .unitCover.round  {
    width: auto;
    max-width: 100%;
    display: flex;
    justify-content: center;
}
.contentSwiper .unitCover.round  img {
    vertical-align: middle;
    max-width: 100%;
    height: 12em!important;
    width: 12em;
    margin: 1em;
    width: 12em;
    border: 2px #ccc solid;
	min-height: 9em;
    border-radius: 50%;
}
.contentSwiper .card.full .unitCover.round img {
	width: 100%!important;
    max-height: 30em;
    height: 30em!important;
    border: unset;
}
.contentSwiper .unitCover .pictogram{
	position: absolute;
    top: 6%;
    z-index: 99999;
    width: 100%;
    height: 35%;
    overflow-y: auto;
    color: white;
    text-align: center;
    padding: 0 20px;
    font-size: 12px;
    font-family: var(--font-family);
}
.sliderMarker{
	display: inline;
    font-size: 1.5em;
    font-weight: 600;
    margin-top: 0;
    background: yellowgreen;
    padding: 3%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 3;
}
/* QUOTES */
.quote {
    padding: 1%;
    /*border-left: solid 3px grey;
	border: 2px grey solid;
    border-radius: 8px;
    padding: 3%;*/
	border-radius: 4px;
	margin-bottom: 1em;
}  
.quoteTxt {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    display: block;
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    margin: 0 0 15px;
    padding: 0;
}
.quoteAutor {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    display: block;
    font-family: var(--title-font-family);
    font-weight: 200;
    font-style: italic;
    font-size: 16px;
    line-height: 26px;
    margin: 0 0 18px;
    padding: 0;
}
.quote blockquote p:first-child::before {
	content: open-quote;
    margin-right: 10px;
    color: currentColor;
    font-family: var(--title-font-family);
    font-size: 3em;
    position: relative;
    line-height: 0.1em;
    top: 0.4em;
}
.quote blockquote p:last-of-type::after {
/*.quote blockquote p:first-child::after {*/
	content: close-quote;
    margin-left: 10px;
    color: currentColor;
    font-size: 3em;
    font-family: var(--title-font-family);
    position: relative;
    line-height: 0.1em;
    top: 0.4em;
}
.quote blockquote {
	width: 90%;
    margin: 0 auto;
	quotes: "“" "”" "‘" "’";
}
.quote blockquote p:first-child{
  margin-bottom: 1em;
}
.quote blockquote p{
	text-align: -webkit-center!important;
    margin-bottom: unset!important;
    font-family: var(--font-family);
	font-weight: 600;
	font-size: 1.25rem;
    color: currentColor;/*#8e897b;*/
}
.quote blockquote span.author{
	position: relative;
    display: block;
    font-style: italic;
    font-weight: 600;
    font-size: 1.25rem;
    margin-top: 1em;
    text-align: center;
}
.quote blockquote p cite{
	font-weight: 100;
}
/* Quote1
.quote1{
	position: relative;
	width: 100%;
	height: auto;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: right center;
	margin-bottom: 1em;
	max-height: 25em;
    overflow-y: auto;
	box-shadow: 5px 5px 5px 0px #bbb;
}
.quote1 blockquote {
	color: #ccc;
	background-color: black;
	width: 60vw;
	max-width: 60%;
	padding: 3.5em 10px 1em 10px;
	quotes: "\201C""\201D""\2018""\2019";
}
.portrait .quote1{
	margin: 0;
    max-height: 50vh;
	background-size: cover;
    background-position: 50% center;
}
.portrait .quote1 blockquote {
	width: 50%;
}
.quote1 blockquote p:first-child:before {
	position: absolute;
	content: open-quote;
	color: currentColor;
	font-size: 4em;
	line-height: 0.1em;
    top: 0.35em;
    z-index: 2;
    font-weight: 600;
    left: -40px;
}
.quote1 blockquote p:last-of-type:after {
	color: #ccc;
	content: close-quote;
	font-size: 4em;
	line-height: 0.1em;
	margin-left: 5px;
    vertical-align: -0.45em;
}
.quote1 blockquote p {
	margin-top: unset!important;
    position: relative;
    top: -35px;
    margin-left: 2em;
    line-height: 1.5;
    font-size: 120%;
    font-weight: 600;
    text-align: left!important;
}
.quote1 blockquote span.author{
	position: relative;
    display: block;
    font-style: italic;
    font-weight: 600;
    font-size: 1.25rem;
    margin: 0em 2em;
    text-align: left;
    width: 100%;
}
*/
.quote1{
	font-size: 2em;
    cursor: pointer;
    width: auto;
    position: relative;
    z-index: 3;
    display: flex;
    flex-direction: row;
    align-items: center;
}
.quote1 .graphic{
    background-image: unset;
    background-size: cover;
    background-position: center center;
    background-color: ;
    display: inline-block;
    border: 1px solid #7d7d7d;
    right: 95%;
    background-repeat: no-repeat;
    border-radius: 8px;
    z-index: 1;
    width: 6em;
    height: 5em;
    -webkit-box-shadow: 0 0.15em 0.25em 0 rgb(0 0 0 / 50%);
    -moz-box-shadow: 0 .15em .25em 0 rgba(0, 0, 0, .5);
    box-shadow: 0 0.15em 0.25em 0 rgb(0 0 0 / 50%);
}
.quote1 .text{
	position: relative;
    left: -47px;
    padding-left: 3rem !important;
    font-size: 1em;
    border: 1px #ccc solid;
    border-radius: 8px;
    padding-left: 10px;
    overflow-y: auto;
    user-select: none;
    height: auto;
    max-height: 10em;
	width: 100%;
	box-shadow: 0 0.15em 0.25em 0 rgb(0 0 0 / 50%);
}
.quote1 blockquote {
	max-width: 85%;
	padding: 2rem 0px 0em 0px;
	color: #aaa;
	quotes: "\201C""\201D""\2018""\2019";
}
.quote1 blockquote p:first-child:before {
	position: absolute;
    content: open-quote;
    color: #aaa;
    font-size: 3em;
    line-height: 0.1em;
    top: 0.35em;
    z-index: 2;
    font-weight: 600;
    left: -40px;
}
.quote1 blockquote p:last-of-type:after {
	content: close-quote;
    font-size: 3em;
    line-height: 0.1em;
    margin-left: 5px;
    vertical-align: -0.4em;
    color: #aaa;
}
.quote1 blockquote p {
	margin-top: unset!important;
    position: relative;
    top: -35px;
    margin-left: 2em;
    line-height: 1.5;
    font-size: 1.2rem;
    font-weight: 600;
    text-align: left!important;
}
/*.quote1 blockquote span.author{*/
.quote1 .text span.author{
	position: relative;
    display: block;
    font-style: italic;
    font-weight: 600;
    font-size: 1.5rem;
    margin: 0em 1em;
    text-align: left;
}
/* Quote2 */
.quote2{
	margin-bottom: 1em;
}
.quote2 blockquote {
	color: white;
	background: linear-gradient(90deg, var(--primary), #738ca24a);
	/*border-left: 3px solid var(--primary);*/
	padding: 0.5em 10px;
	quotes: "\201C""\201D""\2018""\2019";
}
.quote2 blockquote {
  font-style: italic;
}
.quote2 blockquote p:first-child:before {
	color: currentColor;
    content: open-quote;
    position: absolute;
    font-size: 4rem;
    line-height: 0.1em;
    top: 0.4em;
    z-index: 2;
    font-weight: 600;
    left: -45px;
}
.quote2 blockquote p:last-of-type:after {
	color: currentColor;
	content: close-quote;
	font-size: 4rem;
	line-height: 0.1em;
	margin-right: 0.25em;
	vertical-align: -0.4em;
	font-weight: 600;
}
.quote2 blockquote p {
	display: block;
	position: relative;
	margin-left: 1.5em;
	line-height: 1.666;
	text-align: -webkit-left!important;
	word-break: break-word;
	font-size: 1.25rem;
    font-weight: 600;
	max-width: 85%!important;
}
.quote2 blockquote span.author {
	position: relative;
    display: block;
    font-style: italic;
    font-weight: 600;
    font-size: 1.25rem;
    margin-top: 1em;
    text-align: center;
}
.quote3 .blockquote {
	position: relative;
	font-family: 'Lato', sans-serif;
	max-width: 620px;
	margin: 0 auto;
	align-self: center;
	margin-bottom: 1em;
}
.quote3 .blockquote p{
	text-align: left !important;
    text-align: -webkit-left !important;
	font-size: 1.25rem;
}
.quote3 .blockquote h1 {
	font-family: 'Lato', cursive;
	position: relative; /* for pseudos */
	color: currentColor;
	font-size: 2rem;
    font-weight: normal;
    line-height: 1.666;
	margin: 0;
	border: 2px solid #fff;
	border: solid 2px;
	border-radius:20px;
	padding: 25px;
	background: unset;
}
.quote3 .blockquote h1:after {
	content:"";
	position: absolute;
	border: 2px solid currentColor;
	border-radius: 0 50px 0 0;
	width: 60px;
	height: 60px;
	bottom: -60px;
	left: 50px;
	border-bottom: none;
	border-left: none;
	z-index: 3; 
}
.quote3 .blockquote h1:before {
	content:"";
	position: absolute;
	width: 80px;
	/*border: 6px solid #2b445a;*/
	bottom: -3px;
	left: 50px;
	z-index: 2;
}
.quote3 .blockquote h4 {
	position: relative;
	color: currentColor;
	font-size: 1.3rem;
	font-weight: 600;
	line-height: 1.2;
	margin: 0;
	padding-top: 20px;
	z-index: 1;
	margin-left:150px;
	padding-left:12px;
}
.quote3 .blockquote h4:first-letter {
	margin-left:-12px;
}
.quote4 {
	position: relative;
	max-width: 100vw;
	max-height: 25em;
    overflow-y: auto;
	margin-bottom: 1em;
	box-shadow: 5px 5px 5px 0px #bbb;
	-webkit-transition: all 900ms cubic-bezier(0.165, 0.84, 0.44, 1);
	-moz-transition: all 900ms cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: all 900ms cubic-bezier(0.165, 0.84, 0.44, 1);
	background-image: url(ui/images/trans.png);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: contain;
	background-color: black;
}
.quote4 blockquote {
	opacity: 0.75;
	background: linear-gradient(90deg, black , transparent );
	font-style: italic;
	color: white;
	padding: 2.5em 10px;
	quotes: "\201C""\201D""\2018""\2019";
	/*margin-bottom: 1em;*/
}
.quote4 blockquote p:first-child:before {
    position: absolute;
    content: open-quote;
    line-height: 0.1em;
    margin-right: 0.5em;
    color: currentColor;
    font-size: 4em;
    line-height: 0.1em;
    top: 0.35em;
    left: -55px;
}
.quote4 blockquote p:last-of-type:after {
    color: currentColor;
    content: close-quote;
    font-size: 4em;
    font-weight: 600;
    line-height: 0.1em;
    margin-left: 0px;
    vertical-align: -0.45em;
}
.quote4 blockquote p {
	position: relative;
	font-weight: 600;
    font-size: 1.25em;
    text-align: left!important;
    word-spacing: unset!important;
    user-select: none!important;
    display: block;
    max-width: 40%!important;
    margin-left: 2em;
}
.quote4 blockquote span.author{
	position: relative;
    display: block;
    font-style: italic;
    font-weight: 600;
    font-size: 1.25rem;
    margin: 1em 2em;
    text-align: left;
    max-width: 25%;
}
.portrait .quote4{
	background-size: cover;
}
.portrait .quote4 blockquote p {
	max-width: 40%!important;
}
.quote5 {
	position: relative;
    display: block;
    border: unset;
}
.quote5 .blockquote {
    position: relative;
    font-family: 'Montserrat', sans-serif;
    /*font-weight: 800;*/
    padding: 30px 0;
    width: 100%;
    max-width: 80%;
    z-index: 1;
    margin: 40px auto;
    align-self: center;
    border-top: solid 1px var(--primary);
    border-bottom: solid 1px var(--primary);
}
.quote5 .blockquote h1 {
    position: relative;
    color: #666;
    font-size: 1.25rem!important;
    /*font-weight: 800;*/
    line-height: 1;
    margin: 0;
	padding: 10px;
    border: unset;
    background: transparent;
}
.quote5 .blockquote h4 {
    position: relative;
    color: #292a2b;
    font-size: 1.4rem;
    font-weight: normal;
    line-height: normal;
    margin: 0;
    padding-top: 20px;
    z-index: 1;
}
.quote5 .blockquote h1 p{
	text-align: -webkit-left!important;
	text-align: left!important;
}
.quote5 .blockquote:after {
    position: absolute;
    content: "”";
    color: var(--primary);
	font-family: var(--title-font-family);
    font-size: 10rem;
    line-height: 0;
    bottom: -43px;
    right: 30px;
}
/* Accordion */
.accordion .accordion-item {
    border-bottom: 1px solid #e5e5e5;
}
.accordion .accordion-item button[aria-expanded=true] {
    /*border-bottom: 1px solid darkred;*/
}
.accordion button {
    position: relative;
    display: block;
    text-align: left;
    width: 100%;
    padding: 1em 0;
    color: currentColor;/*#7288a2;*/
    font-size: inherit;/*1.15rem;*/
    font-weight: 400;
    border: none;
    background: none;
    outline: none;
}
.accordion button:hover, .accordion button:focus {
    cursor: pointer;
    background-color: #ccc;
}
.accordion button:hover::after, .accordion button:focus::after {
    cursor: pointer;
    color: white;
    border: 1px solid #ccc;
}
.accordion button .accordion-title {
    padding: 1em 1.5em 1em 0;
}
.accordion button .icon {
    display: inline-block;
    position: absolute;
    top: 18px;
    right: 5px;
    width: 22px;
    height: 22px;
    /*border: 1px solid;
    border-radius: 22px;*/
}
.accordion button .icon::before {
    display: block;
    position: absolute;
    content: "";
    top: 9px;
    left: 5px;
    width: 10px;
    height: 2px;
    background: currentColor;
}
.accordion button .icon::after {
    display: block;
    position: absolute;
    content: "";
    top: 5px;
    left: 9px;
    width: 2px;
    height: 10px;
    background: currentColor;
}
.accordion button[aria-expanded=true] {
  /*color: black;*/
    font-weight: bold;
}
.accordion button[aria-expanded=true] .icon::after {
    width: 0;
}
.accordion button[aria-expanded=true] + .accordion-content {
    opacity: 1;
    max-height: 9em;
    transition: all 200ms linear;
    will-change: opacity, max-height;
    background: #fff;
}
.accordion .accordion-content {
    color: var(--text);
    opacity: 0;
    border-left: 5px solid #E85611 !important;
    max-height: 0;
    padding: 0 1%;
    overflow: hidden;
    transition: opacity 200ms linear, max-height 200ms linear;
    will-change: opacity, max-height;
}
.accordion .accordion-content p {
    font-size: 0.85em;
    margin: 2em 0;
    font-family: var(--font-family);
}   
/************************************************
*		BOXES									*
************************************************/
.box{
	display: inline-block;
	position: relative;
	padding: 1em 24px 1em 5em;
	border-radius: 2px;
	font-family: var(--font-family);
	font-weight: 600;
	font-size: 0.85em;
	line-height: 1.75em;
	width: 100%;
	border: 0.1rem solid #eec420;
	border-radius: 2px;
	margin-bottom: 1em;
	max-height: 30em;
    overflow-y: auto;
}
.box:before {
	content: '';
	background-size: cover;
	background-image: var(--boxImage);
	background-color: var(--bgColor);
	display: block;
    position: absolute;
    top: 10px;
    left: 10px;
    width: 3em;
    height: 3em;
	background-position: 50% center;
	background-repeat: no-repeat;
	text-align: justify;
	border-radius: 50%;
	box-shadow: 0px 2px 2px rgb(41 73 94 / 10%);
}
.box.think:before{
	--boxImage:url(ui/images/brain.jpg);
}
.box.bulb:before{
	--boxImage:url(ui/images/bulb.jpg);
}
.box.free{
	border: 1px var(--bgColor) solid;
	border-radius: 4px;
}
.box.free{
	--bgColor: #2b445a;
}
.filtered .box.free {
    --bgColor: #fff;
}
.standard .box.free,
.dpf2v .box.free,
.dpfSA .box.free,
.dpf1ph .box.free{
	--bgColor: #fff;
}
.box.free:before {
	background-image: var(--boxMask);
	background-position: center;
	-webkit-mask-repeat: no-repeat!important;
	-webkit-mask-size: contain!important;
    -webkit-mask-origin: content-box!important;
    -webkit-mask-position: center!important;
	/*Tipo image*/
	border-radius: unset;
}
.box.free.image{
	padding: 1em 2em 1em 14em;
	min-height: 13em;
}
.box.free.image:before{
	top: 0px;
	left: 0px;
	width: 13em;
    height: -webkit-fill-available;/*13em;*/
   /* max-height: 12.95em;*/
	z-index: -1;
}
.portrait .box.free.image{
	padding: 1em 2em!important;
	background-image: linear-gradient(90deg, #000000a6, transparent);
	color: white;
}
.portrait .box.free.image:before {
	width: 100%;
}
.box.free.image.medium{
	padding: 1em 2em 1em 26em;
}
.box.free.image.medium:before{
	width: 25em;
}
.box.free.image.big{
	padding: 1em 2em 1em 51em;
}
.box.free.image.big:before{
	width: 50em;
}
.box p:first-child{
	font-family: var(--title-font-family)!important;
	font-weight: 600;
	font-size: 1.25em;
	line-height: 1.75;
	margin-bottom: 1em!important;
	margin-top: unset!important;
}
.box p{
	font-family: var(--font-family);
	font-size: 1rem;
	text-align: left;
	font-weight: 400;
}
.box p strong{
	font-family: var(--title-font-family)!important;
}
.box ul{
	font-weight: normal;
}
.box ul li{
	list-style: disc;
    margin-left: 18px;
	font-size: 1rem;
}
.contentText.portrait .box.free.image ul li:before {
	background-color: currentColor;
}
.box.info{
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	position: relative;
	height: auto;
	justify-content: center;
	align-items: baseline;
	border-radius: 2px;
	border: 0.1rem solid #eec420;
}
.box.info:before{
	content: unset;
}
.box.info .icon{
	position: absolute;
	z-index: 1;
	left: 5%;
	flex-wrap: nowrap;
	display: inline-flex;
	justify-content: center;
	align-items: center;
}
.box.info .icon svg{
	height: 2.25em;
	width: 2.25em;
	stroke: #eec420;
}
.box.info .data{
	position: relative;
	width: 100%;
	text-align: justify;
	font-family: 'Lato';
	padding: 0.5rem 5%;
	margin-left: 1em;
}
.box.info .data p{
	margin-bottom: unset!important;
	/*display: inline-flex;*/
	line-height: 1.666;
}
.box.info .data ul{
	font-weight: 300;
}
/*
.dpf1bt div > .stack3 .box.info{
	margin-top: 5em;
	font-size: 0.65em;
}
*/
.dropdown{
	position: relative;
	-webkit-transition: all 250ms linear;
	transition: all 250ms linear;
}
.dropdown .header {
	height: auto;
	background: #2b445a;
	justify-content: initial;
	display: flex;
	align-items: center;
	padding: 0;
	border-bottom: 1px white solid;
}
.dropdown .header:hover {
	/*background-color: #ccc;*/
}
.dropdown.step .header {
	background: unset;	
}
.dropdown .header .number{
	margin: unset;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	min-width: 1.25em;
	min-height: 1.25em;
	line-height: 1em;
	padding: 0;
	font-family: "Open Sans",Helvetica,Arial,sans-serif;
	font-size: 1.5rem;
	text-align: center;
	background-color: #2b445a;
	color: var(--title);
	margin-right: 0.15em;
	transition: all 0.2s linear;
}
.dropdown .header .number.active{
	background-color: white;
    color: #666;
	background-color: var(--primary)!important;
    color: white;
	border-bottom-right-radius: 8px;
    border-top-right-radius: 8px;
    border-left: unset;
}
.dropdown.step .header .number {
	background-color: #2b445a;
	color: white;
}
.dropdown span.title {
	position: relative;
	/*background-color: #2b445a;*/
	padding: 9px 10px;
	font-family: var(--title-font-family);
	font-size: 1.25rem;
	line-height: 1.2;
	vertical-align: middle;
	color: white;
	display: flex;
	max-width: 89%;
}
.dropdown.step span.title {
	background-color: #2b445a;
}
.dropdown .collapsible {
	height: auto;
    width: 2em;
    padding: 0;
    float: right;
    cursor: pointer;
    display: flex;
    position: absolute;
    right: 0px;
    transition: all 250ms linear;
}
.dropdown .collapsible.active {
    transform: rotate(180deg);
}
.dropdown .data {
	background: white;/*#2b445a;*/
	color: var(--text);/*white;*/
	position: relative;
	top: unset!important;
	max-width: 100%;
	margin: 0;
	box-shadow: unset;
	height: 0;
    padding: 0!important;
    overflow: hidden;
}
.dropdown.step .data{
	position: relative;
    left: 67px;
    width: calc(100% - 66px);
}
.dropdown.active .data {
	height: auto; 
	-webkit-animation: showCollapse 0.3s forwards;
    animation: showCollapse 0.3s;
	border-bottom: 2px var(--primary) solid;
}
.dropdown .data p{
	font-size: 1rem;
    line-height: 1.6;
    margin: 1em 1%;/* cambiado 12/07/2023 por 1em 0*/
	width: 95%;
    font-family: var(--font-family);
    font-weight: 400;
    text-align: justify;
}
.dropdown .data p img{
	position: relative;
    margin: 2em 0;
    width: 100%;
    height: auto;
    max-width: 100%;
    max-height: 50vh;
    object-fit: contain;
}
.dropdown .data ul{
	display: inherit;
	margin: 0 1.25rem!important;
    line-height: 1.66;
    padding: 0;
    list-style: none;
    font-family: var(--font-family);
    font-weight: 400;
    text-align: justify;
}
.dropdown .data ul li{
	position: relative;
    line-height: 2;
	font-size: 1rem;
    margin-left: 1em;
    text-align: left;
    padding: unset!important;
}
.dropdown .data ul li:first-child {
	margin-top:1em;
}
.dropdown .data ul li:last-of-type {
	margin-bottom:1em;
}
.dropdown .data ul li:before {
    background-color: white;
    border-radius: 50%;
    top: 15px;
    width: 10px;
    height: 10px;
    margin-left: -1.25em;
    content: '';
    position: absolute;
    display: inline-block;
}
.dropdown .data ol{
	position: relative;
    list-style: none;
    counter-reset: dpf-counter;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    margin: 0 2em;
    padding: 0;
    line-height: 1.66;
    padding: 0;
    font-family: var(--font-family);
    font-weight: 400;
	font-size: 1rem;
    text-align: justify;
}
.dropdown .data ol li{
	counter-increment: dpf-counter;
    display: flex;
    align-items: flex-start;
    margin-bottom: 0.5rem;
    margin-left: 0;
    margin-top: 0.25rem;
}
.dropdown .data ol li:last-of-type {
	margin-bottom: 0em;
}
.dropdown .data ol li:before {
	/*content: "" counter(dpf-counter) " - ";*/
	content: "" counter(dpf-counter);
	margin-right: 1em;	
}
/* DROPDOWN LISTS STYLES */
/* TIPOS DE LISTA */
.dropdown .data  ul.a li:before {
	top: 16px;
    width: 10px;
    height: 2px;
	background-color: var(--primary);
}
.dropdown .data  ul.b li:before {
	top: 0.65em;
    width: 10px;
    height: 10px;
	background: var(--primary);
    margin-left: -19px;
    content: '';
    position: absolute;
    display: inline-block;
    border-radius: 50%;
}
.dropdown .data  ul.c li:before {
	top: 0.65em;
    width: 10px;
    height: 10px;
    margin-left: -19px;
    content: '';
    position: absolute;
    display: inline-block;
	background-color: unset;
    border-radius: 50%;
    border: 1px var(--primary) solid;
}
/* UL Columnas Para muchos elementos en poco espacio */
.dropdown .data  ul.d {
	display: flex!important;
	flex-wrap: wrap;
    column-gap: 2em;
	width: auto;
	margin: 1em 0;
}
.dropdown .data  ul.d li{
	flex: 0 1 25%!important;
	border: unset;
    /*margin-left: -40px!important;*/
}
.dropdown .data  ul.d li:first-child {
    margin-top: 1em!important;
}
.dropdown .data  ol.d {
  /*columns: 150px;*/
  display: flex;
  flex-wrap: wrap;
  column-gap: 2em;
}
.dropdown .data  ol.d li:first-child {
    margin-top: 1em!important;
}
.dropdown .data  ol.a.d li:first-child {
    margin-top: 1em!important;
}
.dropdown .data  ol.at.d li:first-child {
    margin-top: 1em!important;
}
.dropdown .data  ol.b.d li:first-child {
    margin-top: 1em!important;
}
.dropdown .data  ol.c.d li:first-child {
    margin-top: 1em!important;
}
.dropdown .data  ol.d li{
	flex: 0 0 45%!important;
    /*margin-left: -40px!important;*/
}
.standard .dropdown .data  ol.d li{
	flex: 0 0 40%;
}
/* OLs */
/* ol tipo a es alfabetica */
.dropdown .data  p + ol.a {
	margin: 1em 0 25px 2em
}
.dropdown .data  ol.a {
  list-style: upper-alpha;
  counter-reset: items;
  padding: 0;
  margin: 1em 0;
}
.dropdown .data  ol.a li {
	list-style: upper-alpha;
	display: flex;
	counter-increment: items; 
	margin-left: 0;	
	flex: 1 0 100%;
	align-items: flex-start;
}
.dropdown .data  ol.a li::before {
	content: counter(items, upper-alpha);
	position: relative;
    border-radius: 50%;
    padding: 8px;
    height: 1em;
    width: 1em;
    background-color: var(--primary);
    text-align: center;
    color: white;
    font-size: 1em;
    box-sizing: content-box;
    justify-content: center;
    display: flex;
	flex: 0 0 1em;
    align-items: center;
    font-weight: 600;
    margin-right: 0.5em;
    top: unset;
}
/* Alfa Transparente */
.dropdown .data  p + ol.at {
	margin: 1em 0 25px 2em
}
.dropdown .data  ol.at {
  list-style: upper-alpha;
  counter-reset: items;
  padding: 0;
  margin: 1em;
}
.dropdown .data  ol.at li {
	list-style: upper-alpha;
	display: flex;
	counter-increment: items; 
	margin-left: 0;	
	align-items: flex-start;
}
.dropdown .data  ol.at li::before {
    content: counter(items, upper-alpha);
    position: relative;
    border-radius: 50%;
    padding: 8px;
    height: 1em;
    width: 1em;
    background-color: transparent;
    text-align: center;
    color: #333;
    font-size: 1em;
    box-sizing: content-box;
    justify-content: center;
    display: flex;
    flex: 0 0 1em;
    align-items: center;
    font-weight: 600;
    margin-right: 0.5em;
    top: unset;
    border: 2px currentColor solid;
}
.dropdown .data  ol.at li ul{
	display: flex;
    flex-direction: column;
    flex: 1 1 100%;
    left: 3em;
    position: relative;
}
.dropdown .data  ol.at li ul li:before{
	margin-left: -2.25em;
}
/*
.dropdown .data  ol.a li::after {
	content: '';
    border-color: #fff!important;
    margin: unset!important;
    margin-top: 2em!important;
    position: absolute;
    border-right: 2px solid;
    margin-left: 0px!important;
    width: 1px;
    height: 16px;
    left: -1px;
}
*/
/* TIPO B numero en caja */
.dropdown .data  p + ol.b {
	margin: 1em 0 25px 2em
}
.dropdown .data  ol.b {
  list-style: none;
  counter-reset: items;
  margin: 1em 0;
}
.dropdown .data  ol.b li {
	margin: 1em 0 1em 0em;
    margin-left: unset;
	counter-increment: items;
    position: relative;
    line-height: 1.6;
    font-size: 1em;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
}
.dropdown .data  ol.b li::marker {
	content: unset;
}
.dropdown .data  ol.b li:before {
	content: counter(items);
    position: relative;
    border-radius: 50%;
    padding: 10px;
    height: 1em;
    width: 1em;
    background-color: var(--primary);
    text-align: center;
    color: white;
    font-size: 1em;
    box-sizing: content-box;
    justify-content: center;
    display: flex;
    align-items: center;
	flex: 0 0 1em;
    font-weight: 600;
    margin-right: 0.5em;
    top: unset;
}
/* B transparente */
.dropdown .data  p + ol.bt {
	margin: 1em 0 25px 2em
}
.dropdown .data  ol.bt {
  list-style: none;
  counter-reset: items;
  margin: 1em 0;
}
.dropdown .data  ol.bt li {
	margin: 0em 0 1em 0em;
    counter-increment: items;
    position: relative;
    line-height: 1.6;
    font-size: 1em;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
}
.dropdown .data  ol.bt li::marker {
	content: unset;
}
.dropdown .data  ol.bt li::before {
    content: counter(items);
    position: relative;
    border-radius: 50%;
    padding: 8px;
    height: 1em;
    width: 1em;
    background-color: transparent;
    text-align: center;
    color: #333;
    font-size: 1em;
    box-sizing: content-box;
    justify-content: center;
    display: flex;
    flex: 0 0 1em;
    align-items: center;
    font-weight: 600;
    margin-right: 0.5em;
    top: unset;
    border: 2px currentColor solid;
}
/* TIPO C Como b pero cuadrada */
.dropdown .data  p + ol.c {
	margin: 1em 0 25px 2em
}
.dropdown .data  ol.c {
  list-style: none;
  counter-reset: items;
  margin: 1em 0;
}
.dropdown .data  ol.c li {
	margin: 0em 0 1em 0em;
    counter-increment: items;
    position: relative;
    line-height: 1.6;
    font-size: 1em;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
}
.dropdown .data  ol.c li::marker {
	content: unset;
}
.dropdown .data  ol.c li:before {
	content: counter(items);
    position: relative;
    border-radius: 4px;
    padding: 10px;
    height: 1em;
    width: 1em;
    background-color: var(--primary);
    text-align: center;
    color: white;
    font-size: 1em;
    box-sizing: content-box;
    justify-content: center;
    display: flex;
    align-items: center;
	flex: 0 0 1em;
    font-weight: 600;
    margin-right: 0.75em;
    top: unset;
}
/* Listas en listas */
.dropdown .data  ul ul{
	margin:13px 0 25px 1em!important;
}
.dropdown .data  ul ul li:before{
	background-color: var(--primary);
    top: 16px!important;
    width: 10px!important;
    height: 2px!important;
    content: '';
    position: absolute;
    display: inline-block;
}
.dropdown .data  ul ol{
	margin: 10px 0 0 1em;
}
.dropdown .data  ul ol li:before{
	display: none;
}
.dropdown .data  ol ul{
	margin:7px 0 0 7px;
}
.dropdown .data  ol ul li::marker{
	content: unset;
}
.dropdown .data  ol ol{
	margin: 13px 0 0 1em;
}
.dropdown .data  ol.a ol{
	margin: 0em 0 0em 1em;
    display: inline-flex;
}


@-webkit-keyframes showCollapse {
    from {
        max-height: 0px;
    }
    to {
        max-height: 1000px;
    }
}
@keyframes showCollapse {
    from {
        max-height: 0px;
    }
    to {
        max-height: 1000px;
    }
}
.dropdown:last-of-type{
	margin-bottom:1em;
}
.dropdown.light{
	color: #666;
	border: 1px #666 solid;
}
.dropdown.light .header{
	background: transparent;
	padding: unset;
	border-bottom: unset;
}
.dropdown.light .header .number{
	margin: unset;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	border-radius: 0px;
	min-width: 1.25em;
	min-height: 1.25em;
	line-height: 1em;
	padding: 0;
	font-family: "Open Sans",Helvetica,Arial,sans-serif;
	font-size: 1.5rem;
	text-align: center;
	color: var(--primary);
	background-color: white;
	margin-right: 0.05em;
	border-top: 1px #666 solid;
    border-right: 1px #666 solid;
    border-bottom: 1px #666 solid;
    border-bottom-right-radius: 8px;
    border-top-right-radius: 8px;
	border-left: unset;
}
.dropdown.light .header .number.active{
	background-color: var(--primary)!important;
    color: white;
}
.dropdown.light .header span.title{
	margin: unset;
	padding: 8px 10px!important;
    align-items: center;
	font-size: 1.25rem;
    min-height: 1em;
    width: unset;
    background-color: transparent;
	color: var(--text);
}
.dropdown.light .data{
	background: transparent;
	color: #666;
	margin-left: 0;
}
.dropdown.light.active .data{
	border-top: 1px #666 solid;
	border-bottom: unset;
}
.dropdown.light.active .data figure{
	border-top: 1px #ccc solid;
    border-bottom: 1px #ccc solid;
}
.dropdown.light .data ul li:before {
    background-color: var(--primary);
    border-radius: unset;
    top: 15px;
    width: 10px;
    height: 10px;
    margin-left: -1.25em;
    content: '';
    position: absolute;
    display: inline-block;
}
.dropdown.light .collapsible {
	stroke: #666;
}
.fragment .dropdown.light .header span.number{
	min-width: 1.5em;
    min-height: 1.35em;
}
.fragment .dropdown.light .header span.title{
	padding: 7px 10px!important;
}
.dropdown.transparent{
	background: transparent;
}
.dropdown.transparent .header {
	background:inherit;
	border-bottom: 1px currentColor solid;
}
.dropdown.transparent.active .header {
	background:#ccc;
}
.dropdown.transparent span.title{
	color: currentColor;
	padding: 8px 10px!important;
	left: -10px;
}
.dropdown.transparent .header .number{
	display: inline-flex;
    justify-content: center;
    align-items: center;
    min-width: 1.5em;
    left: 0;
	top: 1px;
    position: relative;
    min-height: 1.5em;
    border: 1px #666 solid;
    line-height: 1em;
    padding: 0;
    font-family: "Open Sans",Helvetica,Arial,sans-serif;
    font-size: 1.5rem;
    text-align: center;
    color: white;
    background-color: #666;
    margin-right: 0.25em;
	transition: all 0.2s linear;
	border-radius: unset;
}
.dropdown.transparent .header .number.active{
	background-color: white!important;
    color: #666!important;
	border-bottom: unset;
}
.dropdown.transparent svg{
	stroke: currentColor;/*#666;*/
}
.dropdown.transparent .data {
	background: inherit;
    color: currentColor;
    position: relative;
    left: 0;
    width: 100%;
}
.dropdown.transparent.active .data {
	border-bottom: 1px currentColor solid;
}
.dropdown.transparent .data p{
	margin: 1em 0%;
}
.dropdown.transparent .data ul li {
    color:currentColor;/*#666;*/
	border-radius: unset;
}
.dropdown.transparent .data ul li:before {
    background-color: currentColor;/*#666;*/
}
.dropdown .data figure img{
	max-height: 60vh;
}
.fragment.full .dropdown.transparent .header .number{
	color: var(--title);
    background-color: var(--primary);
    margin-right: 0.5em;
	border-bottom: unset;
	top: 2px;
}
.fragment.full .dropdown.transparent span.title{
    font-size: 1.35em;
    line-height: 1;
    color: var(--text);
} 
.fragment.full .dropdown.transparent .header {
	border-bottom: 2px var(--primary) solid;
}
/* TABS */
.tabs{
	position: relative;
    user-select: none;
	margin-top: 0em;
	margin-bottom: 1em;
}
.tabs ul{
	display: flex;
    flex-wrap: nowrap;
    padding: 0;
    border-bottom: 1px solid #ccc;
}
.tabs.shadow ul{
	/*box-shadow: 0px 5px 10px #666;*/
}
.tabs .tabcontent ul{
	display: block;
	border:none;
}
.tabs .tablinks{
	position: relative;
	cursor: pointer;
    display: flex;
    border: 0;
    flex: 1 0 auto;
    align-items: center;
    justify-content: flex-start;
    height: auto;
    min-height: 2em;
	appearance: none;
    font: inherit;
    margin: 0;
    padding: 0;
    padding-bottom: 0.15rem;
	text-decoration: none;
    transition: all 0.25s linear;
}
.tabs .tablinks:last-child { 
	border-right: unset;
}
.tabs .tablinks.active {
    color: white;
    background-color: currentColor;
    font-weight: bold;
    pointer-events: none;
	top: 2px;
    border-bottom: 3px solid var(--primary);
}
.tabs.shadow .tablinks.active {
	box-shadow: 0px 0px 10px 0px #666;
}
.tabs .tablinks a{
	user-select: none;
    color: #ccc;
    font-size: 1em;
    cursor: pointer;
    font-family: var(--title-font-family);
}
.tabs .tablinks.active a{
	color: #2b445a;
}
.tabs .tablinks:active, .tabs .tablinks:hover, .tabs .tablinks:focus {
    background: #ccc;
    color: #fff;
}
.tabs .tablinks:active a, .tabs .tablinks:hover a, .tabs .tablinks:focus a{
	color: white;
}
.tabs .tabcontent {
	border-top: 0;
	font-family: var(--font-family);
	font-size: 1rem;
    line-height: 1.666;
    animation: unset;
    opacity: 1;
	animation: fade_in ease forwards 1s;
	/*margin-top: 1em;*/
	padding: 1em 0 1em 0!important;
	max-height: 30em;
    width: 100%;
	overflow: hidden;
    overflow-y: auto;
    border-bottom: 1px solid rgb(204, 204, 204);
}
.tabs .tabcontent .contentText{
	animation: unset;
	opacity: 1;
}
.tabs .tabcontent h4{
	margin: 20px 0 20px;
    font-size: 1rem;
    font-weight: 100;
}
.tabs .tabcontent p{
	font-size: 1rem;
    line-height: 1.65;
    font-family: var(--font-family);
    text-align: justify;
}
.tabs .tabcontent p{
	/*margin-top: 0em!important;*/
}
.tabs .row{
	max-width: 100%;
    column-gap: unset;
    margin: unset;
}
.tabs .row .contentText figure:nth-of-type(1) {
    margin-top: 0!important;
}
.tabs .row .contentText  p:nth-of-type(1) {
    margin-top: 0!important;
}
/******* Graphic Tabs *******/
.graphicTabs {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    position: relative;
    width: 100%;
    user-select: none;
    margin-bottom: 1em;
}
.graphicTabs ul {
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    /*flex: 1 1 100%;*/
    /* white-space: nowrap; */
    justify-content: space-between;
    padding: 0;
	z-index: 1;
	width: 99%;
    left: 5px;
}
.graphicTabs ul li {
    flex: 1 0 auto;
    border: none;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    opacity: 0.5;
    transition: opacity .2s;
    position: relative;
    height: 10em;
	cursor: pointer;
}
.graphicTabs.medium ul li {
	height: 7em;
}
.graphicTabs.small ul li {
	height: 5em;
}
.graphicTabs ul li.active {
    opacity: 1;
	background-color:unset;
	border-bottom: unset;
}
.graphicTabs ul li:hover { 
	opacity: 1;
}
.graphicTabs.shadow ul li.active {
	box-shadow: 0px 5px 10px #666;
}
.graphicTabs.shadow .tabcontent {
	box-shadow: 0px 5px 10px #666;
}
.graphicTabs .graphic {
    position: relative;
    top: 0;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    flex: 1 1 100%;
}
.graphicTabs ul li.active .graphic{
	background-size: cover;
}
.graphicTabs .tablinks .title {
    text-align: center;
    flex: 1 1 10%;
    position: absolute;
	bottom: 0;
    width: 100%;
    height: auto;
    color: #666;
    font-family: var(--font-family);
    font-size: 1.15rem;
    font-weight: 600;
    padding: 2% 0;
}
.graphicTabs ul li.active .title{
	/*background: #ccc;
    color: var(--primary);*/
	background: linear-gradient(1deg, black, transparent);
    color: white;
}
.graphicTabs .tabcontent{
	animation: unset;
    opacity: 1;
    transition: all 0.25s linear;
	border: 1px #ccc solid;
    width: 99%;
	opacity: 1;
    animation: fade_in ease forwards 1s;
	font-family: var(--font-family);
	font-size: 1rem;
    line-height: 1.666;
	padding: 1em;
	position: relative;
    left: 5px;
    max-height: 27em;
    overflow-y: auto;
}
.graphicTabs .tabcontent.active{
	display: block;
    margin-top: -2px;
    padding-top: 1em!important;
}
.graphicTabs .tabcontent .contentText{
	animation: unset;
	opacity: 1;
}
.graphicTabs .tabcontent ul{
	display:block;
	padding: unset;
	border-bottom: unset;
}
.graphicTabs .tabcontent ul li{
	opacity: 1;
	display:block;
	height: auto;
    margin-left: 2em;
}
.graphicTabs .row{
	max-width: 100%;
    column-gap: unset;
    margin: unset;
}
.graphicTabs .row .contentText figure:nth-of-type(1) {
    margin-top: 0!important;
}
.graphicTabs .row .contentText  p:nth-of-type(1) {
    margin-top: 0!important;
}
.graphicVtabs {
	display: flex;
    justify-content: flex-start;
    position: relative;
    width: 99%;
	left: 5px;
    user-select: none;
    /*margin-top: 1em;*/
	margin-bottom: 2em;
}
.graphicVtabs ul {
    position: relative;
	max-height: 30em;
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    flex: 1 1 30%;
    flex-direction: column;
    z-index: 1
}
.graphicVtabs ul li {
	display: flex;
	flex-direction: column;
	width: 100%;
    height: 10em;
    border: none;
    position: relative;
    flex-wrap: nowrap;
    /*flex: 1 1 51%;*/
    cursor: pointer;
    opacity: 1;
    transition: opacity .2s;
}
.graphicVtabs.medium ul li {
	height: 7em;
}
.graphicVtabs.small ul li {
	height: 5em;
}
.graphicVtabs .graphic {
    background-image: unset;
    position: relative;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
	opacity: 0.5;
}
/*
.dpf1bt .graphicVtabs .graphic,
.dpf2bt .graphicVtabs .graphic,
.dpf2btf .graphicVtabs .graphic{
	background-size: cover;
}
.dpf1bt .graphicVtabs ul li,
.dpf2bt .graphicVtabs ul li,
.dpf2btf .graphicVtabs ul li {
	max-height: 7.5em;
}
*/
.graphicVtabs .tablinks .title {
	position: absolute;
	bottom: 0;
	text-align: center;
    width: 100%;
    height: auto;
    color: #ccc;
    font-family: var(--font-family);
    font-size: 1rem;
    line-height: 1.6;
    padding: 0;
}
.graphicVtabs ul li.active {
    opacity: 1;
	background-color:unset;
	z-index: 2;
	margin-bottom: 0px;
}
.graphicVtabs.shadow ul li.active {
	box-shadow: 0px 5px 10px #666;
}
.graphicVtabs ul li.active .graphic{
	opacity: 1;
}
.graphicVtabs ul li.active .title{
	background: linear-gradient(0deg, black, transparent);
    color: white;
    border-right: unset;
	font-weight: 600;
}
.graphicVtabs ul li .graphic:hover { 
	opacity: 1;
}
.graphicVtabs .tabcontent {
	position: relative;
    left: -1px;
    margin: 0;
    width: 100%;
    height: auto;
	border-left: unset;
	border: 1px #ccc solid;
    animation: fade_in ease forwards 1s;
	font-family: var(--font-family);
	font-size: 1rem;
    line-height: 1.666;
	padding: 2em;
    padding-top: 1em!important;
	max-height: 36em;
    overflow-y: auto;
}
.graphicVtabs.shadow .tabcontent {
	box-shadow: 0px 5px 10px #666;
}
.graphicVtabs .tabcontent .contentText{
	animation: unset;
	opacity: 1;
}
.graphicVtabs .row{
	max-width: 100%;
    column-gap: unset;
    
}
.graphicVtabs .row .contentText figure:nth-of-type(1) {
    margin-top: 0!important;
}
.graphicVtabs .row .contentText  p:nth-of-type(1) {
    margin-top: 0!important;
}
.verticalTabs{
	display: flex;
    flex-wrap: wrap;
	/*border: 1px #ccc solid;*/
    user-select: none;
    margin-top: 0em;
	position: relative;
	margin-bottom: 1em;
}
.verticalTabs ul{
	width: 10em;
}
.mobile.portrait .verticalTabs ul{
	width: 5em;
}
.mobile.portrait .verticalTabs .tabcontent {
	width: calc(100% - 5em);
} 
.verticalTabs ul li{
	-webkit-appearance: none;
    appearance: none;
    border: 0;
    border-bottom: 1px #ccc solid;
    flex-grow: 1;
    font: inherit;
    margin: 0;
    padding: 0.5em 0em;
    position: relative;
    text-decoration: none;
	border-right: 1px #ccc solid;
    display: inline-block;
    text-align: left;
    width: 100%;
}
.verticalTabs p + ul li{
	border-bottom: unset;
}
.verticalTabs .tablinks{
	height: auto;
	cursor: pointer;
	padding-left: 5px;
}
.verticalTabs .tablinks.active {
	border-right: 0px white solid;
    background: white;
    border-bottom: 3px var(--primary) solid;
    z-index: 888;
    left: 1px;
}
.verticalTabs .tablinks:first-child {
	border-top: 1px #ccc solid;
}
.verticalTabs .tablinks a {
    user-select: none;
    color: #ccc;
    font-size: 1em;
    cursor: pointer;
    font-family: var(--title-font-family);
}
.verticalTabs .tablinks.active a {
    color: #2b445a;
}
.verticalTabs .tablinks:active, .verticalTabs .tablinks:hover, .verticalTabs .tablinks:focus {
    background: #ccc;
    color: #fff;
}
.verticalTabs .tablinks:active a, .verticalTabs .tablinks:hover a, .verticalTabs .tablinks:focus a{
	color: white;
}
.verticalTabs .tabcontent{
	position: relative;
	width: calc(100% - 12em);
	border: 1px #ccc solid;
    padding: 2em;
	padding-top: 1em!important;
	margin: unset;
	opacity: 1;
    animation: fade_in ease forwards 1s;
	font-family: var(--font-family);
	font-size: 1rem;
    line-height: 1.666;
	height: auto;
    max-height: 34em;
    overflow-y: auto;
}
.verticalTabs .tabcontent .contentText{
	animation: unset;
	opacity: 1;
}
.verticalTabs .row{
	max-width: 100%;
    column-gap: unset;
    margin: unset;
}
.verticalTabs .row .contentText figure:nth-of-type(1) {
    margin-top: 0!important;
}
.verticalTabs .row .contentText  p:nth-of-type(1) {
    margin-top: 0!important;
}
.stack1 .verticalTabs ,
.stack2 .verticalTabs ,
.stack3 .verticalTabs ,
.stack4 .verticalTabs ,
.stack5 .verticalTabs {
	margin-top: 0em;
}
/* Vertical shadows */
.verticalTabs.shadow .tablinks.active {
    border-right: unset;
    border-bottom: 3px var(--primary) solid;
    box-shadow: -5px 0px 5px 0px #666;
    z-index: 3;
	left: 0;
}
.verticalTabs.shadow .tabcontent {
	border: 1px #ccc solid;
    border-left: unset;
    box-shadow: 0px 5px 10px 0px #666;
}
.verticalTabs.shadow .tablinks.active:first-child {
	box-shadow: -5px 5px 5px 0px #666;
}
/* opened */
.reveal.opened .quote1 {
	/*background-position: right center;*/
}
.reveal.opened .quote1 blockquote p {
	width: 50%;
}
.reveal.opened .main-wrapper .content {
	width: 100%;
}
/* Latest fl */
.fl1{
	flex:25%!important;
}
.fl2{
	flex:35%!important;
}
.fl3{
	flex:50%!important;
}
.fl4{
	flex:65%!important;
}
.fl5{
	flex:75%!important;
}
.dpf2btf div >.content--locked .copyright {
	text-align: center;
    text-align: -webkit-center;
}
/* Sizes */
.nw{
	/*width: auto!important;
    height: 100%!important;*/
    max-height: unset!important;
}
video.nw{
	max-height: unset!important;
	height: 100%!important;
}
.sh{
	max-height: 20vh!important;
    object-fit: cover!important;
    height: 20vh!important;
	object-position: center;
}
.s1h{
	max-height: 30vh!important;
    object-fit: cover!important;
    height: 30vh!important;
	object-position: center;
}
.s2h{
	max-height: 35vh!important;
    object-fit: cover!important;
    height: 34vh!important;
	object-position: center;
}
.mh{
	max-height: 40vh !important;
    object-fit: cover !important;
    height: 40vh !important;
    object-position: center;
}
.m1h{
	max-height: 55vh !important;
    object-fit: cover !important;
    height: 55vh !important;
    object-position: center;
}
.m2h{
	max-height: 60vh !important;
    object-fit: cover !important;
    height: 60vh !important;
    object-position: center;
}
.fh{
	max-height: 100vh!important;
    object-fit: cover!important;
    height: 76vh!important;
	object-position: center;
}
.f1h{
	max-height: 100vh!important;
    object-fit: cover!important;
    height: 90vh!important;
	object-position: center;
}
.f2h{
	max-height: 100vh!important;
    object-fit: cover!important;
    height: 100vh!important;
	object-position: center;
}
.h200{
	max-height: 200vh!important;
    object-fit: cover!important;
    height: 200vh!important;
	object-position: center;
}
.h250{
	max-height: 250vh!important;
    object-fit: cover!important;
    height: 250vh!important;
	object-position: center;
}
.h300{
	max-height: 300vh!important;
    object-fit: cover!important;
    height: 300vh!important;
	object-position: center;
}
.h350{
	max-height: 350vh!important;
    object-fit: cover!important;
    height: 350vh!important;
	object-position: center;
}
.h400{
	max-height: 400vh!important;
    object-fit: cover!important;
    height: 400vh!important;
	object-position: center;
}
.h500{
	max-height: 500vh!important;
    object-fit: cover!important;
    height: 500vh!important;
	object-position: center;
}
.h600{
	max-height: 600vh!important;
    object-fit: cover!important;
    height: 600vh!important;
	object-position: center;
}
.portrait .fh{
	max-height: 35vh!important;
}
.dpf2btf .fh{
	height: 76vh!important;
}
.fh.imageCircled,
.sh.imageCircled,
.mh.imageCircled{
	width: 100%!important;
}
.fw{
	object-fit: cover!important;
	object-position: center center;
	width: 100vw !important;
}
/*
img.sh{
	max-height: 12em!important;
    height: 12em!important;
}
img.mh{
	max-height: 20em!important;
    height: 20em!important;
}


iframe.fh{
	max-height: 100vh!important;
    object-fit: cover!important;
    height: 75vh!important;
}
iframe.mh{
	max-height: 20em!important;
    height: 20em!important;
    object-fit: cover!important;
}
iframe.sh{
	max-height: 10em!important;
    height: 10em!important;
    object-fit: cover!important;
}
*/
/*
video.fh{
	max-height: 100vh!important;
    object-fit: cover!important;
    height: 75vh!important;
}
video.mh{
	max-height: 20em!important;
    height: 20em!important;
    object-fit: cover!important;
}
video.sh{
	max-height: 12em!important;
    height: 12em!important;
    object-fit: cover!important;
}
*/
/* Tables */
ul + table,
ol + table,
p + table{
	margin-top: 1em!important;
}
.table {
	display: table;
	border-collapse: collapse;
    border-spacing: 0;
	table-layout: fixed;
	width: 100%;
	margin: 0;
	margin-bottom: 1em;
}
.table.small { 
	font-size: 80%;
}
.table .data {
    margin: 1em 0;
	table-layout: fixed;
    border-spacing: 1px;
}
.table .data tr > td{
	height: 20px;
    padding: 11px;
	font-family: var(--font-family);
    font-size: inherit;
    line-height: 1.4;
    font-weight: 300;
    text-align: inherit;
    vertical-align: middle;
	border: 1px #ccc solid;
}
/*
.table .data tr > td:first-child{
	text-align: left!important;
	text-align: -webkit-left!important;
}
*/
.table tr:first-child > td{
	text-align: center!important;
	text-align: -webkit-center!important;
}
.table.center tr:not(:first-child) > td:first-child,
.table.right tr:not(:first-child) > td:first-child{
	text-align: left;
	text-align: -webkit-left;
}
.table .data tr:first-child > td{
	background: #aaa;
	font-weight: 600;
}
.table .data tr:nth-child(even) {
    background-color: #E7E9EB;
}
.table .data tr:nth-child(odd) {
    background-color: #fff;
}
.filtered .table .data tr:nth-child(even) {
    background-color: transparent;
}
.filtered .table .data tr:nth-child(odd) {
    background-color: transparent;
}
.table ul li::before,
.table1 ul li::before,
.table2 ul li::before,
.tablea ul li::before{
	top: 10px;
}
/* table no fixed */
.table1 {
	display: table;
	border-collapse: collapse;
    border-spacing: 0;
	table-layout: auto;
	width: 100%;
	margin: 0;
	margin-bottom: 1em;
}
.table1.small { 
	font-size: 80%;
}
.table1 .data {
    margin: 1em 0;
	table-layout: fixed;
    border-spacing: 1px;
}
.table1 tr:first-child > td{
	text-align: center!important;
	text-align: -webkit-center!important;
}
.table1.center tr:not(:first-child) > td:first-child,
.table1.right tr:not(:first-child) > td:first-child{
	text-align: left;
	text-align: -webkit-left;
}
.table1 .data tr > td{
	height: 20px;
    padding: 11px;
	font-family: var(--font-family);
    font-size: inherit;
    line-height: 1.4;
    font-weight: 300;
    text-align: inherit;
    vertical-align: top;
	border: 1px #ccc solid;
}
.table1 .data tr:first-child > td{
	background: #aaa;
	font-weight: 600;
	/*text-align: left;    */
}
.table1 .data tr:nth-child(even) {
    background-color: #E7E9EB;
}
.table1 .data tr:nth-child(odd) {
    background-color: #fff;
}
/*
.table1 .data tr > td:first-child{
	text-align: left!important;
	text-align: -webkit-left!important;
}
*/
/* table 2 for index and text 4 cols no fixed */
.table2 {
	display: table;
	border-collapse: collapse;
    border-spacing: 0;
	table-layout: auto;
	width: 100%;
	margin: 0;
	margin-bottom: 1em;
}
.table2.small { 
	font-size: 80%;
}
.table2 .data {
    margin: 1em 0;
	table-layout: fixed;
    border-spacing: 1px;
}
.table2 .data tr > td{
	height: 20px;
    padding: 11px;
	font-family: var(--font-family);
    font-size: inherit;
    line-height: 1.4;
    font-weight: 300;
    text-align: inherit;
    vertical-align: top;
	border: 1px #ccc solid;
}
.table2 .data tr:hover {
	background-color: #607d8b99!important;
}
.table2 .data tr:first-child > td{
	background: #aaa;
	font-weight: 600;
}
.table2 .data tr:nth-child(even) {
    /*background-color: #E7E9EB;*/
}
.table2 .data tr:nth-child(odd) {
    /*background-color: #fff;*/
}
.table2 .data tr > td:first-child{
	text-align: left!important;
	text-align: -webkit-left!important;
}
.table2 tr td:nth-child(odd){
	text-align: center;
    font-weight: bold;
    font-size: 1.25em;
}
.table2 tr td:nth-child(odd) div{
	border: 1px var(--primary) solid;
    border-radius: 4px;
    color: var(--primary);
}
.table2 tr th {
    -webkit-font-smoothing: antialiased;
    line-height: 1;
    border: 1px solid #dadada;
    padding: 10px 5px;
    vertical-align: top;
    font-size: .875rem;
    font-weight: 700;
    background: var(--primary);
    color: white;
	text-align: left
}
/* TABLE a*/
.tablea {
	border: 1px solid #dadada;
    border-collapse: collapse;
    width: 100%;
    line-height: 1.35;
    text-align: left;
    margin: 0;
}
.tablea tr td {
	padding: 7px 5px 5px;
	vertical-align: top;
	text-align: inherit;
}	
.tablea tr td:nth-child(even){
	/*vertical-align: middle;*/
}
.tablea tr:first-child > td{
	text-align: center!important;
	text-align: -webkit-center!important;
}
.tablea.center tr:not(:first-child) > td:first-child,
.tablea.right tr:not(:first-child) > td:first-child{
	text-align: left;
	text-align: -webkit-left;
}
.tablea tr th {
    -webkit-font-smoothing: antialiased;
    line-height: 1;
    border: 1px solid #dadada;
    padding: 10px 5px;
    vertical-align: top;
    font-size: .875rem;
    font-weight: 700;
    background: var(--primary);
    color: white;
}
.tablea td:not(:last-child), 
.tablea tr:not(:last-child) {
    border-right: 1px solid #dadada;
}
.tablea	th, .tablea tr:not(:last-child) {
    border-bottom: 1px solid #dadada;
}
.tablea ul.a li:before{
	top: 13px;
}
/*table iq*/
table.iq{
	display: flex;
	flex-direction: column;
    justify-content: center;
 }
 tbody.q{
	row-gap: 0%!important;
 }
 table.iq .q tr:first-child{
	height: 5em;
	display: flex;
	align-items: center;
	width: 100%;
	min-height: 50px;
	/*color: #333;
	border: 1px black solid;*/
	border: 1px currentColor solid;
	border-bottom: unset;
	padding: 0;
	cursor: pointer;
 }
 table.iq .q tr{
	height: 5em;
	display: flex;
	align-items: center;
	width: 100%;
	min-height: 50px;
	/*color: #333;
	border: 1px black solid;*/
	border: 1px currentColor solid;
	border-bottom: unset;
	padding: 0;
	cursor: pointer;
 }
table.iq .q tr:last-child{
	/*border-bottom: 1px black solid;*/
	border-bottom: 1px currentColor solid;
}
table.iq .q td:first-child{
	display: flex;
    flex: 0 0 10%;
	height: 100%;
    border-right: 1px currentColor solid;/*1px black solid;*/
    align-items: center;
}
table.iq .q td:nth-child(2){
	display: flex;
    flex: 0 0 50%;
	height: 100%;
    border-right: 1px currentColor solid;/*1px black solid;*/
    align-items: center;
	padding-left: 1em;
}
table.iq .q td:nth-child(3) {
	flex: 0 0 20%;
    display: flex;
    justify-content: end;
	align-items: center;
    height: 100%;
    border-right: 1px currentColor solid;/*1px black solid;*/
	padding-right: 1em;
}
table.iq .q td:nth-child(4) {
    flex: 0 0 20%;
    display: flex;
    justify-content: end;
    height: 100%;
    align-items: center;
	padding-right: 1em;
}
/* Responsive */
table.r {
    --bs-table-bg: transparent;
    --bs-table-hover-color: #212529;
    --bs-table-hover-bg: rgba(0, 0, 0, 0.075);
    width: 100%;
    margin-bottom: 1rem;
    vertical-align: top;
    border-color: #dee2e6;
	overflow-x: auto;
    -webkit-overflow-scrolling: touch;
	vertical-align: middle !important;
	caption-side: bottom;
    border-collapse: collapse;
	text-align: left;
	font-size: 0.85rem;
}
tbody, td, tfoot, th, thead, tr {
    border-color: inherit;
    border-style: solid;
    border-width: 0;
}
table.r>:first-child {
    border-bottom: 2px solid currentColor;
}
table.r>thead {
    vertical-align: bottom;
}
table.r>:not(caption)>*>* {
    padding: .5rem .5rem;
    background-color: var(--bs-table-bg);
    border-bottom-width: 1px;
}
table.r>tbody {
    vertical-align: inherit;
}
table.r>:not(:first-child) {
    border-top: 2px solid currentColor;
}
table.r td:nth-child(2),
table.r td:nth-child(3),
table.r td:nth-child(4),
table.r td:nth-child(5){
    text-align: right;
}
.tc-0 {
    --bs-table-bg: #cbcbcb;
}
.tc-1 {
    --bs-table-bg: rgba(244, 175, 132, 0.6);
}
.tc-2 {
    --bs-table-bg: rgba(170, 207, 143, 0.6);
}
.tc-4 {
    --bs-table-bg: rgba(132, 157, 176, 0.6);
}
.tc-5 {
    --bs-table-bg: rgba(103, 186, 226, 0.6);
}
.tc-6 {
    --bs-table-bg: rgba(251, 215, 100, 0.6);
}
.tc-7 {
    --bs-table-bg: rgba(108, 171, 255, 0.6);
}
.tc-8 {
    --bs-table-bg: rgba(234, 140, 179, 0.6);
}
.table.right .data tr > td,
.table1.right tr,
.table2.right tr,
.tablea.right tr > td{
	text-align: right;
	text-align: -webkit-right;
}
.table.center .data tr > td,
.table1.center tr,
.table2.center tr,
.tablea.center tr > td{
	text-align: center;
	text-align: -webkit-center;
}
/* Table credits */
table + p.credits{
	font-family: var(--font-family);
    font-size: 0.65em;
    text-align: center !important;
    text-align: -webkit-center !important;
    line-height: 1;
    margin-bottom: 1em;
    word-spacing: unset;
	margin-top: 10px !important;
}
/* END Tables */
.searchdiv{
	position: absolute;
	top: 60px!important;
	height: auto;
	right: 5%!important;
	z-index: 14;
	display: none;
	background: white;
	border-radius: 4px;
}
.portrait .searchdiv{
	top: 183px;
	right: 8%;
}
.searchdiv.active{
	display: inline!important;
}
.searchdiv.active.only{
	display: inline!important;
	right: 7%!important;
	top: 20px;
}
.searchdiv.active span img{
	display:none;
} 
.portrait .atmoAudioTxt {
	left: -250px!important;
	top: 3px!important;
}
.portrait .atmoAudioTxt span {
	justify-content: center;
}
.creditsModal{
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: auto;
	display: block;
	opacity: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	user-select: none;
	pointer-events: all;
	background: white;
	color: #666;
	transition: all 0.5s ease-in-out 200ms;
}
.creditsModal.active{
	opacity: 1;
	top: 0px;
	height: calc(100% - 0px);
	z-index: 3;
}
.creditsModal.active .inner{
	color: #527686;
	padding: 5%;
	overflow-y: auto;
	width: 100%;
	height: 100%;
}
.creditsModal.active .inner h2 {
	margin-bottom: 2em;
	border-bottom: 1px #666 solid;
}
.creditsModal.active .inner p {
	font-family: var(--font-family);
	font-size: .9rem;
	line-height: 120%;
	padding-bottom: 1rem;
}
.creditsModal.active .inner p strong{
	font-weight: 700;
}
.lastPageModal{
	position: fixed;
    width: 100%;
    left: 50%;
    top: 50%;
    margin-top: unset;
	display: block;
    z-index: auto;
    min-height: 91vh;
	opacity: 0;
	overflow: hidden;
	user-select: none;
	pointer-events: all;
	transition: all 0.5s ease-in-out 200ms;
	color: white;
    background-image: url('ui/images/stats.jpg');
    background-position: 50%;
	background-size: cover;
    background-repeat: no-repeat;
}
.lastPageModal.active{
	opacity: 1;
	z-index: 15;
	transform: translate(-50%, -50%) scale(1);
}
.lastPageModal.active .text-container{
	background: #2b445a94;
}
.reveal .slide-background.lastPage .slide-background-content{
	filter: blur(3px);
}
.rCSwd26qe {
    visibility: hidden!important;
}
div.palette {
    position: absolute;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    cursor: pointer;
    font-size: 24px;
    border-radius: 10px;
    border-top: 2px solid #222;
    border-right: 2px solid #222;
    border-bottom: 2px solid #222;
    background: black;
    z-index: 9999;
    width: fit-content;
    opacity: 0;
    visibility: hidden;
    transform: scale(0);
}
div.palette.active {
    opacity: 1;
    visibility: visible;
    transform: scale(1.0);
}
div.palette > ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
    text-align: left;
}
div.palette > ul > li {
    margin: 10px;
    border-radius: 4px;
    height: 20px;
    width: 20px;
    background: transparent;
    display: inline-flex;
}

div.palette > ul > li:nth-child(1) {
    background: rgb(100, 100, 100);
}
div.palette > ul > li:nth-child(2) {
    background: rgb(30, 144, 255);
}
div.palette > ul > li:nth-child(3) {
    background: rgb(220, 20, 60);
}
div.palette > ul > li:nth-child(4) {
    background: rgb(50, 205, 50);
}
div.palette > ul > li:nth-child(5) {
    background: rgb(244, 208, 63);
    /*#f4d03f 244 208 63   rgb(255, 140, 0)*/
}
div.palette > ul > li:nth-child(6) {
    background: url('ui/icons/trash.svg');
    background-size: contain;
}
.mark.grey{
    background-color: rgb(100, 100, 100);
}
.mark.blue{
    background-color: rgb(30, 144, 255);   
}
.mark.green{
    background-color: rgb(50, 205, 50);
}
.mark.red{
    background-color: rgb(220, 20, 60);
}
.mark.yellow{
    background-color: rgb(244, 208, 63);
}
.mark.delete{
    background-color: transparent;
}
/* Modal resume */
.modalResume{
	height: 100%;
    width: 100%;
    position: absolute;
    /overflow: clip;
    z-index: 999999;
}
.modalWrapper{
	display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: fixed;
    inset: 0px;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 500;
    overflow-y: auto;
    padding: 0;
    height: 100vh;
    width: 100%;
    /* max-height: 80vh; */
    left: 50%!important;
    top: 50%!important;
    transform: translate(-50%, -50%)!important;
}
.modalContent{
	padding: 3rem;
    position: relative;
    width: 30rem;
    max-width: 100%;
    background-color: #2b445acc;
    border-radius: 0.5rem;
    z-index: 1;
}
.mcIcon{
	position:relative;
	height: 3em;
    z-index: 10;
    cursor: pointer;
    background-color: var(--primary);
    background-image: url(ui/icons/cerebro_blanco.svg);
    background-size: 50px;
    background-position: center bottom;
    background-repeat: no-repeat;
    width: 3em;
    color: #fff;
    right: 0;
    border: 1px white solid;
    border-radius: 50%;
	left: 50%;
    transform: translateX(-50%);
}
.mcInfo{
	text-align: center;
    margin-top: 2em;
}
/* TIMELINE */
.timeline{
	display: block;
    position: relative;
}
.timeline.twoCols{
	display: flex;
    position: relative;
    flex-wrap: wrap;
}
.portrait .timeline.twoCols{
	flex-wrap: nowrap;
    flex-direction: column;
}
.timeline-item {
	padding: 3em 0em 1em 1.5em;
    position: relative;
    color: currentColor;
    border-left: 2px solid var(--timeline-color);
	margin-left: 10px;
	flex: 1 0 30%;
    flex-direction: column;
    display: flex;
    min-width: 45%;
}
.timeline-item.icon {
	margin-left: 20px;
}
.timeline.twoCols .timeline-item:nth-child(odd){
	margin-left: 10px;
}
.portrait .timeline.twoCols .timeline-item:nth-child(odd) {
    margin-left: 3em;
}
.timeline.twoCols .timeline-item:nth-child(even){
	margin-left: 3em!important;
}
.portrait .timeline.twoCols .timeline-item:nth-child(even){
	margin-left: 1em;
}
.timeline-item.image {
	margin-left: 40px;
    width: 94%;
}
.timeline.twoCols .timeline-item.icon:nth-child(odd),
.timeline.twoCols .timeline-item.image:nth-child(odd){
	margin-left: 3em;
}
.timeline.twoCols .timeline-item.icon,
.timeline.twoCols .timeline-item.image{
	min-width: unset;
}
.timeline-item h2 {
	font-family: var(--title-font-family)!important;
    font-size: 1.15em!important;
	border:unset!important;
}
.timeline-item.image h2 {
	margin-left: 20px;
}
.timeline-item.image p {
	margin-left: 20px;
}
.timeline-item p {
	font-size: 1rem;
	line-height: 1.666;
	max-width: 90% !important;
	margin-bottom: 0 !important;
	text-align: -webkit-left!important;
    word-break: break-word;
}
.timeline-item::before {
	content: attr(data-is);
    position: absolute;
    left: 30px;
    font-weight: bold;
    top: 3px;
    font-family: var(--title-font-family);
    font-weight: 700;
    font-size: 1.25em;
	color: var(--timeline-color);
}
.timeline-item.image::before {
	margin-left: 20px;
}
.timeline-item.icon::before,
.timeline-item.image::before  {
	line-height: 1;   
	top: 15px;	
}
.timeline-item::after {
	width: 15px;
    height: 15px;
    display: block;
    top: 16px;
    position: absolute;
    left: -8px;
    border-radius: 10px;
    content: "";
    border: 2px solid var(--timeline-color);
    background: white;
}
.timeline-item.icon::after {
	width: 2em;
    height: 2em;
    display: block;
    top: 4px;
    position: absolute;
    left: -21px;
    border-radius: 50%;
    content: "";
	background: white;
    background-image: var(--timeline-icon);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.timeline-item.image::after {
    width: 4em;
    height: 4em;
    display: block;
    top: 4px;
    position: absolute;
    left: -41px;
    /* border-radius: 50%; */
    content: "";
    background: white;
    background-image: var(--timeline-icon);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-color: unset;
}
.timeline-item:last-child {
	border-image: linear-gradient(to bottom, var(--timeline-color) 60%, rgba(0, 0, 0, 0)) 1 100%;
}
.timeline-item .collapse{
    /*position: absolute;
    transform: scale(1);
    transform-origin: left top;
    transition: all 0.25s ease-in;
    max-height: 30em;
    overflow-y: auto;
    height: auto;
    border-left: 2px var(--timeline-color) solid;
    margin-left: -32px;
    padding: 0 32px;*/
}
.standard .timeline-item{
	border-left: 2px solid white;
}
.standard .timeline-item:before{
	color: white;
}
.standard .timeline-item:after{
	border: 2px solid white;
}
.standard .timeline-item:last-child{
	-o-border-image: linear-gradient(to bottom, white 60%, rgba(0, 0, 0, 0)) 1 100%;
	border-image: linear-gradient(to bottom, white 60%, rgba(0, 0, 0, 0)) 1 100%;
}
/* New TL */
.steps {
	position: relative;
    display: block;
    width: 98%;
	left: 5px;
    max-width: 100%;
    padding: 0;
    text-decoration: none;
    float: none;
    z-index: 1;
    border-radius: 0px;
    background: rgba(255,255,255,0);
	margin-bottom: 2em;
}
.steps-items{
	display: flex;
    flex-direction: column;
	align-items: center;
    margin: 0px;
    width: auto;
	pointer-events: auto;
}
.step-right {
    display: flex;
    flex-direction: row;
    margin: 0px;
    width: auto;
	min-width: 100%;
}
.step-left {
    display: flex;
    flex-direction: row-reverse;
    margin: 0px;
    width: auto;
	min-width: 100%;
}
.step-right .step-header{
	position: relative;
    display: flex;
    flex: 0 0 50%;/*1 1 100%;1 0 50%;*/
    border-right: 5px var(--timeline-color) solid;
    padding: 1em 0 1em 0;
    justify-content: end;
	align-items: center;
}
.step-right .step-header .step-header-text {
	line-height: normal;
    font-size: 1.05rem;
    font-weight: 600;
    font-family: 'Montserrat';
	min-width: 134px;
	text-align: right;
}
.step-left .step-header{
	position: relative;
    display: flex;
    flex: 0 0 50%;/*1 1 100%;*/
    flex-direction: row-reverse;
    border-left: 5px var(--timeline-color) solid;
    margin-right: 5px;
    padding: 1em 0;/*1em 20px 1em 0px;*/
    justify-content: start;
	align-items: center;
}
.step-left .step-header .step-header-text {
	margin-left: 0.15rem;/*5px;*/
	line-height: normal;
    font-size: 1.05rem;
    font-weight: 600;
    font-family: 'Montserrat';
}
.step-body{
	position: relative;
    flex: 0 1 auto;/*1 0 50%;*/
    display: flex;
	padding: 1em 1em 1em 2em;
    transform: scale(0);
	transform-origin: left center;
	margin: 1em 0;
	flex-direction: column;
    justify-content: space-around;/*flex-start;*/
    height: 0;
    min-height: 2em;
    max-height: 8em;
	overflow-y: auto;
    box-shadow: 0px 2px 10px 0px var(--timeline-color);/*0px 5px 10px 4px var(--timeline-color);*/
	border-left: unset;
	z-index: 2;
	min-width: 25%;
    max-width: 75%;
    will-change: transform;
    transition: height 0s linear, transform 0.4s ease 0s;
}
.singleBlox .hsteps .steps-items{
	height: 100vh;
}
.step-right.active .step-body{ 
	transform: scale(1);
	background-color: transparent;
    cursor: grab;
	height: auto;
	border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}
.step-right.active .step-body p ,
.step-left.active .step-body p {  
	margin: 0!important;
	text-align: left;
    font-family: 'Montserrat';
    font-size: 90%;
}
.step-right .step-button{
	background-image: url(../assets/icons/plus.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	position: relative;
    display: inline-block;
    padding: 0.5em;
    font-size: 2.5em;
    height: 10px;
    line-height: 1;
	z-index: 3;
    vertical-align: bottom;
    border-radius: 50%;
    min-width: 0px;
    margin-right: -30px;
    margin-left: 0.15em;
    right: 0px;
	transition: transform 0.2s linear;
	border: 2px var(--timeline-color) solid;
}
.step-left .step-body{
	transform-origin: right center;
}
.step-left.active .step-body{
	height: auto;
	transform: scale(1);
	background-color: transparent;
    border-right: unset;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
	cursor: grab;
	padding: 1em 2em 1em 1em;
}
.step-left .step-button{
	background-image: url(../assets/icons/plus.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	position: relative;
    display: inline-block;
    padding: 0.5em;
    font-size: 2.5em;
    height: 10px;
    line-height: 1;
    z-index: 3;
    vertical-align: bottom;
    border-radius: 50%;
    min-width: 0px;
    margin-right: 0.15em;
    margin-left: -30px;
    left: 0px;
	transition: transform 0.2s linear;
	border: 2px var(--timeline-color) solid;
}
.step-right.active .step-button ,
.step-left.active .step-button {  
	transform: scale(1.15);
}
.step-right.img .step-button{  
	font-size: 8.5em;
	margin-right: -89px;
	margin-right: -0.5em;
}
.step-left.img .step-button {  
	font-size: 8.5em;
	margin-left: -89px;
	margin-left: -0.55em;
}
.portrait .step-right.img .step-button,
.portrait .step-left.img .step-button{
	font-size: 2.5em;
}
.portrait .step-right.img .step-body,
.portrait .step-left.img .step-body {
	padding: 1em 1em 1em 2em;
	margin: 1em 0;
}
.step-right.img .step-body {  
	padding: 16px 1em 10px 6em;
    margin: 26px 0 1em 0;
    height: auto;
}
.step-left.img .step-body {  
	padding: 16px 6em 10px 1em;
	margin: 26px 0 1em 0;
    height: auto;
}
.standard .step-right .step-header {
	border-right: 5px white solid;
}
.standard .step-left .step-header {
	border-left: 5px white solid;
}
.standard .step-right.active .step-body,
.standard .step-left.active .step-body {
	border-color: white;
}
.standard .step-right.active .step-button, 
.standard .step-left.active .step-button {
    border-color: white;
}
.step-body ul{
	margin: 0;
}
/* Steps top bottom */
.hsteps{
	/*width: 99%;
    left: 5px;
    position: absolute;
    top: 10px;
	*/
}
.hsteps .steps-items{
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    margin: 0;
    width: auto;
    pointer-events: auto;
    overflow-x: auto;
	justify-content: flex-start;
    align-items: center;
}
.step-top {
    display: flex;
    flex-direction: column;
    margin: 10px;
    flex: 1 0 33%;/*0 1 50%;*/
	/*box-shadow: 0 0 10px darkgrey;*/
	border-radius: 10px;
	z-index: 4;
}
.step-bottom {
    display: flex;
    flex-direction: column-reverse;
    flex: 1 0 33%;/*0 1 50%;*/
    /*box-shadow: 0 0 10px darkgrey;*/
	border-radius: 10px;
	z-index: 4;
}
.step-top .step-header{
    display: flex;
    flex-direction: column;
    border-right: unset!important;
    justify-content: center;
    align-items: center;
    padding: 0 15px;
}
.step-top .step-header .step-header-text {
    line-height: normal;
    font-size: 1.15rem;
    font-weight: 600;
    font-family: 'Montserrat';
    text-align: center;
	user-select: none;
}
.step-bottom .step-header{
    display: flex;
    flex: 0 0 50%;/*1 1 100%;*/
    flex-direction: column-reverse;
    border-left: unset!important;
    padding: 0 1em;/*1em 20px 1em 0px;*/
    justify-content: start;
    align-items: center;
}
.step-bottom .step-header .step-header-text {
	margin-left: 0.15rem;/*5px;*/
	line-height: normal;
	font-size: 1.15rem;
	font-weight: 600;
	font-family: 'Montserrat';
	text-align: center;
	user-select: none;
}
.step-top .step-body,
.step-bottom .step-body{
	max-width: 98%;
    margin: 1em;
	width: 98%;
}
.step-top.img .step-body {
    padding: 20px 1em;
    margin: 1em 2em;
    height: auto;
    transform-origin: top center;
}
.step-top.active .step-body{ 
	height: auto !important;
    transform: scale(1);
    background-color: transparent;
    border-right: unset;
    border-radius: 8px;
    padding: 1em 2em 1em 1em;
}
.step-top .step-body{
  transform-origin: top center;
}
.step-top.active .step-body p ,
.step-bottom.active .step-body p {  
	margin: 0!important;
	margin-bottom: 1em!important;
	text-align: left;
	font-family: 'Montserrat';
	font-size: 90%;
}
.step-top .step-button{
    background-image: url(../assets/icons/plus.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    display: inline-block;
    padding: 0.5em;
    font-size: 2.5em;
    height: 10px;
    line-height: 1;
    z-index: 3;
    vertical-align: bottom;
    border-radius: 50%;
    min-width: 0px;
    transition: transform 0.2s linear;
    border: 2px var(--timeline-color) solid;
	box-shadow: 0px 3px 10px darkgrey;
	filter: grayscale(1);
	cursor: pointer;
}

.step-bottom .step-body{
  transform-origin: bottom center;
}
.step-bottom.active .step-body{
	height: auto!important;
	transform: scale(1);
	background-color: transparent;
	border-radius: 8px;
	padding: 1em 2em 1em 1em;
}
.step-bottom .step-button{
    background-image: url(../assets/icons/plus.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    display: inline-block;
    padding: 0.5em;
    font-size: 2.5em;
    height: 10px;
    line-height: 1;
    z-index: 3;
    vertical-align: bottom;
    border-radius: 50%;
    min-width: 0px;
    transition: transform 0.2s linear;
    border: 2px var(--timeline-color) solid;
	box-shadow: 0px -3px 10px darkgrey;
	filter: grayscale(1);
	cursor: pointer;
}
.step-top.active .step-button ,
.step-bottom.active .step-button {  
  /*transform: scale(1.15);*/
  filter: grayscale(0);
}
.step-top.img .step-button, 
.step-bottom.img .step-button {  
  font-size: 12.5em;
}
.step-top.img,
.step-bottom.img {
	height: 25em;
}
.step-top.square .step-button,
.step-bottom.square .step-button{
	border-radius: unset;
	/*border: unset;*/
	width: 100%;
	box-shadow: unset;
}
.portrait .hsteps .steps-items{
	flex-direction: column;
	overflow-x: hidden;
}
.portrait .step-top.img .step-body,
.portrait .step-bottom.img .step-body {
	padding: 1em 1em 1em 2em;
	margin: 10px;
	width: 85vw;
	height: 0;
	transform-origin: top center;
}
.portrait .step-bottom{
	flex-direction: column;
}
.portrait .step-bottom .step-header {
	flex-direction: column;
}
.step-top.img .step-body {  
    padding: 10px 1em;
    margin: 0 5px;
    height: auto;
	max-height: 10em;
    transform-origin: top center;
}
.step-bottom.img .step-body {  
    padding: 10px 1em;
    margin: 0 5px;
    height: auto;
	max-height: 10em;
    transform-origin: bottom center;
}
.standard .step-top .step-header {
  border-right: 5px white solid;
}
.standard .step-bottom .step-header {
  border-left: 5px white solid;
}
.standard .step-top.active .step-body,
.standard .step-bottom.active .step-body {
  border-color: white;
}
.standard .step-top.active .step-button, 
.standard .step-bottom.active .step-button {
    border-color: white;
}
.hsteps .steps-items::-webkit-scrollbar {
  display: block;
  width: 5px;
}
.hsteps .steps-items::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px darkgrey; 
  border-radius: 10px;
}
.hsteps .steps-items::-webkit-scrollbar-thumb {
  background: darkgrey; 
  border-radius: 10px;
  cursor: grab;
}
.hsteps .steps-items::-webkit-scrollbar-thumb:hover {
  background: transparent; 
}

.step-top .step-header::before {
	content: "";
    position: relative;
    z-index: 0;
    left: 51%;
    top: 4.1em;
    width: 105%;
    height: 2px;
    background-color: var(--timeline-color);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.step-bottom .step-header::before {
    content: "";
    position: relative;
    z-index: 0;
    left: 57%;
    top: -4em;
    width: 107%;
    height: 2px;
    background-color: var(--timeline-color);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.step-top.img .step-header::before {
	left: 0;
    top: 11.9em;
    width: 125%;
}
.step-bottom.img .step-header::before {
	left: 0;
    top: -13em;
    width: 120%;
}
.step-top.square .step-header::before {
	width: 115%;
}
.step-bottom.square .step-header::before {
	/*top: -11.8em;*/
	width: 115%;
}
.steps-items div>.step-header:last-child:before {
	display: none;
}
.portrait .step-header::before{
	display: none;
}
/* STEPS HORIZONTAL NAV BAR */
.steps-track{
	cursor: grab;
    user-select: none;
    position: relative;
    height: 2rem;
    box-shadow: 0px 2px 10px 0px var(--timeline-color);
    width: 90%;
    left: 5%;
    top: 5px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
}
.steps-track .steps-list{
	touch-action: pan-y;
    list-style: none;
    display: flex;
    justify-content: space-between;
    margin: 0;
    padding: 0;
    position: absolute;
}

/* TL STEPS MODE1 */
.steps.mode1 .steps-items{
	align-items: flex-start;
}
.steps.mode1 .steps-items .step-right .step-header {
	justify-content: flex-start;
    flex: 0 1 0%;/*1 0 0%;*/
}
.steps.mode1 .step-right .step-button{  
	
}
.steps.mode1 .steps-items .step-right .step-header .step-header-text {
   min-width: 7em;
}
.steps.mode1 .steps-items .step-right .step-header .step-header-text h2{
	margin: 0;
}
.steps .steps-items .step-right .step-header .step-header-text h2,
.steps .steps-items .step-left .step-header .step-header-text h2{
	margin: 0;
}
.steps.mode1 .steps-items .step-right .step-body{
	flex: 0 1 auto;/*1 0 50%;*/
	max-width: 75%;
}
/* BORDER RADIUS */
.steps .steps-items .step-right.square .step-button,
.steps .steps-items .step-left.square .step-button{
	border-radius: 8px;
}
/* Responsive TL */
.timelineR {
    margin-top: 2.6rem;
    padding-top: 1.8rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
@media (min-width: 960px) {
    .timelineR {
        margin-top: 0;
        padding-top: 0em;
        padding-right: 5.6rem;
        padding-bottom: 0;
        padding-left: 5.6rem;
        height: 515px;
    }
}
.tlWrapper {
    flex-direction: column;
    width: 4px;
    height: auto;
    display: flex;
    justify-content: space-between;
    background-color: #dbdde1;
}
@media (min-width: 960px) {
    .tlWrapper {
        flex-direction: row;
        width: 100%;
        height: 4px;
        max-width: 100%;
    }
}
.tlItems:nth-child(2n) .tlItem {
    transform: translate(20%, -50%);
}
.tlItems {
    border-radius: 100%;
    margin-bottom: 100px;
    transform: translateX(-12px);
    position: relative;
    width: 28px;
    height: 28px;
    background-color: #dbdde1;
}
@media (min-width: 960px) {
    .tlItems {
        margin-bottom: 0;
        transform: translateY(-12px);
    }
}
.tlItem {
    border-radius: .8rem;
	background-image: unset;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 125px;
    transform: translate(-120%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    box-shadow: #aaa 0 0 16px 1px;/*rgba(148, 154, 164, 0.25) 0 0 16px 8px;*/
}
@media (min-width: 576px) {
    .tlItem {
        width: 215px;
    }
	.tlItem::after {
        content: "";
        display: block;
        position: absolute;
        bottom: 0;
        left: 117%;
        top: 50%;
        transform: translate(-100%, -50%) rotate(-90deg);
        border-width: 14px;
        border-style: solid;
        border-color: #fff transparent transparent;
    }
	.tlItems:nth-child(2n) .tlItem {
        transform: translate(-50%, 25%);
    }
}
@media (min-width: 768px) {
    .tlItem {
        /*width: 175px;*/
    }
}
@media (min-width: 960px) {
    .tlItem {
        width: 240px;
        transform: translate(-50%, -125%);
    }
}
@media (min-width: 960px) {
    .tlItem::after {
        content: "";
        display: block;
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translate(-50%, calc(100% - 0px));
        border-width: 14px;
        border-style: solid;
        border-color: #fff transparent transparent;
    }
}
@media (min-width: 960px) {
    .tlItems:nth-child(2n) .tlItem {
        transform: translate(-50%, 25%);
    }
}
@media (min-width: 960px) {
    .tlItems:nth-child(2n) .tlItem::after {
        top: 0;
        bottom: auto;
        border-color: transparent transparent #fff;
        transform: translate(-50%, calc(-100% + 1px));
    }
}
.tlItem .inner{
    padding: 0.2rem 1.2rem;
    overflow-y: auto;
    display: block;
    max-height: 3em;
}
.tlItem h2,
.tlItem p {
    margin: 0!important;
}
.tlItem h2{
	padding: 0.5rem 1.2rem 0 1.2rem;
}
.tlItem p {
	/*
	padding: 0 1.2rem 0.5rem 1.2rem;
    overflow: auto;
    display: -webkit-box;*/
    max-height: 3em;
	
	text-align: left!important;
}
.tlItem img {
	max-height: 10vh !important;
    /*object-fit: cover !important;*/
	border-top-right-radius: 8px !important;
    border-top-left-radius: 8px !important;
}
/* Masking */
.imgToMask{
	position: relative; 
	width: 100%;
	height: 50vh;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	min-height: 13vh!important;
}
.imgMask{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background-size: 100% 100%;
	background-position: center center;
	background-repeat: no-repeat;
	mix-blend-mode: screen;
}
.mask1{
	-webkit-mask-image: linear-gradient(to bottom, #000, #000), linear-gradient(to bottom,#000,#000), linear-gradient(to bottom, #000, #000), linear-gradient(to bottom,#000,#000), linear-gradient(to bottom, #000, #000);
    -webkit-mask-size: 18% 70%;
    -webkit-mask-position: 0 100%, 25% 25%, 50% 50%, 75% 0, 100% 50%;
    -webkit-mask-repeat: no-repeat;
}
/* CHARTS */
.charts{
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
	box-sizing: border-box;
	max-width: 100%;
}
.charts .canvasChart{
	width: 100% !important;
	max-height: 25em;
    /* aspect-ratio: 16 / 9; */
    border: 1px #ccc solid;
}
.charts .credits{
	font-family: var(--font-family);
    font-size: 0.75em;
    text-align: left;
    text-align: -webkit-left;
    line-height: 1;
    margin-top: 6px;
    margin-bottom: 1em;
    flex: 80%;
}

p.bubble {
	position: relative;
	border: 1px #fafafa solid;
	padding: 1.125em 0.5em;
	border-radius: 1rem;
	box-shadow:	0 0.125rem 0.5rem rgba(0, 0, 0, .3), 0 0.0625rem 0.125rem rgba(0, 0, 0, .2);
}

p.bubble::before {
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	bottom: 100%;
	left: 1.5em;
	border: .75rem solid transparent;
	border-top: none;
	border-bottom-color: #fff;
	filter: drop-shadow(0 -0.0625rem 0.0625rem rgba(0, 0, 0, .1));
}
p.bubble.right::before {
    content: '';
    position: absolute;
    transform: rotate(90deg);
    width: 0;
    height: 0;
    bottom: 100%;
    left: 98.5%;
    top: 1.5em;
    border: .75rem solid transparent;
    border-top: none;
    border-bottom-color: #9b2901;
    filter: drop-shadow(0 -0.0625rem 0.0625rem rgba(0, 0, 0, .1));
}
/*********************************************
 * DPFI INFOBOX
 *********************************************/
.dpfInteraction.infoBox {
	display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
	flex-direction: row;
	border: 1px solid #7d7d7d;
    border-radius: 20px;
    box-shadow: 0 1px 10px 0 #9E9E9E;
}
.dpfInteraction.infoBox .infoBox{
	position: relative;
    display: flex;
	border: 0px;
    padding: 0px;
    outline: currentcolor none medium;
    max-height: 95%;
	/*height: 30em;*/
	max-height: 20em;
	/*max-height: 33em; A TOPE*/
    width: 100%;
	max-width: 100%;
    /* max-width: fit-content; o 100% PARA MODO ANCHO COMPLETO ACTIVAR ESTO*/
	
}
.dpfInteraction.infoBox .infoBox.fh{
	max-height: 33em;
	height: 75vh !important;
}
.dpfInteraction .infoBox .iBWrapper {
	position: relative;
    display: flex;
    flex-direction: column;
    flex: 1 0 50%;
    width: 100%;
    overflow: hidden;
	border-radius: inherit;
}
.dpfInteraction .infoBox .iBWrapper .mediaInner {
	position: relative;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
	display: flex;
    flex: 1 1 50%;
	height: 50%;
}
.dpfInteraction .infoBox .iBWrapper .mediaText {
	padding: 30px 20px;
    position: relative;
    flex: 1 1 50%;
	height: 60%;
}
.dpfInteraction .infoBox .iBWrapper .mediaText h2{
	font-size: 2rem;
	border-bottom: unset!important;
}
.dpfInteraction .infoBox .iBWrapper .mediaText .text{
	font-family: var(--font-family);
    /*font-size: 0.85em;*/
    line-height: 1.5;
    overflow-y: auto;
	height: inherit;
    padding-bottom: 2em;
}
.dpfInteraction .infoBox.fh .iBWrapper .mediaText .text {
	height: inherit;
}
.dpfInteraction .infoBox .iBWrapper .mediaText .text:not(:first-child){
	margin-top: 1em;
}
.infoBox.darkred{
	color: white!important;
}
.infoBox.dark{
	background: rgb(37, 39, 44);
    box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 30px 0px;
	border: unset;
}
.infoBox.light{
	background: white!important;
    border: unset;
    color: black!important;
    box-shadow: unset;
}
.dpfInteraction.infoBox .infoBox.light .iBWrapper button{
	border: 1px currentColor solid;
	bottom: calc(0% + 10px)!important;
}
.dpfInteraction.infoBox .infoBox .iBWrapper button{
	bottom: calc(0% + 10px)!important;
	left: 50%;
    transform: translateX(-50%);
	border: 1px currentColor solid;
}
.mobile.portrait .dpfInteraction.infoBox,
.tablet.portrait .dpfInteraction.infoBox{
	height:inherit!important!;
	left: 3.5px!important;
    width: 99%!important;
}
.mobile.landscape .dpfInteraction .infoBox {
    height: 60vh;
}  
.mobile.portrait .dpfInteraction .infoBox{
    width: 99%;
    max-height: 90vh; 
    top: 36%;   
}
.dpfInteraction .infoBox .iBWrapper span{
    font-family: inherit;
	font-size: 1.0vmax;
}
.dpfInteraction .infoBox .iBWrapper span h2{
    font-weight: 600;
}
.dpfInteraction .infoBox.squared .iBWrapper, 
.dpfInteraction .infoBox.circled .iBWrapper {
    padding: unset;
}
.dpfInteraction .infoBox .iBWrapper .title {
    position: unset;
    margin-top: 0;
    display: flex;
    color: inherit;
    padding: unset;
	margin-bottom: 10px;
}
.dpfInteraction.light .infoBox .iBWrapper .title {
    border-bottom: 1px black solid;
}
.dpfInteraction .infoBox .iBWrapper .icon{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 1.5em;
    height: 1.5em;
	display: inline-flex;
    position: relative;
}
.dpfInteraction .infoBox .iBWrapper .media {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: unset;
    padding: unset;
}	
.mobile.landscape .dpfInteraction .infoBox .iBWrapper .mediaInner video,
.tablet.landscape .dpfInteraction .infoBox .iBWrapper .mediaInner video{
	max-height: 30vh!important;
}
.dpfInteraction .infoBox .iBWrapper .mediaInner .Image { 
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 2;
    box-shadow: 0px 5px 20px 0px rgba(0,0,0,.6);
}
.dpfInteraction .infoBox .iBWrapper .mediaInner .Image.iframe{
    z-index: 3;
}
.dpfInteraction .infoBox .iBWrapper .mediaInner .Image img{
    max-width: 100%;
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
}
.dpfInteraction .infoBox .iBWrapper .mediaInner iframe{
    max-width: 100%;
    height: inherit;
    width: 100%;
    max-height: 30vh;
}
.dpfInteraction .infoBox .iBWrapper .mediaInner video{
    max-width: 100%;
    width: 100%;
    height: 100%;
    object-fit: cover;
	z-index: -1;
    position: relative;
}
/* INFOBOX 2 COLUMNS */
.dpfInteraction.infoBox .infoBox.mode1,
.dpfInteraction.infoBox .infoBox.mode2{
	
}
.dpfInteraction .infoBox.mode1 .iBWrapper {
	flex-direction: row;
}
.dpfInteraction .infoBox.mode2 .iBWrapper {
	flex-direction: row-reverse;
}
.dpfInteraction .infoBox.mode2 .iBWrapper .mediaText header {
	margin-top: unset;
}
.dpfInteraction .infoBox.mode1 .iBWrapper .mediaInner,
.dpfInteraction .infoBox.mode2 .iBWrapper .mediaInner{
	display: flex;
    flex: 1 1 40%;
	height: 100%;
}
.dpfInteraction .infoBox.mode1 .iBWrapper .mediaText,
.dpfInteraction .infoBox.mode2 .iBWrapper .mediaText{
	flex: 1 1 60%;
	height: 100%;
	display: flex;
    flex-direction: column;
    justify-content: center;
}
.dpfInteraction .infoBox.mode1 .iBWrapper .mediaInner.medium, 
.dpfInteraction .infoBox.mode2 .iBWrapper .mediaInner.medium {
    flex: 1 1 50%;
}
.dpfInteraction .infoBox.mode1 .iBWrapper .mediaText.medium,
.dpfInteraction .infoBox.mode2 .iBWrapper .mediaText.medium{
	flex: 1 1 50%;
}
.dpfInteraction .infoBox.mode1 .iBWrapper .mediaInner.big, 
.dpfInteraction .infoBox.mode2 .iBWrapper .mediaInner.big {
    flex: 1 1 70%;
}
.dpfInteraction .infoBox.mode1 .iBWrapper .mediaText.big,
.dpfInteraction .infoBox.mode2 .iBWrapper .mediaText.big{
	flex: 1 1 30%;
}
.dpfInteraction .infoBox.mode1 .iBWrapper button,
.dpfInteraction .infoBox.mode2 .iBWrapper button{
    border: 1px currentColor solid;
    left: 50%;
    transform: translateX(-50%);
}
.dpfInteraction .infoBox.mode3 .iBWrapper .mediaInner{
	flex: 1 1 70%;
}
.dpfInteraction .infoBox.mode3 .iBWrapper .mediaText{
	flex: 1 1 30%;
}
.dpfInteraction .infoBox .iBWrapper .mediaText .text ul{
	display: block;
	margin: 0 1.25rem!important;
    line-height: 1.66;
    padding: 0;
    list-style: none;
    font-family: var(--font-family);
    font-weight: 400;
    text-align: justify;
}
.dpfInteraction .infoBox .iBWrapper .mediaText .text ul li{
	position: relative;
    line-height: 2;
	font-size: inherit;
    margin-left: 1em;
    text-align: left;
    padding: unset!important;
}
.dpfInteraction .infoBox .iBWrapper .mediaText .text ul li:first-child {
	margin-top:1em;
}
.dpfInteraction .infoBox .iBWrapper .mediaText .text ul li:last-of-type {
	margin-bottom:1em;
}
.dpfInteraction .infoBox .iBWrapper .mediaText .text ul li:before {
    background-color: currentColor;
    border-radius: 50%;
    top: 15px;
    width: 10px;
    height: 10px;
    margin-left: -1.25em;
    content: '';
    position: absolute;
    display: inline-block;
}
.dpfInteraction .infoBox .iBWrapper .mediaText .text ol{
	position: relative;
    list-style: none;
    counter-reset: dpf-counter;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    margin: 0 2em;
    padding: 0;
    line-height: 1.66;
    padding: 0;
    font-family: var(--font-family);
    font-weight: 400;
	font-size: 1rem;
    text-align: justify;
}
.dpfInteraction .infoBox .iBWrapper .mediaText .text ol li{
	counter-increment: dpf-counter;
    display: flex;
    align-items: flex-start;
    margin-bottom: 0.5rem;
    margin-left: 0;
    margin-top: 0.25rem;
}
.dpfInteraction .infoBox .iBWrapper .mediaText .text ol li:last-of-type {
	margin-bottom: 0em;
}
.dpfInteraction .infoBox .iBWrapper .mediaText .text ol li:before {
	content: "" counter(dpf-counter);
	margin-right: 1em;	
}
/* singleBlox */
.page-content.singleBlox div> .content {
	top: 0!important;
	width: 100%!important;
    margin-left: 0%!important;
}
.page-content.singleBlox div> .contentWrapper {
    padding-right: 0%!important;
}
.page-content.singleBlox div> .scroller {
	height: auto!important;
}
.page-content.singleBlox div>.content--scroll{
	height: auto!important;
	max-height: 100vh;
	/*overflow-y: hidden !important;*/
}
.singleBlox .dpfInteraction.infoBox .infoBox.fh {
    height: 27em !important;
}
.dpf1bt.singleBlox .page-header {
	position: absolute;
	border-bottom: unset !important;
    margin: unset !important;
}
.dpf1bt.singleBlox .steps {
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 3em 0em;
    padding: 0px 2.5rem;
}
.dpf1bt.singleBlox div > .contentWrapper,
.dpf1bt.singleBlox div > .contentWrapper,
.dpf1bt.singleBlox div > .contentWrapper{
	margin-bottom: 0em!important;
}
.dpf1bt.singleBlox div > .contentWrapper .row,
.dpf1bt.singleBlox div > .contentWrapper .row,
.dpf1bt.singleBlox div > .contentWrapper .row{
	margin-bottom: 0em!important;
}
.landscape .page-content.dpf1bt.rise.singleBlox .main-wrapper .content .scroller .content--scroll .contentWrapper div >.stack6.contentText p,
.landscape .page-content.dpf1bt.rise.singleBlox .main-wrapper .content .scroller .content--scroll .contentWrapper div >.stack6.contentText ul,
.landscape .page-content.dpf1bt.rise.singleBlox .main-wrapper .content .scroller .content--scroll .contentWrapper div >.stack6.contentText ol{
	width: 100%;
    left: 0!important;
    transform: unset!important;
}
.dpf1bt.singleBlox .slider {
    top: 0!important;
	height: 100vh;
}
.dpf1bt.singleBlox .slider .swiper-slide{
	margin: 0;
	box-shadow: unset;
	width: 100%;
	max-height: 100vh!important;
}
.dpf1bt.singleBlox div >.contentSwiper .card.full .card-content,
.dpf1bt.singleBlox div >.contentSwiper .card.fullTop .card-content {
    max-height: 100vh;
}
.dpf1bt.singleBlox div > .contentSwiper .card.fullTop .unitCover img,
.dpf1bt.singleBlox div >.contentSwiper .card.fullTop .unitCover video,
.dpf1bt.singleBlox div >.contentSwiper .card.fullTop .unitCover iframe {
    height: 100vh !important;
    max-height: 100vh;
    margin-top: 0;
}
.animate .dpf1bt.singleBlox div >.contentText {
    opacity: 0;
    width: 95%;
    -webkit-animation: fade_in ease forwards 0.25s;
    -moz-animation: fade_in ease forwards 0.25s;
    animation: fade_in ease forwards 0.25s;
}
/* Counters */
.flex {
    display: flex;
}
.flexColumn {
    display: flex;
    flex-direction: column;
}
.flexRow {
    display: flex;
    flex-direction: row;
}
.justifyEnd {
    justify-content: flex-end;
}
.spaceBetween {
    justify-content: space-between;
}
.alignStart {
    align-items: flex-start;
}
.alignCenter {
    align-items: center;
}
.alignEnd {
    align-items: flex-end;
}
.cParent {
    width: 260px;
    height: 100px;
    margin: 10px 0 0 0;
}
.cParent div {
    position: relative;
}
.cParent div .outerLabel {
    font-family: "ge-inspira-sans-bold";
    font-size: 10px;
    line-height: 16px;
    letter-spacing: 2.5px;
}
.cParent div .outerVal {
    font-size: 44px;
    font-weight: 300;
    line-height: 53px;
}
.cParent div .circleProgress {
    transform: rotate(-90deg);
    stroke: rgba(255, 255, 255, 0.5);
    stroke-width: 3px;
    height: 65px;
    width: 65px;
}
.cParent div .circleProgress .bar {
    stroke: rgba(255, 255, 255, 0.8);
    stroke-dashoffset: 0;
    transition: stroke-dashoffset 750ms ease-out;
}
.cParent div label {
    position: absolute;
    font-size: 12px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 65px;
    display: flex;
    align-items: center;
    justify-content: center;
}
/*Bullets */
.scrollBulletsWrapper{
    bottom: 0px;top: auto;z-index: 550;overflow: hidden;position: fixed;top: 60px;bottom: 0;left: 0;height: calc(100vh - 60px);width: 100%;transform: translate3d(0, 0, 0);box-sizing: border-box;text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased;
}
.scrollBulletsWrapper .scrollBullets {
    pointer-events: none;
    z-index: 553;
    position: absolute;
    top: 15px;
    bottom: 15px;
    right: 3px;
    width: 15px;
    top: 30px;
    bottom: 30px;
    right: 0;
    width: 30px;
}
.scrollBulletsWrapper .scrollBullets .scrollBullet{
    position: absolute;width: 7px;height: 7px;border-radius: 16px;border: 1px solid #444;background: #111;transition: .5s background, .5s border;border: 2px solid #444;width: 9px;height: 9px;
}
.scrollBulletsWrapper .scrollBullets .scrollBullet .scrollBulletInner{
    
}
.scrollBulletsWrapper .scrollBullets .scrollBullet.active{
    background: #aaa;
    margin-left: -1.5px;
	margin-top: -1.5px;
	width: 12px;
	height: 12px;
	border: 2px solid #222;
}
.roadmap {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 100px 0;
    position: relative;
    flex-direction: column;
}
@media (min-width: 992px) {
    .roadmap {
        margin: 200px 0;
        flex-direction: row;
    }
}
.roadmap .road-el {
    background-color: wheat;
    width: 250px;
    height: 250px;
    margin: 50px 25px;
    border-radius: 50%;
    text-align: center;
    padding: 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    position: relative;
    z-index: 1;
    box-shadow: 2.8px 2.8px 2.2px rgba(0, 0, 0, 0.02), 6.7px 6.7px 5.3px rgba(0, 0, 0, 0.028), 12.5px 12.5px 10px rgba(0, 0, 0, 0.035), 22.3px 22.3px 17.9px rgba(0, 0, 0, 0.042), 41.8px 41.8px 33.4px rgba(0, 0, 0, 0.05), 100px 100px 80px rgba(0, 0, 0, 0.07);
}
@media (min-width: 768px) {
    .roadmap .road-el {
        width: 300px;
        height: 300px;
    }
}
.roadmap .r-line {
    position: absolute;
    width: 8px;
    background-color: #bfbfbf;
    height: 50%;
    top: 25%;
    left: 50%;
    transform-origin: left;
}
@media (min-width: 992px) {
    .roadmap .r-line {
        width: 50%;
        height: 8px;
        top: calc(50% - 4px);
        left: 25%;
    }
}
.roadmap .triangle {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 19.5px 0 19.5px 31px;
    border-color: transparent transparent transparent #535353;
    transform: rotate(90deg);
    position: relative;
    left: 4px;
}
@media (min-width: 992px) {
    .roadmap .triangle {
        transform: rotate(0deg);
        left: 0;
    }
}
.roadmap .road-el p {
    text-align: center;
    font-size: 0.8em;
}
/* THUMBNAILS CARDS */
.thumbsCards{
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(25rem, 1fr));
	grid-gap: 1rem;
}
.fragment .thumbsCards{
	grid-template-columns: repeat(auto-fill, minmax(20rem, 1fr));
}
.portrait .fragment .thumbsCards{
	grid-template-columns: repeat(auto-fill, minmax(25rem, 1fr));
}
.thumbsCards .thumbCard >a {
    display: flex;
    text-decoration: none;
    transition: background-color .3s, filter .3s, -webkit-filter .3s;
    height: 100%;
}
.thumbsCards .thumbCard {
    display: flex;
    text-decoration: none;
    transition: background-color .3s, filter .3s, -webkit-filter .3s;
    height: 100%;
	justify-content: center;
    align-items: center;
}
.thumbsCards .thumbCard .tcImage {
    flex: 0 0 150px;
    margin: 0;
    overflow: hidden;
	flex-grow: 0 !important;
    flex-shrink: 0 !important;
}
.thumbsCards .thumbCard .tcImage img{
	height: 10vh;
	/*height: 100%;
	max-height: 20vh;*/
}
.thumbsCards .thumbCard .tcImage img{
    transition: transform .6s;
}
.thumbsCards .thumbCard .tcContent{
    padding: .6rem 1rem;
    flex: 1 1 auto;
	justify-content: center;
    display: flex;
    flex-direction: column;
}
.thumbsCards .thumbCard .tcContent h2{
	border-bottom: unset!important;
}
.thumbsCards .thumbCard .tcContent .title{
    margin: 0;
}
.thumbsCards .thumbCard .tcContent p{
    margin: .3em 0 0;
	text-align: left;
}
.util-nowrap {
    white-space: nowrap;
}
/* 3D CARDS */
.dpfCard.threeD{
	box-shadow: unset;
}
.cardWrapper{
    perspective: 2000px;
    width: 100%;
}
.cardWrapper .cardInner{
	border-radius: 20px;
    transform-style: preserve-3d;
    transform: translate3d(0px, 0px, 0px) rotateY(0);
    transition: transform 1s ease-in-out;
}
.cardWrapper.active .cardInner{
    transform: translate3d(0px, 0px, 0px) rotateY(-180deg);
}
.cardWrapper .cardInner .cardFront {
    position: relative;
    transform-style: preserve-3d;
    transform: translate3d(0, 0, 0.1px) rotateX(0) rotateY(-180deg) rotateZ(0);
}
.cardWrapper .cardInner .cardFront img {
    width: 100%;
    height: 20em;
	max-height: unset;
    border-radius: 20px;
    transition: filter 1s ease-in-out;
    filter: brightness(1);
    object-fit: cover;
	transform: scaleX(-1);
}
.dpfCard.large .cardWrapper .cardInner .cardFront img {
	max-height: 75vh;
	height: 75vh;
}
.dpfCard.large .cardWrapper .cardInner .cardBack .cardBackWrapper .cardText {
	height: 55vh;
}
.cardWrapper.active .cardInner .cardFront img {
    filter: brightness(0.5);
}
.cardWrapper .cardInner .cardFront img:nth-child(2) {
    width: 100%;
    height: 95.48px;
    position: absolute;
    left: 0;
    top: -12.5%;
    object-fit: cover;
}
.cardWrapper .cardInner .cardFront .cardFrontWrapper {
    transform-style: preserve-3d;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    padding: 0 1rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    transform: translate3d(0, 0, -40px) rotateX(0) rotateY(-180deg) rotateZ(0);
}
.cardWrapper .cardInner .cardFront .cardFrontWrapper h2{
	border-bottom: unset!important;
}
.cardWrapper .cardInner .cardFront .cardFrontWrapper:hover p {
    height: 40px;
    opacity: 1;
}
.cardWrapper .cardInner .cardFront .cardFrontWrapper p {
    color: white;
    font-family: "Open sans", sans-serif;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 15px;
    height: 0;
    opacity: 0;
    line-height: 1.4;
    overflow: hidden;
    transition: height 0.5s ease-in-out, opacity 0.5s ease-in-out;
	user-select: none;
}	
.cardWrapper .cardInner .cardFront .cardFrontWrapper:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    transform-style: preserve-3d;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 60%, rgb(0, 0, 0) 100%);
    transform: translate3d(0, 0, -38px);
    border-radius: 20px;
    opacity: 0.8;
	cursor: pointer;
}
.cardWrapper.btnCard {
    color: white;
    display: flex;
    align-items: center;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    cursor: pointer;
    font-family: "Open sans", sans-serif;
}
.cardWrapper .cardInner .cardBack {
    transform-style: preserve-3d;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(27, 27, 27, 0.2);
    top: 0;
    transform: translate3d(0, 0, 0.0001px) rotateX(0) rotateY(180deg) rotateZ(0);
    pointer-events: none;
    border-radius: 20px;
	cursor: pointer;
}
 .cardWrapper.active .cardInner .cardBack {
    pointer-events: auto;
}
.cardWrapper .cardInner .cardBack .cardBackWrapper {
    transform-style: preserve-3d;
    transform: translate3d(0, 0, 40px);
    position: relative;
    backface-visibility: visible;
    -webkit-backface-visibility: visible;
    padding: 1rem;/*2rem;*/
	/*left: 45%;*/
}
.cardWrapper.btnClose {
    width: 30px;
    height: 30px;
    position: absolute;
    right: 2rem;
    top: 2rem;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: black;
    border-radius: 50%;
    cursor: pointer;
    z-index: 1;
}
.cardWrapper .cardInner .cardBack .cardBackWrapper .cardText {
    height: 12em;/*250px;*/
    transform: translate3d(0, 0, 0);
	display: flex;
    align-items: stretch !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    position: relative;
    overflow: hidden;
	max-width: 100%;
}
.cardWrapper .cardInner .cardBack .cardBackWrapper .cardText .data{
	font-family: var(--font-family);
    /*font-size: 0.85em;*/
    line-height: 1.666;
    color: #eee;
	overflow-y: scroll;
}
.cardWrapper .cardInner .cardBack .cardBackWrapper .cardText .data p{
	text-align: left;
}
.cardText:last-child {
    margin-bottom: 0;
}
.cardWrapper .openCmd{
	position: absolute;
    right: 10px;
    bottom: -10%;
    z-index: 111;
}
.cardWrapper .openCmd.openCmd > a {
    z-index: 11111;
    position: absolute;
    right: 10px;
    bottom: 4%;
    display: block;
    top: 0;
    width: 35px;
    height: 35px;
    background-color: #ED2460;
    border-radius: 50%;
    color: #fff;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    transform: rotate(180deg);
}
/*
.dpfCard.threeD .cardWrapper .openCmd{
	bottom: 8%;
	left: 53%;
	right: auto;
    z-index: 1;
}
*/
.dpfCard.threeD .cardWrapper .openCmd{
	display: none;
}
.dpfCard.threeD .cardWrapper .cardInner .cardBack .cardBackWrapper h2{
	align-items: center;
	border-bottom: unset !important;
}
/* NEW X12 X11 */
.media-wrap {
  width: auto;
  flex: 1 1 50%;
  height: 100vh;
  justify-content: center;
  align-items: center;
  display: flex;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  overflow: hidden;
  margin: 0 !important;
}

.media-wrap.stack1{
	max-width: 25%;
}
.media-wrap.stack2{
	max-width: 35%
}
.media-wrap.stack3{
	max-width: 50%;
}
.media-wrap.stack4{
	max-width: 65%;
}
.media-wrap.stack5{
	max-width: 75%;
}
.dpf1bt .media-wrap {
	height: calc(80vh + 1em);/*100vh;*/
	margin: 0 !important;
	padding-right: 1em;
}
.dpf1bt .sticky-section.reversed .media-wrap {
	padding-left: 1em;
	padding-right: 0;
}
.media-list {
  width: 100%;
  padding-top: 100vh;
  position: relative;
}
.dpf1bt .media-list {
	padding-top: calc(80vh + 1em);
}
.media-item {
  width: 100%;
  height: 100vh;
  opacity: 0;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}
.media-image {
  width: 100%;
  height: 100vh;
  object-fit: cover;
}
.media-image.fitted {
    height: auto;
    top: 50%;
    position: relative;
    transform: translateY(-50%);
}
.media-item figure{
	height: 92vh!important;
	z-index: 0;
}
.dpf1bt div>.media-item figure{
	height: 100%!important;
}
.dpf1bt img.media-image{
	max-height: calc(80vh + 1em)!important;
}
.dpf1bt video.media-image {
	width: 100%;
	height: 88vh;
	z-index: 999;
	position: relative;
}
.dpf1bt iframe.media-image {
	width: 100%;
	height: 83vh;
	top: 0vh;
	object-fit: cover;
	transition: unset;
}
.sticky-section {
	width: 100%;
	justify-content: flex-start;
	align-items: flex-start;
	display: flex;
	position: relative;
	max-height: 100%;
}
.sticky-section.reversed{
	flex-direction: row-reverse;
}
.landscape .page-content .main-wrapper .content .scroller .content--scroll .contentWrapper .sticky-section .contentText {
   margin: 0 !important;
}
.content-container{
	flex: 1 1 50%;
    padding: 0em 1em 70vh;
    position: relative;
    overflow: hidden;
	overflow-y: auto;
    max-height: 100vh;
}
.x12 .content-container{
	width: 100%;
}
.content-container.stack1{
	position: absolute;
    padding-left: 77%;
}	
.content-container.stack2{
	position: absolute;
    padding-left: 67%;
}
.content-container.stack3{
	position: absolute;
    padding-left: 53%;
    padding-right: unset;
}
.content-container.stack4{
	position: absolute;
    padding-left: 37%;
}
.content-container.stack5{
	position: absolute;
    padding-left: 27%;
}
.content-container.stack1.reversed .content-wrap {
    width: 25% !important;
}
.content-container.stack2.reversed .content-wrap {
    width: 35% !important;
}
.content-container.stack3.reversed .content-wrap {
    width: 50% !important;
}
.content-container.stack4.reversed .content-wrap {
    width: 65% !important;
}
.content-container.stack5.reversed .content-wrap {
    width: 75% !important;
}
.x12 .content-container.stack1{
	padding-left: 75%;
    padding-right: 1em;
	background: unset !important;
}
.x12 .content-container.stack2{
	padding-left: 65%;
    padding-right: 1em;
	background: unset !important;
}
.x12 .content-container.stack3{
	padding-left: 50%;
    padding-right: 1em;
	background: unset !important;
}
.x12 .content-container.stack4{
	padding-left: 35%;
    padding-right: 1em;
	background: unset !important;
}
.x12 .content-container.stack5{
	padding-left: 25%;
    padding-right: 1em;
	background: unset !important;
}
.dpf1bt .content-container.stack1 {
    max-width: 100%;
    position: absolute;
    padding-left: 77%;
	max-height: 100%;
	max-height: calc(80vh + 1em);
}
.dpf1bt .content-container.stack2 {
    max-width: 100%;
    position: absolute;
    padding-left: 67%;
	max-height: 100%;
	max-height: calc(80vh + 1em);
}
.dpf1bt .content-container.stack3 {
    max-width: 100%;
    position: absolute;
    padding-left: 52%;
	max-height: 100%;
	max-height: calc(80vh + 1em);
}
.dpf1bt .content-container.stack4 {
    max-width: 100%;
    position: absolute;
    padding-left: 37%;
	max-height: 100%;
	max-height: calc(80vh + 1em);
}
.dpf1bt .content-container.stack5 {
    max-width: 100%;
    position: absolute;
    padding-left: 27%;
	max-height: 100%;
	max-height: calc(80vh + 1em);
}
.dpfCB .content-container.stack3 {
	padding-left: calc(50% + 1em);
}
.dpfCB .media-wrap.stack3 {
	max-width: calc(50% - 1em);
}
.content-container.reversed{
	left: 0;
	padding: 0em 1em 70vh 0em;
	padding-left: 0 !important;
    background: linear-gradient(90deg, #000000, transparent 40%) !important;
}
.dpfCB .content-container.reversed,
.dpf1bt .content-container.reversed{
	background: unset!important;
}
.sticky-section.full .content-container.reversed{
	padding-right: 65%;
}
.dpfCB .sticky-section.full .content-container.reversed,
.dpf1bt .sticky-section.full .content-container.reversed{
	margin-left: 1em;
}
.content-heading{
	width: 100%;
    max-width: 27em;
    color: var(--text);
	padding: 40vh 1.25em 35vh;
}
.sticky-section.full .content-heading{
	color: white;
}
.dpfCB .content-heading{
	padding: 40vh 0em 35vh;
}
.content-heading h2{
	font-size: 2.85vmax!important;
}
.content-heading .arrowDown{
	position: relative;
}
.content-heading .arrowDown path{
	fill: currentColor;
}
.movie .content-heading .arrowDown{
	display: none;
} 
.dpf1ph .content-heading,
.dpf1bt .content-heading{
	padding: 40vh 0 35vh!important;
}
.content-wrap{
	width: 100%!important;
}
.dpf1bt .content-container.reversed .content-heading{
	/*padding: 10vh 1.75rem 35vh!important;*/
	padding: 40vh 0em 35vh!important;
}	
.dpf1bt .content-container.reversed .content-wrap{
	/*padding: 0em 1.75rem!important;*/
	padding: 0!important;
}
.content-trigger {
	color: rgb(98 97 97 / 80%);
	margin-bottom: 10rem;
	transition: color .2s;
	padding: 10vh 0 90vh;
	padding: 10vh 0 70vh;
}
.content-trigger.active {
	color: var(--text);
}
.x12 .content-trigger.active {
	color: currentColor;
}
.content-trigger:last-child {
	/*padding-bottom: 0!important;*/
}
.content-trigger h2{
	font-size: 1.25em!important;
}
.dpf1bt.rise .content-trigger h2 {
    font-size: 1.25em !important;
    width: auto !important;
    margin-left: 0 !important;
    left: unset !important;
    transform: unset !important;
}
.content_text {
	font-family: var(--title-font-family);
	line-height: 1.1;
	font-size: 2vmax;
	max-width: 100%;
	line-height: normal;
	font-weight: 600;
}
.visual_title-wrap {
	text-align: center;
	padding-left: 2vw;
	padding-right: 2vw;
	display: none;
	position: relative;
}
/* Sticky section full */
.sticky-section.full .media-wrap{
	flex: 1 0 100%;
	padding: 0!important;
}
.sticky-section.full .media-wrap .media-image {
    z-index: 0;
    width: 100%;
    height: 100vh;
    object-fit: cover;
    position: relative;
    /*opacity: 1;*/
    max-height: 100vh;
	top: 0;
}
/*
.comparisonSection {
	padding-top: unset;
}
.comparisonImage {
  opacity: 1;
  width: 100%;
  height: 100vh;
}
.afterImage {
  position: absolute;
  overflow: hidden;
  top: 0;
  transform: translate(0px, 100%);
}
.beforeImage img{
	object-fit: cover;
}
.afterImage img {
  transform: translate(0px, -100%);
  object-fit: cover;
	opacity: 1;	
}
*/
.sticky-section.afterBefore .media-wrap{
	width: 100%;
    height: 100vh;
    justify-content: flex-start;
    align-items: stretch;
    display: flex;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    overflow: hidden;
}
.sticky-section.full.afterBefore .media-wrap .media-item {
	position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
    overflow: clip;
	opacity: 1;
    max-width: 100%;
    display: inline-block;
    object-fit: cover;
    object-position: 50% 50%;
    width: 100%;
    height: 100%!important;
}
.sticky-section.full.afterBefore .media-wrap .media-item img{
    background: black;
    max-width: 100%;
    display: inline-block;
    object-fit: cover;
    object-position: 50% 50%;
    width: 100%;
    height: 100%;
    position: absolute;
	overflow: hidden;
	z-index: auto;
	max-height: unset;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
	overflow: clip;
	overflow-clip-margin: content-box;
}
.sticky-section.full.afterBefore .media-wrap .media-list{
	padding-top: unset;
	height: 100vh;
	width: 100vw;
	position: relative;
}
.sticky-section.afterBefore .content-container .content-heading{
	padding: 60vh 1.25em 35vh;
}
.sticky-section.full .content-container{
	flex: 100%;
    position: absolute;
    width: 35%;
    left: 65%;
	overflow-y: auto;
    max-height: 100vh;
    /*--text: white;*/
    width: 100%;
    left: 0;
    padding-left: 65%;
	background: linear-gradient(270deg, #000000a5, transparent 65%);
}
.sticky-section.full.reversed .content-container {
	left: 0;
	background: linear-gradient(270deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 1%, rgba(0, 0, 0, .8) 30%, #000 60%);
}
.sticky-section.full .content-container .content-wrap{
	padding: 0;
}
.sticky-section.full .content-container .content-trigger {
    color: rgb(98 97 97 / 80%);
    transition: color .2s;
    padding: 10vh 0 90vh;
	margin: 0;
}
.sticky-section.full .content-container .content-trigger.active {
	color: white!important;
}
/* DPF1BT */
.dpf1bt .sticky-section.afterBefore .media-wrap {
	height: calc(80vh + 1em);
}
/* Scrolled images */
.sticky-section.scY .media-wrap{
	align-items: stretch;
}
.sticky-section.scY .media-list{
	padding-top: 0vh;
}
.sticky-section.scY .media-item{
	position: relative;
	opacity: 1;
	height: 100vh!important;
}
.sticky-section.scX .media-item{
	position: absolute!important;
	opacity: 1;
}
.sticky-section.afterBefore .media-item{
	opacity: 1;
}
/* Hidden sticky */
.sticky-section.hidden .content-container{
    background: unset;
}
.sticky-section.hidden .content-container .content-wrap .content-trigger{
	opacity: 0;
}
.sticky-section.hidden .media-list,
.sticky-section.hidden .content-list{
	z-index: -1;
    position: relative;
    display: unset;
}
/* sticky process */
.noMedia{
	display: flex;
    flex-direction: column;
    flex: 1 1 100%;
    position: relative;
	background: transparent;
}
.noMediaBG{
	will-change: opacity;
    /*background-image: linear-gradient(to left, #000000, transparent 60%), linear-gradient(to right, #000000, transparent 60%), url(assets/images/aa2.png);*/
    opacity: 1;
    background-position: 100%, 100%, center;
    background-size: 100% 83vh, 100% 83vh, 100% 83vh;
	background-repeat: no-repeat, no-repeat, no-repeat;
    width: 100%;
    /* max-height: 100vh; */
    height: 83vh;
    position: -webkit-sticky;
    position: sticky;
    top: 0px;
    left: 0%;
    right: 0%;
}
.noMedia .content-wrap{
	/*--text: white;*/
	color: white;
	padding-right: 2.5rem;
}
.noMedia .content-container{
	/*--text: white;*/
	color: white;
	flex: 1 1 35%;
	position: absolute;
	padding-left: 65%;
}
.noMedia .content-wrap .content-trigger{
	padding: 10vh 0 90vh;
}
.noMedia .content-container.reversed{
	background: unset;
	flex: 1 1 70%;
} 
.noMedia .media-wrap{
	background-color: transparent;
    color: white;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding-left: 2.5rem;
	padding-right: 0.5rem;
	max-width: 50%;
}
.noMedia .content-wrap h3 {
    margin: 20px 0 20px;
    font-size: 1.25rem;
    line-height: 2;
    border: unset;
}
.noMedia .media-wrap p{
	font-family: sans-serif;
    font-size: 0.85rem;
    font-weight: 400;
    line-height: 1.5;
    color: #ddd;
}
.dpf1bt .noMedia .media-wrap {
	max-height: 83vh;
    height: 83vh;
}
.dpfCB .noMediaBG,
.x12 .noMediaBG {
    will-change: opacity;
    opacity: 1;
    background-position: 100%, 100%, center;
    background-size: 100% 100vh, 100% 100vh, cover;
    background-repeat: no-repeat, no-repeat, no-repeat;
    width: 100%;
    height: 100vh;
    position: -webkit-sticky;
    position: sticky;
    top: 0px;
    left: 0%;
    right: 0%;
	overflow: hidden;
}
 .noMediaBG.clip {
	clip-path: circle(1.25rem at calc(50% + 1.75rem) 50%); 
}
.sticky-section.small .media-wrap{
	height: 70vh!important;
} 
.sticky-section.small .content-container{
	max-height: 50vh!important;
}
.sticky-section .media-wrap h1{
	border: unset;
    background: transparent;
    font-size: 6vmax;
    line-height: 1;
	font-family: var(--font-family);
}
/*
.x12Image {
    width: 100%;
    height: 100vh;
    min-height: 100vh;
    object-fit: cover;
    background-repeat: no-repeat;
    background-size: 100% 100vh;
    background-image: url('https://picsum.photos/1800/1200');
	 --opacity: 0;
	opacity: var(--opacity);
}
*/
.overClip {
   --clip:0%;
  clip-path: circle(var(--clip) at calc(50% + 1.75rem) 50%);
}
/*
.comparisonSection {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
}

.comparisonImage {
  width: 100%;
  height: 100%!important;
  overflow: clip;
}
.afterImage {
  position: absolute;
  overflow: hidden;
  top: 0;
  transform: translate(100%, 0px);
}
.afterImage img {
  transform: translate(-100%, 0px);
}
.vertical .afterImage {
  position: absolute;
  overflow: hidden;
  top: 0;
  transform: translate(0px, 100%);
}
.vertical .afterImage img {
  transform: translate(0px, -100%);
}
.comparisonImage img {
  width: 100%!important;
  height: 100%!important;
  position: absolute!important;
  top: 0!important;
  max-height: unset !important;
  max-width: unset !important;
  overflow-clip-margin: content-box;
  overflow: clip;
}
*/
.dpf1bt .sticky-section.full .content-container{
	max-height: calc(80vh + 1em);
	background: linear-gradient(270deg, #0000009e, transparent 70%);
	z-index: 9;
}
.x12 .sticky-section.full .content-container{
	max-height: 100vh;
}
.x12 figure > img{
	height: 100vh !important;
}
.list {
    height: 100%;
    position: relative;
	width: 100%;
}
.item {
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
    overflow: clip;
}
.heading {
    z-index: 1;
    color: #fff;
    font-family: sans-serif;
    font-weight: 500;
    position: absolute;
    top: auto;
    bottom: 1rem;
    left: auto;
    right: 1rem;
}
.afterBefore .heading {
    left: 0rem;
    right: auto;
    background: rgba(0, 0, 0, 0.6);
    width: 100%;
    bottom: 0;
    padding: 0.5rem;
    font-size: 3vh !important;
    font-weight: bold;
}
/* MOVIE */
.sticky-section .media-wrap.movie{
	height: 100vh;
    width: 100%;
    overflow: hidden;
    top: 0px;
    left: 0px;
    z-index: 2;
}
.sticky-section .media-wrap.movie img{
    height: 100%!important;
    width: 100%;
    position: absolute!important;
    top: 0px;
    left: 0px;
    z-index: 3;
    margin-top: 200%;
}
.sticky-section .media-wrap.movie .media-image.active{
	margin-top: 0;
}
.sticky-section .media-wrap.movie img:first-of-type{
	margin-top: 0px;
}
.sticky-section.movie .content-trigger{
	margin-bottom: 0;
}
.sticky-section.full.movie .content-container .content-trigger {
	padding: 10vh 0 10vh;
}
.fragment .sticky-section .media-wrap {
    max-height: 75vh;
}
.fragment .sticky-section .content-container {
    max-height: 75vh;
}
.fragment .content-heading{
	padding: 40vh 0em 35vh;
}
.fragment .content-heading h2{
	border: unset !important;
}
.fragment .content-heading .arrowDown{
	display: none !important;
}
.fragment .sticky-section .content-container .content-trigger h2 {
	border: unset !important;
}
/* DPFCB PARALLAX */
.dpfCB.parallax .contentWrapper{
	margin-bottom: 0!important;
	height: 100vh!important
}
.dpfCB.parallax .row{
	/*margin-bottom: 0!important;*/
}  
.dpfCB.parallax .contentWrapper div >.bgImage{
	background-attachment: fixed;
	margin-bottom: 0;
	border:unset!important;
}
.dpfCB.parallax .contentWrapper div >.bgImage:first-of-type {
    margin-bottom: 0 !important;
}
.dpfCB.parallax  .main-wrapper .content .scroller {
    transform: unset!important;
}
.dpfCB.parallax .main-wrapper .content .scroller .content--scroll {
    /*height: 100vh!important;*/
}
.dpfCB.parallax .main-wrapper .content .scroller .content--scroll .contentWrapper .row:nth-child(2){
    max-width: 100% !important;
    column-gap: 0;
}
.dpfCB.parallax .main-wrapper .content .scroller .content--scroll .contentWrapper .row:nth-child(2) .arrowDown{
	display:none;
}