/*********************************************
 * DPFBLOX TEMPLATES FCV: 27/11/2019
 *********************************************/
.desktop.portrait .main-wrapper .content .scroller .contentWrapper{
    padding-top: 5%;
    padding-bottom: 5%;
    padding-left: 10%;
    padding-right: 10%;   
    -webkit-transition:1.8s ease !important;
    -moz-transition:1.8s ease !important;
    -ms-transition:1.8s ease !important;
    transition:1.8s ease !important;
}
.tablet.portrait .main-wrapper .content .scroller .contentWrapper{
    padding-top: 10%;
    padding-left: 10%;
    padding-right: 10%;   
    -webkit-transition:1.8s ease !important;
    -moz-transition:1.8s ease !important;
    -ms-transition:1.8s ease !important;
    transition:1.8s ease !important;
}
.tablet.portrait .main-wrapper .content .scroller .contentWrapper.dpfA.text-right {
    margin-left: 10%;
	margin-top: 5%;
    width: 80vw!important;
}
.mobile.portrait .main-wrapper .content .scroller .contentWrapper{
    padding-top: 10%;
    padding-bottom: 5%;
    padding-left: 10%;
    padding-right: 15%;   
    font-size: 0.8em;
    -webkit-transition:1.8s ease !important;
    -moz-transition:1.8s ease !important;
    -ms-transition:1.8s ease !important;
    transition:1.8s ease !important;
}
.desktop.landscape .main-wrapper .content .scroller .contentWrapper{
    top: 0;
    padding-top:  5%;
    padding-left: 10%;
    padding-right: 10%;
    font-size: 1.185rem;
    -webkit-transition:1.8s ease !important;
    -moz-transition:1.8s ease !important;
    -ms-transition:1.8s ease !important;
    transition:1.8s ease !important;
}
.tablet.landscape .main-wrapper .content .scroller .contentWrapper{
    padding-top: 5%;
    padding-left: 5%;
    padding-right: 5%;   
   
    -webkit-transition:1.8s ease !important;
    -moz-transition:1.8s ease !important;
    -ms-transition:1.8s ease !important;
    transition:1.8s ease !important;
}
.mobile.landscape .main-wrapper .content .scroller .contentWrapper{
    padding-top: 0%;
    padding-bottom: 50px;
    margin-bottom: 50px;
    padding-left: 8%;
    padding-right: 20%;   
   
    -webkit-transition:1.8s ease !important;
    -moz-transition:1.8s ease !important;
    -ms-transition:1.8s ease !important;
    transition:1.8s ease !important;
}
.desktop.portrait .scroller{
    top: 10%;
    height: 84vh;
	user-select: none;
}
.desktop.landscape .scroller{
	top: 4em;
	left: 0;
}
.android.mobile.portrait div > .scroller {
    top: 10vh;
}
.tablet.portrait .scroller{
    top: 10%;
    height: 75vh;
}
.tablet.landscape .scroller{
    top: 15%;
    left: 0%; 
    height: 80vh;  
}
.tablet.portrait table {
    border-color: white;
    width: 80vw;
}
.mobile.landscape .scroller{
    top: 20%;
    height: 70vh;
}
.mobile.portrait .scroller{
    top: 5vh;
    height: 76vh;
}
/*
div .twohalf iframe{
    height: calc(100vh - 60px);
    top: 60px;
}
div .onehalf iframe{
    height: calc(100vh - 60px);
    top: 60px;
}
*/
/****************************************************************************/
/* 					DPF Standard & dpf2v	                                */
/****************************************************************************/
.page-content.standard .mediaObject .anchor:after {
	content:unset;
}
.page-content.standard .main-wrapper {
    background-color: unset!important;
}
.page-content.dpf2v .main-wrapper {
    background-color: unset!important;
}
.mobile.portrait .page-content.standard .main-wrapper .content .scroller .content--scroll  div > .contentWrapper ,
.tablet.portrait.page-content.standard .main-wrapper .content .scroller .content--scroll div > .contentWrapper ,
.desktop.portrait .page-content.standard .main-wrapper .content .scroller .content--scroll div > .contentWrapper  {
	padding-left: 5%!important;
    padding-right: 10%!important;
} 
.mobile.portrait .page-content.standard .main-wrapper .content .scroller .content--scroll  div > .contentText ,
.tablet.portrait.page-content.standard .main-wrapper .content .scroller .content--scroll div > .contentText ,
.desktop.portrait .page-content.standard .main-wrapper .content .scroller .content--scroll div > .contentText  {
	max-width: 90%;
} 
.page-content.dpf2v div> .page-header {
	margin-bottom: 2em!important;
}
.standard div .contentText{
    max-width: 100%;
    margin-top: 0em;
}
.desktop.landscape .standard .contentText p {
    max-width: unset!important;
    width: unset;
} 
/* MOBILE DEVICES */
.android.mobile.portrait .standard div > .page-header {
    padding: 1vh 10px;
}
.android.mobile.portrait .standard div > .contentWrapper {
    padding-left: 15%!important;
    padding-right: 10%!important;
}
.android.mobile.portrait .dpf2v div > .contentWrapper {
    padding-left: 15%!important;
    padding-right: 10%!important;
}
.android.mobile.portrait .dpf2v div > .page-header {
    top: 5vh;
    margin-bottom: 4em;
}
.portrait .standard div .contentText {
    max-width: 70vw;
}
.tablet.landscape .dpf2v div .contentWrapper {
    padding-right: 15%!important;
}
.page-content.standard.showingText .main-wrapper {
	background-color: black!important;
}
.page-content.standard .main-wrapper .content .scroller.active ,
.page-content.dpf2v .main-wrapper .content .scroller.active,
.page-content.dpfSA .main-wrapper .content .scroller.active {
	transform:  translate(-100%, 0);
}
.page-content.standard.showingText .main-wrapper .background--image {
	opacity: 0!important;
}
.page-content.standard.showingText .main-wrapper div> .contentWrapper {
	padding-right: 10%!important;
}
.page-content.standard.showingText .main-wrapper div> .contentText {
	max-width: 100%!important;
}
.page-content.showingText .sidecontrols {
	opacity: 0!important;
	width: 0px!important;
}
.page-content.dpf2v.showingText .main-wrapper {
	background-color: black!important;
}
.standard .page-header{
	padding: unset!important;
    border-left: unset;
	margin-bottom: 2em;
}
.standard .contentText li:before {
	background: white!important;
	border-radius: unset;
    top: 13px;
    width: 8px;
    height: 8px;
    margin-left: -20px;
}
.dpf2v .page-header{
	padding: unset!important;
    border-left: unset;
	margin-bottom: 2em;
}
.tablet.portrait .standard div > .contentWrapper{
    padding-left: 15%!important;
    padding-right: 15%!important;
}
.standard div > .contentWrapper{
    padding-left: 5%!important;
    padding-right: 50%!important;
}
.portrait .standard div > .contentWrapper{
    padding-left: 10%!important;
    padding-right: 5%!important;
}
.dpf2v div > .contentWrapper{
    padding-left: 5%!important;
    padding-right: 5%!important;
}
.portrait .dpf2v div > .contentWrapper{
    padding-left: 10%!important;
    padding-right: 10%!important;
}
/****************************************************************************/
/* 					DPF Standard Mod - baja el texto para resaltar imagen   */
/****************************************************************************/
.page-content.dpfA .main-wrapper .content .scroller {
	top: 50vh;
}
.page-content.dpfA .main-wrapper .content .scroller .content--scroll{
	height: 37vh;
}
.desktop.landscape .page-content.dpfA .main-wrapper .content .scroller .contentWrapper {
	padding-top: 5%!important;
    padding-bottom: 5%!important;
    padding-left: 5%!important;
    padding-right: 5%!important;
}	
.desktop.landscape .page-content.dpfA .main-wrapper .content .scroller .contentWrapper .contentText p {
	max-width: 700px;
    width: 100%;
    text-align: inherit;
}
/****************************************************************************/
/* 					DPF X11					                                */
/****************************************************************************/
.page-content.x11 .mediaObject .anchor:after {
	content:unset;
}
.page-content.x11 .main-wrapper {
    background-color: unset!important;
}
.page-content.x11 .main-wrapper {
    background-color: unset!important;
}
.mobile.portrait .page-content.x11 .main-wrapper .content .scroller .content--scroll  div > .contentWrapper ,
.tablet.portrait.page-content.x11 .main-wrapper .content .scroller .content--scroll div > .contentWrapper ,
.desktop.portrait .page-content.x11 .main-wrapper .content .scroller .content--scroll div > .contentWrapper  {
	padding-left: 5%!important;
    padding-right: 10%!important;
} 
.mobile.portrait .page-content.x11 .main-wrapper .content .scroller .content--scroll  div > .contentText ,
.tablet.portrait.page-content.x11 .main-wrapper .content .scroller .content--scroll div > .contentText ,
.desktop.portrait .page-content.x11 .main-wrapper .content .scroller .content--scroll div > .contentText  {
	max-width: 90%;
} 
.x11 div .contentText{
    max-width: 100%;
    margin-top: 2em;
}
.desktop.landscape .x11 .contentText p {
    max-width: unset!important;
    width: unset;
} 
/* MOBILE DEVICES */
.android.mobile.portrait .x11 div > .page-header {
    padding: 1vh 10px;
}
.android.mobile.portrait .x11 div > .contentWrapper {
    padding-left: 15%!important;
    padding-right: 10%!important;
}
.portrait .x11 div .contentText {
    max-width: 70vw;
}
.page-content.x11.showingText .main-wrapper {
	background-color: black!important;
}
.page-content.x11 .main-wrapper .content .scroller.active {
	transform:  translate(-100%, 0);
}
.page-content.x11.showingText .main-wrapper .background--image {
	opacity: 0!important;
}
.page-content.x11.showingText .main-wrapper div> .contentWrapper {
	padding-right: 10%!important;
}
.page-content.x11.showingText .main-wrapper div> .contentText {
	max-width: 100%!important;
}
.x11 .page-header{
	padding: unset!important;
    border-left: unset;
	top: 50%;
    width: 60%;
    left: 10%;
    position: absolute;
    transform: translateY(-50%);
    text-align: left;
}
.x11 .contentText li:before {
	background-color: white;
	border-radius: unset;
    top: 13px;
    width: 8px;
    height: 8px;
    margin-left: -20px;
}
.tablet.portrait .x11 div > .contentWrapper{
    padding-left: 15%!important;
    padding-right: 15%!important;
}
.x11 div > .contentWrapper{
    padding-left: 5%!important;
    padding-right: 50%!important;
}
.portrait .x11 div > .contentWrapper{
    padding-left: 10%!important;
    padding-right: 5%!important;
}
/****************************************************************************/
/*Ocultar y escalar  parte superior al hacer scroll del texto */
/****************************************************************************/
/* DPF 1 PH -  Full page										 			*/
/****************************************************************************/
.dpf1ph .content{
   overflow-y: auto; 
   pointer-events: all;
   --headerOpacity: 1;
   --headerScale: 1;
}
.dpf1ph .shadow-wrapper{
    /*display: none!important;*/
}
.dpf1ph .page-header{
    opacity: var(--headerOpacity);
    transform: scale(var(--headerScale));
    transform-origin: left;
    position: absolute;/*sticky;*/
    z-index: 2;
    color: #ccc;
    left: 10%;
    top: 40%;
    width: 50%;
	/*transition: all 0.5s ease-in;*/
}
.dpf1ph .page-header.reverse{
	left: 50%;
}
/*
.dpf1ph .page-header h2 .tagline{
	font-family: 'Montserrat';
	line-height: 1.2;
    font-size: 3vmin;
    width: 100%;
    max-width: 100%;
}
.dpf1ph .page-header h2 .title{
	font-family: 'Montserrat';
    letter-spacing: 5px;
    line-height: 1.2;
    font-size: 6vmin;
    width: 100%;
    max-width: 100%;
}
.dpf1ph .page-header h2 .subtitle{
	
}
*/
.dpf1ph .media-wrapper{
    position: sticky;
    top: 0;
}
.dpf1ph .media-wrapper .relative{
    height: 100vh;
	pointer-events: none;
    /*padding: 4% 0;*/
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    opacity: var(--headerOpacity);
}
.dpf1ph .media-wrapper .relative .bgMask{
	opacity: var(--headerOpacity);
}
.dpf1ph .media-wrapper .relative video{
	object-fit: cover;	
}
.dpf1ph .compact .media-wrapper .relative video {
    height: 100%;
	object-fit: contain;
    object-position: center;
}
.dpf1ph .scroller{
    top: 100vh!important;
}
.dpf1ph .content--scroll{
    overflow-y: hidden!important;
    /*background-image: linear-gradient(360deg,black 0%,transparent 100%);*/
    background-image: linear-gradient(360deg,black 50%,transparent 100%); /*linear-gradient(360deg, transparent 0%, black 100%)*/
    padding-bottom: 10em;
    color: white;
}
.dpf1ph div > .scroller.active .content--scroll{
	background-image: unset;
}
.dpf1ph .bgMask svg{
    /*fill: #063a08;*/
	width: 100%;
	display: block;
	height: 100%;
	stroke: transparent;
}
.dpf1ph .page-header .arrowDown {
    left: 25%;
    margin-top: 3em;
    bottom: unset;
}
.fcvleft .dpf1ph .main-wrapper .content {
	/*transform: translate3d(-300%,0%,0px);
	pointer-events: none;*/
}
/* COMPACT MODE */
.dpf1ph .main-wrapper .content.compact .page-header{
	left: 10%;
    top: 30vh;
    width: 50%;
}
.dpf1ph .main-wrapper .content.compact .media-wrapper .relative{
	background-position: 0% 50%;/*right top;*/
    background-size: contain;
    height: 65vh;
}
.dpf1ph .main-wrapper .content.compact .media-wrapper .bgMask{
	height: 65vh;
}
.dpf1ph .contentText li:before {
	background-color: white;
}
.fcvleft .dpf1ph .main-wrapper .content .media-wrapper .bgMask{
	transform: translate3d(-300%,0%,0px);
}
.dpf1ph .main-wrapper .content.compact .scroller{
	top: 65vh!important;
}
.portrait .dpf1ph div> .page-header{
	backdrop-filter: blur(5px);
}
.portrait .dpf1ph div> .media-wrapper .relative {
	animation: unset!important;
	background-size: cover;
	background-position: center;
}
.portrait .dpf1ph div> .media-wrapper .relative .bgMask{
	opacity:0!important;
}
/*ESTE ES dpf2ph - pantalla partida en dos, parte superior media e inferior 2 columnas */
/****************************************************************************/
/* 					DPF 2 H - 1 columna pantalla partida horizontal			*/
/****************************************************************************/
.dpf2ph .main-wrapper .content .shadow-wrapper {
	height: calc(55% + -3px);
}
.portrait .dpf2ph .main-wrapper .content .shadow-wrapper {
	height: 100%;
}
.page-content.dpf2ph .main-wrapper .content .scroller {
	top: 58%;
	left: 0;
	pointer-events: all!important;
}
.portrait .page-content.dpf2ph .main-wrapper .content .scroller {
	top: 55%;
}
.dpf2ph div .scroller.active{
    transform: translateX(-200vw)!important;
}
.page-content.dpf2ph .main-wrapper .content .media-wrapper .intro--video {
	transition: 0.3s all linear;
	width: 100vw!important;
	border-bottom: 3px solid var(--primary);
}
.tablet.landscape .page-content.dpf2ph .sidecontrols.module-object,
.desktop.landscape .page-content.dpf2ph .sidecontrols.module-object {
	/*display: none;*/
}
.tablet.landscape .page-content.dpf2ph .main-wrapper .content .media-wrapper .instructive,
.desktop.landscape .page-content.dpf2ph .main-wrapper .content .media-wrapper .instructive {
	filter: none;
}
.portrait .page-content.dpf2ph .main-wrapper .content .media-wrapper .relative .mediaObject .anchor{
	pointer-events: all;
}
.page-content.dpf2ph .main-wrapper .content iframe{
     top: 0px;
}
.page-content.dpf2ph .main-wrapper .content video{
     top: 0px;
}
.page-content.dpf2ph .main-wrapper .content .scroller .content--scroll .contentWrapper .page-header h2 .tagline {
	max-width: 90vw;	
    width: 90vw;
	font-size: 1.3rem;
    line-height: 1em;
} 
.page-content.dpf2ph .main-wrapper .content .scroller .content--scroll .contentWrapper .page-header h2 .title {
	max-width: 90vw;
    width: 90vw;
	font-size: 2.5rem;
    line-height: 1em;
} 
.page-content.dpf2ph .main-wrapper .content .scroller .content--scroll .contentWrapper .page-header h2 .subtitle {
	max-width: 90vw;
    width: 90vw;
	font-size: 1.275rem;
    line-height: 1em;
} 
.desktop.landscape .page-content.dpf2ph .main-wrapper .content .scroller .content--scroll {
	height: 38vh;
    overflow-y: auto;
}
.desktop.landscape .page-content.dpf2ph .main-wrapper .content .scroller .content--scroll .contentWrapper {
	padding-top: 0%!important;
	padding-left: 5%!important;
    padding-right: 5%!important;
}
.desktop.landscape .page-content.dpf2ph .main-wrapper .content .scroller .content--scroll .contentWrapper .contentText {
	margin-top: 0%;
    position: relative;
}
.desktop.landscape .page-content.dpf2ph .main-wrapper .content .scroller .content--scroll .contentWrapper .contentText p {
	text-align: -webkit-left;
    text-align: left;
    margin-bottom: 1em;
}	
.desktop.landscape .page-content.dpf2ph .main-wrapper .content .scroller .content--scroll .contentWrapper .contentText p:last-child {
	margin-bottom: 20px;
}
.dpf2ph .page-header{
    position: absolute;
    z-index: 2;
    color: white;
    left: 5%;
    top: 15vh;
    width: 40vw;
    user-select: none;
    transition: transform 1s linear;
}
.tablet.portrait .dpf2ph .page-header{
    z-index: 5;
    left: 15%;
}
.tablet.landscape .dpf2ph .page-header{
    z-index: 5;
    left: 5%;
    width: 45vw;
}
.mobile.portrait .dpf2ph div .page-header {
    left: 10%;
    z-index: 3;
    width: 70vw;
    top: 10vh;
}
.android.mobile.portrait .dpf2ph div > .page-header {
    top: 15vh;
}
.mobile.landscape .dpf2ph div .page-header {
    top: 15vh!important;
}
.mobile.landscape .dpf2ph div .page-header .tagline{
    font-size: 2vmax;
}
.mobile.landscape .dpf2ph div .page-header .title{
    font-size: 3.5vmax;
	line-height: normal;
}
.mobile.landscape .dpf2ph div .page-header .subtitle{
    font-size: 2vmax;
}
.mobile.landscape .dpf2ph div .scroller {
    
    
}
.mobile.landscape .page-content.dpf2ph .main-wrapper .content .media-wrapper .intro--video {
    height: inherit!important;
}
.mobile.landscape .dpf2ph div .contentWrapper {
    padding-left: 60px!important;
}
.mobile.landscape .page-content.dpf2ph .main-wrapper .content .shadow-wrapper {
    
}
.tablet.landscape .dpf2ph div .scroller {
    top: 54vh;
}
.tablet.landscape .dpf2ph div .contentWrapper {
    padding-top: 0%!important;
    padding-right: 10%!important;
}
.tablet.landscape .dpf2ph div .instructive {
    filter: none;
}
.tablet.landscape .dpf2ph div .scroller {
    height: 40vh;
}
.tablet.landscape .dpf2ph div .content--scroll {
    height: 28vh;
}
.landscape div .dpf2ph .intro--video{
    object-fit: cover;
    height: inherit;
}
.landscape div .dpf2ph .main-wrapper .content .media-wrapper{
	height: 55%;
	/*border-bottom: 3px var(--primary) solid;*/
}
.mobile.portrait .page-content.dpf2ph .main-wrapper .content .media-wrapper video,
.tablet.portrait .page-content.dpf2ph .main-wrapper .content .media-wrapper video, 
.desktop.portrait .page-content.dpf2ph .main-wrapper .content .media-wrapper video {
	height: 100vh!important;
    /*object-fit: cover!important;*/
}
.mobile.portrait .page-content.dpf2ph .main-wrapper .content .media-wrapper iframe,
.desktop.portrait .page-content.dpf2ph .main-wrapper .content .media-wrapper iframe {
	height: 100vh!important;
    object-fit: cover!important;
	top: 0px;
	z-index: 2;
}
.tablet.portrait .dpf2ph div > .media-wrapper iframe {
    top: -60px;
}
.mobile.landscape .page-content.dpf2ph .main-wrapper .content .media-wrapper iframe{
	top: 0px;	
}
/*In ipad object fit does not work*/
.tablet.portrait .page-content.dpf2ph .main-wrapper .content .media-wrapper iframe {
	height: 100vh!important;
	object-fit: contain!important;
	object-position: top;
	top: 0px;
    z-index: 2;
}
/*In ipad object fit does not work*/
.ipad.tablet.landscape .page-content.dpf2ph .main-wrapper .content .media-wrapper iframe {
	object-fit: contain!important;
	object-position: left top;
	top: 0px;
}
.mobile.portrait .page-content.dpf2ph .main-wrapper .content .media-wrapper img,
.desktop.portrait .page-content.dpf2ph .main-wrapper .content .media-wrapper img {
	height: 100vh!important;
    object-fit: cover!important;
}
.tablet.portrait .page-content.dpf2ph .main-wrapper .content .media-wrapper img {
	height: 100vh!important;	
}
.mobile.portrait .page-content.dpf2ph .main-wrapper .content .scroller .content--scroll, 
.tablet.portrait .page-content.dpf2ph .main-wrapper .content .scroller .content--scroll, 
.desktop.portrait .page-content.dpf2ph .main-wrapper .content .scroller .content--scroll {
	height: 43vh;
}
.mobile.portrait .page-content.dpf2ph .main-wrapper .content .scroller .content--scroll .contentWrapper, 
.tablet.portrait .page-content.dpf2ph .main-wrapper .content .scroller .content--scroll .contentWrapper, 
.desktop.portrait .page-content.dpf2ph .main-wrapper .content .scroller .content--scroll .contentWrapper {
	padding-top: 5%!important;
    padding-bottom: 5%!important;
    padding-left: 10%!important;
    padding-right: 10%!important;
	color: white;
}
.mobile.portrait .page-content.dpf2ph .main-wrapper .content .page-header {
	width: 90%;
} 
.tablet.portrait .page-content.dpf2ph .main-wrapper .content .page-header, 
.desktop.portrait .page-content.dpf2ph .main-wrapper .content .page-header {
	width: 90%;
	left: 10%!important;
}
.page-content.dpf2ph.showingText div>.shadowLR{
	opacity: 0;
	transition: opacity 0.5s linear;
}
.page-content.dpf2ph.showingText div>.sidecontrols.module-audio,
.page-content.dpf2ph.showingText div>.sidecontrols.module-object {
	transition: opacity 200ms linear, transform 0.3s linear;
    transform: translateX(-100%);
}
.page-content.dpf2ph.showingText div>.media-wrapper {
	transform: translateY(-100%);
}
.page-content.dpf2ph.showingText div>.scroller{
	top: 11vh!important;
    left: 40%!important;
    width: 58vw;
}
.page-content.dpf2ph.showingText div>.content--scroll{
	height: 80vh!important;	
}
.page-content.dpf2ph.showingText div> .contentText p{
	max-width: 90vw!important;
    width: 100%!important;
    text-align: justify;
}
.page-content.dpf2ph.showingText div>.page-header {
	transition: color 0.3s linear;
	color: var(--text);
}
.page-content.dpf2ph.showingText div>.stack3 {
    width: 100%;
    margin-right: 2em;
}
.page-content.dpf2ph.showingText .main-wrapper.filtered div>.page-header { 
	transition: color 0.3s linear;
    color: white;
}
.portrait .page-content.dpf2ph.showingText div>.scroller {
	top: 38vh!important;
    left: 5%!important;
   width: 85vw;
}
.portrait .page-content.dpf2ph.showingText div>.content--scroll{
	height: 45vh!important;
}
.page-content.dpf2ph.showingText .main-wrapper.filtered div>.contentWrapper {
    transition: color 0.3s linear;
    color: white!important;
}
.portrait .page-content.dpf2ph.showingText div> .contentWrapper{
	color: black!important ;
	padding-top: 5%!important;
    padding-bottom: 5%!important;
	padding-left: unset!important;
    padding-right: unset!important; 
}
.landscape .dpf2ph .transcript {
	height: 52%;
}
.dpf2ph .video_steps ._step{
	width: 88%;
}
/* NUEVOS TEMPLATES ESTE ES dpf1b - 1 Columna tipo libro */
/****************************************************************************/
/* 					DPF 1 B - 1 columna Tipo Libro							*/
/****************************************************************************/
.page-content.dpf1b .main-wrapper .content {
	position: absolute;
    width: 90%;
    margin-left: 5%;
    margin-right: 10%;
    top: 40px;
}
.page-content.dpf1b .main-wrapper .content .shadow-wrapper {
	display: none;
	visibility: hidden;
	opacity: 0;
/* 	Para poner por encima de video e iframe, el tema es que con iframe bloqueo su uso, falta otra para dpf1b ifram..
	position: absolute;
    width: 100vw;
    height: 66vh;
	z-index: 3;*/
}

