/**
Theme Name: ativa2020
Author: Ativacl
Author URI: http://ativa.cl
Description: Ativa astra
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ativa2020
Template: astra
*/

.videotitulo {
    color: #366180;
    font-weight: 700;
    font-size: 17px;
    line-height: 19px;
}
.videoparrafo {
    color: #366180;
    font-size: 13px;
    line-height: 15px;
    font-weight: 500;
}
.ctvideo {
    padding: 110px 30px 90px 30px !important;
}
.page-id-1915{
    background: #b9cdc8;
}
.page-id-1915 .footeratv{display:none;}
.flip-card {
  background-color: transparent;
  perspective: 1000px; }

.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 1s;
  transform-style: preserve-3d;
}
.parallaxhome-item {width: 460px !important; height:254px  !important;max-width: 24vw;}
.parallaxhome-item:hover .flip-card-inner{
  transform: rotateY(180deg) translateY(-80px);
}
.parallaxhome-item:hover,.postalarc:hover{z-index:999;}
.post-type-archive-postales #content{
    background: #F9EAD7;
}
/* Position the front and back side */
.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden; /* Safari */
  backface-visibility: hidden;
}

.flip-card-front {
  background-color: #bbb;
  color: black;
}

.flip-card-back {
  transform: rotateY(180deg) translateZ(40px) translateY(-50px) scale(1.6);transition: transform 1s;}

.flip-card-back img{
    box-shadow: rgba(0,0,0,0.1) 0px 6px 12px;
}
.postalarc .flip-card-back {
  transform: rotateY(180deg) translateZ(40px) translateY(0) scale(1.5);transition: transform 1s;}
.postal-item:hover .flip-card-inner{
  transform: rotateY(180deg) translateY(-20px);
}
.pright .postal-item:hover .flip-card-inner{
  transform: rotateY(180deg) translateX(90px) translateY(-20px);
}





/**  home  */
.txtfooter {
    font-family: "Amiri";
    font-size: 15px !important;
    line-height: 18px;
}
html {
  scroll-behavior: smooth;
}
.quienes { animation: scrollmouse 1s infinite;}
@keyframes scrollmouse {
  0% {
    bottom:-110px;  }
  50% {
       bottom:-104px;
  }
  100% {
       bottom:-110px;
  }
}
.quienes{
    z-index: 999;
    position: absolute;
    bottom: -110px;
    color: #6c64ff;
    font-size: 30px;
}
.owl-nav img {
    width: 36px;
}
.mobilecontainer {display:none;}
.logohesp {
    position: absolute;
    top: 25px;
}
.selhsp {
    position: absolute;
    right: 2%;
    top: 15px;
}
.wpml-ls-statics-shortcode_actions li {
    border-left: 2px #6c64ff solid;
}
.wpml-ls-statics-shortcode_actions li:first-child {border-left:none;}
.wpml-ls-legacy-list-horizontal {
    padding: 3px 4px !important;
    background: #fff;
}
.wpml-ls-legacy-list-horizontal  .wpml-ls-display {display:none;}
.menu-item-wpml-ls-3-es a {
    padding: 4px 8px !important;
    background: #fff;
    height: 30px !important;
}
.wpml-ls-legacy-list-horizontal a span,.menu-item-wpml-ls-3-es  a span {
    vertical-align: middle;
    color: #6c64ff;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 16px;
}

.site-header {display:none !Important;}
.entry-content>#modal-ready>p {display:none !Important;}
.site-header { z-index: 1;}
a, a:visited,a:hover, a:active, a:focus, button:focus { outline: none !important; }
#scene .site-logo-img {
    position: absolute;
    z-index: 1;
    top: 1.5%;
    left: 5%;
}
#scene .wpml-ls-statics-shortcode_actions {
    position: absolute;
    right: 5%;
    top: 1.5%;
    z-index: 1;
}
.escondido {opacity:0 ; -webkit-transition: all 600ms ease-out;
	    -moz-transition: all 600ms ease-out;
	    -ms-transition: all 300ms ease-out;
	    -o-transition: all 600ms ease-out;
	    transition: all 600ms ease-out;}
.videomirando {opacity:1 ; -webkit-transition: all 1000ms ease-out;
	    -moz-transition: all 1000ms ease-out;
	    -ms-transition: all 1000ms ease-out;
	    -o-transition: all 1000ms ease-out;
	    transition: all 1000ms ease-out;}     

