@import "main.css";@charset "utf-8";body{background:#ebebeb}.experiencias{background:rgba(145,0,225,1);background:-moz-linear-gradient(top,rgba(145,0,225,1) 0%,rgba(105,2,189,1) 100%);background:-webkit-gradient(left top,left bottom,color-stop(0%,rgba(145,0,225,1)),color-stop(100%,rgba(105,2,189,1)));background:-webkit-linear-gradient(top,rgba(145,0,225,1) 0%,rgba(105,2,189,1) 100%);background:-o-linear-gradient(top,rgba(145,0,225,1) 0%,rgba(105,2,189,1) 100%);background:-ms-linear-gradient(top,rgba(145,0,225,1) 0%,rgba(105,2,189,1) 100%);background:linear-gradient(to bottom,rgba(145,0,225,1) 0%,rgba(105,2,189,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#9100e1',endColorstr='#6902bd',GradientType=0);min-height:76vh;color:#fff;position:relative;border-bottom: solid #ebebeb;}.experiencias.blue-bg{background:rgba(57,0,202,1);background:-moz-linear-gradient(top,rgba(57,0,202,1) 0%,rgba(46,8,150,1) 100%);background:-webkit-gradient(left top,left bottom,color-stop(0%,rgba(57,0,202,1)),color-stop(100%,rgba(46,8,150,1)));background:-webkit-linear-gradient(top,rgba(57,0,202,1) 0%,rgba(46,8,150,1) 100%);background:-o-linear-gradient(top,rgba(57,0,202,1) 0%,rgba(46,8,150,1) 100%);background:-ms-linear-gradient(top,rgba(57,0,202,1) 0%,rgba(46,8,150,1) 100%);background:linear-gradient(to bottom,rgba(57,0,202,1) 0%,rgba(46,8,150,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3900ca',endColorstr='#2e0896',GradientType=0)}.experiencias a{display: block;position:relative;z-index: 1;}.experiencias .logo{max-width:9%;min-width:80px;left:8%;position:absolute;margin:20px 0}.padding-left{padding-left:6%}.experiencias .main-title{margin-top:30%;line-height:1.3em;font-size:3em}
.experiencias .main-title strong{font-size:1.5em;}
.pleca svg{position:relative;bottom:-2px}.pleca{width:100%;position:absolute;bottom:-6px;z-index:2;}.sprite{z-index:2;position:relative;top:-25px}.portafolio{padding-bottom:70px;position:relative;}.nav-tabs{border:none;display:block}.portafolio .nav-item img{max-width:100px;display:block;margin-left:-20px}.nav-tabs .nav-link{border:none;color:#7a00d8!important;font-size:30px;font-weight:800;text-transform:uppercase;font-family:'Raleway',sans-serif;opacity:.3;transition:all 0.3s ease}.nav-tabs .nav-link.active{color:inherit;background-color:inherit;opacity:1}.nav-tabs .nav-link.active:after{content:"";position:relative;display:block;width:50%;height:3px;background-color:#7a00d8;animation:active-a 1s;animation-timing-function:ease;animation-fill-mode:forwards}.portafolio .nav-item p{font-size:16px;color:#000;margin:15px 0;text-transform:initial;font-weight:100}.portafolio-contenido{position:relative;margin-top:50px;overflow:hidden;}.menu-portafolio{text-align:right;margin:25px 0}.menu-portafolio .nav-tabs{border:none;display:inline-block}.nav-tabs .nav-item{display:inline-block}.menu-portafolio .nav-tabs .nav-link{border:none;color:#fff!important;font-size:15px;font-weight:800;text-transform:uppercase;font-family:'Raleway',sans-serif;background-color:#7a00d8;display:inline-block;transition:all 0.3s ease;padding:2px 10px;border-radius:0;margin:5px}.menu-portafolio .nav-tabs .nav-link.active:after{display:none}.menu-portafolio .nav-tabs .nav-link.active{background:#ff0074}@keyframes active-a{0%{width:0%}100%{width:100%}}
.portafolio-listado{position:relative;overflow:hidden;margin:10px 0;background-size:100%;background-position:center center;background-repeat:no-repeat;transition:all 1s ease;}
.animacion #animacion .portafolio-listado{transition:all 0.3s ease;margin:10px 0;box-shadow:inherit}
.portafolio-listado:hover{background-size:115%;opacity:1}
.animacion #animacion .portafolio-listado:hover{background-size:100%;background-color:#7a00d8;}
.animacion #animacion .portafolio-listado img {transition:all 0s ease;}
.animacion #animacion .portafolio-listado:hover img {opacity:0;}
.portafolio-listado a {
    overflow: hidden;
    display: block;}
.portafolio-listado img {transition:all 1s ease;}
.portafolio-listado:nth-child(even){margin-top:25px;}
.portafolio-listado:nth-child(odd){margin-top:-60px;}
.portafolio-listado:hover img {transform:scale(1.2);}
.row .portafolio-listado:nth-child(1){margin-top:0;top:0}
.row .portafolio-listado:nth-child(2){margin-top:85px;top:0}
.row .portafolio-listado:nth-child(3){margin-top:-60px;top:0}
/*.portafolio-listado.mitakate{background-image:url(../images/portafolio/branding/1SI_Logotipo_01.png)}.portafolio-listado.hortijob{background-image:url(../images/portafolio/branding/1SI_Logotipo_02.png)}.portafolio-listado.ag7{background-image:url(../images/portafolio/branding/1SI_Logotipo_03.png)}.portafolio-listado.nikte{background-image:url(../images/portafolio/branding/1SI_Logotipo_04.png)}.portafolio-listado.jumex{background-image:url(../images/portafolio/branding/1SI_Logotipo_05.png)}.portafolio-listado.daterra{background-image:url(../images/portafolio/branding/1SI_Logotipo_06.png)}.portafolio-listado.compralentes{background-image:url(../images/portafolio/branding/1SI_Logotipo_07.png)}.portafolio-listado.metik{background-image:url(../images/portafolio/branding/1SI_Logotipo_08.png)}.portafolio-listado.farina{background-image:url(../images/portafolio/branding/1SI_Logotipo_09.png)}.portafolio-listado.loteria{background-image:url(../images/portafolio/branding/1SI_Logotipo_10.png)}.portafolio-listado.mordeli{background-image:url(../images/portafolio/branding/1SI_Logotipo_11.png)}.portafolio-listado.avocato{background-image:url(../images/portafolio/branding/1SI_NombreMarca_02.png)}.portafolio-listado.papeleria-mitakate{background-image:url(../images/portafolio/branding/1SI_Papeleria_01.png)}.portafolio-listado.papeleria-mitakate-2{background-image:url(../images/portafolio/branding/1SI_Papeleria_02.png)}.portafolio-listado.papeleria-ag7{background-image:url(../images/portafolio/branding/1SI_Papeleria_03.png)}.portafolio-listado.papeleria-ag7-2{background-image:url(../images/portafolio/branding/1SI_Papeleria_04.png)}.portafolio-listado.papeleria-mordeli{background-image:url(../images/portafolio/branding/1SI_Papeleria_05.png)}.portafolio-listado.papeleria-metik{background-image:url(../images/portafolio/branding/1SI_Papeleria_06.png)}.portafolio-listado.bolsa-metik{background-image:url(../images/portafolio/branding/1SI_Papeleria_07.png)}.portafolio-listado.bolsa-farina{background-image:url(../images/portafolio/branding/1SI_Papeleria_08.png)}.portafolio-listado.empaque-mordeli{background-image:url(../images/portafolio/diseno/1SI_Empaque_01.png)}.portafolio-listado.etiqueta-nikte{background-image:url(../images/portafolio/diseno/1SI_Etiqueta_01.png)}.portafolio-listado.etiqueta-nikte-2{background-image:url(../images/portafolio/diseno/1SI_Etiqueta_02.png)}.portafolio-listado.etiqueta-nikte-3{background-image:url(../images/portafolio/diseno/1SI_Etiqueta_04.png)}.portafolio-listado.etiqueta-nikte-4{background-image:url(../images/portafolio/diseno/1SI_Etiqueta_05.png)}.portafolio-listado.avocatessen{background-image:url(../images/portafolio/diseno/1SI_Etiqueta_03.png)}.portafolio-listado.avocatessen-2{background-image:url(../images/portafolio/diseno/1SI_Etiqueta_07.png)}.portafolio-listado.etiqueta-jumex{background-image:url(../images/portafolio/diseno/1SI_Etiqueta_06.png)}.portafolio-listado.alminuto{background-image:url(../images/portafolio/diseno/1SI_Impresos_01.png)}.portafolio-listado.qdigital{background-image:url(../images/portafolio/diseno/1SI_Impresos_02.png)}.portafolio-listado.rrss-mamut{background-image:url(../images/portafolio/diseno/1SI_RRSS_01.png)}.portafolio-listado.rrss-mamut-2{background-image:url(../images/portafolio/diseno/1SI_RRSS_02.png)}.portafolio-listado.rrss-mamut-3{background-image:url(../images/portafolio/diseno/1SI_RRSS_03.png)}.portafolio-listado.lector{background-image:url(../images/portafolio/diseno/1SI_RRSS_04.png)}.portafolio-listado.hikvision{background-image:url(../images/portafolio/diseno/1SI_RRSS_05.png)}.portafolio-listado.winis{background-image:url(../images/portafolio/diseno/1SI_RRSS_06.png)}.portafolio-listado.winis-2{background-image:url(../images/portafolio/diseno/1SI_RRSS_07.png)}.portafolio-listado.klass{background-image:url(../images/portafolio/diseno/1SI_Web_01.png)}.portafolio-listado.bardahl{background-image:url(../images/portafolio/diseno/1SI_Web_02.png)}.portafolio-listado.trailer{background-image:url(../images/portafolio/diseno/1SI_Web_03.png)}.portafolio-listado.cecype{background-image:url(../images/portafolio/diseno/1SI_Web_04.png)}.portafolio-listado.winis-web{background-image:url(../images/portafolio/diseno/1SI_Web_05.png)}.portafolio-listado.cn{background-image:url(../images/portafolio/diseno/1SI_Web_06.png)}.portafolio-listado.coophi{background-image:url(../images/portafolio/diseno/1SI_Web_07.png)}.portafolio-listado.aztec{background-image:url(../images/portafolio/diseno/1SI_Web_08.png)}.portafolio-listado.evolucione{background-image:url(../images/portafolio/diseno/1SI_Web_09.png)}.portafolio-listado.bitacora{background-image:url(../images/portafolio/diseno/1SI_Web_10.png)}.portafolio-listado.compralentes-web{background-image:url(../images/portafolio/diseno/1SI_Web_11.png)}.ilustracion .portafolio-listado.i1{background-image:url(../images/portafolio/ilustracion/1SI_Arte_01.png)}.ilustracion .portafolio-listado.i2{background-image:url(../images/portafolio/ilustracion/1SI_Arte_02.png)}.ilustracion .portafolio-listado.i3{background-image:url(../images/portafolio/ilustracion/1SI_Arte_03.png)}.ilustracion .portafolio-listado.i4{background-image:url(../images/portafolio/ilustracion/1SI_Arte_04.png)}.ilustracion .portafolio-listado.i5{background-image:url(../images/portafolio/ilustracion/1SI_Arte_05.png)}.ilustracion .portafolio-listado.i6{background-image:url(../images/portafolio/ilustracion/1SI_Arte_06.png)}.ilustracion .portafolio-listado.i7{background-image:url(../images/portafolio/ilustracion/1SI_Arte_07.png)}.ilustracion .portafolio-listado.i8{background-image:url(../images/portafolio/ilustracion/1SI_Arte_08.png)}.ilustracion .portafolio-listado.i9{background-image:url(../images/portafolio/ilustracion/1SI_Arte_09.png)}.ilustracion .portafolio-listado.i10{background-image:url(../images/portafolio/ilustracion/1SI_Iconografia_01.png)}.ilustracion .portafolio-listado.i11{background-image:url(../images/portafolio/ilustracion/1SI_Iconografia_02.png)}.ilustracion .portafolio-listado.i12{background-image:url(../images/portafolio/ilustracion/1SI_Iconografia_03.png)}.ilustracion .portafolio-listado.i13{background-image:url(../images/portafolio/ilustracion/1SI_Personajes_01.png)}.ilustracion .portafolio-listado.i14{background-image:url(../images/portafolio/ilustracion/1SI_Personajes_02.png)}.portafolio-listado.neonate{background-image:url(../images/portafolio/juegos/1SI_JWeb_02.jpg)}.portafolio-listado.who{background-image:url(../images/portafolio/juegos/1SI_JWeb_01.jpg)}.portafolio-listado.dr-gecko{background-image:url(../images/portafolio/juegos/1SI_Moviles_01.png)}.portafolio-listado.dr-gecko-2{background-image:url(../images/portafolio/juegos/1SI_Moviles_02.jpg)}.portafolio-listado.dr-gecko-3{background-image:url(../images/portafolio/juegos/1SI_Moviles_03.jpg)}.portafolio-listado.web-abogados{background-image:url(../images/portafolio/web/1SI_Blog.jpg)}.portafolio-listado.web-alushhhes{background-image:url(../images/portafolio/web/1SI_ECommerce.jpg)}.portafolio-listado.web-castle{background-image:url(../images/portafolio/web/1SI_Informativa.jpg)}.portafolio-listado.web-winis{background-image:url(../images/portafolio/web/1SI_Landing.png)}.portafolio-listado.web-retiro{background-image:url(../images/portafolio/web/1SI_SEO.png)}.portafolio-listado.estrategia1{background-image:url(../images/portafolio/estrategias-digitales/1SI_ERRSS_01.png)}.portafolio-listado.estrategia2{background-image:url(../images/portafolio/estrategias-digitales/1SI_ERRSS_02.png)}.portafolio-listado.estrategia3{background-image:url(../images/portafolio/estrategias-digitales/1SI_ERRSS_03.png)}.portafolio-listado.estrategia4{background-image:url(../images/portafolio/estrategias-digitales/1SI_ERRSS_04.png)}.portafolio-listado.estrategia5{background-image:url(../images/portafolio/estrategias-digitales/1SI_ERRSS_05.png)}.portafolio-listado.creatividad1{background-image:url(../images/portafolio/creatividad/1SI_Campanas_01.png)}.portafolio-listado.creatividad2{background-image:url(../images/portafolio/creatividad/1SI_Campanas_02.png)}.portafolio-listado.creatividad3{background-image:url(../images/portafolio/creatividad/1SI_Campanas_03.png)}.portafolio-listado.creatividad4{background-image:url(../images/portafolio/creatividad/1SI_ConceptoRector_01.png)}.portafolio-listado.creatividad5{background-image:url(../images/portafolio/creatividad/1SI_ConceptoRector_02.png)}.portafolio-listado.creatividad6{background-image:url(../images/portafolio/creatividad/1SI_ConceptoRector_03.png)}.portafolio-listado.auditoria1{background-image:url(../images/portafolio/auditorias-creativas/1SI_RRSSPlay_01.png)}.portafolio-listado.auditoria2{background-image:url(../images/portafolio/auditorias-creativas/1SI_RRSSPlay_02.png)}.portafolio-listado.auditoria3{background-image:url(../images/portafolio/auditorias-creativas/1SI_RRSSPlay_03.png)}*/
/*.portafolio-listado.motion1{background-image:url(../images/portafolio/animacion/gif/lideres-mañana.jpg)}.portafolio-listado.motion2{background-image:url(../images/portafolio/animacion/gif/alminuto.jpg)}.portafolio-listado.motion3{background-image:url(../images/portafolio/animacion/gif/mamut.jpg)}.portafolio-listado.cutout1{background-image:url(../images/portafolio/animacion/gif/distroller.jpg)}.portafolio-listado.cutout2{background-image:url(../images/portafolio/animacion/gif/nerds.jpg)}.portafolio-listado.cutout3{background-image:url(../images/portafolio/animacion/gif/prolub.jpg)}*/
.portafolio-listado.motion1:hover{background-image:url(../images/portafolio/animacion/gif/lideres-mañana.gif)}.portafolio-listado.motion2:hover{background-image:url(../images/portafolio/animacion/gif/alminuto.gif)}.portafolio-listado.mamut:hover{background-image:url("../images/portafolio/animacion/gif/mamut-2.jpg")}.portafolio-listado.cutout1:hover{background-image:url(../images/portafolio/animacion/gif/distroller.gif)}.portafolio-listado.cutout2:hover{background-image:url(../images/portafolio/animacion/gif/nerds.gif)}
.portafolio-listado.cutout3:hover{background-image:url("../images/portafolio/animacion/gif/prolub.gif")}
.portafolio-listado.mamut:hover{background-image:url("../images/portafolio/animacion/gif/mamut-2.gif")}
.portafolio-listado.andares:hover{background-image:url(../images/portafolio/animacion/gif/andares.gif)}
.portafolio-listado.carrazo:hover{background-image:url(../images/portafolio/animacion/gif/carrazo.gif)}
.portafolio-listado.colgate:hover{background-image:url(../images/portafolio/animacion/gif/colgate.gif)}
.portafolio-listado.estrellas:hover{background-image:url(../images/portafolio/animacion/gif/estrellas.gif)}
.portafolio-listado.gotas:hover{background-image:url(../images/portafolio/animacion/gif/gotas.gif)}
.portafolio-listado.hbo:hover{background-image:url(../images/portafolio/animacion/gif/hbo.gif)}
.portafolio-listado.klasstime:hover{background-image:url("../images/portafolio/animacion/gif/klasstime.gif")}
.portafolio-listado.loyola:hover{background-image:url("../images/portafolio/animacion/gif/loyola.gif")}
.portafolio-listado.retiro:hover{background-image:url("../images/portafolio/animacion/gif/retiro.gif")}
.portafolio-listado.tecsalud:hover{background-image:url("../images/portafolio/animacion/gif/tecsalud.gif")}
.portafolio-listado.tored:hover{background-image:url(../images/portafolio/animacion/gif/tored.gif)}
.portafolio-listado.unima:hover{background-image:url(../images/portafolio/animacion/gif/unima.gif)}
.portafolio-listado.sweet:hover{background-image:url(../images/portafolio/animacion/gif/sweet.gif)}

.portafolio-listado img{width:100%;opacity:1}.portafolio-contenido a::before{content:" ";width:100%;height:100%;position:absolute;opacity:.3;transition:all 0.8s ease}.portafolio-listado:hover a:before{opacity:0}.short{height:220px}.large{height:390px}.maxim-large{height:450px;max-height:inherit}.graficas{width:700px;height:618px;z-index:2;position:relative;background:url(../images/animaciones/experiencia-grafica.png) left center;animation:sprite 3s steps(62) infinite;float:right}.graficas.exp-interactivas{width:630px;background:url(../images/animaciones/interactivas.png) left center;animation:interactivas 3s steps(62) infinite}.graficas.exp-mkt{height:600px;background:url(../images/animaciones/marketing.png) left;animation:marketing 3s steps(56) infinite}.graficas.movimiento{height:500px;background:url(../images/animaciones/movimiento.png) left;animation:movimiento 3s steps(59) infinite}.service-animation{width:790px;position:absolute;right:0;top:0;height:550px;z-index:3}#design-start,#design-loop,#animation-start,#animation-loop,#interactive-start,#interactive-loop,#marketing-start,#marketing-loop{width:700px;position:absolute;bottom:0;right:0}#design-start,#animation-start,#interactive-start,#marketing-start{z-index:2}#design-loop,#animation-loop,#interactive-loop,#marketing-loop{z-index:3;opacity:0}.hideMe{display:none}#design-loop.visible,#animation-loop.visible,#interactive-loop.visible,#marketing-loop.visible{opacity:1}#design-start,#design-loop{top:-10px}#design-start{background:transparent url(../images/animaciones/experiencias-graficas-intro.png) 0 0 no-repeat}#design-loop{background:transparent url(../images/animaciones/experiencias-graficas-loop.png) 0 0 no-repeat}#animation-start,#animation-loop{top:-30px;height:526px}#animation-start{background:transparent url(../images/animaciones/experiencias-movimiento-intro.png) 0 0 no-repeat}#animation-loop{background:transparent url(../images/animaciones/experiencias-movimiento-loop.png) 0 0 no-repeat}#interactive-start,#interactive-loop{height:684px}#interactive-start{background:transparent url(../images/animaciones/experiencias-interactivas-intro.png) 0 0 no-repeat}#interactive-loop{background:transparent url(../images/animaciones/experiencias-interactivas-loop.png) 0 0 no-repeat}#marketing-start,#marketing-loop{height:543px}#marketing-start{background:transparent url(../images/animaciones/experiencias-de-marketing-intro.png) 0 0 no-repeat}#marketing-loop{background:transparent url(../images/animaciones/experiencias-de-marketing-loop.png) 0 0 no-repeat}.ml2{font-weight:500;font-size:4.5em;margin-top:-22px}.ml2 .letter{display:inline-block;line-height:1em}@keyframes sprite{100%{background-position:-49011px}}@keyframes interactivas{100%{background-position:-39219px}}@keyframes marketing{100%{background-position:-45449px}}@keyframes movimiento{100%{background-position:-39214px}}.interactivas h2{font-weight:800;font-family:'Raleway',sans-serif;color:#3e00da}.interactivas h2 span{display:block;font-weight:100}.interactivas .short{height:225px}.interactivas .nav-tabs .nav-link.active:after{background-color:#3900ca}
.aviso-privacidad .experiencias {min-height:150px;}
.privacidad {text-align:center;padding:50px;}
.privacidad .main-title {margin-top:0px !important;}
.contenido-privacidad{    padding: 50px 10px;}
@media only screen and (max-width:1450px){.ml2{font-size:60px}.experiencias .main-title{font-size:35px}}
@media only screen and (max-width:1200px){.ml2{font-size:50px}.experiencias .main-title{font-size:30px;margin-top: 35%;}}
@media only screen and (max-width:990px){
	.experiencias{text-align:center}.experiencias .main-title{margin-top:6%!important;line-height:46px}.pleca{display:none}.nav-tabs .nav-link{font-size:20px}.nav-tabs .nav-link h2{font-size:20px}.portafolio .nav-item img{max-width:50px;display:block;margin-left:0}.portafolio-listado:nth-child(even){margin:10px 0;}.short{height:210px}.interactivas .short{height:172px}.large{height:280px}.logo-footer{max-width:150px;margin:26px 0}.maxim-large{height:360px}.graficas{width:810px;float:inherit;margin:0 auto}.movimiento{width:690px}.ml2{font-size:60px}.padding-left{padding-left:0}
	.portafolio-listado:nth-child(even){margin-top:10px;}
.portafolio-listado:nth-child(odd){margin-top:10px;}
.row .portafolio-listado:nth-child(1){margin-top:10px;}
.row .portafolio-listado:nth-child(2){margin-top:10px;}
.row .portafolio-listado:nth-child(3){margin-top:10px;}
}
@media only screen and (max-width:772px){footer{text-align:center;float:left;position:relative;width:100%;background:rgba(105,2,189,1);z-index:2;}footer ul{list-style:none}footer .col-md-4{margin:10px 0}.hide-m{display:block}.graficas{display:none}.experiencias{position:fixed;width:100%}.portafolio{margin-top:580px;position:relative;background-color:#ebebeb;float:left;width:100%;z-index:2;}.experiencias .logo{position:relative;display:block;margin-bottom:0}}
@media only screen and (max-width:550px){.row{column-count:inherit;column-gap:inherit;display:block;width:80%;margin:0 auto}.portafolio-listado{position:relative;overflow:hidden;height:300px!important;margin:50px 0}.menu-portafolio{text-align:center;margin:-15px 0;position:absolute;width:100%;top:-20px;left:0}.menu-portafolio .nav-tabs .nav-link{font-size:10px;padding:2px 7px}.ml2{font-size:50px}.interactivas h2 span{display:inline-block}.sprite{top:0}.idioma {
    right: 22%;
    top: 16px;
}}
@media only screen and (max-width:400px){.ml2{font-size:40px}}
@media screen and (min-width:1600px){.service-animation{width:950px;height:750px}.ml2{font-size:5.5em}.experiencias .main-title{font-size:3.8em}#design-start,#design-loop,#animation-start,#animation-loop,#interactive-start,#interactive-loop,#marketing-start,#marketing-loop{width:950px}#design-start,#design-loop{top:-60px}#design-start{background:transparent url(../images/animaciones/experiencias-graficas-intro-big.png) 0 0 no-repeat}#design-loop{background:transparent url(../images/animaciones/experiencias-graficas-loop-big.png) 0 0 no-repeat}#animation-start,#animation-loop{height:677px;width:900px;top:-50px}#animation-start{background:transparent url(../images/animaciones/experiencias-movimiento-intro-big.png) 0 0 no-repeat}#animation-loop{background:transparent url(../images/animaciones/experiencias-movimiento-loop-big.png) 0 0 no-repeat}#interactive-start,#interactive-loop{top:-150px;height:880px;width:900px}#interactive-start{background:transparent url(../images/animaciones/experiencias-interactivas-intro-big.png) 0 0 no-repeat}#interactive-loop{background:transparent url(../images/animaciones/experiencias-interactivas-loop-big.png) 0 0 no-repeat}#marketing-start,#marketing-loop{height:698px;width:900px}#marketing-start{background:transparent url(../images/animaciones/experiencias-de-marketing-intro-big.png) 0 0 no-repeat}#marketing-loop{background:transparent url(../images/animaciones/experiencias-de-marketing-loop-big.png) 0 0 no-repeat}}@media only screen and (max-height:700px){.experiencias .main-title{margin-top:30%}#design-start,#design-loop,#animation-start,#animation-loop,#interactive-start,#interactive-loop,#marketing-start,#marketing-loop{width:500px;height:400px}#design-start,#design-loop{height:inherit;width:507.3px}#design-start{background:transparent url(../images/animaciones/experiencias-graficas-intro-small.png) 0 0 no-repeat}#design-loop{background:transparent url(../images/animaciones/experiencias-graficas-loop-small.png) 0 0 no-repeat}#animation-start,#animation-loop{width:532.32px;top:20px;height:inherit}#animation-start{background:transparent url(../images/animaciones/experiencias-movimiento-intro-small.png) 0 0 no-repeat}#animation-loop{background:transparent url(../images/animaciones/experiencias-movimiento-loop-small.png) 0 0 no-repeat}#interactive-start,#interactive-loop{width:409.35px;height:inherit}#interactive-start{background:transparent url(../images/animaciones/experiencias-interactivas-intro-small.png) 0 0 no-repeat}#interactive-loop{background:transparent url(../images/animaciones/experiencias-interactivas-loop-small.png) 0 0 no-repeat}#marketing-start,#marketing-loop{width:515.66px;height:inherit}#marketing-start{background:transparent url(../images/animaciones/experiencias-de-marketing-intro-small.png) 0 0 no-repeat}#marketing-loop{background:transparent url(../images/animaciones/experiencias-de-marketing-loop-small.png) 0 0 no-repeat}}
/*.animacion #animacion .portafolio-listado:hover:after{content:url("../images/loading.gif");position:absolute;left:50%;transform: translate(-50%);}*/