.page-content.dpf1b .main-wrapper .content .media-wrapper .row {
	color: black;
} 
.page-content.dpf1b .main-wrapper .content .media-wrapper .row h3{
	margin: 60px 0 20px 0%;
    font-size: 2em;
    font-weight: 300;
	-webkit-text-stroke: 0.3px;
    font-family: 'SourceSansPro';
    line-height: 1;
    text-transform: none;
} 
.dpf1b .page-header{
    padding-left: unset!important;
    border-left: unset;
    border-bottom: solid 3px var(--primary)!important;
}
.page-content.dpf1b .main-wrapper .content .page-header {
	/*padding-top: 20px;*/
	width: 100%;
	border-bottom: var(--borderBottom);
} 
.page-content.dpf1b .main-wrapper .content .page-header h2 .title{
	max-width: 92%;
    width: 92vw;
	font-size: 5vh;
    line-height: 1em;
} 
.page-content.dpf1b .sidecontrols.module-object,
.page-content.dpf2b .sidecontrols.module-object{
    display: none;
}
.tablet.portrait .dpf1b .page-header{
    padding-top: 5vh;
}
.tablet.portrait .dpf2b .page-header{
    padding-top: 5vh;
}

.desktop.landscape .page-content.dpf1b .main-wrapper .content .scroller .content--scroll {
	height: 34vh;
    overflow-y: auto;
}
.page-content.dpf1b .main-wrapper .content .media-wrapper .background--image {
	position: inherit;	 
	transition: all 0.5s ease-in-out;
} 
.page-content.dpf1b .main-wrapper .content .media-wrapper video {
	position: inherit;	 
} 

.page-content.dpf1b .main-wrapper .content .media-wrapper .intro--video.instructive {
	filter:none;
}
.page-content.dpf1b .main-wrapper .content .media-wrapper .intro--video.full-content {
    position: fixed;
    object-fit: cover;
    object-position: center center;
    left: 0px;
    width: 100%!important;
    border: none;
    top: 60px;
    height: calc(100vh - 60px)!important;
}
.page-content.dpf1b .main-wrapper .content .media-wrapper video.intro--video.full-content {
    top: 0;
    height: calc(100vh - 0px)!important;
}
.page-content.dpf1b .main-wrapper .content .media-wrapper .video_steps ._step {
	bottom: 35%;
}
.page-content.dpf1b .main-wrapper .content .media-wrapper .video_steps.full-content ._step {
	bottom: 5%;
}
.mobile.portrait .dpf1b div .page-header {
    
}
.mobile.portrait .dpf1b div .intro--video {
    max-width: 100%!important;
    height: auto!important;
}

.mobile.landscape .dpf1b div .content--scroll {
    height: 37vh;
}
.mobile.landscape .dpf1b div .contentWrapper {
   
}
.tablet.landscape .dpf1b div .page-header {
    padding-top: 5vh!important;
}
.tablet.landscape .page-content.dpf1b .main-wrapper .content .media-wrapper .intro--video {
    height: 47.5vh;
}
.tablet.landscape .page-content.dpf1b.max .main-wrapper .content .media-wrapper .intro--video {
    height: 80vh!important;
}
.tablet.landscape .dpf1b div .scroller {
    top: 63vh!important;
}
.tablet.landscape .dpf1b div .content--scroll {
    height: 29vh;
}
.tablet.landscape .dpf1b div .contentWrapper {
    padding-top: 0%!important;
    padding-left: 0%!important;
}
.tablet.landscape .dpf1b div .contentText p{
    width: 100%;
    max-width: 100%;
}
/* MAX NEW CLASS */
/* adding class max to intro video expands image almost to full screen*/
.page-content.dpf1b.max .main-wrapper .content .media-wrapper .intro--video {
    width: 92vw!important;
    height: 80vh!important;
}
.desktop.landscape .page-content.dpf1b.max .main-wrapper .content .scroller {
    top: 69vh!important;
	height: calc(22vh + 1px);
    left: 0;
    background: linear-gradient( 0deg, black, transparent);
}
.desktop.landscape .page-content.dpf1b.max .main-wrapper .content .scroller .content--scroll {
    height: 21vh!important;
    overflow-y: auto;
    color: white;
}
.desktop.landscape .page-content.dpf1b.max .main-wrapper .content .scroller.active {
	background:unset;
}
.desktop.landscape .page-content.dpf1b.max .main-wrapper .content .scroller .content--scroll .contentWrapper {
    padding-left: 1%!important;
}
.desktop.landscape .page-content.dpf1b.max .main-wrapper .content .scroller .content--scroll .contentWrapper .contentText p {
    max-width: 80vw;
    width: 80vw;
    text-align: -webkit-left;
    text-align: left;
    margin-bottom: 1em;
}
.portrait .page-content.dpf1b.max div > .intro--video {
    height: 76vh!important;
}
.portrait .page-content.dpf1b.max div > .scroller {
	color: white;
    background: radial-gradient(black, transparent);
	top: 80vh!important;
	height: 17vh!important;
}
.portrait .page-content.dpf1b.max div > .content--scroll {
	height: 17vh!important;
}
/* END MAX */
.desktop.landscape .page-content.dpf1b .main-wrapper .content .scroller .content--scroll .contentWrapper {
	padding-top: 0%!important;
	padding-left: 0%!important;
	padding-right: 0%!important;
}
.desktop.landscape .page-content.dpf1b .main-wrapper .content .scroller .content--scroll .contentWrapper .contentText {
	top: 0vh;
    padding-top: 0;
}
.desktop.landscape .page-content.dpf1b .main-wrapper .content .scroller .content--scroll .contentWrapper .contentText p {
	max-width: 100vw;
    /* width: 85vw; */
    text-align: -webkit-left;
    text-align: left;
    margin-bottom: 1em;
}	
.desktop.landscape .page-content.dpf1b .main-wrapper .content .scroller .content--scroll .contentWrapper .contentText p:first-child {
	margin-top: 0em;
}

.mobile.portrait .page-content.dpf1b .main-wrapper .content .media-wrapper .intro--video, 
.tablet.portrait .page-content.dpf1b .main-wrapper .content .media-wrapper .intro--video, 
.desktop.portrait .page-content.dpf1b .main-wrapper .content .media-wrapper .intro--video{
	height: 31vh!important;
    object-fit: cover!important;
    width: 100%!important;
}
.mobile.portrait .page-content.dpf1b .main-wrapper .content .media-wrapper .intro--video.full-content, 
.tablet.portrait .page-content.dpf1b .main-wrapper .content .media-wrapper .intro--video.full-content,  
.desktop.portrait .page-content.dpf1b .main-wrapper .content .media-wrapper .intro--video.full-content{
	height: 100vh!important;
    
}
.tablet.portrait .page-content.dpf1b.max .main-wrapper .content .media-wrapper .intro--video,
.mobile.portrait .page-content.dpf1b.max .main-wrapper .content .media-wrapper .intro--video {
    height: 85vh!important;
    object-fit: cover!important;
}
.mobile.portrait .page-content.dpf1b .main-wrapper .content .media-wrapper .top-image, 
.tablet.portrait .page-content.dpf1b .main-wrapper .content .media-wrapper .top-image,  
.desktop.portrait .page-content.dpf1b .main-wrapper .content .media-wrapper .top-image {
	height: 31vh!important;
	width: 100%!important;
	object-fit: cover!important;
}

.mobile.portrait .page-content.dpf1b .main-wrapper .content .scroller .content--scroll, 
.tablet.portrait .page-content.dpf1b .main-wrapper .content .scroller .content--scroll, 
.desktop.portrait .page-content.dpf1b .main-wrapper .content .scroller .content--scroll {
	height: 40vh;
}

.page-content.dpf1b.showingText .main-wrapper .content .media-wrapper .intro--video {
	opacity: 0;
    visibility: hidden;
    height: 0!important;
}
.page-content.dpf1b.showingText .main-wrapper .content .media-wrapper .relative {
	opacity: 0;
    visibility: hidden;
    height: 0!important;
}
.portrait .page-content.dpf1b .main-wrapper .content .media-wrapper .relative{
	object-fit: cover!important;
    width: 100%!important;
}
.portrait .page-content.dpf1b.showingText .main-wrapper .content .media-wrapper .relative {
/*	opacity: 0;
    visibility: hidden;
    height: 0!important; */
	transform: scale(0);
}

.mobile.landscape .page-content.dpf1b.showingText .main-wrapper .content .scroller {
	top: 0vh!important;
    height: 75vh!important;
    width: 100%;
    left: 0;
}
.portrait .page-content.dpf1b.showingText .main-wrapper .content .scroller {
    top: 10vh!important;
    height: 75vh!important;
}
.landscape .page-content.dpf1b.showingText .main-wrapper .content .scroller .content--scroll{
	height: 75vh!important;
}
.page-content.dpf1b figure .anchor {
/*	background-image: unset!important;
	background-color: unset!important; 
	pointer-events: none;*/
}
.page-content.dpf1b figure .anchor.viewed {
	background-image: unset!important;
	background-color: unset!important;
	pointer-events: all;
}
/* NUEVOS TEMPLATES ESTE ES dpf2b - 2 Columnas tipo libro */
/****************************************************************************/
/* 					DPF 2 B - 2 columnas Tipo Libro							*/
/****************************************************************************/
.page-content.dpf2b .main-wrapper .content {
	position: absolute;
    width: 90%;
    margin-left: 5%;
    margin-right: 10%;
}
.page-content.dpf2b .main-wrapper .content .shadow-wrapper {
	display: none;
	visibility: hidden;
	opacity: 0;
}
/*
.page-content.dpf2b .main-wrapper .content .scroller {
	top: 58vh;
	left: 0;
}
*/
.page-content.dpf2b .main-wrapper .content .media-wrapper .row {
	
} 
.page-content.dpf2b .main-wrapper .content .media-wrapper .row h3{
	margin: 60px 0 20px 0%;
    font-size: 2em;
    font-weight: 300;
	-webkit-text-stroke: 0.3px;
    font-family: 'SourceSansPro';
    line-height: 1;
    text-transform: none;
} 
.dpf2b .page-header{
	/*padding-top: 20px;*/
    padding-left: unset!important;
    border-left: unset;
    border-bottom: solid 3px var(--primary)!important;
}
.portrait .page-content.dpf2b .main-wrapper .content .media-wrapper .relative {
    /*height: 40vh!important;*/
    object-fit: cover!important;
    width: 100%!important;
}
.mobile.portrait .dpf2b div .intro--video {
    max-width: 100%!important;
    height: auto!important;
}