.smooth {-webkit-transition: all 300ms ease-out;
	    -moz-transition: all 300ms ease-out;
	    -ms-transition: all 300ms ease-out;
	    -o-transition: all 300ms ease-out;
	    transition: all 300ms ease-out;}

.title {
  margin-top: -0.7em;
  position: absolute;
  width: 100%;
  top: 28%; }



.datos-filtro {
    background: #fff;
    padding: 13px 10px;
    position: absolute;
    transform-style: preserve-3d;
    width: 114%;
    bottom: -50px;
    left: -8px;
    color: #6b63ff;
    opacity: 0;
    text-align: center;
}
.datos-filtro:after {
content: '';
    position: absolute;
    text-align:center;
    z-index: 0;
    left: 15px;
    bottom: -100px;
    width: 100%;
    height: 100%;
    border: 1px solid #6b63ff;
    transform: translate3d(0, -0,-1px);
    -webkit-transition: all 300ms ease-out;
	    -moz-transition: all 300ms ease-out;
	    -ms-transition: all 300ms ease-out;
	    -o-transition: all 300ms ease-out;
	    transition: all 300ms ease-out;
}
.datos-filtro .datos-nombre {
    font-size: 17px;
    line-height: 22px;
}
.datos-filtro .datos-tax {
    font-size: 12px;
    line-height: 22px;
}

.ct-title {
    width: 444px; margin: auto;
        text-align: center;
}
.imgpostales {width:120px;}
.ct-titulos {text-align:left;
    display: table;
    margin: 0 auto 30px auto;
}
.videomirando h1 {
    color: #000;
    font-weight: 100;
    font-size: 35px;
    z-index: 10;
    margin: 40px 0 0 0;
    line-height: 0;
}
.videomirando h2 {
    color: #000000;
    font-size: 45px;
    font-weight: 400;
    text-transform: capitalize;
    margin: 10px 0;
}
.ct-title .textomasquenunca {
    color: #264E70;
    font-family: "Amiri";
    font-size: 16px;
    line-height: 1.3em;
    text-align: center;
    margin-bottom: 40px;
}
.ct-title img {
    width: 220px;
}

.scene,
.layer {
  text-align: center;
  display: block;
  height: 100%;
  width: 100%;
  padding: 0;
  margin: 0; 
  position: absolute;}

  #scene{
    position:relative;
    overflow:hidden;
    width: 100%;
    margin: auto;
    height: 100vh;

  }


@keyframes elfade {
  0% {
    opacity: 0;  margin-top:40px;
  }
  100% {
    visibility: visible; margin-top:0;
    opacity: 1;
  }
}

@keyframes leftanim {
  0% {
    opacity: 0;transform: translateX(200px);
  }
  100% {
    visibility: visible;
    transform: translateX();
    opacity: 1;
  }
}
@keyframes rightanim {
  0% {
    opacity: 0;transform: translateX(-200px);
  }
  100% {
    visibility: visible;
    transform: translateX();
    opacity: 1;
  }
}


.home .parallaxhome-item,.ct-title,.videomirando h1,.videomirando h2,.ct-title a,.ct-title .textomasquenunca,.ct-title h2 {visibility: hidden;}
.ct-title {animation: 600ms elfade;
animation-timing-function: ease-in-out;
    animation-delay: 100ms;
  animation-fill-mode: forwards;}
.videomirando h1
{animation: 1200ms leftanim;
animation-timing-function: ease-in-out;
    animation-delay: 900ms;
  animation-fill-mode: forwards;}
.videomirando .second
{animation: 1200ms rightanim;
animation-timing-function: ease-in-out;
    animation-delay:900ms;
  animation-fill-mode: forwards;}
.ct-title h2 {animation: 600ms elfade;
animation-timing-function: ease-in-out;
    animation-delay: 1900ms;
  animation-fill-mode: forwards;}
.ct-title .textomasquenunca  
  {animation: 600ms elfade;
animation-timing-function: ease-in-out;
    animation-delay: 2300ms;
  animation-fill-mode: forwards;}
  
 .ct-title a 
  {animation: 600ms elfade;
animation-timing-function: ease-in-out;
    animation-delay: 2500ms;
  animation-fill-mode: forwards;}


