@font-face{font-family:"OpenSans-regular";font-style:normal;font-weight:normal;src:url("../fonts/opensans-regular-webfont.eot?#iefix") format("embedded-opentype"),url("../fonts/opensans-regular-webfont.woff") format("woff"),url("../fonts/opensans-regular-webfont.ttf") format("truetype"),url("../fonts/opensans-regular-webfont.svg#opensans-regular-webfont") format("svg")}
@font-face{font-family:"OpenSans-italic";font-style:normal;font-weight:normal;src:url("../fonts/opensans-italic-webfont.eot?#iefix") format("embedded-opentype"),url("../fonts/opensans-italic-webfont.woff") format("woff"),url("../fonts/opensans-italic-webfont.ttf") format("truetype"),url("../fonts/opensans-italic-webfont.svg#opensans-italic-webfont") format("svg")}
@font-face{font-family:"OpenSans-bolditalic";font-style:normal;font-weight:normal;src:url("../fonts/opensans-bolditalic-webfont.eot?#iefix") format("embedded-opentype"),url("../fonts/opensans-bolditalic-webfont.woff") format("woff"),url("../fonts/opensans-bolditalic-webfont.ttf") format("truetype"),url("../fonts/opensans-bolditalic-webfont.svg#opensans-bolditalic-webfont") format("svg")}
@font-face{font-family:"OpenSans-bold";font-style:normal;font-weight:normal;src:url("../fonts/opensans-bold-webfont.eot?#iefix") format("embedded-opentype"),url("../fonts/opensans-bold-webfont.woff") format("woff"),url("../fonts/opensans-bold-webfont.ttf") format("truetype"),url("../fonts/opensans-bold-webfont.svg#opensans-bold-webfont") format("svg")}
@font-face{font-family:"opensans-extrabold";font-style:normal;font-weight:normal;src:url("../fonts/opensans-extrabold-webfont.eot?#iefix") format("embedded-opentype"),url("../fonts/opensans-extrabold-webfont.woff") format("woff"),url("../fonts/opensans-extrabold-webfont.ttf") format("truetype"),url("../fonts/opensans-extrabold-webfont.svg#opensans-extrabold-webfont") format("svg")}
@font-face{font-family:"christmas-tree";font-style:normal;font-weight:normal;src:url("../fonts/christmas-tree.eot?#iefix") format("embedded-opentype"),url("../fonts/christmas-tree.woff") format("woff"),url("../fonts/christmas-tree.ttf") format("truetype"),url("../fonts/christmas-tree.svg#christmas-tree") format("svg")}
[data-icon]:after,[class^="icon-"]:after,[class*=" icon-"]:after{font-family:"christmas-tree" !important;content:attr(data-icon);font-style:normal !important;font-weight:normal !important;font-variant:normal !important;text-transform:none !important;speak:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
[data-icon]:after{content:attr(data-icon)}
.icon-home:after{content:"a";display:block;position:absolute;z-index:1;top:50%;left:50%;margin:-10px 0 0 -7px}

.blue{color:#dd4b39}
.red{color:#5a72cb}
*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
body,html{width:100%;height:100%;min-height:100%;min-width:100%;font-family:'Open Sans',sans-serif;font-size:12px;font-weight:400;background:#0e0901 url(bkg.jpg) repeat;}
header{width:100%;height:337px;}
header #title{opacity:1;width:100%;height:337px;background:#fff;z-index:2;top:-337px;left:0;text-align:center;display:table;}
header #title a{text-decoration:none}
header #title .inner{-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-o-transition:all .2s ease;-ms-transition:all .2s ease;transition:all .2s ease;width:100%;max-width:502px;height:327px;margin:5px auto;border:1px solid #f4f4f4;background:#fff;display:table-cell;vertical-align:middle}
header #title .deco{text-decoration:none;margin:auto;display:block;width:13px;height:21px}
header #title .the{text-decoration:none;padding-top:29px;display:block;font-size:14px;color:#5a72cb}
header #title .christmas{text-decoration:none;display:block;font-size:36px;font-weight:800;color:#fe5151;text-transform:uppercase;letter-spacing:6px;margin-top:-2px}
header #title .experiments{text-decoration:none;display:block;font-size:18px;font-weight:800;color:#5a72cb;text-transform:uppercase;letter-spacing:3px;margin-top:-2px}
header #title sub{text-decoration:none;display:block;padding-top:25px;color:#7694c2;font-size:14px;letter-spacing:2.5px}
header #title a.about{display:block;text-transform:uppercase;text-decoration:underline;color:#5a72cb;padding-top:27px;letter-spacing:2.4px}
header #title .share{opacity:1;-webkit-transition:all .6s ease-out;-moz-transition:all .6s ease-out;-o-transition:all .6s ease-out;-ms-transition:all .6s ease-out;transition:all .6s ease-out;-webkit-transition-delay:2.1s;-moz-transition-delay:2.1s;-o-transition-delay:2.1s;-ms-transition-delay:2.1s;transition-delay:2.1s;padding-top:37px;}
header #title .share .fb_iframe_widget{margin-right:8px}
header #title #twitter-widget-0{padding-left:5px;max-width:107px;max-height:20px}
header #title #twitter-widget-2{max-width:137px;max-height:20px}
#twitter-widget-3{max-width:80px;max-height:20px}
#twitter-widget-1{max-width:107px;max-height:20px}
#twitter-widget-4{max-width:137px;max-height:20px}
.dayProject{width:100%;max-width:1024px;height:348px;margin:0 auto;}
.dayProject .left,.dayProject .right{width:50%;height:100%;float:left}
.dayProject .left{background:#dd4b39;display:table;text-align:center;color:#fff;}
.dayProject .left .inner{width:auto;height:131px;display:table-cell;vertical-align:middle;}
.dayProject .left .inner .look{text-transform:uppercase;font-size:1rem;font-family:"OpenSans-bold";letter-spacing:3px}
.dayProject .left .inner a{color:#fff;display:block}
.dayProject .left .inner h2{font-family:"OpenSans-bold";font-size:1.9rem;letter-spacing:3px;margin:15px 0}
.dayProject .left .inner .author{font-family:"OpenSans-italic";margin:0 0 5px 0;}
.dayProject .left .inner .author a{margin:10px 0;font-family:"OpenSans-bold";text-transform:uppercase}
.dayProject .right{opacity:1;overflow:hidden;cursor:pointer;position:relative;}
.dayProject .right .content{background:url("../img/24/featured.jpg") no-repeat center center;background-size:auto auto;height:100%;width:100%;position:relative;-webkit-transition:all .8s ease-out;-moz-transition:all .8s ease-out;-o-transition:all .8s ease-out;-ms-transition:all .8s ease-out;transition:all .8s ease-out;}
.dayProject .right .content .day{-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-o-transition:all .4s ease;-ms-transition:all .4s ease;transition:all .4s ease;position:absolute;top:50%;left:50%;margin-left:-38px;margin-top:-35px;z-index:10;background:#fff;width:70px;height:70px;padding-top:19px;font-size:30px;color:#dd4b39;border-bottom:5px solid #dd4b39;text-align:center;-webkit-transition-delay:.4s;-moz-transition-delay:.4s;-o-transition-delay:.4s;-ms-transition-delay:.4s;transition-delay:.4s}
.dayProject .right .mask{position:absolute;top:0;left:0;opacity:.3;background:#011437;width:50%;min-height:100%;height:100%;z-index:8;left:0;-webkit-transition:all .8s ease-out;-moz-transition:all .8s ease-out;-o-transition:all .8s ease-out;-ms-transition:all .8s ease-out;transition:all .8s ease-out;-webkit-transform:perspective(300px) rotateX(0) rotateY(0) rotateZ(0);-moz-transform:perspective(300px) rotateX(0) rotateY(0) rotateZ(0);-o-transform:perspective(300px) rotateX(0) rotateY(0) rotateZ(0);-ms-transform:perspective(300px) rotateX(0) rotateY(0) rotateZ(0);transform:perspective(300px) rotateX(0) rotateY(0) rotateZ(0)}
.dayProject .right:hover .content{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}
.dayProject .right:hover .mask{left:-50%;-webkit-transform:perspective(300px) rotateX(0) rotateY(90deg) rotateZ(0);-moz-transform:perspective(300px) rotateX(0) rotateY(90deg) rotateZ(0);-o-transform:perspective(300px) rotateX(0) rotateY(90deg) rotateZ(0);-ms-transform:perspective(300px) rotateX(0) rotateY(90deg) rotateZ(0);transform:perspective(300px) rotateX(0) rotateY(90deg) rotateZ(0)}
.dayProject .right:hover .mask2{left:auto;right:-50%;-webkit-transform:perspective(300px) rotateX(0) rotateY(-90deg) rotateZ(0);-moz-transform:perspective(300px) rotateX(0) rotateY(-90deg) rotateZ(0);-o-transform:perspective(300px) rotateX(0) rotateY(-90deg) rotateZ(0);-ms-transform:perspective(300px) rotateX(0) rotateY(-90deg) rotateZ(0);transform:perspective(300px) rotateX(0) rotateY(-90deg) rotateZ(0)}
.dayProject .right:hover .day{-webkit-transition-delay:0;-moz-transition-delay:0;-o-transition-delay:0;-ms-transition-delay:0;transition-delay:0;opacity:0}
.dayProject .right:hover .open{-webkit-transition:all .35s ease-out;-moz-transition:all .35s ease-out;-o-transition:all .35s ease-out;-ms-transition:all .35s ease-out;transition:all .35s ease-out;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-transition-delay:.225s;-moz-transition-delay:.225s;-o-transition-delay:.225s;-ms-transition-delay:.225s;transition-delay:.225s;margin-top:-20px;opacity:1;-webkit-transform:perspective(1200px);-moz-transform:perspective(1200px);-o-transform:perspective(1200px);-ms-transform:perspective(1200px);transform:perspective(1200px);line-height:36px}
.dayProject .right .mask2{left:auto;right:0}
.dayProject .right .open{-webkit-transition:all .6s ease;-moz-transition:all .6s ease;-o-transition:all .6s ease;-ms-transition:all .6s ease;transition:all .6s ease;-webkit-transition-delay:0;-moz-transition-delay:0;-o-transition-delay:0;-ms-transition-delay:0;transition-delay:0;-webkit-transform:scale(.85);-moz-transform:scale(.85);-o-transform:scale(.85);-ms-transform:scale(.85);transform:scale(.85);opacity:0;position:absolute;top:50%;left:50%;margin-left:-70px;margin-top:-30px;z-index:10;background:rgba(1,20,55,0.3);width:140px;height:40px;font-size:14px;color:#fff;text-align:center;line-height:10px;border:2px solid rgba(255,255,255,0.3);text-transform:uppercase}
.intro{color:#5a72cb;text-align:center;margin:30px 0;font-size:1.2rem;font-family:"OpenSans-regular"}
section.experiments{width:100%;max-width:972px;margin:50px auto 0;height:2562px;overflow-y:hidden;-webkit-overflow-scrolling-x:touch}
.experiment{width:240px;height:420px;color:#dd4b39;text-align:center;margin-right:4px;float:left;position:relative;overflow:hidden;opacity:0;display:block;-webkit-perspective:1000px;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;-ms-transition:all .5s ease;transition:all .5s ease;-webkit-transform-origin:50% 0%;-moz-transform-origin:50% 0%;-o-transform-origin:50% 0%;-ms-transform-origin:50% 0%;transform-origin:50% 0%;-webkit-transform:rotateX(-80deg);-moz-transform:rotateX(-80deg);-o-transform:rotateX(-80deg);-ms-transform:rotateX(-80deg);transform:rotateX(-80deg);-webkit-transform-style:preserve-3d;background:#fcfcfc;}
.experiment a{text-decoration:none;}
.experiment a *{text-decoration:none}
.experiment .preview-image{display:block;position:absolute;top:0;left:0;z-index:-1;width:100%}
.experiment .overlay{z-index:1;position:absolute;top:0;left:0;background:#011437;opacity:.6;height:100%;width:100%}
.experiment .corner{position:absolute;top:0;right:0;width:0;height:0;border-style:solid;border-width:45px 0 0 45px;border-color:transparent transparent transparent #f1f1f1}
.experiment .open{-webkit-transition:all .6s ease;-moz-transition:all .6s ease;-o-transition:all .6s ease;-ms-transition:all .6s ease;transition:all .6s ease;-webkit-transition-delay:0;-moz-transition-delay:0;-o-transition-delay:0;-ms-transition-delay:0;transition-delay:0;-webkit-transform:scale(.85);-moz-transform:scale(.85);-o-transform:scale(.85);-ms-transform:scale(.85);transform:scale(.85);opacity:0;position:absolute;top:50%;left:50%;margin-left:-70px;margin-top:-10px;z-index:10;background:rgba(1,20,55,0.3);width:140px;height:40px;font-size:14px;color:#fff;text-align:center;line-height:10px;border:2px solid rgba(255,255,255,0.3);text-transform:uppercase}
.experiment .desc{z-index:2;width:100%;height:420px;background:#fff;text-align:center;position:relative;-webkit-transition:all .3s ease 0;-moz-transition:all .3s ease 0;-o-transition:all .3s ease 0;-ms-transition:all .3s ease 0;transition:all .3s ease 0;padding-top:117px;}
.experiment .desc .number{color:#dd4b39;font-weight:300;font-size:72px;padding:50px 0 0 0;display:block;margin:auto;opacity:0;-webkit-transition:all .3s ease .2s;-moz-transition:all .3s ease .2s;-o-transition:all .3s ease .2s;-ms-transition:all .3s ease .2s;transition:all .3s ease .2s;position:absolute;width:100%;top:-5px}
.experiment .desc h3{color:#fe5151;display:block;font-size:14px;letter-spacing:2px;font-family:"OpenSans-bold";margin:40px 0 0 0;opacity:0;-webkit-transition:all .3s ease .3s;-moz-transition:all .3s ease .3s;-o-transition:all .3s ease .3s;-ms-transition:all .3s ease .3s;transition:all .3s ease .3s;z-index:3;text-transform:uppercase}
.experiment .desc h4{font-family:"OpenSans-regular";color:#fe5151;display:block;font-size:11px;letter-spacing:1px;text-transform:uppercase;margin:15px 0 0 0;-webkit-transition:all .3s ease .3s;-moz-transition:all .3s ease .3s;-o-transition:all .3s ease .3s;-ms-transition:all .3s ease .3s;transition:all .3s ease .3s}
.experiment .desc .ice{display:block;margin:30px auto 0;width:15px;height:16px;opacity:0;-webkit-transition:all .3s ease .4s;-moz-transition:all .3s ease .4s;-o-transition:all .3s ease .4s;-ms-transition:all .3s ease .4s;transition:all .3s ease .4s}
.experiment .desc .bottom-triangle{z-index:2;width:0;height:0;border-style:solid;border-width:60px 260px 0 0;border-color:#fff transparent transparent transparent;position:absolute;bottom:-60px;-webkit-transform:rotate(15deg);-moz-transform:rotate(15deg);-o-transform:rotate(15deg);-ms-transform:rotate(15deg);transform:rotate(15deg);-webkit-transform-origin:0% 0%;-moz-transform-origin:0% 0%;-o-transform-origin:0% 0%;-ms-transform-origin:0% 0%;transform-origin:0% 0%;-webkit-transition:all .3s ease .15s;-moz-transition:all .3s ease .15s;-o-transition:all .3s ease .15s;-ms-transition:all .3s ease .15s;transition:all .3s ease .15s}
.experiment.show{-webkit-transform:rotateX(0);-moz-transform:rotateX(0);-o-transform:rotateX(0);-ms-transform:rotateX(0);transform:rotateX(0);opacity:1;}
.experiment.show .overlay{opacity:0}
.experiment.show .number{padding:40px 0 0 0;opacity:1}
.experiment.show h3{margin:30px 0 0 0;opacity:1}
.experiment.show h4{opacity:1}
.experiment.show .ice{margin:20px auto 0;opacity:1}
.experiment.show .desc{height:225px;-webkit-transition:all .3s ease .1s;-moz-transition:all .3s ease .1s;-o-transition:all .3s ease .1s;-ms-transition:all .3s ease .1s;transition:all .3s ease .1s;}
.experiment.show .desc .bottom-triangle{-webkit-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);-webkit-transition:all .3s ease 0;-moz-transition:all .3s ease 0;-o-transition:all .3s ease 0;-ms-transition:all .3s ease 0;transition:all .3s ease 0}
.experiment:hover{-webkit-transform:rotateX(0);-moz-transform:rotateX(0);-o-transform:rotateX(0);-ms-transform:rotateX(0);transform:rotateX(0);opacity:1;}
.experiment:hover .overlay{opacity:0}
.experiment:hover .number{padding:30px 0 0 0;margin:-10px 0 0 0;font-size:20px;opacity:1;position:absolute;z-index:3;-webkit-transition:all .3s ease 0;-moz-transition:all .3s ease 0;-o-transition:all .3s ease 0;-ms-transition:all .3s ease 0;transition:all .3s ease 0}
.experiment:hover h3,.experiment:hover h4{-webkit-transition:all .3s ease 0;-moz-transition:all .3s ease 0;-o-transition:all .3s ease 0;-ms-transition:all .3s ease 0;transition:all .3s ease 0;opacity:0}
.experiment:hover .ice{margin:10px auto 0;opacity:0;-webkit-transition:all .3s ease 0;-moz-transition:all .3s ease 0;-o-transition:all .3s ease 0;-ms-transition:all .3s ease 0;transition:all .3s ease 0}
.experiment:hover .desc{height:40px;-webkit-transition:all .3s ease .1s;-moz-transition:all .3s ease .1s;-o-transition:all .3s ease .1s;-ms-transition:all .3s ease .1s;transition:all .3s ease .1s;padding:50px 0 0 0;}
.experiment:hover .desc .bottom-triangle{-webkit-transform:rotate(13deg);-moz-transform:rotate(13deg);-o-transform:rotate(13deg);-ms-transform:rotate(13deg);transform:rotate(13deg);-webkit-transition:all .3s ease .2s;-moz-transition:all .3s ease .2s;-o-transition:all .3s ease .2s;-ms-transition:all .3s ease .2s;transition:all .3s ease .2s;bottom:0}
.experiment:hover .open{-webkit-transition:all .35s ease-out 1s;-moz-transition:all .35s ease-out 1s;-o-transition:all .35s ease-out 1s;-ms-transition:all .35s ease-out 1s;transition:all .35s ease-out 1s;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-transition-delay:.225s;-moz-transition-delay:.225s;-o-transition-delay:.225s;-ms-transition-delay:.225s;transition-delay:.225s;margin-top:-20px;opacity:1;-webkit-transform:perspective(1200px);-moz-transform:perspective(1200px);-o-transform:perspective(1200px);-ms-transform:perspective(1200px);transform:perspective(1200px);line-height:36px}
.experiment:nth-child(4n){margin:0}
.experiment:nth-child(odd){margin-top:20px;margin-bottom:-16px}
footer{font-family:"OpenSans-regular";margin:50px 0 0 0;text-align:center;color:#5a72cb;}
footer .share{padding:30px 0;}
footer .share .fb_iframe_widget{margin-right:5px}
@media screen and (max-width:1023px){section.experiments{height:420px;}
section.experiments .inner{width:5860px;height:auto;}
section.experiments .inner .experiment{margin:0 4px 0 0 !important}
}@media screen and (min-width:1024px){section.experiments .inner{width:100%}
}