.page-content.dpf2b .main-wrapper .content .media-wrapper .video_steps {
	display: none;
	visibility: hidden;
	opacity: 0;
} 
.desktop.landscape .page-content.dpf2b .main-wrapper .content .scroller .content--scroll {
	height: 34vh;
    overflow-y: auto;
}
.page-content.dpf2b .main-wrapper .content .media-wrapper .background--image {
	position: inherit;	
	transition: all 0.5s ease-in-out;	
} 
.page-content.dpf2b .main-wrapper .content .media-wrapper video {
	position: inherit;	 
} 
.page-content.dpf2b .main-wrapper .content .media-wrapper .intro--video.instructive {
	filter:none;
}

.page-content.dpf2b .main-wrapper .content .media-wrapper .video_steps ._step {
	bottom: 35%;
}
.page-content.dpf2b .main-wrapper .content .media-wrapper .video_steps.full-content ._step {
	bottom: 5%;
}
.page-content.dpf2b .main-wrapper .content .media-wrapper video.intro--video.full-content {
    top: 0;
    height: calc(100vh - 0px)!important;
}
.page-content.dpf2b .main-wrapper .content .media-wrapper .intro--video.full-content {
    position: fixed;
    object-fit: cover;
    object-position: center center;
    left: 0px;
    width: 100%!important;
    border: none;
    top: 60px;
    height: calc(100vh - 60px)!important;
}

.tablet.landscape .dpf2b div .page-header {
    padding-top: 5vh!important;
}
.tablet.landscape .page-content.dpf2b .main-wrapper .content .media-wrapper .intro--video {
    height: 47.5vh!important;
}
.tablet.landscape .page-content.dpf2b.max .main-wrapper .content .media-wrapper .intro--video {
    height: 80vh!important;
}
.tablet.landscape .dpf2b div .scroller {
    top: 63vh!important;
}
.tablet.landscape .dpf2b div .content--scroll {
    height: 29vh;
}
.tablet.landscape .dpf2b div .contentWrapper {
    padding-top: 0%!important;
    padding-left: 0%!important;
}
.tablet.landscape .dpf2b div .contentText p{
    width: 100%;
    max-width: 100%;
}
/* MAX NEW CLASS */
/* adding class max to intro video expands image almost to full screen*/
.page-content.dpf2b.max .main-wrapper .content .media-wrapper .intro--video {
    width: 92vw!important;
    height: 80vh!important;
}
.desktop.landscape .page-content.dpf2b.max .main-wrapper .content .scroller {
	bottom: 0%!important;
    top: unset;
    height: calc(35vh + 1px);
    left: 0;
    background: linear-gradient( 0deg, black, transparent);
}
.desktop.landscape .page-content.dpf2b.max .main-wrapper .content .scroller.active {
	background:unset;
}
.desktop.landscape .page-content.dpf2b.max .main-wrapper .content .scroller .content--scroll {
    height: 21vh!important;
    overflow-y: auto;
    
}

.desktop.landscape .page-content.dpf2b.max .main-wrapper .content .scroller .content--scroll .contentWrapper {
    padding-left: 1%!important;
}
.desktop.landscape .page-content.dpf2b.max .main-wrapper .content .scroller .content--scroll .contentWrapper .contentText p {
    /*max-width: 80vw;
    width: 80vw; */
    text-align: -webkit-left;
    text-align: left;
    margin-bottom: 1em;
}
/* END MAX */
.desktop.landscape .page-content.dpf2b .main-wrapper .content .scroller .content--scroll .contentWrapper {
	padding-top: 0%!important;
	padding-left: 0%!important;
	padding-right: 0%!important;
}

.desktop.landscape .page-content.dpf2b .main-wrapper .content .scroller .content--scroll .contentWrapper .contentText p {
	max-width: 100vw;
    /* width: 85vw; */
    text-align: -webkit-left;
    text-align: left;
    margin-bottom: 1em;
}	
.desktop.landscape .page-content.dpf2b .main-wrapper .content .scroller .content--scroll .contentWrapper .contentText p:first-child {
	margin-top: 0em;
}

.mobile.portrait .page-content.dpf2b .main-wrapper .content .media-wrapper .intro--video {
	height: 31vh!important;
	object-fit: contain!important;
}
.mobile.portrait .page-content.dpf2b .main-wrapper .content .media-wrapper .top-image, 
.tablet.portrait .page-content.dpf2b .main-wrapper .content .media-wrapper .top-image,  
.desktop.portrait .page-content.dpf2b .main-wrapper .content .media-wrapper .top-image {
	height: 31vh!important;
	width: 100%!important;
	object-fit: cover!important;
}
.mobile.portrait .page-content.dpf2b.max .main-wrapper .content .media-wrapper .intro--video {
    height: 80vh!important;
    object-fit: cover!important;
}
.desktop.portrait .page-content.dpf2b .main-wrapper .content .media-wrapper .intro--video{
	height: 36vh;
	object-fit: contain;
} 
.tablet.portrait .page-content.dpf2b .main-wrapper .content .media-wrapper .intro--video{
	height: 36vh!important;
} 
.mobile.portrait .page-content.dpf2b .main-wrapper .content .scroller .content--scroll {
	height: 39vh;
}
.tablet.portrait .page-content.dpf2b .main-wrapper .content .scroller .content--scroll, 
.desktop.portrait .page-content.dpf2b .main-wrapper .content .scroller .content--scroll {
	height: 44vh;
}

.page-content.dpf2b.showingText .main-wrapper .content .media-wrapper .intro--video {
	opacity: 0;
    visibility: hidden;
    height: 0!important;
}
.desktop.landscape .page-content.dpf1b.showingText .main-wrapper .content .scroller,
.desktop.landscape .page-content.dpf2b.showingText .main-wrapper .content .scroller {
	top: 0vh!important;
    height: 75vh!important;
}
.desktop.landscape .page-content.dpf1b.showingText .main-wrapper .content .scroller .content--scroll,
.desktop.landscape .page-content.dpf2b.showingText .main-wrapper .content .scroller .content--scroll{
	height: 65vh!important;
}
/****************************************************************************/
/* 					DPF 1 B T - 1 columna Tipo Libro SIN FONDO EMBEBIDO	*/
/****************************************************************************/
.page-content.dpf1bt .main-wrapper .content {
	position: absolute;
	width: 90%;
    margin-left: 5%;
    margin-right: 10%;
}
.page-content.dpf1bt .main-wrapper .content .shadow-wrapper {
	display: none;
	visibility: hidden;
	opacity: 0;
}
.page-content.dpf1bt .main-wrapper .content .media-wrapper .row h3{
	margin: 60px 0 20px 0%;
    font-size: 2em;
    font-weight: 300;
	-webkit-text-stroke: 0.3px;
    font-family: 'SourceSansPro';
    line-height: 1;
    text-transform: none;
} 
.page-content.dpf1bt .main-wrapper .content .page-header h2 .title{
	max-width: 90%;/*90vw;*/
	margin-bottom: 0;
    width: 90vw;
	font-size: 5vh;
    line-height: 1em;
} 
.dpf1bt .page-header{
	padding-left: unset!important;
    border-left: unset;
    border-bottom: solid 3px var(--primary)!important;
}
.dpf1bt div > .intro--video{
    border-bottom: solid 3px var(--primary)!important;
}
.page-content.dpf1bt .main-wrapper .content .media-wrapper .video_steps {
	display: none;
	visibility: hidden;
	opacity: 0;
} 
..landscape .page-content.dpf1bt .main-wrapper .content .scroller {
	top: 12vh;
	left: 0;
}
.desktop.landscape .page-content.dpf1bt .main-wrapper .content .scroller .content--scroll {
	height: 83vh;
    overflow-y: auto;
}
.desktop.landscape .page-content.dpf1bt .main-wrapper .content .scroller .content--scroll .contentWrapper {
	padding-top: 0%;/*!important;*/
	padding-left: 0%;/*!important;*/
	padding-right: 0%;/*!important;*/
}
.desktop.landscape .page-content.dpf1bt .main-wrapper .content .scroller .content--scroll .contentWrapper .contentText {
	top: 0vh;
    padding-top: 0;
}
/* Rise :D */
.dpf1bt.rise .page-header{
	border-bottom: unset!important;
    font-size: 5vmin;
	width: 100%;
	margin-bottom: 0.5em!important;
	-webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
    -moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
}
.dpf1bt.rise .page-header h2{
	padding: 0 1%;
}
.landscape .page-content.dpf1bt.rise .main-wrapper .content {
    width: 100%;
    margin: unset;
}
.page-content.dpf1bt.rise .main-wrapper .content .page-header h2 .title {
	color: #333;
}
.landscape .page-content.dpf1bt.rise .main-wrapper .content .scroller{
   height: 90vh;
}
.landscape .page-content.dpf1bt.rise .main-wrapper .content .scroller .content--scroll .contentWrapper .row{
    max-width: 100vw;
}
.landscape .page-content.dpf1bt.rise .main-wrapper .content .scroller .content--scroll .contentWrapper .row .anchor img{
    max-width: 100%;
    object-fit: cover;
}
.landscape .page-content.dpf1bt.rise .main-wrapper .content .scroller .content--scroll .contentWrapper .row .contentText.stack3 .anchor img{
    object-fit: contain;
}
.page-content.dpf1bt.rise div >.contentText.stack6 video {
    max-width: 100%;
    object-fit: cover;
	min-height: 75vh;
	width: 100%;
    height: 100%;
    object-position: center center;
}
.landscape .page-content.dpf1bt.rise .main-wrapper .content .scroller .content--scroll .contentWrapper .row .iC,
.landscape .page-content.dpf1bt.rise .main-wrapper .content .scroller .content--scroll .contentWrapper .row .iC.small,
.landscape .page-content.dpf1bt.rise .main-wrapper .content .scroller .content--scroll .contentWrapper .row .iC.smaller{
    margin-right: 20%;
}
.landscape .page-content.dpf1bt.rise .main-wrapper .content .scroller .content--scroll .contentWrapper .row .iCL,
..landscape .page-content.dpf1bt.rise .main-wrapper .content .scroller .content--scroll .contentWrapper .row .iCL.small,
.landscape .page-content.dpf1bt.rise .main-wrapper .content .scroller .content--scroll .contentWrapper .row .iCL.smaller{
	margin-left: 20%;
}
.landscape .page-content.dpf1bt.rise .main-wrapper .content .scroller .content--scroll .contentWrapper .contentText h2 {
	width: 50%;
    position: relative;
	left: 50%;
    transform: translateX(-50%);
}
.landscape .page-content.dpf1bt.rise .main-wrapper .content .scroller .content--scroll .contentWrapper div >.stack6.contentText p,
.landscape .page-content.dpf1bt.rise .main-wrapper .content .scroller .content--scroll .contentWrapper div >.stack6.contentText ul,
.landscape .page-content.dpf1bt.rise .main-wrapper .content .scroller .content--scroll .contentWrapper div >.stack6.contentText ol{
	width: 50%;
    /*margin-left: 25%;*/
    position: relative;
	left: 50%;
    transform: translateX(-50%);
}
.landscape .page-content.dpf1bt.rise .main-wrapper .content .scroller .content--scroll .contentWrapper div >.stack1:first-child,
.landscape .page-content.dpf1bt.rise .main-wrapper .content .scroller .content--scroll .contentWrapper div >.stack2:first-child,
.landscape .page-content.dpf1bt.rise .main-wrapper .content .scroller .content--scroll .contentWrapper div >.stack4:first-child,
.landscape .page-content.dpf1bt.rise .main-wrapper .content .scroller .content--scroll .contentWrapper div >.stack5:first-child,
.landscape .page-content.dpf1bt.rise .main-wrapper .content .scroller .content--scroll .contentWrapper div >.stack3:first-child {
	margin-left: 25%;
}
.landscape .page-content.dpf1bt.rise .main-wrapper .content .scroller .content--scroll .contentWrapper div >.stack1:last-child,
.landscape .page-content.dpf1bt.rise .main-wrapper .content .scroller .content--scroll .contentWrapper div >.stack2:last-child,
.landscape .page-content.dpf1bt.rise .main-wrapper .content .scroller .content--scroll .contentWrapper div >.stack4:last-child,
.landscape .page-content.dpf1bt.rise .main-wrapper .content .scroller .content--scroll .contentWrapper div >.stack5:last-child{
	margin-right: 25%;
}
.landscape .page-content.dpf1bt.rise .main-wrapper .content .scroller .content--scroll .contentWrapper div >.stack3:last-child {
	margin-right: 25%;
}
.landscape .page-content.dpf1bt.rise .main-wrapper .content .scroller .content--scroll .contentWrapper .contentText.stack1 h2,
.landscape .page-content.dpf1bt.rise .main-wrapper .content .scroller .content--scroll .contentWrapper .contentText.stack2 h2,
.landscape .page-content.dpf1bt.rise .main-wrapper .content .scroller .content--scroll .contentWrapper .contentText.stack4 h2,
.landscape .page-content.dpf1bt.rise .main-wrapper .content .scroller .content--scroll .contentWrapper .contentText.stack5 h2,
.landscape .page-content.dpf1bt.rise .main-wrapper .content .scroller .content--scroll .contentWrapper .contentText.stack3 h2{
	width: 100%!important;
	left: unset;
    transform: unset;
    text-align: left;
}
.landscape .page-content.dpf1bt.rise .main-wrapper .content .scroller .content--scroll .contentWrapper .contentText.stack1 p,
.landscape .page-content.dpf1bt.rise .main-wrapper .content .scroller .content--scroll .contentWrapper .contentText.stack2 p,
.landscape .page-content.dpf1bt.rise .main-wrapper .content .scroller .content--scroll .contentWrapper .contentText.stack4 p,
.landscape .page-content.dpf1bt.rise .main-wrapper .content .scroller .content--scroll .contentWrapper .contentText.stack5 p,
.landscape .page-content.dpf1bt.rise .main-wrapper .content .scroller .content--scroll .contentWrapper .contentText.stack3 p{
	width: 100%!important;
	left: unset;
    transform: unset;
    text-align: left;
}
/* Elements */
.page-content.dpf1bt.rise .main-wrapper .content .scroller .content--scroll .contentWrapper div >.stack3:first-child .dpfCard{
	max-width: 100%;
}
.page-content.dpf1bt.rise .main-wrapper .content .scroller .content--scroll .contentWrapper div >.stack3:last-child .dpfCard{
	max-width: 100%;
}
.page-content.dpf1bt.rise .dpfCard {
    left: 50%;
    transform: translateX(-50%);
    max-width: 100%;
}
.page-content.dpf1bt.rise .dropdown {
    left: 50%;
    transform: translateX(-50%);
    max-width: 50%;
}
.page-content.dpf1bt.rise .forwards {
    width: 50%;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}
.page-content.dpf1bt.rise .slider {
    margin: unset!important;
}
.dpf1bt.rise .contentSwiper {
    width: 100vw;
    margin: 0!important;
}
.desktop.landscape .page-content.dpf1bt.rise .main-wrapper .content .scroller .content--scroll .contentWrapper .contentText .quote4 p {
	width: 60%!important;
    left: 30%;
}
.desktop.landscape .page-content.dpf1bt.rise .main-wrapper .content .scroller .content--scroll .contentWrapper .contentText .quote1 p{
	width: 100%!important;
	
}
.desktop.landscape .page-content.dpf1bt.rise .main-wrapper .content .scroller .content--scroll .contentWrapper .contentText .quote2 p {
	width: 100%;
	left: 43%;
}
/* end rise */
.desktop.landscape .page-content.dpf1bt .main-wrapper .content .scroller .content--scroll .contentWrapper .contentText .inline-iframe ,
.mobile.landscape .page-content.dpf1bt .main-wrapper .content .scroller .content--scroll .contentWrapper .contentText .inline-iframe {
	
}
.desktop.landscape .page-content.dpf1bt .main-wrapper .content .scroller .content--scroll .contentWrapper .contentText .inline-iframe.smaller ,
.mobile.landscape .page-content.dpf1bt .main-wrapper .content .scroller .content--scroll .contentWrapper .contentText .inline-iframe.smaller {
	
}
.desktop.landscape .page-content.dpf1bt .main-wrapper .content .scroller .content--scroll .contentWrapper .contentText .inline-iframe.small ,
.mobile.landscape .page-content.dpf1bt .main-wrapper .content .scroller .content--scroll .contentWrapper .contentText .inline-iframe.small {
	
}
.desktop.landscape .page-content.dpf1bt .main-wrapper .content .scroller .content--scroll .contentWrapper .contentText .inline-iframe.large ,
.mobile.landscape .page-content.dpf1bt .main-wrapper .content .scroller .content--scroll .contentWrapper .contentText .inline-iframe.large {
	
}	
.portrait .page-content.dpf1bt .main-wrapper .content .scroller .content--scroll .contentWrapper .contentText .inline-iframe {
	
}
.dpf1bt div >.contentText iframe {

}
.desktop.landscape .page-content.dpf1bt .main-wrapper .content .scroller .content--scroll .contentWrapper .contentText p {
	/*max-width: 100vw;
    margin-bottom: 1em;*/
}	
.desktop.landscape .page-content.dpf1bt .main-wrapper .content .scroller .content--scroll .contentWrapper .contentText p:first-child {
	margin-top: 0em;
}
.desktop.landscape .page-content.dpf1bt .main-wrapper .content .scroller .content--scroll .contentWrapper .contentText p:last-child {
	/*margin-bottom: 50px;*/
}
.tablet.portrait .dpf1bt .page-header{
    padding-top: 5vh;
}