#testimonio1 {
    animation: 900ms elfade;
    animation-delay: 3000ms;
    animation-fill-mode: forwards;
    animation-timing-function: ease-in-out;
    top: -30% !important;
    left: 15% !important;
}
#testimonio2 {
    animation: 900ms elfade;
    animation-delay: 2100ms;
    animation-fill-mode: forwards;
    animation-timing-function: ease-in-out;
    top: 65%!important;
    left: 1% !important;
}
#testimonio3 {
    animation: 900ms elfade;
    animation-delay: 2500ms;
    animation-fill-mode: forwards;
    animation-timing-function: ease-in-out;
    top: 17% !important;
    left: 6%!important;
}
#testimonio4 {
    animation: 900ms elfade;
    animation-delay: 2700ms;
    animation-fill-mode: forwards;
    animation-timing-function: ease-in-out;
    top: 115% !important;
    left: 19% !important;
}
#testimonio5 {
    animation: 900ms elfade;
    animation-delay: 3100ms;
    animation-fill-mode: forwards;
    animation-timing-function: ease-in-out;
  top: -31% !important;
    left: 55% !important;
}
#testimonio6 {
    animation: 900ms elfade;
    animation-delay: 2400ms;
    animation-fill-mode: forwards;
    animation-timing-function: ease-in-out;
  top: -36% !important;
    right: -19%!important;
}
#testimonio7 {
    animation: 900ms elfade;
    animation-delay: 2900ms;
    animation-fill-mode: forwards;
    animation-timing-function: ease-in-out;
       top: 18% !important;
    right: 1% !important;
}
#testimonio8 {
    animation: 900ms elfade;
    animation-delay: 2300ms;
    animation-fill-mode: forwards;
    animation-timing-function: ease-in-out;
top: 112% !important;
    right: 16% !important;
}
#testimonio9 {
    animation: 900ms elfade;
    animation-delay: 2800ms;
    animation-fill-mode: forwards;
    animation-timing-function: ease-in-out;
  top: 67% !important;
    right: -5% !important;
}
#testimonio10 {
    animation: 900ms elfade;
    animation-delay: 2300ms;
    animation-fill-mode: forwards;
    animation-timing-function: ease-in-out;
       top: 10% !important;
    right: -34% !important;
}
#testimonio11 {
    animation: 900ms elfade;
    animation-delay: 2300ms;
    animation-fill-mode: forwards;
    animation-timing-function: ease-in-out;
    bottom: -2% !important;
    right: -48% !important;
}

#testimonio12 {
    animation: 900ms elfade;
    animation-delay: 2300ms;
    animation-fill-mode: forwards;
    animation-timing-function: ease-in-out;
    top: -47% !important;
    left: -31% !important;
}

#testimonio13 {
    animation: 900ms elfade;
    animation-delay: 2300ms;
    animation-fill-mode: forwards;
    animation-timing-function: ease-in-out;
    bottom: -51% !important;
    left: -32% !important;
}


#testimonio14 {
    animation: 900ms elfade;
    animation-delay: 2300ms;
    animation-fill-mode: forwards;
    animation-timing-function: ease-in-out;
       bottom: -8% !important;
    left: -56% !important;
}

#testimonio15 {
    animation: 900ms elfade;
    animation-delay: 2300ms;
    animation-fill-mode: forwards;
    animation-timing-function: ease-in-out;
    top: 10% !important;
    left: -33% !important;
}
#testimonio16 {
    animation: 900ms elfade;
    animation-delay: 2300ms;
    animation-fill-mode: forwards;
    animation-timing-function: ease-in-out;
  bottom: -55% !important;
    right: -37% !important;
}
#testimonio17 {
    animation: 900ms elfade;
    animation-delay: 2300ms;
    animation-fill-mode: forwards;
    animation-timing-function: ease-in-out;
    bottom: -55% !important;
    right: -37% !important;}

