﻿.fullspace{margin:0 !important;padding:0 !important}@media (min-width:1366px){.fullspace{margin:0 auto !important}}@font-face{font-family:'icons';src:url("../fonts/icons/icons.eot");src:url("../fonts/icons/icons.eot?#iefix") format("embedded-opentype"),url("../fonts/icons/icons.woff") format("woff"),url("../fonts/icons/icons.ttf") format("truetype"),url("../fonts/icons/icons.svg#icons") format("svg");font-weight:normal;font-style:normal}@font-face{font-weight:normal;font-style:normal;font-family:'codropsicons';src:url("../fonts/codropsicons/codropsicons.eot");src:url("../fonts/codropsicons/codropsicons.eot?#iefix") format("embedded-opentype"),url("../fonts/codropsicons/codropsicons.woff") format("woff"),url("../fonts/codropsicons/codropsicons.ttf") format("truetype"),url("../fonts/codropsicons/codropsicons.svg#codropsicons") format("svg")}.polaroidIntro{padding:50px 0;background-color:#f7f7f7}.clearfix:before{content:'';display:table}.clearfix:after{content:'';display:table;clear:both}a{color:#000;text-decoration:none;outline:none}a:hover,a:focus{color:#e4002b}.codrops-header{margin:0 auto;padding:9em 2em;text-align:center;background:#000;color:#fff;position:relative;overflow:hidden}.codrops-header h1{margin:0;font-weight:300;font-size:3.5em;line-height:1.3;position:relative}.codrops-header h1 span{display:block;padding:0 0 0.6em 0.1em;font-size:60%;opacity:0.7}.codrops-top{background:#000;width:100%;text-transform:uppercase;font-weight:700;font-size:0.69em;line-height:2.2}.codrops-top a{display:inline-block;padding:0 1em;text-decoration:none;letter-spacing:1px;color:#000}.codrops-top a:hover{color:#fff}.codrops-top span.right{float:right}.codrops-top span.right a{display:block;float:left}.codrops-icon:before{margin:0 4px;text-transform:none;font-weight:normal;font-style:normal;font-variant:normal;font-family:'codropsicons';line-height:1;speak:none;-webkit-font-smoothing:antialiased}.codrops-icon-drop:before{content:"\e001"}.codrops-icon-prev:before{content:"\e004"}.description{padding:6em 8em;overflow:hidden}.description p{font-size:200%;text-align:center;max-width:800px;margin:0 auto 1em;font-weight:300;line-height:1.4}.codrops-header p{margin:0 auto 1em;font-weight:300;line-height:1.4;opacity:0.5;text-align:left;font-size:200%}.columns p{-webkit-column-break-inside:avoid;-moz-column-break-inside:avoid;column-break-inside:avoid}svg.polaroid{margin:0 auto;display:block;max-width:100%}.description svg.polaroid{padding:5px 0 30px}svg.polaroid rect{stroke:#f7f7f7;fill:#fff;stroke-width:6}.codrops-header svg.polaroid{position:absolute;top:50%;z-index:0;opacity:0.1;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}.codrops-header svg.polaroid rect{fill:#000;stroke-width:2}.related{text-align:center;font-size:1.35em;padding:6em 2em;overflow:hidden;background-color:#000}.related>a{border:3px solid #000;display:inline-block;text-align:center;margin:20px 10px;padding:25px;color:#000;-webkit-transition:color 0.3s, border-color 0.3s;transition:color 0.3s, border-color 0.3s}.related a:hover{color:#E4002B;border-color:#E4002B}.related a img{max-width:100%;opacity:0.8;-webkit-transition:opacity 0.3s;transition:opacity 0.3s}.related a:hover img,.related a:active img{opacity:1}.related a h3{margin:0;padding:0.5em 0 0.3em;max-width:300px;text-align:left}@media screen and (min-width: 60em){.columns{-moz-column-count:2;-moz-column-gap:1em;-webkit-column-count:2;-webkit-column-gap:1em;column-count:2;column-gap:1em}.codrops-header .columns{padding:3em 0 0;-moz-column-gap:2em;-webkit-column-gap:2em;column-gap:2em}}@media screen and (max-width: 45em){.codrops-header{font-size:80%}.description{font-size:80%;padding:4em 1.5em}.codrops-header svg.polaroid{height:200px}}@media screen and (max-width: 25em){.codrops-icon span{display:none}.codrops-icon:before{font-size:160%;line-height:2}}.photostack{background:#f7f7f7;position:relative;text-align:center;overflow:hidden;margin-top:0 !important;margin-bottom:80px !important}.js .photostack{height:580px}.photostack-start{cursor:pointer}.photostack>div{width:100%;height:100%;margin:0 auto}.photostack figure{width:320px;height:360px;position:relative;display:inline-block;background:#fff;padding:40px;text-align:center;margin:5px;box-shadow:rgba(0,0,0,0.1) 3px 3px 3px}.js .photostack figure{position:absolute;display:block;margin:0}.photostack figcaption h2{margin:20px 0 0 0;color:#000;font-size:16px}.photostack-img{outline:none;display:block;width:240px;height:240px;background:#fff}.photostack-back{display:none;position:absolute;width:100%;height:100%;top:0;left:0;background:#fff;font-family:"Roboto Slab";font-weight:300;color:#000;font-style:italic;padding:50px 40px;text-align:left !important;font-size:18px;line-height:20px;z-index:1;margin-bottom:50px !important}.photostack-back p{margin:0}.photostack-back p span{text-decoration:line-through}.photostack nav{position:absolute;width:100% !important;bottom:30px;z-index:90;text-align:center;left:0;-webkit-transition:opacity 0.3s;transition:opacity 0.3s}.photostack-start nav{opacity:0}.photostack nav span{position:relative;display:inline-block;margin:0 5px;width:30px;height:30px;cursor:pointer;background:#aaa;border-radius:50%;text-align:center;-webkit-transition:-webkit-transform 0.6s ease-in-out, background 0.3s;transition:transform 0.6s ease-in-out, background 0.3s;-webkit-transform:scale(0.48);transform:scale(0.48)}.photostack nav span:last-child{margin-right:0}.photostack nav span::after{content:"\e600";font-family:'icons';font-size:80%;speak:none;display:inline-block;vertical-align:top;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:30px;color:#fff;opacity:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-transition:opacity 0.3s;transition:opacity 0.3s;-webkit-backface-visibility:hidden;backface-visibility:hidden}.photostack nav span.current{background:#888;-webkit-transform:scale(1);transform:scale(1)}.photostack nav span.current.flip{-webkit-transform:scale(1) rotateY(-180deg) translateZ(-1px);transform:scale(1) rotateY(-180deg) translateZ(-1px);background:#555}.photostack nav span.flippable::after{opacity:1;-webkit-transition-delay:0.4s;transition-delay:0.4s}.js .photostack::before{content:'';position:absolute;width:100%;height:100%;background:rgba(0,0,0,0.3);top:0;left:0;z-index:100;-webkit-transition:opacity 0.3s, visibility 0s 0.3s;-moz-transition:opacity 0.3s, visibility 0s 0.3s;transition:opacity 0.3s, visibility 0s 0.3s}.js .photostack-start::before{-webkit-transition:opacity 0.3s;-moz-transition:opacity 0.3s;transition:opacity 0.3s}.js .photostack::after{content:'elige cómo piensas';font-weight:400;position:absolute;background-color:#00a09b;text-align:center;white-space:nowrap;left:50%;top:50%;-webkit-transform:translateY(-50%) translateX(-50%);-moz-transform:translateY(-50%) translateX(-50%);transform:translateY(-50%) translateX(-50%);padding:15px 20px;color:#fff;letter-spacing:1px;cursor:pointer;z-index:101;font-family:"Roboto Slab";font-size:20px;font-weight:300}.js .photostack::before,.js .photostack::after{opacity:0;visibility:hidden}.js .photostack-start::before,.js .photostack-start::after{opacity:1;visibility:visible}.touch .photostack-start::after{opacity:1;visibility:visible}.photostack figure::after{content:'';position:absolute;width:100%;height:100%;top:0;left:0;visibility:visible;opacity:1;background:rgba(0,0,0,0.05);-webkit-transition:opacity 0.6s;transition:opacity 0.6s}figure.photostack-current::after{-webkit-transition:opacity 0.6s, visibility 0s 0.6s;transition:opacity 0.6s, visibility 0s 0.6s;opacity:0;visibility:hidden}.photostack-transition figure{-webkit-transition:-webkit-transform 0.6s ease-in-out;-moz-transition:-webkit-transform 0.6s ease-in-out;transition:transform 0.6s ease-in-out}.photostack-perspective{-webkit-perspective:1800px;-moz-perspective:1800px;perspective:1800px}.photostack-perspective>div{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.photostack-perspective figure{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}.photostack-perspective figure div{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}.photostack-perspective figure.photostack-flip{-webkit-transform-origin:0% 50%;-moz-transform-origin:0% 50%;transform-origin:0% 50%}.csstransformspreserve3d figure.photostack-flip .photostack-back{-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);transform:rotateY(180deg);display:block}.no-csstransformspreserve3d figure.photostack-showback .photostack-back{display:block}.no-js .photostack figure{box-shadow:-2px 2px 0 rgba(0,0,0,0.05)}.no-js .photostack figure::after{display:none}.no-js .photostack figure:nth-child(3n){-webkit-transform:translateX(-10%) rotate(5deg);-moz-transform:translateX(-10%) rotate(5deg);transform:translateX(-10%) rotate(5deg)}.no-js .photostack figure:nth-child(3n-2){-webkit-transform:translateY(10%) rotate(-3deg);-moz-transform:translateY(10%) rotate(-3deg);transform:translateY(10%) rotate(-3deg)}#photostack-1 nav span.current{background:#888;-webkit-transform:scale(0.61);-moz-transform:scale(0.61);transform:scale(0.61)}