.mobile.portrait .page-content.dpf1bt .main-wrapper .content .media-wrapper .intro--video, 
.tablet.portrait .page-content.dpf1bt .main-wrapper .content .media-wrapper .intro--video, 
.desktop.portrait .page-content.dpf1bt .main-wrapper .content .media-wrapper .intro--video{
	height: 26vh!important;
	object-fit: contain!important;
}
.mobile.portrait .page-content.dpf1bt .main-wrapper .content .scroller, 
.tablet.portrait .page-content.dpf1bt .main-wrapper .content .scroller, 
.desktop.portrait .page-content.dpf1bt .main-wrapper .content .scroller{
	top: 10vh;
}
.mobile.portrait .page-content.dpf1bt .main-wrapper .content .scroller .content--scroll, 
.tablet.portrait .page-content.dpf1bt .main-wrapper .content .scroller .content--scroll, 
.desktop.portrait .page-content.dpf1bt .main-wrapper .content .scroller .content--scroll {
	height: 83vh;
}
.mobile.portrait .page-content.dpf1bt .main-wrapper .content .scroller .content--scroll .contentWrapper, 
.tablet.portrait .page-content.dpf1bt .main-wrapper .content .scroller .content--scroll .contentWrapper, 
.desktop.portrait .page-content.dpf1bt .main-wrapper .content .scroller .content--scroll .contentWrapper {
	padding-top: 0%!important;
    padding-bottom: 0%!important;
    padding-left: 0%!important;
    padding-right: 0%!important;
}
.mobile.portrait .page-content.dpf1bt.rise .main-wrapper .content .scroller .content--scroll .contentWrapper, 
.tablet.portrait .page-content.dpf1bt.rise .main-wrapper .content .scroller .content--scroll .contentWrapper, 
.desktop.portrait .page-content.dpf1bt.rise .main-wrapper .content .scroller .content--scroll .contentWrapper {
	padding-left: 5%!important;
    padding-right: 5%!important;
}
.mobile.portrait .page-content.dpf1bt .main-wrapper .content .scroller .content--scroll .contentWrapper .contentText .bio-img, 
.tablet.portrait .page-content.dpf1bt .main-wrapper .content .scroller .content--scroll .contentWrapper .contentText .bio-img, 
.desktop.portrait .page-content.dpf1bt .main-wrapper .content .scroller .content--scroll .contentWrapper .contentText .bio-img {
	max-width: 90vw;
}
.mobile.portrait .page-content.dpf1bt .main-wrapper .content .scroller .content--scroll .contentWrapper .contentText video, 
.tablet.portrait .page-content.dpf1bt .main-wrapper .content .scroller .content--scroll .contentWrapper .contentText video, 
.desktop.portrait .page-content.dpf1bt .main-wrapper .content .scroller .content--scroll .contentWrapper .contentText video {
	max-width: 90vw;
	margin: 15px 0;
}
.mobile.portrait .page-content.dpf1bt .main-wrapper .content .scroller .content--scroll .contentWrapper .contentText iframe,
.tablet.portrait .page-content.dpf1bt .main-wrapper .content .scroller .content--scroll .contentWrapper .contentText iframe, 
.desktop.portrait .page-content.dpf1bt .main-wrapper .content .scroller .content--scroll .contentWrapper .contentText iframe {
	width: 90vw;
    height: 34vh;
	margin: 0;
}
.mobile.portrait .dpf1bt div .page-header {
    left: 15%;
    z-index: 3;
    position: initial;
    padding-top: 0vh!important;
}
.mobile.portrait .dpf1bt div .intro--video {
    max-width: 100%!important;
    height: auto!important;
}

.mobile.landscape .dpf1bt div .content--scroll {
    height: 60vh!important;
}
.mobile.landscape .dpf1bt div .contentWrapper {
    padding-left: 0!important;
}
.tablet.landscape .dpf1bt div .page-header {
    padding-top: 5vh!important;
}
.tablet.landscape .dpf1bt div .scroller {
    top: 15vh!important;
}
.tablet.landscape .dpf1bt div .content--scroll {
    height: 75vh;
}
.tablet.landscape .dpf1bt div .contentWrapper {
    padding: 0%!important;    
}
.tablet.landscape .dpf1bt div .contentText p{
    width: 100%;
    max-width: 100%;
}
/****************************************************************************/
/* 					DPF 2 B T - 2 columnas Tipo Libro SIN FONDO EMBEBIDO	*/
/****************************************************************************/
.page-content.dpf2bt .main-wrapper .content {
	position: absolute;
    width: 90%;
    margin-left: 5%;
    margin-right: 10%;
}

.page-content.dpf2bt .main-wrapper .content .shadow-wrapper {
	display: none;
	visibility: hidden;
	opacity: 0;
}
.page-content.dpf2bt .main-wrapper .content .media-wrapper .row {
	color: red;
} 
.page-content.dpf2bt .main-wrapper .content .media-wrapper .row h3{
	margin: 60px 0 20px 0%;
    font-size: 2em;
    font-weight: 300;
	-webkit-text-stroke: 0.3px;
    font-family: 'SourceSansPro';
    line-height: 1;
    text-transform: none;
} 
.dpf2bt .page-header{
	/*padding-top: 20px;*/
    padding-left: unset!important;
    border-left: unset;
    border-bottom: solid 3px var(--primary)!important;
}
.page-content.dpf2bt .main-wrapper .content .page-header h2 .title{
	max-width: 90%;
    width: 90vw;
	font-size: 5vh;
    line-height: 1em;
} 
.desktop.landscape .page-content.dpf2bt .main-wrapper .content .scroller {
	top: 12vh;
	left: 0;
}
.desktop.landscape .page-content.dpf2bt .main-wrapper .content .scroller .content--scroll {
	height: 80vh;
    overflow-y: auto;
}
.desktop.landscape .page-content.dpf2bt .main-wrapper .content .scroller .content--scroll .contentWrapper {
	padding-top: 0%!important;
	padding-left: 0%!important;
	padding-right: 0%!important;
}
.desktop.landscape .page-content.dpf2bt .main-wrapper .content .scroller .content--scroll .contentWrapper .contentText {
	top: 0vh;
    padding-top: 0;
}
/*
.desktop.landscape .page-content.dpf2bt .main-wrapper .content .scroller .content--scroll .contentWrapper .contentText video {
	outline: none;
    height: auto;
    display: block;
	width: 99%!important;
	margin-bottom: 1em;
} 
*/
.desktop.landscape .page-content.dpf2bt .main-wrapper .content .scroller .content--scroll .contentWrapper .contentText .inline-iframe {
	/*width: 100%!important;
	height: 35vw!important;
   
    margin: 3px 10px 20px 0px;*/
}
.page-content.dpf2bt .main-wrapper .content .media-wrapper .video_steps {
	display: none;
	visibility: hidden;
	opacity: 0;
} 
.desktop.landscape .page-content.dpf2bt .main-wrapper .content .scroller .content--scroll .contentWrapper .contentText p {
	max-width: 100vw;
    /* width: 85vw; */
    text-align: -webkit-left;
    text-align: left;
    margin-bottom: 1em;
}	
.desktop.landscape .page-content.dpf2bt .main-wrapper .content .scroller .content--scroll .contentWrapper .contentText p:first-child {
	margin-top: 0em;
}
.desktop.landscape .page-content.dpf2bt .main-wrapper .content .scroller .content--scroll .contentWrapper .contentText p:last-child {
	/*margin-bottom: 50px;*/
}

.mobile.portrait .page-content.dpf2bt .main-wrapper .content .media-wrapper .intro--video, 
.tablet.portrait .page-content.dpf2bt .main-wrapper .content .media-wrapper .intro--video, 
.desktop.portrait .page-content.dpf2bt .main-wrapper .content .media-wrapper .intro--video{
	height: 26vh!important;
	object-fit: contain!important;
}

.mobile.portrait .page-content.dpf2bt .main-wrapper .content .scroller .content--scroll, 
.tablet.portrait .page-content.dpf2bt .main-wrapper .content .scroller .content--scroll, 
.desktop.portrait .page-content.dpf2bt .main-wrapper .content .scroller .content--scroll {
	height: 70vh;
	flex-direction: column; /* Just added 2023 to handle nonfree */
}
.mobile.portrait .page-content.dpf2bt .main-wrapper .content .scroller .content--scroll .contentWrapper, 
.tablet.portrait .page-content.dpf2bt .main-wrapper .content .scroller .content--scroll .contentWrapper, 
.desktop.portrait .page-content.dpf2bt .main-wrapper .content .scroller .content--scroll .contentWrapper {
	padding-top: 0%!important;
    padding-bottom: 0%!important;
    padding-left: 1%!important;
    padding-right: 5%!important;
}
.mobile.portrait .page-content.dpf2bt .main-wrapper .content .scroller .content--scroll .contentWrapper .row .stack3 .bio-img, 
.tablet.portrait .page-content.dpf2bt .main-wrapper .content .scroller .content--scroll .contentWrapper .row .stack3 .bio-img, 
.desktop.portrait .page-content.dpf2bt .main-wrapper .content .scroller .content--scroll .contentWrapper .row .stack3 .bio-img {
	max-width: 90vw;
}
.mobile.portrait .page-content.dpf2bt .main-wrapper .content .scroller .content--scroll .contentWrapper .row .stack3 video, 
.tablet.portrait .page-content.dpf2bt .main-wrapper .content .scroller .content--scroll .contentWrapper .row .stack3 video, 
.desktop.portrait .page-content.dpf2bt .main-wrapper .content .scroller .content--scroll .contentWrapper .row .stack3 video {
	max-width: 85vw;
    height: 40vh;
	margin: 15px 0;
}
/*
.landscape .page-content.dpf2bt .main-wrapper .content .scroller .content--scroll .contentWrapper .row .stack3 video {
	max-width: 50vw;
    height: 40vh;
	margin: 15px 0;
}
*/
.mobile.portrait .page-content.dpf2bt .main-wrapper .content .scroller .content--scroll .contentWrapper .row .stack3 iframe, 
.tablet.portrait .page-content.dpf2bt .main-wrapper .content .scroller .content--scroll .contentWrapper .row .stack3 iframe, 
.desktop.portrait .page-content.dpf2bt .main-wrapper .content .scroller .content--scroll .contentWrapper .row .stack3 iframe {
	width: 85vw;
    height: 34vh;
	margin: 15px 0;
}

.mobile.landscape .dpf2bt div .page-header {
   
}
.mobile.landscape .page-content.dpf2bt div .scroller {
    top: 30vh!important;
}
.mobile.landscape .dpf2bt div .contentWrapper {
    padding-left: 0!important;
    padding-right: 5%!important;
}
.tablet.landscape .dpf2bt div .page-header {
    padding-top: 0vh!important;
}
.tablet.landscape .dpf2bt div .scroller {
    top: 10vh!important;
}
.tablet.landscape .dpf2bt div .content--scroll {
    height: 75vh;
}
.tablet.landscape .dpf2bt div .contentWrapper {
    padding-top: 2%!important;
    padding-left: 0%!important;
}
.tablet.landscape .dpf2bt div .contentText p{
    width: 100%;
    max-width: 100%;
}
/****************************************************************************/
/* 					DPF 2 BT F - 2 columnas Tipo Libro 1 FIJA Y OTRA NO   	*/
/****************************************************************************/
.page-content.dpf2btf .main-wrapper .content {
	position: absolute;
    width: 90vw;
    margin-left: 5%;
    margin-right: 10%;
}
.page-content.dpf2btf .main-wrapper .content .shadow-wrapper {
	display: none;
	visibility: hidden;
	opacity: 0;
}
.dpf2btf .page-header{
    border-left: unset;  
    /*padding-top: 20px;*/
    border-bottom: 3px solid var(--primary)!important; 
} 
.mobile.portrait .dpf2btf .page-header{
   
}
.fcvleft .dpf2btf .page-header{
	transform: unset!important;
}
.page-content.dpf2btf .main-wrapper .content .page-header h2 .title{
	max-width: 90%;
    width: 90vw;
    font-size: 5vmin;
    line-height: 1em;
	margin-bottom: unset;
} 
.dpf2btf div >.scroller.active{
    column-gap: 0!important;
}
.dpf2btf div >.scroller.active .content--locked{
    flex: 100%!important;
    justify-content: center;
}
.dpf2btf div >.scroller.active .content--locked .contentWrapper{
    transform: unset!important;
}
.dpf2btf div >.scroller.active .content--scroll{
    flex: 0%!important;
}
.dpf2btf.showingText div >.scroller{
    column-gap: 0!important;
}
.dpf2btf.showingText div >.scroller .content--locked{
    flex: 0%!important;
}
.dpf2btf.showingText div >.scroller .content--scroll{
    flex: 100%!important;
}
.page-content.dpf2btf .main-wrapper .content .scroller .column-left{
	display: flex;
	position:relative;
}	
.page-content.dpf2btf .main-wrapper .content .scroller{
	height: 80vh;
}
.fullscreen.portrait .page-content.dpf2btf .main-wrapper .content .scroller{
	height: 80vh;
}
.page-content.dpf2btf .main-wrapper .content .scroller .column-right{
	display: flex;
	position:relative;
}	
.page-content.dpf2btf .main-wrapper .content .scroller .content--locked{
	overflow-y: hidden;
    height: 100%;/*80vh;*/
	/*transition: flex-basis 500ms ease-in-out;*/
}
.portrait .page-content.dpf2btf .main-wrapper .content .scroller .content--scroll{
	top: 37vh;
}
.dpf2btf div >.scroller .content--locked .fragment.background--image:before {
    content: unset;
}
.page-content.dpf2btf .main-wrapper .content .scroller .content--locked .contentWrapper {
	padding-top: 0%!important;
	padding-left: 0%!important;
	padding-right: 1%!important;
	position: relative;
    width: 100%;
    height: 100%;
} 
.page-content.dpf2btf .main-wrapper .content .media-wrapper .row h3{
	margin: 60px 0 20px 0%;
    font-size: 2em;
    font-weight: 300;
	-webkit-text-stroke: 0.3px;
    font-family: 'SourceSansPro';
    line-height: 1;
    text-transform: none;
} 
.mobile.landscape .page-content.dpf2btf .main-wrapper .content .page-header h2 .title{
	font-size: 1.5rem;
}
.desktop.landscape .page-content.dpf2btf .main-wrapper .content .scroller .content--scroll {
	overflow-y: auto;
	/*transition: flex-basis 500ms ease-in-out;*/
}
.desktop.landscape .page-content.dpf2btf .main-wrapper .content .scroller .content--scroll .contentWrapper {
	padding-top: 0%!important;
	padding-left: 0%!important;
	padding-right: 0%!important;
}
.desktop.landscape .page-content.dpf2btf .main-wrapper .content .scroller .content--scroll .contentWrapper .contentText {
	top: 0vh;
    padding-top: 0;
}
.desktop.landscape .page-content.dpf2btf .main-wrapper .content .scroller .content--scroll .contentWrapper .contentText video {
    outline: none;
    display: block;
	width: 100%!important;
} 
.desktop.landscape .page-content.dpf2btf .main-wrapper .content .scroller .content--scroll .contentWrapper .contentText .inline-iframe {
	/*
	width: 43vw;
    height: 25vw;
    max-width: 43vw;
    border-radius: 4px;
    float: right;
    margin: 0 20px;
	*/
}
.page-content.dpf2btf .main-wrapper .content .media-wrapper .video_steps {
	display: none;
	visibility: hidden;
	opacity: 0;
} 
.desktop.landscape .page-content.dpf2btf .main-wrapper .content .scroller .content--scroll .contentWrapper .contentText p {
	margin-top: 1em;
}
.desktop.landscape .page-content.dpf2btf .main-wrapper .content .scroller .content--scroll .contentWrapper .row:last-of-type {
	
}	
.desktop.landscape .page-content.dpf2btf .main-wrapper .content .scroller .content--scroll .contentWrapper .contentText p:first-child {
	margin-top: 0em;
}
.mobile.landscape .page-content.dpf2btf .main-wrapper .content .scroller .content--scroll .contentWrapper, 
.tablet.landscape .page-content.dpf2btf .main-wrapper .content .scroller .content--scroll .contentWrapper, 
.desktop.landscape .page-content.dpf2btf .main-wrapper .content .scroller .content--scroll .contentWrapper {
	padding-top: 0%!important;
	padding-left: 0%!important;
}
.mobile.portrait .page-content.dpf2btf .main-wrapper .content .media-wrapper .intro--video, 
.tablet.portrait .page-content.dpf2btf .main-wrapper .content .media-wrapper .intro--video, 
.desktop.portrait .page-content.dpf2btf .main-wrapper .content .media-wrapper .intro--video{
	height: 26vh!important;
	object-fit: contain!important;
}
.mobile.portrait .page-content.dpf2btf .main-wrapper .content .scroller .content--scroll .contentWrapper .row .stack3 .bio-img, 
.tablet.portrait .page-content.dpf2btf .main-wrapper .content .scroller .content--scroll .contentWrapper .row .stack3 .bio-img, 
.desktop.portrait .page-content.dpf2btf .main-wrapper .content .scroller .content--scroll .contentWrapper .row .stack3 .bio-img {
	max-width: 90vw;
}
.mobile.portrait .page-content.dpf2btf .main-wrapper .content .scroller .content--scroll .contentWrapper .row .stack3 video, 
.tablet.portrait .page-content.dpf2btf .main-wrapper .content .scroller .content--scroll .contentWrapper .row .stack3 video, 
.desktop.portrait .page-content.dpf2btf .main-wrapper .content .scroller .content--scroll .contentWrapper .row .stack3 video {
	max-width: 100%;
	max-height: 31vh;
	margin: 15px 0;
}
.mobile.portrait .page-content.dpf2btf .main-wrapper .content .scroller .content--scroll .contentWrapper .row .stack3 iframe, 
.tablet.portrait .page-content.dpf2btf .main-wrapper .content .scroller .content--scroll .contentWrapper .row .stack3 iframe, 
.desktop.portrait .page-content.dpf2btf .main-wrapper .content .scroller .content--scroll .contentWrapper .row .stack3 iframe {
	max-width: 100%;
    height: 34vh;
	margin: 15px 0;
}
.mobile.portrait .page-content.dpf2btf .contentText >figure {
	max-height: 50vh;
    width: 90vw;
}
.mobile.portrait .dpf2btf div .scroller {
    top: 3vh!important;
	height: 35vh;
}
.mobile.portrait .dpf2btf div .content--locked {
    flex: 0%!important;
}
.mobile.portrait .dpf2btf div .content--scroll {
    flex: 100%!important;
    z-index: 3;
    top: 50vh;
}
.mobile.portrait .dpf2btf div .text--inline{
    width: 100vw!important;
}
.mobile.landscape .dpf2btf div .page-header {
   
}
.tablet.landscape .dpf2btf div .page-header {
    padding-top: 0vh!important;
}
.mobile.landscape .dpf2btf div .scroller {
    column-gap: 2%!important;
}
.tablet.landscape .dpf2btf div .scroller {
    top: 13vh!important;
    column-gap: 0%!important;
}
.mobile.portrait .dpf2btf div>.fragment.mediaObject {
	top: 40px;
}
.mobile.portrait .dpf2btf div>.fragment.mediaObject >iframe{
	top:0px;
}
.tablet.landscape .dpf2btf div >.contentText .medium-img,
.mobile.landscape .dpf2btf div >.contentText .medium-img {
    height: auto!important;
    max-height: initial!important;
}
.mobile.landscape .dpf2btf .image--inline {
	height: 60%;
	background-size: contain!important;
}
.dpf2btf .image--inline {
	position: absolute!important;
    height: 100vh;
    top: 0px!important;
}
.portrait .dpf2btf .fl1{
	flex: 50%!important;
}
.portrait .dpf2btf .fl2{
	flex: 50%!important;
}
.portrait .dpf2btf .fl3{
	flex: 50%!important;
}
.portrait .dpf2btf .fl4{
	flex: 50%!important;
}
.portrait .dpf2btf .fl5{
	flex: 50%!important;
}
.portrait .page-content.dpf2btf .main-wrapper .content .scroller .content--locked{
	max-height: 40vh!important;
    margin-bottom: 2em;
	top: -1em;
    height: 40vh;
    width: 100%;
    position: absolute;
}
.desktop.portrait .page-content.dpf2btf .main-wrapper .content .scroller .content--locked{
	top: 1em;
}
.desktop.portrait .page-content.dpf2btf .main-wrapper .content .scroller .content--scroll {
    top: 45vh;
	height: 40vh;
}
/* DEVICES dpfxb */
.dpf1b .media-wrapper,
.dpf2b .media-wrapper,
.dpf1bt .media-wrapper,
.dpf2bt .media-wrapper{
	position: relative;
	height: auto;
}
.dpf2btf .media-wrapper{
	position: unset;
	height: auto;
}
.desktop.landscape .dpf1bt .scroller{
	height: 85vh;
	position: unset;
}
.landscape .dpf2btf .scroller{
	position: unset!important;
	height: 45vh;
}
.portrait .dpf1bt .scroller,
.portrait .dpf2bt .scroller,
.portrait .dpf2btf .scroller{
	position: unset!important;
}
.landscape .dpf1b .page-header,
.landscape .dpf2b .page-header,
.landscape .dpf1bt .page-header,
.landscape .dpf2bt .page-header,
.landscape .dpf2btf .page-header{
	margin-bottom: 1em;
}
.mobile.landscape .dpf2btf .page-header{
	margin-top: 1em;
}
.portrait .dpf1b .page-header,
.portrait .dpf2b .page-header,
.portrait .dpf1bt .page-header,
.portrait .dpf2bt .page-header{
	margin-bottom: 1em;
}
.portrait .dpf2btf .page-header{
	margin-bottom: 1em;
	position: sticky;
}