.wraptweets {
    background: #EEEDFF;
    padding: 7px 0;
    font-size: 13px;
}
.masquenuncatweets {
    color: #6C63FF;
    display: flex;
    flex-flow: row;
    width: 90%;
    margin: auto;
}
.masquenuncatweets i {
    margin-right: 8px;
    font-size: 18px;
}
.masquenuncatweets span {
    border-right: 2px solid #6b63ff;
    padding-right: 10px;
}
.masquenunca {
    font-weight: bold;
    flex-shrink: 0;
}
.cycle-slideshow {
    height: 25px;
    padding-top: 0;
    margin: 0 0 0 15px;
        width: 100%;
}
.cycle-slide {
    width: 100%;
    
}
.cycle-slide a { color: #6C63FF;}






/**  Single testimonios  */
.quienes img {
    width: 24px;
}
.quienes img:hover{
    filter: brightness(3);
}

.owl-stage li{
    list-style: none;
}


.singlepersona {
    margin-top: -35px;
}
.postales-template-default  .ast-main-header-bar-alignment {display:none !Important;}
.postales-template-default .main-header-bar-wrap {
    pointer-events: none;
}
.bloque2 .wp-block-cover__inner-container {
    width: calc(100% - 15%);
    padding: 130px 0;
}
.bloque2 .wp-block-column>p {display:none;}
.bloque2 .wp-block-columns {margin-bottom: 0;}
.bloque2 .wp-block-embed {
    margin-bottom: 0;
}
.bloqueborde {
    background: #EEEDFF;
    padding: 30px;
    position: relative;
    transform-style: preserve-3d;
    width: 90%;
    text-align: left;
    color: #6b63ff;
    margin-top: 25px;
    line-height: 17px;
    font-size: 14px;
}
.bloqueborde::after {
    content: '';
    position: absolute;
    z-index: 0;
    left: 25px;
    top: -16px;
    width: 100%;
    height: 100%;
    border: 1px solid #6b63ff;
    transform: translate3d(0, -0,-1px);
}
.bloque2 .wp-block-group__inner-container p:last-child {margin-bottom: 0;}
.site-content>p{display:none;}
.footer-cyan {margin-bottom:0; padding: 60px 7.5% !important; }

.bloque-footer {
    background: #fff;
    padding: 13px;
    font-size: 14px;
    position: relative;
    transform-style: preserve-3d;
    text-align: left;
    margin-top: 25px;
    width: 85%;
    line-height: 17px;
}
.bloque-footer::after {
    content: '';
    position: absolute;
    z-index: 0;
    left: 13px;
    top: -13px;
    width: 100%;
    height: 100%;
    border: 1px solid #000000;
    transform: translate3d(0, -0,-1px);
}
.bloque-footer p {
    margin-bottom: 15px;
} 
.testimonios-footer {
    line-height: 14px;
    padding-top: 80px;
}
.bloque-footer .wp-block-group__inner-container p:last-child {margin-bottom:0;}
.footer-cyan .wp-block-column {    position: relative;}

.atv {
    background: #efe0ce;
    padding: 30px 0;
    text-align: center;
    font-size: 13px;
}
.atv a{
    font-weight: bolder;
    color: #000;
}

/**  Single testimonios  */

.postales-template-default .site-footer,.testimonios-template-default .footeratv   {display:none !important;}

#primary{
    padding-top: 100px;
}
.postales-template-default #primary {
    padding-top: 30px;
}

.persona {
    background: #fff;
    padding: 24px;
    position: relative;
    transform-style: preserve-3d;
    width: 95%;
    margin-top: 130px;
}
.persona::after {
    content: '';
    position: absolute;
    z-index: 0;
    left: 13px;
    top: -13px;
    width: 100%;
    height: 100%;
    border: 1px solid #6b63ff;
        transform: translate3d(0, -0,-1px);
}
.persona h1 {
    font-size: 20px;
    color: #6C63FF;
    font-weight: bold;
}
.persona p {
    color: #6C63FF;
    margin-top: 15px;
    line-height: 16px;
    font-size: 14px;
        margin-bottom: 0;
}
.ct-pertenece {    position: absolute;
    bottom: 0;}
.pertenece .owl-item{
    background: #fff;
    padding: 0;
    color: #fff;
        min-height: 213px !important;
}
.pertenece {
    width: 397px;
}
.bloquepertenece {
    background: #fff;
    color: #6b63ff;
    font-size: 12px;
    padding: 3px 7px;
    transform-style: preserve-3d;
    display: table;
    width: fit-content;
    margin-bottom: 20px;
}
.bloquepertenece:after {
    content: '';
    position: absolute;
    z-index: 0;
    left: 6px;
    top: -6px;
    width: 100%;
    height: 100%;
    border: 1px solid #6b63ff;
    transform: translate3d(0, -0,-1px);
}