.page-content.dpf1b .main-wrapper .content .page-header h2 .title,
.page-content.dpf2b .main-wrapper .content .page-header h2 .title,
.page-content.dpf1bt .main-wrapper .content .page-header h2 .title,
.page-content.dpf2bt .main-wrapper .content .page-header h2 .title,
.page-content.dpf2btf .main-wrapper .content .page-header h2 .title {
	font-size: 2.85vmax;
	max-width: 100%;
	line-height: normal;
}
.landscape div .dpf1b .relative ,
.landscape div .dpf2b .relative {
    height: auto!important; 
}
.portrait div .dpf1b .relative ,
.portrait div .dpf2b .relative {
    height: auto!important; 
}
.landscape .dpf1b .scroller,
.landscape .dpf2b .scroller{
	top: 1em;/*68vmin;*/
    height: 35vh;
	position: relative!important;
}
.portrait .page-content.dpf1b .main-wrapper .content .scroller .content--scroll .contentWrapper,
.portrait .page-content.dpf2b .main-wrapper .content .scroller .content--scroll .contentWrapper,
.portrait .page-content.dpf2btf .main-wrapper .content .scroller .content--scroll .contentWrapper{
	padding-top: 0%!important;
    padding-bottom: 5%!important;
    padding-left: 0%!important;
    padding-right: 1%!important;
}
.mobile.portrait .page-content.dpf1b .main-wrapper .content .scroller,
.mobile.portrait .page-content.dpf2b .main-wrapper .content .scroller,
.tablet.portrait .page-content.dpf1b .main-wrapper .content .scroller, 
.tablet.portrait .page-content.dpf2b .main-wrapper .content .scroller,
.desktop.portrait .page-content.dpf1b .main-wrapper .content .scroller, 
.desktop.portrait .page-content.dpf2b .main-wrapper .content .scroller {
	top: 0em;
	position: relative;
}
.mobile.landscape .dpf1b .content,
.mobile.landscape .dpf2b .content,
.mobile.landscape .dpf2btf .content{
	/*top: 10px!important;*/
}
.fullscreen.mobile.landscape .dpf1b .content .media-wrapper .intro--video,
.fullscreen.mobile.landscape .dpf2b .content .media-wrapper .intro--video,
.fullscreen.mobile.landscape .dpf2btf .content .media-wrapper .intro--video{
	height: 55.5vh!important;
}

.mobile.landscape .dpf1b .media-wrapper .relative,
.mobile.landscape .dpf2b .media-wrapper .relative,
.mobile.landscape .dpf2btf .media-wrapper .relative{
	width: 50%;
}
.mobile.landscape .dpf1b .scroller,
.mobile.landscape .dpf2b .scroller{
	top: -56%;
    width: 50%;
    left: 50%;
}
.mobile.landscape .dpf2bt .scroller{
	height:74vh;
}
.mobile.portrait .dpf2bt .scroller{
	height:74vh;
}
.mobile.landscape .dpf2btf .scroller{
	
}
.mobile.portrait .dpf2btf .scroller .content--locked .image--inline{
	background-size: cover;
}
.mobile.landscape .dpf1b .scroller .contentWrapper,
.mobile.landscape .dpf2b .scroller .contentWrapper,
.mobile.landscape .dpf2btf .scroller .contentWrapper{
	
}
.mobile.landscape .dpf1b div .content--scroll,
.mobile.landscape .dpf2b div .content--scroll {
    height: 50vh;
}

.page-content.dpf1b .main-wrapper .content .media-wrapper .intro--video,
.page-content.dpf2b .main-wrapper .content .media-wrapper .intro--video {
    top: 1px;
    height: 45.5vh!important;
    border-bottom: solid 3px var(--primary);
}
.portrait .page-content.dpf1bt .main-wrapper .content .scroller .content--scroll{
	height: 35vh;
}
.tablet.landscape .page-content.dpf2btf .main-wrapper .content .scroller .content--scroll,
.desktop.landscape .page-content.dpf2btf .main-wrapper .content .scroller .content--scroll{
	height: 80vh;
}
.mobile.landscape .page-content.dpf2btf .main-wrapper .content .scroller .content--scroll{
	height: 50vh;
}
.portrait .page-content.dpf2btf .main-wrapper .content .scroller .content--scroll{
	height: 35vh;
}
.fullscreen.mobile.portrait .page-content.dpf2btf .main-wrapper .content .scroller .content--scroll{
	height: 45vh;
}
.dpf2btf .slider{
	margin-right: 1em !important;
}
/****************************************************************************/
/* 					DPF Cover B - Página libro completa		 				*/
/****************************************************************************/
.dpfCB .shadow-wrapper{
	display:none;
}
.dpfCB .media-wrapper{
	display:none;
}
.page-content.dpfCB .main-wrapper .content {
    top: 0;
    width: 100%;
    margin: unset;
}
.page-content.dpfCB .main-wrapper .content .page-header{
    display:none;
}
.page-content.dpfCB .main-wrapper .content .scroller {
    top: 0vh;
    height: 100vh;
}
.page-content.dpfCB .main-wrapper .content .scroller .content--scroll {
    height: 98vh;/*92vh;*/
    top: 0vh;
}
.page-content.dpfCB .main-wrapper .content .scroller .content--scroll .contentWrapper {
    padding-top: 0%!important;
    padding-left: 0%!important;
    padding-right: 0%!important;
}
.page-content.dpfCB .main-wrapper .content .scroller .content--scroll .contentWrapper .contentText {
    top: 0vh;
    padding-top: 0;
}
.page-content.dpfCB .main-wrapper .content .scroller .content--scroll .contentWrapper .contentText.bgImage {
    margin-right: 0;
	margin-bottom: 2em;
	background-size: 100%;
}
.page-content.dpfCB .main-wrapper .content .scroller .content--scroll .contentWrapper .contentText.bgImage >div {
    opacity: 0.25;
}
.page-content.dpfCB .main-wrapper .content .scroller .content--scroll .contentWrapper .contentText.bgImage h2{
    margin-left: 5%;
    font-size: 4vmin!important;
    max-width: 50%;
	align-items: flex-start;
    justify-content: flex-start;
	border: unset;
}
.mobile.portrait .page-content.dpfCB .main-wrapper .content .scroller .content--scroll .contentWrapper .contentText.bgImage h2{
	font-size: 1.25em!important;
}
.page-content.dpfCB .main-wrapper .content .scroller .content--scroll .contentWrapper .contentText.bgImage p{
    margin-left: 5%;
    max-width: 50%;
}
.page-content.dpfCB .main-wrapper .content .scroller .content--scroll .contentWrapper .row:first-of-type {
    max-width: 100%!important;
	margin-bottom: 0em;
	column-gap: 0;
}
.page-content.dpfCB .main-wrapper .content .scroller .content--scroll .contentWrapper .row {
    max-width: 90%;
	column-gap: 0em;
}
@media screen and (max-width: 768px){
	.page-content.dpfCB .main-wrapper .content .scroller .content--scroll .contentWrapper .row:first-of-type {
		max-width: 100%!important;
		margin: unset!important;
		column-gap: 0;
	}
	.page-content.dpfCB .main-wrapper .content .scroller .content--scroll .contentWrapper .row  {
        /*margin: 0 2em!important;*/
    }      
}
/****************************************************************************/
/* 					DPF Standard A - Página standard tipo A					*/
/****************************************************************************/
.page-content.dpfSA .main-wrapper {
    background-color: unset!important;
}
.page-content.dpfSA .main-wrapper .content {
	position: absolute;
    width: 100%;
    height: 100vh;
}
.page-content.dpfSA.showingText .main-wrapper {
	background-color: black!important;
}
.desktop.landscape .page-content.dpfSA .main-wrapper .content .scroller {
	padding-top: 30rem;
}
.desktop.landscape .page-content.dpfSA .main-wrapper .content .scroller .content--scroll {
	height: 30vh;
    background: transparent;
}
.desktop.landscape .page-content.dpfSA .main-wrapper .content .page-header {
	margin-left: 60px;
    opacity: 1;
    position: relative;
    z-index: 3;
	user-select: none;
	-webkit-transition:1.8s ease !important;
	-moz-transition:1.8s ease !important;
	-ms-transition:1.8s ease !important;
	transition:1.8s ease !important;
}
.dpfSA .page-header{
    padding: unset;
    border-left: unset;
	margin-top: 26rem;
}
.dpfSA .page-header h2 .title{
  
}
.dpfSA .page-header.text-right{
    text-align: -webkit-right;
    margin-right: 60px;
}
.page-content.dpfSA .main-wrapper .content .scroller .content--scroll .contentWrapper.text-right{
	padding-right: 60px!important;
    float: right;
	text-align: -webkit-right;
}
.page-content.dpfSA .main-wrapper .content .scroller .content--scroll .contentWrapper.text-right .row .contentText p {
	text-align: -webkit-right!important;
    text-align: right!important;
}

.page-content.dpfSA .main-wrapper .content .page-header h2 .tagline {
	max-width: 60%;
    margin-left: 10px;
    line-height: 1em;
    font-size: 2rem;
} 
.desktop.landscape .page-content.dpfSA .main-wrapper .content .page-header h2 .title {
	max-width: 60%;
    margin-left: 10px;
    line-height: 1em;
	margin-top: 1rem;
    font-size: 3rem;
} 
.desktop.landscape .page-content.dpfSA .main-wrapper .content .page-header h2 .subtitle {
	display: none;
} 
.mobile.portrait .page-content.dpfSA .main-wrapper .content .page-header,
.tablet.portrait .page-content.dpfSA .main-wrapper .content .page-header,
.desktop.portrait .page-content.dpfSA .main-wrapper .content .page-header {
	margin-left: 35px;
	z-index: 2;
	position: absolute;
	margin-top: 5rem;
    width: 75vw;
}
.mobile.landscape .page-content.dpfSA .main-wrapper .content .page-header,
.tablet.landscape .page-content.dpfSA .main-wrapper .content .page-header {
	margin-left: 70px;
	z-index: 2;
	position: absolute;
	margin-top: 5rem;
}
.mobile.landscape .page-content.dpfSA .main-wrapper .content .scroller,
.tablet.landscape .page-content.dpfSA .main-wrapper .content .scroller{
	margin-top: 5rem;
}
.mobile.landscape .page-content.dpfSA .main-wrapper .content .scroller .content--scroll,
.tablet.landscape .page-content.dpfSA .main-wrapper .content .scroller .content--scroll{
	overflow-y: auto;
    height: 45vh;
}

.tablet.landscape .page-content.dpfSA .main-wrapper .content .scroller .content--scroll .contentWrapper{
	padding-top: 0%!important;
	padding-left: 0%!important;
	padding-right: 10%!important;
	margin-left: 22px;
}
.mobile.landscape .page-content.dpfSA .main-wrapper .content .scroller .content--scroll .contentWrapper {
	padding-top: 0%!important;
    padding-left: 0%!important;
    padding-right: 35%!important;
    margin-left: 72px;
}
.mobile.portrait .page-content.dpfSA .main-wrapper .content .page-header h2 .title, 
.tablet.portrait .page-content.dpfSA .main-wrapper .content .page-header h2 .title, 
.desktop.portrait .page-content.dpfSA .main-wrapper .content .page-header h2 .title {
	font-size: 8vh;
	margin-top: 50px;
    margin-bottom: 30px;
}
.mobile.portrait .page-content.dpfSA .main-wrapper .content .page-header h2 .subtitle, 
.tablet.portrait .page-content.dpfSA .main-wrapper .content .page-header h2 .subtitle, 
.desktop.portrait .page-content.dpfSA .main-wrapper .content .page-header h2 .subtitle {
	font-size: 4vh;
	margin-top: 0px;
    margin-bottom: 50px;
}
.desktop.landscape .page-content.dpfSA .main-wrapper .content .scroller .content--scroll .contentWrapper {
	padding-top: 0%!important;
	padding-left: 0%;
	padding-right: 40%;
	margin-left: 75px;
}
.desktop.landscape .page-content.dpfSA .main-wrapper .content .scroller .content--scroll .contentWrapper .row .contentText {
	
}
.desktop.landscape .page-content.dpfSA .main-wrapper .content .scroller .content--scroll .contentWrapper .row .contentText p {
	max-width: 50vw;
    text-align: -webkit-left;
    text-align: left;
    margin-bottom: 1em;
	font-size: 1rem;
}	
.desktop.landscape .page-content.dpfSA .main-wrapper .content .scroller .content--scroll .contentWrapper .row .contentText p:first-child {
	margin-top: 0em;
}
.desktop.landscape .page-content.dpfSA .main-wrapper .content .scroller .content--scroll .contentWrapper .row .contentText p:last-child {
	margin-bottom: 100px;
}

.desktop.portrait .page-content.dpfSA .main-wrapper .content .scroller,
.tablet.portrait .page-content.dpfSA .main-wrapper .content .scroller,
.android.mobile.portrait .page-content.dpfSA .main-wrapper .content .scroller {
	top: 45vh;
}	

.desktop.portrait .page-content.dpfSA .main-wrapper .content .scroller .content--scroll,
.tablet.portrait .page-content.dpfSA .main-wrapper .content .scroller .content--scroll,
.android.mobile.portrait .page-content.dpfSA .main-wrapper .content .scroller .content--scroll{
	height: 44vh;
}	
.desktop.portrait .page-content.dpfSA .main-wrapper .content .scroller .content--scroll .contentWrapper ,
.tablet.portrait .page-content.dpfSA .main-wrapper .content .scroller .content--scroll .contentWrapper,
.android.mobile.portrait .page-content.dpfSA .main-wrapper .content .scroller .content--scroll .contentWrapper{
	padding-top: 0%;
    padding-bottom: 5%;
    padding-left: 0%;
    padding-right: 7%;
	margin-left: 40px;
}	
/****************************************************************************/
/* 					DPF 2 COLUMNAS COMPLETAS 50%							*/
/****************************************************************************/
.page-content.dpf250v .main-wrapper {
    /*background-color: white!important;*/
}
.page-content.dpf250v .main-wrapper .content {
	position: absolute;
    width: 100vw;
    height: 100vh;
}
.page-content.dpf250v .main-wrapper.filtered  div>* {    
    background-color: black;
}
.desktop.landscape .page-content.dpf250v .main-wrapper .content .scroller .content--scroll {
	height: 90vh;   
}
.landscape .page-content.dpf250v .main-wrapper .columns .media.twohalf {
	/*border-left: var(--borderBottom);*/
}
.page-content.dpf250v .main-wrapper .columns .media.onehalf.instructive,
.page-content.dpf250v .main-wrapper .columns .media.twohalf.instructive{
	filter: unset;
}
.landscape .page-content.dpf250v .main-wrapper .columns .media .intro--video {
	width: 100%;
} 
.landscape .page-content.dpf250v .main-wrapper .content .scroller .content--scroll .contentWrapper .contentText .inline-iframe {
	/*
	width: 45vw;
    height: 30vw;
    max-width: 45vw;
    border-radius: 4px;
    float: right;
    margin: 4px 0 5px 40px;
	*/
}
.landscape .page-content.dpf250v .main-wrapper .content .scroller .content--scroll .contentWrapper .contentText p:last-child {
	
}
.mobile.portrait .page-content.dpf250v .main-wrapper  .columns .media.twohalf .intro--video,
.tablet.portrait .page-content.dpf250v .main-wrapper  .columns .media.twohalf .intro--video,
.desktop.portrait .page-content.dpf250v .main-wrapper .columns .media.twohalf .intro--video {
	height: calc(50vh - 57px);
    top: 60px;
    border-bottom: 3px darkred solid;
}
.mobile.portrait .page-content.dpf250v .main-wrapper  .columns .media.twohalf.fullWidth .intro--video,
.tablet.portrait .page-content.dpf250v .main-wrapper  .columns .media.twohalf.fullWidth .intro--video,
.desktop.portrait .page-content.dpf250v .main-wrapper .columns .media.twohalf.fullWidth .intro--video {
	height: calc(100vh - 60px);
    top: 60px;
    border-bottom: unset;
}		
.mobile.portrait .page-content.dpf250v .main-wrapper  .columns .media.onehalf .scroller,
.tablet.portrait .page-content.dpf250v .main-wrapper  .columns .media.onehalf .scroller,
.desktop.portrait .page-content.dpf250v .main-wrapper .columns .media.onehalf .scroller {
	height: 80vh;
	top: 15vh;
}	
.mobile.portrait .page-content.dpf250v .main-wrapper  .columns .media.twohalf .scroller,
.tablet.portrait .page-content.dpf250v .main-wrapper  .columns .media.twohalf .scroller,
.desktop.portrait .page-content.dpf250v .main-wrapper .columns .media.twohalf .scroller {
	height: 80vh;
	top: 15vh;
}
.mobile.portrait .page-content.dpf250v .main-wrapper  .columns .media.twohalf .scroller .content--scroll,
.tablet.portrait .page-content.dpf250v .main-wrapper  .columns .media.twohalf .scroller .content--scroll,
.desktop.portrait .page-content.dpf250v .main-wrapper .columns .media.twohalf .scroller  .content--scroll {
	height: 78vh;
}	
.mobile.portrait .page-content.dpf250v .main-wrapper  .columns .media.onehalf .scroller .content--scroll,
.tablet.portrait .page-content.dpf250v .main-wrapper  .columns .media.onehalf .scroller .content--scroll,
.desktop.portrait .page-content.dpf250v .main-wrapper .columns .media.onehalf .scroller  .content--scroll {
	height: 78vh;
}	
.mobile.portrait .page-content.dpf250v .main-wrapper  .columns .media.onehalf .scroller .contentWrapper,
.tablet.portrait .page-content.dpf250v .main-wrapper  .columns .media.onehalf .scroller .contentWrapper,
.desktop.portrait .page-content.dpf250v .main-wrapper .columns .media.onehalf .scroller  .contentWrapper {
	padding-top: 0%;
}
.landscape .page-content.dpf250v .main-wrapper  .columns .media.onehalf .scroller .contentWrapper {
	
}
.mobile.portrait .page-content.dpf250v .main-wrapper  .columns .media  .fragment,
.tablet.portrait .page-content.dpf250v .main-wrapper  .columns .media  .fragment,
.desktop.portrait .page-content.dpf250v .main-wrapper .columns .media  .fragment {
	overflow-y: auto;
    height: 100%;
}
.mobile.portrait .page-content.dpf250v .main-wrapper  .columns .media .background--text,
.tablet.portrait .page-content.dpf250v .main-wrapper  .columns .media .background--text,
.desktop.portrait .page-content.dpf250v .main-wrapper .columns .media .background--text {
    position: absolute;
    top: 60px;
    left: 0;
}
.mobile.portrait .page-content.dpf250v .main-wrapper  .columns .media .background--text .contentText,
.tablet.portrait .page-content.dpf250v .main-wrapper  .columns .media .background--text .contentText,
.desktop.portrait .page-content.dpf250v .main-wrapper .columns .media .background--text .contentText {
    overflow-y: auto;
    height: 100%;
}
.dpf250v div .twohalf .media-wrapper iframe{
    height: calc(100% - 60px)!important;
    top: 60px;
}
.dpf250v div .onehalf .media-wrapper iframe{
    height: calc(100vh - 60px);
    top: 60px;
    width: inherit;
}
.mobile.portrait .page-content.dpf250v .main-wrapper  .columns .media.onehalf,
.tablet.portrait .page-content.dpf250v .main-wrapper  .columns .media.onehalf,
.desktop.portrait .page-content.dpf250v .main-wrapper .columns .media.onehalf{
	flex: 1 1 100%;
	left: 0;
	background-color: white;
    z-index: 1;
}	
.mobile.portrait .page-content.dpf250v .main-wrapper  .columns .media.twohalf,
.tablet.portrait .page-content.dpf250v .main-wrapper  .columns .media.twohalf,
.desktop.portrait .page-content.dpf250v .main-wrapper .columns .media.twohalf{
	flex: 1 1 0%;
	left: 0;
}		
.portrait .dpf250v .shadowFragment {
	width: 100%;
}
.dpf250v .columns .shadowFragment {
	width:50%
}
.dpf250v .columns.reverse .shadowFragment {
	right: 0;
    transform: rotate(180deg);
	width:50%
}
/****************************************************************************/
/* 					DPF 2 COLUMNAS COMPLETAS 50% A ESPECIAL MOVIL			*/
/****************************************************************************/
.page-content.dpf250vA .main-wrapper .content {
	position: absolute;
    width: 100vw;
    height: 100vh;
}
.page-content.dpf250vA .main-wrapper.filtered  .content .scroller {
    transition: color 0.3s linear;
    color: white;
}
.landscape .page-content.dpf250vA .main-wrapper .content .scroller .content--scroll {
	height: 84vh;
}
.landscape .page-content.dpf250vA .main-wrapper .content .sidecontrols.module-object {
	display: none;
	visibility: hidden;
	opacity: 0;
}
.page-content.dpf250vA .main-wrapper .columns .media {
	position: absolute;
    height: 100vh;
	background-repeat: no-repeat;
    background-size: contain;
}
.landscape .page-content.dpf250vA .main-wrapper .columns .media.onehalf {
	width: 50vw;
    left: 0;
}
.landscape .page-content.dpf250vA .main-wrapper .columns .media.twohalf {
	width: 50vw;
    left: 50vw;
	border-left: var(--borderBottom);
}
.landscape .page-content.dpf250vA .main-wrapper .columns .media.onehalf.image {
    background-size: cover;
    background-position: 100% 50%;
    background-repeat: no-repeat;
    transform: scaleX(-1);
}
.landscape .page-content.dpf250vA .main-wrapper .columns .media.twohalf.image {
    background-size: cover;
    background-position: 75% 50%;
    background-repeat: no-repeat;
}
.landscape .page-content.dpf250vA .main-wrapper .columns .media .intro--video {
	width: 50vw;
} 

.landscape .page-content.dpf250vA .main-wrapper .content .scroller .content--scroll .contentWrapper .contentText p:last-child {
	margin-bottom: 50px;
}
.mobile.portrait .page-content.dpf250vA .main-wrapper  .columns .media,
.tablet.portrait .page-content.dpf250vA .main-wrapper  .columns .media,
.desktop.portrait .page-content.dpf250vA .main-wrapper .columns .media {
	position: unset;	
}	
.mobile.portrait .page-content.dpf250vA .main-wrapper  .columns .media.onehalf,
.tablet.portrait .page-content.dpf250vA .main-wrapper  .columns .media.onehalf,
.desktop.portrait .page-content.dpf250vA .main-wrapper .columns .media.onehalf {
	width: 100vw;
    height: 100vh!important;
    top: 0vh!important;
    left: 0;
    background-position: center!important;
}	
.mobile.portrait .page-content.dpf250vA .main-wrapper  .columns .media.twohalf,
.tablet.portrait .page-content.dpf250vA .main-wrapper  .columns .media.twohalf,
.desktop.portrait .page-content.dpf250vA .main-wrapper .columns .media.twohalf {
	left: 0vw;
	position: absolute;
    width: 100vw;
    height: 105vh!important;
    z-index: 1;
    top: -5vh!important;
    background: #00000099;
}	
.mobile.portrait .page-content.dpf250vA .main-wrapper  .columns .media.twohalf iframe,
.tablet.portrait .page-content.dpf250vA .main-wrapper  .columns .media.twohalf iframe,
.desktop.portrait .page-content.dpf250vA .main-wrapper .columns .media.twohalf iframe {
	height: 100vh!important;	
}
.mobile.portrait .page-content.dpf250vA .main-wrapper  .columns .media.twohalf .intro--video,
.tablet.portrait .page-content.dpf250vA .main-wrapper  .columns .media.twohalf .intro--video,
.desktop.portrait .page-content.dpf250vA .main-wrapper .columns .media.twohalf .intro--video {
	height: 100vh!important;
    width: 100vw!important;
    margin-left: 0vw;
}	
.mobile.portrait .page-content.dpf250vA .main-wrapper  .columns .media.onehalf .scroller,
.tablet.portrait .page-content.dpf250vA .main-wrapper  .columns .media.onehalf .scroller,
.desktop.portrait .page-content.dpf250vA .main-wrapper .columns .media.onehalf .scroller {
	top: 0vh;
    height: 100vh;
}
.mobile.portrait .page-content.dpf250vA .main-wrapper  .columns .media.twohalf .scroller,
.tablet.portrait .page-content.dpf250vA .main-wrapper  .columns .media.twohalf .scroller,
.desktop.portrait .page-content.dpf250vA .main-wrapper .columns .media.twohalf .scroller {
	top: 5vh;
}
.mobile.portrait .page-content.dpf250vA .main-wrapper  .columns .media div> .scroller .content--scroll,
.tablet.portrait .page-content.dpf250vA .main-wrapper  .columns .media div>.scroller .content--scroll,
.desktop.portrait .page-content.dpf250vA .main-wrapper .columns .media div> .scroller  .content--scroll {
	height: 100vh;
	height: 91vh;
}	
.mobile.portrait .page-content.dpf250vA .main-wrapper  .columns .media .scroller .contentWrapper,
.tablet.portrait .page-content.dpf250vA .main-wrapper  .columns .media .scroller .contentWrapper,
.desktop.portrait .page-content.dpf250vA .main-wrapper .columns .media .scroller  .contentWrapper {
	padding-top: 20%;
    padding-bottom: 15%;
    padding-left: 15%;
    padding-right: 15%;
    color: white;
    
}
.landscape .page-content.dpf250vA .main-wrapper .columns .media .scroller  .contentWrapper {
    padding-right: 10%;
}
.mobile.portrait .page-content.dpf250vA .main-wrapper  .columns .media .background--text .contentText,
.tablet.portrait .page-content.dpf250vA .main-wrapper  .columns .media .background--text .contentText,
.desktop.portrait .page-content.dpf250vA .main-wrapper .columns .media .background--text .contentText {
    overflow-y: auto;
    height: 100%;
}
.mobile.portrait .dpf250vA div .page-header {
    left: 15%;
    z-index: 3;
    width: 70vw;
}
/****************************************************************************/
/* 				DPF 2 COLUMNAS TIPO B ESPECIAL MOVIL COMPLETAS 50%			*/
/****************************************************************************/
.page-content.dpf250vB .main-wrapper .content {
	position: absolute;
    width: 100vw;
    height: 100vh;
}
.desktop.landscape .page-content.dpf250vB .main-wrapper .content .scroller .content--scroll {
	height: 84vh;
    
}
.page-content.dpf250vB .main-wrapper .columns .media {
	position: absolute;
    height: 100vh;
	background-repeat: no-repeat;
    background-size: cover;
}
.desktop.landscape .page-content.dpf250vB .main-wrapper .columns .media.onehalf {
	width: 50vw;
    left: 0;
}
.desktop.landscape .page-content.dpf250vB .main-wrapper .columns .media.twohalf {
	width: 50vw;
    left: 50vw;
	border-left: var(--borderBottom);
}
.desktop.landscape .page-content.dpf250vB .main-wrapper .columns .media.onehalf.image {
    background-size: cover;
    background-position: 100% 50%;
    background-repeat: no-repeat;
    transform: scaleX(-1);
}
.desktop.landscape .page-content.dpf250vB .main-wrapper .columns .media.twohalf.image {	
    background-size: cover;
    background-position: 75% 50%;
    background-repeat: no-repeat;
   
}
.desktop.landscape .page-content.dpf250vB .main-wrapper .columns .media .intro--video {
	width: 50vw;
} 
.desktop.landscape .page-content.dpf250vB .main-wrapper .content .scroller .content--scroll .contentWrapper .contentText p:last-child {
	margin-bottom: 50px;
}
.mobile.portrait .page-content.dpf250vB .main-wrapper  .columns .media,
.tablet.portrait .page-content.dpf250vB .main-wrapper  .columns .media,
.desktop.portrait .page-content.dpf250vB .main-wrapper .columns .media {
	position: unset;	
}	
.mobile.portrait .page-content.dpf250vB .main-wrapper  .columns .media.onehalf,
.tablet.portrait .page-content.dpf250vB .main-wrapper  .columns .media.onehalf,
.desktop.portrait .page-content.dpf250vB .main-wrapper .columns .media.onehalf {
	width: 100vw;
    height: 50vh!important;
    top: 50vh!important;
    left: 0;
}	
.mobile.portrait .page-content.dpf250vB .main-wrapper  .columns .media.twohalf,
.tablet.portrait .page-content.dpf250vB .main-wrapper  .columns .media.twohalf,
.desktop.portrait .page-content.dpf250vB .main-wrapper .columns .media.twohalf {
	left: 0vw;
    width: 100vw;
    height: 50vh!important;
    z-index: 1;
    top: 5vh!important;
    overflow-y: auto;	
}	
.mobile.portrait .page-content.dpf250vB .main-wrapper  .columns .media.twohalf iframe,
.tablet.portrait .page-content.dpf250vB .main-wrapper  .columns .media.twohalf iframe,
.desktop.portrait .page-content.dpf250vB .main-wrapper .columns .media.twohalf iframe {
	height: 50vh!important;	
}
.mobile.portrait .page-content.dpf250vB .main-wrapper  .columns .media.twohalf .intro--video,
.tablet.portrait .page-content.dpf250vB .main-wrapper  .columns .media.twohalf .intro--video,
.desktop.portrait .page-content.dpf250vB .main-wrapper .columns .media.twohalf .intro--video {
	height: 50vh!important;	
	width: 100vw!important;
    margin-left: 0vw;
}	
.mobile.portrait .page-content.dpf250vB .main-wrapper  .columns .media.onehalf .scroller,
.tablet.portrait .page-content.dpf250vB .main-wrapper  .columns .media.onehalf .scroller,
.desktop.portrait .page-content.dpf250vB .main-wrapper .columns .media.onehalf .scroller {
	top: 0vh;
    height: 50vh;
    position: unset;
}	
.mobile.portrait .page-content.dpf250vB .main-wrapper  .columns .media.onehalf .scroller .content--scroll,
.tablet.portrait .page-content.dpf250vB .main-wrapper  .columns .media.onehalf .scroller .content--scroll,
.desktop.portrait .page-content.dpf250vB .main-wrapper .columns .media.onehalf .scroller  .content--scroll {
	height: 45vh;
}	
.mobile.portrait .page-content.dpf250vB .main-wrapper  .columns .media.onehalf .scroller .contentWrapper,
.tablet.portrait .page-content.dpf250vB .main-wrapper  .columns .media.onehalf .scroller .contentWrapper,
.desktop.portrait .page-content.dpf250vB .main-wrapper .columns .media.onehalf .scroller  .contentWrapper {
	padding-top: 5%;
    padding-bottom: 5%;
    padding-left: 5%;
    padding-right: 5%
}