.pertenece .maintax {
    font-weight: bold;
    font-size: 18px;
    text-transform: uppercase;
    color: #6C63FF;
    padding: 15px 20px;
}
.pertenece .taxdesc {
    font-size: 14px;
    line-height: 20px;
    color: #6C63FF;
    padding: 0 20px 20px 20px;
}
.testimonios-template-default #content {background:url(https://develop.ativa.agency/masquenunca/wp-content/themes/ativa2020/bgsingle.jpg);}
.tt-relacionados {
    color: #6C63FF;
    font-size: 20px;
    line-height: 21px;
    margin-bottom: 18px;
}
.elvideo video{
    display: block;
    margin: auto;
    outline: 0;
}
#button_testimonio img {
    filter: saturate(0);    -webkit-transition: all 600ms ease-out;
	    -moz-transition: all 600ms ease-out;
	    -ms-transition: all 600ms ease-out;
	    -o-transition: all 600ms ease-out;
	    transition: all 600ms ease-out;
}
#button_testimonio:hover img {
    filter: saturate(1);    -webkit-transition: all 600ms ease-out;
	    -moz-transition: all 600ms ease-out;
	    -ms-transition: all 600ms ease-out;
	    -o-transition: all 600ms ease-out;
	    transition: all 600ms ease-out;
}
    
#button_testimonio {
    width: 425px;
    position: relative;
        margin: auto;
    height: 100%;
    overflow: hidden;
}
#button_testimonio .testimoniosbtn {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(108, 99, 255, 0.31);
        padding: 0;
}
#button_testimonio .testimoniosbtn img {
    width: auto;
    top: 45%;
    left: 43%;
    position: absolute;
}
#button_testimonio .testimoniosbtn img {}
.relacionadolink{display:block; overflow:hidden; position:relative;     margin-bottom: 29.8px;
}
.relacionadocol .row:last-child .relacionadolink {margin-bottom:0;}

.relacionado {
    width: 100%;
    height: 138px;
    background-size: cover !important;
    position: relative;
    filter: saturate(0);
    -webkit-transition: all 600ms ease-out;
	    -moz-transition: all 600ms ease-out;
	    -ms-transition: all 600ms ease-out;
	    -o-transition: all 600ms ease-out;
	    transition: all 600ms ease-out;
}


.relacionadolink:hover .relacionado{
    filter: saturate(1);
   	-webkit-transition: all 600ms ease-out;
	    -moz-transition: all 600ms ease-out;
	    -ms-transition: all 600ms ease-out;
	    -o-transition: all 600ms ease-out;
	    transition: all 600ms ease-out;
	    -webkit-transform: scale(1.05);
	    -moz-transform:  scale(1.05);
	    -ms-transform:  scale(1.05);
	    -o-transform:  scale(1.05);
	    transform:  scale(1.05);

}


/** Archivo testimonio **/

.site-logo-img img{
    width: 200px;
}
.sidenav {
    height: 100%;
    width: 400px;
    position: fixed;
    z-index: 2;
    top: 0;
    left: 0;
    background-color: #C2D7D2;
    color: #fff;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 200px;
    margin-left: -400px;
}
.sidefiltros {
    padding: 0 30px 0 50px;
}
#filtrosside .logo-menu {
    position: absolute;
    top: 50px;
    left: 50px;
    width: 200px;
}
.filtrosradio {
    margin-right: 12px;
    position: relative;
    margin-top: 11px;
    width: 0;
}
.filtrosradio:before {
    content: "•";
    color: #366180;
    line-height: 0;
    vertical-align: baseline;
    text-indent: 98px;
    width: 95px;
    border-bottom: 1px solid #366180;
    background: #366180;
    padding-bottom: 1px;
    height: 1px;
    position: absolute;
    left: -180px;
    opacity:0;
    top: 5px;
    -webkit-transition: all 300ms ease-out;
	    -moz-transition: all 300ms ease-out;
	    -ms-transition: all 300ms ease-out;
	    -o-transition: all 300ms ease-out;
	    transition: all 300ms ease-out;
}


#filtrosside .form-check:hover .filtrosradio:before {
   opacity:0.6;
       left: -100px;
    -webkit-transition: all 300ms ease-out;
	    -moz-transition: all 300ms ease-out;
	    -ms-transition: all 300ms ease-out;
	    -o-transition: all 300ms ease-out;
	    transition: all 300ms ease-out;
}
#filtrosside [checked="checked"]:before {
    opacity:1;
    left: -100px;
}