.mobile.portrait .page-content.dpf250vB .main-wrapper  .columns .media.onehalf .fragment,
.tablet.portrait .page-content.dpf250vB .main-wrapper  .columns .media.onehalf .fragment,
.desktop.portrait .page-content.dpf250vB .main-wrapper .columns .media.onehalf .fragment {
	overflow-y: auto;
    height: 40vh;
}

.mobile.portrait .page-content.dpf250vB .main-wrapper  .columns .media .background--text,
.tablet.portrait .page-content.dpf250vB .main-wrapper  .columns .media .background--text,
.desktop.portrait .page-content.dpf250vB .main-wrapper .columns .media .background--text {
    position: absolute;
    top: 55vh;
    left: 0;
    width: 100%;
    height: 45vh;
    overflow-y: auto;
    padding: 0px 44px 0px 38px;
    will-change: opacity;
}
.mobile.portrait .page-content.dpf250vB .main-wrapper  .columns .media .background--text .contentText,
.tablet.portrait .page-content.dpf250vB .main-wrapper  .columns .media .background--text .contentText,
.desktop.portrait .page-content.dpf250vB .main-wrapper .columns .media .background--text .contentText {
    overflow-y: auto;
    height: 100%;
}
/****************************************************************************/
/* 					DPF 2 COLUMNAS COMPLETAS 35%-65%						*/
/****************************************************************************/
.page-content.dpf23565v .main-wrapper .content {
	position: absolute;
    width: 100%!important;
    height: 100vh!important;
}
.landscape .page-content.dpf23565v .main-wrapper .shadow-wrapper {
	display: none;
	visibility: hidden;
    opacity: 0;
}
.page-content.dpf23565v div >.contentText h2 {
    width: 100%;
}
.mobile.portrait .page-content.dpf23565v .main-wrapper .shadow-wrapper .shadowHV,
.tablet.portrait .page-content.dpf23565v .main-wrapper .shadow-wrapper .shadowHV,
.desktop.portrait .page-content.dpf23565v .main-wrapper .shadow-wrapper .shadowHV {
	display: block;
	visibility: visible;
    opacity: 1;
}
.desktop.landscape .page-content.dpf23565v .main-wrapper .content .scroller {
	top: 4em;
	left: 0;
}
.dpf23565v div .scroller.active{
    transform: translateX(-100vw)!important;
}
.dpf23565v div.columns.reverse .shadow-wrapper {
	transform: scale(-1);
}
.mobile.portrait .page-content.dpf23565v .main-wrapper  .columns .media,
.tablet.portrait .page-content.dpf23565v .main-wrapper  .columns .media,
.desktop.portrait .page-content.dpf23565v .main-wrapper .columns .media {
	/*background-color: unset!important;*/
	left: 0;
}
.mobile.portrait .page-content.dpf23565v .main-wrapper  .columns .media.onethird,
.tablet.portrait .page-content.dpf23565v .main-wrapper  .columns .media.onethird,
.desktop.portrait .page-content.dpf23565v .main-wrapper .columns .media.onethird{
	flex: 1 0 100%;
	left: 0;
	position: absolute;
	background-color: transparent !important;
}	
.mobile.portrait .page-content.dpf23565v .main-wrapper  .columns .media.twothird,
.tablet.portrait .page-content.dpf23565v .main-wrapper  .columns .media.twothird,
.desktop.portrait .page-content.dpf23565v .main-wrapper .columns .media.twothird{
	flex: 1 0 100%;
	left: 0;
}		
.portrait .dpf23565v .shadowFragment {
	width: 100%;
}
.mobile.landscape .page-content.dpf23565v .main-wrapper  .columns .media,
.tablet.landscape .page-content.dpf23565v .main-wrapper  .columns .media {
	
}
.landscape .page-content.dpf23565v .sidecontrols.module-object {
	display: none;
}
.landscape .page-content.dpf23565v .main-wrapper .columns .media.twohalf.instructive {
	filter: none;
}
.landscape .page-content.dpf23565v .main-wrapper .columns .media.onehalf.instructive {
	filter: none;
}
.landscape .page-content.dpf23565v .main-wrapper .columns .media.twothird.instructive {
	filter: none;
}
.landscape .page-content.dpf23565v .main-wrapper .columns .media.onethird.instructive {
	filter: none;
}
.landscape .page-content.dpf23565v .main-wrapper .columns .media .intro--video {
} 
.mobile.portrait .page-content.dpf23565v .main-wrapper .content .scroller .content--scroll .contentWrapper,
.tablet.portrait .page-content.dpf23565v .main-wrapper .content .scroller .content--scroll .contentWrapper,
.desktop.portrait .page-content.dpf23565v .main-wrapper .content .scroller .content--scroll .contentWrapper {
	padding-top: 10%;
    padding-bottom: 5%;
    padding-left: 15%;
    padding-right: 15%;
}
.mobile.portrait .page-content.dpf23565v .main-wrapper .content .scroller .content--scroll .contentWrapper .contentText p,
.tablet.portrait .page-content.dpf23565v .main-wrapper .content .scroller .content--scroll .contentWrapper .contentText p,
.desktop.portrait .page-content.dpf23565v .main-wrapper .content .scroller .content--scroll .contentWrapper .contentText p {
	max-width: 100%!important;
}
.page-content.dpf23565v .main-wrapper .content p.voice {
    max-width: none!important;
    width: unset!important;
}
.landscape .page-content.dpf23565v .main-wrapper .content .scroller .content--scroll .contentWrapper .contentText .inline-iframe {
	
}
.desktop.landscape .page-content.dpf23565v .main-wrapper .content .scroller .content--scroll .contentWrapper .contentText p:last-child {
	margin-bottom: 1em;
}

.desktop.landscape .page-content.dpf23565v .main-wrapper .content .columns .media  .inline-iframe {
    
}
.page-content.dpf23565v .main-wrapper .content .columns .media  .contentText .content--inline {
    display: inline;
	background: transparent;
	max-width: 100%;
}
.page-content.dpf23565v .main-wrapper .content .columns .media  .contentText .content--inline img {
    vertical-align: middle;
    max-width: 100%;
    width: 100%;
    height: auto;
    border: 0;
}
.page-content.dpf23565v .main-wrapper .content .columns .media  .contentText .content--inline iframe {
	max-width: 100%;
	width: 100%;
	height: 65vh;
	margin: 20px 0 20px 0;
}
.page-content.dpf23565v .main-wrapper .content .columns .media  .contentText .content--full {
    display: inline;
	background: transparent;
	max-width: 100%;
}