.logo-menu img {
    width: 200px;
}
.sidenav a:hover {
  color: #f1f1f1;
}
.sidefiltros .form-check {
    font-size: 20px;
}


.form-check-label {
    cursor: pointer;
        color: #366180;
}
.filter-nav {
    cursor: pointer;
    left: 0;
    position: fixed;
    padding: 0;
    z-index: 1;
    width: 140px;
    top: 40%;
}

.sidenav .closebtn {
position: absolute;
    top: 50px;
    font-family: serif;
    font-weight: 600;
    right: 5%;
    font-size: 45px;
    margin-left: 50px;
    color: #c2d7d2;
    background: #326182;
    border: solid 1px #326182;
    width: 45px;
    height: 45px;
    padding: 0 0 3px 0;
    line-height: 1;
    border-radius: 45px;
    text-align: center;
    transform: scale(1);
    box-shadow: 0 0 0 #00000038;
    -webkit-transition: all 600ms ease-out;
	    -moz-transition: all 600ms ease-out;
	    -ms-transition: all 600ms ease-out;
	    -o-transition: all 600ms ease-out;
	    transition: all 600ms ease-out;
}
.sidenav .closebtn:hover{
        color: #000;
            background: #fff;
    transform: scale(1.1);
    background: #fff;
    box-shadow: 0 0 10px #00000038;
    -webkit-transition: all 600ms ease-out;
	    -moz-transition: all 600ms ease-out;
	    -ms-transition: all 600ms ease-out;
	    -o-transition: all 600ms ease-out;
	    transition: all 600ms ease-out;
}
@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}
.post-type-archive-testimonios .footeratv {display:none !important;}

.datos-archivo {display:none;}
.nostyleli {list-style:none;}
.post-type-archive-testimonios .ast-container {
    max-width: 100%;
}
.post-type-archive #primary {
    padding-top: 130px;
    margin: 0 auto;
    float: none;
    width: 88%;
    margin-left: 12%;
}

.postal-item {
    width: 100%;
    display:table;
    min-height:297px;
    margin: 0 auto 50px auto;
}

.footeratv>p{display:none;}



/** styled modal **/

.modal-wrapper {
    background-color: #B9CDC8; /* Fallback color */
    visibility: hidden;
}
.home>.show,.archive>.show {
           animation: 500ms elfade ease-out;
  animation-fill-mode: forwards;
}
.modal-wrapper .modal {
    position: relative;
    margin: 0;
    width: 100%;
        visibility: hidden;
            height: auto;
}
.show .modal{
           animation: 600ms elfade ease-out;
animation-delay:800ms;
  animation-fill-mode: forwards;
}

.modal-wrapper .modal .close-modal {
    font-family: 'Roboto Mono',monospace;
    background: #366180;
    border: 1px solid #366180;
    position: absolute;
    top: 15px;
    right: 20px;
    font-size: 45px;
    color: #b9cdc8;
    border-radius: 45px;
    cursor: pointer;
    height: 45px;
    width: 45px;
    margin-top: 0px;
    padding: 0 0 4px 0;
    line-height: 0;
    font-weight: 400;
    box-shadow: 0 0 0 #00000038;
    -webkit-transition: all 600ms ease-out;
	    -moz-transition: all 600ms ease-out;
	    -ms-transition: all 600ms ease-out;
	    -o-transition: all 600ms ease-out;
	    transition: all 600ms ease-out;
	    
}
.modal-wrapper .modal .close-modal:hover{
    color: #000;
    border: 1px solid #fff;
    transform: scale(1.1);
    background: #fff;
    box-shadow: 0 0 10px #00000038;
    -webkit-transition: all 600ms ease-out;
	    -moz-transition: all 600ms ease-out;
	    -ms-transition: all 600ms ease-out;
	    -o-transition: all 600ms ease-out;
	    transition: all 600ms ease-out;
}
.modal-wrapper .modal .loading {
    display: block;
    width: 100px;
    margin: auto;
    padding: 25vh 0;
}
.modal iframe {
    overflow: auto;
    height: -webkit-fill-available;
}


@media screen and (min-width:1026px) and (max-width:1366px) {

.datos-nombre {font-size: 13px; line-height: 18px;}
.datos-tax{font-size: 9px; line-height: 13px;}
#button_testimonio {
    width: 377px;
}
.elvideo video {
    width: 377px;
}
.persona {
    width: 275px;
}
.relacionado {
    width: 221px;
    height: 116px;
}
.relacionadolink {
margin-bottom: 33.8px;
}


}

@media screen and (max-width:600px) {
    
.postalarc .flip-card-back {
  transform: rotateY(180deg) translateZ(0) translateY(0) scale(1.05);transition: transform 1s;}
.pright .postal-item:hover .flip-card-inner{
  transform: rotateY(180deg) translateX(0) translateY(0);
}
    
    .parallaxhome-item {
    width: 260px !important;
    height: 183px !important;
    max-width: 55vw !important;
}
    .drag-box {
    overflow: hidden;    height: 100vh;
}    
.drag {  width: 2600px !important; height: 100vh !important;}
.masquenuncatweets    {
    display: flex;
    flex-flow: column;
}
.masquenunca {
    font-weight: bold;
}    
.home .bloque2 .wp-block-columns  {
    flex-flow: column-reverse;
}  
.bloque2 .wp-block-cover__inner-container {
    width: calc(100% - 15%);
    padding: 65px 0;
}

.bloqueborde {
    margin-top: 50px;
}

.bloque-footer {
    width: 94%;
}
.singlepersona {
    margin-top: 80px;
}
.singlepersona .elvideo {
    order: 1;
    margin-bottom: 65px;
}
.singlepersona .taxpersona {order:2;}
.singlepersona .relacionadocol {
    order: 3;
    margin-top: 65px;
}
#button_testimonio {
    width: 100%;
}
.pertenece {
    width: 100%;
}
.persona {
margin-top: 0;
    margin-bottom: 35px;
}

.elvideo video {
    width: 100%;
}
.ct-pertenece {
    position: relative;
}
.filter-nav {
    cursor: pointer;
    left: 0;
    position: fixed;
    padding: 0;
    z-index: 1;
    top: 39%;
    width: 95px;
}
.post-type-archive #primary {
    padding-top: 0;
    margin: 130px 0 0 0;
    float: none;
    width: 100%;
}

#wpv-view-layout-48{
    width: 100%;
    overflow: scroll;
}



.mobilecontainer {display:block;width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    position: absolute;
    top: 0;
    z-index: 999;
}
.mobilecontainer .wpml-ls-statics-shortcode_actions {
    position: absolute;
    top: 15px;
        right: 25px;
}
.mobilecontainer .site-logo-img {
    position: absolute;
    left: 25px;
    top: 10px;
}
.testimonios-home .site-logo-img,.testimonios-home .wpml-ls-statics-shortcode_actions {display:none;}

.title {
    top: 5%;
    height: auto;
}
.ct-title {
    width: 330px;
}

.parallaxhome-item:hover .flip-card-inner{
  transform: rotateY(180deg) translateY(-50px);
}

.flip-card-back {
  transform: rotateY(180deg) translateZ(0) translateY(0) scale(1.2);transition: transform 1s;}

#testimonio1 {
    top: 8% !important;
    left: 33% !important;
}
#testimonio2 {
    top: 43%!important;
    left: 32% !important;
}
#testimonio3 {
    top: 74% !important;
    left: 33%!important;
}
#testimonio4 {
    top: 9% !important;
    left: 19% !important;
}
#testimonio5 {
    top: 42% !important;
    left: 19% !important;
}
#testimonio6 {
    top: 5% !important;
    right: 33%!important;
}
#testimonio7 {
    top: 10% !important;
    right: 20% !important;
}
#testimonio8 {
    top: 44% !important;
    right: 18% !important;
}
#testimonio9 {
    top: 36% !important;
    right: 5% !important;
}
#testimonio10 {
    top: 6% !important;
    right: 3% !important;
}
#testimonio11 {
    bottom: 25% !important;
    right: 31% !important;
}

#testimonio12 {
    top: 6% !important;
    left: 3% !important;
}

#testimonio13 {
    bottom: 6% !important;
    left: 88% !important;
}
#testimonio14 {
    bottom: 7% !important;
    left: 1% !important;
}
#testimonio15 {
    top: 38% !important;
    left: 5% !important;
}
#testimonio16 {
    bottom: 4% !important;
    right: 73% !important;
}