.page-content.dpf23565v .main-wrapper .content .columns .media  .contentText .content--full iframe {
	max-width: 100%;
	width: 100%;
	height: 100vh;
	
}
.mobile.portrait .page-content.dpf23565v .main-wrapper .content .columns .media.onehalf .scroller,
.tablet.portrait .page-content.dpf23565v .main-wrapper .content .columns .media.onehalf .scroller{
	top: 15vh;
    height: 35vh;
}
.mobile.portrait .page-content.dpf23565v .main-wrapper .content .scroller.active, 
.tablet.portrait .page-content.dpf23565v .main-wrapper .content .scroller.active{
    transform: translateX(-100vw) scale(0);  
}
.mobile.portrait .page-content.dpf23565v .main-wrapper .content .columns .media.onethird .scroller {
	top: 15vh;
	height: 80vh;
}
.tablet.portrait .page-content.dpf23565v .main-wrapper .content .columns .media.onethird .scroller,
.desktop.portrait .page-content.dpf23565v .main-wrapper .content .columns .media.onethird .scroller {
	top: 15vh;
    height: auto;
}
.mobile.portrait .page-content.dpf23565v .main-wrapper .content .columns .media .scroller .content--scroll,
.tablet.portrait .page-content.dpf23565v .main-wrapper .content .columns .media .scroller .content--scroll,
.desktop.portrait .page-content.dpf23565v .main-wrapper .content .columns .media .scroller .content--scroll {
	height: 74vh;
}
.mobile.landscape .page-content.dpf23565v .main-wrapper .content .columns .media .scroller .content--scroll,
.tablet.landscape .page-content.dpf23565v .main-wrapper .content .columns .media .scroller .content--scroll{
	height: 77vh;
}
.mobile.portrait .page-content.dpf23565v .main-wrapper .columns .media  .background--text,
.tablet.portrait .page-content.dpf23565v .main-wrapper .columns .media  .background--text,
.desktop.portrait .page-content.dpf23565v .main-wrapper .columns .media  .background--text {
	top: 0vh;
    left: 0;
    width: 100%;
    margin-left: 0px;
    height: 90vh;
    overflow-y: auto;
}
.mobile.landscape .page-content.dpf23565v .main-wrapper .content .scroller {
	top: 20vh;
}
.tablet.landscape .page-content.dpf23565v .main-wrapper .content .scroller {
	top: 14vh;
}
.mobile.landscape .page-content.dpf23565v .main-wrapper .content .scroller .content--scroll .contentWrapper,
.tablet.landscape .page-content.dpf23565v .main-wrapper .content .scroller .content--scroll .contentWrapper {
	padding-top: 0%;
    padding-bottom: 50px;
    padding-left: 5%;
    padding-right: 15%;
}
.mobile.landscape .page-content.dpf23565v .main-wrapper .columns .media  .background--text {
	margin-top: 0vh;
    left: 0;
    width: 90%;
    height: 80vh;
    overflow-y: auto;
}
.fullscreen.mobile.landscape .page-content.dpf23565v .main-wrapper .columns .media  .background--text {
	height: 90vh;    
}
.tablet.landscape .page-content.dpf23565v .main-wrapper .columns .media  .background--text{
	margin-top: 0vh;
    left: 0;
    width: 100%;
    height: 80vh;
    overflow-y: auto;
}
.mobile.portrait .page-content.dpf23565v .main-wrapper .content .columns .media  .contentText .content--inline iframe,
.tablet.portrait .page-content.dpf23565v .main-wrapper .content .columns .media  .contentText .content--inline iframe{
	max-width: 90vw;
    width: 85vw;
    height: 35vh;
    margin: 20px 0 20px 0;
}
.portrait .dpf23565v .media div > .rightie{
    transform: unset;
}
.dpf23565v div .twothird .media-wrapper iframe{
    height: calc(100% - 60px)!important;
    top: 60px;
}
.dpf23565v div .onethird .media-wrapper iframe{
    height: calc(100vh - 60px);
    top: 60px;
    width: inherit;
}
.dpf23565v div .twothird .media-wrapper video{
    height: calc(100vh - 0px)!important;
    top: 0px;
    object-fit: contain;
}
.dpf23565v div .onethird .media-wrapper video{
    
}
.portrait .dpf23565v div .onethird .media-wrapper iframe{
    width: 100%;
}
.portrait .dpf23565v div .twothird .media-wrapper iframe{
    width: 100%;
}
.portrait .dpf23565v div .onethird .media-wrapper video{
    width: 100%;
}
.portrait .dpf23565v div .twothird .media-wrapper video{
    width: 100%;
}
.mobile.portrait .dpf23565v div .twothird .media-wrapper video{
    height: calc(100vh - 0px);
    margin-top: 0px;
    width: 100%;
    object-fit: contain;
}
.dpf23565v div .twothird .mediaObject .anchor {
	border-radius: unset!important;
}
.dpf23565v .main-wrapper.filtered div .twothird .mediaObject .anchor {
	border: 2px white solid;
}
/*Opened*/
.reveal.opened .page-content.dpf23565v .main-wrapper .columns .media.twothird {
	
}
.reveal.opened .page-content.dpf23565v .main-wrapper .columns .media.onethird {
	
}
.reveal.opened .page-content.dpf250v .main-wrapper .content {
	width: 100%;
}
.reveal.opened .page-content.dpf250v .main-wrapper .columns .media.twohalf {
	
}
.reveal.opened .page-content.dpf250v .main-wrapper .columns .media.onehalf {
	
}
.dpf1ph iframe {
	pointer-events:all!important;
}
.reveal.opened .page-content.dpf1ph .main-wrapper .content .media-wrapper .intro--video ,
.reveal.opened .page-content.dpf2ph .main-wrapper .content .media-wrapper .intro--video {
	width: 100%!important;
}
.reveal.opened .page-content.dpf1ph.showingText div>.scroller ,
.reveal.opened .page-content.dpf2ph.showingText div>.scroller {
	left: 40%!important;
    width: 58%!important;
}
.reveal.opened .page-content.dpf2btf .main-wrapper .content {
	width: 90%;
}
.reveal .slide-background .dpf2ph video {
	max-height: calc(55% + -3px);
    border-bottom: 3px var(--primary) solid;
}
/* BG's*/
.reveal .backgrounds div>.dpf2ph{
	/*height: calc(55% + 3px);
	width: 100vw!important;
    background-color: transparent!important;
	*/
	background-color: transparent;
	transition: all 0.5s ease-in-out!important;
}
.reveal .backgrounds div>.dpf2ph.fullImage{
	height: 100vh;
}
.reveal .backgrounds div>.dpf1b,
.reveal .backgrounds div>.dpf2b{
	height: 28em;
    transform: translateY(-0em) scale(1);
}
/* X11 y X12 protos */
.main1{
    background-image: linear-gradient(180deg,#79c4b0 0%,rgba(255,255,255,0) 100%),url(https://elegantthemesexamples.com/wp-content/uploads/2019/11/plant-background-1.jpg)!important;
    padding-top: 10vw;
    padding-bottom: 10vw;
    padding: 4% 0;
    position: relative;
    background-color: #fff;
    background-position: 50%;
    background-size: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    height: 100%;
    animation: 50s para1 infinite linear!important;
    background-attachment: fixed;
    opacity: 1!important;
}  
@keyframes para0 {
100% {
    background-position: 
        50vw 50%;
    }
}
@keyframes para1 {
50% {
    background-position: 
        50vw 50%;
    }
}
@keyframes para2 {
100% {
    object-position: 
        50vw 50%;
    }
}
.bgPattern{
	background-image: url(data:image/svg+xml;base64,PHN2ZyAgZmlsbD0icmdiYSgyNTUsMjU1LDI1NSwwLjQ0KSIgaGVpZ2h0PSIxMXB4IiB3aWR0aD0iMTFweCIgdmlld0JveD0iMCAwIDExIDExIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0xLjQxLDAsMCwxLjQxVjBaTTExLDBIOS41OUwwLDkuNTlWMTFIMS40MUwxMSwxLjQxWm0wLDkuNTlMOS41OSwxMUgxMVoiLz48L3N2Zz4=);
    background-size: 8px 11px;
	background-image: url(data:image/svg+xml;base64,PHN2ZyAgZmlsbD0iI2FmNmUzMSIgaGVpZ2h0PSI4MHB4IiB3aWR0aD0iODBweCIgdmlld0JveD0iMCAwIDgwIDgwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0wLDhWMEg4QTgsOCwwLDAsMSwwLDhaTTgwLDhWMEg3MkE4LDgsMCwwLDAsODAsOFpNMCw3MnY4SDhBOCw4LDAsMCwwLDAsNzJaTTQwLDMyYTgsOCwwLDEsMCw4LDhBOCw4LDAsMCwwLDQwLDMyWk04MCw3MmE4LDgsMCwwLDAtOCw4aDhaIi8+PC9zdmc+);
    background-size: 16px auto;
	background-image: url(data:image/svg+xml;base64,PHN2ZyAgZmlsbD0icmdiYSgyNTUsMjU1LDI1NSwwLjE2KSIgaGVpZ2h0PSI4cHgiIHdpZHRoPSI4cHgiIHZpZXdCb3g9IjAgMCA4IDgiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3Qgd2lkdGg9IjQiIGhlaWdodD0iNCIvPjwvc3ZnPg==);
    background-size: 4px 4px;
	background-image: url(data:image/svg+xml;base64,PHN2ZyAgZmlsbD0iI0ZGRkZGRiIgaGVpZ2h0PSIxMjhweCIgd2lkdGg9IjEyOHB4IiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOS44NSw1NC4xNWExLDEsMCwwLDEtLjcxLDEuNzEsMSwxLDAsMCwxLS43LS4zLDEsMSwwLDAsMSwxLjQxLTEuNDFaTTE3LjU4LDQ1YTEsMSwwLDAsMCwwLDEuNDEsMSwxLDAsMCwwLDEuNDEsMEExLDEsMCwwLDAsMTcuNTgsNDVabTkuODUtNy40NGExLDEsMCwwLDAsLjcxLS4yOSwxLDEsMCwwLDAsMC0xLjQyLDEsMSwwLDAsMC0xLjQyLDEuNDJBMSwxLDAsMCwwLDI3LjQzLDM3LjU3Wm04LjQzLTEwLjg1YTEsMSwwLDAsMCwwLDEuNDIsMSwxLDAsMCwwLDEuNDIsMCwxLDEsMCwwLDAtMS40Mi0xLjQyWk00NSwxNy41OEExLDEsMCwwLDAsNDUsMTlhMSwxLDAsMCwwLDEuNDEsMEExLDEsMCwxLDAsNDUsMTcuNThabTkuMTQtOS4xNGExLDEsMCwwLDAsMCwxLjQxLDEsMSwwLDAsMCwxLjQxLDAsMSwxLDAsMSwwLTEuNDEtMS40MVptMCwxMDkuNzFhMSwxLDAsMCwwLDAsMS40MSwxLDEsMCwwLDAsMS40MSwwLDEsMSwwLDEsMC0xLjQxLTEuNDFaTTQ1LDEwOWExLDEsMCwwLDAsMCwxLjQxLDEsMSwwLDAsMCwxLjQxLDBBMSwxLDAsMSwwLDQ1LDEwOVptLTkuMTUtOS4xNWExLDEsMCwwLDAsMCwxLjQyLDEsMSwwLDAsMCwxLjQyLDAsMSwxLDAsMSwwLTEuNDItMS40MlptLTkuMTQtOS4xNGExLDEsMCwwLDAsMCwxLjQyLDEsMSwwLDAsMCwuNzEuMjksMSwxLDAsMCwwLC43MS0uMjksMSwxLDAsMCwwLTEuNDItMS40MlptLTkuMTQtOS4xNGExLDEsMCwwLDAsMCwxLjQxQTEsMSwwLDAsMCwxOSw4M2ExLDEsMCwwLDAtMS40MS0xLjQxWk04LjQ0LDcyLjQ0YTEsMSwwLDAsMCwwLDEuNDEsMSwxLDAsMCwwLC43LjI5LDEsMSwwLDAsMCwuNzEtLjI5LDEsMSwwLDAsMC0xLjQxLTEuNDFabTY0LDQ1LjcxYTEsMSwwLDAsMCwwLDEuNDEsMSwxLDAsMCwwLDEuNDEsMCwxLDEsMCwwLDAtMS40MS0xLjQxWk04MS41OCwxMDlhMSwxLDAsMCwwLDAsMS40MSwxLDEsMCwwLDAsMS40MSwwQTEsMSwwLDAsMCw4MS41OCwxMDlabTkuMTQtOS4xNWExLDEsMCwwLDAsMCwxLjQyLDEsMSwwLDAsMCwxLjQyLDAsMSwxLDAsMSwwLTEuNDItMS40MlptOS4xNC05LjE0YTEsMSwwLDAsMCwwLDEuNDIsMSwxLDAsMCwwLDEuNDIsMCwxLDEsMCwwLDAtMS40Mi0xLjQyWk0xMDksODEuNThBMSwxLDAsMCwwLDEwOSw4M2ExLDEsMCwwLDAsMS40MSwwQTEsMSwwLDAsMCwxMDksODEuNThabTkuMTQtOS4xNWExLDEsMCwwLDAsMCwxLjQyLDEsMSwwLDAsMCwxLjQxLDAsMSwxLDAsMCwwLTEuNDEtMS40MlptMC0xOC4yOGExLDEsMCwwLDAsMCwxLjQxLDEsMSwwLDEsMCwxLjQxLTEuNDFBMSwxLDAsMCwwLDExOC4xNSw1NC4xNVpNMTA5LDQ1YTEsMSwwLDAsMCwwLDEuNDEsMSwxLDAsMCwwLDEuNDEsMEExLDEsMCwwLDAsMTA5LDQ1Wm0tOS4xNS05LjE1YTEsMSwwLDAsMCwwLDEuNDIsMSwxLDAsMCwwLDEuNDIsMCwxLDEsMCwwLDAtMS40Mi0xLjQyWm0tOC40My03LjQzYTEsMSwwLDAsMCwuNy0uMywxLDEsMCwxLDAtLjcuM1pNODEuNTgsMTcuNThhMSwxLDAsMCwwLDAsMS40MUExLDEsMCwwLDAsODMsMTlhMSwxLDAsMSwwLTEuNDEtMS40MVpNNzIuNDQsOC40NGExLDEsMCwwLDAsLjcsMS43LDEsMSwwLDAsMCwuNzEtLjI5LDEsMSwwLDAsMCwwLTEuNDFBMSwxLDAsMCwwLDcyLjQ0LDguNDRaTTY0LDNhMy4xNSwzLjE1LDAsMCwwLDIuMTMtLjg3QTMuMTMsMy4xMywwLDAsMCw2NywwSDYxYTMuMTMsMy4xMywwLDAsMCwuODcsMi4xMkEzLjE1LDMuMTUsMCwwLDAsNjQsM1pNMyw2NGEzLjE1LDMuMTUsMCwwLDAtLjg3LTIuMTNBMy4wNywzLjA3LDAsMCwwLDAsNjF2NmEzLjE1LDMuMTUsMCwwLDAsMi4xMy0uODdBMy4xNSwzLjE1LDAsMCwwLDMsNjRabTYzLjEzLDYxLjg3QTMsMywwLDAsMCw2MSwxMjhoNkEzLjE1LDMuMTUsMCwwLDAsNjYuMTMsMTI1Ljg2Wm01OS4xMS02M0EzLDMsMCwwLDAsMTI1LDY0YTMsMywwLDAsMCwzLDNWNjFhMi44NiwyLjg2LDAsMCwwLTIuNzYsMS44NVoiLz48L3N2Zz4=);
	background-position: 0 0;
    background-repeat: repeat;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.bgMask{
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
	overflow: hidden;
	opacity: var(--headerOpacity);
	background-color: transparent;
	background: linear-gradient(90deg, #00000099 25%, transparent 50%);
    -webkit-mask-image: unset;
    -webkit-mask-position: center center;
    -webkit-mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    -mask-image: unset;
	-mask-position: center center;
    -mask-size: cover;
    -mask-repeat: no-repeat;
	transition: all 0.5s linear;
	/*border-bottom: 3px var(--primary) solid;*/
}
/* EXPERIMENTAL */
.main2{
	position: absolute;
	overflow: hidden;
	height: 100%;
	width: 100%;
	z-index: 1;
	background-image:       
		url('../assets/images/clouds.png'),
		url('../assets/images/clouds1.png'),
		url('../assets/images/bg1.jpg');
		
	background-repeat: repeat-x;
	background-position: 
		0 top,
		0 0,
		0 0;
	background-size: 
		500px 200px,
		
		400px 260px,
		cover;
	animation: 50s para infinite linear;
}

.main{
	position: absolute;
    overflow: hidden;
    height: 100%;
    width: 100%;
    z-index: 1;
    background: url(../assets/images/ufo.png) center 100% no-repeat, 
	url(../assets/images/clouds1.png) 0 0 repeat-x , 
	url(../assets/images/bg4.jpg) 0 0 repeat-x;
    background-size: 15%, 39%, cover;
    animation: 50s para2 infinite linear;
}
.x11 .media-wrapper > .innerImage{
	position: absolute;
	display: block;
	pointer-events: auto;
	left: 50%;
	top: 40%;
	transform: translate(-50%, 0%);
	z-index: 2;
	visibility: visible;
}
.elephant {
	z-index: 1;
	color: rgb(255, 255, 255);
	width: 296.68px;
	height: 449.805px;
	min-height: 0px;
	min-width: 0px;
	max-height: none;
	max-width: none;
	transform-origin: 50% 50%;
	opacity: 1;
	transform: translate(0px, 0px);
	visibility: visible;
}
@keyframes para {
100% {
    background-position: 
        500px 0%,
        400px 0,
		1000px 100%;
    }
}
@keyframes para3 {
100% {
    background-position: 
        0 90%,
        400px 0;
    }
}
@keyframes para4 {
	50% {
		transform: scale(3);
	}
}
@keyframes bgs500 {
  0%, 100% {
    background-size: 100% auto;
    -webkit-background-size: 100%;
  }
  50% {
    background-size: 500% auto;
    -webkit-background-size: 500%;
  }
}
@keyframes imagebulger {
  0%, 100% {
    background-size: 100% auto;
    -webkit-background-size: 100%;
  }
  50% {
    background-size: 500% auto;
    -webkit-background-size: 500%;
  }
}
/* X11 X12 Specifics */
.x11 .page-header {
    padding: unset;
    border-left: unset;
	user-select: none;
    opacity: var(--headerOpacity);
    transform: scale(var(--headerScale));
    transform-origin: left;
    position: absolute;
    z-index: 2;
    padding-left: 1.5em;
    top: 8%;
    width: 92%;	
}
.x12 .page-header{
	user-select: none;
    color: currentColor;
	position: relative;
    z-index: 2;
	opacity: var(--headerOpacity);
    transform: scale(var(--headerScale));
}
.x11 div > h2 .tagline{
    height: auto;
    width: auto;
    color: rgba(255, 255, 255);
    text-decoration: none;
	text-shadow: 0 2px #010101;
    white-space: nowrap;
    min-height: 0px;
    min-width: 0px;
    max-height: none;
    max-width: none;
    text-align: center;
    line-height: 24px;
    letter-spacing: 9.5703px;
    font-weight: 500;
    font-size: 2vw;
    transform-origin: 50% 50%;
    opacity: 1;
    transform: translate(0px, 0px);
    visibility: visible;
    font-family: 'SourceSansProLight';
    text-transform: uppercase;
}
.x11 div > h2 .title{
    height: auto;
    width: auto;
    color: rgb(255, 255, 255);
    text-decoration: none;
	text-shadow: 0 5px #010101;
    min-height: 0px;
    min-width: 0px;
    max-height: none;
    max-width: none;
    text-align: center;
    line-height: 1em;
    letter-spacing: 15.3125px;
    font-weight: 900;
    font-size: 7vmax;
    transform-origin: 50% 50%;
    opacity: 1;
    transform: scale(1.1, 1.1);
    visibility: visible;
    font-family: 'SourceSansPro';
    text-transform: uppercase;
}
.x12 .main-wrapper .content {
	top: 0;
	overflow-y: auto;
    pointer-events: all;
	z-index:9;
	--headerOpacity: 1;
    --headerScale: 1;
}
.x12 .main-wrapper .content .scroller {
	height: 100%;
    top: 0;
}
.x12 .main-wrapper .content .scroller .content--scroll{
	height: 100vh; /* GSAP ERA 100vh */
	z-index: -1;
}
.x12 .main-wrapper .content .scroller .contentWrapper {
	margin:0!important;
	height: 100vh;
	width: 100%;
    padding: 0 !important;
}
.x12 .row{
	margin-bottom: 0;
}
/*
.x12 img {
    height: 100vh!important;
    min-height: 100vh;
    object-fit: cover!important;
    background-repeat: no-repeat;
    background-size: 100% 100vh;
    background-image: url('https://picsum.photos/1800/1200');
	opacity: 1;
}
*/
.x12 img.overClip {
   --clip:0%;
  clip-path: circle(var(--clip) at calc(50% + 1.75rem) 50%);
}
.x12 video {
	max-height: 100vh !important;
    object-fit: cover !important;
    height: 100vh !important;
	min-height: 100vh;
}
.x12 .hsteps .steps-items {
	min-height: 100vh;
}
.x12 .step-top,
.x12 .step-bottom{
	/*flex: 0 0 46.5%;*/
}
.x12 .step-top.img .step-button,
.x12 .step-bottom.img .step-button {
    font-size: 17em;
}
.x12 .step-top.img .step-body,
.x12 .step-bottom.img .step-body {
	min-height: 12em;
}
.x12 .dpfInteraction.infoBox {
	border: unset;
    border-radius: unset;
}
.x12 .dpfInteraction.infoBox .infoBox {
	height: 100vh;
	max-height: 100vh;
}
.x12 .dpfInteraction .infoBox.mode1 .iBWrapper .mediaInner .Image img {
	height: 100vh !important;
}
.x12 .dpfInteraction .infoBox.mode2 .iBWrapper .mediaInner .Image img {
	height: 100vh !important;
}
.x12 .dpfInteraction .infoBox .iBWrapper .mediaInner .Image img {
	height: 50vh !important;
    min-height: 50vh !important;
}
.x12 .dpfInteraction .infoBox.mode1 .iBWrapper .mediaText,
.x12 .dpfInteraction .infoBox.mode2 .iBWrapper .mediaText {
	padding-top: 15vh;
}
.page-content.x12 .main-wrapper .content .scroller .content--scroll .contentWrapper .contentText.bgImage.mode6 > span > p {
	margin-top: 0;
	margin-bottom: 1em;
}
.x12 .contentText.bgImage {
	margin: 0;
	border: unset;
}
.x12 .contentText.bgImage >div {
	background: linear-gradient(90deg,black 30%, transparent 70%);/*linear-gradient(180deg, black 25%, transparent 50%);*/
	background: unset;
}
.page-content.x12 .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: end;*/
	overflow-y: auto;
    padding-bottom: 30vh;/*5vh;*/
    padding-top: 60vh;/*15vh;*/
}
.x12 .arrowDown{
	position: relative;
	bottom: auto;
	left: 25%;
	top: 2vh;
}
.x12 .noMedia .sticky-section .arrowDown {
    display:none;
}
.x12 .page-header .arrowDown{
	position: absolute;
    margin-left: 9%;
    top: auto;
    left: unset;
    width: 40px;
    height: 20px;
    bottom: 15px;	
}
.x12 .bgImage .arrowDown {
	display: none;
}
.x12 .contentText h2,
.x12 .contentText h3,
.x12 .contentText p{
	padding: 0em 1.75rem;
}
.x12 .contentText h2{
	font-size: 1.375rem !important;
}
.x12 .swiper-slide.card{
	margin-bottom: 1em!important;
}
.x12 .card{
	margin-bottom: 0 !important;
    max-width: 100vw !important;
    gap: 0 !important;
    margin: 0;
    width: 100vw;
}
.x12 .card .threeD .cardWrapper .cardInner{
	border-radius: unset;
}
.x12 .card .threeD .cardWrapper .cardInner .cardFront .cardFrontWrapper h2{
	align-items: center;
}
.x12 .card .threeD .cardWrapper .cardInner .cardFront img{
	border-radius: unset;
}
.x12 .card .threeD .cardWrapper .cardInner .cardFront .cardFrontWrapper:before{
	border-radius: unset;
}
.x12 .card .threeD .cardWrapper .cardInner .cardBack{
	border-radius: unset;
}
.x12 .card .threeD .cardWrapper .cardInner .cardBack .cardBackWrapper .cardText{
	max-width: unset;
}
.x12.parallax .contentWrapper{
	margin-bottom: 0!important;
	padding-right: 0 !important;
} 
.x12.parallax .contentWrapper .bgImage{
	background-attachment: fixed;
}
.x12.parallax .contentWrapper .bgImage.mode6 video{
	position: fixed;
}
.x12.parallax .contentText.bgImage >div {
    background: unset;
}
.x12.parallax .contentWrapper .bgImage.mode6 span:first-child{
	background: #00000060;
}
.x12.parallax .contentWrapper .bgImage.mode6 span.ln2-span-header-title{
	padding: 0 1rem !important;
}
.x12.parallax .contentWrapper .bgImage.mode6 span p{
	color: white;
    margin-left: 1em;
}
.x12 .media-wrapper{
	z-index: 5;
    height: auto;
    top: 50%;
    transform: translateY(-50%);
}
.x12 .media-wrapper .page-header h2{
	/*background: linear-gradient(90deg, #00000091, transparent 70%);*/
    padding: 2em;
    position: relative;
	color: white;
}
.x12 .row .stack1, .x12 .row .stack2, .x12 .row .stack3, .x12 .row .stack4, .x12 .row .stack5, .x12 .row .stack6 {
    margin-right: 0;
}
.portrait .x12 .row .stack1:last-of-type,.portrait .x12 .row .stack2:last-of-type,.portrait .x12 .row .stack3:last-of-type,.portrait .x12 .row .stack4:last-of-type,.portrait .x12 .row .stack5:last-of-type {
    margin-right: 1em;
}
.x12 .row .stack1:last-of-type h2,.x12 .row .stack2:last-of-type h2,.x12 .row .stack3:last-of-type h2,.x12 .row .stack4:last-of-type h2,.x12 .row .stack5:last-of-type h2{
   padding: 0;
}
.x12 .row .stack6{
    width: 100%;
}
/* DPF23565v specifics */
.mobile.portrait .page-content.dpf23565v .main-wrapper .columns .media .fragment.full.background--text,
.tablet.portrait .page-content.dpf23565v .main-wrapper .columns .media .fragment.full.background--text, 
.desktop.portrait .page-content.dpf23565v .main-wrapper .columns .media .fragment.full.background--text {
    top: 0vh;
    left: 0;
    width: 100%;
    /* margin-left: 20px; */
    height: 89vh;
    overflow-y: auto;
}
.fullscreen.mobile.portrait .page-content.dpf23565v .main-wrapper .columns .media .fragment.full.background--text,
.fullscreen.tablet.portrait .page-content.dpf23565v .main-wrapper .columns .media .fragment.full.background--text, 
.fullscreen.desktop.portrait .page-content.dpf23565v .main-wrapper .columns .media .fragment.full.background--text {
	height: 95vh;
}
.mobile.portrait .page-content.dpf23565v .main-wrapper .columns .media .fragment.full.background--text .row:first-child,
.tablet.portrait .page-content.dpf23565v .main-wrapper .columns .media .fragment.full.background--text .row:first-child, 
.desktop.portrait .page-content.dpf23565v .main-wrapper .columns .media .fragment.full.background--text .row:first-child {
    position: sticky;
    height: auto;
    top: 0vh;
    z-index: 5;
}