.testimonios-footer {    padding-top: 45px;}

}

@media screen and (min-width:768px) and (max-width:1024px){
.drag-box {
    overflow: hidden;    height: 100vh;
}    
.drag {  width: 2600px !important; height: 100vh !important;}

  body { overflow: scroll !important }
  .footer-cyan {
    flex-wrap: wrap;
}
  .grid-item { width: 30%;
    margin-bottom: 1.5%;
    margin-left: 1.5%;
    margin-right: 1.5%;
    } 
.grid1,.grid2,.grid3,.grid4 {height: 0; margin-bottom: 0;}
.singlepersona {
    margin-top: 80px;
}
.singlepersona .elvideo {
    order: 1;
    margin-bottom: 70px;
    width: 70%;
    max-width: 70%;
    flex: 70%;
    margin: auto;
}
.singlepersona .taxpersona {
    order: 2;
    max-width: 55%;
    position: relative;
    margin-top: 60px;
    margin-right: 5%;
}
.singlepersona .relacionadocol {
    order: 3;
    margin-top: 50px;
    max-width: 40%;
    width: 40%;
    flex: 40%;
}
#button_testimonio {
    width: 100%;
}

.pertenece {
    width: 387px;
}
.persona {
margin-top: 0;
    margin-bottom: 35px;
}

.elvideo video {
    width: 100%;
}
.ct-pertenece {
    position: relative;
}    

  
    .parallaxhome-item {
    min-width: 240px;
}
.page-id-1915 .wp-block-column, .colfootersp{flex-basis: unset !important;
    flex-grow: 0;
}
#scene {
    width: 1600px;
    overflow: visible;
    height:95vh;
    overflow-y: scroll;
    -webkit-overflow-scrolling: auto;
}
#wpv-view-layout-48{
    width: 100%;
    overflow: scroll;
}
  
.mobilecontainer {display:block;width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    position: absolute;
    top: 0;
    z-index: 999;
}
.mobilecontainer .wpml-ls-statics-shortcode_actions {
    position: absolute;
    top: 15px;
        right: 25px;
}
.mobilecontainer .site-logo-img {
    position: absolute;
    left: 25px;
    top: 10px;
}
.testimonios-home .site-logo-img,.testimonios-home .wpml-ls-statics-shortcode_actions {display:none;}

.title {
    top: 28%;
    height: auto;
}
.background {
    background: url(https://develop.ativa.agency/masquenunca/wp-content/themes/ativa2020/background.jpg) no-repeat 50% 100%;
    background-size: cover;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}    
.ct-title a {
    font-size: 26px;
    right: -26px;
}
.ct-title a:before {
height: 42px;
}
.ct-title .textomasquenunca {
font-size: 1.5vh;
}

    
#testimonio1 {
    top: 10% !important;
    left: 23% !important;
}
#testimonio2 {
    top: 54%!important;
    left: 16% !important;
}
#testimonio3 {
    top: 36% !important;
    left: 28%!important;
}
#testimonio4 {
    bottom: 7% !important;
    left: 27% !important;
}
#testimonio5 {
    top: 2% !important;
    left: 41% !important;
}
#testimonio6 {
    top: 6% !important;
    right: 24%!important;
}
#testimonio7 {
    top: 28% !important;
    right: 14% !important;
}
#testimonio8 {
    bottom: 13% !important;
    right: 21%;
}
#testimonio9 {
    top: 52% !important;
    right: 3% !important;
}
#testimonio10 {
    top: 12% !important;
    right: 2% !important;
}
#testimonio11 {
    bottom: 39% !important;
    right: 27% !important;
}

#testimonio12 {
    top: 4% !important;
    left: 9% !important;
}
#testimonio13 {
    top: 8% !important;
    right: 38% !important;
}


#testimonio14 {
    bottom: 11% !important;
    left: 1% !important;
}


#testimonio15 {
    top: 32% !important;
    left: 3% !important;
}
#testimonio16 {
     bottom: 2% !important;
    left: 13% !important;
}
#testimonio17 {
    bottom: 2% !important;
    right: 6% !important;
}

}
@media screen and (max-width: 1024px) and (min-width: 800px) {
.testimonios-footer {
    padding-top: 45px;
    margin-right: unset;
    width: 44%;
    flex-basis: 44% !important;
}
}